@maltjoy/core-vue 6.5.0-beta.0 → 6.5.0-beta.1

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as C, openBlock as d, createElementBlock as h, normalizeClass as I, createElementVNode as b, ref as x, onMounted as ne, onUnmounted as Ht, createVNode as N, toDisplayString as J, createCommentVNode as _, createApp as Bo, createTextVNode as q, Fragment as G, useSlots as Z, inject as fe, unref as D, createBlock as V, resolveDynamicComponent as Q, mergeProps as W, withCtx as z, renderSlot as k, provide as oe, renderList as Y, normalizeStyle as te, useAttrs as le, useId as De, resolveDirective as pt, withDirectives as Qe, getCurrentScope as Wt, onScopeDispose as Ut, toRef as Ao, readonly as Eo, customRef as zo, shallowRef as Gt, watch as K, nextTick as Pe, getCurrentInstance as Jo, h as Mo, Teleport as Le, shallowReadonly as Ee, onBeforeUnmount as Be, withKeys as vt, normalizeProps as Kt, toValue as Ce, Transition as ht, cloneVNode as Yt, createSlots as gt, guardReactiveProps as Po, useModel as Fo, mergeModels as Oo, createStaticVNode as Zt, createPropsRestProxy as Do, vShow as Ro, render as It, withModifiers as No } from "vue";
+import { defineComponent as I, computed as C, openBlock as d, createElementBlock as h, normalizeClass as T, createElementVNode as b, ref as x, onMounted as ne, onUnmounted as Ht, createVNode as R, toDisplayString as J, createCommentVNode as $, createApp as Bo, createTextVNode as N, Fragment as U, useSlots as Z, inject as fe, unref as D, createBlock as V, resolveDynamicComponent as Q, mergeProps as H, withCtx as E, renderSlot as k, provide as oe, renderList as Y, normalizeStyle as te, useAttrs as le, useId as De, resolveDirective as pt, withDirectives as Qe, getCurrentScope as Wt, onScopeDispose as Ut, toRef as Ao, readonly as Eo, customRef as zo, shallowRef as Gt, watch as G, nextTick as Pe, getCurrentInstance as Jo, h as Mo, Teleport as Le, shallowReadonly as Ee, onBeforeUnmount as Be, withKeys as vt, normalizeProps as Kt, toValue as Ce, Transition as ht, cloneVNode as Yt, createSlots as gt, guardReactiveProps as Po, useModel as Fo, mergeModels as Oo, createStaticVNode as Zt, createPropsRestProxy as Do, vShow as Ro, render as It, withModifiers as No } from "vue";
 function Lt(e) {
   const t = e.target;
   if (!t)
@@ -100,7 +100,7 @@ const et = function(e = 10) {
 function we(e) {
   e ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
 }
-const Yo = ["role", "tabindex", "aria-label", "title"], H = /* @__PURE__ */ L({
+const Yo = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ I({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -136,14 +136,14 @@ const Yo = ["role", "tabindex", "aria-label", "title"], H = /* @__PURE__ */ L({
         return t.tabIndex;
     });
     return (o, l) => (d(), h("span", {
-      class: I(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`, { "joy-icon--button": e.role === "button" }]),
+      class: T(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`, { "joy-icon--button": e.role === "button" }]),
       role: e.role,
       tabindex: n.value,
       "aria-label": e.ariaLabel || e.title,
       title: e.title || e.ariaLabel
     }, [
       b("i", {
-        class: I(["icon", `icon-${e.name}`]),
+        class: T(["icon", `icon-${e.name}`]),
         "aria-hidden": "true"
       }, null, 2)
     ], 10, Yo));
@@ -151,7 +151,7 @@ const Yo = ["role", "tabindex", "aria-label", "title"], H = /* @__PURE__ */ L({
 }), Zo = { class: "joy-snackbar__img joy-core-radius-6" }, Xo = { class: "joy-snackbar__content" }, Qo = {
   key: 0,
   class: "joy-mb-1"
-}, en = ["innerHTML"], tn = /* @__PURE__ */ L({
+}, en = ["innerHTML"], tn = /* @__PURE__ */ I({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -238,30 +238,30 @@ const Yo = ["role", "tabindex", "aria-label", "title"], H = /* @__PURE__ */ L({
       isOpen: o,
       exposedMethods: v
     }), (g, m) => (d(), h("div", {
-      class: I(["joy-snackbar_container", {
+      class: T(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
         "joy-snackbar__hiding": !o.value
       }])
     }, [
       b("div", {
         id: r,
-        class: I(["joy-snackbar", `joy-snackbar_${e.level}`])
+        class: T(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
         b("div", Zo, [
-          N(H, {
+          R(q, {
             color: "white",
             name: i.value,
             size: "small"
           }, null, 8, ["name"])
         ]),
         b("div", Xo, [
-          e.header ? (d(), h("strong", Qo, J(e.header), 1)) : _("", !0),
+          e.header ? (d(), h("strong", Qo, J(e.header), 1)) : $("", !0),
           b("span", { innerHTML: e.message }, null, 8, en),
           e.actionText ? (d(), h("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
             onClick: c
-          }, J(e.actionText), 1)) : _("", !0)
+          }, J(e.actionText), 1)) : $("", !0)
         ]),
         e.closable ? (d(), h("button", {
           key: 0,
@@ -269,11 +269,11 @@ const Yo = ["role", "tabindex", "aria-label", "title"], H = /* @__PURE__ */ L({
           class: "joy-snackbar__close-icon",
           onClick: y
         }, [
-          N(H, {
+          R(q, {
             color: "white",
             name: "cross"
           })
-        ])) : _("", !0)
+        ])) : $("", !0)
       ], 2)
     ], 2));
   }
@@ -351,7 +351,7 @@ function Lu(e) {
     snackbarApp: t
   };
 }
-const sn = { class: "joy-admin-banner" }, un = { class: "joy-admin-banner__label joy-font-primary-350" }, cn = /* @__PURE__ */ L({
+const sn = { class: "joy-admin-banner" }, un = { class: "joy-admin-banner__label joy-font-primary-350" }, cn = /* @__PURE__ */ I({
   __name: "VJoyAdminBanner",
   props: {
     label: { default: "Admin view" }
@@ -359,12 +359,12 @@ const sn = { class: "joy-admin-banner" }, un = { class: "joy-admin-banner__label
   setup(e) {
     return (t, n) => (d(), h("div", sn, [
       b("span", un, [
-        N(H, { name: "eye" }),
-        q(" " + J(e.label), 1)
+        R(q, { name: "eye" }),
+        N(" " + J(e.label), 1)
       ])
     ]));
   }
-}), Bu = /* @__PURE__ */ B(cn, [["__scopeId", "data-v-ba657b5c"]]), dn = ["title"], fn = /* @__PURE__ */ L({
+}), Bu = /* @__PURE__ */ B(cn, [["__scopeId", "data-v-ba657b5c"]]), dn = ["title"], fn = /* @__PURE__ */ I({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -378,21 +378,21 @@ const sn = { class: "joy-admin-banner" }, un = { class: "joy-admin-banner__label
       [t.status]: !0
     }));
     return (o, l) => (d(), h("div", {
-      class: I(["joy-availability", { "joy-availability-has-label": !!e.label }]),
+      class: T(["joy-availability", { "joy-availability-has-label": !!e.label }]),
       title: e.label || void 0
     }, [
       b("span", {
-        class: I(n.value)
+        class: T(n.value)
       }, null, 2),
-      e.label ? (d(), h(G, { key: 0 }, [
-        q(J(e.label), 1)
-      ], 64)) : _("", !0)
+      e.label ? (d(), h(U, { key: 0 }, [
+        N(J(e.label), 1)
+      ], 64)) : $("", !0)
     ], 10, dn));
   }
 }), Au = /* @__PURE__ */ B(fn, [["__scopeId", "data-v-b3bb9092"]]), yn = ["src", "title", "alt", "loading"], mn = {
   key: 0,
   class: "joy-avatar__strategy"
-}, pn = ["height"], vn = /* @__PURE__ */ L({
+}, pn = ["height"], vn = /* @__PURE__ */ I({
   __name: "VJoyAvatar",
   props: {
     size: { default: "medium" },
@@ -438,7 +438,7 @@ const sn = { class: "joy-admin-banner" }, un = { class: "joy-admin-banner__label
       initials: v
     }), (m, w) => (d(), h("div", {
       ref: "avatarEl",
-      class: I(["joy-avatar__wrapper", {
+      class: T(["joy-avatar__wrapper", {
         [`joy-avatar__wrapper--${e.size}`]: !0,
         "joy-avatar__wrapper--anonymous": u.value,
         "joy-avatar__wrapper--compressed": D(r).compress,
@@ -446,18 +446,18 @@ const sn = { class: "joy-admin-banner" }, un = { class: "joy-admin-banner__label
         "joy-avatar__wrapper--has-photo": f.value
       }])
     }, [
-      (d(), V(Q(e.link ? "button" : "div"), W(s.value, {
+      (d(), V(Q(e.link ? "button" : "div"), H(s.value, {
         title: e.fullName,
         class: [y.value],
         onClick: g
       }), {
-        default: z(() => [
-          u.value ? (d(), V(H, {
+        default: E(() => [
+          u.value ? (d(), V(q, {
             key: 0,
             name: e.placeholder,
             color: "neutral-50",
             size: c.value
-          }, null, 8, ["name", "size"])) : _("", !0),
+          }, null, 8, ["name", "size"])) : $("", !0),
           k(m.$slots, "default", {}, () => [
             e.photoUrl ? (d(), h("img", {
               key: 0,
@@ -466,14 +466,14 @@ const sn = { class: "joy-admin-banner" }, un = { class: "joy-admin-banner__label
               title: e.fullName,
               alt: e.fullName || "",
               loading: e.loading
-            }, null, 8, yn)) : _("", !0)
+            }, null, 8, yn)) : $("", !0)
           ], !0),
-          e.fullName && e.showLetters ? (d(), h(G, { key: 1 }, [
-            q(J(v.value), 1)
-          ], 64)) : _("", !0),
-          e.totalNumber ? (d(), h(G, { key: 2 }, [
-            q(J("+" + e.totalNumber), 1)
-          ], 64)) : _("", !0)
+          e.fullName && e.showLetters ? (d(), h(U, { key: 1 }, [
+            N(J(v.value), 1)
+          ], 64)) : $("", !0),
+          e.totalNumber ? (d(), h(U, { key: 2 }, [
+            N(J("+" + e.totalNumber), 1)
+          ], 64)) : $("", !0)
         ]),
         _: 3
       }, 16, ["title", "class"])),
@@ -490,10 +490,10 @@ const sn = { class: "joy-admin-banner" }, un = { class: "joy-admin-banner__label
             fill: "#F7F7F5"
           }, null, -1)
         ])], 8, pn))
-      ])) : _("", !0)
+      ])) : $("", !0)
     ], 2));
   }
-}), hn = /* @__PURE__ */ B(vn, [["__scopeId", "data-v-4d59a951"]]), gn = /* @__PURE__ */ L({
+}), hn = /* @__PURE__ */ B(vn, [["__scopeId", "data-v-4d59a951"]]), gn = /* @__PURE__ */ I({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -505,12 +505,12 @@ const sn = { class: "joy-admin-banner" }, un = { class: "joy-admin-banner__label
   setup(e) {
     return oe("VJoyAvatarsList", { compress: e.compress }), (n, o) => (d(), h("div", {
       ref: "avatarsList",
-      class: I(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
+      class: T(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
       k(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Eu = /* @__PURE__ */ B(gn, [["__scopeId", "data-v-66e67dbb"]]), bn = /* @__PURE__ */ L({
+}), Eu = /* @__PURE__ */ B(gn, [["__scopeId", "data-v-66e67dbb"]]), bn = /* @__PURE__ */ I({
   __name: "VJoyDot",
   props: {
     number: { default: void 0 },
@@ -519,12 +519,12 @@ const sn = { class: "joy-admin-banner" }, un = { class: "joy-admin-banner__label
   setup(e) {
     const t = e, n = C(() => t.number !== void 0);
     return (o, l) => (d(), h("div", {
-      class: I(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": n.value }])
+      class: T(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": n.value }])
     }, [
       b("span", null, J(e.number), 1)
     ], 2));
   }
-}), oo = /* @__PURE__ */ B(bn, [["__scopeId", "data-v-a7543eb4"]]), wn = /* @__PURE__ */ L({
+}), oo = /* @__PURE__ */ B(bn, [["__scopeId", "data-v-a7543eb4"]]), wn = /* @__PURE__ */ I({
   __name: "VJoyBadge",
   props: {
     /**
@@ -553,16 +553,16 @@ const sn = { class: "joy-admin-banner" }, un = { class: "joy-admin-banner__label
   },
   setup(e) {
     return (t, n) => (d(), h("span", {
-      class: I(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
+      class: T(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
       e.bulletpoint ? (d(), V(oo, {
         key: 0,
         class: "joy-badge_dot",
         variant: e.variant
-      }, null, 8, ["variant"])) : _("", !0),
+      }, null, 8, ["variant"])) : $("", !0),
       k(t.$slots, "default", {}, () => [
-        q(J(e.label), 1)
+        N(J(e.label), 1)
       ], !0)
     ], 2));
   }
@@ -592,7 +592,7 @@ const kn = { class: "joy-badge-level" }, jn = {
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Sn = /* @__PURE__ */ L({
+}, Sn = /* @__PURE__ */ I({
   __name: "VJoyBadgeLevel",
   props: {
     /** type: `TJoyBadges` */
@@ -632,7 +632,7 @@ const kn = { class: "joy-badge-level" }, jn = {
       }
     });
     return (o, l) => (d(), h("span", kn, [
-      e.type === D(ee).SUPER_MALTER ? (d(!0), h(G, { key: 0 }, Y(e.superMalterLevel, (a, r) => (d(), h("svg", {
+      e.type === D(ee).SUPER_MALTER ? (d(!0), h(U, { key: 0 }, Y(e.superMalterLevel, (a, r) => (d(), h("svg", {
         key: r,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
@@ -651,13 +651,13 @@ const kn = { class: "joy-badge-level" }, jn = {
           fill: "#FFC200",
           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)) : _("", !0),
+      ])]))), 128)) : $("", !0),
       e.type === D(ee).HIGH_POTENTIAL ? (d(), h("svg", jn, [...l[1] || (l[1] = [
         b("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)
-      ])])) : _("", !0),
+      ])])) : $("", !0),
       e.type === D(ee).HIGH_POTENTIAL_AUTO ? (d(), h("svg", _n, [...l[2] || (l[2] = [
         b("path", {
           fill: "#EF4E16",
@@ -675,7 +675,7 @@ const kn = { class: "joy-badge-level" }, jn = {
           fill: "#FFF7D1",
           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)
-      ])])) : _("", !0),
+      ])])) : $("", !0),
       e.type === D(ee).MALT_LINKER ? (d(), h("svg", $n, [...l[3] || (l[3] = [
         b("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",
@@ -685,15 +685,15 @@ const kn = { class: "joy-badge-level" }, jn = {
           d: "M17.2235 0.554612C18.5425 0.559612 19.7815 1.07961 20.7105 2.01761C21.3785 2.69261 21.8285 3.52461 22.0275 4.43061C22.0275 4.43061 22.0275 4.43061 22.0275 4.43161C22.0355 4.46961 22.0435 4.50661 22.0505 4.54461C22.0515 4.54961 22.0525 4.55461 22.0535 4.55961C22.0595 4.59261 22.0655 4.62561 22.0715 4.65961C22.0735 4.66861 22.0745 4.67861 22.0765 4.68761C22.0815 4.71661 22.0855 4.74661 22.0905 4.77561C22.0925 4.78861 22.0945 4.80161 22.0955 4.81461C22.0995 4.84061 22.1025 4.86661 22.1055 4.89261C22.1075 4.90861 22.1095 4.92461 22.1115 4.94061C22.1145 4.96361 22.1165 4.98761 22.1185 5.01061C22.1205 5.02961 22.1215 5.04761 22.1235 5.06661C22.1255 5.08761 22.1275 5.10961 22.1285 5.13061C22.1295 5.15061 22.1315 5.17061 22.1325 5.19161C22.1335 5.21161 22.1345 5.23261 22.1355 5.25261C22.1365 5.27361 22.1375 5.29461 22.1385 5.31561C22.1395 5.33561 22.1395 5.35561 22.1405 5.37561C22.1415 5.39661 22.1415 5.41761 22.1415 5.43861C22.1415 5.45861 22.1415 5.47961 22.1415 5.49961C22.1415 5.51961 22.1415 5.54061 22.1415 5.56061C22.1415 5.58161 22.1405 5.60261 22.1405 5.62361C22.1405 5.64361 22.1395 5.66361 22.1385 5.68361C22.1375 5.70461 22.1365 5.72561 22.1355 5.74661C22.1345 5.76661 22.1335 5.78761 22.1325 5.80761C22.1315 5.82761 22.1305 5.84761 22.1285 5.86861C22.1265 5.88961 22.1255 5.91161 22.1235 5.93261C22.1215 5.95161 22.1205 5.96961 22.1185 5.98861C22.1165 6.01261 22.1135 6.03561 22.1115 6.05861C22.1095 6.07461 22.1075 6.09061 22.1055 6.10661C22.1025 6.13261 22.0985 6.15861 22.0955 6.18461C22.0935 6.19761 22.0915 6.21061 22.0905 6.22361C22.0865 6.25261 22.0815 6.28261 22.0765 6.31161C22.0745 6.32061 22.0735 6.33061 22.0715 6.33961C22.0655 6.37261 22.0595 6.40661 22.0535 6.43961C22.0525 6.44461 22.0515 6.44961 22.0505 6.45461C22.0435 6.49261 22.0355 6.52961 22.0275 6.56761C22.0275 6.56761 22.0275 6.56761 22.0275 6.56861C21.8285 7.47461 21.3785 8.30661 20.7105 8.98161C19.7815 9.91961 18.5425 10.4396 17.2235 10.4446L16.8185 10.4466L16.4785 10.4456L11.4985 5.49961L16.4785 0.553612L16.8175 0.552612L17.2235 0.554612Z",
           fill: "#FF91F0"
         }, null, -1)
-      ])])) : _("", !0),
+      ])])) : $("", !0),
       e.type === D(Ke).HIGH_POTENTIAL ? (d(), h("svg", Cn, [...l[4] || (l[4] = [
         b("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)
-      ])])) : _("", !0),
+      ])])) : $("", !0),
       b("span", {
-        class: I([
+        class: T([
           {
             "joy-badge-level__tag": e.visibleText,
             red: e.type === D(ee).NEW || e.type === D(ee).MALT_LINKER || e.type === D(ee).HIGH_POTENTIAL_AUTO,
@@ -703,12 +703,12 @@ const kn = { class: "joy-badge-level" }, jn = {
         ])
       }, [
         e.visibleText ? k(o.$slots, "default", { key: 0 }, () => [
-          q(J(n.value), 1)
-        ], !0) : _("", !0)
+          N(J(n.value), 1)
+        ], !0) : $("", !0)
       ], 2)
     ]));
   }
-}), Ju = /* @__PURE__ */ B(Sn, [["__scopeId", "data-v-08a5e2c8"]]), xn = /* @__PURE__ */ L({
+}), Ju = /* @__PURE__ */ B(Sn, [["__scopeId", "data-v-08a5e2c8"]]), xn = /* @__PURE__ */ I({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -734,7 +734,7 @@ const kn = { class: "joy-badge-level" }, jn = {
     });
     return (l, a) => (d(), h("div", {
       "aria-hidden": "true",
-      class: I({
+      class: T({
         "joy-block-skeleton": !0,
         "joy-block-skeleton--circle": e.circle
       }),
@@ -745,7 +745,7 @@ const kn = { class: "joy-badge-level" }, jn = {
       })
     }, null, 6));
   }
-}), Mu = /* @__PURE__ */ B(xn, [["__scopeId", "data-v-186a1989"]]), Vn = /* @__PURE__ */ L({
+}), Mu = /* @__PURE__ */ B(xn, [["__scopeId", "data-v-186a1989"]]), Vn = /* @__PURE__ */ I({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -754,10 +754,10 @@ const kn = { class: "joy-badge-level" }, jn = {
   },
   setup(e) {
     return (t, n) => (d(), h("div", {
-      class: I(["joy-spinner", `joy-spinner_${e.color}`])
+      class: T(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), no = /* @__PURE__ */ B(Vn, [["__scopeId", "data-v-1d16414c"]]), Tn = /* @__PURE__ */ L({
+}), no = /* @__PURE__ */ B(Vn, [["__scopeId", "data-v-1d16414c"]]), Tn = /* @__PURE__ */ I({
   __name: "VJoyButton",
   props: {
     /** The button takes all the available space (100% width) */
@@ -807,7 +807,7 @@ const kn = { class: "joy-badge-level" }, jn = {
         id: e.id,
         disabled: e.loading || D(o).disabled,
         type: D(o).type || "button",
-        class: I([
+        class: T([
           "joy-button",
           `joy-button_${e.variant}`,
           `joy-button_${e.size}`,
@@ -818,31 +818,31 @@ const kn = { class: "joy-badge-level" }, jn = {
         ]),
         "aria-labelledby": (r.$slots.default || e.label) && l
       }, {
-        default: z(() => [
-          e.icon && e.iconPosition === "left" ? (d(), V(H, {
+        default: E(() => [
+          e.icon && e.iconPosition === "left" ? (d(), V(q, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             "aria-hidden": "true"
-          }, null, 8, ["name"])) : _("", !0),
+          }, null, 8, ["name"])) : $("", !0),
           e.loading ? (d(), V(no, {
             key: 1,
             color: a.value
-          }, null, 8, ["color"])) : _("", !0),
+          }, null, 8, ["color"])) : $("", !0),
           b("span", {
             id: l,
             class: "joy-button--slot"
           }, [
             k(r.$slots, "default", {}, () => [
-              q(J(e.label), 1)
+              N(J(e.label), 1)
             ], !0)
           ]),
-          e.icon && e.iconPosition === "right" ? (d(), V(H, {
+          e.icon && e.iconPosition === "right" ? (d(), V(q, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
             "aria-hidden": "true"
-          }, null, 8, ["name"])) : _("", !0)
+          }, null, 8, ["name"])) : $("", !0)
         ]),
         _: 3
       }, 8, ["id", "disabled", "type", "class", "aria-labelledby"])), [
@@ -884,7 +884,7 @@ function xe(...e) {
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const a = [], r = () => {
     a.forEach((y) => y()), a.length = 0;
-  }, i = (y, u, f, p) => (y.addEventListener(u, f, p), () => y.removeEventListener(u, f, p)), c = K(
+  }, i = (y, u, f, p) => (y.addEventListener(u, f, p), () => y.removeEventListener(u, f, p)), c = G(
     () => [Se(t), ke(l)],
     ([y, u]) => {
       if (r(), !y)
@@ -988,7 +988,7 @@ function Pn(e, t, n = {}) {
   let a;
   const r = Jn(() => o && "ResizeObserver" in o), i = () => {
     a && (a.disconnect(), a = void 0);
-  }, c = C(() => Array.isArray(e) ? e.map((u) => Se(u)) : [Se(e)]), s = K(
+  }, c = C(() => Array.isArray(e) ? e.map((u) => Se(u)) : [Se(e)]), s = G(
     c,
     (u) => {
       if (i(), r.value && o) {
@@ -1016,13 +1016,13 @@ function Fn(e) {
     let s = "";
     n.value.style[l] = "1px", a.value = (i = n.value) == null ? void 0 : i.scrollHeight, e != null && e.styleTarget ? ke(e.styleTarget).style[l] = `${a.value}px` : s = `${a.value}px`, n.value.style[l] = s, (c = e == null ? void 0 : e.onResize) == null || c.call(e);
   }
-  return K([o, n], () => Pe(r), { immediate: !0 }), Pn(n, () => r()), e != null && e.watch && K(e.watch, r, { immediate: !0, deep: !0 }), {
+  return G([o, n], () => Pe(r), { immediate: !0 }), Pn(n, () => r()), e != null && e.watch && G(e.watch, r, { immediate: !0, deep: !0 }), {
     textarea: n,
     input: o,
     triggerResize: r
   };
 }
-const wt = /* @__PURE__ */ L({
+const wt = /* @__PURE__ */ I({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
@@ -1049,7 +1049,7 @@ function Rn(...e) {
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const a = [], r = () => {
     a.forEach((y) => y()), a.length = 0;
-  }, i = (y, u, f, p) => (y.addEventListener(u, f, p), () => y.removeEventListener(u, f, p)), c = K(
+  }, i = (y, u, f, p) => (y.addEventListener(u, f, p), () => y.removeEventListener(u, f, p)), c = G(
     () => [On(t), ke(l)],
     ([y, u]) => {
       if (r(), !y)
@@ -1085,7 +1085,7 @@ const We = /* @__PURE__ */ new WeakMap();
 function qn(e, t = !1) {
   const n = x(t);
   let o = null, l;
-  K(An(e), (i) => {
+  G(An(e), (i) => {
     const c = at(ke(i));
     if (c) {
       const s = c;
@@ -1126,11 +1126,11 @@ function Hn() {
       return;
     e = !0;
     const l = qn(n, o.value);
-    K(t, (a) => l.value = a);
+    G(t, (a) => l.value = a);
   };
 }
 Hn();
-const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-sheet_footer" }, Et = 75, zt = "moving", Gn = /* @__PURE__ */ L({
+const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-sheet_footer" }, Et = 75, zt = "moving", Gn = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -1157,26 +1157,26 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
         u.value = !1, s.value = !1, y.value = !1, we(!1), r("bottom-sheet:close");
       }, 300));
     }
-    function m(M) {
-      u.value = !0, f.value.classList.add(zt), p = T(M);
+    function m(P) {
+      u.value = !0, f.value.classList.add(zt), p = L(P);
     }
-    function w(M) {
-      u.value && ($(M) > Et && g(), A());
+    function w(P) {
+      u.value && (_(P) > Et && g(), A());
     }
-    function j(M) {
+    function j(P) {
       if (u.value) {
-        const P = $(M);
-        P > Et ? g() : P > 0 && F(P);
+        const F = _(P);
+        F > Et ? g() : F > 0 && O(F);
       }
     }
-    function $(M) {
-      return T(M) - p;
+    function _(P) {
+      return L(P) - p;
     }
-    function T(M) {
-      return ["touchend", "touchmove", "touchstart"].includes(M.type) ? M.changedTouches[0].clientY : M.clientY;
+    function L(P) {
+      return ["touchend", "touchmove", "touchstart"].includes(P.type) ? P.changedTouches[0].clientY : P.clientY;
     }
-    function F(M) {
-      f.value.style.setProperty("transform", `translateY(${M}px)`);
+    function O(P) {
+      f.value.style.setProperty("transform", `translateY(${P}px)`);
     }
     function A() {
       f.value.classList.remove(zt), f.value.style.removeProperty("transform"), u.value = !1;
@@ -1184,10 +1184,10 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
     function S() {
       o.preventBodyScroll && we(!0);
     }
-    return K(
+    return G(
       () => o.open,
-      (M) => {
-        M === !0 ? v() : g();
+      (P) => {
+        P === !0 ? v() : g();
       }
     ), ne(() => {
       c.value = !0, o.open && S();
@@ -1195,12 +1195,12 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
       hide: g,
       show: v,
       isOpen: y,
-      moveContainer: F
-    }), (M, P) => c.value ? (d(), V(Le, {
+      moveContainer: O
+    }), (P, F) => c.value ? (d(), V(Le, {
       key: 0,
       to: e.teleport
     }, [
-      y.value ? (d(), h("div", W({ key: 0 }, a.value, {
+      y.value ? (d(), h("div", H({ key: 0 }, a.value, {
         class: [
           "joy-bottom-sheet",
           {
@@ -1210,12 +1210,12 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
           }
         ]
       }), [
-        P[1] || (P[1] = b("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
-        N(D(wt), {
+        F[1] || (F[1] = b("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
+        R(D(wt), {
           options: i,
           onTrigger: g
         }, {
-          default: z(() => [
+          default: E(() => [
             b("div", {
               ref_key: "bottomSheetContainerElement",
               ref: f,
@@ -1230,15 +1230,15 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
                 onTouchstart: m,
                 onTouchend: w,
                 onTouchmove: j
-              }, [...P[0] || (P[0] = [
+              }, [...F[0] || (F[0] = [
                 b("div", { class: "joy-bottom-sheet_header-close" }, null, -1)
               ])], 32),
               b("div", Wn, [
-                k(M.$slots, "bottom-sheet-content", {}, void 0, !0)
+                k(P.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
               b("div", Un, [
-                k(M.$slots, "bottom-sheet-cta", {}, () => [
-                  N(Fe, {
+                k(P.$slots, "bottom-sheet-cta", {}, () => [
+                  R(Fe, {
                     class: "joy-bottom-sheet_footer-close",
                     label: e.closeLabel,
                     onClick: g
@@ -1249,10 +1249,10 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
           ]),
           _: 3
         })
-      ], 16)) : _("", !0)
-    ], 8, ["to"])) : _("", !0);
+      ], 16)) : $("", !0)
+    ], 8, ["to"])) : $("", !0);
   }
-}), Pu = /* @__PURE__ */ B(Gn, [["__scopeId", "data-v-7509d991"]]), Fu = /* @__PURE__ */ L({
+}), Pu = /* @__PURE__ */ B(Gn, [["__scopeId", "data-v-7509d991"]]), Fu = /* @__PURE__ */ I({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1264,12 +1264,12 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
       var c;
       o("click"), (c = l.value) == null || c.show();
     }
-    return (c, s) => (d(!0), h(G, null, Y(r.value, (y) => (d(), V(Q(y), {
+    return (c, s) => (d(!0), h(U, null, Y(r.value, (y) => (d(), V(Q(y), {
       key: y,
       onClick: i
     }))), 128));
   }
-}), Kn = /* @__PURE__ */ L({
+}), Kn = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyButtonCard",
   props: {
@@ -1292,7 +1292,7 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
       var y;
       a.value && (s.key !== "Enter" && s.key !== " " || (s.preventDefault(), !t.disabled && ((y = s.currentTarget) == null || y.click())));
     }
-    return (s, y) => (d(), V(Q(o.value), W(D(n), {
+    return (s, y) => (d(), V(Q(o.value), H(D(n), {
       class: [
         "joy-button-card",
         `joy-button-card--align-${e.align}`,
@@ -1307,13 +1307,13 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
       onClick: i,
       onKeydown: c
     }), {
-      default: z(() => [
+      default: E(() => [
         k(s.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16, ["class", "href", "role", "aria-disabled", "tabindex"]));
   }
-}), Ou = /* @__PURE__ */ B(Kn, [["__scopeId", "data-v-1ee08b8b"]]), ye = "JoyFormElementContext", Yn = { class: "joy-checkbox__wrapper" }, Zn = { class: "joy-checkbox__input-wrapper" }, Xn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Qn = { class: "joy-checkbox__content-wrapper" }, el = { class: "joy-checkbox__content" }, tl = /* @__PURE__ */ L({
+}), Ou = /* @__PURE__ */ B(Kn, [["__scopeId", "data-v-1ee08b8b"]]), ye = "JoyFormElementContext", Yn = { class: "joy-checkbox__wrapper" }, Zn = { class: "joy-checkbox__input-wrapper" }, Xn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Qn = { class: "joy-checkbox__content-wrapper" }, el = { class: "joy-checkbox__content" }, tl = /* @__PURE__ */ I({
   __name: "VJoyCheckbox",
   props: {
     indeterminate: { type: Boolean, default: !1 },
@@ -1332,12 +1332,12 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
     const o = n, l = e;
     oe(ye, !0);
     const a = x(), r = x(l.indeterminate), i = x(l.invalid && !l.checked), c = x(!1);
-    K(
+    G(
       () => l.invalid,
       (y) => {
         i.value = y && !l.checked;
       }
-    ), K(
+    ), G(
       () => l.checked,
       (y) => {
         y ? i.value = !1 : i.value = l.invalid;
@@ -1359,7 +1359,7 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
       isIndeterminate: r
     }), (y, u) => (d(), h("div", Yn, [
       b("label", {
-        class: I([
+        class: T([
           "joy-checkbox",
           {
             "joy-checkbox__checked": e.checked,
@@ -1394,7 +1394,7 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
         ]),
         b("div", Qn, [
           k(y.$slots, "default", {}, () => [
-            q(J(e.label), 1)
+            N(J(e.label), 1)
           ], !0)
         ])
       ], 2),
@@ -1412,7 +1412,7 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
 }, il = {
   key: 0,
   class: "joy-checkbox-card__content"
-}, sl = /* @__PURE__ */ L({
+}, sl = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyCheckboxCard",
   props: {
@@ -1439,12 +1439,12 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
         indeterminate: c.value
       };
     });
-    K(
+    G(
       () => o.checked,
       (f) => {
         i.value = f;
       }
-    ), K(
+    ), G(
       () => o.indeterminate,
       (f) => {
         c.value = f;
@@ -1480,7 +1480,7 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
     return (f, p) => (d(), h("div", {
       ref_key: "cardRoot",
       ref: s,
-      class: I([
+      class: T([
         "joy-checkbox-card",
         {
           "joy-checkbox-card--hovered": r.value && !e.disabled,
@@ -1499,25 +1499,25 @@ const Wn = { class: "joy-bottom-sheet_content" }, Un = { class: "joy-bottom-shee
       onClick: p[2] || (p[2] = //@ts-ignore
       (...v) => u.onClick && u.onClick(...v))
     }, [
-      N(kt, W(y.value, {
+      R(kt, H(y.value, {
         "onUpdate:checked": u.onCheckedUpdate,
         onFocus: u.onFocus,
         onBlur: u.onBlur
       }), {
-        "checkbox-content": z(() => [
+        "checkbox-content": E(() => [
           f.$slots["checkbox-card-content"] ? (d(), h("div", il, [
             k(f.$slots, "checkbox-card-content", {}, void 0, !0)
-          ])) : _("", !0)
+          ])) : $("", !0)
         ]),
-        default: z(() => [
+        default: E(() => [
           b("div", ol, [
             b("div", nl, [
               b("div", ll, J(e.label), 1),
-              e.subLabel ? (d(), h("div", al, J(e.subLabel), 1)) : _("", !0)
+              e.subLabel ? (d(), h("div", al, J(e.subLabel), 1)) : $("", !0)
             ]),
             f.$slots["header-right"] ? (d(), h("div", rl, [
               k(f.$slots, "header-right", {}, void 0, !0)
-            ])) : _("", !0)
+            ])) : $("", !0)
           ])
         ]),
         _: 3
@@ -1699,23 +1699,23 @@ async function gl(e, t) {
     y: l,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, $ = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(i.floating)), T = await (a.isElement == null ? void 0 : a.isElement($)) ? await (a.getScale == null ? void 0 : a.getScale($)) || {
+  } : r.reference, _ = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(i.floating)), L = await (a.isElement == null ? void 0 : a.isElement(_)) ? await (a.getScale == null ? void 0 : a.getScale(_)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, F = Ze(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, O = Ze(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: j,
-    offsetParent: $,
+    offsetParent: _,
     strategy: c
   }) : j);
   return {
-    top: (w.top - F.top + v.top) / T.y,
-    bottom: (F.bottom - w.bottom + v.bottom) / T.y,
-    left: (w.left - F.left + v.left) / T.x,
-    right: (F.right - w.right + v.right) / T.x
+    top: (w.top - O.top + v.top) / L.y,
+    bottom: (O.bottom - w.bottom + v.bottom) / L.y,
+    left: (w.left - O.left + v.left) / L.x,
+    right: (O.right - w.right + v.right) / L.x
   };
 }
 const bl = 50, wl = async (e, t, n) => {
@@ -1745,9 +1745,9 @@ const bl = 50, wl = async (e, t, n) => {
       name: w,
       fn: j
     } = m, {
-      x: $,
-      y: T,
-      data: F,
+      x: _,
+      y: L,
+      data: O,
       reset: A
     } = await j({
       x: y,
@@ -1763,9 +1763,9 @@ const bl = 50, wl = async (e, t, n) => {
         floating: t
       }
     });
-    y = $ ?? y, u = T ?? u, v[w] = {
+    y = _ ?? y, u = L ?? u, v[w] = {
       ...v[w],
-      ...F
+      ...O
     }, A && p < bl && (p++, typeof A == "object" && (A.placement && (f = A.placement), A.rects && (s = A.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: t,
@@ -1803,10 +1803,10 @@ const bl = 50, wl = async (e, t, n) => {
     const u = ro(y), f = {
       x: n,
       y: o
-    }, p = $t(l), v = _t(p), g = await r.getDimensions(s), m = p === "y", w = m ? "top" : "left", j = m ? "bottom" : "right", $ = m ? "clientHeight" : "clientWidth", T = a.reference[v] + a.reference[p] - f[p] - a.floating[v], F = f[p] - a.reference[p], A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s));
-    let S = A ? A[$] : 0;
-    (!S || !await (r.isElement == null ? void 0 : r.isElement(A))) && (S = i.floating[$] || a.floating[v]);
-    const M = T / 2 - F / 2, P = S / 2 - g[v] / 2 - 1, R = st(u[w], P), E = st(u[j], P), O = R, U = S - g[v] - E, X = S / 2 - g[v] / 2 + M, me = ut(O, X, U), pe = !c.arrow && qe(l) != null && X !== me && a.reference[v] / 2 - (X < O ? R : E) - g[v] / 2 < 0, ie = pe ? X < O ? X - O : X - U : 0;
+    }, p = $t(l), v = _t(p), g = await r.getDimensions(s), m = p === "y", w = m ? "top" : "left", j = m ? "bottom" : "right", _ = m ? "clientHeight" : "clientWidth", L = a.reference[v] + a.reference[p] - f[p] - a.floating[v], O = f[p] - a.reference[p], A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s));
+    let S = A ? A[_] : 0;
+    (!S || !await (r.isElement == null ? void 0 : r.isElement(A))) && (S = i.floating[_] || a.floating[v]);
+    const P = L / 2 - O / 2, F = S / 2 - g[v] / 2 - 1, M = st(u[w], F), z = st(u[j], F), W = M, K = S - g[v] - z, X = S / 2 - g[v] / 2 + P, me = ut(W, X, K), pe = !c.arrow && qe(l) != null && X !== me && a.reference[v] / 2 - (X < W ? M : z) - g[v] / 2 < 0, ie = pe ? X < W ? X - W : X - K : 0;
     return {
       [p]: f[p] + ie,
       data: {
@@ -1843,38 +1843,38 @@ const bl = 50, wl = async (e, t, n) => {
       } = Ve(e, t);
       if ((n = a.arrow) != null && n.alignmentOffset)
         return {};
-      const w = je(l), j = ve(i), $ = je(i) === i, T = await (c.isRTL == null ? void 0 : c.isRTL(s.floating)), F = f || ($ || !g ? [Ye(i)] : fl(i)), A = v !== "none";
-      !f && A && F.push(...vl(i, g, v, T));
-      const S = [i, ...F], M = await c.detectOverflow(t, m), P = [];
-      let R = ((o = a.flip) == null ? void 0 : o.overflows) || [];
-      if (y && P.push(M[w]), u) {
-        const X = dl(l, r, T);
-        P.push(M[X[0]], M[X[1]]);
+      const w = je(l), j = ve(i), _ = je(i) === i, L = await (c.isRTL == null ? void 0 : c.isRTL(s.floating)), O = f || (_ || !g ? [Ye(i)] : fl(i)), A = v !== "none";
+      !f && A && O.push(...vl(i, g, v, L));
+      const S = [i, ...O], P = await c.detectOverflow(t, m), F = [];
+      let M = ((o = a.flip) == null ? void 0 : o.overflows) || [];
+      if (y && F.push(P[w]), u) {
+        const X = dl(l, r, L);
+        F.push(P[X[0]], P[X[1]]);
       }
-      if (R = [...R, {
+      if (M = [...M, {
         placement: l,
-        overflows: P
-      }], !P.every((X) => X <= 0)) {
-        var E, O;
-        const X = (((E = a.flip) == null ? void 0 : E.index) || 0) + 1, me = S[X];
+        overflows: F
+      }], !F.every((X) => X <= 0)) {
+        var z, W;
+        const X = (((z = a.flip) == null ? void 0 : z.index) || 0) + 1, me = S[X];
         if (me && (!(u === "alignment" ? j !== ve(me) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        R.every((se) => ve(se.placement) === j ? se.overflows[0] > 0 : !0)))
+        M.every((se) => ve(se.placement) === j ? se.overflows[0] > 0 : !0)))
           return {
             data: {
               index: X,
-              overflows: R
+              overflows: M
             },
             reset: {
               placement: me
             }
           };
-        let pe = (O = R.filter((ie) => ie.overflows[0] <= 0).sort((ie, se) => ie.overflows[1] - se.overflows[1])[0]) == null ? void 0 : O.placement;
+        let pe = (W = M.filter((ie) => ie.overflows[0] <= 0).sort((ie, se) => ie.overflows[1] - se.overflows[1])[0]) == null ? void 0 : W.placement;
         if (!pe)
           switch (p) {
             case "bestFit": {
-              var U;
-              const ie = (U = R.filter((se) => {
+              var K;
+              const ie = (K = M.filter((se) => {
                 if (A) {
                   const be = ve(se.placement);
                   return be === j || // Create a bias to the `y` side axis due to horizontal
@@ -1882,7 +1882,7 @@ const bl = 50, wl = async (e, t, n) => {
                   be === "y";
                 }
                 return !0;
-              }).map((se) => [se.placement, se.overflows.filter((be) => be > 0).reduce((be, Lo) => be + Lo, 0)]).sort((se, be) => se[1] - be[1])[0]) == null ? void 0 : U[0];
+              }).map((se) => [se.placement, se.overflows.filter((be) => be > 0).reduce((be, Lo) => be + Lo, 0)]).sort((se, be) => se[1] - be[1])[0]) == null ? void 0 : K[0];
               ie && (pe = ie);
               break;
             }
@@ -1967,11 +1967,11 @@ const uo = function(e) {
           fn: (w) => {
             let {
               x: j,
-              y: $
+              y: _
             } = w;
             return {
               x: j,
-              y: $
+              y: _
             };
           }
         },
@@ -1982,12 +1982,12 @@ const uo = function(e) {
       }, u = await a.detectOverflow(t, s), f = ve(je(l)), p = jt(f);
       let v = y[p], g = y[f];
       if (r) {
-        const w = p === "y" ? "top" : "left", j = p === "y" ? "bottom" : "right", $ = v + u[w], T = v - u[j];
-        v = ut($, v, T);
+        const w = p === "y" ? "top" : "left", j = p === "y" ? "bottom" : "right", _ = v + u[w], L = v - u[j];
+        v = ut(_, v, L);
       }
       if (i) {
-        const w = f === "y" ? "top" : "left", j = f === "y" ? "bottom" : "right", $ = g + u[w], T = g - u[j];
-        g = ut($, g, T);
+        const w = f === "y" ? "top" : "left", j = f === "y" ? "bottom" : "right", _ = g + u[w], L = g - u[j];
+        g = ut(_, g, L);
       }
       const m = c.fn({
         ...t,
@@ -2035,13 +2035,13 @@ const uo = function(e) {
         ...g
       };
       if (c) {
-        const $ = f === "y" ? "height" : "width", T = a.reference[f] - a.floating[$] + m.mainAxis, F = a.reference[f] + a.reference[$] - m.mainAxis;
-        p < T ? p = T : p > F && (p = F);
+        const _ = f === "y" ? "height" : "width", L = a.reference[f] - a.floating[_] + m.mainAxis, O = a.reference[f] + a.reference[_] - m.mainAxis;
+        p < L ? p = L : p > O && (p = O);
       }
       if (s) {
         var w, j;
-        const $ = f === "y" ? "width" : "height", T = so.has(je(l)), F = a.reference[u] - a.floating[$] + (T && ((w = r.offset) == null ? void 0 : w[u]) || 0) + (T ? 0 : m.crossAxis), A = a.reference[u] + a.reference[$] + (T ? 0 : ((j = r.offset) == null ? void 0 : j[u]) || 0) - (T ? m.crossAxis : 0);
-        v < F ? v = F : v > A && (v = A);
+        const _ = f === "y" ? "width" : "height", L = so.has(je(l)), O = a.reference[u] - a.floating[_] + (L && ((w = r.offset) == null ? void 0 : w[u]) || 0) + (L ? 0 : m.crossAxis), A = a.reference[u] + a.reference[_] + (L ? 0 : ((j = r.offset) == null ? void 0 : j[u]) || 0) - (L ? m.crossAxis : 0);
+        v < O ? v = O : v > A && (v = A);
       }
       return {
         [f]: p,
@@ -2191,8 +2191,8 @@ function Te(e, t, n, o) {
     const f = ae(a), p = o && he(o) ? ae(o) : o;
     let v = f.frameElement;
     for (; v && o && p !== f; ) {
-      const g = Me(v), m = v.getBoundingClientRect(), w = re(v), j = m.left + (v.clientLeft + parseFloat(w.paddingLeft)) * g.x, $ = m.top + (v.clientTop + parseFloat(w.paddingTop)) * g.y;
-      c *= g.x, s *= g.y, y *= g.x, u *= g.y, c += j, s += $, v = ae(v).frameElement;
+      const g = Me(v), m = v.getBoundingClientRect(), w = re(v), j = m.left + (v.clientLeft + parseFloat(w.paddingLeft)) * g.x, _ = m.top + (v.clientTop + parseFloat(w.paddingTop)) * g.y;
+      c *= g.x, s *= g.y, y *= g.x, u *= g.y, c += j, s += _, v = ae(v).frameElement;
     }
   }
   return Ze({
@@ -2406,26 +2406,26 @@ function Fl(e, t) {
       rootMargin: -p + "px " + -v + "px " + -g + "px " + -m + "px",
       threshold: Je(0, dt(1, c)) || 1
     };
-    let $ = !0;
-    function T(F) {
-      const A = F[0].intersectionRatio;
+    let _ = !0;
+    function L(O) {
+      const A = O[0].intersectionRatio;
       if (A !== c) {
-        if (!$)
+        if (!_)
           return r();
         A ? r(!1, A) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 100);
       }
-      $ = !1;
+      _ = !1;
     }
     try {
-      n = new IntersectionObserver(T, {
+      n = new IntersectionObserver(L, {
         ...j,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(T, j);
+      n = new IntersectionObserver(L, j);
     }
     n.observe(e);
   }
@@ -2524,21 +2524,21 @@ function jo(e, t, n) {
     };
     if (!y.value)
       return S;
-    const M = Rt(y.value, u.value), P = Rt(y.value, f.value);
+    const P = Rt(y.value, u.value), F = Rt(y.value, f.value);
     return c.value ? {
       ...S,
-      transform: "translate(" + M + "px, " + P + "px)",
+      transform: "translate(" + P + "px, " + F + "px)",
       ...ko(y.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: p.value,
-      left: M + "px",
-      top: P + "px"
+      left: P + "px",
+      top: F + "px"
     };
   });
   let j;
-  function $() {
+  function _() {
     s.value == null || y.value == null || Dl(s.value, y.value, {
       middleware: a.value,
       placement: r.value,
@@ -2547,29 +2547,29 @@ function jo(e, t, n) {
       u.value = S.x, f.value = S.y, p.value = S.strategy, v.value = S.placement, g.value = S.middlewareData, m.value = !0;
     });
   }
-  function T() {
+  function L() {
     typeof j == "function" && (j(), j = void 0);
   }
-  function F() {
-    if (T(), o === void 0) {
-      $();
+  function O() {
+    if (L(), o === void 0) {
+      _();
       return;
     }
     if (s.value != null && y.value != null) {
-      j = o(s.value, y.value, $);
+      j = o(s.value, y.value, _);
       return;
     }
   }
   function A() {
     l.value || (m.value = !1);
   }
-  return K([a, r, i], $, {
+  return G([a, r, i], _, {
     flush: "sync"
-  }), K([s, y], F, {
+  }), G([s, y], O, {
     flush: "sync"
-  }), K(l, A, {
+  }), G(l, A, {
     flush: "sync"
-  }), Wt() && Ut(T), {
+  }), Wt() && Ut(L), {
     x: Ee(u),
     y: Ee(f),
     strategy: Ee(p),
@@ -2577,10 +2577,10 @@ function jo(e, t, n) {
     middlewareData: Ee(g),
     isPositioned: Ee(m),
     floatingStyles: w,
-    update: $
+    update: _
   };
 }
-const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
+const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ I({
   __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  */
@@ -2662,18 +2662,18 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
       }, o.delay);
     }
     const m = C(() => {
-      const { middlewareData: w, placement: j } = s.value, $ = w.arrow, T = {
+      const { middlewareData: w, placement: j } = s.value, _ = w.arrow, L = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
       }[j.split("-")[0]];
       return {
-        left: ($ == null ? void 0 : $.x) && `${$ == null ? void 0 : $.x}px`,
-        top: ($ == null ? void 0 : $.y) && `${$ == null ? void 0 : $.y}px`,
+        left: (_ == null ? void 0 : _.x) && `${_ == null ? void 0 : _.x}px`,
+        top: (_ == null ? void 0 : _.y) && `${_ == null ? void 0 : _.y}px`,
         right: "",
         bottom: "",
-        [T]: "-4px"
+        [L]: "-4px"
       };
     });
     return ne(() => {
@@ -2687,10 +2687,10 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       options: y.value,
-      onTrigger: j[1] || (j[1] = ($) => g(!1))
+      onTrigger: j[1] || (j[1] = (_) => g(!1))
     }, {
-      default: z(() => {
-        var $;
+      default: E(() => {
+        var _;
         return [
           b("div", {
             ref_key: "tooltipWrapper",
@@ -2700,7 +2700,7 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
             onClick: v,
             onMouseenter: f,
             onMouseleave: p,
-            onKeydown: j[0] || (j[0] = vt((T) => g(!1), ["tab"]))
+            onKeydown: j[0] || (j[0] = vt((L) => g(!1), ["tab"]))
           }, [
             k(w.$slots, "default", {}, void 0, !0),
             (d(), V(Le, { to: "body" }, [
@@ -2710,13 +2710,13 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
                 ref_key: "tooltip",
                 ref: i,
                 role: "tooltip",
-                class: I([
+                class: T([
                   "joy-tooltip__content",
                   {
                     "joy-tooltip__content--hiding": !l.value
                   }
                 ]),
-                style: te({ ...($ = s.value) == null ? void 0 : $.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
+                style: te({ ...(_ = s.value) == null ? void 0 : _.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
                 b("div", {
                   ref_key: "tooltipArrow",
@@ -2730,10 +2730,10 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
                   class: "joy-tooltip__content__inner"
                 }, [
                   k(w.$slots, "tooltip-content", {}, () => [
-                    q(J(e.text), 1)
+                    N(J(e.text), 1)
                   ], !0)
                 ], 512)
-              ], 14, Nl)) : _("", !0)
+              ], 14, Nl)) : $("", !0)
             ]))
           ], 40, Rl)
         ];
@@ -2750,7 +2750,7 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
 }, Kl = {
   key: 0,
   class: "joy-label__legend joy-font-primary-300"
-}, Yl = /* @__PURE__ */ L({
+}, Yl = /* @__PURE__ */ I({
   __name: "VJoyLabel",
   props: {
     size: {
@@ -2773,19 +2773,19 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
   setup(e) {
     const t = fe(ye, !1);
     return (n, o) => (d(), h("div", {
-      class: I(["joy-label__group", { "joy-label__group--standalone": !D(t) }])
+      class: T(["joy-label__group", { "joy-label__group--standalone": !D(t) }])
     }, [
       b("div", Wl, [
-        (d(), V(Q(e.tagName), W({
+        (d(), V(Q(e.tagName), H({
           "data-joy-form-label": "",
           class: ["joy-label", `joy-label--${e.size}`]
         }, n.$attrs), {
-          default: z(() => [
+          default: E(() => [
             k(n.$slots, "default", {}, () => [
-              q(J(e.text), 1)
+              N(J(e.text), 1)
             ], !0),
-            e.required ? (d(), h("span", Ul, "*")) : _("", !0),
-            e.optionalLabel ? (d(), h("span", Gl, "- " + J(e.optionalLabel), 1)) : _("", !0)
+            e.required ? (d(), h("span", Ul, "*")) : $("", !0),
+            e.optionalLabel ? (d(), h("span", Gl, "- " + J(e.optionalLabel), 1)) : $("", !0)
           ]),
           _: 3
         }, 16, ["class"])),
@@ -2793,24 +2793,24 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
           key: 0,
           class: "joy-label__tooltip joy-ml-2"
         }, {
-          "tooltip-content": z(() => [
+          "tooltip-content": E(() => [
             k(n.$slots, "label-tooltip", {}, void 0, !0)
           ]),
-          default: z(() => [
-            N(H, {
+          default: E(() => [
+            R(q, {
               name: "question-circle",
               class: "joy-label__tooltip___icon joy-color-neutral-40"
             })
           ]),
           _: 3
-        })) : _("", !0)
+        })) : $("", !0)
       ]),
       n.$slots["label-legend"] ? (d(), h("span", Kl, [
         k(n.$slots, "label-legend", {}, void 0, !0)
-      ])) : _("", !0)
+      ])) : $("", !0)
     ], 2));
   }
-}), Ae = /* @__PURE__ */ B(Yl, [["__scopeId", "data-v-aa2ae844"]]), Zl = ["id"], Xl = /* @__PURE__ */ L({
+}), Ae = /* @__PURE__ */ B(Yl, [["__scopeId", "data-v-aa2ae844"]]), Zl = ["id"], Xl = /* @__PURE__ */ I({
   __name: "VJoyCheckboxGroup",
   props: {
     options: { default: () => [] },
@@ -2850,15 +2850,15 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: z(() => [
-          q(J(e.label), 1)
+        default: E(() => [
+          N(J(e.label), 1)
         ]),
         _: 1
-      }, 8, ["required", "optional-label", "size"])) : _("", !0),
+      }, 8, ["required", "optional-label", "size"])) : $("", !0),
       b("div", {
-        class: I(["joy-checkbox-group", `joy-checkbox-group--${e.direction}`])
+        class: T(["joy-checkbox-group", `joy-checkbox-group--${e.direction}`])
       }, [
-        i.$slots.default ? k(i.$slots, "default", Kt(W({ key: 0 }, l.value)), void 0, !0) : (d(!0), h(G, { key: 1 }, Y(e.options, (s) => (d(), V(kt, {
+        i.$slots.default ? k(i.$slots, "default", Kt(H({ key: 0 }, l.value)), void 0, !0) : (d(!0), h(U, { key: 1 }, Y(e.options, (s) => (d(), V(kt, {
           id: s.id,
           key: s.id,
           name: s.name,
@@ -2866,9 +2866,9 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
           checked: a(s.value),
           "onUpdate:checked": (y) => r(s.value, y)
         }, {
-          default: z(() => [
-            k(i.$slots, "checkbox", W({ ref_for: !0 }, s), () => [
-              q(J(s.label), 1)
+          default: E(() => [
+            k(i.$slots, "checkbox", H({ ref_for: !0 }, s), () => [
+              N(J(s.label), 1)
             ], !0)
           ]),
           _: 2
@@ -2879,7 +2879,7 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
 }), Ru = /* @__PURE__ */ B(Xl, [["__scopeId", "data-v-4c31b90c"]]), Ql = ["id"], ea = { class: "joy-collapse-item__header-right" }, ta = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
-}, oa = { class: "joy-collapse-item__summary___preview" }, na = ["aria-labelledby"], la = /* @__PURE__ */ L({
+}, oa = { class: "joy-collapse-item__summary___preview" }, na = ["aria-labelledby"], la = /* @__PURE__ */ I({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -2912,7 +2912,7 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: n }) {
     const o = e, l = n, a = x(o.open), r = x(!1);
-    K(
+    G(
       () => o.open,
       (s) => {
         a.value = s;
@@ -2929,7 +2929,7 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
       onToggle: i,
       props: o
     }), (s, y) => (d(), h("div", {
-      class: I([
+      class: T([
         "joy-collapse-item",
         {
           "joy-collapse-item--open": a.value,
@@ -2951,22 +2951,22 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (d(), V(H, {
+          e.summaryIcon ? (d(), V(q, {
             key: 0,
             class: "joy-collapse-item__summary___icon",
             "aria-hidden": "true",
             name: e.summaryIcon
-          }, null, 8, ["name"])) : _("", !0),
-          q(" " + J(e.header), 1)
+          }, null, 8, ["name"])) : $("", !0),
+          N(" " + J(e.header), 1)
         ], 8, Ql),
         b("div", ea, [
           k(s.$slots, "collapse-header-right", {}, void 0, !0)
         ]),
-        N(H, {
+        R(q, {
           class: "joy-collapse-item__summary___marker joy-mt-1",
           name: "chevron-down"
         }),
-        e.subheader ? (d(), h("span", ta, J(e.subheader), 1)) : _("", !0),
+        e.subheader ? (d(), h("span", ta, J(e.subheader), 1)) : $("", !0),
         b("span", oa, [
           k(s.$slots, "collapse-preview", {}, void 0, !0)
         ])
@@ -2975,7 +2975,7 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
         key: 0,
         role: "region",
         "aria-labelledby": e.id,
-        class: I([
+        class: T([
           "joy-collapse-item__detail",
           {
             "joy-collapse-item__detail--open": a.value
@@ -2983,10 +2983,10 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
         ])
       }, [
         k(s.$slots, "default", {}, void 0, !0)
-      ], 10, na)) : _("", !0)
+      ], 10, na)) : $("", !0)
     ], 2));
   }
-}), aa = /* @__PURE__ */ B(la, [["__scopeId", "data-v-6baa7dbd"]]), ra = { class: "joy-collapse" }, ia = /* @__PURE__ */ L({
+}), aa = /* @__PURE__ */ B(la, [["__scopeId", "data-v-6baa7dbd"]]), ra = { class: "joy-collapse" }, ia = /* @__PURE__ */ I({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -3048,27 +3048,27 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
       items: i,
       openedCollapseItem: l
     }), (v, g) => (d(), h("div", ra, [
-      (d(!0), h(G, null, Y(i.value, (m) => (d(), V(aa, W({ ref_for: !0 }, m.props, {
+      (d(!0), h(U, null, Y(i.value, (m) => (d(), V(aa, H({ ref_for: !0 }, m.props, {
         key: m.props.id,
         open: y(m),
         mode: e.mode,
         "onCollapseItem:open": () => u(m),
         "onCollapseItem:close": () => f(m)
       }), {
-        "collapse-header-right": z(() => [
-          (d(!0), h(G, null, Y(s(m, "collapse-header-right"), (w, j) => (d(), V(Q(w), { key: j }))), 128))
+        "collapse-header-right": E(() => [
+          (d(!0), h(U, null, Y(s(m, "collapse-header-right"), (w, j) => (d(), V(Q(w), { key: j }))), 128))
         ]),
-        "collapse-preview": z(() => [
-          (d(!0), h(G, null, Y(s(m, "collapse-preview"), (w, j) => (d(), V(Q(w), { key: j }))), 128))
+        "collapse-preview": E(() => [
+          (d(!0), h(U, null, Y(s(m, "collapse-preview"), (w, j) => (d(), V(Q(w), { key: j }))), 128))
         ]),
-        default: z(() => [
-          (d(!0), h(G, null, Y(s(m, "default"), (w, j) => (d(), V(Q(w), { key: j }))), 128))
+        default: E(() => [
+          (d(!0), h(U, null, Y(s(m, "default"), (w, j) => (d(), V(Q(w), { key: j }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), Nu = /* @__PURE__ */ B(ia, [["__scopeId", "data-v-3df3286b"]]), sa = ["src", "alt", "title", "loading"], ua = /* @__PURE__ */ L({
+}), Nu = /* @__PURE__ */ B(ia, [["__scopeId", "data-v-3df3286b"]]), sa = ["src", "alt", "title", "loading"], ua = /* @__PURE__ */ I({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -3101,7 +3101,7 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
       }
     });
     return (o, l) => (d(), h("div", {
-      class: I(["joy-company-avatar", `joy-company-avatar--${e.size}`])
+      class: T(["joy-company-avatar", `joy-company-avatar--${e.size}`])
     }, [
       e.imgSrc ? (d(), h("img", {
         key: 0,
@@ -3109,14 +3109,14 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
         alt: e.imgAlt || e.companyName,
         title: e.companyName,
         loading: e.loading
-      }, null, 8, sa)) : (d(), V(H, {
+      }, null, 8, sa)) : (d(), V(q, {
         key: 1,
         name: "company-placeholder",
         size: n.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), qu = /* @__PURE__ */ B(ua, [["__scopeId", "data-v-2f1289c1"]]), ca = /* @__PURE__ */ L({
+}), qu = /* @__PURE__ */ B(ua, [["__scopeId", "data-v-2f1289c1"]]), ca = /* @__PURE__ */ I({
   __name: "VJoyIconButton",
   props: {
     /** Name of the icon displayed inside the button */
@@ -3152,7 +3152,7 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
   },
   setup(e) {
     const t = e, n = le();
-    return (o, l) => (d(), V(Fe, W({
+    return (o, l) => (d(), V(Fe, H({
       id: e.id,
       class: "joy-icon-button"
     }, D(n), {
@@ -3162,15 +3162,15 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
       variant: t.variant,
       size: t.size
     }), {
-      default: z(() => [
+      default: E(() => [
         k(o.$slots, "default", {}, () => [
-          q(J(e.label), 1)
+          N(J(e.label), 1)
         ], !0)
       ]),
       _: 3
     }, 16, ["id", "icon", "label", "loading", "variant", "size"]));
   }
-}), Ie = /* @__PURE__ */ B(ca, [["__scopeId", "data-v-e35f63db"]]), da = /* @__PURE__ */ L({
+}), Ie = /* @__PURE__ */ B(ca, [["__scopeId", "data-v-e35f63db"]]), da = /* @__PURE__ */ I({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -3215,7 +3215,7 @@ const Rl = ["aria-describedby"], Nl = ["id"], ql = /* @__PURE__ */ L({
   },
   setup(e) {
     return oe("VJoyWrapperContext", e), (n, o) => (d(), h("div", {
-      class: I([
+      class: T([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
         `joy-wrapper--align-${e.align}`,
@@ -3362,7 +3362,7 @@ function Co(e) {
       ka(y);
     });
   }
-  return K(
+  return G(
     [() => e.isOpen.value, e.rootRef, () => Ce(e.enabled ?? !0)],
     ([s, y, u]) => {
       if (s && y && u) {
@@ -3398,7 +3398,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
 }, Va = ["id"], Ta = ["id"], Ia = { class: "joy-dialog--body" }, La = {
   key: 2,
   class: "joy-dialog--indicators"
-}, Ba = /* @__PURE__ */ L({
+}, Ba = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -3488,36 +3488,36 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       if (i.value)
         return y;
     }), f = C(() => {
-      const E = r["dialog-cancel"] || r["dialog-confirm"], O = o.cancelText || o.confirmText;
-      return !!E || !!O;
-    }), p = C(() => !!r["dialog-header"]), v = C(() => !!r["dialog-subheader"]), g = C(() => o.id || a), m = C(() => g.value + "-header"), w = C(() => g.value + "-description"), j = C(() => g.value + "-close");
-    function $() {
-      !o.patternConfirm && T();
+      const M = r["dialog-cancel"] || r["dialog-confirm"], z = o.cancelText || o.confirmText;
+      return !!M || !!z;
+    }), p = C(() => !!r["dialog-header"]), v = C(() => !!r["dialog-subheader"]), g = C(() => o.id || a), m = C(() => g.value + "-header"), w = C(() => g.value + "-description");
+    function j() {
+      !o.patternConfirm && _();
     }
-    async function T(E) {
-      const { fireHideEvent: O = !0 } = E ?? {};
-      o.demoMode || (s.value = !1, await Pe(), we(!1), O && l("dialog:hide"));
+    async function _(M) {
+      const { fireHideEvent: z = !0 } = M ?? {};
+      o.demoMode || (s.value = !1, await Pe(), we(!1), z && l("dialog:hide"));
     }
-    async function F(E) {
-      R((E == null ? void 0 : E.restoreFocusTo) ?? A()), s.value = !0, await Pe(), o.preventBodyScroll && we(!0);
+    async function L(M) {
+      F((M == null ? void 0 : M.restoreFocusTo) ?? O()), s.value = !0, await Pe(), o.preventBodyScroll && we(!0);
     }
-    function A() {
-      const E = document.activeElement;
-      return E instanceof HTMLElement && E !== document.body && E !== document.documentElement ? E : null;
+    function O() {
+      const M = document.activeElement;
+      return M instanceof HTMLElement && M !== document.body && M !== document.documentElement ? M : null;
     }
-    function S() {
+    function A() {
       l("dialog:open");
     }
-    function M() {
+    function S() {
       l("dialog:after-open");
     }
     function P() {
       l("dialog:after-hide");
     }
-    const { setRestoreFocus: R } = Co({
+    const { setRestoreFocus: F } = Co({
       rootRef: c,
       isOpen: s,
-      onEscape: $,
+      onEscape: j,
       closeOnEscape: () => !o.patternConfirm,
       enabled: () => !o.demoMode,
       overlayId: g
@@ -3528,25 +3528,25 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       s.value === !0 && (l("dialog:before-unmount"), we(!1));
     }), t({
       hasFooterSlots: f,
-      hide: T,
+      hide: _,
       isOpen: s,
       overlayId: g,
-      show: F
-    }), (E, O) => i.value ? (d(), V(Le, {
+      show: L
+    }), (M, z) => i.value ? (d(), V(Le, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
     }, [
-      N(ht, {
+      R(ht, {
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
-        onEnter: S,
-        onAfterEnter: M,
+        onEnter: A,
+        onAfterEnter: S,
         onAfterLeave: P
       }, {
-        default: z(() => [
-          s.value ? (d(), h("div", W({ key: 0 }, u.value, {
+        default: E(() => [
+          s.value ? (d(), h("div", H({ key: 0 }, u.value, {
             id: e.id || a,
             ref_key: "dialogRef",
             ref: c,
@@ -3559,17 +3559,17 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           }), [
             b("div", {
               "aria-hidden": "true",
-              class: I([
+              class: T([
                 {
                   "joy-dialog__overlay": !0,
                   "joy-dialog__overlay--open": s.value,
                   "joy-dialog__overlay___disabled": e.patternConfirm
                 }
               ]),
-              onClick: $
+              onClick: j
             }, null, 2),
             b("div", {
-              class: I([
+              class: T([
                 {
                   "joy-dialog--wrapper": !0,
                   "joy-dialog--wrapper-open": s.value
@@ -3577,10 +3577,10 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
               ])
             }, [
               b("div", _a, [
-                e.patternBrand ? (d(), h("div", $a, [...O[3] || (O[3] = [
+                e.patternBrand ? (d(), h("div", $a, [...z[3] || (z[3] = [
                   b("div", { class: "joy-dialog__shapes___shape" }, null, -1),
                   b("div", { class: "joy-dialog__shapes___shape" }, null, -1)
-                ])])) : _("", !0),
+                ])])) : $("", !0),
                 e.bannerSrc ? (d(), h("div", {
                   key: 1,
                   class: "joy-dialog--banner",
@@ -3592,97 +3592,97 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
                     backgroundPosition: e.bannerPosition,
                     height: `${e.bannerHeight}px`
                   })
-                }, null, 12, Ca)) : _("", !0),
+                }, null, 12, Ca)) : $("", !0),
                 b("div", Sa, [
-                  E.$slots["dialog-preheader"] ? (d(), h("div", xa, [
-                    k(E.$slots, "dialog-preheader", {}, void 0, !0)
-                  ])) : _("", !0),
+                  M.$slots["dialog-preheader"] ? (d(), h("div", xa, [
+                    k(M.$slots, "dialog-preheader", {}, void 0, !0)
+                  ])) : $("", !0),
                   p.value ? (d(), h("h2", {
                     key: 1,
                     id: m.value,
                     class: "joy-dialog--header__title"
                   }, [
-                    k(E.$slots, "dialog-header", {}, void 0, !0)
-                  ], 8, Va)) : _("", !0),
+                    k(M.$slots, "dialog-header", {}, void 0, !0)
+                  ], 8, Va)) : $("", !0),
                   v.value ? (d(), h("p", {
                     key: 2,
                     id: w.value,
                     class: "joy-dialog--subheader"
                   }, [
-                    k(E.$slots, "dialog-subheader", {}, void 0, !0)
-                  ], 8, Ta)) : _("", !0),
-                  e.patternConfirm ? _("", !0) : (d(), V(Ie, {
+                    k(M.$slots, "dialog-subheader", {}, void 0, !0)
+                  ], 8, Ta)) : $("", !0),
+                  e.patternConfirm ? $("", !0) : (d(), V(Ie, {
                     key: 3,
-                    id: j.value,
+                    id: "joy-dialog--close",
                     icon: "cross",
                     size: "small",
                     variant: "ghost",
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-dialog--close",
-                    onClick: O[0] || (O[0] = (U) => T())
-                  }, null, 8, ["id", "label"]))
+                    onClick: z[0] || (z[0] = (W) => _())
+                  }, null, 8, ["label"]))
                 ]),
                 b("div", Ia, [
-                  k(E.$slots, "dialog-body", {}, void 0, !0)
+                  k(M.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 b("div", {
-                  class: I([
+                  class: T([
                     {
                       "joy-dialog--footer": !0,
                       "joy-dialog--footer-filled": f.value
                     }
                   ])
                 }, [
-                  N(ue, {
+                  R(ue, {
                     justify: "flex-end",
                     "no-margin": ""
                   }, {
-                    default: z(() => [
-                      k(E.$slots, "dialog-cancel", {}, () => [
+                    default: E(() => [
+                      k(M.$slots, "dialog-cancel", {}, () => [
                         e.cancelText ? (d(), V(Fe, {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: O[1] || (O[1] = (U) => T())
+                          onClick: z[1] || (z[1] = (W) => _())
                         }, {
-                          default: z(() => [
-                            q(J(e.cancelText), 1)
+                          default: E(() => [
+                            N(J(e.cancelText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : _("", !0)
+                        }, 8, ["size"])) : $("", !0)
                       ], !0),
-                      k(E.$slots, "dialog-confirm", {}, () => [
+                      k(M.$slots, "dialog-confirm", {}, () => [
                         e.confirmText ? (d(), V(Fe, {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: O[2] || (O[2] = (U) => l("dialog:confirm"))
+                          onClick: z[2] || (z[2] = (W) => l("dialog:confirm"))
                         }, {
-                          default: z(() => [
-                            q(J(e.confirmText), 1)
+                          default: E(() => [
+                            N(J(e.confirmText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : _("", !0)
+                        }, 8, ["size"])) : $("", !0)
                       ], !0)
                     ]),
                     _: 3
                   })
                 ], 2),
                 D(r)["dialog-indicators"] ? (d(), h("div", La, [
-                  k(E.$slots, "dialog-indicators", {}, void 0, !0)
-                ])) : _("", !0)
+                  k(M.$slots, "dialog-indicators", {}, void 0, !0)
+                ])) : $("", !0)
               ])
             ], 2)
-          ], 16, ja)) : _("", !0)
+          ], 16, ja)) : $("", !0)
         ]),
         _: 3
       })
-    ], 8, ["to", "disabled"])) : _("", !0);
+    ], 8, ["to", "disabled"])) : $("", !0);
   }
-}), Hu = /* @__PURE__ */ B(Ba, [["__scopeId", "data-v-1caf5005"]]), Wu = /* @__PURE__ */ L({
+}), Hu = /* @__PURE__ */ B(Ba, [["__scopeId", "data-v-febb57b3"]]), Wu = /* @__PURE__ */ I({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -3716,9 +3716,9 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       const f = u.target.closest("button, a, [tabindex]");
       return f instanceof HTMLElement ? f : u.target;
     }
-    return (u, f) => (d(!0), h(G, null, Y(c.value, (p, v) => (d(), V(Q(p), { key: v }))), 128));
+    return (u, f) => (d(!0), h(U, null, Y(c.value, (p, v) => (d(), V(Q(p), { key: v }))), 128));
   }
-}), Aa = ["id", "aria-modal", "aria-labelledby", "aria-describedby"], Ea = { class: "joy-drawer__inner" }, za = { class: "joy-drawer--header" }, Ja = ["id"], Ma = ["id"], Pa = { class: "joy-drawer--body" }, Fa = /* @__PURE__ */ L({
+}), Aa = ["id", "aria-modal", "aria-labelledby", "aria-describedby"], Ea = { class: "joy-drawer__inner" }, za = { class: "joy-drawer--header" }, Ja = ["id"], Ma = ["id"], Pa = { class: "joy-drawer--body" }, Fa = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -3788,19 +3788,19 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       if (i.value)
         return y;
     }), f = C(() => {
-      const R = r["drawer-cancel"] || r["drawer-confirm"], E = o.cancelText || o.confirmText;
-      return !!R || !!E;
+      const M = r["drawer-cancel"] || r["drawer-confirm"], z = o.cancelText || o.confirmText;
+      return !!M || !!z;
     }), p = C(() => !!r["drawer-header"]), v = C(() => !!r["drawer-subheader"]), g = C(() => o.id || a), m = C(() => g.value + "-header"), w = C(() => g.value + "-description"), j = C(() => g.value + "-close");
-    async function $(R) {
-      const { fireHideEvent: E = !0 } = R ?? {};
-      o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (s.value = !1, await Pe(), we(!1), E && l("drawer:hide"));
+    async function _(M) {
+      const { fireHideEvent: z = !0 } = M ?? {};
+      o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (s.value = !1, await Pe(), we(!1), z && l("drawer:hide"));
     }
-    async function T(R) {
-      P((R == null ? void 0 : R.restoreFocusTo) ?? F()), s.value = !0, await Pe(), !o.elevated && o.preventBodyScroll && we(!0);
+    async function L(M) {
+      F((M == null ? void 0 : M.restoreFocusTo) ?? O()), s.value = !0, await Pe(), !o.elevated && o.preventBodyScroll && we(!0);
     }
-    function F() {
-      const R = document.activeElement;
-      return R instanceof HTMLElement && R !== document.body && R !== document.documentElement ? R : null;
+    function O() {
+      const M = document.activeElement;
+      return M instanceof HTMLElement && M !== document.body && M !== document.documentElement ? M : null;
     }
     function A() {
       l("drawer:open");
@@ -3808,14 +3808,14 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     function S() {
       l("drawer:after-open");
     }
-    function M() {
+    function P() {
       l("drawer:after-hide");
     }
-    const { setRestoreFocus: P } = Co({
+    const { setRestoreFocus: F } = Co({
       rootRef: c,
       isOpen: s,
       modal: () => !o.elevated,
-      onEscape: $,
+      onEscape: _,
       enabled: () => !o.demoMode,
       overlayId: g
     });
@@ -3825,25 +3825,25 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       s.value === !0 && (l("drawer:before-unmount"), we(!1));
     }), t({
       hasFooterSlots: f,
-      hide: $,
+      hide: _,
       isOpen: s,
       overlayId: g,
-      show: T
-    }), (R, E) => i.value ? (d(), V(Le, {
+      show: L
+    }), (M, z) => i.value ? (d(), V(Le, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
     }, [
-      N(ht, {
+      R(ht, {
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
         onEnter: A,
         onAfterEnter: S,
-        onAfterLeave: M
+        onAfterLeave: P
       }, {
-        default: z(() => [
-          s.value ? (d(), h("div", W({ key: 0 }, u.value, {
+        default: E(() => [
+          s.value ? (d(), h("div", H({ key: 0 }, u.value, {
             id: g.value,
             ref_key: "drawerRef",
             ref: c,
@@ -3861,19 +3861,19 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
             "aria-labelledby": p.value ? m.value : void 0,
             "aria-describedby": v.value ? w.value : void 0
           }), [
-            e.elevated ? _("", !0) : (d(), h("div", {
+            e.elevated ? $("", !0) : (d(), h("div", {
               key: 0,
               "aria-hidden": "true",
-              class: I([
+              class: T([
                 {
                   "joy-drawer__overlay": !0,
                   "joy-drawer__overlay--open": s.value
                 }
               ]),
-              onClick: E[0] || (E[0] = (O) => $())
+              onClick: z[0] || (z[0] = (W) => _())
             }, null, 2)),
             b("div", {
-              class: I([
+              class: T([
                 {
                   "joy-drawer--wrapper": !0,
                   "joy-drawer--wrapper-open": s.value
@@ -3887,16 +3887,16 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
                     id: m.value,
                     class: "joy-drawer--header__title"
                   }, [
-                    k(R.$slots, "drawer-header", {}, void 0, !0)
-                  ], 8, Ja)) : _("", !0),
+                    k(M.$slots, "drawer-header", {}, void 0, !0)
+                  ], 8, Ja)) : $("", !0),
                   v.value ? (d(), h("p", {
                     key: 1,
                     id: w.value,
                     class: "joy-drawer--subheader"
                   }, [
-                    k(R.$slots, "drawer-subheader", {}, void 0, !0)
-                  ], 8, Ma)) : _("", !0),
-                  N(Ie, {
+                    k(M.$slots, "drawer-subheader", {}, void 0, !0)
+                  ], 8, Ma)) : $("", !0),
+                  R(Ie, {
                     id: j.value,
                     icon: "cross",
                     size: "small",
@@ -3904,53 +3904,53 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-drawer--close",
-                    onClick: E[1] || (E[1] = (O) => $())
+                    onClick: z[1] || (z[1] = (W) => _())
                   }, null, 8, ["id", "label"])
                 ]),
                 b("div", Pa, [
-                  k(R.$slots, "drawer-body", {}, void 0, !0)
+                  k(M.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 b("div", {
-                  class: I([
+                  class: T([
                     {
                       "joy-drawer--footer": !0,
                       "joy-drawer--footer-filled": f.value
                     }
                   ])
                 }, [
-                  N(ue, {
+                  R(ue, {
                     justify: "flex-end",
                     "no-margin": "",
                     class: "joy-drawer--footer-wrapper"
                   }, {
-                    default: z(() => [
-                      k(R.$slots, "drawer-cancel", {}, () => [
+                    default: E(() => [
+                      k(M.$slots, "drawer-cancel", {}, () => [
                         e.cancelText ? (d(), V(Fe, {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: E[2] || (E[2] = (O) => $())
+                          onClick: z[2] || (z[2] = (W) => _())
                         }, {
-                          default: z(() => [
-                            q(J(e.cancelText), 1)
+                          default: E(() => [
+                            N(J(e.cancelText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : _("", !0)
+                        }, 8, ["size"])) : $("", !0)
                       ], !0),
-                      k(R.$slots, "drawer-confirm", {}, () => [
+                      k(M.$slots, "drawer-confirm", {}, () => [
                         e.confirmText ? (d(), V(Fe, {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
                           size: e.buttonSize,
-                          onClick: E[3] || (E[3] = (O) => l("drawer:confirm"))
+                          onClick: z[3] || (z[3] = (W) => l("drawer:confirm"))
                         }, {
-                          default: z(() => [
-                            q(J(e.confirmText), 1)
+                          default: E(() => [
+                            N(J(e.confirmText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : _("", !0)
+                        }, 8, ["size"])) : $("", !0)
                       ], !0)
                     ]),
                     _: 3
@@ -3958,13 +3958,13 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
                 ], 2)
               ])
             ], 2)
-          ], 16, Aa)) : _("", !0)
+          ], 16, Aa)) : $("", !0)
         ]),
         _: 3
       })
-    ], 8, ["to", "disabled"])) : _("", !0);
+    ], 8, ["to", "disabled"])) : $("", !0);
   }
-}), Uu = /* @__PURE__ */ B(Fa, [["__scopeId", "data-v-20252f87"]]), Gu = /* @__PURE__ */ L({
+}), Uu = /* @__PURE__ */ B(Fa, [["__scopeId", "data-v-20252f87"]]), Gu = /* @__PURE__ */ I({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -3998,7 +3998,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       const f = u.target.closest("button, a, [tabindex]");
       return f instanceof HTMLElement ? f : u.target;
     }
-    return (u, f) => (d(!0), h(G, null, Y(c.value, (p, v) => (d(), V(Q(p), { key: v }))), 128));
+    return (u, f) => (d(!0), h(U, null, Y(c.value, (p, v) => (d(), V(Q(p), { key: v }))), 128));
   }
 }), Oa = {
   key: 0,
@@ -4006,7 +4006,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
 }, Da = ["aria-label", "aria-labelledby"], Ra = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Na = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, qa = /* @__PURE__ */ L({
+}, qa = /* @__PURE__ */ I({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -4083,8 +4083,8 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     }
     function p(m) {
       const w = c(), j = y();
-      let $ = w.indexOf(j);
-      w.length && (m.preventDefault(), m.key === "ArrowDown" ? $++ : m.key === "ArrowUp" ? $-- : m.key === "Home" ? $ = 0 : m.key === "End" && ($ = w.length - 1), $ < 0 && ($ = w.length - 1), $ > w.length - 1 && ($ = 0), v(w[$]));
+      let _ = w.indexOf(j);
+      w.length && (m.preventDefault(), m.key === "ArrowDown" ? _++ : m.key === "ArrowUp" ? _-- : m.key === "Home" ? _ = 0 : m.key === "End" && (_ = w.length - 1), _ < 0 && (_ = w.length - 1), _ > w.length - 1 && (_ = 0), v(w[_]));
     }
     function v(m) {
       m.focus();
@@ -4108,12 +4108,12 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           type: "button",
           class: "joy-dropdown-list__reset",
           onClick: g
-        }, J(e.resetLabel || "Reset"), 1)) : _("", !0),
+        }, J(e.resetLabel || "Reset"), 1)) : $("", !0),
         k(m.$slots, "dropdown-list-header", {}, void 0, !0)
-      ])) : _("", !0),
+      ])) : $("", !0),
       b("div", {
         tabindex: "0",
-        class: I(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": m.$slots["dropdown-list-items"] }]),
+        class: T(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": m.$slots["dropdown-list-items"] }]),
         style: te({ "max-height": `${e.height}px` })
       }, [
         k(m.$slots, "dropdown-list-items", {}, void 0, !0),
@@ -4126,11 +4126,11 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (d(!0), h(G, null, Y(e.options, (j) => (d(), h("li", {
+          (d(!0), h(U, null, Y(e.options, (j) => (d(), h("li", {
             id: j.id,
             key: j.id,
             style: te({ "max-width": `${e.width}px` }),
-            class: I([
+            class: T([
               "joy-dropdown-list__item",
               `joy-dropdown-list__item--${e.size}`,
               {
@@ -4145,20 +4145,20 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
             "aria-label": j.label,
             ".dataModel": j.value || j.id,
             role: "option",
-            onClick: ($) => i(j)
+            onClick: (_) => i(j)
           }, [
-            k(m.$slots, "label", W({ ref_for: !0 }, j), () => [
+            k(m.$slots, "label", H({ ref_for: !0 }, j), () => [
               b("span", null, J(j.label), 1)
             ], !0)
           ], 46, Ra))), 128))
-        ], 8, Da)) : _("", !0)
+        ], 8, Da)) : $("", !0)
       ], 6),
       m.$slots["dropdown-list-footer"] ? (d(), h("footer", Na, [
         k(m.$slots, "dropdown-list-footer", {}, void 0, !0)
-      ])) : _("", !0)
+      ])) : $("", !0)
     ], 4));
   }
-}), Ha = /* @__PURE__ */ B(qa, [["__scopeId", "data-v-bbb60472"]]), Wa = /* @__PURE__ */ L({
+}), Ha = /* @__PURE__ */ B(qa, [["__scopeId", "data-v-bbb60472"]]), Wa = /* @__PURE__ */ I({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -4252,7 +4252,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       ignore: [i, ".joy-dropdown__list", "[data-click-outside-ignore]"]
     };
     let p = null;
-    K(
+    G(
       () => a.value,
       (S) => {
         S && Ko(c);
@@ -4277,15 +4277,15 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       S.stopPropagation(), a.value ? j() : m(), s.value = S.target;
     }
     function j() {
-      g(), $();
+      g(), _();
     }
-    function $() {
+    function _() {
       s.value && s.value.focus();
     }
-    function T(S) {
-      o("update:modelValue", S), l.closeOnSelect && (g(), $());
+    function L(S) {
+      o("update:modelValue", S), l.closeOnSelect && (g(), _());
     }
-    function F() {
+    function O() {
       o("dropdown:reset");
     }
     function A() {
@@ -4296,14 +4296,14 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     }), t({
       showDropdownList: a,
       generatedId: u
-    }), (S, M) => (d(), V(D(wt), {
+    }), (S, P) => (d(), V(D(wt), {
       ref_key: "dropdown",
       ref: r,
       options: f,
       class: "joy-dropdown",
       onTrigger: g
     }, {
-      default: z(() => [
+      default: E(() => [
         b("div", {
           ref_key: "button",
           ref: i,
@@ -4317,7 +4317,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           key: 0,
           ref_key: "list",
           ref: c,
-          class: I([
+          class: T([
             "joy-dropdown__list",
             `joy-dropdown__list--${e.justify}`,
             `joy-dropdown__list--${e.direction}`,
@@ -4328,7 +4328,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           ]),
           style: te(v.value)
         }, [
-          N(Ha, {
+          R(Ha, {
             "model-value": e.modelValue,
             options: e.options,
             size: e.size,
@@ -4337,45 +4337,45 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
             reset: e.reset,
             "reset-label": e.resetLabel,
             "aria-labelled-by": u,
-            "onUpdate:modelValue": T,
+            "onUpdate:modelValue": L,
             "onClose:dropdownList": j,
-            onReset: F
+            onReset: O
           }, gt({
-            label: z((P) => [
-              k(S.$slots, "dropdown-item", Kt(Po(P)), () => [
-                b("span", null, J(P.label), 1)
+            label: E((F) => [
+              k(S.$slots, "dropdown-item", Kt(Po(F)), () => [
+                b("span", null, J(F.label), 1)
               ], !0)
             ]),
             _: 2
           }, [
             S.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
-              fn: z(() => [
+              fn: E(() => [
                 k(S.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             S.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
-              fn: z(() => [
+              fn: E(() => [
                 k(S.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             S.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
-              fn: z(() => [
+              fn: E(() => [
                 k(S.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
           ]), 1032, ["model-value", "options", "size", "width", "height", "reset", "reset-label"])
-        ], 6)) : _("", !0)
+        ], 6)) : $("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), Ku = /* @__PURE__ */ B(Wa, [["__scopeId", "data-v-3557074f"]]), Ua = ["aria-hidden"], Ga = { key: 1 }, Ka = /* @__PURE__ */ L({
+}), Ku = /* @__PURE__ */ B(Wa, [["__scopeId", "data-v-3557074f"]]), Ua = ["aria-hidden"], Ga = { key: 1 }, Ka = /* @__PURE__ */ I({
   __name: "VJoyFormError",
   props: {
     /**
@@ -4409,22 +4409,22 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         key: 0,
         "data-joy-form-error": "",
         "aria-hidden": e.visible,
-        class: I(["joy-form-error", { "joy-has-error": e.visible, "joy-form-error--no-margin": e.noMargin }]),
+        class: T(["joy-form-error", { "joy-has-error": e.visible, "joy-form-error--no-margin": e.noMargin }]),
         role: "alert"
       }, [
-        N(H, {
+        R(q, {
           class: "joy-icon-error",
           name: "warning-triangle"
         }),
         b("div", null, [
           t.default ? k(n.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (d(), h("ul", Ga, [
-            (d(!0), h(G, null, Y(e.errors, (a) => (d(), h("li", { key: a }, J(a), 1))), 128))
-          ])) : _("", !0)
+            (d(!0), h(U, null, Y(e.errors, (a) => (d(), h("li", { key: a }, J(a), 1))), 128))
+          ])) : $("", !0)
         ])
-      ], 10, Ua)) : _("", !0);
+      ], 10, Ua)) : $("", !0);
     };
   }
-}), Vt = /* @__PURE__ */ B(Ka, [["__scopeId", "data-v-5462854b"]]), Ya = { class: "joy-dropzone__icon-wrapper" }, Za = /* @__PURE__ */ L({
+}), Vt = /* @__PURE__ */ B(Ka, [["__scopeId", "data-v-5462854b"]]), Ya = { class: "joy-dropzone__icon-wrapper" }, Za = /* @__PURE__ */ I({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 },
@@ -4432,7 +4432,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
   },
   setup(e) {
     return (t, n) => (d(), h("div", Ya, [
-      N(H, {
+      R(q, {
         "aria-hidden": "true",
         name: e.name,
         size: "small",
@@ -4446,7 +4446,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
 }, tr = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, or = /* @__PURE__ */ L({
+}, or = /* @__PURE__ */ I({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
@@ -4466,10 +4466,10 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       wrap: "nowrap",
       align: "center",
       "no-margin": "",
-      class: I(["joy-dropzone__file", { "joy-dropzone__file--disabled": e.disabled }])
+      class: T(["joy-dropzone__file", { "joy-dropzone__file--disabled": e.disabled }])
     }, {
-      default: z(() => [
-        N(xo, {
+      default: E(() => [
+        R(xo, {
           name: "file-check",
           class: "joy-dropzone__file__icon",
           color: "neutral-50"
@@ -4478,18 +4478,18 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           b("span", Qa, J(n.file.name), 1),
           t.information ? (d(), h("div", er, [
             k(o.$slots, "information", { file: e.file }, void 0, !0)
-          ])) : _("", !0),
-          e.error ? (d(), h("p", tr, J(e.error), 1)) : _("", !0)
+          ])) : $("", !0),
+          e.error ? (d(), h("p", tr, J(e.error), 1)) : $("", !0)
         ]),
-        N(ue, {
+        R(ue, {
           "column-gap": "1",
           wrap: "nowrap",
           "no-margin": "",
           class: "joy-dropzone__file__actions"
         }, {
-          default: z(() => [
+          default: E(() => [
             k(o.$slots, "actions", { file: e.file }, void 0, !0),
-            e.disabled ? _("", !0) : (d(), V(Ie, {
+            e.disabled ? $("", !0) : (d(), V(Ie, {
               key: 0,
               size: "medium",
               variant: "ghost",
@@ -4506,7 +4506,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
               title: e.deleteLabel,
               label: e.deleteLabel,
               onClick: l[1] || (l[1] = (a) => o.$emit("delete"))
-            }, null, 8, ["title", "label"])) : _("", !0)
+            }, null, 8, ["title", "label"])) : $("", !0)
           ]),
           _: 3
         })
@@ -4514,7 +4514,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       _: 3
     }, 8, ["class"]));
   }
-}), nr = /* @__PURE__ */ B(or, [["__scopeId", "data-v-bc0f2cdf"]]), lr = { class: "joy-link__text" }, ar = /* @__PURE__ */ L({
+}), nr = /* @__PURE__ */ B(or, [["__scopeId", "data-v-bc0f2cdf"]]), lr = { class: "joy-link__text" }, ar = /* @__PURE__ */ I({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4531,18 +4531,18 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     }
   },
   setup(e) {
-    return (t, n) => (d(), V(Q(e.href ? "a" : "button"), W({ href: e.href }, t.$attrs, {
+    return (t, n) => (d(), V(Q(e.href ? "a" : "button"), H({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`],
       type: e.type
     }), {
-      default: z(() => [
-        e.icon ? (d(), V(H, {
+      default: E(() => [
+        e.icon ? (d(), V(q, {
           key: 0,
           name: e.icon
-        }, null, 8, ["name"])) : _("", !0),
+        }, null, 8, ["name"])) : $("", !0),
         b("span", lr, [
           k(t.$slots, "default", {}, () => [
-            q(J(e.text), 1)
+            N(J(e.text), 1)
           ], !0)
         ])
       ]),
@@ -4555,7 +4555,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
 }, cr = { class: "joy-dropzone__instruction__description" }, dr = { class: "joy-dropzone__instruction__subtitle" }, fr = {
   key: 1,
   class: "joy-dropzone__legend"
-}, yr = /* @__PURE__ */ L({
+}, yr = /* @__PURE__ */ I({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ Oo({
     name: {},
@@ -4580,65 +4580,65 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     const n = Z(), o = e;
     oe(ye, !0);
     const l = Fo(e, "modelValue"), a = x(m(l.value)), r = C(() => a.value || o.invalid), i = x(), c = x(), s = x(), { isOverDropZone: y } = Mn(c, {
-      onDrop: F
-    }), u = C(() => l.value.filter((E) => E instanceof File)), f = C(() => o.multiple || u.value.length === 0 ? void 0 : w(u.value[0])), p = C(() => o.disabled ? "neutral" : r.value ? "error" : "secondary");
-    function v(E) {
-      return o.accept.length > 0 ? o.accept.includes(E.type) : !0;
+      onDrop: O
+    }), u = C(() => l.value.filter((z) => z instanceof File)), f = C(() => o.multiple || u.value.length === 0 ? void 0 : w(u.value[0])), p = C(() => o.disabled ? "neutral" : r.value ? "error" : "secondary");
+    function v(z) {
+      return o.accept.length > 0 ? o.accept.includes(z.type) : !0;
     }
-    function g(E) {
-      return E.size < o.maxSize * 1024 * 1024;
+    function g(z) {
+      return z.size < o.maxSize * 1024 * 1024;
     }
-    function m(E) {
-      return E.filter((U) => U instanceof File).some((U) => !v(U) || !g(U));
+    function m(z) {
+      return z.filter((K) => K instanceof File).some((K) => !v(K) || !g(K));
     }
-    function w(E) {
-      if (!(E instanceof File))
+    function w(z) {
+      if (!(z instanceof File))
         return;
-      const O = v(E), U = g(E);
-      if (!O && !U)
+      const W = v(z), K = g(z);
+      if (!W && !K)
         return o.errorTextFormatAndMaxSize;
-      if (!O)
+      if (!W)
         return o.errorTextFormat;
-      if (!U)
+      if (!K)
         return o.errorTextMaxSize;
     }
     function j() {
       o.disabled || (i.value = void 0, s.value && s.value.click());
     }
-    function $() {
+    function _() {
       s.value && (s.value.value = "");
     }
-    function T(E) {
-      var U;
-      const O = (U = E.target) == null ? void 0 : U.files;
-      o.disabled || !O || O.length === 0 || (i.value ? (R(i.value, Array.from(O)), i.value = void 0) : P(Array.from(O)));
+    function L(z) {
+      var K;
+      const W = (K = z.target) == null ? void 0 : K.files;
+      o.disabled || !W || W.length === 0 || (i.value ? (M(i.value, Array.from(W)), i.value = void 0) : F(Array.from(W)));
     }
-    function F(E) {
-      o.disabled || !E || E.length === 0 || (i.value = void 0, P(E));
+    function O(z) {
+      o.disabled || !z || z.length === 0 || (i.value = void 0, F(z));
     }
-    function A(E) {
-      i.value = E, s.value && s.value.click();
+    function A(z) {
+      i.value = z, s.value && s.value.click();
     }
-    function S(E) {
-      a.value = m(E), l.value = E;
+    function S(z) {
+      a.value = m(z), l.value = z;
     }
-    function M(E) {
-      S(l.value.filter((O) => O !== E));
+    function P(z) {
+      S(l.value.filter((W) => W !== z));
     }
-    function P(E) {
-      o.multiple ? S([...l.value, ...E]) : S([E[0]]);
+    function F(z) {
+      o.multiple ? S([...l.value, ...z]) : S([z[0]]);
     }
-    function R(E, [O, ...U]) {
+    function M(z, [W, ...K]) {
       if (o.multiple) {
         const X = [...l.value];
-        X[l.value.indexOf(E)] = O, X.push(...U), S(X);
+        X[l.value.indexOf(z)] = W, X.push(...K), S(X);
       } else
-        S([O]);
+        S([W]);
     }
     return t({
       invalid: a
-    }), (E, O) => (d(), h("div", {
-      class: I(["joy-dropzone", {
+    }), (z, W) => (d(), h("div", {
+      class: T(["joy-dropzone", {
         "joy-dropzone--dragover": D(y),
         "joy-dropzone--invalid": r.value,
         "joy-dropzone--empty": l.value.length === 0,
@@ -4649,11 +4649,11 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         key: 0,
         for: e.name
       }, {
-        default: z(() => [
-          q(J(e.label), 1)
+        default: E(() => [
+          N(J(e.label), 1)
         ]),
         _: 1
-      }, 8, ["for"])) : _("", !0),
+      }, 8, ["for"])) : $("", !0),
       b("div", {
         ref_key: "dropzoneAreaRef",
         ref: c,
@@ -4669,41 +4669,41 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           accept: e.accept.join(","),
           multiple: e.multiple,
           tabindex: "-1",
-          onChange: T,
-          onClick: $
+          onChange: L,
+          onClick: _
         }, null, 40, ir),
         b("label", {
           for: e.name,
           class: "joy-dropzone__label"
         }, [
           l.value.length > 0 ? (d(), h("div", ur, [
-            (d(!0), h(G, null, Y(l.value, (U, X) => (d(), V(nr, {
-              key: `${U.name}_${X}`,
-              file: U,
-              error: e.multiple ? w(U) : void 0,
+            (d(!0), h(U, null, Y(l.value, (K, X) => (d(), V(nr, {
+              key: `${K.name}_${X}`,
+              file: K,
+              error: e.multiple ? w(K) : void 0,
               "update-label": e.updateLabel,
               "delete-label": e.deleteLabel,
               "can-delete": e.canDelete,
               disabled: e.disabled,
-              onUpdate: (me) => A(U),
-              onDelete: (me) => M(U)
+              onUpdate: (me) => A(K),
+              onDelete: (me) => P(K)
             }, gt({ _: 2 }, [
               n["file-information"] ? {
                 name: "information",
-                fn: z(() => [
-                  k(E.$slots, "file-information", { file: U }, void 0, !0)
+                fn: E(() => [
+                  k(z.$slots, "file-information", { file: K }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               n["file-actions"] ? {
                 name: "actions",
-                fn: z(() => [
-                  k(E.$slots, "file-actions", { file: U }, void 0, !0)
+                fn: E(() => [
+                  k(z.$slots, "file-actions", { file: K }, void 0, !0)
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["file", "error", "update-label", "delete-label", "can-delete", "disabled", "onUpdate", "onDelete"]))), 128))
-          ])) : _("", !0),
+          ])) : $("", !0),
           l.value.length === 0 || e.multiple && !a.value ? (d(), V(ue, {
             key: 1,
             direction: "column",
@@ -4713,42 +4713,42 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
             class: "joy-dropzone__instruction",
             onClick: j
           }, {
-            default: z(() => [
-              N(xo, {
+            default: E(() => [
+              R(xo, {
                 name: "cloud-upload",
                 color: p.value,
                 class: "joy-dropzone__instruction__icon"
               }, null, 8, ["color"]),
               b("span", cr, [
-                k(E.$slots, "dropzone-description", {}, () => [
-                  O[1] || (O[1] = q(" Drag and drop a document, or ", -1)),
-                  N(rr, null, {
-                    default: z(() => [...O[0] || (O[0] = [
-                      q("browse", -1)
+                k(z.$slots, "dropzone-description", {}, () => [
+                  W[1] || (W[1] = N(" Drag and drop a document, or ", -1)),
+                  R(rr, null, {
+                    default: E(() => [...W[0] || (W[0] = [
+                      N("browse", -1)
                     ])]),
                     _: 1
                   })
                 ], !0)
               ]),
               b("span", dr, [
-                k(E.$slots, "dropzone-subtitle", {}, void 0, !0)
+                k(z.$slots, "dropzone-subtitle", {}, void 0, !0)
               ])
             ]),
             _: 3
-          })) : _("", !0)
+          })) : $("", !0)
         ], 8, sr)
       ], 512),
       n["dropzone-legend"] && !f.value ? (d(), h("div", fr, [
-        k(E.$slots, "dropzone-legend", {}, void 0, !0)
-      ])) : _("", !0),
+        k(z.$slots, "dropzone-legend", {}, void 0, !0)
+      ])) : $("", !0),
       f.value ? (d(), V(Vt, {
         key: 2,
         errors: [f.value],
         class: "joy-dropzone__error"
-      }, null, 8, ["errors"])) : _("", !0)
+      }, null, 8, ["errors"])) : $("", !0)
     ], 2));
   }
-}), Yu = /* @__PURE__ */ B(yr, [["__scopeId", "data-v-0be02493"]]), mr = ["aria-label"], pr = { class: "joy-filter-bar__wrapper" }, vr = /* @__PURE__ */ L({
+}), Yu = /* @__PURE__ */ B(yr, [["__scopeId", "data-v-0be02493"]]), mr = ["aria-label"], pr = { class: "joy-filter-bar__wrapper" }, vr = /* @__PURE__ */ I({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -4765,7 +4765,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       ])
     ], 8, mr));
   }
-}), Zu = /* @__PURE__ */ B(vr, [["__scopeId", "data-v-cb769d05"]]), hr = /* @__PURE__ */ L({
+}), Zu = /* @__PURE__ */ B(vr, [["__scopeId", "data-v-cb769d05"]]), hr = /* @__PURE__ */ I({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -4789,21 +4789,21 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     return (r, i) => (d(), h("button", {
       type: "button",
       "data-joy-form-field": "",
-      class: I(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
+      class: T(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: a
     }, [
-      q(J(e.label) + " ", 1),
+      N(J(e.label) + " ", 1),
       k(r.$slots, "default", {}, void 0, !0),
-      D(l) ? (d(), V(H, {
+      D(l) ? (d(), V(q, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
         size: "xxsmall",
         color: "neutral"
-      })) : _("", !0)
+      })) : $("", !0)
     ], 2));
   }
-}), Xu = /* @__PURE__ */ B(hr, [["__scopeId", "data-v-8254b97e"]]), gr = { class: "floating-actions-bar__content" }, br = { class: "floating-actions-bar__actions" }, wr = /* @__PURE__ */ L({
+}), Xu = /* @__PURE__ */ B(hr, [["__scopeId", "data-v-8254b97e"]]), gr = { class: "floating-actions-bar__content" }, br = { class: "floating-actions-bar__actions" }, wr = /* @__PURE__ */ I({
   __name: "VJoyFloatingActionsBar",
   props: {
     height: { default: "92px" },
@@ -4819,7 +4819,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       to: t.appendTo
     }, [
       b("div", {
-        class: I([
+        class: T([
           "floating-actions-bar",
           "joy-bgcolor-neutral-0",
           "joy-core-elevation-2",
@@ -4842,9 +4842,9 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           ])
         ], 4)
       ], 6)
-    ], 8, ["to"])) : _("", !0);
+    ], 8, ["to"])) : $("", !0);
   }
-}), Qu = /* @__PURE__ */ B(wr, [["__scopeId", "data-v-f83da09b"]]), kr = /* @__PURE__ */ L({
+}), Qu = /* @__PURE__ */ B(wr, [["__scopeId", "data-v-f83da09b"]]), kr = /* @__PURE__ */ I({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -4875,22 +4875,22 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     });
     return t({ flexStyle: l }), (a, r) => (d(), h("div", {
       "aria-hidden": "true",
-      class: I(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
+      class: T(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
       style: te({
         "max-width": e.width,
         flex: l.value
       })
     }, null, 6));
   }
-}), ec = /* @__PURE__ */ B(kr, [["__scopeId", "data-v-02d529ba"]]), jr = /* @__PURE__ */ L({
+}), ec = /* @__PURE__ */ B(kr, [["__scopeId", "data-v-02d529ba"]]), jr = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyFormGroup",
   setup(e) {
-    return (t, n) => (d(), h("div", W({ class: "joy-form-group" }, t.$attrs), [
+    return (t, n) => (d(), h("div", H({ class: "joy-form-group" }, t.$attrs), [
       k(t.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), tc = /* @__PURE__ */ B(jr, [["__scopeId", "data-v-0424f0f1"]]), _r = { class: "joy-funnel__header" }, $r = { class: "funnel__header__inner" }, Cr = /* @__PURE__ */ L({
+}), tc = /* @__PURE__ */ B(jr, [["__scopeId", "data-v-0424f0f1"]]), _r = { class: "joy-funnel__header" }, $r = { class: "funnel__header__inner" }, Cr = /* @__PURE__ */ I({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -4922,7 +4922,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       hasStepperSlot: r,
       hasFooterSlot: i
     }), (c, s) => (d(), h("div", {
-      class: I([
+      class: T([
         "joy-funnel",
         {
           "joy-funnel--no-stepper": !r.value
@@ -4934,9 +4934,9 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           k(c.$slots, "funnel-header", {}, void 0, !0)
         ])
       ]),
-      e.hideShapes ? _("", !0) : (d(), h("div", {
+      e.hideShapes ? $("", !0) : (d(), h("div", {
         key: 0,
-        class: I([
+        class: T([
           "joy-funnel__shapes",
           {
             "joy-funnel__shapes--strategy": e.profile === "strategy",
@@ -4947,7 +4947,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         Zt('<div class="shapes__wrapper" data-v-141a6b31><div class="shape_1" data-v-141a6b31></div><div class="shape_2" data-v-141a6b31></div><div class="shape_3" data-v-141a6b31></div><div class="shape_4" data-v-141a6b31></div></div>', 1)
       ])], 2)),
       b("div", {
-        class: I(["joy-funnel__stepper", { "joy-funnel__stepper--medium": e.layoutWidth === "medium" }])
+        class: T(["joy-funnel__stepper", { "joy-funnel__stepper--medium": e.layoutWidth === "medium" }])
       }, [
         k(c.$slots, "funnel-stepper", {}, void 0, !0)
       ], 2),
@@ -4956,14 +4956,14 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         onScroll: a
       }, [
         b("div", {
-          class: I(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
+          class: T(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
         }, [
           k(c.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32)
     ], 2));
   }
-}), oc = /* @__PURE__ */ B(Cr, [["__scopeId", "data-v-141a6b31"]]), Sr = { class: "joy-funnel-footer" }, xr = { class: "joy-funnel-footer__left" }, Vr = { class: "joy-funnel-footer__right" }, Tr = /* @__PURE__ */ L({
+}), oc = /* @__PURE__ */ B(Cr, [["__scopeId", "data-v-141a6b31"]]), Sr = { class: "joy-funnel-footer" }, xr = { class: "joy-funnel-footer__left" }, Vr = { class: "joy-funnel-footer__right" }, Tr = /* @__PURE__ */ I({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, n) => (d(), h("footer", Sr, [
@@ -4975,7 +4975,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       ])
     ]));
   }
-}), nc = /* @__PURE__ */ B(Tr, [["__scopeId", "data-v-2e20e63f"]]), Ir = { class: "joy-funnel-header" }, Lr = { class: "joy-funnel-header__left" }, Br = { class: "joy-funnel-header__right" }, Ar = /* @__PURE__ */ L({
+}), nc = /* @__PURE__ */ B(Tr, [["__scopeId", "data-v-2e20e63f"]]), Ir = { class: "joy-funnel-header" }, Lr = { class: "joy-funnel-header__left" }, Br = { class: "joy-funnel-header__right" }, Ar = /* @__PURE__ */ I({
   __name: "VJoyFunnelHeader",
   setup(e) {
     return (t, n) => (d(), h("header", Ir, [
@@ -4987,7 +4987,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       ])
     ]));
   }
-}), lc = /* @__PURE__ */ B(Ar, [["__scopeId", "data-v-46773591"]]), Er = { class: "joy-highlight__decorator" }, zr = { class: "joy-highlight__text" }, Jr = { key: 0 }, Mr = /* @__PURE__ */ L({
+}), lc = /* @__PURE__ */ B(Ar, [["__scopeId", "data-v-46773591"]]), Er = { class: "joy-highlight__decorator" }, zr = { class: "joy-highlight__text" }, Jr = { key: 0 }, Mr = /* @__PURE__ */ I({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -5018,7 +5018,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     return t({
       getRelevantIcon: o
     }), (l, a) => (d(), h("div", {
-      class: I([
+      class: T([
         "joy-highlight",
         `joy-highlight_${e.level}`,
         `joy-highlight_${e.variant}`,
@@ -5030,21 +5030,21 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     }, [
       b("div", Er, [
         k(l.$slots, "highlight-decorator", {}, () => [
-          e.displayIcon ? (d(), V(H, {
+          e.displayIcon ? (d(), V(q, {
             key: 0,
             name: o.value
-          }, null, 8, ["name"])) : _("", !0)
+          }, null, 8, ["name"])) : $("", !0)
         ], !0)
       ]),
       b("div", zr, [
         l.$slots["highlight-title"] ? (d(), h("strong", Jr, [
           k(l.$slots, "highlight-title", {}, void 0, !0)
-        ])) : _("", !0),
+        ])) : $("", !0),
         k(l.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), ac = /* @__PURE__ */ B(Mr, [["__scopeId", "data-v-bdba5931"]]), Pr = ["aria-label"], Fr = /* @__PURE__ */ L({
+}), ac = /* @__PURE__ */ B(Mr, [["__scopeId", "data-v-bdba5931"]]), Pr = ["aria-label"], Fr = /* @__PURE__ */ I({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -5068,16 +5068,16 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
   },
   setup(e) {
     return (t, n) => (d(), h("li", {
-      class: I(["joy-indicator", `joy-indicator--${e.variant}`, { "joy-indicator--selected": e.selected }])
+      class: T(["joy-indicator", `joy-indicator--${e.variant}`, { "joy-indicator--selected": e.selected }])
     }, [
       b("button", {
         type: "button",
-        class: I(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
+        class: T(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
       }, null, 10, Pr)
     ], 2));
   }
-}), Or = /* @__PURE__ */ B(Fr, [["__scopeId", "data-v-16bb27d8"]]), Dr = /* @__PURE__ */ L({
+}), Or = /* @__PURE__ */ B(Fr, [["__scopeId", "data-v-16bb27d8"]]), Dr = /* @__PURE__ */ I({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -5104,7 +5104,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     function y(u) {
       l("update:modelValue", u.props.value), r.value = u.props.value;
     }
-    return K(
+    return G(
       () => o.modelValue,
       (u, f) => {
         u !== f && (r.value = u);
@@ -5113,9 +5113,9 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       indicators: i,
       isSelected: c
     }), (u, f) => (d(), h("ul", {
-      class: I(["joy-indicators", `joy-indicators--${e.variant}`])
+      class: T(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (d(!0), h(G, null, Y(i.value, (p) => (d(), V(Or, W({
+      (d(!0), h(U, null, Y(i.value, (p) => (d(), V(Or, H({
         key: p.props.value
       }, { ref_for: !0 }, { ...p.props, variant: e.variant }, {
         selected: c(p),
@@ -5123,7 +5123,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), rc = /* @__PURE__ */ B(Dr, [["__scopeId", "data-v-7371cdce"]]), Rr = ["id", "name", "required", "disabled", "readonly", "type", "value"], Nr = /* @__PURE__ */ L({
+}), rc = /* @__PURE__ */ B(Dr, [["__scopeId", "data-v-7371cdce"]]), Rr = ["id", "name", "required", "disabled", "readonly", "type", "value"], Nr = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -5184,10 +5184,10 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     }), (m, w) => (d(), h("div", {
       ref_key: "root",
       ref: i,
-      class: I([`joy-input--${l.size}`])
+      class: T([`joy-input--${l.size}`])
     }, [
       b("div", {
-        class: I([
+        class: T([
           "joy-input",
           {
             "joy-input--focusing": y.value,
@@ -5205,15 +5205,15 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           "optional-label": e.optionalLabel,
           size: e.labelSize
         }, {
-          default: z(() => [
+          default: E(() => [
             k(m.$slots, "default", {}, () => [
-              q(J(e.label), 1)
+              N(J(e.label), 1)
             ], !0)
           ]),
           _: 3
-        }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
+        }, 8, ["for", "required", "optional-label", "size"])) : $("", !0),
         b("div", {
-          class: I([
+          class: T([
             "joy-input--wrapper",
             {
               "joy-input--wrapper-has-icon": !!e.icon,
@@ -5222,12 +5222,12 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
             }
           ])
         }, [
-          e.icon ? (d(), V(H, {
+          e.icon ? (d(), V(q, {
             key: 0,
             class: "joy-input--decorative-icon",
             name: e.icon
-          }, null, 8, ["name"])) : _("", !0),
-          b("input", W(m.$attrs, {
+          }, null, 8, ["name"])) : $("", !0),
+          b("input", H(m.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
             ref: r,
@@ -5263,13 +5263,13 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
             size: "xxsmall",
             icon: "cross",
             onClick: g.clearValue
-          }, null, 8, ["label", "onClick"])) : _("", !0),
+          }, null, 8, ["label", "onClick"])) : $("", !0),
           k(m.$slots, "right-action", {}, void 0, !0)
         ], 2)
       ], 2)
     ], 2));
   }
-}), Tt = /* @__PURE__ */ B(Nr, [["__scopeId", "data-v-89eb8a5d"]]), qr = { class: "joy-input-digit__wrapper" }, Hr = /* @__PURE__ */ L({
+}), Tt = /* @__PURE__ */ B(Nr, [["__scopeId", "data-v-89eb8a5d"]]), qr = { class: "joy-input-digit__wrapper" }, Hr = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyInputDigit",
   props: {
@@ -5285,99 +5285,99 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     const o = e, l = n, a = le(), r = x([]), i = x([]);
     oe("VJoyWrapperContext", { withinInputDigit: !0 });
     const c = C(() => Math.max(1, o.length));
-    function s($) {
-      return `${o.inputAriaLabel ?? "Digit"} ${$ + 1}/${c.value}`;
+    function s(_) {
+      return `${o.inputAriaLabel ?? "Digit"} ${_ + 1}/${c.value}`;
     }
-    function y($) {
-      return $ ? /^\d$/.test($) : !1;
+    function y(_) {
+      return _ ? /^\d$/.test(_) : !1;
     }
-    function u($ = "") {
-      const T = $.split("").filter((F) => y(F)).slice(0, c.value);
-      i.value = Array.from({ length: c.value }, (F, A) => T[A] || "");
+    function u(_ = "") {
+      const L = _.split("").filter((O) => y(O)).slice(0, c.value);
+      i.value = Array.from({ length: c.value }, (O, A) => L[A] || "");
     }
-    function f($) {
-      const T = i.value.join("");
-      l("update:modelValue", T), l("change", T, $);
+    function f(_) {
+      const L = i.value.join("");
+      l("update:modelValue", L), l("change", L, _);
     }
-    function p($) {
-      const T = r.value[$], F = T == null ? void 0 : T.$el;
-      return F == null ? void 0 : F.querySelector("input");
+    function p(_) {
+      const L = r.value[_], O = L == null ? void 0 : L.$el;
+      return O == null ? void 0 : O.querySelector("input");
     }
-    function v($) {
-      const T = p($);
-      T == null || T.focus(), T == null || T.select();
+    function v(_) {
+      const L = p(_);
+      L == null || L.focus(), L == null || L.select();
     }
-    function g($) {
-      const T = Math.min($ + 1, c.value - 1);
-      T !== $ && v(T);
+    function g(_) {
+      const L = Math.min(_ + 1, c.value - 1);
+      L !== _ && v(L);
     }
-    function m($) {
-      const T = Math.max($ - 1, 0);
-      T !== $ && v(T);
+    function m(_) {
+      const L = Math.max(_ - 1, 0);
+      L !== _ && v(L);
     }
-    function w($, T) {
-      let F = $;
-      for (const A of T) {
-        if (F >= c.value)
+    function w(_, L) {
+      let O = _;
+      for (const A of L) {
+        if (O >= c.value)
           break;
-        i.value[F] = A, F += 1;
+        i.value[O] = A, O += 1;
       }
-      return Math.min(F, c.value - 1);
+      return Math.min(O, c.value - 1);
     }
     const j = {
-      onInput: ($, T) => {
-        const F = $.split("").filter((S) => y(S)).slice(0, c.value - T);
-        if (F.length === 0) {
-          i.value[T] = "", f(new Event("input"));
+      onInput: (_, L) => {
+        const O = _.split("").filter((S) => y(S)).slice(0, c.value - L);
+        if (O.length === 0) {
+          i.value[L] = "", f(new Event("input"));
           return;
         }
-        const A = w(T, F);
-        f(new Event("input")), o.disabled || (v(A), F.length === 1 && g(T));
+        const A = w(L, O);
+        f(new Event("input")), o.disabled || (v(A), O.length === 1 && g(L));
       },
-      onKeyDown: ($, T) => {
-        if (!($.ctrlKey || $.metaKey))
-          switch ($.key) {
+      onKeyDown: (_, L) => {
+        if (!(_.ctrlKey || _.metaKey))
+          switch (_.key) {
             case "ArrowLeft":
-              m(T), $.preventDefault();
+              m(L), _.preventDefault();
               return;
             case "ArrowRight":
-              g(T), $.preventDefault();
+              g(L), _.preventDefault();
               return;
             case "ArrowUp":
             case "ArrowDown":
-              $.preventDefault();
+              _.preventDefault();
               return;
             case "Backspace":
-              i.value[T] || m(T);
+              i.value[L] || m(L);
               return;
             case "Enter":
             case "Tab":
             case "Delete":
               return;
             default:
-              y($.key) || $.preventDefault();
+              y(_.key) || _.preventDefault();
           }
       },
-      onPaste: ($, T) => {
-        var M;
-        $.preventDefault();
-        const A = (((M = $.clipboardData) == null ? void 0 : M.getData("text")) || "").split("").filter((P) => y(P)).slice(0, c.value - T);
+      onPaste: (_, L) => {
+        var P;
+        _.preventDefault();
+        const A = (((P = _.clipboardData) == null ? void 0 : P.getData("text")) || "").split("").filter((F) => y(F)).slice(0, c.value - L);
         if (!A.length)
           return;
-        const S = w(T, A);
-        f($), v(S);
+        const S = w(L, A);
+        f(_), v(S);
       },
-      onFocus: ($) => {
-        $.target.select(), l("focus", $);
+      onFocus: (_) => {
+        _.target.select(), l("focus", _);
       },
-      onBlur: ($) => {
-        l("blur", $);
+      onBlur: (_) => {
+        l("blur", _);
       },
-      onClick: ($) => {
-        $.target.select();
+      onClick: (_) => {
+        _.target.select();
       }
     };
-    return K(
+    return G(
       () => [o.modelValue, o.length],
       () => {
         u(o.modelValue);
@@ -5386,9 +5386,9 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     ), t({
       focusInput: v,
       tokens: i
-    }), ($, T) => (d(), h("div", qr, [
+    }), (_, L) => (d(), h("div", qr, [
       b("div", {
-        class: I([
+        class: T([
           "joy-input-digit",
           {
             "joy-input-digit--invalid": o.invalid,
@@ -5396,11 +5396,11 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           }
         ])
       }, [
-        (d(!0), h(G, null, Y(c.value, (F, A) => (d(), h("div", {
+        (d(!0), h(U, null, Y(c.value, (O, A) => (d(), h("div", {
           key: A,
           class: "joy-input-digit__field joy-input-digit__item"
         }, [
-          N(Tt, W({ ref_for: !0 }, D(a), {
+          R(Tt, H({ ref_for: !0 }, D(a), {
             ref_for: !0,
             ref_key: "inputRefs",
             ref: r,
@@ -5428,7 +5428,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
 }), ic = /* @__PURE__ */ B(Hr, [["__scopeId", "data-v-65c9a626"]]), Wr = { class: "joy-input-unit" }, Ur = {
   key: 0,
   class: "joy-input__unit___label"
-}, Gr = { class: "joy-input__unit___label____text" }, Kr = /* @__PURE__ */ L({
+}, Gr = { class: "joy-input__unit___label____text" }, Kr = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyInputNumber",
   props: {
@@ -5466,25 +5466,25 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     return t({
       focus: s
     }), (y, u) => (d(), h("div", Wr, [
-      N(Tt, W({
+      R(Tt, H({
         ref_key: "input",
         ref: r
       }, { ...i.value, ...c.value }, {
         "onUpdate:modelValue": u[0] || (u[0] = (f) => o("update:modelValue", f))
       }), {
-        default: z(() => [
+        default: E(() => [
           k(y.$slots, "default", {}, void 0, !0)
         ]),
-        "right-action": z(() => [
+        "right-action": E(() => [
           e.unit ? (d(), h("div", Ur, [
             b("span", Gr, J(e.unit), 1)
-          ])) : _("", !0)
+          ])) : $("", !0)
         ]),
         _: 3
       }, 16)
     ]));
   }
-}), sc = /* @__PURE__ */ B(Kr, [["__scopeId", "data-v-46a07be5"]]), Yr = { class: "joy-input-password" }, Zr = /* @__PURE__ */ L({
+}), sc = /* @__PURE__ */ B(Kr, [["__scopeId", "data-v-46a07be5"]]), Yr = { class: "joy-input-password" }, Zr = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyInputPassword",
   props: {
@@ -5516,16 +5516,16 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     return t({
       focus: y
     }), (u, f) => (d(), h("div", Yr, [
-      N(Tt, W({
+      R(Tt, H({
         ref_key: "input",
         ref: r
       }, { ...D(a), ...l }, {
         type: c.value,
         "onUpdate:modelValue": f[0] || (f[0] = (p) => o("update:modelValue", p))
       }), {
-        "right-action": z(() => [
-          N(H, {
-            class: I(["joy-input__password-icon", { "joy-input__password-icon--disabled": e.disabled }]),
+        "right-action": E(() => [
+          R(q, {
+            class: T(["joy-input__password-icon", { "joy-input__password-icon--disabled": e.disabled }]),
             name: i.value ? "eye-masked" : "eye",
             onClick: s
           }, null, 8, ["class", "name"])
@@ -5539,14 +5539,14 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         "row-gap": "2",
         justify: "flex-start"
       }, {
-        default: z(() => [
+        default: E(() => [
           k(u.$slots, "password-requirements", {}, void 0, !0)
         ]),
         _: 3
-      })) : _("", !0)
+      })) : $("", !0)
     ]));
   }
-}), uc = /* @__PURE__ */ B(Zr, [["__scopeId", "data-v-5174e5dc"]]), Xr = { class: "joy-list-item__left" }, Qr = { class: "joy-font-primary-300 joy-m-0" }, ei = { class: "joy-list-item__right" }, ti = /* @__PURE__ */ L({
+}), uc = /* @__PURE__ */ B(Zr, [["__scopeId", "data-v-5174e5dc"]]), Xr = { class: "joy-list-item__left" }, Qr = { class: "joy-font-primary-300 joy-m-0" }, ei = { class: "joy-list-item__right" }, ti = /* @__PURE__ */ I({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -5557,19 +5557,19 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       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: n[0] || (n[0] = (o) => t.$emit("click"))
     }, [
-      N(ue, {
+      R(ue, {
         "no-margin": "",
         "row-gap": "2",
         wrap: "nowrap",
         justify: "space-between"
       }, {
-        default: z(() => [
+        default: E(() => [
           b("div", Xr, [
-            e.icon ? (d(), V(H, {
+            e.icon ? (d(), V(q, {
               key: 0,
               class: "joy-p-3 joy-list-item__left-icon",
               name: e.icon
-            }, null, 8, ["name"])) : _("", !0),
+            }, null, 8, ["name"])) : $("", !0),
             b("p", Qr, [
               k(t.$slots, "list-item-left", {}, void 0, !0)
             ])
@@ -5582,7 +5582,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       })
     ]));
   }
-}), cc = /* @__PURE__ */ B(ti, [["__scopeId", "data-v-45fd4d2c"]]), oi = ["aria-activedescendant", "aria-label"], ni = ["tabindex", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], li = { "aria-hidden": "true" }, ai = /* @__PURE__ */ L({
+}), cc = /* @__PURE__ */ B(ti, [["__scopeId", "data-v-45fd4d2c"]]), oi = ["aria-activedescendant", "aria-label"], ni = ["tabindex", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], li = { "aria-hidden": "true" }, ai = /* @__PURE__ */ I({
   __name: "VJoyMenu",
   props: {
     /**
@@ -5652,9 +5652,9 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         onKeydown: y
       }, [
         k(p.$slots, "default", {}, void 0, !0),
-        (d(!0), h(G, null, Y(e.items, (m) => Qe((d(), h("li", {
+        (d(!0), h(U, null, Y(e.items, (m) => Qe((d(), h("li", {
           key: m.label,
-          class: I([
+          class: T([
             "joy-menu-list__item",
             {
               "joy-menu-list__item--current": m.current,
@@ -5671,11 +5671,11 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           onClick: (w) => r(m)
         }, [
           b("div", li, [
-            k(p.$slots, "menu-item", W({ ref_for: !0 }, m), () => [
-              m.icon ? (d(), V(H, {
+            k(p.$slots, "menu-item", H({ ref_for: !0 }, m), () => [
+              m.icon ? (d(), V(q, {
                 key: 0,
                 name: m.icon
-              }, null, 8, ["name"])) : _("", !0),
+              }, null, 8, ["name"])) : $("", !0),
               b("span", null, J(m.label), 1)
             ], !0)
           ])
@@ -5685,7 +5685,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       ], 40, oi);
     };
   }
-}), dc = /* @__PURE__ */ B(ai, [["__scopeId", "data-v-5347e2e3"]]), ri = ["aria-disabled", "aria-current", "title", "aria-label"], ii = { class: "joy-menu-item__label joy-font-primary-400" }, si = /* @__PURE__ */ L({
+}), dc = /* @__PURE__ */ B(ai, [["__scopeId", "data-v-5347e2e3"]]), ri = ["aria-disabled", "aria-current", "title", "aria-label"], ii = { class: "joy-menu-item__label joy-font-primary-400" }, si = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyMenuItem",
   props: {
@@ -5708,14 +5708,14 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     return t({
       getProps: r
     }), (c, s) => (d(), h("li", {
-      class: I(["joy-menu-item"]),
+      class: T(["joy-menu-item"]),
       "aria-disabled": e.disabled,
       "aria-current": e.current,
       title: e.label,
       "aria-label": e.label,
       role: "menuitem"
     }, [
-      (d(), V(Q(e.disabled ? "div" : e.type), W({ ...r.value, ...c.$attrs }, {
+      (d(), V(Q(e.disabled ? "div" : e.type), H({ ...r.value, ...c.$attrs }, {
         class: [
           "joy-menu-item__inner",
           {
@@ -5726,25 +5726,25 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         type: e.type === "button" ? "button" : null,
         onClick: i
       }), {
-        default: z(() => [
-          e.icon ? (d(), V(H, {
+        default: E(() => [
+          e.icon ? (d(), V(q, {
             key: 0,
             class: "joy-menu-item__icon-left",
             name: e.icon
-          }, null, 8, ["name"])) : _("", !0),
+          }, null, 8, ["name"])) : $("", !0),
           b("span", ii, J(e.label), 1),
-          e.status ? (d(), V(H, {
+          e.status ? (d(), V(q, {
             key: 1,
             class: "joy-menu-item__icon-right",
             name: e.status,
             color: e.statusColor
-          }, null, 8, ["name", "color"])) : _("", !0)
+          }, null, 8, ["name", "color"])) : $("", !0)
         ]),
         _: 1
       }, 16, ["class", "type"]))
     ], 8, ri));
   }
-}), fc = /* @__PURE__ */ B(si, [["__scopeId", "data-v-deee087f"]]), Nt = /* @__PURE__ */ L({
+}), fc = /* @__PURE__ */ B(si, [["__scopeId", "data-v-deee087f"]]), Nt = /* @__PURE__ */ I({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -5774,7 +5774,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       onClick: n[0] || (n[0] = (o) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), ui = ["aria-label", "data-current"], ci = ["onClick"], di = ["aria-current"], fi = 6, yi = /* @__PURE__ */ L({
+}), ui = ["aria-label", "data-current"], ci = ["onClick"], di = ["aria-current"], fi = 6, yi = /* @__PURE__ */ I({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -5835,7 +5835,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           onClick: u[0] || (u[0] = (f) => i(e.currentPage - 1, "prev"))
         }, [
           k(y.$slots, "pagination-prev", {}, () => [
-            N(Nt, {
+            R(Nt, {
               label: e.labelPrev,
               disabled: e.currentPage === 1
             }, null, 8, ["label", "disabled"])
@@ -5843,9 +5843,9 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         ]),
         b("li", null, [
           b("ul", null, [
-            (d(!0), h(G, null, Y(r.value, (f) => (d(), h("li", {
+            (d(!0), h(U, null, Y(r.value, (f) => (d(), h("li", {
               key: f,
-              class: I({
+              class: T({
                 "joy-pagination__item": !0,
                 "joy-pagination__page": !0,
                 current: f === e.currentPage,
@@ -5854,7 +5854,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
               }),
               onClick: (p) => i(f)
             }, [
-              k(y.$slots, "page", W({ ref_for: !0 }, { page: f }), () => [
+              k(y.$slots, "page", H({ ref_for: !0 }, { page: f }), () => [
                 b("button", {
                   type: "button",
                   "aria-current": f === e.currentPage ? "true" : "false"
@@ -5868,7 +5868,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           onClick: u[1] || (u[1] = (f) => i(e.currentPage + 1, "next"))
         }, [
           k(y.$slots, "pagination-next", {}, () => [
-            N(Nt, {
+            R(Nt, {
               next: "",
               label: e.labelNext,
               disabled: e.currentPage === e.totalPages
@@ -5881,7 +5881,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
 }), yc = /* @__PURE__ */ B(yi, [["__scopeId", "data-v-ce39e35c"]]), mi = { class: "joy-screen-loader__content" }, pi = {
   key: 0,
   class: "joy-screen-loader__content"
-}, vi = /* @__PURE__ */ L({
+}, vi = /* @__PURE__ */ I({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -5897,23 +5897,23 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
   },
   setup(e) {
     return (t, n) => (d(), h("div", {
-      class: I(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
+      class: T(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
       b("div", mi, [
         k(t.$slots, "spinner", {}, () => [
-          N(no, {
+          R(no, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
         t.$slots.content ? (d(), h("div", pi, [
           k(t.$slots, "content", {}, void 0, !0)
-        ])) : _("", !0)
+        ])) : $("", !0)
       ])
     ], 2));
   }
 }), Vo = /* @__PURE__ */ B(vi, [["__scopeId", "data-v-eebe7682"]]), hi = {
   key: 0,
-  class: /* @__PURE__ */ I(["joy-panel__header"])
+  class: /* @__PURE__ */ T(["joy-panel__header"])
 }, gi = {
   key: 0,
   class: "joy-panel__header-title-icon"
@@ -5926,7 +5926,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
 }, ki = { class: "joy-panel__body" }, ji = {
   key: 1,
   class: "joy-panel__footer"
-}, _i = /* @__PURE__ */ L({
+}, _i = /* @__PURE__ */ I({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -5963,7 +5963,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       ref_key: "panel",
       ref: l,
       style: te({ flex: e.flex }),
-      class: I([
+      class: T([
         "joy-panel",
         `joy-panel--${e.padding}`,
         `joy-panel--${e.variant}`,
@@ -5976,36 +5976,36 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       a.value ? (d(), h("header", hi, [
         o["panel-title"] ? (d(), h("div", {
           key: 0,
-          class: I(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
+          class: T(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           o["panel-title-icon"] ? (d(), h("div", gi, [
             k(r.$slots, "panel-title-icon", {}, void 0, !0)
-          ])) : _("", !0),
+          ])) : $("", !0),
           k(r.$slots, "panel-title", {}, void 0, !0)
-        ], 2)) : _("", !0),
+        ], 2)) : $("", !0),
         o["panel-title-action"] ? (d(), h("div", bi, [
           k(r.$slots, "panel-title-action", {}, void 0, !0)
-        ])) : _("", !0),
+        ])) : $("", !0),
         o["panel-subtitle"] ? (d(), h("div", wi, [
           k(r.$slots, "panel-subtitle", {}, void 0, !0)
-        ])) : _("", !0)
-      ])) : _("", !0),
+        ])) : $("", !0)
+      ])) : $("", !0),
       b("div", ki, [
         k(r.$slots, "panel-body", {}, void 0, !0)
       ]),
       o["panel-action"] ? (d(), h("footer", ji, [
         k(r.$slots, "panel-action", {}, void 0, !0)
-      ])) : _("", !0),
+      ])) : $("", !0),
       e.loading ? (d(), V(Vo, {
         key: 2,
         overlay: "",
         color: e.loadingColor
       }, {
-        content: z(() => [
+        content: E(() => [
           k(r.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["color"])) : _("", !0)
+      }, 8, ["color"])) : $("", !0)
     ], 6));
   }
 }), mc = /* @__PURE__ */ B(_i, [["__scopeId", "data-v-48bfd5db"]]), $i = { class: "joy-panel-section" }, Ci = {
@@ -6014,20 +6014,20 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
 }, Si = {
   key: 1,
   class: "joy-panel-section__content"
-}, xi = /* @__PURE__ */ L({
+}, xi = /* @__PURE__ */ I({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = Z();
     return (n, o) => (d(), h("div", $i, [
       D(t)["panel-section-title"] ? (d(), h("div", Ci, [
         k(n.$slots, "panel-section-title", {}, void 0, !0)
-      ])) : _("", !0),
+      ])) : $("", !0),
       D(t)["panel-section-content"] ? (d(), h("div", Si, [
         k(n.$slots, "panel-section-content", {}, void 0, !0)
-      ])) : _("", !0)
+      ])) : $("", !0)
     ]));
   }
-}), pc = /* @__PURE__ */ B(xi, [["__scopeId", "data-v-cffe4f75"]]), Vi = { class: "joy-password-requirement__label" }, Ti = /* @__PURE__ */ L({
+}), pc = /* @__PURE__ */ B(xi, [["__scopeId", "data-v-cffe4f75"]]), Vi = { class: "joy-password-requirement__label" }, Ti = /* @__PURE__ */ I({
   __name: "VJoyPasswordRequirement",
   props: {
     label: {},
@@ -6035,16 +6035,16 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
   },
   setup(e) {
     const t = Do(e, ["status"]);
-    return (n, o) => (d(), h("div", W({
+    return (n, o) => (d(), h("div", H({
       class: ["joy-password-requirement", [`joy-password-requirement--${e.status}`]]
     }, e.status === "error" ? { "data-joy-form-error": "" } : {}), [
-      e.status === "neutral" ? (d(), V(H, {
+      e.status === "neutral" ? (d(), V(q, {
         key: 0,
         name: "circle"
-      })) : e.status === "success" ? (d(), V(H, {
+      })) : e.status === "success" ? (d(), V(q, {
         key: 1,
         name: "check-circle"
-      })) : (d(), V(H, {
+      })) : (d(), V(q, {
         key: 2,
         name: "warning",
         size: "xsmall"
@@ -6052,14 +6052,14 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       b("span", Vi, J(t.label), 1)
     ], 16));
   }
-}), vc = /* @__PURE__ */ B(Ti, [["__scopeId", "data-v-6afc5201"]]), Ii = /* @__PURE__ */ L({
+}), vc = /* @__PURE__ */ B(Ti, [["__scopeId", "data-v-6afc5201"]]), Ii = /* @__PURE__ */ I({
   __name: "VJoyProductTourSpotlight",
   props: {
     disableOverlay: { type: Boolean }
   },
   setup(e) {
     return (t, n) => (d(), h("div", {
-      class: I(["joy-product-tour-spotlight", { "joy-product-tour-spotlight--no-overlay": e.disableOverlay }])
+      class: T(["joy-product-tour-spotlight", { "joy-product-tour-spotlight--no-overlay": e.disableOverlay }])
     }, null, 2));
   }
 }), Li = /* @__PURE__ */ B(Ii, [["__scopeId", "data-v-031fdb58"]]), Bi = () => {
@@ -6077,7 +6077,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
 }, To = Bi(), Ai = { class: "joy-product-tour__content" }, Ei = { class: "joy-product-tour__header" }, zi = {
   key: 0,
   class: "joy-product-tour__footer"
-}, Ji = { class: "joy-product-tour__footer___steps" }, Mi = "joy-product-tour-spotlight__wrapper", Pi = /* @__PURE__ */ L({
+}, Ji = { class: "joy-product-tour__footer___steps" }, Mi = "joy-product-tour-spotlight__wrapper", Pi = /* @__PURE__ */ I({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -6112,18 +6112,18 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         ]
       })
     ), v = C(() => {
-      const { middlewareData: S, placement: M } = p.value, P = S.arrow, R = {
+      const { middlewareData: S, placement: P } = p.value, F = S.arrow, M = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[M.split("-")[0]];
+      }[P.split("-")[0]];
       return {
-        left: (P == null ? void 0 : P.x) && `${P == null ? void 0 : P.x}px`,
-        top: (P == null ? void 0 : P.y) && `${P == null ? void 0 : P.y}px`,
+        left: (F == null ? void 0 : F.x) && `${F == null ? void 0 : F.x}px`,
+        top: (F == null ? void 0 : F.y) && `${F == null ? void 0 : F.y}px`,
         right: "",
         bottom: "",
-        [R]: "-12px"
+        [M]: "-12px"
       };
     });
     function g() {
@@ -6137,43 +6137,43 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       u.value = !1, a(), A(), o("product-tour:hide");
     }
     function w(S) {
-      c.value && (S.disableOverlay || j(), $(S.elementToHighlight));
+      c.value && (S.disableOverlay || j(), _(S.elementToHighlight));
     }
     function j() {
       i.value = document.createElement("div"), i.value.classList.add("joy-product-tour__overlay"), i.value.addEventListener("click", m, { once: !0 }), i.value.style.position = "fixed", i.value.style.top = "0", i.value.style.left = "0", i.value.style.width = "100%", i.value.style.height = "100%", i.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(i.value);
     }
-    function $(S) {
-      S && (S.style.position = "relative", S.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = N(Li, { disableOverlay: l.disableOverlay }), y.value = document.createElement("div"), y.value.classList.add(Mi), document.body.appendChild(y.value), It(s.value, y.value), T());
+    function _(S) {
+      S && (S.style.position = "relative", S.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = R(Li, { disableOverlay: l.disableOverlay }), y.value = document.createElement("div"), y.value.classList.add(Mi), document.body.appendChild(y.value), It(s.value, y.value), L());
     }
-    function T() {
+    function L() {
       if (!y.value)
         return;
-      const { left: S, top: M, height: P, width: R } = c.value.getBoundingClientRect();
-      y.value.style.left = `calc(${window.scrollX + S - l.spotlightPadding}px`, y.value.style.top = `${window.scrollY + M - l.spotlightPadding}px`, y.value.style.width = `${R}px`, y.value.style.height = `${P}px`, y.value.style.position = "absolute", y.value.style.padding = l.spotlightPadding + "px", y.value.style.boxSizing = "content-box";
+      const { left: S, top: P, height: F, width: M } = c.value.getBoundingClientRect();
+      y.value.style.left = `calc(${window.scrollX + S - l.spotlightPadding}px`, y.value.style.top = `${window.scrollY + P - l.spotlightPadding}px`, y.value.style.width = `${M}px`, y.value.style.height = `${F}px`, y.value.style.position = "absolute", y.value.style.padding = l.spotlightPadding + "px", y.value.style.boxSizing = "content-box";
     }
-    function F() {
+    function O() {
       i.value && i.value.remove();
     }
     function A() {
-      F(), c.value && (c.value.style.position = "", c.value.style.zIndex = ""), y.value && (It(null, y.value), y.value.remove());
+      O(), c.value && (c.value.style.position = "", c.value.style.zIndex = ""), y.value && (It(null, y.value), y.value.remove());
     }
-    return K(p.value, () => {
+    return G(p.value, () => {
       var S;
-      s.value && ((S = r.value) != null && S.isConnected ? T() : m());
+      s.value && ((S = r.value) != null && S.isConnected ? L() : m());
     }), Ht(() => {
       A();
     }), t({
       hide: m,
       show: g,
       isOpen: u
-    }), (S, M) => {
-      var P;
+    }), (S, P) => {
+      var F;
       return Qe((d(), h("div", {
         ref_key: "productTour",
         ref: r,
         class: "joy-product-tour__wrapper",
         role: "tooltip",
-        style: te({ "--product-tour-width": e.maxWidth + "px", ...(P = p.value) == null ? void 0 : P.floatingStyles })
+        style: te({ "--product-tour-width": e.maxWidth + "px", ...(F = p.value) == null ? void 0 : F.floatingStyles })
       }, [
         b("div", {
           ref_key: "productTourArrow",
@@ -6182,7 +6182,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           style: te(v.value)
         }, null, 4),
         b("div", {
-          class: I([
+          class: T([
             "joy-product-tour",
             `joy-product-tour--${e.position}`,
             {
@@ -6191,12 +6191,12 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           ])
         }, [
           b("div", {
-            class: I(["joy-product-tour__banner", { "joy-product-tour__hasBanner": S.$slots["product-tour-banner"] }])
+            class: T(["joy-product-tour__banner", { "joy-product-tour__hasBanner": S.$slots["product-tour-banner"] }])
           }, [
             k(S.$slots, "product-tour-banner", {}, void 0, !0)
           ], 2),
           b("div", {
-            class: I(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": S.$slots["product-tour-preheader"] }])
+            class: T(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": S.$slots["product-tour-preheader"] }])
           }, [
             b("div", null, [
               k(S.$slots, "product-tour-preheader", {}, void 0, !0)
@@ -6209,15 +6209,15 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
               size: "small",
               label: "Close",
               onClick: m
-            })) : _("", !0)
+            })) : $("", !0)
           ], 2),
           b("div", Ai, [
-            e.icon ? (d(), V(H, {
+            e.icon ? (d(), V(q, {
               key: 0,
               class: "joy-product-tour__content___icon",
               name: e.icon,
               size: "medium"
-            }, null, 8, ["name"])) : _("", !0),
+            }, null, 8, ["name"])) : $("", !0),
             b("div", null, [
               b("div", Ei, [
                 k(S.$slots, "product-tour-header", {}, void 0, !0)
@@ -6230,19 +6230,19 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
               k(S.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
             b("span", Ji, [
-              e.steps > 1 ? (d(), h(G, { key: 0 }, [
-                q(J(e.step) + "/" + J(e.steps), 1)
-              ], 64)) : _("", !0)
+              e.steps > 1 ? (d(), h(U, { key: 0 }, [
+                N(J(e.step) + "/" + J(e.steps), 1)
+              ], 64)) : $("", !0)
             ]),
             k(S.$slots, "product-tour-next", {}, void 0, !0)
-          ])) : _("", !0)
+          ])) : $("", !0)
         ], 2)
       ], 4)), [
         [Ro, u.value]
       ]);
     };
   }
-}), Fi = /* @__PURE__ */ B(Pi, [["__scopeId", "data-v-99dcf152"]]), hc = /* @__PURE__ */ L({
+}), Fi = /* @__PURE__ */ B(Pi, [["__scopeId", "data-v-99dcf152"]]), hc = /* @__PURE__ */ I({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -6280,34 +6280,34 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       show: u,
       hide: p
     }), (v, g) => (d(), V(Le, { to: "body" }, [
-      N(Fi, W({ ...l, ...y.value }, {
+      R(Fi, H({ ...l, ...y.value }, {
         ref_key: "productTour",
         ref: c,
         "onProductTour:hide": f
       }), {
-        "product-tour-banner": z(() => [
+        "product-tour-banner": E(() => [
           k(v.$slots, "product-tour-banner")
         ]),
-        "product-tour-preheader": z(() => [
+        "product-tour-preheader": E(() => [
           k(v.$slots, "product-tour-preheader")
         ]),
-        "product-tour-header": z(() => [
+        "product-tour-header": E(() => [
           k(v.$slots, "product-tour-header")
         ]),
-        "product-tour-content": z(() => [
+        "product-tour-content": E(() => [
           k(v.$slots, "product-tour-content")
         ]),
-        "product-tour-dismiss": z(() => [
+        "product-tour-dismiss": E(() => [
           k(v.$slots, "product-tour-dismiss")
         ]),
-        "product-tour-next": z(() => [
+        "product-tour-next": E(() => [
           k(v.$slots, "product-tour-next")
         ]),
         _: 3
       }, 16)
     ]));
   }
-}), gc = /* @__PURE__ */ L({
+}), gc = /* @__PURE__ */ I({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -6319,7 +6319,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       var c;
       o("click"), l.value && ((c = l.value) == null || c.show());
     }
-    return (c, s) => (d(!0), h(G, null, Y(r.value, (y) => (d(), V(Q(y), {
+    return (c, s) => (d(!0), h(U, null, Y(r.value, (y) => (d(), V(Q(y), {
       key: y,
       onClick: i
     }))), 128));
@@ -6327,7 +6327,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
 }), Oi = { class: "joy-progress-bar-wrapper" }, Di = {
   key: 0,
   class: "joy-progress-bar-label joy-font-primary-250"
-}, Ri = /* @__PURE__ */ L({
+}, Ri = /* @__PURE__ */ I({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -6370,21 +6370,21 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       wrap: "nowrap",
       "column-gap": "1",
       align: "center",
-      class: I([`joy-progress-bar_${e.color}`])
+      class: T([`joy-progress-bar_${e.color}`])
     }, {
-      default: z(() => [
+      default: E(() => [
         b("div", Oi, [
           b("div", {
             class: "joy-progress-bar-inner",
             style: te({ width: o.value })
           }, null, 4)
         ]),
-        e.showLabel && e.percentage !== void 0 ? (d(), h("span", Di, J(e.percentage + "%"), 1)) : _("", !0)
+        e.showLabel && e.percentage !== void 0 ? (d(), h("span", Di, J(e.percentage + "%"), 1)) : $("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), bc = /* @__PURE__ */ B(Ri, [["__scopeId", "data-v-0f37ab26"]]), Ni = ["id", "value", "checked", "disabled", "required", "name"], qi = { class: "joy-radio-label" }, Hi = { class: "joy-radio-header-right" }, Wi = { class: "joy-radio-sublabel" }, Ui = { class: "joy-radio-content__wrapper" }, Gi = { class: "joy-radio-content" }, Ki = /* @__PURE__ */ L({
+}), bc = /* @__PURE__ */ B(Ri, [["__scopeId", "data-v-0f37ab26"]]), Ni = ["id", "value", "checked", "disabled", "required", "name"], qi = { class: "joy-radio-label" }, Hi = { class: "joy-radio-header-right" }, Wi = { class: "joy-radio-sublabel" }, Ui = { class: "joy-radio-content__wrapper" }, Gi = { class: "joy-radio-content" }, Ki = /* @__PURE__ */ I({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -6442,7 +6442,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     function w() {
       r.value = !1;
     }
-    return K(
+    return G(
       () => l.modelValue,
       () => {
         v();
@@ -6450,10 +6450,10 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     ), t({
       checked: y,
       isExpanded: a
-    }), (j, $) => (d(), h("label", {
+    }), (j, _) => (d(), h("label", {
       ref_key: "root",
       ref: i,
-      class: I([
+      class: T([
         "joy-radio",
         `joy-radio--${e.theme}`,
         {
@@ -6491,7 +6491,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         b("div", {
           ref_key: "expandableElement",
           ref: c,
-          class: I(["joy-radio-expandable", { "joy-radio-expandable--expanded": a.value }])
+          class: T(["joy-radio-expandable", { "joy-radio-expandable--expanded": a.value }])
         }, [
           k(j.$slots, "expandable-content", {}, void 0, !0)
         ], 2),
@@ -6501,7 +6501,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       ])
     ], 2));
   }
-}), wc = /* @__PURE__ */ B(Ki, [["__scopeId", "data-v-2c73d471"]]), Yi = ["form", "name"], Zi = /* @__PURE__ */ L({
+}), wc = /* @__PURE__ */ B(Ki, [["__scopeId", "data-v-2c73d471"]]), Yi = ["form", "name"], Zi = /* @__PURE__ */ I({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -6519,13 +6519,13 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     }, [
       k(n.$slots, "radio-group-legend", {}, void 0, !0),
       b("div", {
-        class: I(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
+        class: T(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
         k(n.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 8, Yi));
   }
-}), kc = /* @__PURE__ */ B(Zi, [["__scopeId", "data-v-03a65eea"]]), Xi = ["aria-label"], Qi = { class: "joy-rating-stars" }, es = { class: "joy-rating-stars__content" }, ts = { key: 0 }, os = /* @__PURE__ */ L({
+}), kc = /* @__PURE__ */ B(Zi, [["__scopeId", "data-v-03a65eea"]]), Xi = ["aria-label"], Qi = { class: "joy-rating-stars" }, es = { class: "joy-rating-stars__content" }, ts = { key: 0 }, os = /* @__PURE__ */ I({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -6558,21 +6558,21 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       "aria-label": D(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
       b("ul", Qi, [
-        (d(!0), h(G, null, Y(l.value, (i, c) => (d(), h("li", {
+        (d(!0), h(U, null, Y(l.value, (i, c) => (d(), h("li", {
           key: c,
-          class: I([`joy-rating-stars--${e.size}`])
+          class: T([`joy-rating-stars--${e.size}`])
         }, [
-          i === "full" ? (d(), V(H, {
+          i === "full" ? (d(), V(q, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : i === "half" ? (d(), V(H, {
+          })) : i === "half" ? (d(), V(q, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (d(), V(H, {
+          })) : (d(), V(q, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -6582,12 +6582,12 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       ]),
       b("div", es, [
         k(a.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (d(), h("span", ts, "(" + J(e.reviewCount) + ")", 1)) : _("", !0)
+          e.reviewCount ? (d(), h("span", ts, "(" + J(e.reviewCount) + ")", 1)) : $("", !0)
         ], !0)
       ])
     ], 8, Xi));
   }
-}), jc = /* @__PURE__ */ B(os, [["__scopeId", "data-v-0abaca31"]]), ns = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], ls = ["selected"], as = /* @__PURE__ */ L({
+}), jc = /* @__PURE__ */ B(os, [["__scopeId", "data-v-0abaca31"]]), ns = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], ls = ["selected"], as = /* @__PURE__ */ I({
   __name: "VJoySelect",
   props: {
     /** aria-label is available only if 'label' property is undefined **/
@@ -6647,8 +6647,8 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           const j = w.children;
           if (typeof j == "string" || !j.length)
             return;
-          const $ = j.filter(i);
-          m = [...m, ...$];
+          const _ = j.filter(i);
+          m = [...m, ..._];
         }
       }), m;
     });
@@ -6695,14 +6695,14 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           for: e.id || e.name,
           size: u.value
         }, {
-          default: z(() => [
-            q(J(e.label), 1)
+          default: E(() => [
+            N(J(e.label), 1)
           ]),
           _: 1
-        }, 8, ["required", "optional-label", "for", "size"])) : _("", !0)
+        }, 8, ["required", "optional-label", "for", "size"])) : $("", !0)
       ], !0),
       b("div", {
-        class: I([
+        class: T([
           `joy-select--${e.size}`,
           {
             "joy-select__wrapper": !0,
@@ -6727,23 +6727,23 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           onFocus: p,
           onBlur: v
         }, [
-          (d(!0), h(G, null, Y(r.value, (w) => {
-            var j, $;
-            return d(), h("option", W({
+          (d(!0), h(U, null, Y(r.value, (w) => {
+            var j, _;
+            return d(), h("option", H({
               key: (j = w.props) == null ? void 0 : j.value
             }, { ref_for: !0 }, w.props, {
-              selected: (($ = w.props) == null ? void 0 : $.value) === e.modelValue
+              selected: ((_ = w.props) == null ? void 0 : _.value) === e.modelValue
             }), J(w.children), 17, ls);
           }), 128))
         ], 40, ns),
-        N(H, {
+        R(q, {
           class: "joy-select__chevron",
           name: "chevron-down"
         })
       ], 2)
     ], 512));
   }
-}), _c = /* @__PURE__ */ B(as, [["__scopeId", "data-v-a9f427b2"]]), rs = ["aria-disabled"], is = ["id", "value", "checked", "disabled", "required", "name"], ss = { class: "joy-selectable-item__label" }, us = /* @__PURE__ */ L({
+}), _c = /* @__PURE__ */ B(as, [["__scopeId", "data-v-a9f427b2"]]), rs = ["aria-disabled"], is = ["id", "value", "checked", "disabled", "required", "name"], ss = { class: "joy-selectable-item__label" }, us = /* @__PURE__ */ I({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -6781,7 +6781,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       n("update:checked", u);
     }
     return (u, f) => (d(), h("div", {
-      class: I([
+      class: T([
         "joy-selectable-item__wrapper",
         {
           "joy-selectable-item--focusing": r.value
@@ -6791,7 +6791,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       onClick: f[5] || (f[5] = //@ts-ignore
       (...p) => s.onClick && s.onClick(...p))
     }, [
-      e.multiple ? _("", !0) : (d(), h("input", {
+      e.multiple ? $("", !0) : (d(), h("input", {
         key: 0,
         id: c.value,
         ref_key: "inputRadio",
@@ -6812,7 +6812,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       }, null, 40, is)),
       (d(), V(Q(D(i)), {
         for: c.value,
-        class: I([
+        class: T([
           "joy-selectable-item",
           {
             "joy-selectable-item--disabled": e.disabled,
@@ -6824,7 +6824,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         ]),
         onClick: s.onLabelClick
       }, {
-        default: z(() => [
+        default: E(() => [
           e.multiple ? (d(), V(kt, {
             key: 0,
             id: c.value,
@@ -6839,19 +6839,19 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
             onBlur: f[4] || (f[4] = () => s.onBlur()),
             "onUpdate:checked": y
           }, {
-            default: z(() => [
+            default: E(() => [
               k(u.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          }, 8, ["id", "checked", "disabled", "value", "name", "required", "invalid"])) : _("", !0),
+          }, 8, ["id", "checked", "disabled", "value", "name", "required", "invalid"])) : $("", !0),
           b("div", ss, [
-            e.multiple ? _("", !0) : k(u.$slots, "default", { key: 0 }, void 0, !0)
+            e.multiple ? $("", !0) : k(u.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           b("div", {
-            class: I([{ "joy-selectable-item__sublabel": u.$slots["selectable-item-sublabel"] }])
+            class: T([{ "joy-selectable-item__sublabel": u.$slots["selectable-item-sublabel"] }])
           }, [
             k(u.$slots, "selectable-item-sublabel", {}, () => [
-              q(J(e.subLabel), 1)
+              N(J(e.subLabel), 1)
             ], !0)
           ], 2)
         ]),
@@ -6859,7 +6859,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       }, 8, ["for", "class", "onClick"]))
     ], 10, rs));
   }
-}), cs = /* @__PURE__ */ B(us, [["__scopeId", "data-v-cd1e221a"]]), ds = ["id"], fs = /* @__PURE__ */ L({
+}), cs = /* @__PURE__ */ B(us, [["__scopeId", "data-v-cd1e221a"]]), ds = ["id"], fs = /* @__PURE__ */ I({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6904,13 +6904,13 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: z(() => [
-          q(J(e.label), 1)
+        default: E(() => [
+          N(J(e.label), 1)
         ]),
         _: 1
-      }, 8, ["required", "optional-label", "size"])) : _("", !0),
+      }, 8, ["required", "optional-label", "size"])) : $("", !0),
       b("div", {
-        class: I([
+        class: T([
           "joy-selectable-item-group",
           {
             "joy-selectable-item-group--multiple": e.multiple,
@@ -6920,7 +6920,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           }
         ])
       }, [
-        (d(!0), h(G, null, Y(e.options, (s) => (d(), V(cs, W({ ref_for: !0 }, s.attrs, {
+        (d(!0), h(U, null, Y(e.options, (s) => (d(), V(cs, H({ ref_for: !0 }, s.attrs, {
           id: s.id,
           key: s.id,
           name: s.name,
@@ -6931,17 +6931,17 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           invalid: e.invalid,
           "onUpdate:checked": (y) => a(r(s), y)
         }), gt({
-          default: z(() => [
-            k(i.$slots, "item", W({ ref_for: !0 }, s), () => [
-              q(J(e.labelKey && s[e.labelKey] || s.label), 1)
+          default: E(() => [
+            k(i.$slots, "item", H({ ref_for: !0 }, s), () => [
+              N(J(e.labelKey && s[e.labelKey] || s.label), 1)
             ], !0)
           ]),
           _: 2
         }, [
           s.subLabel ? {
             name: "selectable-item-sublabel",
-            fn: z(() => [
-              q(J(s.subLabel), 1)
+            fn: E(() => [
+              N(J(s.subLabel), 1)
             ]),
             key: "0"
           } : void 0
@@ -6951,10 +6951,10 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         key: 1,
         errors: [e.errorMessage],
         class: "joy-mt-2"
-      }, null, 8, ["errors"])) : _("", !0)
+      }, null, 8, ["errors"])) : $("", !0)
     ], 8, ds));
   }
-}), $c = /* @__PURE__ */ B(fs, [["__scopeId", "data-v-218da54a"]]), ys = /* @__PURE__ */ L({
+}), $c = /* @__PURE__ */ B(fs, [["__scopeId", "data-v-218da54a"]]), ys = /* @__PURE__ */ I({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6968,7 +6968,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
   },
   setup(e) {
     return (t, n) => (d(), h("div", {
-      class: I(["joy-separator", { "joy-separator__small": e.size === "small" }])
+      class: T(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
       b("span", null, J(e.text), 1)
     ], 2));
@@ -6976,7 +6976,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
 }), Cc = /* @__PURE__ */ B(ys, [["__scopeId", "data-v-4ecdcc2e"]]), ms = ["id"], ps = { class: "joy-step__stroke" }, vs = {
   key: 0,
   class: "joy-step__label"
-}, hs = /* @__PURE__ */ L({
+}, hs = /* @__PURE__ */ I({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -7014,11 +7014,11 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     function c(s) {
       s <= 0 && console.warn("subSteps must be equal or greater than 1"), l("update:subSteps");
     }
-    return K(() => o.subSteps, c), t({
+    return G(() => o.subSteps, c), t({
       progress: r
     }), (s, y) => (d(), h("div", {
       id: e.id,
-      class: I([
+      class: T([
         "joy-step",
         `joy-step--size-${e.size}`,
         {
@@ -7033,17 +7033,17 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           style: te({ maxWidth: r.value })
         }, null, 4)
       ]),
-      N(ht, { name: "joy-step__label" }, {
-        default: z(() => [
+      R(ht, { name: "joy-step__label" }, {
+        default: E(() => [
           e.showLabel ? (d(), h("span", vs, [
             k(s.$slots, "default", {}, void 0, !0)
-          ])) : _("", !0)
+          ])) : $("", !0)
         ]),
         _: 3
       })
     ], 10, ms));
   }
-}), gs = /* @__PURE__ */ B(hs, [["__scopeId", "data-v-d6690484"]]), bs = { class: "joy-stepper" }, ws = /* @__PURE__ */ L({
+}), gs = /* @__PURE__ */ B(hs, [["__scopeId", "data-v-d6690484"]]), bs = { class: "joy-stepper" }, ws = /* @__PURE__ */ I({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -7075,18 +7075,18 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       steps: a,
       invalidSubStepValue: c
     }), (f, p) => (d(), h("div", bs, [
-      (d(!0), h(G, null, Y(a.value, (v, g) => {
+      (d(!0), h(U, null, Y(a.value, (v, g) => {
         var m;
-        return d(), V(gs, W({ ref_for: !0 }, v.props, {
+        return d(), V(gs, H({ ref_for: !0 }, v.props, {
           key: (m = v.props) == null ? void 0 : m.id,
           completed: g < e.step - 1,
           "current-sub-step": u(g),
           "show-label": D(l)
         }), {
-          default: z(() => {
+          default: E(() => {
             var w;
             return [
-              (w = v.children) != null && w.default ? (d(), V(Q(v.children.default), { key: 0 })) : _("", !0)
+              (w = v.children) != null && w.default ? (d(), V(Q(v.children.default), { key: 0 })) : $("", !0)
             ];
           }),
           _: 2
@@ -7094,7 +7094,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       }), 128))
     ]));
   }
-}), Sc = /* @__PURE__ */ B(ws, [["__scopeId", "data-v-98a257ea"]]), ks = ["id", "aria-hidden", "aria-labelledby"], js = /* @__PURE__ */ L({
+}), Sc = /* @__PURE__ */ B(ws, [["__scopeId", "data-v-98a257ea"]]), ks = ["id", "aria-hidden", "aria-labelledby"], js = /* @__PURE__ */ I({
   __name: "VJoyTab",
   props: {
     /**
@@ -7131,7 +7131,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       role: "tabpanel",
       "aria-hidden": o.value ? void 0 : "true",
       "aria-labelledby": `joy-tab-${e.tab}`,
-      class: I({
+      class: T({
         "joy-tab": !0,
         "joy-tab__selected": o.value
       })
@@ -7139,7 +7139,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       k(l.$slots, "default", {}, void 0, !0)
     ], 10, ks));
   }
-}), xc = /* @__PURE__ */ B(js, [["__scopeId", "data-v-de41713d"]]), _s = { class: "joy-tab-button__content" }, $s = /* @__PURE__ */ L({
+}), xc = /* @__PURE__ */ B(js, [["__scopeId", "data-v-de41713d"]]), _s = { class: "joy-tab-button__content" }, $s = /* @__PURE__ */ I({
   __name: "TabButton",
   props: {
     /**
@@ -7189,30 +7189,30 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       href: e.href,
       "aria-selected": e.selected ? "true" : "false",
       role: "tab",
-      class: I({
+      class: T({
         "joy-tab-button": !0,
         "joy-tab-button__selected": e.selected
       }),
       onClick: a,
       onKeydown: c[0] || (c[0] = (s) => r(s))
     }, {
-      default: z(() => [
+      default: E(() => [
         b("div", _s, [
           k(i.$slots, "default", {}, () => [
-            q(J(e.label), 1)
+            N(J(e.label), 1)
           ], !0),
           l.value ? (d(), V(oo, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "pink",
             number: e.notifications
-          }, null, 8, ["number"])) : _("", !0)
+          }, null, 8, ["number"])) : $("", !0)
         ])
       ]),
       _: 3
     }, 40, ["id", "type", "href", "aria-selected", "class"]));
   }
-}), Cs = /* @__PURE__ */ B($s, [["__scopeId", "data-v-330593a3"]]), Ss = { class: "joy-tabs" }, xs = /* @__PURE__ */ L({
+}), Cs = /* @__PURE__ */ B($s, [["__scopeId", "data-v-330593a3"]]), Ss = { class: "joy-tabs" }, xs = /* @__PURE__ */ I({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -7241,7 +7241,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     function g(m, w = !0) {
       m && w && (r.value = m, l("update:selected-tab", m));
     }
-    return K(
+    return G(
       () => o.selectedTab,
       (m) => {
         m && g(m);
@@ -7259,7 +7259,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       b("div", {
         ref_key: "buttonListWrapper",
         ref: i,
-        class: I({
+        class: T({
           "joy-tabs-buttons__wrapper": !0,
           "joy-tabs-buttons__wrapper--scroll-end": s.value,
           "joy-tabs-buttons__wrapper--scroll-start": y.value
@@ -7271,10 +7271,10 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (d(!0), h(G, null, Y(u.value, (j) => (d(), h("div", {
+          (d(!0), h(U, null, Y(u.value, (j) => (d(), h("div", {
             key: j.props.tab
           }, [
-            N(Cs, {
+            R(Cs, {
               tab: j.props.tab,
               label: j.props.label,
               href: j.props.href,
@@ -7282,10 +7282,10 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
               selected: p(j),
               onChangeTab: () => g(j.props.tab, !j.props.href)
             }, {
-              default: z(() => {
-                var $;
+              default: E(() => {
+                var _;
                 return [
-                  ($ = j.children) != null && $.header ? (d(), V(Q(j.children.header), { key: 0 })) : _("", !0)
+                  (_ = j.children) != null && _.header ? (d(), V(Q(j.children.header), { key: 0 })) : $("", !0)
                 ];
               }),
               _: 2
@@ -7298,7 +7298,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
       ])
     ]));
   }
-}), Vc = /* @__PURE__ */ B(xs, [["__scopeId", "data-v-86a8725e"]]), Vs = ["id", "role", "tabindex"], Ts = /* @__PURE__ */ L({
+}), Vc = /* @__PURE__ */ B(xs, [["__scopeId", "data-v-86a8725e"]]), Vs = ["id", "role", "tabindex"], Ts = /* @__PURE__ */ I({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -7334,21 +7334,21 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
     }
     return (y, u) => (d(), h("span", {
       id: i.value,
-      class: I([a.value]),
+      class: T([a.value]),
       role: e.link || e.selectable ? "button" : void 0,
       tabindex: e.link || e.selectable && !e.disabled ? 0 : void 0,
       onClick: s
     }, [
       k(y.$slots, "default", {}, () => [
-        e.draggable ? (d(), V(H, {
+        e.draggable ? (d(), V(q, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
           size: "xxsmall"
-        })) : _("", !0),
-        q(" " + J(e.label), 1)
+        })) : $("", !0),
+        N(" " + J(e.label), 1)
       ], !0),
-      e.removable ? (d(), V(H, {
+      e.removable ? (d(), V(q, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
@@ -7356,7 +7356,7 @@ const ja = ["id", "role", "aria-labelledby", "aria-describedby"], _a = { class:
         role: "button",
         onClick: No(c, ["stop"]),
         onKeydown: vt(c, ["enter"])
-      })) : _("", !0)
+      })) : $("", !0)
     ], 10, Vs));
   }
 }), Io = /* @__PURE__ */ B(Ts, [["__scopeId", "data-v-c51630b3"]]);
@@ -7379,7 +7379,7 @@ function qt(e) {
       return l;
   }) === void 0 : n(e);
 }
-const Is = { class: "joy-tags-input__wrapper" }, Ls = ["id", "name", "placeholder"], Bs = { key: 0 }, As = { key: 1 }, Es = /* @__PURE__ */ L({
+const Is = { class: "joy-tags-input__wrapper" }, Ls = ["id", "name", "placeholder"], Bs = { key: 0 }, As = { key: 1 }, Es = /* @__PURE__ */ I({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -7398,16 +7398,16 @@ const Is = { class: "joy-tags-input__wrapper" }, Ls = ["id", "name", "placeholde
     oe(ye, !0);
     const l = n, a = x(o.modelValue), r = x(!1), i = x(null), c = x(o.invalid), s = x(null), y = C(() => o.validation === "email"), u = C(() => y.value && s.value === "INVALID_EMAIL" && !!o.invalidEmailError), f = C(() => s.value === "DUPLICATED_ENTRY" && !!o.duplicationError), p = C(() => c.value && (u.value || f.value));
     function v() {
-      var M;
-      const A = a.value.map((P) => P.trim());
-      return new Set(A).size !== A.length ? !0 : (M = i.value) != null && M.value ? A.includes(i.value.value.trim()) : !1;
+      var P;
+      const A = a.value.map((F) => F.trim());
+      return new Set(A).size !== A.length ? !0 : (P = i.value) != null && P.value ? A.includes(i.value.value.trim()) : !1;
     }
     function g() {
-      var M, P;
+      var P, F;
       let A = !1;
       if (y.value) {
-        let R = a.value;
-        (M = i.value) != null && M.value && (R = [...R, (P = i.value) == null ? void 0 : P.value]), A = !qt(R);
+        let M = a.value;
+        (P = i.value) != null && P.value && (M = [...M, (F = i.value) == null ? void 0 : F.value]), A = !qt(M);
       }
       const S = v();
       c.value = A || S, S ? s.value = Re.DUPLICATED_ENTRY : A ? s.value = Re.INVALID_EMAIL : s.value = null;
@@ -7429,20 +7429,20 @@ const Is = { class: "joy-tags-input__wrapper" }, Ls = ["id", "name", "placeholde
       m();
     }
     function j(A) {
-      var M;
-      (y.value ? ["Enter", ",", " "] : ["Enter", ","]).includes(A.key) && w(A), A.key === "Backspace" && ((M = i.value) == null ? void 0 : M.value) === "" && (a.value.pop(), l("update:modelValue", a.value), y.value && g());
+      var P;
+      (y.value ? ["Enter", ",", " "] : ["Enter", ","]).includes(A.key) && w(A), A.key === "Backspace" && ((P = i.value) == null ? void 0 : P.value) === "" && (a.value.pop(), l("update:modelValue", a.value), y.value && g());
     }
-    function $() {
+    function _() {
       r.value = !0;
     }
-    function T() {
+    function L() {
       r.value = !1, w();
     }
-    function F(A) {
+    function O(A) {
       var S;
-      a.value = a.value.filter((M) => M !== A.value), l("update:modelValue", a.value), (S = i.value) == null || S.focus(), g();
+      a.value = a.value.filter((P) => P !== A.value), l("update:modelValue", a.value), (S = i.value) == null || S.focus(), g();
     }
-    return K(
+    return G(
       () => o.modelValue,
       () => {
         y.value && g();
@@ -7457,13 +7457,13 @@ const Is = { class: "joy-tags-input__wrapper" }, Ls = ["id", "name", "placeholde
         id: e.name,
         class: "joy-tags-input__label"
       }, {
-        default: z(() => [
+        default: E(() => [
           k(A.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["id"])) : _("", !0),
+      }, 8, ["id"])) : $("", !0),
       b("div", {
-        class: I([
+        class: T([
           "joy-tags-input__inner",
           {
             "joy-tags-input__inner--focused": r.value,
@@ -7471,17 +7471,17 @@ const Is = { class: "joy-tags-input__wrapper" }, Ls = ["id", "name", "placeholde
           }
         ])
       }, [
-        (d(!0), h(G, null, Y(a.value, (M) => (d(), V(Io, {
-          key: M,
+        (d(!0), h(U, null, Y(a.value, (P) => (d(), V(Io, {
+          key: P,
           variant: e.variant,
           removable: !0,
           size: e.size,
-          label: M,
-          value: M,
-          onRemove: F
+          label: P,
+          value: P,
+          onRemove: O
         }, {
-          default: z(() => [
-            k(A.$slots, "tag", W({ ref_for: !0 }, { name: M }), void 0, !0)
+          default: E(() => [
+            k(A.$slots, "tag", H({ ref_for: !0 }, { name: P }), void 0, !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
@@ -7494,25 +7494,25 @@ const Is = { class: "joy-tags-input__wrapper" }, Ls = ["id", "name", "placeholde
           name: e.name,
           placeholder: e.placeholder,
           onKeydown: j,
-          onFocus: $,
-          onBlur: T
+          onFocus: _,
+          onBlur: L
         }, null, 40, Ls)
       ], 2),
       p.value ? (d(), V(Vt, {
         key: 1,
         class: "joy-tags-input__error"
       }, {
-        default: z(() => [
+        default: E(() => [
           b("ul", null, [
-            f.value ? (d(), h("li", Bs, J(e.duplicationError), 1)) : _("", !0),
-            u.value ? (d(), h("li", As, J(e.invalidEmailError), 1)) : _("", !0)
+            f.value ? (d(), h("li", Bs, J(e.duplicationError), 1)) : $("", !0),
+            u.value ? (d(), h("li", As, J(e.invalidEmailError), 1)) : $("", !0)
           ])
         ]),
         _: 1
-      })) : _("", !0)
+      })) : $("", !0)
     ]));
   }
-}), Tc = /* @__PURE__ */ B(Es, [["__scopeId", "data-v-a5e54d00"]]), zs = /* @__PURE__ */ L({
+}), Tc = /* @__PURE__ */ B(Es, [["__scopeId", "data-v-a5e54d00"]]), zs = /* @__PURE__ */ I({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -7566,9 +7566,9 @@ const Is = { class: "joy-tags-input__wrapper" }, Ls = ["id", "name", "placeholde
       n("removeTag", s.value);
     }
     return (s, y) => (d(), h("div", {
-      class: I(["joy-tags-list", `joy-tags-list--${e.align}`])
+      class: T(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (d(!0), h(G, null, Y(e.tags, (u) => (d(), V(Io, W({
+      (d(!0), h(U, null, Y(e.tags, (u) => (d(), V(Io, H({
         key: u.value || u.label
       }, { ref_for: !0 }, u, {
         selectable: a(u),
@@ -7578,8 +7578,8 @@ const Is = { class: "joy-tags-input__wrapper" }, Ls = ["id", "name", "placeholde
         onRemove: c,
         onSelected: (f) => i(f, u)
       }), {
-        default: z(() => [
-          k(s.$slots, "tag", W({ ref_for: !0 }, {
+        default: E(() => [
+          k(s.$slots, "tag", H({ ref_for: !0 }, {
             ...u,
             selectable: a(u),
             selected: l(u),
@@ -7591,7 +7591,7 @@ const Is = { class: "joy-tags-input__wrapper" }, Ls = ["id", "name", "placeholde
     ], 2));
   }
 }), Ic = /* @__PURE__ */ B(zs, [["__scopeId", "data-v-ed4893a6"]]), Js = {}, Ms = {
-  class: /* @__PURE__ */ I(["joy-template-shape__shapes"])
+  class: /* @__PURE__ */ T(["joy-template-shape__shapes"])
 };
 function Ps(e, t) {
   return d(), h("div", Ms, [...t[0] || (t[0] = [
@@ -7619,7 +7619,7 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
 }, Gs = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, Ks = /* @__PURE__ */ L({
+}, Ks = /* @__PURE__ */ I({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -7642,28 +7642,28 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
   setup(e) {
     const t = e, n = Z(), o = C(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
     return (l, a) => (d(), h("div", {
-      class: I(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
+      class: T(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (d(), V(Fs, { key: 0 })) : _("", !0),
+      e.shapes ? (d(), V(Fs, { key: 0 })) : $("", !0),
       b("div", Os, [
         o.value ? (d(), h("div", Ds, [
           n["template-back"] ? (d(), h("div", Rs, [
             k(l.$slots, "template-back", {}, void 0, !0)
-          ])) : _("", !0),
+          ])) : $("", !0),
           b("div", Ns, [
             n["template-title"] ? (d(), h("div", qs, [
               k(l.$slots, "template-title", {}, void 0, !0)
-            ])) : _("", !0),
+            ])) : $("", !0),
             n["template-subtitle"] ? (d(), h("div", Hs, [
               k(l.$slots, "template-subtitle", {}, void 0, !0)
-            ])) : _("", !0)
+            ])) : $("", !0)
           ]),
           n["template-actions"] ? (d(), h("div", Ws, [
             k(l.$slots, "template-actions", {}, void 0, !0)
-          ])) : _("", !0)
-        ])) : _("", !0),
+          ])) : $("", !0)
+        ])) : $("", !0),
         b("div", {
-          class: I([
+          class: T([
             "joy-template__content",
             {
               "joy-template__content--reverse": t.sidebar === "left"
@@ -7672,10 +7672,10 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
         }, [
           l.$slots["template-main"] ? (d(), h("div", Us, [
             k(l.$slots, "template-main", {}, void 0, !0)
-          ])) : _("", !0),
+          ])) : $("", !0),
           l.$slots["template-sidebar"] ? (d(), h("div", Gs, [
             k(l.$slots, "template-sidebar", {}, void 0, !0)
-          ])) : _("", !0)
+          ])) : $("", !0)
         ], 2)
       ]),
       e.loading ? (d(), V(Vo, {
@@ -7683,14 +7683,14 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
         overlay: "",
         color: e.loadingColor
       }, {
-        content: z(() => [
+        content: E(() => [
           k(l.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["color"])) : _("", !0)
+      }, 8, ["color"])) : $("", !0)
     ], 2));
   }
-}), Lc = /* @__PURE__ */ B(Ks, [["__scopeId", "data-v-ff6f4f85"]]), Ys = /* @__PURE__ */ L({
+}), Lc = /* @__PURE__ */ B(Ks, [["__scopeId", "data-v-ff6f4f85"]]), Ys = /* @__PURE__ */ I({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -7706,9 +7706,9 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
   },
   setup(e) {
     return (t, n) => (d(), V(Q(e.tagName), {
-      class: I(`joy-text joy-font-${e.preset}`)
+      class: T(`joy-text joy-font-${e.preset}`)
     }, {
-      default: z(() => [
+      default: E(() => [
         k(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
@@ -7719,7 +7719,7 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
   class: "joy-textarea_helpers"
 }, tu = {
   inheritAttrs: !1
-}, ou = /* @__PURE__ */ L({
+}, ou = /* @__PURE__ */ I({
   ...tu,
   __name: "VJoyTextarea",
   props: {
@@ -7804,7 +7804,7 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
        * */
       triggerResize: i
     };
-    return K(
+    return G(
       () => l.modelValue,
       () => {
         g.triggerResize();
@@ -7818,7 +7818,7 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
       eventHandlers: g
     }), (m, w) => (d(), h("div", {
       "aria-disabled": e.disabled,
-      class: I([
+      class: T([
         "joy-textarea",
         {
           "joy-textarea_invalid": c.value || e.invalid,
@@ -7835,15 +7835,15 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: z(() => [
+        default: E(() => [
           k(m.$slots, "default", {}, () => [
-            q(J(e.label), 1)
+            N(J(e.label), 1)
           ], !0)
         ]),
         _: 3
-      }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
+      }, 8, ["for", "required", "optional-label", "size"])) : $("", !0),
       b("div", Xs, [
-        b("textarea", W(m.$attrs, {
+        b("textarea", H(m.$attrs, {
           id: v.value,
           ref_key: "textarea",
           ref: r,
@@ -7867,31 +7867,31 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
       e.minlength || e.maxlength ? (d(), h("div", eu, [
         e.minlength ? (d(), h("p", {
           key: 0,
-          class: I(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
+          class: T(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          u.value ? _("", !0) : (d(), V(H, {
+          u.value ? $("", !0) : (d(), V(q, {
             key: 0,
             name: "check",
             color: "neutral",
             size: "xxsmall"
           })),
-          q(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
-        ], 2)) : _("", !0),
+          N(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+        ], 2)) : $("", !0),
         e.maxlength ? (d(), h("p", {
           key: 1,
-          class: I(["joy-textarea-count", { "joy-textarea-count-invalid": y.value }])
-        }, J(e.modelValue.length + "/" + e.maxlength), 3)) : _("", !0)
-      ])) : _("", !0)
+          class: T(["joy-textarea-count", { "joy-textarea-count-invalid": y.value }])
+        }, J(e.modelValue.length + "/" + e.maxlength), 3)) : $("", !0)
+      ])) : $("", !0)
     ], 10, Zs));
   }
-}), Ac = /* @__PURE__ */ B(ou, [["__scopeId", "data-v-4d46e50a"]]), nu = /* @__PURE__ */ L({
+}), Ac = /* @__PURE__ */ B(ou, [["__scopeId", "data-v-4d46e50a"]]), nu = /* @__PURE__ */ I({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
   },
   setup(e) {
     return (t, n) => (d(), V(Q(e.tag), { class: "joy-title-brand" }, {
-      default: z(() => [
+      default: E(() => [
         k(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
@@ -7900,7 +7900,7 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
 }), Ec = /* @__PURE__ */ B(nu, [["__scopeId", "data-v-31d7578b"]]), lu = { class: "joy-toggle__wrapper" }, au = ["name", "disabled", "checked", "required", "aria-checked", "value"], ru = { class: "joy-toggle__symbol" }, iu = { class: "joy-toggle__symbol-bubble" }, su = {
   key: 0,
   class: "joy-toggle__symbol-smile"
-}, uu = { class: "joy-toggle__content-label" }, cu = /* @__PURE__ */ L({
+}, uu = { class: "joy-toggle__content-label" }, cu = /* @__PURE__ */ I({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7961,7 +7961,7 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
     };
     return (a, r) => (d(), h("div", lu, [
       b("label", {
-        class: I([
+        class: T([
           "joy-toggle",
           "joy-toggle__" + e.variant,
           {
@@ -7991,7 +7991,7 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
           (...i) => l.onBlur && l.onBlur(...i))
         }, null, 40, au),
         b("p", {
-          class: I(["joy-toggle__content", { "joy-toggle__content--label-left": e.labelPosition === "left" }])
+          class: T(["joy-toggle__content", { "joy-toggle__content--label-left": e.labelPosition === "left" }])
         }, [
           b("span", ru, [
             b("span", iu, [
@@ -8008,7 +8008,7 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
                     fill: "currentColor"
                   })
                 ], -1)
-              ])])) : (d(), V(H, {
+              ])])) : (d(), V(q, {
                 key: 1,
                 name: "eye",
                 class: "joy-toggle__icon"
@@ -8017,14 +8017,14 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
           ]),
           b("span", uu, [
             k(a.$slots, "default", {}, () => [
-              q(J(e.label), 1)
+              N(J(e.label), 1)
             ], !0)
           ])
         ], 2)
       ], 2)
     ]));
   }
-}), zc = /* @__PURE__ */ B(cu, [["__scopeId", "data-v-a309b50e"]]), du = { class: "joy-user-card__picture" }, fu = { class: "joy-user-card__informations" }, yu = { class: "joy-user-card__title" }, mu = { class: "joy-user-card__subtitle joy-font-primary-450" }, pu = /* @__PURE__ */ L({
+}), zc = /* @__PURE__ */ B(cu, [["__scopeId", "data-v-a309b50e"]]), du = { class: "joy-user-card__picture" }, fu = { class: "joy-user-card__informations" }, yu = { class: "joy-user-card__title" }, mu = { class: "joy-user-card__subtitle joy-font-primary-450" }, pu = /* @__PURE__ */ I({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -8047,15 +8047,15 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
     }
   },
   setup(e) {
-    return (t, n) => (d(), V(Q(e.link ? "a" : "div"), W({
+    return (t, n) => (d(), V(Q(e.link ? "a" : "div"), H({
       class: "joy-user-card",
       href: e.link,
       title: e.fullName
     }, t.$attrs), {
-      default: z(() => [
+      default: E(() => [
         b("div", du, [
           k(t.$slots, "user-card-avatar", {}, () => [
-            N(hn, {
+            R(hn, {
               "photo-url": e.photoUrl,
               "full-name": e.fullName
             }, null, 8, ["photo-url", "full-name"])
@@ -8064,12 +8064,12 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
         b("div", fu, [
           b("p", yu, [
             k(t.$slots, "user-card-title", {}, () => [
-              q(J(e.fullName), 1)
+              N(J(e.fullName), 1)
             ], !0)
           ]),
           b("p", mu, [
             k(t.$slots, "user-card-subtitle", {}, () => [
-              q(J(e.subTitle), 1)
+              N(J(e.subTitle), 1)
             ], !0)
           ]),
           k(t.$slots, "user-card-rating-stars", {}, void 0, !0),
@@ -8087,7 +8087,7 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
 }, gu = {
   key: 1,
   class: "joy-walkthrough-trigger__subtitle joy-pl-3"
-}, bu = /* @__PURE__ */ L({
+}, bu = /* @__PURE__ */ I({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -8099,22 +8099,22 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
     const n = x(e.open);
     return (o, l) => {
       const a = pt("joy-ripple");
-      return Qe((d(), h("button", W(o.$attrs, {
+      return Qe((d(), h("button", H(o.$attrs, {
         type: "button",
         class: "joy-walkthrough-trigger joy-bgcolor-neutral-60 joy-core-radius-5",
         onClick: l[0] || (l[0] = (r) => n.value = !n.value)
       }), [
-        e.icon ? (d(), V(H, {
+        e.icon ? (d(), V(q, {
           key: 0,
           color: "white",
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: e.icon
-        }, null, 8, ["name"])) : _("", !0),
+        }, null, 8, ["name"])) : $("", !0),
         b("div", vu, [
-          e.title ? (d(), h("span", hu, J(e.title), 1)) : _("", !0),
-          e.subtitle ? (d(), h("span", gu, J(e.subtitle), 1)) : _("", !0)
+          e.title ? (d(), h("span", hu, J(e.title), 1)) : $("", !0),
+          e.subtitle ? (d(), h("span", gu, J(e.subtitle), 1)) : $("", !0)
         ]),
-        N(H, {
+        R(q, {
           class: "joy-ml-3",
           color: "white",
           name: n.value ? "chevron-down" : "chevron-up"
@@ -8133,7 +8133,7 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
 }, xu = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Vu = /* @__PURE__ */ L({
+}, Vu = /* @__PURE__ */ I({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -8163,7 +8163,7 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
         r.value = !1, i.value = !1;
       }, 200);
     }
-    return K(
+    return G(
       () => o.open,
       (f) => {
         r.value = f;
@@ -8175,31 +8175,31 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
       disabled: e.disableTeleport
     }, [
       b("div", {
-        class: I(["joy-walkthrough joy-core-radius-4", { "joy-walkthrough--collapsed": !r.value }])
+        class: T(["joy-walkthrough joy-core-radius-4", { "joy-walkthrough--collapsed": !r.value }])
       }, [
-        r.value ? (d(), h("div", W({ key: 0 }, f.$attrs, {
+        r.value ? (d(), h("div", H({ key: 0 }, f.$attrs, {
           class: ["joy-walkthrough-modal joy-core-elevation-4", { "joy-walkthrough-modal--hiding": i.value }]
         }), [
-          N(ue, {
+          R(ue, {
             "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",
             onClick: s
           }, {
-            default: z(() => [
-              e.triggerIcon ? (d(), V(H, {
+            default: E(() => [
+              e.triggerIcon ? (d(), V(q, {
                 key: 0,
                 color: "white",
                 name: e.triggerIcon
-              }, null, 8, ["name"])) : _("", !0),
-              N(ue, {
+              }, null, 8, ["name"])) : $("", !0),
+              R(ue, {
                 justify: "space-between",
                 class: "joy-walkthrough-modal__title",
                 "no-margin": ""
               }, {
-                default: z(() => [
-                  q(J(e.triggerTitle) + " ", 1),
-                  N(H, {
+                default: E(() => [
+                  N(J(e.triggerTitle) + " ", 1),
+                  R(q, {
                     color: "white",
                     name: r.value ? "chevron-down" : "chevron-up"
                   }, null, 8, ["name"])
@@ -8210,13 +8210,13 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
             _: 1
           }),
           b("div", {
-            class: I(["joy-walkthrough-modal__content joy-p-6", { "joy-walkthrough-modal__content--with-footer": e.footer }])
+            class: T(["joy-walkthrough-modal__content joy-p-6", { "joy-walkthrough-modal__content--with-footer": e.footer }])
           }, [
-            N(ue, {
+            R(ue, {
               "no-margin": "",
               wrap: "nowrap"
             }, {
-              default: z(() => [
+              default: E(() => [
                 b("div", ku, [
                   k(f.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
@@ -8233,10 +8233,10 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
             }),
             f.$slots["walkthrough-progress"] ? (d(), h("div", Cu, [
               k(f.$slots, "walkthrough-progress", {}, void 0, !0)
-            ])) : _("", !0),
+            ])) : $("", !0),
             f.$slots["walkthrough-content"] ? (d(), h("div", Su, [
               k(f.$slots, "walkthrough-content", {}, void 0, !0)
-            ])) : _("", !0)
+            ])) : $("", !0)
           ], 2),
           e.footer ? (d(), h("div", {
             key: 0,
@@ -8244,9 +8244,9 @@ const Fs = /* @__PURE__ */ B(Js, [["render", Ps], ["__scopeId", "data-v-bedcd919
             onClick: y
           }, [
             b("button", xu, J(e.footer), 1)
-          ])) : _("", !0)
-        ], 16)) : _("", !0),
-        r.value ? _("", !0) : (d(), V(wu, W({ key: 1 }, e.triggerAttrs, {
+          ])) : $("", !0)
+        ], 16)) : $("", !0),
+        r.value ? $("", !0) : (d(), V(wu, H({ key: 1 }, e.triggerAttrs, {
           title: e.triggerTitle,
           subtitle: e.triggerSubtitle,
           icon: e.triggerIcon,
@@ -8298,7 +8298,7 @@ export {
   nc as VJoyFunnelFooter,
   lc as VJoyFunnelHeader,
   ac as VJoyHighlight,
-  H as VJoyIcon,
+  q as VJoyIcon,
   Ie as VJoyIconButton,
   Or as VJoyIndicator,
   rc as VJoyIndicators,