@maltjoy/core-vue 3.37.1 → 3.37.2

package/dist/{style-CyY04g9F.js → style-CJVozweN.js}

@@ -1,4 +1,4 @@
-import { defineComponent as A, computed as I, openBlock as d, createElementBlock as b, normalizeClass as E, createElementVNode as h, Fragment as Q, createTextVNode as W, toDisplayString as D, createCommentVNode as j, createBlock as L, resolveDynamicComponent as re, mergeProps as X, withCtx as O, renderSlot as k, unref as G, renderList as te, inject as Ee, normalizeStyle as se, ref as $, onMounted as ie, useAttrs as Le, resolveDirective as un, withDirectives as xt, getCurrentScope as Tt, onScopeDispose as Vt, toRef as Kn, readonly as Gn, customRef as Yn, shallowRef as cn, watch as ne, nextTick as Ke, getCurrentInstance as Zn, h as Xn, Teleport as Re, createVNode as H, useSlots as oe, withKeys as Ye, onBeforeUnmount as Me, provide as dt, Transition as It, createSlots as Et, normalizeProps as Qn, guardReactiveProps as eo, mergeModels as to, useModel as no, createStaticVNode as dn, onBeforeMount as oo, shallowReadonly as Be, onUnmounted as fn, vShow as ao, render as Jt, withModifiers as lo, createApp as ro } from "vue";
+import { defineComponent as A, computed as V, openBlock as d, createElementBlock as b, normalizeClass as E, createElementVNode as h, Fragment as Q, createTextVNode as W, toDisplayString as D, createCommentVNode as j, createBlock as L, resolveDynamicComponent as re, mergeProps as X, withCtx as O, renderSlot as k, unref as Y, renderList as te, inject as Ee, normalizeStyle as se, ref as $, onMounted as ie, useAttrs as Le, resolveDirective as un, withDirectives as xt, getCurrentScope as Tt, onScopeDispose as Vt, toRef as Kn, readonly as Gn, customRef as Yn, shallowRef as cn, watch as ne, nextTick as Ke, getCurrentInstance as Zn, h as Xn, Teleport as Re, createVNode as H, useSlots as oe, withKeys as Ye, onBeforeUnmount as Me, provide as dt, Transition as It, createSlots as Et, normalizeProps as Qn, guardReactiveProps as eo, mergeModels as to, useModel as no, createStaticVNode as dn, onBeforeMount as oo, shallowReadonly as Be, onUnmounted as fn, vShow as ao, render as Jt, withModifiers as lo, createApp as ro } from "vue";
 function qt(e) {
   const t = e.target;
   if (!t)
@@ -34,7 +34,7 @@ const io = {
     isPartial: Boolean
   },
   setup(e) {
-    const t = e, n = I(() => ({
+    const t = e, n = V(() => ({
       "joy-availability__dot": !0,
       "joy-availability--partial": t.isPartial,
       [t.status]: !0
@@ -56,7 +56,7 @@ const io = {
   for (const [o, a] of t)
     n[o] = a;
   return n;
-}, Wu = /* @__PURE__ */ F(uo, [["__scopeId", "data-v-3452c6e7"]]), co = ["role", "tabindex", "aria-label", "title"], Y = /* @__PURE__ */ A({
+}, Hu = /* @__PURE__ */ F(uo, [["__scopeId", "data-v-3452c6e7"]]), co = ["role", "tabindex", "aria-label", "title"], G = /* @__PURE__ */ A({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -87,7 +87,7 @@ const io = {
     }
   },
   setup(e) {
-    const t = e, n = I(() => {
+    const t = e, n = V(() => {
       if (t.role === "button")
         return t.tabIndex;
     });
@@ -146,16 +146,16 @@ const io = {
   },
   emits: ["click"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, a = e, r = I(() => a.size === "large" ? "medium" : a.size === "medium" ? "small" : a.size === "small" ? "xsmall" : "small"), l = I(() => a.link ? {
+    const o = n, a = e, r = V(() => a.size === "large" ? "medium" : a.size === "medium" ? "small" : a.size === "small" ? "xsmall" : "small"), l = V(() => a.link ? {
       type: "button"
-    } : null), s = I(() => ({
+    } : null), s = V(() => ({
       "joy-avatar": !0,
       "joy-avatar__link": a.link,
       "joy-avatar__placeholder": i.value,
       [`joy-avatar__${a.size}`]: !0,
       [`joy-avatar__${a.color}`]: !0,
       "joy-avatar--empty": a.isEmpty
-    })), i = I(() => !a.fullName && !a.photoUrl && !a.totalNumber && !a.isEmpty), u = I(() => {
+    })), i = V(() => !a.fullName && !a.photoUrl && !a.totalNumber && !a.isEmpty), u = V(() => {
       function f(p) {
         return p.replace(/[';,:()]/g, "").charAt(0);
       }
@@ -179,7 +179,7 @@ const io = {
         onClick: c
       }), {
         default: O(() => [
-          i.value ? (d(), L(Y, {
+          i.value ? (d(), L(G, {
             key: 0,
             name: "user-photo",
             color: "white",
@@ -234,7 +234,7 @@ const io = {
       k(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Uu = /* @__PURE__ */ F(ho, [["__scopeId", "data-v-c985cccf"]]), go = { key: 0 }, bo = /* @__PURE__ */ A({
+}), Wu = /* @__PURE__ */ F(ho, [["__scopeId", "data-v-c985cccf"]]), go = { key: 0 }, bo = /* @__PURE__ */ A({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -344,7 +344,7 @@ const jo = { class: "joy-badge-level" }, So = {
     }
   },
   setup(e) {
-    const t = e, n = I(() => {
+    const t = e, n = V(() => {
       switch (t.type) {
         case nt.HIGH_POTENTIAL:
         case le.HIGH_POTENTIAL:
@@ -364,7 +364,7 @@ const jo = { class: "joy-badge-level" }, So = {
       }
     });
     return (o, a) => (d(), b("span", jo, [
-      e.type === G(le).SUPER_MALTER ? (d(!0), b(Q, { key: 0 }, te(e.superMalterLevel, (r, l) => (d(), b("svg", {
+      e.type === Y(le).SUPER_MALTER ? (d(!0), b(Q, { key: 0 }, te(e.superMalterLevel, (r, l) => (d(), b("svg", {
         key: l,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
@@ -384,13 +384,13 @@ const jo = { class: "joy-badge-level" }, So = {
           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)) : j("", !0),
-      e.type === G(le).HIGH_POTENTIAL ? (d(), b("svg", So, a[1] || (a[1] = [
+      e.type === Y(le).HIGH_POTENTIAL ? (d(), b("svg", So, a[1] || (a[1] = [
         h("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
         }, null, -1)
       ]))) : j("", !0),
-      e.type === G(le).HIGH_POTENTIAL_AUTO ? (d(), b("svg", _o, a[2] || (a[2] = [
+      e.type === Y(le).HIGH_POTENTIAL_AUTO ? (d(), b("svg", _o, a[2] || (a[2] = [
         h("path", {
           fill: "#EF4E16",
           d: "M60 23.913s-8.76-2.903-14.05 1.058C44.256 17.449 45.203 8.674 34.688 2c-.712 9.413-12.856 9.891-15.691 22.005-1.86-3.319-2.227-7.716-9.28-9.871C11.615 25.513.415 31.3 5.199 47.68c2.699 9.246 12.72 13.651 21.047 14.217 16.527 1.123 31.896-6.848 32.258-24.148.155-7.437-2.975-8.343 1.496-13.836z"
@@ -408,7 +408,7 @@ const jo = { class: "joy-badge-level" }, So = {
           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)
       ]))) : j("", !0),
-      e.type === G(le).MALT_LINKER ? (d(), b("svg", $o, a[3] || (a[3] = [
+      e.type === Y(le).MALT_LINKER ? (d(), b("svg", $o, a[3] || (a[3] = [
         h("path", {
           d: "M5.77736 10.4456C4.45736 10.4406 3.21936 9.91961 2.29036 8.98161C1.62236 8.30661 1.17136 7.47461 0.97336 6.56861C0.97336 6.56861 0.97336 6.56861 0.97336 6.56761C0.96536 6.53061 0.95736 6.49361 0.94936 6.45561C0.94936 6.45061 0.94836 6.44561 0.94736 6.44061C0.94136 6.40761 0.93536 6.37461 0.92936 6.34061C0.92736 6.33161 0.92636 6.32261 0.92436 6.31261C0.91936 6.28361 0.91536 6.25461 0.91036 6.22461C0.90836 6.21161 0.90736 6.19861 0.90536 6.18561C0.90136 6.15961 0.89836 6.13361 0.89536 6.10761C0.89336 6.09161 0.89136 6.07561 0.88936 6.05961C0.88636 6.03561 0.88436 6.01261 0.88236 5.98861C0.88036 5.97061 0.87836 5.95161 0.87736 5.93361C0.87536 5.91161 0.87336 5.89061 0.87136 5.86861C0.87036 5.84861 0.86836 5.82861 0.86736 5.80761C0.86636 5.78761 0.86536 5.76661 0.86436 5.74661C0.86336 5.72661 0.86236 5.70561 0.86136 5.68461C0.86036 5.66461 0.86036 5.64461 0.85936 5.62461C0.85936 5.60361 0.85936 5.58161 0.85836 5.56061C0.85836 5.54061 0.85836 5.51961 0.85836 5.49961C0.85836 5.47961 0.85836 5.45861 0.85836 5.43861C0.85836 5.41761 0.85936 5.39661 0.85936 5.37561C0.85936 5.35561 0.86036 5.33561 0.86136 5.31561C0.86236 5.29461 0.86336 5.27361 0.86436 5.25261C0.86536 5.23261 0.86636 5.21161 0.86736 5.19161C0.86836 5.17161 0.86936 5.15161 0.87136 5.13061C0.87336 5.10961 0.87436 5.08761 0.87636 5.06661C0.87836 5.04761 0.88036 5.02961 0.88236 5.01061C0.88436 4.98661 0.88736 4.96361 0.88936 4.94061C0.89136 4.92461 0.89336 4.90861 0.89536 4.89261C0.89836 4.86661 0.90236 4.84061 0.90536 4.81461C0.90736 4.80061 0.90836 4.78761 0.91036 4.77461C0.91436 4.74561 0.91936 4.71561 0.92436 4.68661C0.92636 4.67761 0.92736 4.66761 0.92936 4.65861C0.93536 4.62561 0.94136 4.59161 0.94736 4.55861C0.94836 4.55361 0.94936 4.54861 0.95036 4.54361C0.95736 4.50561 0.96536 4.46861 0.97336 4.43061C0.97336 4.43061 0.97336 4.43061 0.97336 4.42961C1.17136 3.52561 1.62236 2.69261 2.29036 2.01761C3.21936 1.07961 4.45836 0.559612 5.77736 0.554612L6.18236 0.552612L6.52236 0.553612L11.5024 5.49961L6.52236 10.4456L6.18236 10.4476L5.77736 10.4456Z",
           fill: "#E3F8FB"
@@ -418,7 +418,7 @@ const jo = { class: "joy-badge-level" }, So = {
           fill: "#FF91F0"
         }, null, -1)
       ]))) : j("", !0),
-      e.type === G(nt).HIGH_POTENTIAL ? (d(), b("svg", Co, a[4] || (a[4] = [
+      e.type === Y(nt).HIGH_POTENTIAL ? (d(), b("svg", Co, a[4] || (a[4] = [
         h("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
@@ -428,9 +428,9 @@ const jo = { class: "joy-badge-level" }, So = {
         class: E([
           {
             "joy-badge-level__tag": e.visibleText,
-            red: e.type === G(le).NEW || e.type === G(le).MALT_LINKER || e.type === G(le).HIGH_POTENTIAL_AUTO,
-            blue: e.type === G(nt).HIGH_POTENTIAL || e.type === G(le).HIGH_POTENTIAL || e.type === G(le).SUPER_MALTER,
-            turquoise: e.type === G(le).VERIFIED
+            red: e.type === Y(le).NEW || e.type === Y(le).MALT_LINKER || e.type === Y(le).HIGH_POTENTIAL_AUTO,
+            blue: e.type === Y(nt).HIGH_POTENTIAL || e.type === Y(le).HIGH_POTENTIAL || e.type === Y(le).SUPER_MALTER,
+            turquoise: e.type === Y(le).VERIFIED
           }
         ])
       }, [
@@ -440,7 +440,7 @@ const jo = { class: "joy-badge-level" }, So = {
       ], 2)
     ]));
   }
-}), Ku = /* @__PURE__ */ F(xo, [["__scopeId", "data-v-08a5e2c8"]]), To = /* @__PURE__ */ A({
+}), Uu = /* @__PURE__ */ F(xo, [["__scopeId", "data-v-08a5e2c8"]]), To = /* @__PURE__ */ A({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -458,7 +458,7 @@ const jo = { class: "joy-badge-level" }, So = {
     }
   },
   setup(e) {
-    const t = e, n = Ee("VJoyWrapperContext", {}), o = I(() => {
+    const t = e, n = Ee("VJoyWrapperContext", {}), o = V(() => {
       if (Object.keys(n).length === 0)
         return;
       let a = "1 0";
@@ -477,7 +477,7 @@ const jo = { class: "joy-badge-level" }, So = {
       })
     }, null, 6));
   }
-}), Gu = /* @__PURE__ */ F(To, [["__scopeId", "data-v-4da2c7cb"]]);
+}), Ku = /* @__PURE__ */ F(To, [["__scopeId", "data-v-4da2c7cb"]]);
 function yn(e) {
   let t;
   switch (e) {
@@ -569,10 +569,15 @@ const Lo = ["id"], Ao = /* @__PURE__ */ A({
     size: {
       type: String,
       default: "medium"
+    },
+    /** This property can't be used with href attribute. Hyperlinks do not accept disabled attribute. */
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = Le(), { randomId: a } = Eo(), r = I(() => {
+    const n = e, o = Le(), { randomId: a } = Eo(), r = V(() => {
       switch (n.size) {
         case "xxsmall":
           return "xxsmall";
@@ -583,12 +588,12 @@ const Lo = ["id"], Ao = /* @__PURE__ */ A({
         default:
           return "small";
       }
-    }), l = I(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
-    return t({ randomId: a }), (s, i) => {
-      const u = un("joy-ripple");
-      return xt((d(), L(re(G(o).href ? "a" : "button"), {
-        disabled: e.loading || G(o).disabled,
-        type: G(o).type || "button",
+    }), l = V(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white"), s = V(() => o.href ? "a" : "button"), i = V(() => o.href ? null : o.type || "button"), u = V(() => i.value === "button" ? n.disabled : null);
+    return t({ randomId: a }), (c, f) => {
+      const y = un("joy-ripple");
+      return xt((d(), L(re(s.value), {
+        disabled: u.value,
+        type: i.value,
         class: E([
           "joy-button",
           `joy-button_${e.variant}`,
@@ -598,10 +603,10 @@ const Lo = ["id"], Ao = /* @__PURE__ */ A({
             "joy-button_loading": e.loading
           }
         ]),
-        "aria-labelledby": (s.$slots.default || e.label) && G(a)
+        "aria-labelledby": (c.$slots.default || e.label) && Y(a)
       }, {
         default: O(() => [
-          e.icon && e.iconPosition === "left" ? (d(), L(Y, {
+          e.icon && e.iconPosition === "left" ? (d(), L(G, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
@@ -613,14 +618,14 @@ const Lo = ["id"], Ao = /* @__PURE__ */ A({
             color: l.value
           }, null, 8, ["color"])) : j("", !0),
           h("span", {
-            id: G(a),
+            id: Y(a),
             class: "joy-button--slot"
           }, [
-            k(s.$slots, "default", {}, () => [
+            k(c.$slots, "default", {}, () => [
               W(D(e.label), 1)
             ], !0)
           ], 8, Lo),
-          e.icon && e.iconPosition === "right" ? (d(), L(Y, {
+          e.icon && e.iconPosition === "right" ? (d(), L(G, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
@@ -630,16 +635,16 @@ const Lo = ["id"], Ao = /* @__PURE__ */ A({
         ]),
         _: 3
       }, 8, ["disabled", "type", "class", "aria-labelledby"])), [
-        [u]
+        [y]
       ]);
     };
   }
-}), ue = /* @__PURE__ */ F(Ao, [["__scopeId", "data-v-980be68f"]]);
+}), ue = /* @__PURE__ */ F(Ao, [["__scopeId", "data-v-cb4d1f87"]]);
 function ft(e) {
   return Tt() ? (Vt(e), !0) : !1;
 }
 function ge(e) {
-  return typeof e == "function" ? e() : G(e);
+  return typeof e == "function" ? e() : Y(e);
 }
 const yt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -731,7 +736,7 @@ function Oo() {
 }
 function Do(e) {
   const t = Oo();
-  return I(() => (t.value, !!e()));
+  return V(() => (t.value, !!e()));
 }
 function Ro(e, t = {}) {
   const n = $(!1), o = cn(null);
@@ -746,7 +751,7 @@ function Ro(e, t = {}) {
       var u, c;
       const f = Array.from(((u = i == null ? void 0 : i.dataTransfer) == null ? void 0 : u.items) || []).map((y) => y.kind === "file" ? y.type : null).filter(Bo);
       if (l.dataTypes && i.dataTransfer) {
-        const y = G(l.dataTypes);
+        const y = Y(l.dataTypes);
         if (r = typeof y == "function" ? y(f) : y ? y.some((p) => f.includes(p)) : !0, !r)
           return;
       }
@@ -772,7 +777,7 @@ function Mo(e, t, n = {}) {
   let r;
   const l = Do(() => o && "ResizeObserver" in o), s = () => {
     r && (r.disconnect(), r = void 0);
-  }, i = I(() => Array.isArray(e) ? e.map((f) => $e(f)) : [$e(e)]), u = ne(
+  }, i = V(() => Array.isArray(e) ? e.map((f) => $e(f)) : [$e(e)]), u = ne(
     i,
     (f) => {
       if (s(), l.value && o) {
@@ -893,7 +898,7 @@ function Ko(e, t = !1) {
     const i = gt(ge(e));
     !i || !n.value || (wt && (o == null || o()), i.style.overflow = (s = Qe.get(i)) != null ? s : "", Qe.delete(i), n.value = !1);
   };
-  return ft(l), I({
+  return ft(l), V({
     get() {
       return n.value;
     },
@@ -949,7 +954,7 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
   },
   emits: ["bottom-sheet:close"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = Le(), r = I(() => {
+    const o = e, a = Le(), r = V(() => {
       if (s.value)
         return a;
     }), l = n, s = $(!1), i = $(!1), u = $(o.open), c = $(!1), f = $();
@@ -963,7 +968,7 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
       }, 300);
     }
     function g(w) {
-      c.value = !0, f.value.classList.add(Kt), y = V(w);
+      c.value = !0, f.value.classList.add(Kt), y = I(w);
     }
     function m(w) {
       c.value && (S(w) > Ut && v(), z());
@@ -975,9 +980,9 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
       }
     }
     function S(w) {
-      return V(w) - y;
+      return I(w) - y;
     }
-    function V(w) {
+    function I(w) {
       return ["touchend", "touchmove", "touchstart"].includes(w.type) ? w.changedTouches[0].clientY : w.clientY;
     }
     function P(w) {
@@ -1016,7 +1021,7 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
         ]
       }), [
         M[1] || (M[1] = h("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
-        H(G(At), { onTrigger: v }, {
+        H(Y(At), { onTrigger: v }, {
           default: O(() => [
             h("div", {
               ref_key: "bottomSheetContainerElement",
@@ -1054,14 +1059,14 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
       ], 16)) : j("", !0)
     ], 8, ["to"])) : j("", !0);
   }
-}), Yu = /* @__PURE__ */ F(Xo, [["__scopeId", "data-v-4ea29b12"]]), Zu = /* @__PURE__ */ A({
+}), Gu = /* @__PURE__ */ F(Xo, [["__scopeId", "data-v-4ea29b12"]]), Yu = /* @__PURE__ */ A({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = I(() => n.bottomSheet), r = oe(), l = I(() => r.default());
+    const n = e, o = t, a = V(() => n.bottomSheet), r = oe(), l = V(() => r.default());
     function s() {
       var i;
       o("click"), (i = a.value) == null || i.show();
@@ -1260,7 +1265,7 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (d(), L(Y, {
+          e.summaryIcon ? (d(), L(G, {
             key: 0,
             "aria-hidden": "true",
             color: "secondary",
@@ -1271,7 +1276,7 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
         h("div", ra, [
           k(u.$slots, "collapse-header-right")
         ]),
-        H(Y, {
+        H(G, {
           class: "joy-collapse-item__summary___marker",
           name: "chevron-down"
         }),
@@ -1320,7 +1325,7 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = $(o.modelValue), r = oe(), l = n, s = I(() => {
+    const o = e, a = $(o.modelValue), r = oe(), l = n, s = V(() => {
       const v = r.default();
       return v.length === 1 && typeof v[0].type != "object" ? v[0].children.filter(i) : v.filter(i);
     });
@@ -1377,7 +1382,7 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), Xu = /* @__PURE__ */ F(ya, [["__scopeId", "data-v-35744932"]]), va = ["src", "alt", "title", "loading"], pa = /* @__PURE__ */ A({
+}), Zu = /* @__PURE__ */ F(ya, [["__scopeId", "data-v-35744932"]]), va = ["src", "alt", "title", "loading"], pa = /* @__PURE__ */ A({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1397,7 +1402,7 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
     }
   },
   setup(e) {
-    const t = e, n = I(() => {
+    const t = e, n = V(() => {
       switch (t.size) {
         case "large":
           return "small";
@@ -1418,14 +1423,14 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
         alt: e.imgAlt || e.companyName,
         title: e.companyName,
         loading: e.loading
-      }, null, 8, va)) : (d(), L(Y, {
+      }, null, 8, va)) : (d(), L(G, {
         key: 1,
         name: "company-placeholder",
         size: n.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Qu = /* @__PURE__ */ F(pa, [["__scopeId", "data-v-2f1289c1"]]), ma = ["aria-hidden"], ha = /* @__PURE__ */ A({
+}), Xu = /* @__PURE__ */ F(pa, [["__scopeId", "data-v-2f1289c1"]]), ma = ["aria-hidden"], ha = /* @__PURE__ */ A({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1442,7 +1447,7 @@ const Yo = { class: "joy-bottom-sheet_content" }, Zo = { class: "joy-bottom-shee
       class: E(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      H(Y, {
+      H(G, {
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
@@ -1649,7 +1654,7 @@ const ja = { class: "joy-counter" }, Sa = ["aria-label", "disabled"], _a = { cla
           disabled: e.modelValue <= e.min,
           onClick: i
         }, [
-          H(Y, { name: "minus" })
+          H(G, { name: "minus" })
         ], 8, Sa),
         h("div", _a, [
           h("input", X({
@@ -1681,7 +1686,7 @@ const ja = { class: "joy-counter" }, Sa = ["aria-label", "disabled"], _a = { cla
           disabled: e.max ? e.modelValue >= e.max : !1,
           onClick: u
         }, [
-          H(Y, { name: "add" })
+          H(G, { name: "add" })
         ], 8, Ca),
         e.invalid && e.errorMessage ? (d(), b("div", xa, [
           H(Bt, { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
@@ -1689,12 +1694,12 @@ const ja = { class: "joy-counter" }, Sa = ["aria-label", "disabled"], _a = { cla
       ], 2)
     ]));
   }
-}), ec = /* @__PURE__ */ F(Va, [["__scopeId", "data-v-556fd173"]]);
+}), Qu = /* @__PURE__ */ F(Va, [["__scopeId", "data-v-556fd173"]]);
 function Ia(e) {
   return Tt() ? (Vt(e), !0) : !1;
 }
 function Ea(e) {
-  return typeof e == "function" ? e() : G(e);
+  return typeof e == "function" ? e() : Y(e);
 }
 function La(e) {
   var t;
@@ -2221,7 +2226,7 @@ var Xt = {
       })), v(U || l.mostRecentlyFocusedNode || f());
     }
     l.recentNavEvent = void 0;
-  }, V = function(C) {
+  }, I = function(C) {
     var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     l.recentNavEvent = C;
     var N = m({
@@ -2234,7 +2239,7 @@ var Xt = {
       C.preventDefault(), s.deactivate();
       return;
     }
-    (r.isKeyForward(C) || r.isKeyBackward(C)) && V(C, r.isKeyBackward(C));
+    (r.isKeyForward(C) || r.isKeyBackward(C)) && I(C, r.isKeyBackward(C));
   }, z = function(C) {
     var x = et(C);
     u(x, C) >= 0 || He(r.clickOutsideDeactivates, C) || He(r.allowOutsideClick, C) || (C.preventDefault(), C.stopImmediatePropagation());
@@ -2512,13 +2517,13 @@ const ll = /* @__PURE__ */ A({
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = "joy-dialog--" + je(), l = oe(), s = $(!1), i = $(), u = $(o.open), c = _n(i), f = Le(), y = I(() => {
+    const o = e, a = n, r = "joy-dialog--" + je(), l = oe(), s = $(!1), i = $(), u = $(o.open), c = _n(i), f = Le(), y = V(() => {
       if (s.value)
         return f;
-    }), p = I(() => {
+    }), p = V(() => {
       const B = l["dialog-cancel"] || l["dialog-confirm"], w = o.cancelText || o.confirmText;
       return !!B || !!w;
-    }), g = I(() => o.id || r).value + "-header";
+    }), g = V(() => o.id || r).value + "-header";
     function m() {
       !o.patternConfirm && _();
     }
@@ -2528,7 +2533,7 @@ const ll = /* @__PURE__ */ A({
     async function S() {
       u.value = !0, await Ke(), o.focusTrap && c.activate(), o.preventBodyScroll && he(!0);
     }
-    function V() {
+    function I() {
       a("dialog:open");
     }
     function P() {
@@ -2555,7 +2560,7 @@ const ll = /* @__PURE__ */ A({
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
-        onEnter: V,
+        onEnter: I,
         onAfterEnter: P,
         onAfterLeave: z
       }, {
@@ -2676,7 +2681,7 @@ const ll = /* @__PURE__ */ A({
                     _: 3
                   })
                 ], 2),
-                G(l)["dialog-indicators"] ? (d(), b("div", yl, [
+                Y(l)["dialog-indicators"] ? (d(), b("div", yl, [
                   k(B.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : j("", !0)
               ])
@@ -2687,14 +2692,14 @@ const ll = /* @__PURE__ */ A({
       })
     ], 8, ["to"])) : j("", !0);
   }
-}), tc = /* @__PURE__ */ F(vl, [["__scopeId", "data-v-37136d78"]]), nc = /* @__PURE__ */ A({
+}), ec = /* @__PURE__ */ F(vl, [["__scopeId", "data-v-37136d78"]]), tc = /* @__PURE__ */ A({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = I(() => n.dialog), a = t, r = oe(), l = I(() => r.default());
+    const n = e, o = V(() => n.dialog), a = t, r = oe(), l = V(() => r.default());
     async function s() {
       var i;
       a("click"), await ((i = o.value) == null ? void 0 : i.show());
@@ -2719,7 +2724,7 @@ const ll = /* @__PURE__ */ A({
       disabled: e.disabled
     }, [
       h("div", ml, [
-        H(Y, { name: "add" })
+        H(G, { name: "add" })
       ]),
       h("div", hl, [
         h("p", gl, [
@@ -2729,7 +2734,7 @@ const ll = /* @__PURE__ */ A({
       ])
     ], 10, pl));
   }
-}), oc = /* @__PURE__ */ F(bl, [["__scopeId", "data-v-aa93710e"]]), wl = ["id"], kl = { class: "joy-drawer__inner" }, jl = { class: "joy-drawer--header" }, Sl = {
+}), nc = /* @__PURE__ */ F(bl, [["__scopeId", "data-v-aa93710e"]]), wl = ["id"], kl = { class: "joy-drawer__inner" }, jl = { class: "joy-drawer--header" }, Sl = {
   id: "drawerDescription",
   class: "joy-drawer--subheader"
 }, _l = {
@@ -2797,13 +2802,13 @@ const ll = /* @__PURE__ */ A({
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = "joy-drawer--" + je(), l = oe(), s = $(!1), i = $(), u = $(o.open), c = _n(i), f = Le(), y = I(() => {
+    const o = e, a = n, r = "joy-drawer--" + je(), l = oe(), s = $(!1), i = $(), u = $(o.open), c = _n(i), f = Le(), y = V(() => {
       if (s.value)
         return f;
-    }), p = I(() => {
+    }), p = V(() => {
       const z = l["drawer-cancel"] || l["drawer-confirm"], B = o.cancelText || o.confirmText;
       return !!z || !!B;
-    }), v = I(() => o.id || r), g = v.value + "-header";
+    }), v = V(() => o.id || r), g = v.value + "-header";
     async function m(z = { fireHideEvent: !0 }) {
       o.onBeforeHide && !await o.onBeforeHide() || (c.deactivate(), u.value = !1, await Ke(), he(!1), z.fireHideEvent && a("drawer:hide"));
     }
@@ -2813,7 +2818,7 @@ const ll = /* @__PURE__ */ A({
     function S() {
       a("drawer:open");
     }
-    function V() {
+    function I() {
       a("drawer:after-open");
     }
     function P() {
@@ -2838,7 +2843,7 @@ const ll = /* @__PURE__ */ A({
         name: "drawer",
         appear: "",
         onEnter: S,
-        onAfterEnter: V,
+        onAfterEnter: I,
         onAfterLeave: P
       }, {
         default: O(() => [
@@ -2957,14 +2962,14 @@ const ll = /* @__PURE__ */ A({
       })
     ], 8, ["to"])) : j("", !0);
   }
-}), ac = /* @__PURE__ */ F($l, [["__scopeId", "data-v-73384607"]]), lc = /* @__PURE__ */ A({
+}), oc = /* @__PURE__ */ F($l, [["__scopeId", "data-v-73384607"]]), ac = /* @__PURE__ */ A({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = I(() => n.drawer), r = oe(), l = I(() => r.default());
+    const n = e, o = t, a = V(() => n.drawer), r = oe(), l = V(() => r.default());
     async function s() {
       var i;
       o("click"), await ((i = a.value) == null ? void 0 : i.show());
@@ -3024,7 +3029,7 @@ const ll = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, a = e, r = $(), l = I(() => (v) => !a.modelValue || !v.value && !v.id ? !1 : a.modelValue === v.value || a.modelValue === v.id);
+    const o = n, a = e, r = $(), l = V(() => (v) => !a.modelValue || !v.value && !v.id ? !1 : a.modelValue === v.value || a.modelValue === v.id);
     function s(v) {
       v.disabled || o("update:modelValue", v.value || v.id);
     }
@@ -3235,7 +3240,7 @@ const ll = /* @__PURE__ */ A({
       },
       { flush: "post" }
     );
-    const v = I(() => {
+    const v = V(() => {
       let B = `${a.dropdownGap}px`;
       return a.direction === "up" && (B = "-" + B), {
         marginTop: B
@@ -3255,7 +3260,7 @@ const ll = /* @__PURE__ */ A({
     function S() {
       u.value && u.value.focus();
     }
-    function V(B) {
+    function I(B) {
       o("update:modelValue", B), a.closeOnSelect && (g(), S());
     }
     function P() {
@@ -3269,7 +3274,7 @@ const ll = /* @__PURE__ */ A({
     }), t({
       showDropdownList: r,
       generatedId: f
-    }), (B, w) => (d(), L(G(At), {
+    }), (B, w) => (d(), L(Y(At), {
       ref_key: "dropdown",
       ref: l,
       options: y,
@@ -3310,7 +3315,7 @@ const ll = /* @__PURE__ */ A({
             reset: e.reset,
             "reset-label": e.resetLabel,
             "aria-labelled-by": f,
-            "onUpdate:modelValue": V,
+            "onUpdate:modelValue": I,
             "onClose:dropdownList": _,
             onReset: P
           }, Et({
@@ -3348,14 +3353,14 @@ const ll = /* @__PURE__ */ A({
       _: 3
     }, 512));
   }
-}), rc = /* @__PURE__ */ F(Ll, [["__scopeId", "data-v-3b33b526"]]), Al = { class: "joy-dropzone__icon-wrapper" }, Bl = /* @__PURE__ */ A({
+}), lc = /* @__PURE__ */ F(Ll, [["__scopeId", "data-v-3b33b526"]]), Al = { class: "joy-dropzone__icon-wrapper" }, Bl = /* @__PURE__ */ A({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
   },
   setup(e) {
     return (t, n) => (d(), b("div", Al, [
-      H(Y, {
+      H(G, {
         "aria-hidden": "true",
         name: e.name,
         class: "joy-dropzone__icon"
@@ -3458,8 +3463,8 @@ const ll = /* @__PURE__ */ A({
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
     const n = oe(), o = e, a = no(e, "modelValue"), r = $(v(a.value)), l = $(), s = $(), i = $(), { isOverDropZone: u } = Ro(s, {
-      onDrop: V
-    }), c = I(() => a.value.filter((T) => T instanceof File)), f = I(() => o.multiple || c.value.length === 0 ? void 0 : g(c.value[0]));
+      onDrop: I
+    }), c = V(() => a.value.filter((T) => T instanceof File)), f = V(() => o.multiple || c.value.length === 0 ? void 0 : g(c.value[0]));
     function y(T) {
       return o.accept.length > 0 ? o.accept.includes(T.type) : !0;
     }
@@ -3491,7 +3496,7 @@ const ll = /* @__PURE__ */ A({
       const J = (R = T.target) == null ? void 0 : R.files;
       !J || J.length === 0 || (l.value ? (M(l.value, Array.from(J)), l.value = void 0) : w(Array.from(J)));
     }
-    function V(T) {
+    function I(T) {
       !T || T.length === 0 || (l.value = void 0, w(T));
     }
     function P(T) {
@@ -3517,7 +3522,7 @@ const ll = /* @__PURE__ */ A({
       invalid: r
     }), (T, J) => (d(), b("div", {
       class: E(["joy-dropzone", {
-        "joy-dropzone--dragover": G(u),
+        "joy-dropzone--dragover": Y(u),
         "joy-dropzone--invalid": r.value,
         "joy-dropzone--empty": a.value.length === 0
       }])
@@ -3600,7 +3605,7 @@ const ll = /* @__PURE__ */ A({
       }, null, 8, ["no-html-error-text"])) : j("", !0)
     ], 2));
   }
-}), ic = /* @__PURE__ */ F(Wl, [["__scopeId", "data-v-ee77e9fc"]]), Ul = ["aria-label"], Kl = { class: "joy-filter-bar__wrapper" }, Gl = /* @__PURE__ */ A({
+}), rc = /* @__PURE__ */ F(Wl, [["__scopeId", "data-v-ee77e9fc"]]), Ul = ["aria-label"], Kl = { class: "joy-filter-bar__wrapper" }, Gl = /* @__PURE__ */ A({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -3617,7 +3622,7 @@ const ll = /* @__PURE__ */ A({
       ])
     ], 8, Ul));
   }
-}), sc = /* @__PURE__ */ F(Gl, [["__scopeId", "data-v-cb769d05"]]), Yl = /* @__PURE__ */ A({
+}), ic = /* @__PURE__ */ F(Gl, [["__scopeId", "data-v-cb769d05"]]), Yl = /* @__PURE__ */ A({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -3645,7 +3650,7 @@ const ll = /* @__PURE__ */ A({
     }, [
       W(D(e.label) + " ", 1),
       k(l.$slots, "default", {}, void 0, !0),
-      G(a) ? (d(), L(Y, {
+      Y(a) ? (d(), L(G, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -3654,7 +3659,7 @@ const ll = /* @__PURE__ */ A({
       })) : j("", !0)
     ], 2));
   }
-}), uc = /* @__PURE__ */ F(Yl, [["__scopeId", "data-v-cfb21c78"]]), Zl = { class: "joy-footer" }, Xl = { class: "joy-footer__left" }, Ql = { class: "joy-footer__right" }, er = /* @__PURE__ */ A({
+}), sc = /* @__PURE__ */ F(Yl, [["__scopeId", "data-v-cfb21c78"]]), Zl = { class: "joy-footer" }, Xl = { class: "joy-footer__left" }, Ql = { class: "joy-footer__right" }, er = /* @__PURE__ */ A({
   __name: "VJoyFooter",
   setup(e) {
     return (t, n) => (d(), b("footer", Zl, [
@@ -3666,7 +3671,7 @@ const ll = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), cc = /* @__PURE__ */ F(er, [["__scopeId", "data-v-e1cd31ef"]]), tr = /* @__PURE__ */ A({
+}), uc = /* @__PURE__ */ F(er, [["__scopeId", "data-v-e1cd31ef"]]), tr = /* @__PURE__ */ A({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3686,7 +3691,7 @@ const ll = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = Ee("VJoyWrapperContext", {}), a = I(() => {
+    const n = e, o = Ee("VJoyWrapperContext", {}), a = V(() => {
       const r = o.direction === "column" ? "auto" : null;
       if (!n.width && n.flex === "1") {
         const i = ["1", "0"];
@@ -3704,7 +3709,7 @@ const ll = /* @__PURE__ */ A({
       })
     }, null, 6));
   }
-}), dc = /* @__PURE__ */ F(tr, [["__scopeId", "data-v-235a3b9e"]]), nr = { class: "joy-funnel__header" }, or = { class: "funnel__header__inner" }, ar = { class: "joy-funnel__stepper" }, lr = { class: "joy-funnel__footer" }, rr = /* @__PURE__ */ A({
+}), cc = /* @__PURE__ */ F(tr, [["__scopeId", "data-v-235a3b9e"]]), nr = { class: "joy-funnel__header" }, or = { class: "funnel__header__inner" }, ar = { class: "joy-funnel__footer" }, lr = /* @__PURE__ */ A({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3730,7 +3735,7 @@ const ll = /* @__PURE__ */ A({
       const u = i.currentTarget;
       n.value = u.scrollTop === 0, l.value && !n.value ? a.value = !1 : l.value && n.value && (a.value = !0);
     }
-    const l = I(() => !!o["funnel-stepper"]), s = I(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
+    const l = V(() => !!o["funnel-stepper"]), s = V(() => o["funnel-footer"] ? o["funnel-footer"]().length > 0 : !1);
     return t({
       scrollOnTop: n,
       hasStepperSlot: l,
@@ -3739,7 +3744,6 @@ const ll = /* @__PURE__ */ A({
       class: E([
         "joy-funnel",
         {
-          "joy-funnel--no-border": n.value,
           "joy-funnel--no-stepper": !l.value
         }
       ])
@@ -3759,11 +3763,13 @@ const ll = /* @__PURE__ */ A({
           }
         ])
       }, u[0] || (u[0] = [
-        dn('<div class="shapes__wrapper" data-v-0af12436><div class="shape_1" data-v-0af12436></div><div class="shape_2" data-v-0af12436></div><div class="shape_3" data-v-0af12436></div><div class="shape_4" data-v-0af12436></div></div>', 1)
+        dn('<div class="shapes__wrapper" data-v-5d3b02d7><div class="shape_1" data-v-5d3b02d7></div><div class="shape_2" data-v-5d3b02d7></div><div class="shape_3" data-v-5d3b02d7></div><div class="shape_4" data-v-5d3b02d7></div></div>', 1)
       ]), 2)),
-      h("div", ar, [
+      h("div", {
+        class: E(["joy-funnel__stepper", { "joy-funnel__stepper--medium": e.layoutWidth === "medium" }])
+      }, [
         k(i.$slots, "funnel-stepper", {}, void 0, !0)
-      ]),
+      ], 2),
       h("div", {
         class: "joy-funnel__scrollable",
         onScroll: r
@@ -3774,36 +3780,36 @@ const ll = /* @__PURE__ */ A({
           k(i.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32),
-      h("div", lr, [
+      h("div", ar, [
         k(i.$slots, "funnel-footer", {}, void 0, !0)
       ])
     ], 2));
   }
-}), fc = /* @__PURE__ */ F(rr, [["__scopeId", "data-v-0af12436"]]), ir = { class: "joy-funnel-footer" }, sr = { class: "joy-funnel-footer__left" }, ur = { class: "joy-funnel-footer__right" }, cr = /* @__PURE__ */ A({
+}), dc = /* @__PURE__ */ F(lr, [["__scopeId", "data-v-5d3b02d7"]]), rr = { class: "joy-funnel-footer" }, ir = { class: "joy-funnel-footer__left" }, sr = { class: "joy-funnel-footer__right" }, ur = /* @__PURE__ */ A({
   __name: "VJoyFunnelFooter",
   setup(e) {
-    return (t, n) => (d(), b("footer", ir, [
-      h("div", sr, [
+    return (t, n) => (d(), b("footer", rr, [
+      h("div", ir, [
         k(t.$slots, "footer-left", {}, void 0, !0)
       ]),
-      h("div", ur, [
+      h("div", sr, [
         k(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
-}), yc = /* @__PURE__ */ F(cr, [["__scopeId", "data-v-bdeeb2bd"]]), dr = { class: "joy-header" }, fr = { class: "joy-header__left" }, yr = { class: "joy-header__right" }, vr = /* @__PURE__ */ A({
+}), fc = /* @__PURE__ */ F(ur, [["__scopeId", "data-v-bdeeb2bd"]]), cr = { class: "joy-header" }, dr = { class: "joy-header__left" }, fr = { class: "joy-header__right" }, yr = /* @__PURE__ */ A({
   __name: "VJoyHeader",
   setup(e) {
-    return (t, n) => (d(), b("header", dr, [
-      h("div", fr, [
+    return (t, n) => (d(), b("header", cr, [
+      h("div", dr, [
         k(t.$slots, "header-left", {}, void 0, !0)
       ]),
-      h("div", yr, [
+      h("div", fr, [
         k(t.$slots, "header-right", {}, void 0, !0)
       ])
     ]));
   }
-}), vc = /* @__PURE__ */ F(vr, [["__scopeId", "data-v-7928856e"]]), pr = { class: "joy-highlight__decorator" }, mr = { class: "joy-highlight__text" }, hr = { key: 0 }, gr = /* @__PURE__ */ A({
+}), yc = /* @__PURE__ */ F(yr, [["__scopeId", "data-v-7928856e"]]), vr = { class: "joy-highlight__decorator" }, pr = { class: "joy-highlight__text" }, mr = { key: 0 }, hr = /* @__PURE__ */ A({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3830,7 +3836,7 @@ const ll = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = I(() => n.icon ? n.icon : yn(n.level));
+    const n = e, o = V(() => n.icon ? n.icon : yn(n.level));
     return t({
       getRelevantIcon: o
     }), (a, r) => (d(), b("div", {
@@ -3844,23 +3850,23 @@ const ll = /* @__PURE__ */ A({
         }
       ])
     }, [
-      h("div", pr, [
+      h("div", vr, [
         k(a.$slots, "highlight-decorator", {}, () => [
-          e.displayIcon ? (d(), L(Y, {
+          e.displayIcon ? (d(), L(G, {
             key: 0,
             name: o.value
           }, null, 8, ["name"])) : j("", !0)
         ], !0)
       ]),
-      h("div", mr, [
-        a.$slots["highlight-title"] ? (d(), b("strong", hr, [
+      h("div", pr, [
+        a.$slots["highlight-title"] ? (d(), b("strong", mr, [
           k(a.$slots, "highlight-title", {}, void 0, !0)
         ])) : j("", !0),
         k(a.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), pc = /* @__PURE__ */ F(gr, [["__scopeId", "data-v-53c18803"]]), br = ["aria-label"], wr = /* @__PURE__ */ A({
+}), vc = /* @__PURE__ */ F(hr, [["__scopeId", "data-v-53c18803"]]), gr = ["aria-label"], br = /* @__PURE__ */ A({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3890,10 +3896,10 @@ const ll = /* @__PURE__ */ A({
         type: "button",
         class: E(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
-      }, null, 10, br)
+      }, null, 10, gr)
     ], 2));
   }
-}), kr = /* @__PURE__ */ F(wr, [["__scopeId", "data-v-2babb982"]]), jr = /* @__PURE__ */ A({
+}), wr = /* @__PURE__ */ F(br, [["__scopeId", "data-v-2babb982"]]), kr = /* @__PURE__ */ A({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3906,7 +3912,7 @@ const ll = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = oe(), l = $(o.modelValue), s = I(() => {
+    const o = e, a = n, r = oe(), l = $(o.modelValue), s = V(() => {
       const f = r.default();
       return f.length === 1 && typeof f[0].type != "object" ? f[0].children.filter(u) : f.filter(u);
     });
@@ -3931,7 +3937,7 @@ const ll = /* @__PURE__ */ A({
     }), (f, y) => (d(), b("ul", {
       class: E(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (d(!0), b(Q, null, te(s.value, (p) => (d(), L(kr, X({
+      (d(!0), b(Q, null, te(s.value, (p) => (d(), L(wr, X({
         key: p.props.value,
         ref_for: !0
       }, { ...p.props, variant: e.variant }, {
@@ -3940,7 +3946,7 @@ const ll = /* @__PURE__ */ A({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), mc = /* @__PURE__ */ F(jr, [["__scopeId", "data-v-f2dd63e9"]]), Sr = ["id", "name", "required", "disabled", "readonly", "type", "value"], _r = ["data-unit"], $r = /* @__PURE__ */ A({
+}), pc = /* @__PURE__ */ F(kr, [["__scopeId", "data-v-f2dd63e9"]]), jr = ["id", "name", "required", "disabled", "readonly", "type", "value"], Sr = ["data-unit"], _r = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -4018,13 +4024,13 @@ const ll = /* @__PURE__ */ A({
   setup(e, { expose: t, emit: n }) {
     const o = n, a = e, r = Ee("VJoyWrapperContext", {}), l = $(), s = $(), i = Le(), u = oe(), c = $(!1), f = $(!1);
     Ft(l, a.autofocus);
-    const y = I(() => typeof a.modelValue == "number" || !a.clearable || a.unit || !a.modelValue ? !1 : a.modelValue.length > 0 && !a.unit), p = I(() => u.default && u.default()), v = I(() => Object.keys(r).length > 0), g = $(a.type), m = I(() => a.type === "password" && !!a.modelValue);
+    const y = V(() => typeof a.modelValue == "number" || !a.clearable || a.unit || !a.modelValue ? !1 : a.modelValue.length > 0 && !a.unit), p = V(() => u.default && u.default()), v = V(() => Object.keys(r).length > 0), g = $(a.type), m = V(() => a.type === "password" && !!a.modelValue);
     oo(() => {
       g.value = a.unit ? "number" : a.type;
     });
     function _() {
-      var V;
-      a.readonly || (V = l.value) == null || V.focus();
+      var I;
+      a.readonly || (I = l.value) == null || I.focus();
     }
     const S = {
       onFocus: () => {
@@ -4033,27 +4039,27 @@ const ll = /* @__PURE__ */ A({
       onBlur: () => {
         c.value = !1;
       },
-      onWheelScroll(V) {
-        V.preventDefault();
+      onWheelScroll(I) {
+        I.preventDefault();
       },
-      onInput: (V) => {
-        let P = V.target.value;
+      onInput: (I) => {
+        let P = I.target.value;
         a.modelModifiers.lazy || o("update:modelValue", P);
       },
-      onChange: (V) => {
-        let P = V.target.value;
+      onChange: (I) => {
+        let P = I.target.value;
         a.modelModifiers.lazy && o("update:modelValue", P);
       },
       clearValue: () => {
         a.disabled || o("update:modelValue", "");
       },
-      togglePassword: (V) => {
-        V.preventDefault(), f.value = !f.value, f.value ? g.value = "text" : g.value = "password";
+      togglePassword: (I) => {
+        I.preventDefault(), f.value = !f.value, f.value ? g.value = "text" : g.value = "password";
       }
     };
     return t({
       focus: _
-    }), (V, P) => (d(), b("div", {
+    }), (I, P) => (d(), b("div", {
       ref_key: "root",
       ref: s,
       class: E([`joy-input--${a.size}`])
@@ -4066,7 +4072,7 @@ const ll = /* @__PURE__ */ A({
             "joy-input--disabled": e.disabled,
             "joy-input--invalid": e.invalid,
             "joy-input--readonly": e.readonly,
-            "joy-input--valid": !e.invalid && !G(i).disabled
+            "joy-input--valid": !e.invalid && !Y(i).disabled
           }
         ])
       }, [
@@ -4078,7 +4084,7 @@ const ll = /* @__PURE__ */ A({
           size: e.labelSize
         }, {
           default: O(() => [
-            k(V.$slots, "default", {}, () => [
+            k(I.$slots, "default", {}, () => [
               W(D(e.label), 1)
             ], !0)
           ]),
@@ -4095,7 +4101,7 @@ const ll = /* @__PURE__ */ A({
             }
           ])
         }, [
-          h("input", X(V.$attrs, {
+          h("input", X(I.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
             ref: l,
@@ -4121,7 +4127,7 @@ const ll = /* @__PURE__ */ A({
             (...z) => S.onChange && S.onChange(...z)),
             onWheel: P[4] || (P[4] = //@ts-ignore
             (...z) => S.onWheelScroll && S.onWheelScroll(...z))
-          }), null, 16, Sr),
+          }), null, 16, jr),
           y.value ? (d(), L(ue, {
             key: 0,
             class: "joy-input--clear",
@@ -4131,13 +4137,13 @@ const ll = /* @__PURE__ */ A({
             icon: "cross",
             onClick: S.clearValue
           }, null, 8, ["onClick"])) : j("", !0),
-          m.value ? (d(), L(Y, {
+          m.value ? (d(), L(G, {
             key: 1,
             class: "joy-input--password-icon",
             name: f.value ? "eye-masked" : "eye",
             onClick: S.togglePassword
           }, null, 8, ["name", "onClick"])) : j("", !0),
-          e.icon ? (d(), L(Y, {
+          e.icon ? (d(), L(G, {
             key: 2,
             class: "joy-input--decorative-icon",
             name: e.icon
@@ -4146,12 +4152,12 @@ const ll = /* @__PURE__ */ A({
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, _r)) : j("", !0)
+          }, null, 8, Sr)) : j("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
-}), hc = /* @__PURE__ */ F($r, [["__scopeId", "data-v-d3a103e3"]]), Cr = ["href"], xr = /* @__PURE__ */ A({
+}), mc = /* @__PURE__ */ F(_r, [["__scopeId", "data-v-d3a103e3"]]), $r = ["href"], Cr = /* @__PURE__ */ A({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4169,16 +4175,16 @@ const ll = /* @__PURE__ */ A({
     return (t, n) => (d(), b("a", X({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (d(), L(Y, {
+      e.icon ? (d(), L(G, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : j("", !0),
       k(t.$slots, "default", {}, () => [
         W(D(e.text), 1)
       ], !0)
-    ], 16, Cr));
+    ], 16, $r));
   }
-}), gc = /* @__PURE__ */ F(xr, [["__scopeId", "data-v-8dcab8fb"]]), Tr = { class: "joy-list-item__left" }, Vr = { class: "joy-font-primary-300 joy-m-0" }, Ir = { class: "joy-list-item__right" }, Er = /* @__PURE__ */ A({
+}), hc = /* @__PURE__ */ F(Cr, [["__scopeId", "data-v-8dcab8fb"]]), xr = { class: "joy-list-item__left" }, Tr = { class: "joy-font-primary-300 joy-m-0" }, Vr = { class: "joy-list-item__right" }, Ir = /* @__PURE__ */ A({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -4196,17 +4202,17 @@ const ll = /* @__PURE__ */ A({
         justify: "space-between"
       }, {
         default: O(() => [
-          h("div", Tr, [
-            t.icon ? (d(), L(Y, {
+          h("div", xr, [
+            t.icon ? (d(), L(G, {
               key: 0,
               class: "joy-p-3 joy-list-item__left-icon",
               name: t.icon
             }, null, 8, ["name"])) : j("", !0),
-            h("p", Vr, [
+            h("p", Tr, [
               k(t.$slots, "list-item-left", {}, void 0, !0)
             ])
           ]),
-          h("div", Ir, [
+          h("div", Vr, [
             k(t.$slots, "list-item-right", {}, void 0, !0)
           ])
         ]),
@@ -4214,7 +4220,7 @@ const ll = /* @__PURE__ */ A({
       })
     ]));
   }
-}), bc = /* @__PURE__ */ F(Er, [["__scopeId", "data-v-6c3750f0"]]), Lr = ["tabindex", "aria-activedescendant", "aria-label"], Ar = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Br = { "aria-hidden": "true" }, Fr = /* @__PURE__ */ A({
+}), gc = /* @__PURE__ */ F(Ir, [["__scopeId", "data-v-6c3750f0"]]), Er = ["tabindex", "aria-activedescendant", "aria-label"], Lr = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Ar = { "aria-hidden": "true" }, Br = /* @__PURE__ */ A({
   __name: "VJoyMenu",
   props: {
     /**
@@ -4300,21 +4306,21 @@ const ll = /* @__PURE__ */ A({
         role: "menuitem",
         onClick: (g) => s(v)
       }, [
-        h("div", Br, [
+        h("div", Ar, [
           k(y.$slots, "menu-item", X({ ref_for: !0 }, v), () => [
-            v.icon ? (d(), L(Y, {
+            v.icon ? (d(), L(G, {
               key: 0,
               name: v.icon
             }, null, 8, ["name"])) : j("", !0),
             h("span", null, D(v.label), 1)
           ], !0)
         ])
-      ], 42, Ar))), 128))
-    ], 40, Lr));
+      ], 42, Lr))), 128))
+    ], 40, Er));
   }
-}), wc = /* @__PURE__ */ F(Fr, [["__scopeId", "data-v-782c4573"]]), Nr = ["id"], zr = {
+}), bc = /* @__PURE__ */ F(Br, [["__scopeId", "data-v-782c4573"]]), Fr = ["id"], Nr = {
   class: /* @__PURE__ */ E(["joy-multi-checkbox"])
-}, Pr = /* @__PURE__ */ A({
+}, zr = /* @__PURE__ */ A({
   __name: "VJoyMultiCheckbox",
   props: {
     /** To render the list of checkboxes you have to use this property. See "Controls" for object model */
@@ -4376,7 +4382,7 @@ const ll = /* @__PURE__ */ A({
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : j("", !0),
-      h("div", zr, [
+      h("div", Nr, [
         (d(!0), b(Q, null, te(e.options, (i) => (d(), L(hn, {
           id: i.id,
           key: i.id,
@@ -4393,9 +4399,9 @@ const ll = /* @__PURE__ */ A({
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, Nr));
+    ], 8, Fr));
   }
-}), kc = /* @__PURE__ */ F(Pr, [["__scopeId", "data-v-04da9dc2"]]), tn = /* @__PURE__ */ A({
+}), wc = /* @__PURE__ */ F(zr, [["__scopeId", "data-v-04da9dc2"]]), tn = /* @__PURE__ */ A({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -4426,7 +4432,7 @@ const ll = /* @__PURE__ */ A({
       onClick: n[0] || (n[0] = (o) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), Or = ["aria-label", "data-current"], Dr = ["onClick"], Rr = ["aria-current"], Mr = 6, Jr = /* @__PURE__ */ A({
+}), Pr = ["aria-label", "data-current"], Or = ["onClick"], Dr = ["aria-current"], Rr = 6, Mr = /* @__PURE__ */ A({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -4457,10 +4463,10 @@ const ll = /* @__PURE__ */ A({
   },
   emits: ["update:current-page"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = I(() => {
+    const n = e, o = t, a = V(() => {
       const c = l.value.length;
       return l.value[c - 1] !== l.value[c - 2] + 1;
-    }), r = I(() => l.value[0] !== l.value[1] - 1), l = I(() => n.totalPages === 1 ? [1] : n.totalPages < Mr ? i(2, n.totalPages - 1) : u(n.currentPage));
+    }), r = V(() => l.value[0] !== l.value[1] - 1), l = V(() => n.totalPages === 1 ? [1] : n.totalPages < Rr ? i(2, n.totalPages - 1) : u(n.currentPage));
     function s(c, f) {
       n.currentPage === 1 && f === "prev" || n.currentPage === n.totalPages && f === "next" || o("update:current-page", c);
     }
@@ -4510,9 +4516,9 @@ const ll = /* @__PURE__ */ A({
                 h("button", {
                   type: "button",
                   "aria-current": y === e.currentPage ? "true" : "false"
-                }, D(y), 9, Rr)
+                }, D(y), 9, Dr)
               ], !0)
-            ], 10, Dr))), 128))
+            ], 10, Or))), 128))
           ])
         ]),
         h("li", {
@@ -4528,12 +4534,12 @@ const ll = /* @__PURE__ */ A({
           ], !0)
         ])
       ])
-    ], 8, Or));
+    ], 8, Pr));
   }
-}), jc = /* @__PURE__ */ F(Jr, [["__scopeId", "data-v-7e82041f"]]), qr = { class: "joy-screen-loader__content" }, Hr = {
+}), kc = /* @__PURE__ */ F(Mr, [["__scopeId", "data-v-7e82041f"]]), Jr = { class: "joy-screen-loader__content" }, qr = {
   key: 0,
   class: "joy-screen-loader__content"
-}, Wr = /* @__PURE__ */ A({
+}, Hr = /* @__PURE__ */ A({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -4551,31 +4557,31 @@ const ll = /* @__PURE__ */ A({
     return (t, n) => (d(), b("div", {
       class: E(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      h("div", qr, [
+      h("div", Jr, [
         k(t.$slots, "spinner", {}, () => [
           H(vn, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (d(), b("div", Hr, [
+        t.$slots.content ? (d(), b("div", qr, [
           k(t.$slots, "content", {}, void 0, !0)
         ])) : j("", !0)
       ])
     ], 2));
   }
-}), Cn = /* @__PURE__ */ F(Wr, [["__scopeId", "data-v-266b7e2a"]]), Ur = {
+}), Cn = /* @__PURE__ */ F(Hr, [["__scopeId", "data-v-266b7e2a"]]), Wr = {
   key: 0,
   class: /* @__PURE__ */ E(["joy-panel__header"])
-}, Kr = {
+}, Ur = {
   key: 1,
   class: "joy-panel__header-action"
-}, Gr = {
+}, Kr = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, Yr = { class: "joy-panel__body" }, Zr = {
+}, Gr = { class: "joy-panel__body" }, Yr = {
   key: 1,
   class: "joy-panel__footer"
-}, Xr = /* @__PURE__ */ A({
+}, Zr = /* @__PURE__ */ A({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -4607,7 +4613,7 @@ const ll = /* @__PURE__ */ A({
     }
   },
   setup(e) {
-    const t = Ee("VJoyWrapperContext", {}), n = I(() => Object.keys(t).length > 0), o = oe(), a = $(), r = I(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"]);
+    const t = Ee("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), o = oe(), a = $(), r = V(() => !!o["panel-title"] || !!o["panel-subtitle"] || !!o["panel-title-action"]);
     return (l, s) => (d(), b("section", {
       ref_key: "panel",
       ref: a,
@@ -4622,24 +4628,24 @@ const ll = /* @__PURE__ */ A({
         }
       ])
     }, [
-      r.value ? (d(), b("header", Ur, [
+      r.value ? (d(), b("header", Wr, [
         o["panel-title"] ? (d(), b("div", {
           key: 0,
           class: E(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           k(l.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : j("", !0),
-        o["panel-title-action"] ? (d(), b("div", Kr, [
+        o["panel-title-action"] ? (d(), b("div", Ur, [
           k(l.$slots, "panel-title-action", {}, void 0, !0)
         ])) : j("", !0),
-        o["panel-subtitle"] ? (d(), b("div", Gr, [
+        o["panel-subtitle"] ? (d(), b("div", Kr, [
           k(l.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : j("", !0)
       ])) : j("", !0),
-      h("div", Yr, [
+      h("div", Gr, [
         k(l.$slots, "panel-body", {}, void 0, !0)
       ]),
-      o["panel-action"] ? (d(), b("footer", Zr, [
+      o["panel-action"] ? (d(), b("footer", Yr, [
         k(l.$slots, "panel-action", {}, void 0, !0)
       ])) : j("", !0),
       e.loading ? (d(), L(Cn, {
@@ -4654,40 +4660,40 @@ const ll = /* @__PURE__ */ A({
       }, 8, ["color"])) : j("", !0)
     ], 6));
   }
-}), Sc = /* @__PURE__ */ F(Xr, [["__scopeId", "data-v-bf00f207"]]), Qr = { class: "joy-panel-section" }, ei = {
+}), jc = /* @__PURE__ */ F(Zr, [["__scopeId", "data-v-bf00f207"]]), Xr = { class: "joy-panel-section" }, Qr = {
   key: 0,
   class: "joy-panel-section__title"
-}, ti = {
+}, ei = {
   key: 1,
   class: "joy-panel-section__content"
-}, ni = /* @__PURE__ */ A({
+}, ti = /* @__PURE__ */ A({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = oe();
-    return (n, o) => (d(), b("div", Qr, [
-      G(t)["panel-section-title"] ? (d(), b("div", ei, [
+    return (n, o) => (d(), b("div", Xr, [
+      Y(t)["panel-section-title"] ? (d(), b("div", Qr, [
         k(n.$slots, "panel-section-title", {}, void 0, !0)
       ])) : j("", !0),
-      G(t)["panel-section-content"] ? (d(), b("div", ti, [
+      Y(t)["panel-section-content"] ? (d(), b("div", ei, [
         k(n.$slots, "panel-section-content", {}, void 0, !0)
       ])) : j("", !0)
     ]));
   }
-}), _c = /* @__PURE__ */ F(ni, [["__scopeId", "data-v-d88510ab"]]), oi = {}, ai = { class: "joy-product-tour-spotlight" };
-function li(e, t) {
-  return d(), b("div", ai);
+}), Sc = /* @__PURE__ */ F(ti, [["__scopeId", "data-v-d88510ab"]]), ni = {}, oi = { class: "joy-product-tour-spotlight" };
+function ai(e, t) {
+  return d(), b("div", oi);
 }
-const ri = /* @__PURE__ */ F(oi, [["render", li], ["__scopeId", "data-v-fbaf8e78"]]), jt = Math.min, ii = Math.max, si = {
+const li = /* @__PURE__ */ F(ni, [["render", ai], ["__scopeId", "data-v-fbaf8e78"]]), jt = Math.min, ri = Math.max, ii = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, ui = {
+}, si = {
   start: "end",
   end: "start"
 };
 function St(e, t, n) {
-  return ii(e, jt(t, n));
+  return ri(e, jt(t, n));
 }
 function Te(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -4710,20 +4716,20 @@ function Ve(e) {
 function Pt(e) {
   return Nt(Ve(e));
 }
-function ci(e, t, n) {
+function ui(e, t, n) {
   n === void 0 && (n = !1);
   const o = Ze(e), a = Pt(e), r = zt(a);
   let l = a === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (l = st(l)), [l, st(l)];
 }
-function di(e) {
+function ci(e) {
   const t = st(e);
   return [_t(e), t, _t(t)];
 }
 function _t(e) {
-  return e.replace(/start|end/g, (t) => ui[t]);
+  return e.replace(/start|end/g, (t) => si[t]);
 }
-function fi(e, t, n) {
+function di(e, t, n) {
   const o = ["left", "right"], a = ["right", "left"], r = ["top", "bottom"], l = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -4736,15 +4742,15 @@ function fi(e, t, n) {
       return [];
   }
 }
-function yi(e, t, n, o) {
+function fi(e, t, n, o) {
   const a = Ze(e);
-  let r = fi(be(e), n === "start", o);
+  let r = di(be(e), n === "start", o);
   return a && (r = r.map((l) => l + "-" + a), t && (r = r.concat(r.map(_t)))), r;
 }
 function st(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => si[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => ii[t]);
 }
-function vi(e) {
+function yi(e) {
   return {
     top: 0,
     right: 0,
@@ -4754,7 +4760,7 @@ function vi(e) {
   };
 }
 function xn(e) {
-  return typeof e != "number" ? vi(e) : {
+  return typeof e != "number" ? yi(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -4827,7 +4833,7 @@ function nn(e, t, n) {
   }
   return p;
 }
-const pi = async (e, t, n) => {
+const vi = async (e, t, n) => {
   const {
     placement: o = "bottom",
     strategy: a = "absolute",
@@ -4848,7 +4854,7 @@ const pi = async (e, t, n) => {
       fn: _
     } = s[g], {
       x: S,
-      y: V,
+      y: I,
       data: P,
       reset: z
     } = await _({
@@ -4865,7 +4871,7 @@ const pi = async (e, t, n) => {
         floating: t
       }
     });
-    c = S ?? c, f = V ?? f, p = {
+    c = S ?? c, f = I ?? f, p = {
       ...p,
       [m]: {
         ...p[m],
@@ -4914,7 +4920,7 @@ async function Tn(e, t) {
     y: a,
     width: l.floating.width,
     height: l.floating.height
-  } : l.reference, V = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), P = await (r.isElement == null ? void 0 : r.isElement(V)) ? await (r.getScale == null ? void 0 : r.getScale(V)) || {
+  } : l.reference, I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), P = await (r.isElement == null ? void 0 : r.isElement(I)) ? await (r.getScale == null ? void 0 : r.getScale(I)) || {
     x: 1,
     y: 1
   } : {
@@ -4923,7 +4929,7 @@ async function Tn(e, t) {
   }, z = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: s,
     rect: S,
-    offsetParent: V,
+    offsetParent: I,
     strategy: i
   }) : S);
   return {
@@ -4933,7 +4939,7 @@ async function Tn(e, t) {
     right: (z.right - _.right + v.right) / P.x
   };
 }
-const mi = (e) => ({
+const pi = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -4954,9 +4960,9 @@ const mi = (e) => ({
     const f = xn(c), y = {
       x: n,
       y: o
-    }, p = Pt(a), v = zt(p), g = await l.getDimensions(u), m = p === "y", _ = m ? "top" : "left", S = m ? "bottom" : "right", V = m ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], z = y[p] - r.reference[p], B = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
-    let w = B ? B[V] : 0;
-    (!w || !await (l.isElement == null ? void 0 : l.isElement(B))) && (w = s.floating[V] || r.floating[v]);
+    }, p = Pt(a), v = zt(p), g = await l.getDimensions(u), m = p === "y", _ = m ? "top" : "left", S = m ? "bottom" : "right", I = m ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], z = y[p] - r.reference[p], B = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
+    let w = B ? B[I] : 0;
+    (!w || !await (l.isElement == null ? void 0 : l.isElement(B))) && (w = s.floating[I] || r.floating[v]);
     const M = P / 2 - z / 2, T = w / 2 - g[v] / 2 - 1, J = jt(f[_], T), R = jt(f[S], T), C = J, x = w - g[v] - R, N = w / 2 - g[v] / 2 + M, U = St(C, N, x), q = !i.arrow && Ze(a) != null && N !== U && r.reference[v] / 2 - (N < C ? J : R) - g[v] / 2 < 0, K = q ? N < C ? N - C : N - x : 0;
     return {
       [p]: y[p] + K,
@@ -4994,12 +5000,12 @@ const mi = (e) => ({
       } = Te(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const _ = be(a), S = Ve(s), V = be(s) === s, P = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), z = y || (V || !g ? [st(s)] : di(s)), B = v !== "none";
-      !y && B && z.push(...yi(s, g, v, P));
+      const _ = be(a), S = Ve(s), I = be(s) === s, P = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), z = y || (I || !g ? [st(s)] : ci(s)), B = v !== "none";
+      !y && B && z.push(...fi(s, g, v, P));
       const w = [s, ...z], M = await Tn(t, m), T = [];
       let J = ((o = r.flip) == null ? void 0 : o.overflows) || [];
       if (c && T.push(M[_]), f) {
-        const N = ci(a, l, P);
+        const N = ui(a, l, P);
         T.push(M[N[0]], M[N[1]]);
       }
       if (J = [...J, {
@@ -5050,7 +5056,7 @@ const mi = (e) => ({
     }
   };
 };
-async function hi(e, t) {
+async function mi(e, t) {
   const {
     placement: n,
     platform: o,
@@ -5089,7 +5095,7 @@ const In = function(e) {
         y: r,
         placement: l,
         middlewareData: s
-      } = t, i = await hi(t, e);
+      } = t, i = await mi(t, e);
       return l === ((n = s.offset) == null ? void 0 : n.placement) && (o = s.arrow) != null && o.alignmentOffset ? {} : {
         x: a + i.x,
         y: r + i.y,
@@ -5131,12 +5137,12 @@ const In = function(e) {
       }, c = await Tn(t, i), f = Ve(be(a)), y = Nt(f);
       let p = u[y], v = u[f];
       if (r) {
-        const m = y === "y" ? "top" : "left", _ = y === "y" ? "bottom" : "right", S = p + c[m], V = p - c[_];
-        p = St(S, p, V);
+        const m = y === "y" ? "top" : "left", _ = y === "y" ? "bottom" : "right", S = p + c[m], I = p - c[_];
+        p = St(S, p, I);
       }
       if (l) {
-        const m = f === "y" ? "top" : "left", _ = f === "y" ? "bottom" : "right", S = v + c[m], V = v - c[_];
-        v = St(S, v, V);
+        const m = f === "y" ? "top" : "left", _ = f === "y" ? "bottom" : "right", S = v + c[m], I = v - c[_];
+        v = St(S, v, I);
       }
       const g = s.fn({
         ...t,
@@ -5180,12 +5186,12 @@ const In = function(e) {
         ...g
       };
       if (i) {
-        const V = y === "y" ? "height" : "width", P = r.reference[y] - r.floating[V] + m.mainAxis, z = r.reference[y] + r.reference[V] - m.mainAxis;
+        const I = y === "y" ? "height" : "width", P = r.reference[y] - r.floating[I] + m.mainAxis, z = r.reference[y] + r.reference[I] - m.mainAxis;
         p < P ? p = P : p > z && (p = z);
       }
       if (u) {
         var _, S;
-        const V = y === "y" ? "width" : "height", P = ["top", "left"].includes(be(a)), z = r.reference[f] - r.floating[V] + (P && ((_ = l.offset) == null ? void 0 : _[f]) || 0) + (P ? 0 : m.crossAxis), B = r.reference[f] + r.reference[V] + (P ? 0 : ((S = l.offset) == null ? void 0 : S[f]) || 0) - (P ? m.crossAxis : 0);
+        const I = y === "y" ? "width" : "height", P = ["top", "left"].includes(be(a)), z = r.reference[f] - r.floating[I] + (P && ((_ = l.offset) == null ? void 0 : _[f]) || 0) + (P ? 0 : m.crossAxis), B = r.reference[f] + r.reference[I] + (P ? 0 : ((S = l.offset) == null ? void 0 : S[f]) || 0) - (P ? m.crossAxis : 0);
         v < z ? v = z : v > B && (v = B);
       }
       return {
@@ -5230,14 +5236,14 @@ function Xe(e) {
   } = de(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(a);
 }
-function gi(e) {
+function hi(e) {
   return ["table", "td", "th"].includes(ke(e));
 }
 function Ot(e) {
   const t = Dt(), n = de(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
-function bi(e) {
+function gi(e) {
   let t = De(e);
   for (; ye(t) && !vt(t); ) {
     if (Ot(t))
@@ -5314,15 +5320,15 @@ function Oe(e) {
     y: s
   };
 }
-const wi = /* @__PURE__ */ we(0);
+const bi = /* @__PURE__ */ we(0);
 function Nn(e) {
   const t = ce(e);
-  return !Dt() || !t.visualViewport ? wi : {
+  return !Dt() || !t.visualViewport ? bi : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function ki(e, t, n) {
+function wi(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ce(e) ? !1 : t;
 }
 function Ie(e, t, n, o) {
@@ -5330,14 +5336,14 @@ function Ie(e, t, n, o) {
   const a = e.getBoundingClientRect(), r = Rt(e);
   let l = we(1);
   t && (o ? ve(o) && (l = Oe(o)) : l = Oe(e));
-  const s = ki(r, n, o) ? Nn(r) : we(0);
+  const s = wi(r, n, o) ? Nn(r) : we(0);
   let i = (a.left + s.x) / l.x, u = (a.top + s.y) / l.y, c = a.width / l.x, f = a.height / l.y;
   if (r) {
     const y = ce(r), p = o && ve(o) ? ce(o) : o;
     let v = y.frameElement;
     for (; v && o && p !== y; ) {
-      const g = Oe(v), m = v.getBoundingClientRect(), _ = de(v), S = m.left + (v.clientLeft + parseFloat(_.paddingLeft)) * g.x, V = m.top + (v.clientTop + parseFloat(_.paddingTop)) * g.y;
-      i *= g.x, u *= g.y, c *= g.x, f *= g.y, i += S, u += V, v = ce(v).frameElement;
+      const g = Oe(v), m = v.getBoundingClientRect(), _ = de(v), S = m.left + (v.clientLeft + parseFloat(_.paddingLeft)) * g.x, I = m.top + (v.clientTop + parseFloat(_.paddingTop)) * g.y;
+      i *= g.x, u *= g.y, c *= g.x, f *= g.y, i += S, u += I, v = ce(v).frameElement;
     }
   }
   return ut({
@@ -5347,7 +5353,7 @@ function Ie(e, t, n, o) {
     y: u
   });
 }
-function ji(e) {
+function ki(e) {
   let {
     rect: t,
     offsetParent: n,
@@ -5372,13 +5378,13 @@ function ji(e) {
     y: t.y * s.y - l.scrollTop * s.y + i.y
   };
 }
-function Si(e) {
+function ji(e) {
   return Array.from(e.getClientRects());
 }
 function zn(e) {
   return Ie(pe(e)).left + pt(e).scrollLeft;
 }
-function _i(e) {
+function Si(e) {
   const t = pe(e), n = pt(e), o = e.ownerDocument.body, a = Pe(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = Pe(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let l = -n.scrollLeft + zn(e);
   const s = -n.scrollTop;
@@ -5389,7 +5395,7 @@ function _i(e) {
     y: s
   };
 }
-function $i(e, t) {
+function _i(e, t) {
   const n = ce(e), o = pe(e), a = n.visualViewport;
   let r = o.clientWidth, l = o.clientHeight, s = 0, i = 0;
   if (a) {
@@ -5404,7 +5410,7 @@ function $i(e, t) {
     y: i
   };
 }
-function Ci(e, t) {
+function $i(e, t) {
   const n = Ie(e, !0, t === "fixed"), o = n.top + e.clientTop, a = n.left + e.clientLeft, r = ye(e) ? Oe(e) : we(1), l = e.clientWidth * r.x, s = e.clientHeight * r.y, i = a * r.x, u = o * r.y;
   return {
     width: l,
@@ -5416,11 +5422,11 @@ function Ci(e, t) {
 function an(e, t, n) {
   let o;
   if (t === "viewport")
-    o = $i(e, n);
+    o = _i(e, n);
   else if (t === "document")
-    o = _i(pe(e));
+    o = Si(pe(e));
   else if (ve(t))
-    o = Ci(t, n);
+    o = $i(t, n);
   else {
     const a = Nn(e);
     o = {
@@ -5435,7 +5441,7 @@ function Pn(e, t) {
   const n = De(e);
   return n === t || !ve(n) || vt(n) ? !1 : de(n).position === "fixed" || Pn(n, t);
 }
-function xi(e, t) {
+function Ci(e, t) {
   const n = t.get(e);
   if (n)
     return n;
@@ -5448,14 +5454,14 @@ function xi(e, t) {
   }
   return t.set(e, o), o;
 }
-function Ti(e) {
+function xi(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: o,
     strategy: a
   } = e;
-  const l = [...n === "clippingAncestors" ? xi(t, this._c) : [].concat(n), o], s = l[0], i = l.reduce((u, c) => {
+  const l = [...n === "clippingAncestors" ? Ci(t, this._c) : [].concat(n), o], s = l[0], i = l.reduce((u, c) => {
     const f = an(t, c, a);
     return u.top = Pe(f.top, u.top), u.right = $t(f.right, u.right), u.bottom = $t(f.bottom, u.bottom), u.left = Pe(f.left, u.left), u;
   }, an(t, s, a));
@@ -5466,10 +5472,10 @@ function Ti(e) {
     y: i.top
   };
 }
-function Vi(e) {
+function Ti(e) {
   return Fn(e);
 }
-function Ii(e, t, n) {
+function Vi(e, t, n) {
   const o = ye(t), a = pe(t), r = n === "fixed", l = Ie(e, !0, r, t);
   let s = {
     scrollLeft: 0,
@@ -5497,11 +5503,11 @@ function On(e, t) {
   if (!ye(e))
     return n;
   let o = ln(e, t);
-  for (; o && gi(o) && de(o).position === "static"; )
+  for (; o && hi(o) && de(o).position === "static"; )
     o = ln(o, t);
-  return o && (ke(o) === "html" || ke(o) === "body" && de(o).position === "static" && !Ot(o)) ? n : o || bi(e) || n;
+  return o && (ke(o) === "html" || ke(o) === "body" && de(o).position === "static" && !Ot(o)) ? n : o || gi(e) || n;
 }
-const Ei = async function(e) {
+const Ii = async function(e) {
   let {
     reference: t,
     floating: n,
@@ -5509,7 +5515,7 @@ const Ei = async function(e) {
   } = e;
   const a = this.getOffsetParent || On, r = this.getDimensions;
   return {
-    reference: Ii(t, await a(n), o),
+    reference: Vi(t, await a(n), o),
     floating: {
       x: 0,
       y: 0,
@@ -5517,22 +5523,22 @@ const Ei = async function(e) {
     }
   };
 };
-function Li(e) {
+function Ei(e) {
   return de(e).direction === "rtl";
 }
-const Ai = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: ji,
+const Li = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ki,
   getDocumentElement: pe,
-  getClippingRect: Ti,
+  getClippingRect: xi,
   getOffsetParent: On,
-  getElementRects: Ei,
-  getClientRects: Si,
-  getDimensions: Vi,
+  getElementRects: Ii,
+  getClientRects: ji,
+  getDimensions: Ti,
   getScale: Oe,
   isElement: ve,
-  isRTL: Li
+  isRTL: Ei
 };
-function Bi(e, t) {
+function Ai(e, t) {
   let n = null, o;
   const a = pe(e);
   function r() {
@@ -5552,17 +5558,17 @@ function Bi(e, t) {
       rootMargin: -p + "px " + -v + "px " + -g + "px " + -m + "px",
       threshold: Pe(0, $t(1, i)) || 1
     };
-    let V = !0;
+    let I = !0;
     function P(z) {
       const B = z[0].intersectionRatio;
       if (B !== i) {
-        if (!V)
+        if (!I)
           return l();
         B ? l(!1, B) : o = setTimeout(() => {
           l(!1, 1e-7);
         }, 100);
       }
-      V = !1;
+      I = !1;
     }
     try {
       n = new IntersectionObserver(P, {
@@ -5577,7 +5583,7 @@ function Bi(e, t) {
   }
   return l(!0), r;
 }
-function Fi(e, t, n, o) {
+function Bi(e, t, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: a = !0,
@@ -5591,7 +5597,7 @@ function Fi(e, t, n, o) {
       passive: !0
     }), r && _.addEventListener("resize", n);
   });
-  const f = u && s ? Bi(u, n) : null;
+  const f = u && s ? Ai(u, n) : null;
   let y = -1, p = null;
   l && (p = new ResizeObserver((_) => {
     let [S] = _;
@@ -5611,41 +5617,41 @@ function Fi(e, t, n, o) {
     }), f && f(), p && p.disconnect(), p = null, i && cancelAnimationFrame(v);
   };
 }
-const Ni = (e, t, n) => {
+const Fi = (e, t, n) => {
   const o = /* @__PURE__ */ new Map(), a = {
-    platform: Ai,
+    platform: Li,
     ...n
   }, r = {
     ...a.platform,
     _c: o
   };
-  return pi(e, t, {
+  return vi(e, t, {
     ...a,
     platform: r
   });
 };
-function zi(e) {
+function Ni(e) {
   return Dn(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function Pi(e) {
+function zi(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function Dn(e) {
-  return e instanceof Node || e instanceof Pi(e).Node;
+  return e instanceof Node || e instanceof zi(e).Node;
 }
-function Oi(e) {
+function Pi(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function Ct(e) {
-  if (Oi(e)) {
+  if (Pi(e)) {
     const t = e.$el;
-    return Dn(t) && zi(t) === "#comment" ? null : t;
+    return Dn(t) && Ni(t) === "#comment" ? null : t;
   }
   return e;
 }
 function Ne(e) {
-  return typeof e == "function" ? e() : G(e);
+  return typeof e == "function" ? e() : Y(e);
 }
 function Rn(e) {
   return {
@@ -5653,7 +5659,7 @@ function Rn(e) {
     options: e,
     fn(t) {
       const n = Ct(Ne(e.element));
-      return n == null ? {} : mi({
+      return n == null ? {} : pi({
         element: n,
         padding: e.padding
       }).fn(t);
@@ -5669,19 +5675,19 @@ function rn(e, t) {
 }
 function Jn(e, t, n) {
   n === void 0 && (n = {});
-  const o = n.whileElementsMounted, a = I(() => {
+  const o = n.whileElementsMounted, a = V(() => {
     var w;
     return (w = Ne(n.open)) != null ? w : !0;
-  }), r = I(() => Ne(n.middleware)), l = I(() => {
+  }), r = V(() => Ne(n.middleware)), l = V(() => {
     var w;
     return (w = Ne(n.placement)) != null ? w : "bottom";
-  }), s = I(() => {
+  }), s = V(() => {
     var w;
     return (w = Ne(n.strategy)) != null ? w : "absolute";
-  }), i = I(() => {
+  }), i = V(() => {
     var w;
     return (w = Ne(n.transform)) != null ? w : !0;
-  }), u = I(() => Ct(e.value)), c = I(() => Ct(t.value)), f = $(0), y = $(0), p = $(s.value), v = $(l.value), g = cn({}), m = $(!1), _ = I(() => {
+  }), u = V(() => Ct(e.value)), c = V(() => Ct(t.value)), f = $(0), y = $(0), p = $(s.value), v = $(l.value), g = cn({}), m = $(!1), _ = V(() => {
     const w = {
       position: p.value,
       left: "0",
@@ -5703,8 +5709,8 @@ function Jn(e, t, n) {
     };
   });
   let S;
-  function V() {
-    u.value == null || c.value == null || Ni(u.value, c.value, {
+  function I() {
+    u.value == null || c.value == null || Fi(u.value, c.value, {
       middleware: r.value,
       placement: l.value,
       strategy: s.value
@@ -5717,18 +5723,18 @@ function Jn(e, t, n) {
   }
   function z() {
     if (P(), o === void 0) {
-      V();
+      I();
       return;
     }
     if (u.value != null && c.value != null) {
-      S = o(u.value, c.value, V);
+      S = o(u.value, c.value, I);
       return;
     }
   }
   function B() {
     a.value || (m.value = !1);
   }
-  return ne([r, l, s], V, {
+  return ne([r, l, s], I, {
     flush: "sync"
   }), ne([u, c], z, {
     flush: "sync"
@@ -5742,10 +5748,10 @@ function Jn(e, t, n) {
     middlewareData: Be(g),
     isPositioned: Be(m),
     floatingStyles: _,
-    update: V
+    update: I
   };
 }
-const Di = () => {
+const Oi = () => {
   const e = $(null);
   return {
     clearProductTourRef: () => {
@@ -5757,10 +5763,10 @@ const Di = () => {
     },
     productToursRef: e
   };
-}, qn = Di(), Ri = { class: "joy-product-tour__content" }, Mi = { class: "joy-product-tour__header" }, Ji = {
+}, qn = Oi(), Di = { class: "joy-product-tour__content" }, Ri = { class: "joy-product-tour__header" }, Mi = {
   key: 0,
   class: "joy-product-tour__footer"
-}, qi = { class: "joy-product-tour__footer___steps" }, Hi = "joy-product-tour-spotlight__wrapper", Wi = /* @__PURE__ */ A({
+}, Ji = { class: "joy-product-tour__footer___steps" }, qi = "joy-product-tour-spotlight__wrapper", Hi = /* @__PURE__ */ A({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5780,7 +5786,7 @@ const Di = () => {
       Jn(i, l, {
         placement: a.position,
         whileElementsMounted(...w) {
-          return Fi(...w, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
+          return Bi(...w, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
@@ -5794,7 +5800,7 @@ const Di = () => {
           Rn({ element: y, padding: 0 })
         ]
       })
-    ), v = I(() => {
+    ), v = V(() => {
       const { middlewareData: w, placement: M } = p.value, T = w.arrow, J = {
         top: "bottom",
         right: "left",
@@ -5820,13 +5826,13 @@ const Di = () => {
       f.value = !1, r(), B(), o("product-tour:hide");
     }
     function _(w) {
-      i.value && (w.disableOverlay || S(), V(w.elementToHighlight));
+      i.value && (w.disableOverlay || S(), I(w.elementToHighlight));
     }
     function S() {
       s.value = document.createElement("div"), s.value.classList.add("joy-product-tour__overlay"), s.value.addEventListener("click", m, { once: !0 }), s.value.style.position = "fixed", s.value.style.top = "0", s.value.style.left = "0", s.value.style.width = "100%", s.value.style.height = "100%", s.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(s.value);
     }
-    function V(w) {
-      w && (w.style.position = "relative", w.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = H(ri), c.value = document.createElement("div"), c.value.classList.add(Hi), document.body.appendChild(c.value), Jt(u.value, c.value), P());
+    function I(w) {
+      w && (w.style.position = "relative", w.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = H(li), c.value = document.createElement("div"), c.value.classList.add(qi), document.body.appendChild(c.value), Jt(u.value, c.value), P());
     }
     function P() {
       if (!c.value)
@@ -5894,25 +5900,25 @@ const Di = () => {
               onClick: m
             })) : j("", !0)
           ], 2),
-          h("div", Ri, [
-            w.icon ? (d(), L(Y, {
+          h("div", Di, [
+            w.icon ? (d(), L(G, {
               key: 0,
               class: "joy-product-tour__content___icon",
               name: w.icon,
               size: "medium"
             }, null, 8, ["name"])) : j("", !0),
             h("div", null, [
-              h("div", Mi, [
+              h("div", Ri, [
                 k(w.$slots, "product-tour-header", {}, void 0, !0)
               ]),
               k(w.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          w.$slots["product-tour-dismiss"] || w.$slots["product-tour-next"] ? (d(), b("div", Ji, [
+          w.$slots["product-tour-dismiss"] || w.$slots["product-tour-next"] ? (d(), b("div", Mi, [
             h("div", { onClick: m }, [
               k(w.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
-            h("span", qi, [
+            h("span", Ji, [
               w.steps > 1 ? (d(), b(Q, { key: 0 }, [
                 W(D(w.step) + "/" + D(w.steps), 1)
               ], 64)) : j("", !0)
@@ -5925,7 +5931,7 @@ const Di = () => {
       ]);
     };
   }
-}), Ui = /* @__PURE__ */ F(Wi, [["__scopeId", "data-v-76a02680"]]), $c = /* @__PURE__ */ A({
+}), Wi = /* @__PURE__ */ F(Hi, [["__scopeId", "data-v-76a02680"]]), _c = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5942,7 +5948,7 @@ const Di = () => {
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: n }) {
-    const o = $(!1), a = e, r = n, { storeProductTourRef: l, clearProductTourRef: s } = qn, i = $(), u = Le(), c = I(() => {
+    const o = $(!1), a = e, r = n, { storeProductTourRef: l, clearProductTourRef: s } = qn, i = $(), u = Le(), c = V(() => {
       if (o.value)
         return u;
     });
@@ -5962,7 +5968,7 @@ const Di = () => {
       show: f,
       hide: p
     }), (v, g) => (d(), L(Re, { to: "body" }, [
-      H(Ui, X({ ...a, ...c.value }, {
+      H(Wi, X({ ...a, ...c.value }, {
         ref_key: "productTour",
         ref: i,
         "onProductTour:hide": y
@@ -5989,14 +5995,14 @@ const Di = () => {
       }, 16)
     ]));
   }
-}), Cc = /* @__PURE__ */ A({
+}), $c = /* @__PURE__ */ A({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = t, a = I(() => n.productTour), r = oe(), l = I(() => r.default());
+    const n = e, o = t, a = V(() => n.productTour), r = oe(), l = V(() => r.default());
     async function s() {
       var i;
       o("click"), a.value && ((i = a.value) == null || i.show());
@@ -6006,7 +6012,7 @@ const Di = () => {
       onClick: s
     }))), 128));
   }
-}), Ki = /* @__PURE__ */ A({
+}), Ui = /* @__PURE__ */ A({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -6034,7 +6040,7 @@ const Di = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = $(0), a = I(() => r());
+    const n = e, o = $(0), a = V(() => r());
     function r() {
       return n.percentage ? o.value = n.percentage : n.currentStep && n.steps ? o.value = Math.round(n.currentStep / n.steps * 100) : o.value = 0, o.value < 0 && (o.value = 0), o.value > 100 && (o.value = 100), o.value + "%";
     }
@@ -6050,7 +6056,7 @@ const Di = () => {
       }, null, 4)
     ], 2));
   }
-}), xc = /* @__PURE__ */ F(Ki, [["__scopeId", "data-v-14b07f95"]]), Gi = ["id", "value", "checked", "disabled", "required", "name"], Yi = { class: "joy-radio-label" }, Zi = { class: "joy-radio-content__wrapper" }, Xi = { class: "joy-radio-content" }, Qi = /* @__PURE__ */ A({
+}), Cc = /* @__PURE__ */ F(Ui, [["__scopeId", "data-v-14b07f95"]]), Ki = ["id", "value", "checked", "disabled", "required", "name"], Gi = { class: "joy-radio-label" }, Yi = { class: "joy-radio-content__wrapper" }, Zi = { class: "joy-radio-content" }, Xi = /* @__PURE__ */ A({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -6087,7 +6093,7 @@ const Di = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = n, a = e, r = $(!1), l = $(!1), s = $(null), i = $(null), u = oe(), c = I(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
+    const o = n, a = e, r = $(!1), l = $(!1), s = $(null), i = $(null), u = oe(), c = V(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
     function f() {
       r.value = !!u["expandable-content"] && c.value;
     }
@@ -6137,12 +6143,12 @@ const Di = () => {
         onChange: y,
         onFocus: p,
         onBlur: v
-      }, null, 40, Gi),
-      h("span", Yi, [
+      }, null, 40, Ki),
+      h("span", Gi, [
         k(g.$slots, "default", {}, void 0, !0)
       ]),
-      h("div", Zi, [
-        h("div", Xi, [
+      h("div", Yi, [
+        h("div", Zi, [
           k(g.$slots, "radio-content", {}, void 0, !0)
         ]),
         h("div", {
@@ -6155,7 +6161,7 @@ const Di = () => {
       ])
     ], 2));
   }
-}), Tc = /* @__PURE__ */ F(Qi, [["__scopeId", "data-v-7ee19b20"]]), es = ["form", "name"], ts = /* @__PURE__ */ A({
+}), xc = /* @__PURE__ */ F(Xi, [["__scopeId", "data-v-7ee19b20"]]), Qi = ["form", "name"], es = /* @__PURE__ */ A({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -6189,9 +6195,9 @@ const Di = () => {
       }, [
         k(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, es));
+    ], 8, Qi));
   }
-}), Vc = /* @__PURE__ */ F(ts, [["__scopeId", "data-v-1b870a4c"]]), ns = ["ariaLabel"], os = { class: "joy-rating-stars" }, as = { class: "joy-rating-stars__content" }, ls = { key: 0 }, rs = /* @__PURE__ */ A({
+}), Tc = /* @__PURE__ */ F(es, [["__scopeId", "data-v-1b870a4c"]]), ts = ["ariaLabel"], ns = { class: "joy-rating-stars" }, os = { class: "joy-rating-stars__content" }, as = { key: 0 }, ls = /* @__PURE__ */ A({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -6210,7 +6216,7 @@ const Di = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = Le(), a = I(() => {
+    const n = e, o = Le(), a = V(() => {
       let r = [], l = 0.24, s = 0.75;
       for (let i = 0; i < 5; i++)
         n.ratingValue > l ? r.push(n.ratingValue < s ? "half" : "full") : r.push("empty"), l += 1, s += 1;
@@ -6221,24 +6227,24 @@ const Di = () => {
     }), (r, l) => (d(), b("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
-      ariaLabel: G(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
+      ariaLabel: Y(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      h("ul", os, [
+      h("ul", ns, [
         (d(!0), b(Q, null, te(a.value, (s, i) => (d(), b("li", {
           key: i,
           class: E([`joy-rating-stars--${e.size}`])
         }, [
-          s === "full" ? (d(), L(Y, {
+          s === "full" ? (d(), L(G, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : s === "half" ? (d(), L(Y, {
+          })) : s === "half" ? (d(), L(G, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (d(), L(Y, {
+          })) : (d(), L(G, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -6246,14 +6252,14 @@ const Di = () => {
           }))
         ], 2))), 128))
       ]),
-      h("div", as, [
+      h("div", os, [
         k(r.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (d(), b("span", ls, "(" + D(e.reviewCount) + ")", 1)) : j("", !0)
+          e.reviewCount ? (d(), b("span", as, "(" + D(e.reviewCount) + ")", 1)) : j("", !0)
         ], !0)
       ])
-    ], 8, ns));
+    ], 8, ts));
   }
-}), is = /* @__PURE__ */ F(rs, [["__scopeId", "data-v-4c9a1026"]]), ss = ["id", "name", "aria-invalid", "required", "disabled"], us = ["selected"], cs = /* @__PURE__ */ A({
+}), rs = /* @__PURE__ */ F(ls, [["__scopeId", "data-v-4c9a1026"]]), is = ["id", "name", "aria-invalid", "required", "disabled"], ss = ["selected"], us = /* @__PURE__ */ A({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -6297,7 +6303,7 @@ const Di = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = oe(), l = I(() => {
+    const o = e, a = n, r = oe(), l = V(() => {
       const g = r.default();
       let m = [];
       return g.forEach((_) => {
@@ -6307,15 +6313,15 @@ const Di = () => {
           const S = _.children;
           if (typeof S == "string" || !S.length)
             return;
-          const V = S.filter(s);
-          m = [...m, ...V];
+          const I = S.filter(s);
+          m = [...m, ...I];
         }
       }), m;
     });
     function s(g) {
       return (g == null ? void 0 : g.type) === "option";
     }
-    const i = $(), u = $(), c = $(!1), f = I(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
+    const i = $(), u = $(), c = $(!1), f = V(() => o.labelSize ? o.labelSize : o.size !== "medium" ? "small" : "medium");
     ie(() => {
       var _;
       const g = r["select-label"] && r["select-label"]();
@@ -6386,23 +6392,23 @@ const Di = () => {
           onBlur: v
         }, [
           (d(!0), b(Q, null, te(l.value, (_) => {
-            var S, V;
+            var S, I;
             return d(), b("option", X({
               key: (S = _.props) == null ? void 0 : S.value,
               ref_for: !0
             }, _.props, {
-              selected: ((V = _.props) == null ? void 0 : V.value) === e.modelValue
-            }), D(_.children), 17, us);
+              selected: ((I = _.props) == null ? void 0 : I.value) === e.modelValue
+            }), D(_.children), 17, ss);
           }), 128))
-        ], 40, ss),
-        H(Y, {
+        ], 40, is),
+        H(G, {
           class: "joy-select__chevron",
           name: "chevron-down"
         })
       ], 2)
     ], 512));
   }
-}), Ic = /* @__PURE__ */ F(cs, [["__scopeId", "data-v-7e3adcd9"]]), ds = ["aria-disabled"], fs = ["id", "value", "checked", "disabled", "required", "name"], ys = { class: "joy-selectable-item__label" }, vs = /* @__PURE__ */ A({
+}), Vc = /* @__PURE__ */ F(us, [["__scopeId", "data-v-7e3adcd9"]]), cs = ["aria-disabled"], ds = ["id", "value", "checked", "disabled", "required", "name"], fs = { class: "joy-selectable-item__label" }, ys = /* @__PURE__ */ A({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -6496,8 +6502,8 @@ const Di = () => {
         (...f) => s.onFocus && s.onFocus(...f)),
         onBlur: c[2] || (c[2] = //@ts-ignore
         (...f) => s.onBlur && s.onBlur(...f))
-      }, null, 40, fs)),
-      (d(), L(re(G(l)), {
+      }, null, 40, ds)),
+      (d(), L(re(Y(l)), {
         for: e.id,
         class: E([
           "joy-selectable-item",
@@ -6530,7 +6536,7 @@ const Di = () => {
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required"])) : j("", !0),
-          h("div", ys, [
+          h("div", fs, [
             e.multiple ? j("", !0) : k(u.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           h("div", {
@@ -6543,9 +6549,9 @@ const Di = () => {
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, ds));
+    ], 10, cs));
   }
-}), ps = /* @__PURE__ */ F(vs, [["__scopeId", "data-v-a9ceec9f"]]), ms = ["id"], hs = /* @__PURE__ */ A({
+}), vs = /* @__PURE__ */ F(ys, [["__scopeId", "data-v-a9ceec9f"]]), ps = ["id"], ms = /* @__PURE__ */ A({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -6622,7 +6628,7 @@ const Di = () => {
           }
         ])
       }, [
-        (d(!0), b(Q, null, te(e.options, (i) => (d(), L(ps, X({ ref_for: !0 }, i.attrs, {
+        (d(!0), b(Q, null, te(e.options, (i) => (d(), L(vs, X({ ref_for: !0 }, i.attrs, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -6649,9 +6655,9 @@ const Di = () => {
           } : void 0
         ]), 1040, ["id", "name", "disabled", "value", "multiple", "variant", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, ms));
+    ], 8, ps));
   }
-}), Ec = /* @__PURE__ */ F(hs, [["__scopeId", "data-v-9c23de38"]]), gs = /* @__PURE__ */ A({
+}), Ic = /* @__PURE__ */ F(ms, [["__scopeId", "data-v-9c23de38"]]), hs = /* @__PURE__ */ A({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6670,7 +6676,7 @@ const Di = () => {
       h("span", null, D(e.text), 1)
     ], 2));
   }
-}), Lc = /* @__PURE__ */ F(gs, [["__scopeId", "data-v-21db2899"]]), bs = { class: "joy-snackbar__img" }, ws = { class: "joy-snackbar__content" }, ks = { key: 0 }, js = ["innerHTML"], Ss = /* @__PURE__ */ A({
+}), Ec = /* @__PURE__ */ F(hs, [["__scopeId", "data-v-21db2899"]]), gs = { class: "joy-snackbar__img" }, bs = { class: "joy-snackbar__content" }, ws = { key: 0 }, ks = ["innerHTML"], js = /* @__PURE__ */ A({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -6720,7 +6726,7 @@ const Di = () => {
   setup(e, { expose: t }) {
     const n = e, o = $(!0);
     let a, r;
-    const l = "joy-snackbar-" + je(), s = I(() => yn(n.level));
+    const l = "joy-snackbar-" + je(), s = V(() => yn(n.level));
     function i() {
       var g;
       (g = n.bus) == null || g.emit("snackbar:action-click");
@@ -6766,12 +6772,12 @@ const Di = () => {
         id: l,
         class: E(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
-        h("div", bs, [
-          H(Y, { name: s.value }, null, 8, ["name"])
+        h("div", gs, [
+          H(G, { name: s.value }, null, 8, ["name"])
         ]),
-        h("div", ws, [
-          e.header ? (d(), b("strong", ks, D(e.header), 1)) : j("", !0),
-          h("span", { innerHTML: e.message }, null, 8, js),
+        h("div", bs, [
+          e.header ? (d(), b("strong", ws, D(e.header), 1)) : j("", !0),
+          h("span", { innerHTML: e.message }, null, 8, ks),
           e.actionText ? (d(), b("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
@@ -6790,10 +6796,10 @@ const Di = () => {
       ], 2)
     ], 2));
   }
-}), _s = /* @__PURE__ */ F(Ss, [["__scopeId", "data-v-d93e38fe"]]), $s = ["id"], Cs = { class: "joy-step__stroke" }, xs = {
+}), Ss = /* @__PURE__ */ F(js, [["__scopeId", "data-v-d93e38fe"]]), _s = ["id"], $s = { class: "joy-step__stroke" }, Cs = {
   key: 0,
   class: "joy-step__label"
-}, Ts = /* @__PURE__ */ A({
+}, xs = /* @__PURE__ */ A({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6827,7 +6833,7 @@ const Di = () => {
   },
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = $(0.1), l = I(() => o.completed ? "100%" : s.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - r.value, 1 - r.value) * 100).toFixed(1) + "%" : "0%"), s = I(() => o.currentSubStep > 0);
+    const o = e, a = n, r = $(0.1), l = V(() => o.completed ? "100%" : s.value ? o.subSteps <= 1 || o.currentSubStep === 1 ? "10%" : (Math.min(o.currentSubStep / o.subSteps - r.value, 1 - r.value) * 100).toFixed(1) + "%" : "0%"), s = V(() => o.currentSubStep > 0);
     function i(u) {
       u <= 0 && console.warn("subSteps must be equal or greater than 1"), a("update:subSteps");
     }
@@ -6844,7 +6850,7 @@ const Di = () => {
         }
       ])
     }, [
-      h("span", Cs, [
+      h("span", $s, [
         h("span", {
           class: "joy-step__stroke--filled",
           style: se({ maxWidth: l.value })
@@ -6852,15 +6858,15 @@ const Di = () => {
       ]),
       H(It, { name: "joy-step__label" }, {
         default: O(() => [
-          e.showLabel ? (d(), b("span", xs, [
+          e.showLabel ? (d(), b("span", Cs, [
             k(u.$slots, "default", {}, void 0, !0)
           ])) : j("", !0)
         ]),
         _: 3
       })
-    ], 10, $s));
+    ], 10, _s));
   }
-}), Vs = /* @__PURE__ */ F(Ts, [["__scopeId", "data-v-3820cdf3"]]), Is = { class: "joy-stepper" }, Es = /* @__PURE__ */ A({
+}), Ts = /* @__PURE__ */ F(xs, [["__scopeId", "data-v-3820cdf3"]]), Vs = { class: "joy-stepper" }, Is = /* @__PURE__ */ A({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6875,7 +6881,7 @@ const Di = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = oe(), a = Ee("VJoyStepperShowLabels", !0), r = I(() => {
+    const n = e, o = oe(), a = Ee("VJoyStepperShowLabels", !0), r = V(() => {
       const y = o.default();
       return y.length === 1 && typeof y[0].type != "object" ? y[0].children.filter(l) : y.filter(l);
     });
@@ -6883,7 +6889,7 @@ const Di = () => {
       var p;
       return ((p = y.type) == null ? void 0 : p.__name) === "VJoyStep";
     }
-    const s = I(() => n.step > 0 ? r.value[n.step - 1] : r.value[0]), i = I(() => s.value.props === null ? !1 : n.subStep <= 0 || n.subStep > c.value), u = I(() => i.value && s.value.props ? s.value.props["sub-steps"] : n.subStep), c = I(() => s.value.props === null ? s.value.type.props.subSteps.default : s.value.props["sub-steps"]);
+    const s = V(() => n.step > 0 ? r.value[n.step - 1] : r.value[0]), i = V(() => s.value.props === null ? !1 : n.subStep <= 0 || n.subStep > c.value), u = V(() => i.value && s.value.props ? s.value.props["sub-steps"] : n.subStep), c = V(() => s.value.props === null ? s.value.type.props.subSteps.default : s.value.props["sub-steps"]);
     function f(y) {
       return y !== n.step - 1 ? 0 : u.value;
     }
@@ -6891,14 +6897,14 @@ const Di = () => {
       currentItemSubStep: u,
       steps: r,
       invalidSubStepValue: i
-    }), (y, p) => (d(), b("div", Is, [
+    }), (y, p) => (d(), b("div", Vs, [
       (d(!0), b(Q, null, te(r.value, (v, g) => {
         var m;
-        return d(), L(Vs, X({ ref_for: !0 }, v.props, {
+        return d(), L(Ts, X({ ref_for: !0 }, v.props, {
           key: (m = v.props) == null ? void 0 : m.id,
           completed: g < e.step - 1,
           "current-sub-step": f(g),
-          "show-label": G(a)
+          "show-label": Y(a)
         }), {
           default: O(() => {
             var _;
@@ -6911,7 +6917,7 @@ const Di = () => {
       }), 128))
     ]));
   }
-}), Ac = /* @__PURE__ */ F(Es, [["__scopeId", "data-v-22705668"]]), Ls = ["id", "aria-hidden", "aria-labelledby"], As = /* @__PURE__ */ A({
+}), Lc = /* @__PURE__ */ F(Is, [["__scopeId", "data-v-22705668"]]), Es = ["id", "aria-hidden", "aria-labelledby"], Ls = /* @__PURE__ */ A({
   __name: "VJoyTab",
   props: {
     /**
@@ -6942,7 +6948,7 @@ const Di = () => {
     }
   },
   setup(e) {
-    const t = e, n = Ee("VJoyTabs", $("")), o = I(() => n.value === t.tab);
+    const t = e, n = Ee("VJoyTabs", $("")), o = V(() => n.value === t.tab);
     return (a, r) => (d(), b("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
@@ -6954,12 +6960,12 @@ const Di = () => {
       })
     }, [
       k(a.$slots, "default", {}, void 0, !0)
-    ], 10, Ls));
+    ], 10, Es));
   }
-}), Bc = /* @__PURE__ */ F(As, [["__scopeId", "data-v-a76a7c92"]]), Bs = ["id", "href", "aria-selected", "aria-controls"], Fs = {
+}), Ac = /* @__PURE__ */ F(Ls, [["__scopeId", "data-v-a76a7c92"]]), As = ["id", "href", "aria-selected", "aria-controls"], Bs = {
   type: "button",
   tabindex: "-1"
-}, Ns = /* @__PURE__ */ A({
+}, Fs = /* @__PURE__ */ A({
   __name: "TabButton",
   props: {
     /**
@@ -7019,7 +7025,7 @@ const Di = () => {
           "joy-tab-button__selected": e.selected
         })
       }, [
-        h("button", Fs, [
+        h("button", Bs, [
           k(r.$slots, "default", {}, () => [
             W(D(e.label), 1)
           ], !0),
@@ -7031,9 +7037,9 @@ const Di = () => {
           }, null, 8, ["number"])) : j("", !0)
         ])
       ], 2)
-    ], 40, Bs));
+    ], 40, As));
   }
-}), zs = /* @__PURE__ */ F(Ns, [["__scopeId", "data-v-26b80ed6"]]), Ps = { class: "joy-tabs" }, Os = /* @__PURE__ */ A({
+}), Ns = /* @__PURE__ */ F(Fs, [["__scopeId", "data-v-26b80ed6"]]), zs = { class: "joy-tabs" }, Ps = /* @__PURE__ */ A({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -7045,7 +7051,7 @@ const Di = () => {
   setup(e, { expose: t, emit: n }) {
     const o = e, a = n, r = oe(), l = $(o.selectedTab);
     dt("VJoyTabs", l);
-    const s = $(null), i = $(null), u = $(!1), c = $(!1), f = I(() => {
+    const s = $(null), i = $(null), u = $(!1), c = $(!1), f = V(() => {
       const m = r.default();
       return m.length === 1 && typeof m[0].type != "object" ? m[0].children.filter(y) : m.filter(y);
     });
@@ -7076,7 +7082,7 @@ const Di = () => {
       (m = i.value) == null || m.removeEventListener("scroll", v);
     }), t({
       tabs: f
-    }), (m, _) => (d(), b("div", Ps, [
+    }), (m, _) => (d(), b("div", zs, [
       h("div", {
         ref_key: "buttonListWrapper",
         ref: s,
@@ -7095,7 +7101,7 @@ const Di = () => {
           (d(!0), b(Q, null, te(f.value, (S) => (d(), b("div", {
             key: S.props.tab
           }, [
-            H(zs, {
+            H(Ns, {
               tab: S.props.tab,
               label: S.props.label,
               href: S.props.href,
@@ -7104,9 +7110,9 @@ const Di = () => {
               onChangeTab: () => g(S.props.tab, !S.props.href)
             }, {
               default: O(() => {
-                var V;
+                var I;
                 return [
-                  (V = S.children) != null && V.header ? (d(), L(re(S.children.header), { key: 0 })) : j("", !0)
+                  (I = S.children) != null && I.header ? (d(), L(re(S.children.header), { key: 0 })) : j("", !0)
                 ];
               }),
               _: 2
@@ -7119,7 +7125,7 @@ const Di = () => {
       ])
     ]));
   }
-}), Fc = /* @__PURE__ */ F(Os, [["__scopeId", "data-v-9aea2d41"]]), Ds = ["id", "role"], Rs = /* @__PURE__ */ A({
+}), Bc = /* @__PURE__ */ F(Ps, [["__scopeId", "data-v-9aea2d41"]]), Os = ["id", "role"], Ds = /* @__PURE__ */ A({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -7136,7 +7142,7 @@ const Di = () => {
   },
   emits: ["selected", "remove", "click"],
   setup(e, { emit: t }) {
-    const n = ["primary", "secondary"], o = t, a = e, r = I(() => ({
+    const n = ["primary", "secondary"], o = t, a = e, r = V(() => ({
       "joy-tag": !0,
       "joy-tag__selected": a.selected,
       "joy-tag__selectable": a.selectable || a.link,
@@ -7145,7 +7151,7 @@ const Di = () => {
       "joy-tag__disabled": a.disabled,
       ["joy-tag__" + a.size]: !0,
       ["joy-tag__" + a.variant]: !0
-    })), l = I(() => {
+    })), l = V(() => {
       var u;
       return ((u = a.value) == null ? void 0 : u.toString()) || "joy-tag-value--" + je();
     });
@@ -7162,7 +7168,7 @@ const Di = () => {
       onClick: i
     }, [
       k(u.$slots, "default", {}, () => [
-        u.draggable ? (d(), L(Y, {
+        u.draggable ? (d(), L(G, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
@@ -7170,7 +7176,7 @@ const Di = () => {
         })) : j("", !0),
         W(" " + D(u.label), 1)
       ], !0),
-      u.removable ? (d(), L(Y, {
+      u.removable ? (d(), L(G, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
@@ -7179,9 +7185,9 @@ const Di = () => {
         onClick: lo(s, ["stop"]),
         onKeydown: Ye(s, ["enter"])
       })) : j("", !0)
-    ], 10, Ds));
+    ], 10, Os));
   }
-}), Hn = /* @__PURE__ */ F(Rs, [["__scopeId", "data-v-9f4e25d5"]]);
+}), Hn = /* @__PURE__ */ F(Ds, [["__scopeId", "data-v-9f4e25d5"]]);
 var We = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(We || {});
 function sn(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -7194,7 +7200,7 @@ function sn(e) {
       return o;
   }) === void 0 : t(e);
 }
-const Ms = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholder"], qs = { key: 0 }, Hs = { key: 1 }, Ws = /* @__PURE__ */ A({
+const Rs = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholder"], Js = { key: 0 }, qs = { key: 1 }, Hs = /* @__PURE__ */ A({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -7209,7 +7215,7 @@ const Ms = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
   },
   emits: ["update:modelValue", "validation:error"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = $(o.modelValue), l = $(!1), s = $(null), i = $(o.invalid), u = $(null), c = I(() => o.validation === "email"), f = I(() => c.value && u.value === "INVALID_EMAIL" && !!o.invalidEmailError), y = I(() => u.value === "DUPLICATED_ENTRY" && !!o.duplicationError), p = I(() => i.value && (!!f.value || !!y.value));
+    const o = e, a = n, r = $(o.modelValue), l = $(!1), s = $(null), i = $(o.invalid), u = $(null), c = V(() => o.validation === "email"), f = V(() => c.value && u.value === "INVALID_EMAIL" && !!o.invalidEmailError), y = V(() => u.value === "DUPLICATED_ENTRY" && !!o.duplicationError), p = V(() => i.value && (!!f.value || !!y.value));
     function v() {
       c.value && i.value === !0 && (u.value = We.INVALID_EMAIL);
     }
@@ -7241,7 +7247,7 @@ const Ms = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
     function S() {
       l.value = !0;
     }
-    function V() {
+    function I() {
       l.value = !1, B();
     }
     function P(w) {
@@ -7269,7 +7275,7 @@ const Ms = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
     ), t({
       isInvalid: i,
       hasDuplicates: g
-    }), (w, M) => (d(), b("div", Ms, [
+    }), (w, M) => (d(), b("div", Rs, [
       w.$slots.default ? (d(), L(Ae, {
         key: 0,
         id: w.name,
@@ -7312,8 +7318,8 @@ const Ms = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
           placeholder: w.placeholder,
           onKeydown: _,
           onFocus: S,
-          onBlur: V
-        }, null, 40, Js)
+          onBlur: I
+        }, null, 40, Ms)
       ], 2),
       p.value ? (d(), L(Bt, {
         key: 1,
@@ -7321,15 +7327,15 @@ const Ms = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
       }, {
         default: O(() => [
           h("ul", null, [
-            y.value ? (d(), b("li", qs, D(w.duplicationError), 1)) : j("", !0),
-            f.value ? (d(), b("li", Hs, D(w.invalidEmailError), 1)) : j("", !0)
+            y.value ? (d(), b("li", Js, D(w.duplicationError), 1)) : j("", !0),
+            f.value ? (d(), b("li", qs, D(w.invalidEmailError), 1)) : j("", !0)
           ])
         ]),
         _: 1
       })) : j("", !0)
     ]));
   }
-}), Nc = /* @__PURE__ */ F(Ws, [["__scopeId", "data-v-3576a764"]]), Us = /* @__PURE__ */ A({
+}), Fc = /* @__PURE__ */ F(Hs, [["__scopeId", "data-v-3576a764"]]), Ws = /* @__PURE__ */ A({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -7408,36 +7414,36 @@ const Ms = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), zc = /* @__PURE__ */ F(Us, [["__scopeId", "data-v-1d8003ef"]]), Ks = {}, Gs = {
+}), Nc = /* @__PURE__ */ F(Ws, [["__scopeId", "data-v-1d8003ef"]]), Us = {}, Ks = {
   class: /* @__PURE__ */ E(["joy-template-shape__shapes"])
 };
-function Ys(e, t) {
-  return d(), b("div", Gs, t[0] || (t[0] = [
+function Gs(e, t) {
+  return d(), b("div", Ks, t[0] || (t[0] = [
     dn('<div class="shapes__wrapper" data-v-da63aa46><div class="shape_1" data-v-da63aa46></div><div class="shape_2" data-v-da63aa46></div><div class="shape_3" data-v-da63aa46></div><div class="shape_4" data-v-da63aa46></div></div>', 1)
   ]));
 }
-const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46"]]), Xs = { class: "joy-template__wrapper" }, Qs = {
+const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46"]]), Zs = { class: "joy-template__wrapper" }, Xs = {
   key: 0,
   class: "joy-template__heading"
-}, eu = {
+}, Qs = {
   key: 0,
   class: "joy-template-slot-back"
-}, tu = { class: "joy-template__heading___headings" }, nu = {
+}, eu = { class: "joy-template__heading___headings" }, tu = {
   key: 0,
   class: "joy-template-slot-title"
-}, ou = {
+}, nu = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, au = {
+}, ou = {
   key: 1,
   class: "joy-template-slot-actions"
-}, lu = {
+}, au = {
   key: 0,
   class: "joy-template-slot-main"
-}, ru = {
+}, lu = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, iu = /* @__PURE__ */ A({
+}, ru = /* @__PURE__ */ A({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -7458,25 +7464,25 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e) {
-    const t = e, n = oe(), o = I(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
+    const t = e, n = oe(), o = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
     return (a, r) => (d(), b("main", {
       class: E(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (d(), L(Zs, { key: 0 })) : j("", !0),
-      h("div", Xs, [
-        o.value ? (d(), b("div", Qs, [
-          n["template-back"] ? (d(), b("div", eu, [
+      e.shapes ? (d(), L(Ys, { key: 0 })) : j("", !0),
+      h("div", Zs, [
+        o.value ? (d(), b("div", Xs, [
+          n["template-back"] ? (d(), b("div", Qs, [
             k(a.$slots, "template-back", {}, void 0, !0)
           ])) : j("", !0),
-          h("div", tu, [
-            n["template-title"] ? (d(), b("div", nu, [
+          h("div", eu, [
+            n["template-title"] ? (d(), b("div", tu, [
               k(a.$slots, "template-title", {}, void 0, !0)
             ])) : j("", !0),
-            n["template-subtitle"] ? (d(), b("div", ou, [
+            n["template-subtitle"] ? (d(), b("div", nu, [
               k(a.$slots, "template-subtitle", {}, void 0, !0)
             ])) : j("", !0)
           ]),
-          n["template-actions"] ? (d(), b("div", au, [
+          n["template-actions"] ? (d(), b("div", ou, [
             k(a.$slots, "template-actions", {}, void 0, !0)
           ])) : j("", !0)
         ])) : j("", !0),
@@ -7488,10 +7494,10 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
             }
           ])
         }, [
-          a.$slots["template-main"] ? (d(), b("div", lu, [
+          a.$slots["template-main"] ? (d(), b("div", au, [
             k(a.$slots, "template-main", {}, void 0, !0)
           ])) : j("", !0),
-          a.$slots["template-sidebar"] ? (d(), b("div", ru, [
+          a.$slots["template-sidebar"] ? (d(), b("div", lu, [
             k(a.$slots, "template-sidebar", {}, void 0, !0)
           ])) : j("", !0)
         ], 2)
@@ -7508,7 +7514,7 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : j("", !0)
     ], 2));
   }
-}), Pc = /* @__PURE__ */ F(iu, [["__scopeId", "data-v-72ffed7d"]]), su = /* @__PURE__ */ A({
+}), zc = /* @__PURE__ */ F(ru, [["__scopeId", "data-v-72ffed7d"]]), iu = /* @__PURE__ */ A({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -7532,13 +7538,13 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["class"]));
   }
-}), Oc = /* @__PURE__ */ F(su, [["__scopeId", "data-v-6295f9ec"]]), uu = ["aria-disabled"], cu = { class: "joy-textarea_wrapper" }, du = ["id", "disabled", "name", "required", "minlength", "value"], fu = {
+}), Pc = /* @__PURE__ */ F(iu, [["__scopeId", "data-v-6295f9ec"]]), su = ["aria-disabled"], uu = { class: "joy-textarea_wrapper" }, cu = ["id", "disabled", "name", "required", "minlength", "value"], du = {
   key: 1,
   class: "joy-textarea_helpers"
-}, yu = {
+}, fu = {
   inheritAttrs: !1
-}, vu = /* @__PURE__ */ A({
-  ...yu,
+}, yu = /* @__PURE__ */ A({
+  ...fu,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -7600,7 +7606,7 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
       element: a.autogrow ? l : void 0
     }), i = $(!1), u = $(!1);
     Ft(l, a.autofocus);
-    const c = I(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), f = I(() => a.minlength ? a.modelValue.length < a.minlength : !1), y = I(() => !!(a.label || r.default)), p = {
+    const c = V(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), f = V(() => a.minlength ? a.modelValue.length < a.minlength : !1), y = V(() => !!(a.label || r.default)), p = {
       onInput: (v) => {
         a.modelModifiers.lazy || o("update:modelValue", v.target.value), p.triggerResize();
       },
@@ -7657,7 +7663,7 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : j("", !0),
-      h("div", cu, [
+      h("div", uu, [
         h("textarea", X(v.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -7676,14 +7682,14 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
           (...m) => p.onFocus && p.onFocus(...m)),
           onBlur: g[3] || (g[3] = //@ts-ignore
           (...m) => p.onBlur && p.onBlur(...m))
-        }), null, 16, du)
+        }), null, 16, cu)
       ]),
-      e.minlength || e.maxlength ? (d(), b("div", fu, [
+      e.minlength || e.maxlength ? (d(), b("div", du, [
         e.minlength ? (d(), b("p", {
           key: 0,
           class: E(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          f.value ? j("", !0) : (d(), L(Y, {
+          f.value ? j("", !0) : (d(), L(G, {
             key: 0,
             name: "check",
             color: "neutral",
@@ -7696,9 +7702,9 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
           class: E(["joy-textarea-count", { "joy-textarea-count-invalid": c.value }])
         }, D(e.modelValue.length + "/" + e.maxlength), 3)) : j("", !0)
       ])) : j("", !0)
-    ], 10, uu));
+    ], 10, su));
   }
-}), Dc = /* @__PURE__ */ F(vu, [["__scopeId", "data-v-52e4553a"]]), pu = { class: "joy-toggle__wrapper" }, mu = ["name", "disabled", "checked", "required", "aria-checked", "value"], hu = { class: "joy-toggle__content" }, gu = { class: "joy-toggle__content-label" }, bu = /* @__PURE__ */ A({
+}), Oc = /* @__PURE__ */ F(yu, [["__scopeId", "data-v-52e4553a"]]), vu = { class: "joy-toggle__wrapper" }, pu = ["name", "disabled", "checked", "required", "aria-checked", "value"], mu = { class: "joy-toggle__content" }, hu = { class: "joy-toggle__content-label" }, gu = /* @__PURE__ */ A({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7746,7 +7752,7 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
         o.value = !1;
       }
     };
-    return (r, l) => (d(), b("div", pu, [
+    return (r, l) => (d(), b("div", vu, [
       h("label", {
         class: E([
           "joy-toggle",
@@ -7774,10 +7780,10 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
           (...s) => a.onFocus && a.onFocus(...s)),
           onBlur: l[2] || (l[2] = //@ts-ignore
           (...s) => a.onBlur && a.onBlur(...s))
-        }, null, 40, mu),
-        h("p", hu, [
+        }, null, 40, pu),
+        h("p", mu, [
           l[3] || (l[3] = h("span", { class: "joy-toggle__symbol" }, null, -1)),
-          h("span", gu, [
+          h("span", hu, [
             k(r.$slots, "default", {}, () => [
               W(D(e.label), 1)
             ], !0)
@@ -7800,7 +7806,7 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
       ], 2)
     ]));
   }
-}), Rc = /* @__PURE__ */ F(bu, [["__scopeId", "data-v-99a4c774"]]), wu = /* @__PURE__ */ A({
+}), Dc = /* @__PURE__ */ F(gu, [["__scopeId", "data-v-99a4c774"]]), bu = /* @__PURE__ */ A({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -7858,11 +7864,11 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
           Rn({ element: i, padding: 0 })
         ]
       })
-    ), c = I(
+    ), c = V(
       () => o.enableClickInContent ? {
         ignore: [l]
       } : {}
-    ), f = I(() => n["tooltip-content"] || o.text);
+    ), f = V(() => n["tooltip-content"] || o.text);
     function y(_) {
       _.preventDefault(), _.stopPropagation(), !a.value && o.event !== "click" && g();
     }
@@ -7878,16 +7884,16 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
         a.value = _;
       }, o.delay);
     }
-    const m = I(() => {
-      const { middlewareData: _, placement: S } = u.value, V = _.arrow, P = {
+    const m = V(() => {
+      const { middlewareData: _, placement: S } = u.value, I = _.arrow, P = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
       }[S.split("-")[0]];
       return {
-        left: (V == null ? void 0 : V.x) && `${V == null ? void 0 : V.x}px`,
-        top: (V == null ? void 0 : V.y) && `${V == null ? void 0 : V.y}px`,
+        left: (I == null ? void 0 : I.x) && `${I == null ? void 0 : I.x}px`,
+        top: (I == null ? void 0 : I.y) && `${I == null ? void 0 : I.y}px`,
         right: "",
         bottom: "",
         [P]: "-4px"
@@ -7900,14 +7906,14 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
     }), t({
       tooltipVisible: a,
       tooltip: s
-    }), (_, S) => (d(), L(G(At), {
+    }), (_, S) => (d(), L(Y(At), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       options: c.value,
-      onTrigger: S[1] || (S[1] = (V) => g(!1))
+      onTrigger: S[1] || (S[1] = (I) => g(!1))
     }, {
       default: O(() => {
-        var V;
+        var I;
         return [
           h("div", {
             ref_key: "tooltipWrapper",
@@ -7932,7 +7938,7 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
                     "joy-tooltip__content--hiding": !a.value
                   }
                 ]),
-                style: se({ ...(V = u.value) == null ? void 0 : V.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
+                style: se({ ...(I = u.value) == null ? void 0 : I.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
                 h("div", {
                   ref_key: "tooltipContent",
@@ -7957,7 +7963,7 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["options"]));
   }
-}), Mc = /* @__PURE__ */ F(wu, [["__scopeId", "data-v-ef1a62ec"]]), ku = { class: "joy-user-card__picture" }, ju = { class: "joy-user-card__informations" }, Su = { class: "joy-user-card__title" }, _u = { class: "joy-user-card__subtitle" }, $u = /* @__PURE__ */ A({
+}), Rc = /* @__PURE__ */ F(bu, [["__scopeId", "data-v-ef1a62ec"]]), wu = { class: "joy-user-card__picture" }, ku = { class: "joy-user-card__informations" }, ju = { class: "joy-user-card__title" }, Su = { class: "joy-user-card__subtitle" }, _u = /* @__PURE__ */ A({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7990,7 +7996,7 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
       title: e.fullName
     }, t.$attrs), {
       default: O(() => [
-        h("div", ku, [
+        h("div", wu, [
           k(t.$slots, "user-card-avatar", {}, () => [
             H(mo, {
               "photo-url": e.photoUrl,
@@ -7998,19 +8004,19 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        h("div", ju, [
-          h("p", Su, [
+        h("div", ku, [
+          h("p", ju, [
             k(t.$slots, "user-card-title", {}, () => [
               W(D(e.fullName), 1)
             ], !0)
           ]),
-          h("p", _u, [
+          h("p", Su, [
             k(t.$slots, "user-card-subtitle", {}, () => [
               W(D(e.subTitle), 1)
             ], !0)
           ]),
           k(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (d(), L(is, {
+            e.ratingValue ? (d(), L(rs, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : j("", !0)
@@ -8023,13 +8029,13 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 16, ["href", "title"]));
   }
-}), Jc = /* @__PURE__ */ F($u, [["__scopeId", "data-v-86acec3a"]]), Cu = { class: "joy-walkthrough-trigger__content" }, xu = {
+}), Mc = /* @__PURE__ */ F(_u, [["__scopeId", "data-v-86acec3a"]]), $u = { class: "joy-walkthrough-trigger__content" }, Cu = {
   key: 0,
   class: "joy-pr-3"
-}, Tu = {
+}, xu = {
   key: 1,
   class: "joy-pl-3"
-}, Vu = /* @__PURE__ */ A({
+}, Tu = /* @__PURE__ */ A({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -8046,17 +8052,17 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
         class: "joy-walkthrough-trigger joy-bgcolor-neutral-60 joy-core-radius-5",
         onClick: a[0] || (a[0] = (l) => n.value = !n.value)
       }), [
-        o.icon ? (d(), L(Y, {
+        o.icon ? (d(), L(G, {
           key: 0,
           color: "white",
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: o.icon
         }, null, 8, ["name"])) : j("", !0),
-        h("div", Cu, [
-          o.title ? (d(), b("span", xu, D(o.title), 1)) : j("", !0),
-          o.subtitle ? (d(), b("span", Tu, D(o.subtitle), 1)) : j("", !0)
+        h("div", $u, [
+          o.title ? (d(), b("span", Cu, D(o.title), 1)) : j("", !0),
+          o.subtitle ? (d(), b("span", xu, D(o.subtitle), 1)) : j("", !0)
         ]),
-        H(Y, {
+        H(G, {
           class: "joy-ml-3",
           color: "white",
           name: n.value ? "chevron-down" : "chevron-up"
@@ -8066,13 +8072,13 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
       ]);
     };
   }
-}), Iu = /* @__PURE__ */ F(Vu, [["__scopeId", "data-v-56824d11"]]), Eu = { class: "joy-walkthrough-modal__illustration" }, Lu = { class: "joy-walkthrough-modal__content___titles" }, Au = { class: "joy-walkthrough-modal__content___title" }, Bu = { class: "joy-walkthrough-modal__content___subtitle" }, Fu = { class: "joy-font-primary-450" }, Nu = { style: { flex: "1" } }, zu = {
+}), Vu = /* @__PURE__ */ F(Tu, [["__scopeId", "data-v-56824d11"]]), Iu = { class: "joy-walkthrough-modal__illustration" }, Eu = { class: "joy-walkthrough-modal__content___titles" }, Lu = { class: "joy-walkthrough-modal__content___title" }, Au = { class: "joy-walkthrough-modal__content___subtitle" }, Bu = { class: "joy-font-primary-450" }, Fu = { style: { flex: "1" } }, Nu = {
   key: 0,
   class: "joy-mt-4 joy-walkthrough-modal__content-inner"
-}, Pu = {
+}, zu = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Ou = /* @__PURE__ */ A({
+}, Pu = /* @__PURE__ */ A({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -8127,7 +8133,7 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
             onClick: u
           }, {
             default: O(() => [
-              y.triggerIcon ? (d(), L(Y, {
+              y.triggerIcon ? (d(), L(G, {
                 key: 0,
                 color: "white",
                 name: y.triggerIcon
@@ -8139,7 +8145,7 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
               }, {
                 default: O(() => [
                   W(D(y.triggerTitle) + " ", 1),
-                  H(Y, {
+                  H(G, {
                     color: "white",
                     name: l.value ? "chevron-down" : "chevron-up"
                   }, null, 8, ["name"])
@@ -8152,16 +8158,19 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
           h("div", {
             class: E(["joy-walkthrough-modal__content joy-p-6", { "joy-walkthrough-modal__content--with-footer": y.footer }])
           }, [
-            H(fe, { "no-margin": "" }, {
+            H(fe, {
+              "no-margin": "",
+              wrap: "nowrap"
+            }, {
               default: O(() => [
-                h("div", Eu, [
+                h("div", Iu, [
                   k(y.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                h("div", Lu, [
-                  h("div", Au, [
+                h("div", Eu, [
+                  h("div", Lu, [
                     k(y.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  h("div", Bu, [
+                  h("div", Au, [
                     k(y.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
@@ -8173,14 +8182,14 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
               class: "joy-mt-4"
             }, {
               default: O(() => [
-                h("span", Fu, D(y.progress + "%"), 1),
-                h("div", Nu, [
+                h("span", Bu, D(y.progress + "%"), 1),
+                h("div", Fu, [
                   k(y.$slots, "walkthrough-progress", {}, void 0, !0)
                 ])
               ]),
               _: 3
             }),
-            y.$slots["walkthrough-content"] ? (d(), b("div", zu, [
+            y.$slots["walkthrough-content"] ? (d(), b("div", Nu, [
               k(y.$slots, "walkthrough-content", {}, void 0, !0)
             ])) : j("", !0)
           ], 2),
@@ -8189,10 +8198,10 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: c
           }, [
-            h("button", Pu, D(y.footer), 1)
+            h("button", zu, D(y.footer), 1)
           ])) : j("", !0)
         ], 16)) : j("", !0),
-        l.value ? j("", !0) : (d(), L(Iu, X({ key: 1 }, y.triggerAttrs, {
+        l.value ? j("", !0) : (d(), L(Vu, X({ key: 1 }, y.triggerAttrs, {
           title: y.triggerTitle,
           subtitle: y.triggerSubtitle,
           icon: y.triggerIcon,
@@ -8202,8 +8211,8 @@ const Zs = /* @__PURE__ */ F(Ks, [["render", Ys], ["__scopeId", "data-v-da63aa46
       ], 2)
     ], 8, ["disabled"]));
   }
-}), qc = /* @__PURE__ */ F(Ou, [["__scopeId", "data-v-603302c8"]]);
-function Du(e) {
+}), Jc = /* @__PURE__ */ F(Pu, [["__scopeId", "data-v-a781459b"]]);
+function Ou(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, n) {
     var o = e.get(t);
     o ? o.push(n) : e.set(t, [n]);
@@ -8219,20 +8228,20 @@ function Du(e) {
     });
   } };
 }
-function Ru() {
-  return Du();
+function Du() {
+  return Ou();
 }
-const Wn = "joy-snackbar__container", Mu = "joy-snackbar__shell--";
+const Wn = "joy-snackbar__container", Ru = "joy-snackbar__shell--";
 let ot = 0, Un = [];
-const Ju = {
+const Mu = {
   install: (e) => {
-    typeof window < "u" && qu(), e.directive("joy-ripple", io);
+    typeof window < "u" && Ju(), e.directive("joy-ripple", io);
   }
 };
-function Hc() {
+function qc() {
   ot = 0, Un = [];
 }
-function qu(e = { appendTo: "body", defaultMountSelector: Wn }) {
+function Ju(e = { appendTo: "body", defaultMountSelector: Wn }) {
   var o;
   const t = document.createElement("div");
   t.id = e.defaultMountSelector;
@@ -8248,20 +8257,20 @@ function qu(e = { appendTo: "body", defaultMountSelector: Wn }) {
         }
     `, document.head.appendChild(n), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (o = document.body.querySelector(e.appendTo)) == null || o.appendChild(t));
 }
-function Wc(e) {
+function Hc(e) {
   var r, l;
   ot++;
   let t, n;
-  const o = Ru();
+  const o = Du();
   t = ro(
-    _s,
+    Ss,
     Object.assign(e.props, {
       bus: o,
       instanceNb: ot
     })
   );
   const a = document.createElement("div");
-  return a.classList.add("joy-snackbar__shell"), n = `${Mu}${ot}`, a.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(a) : (l = document.getElementById(Wn)) == null || l.appendChild(a), t.use(Ju).mount("#" + n), Un.push(t), o.on("snackbar:hide", () => {
+  return a.classList.add("joy-snackbar__shell"), n = `${Ru}${ot}`, a.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(a) : (l = document.getElementById(Wn)) == null || l.appendChild(a), t.use(Mu).mount("#" + n), Un.push(t), o.on("snackbar:hide", () => {
     var s;
     t.unmount(), (s = document.getElementById(n)) == null || s.remove();
   }), {
@@ -8270,82 +8279,82 @@ function Wc(e) {
   };
 }
 export {
-  Ec as $,
-  yc as A,
-  vc as B,
-  pc as C,
-  Y as D,
-  kr as E,
-  mc as F,
-  hc as G,
+  Ic as $,
+  fc as A,
+  yc as B,
+  vc as C,
+  G as D,
+  wr as E,
+  pc as F,
+  mc as G,
   Ae as H,
-  gc as I,
+  hc as I,
   El as J,
-  bc as K,
-  wc as L,
-  kc as M,
-  jc as N,
-  Sc as O,
-  _c as P,
-  $c as Q,
-  Cc as R,
-  xc as S,
-  Tc as T,
-  Vc as U,
-  Wu as V,
-  is as W,
+  gc as K,
+  bc as L,
+  wc as M,
+  kc as N,
+  jc as O,
+  Sc as P,
+  _c as Q,
+  $c as R,
+  Cc as S,
+  xc as T,
+  Tc as U,
+  Hu as V,
+  rs as W,
   Cn as X,
-  Ic as Y,
-  ps as Z,
-  Zu as _,
+  Vc as Y,
+  vs as Z,
+  Yu as _,
   mo as a,
-  Lc as a0,
-  _s as a1,
+  Ec as a0,
+  Ss as a1,
   vn as a2,
-  Vs as a3,
-  Ac as a4,
-  Bc as a5,
-  Fc as a6,
+  Ts as a3,
+  Lc as a4,
+  Ac as a5,
+  Bc as a6,
   Hn as a7,
-  Nc as a8,
-  zc as a9,
-  Pc as aa,
-  Zs as ab,
-  Oc as ac,
-  Dc as ad,
-  Rc as ae,
-  Mc as af,
-  Jc as ag,
-  qc as ah,
-  Iu as ai,
+  Fc as a8,
+  Nc as a9,
+  zc as aa,
+  Ys as ab,
+  Pc as ac,
+  Oc as ad,
+  Dc as ae,
+  Rc as af,
+  Mc as ag,
+  Jc as ah,
+  Vu as ai,
   fe as aj,
-  qu as ak,
+  Ju as ak,
   io as al,
-  Wc as am,
-  Hc as an,
-  Uu as b,
+  Hc as am,
+  qc as an,
+  Wu as b,
   ko as c,
-  Ku as d,
-  Gu as e,
-  Yu as f,
+  Uu as d,
+  Ku as e,
+  Gu as f,
   ue as g,
   hn as h,
-  Xu as i,
+  Zu as i,
   da as j,
-  Qu as k,
-  ec as l,
-  tc as m,
-  nc as n,
-  oc as o,
+  Xu as k,
+  Qu as l,
+  ec as m,
+  tc as n,
+  nc as o,
   Ht as p,
-  ac as q,
-  lc as r,
-  rc as s,
-  ic as t,
-  sc as u,
-  uc as v,
-  cc as w,
+  oc as q,
+  ac as r,
+  lc as s,
+  rc as t,
+  ic as u,
+  sc as v,
+  uc as w,
   Bt as x,
-  dc as y,
-  fc as z
+  cc as y,
+  dc as z
 };