@maltjoy/core-vue 5.11.0 → 5.13.0

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, computed as C, openBlock as c, createElementBlock as v, normalizeClass as L, createElementVNode as h, ref as _, onMounted as te, onUnmounted as zt, createVNode as N, toDisplayString as J, createCommentVNode as j, createApp as go, createTextVNode as R, Fragment as H, inject as be, unref as D, createBlock as V, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as w, provide as Me, renderList as U, normalizeStyle as ee, useAttrs as we, useId as Oe, resolveDirective as ut, withDirectives as Ke, getCurrentScope as Jt, onScopeDispose as Pt, toRef as bo, readonly as wo, customRef as jo, shallowRef as Mt, watch as G, nextTick as Je, getCurrentInstance as ko, h as $o, Teleport as Be, useSlots as Y, withKeys as Fe, onBeforeUnmount as Ee, Transition as ct, createSlots as dt, normalizeProps as _o, guardReactiveProps as So, mergeModels as Co, useModel as xo, createStaticVNode as Ot, shallowReadonly as Ve, onBeforeMount as Vo, vShow as To, render as jt, withModifiers as Lo } from "vue";
+import { defineComponent as B, computed as C, openBlock as c, createElementBlock as v, normalizeClass as L, createElementVNode as h, ref as S, onMounted as te, onUnmounted as Et, createVNode as N, toDisplayString as J, createCommentVNode as j, createApp as go, createTextVNode as R, Fragment as H, inject as de, unref as D, createBlock as V, resolveDynamicComponent as Z, mergeProps as W, withCtx as z, renderSlot as w, provide as Ae, renderList as U, normalizeStyle as ee, useAttrs as we, useId as Oe, resolveDirective as ut, withDirectives as Ke, getCurrentScope as zt, onScopeDispose as Jt, toRef as bo, readonly as wo, customRef as jo, shallowRef as Pt, watch as G, nextTick as Pe, getCurrentInstance as ko, h as $o, Teleport as Ee, useSlots as Y, withKeys as Fe, onBeforeUnmount as ze, Transition as ct, createSlots as dt, normalizeProps as _o, guardReactiveProps as So, mergeModels as Co, useModel as xo, createStaticVNode as Mt, shallowReadonly as Ve, onBeforeMount as Vo, vShow as To, render as jt, withModifiers as Lo } from "vue";
 function kt(e) {
   const t = e.target;
   if (!t)
@@ -12,20 +12,20 @@ function kt(e) {
   const r = Math.sqrt(Math.pow(n.width, 2) + Math.pow(n.height, 2)) * 2;
   a.style.width = a.style.height = `${r}px`, a.style.left = `${e.clientX - n.left}px`, a.style.top = `${e.clientY - n.top}px`;
 }
-const Ft = {
+const Ot = {
   mounted: (e) => {
     e.addEventListener("click", kt);
   },
   beforeUnmount: (e) => {
     e.removeEventListener("click", kt);
   }
-}, Io = /\d/, Ao = ["-", "_", "/", "."];
-function Bo(e = "") {
+}, Io = /\d/, Bo = ["-", "_", "/", "."];
+function Ao(e = "") {
   if (!Io.test(e))
     return e !== e.toLowerCase();
 }
 function Eo(e, t) {
-  const n = Ao, l = [];
+  const n = Bo, l = [];
   if (!e || typeof e != "string")
     return l;
   let o = "", i, a;
@@ -35,7 +35,7 @@ function Eo(e, t) {
       l.push(o), o = "", i = void 0;
       continue;
     }
-    const u = Bo(r);
+    const u = Ao(r);
     if (a === !1) {
       if (i === !1 && u === !0) {
         l.push(o), o = r, i = u;
@@ -70,7 +70,7 @@ const zo = {
     ) : {};
   }
 };
-function Dt(e) {
+function Ft(e) {
   let t;
   switch (e) {
     case "error":
@@ -97,10 +97,10 @@ function Jo(e) {
 const Ze = function(e = 10) {
   return Math.random().toString(36).substring(2, e + 2);
 };
-function me(e) {
+function pe(e) {
   e ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
 }
-const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ A({
+const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ B({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -151,7 +151,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ A({
 }), Mo = { class: "joy-snackbar__img joy-core-radius-6" }, Oo = { class: "joy-snackbar__content" }, Fo = {
   key: 0,
   class: "joy-mb-1"
-}, Do = ["innerHTML"], Ro = /* @__PURE__ */ A({
+}, Do = ["innerHTML"], Ro = /* @__PURE__ */ B({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -199,9 +199,9 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, l = _(!0);
+    const n = e, l = S(!0);
     let o, i;
-    const a = "joy-snackbar-" + Ze(), r = C(() => Dt(n.level));
+    const a = "joy-snackbar-" + Ze(), r = C(() => Ft(n.level));
     function s() {
       var g;
       (g = n.bus) == null || g.emit("snackbar:action-click");
@@ -232,7 +232,7 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ A({
     const m = {
       destroySnackbarAfterTimeout: y
     };
-    return zt(() => {
+    return Et(() => {
       u();
     }), t({
       isOpen: l,
@@ -277,12 +277,12 @@ const Po = ["role", "tabindex", "aria-label", "title"], q = /* @__PURE__ */ A({
       ], 2)
     ], 2));
   }
-}), B = (e, t) => {
+}), A = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [l, o] of t)
     n[l] = o;
   return n;
-}, No = /* @__PURE__ */ B(Ro, [["__scopeId", "data-v-544f38e7"]]);
+}, No = /* @__PURE__ */ A(Ro, [["__scopeId", "data-v-544f38e7"]]);
 function qo(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, n) {
     var l = e.get(t);
@@ -302,17 +302,17 @@ function qo(e) {
 function Ho() {
   return qo();
 }
-const Rt = "joy-snackbar__container", Wo = "joy-snackbar__shell--";
-let He = 0, Nt = [];
+const Dt = "joy-snackbar__container", Wo = "joy-snackbar__shell--";
+let He = 0, Rt = [];
 const Uo = {
   install: (e) => {
-    typeof window < "u" && qt(), e.directive("joy-ripple", Ft);
+    typeof window < "u" && Nt(), e.directive("joy-ripple", Ot);
   }
 };
-function Fs() {
-  He = 0, Nt = [];
+function Ms() {
+  He = 0, Rt = [];
 }
-function qt(e = { appendTo: "body", defaultMountSelector: Rt }) {
+function Nt(e = { appendTo: "body", defaultMountSelector: Dt }) {
   var l;
   const t = document.createElement("div");
   t.id = e.defaultMountSelector;
@@ -330,7 +330,7 @@ function qt(e = { appendTo: "body", defaultMountSelector: Rt }) {
         }
     `, document.head.appendChild(n), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (l = document.body.querySelector(e.appendTo)) == null || l.appendChild(t));
 }
-function Ds(e) {
+function Os(e) {
   var i, a;
   He++;
   let t, n;
@@ -343,7 +343,7 @@ function Ds(e) {
     })
   );
   const o = document.createElement("div");
-  return o.classList.add("joy-snackbar__shell"), n = `${Wo}${He}`, o.id = n, e.snackbarHostId ? (i = document.getElementById(e.snackbarHostId)) == null || i.appendChild(o) : (a = document.getElementById(Rt)) == null || a.appendChild(o), t.use(Uo).mount("#" + n), Nt.push(t), l.on("snackbar:hide", () => {
+  return o.classList.add("joy-snackbar__shell"), n = `${Wo}${He}`, o.id = n, e.snackbarHostId ? (i = document.getElementById(e.snackbarHostId)) == null || i.appendChild(o) : (a = document.getElementById(Dt)) == null || a.appendChild(o), t.use(Uo).mount("#" + n), Rt.push(t), l.on("snackbar:hide", () => {
     var r;
     t.unmount(), (r = document.getElementById(n)) == null || r.remove();
   }), {
@@ -351,7 +351,7 @@ function Ds(e) {
     snackbarApp: t
   };
 }
-const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label joy-font-primary-350" }, Ko = /* @__PURE__ */ A({
+const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label joy-font-primary-350" }, Ko = /* @__PURE__ */ B({
   __name: "VJoyAdminBanner",
   props: {
     label: { default: "Admin view" }
@@ -364,7 +364,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ])
     ]));
   }
-}), Rs = /* @__PURE__ */ B(Ko, [["__scopeId", "data-v-114794fd"]]), Zo = ["title"], Xo = /* @__PURE__ */ A({
+}), Fs = /* @__PURE__ */ A(Ko, [["__scopeId", "data-v-114794fd"]]), Zo = ["title"], Xo = /* @__PURE__ */ B({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -389,10 +389,10 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ], 64)) : j("", !0)
     ], 10, Zo));
   }
-}), Ns = /* @__PURE__ */ B(Xo, [["__scopeId", "data-v-b3bb9092"]]), Qo = ["src", "title", "alt", "loading"], en = {
+}), Ds = /* @__PURE__ */ A(Xo, [["__scopeId", "data-v-b3bb9092"]]), Qo = ["src", "title", "alt", "loading"], en = {
   key: 0,
   class: "joy-avatar__strategy"
-}, tn = ["height"], on = /* @__PURE__ */ A({
+}, tn = ["height"], on = /* @__PURE__ */ B({
   __name: "VJoyAvatar",
   props: {
     size: { default: "medium" },
@@ -408,7 +408,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
   },
   emits: ["click"],
   setup(e, { expose: t, emit: n }) {
-    const l = n, o = e, i = be("VJoyAvatarsList", { compress: !1 }), a = C(() => o.size === "large" || o.size === "xlarge" ? "medium" : o.size === "medium" ? "small" : o.size === "small" ? "xsmall" : "xxsmall"), r = C(() => o.link ? {
+    const l = n, o = e, i = de("VJoyAvatarsList", { compress: !1 }), a = C(() => o.size === "large" || o.size === "xlarge" ? "medium" : o.size === "medium" ? "small" : o.size === "small" ? "xsmall" : "xxsmall"), r = C(() => o.link ? {
       type: "button"
     } : null), s = C(() => ({
       "joy-avatar": !0,
@@ -487,7 +487,7 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
       ])) : j("", !0)
     ], 2));
   }
-}), nn = /* @__PURE__ */ B(on, [["__scopeId", "data-v-11bcdf50"]]), ln = /* @__PURE__ */ A({
+}), nn = /* @__PURE__ */ A(on, [["__scopeId", "data-v-11bcdf50"]]), ln = /* @__PURE__ */ B({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -497,31 +497,28 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
     }
   },
   setup(e) {
-    return Me("VJoyAvatarsList", { compress: e.compress }), (n, l) => (c(), v("div", {
+    return Ae("VJoyAvatarsList", { compress: e.compress }), (n, l) => (c(), v("div", {
       ref: "avatarsList",
       class: L(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
       w(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), qs = /* @__PURE__ */ B(ln, [["__scopeId", "data-v-66e67dbb"]]), an = { key: 0 }, rn = /* @__PURE__ */ A({
+}), Rs = /* @__PURE__ */ A(ln, [["__scopeId", "data-v-66e67dbb"]]), an = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
-    number: Number,
-    variant: {
-      type: String,
-      default: "info"
-    }
+    number: { default: void 0 },
+    variant: { default: "info" }
   },
   setup(e) {
-    const t = e, n = C(() => typeof t.number == "number");
+    const t = e, n = C(() => typeof t.number < "u");
     return (l, o) => (c(), v("div", {
       class: L(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": n.value }])
     }, [
-      n.value ? (c(), v("span", an, J(e.number && e.number > 99 ? "99+" : e.number), 1)) : j("", !0)
+      h("span", null, J(e.number), 1)
     ], 2));
   }
-}), _t = /* @__PURE__ */ B(rn, [["__scopeId", "data-v-eee85230"]]), sn = /* @__PURE__ */ A({
+}), qt = /* @__PURE__ */ A(an, [["__scopeId", "data-v-056a3587"]]), rn = /* @__PURE__ */ B({
   __name: "VJoyBadge",
   props: {
     /**
@@ -546,57 +543,50 @@ const Go = { class: "joy-admin-banner" }, Yo = { class: "joy-admin-banner__label
     variant: {
       type: String,
       default: "info"
-    },
-    number: Number
+    }
   },
   setup(e) {
-    const t = e, n = C(() => typeof t.number == "number");
-    return (l, o) => n.value ? (c(), V(_t, {
-      key: 0,
-      variant: e.variant,
-      number: e.number
-    }, null, 8, ["variant", "number"])) : (c(), v("span", {
-      key: 1,
+    return (t, n) => (c(), v("span", {
       class: L(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      e.bulletpoint ? (c(), V(_t, {
+      e.bulletpoint ? (c(), V(qt, {
         key: 0,
         class: "joy-badge_dot",
         variant: e.variant
       }, null, 8, ["variant"])) : j("", !0),
-      w(l.$slots, "default", {}, () => [
+      w(t.$slots, "default", {}, () => [
         R(J(e.label), 1)
       ], !0)
     ], 2));
   }
-}), un = /* @__PURE__ */ B(sn, [["__scopeId", "data-v-0036108b"]]);
+}), Ns = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-f3f82e51"]]);
 var X = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "highpotential", e.HIGH_POTENTIAL_AUTO = "high-potential-auto", e.MALT_LINKER = "maltlinker", e.NEW = "new", e.SUPER_MALTER = "supermalter", e.VERIFIED = "verified", e))(X || {}), We = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(We || {});
-const cn = { class: "joy-badge-level" }, dn = {
+const sn = { class: "joy-badge-level" }, un = {
   key: 1,
   class: "joy-badge-level__highpotential",
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, fn = {
+}, cn = {
   key: 2,
   class: "joy-badge-level__high-potential-auto",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 64 64",
   "enable-background": "new 0 0 64 64"
-}, yn = {
+}, dn = {
   key: 3,
   class: "joy-badge-level__maltlinker",
   viewBox: "0 0 23 11",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, mn = {
+}, fn = {
   key: 4,
   class: "joy-badge-level__highpotential-program",
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, pn = /* @__PURE__ */ A({
+}, yn = /* @__PURE__ */ B({
   __name: "VJoyBadgeLevel",
   props: {
     /** type: `TJoyBadges` */
@@ -635,7 +625,7 @@ const cn = { class: "joy-badge-level" }, dn = {
           return "Supermalter";
       }
     });
-    return (l, o) => (c(), v("span", cn, [
+    return (l, o) => (c(), v("span", sn, [
       e.type === D(X).SUPER_MALTER ? (c(!0), v(H, { key: 0 }, U(e.superMalterLevel, (i, a) => (c(), v("svg", {
         key: a,
         class: "joy-badge-level__supermalter",
@@ -656,13 +646,13 @@ const cn = { class: "joy-badge-level" }, dn = {
           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 === D(X).HIGH_POTENTIAL ? (c(), v("svg", dn, [...o[1] || (o[1] = [
+      e.type === D(X).HIGH_POTENTIAL ? (c(), v("svg", un, [...o[1] || (o[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 === D(X).HIGH_POTENTIAL_AUTO ? (c(), v("svg", fn, [...o[2] || (o[2] = [
+      e.type === D(X).HIGH_POTENTIAL_AUTO ? (c(), v("svg", cn, [...o[2] || (o[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"
@@ -680,7 +670,7 @@ const cn = { class: "joy-badge-level" }, dn = {
           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 === D(X).MALT_LINKER ? (c(), v("svg", yn, [...o[3] || (o[3] = [
+      e.type === D(X).MALT_LINKER ? (c(), v("svg", dn, [...o[3] || (o[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"
@@ -690,7 +680,7 @@ const cn = { class: "joy-badge-level" }, dn = {
           fill: "#FF91F0"
         }, null, -1)
       ])])) : j("", !0),
-      e.type === D(We).HIGH_POTENTIAL ? (c(), v("svg", mn, [...o[4] || (o[4] = [
+      e.type === D(We).HIGH_POTENTIAL ? (c(), v("svg", fn, [...o[4] || (o[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"
@@ -712,7 +702,7 @@ const cn = { class: "joy-badge-level" }, dn = {
       ], 2)
     ]));
   }
-}), Hs = /* @__PURE__ */ B(pn, [["__scopeId", "data-v-08a5e2c8"]]), vn = /* @__PURE__ */ A({
+}), qs = /* @__PURE__ */ A(yn, [["__scopeId", "data-v-08a5e2c8"]]), mn = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -730,7 +720,7 @@ const cn = { class: "joy-badge-level" }, dn = {
     }
   },
   setup(e) {
-    const t = e, n = be("VJoyWrapperContext", {}), l = C(() => {
+    const t = e, n = de("VJoyWrapperContext", {}), l = C(() => {
       if (Object.keys(n).length === 0)
         return;
       let o = "1 0";
@@ -749,7 +739,7 @@ const cn = { class: "joy-badge-level" }, dn = {
       })
     }, null, 6));
   }
-}), Ws = /* @__PURE__ */ B(vn, [["__scopeId", "data-v-4da2c7cb"]]), hn = /* @__PURE__ */ A({
+}), Hs = /* @__PURE__ */ A(mn, [["__scopeId", "data-v-4da2c7cb"]]), pn = /* @__PURE__ */ B({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -761,7 +751,7 @@ const cn = { class: "joy-badge-level" }, dn = {
       class: L(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), Ht = /* @__PURE__ */ B(hn, [["__scopeId", "data-v-52944a9b"]]), gn = /* @__PURE__ */ A({
+}), Ht = /* @__PURE__ */ A(pn, [["__scopeId", "data-v-52944a9b"]]), vn = /* @__PURE__ */ B({
   __name: "VJoyButton",
   props: {
     /**
@@ -863,30 +853,30 @@ const cn = { class: "joy-badge-level" }, dn = {
       ]);
     };
   }
-}), ne = /* @__PURE__ */ B(gn, [["__scopeId", "data-v-7d8093b0"]]);
+}), ne = /* @__PURE__ */ A(vn, [["__scopeId", "data-v-7d8093b0"]]);
 function Xe(e) {
-  return Jt() ? (Pt(e), !0) : !1;
+  return zt() ? (Jt(e), !0) : !1;
 }
-function pe(e) {
+function ve(e) {
   return typeof e == "function" ? e() : D(e);
 }
 const Qe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const bn = (e) => e != null, wn = Object.prototype.toString, Wt = (e) => wn.call(e) === "[object Object]", Te = () => {
-}, nt = /* @__PURE__ */ jn();
-function jn() {
+const hn = (e) => e != null, gn = Object.prototype.toString, Wt = (e) => gn.call(e) === "[object Object]", Te = () => {
+}, nt = /* @__PURE__ */ bn();
+function bn() {
   var e, t;
   return Qe && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function kn(...e) {
+function wn(...e) {
   if (e.length !== 1)
     return bo(...e);
   const t = e[0];
-  return typeof t == "function" ? wo(jo(() => ({ get: t, set: Te }))) : _(t);
+  return typeof t == "function" ? wo(jo(() => ({ get: t, set: Te }))) : S(t);
 }
 function ke(e) {
   var t;
-  const n = pe(e);
+  const n = ve(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 const ft = Qe ? window : void 0;
@@ -898,7 +888,7 @@ function $e(...e) {
   const i = [], a = () => {
     i.forEach((f) => f()), i.length = 0;
   }, r = (f, d, y, p) => (f.addEventListener(d, y, p), () => f.removeEventListener(d, y, p)), s = G(
-    () => [ke(t), pe(o)],
+    () => [ke(t), ve(o)],
     ([f, d]) => {
       if (a(), !f)
         return;
@@ -913,12 +903,12 @@ function $e(...e) {
   };
   return Xe(u), u;
 }
-let St = !1;
-function $n(e, t, n = {}) {
+let _t = !1;
+function jn(e, t, n = {}) {
   const { window: l = ft, ignore: o = [], capture: i = !0, detectIframe: a = !1 } = n;
   if (!l)
     return Te;
-  nt && !St && (St = !0, Array.from(l.document.body.children).forEach((y) => y.addEventListener("click", Te)), l.document.documentElement.addEventListener("click", Te));
+  nt && !_t && (_t = !0, Array.from(l.document.body.children).forEach((y) => y.addEventListener("click", Te)), l.document.documentElement.addEventListener("click", Te));
   let r = !0;
   const s = (y) => o.some((p) => {
     if (typeof p == "string")
@@ -952,18 +942,18 @@ function $n(e, t, n = {}) {
   ].filter(Boolean);
   return () => f.forEach((y) => y());
 }
-function _n() {
-  const e = _(!1), t = ko();
+function kn() {
+  const e = S(!1), t = ko();
   return t && te(() => {
     e.value = !0;
   }, t), e;
 }
-function Sn(e) {
-  const t = _n();
+function $n(e) {
+  const t = kn();
   return C(() => (t.value, !!e()));
 }
-function Cn(e, t = {}) {
-  const n = _(!1), l = Mt(null);
+function _n(e, t = {}) {
+  const n = S(!1), l = Pt(null);
   let o = 0, i = !0;
   if (Qe) {
     const a = typeof t == "function" ? { onDrop: t } : t, r = (s) => {
@@ -973,7 +963,7 @@ function Cn(e, t = {}) {
     };
     $e(e, "dragenter", (s) => {
       var u, f;
-      const d = Array.from(((u = s == null ? void 0 : s.dataTransfer) == null ? void 0 : u.items) || []).map((y) => y.kind === "file" ? y.type : null).filter(bn);
+      const d = Array.from(((u = s == null ? void 0 : s.dataTransfer) == null ? void 0 : u.items) || []).map((y) => y.kind === "file" ? y.type : null).filter(hn);
       if (a.dataTypes && s.dataTransfer) {
         const y = D(a.dataTypes);
         if (i = typeof y == "function" ? y(d) : y ? y.some((p) => d.includes(p)) : !0, !i)
@@ -996,10 +986,10 @@ function Cn(e, t = {}) {
     isOverDropZone: n
   };
 }
-function xn(e, t, n = {}) {
+function Sn(e, t, n = {}) {
   const { window: l = ft, ...o } = n;
   let i;
-  const a = Sn(() => l && "ResizeObserver" in l), r = () => {
+  const a = $n(() => l && "ResizeObserver" in l), r = () => {
     i && (i.disconnect(), i = void 0);
   }, s = C(() => Array.isArray(e) ? e.map((d) => ke(d)) : [ke(e)]), u = G(
     s,
@@ -1019,29 +1009,29 @@ function xn(e, t, n = {}) {
     stop: f
   };
 }
-function Vn(e) {
+function Cn(e) {
   var t;
-  const n = _(e == null ? void 0 : e.element), l = _(e == null ? void 0 : e.input), o = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", i = _(1);
+  const n = S(e == null ? void 0 : e.element), l = S(e == null ? void 0 : e.input), o = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", i = S(1);
   function a() {
     var r, s;
     if (!n.value)
       return;
     let u = "";
-    n.value.style[o] = "1px", i.value = (r = n.value) == null ? void 0 : r.scrollHeight, e != null && e.styleTarget ? pe(e.styleTarget).style[o] = `${i.value}px` : u = `${i.value}px`, n.value.style[o] = u, (s = e == null ? void 0 : e.onResize) == null || s.call(e);
+    n.value.style[o] = "1px", i.value = (r = n.value) == null ? void 0 : r.scrollHeight, e != null && e.styleTarget ? ve(e.styleTarget).style[o] = `${i.value}px` : u = `${i.value}px`, n.value.style[o] = u, (s = e == null ? void 0 : e.onResize) == null || s.call(e);
   }
-  return G([l, n], () => Je(a), { immediate: !0 }), xn(n, () => a()), e != null && e.watch && G(e.watch, a, { immediate: !0, deep: !0 }), {
+  return G([l, n], () => Pe(a), { immediate: !0 }), Sn(n, () => a()), e != null && e.watch && G(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: n,
     input: l,
     triggerResize: a
   };
 }
-const yt = /* @__PURE__ */ A({
+const yt = /* @__PURE__ */ B({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: n }) {
-    const l = _();
-    return $n(l, (o) => {
+    const l = S();
+    return jn(l, (o) => {
       n("trigger", o);
     }, e.options), () => {
       if (t.default)
@@ -1049,21 +1039,21 @@ const yt = /* @__PURE__ */ A({
     };
   }
 });
-function Tn(e) {
+function xn(e) {
   var t;
-  const n = pe(e);
+  const n = ve(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const Ln = Qe ? window : void 0;
-function In(...e) {
+const Vn = Qe ? window : void 0;
+function Tn(...e) {
   let t, n, l, o;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, o] = e, t = Ln) : [t, n, l, o] = e, !t)
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, l, o] = e, t = Vn) : [t, n, l, o] = e, !t)
     return Te;
   Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);
   const i = [], a = () => {
     i.forEach((f) => f()), i.length = 0;
   }, r = (f, d, y, p) => (f.addEventListener(d, y, p), () => f.removeEventListener(d, y, p)), s = G(
-    () => [Tn(t), pe(o)],
+    () => [xn(t), ve(o)],
     ([f, d]) => {
       if (a(), !f)
         return;
@@ -1090,16 +1080,16 @@ function Ut(e) {
     return !n || n.tagName === "BODY" ? !1 : Ut(n);
   }
 }
-function An(e) {
+function Ln(e) {
   const t = e || window.event, n = t.target;
   return Ut(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
 const Ne = /* @__PURE__ */ new WeakMap();
-function Bn(e, t = !1) {
-  const n = _(t);
+function In(e, t = !1) {
+  const n = S(t);
   let l = null, o;
-  G(kn(e), (r) => {
-    const s = ot(pe(r));
+  G(wn(e), (r) => {
+    const s = ot(ve(r));
     if (s) {
       const u = s;
       Ne.get(u) || Ne.set(u, o), n.value && (u.style.overflow = "hidden");
@@ -1108,18 +1098,18 @@ function Bn(e, t = !1) {
     immediate: !0
   });
   const i = () => {
-    const r = ot(pe(e));
-    !r || n.value || (nt && (l = In(
+    const r = ot(ve(e));
+    !r || n.value || (nt && (l = Tn(
       r,
       "touchmove",
       (s) => {
-        An(s);
+        Ln(s);
       },
       { passive: !1 }
     )), r.style.overflow = "hidden", n.value = !0);
   }, a = () => {
     var r;
-    const s = ot(pe(e));
+    const s = ot(ve(e));
     !s || !n.value || (nt && (l == null || l()), s.style.overflow = (r = Ne.get(s)) != null ? r : "", Ne.delete(s), n.value = !1);
   };
   return Xe(a), C({
@@ -1131,19 +1121,19 @@ function Bn(e, t = !1) {
     }
   });
 }
-function En() {
+function Bn() {
   let e = !1;
-  const t = _(!1);
+  const t = S(!1);
   return (n, l) => {
     if (t.value = l.value, e)
       return;
     e = !0;
-    const o = Bn(n, l.value);
+    const o = In(n, l.value);
     G(t, (i) => o.value = i);
   };
 }
-En();
-const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-sheet_footer" }, Ct = 75, xt = "moving", Pn = /* @__PURE__ */ A({
+Bn();
+const An = { class: "joy-bottom-sheet_content" }, En = { class: "joy-bottom-sheet_footer" }, St = 75, Ct = "moving", zn = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -1160,26 +1150,26 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         return o;
     }), a = n, r = {
       ignore: ["[data-click-outside-ignore]"]
-    }, s = _(!1), u = _(!1), f = _(l.open), d = _(!1), y = _();
+    }, s = S(!1), u = S(!1), f = S(l.open), d = S(!1), y = S();
     let p = 0;
     function m() {
       f.value = !0, x();
     }
     function g() {
       l.frozen || (u.value = !0, setTimeout(async () => {
-        d.value = !1, u.value = !1, f.value = !1, me(!1), a("bottom-sheet:close");
+        d.value = !1, u.value = !1, f.value = !1, pe(!1), a("bottom-sheet:close");
       }, 300));
     }
     function b(O) {
-      d.value = !0, y.value.classList.add(xt), p = E(O);
+      d.value = !0, y.value.classList.add(Ct), p = E(O);
     }
-    function S(O) {
-      d.value && (T(O) > Ct && g(), M());
+    function $(O) {
+      d.value && (T(O) > St && g(), M());
     }
     function k(O) {
       if (d.value) {
-        const $ = T(O);
-        $ > Ct ? g() : $ > 0 && I($);
+        const _ = T(O);
+        _ > St ? g() : _ > 0 && I(_);
       }
     }
     function T(O) {
@@ -1192,10 +1182,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       y.value.style.setProperty("transform", `translateY(${O}px)`);
     }
     function M() {
-      y.value.classList.remove(xt), y.value.style.removeProperty("transform"), d.value = !1;
+      y.value.classList.remove(Ct), y.value.style.removeProperty("transform"), d.value = !1;
     }
     function x() {
-      l.preventBodyScroll && me(!0);
+      l.preventBodyScroll && pe(!0);
     }
     return G(
       () => l.open,
@@ -1209,7 +1199,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       show: m,
       isOpen: f,
       moveContainer: I
-    }), (O, $) => s.value ? (c(), V(Be, {
+    }), (O, _) => s.value ? (c(), V(Ee, {
       key: 0,
       to: e.teleport
     }, [
@@ -1223,7 +1213,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
           }
         ]
       }), [
-        $[1] || ($[1] = h("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
+        _[1] || (_[1] = h("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
         N(D(yt), {
           options: r,
           onTrigger: g
@@ -1237,19 +1227,19 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
               h("div", {
                 class: "joy-bottom-sheet_header",
                 onMousedown: b,
-                onMouseup: S,
+                onMouseup: $,
                 onMousemove: k,
-                onMouseleave: S,
+                onMouseleave: $,
                 onTouchstart: b,
-                onTouchend: S,
+                onTouchend: $,
                 onTouchmove: k
-              }, [...$[0] || ($[0] = [
+              }, [..._[0] || (_[0] = [
                 h("div", { class: "joy-bottom-sheet_header-close" }, null, -1)
               ])], 32),
-              h("div", zn, [
+              h("div", An, [
                 w(O.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
-              h("div", Jn, [
+              h("div", En, [
                 w(O.$slots, "bottom-sheet-cta", {}, () => [
                   N(ne, {
                     class: "joy-bottom-sheet_footer-close",
@@ -1265,7 +1255,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       ], 16)) : j("", !0)
     ], 8, ["to"])) : j("", !0);
   }
-}), Us = /* @__PURE__ */ B(Pn, [["__scopeId", "data-v-0f122c0c"]]), Gs = /* @__PURE__ */ A({
+}), Ws = /* @__PURE__ */ A(zn, [["__scopeId", "data-v-0f122c0c"]]), Us = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1282,7 +1272,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       onClick: r
     }))), 128));
   }
-}), Mn = { class: "joy-checkbox__wrapper" }, On = { class: "joy-checkbox__input-wrapper" }, Fn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Dn = { class: "joy-checkbox__content-wrapper" }, Rn = { class: "joy-checkbox__content" }, Nn = /* @__PURE__ */ A({
+}), Jn = { class: "joy-checkbox__wrapper" }, Pn = { class: "joy-checkbox__input-wrapper" }, Mn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], On = { class: "joy-checkbox__content-wrapper" }, Fn = { class: "joy-checkbox__content" }, Dn = /* @__PURE__ */ B({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -1339,7 +1329,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: n }) {
-    const l = n, o = e, i = _(), a = _(o.indeterminate), r = _(o.invalid && !o.checked), s = _(!1);
+    const l = n, o = e, i = S(), a = S(o.indeterminate), r = S(o.invalid && !o.checked), s = S(!1);
     G(
       () => o.invalid,
       (f) => {
@@ -1365,7 +1355,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     };
     return t({
       isIndeterminate: a
-    }), (f, d) => (c(), v("div", Mn, [
+    }), (f, d) => (c(), v("div", Jn, [
       h("label", {
         class: L([
           "joy-checkbox",
@@ -1378,7 +1368,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
           }
         ])
       }, [
-        h("div", On, [
+        h("div", Pn, [
           h("input", {
             id: e.id,
             ref_key: "input",
@@ -1398,23 +1388,23 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
             (...y) => u.onFocus && u.onFocus(...y)),
             onBlur: d[2] || (d[2] = //@ts-ignore
             (...y) => u.onBlur && u.onBlur(...y))
-          }, null, 40, Fn)
+          }, null, 40, Mn)
         ]),
-        h("div", Dn, [
+        h("div", On, [
           w(f.$slots, "default", {}, () => [
             R(J(e.label), 1)
           ], !0),
-          h("div", Rn, [
+          h("div", Fn, [
             w(f.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
     ]));
   }
-}), Gt = /* @__PURE__ */ B(Nn, [["__scopeId", "data-v-b08aada8"]]), qn = ["id"], Hn = { class: "joy-collapse-item__header-right" }, Wn = {
+}), Gt = /* @__PURE__ */ A(Dn, [["__scopeId", "data-v-b08aada8"]]), Rn = ["id"], Nn = { class: "joy-collapse-item__header-right" }, qn = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
-}, Un = { class: "joy-collapse-item__summary___preview" }, Gn = ["aria-labelledby"], Yn = /* @__PURE__ */ A({
+}, Hn = { class: "joy-collapse-item__summary___preview" }, Wn = ["aria-labelledby"], Un = /* @__PURE__ */ B({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -1446,7 +1436,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: n }) {
-    const l = e, o = n, i = _(l.open), a = _(!1);
+    const l = e, o = n, i = S(l.open), a = S(!1);
     G(
       () => l.open,
       (u) => {
@@ -1493,16 +1483,16 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
             name: e.summaryIcon
           }, null, 8, ["name"])) : j("", !0),
           R(" " + J(e.header), 1)
-        ], 8, qn),
-        h("div", Hn, [
+        ], 8, Rn),
+        h("div", Nn, [
           w(u.$slots, "collapse-header-right")
         ]),
         N(q, {
           class: "joy-collapse-item__summary___marker joy-mt-1",
           name: "chevron-down"
         }),
-        e.subheader ? (c(), v("span", Wn, J(e.subheader), 1)) : j("", !0),
-        h("span", Un, [
+        e.subheader ? (c(), v("span", qn, J(e.subheader), 1)) : j("", !0),
+        h("span", Hn, [
           w(u.$slots, "collapse-preview")
         ])
       ], 32),
@@ -1518,10 +1508,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         ])
       }, [
         w(u.$slots, "default")
-      ], 10, Gn)) : j("", !0)
+      ], 10, Wn)) : j("", !0)
     ], 2));
   }
-}), Kn = /* @__PURE__ */ B(Yn, [["__scopeId", "data-v-382ef065"]]), Zn = { class: "joy-collapse" }, Xn = /* @__PURE__ */ A({
+}), Gn = /* @__PURE__ */ A(Un, [["__scopeId", "data-v-382ef065"]]), Yn = { class: "joy-collapse" }, Kn = /* @__PURE__ */ B({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -1546,7 +1536,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const l = e, o = _(l.modelValue), i = Y(), a = n, r = C(() => {
+    const l = e, o = S(l.modelValue), i = Y(), a = n, r = C(() => {
       const m = i.default();
       return m.length === 1 && typeof m[0].type != "object" ? m[0].children.filter(s) : m.filter(s);
     });
@@ -1582,8 +1572,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       isOpen: f,
       items: r,
       openedCollapseItem: o
-    }), (m, g) => (c(), v("div", Zn, [
-      (c(!0), v(H, null, U(r.value, (b) => (c(), V(Kn, W({ ref_for: !0 }, b.props, {
+    }), (m, g) => (c(), v("div", Yn, [
+      (c(!0), v(H, null, U(r.value, (b) => (c(), V(Gn, W({ ref_for: !0 }, b.props, {
         key: b.props.id,
         open: f(b),
         mode: e.mode,
@@ -1591,19 +1581,19 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         "onCollapseItem:close": () => y(b)
       }), {
         "collapse-header-right": z(() => [
-          (c(!0), v(H, null, U(u(b, "collapse-header-right"), (S, k) => (c(), V(Z(S), { key: k }))), 128))
+          (c(!0), v(H, null, U(u(b, "collapse-header-right"), ($, k) => (c(), V(Z($), { key: k }))), 128))
         ]),
         "collapse-preview": z(() => [
-          (c(!0), v(H, null, U(u(b, "collapse-preview"), (S, k) => (c(), V(Z(S), { key: k }))), 128))
+          (c(!0), v(H, null, U(u(b, "collapse-preview"), ($, k) => (c(), V(Z($), { key: k }))), 128))
         ]),
         default: z(() => [
-          (c(!0), v(H, null, U(u(b, "default"), (S, k) => (c(), V(Z(S), { key: k }))), 128))
+          (c(!0), v(H, null, U(u(b, "default"), ($, k) => (c(), V(Z($), { key: k }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), Ys = /* @__PURE__ */ B(Xn, [["__scopeId", "data-v-35744932"]]), Qn = ["src", "alt", "title", "loading"], el = /* @__PURE__ */ A({
+}), Gs = /* @__PURE__ */ A(Kn, [["__scopeId", "data-v-35744932"]]), Zn = ["src", "alt", "title", "loading"], Xn = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1644,14 +1634,14 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         alt: e.imgAlt || e.companyName,
         title: e.companyName,
         loading: e.loading
-      }, null, 8, Qn)) : (c(), V(q, {
+      }, null, 8, Zn)) : (c(), V(q, {
         key: 1,
         name: "company-placeholder",
         size: n.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Ks = /* @__PURE__ */ B(el, [["__scopeId", "data-v-2f1289c1"]]), tl = /* @__PURE__ */ A({
+}), Ys = /* @__PURE__ */ A(Xn, [["__scopeId", "data-v-2f1289c1"]]), Qn = /* @__PURE__ */ B({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -1695,7 +1685,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     }
   },
   setup(e) {
-    return Me("VJoyWrapperContext", e), (n, l) => (c(), v("div", {
+    return Ae("VJoyWrapperContext", e), (n, l) => (c(), v("div", {
       class: L([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
@@ -1711,22 +1701,22 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       w(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), ie = /* @__PURE__ */ B(tl, [["__scopeId", "data-v-68d89412"]]), ol = ["id"], nl = { class: "joy-dialog__inner" }, ll = {
+}), ie = /* @__PURE__ */ A(Qn, [["__scopeId", "data-v-68d89412"]]), el = ["id"], tl = { class: "joy-dialog__inner" }, ol = {
   key: 0,
   class: "joy-dialog__shapes"
-}, al = { class: "joy-dialog--header" }, il = {
+}, nl = { class: "joy-dialog--header" }, ll = {
   key: 0,
   class: "joy-dialog--preheader"
-}, rl = {
+}, al = {
   id: "dialogDescription",
   class: "joy-dialog--subheader"
-}, sl = {
+}, il = {
   class: "joy-dialog--body",
   tabindex: "0"
-}, ul = {
+}, rl = {
   key: 2,
   class: "joy-dialog--indicators"
-}, cl = /* @__PURE__ */ A({
+}, sl = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -1808,7 +1798,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const l = e, o = n, i = Oe() + "--JoyDialog", a = Y(), r = _(!1), s = _(), u = _(l.open), f = we(), d = C(() => {
+    const l = e, o = n, i = Oe() + "--JoyDialog", a = Y(), r = S(!1), s = S(), u = S(l.open), f = we(), d = C(() => {
       if (r.value)
         return f;
     }), y = C(() => {
@@ -1819,10 +1809,10 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       !l.patternConfirm && b();
     }
     async function b(I = { fireHideEvent: !0 }) {
-      l.demoMode || (u.value = !1, await Je(), me(!1), I.fireHideEvent && o("dialog:hide"));
+      l.demoMode || (u.value = !1, await Pe(), pe(!1), I.fireHideEvent && o("dialog:hide"));
     }
-    async function S() {
-      u.value = !0, await Je(), l.preventBodyScroll && me(!0);
+    async function $() {
+      u.value = !0, await Pe(), l.preventBodyScroll && pe(!0);
     }
     function k() {
       o("dialog:open");
@@ -1835,14 +1825,14 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     }
     return te(async () => {
       r.value = !0;
-    }), Ee(() => {
-      u.value === !0 && (o("dialog:before-unmount"), me(!1));
+    }), ze(() => {
+      u.value === !0 && (o("dialog:before-unmount"), pe(!1));
     }), t({
       hasFooterSlots: y,
       hide: b,
       isOpen: u,
-      show: S
-    }), (I, M) => r.value ? (c(), V(Be, {
+      show: $
+    }), (I, M) => r.value ? (c(), V(Ee, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -1884,8 +1874,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                 }
               ])
             }, [
-              h("div", nl, [
-                e.patternBrand ? (c(), v("div", ll, [...M[3] || (M[3] = [
+              h("div", tl, [
+                e.patternBrand ? (c(), v("div", ol, [...M[3] || (M[3] = [
                   h("div", { class: "joy-dialog__shapes___shape" }, null, -1),
                   h("div", { class: "joy-dialog__shapes___shape" }, null, -1)
                 ])])) : j("", !0),
@@ -1898,8 +1888,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     height: `${e.bannerHeight}px`
                   })
                 }, null, 4)) : j("", !0),
-                h("div", al, [
-                  I.$slots["dialog-preheader"] ? (c(), v("div", il, [
+                h("div", nl, [
+                  I.$slots["dialog-preheader"] ? (c(), v("div", ll, [
                     w(I.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : j("", !0),
                   h("div", {
@@ -1908,7 +1898,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                   }, [
                     w(I.$slots, "dialog-header", {}, void 0, !0)
                   ]),
-                  h("p", rl, [
+                  h("p", al, [
                     w(I.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
                   e.patternConfirm ? j("", !0) : (c(), V(ne, {
@@ -1924,7 +1914,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     onClick: M[0] || (M[0] = (x) => b())
                   }, null, 8, ["label"]))
                 ]),
-                h("div", sl, [
+                h("div", il, [
                   w(I.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 h("div", {
@@ -1972,18 +1962,18 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     _: 3
                   })
                 ], 2),
-                D(a)["dialog-indicators"] ? (c(), v("div", ul, [
+                D(a)["dialog-indicators"] ? (c(), v("div", rl, [
                   w(I.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : j("", !0)
               ])
             ], 2)
-          ], 16, ol)) : j("", !0)
+          ], 16, el)) : j("", !0)
         ]),
         _: 3
       })
     ], 8, ["to", "disabled"])) : j("", !0);
   }
-}), Zs = /* @__PURE__ */ B(cl, [["__scopeId", "data-v-0f773f72"]]), Xs = /* @__PURE__ */ A({
+}), Ks = /* @__PURE__ */ A(sl, [["__scopeId", "data-v-0f773f72"]]), Zs = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -2000,13 +1990,13 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       onClick: r
     }))), 128));
   }
-}), dl = ["id"], fl = { class: "joy-drawer__inner" }, yl = { class: "joy-drawer--header" }, ml = {
+}), ul = ["id"], cl = { class: "joy-drawer__inner" }, dl = { class: "joy-drawer--header" }, fl = {
   id: "drawerDescription",
   class: "joy-drawer--subheader"
-}, pl = {
+}, yl = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, vl = /* @__PURE__ */ A({
+}, ml = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2072,7 +2062,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const l = e, o = n, i = Oe() + "--JoyDrawer", a = Y(), r = _(!1), s = _(), u = _(l.open), f = we(), d = C(() => {
+    const l = e, o = n, i = Oe() + "--JoyDrawer", a = Y(), r = S(!1), s = S(), u = S(l.open), f = we(), d = C(() => {
       if (r.value)
         return f;
     }), y = C(() => {
@@ -2080,12 +2070,12 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       return !!E || !!I;
     }), p = C(() => l.id || i), m = p.value + "-header";
     async function g(E = { fireHideEvent: !0 }) {
-      l.demoMode || l.onBeforeHide && !await l.onBeforeHide() || (u.value = !1, await Je(), me(!1), E.fireHideEvent && o("drawer:hide"));
+      l.demoMode || l.onBeforeHide && !await l.onBeforeHide() || (u.value = !1, await Pe(), pe(!1), E.fireHideEvent && o("drawer:hide"));
     }
     async function b() {
-      u.value = !0, await Je(), !l.elevated && l.preventBodyScroll && me(!0);
+      u.value = !0, await Pe(), !l.elevated && l.preventBodyScroll && pe(!0);
     }
-    function S() {
+    function $() {
       o("drawer:open");
     }
     function k() {
@@ -2096,14 +2086,14 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     }
     return te(() => {
       r.value = !0;
-    }), Ee(() => {
-      u.value === !0 && (o("drawer:before-unmount"), me(!1));
+    }), ze(() => {
+      u.value === !0 && (o("drawer:before-unmount"), pe(!1));
     }), t({
       hasFooterSlots: y,
       hide: g,
       isOpen: u,
       show: b
-    }), (E, I) => r.value ? (c(), V(Be, {
+    }), (E, I) => r.value ? (c(), V(Ee, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -2112,7 +2102,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
-        onEnter: S,
+        onEnter: $,
         onAfterEnter: k,
         onAfterLeave: T
       }, {
@@ -2152,15 +2142,15 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                 }
               ])
             }, [
-              h("div", fl, [
-                h("div", yl, [
+              h("div", cl, [
+                h("div", dl, [
                   h("div", {
                     id: m,
                     class: "joy-drawer--header__title"
                   }, [
                     w(E.$slots, "drawer-header", {}, void 0, !0)
                   ]),
-                  h("p", ml, [
+                  h("p", fl, [
                     w(E.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   N(ne, {
@@ -2175,7 +2165,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                     onClick: I[1] || (I[1] = (M) => g())
                   }, null, 8, ["label"])
                 ]),
-                h("div", pl, [
+                h("div", yl, [
                   w(E.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 h("div", {
@@ -2226,13 +2216,13 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
                 ], 2)
               ])
             ], 2)
-          ], 16, dl)) : j("", !0)
+          ], 16, ul)) : j("", !0)
         ]),
         _: 3
       })
     ], 8, ["to", "disabled"])) : j("", !0);
   }
-}), Qs = /* @__PURE__ */ B(vl, [["__scopeId", "data-v-056f6134"]]), eu = /* @__PURE__ */ A({
+}), Xs = /* @__PURE__ */ A(ml, [["__scopeId", "data-v-056f6134"]]), Qs = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -2249,13 +2239,13 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       onClick: r
     }))), 128));
   }
-}), hl = {
+}), pl = {
   key: 0,
   class: "joy-dropdown-list__header"
-}, gl = ["aria-label", "aria-labelledby"], bl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], wl = {
+}, vl = ["aria-label", "aria-labelledby"], hl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], gl = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, jl = /* @__PURE__ */ A({
+}, bl = /* @__PURE__ */ B({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -2299,7 +2289,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: t, emit: n }) {
-    const l = n, o = e, i = _(), a = C(() => (m) => !o.modelValue || !m.value && !m.id ? !1 : o.modelValue === m.value || o.modelValue === m.id);
+    const l = n, o = e, i = S(), a = C(() => (m) => !o.modelValue || !m.value && !m.id ? !1 : o.modelValue === m.value || o.modelValue === m.id);
     function r(m) {
       m.disabled || l("update:modelValue", m.value || m.id);
     }
@@ -2328,8 +2318,8 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
           l("update:modelValue", b.dataModel);
         }
         if (f() && m.key === " " && m.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(m.key)) {
-          const b = s(), S = f();
-          let k = b.indexOf(S);
+          const b = s(), $ = f();
+          let k = b.indexOf($);
           if (b.length) {
             m.preventDefault(), m.key === "ArrowDown" ? k++ : m.key === "ArrowUp" ? k-- : m.key === "Home" ? k = 0 : m.key === "End" && (k = b.length - 1), k < 0 && (k = b.length - 1), k > b.length - 1 && (k = 0), y(b[k]);
             return;
@@ -2345,7 +2335,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
     }
     return te(() => {
       window.addEventListener("keydown", d), u();
-    }), Ee(() => {
+    }), ze(() => {
       window.removeEventListener("keydown", d);
     }), t({
       isSelected: a
@@ -2353,7 +2343,7 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
       class: "joy-dropdown-list",
       style: ee({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      m.$slots["dropdown-list-header"] || e.reset ? (c(), v("header", hl, [
+      m.$slots["dropdown-list-header"] || e.reset ? (c(), v("header", pl, [
         e.reset ? (c(), v("button", {
           key: 0,
           type: "button",
@@ -2396,25 +2386,25 @@ const zn = { class: "joy-bottom-sheet_content" }, Jn = { class: "joy-bottom-shee
             "aria-label": b.label,
             ".dataModel": b.value || b.id,
             role: "option",
-            onClick: (S) => r(b)
+            onClick: ($) => r(b)
           }, [
             w(m.$slots, "label", W({ ref_for: !0 }, b), () => [
               h("span", null, J(b.label), 1)
             ], !0)
-          ], 46, bl))), 128))
-        ], 8, gl)) : j("", !0)
+          ], 46, hl))), 128))
+        ], 8, vl)) : j("", !0)
       ], 6),
-      m.$slots["dropdown-list-footer"] ? (c(), v("footer", wl, [
+      m.$slots["dropdown-list-footer"] ? (c(), v("footer", gl, [
         w(m.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : j("", !0)
     ], 4));
   }
-}), kl = /* @__PURE__ */ B(jl, [["__scopeId", "data-v-7a3292aa"]]);
-function $l(e) {
+}), wl = /* @__PURE__ */ A(bl, [["__scopeId", "data-v-7a3292aa"]]);
+function jl(e) {
   const t = () => e();
   te(() => {
     window.addEventListener("resize", t);
-  }), Ee(() => {
+  }), ze(() => {
     window.removeEventListener("resize", t);
   });
 }
@@ -2424,7 +2414,7 @@ function Yt(e, t) {
     t && ((n = e.value) == null || n.focus());
   });
 }
-const _l = /* @__PURE__ */ A({
+const kl = /* @__PURE__ */ B({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -2512,8 +2502,8 @@ const _l = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: n }) {
-    const l = n, o = e, i = _(!1), a = _(null), r = _(), s = _(null), u = _(null), f = _(!1), d = "joy-dropdown--" + Ze();
-    Me("VJoyDropdownContext", o);
+    const l = n, o = e, i = S(!1), a = S(null), r = S(), s = S(null), u = S(null), f = S(!1), d = "joy-dropdown--" + Ze();
+    Ae("VJoyDropdownContext", o);
     const y = {
       ignore: [r, ".joy-dropdown__list", "[data-click-outside-ignore]"]
     };
@@ -2539,7 +2529,7 @@ const _l = /* @__PURE__ */ A({
     function b() {
       f.value = !1, p && clearTimeout(p), i.value = !0, l("dropdown:open");
     }
-    function S(x) {
+    function $(x) {
       x.stopPropagation(), i.value ? k() : b(), u.value = x.target;
     }
     function k() {
@@ -2557,7 +2547,7 @@ const _l = /* @__PURE__ */ A({
     function M() {
       !r.value || !r.value.children.length || (r.value.children[0].id = d);
     }
-    return $l(g), te(() => {
+    return jl(g), te(() => {
       M();
     }), t({
       showDropdownList: i,
@@ -2575,7 +2565,7 @@ const _l = /* @__PURE__ */ A({
           ref: r,
           class: "joy-dropdown__button",
           "data-testid": "dropdown-trigger",
-          onClick: S
+          onClick: $
         }, [
           w(x.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
@@ -2594,7 +2584,7 @@ const _l = /* @__PURE__ */ A({
           ]),
           style: ee(m.value)
         }, [
-          N(kl, {
+          N(wl, {
             "model-value": e.modelValue,
             options: e.options,
             size: e.size,
@@ -2607,9 +2597,9 @@ const _l = /* @__PURE__ */ A({
             "onClose:dropdownList": k,
             onReset: I
           }, dt({
-            label: z(($) => [
-              w(x.$slots, "dropdown-item", _o(So($)), () => [
-                h("span", null, J($.label), 1)
+            label: z((_) => [
+              w(x.$slots, "dropdown-item", _o(So(_)), () => [
+                h("span", null, J(_.label), 1)
               ], !0)
             ]),
             _: 2
@@ -2641,7 +2631,7 @@ const _l = /* @__PURE__ */ A({
       _: 3
     }, 512));
   }
-}), tu = /* @__PURE__ */ B(_l, [["__scopeId", "data-v-91e88e50"]]), Sl = ["aria-hidden"], Cl = { key: 1 }, xl = /* @__PURE__ */ A({
+}), eu = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-91e88e50"]]), $l = ["aria-hidden"], _l = { key: 1 }, Sl = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /**
@@ -2663,14 +2653,21 @@ const _l = /* @__PURE__ */ A({
      * Error message to display. If you need a list of errors, use the slot instead
      * @deprecated Use the slot instead, or the errors prop.
      */
-    noHtmlErrorText: String
+    noHtmlErrorText: String,
+    /**
+     * Allows to remove any bottom margin on the component
+     */
+    noMargin: {
+      type: Boolean,
+      default: !1
+    }
   },
   setup(e) {
     const t = Y();
     return (n, l) => (c(), v("div", {
       "data-joy-form-error": "",
       "aria-hidden": e.visible,
-      class: L(["joy-form-error", { "joy-has-error": e.visible }]),
+      class: L(["joy-form-error", { "joy-has-error": e.visible, "joy-form-error--no-margin": e.noMargin }]),
       role: "alert"
     }, [
       N(q, {
@@ -2678,21 +2675,21 @@ const _l = /* @__PURE__ */ A({
         name: "warning-triangle"
       }),
       h("div", null, [
-        t.default ? w(n.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), v("ul", Cl, [
+        t.default ? w(n.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), v("ul", _l, [
           (c(!0), v(H, null, U(e.errors, (o) => (c(), v("li", { key: o }, J(o), 1))), 128))
         ])) : (c(), v(H, { key: 2 }, [
           R(J(e.noHtmlErrorText), 1)
         ], 64))
       ])
-    ], 10, Sl));
+    ], 10, $l));
   }
-}), mt = /* @__PURE__ */ B(xl, [["__scopeId", "data-v-ff064142"]]), Vl = { class: "joy-dropzone__icon-wrapper" }, Tl = /* @__PURE__ */ A({
+}), mt = /* @__PURE__ */ A(Sl, [["__scopeId", "data-v-de16f6d9"]]), Cl = { class: "joy-dropzone__icon-wrapper" }, xl = /* @__PURE__ */ B({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
   },
   setup(e) {
-    return (t, n) => (c(), v("div", Vl, [
+    return (t, n) => (c(), v("div", Cl, [
       N(q, {
         "aria-hidden": "true",
         name: e.name,
@@ -2700,19 +2697,20 @@ const _l = /* @__PURE__ */ A({
       }, null, 8, ["name"])
     ]));
   }
-}), Kt = /* @__PURE__ */ B(Tl, [["__scopeId", "data-v-5a2d1889"]]), Ll = { class: "joy-dropzone__file__description" }, Il = { class: "joy-dropzone__file__name" }, Al = {
+}), Kt = /* @__PURE__ */ A(xl, [["__scopeId", "data-v-5a2d1889"]]), Vl = { class: "joy-dropzone__file__description" }, Tl = { class: "joy-dropzone__file__name" }, Ll = {
   key: 0,
   class: "joy-dropzone__file__information"
-}, Bl = {
+}, Il = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, El = /* @__PURE__ */ A({
+}, Bl = /* @__PURE__ */ B({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
     deleteLabel: {},
     updateLabel: {},
-    error: {}
+    error: {},
+    canDelete: { type: Boolean, default: !0 }
   },
   emits: ["delete", "update"],
   setup(e) {
@@ -2731,12 +2729,12 @@ const _l = /* @__PURE__ */ A({
           name: "file-check",
           class: "joy-dropzone__file__icon"
         }),
-        h("div", Ll, [
-          h("span", Il, J(n.file.name), 1),
-          t.information ? (c(), v("div", Al, [
+        h("div", Vl, [
+          h("span", Tl, J(n.file.name), 1),
+          t.information ? (c(), v("div", Ll, [
             w(l.$slots, "information", { file: e.file }, void 0, !0)
           ])) : j("", !0),
-          e.error ? (c(), v("p", Bl, J(e.error), 1)) : j("", !0)
+          e.error ? (c(), v("p", Il, J(e.error), 1)) : j("", !0)
         ]),
         N(ie, {
           "column-gap": "1",
@@ -2748,22 +2746,23 @@ const _l = /* @__PURE__ */ A({
             w(l.$slots, "actions", { file: e.file }, void 0, !0),
             N(ne, {
               circle: "",
-              size: "small",
+              size: "medium",
               variant: "ghost",
               icon: "pen",
               title: e.updateLabel,
               "aria-label": e.updateLabel,
               onClick: o[0] || (o[0] = (i) => l.$emit("update"))
             }, null, 8, ["title", "aria-label"]),
-            N(ne, {
+            e.canDelete ? (c(), V(ne, {
+              key: 0,
               circle: "",
-              size: "small",
+              size: "medium",
               variant: "ghost",
               icon: "trash",
               title: e.deleteLabel,
               "aria-label": e.deleteLabel,
               onClick: o[1] || (o[1] = (i) => l.$emit("delete"))
-            }, null, 8, ["title", "aria-label"])
+            }, null, 8, ["title", "aria-label"])) : j("", !0)
           ]),
           _: 3
         })
@@ -2771,13 +2770,13 @@ const _l = /* @__PURE__ */ A({
       _: 3
     }));
   }
-}), zl = /* @__PURE__ */ B(El, [["__scopeId", "data-v-791af482"]]), Jl = ["name", "accept", "multiple"], Pl = ["for"], Ml = {
+}), Al = /* @__PURE__ */ A(Bl, [["__scopeId", "data-v-0dcc3f7e"]]), El = ["name", "accept", "multiple"], zl = ["for"], Jl = {
   key: 0,
   class: "joy-dropzone__files"
-}, Ol = { class: "joy-dropzone__instruction__text" }, Fl = {
+}, Pl = { class: "joy-dropzone__instruction__text" }, Ml = {
   key: 0,
   class: "joy-dropzone__legend"
-}, Dl = /* @__PURE__ */ A({
+}, Ol = /* @__PURE__ */ B({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ Co({
     name: {},
@@ -2788,29 +2787,30 @@ const _l = /* @__PURE__ */ A({
     updateLabel: { default: "Update this file" },
     errorTextFormat: { default: "This format is not supported" },
     errorTextMaxSize: { default: (e) => `The file is over ${e.maxSize}MB. Upload a file smaller than ${e.maxSize}MB.` },
-    errorTextFormatAndMaxSize: { default: (e) => `The file format isn't correct and is over ${e.maxSize}MB. Upload a file smaller than ${e.maxSize}MB.` }
+    errorTextFormatAndMaxSize: { default: (e) => `The file format isn't correct and is over ${e.maxSize}MB. Upload a file smaller than ${e.maxSize}MB.` },
+    canDelete: { type: Boolean, default: !0 }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = Y(), l = e, o = xo(e, "modelValue"), i = _(m(o.value)), a = _(), r = _(), s = _(), { isOverDropZone: u } = Cn(r, {
+    const n = Y(), l = e, o = xo(e, "modelValue"), i = S(m(o.value)), a = S(), r = S(), s = S(), { isOverDropZone: u } = _n(r, {
       onDrop: T
-    }), f = C(() => o.value.filter(($) => $ instanceof File)), d = C(() => l.multiple || f.value.length === 0 ? void 0 : g(f.value[0]));
-    function y($) {
-      return l.accept.length > 0 ? l.accept.includes($.type) : !0;
+    }), f = C(() => o.value.filter((_) => _ instanceof File)), d = C(() => l.multiple || f.value.length === 0 ? void 0 : g(f.value[0]));
+    function y(_) {
+      return l.accept.length > 0 ? l.accept.includes(_.type) : !0;
     }
-    function p($) {
-      return $.size < l.maxSize * 1024 * 1024;
+    function p(_) {
+      return _.size < l.maxSize * 1024 * 1024;
     }
-    function m($) {
-      return $.filter((F) => F instanceof File).some((F) => !y(F) || !p(F));
+    function m(_) {
+      return _.filter((F) => F instanceof File).some((F) => !y(F) || !p(F));
     }
-    function g($) {
-      if (!($ instanceof File))
+    function g(_) {
+      if (!(_ instanceof File))
         return;
-      const P = y($), F = p($);
+      const P = y(_), F = p(_);
       if (!P && !F)
         return l.errorTextFormatAndMaxSize;
       if (!P)
@@ -2821,39 +2821,39 @@ const _l = /* @__PURE__ */ A({
     function b() {
       a.value = void 0, s.value && s.value.click();
     }
-    function S() {
+    function $() {
       s.value && (s.value.value = "");
     }
-    function k($) {
+    function k(_) {
       var F;
-      const P = (F = $.target) == null ? void 0 : F.files;
+      const P = (F = _.target) == null ? void 0 : F.files;
       !P || P.length === 0 || (a.value ? (O(a.value, Array.from(P)), a.value = void 0) : x(Array.from(P)));
     }
-    function T($) {
-      !$ || $.length === 0 || (a.value = void 0, x($));
+    function T(_) {
+      !_ || _.length === 0 || (a.value = void 0, x(_));
     }
-    function E($) {
-      a.value = $, s.value && s.value.click();
+    function E(_) {
+      a.value = _, s.value && s.value.click();
     }
-    function I($) {
-      i.value = m($), o.value = $;
+    function I(_) {
+      i.value = m(_), o.value = _;
     }
-    function M($) {
-      I(o.value.filter((P) => P !== $));
+    function M(_) {
+      I(o.value.filter((P) => P !== _));
     }
-    function x($) {
-      l.multiple ? I([...o.value, ...$]) : I([$[0]]);
+    function x(_) {
+      l.multiple ? I([...o.value, ..._]) : I([_[0]]);
     }
-    function O($, [P, ...F]) {
+    function O(_, [P, ...F]) {
       if (l.multiple) {
         const K = [...o.value];
-        K[o.value.indexOf($)] = P, K.push(...F), I(K);
+        K[o.value.indexOf(_)] = P, K.push(...F), I(K);
       } else
         I([P]);
     }
     return t({
       invalid: i
-    }), ($, P) => (c(), v("div", {
+    }), (_, P) => (c(), v("div", {
       class: L(["joy-dropzone", {
         "joy-dropzone--dragover": D(u),
         "joy-dropzone--invalid": i.value,
@@ -2874,37 +2874,38 @@ const _l = /* @__PURE__ */ A({
           multiple: e.multiple,
           tabindex: "-1",
           onChange: k,
-          onClick: S
-        }, null, 40, Jl),
+          onClick: $
+        }, null, 40, El),
         h("label", {
           for: e.name,
           class: "joy-dropzone__label"
         }, [
-          o.value.length > 0 ? (c(), v("div", Ml, [
-            (c(!0), v(H, null, U(o.value, (F, K) => (c(), V(zl, {
+          o.value.length > 0 ? (c(), v("div", Jl, [
+            (c(!0), v(H, null, U(o.value, (F, K) => (c(), V(Al, {
               key: `${F.name}_${K}`,
               file: F,
               error: e.multiple ? g(F) : void 0,
               "update-label": e.updateLabel,
               "delete-label": e.deleteLabel,
+              "can-delete": e.canDelete,
               onUpdate: (se) => E(F),
               onDelete: (se) => M(F)
             }, dt({ _: 2 }, [
               n["file-information"] ? {
                 name: "information",
                 fn: z(() => [
-                  w($.$slots, "file-information", { file: F }, void 0, !0)
+                  w(_.$slots, "file-information", { file: F }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               n["file-actions"] ? {
                 name: "actions",
                 fn: z(() => [
-                  w($.$slots, "file-actions", { file: F }, void 0, !0)
+                  w(_.$slots, "file-actions", { file: F }, void 0, !0)
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["file", "error", "update-label", "delete-label", "onUpdate", "onDelete"]))), 128))
+            ]), 1032, ["file", "error", "update-label", "delete-label", "can-delete", "onUpdate", "onDelete"]))), 128))
           ])) : j("", !0),
           o.value.length === 0 || e.multiple ? (c(), V(ie, {
             key: 1,
@@ -2918,18 +2919,18 @@ const _l = /* @__PURE__ */ A({
                 name: "add",
                 class: "joy-dropzone__instruction__icon"
               }),
-              h("p", Ol, [
-                w($.$slots, "dropzone-description", {}, () => [
+              h("p", Pl, [
+                w(_.$slots, "dropzone-description", {}, () => [
                   P[0] || (P[0] = R("Drop your file here or click here", -1))
                 ], !0)
               ])
             ]),
             _: 3
           })) : j("", !0)
-        ], 8, Pl)
+        ], 8, zl)
       ], 512),
-      n["dropzone-legend"] ? (c(), v("div", Fl, [
-        w($.$slots, "dropzone-legend", {}, void 0, !0)
+      n["dropzone-legend"] ? (c(), v("div", Ml, [
+        w(_.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : j("", !0),
       d.value ? (c(), V(mt, {
         key: 1,
@@ -2938,7 +2939,7 @@ const _l = /* @__PURE__ */ A({
       }, null, 8, ["no-html-error-text"])) : j("", !0)
     ], 2));
   }
-}), ou = /* @__PURE__ */ B(Dl, [["__scopeId", "data-v-b2a432e4"]]), Rl = ["aria-label"], Nl = { class: "joy-filter-bar__wrapper" }, ql = /* @__PURE__ */ A({
+}), tu = /* @__PURE__ */ A(Ol, [["__scopeId", "data-v-3c9052aa"]]), Fl = ["aria-label"], Dl = { class: "joy-filter-bar__wrapper" }, Rl = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -2950,12 +2951,12 @@ const _l = /* @__PURE__ */ A({
       role: "group",
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
-      h("div", Nl, [
+      h("div", Dl, [
         w(t.$slots, "default", {}, void 0, !0)
       ])
-    ], 8, Rl));
+    ], 8, Fl));
   }
-}), nu = /* @__PURE__ */ B(ql, [["__scopeId", "data-v-cb769d05"]]), Hl = /* @__PURE__ */ A({
+}), ou = /* @__PURE__ */ A(Rl, [["__scopeId", "data-v-cb769d05"]]), Nl = /* @__PURE__ */ B({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -2972,7 +2973,7 @@ const _l = /* @__PURE__ */ A({
   },
   emits: ["filter"],
   setup(e, { emit: t }) {
-    const n = e, l = t, o = be("VJoyDropdownContext", null);
+    const n = e, l = t, o = de("VJoyDropdownContext", null);
     function i() {
       l("filter", n.value);
     }
@@ -2993,7 +2994,7 @@ const _l = /* @__PURE__ */ A({
       })) : j("", !0)
     ], 2));
   }
-}), lu = /* @__PURE__ */ B(Hl, [["__scopeId", "data-v-ef875842"]]), Wl = /* @__PURE__ */ A({
+}), nu = /* @__PURE__ */ A(Nl, [["__scopeId", "data-v-ef875842"]]), ql = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3013,7 +3014,7 @@ const _l = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, l = be("VJoyWrapperContext", {}), o = C(() => {
+    const n = e, l = de("VJoyWrapperContext", {}), o = C(() => {
       const i = l.direction === "column" ? "auto" : null;
       if (!n.width && n.flex === "1") {
         const s = ["1", "0"];
@@ -3031,7 +3032,7 @@ const _l = /* @__PURE__ */ A({
       })
     }, null, 6));
   }
-}), au = /* @__PURE__ */ B(Wl, [["__scopeId", "data-v-3004f370"]]), Ul = { class: "joy-funnel__header" }, Gl = { class: "funnel__header__inner" }, Yl = /* @__PURE__ */ A({
+}), lu = /* @__PURE__ */ A(ql, [["__scopeId", "data-v-3004f370"]]), Hl = { class: "joy-funnel__header" }, Wl = { class: "funnel__header__inner" }, Ul = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3051,8 +3052,8 @@ const _l = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const n = _(!0), l = Y(), o = _(!0);
-    Me("VJoyStepperShowLabels", o);
+    const n = S(!0), l = Y(), o = S(!0);
+    Ae("VJoyStepperShowLabels", o);
     function i(s) {
       const u = s.currentTarget;
       n.value = u.scrollTop === 0, a.value && !n.value ? o.value = !1 : a.value && n.value && (o.value = !0);
@@ -3070,8 +3071,8 @@ const _l = /* @__PURE__ */ A({
         }
       ])
     }, [
-      h("div", Ul, [
-        h("div", Gl, [
+      h("div", Hl, [
+        h("div", Wl, [
           w(s.$slots, "funnel-header", {}, void 0, !0)
         ])
       ]),
@@ -3085,7 +3086,7 @@ const _l = /* @__PURE__ */ A({
           }
         ])
       }, [...u[0] || (u[0] = [
-        Ot('<div class="shapes__wrapper" data-v-e2fccb79><div class="shape_1" data-v-e2fccb79></div><div class="shape_2" data-v-e2fccb79></div><div class="shape_3" data-v-e2fccb79></div><div class="shape_4" data-v-e2fccb79></div></div>', 1)
+        Mt('<div class="shapes__wrapper" data-v-e2fccb79><div class="shape_1" data-v-e2fccb79></div><div class="shape_2" data-v-e2fccb79></div><div class="shape_3" data-v-e2fccb79></div><div class="shape_4" data-v-e2fccb79></div></div>', 1)
       ])], 2)),
       h("div", {
         class: L(["joy-funnel__stepper", { "joy-funnel__stepper--medium": e.layoutWidth === "medium" }])
@@ -3104,31 +3105,31 @@ const _l = /* @__PURE__ */ A({
       ], 32)
     ], 2));
   }
-}), iu = /* @__PURE__ */ B(Yl, [["__scopeId", "data-v-e2fccb79"]]), Kl = { class: "joy-funnel-footer" }, Zl = { class: "joy-funnel-footer__left" }, Xl = { class: "joy-funnel-footer__right" }, Ql = /* @__PURE__ */ A({
+}), au = /* @__PURE__ */ A(Ul, [["__scopeId", "data-v-e2fccb79"]]), Gl = { class: "joy-funnel-footer" }, Yl = { class: "joy-funnel-footer__left" }, Kl = { class: "joy-funnel-footer__right" }, Zl = /* @__PURE__ */ B({
   __name: "VJoyFunnelFooter",
   setup(e) {
-    return (t, n) => (c(), v("footer", Kl, [
-      h("div", Zl, [
+    return (t, n) => (c(), v("footer", Gl, [
+      h("div", Yl, [
         w(t.$slots, "footer-left", {}, void 0, !0)
       ]),
-      h("div", Xl, [
+      h("div", Kl, [
         w(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
-}), ru = /* @__PURE__ */ B(Ql, [["__scopeId", "data-v-bdeeb2bd"]]), ea = { class: "joy-funnel-header" }, ta = { class: "joy-funnel-header__left" }, oa = { class: "joy-funnel-header__right" }, na = /* @__PURE__ */ A({
+}), iu = /* @__PURE__ */ A(Zl, [["__scopeId", "data-v-bdeeb2bd"]]), Xl = { class: "joy-funnel-header" }, Ql = { class: "joy-funnel-header__left" }, ea = { class: "joy-funnel-header__right" }, ta = /* @__PURE__ */ B({
   __name: "VJoyFunnelHeader",
   setup(e) {
-    return (t, n) => (c(), v("header", ea, [
-      h("div", ta, [
+    return (t, n) => (c(), v("header", Xl, [
+      h("div", Ql, [
         w(t.$slots, "funnel-header-left", {}, void 0, !0)
       ]),
-      h("div", oa, [
+      h("div", ea, [
         w(t.$slots, "funnel-header-right", {}, void 0, !0)
       ])
     ]));
   }
-}), su = /* @__PURE__ */ B(na, [["__scopeId", "data-v-e423038b"]]), la = { class: "joy-highlight__decorator" }, aa = { class: "joy-highlight__text" }, ia = { key: 0 }, ra = /* @__PURE__ */ A({
+}), ru = /* @__PURE__ */ A(ta, [["__scopeId", "data-v-e423038b"]]), oa = { class: "joy-highlight__decorator" }, na = { class: "joy-highlight__text" }, la = { key: 0 }, aa = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3155,7 +3156,7 @@ const _l = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, l = C(() => n.icon ? n.icon : Dt(n.level));
+    const n = e, l = C(() => n.icon ? n.icon : Ft(n.level));
     return t({
       getRelevantIcon: l
     }), (o, i) => (c(), v("div", {
@@ -3169,7 +3170,7 @@ const _l = /* @__PURE__ */ A({
         }
       ])
     }, [
-      h("div", la, [
+      h("div", oa, [
         w(o.$slots, "highlight-decorator", {}, () => [
           e.displayIcon ? (c(), V(q, {
             key: 0,
@@ -3177,15 +3178,15 @@ const _l = /* @__PURE__ */ A({
           }, null, 8, ["name"])) : j("", !0)
         ], !0)
       ]),
-      h("div", aa, [
-        o.$slots["highlight-title"] ? (c(), v("strong", ia, [
+      h("div", na, [
+        o.$slots["highlight-title"] ? (c(), v("strong", la, [
           w(o.$slots, "highlight-title", {}, void 0, !0)
         ])) : j("", !0),
         w(o.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), uu = /* @__PURE__ */ B(ra, [["__scopeId", "data-v-e5c2ff23"]]), sa = ["aria-label"], ua = /* @__PURE__ */ A({
+}), su = /* @__PURE__ */ A(aa, [["__scopeId", "data-v-e5c2ff23"]]), ia = ["aria-label"], ra = /* @__PURE__ */ B({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3215,10 +3216,10 @@ const _l = /* @__PURE__ */ A({
         type: "button",
         class: L(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
-      }, null, 10, sa)
+      }, null, 10, ia)
     ], 2));
   }
-}), ca = /* @__PURE__ */ B(ua, [["__scopeId", "data-v-5fbd653e"]]), da = /* @__PURE__ */ A({
+}), sa = /* @__PURE__ */ A(ra, [["__scopeId", "data-v-5fbd653e"]]), ua = /* @__PURE__ */ B({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3231,7 +3232,7 @@ const _l = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const l = e, o = n, i = Y(), a = _(l.modelValue), r = C(() => {
+    const l = e, o = n, i = Y(), a = S(l.modelValue), r = C(() => {
       const d = i.default();
       return d.length === 1 && typeof d[0].type != "object" ? d[0].children.filter(u) : d.filter(u);
     });
@@ -3256,7 +3257,7 @@ const _l = /* @__PURE__ */ A({
     }), (d, y) => (c(), v("ul", {
       class: L(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (c(!0), v(H, null, U(r.value, (p) => (c(), V(ca, W({
+      (c(!0), v(H, null, U(r.value, (p) => (c(), V(sa, W({
         key: p.props.value
       }, { ref_for: !0 }, { ...p.props, variant: e.variant }, {
         selected: s(p),
@@ -3264,22 +3265,22 @@ const _l = /* @__PURE__ */ A({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), cu = /* @__PURE__ */ B(da, [["__scopeId", "data-v-f2dd63e9"]]), lt = Math.min, fa = Math.max, ya = {
+}), uu = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-f2dd63e9"]]), lt = Math.min, ca = Math.max, da = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, ma = {
+}, fa = {
   start: "end",
   end: "start"
 };
 function at(e, t, n) {
-  return fa(e, lt(t, n));
+  return ca(e, lt(t, n));
 }
 function _e(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function ve(e) {
+function he(e) {
   return e.split("-")[0];
 }
 function De(e) {
@@ -3292,25 +3293,25 @@ function vt(e) {
   return e === "y" ? "height" : "width";
 }
 function Se(e) {
-  return ["top", "bottom"].includes(ve(e)) ? "y" : "x";
+  return ["top", "bottom"].includes(he(e)) ? "y" : "x";
 }
 function ht(e) {
   return pt(Se(e));
 }
-function pa(e, t, n) {
+function ya(e, t, n) {
   n === void 0 && (n = !1);
   const l = De(e), o = ht(e), i = vt(o);
   let a = o === "x" ? l === (n ? "end" : "start") ? "right" : "left" : l === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (a = Ue(a)), [a, Ue(a)];
 }
-function va(e) {
+function ma(e) {
   const t = Ue(e);
   return [it(e), t, it(t)];
 }
 function it(e) {
-  return e.replace(/start|end/g, (t) => ma[t]);
+  return e.replace(/start|end/g, (t) => fa[t]);
 }
-function ha(e, t, n) {
+function pa(e, t, n) {
   const l = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], a = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -3323,15 +3324,15 @@ function ha(e, t, n) {
       return [];
   }
 }
-function ga(e, t, n, l) {
+function va(e, t, n, l) {
   const o = De(e);
-  let i = ha(ve(e), n === "start", l);
+  let i = pa(he(e), n === "start", l);
   return o && (i = i.map((a) => a + "-" + o), t && (i = i.concat(i.map(it)))), i;
 }
 function Ue(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => ya[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => da[t]);
 }
-function ba(e) {
+function ha(e) {
   return {
     top: 0,
     right: 0,
@@ -3341,7 +3342,7 @@ function ba(e) {
   };
 }
 function Zt(e) {
-  return typeof e != "number" ? ba(e) : {
+  return typeof e != "number" ? ha(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -3366,12 +3367,12 @@ function Ge(e) {
     y: n
   };
 }
-function Vt(e, t, n) {
+function xt(e, t, n) {
   let {
     reference: l,
     floating: o
   } = e;
-  const i = Se(t), a = ht(t), r = vt(a), s = ve(t), u = i === "y", f = l.x + l.width / 2 - o.width / 2, d = l.y + l.height / 2 - o.height / 2, y = l[r] / 2 - o[r] / 2;
+  const i = Se(t), a = ht(t), r = vt(a), s = he(t), u = i === "y", f = l.x + l.width / 2 - o.width / 2, d = l.y + l.height / 2 - o.height / 2, y = l[r] / 2 - o[r] / 2;
   let p;
   switch (s) {
     case "top":
@@ -3414,7 +3415,7 @@ function Vt(e, t, n) {
   }
   return p;
 }
-const wa = async (e, t, n) => {
+const ga = async (e, t, n) => {
   const {
     placement: l = "bottom",
     strategy: o = "absolute",
@@ -3428,17 +3429,17 @@ const wa = async (e, t, n) => {
   }), {
     x: f,
     y: d
-  } = Vt(u, l, s), y = l, p = {}, m = 0;
+  } = xt(u, l, s), y = l, p = {}, m = 0;
   for (let g = 0; g < r.length; g++) {
     const {
       name: b,
-      fn: S
+      fn: $
     } = r[g], {
       x: k,
       y: T,
       data: E,
       reset: I
-    } = await S({
+    } = await $({
       x: f,
       y: d,
       initialPlacement: l,
@@ -3465,7 +3466,7 @@ const wa = async (e, t, n) => {
     }) : I.rects), {
       x: f,
       y: d
-    } = Vt(u, y, s)), g = -1);
+    } = xt(u, y, s)), g = -1);
   }
   return {
     x: f,
@@ -3491,7 +3492,7 @@ async function Xt(e, t) {
     elementContext: d = "floating",
     altBoundary: y = !1,
     padding: p = 0
-  } = _e(t, e), m = Zt(p), b = r[y ? d === "floating" ? "reference" : "floating" : d], S = Ge(await i.getClippingRect({
+  } = _e(t, e), m = Zt(p), b = r[y ? d === "floating" ? "reference" : "floating" : d], $ = Ge(await i.getClippingRect({
     element: (n = await (i.isElement == null ? void 0 : i.isElement(b))) == null || n ? b : b.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
     boundary: u,
     rootBoundary: f,
@@ -3514,13 +3515,13 @@ async function Xt(e, t) {
     strategy: s
   }) : k);
   return {
-    top: (S.top - I.top + m.top) / E.y,
-    bottom: (I.bottom - S.bottom + m.bottom) / E.y,
-    left: (S.left - I.left + m.left) / E.x,
-    right: (I.right - S.right + m.right) / E.x
+    top: ($.top - I.top + m.top) / E.y,
+    bottom: (I.bottom - $.bottom + m.bottom) / E.y,
+    left: ($.left - I.left + m.left) / E.x,
+    right: (I.right - $.right + m.right) / E.x
   };
 }
-const ja = (e) => ({
+const ba = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -3541,10 +3542,10 @@ const ja = (e) => ({
     const d = Zt(f), y = {
       x: n,
       y: l
-    }, p = ht(o), m = vt(p), g = await a.getDimensions(u), b = p === "y", S = b ? "top" : "left", k = b ? "bottom" : "right", T = b ? "clientHeight" : "clientWidth", E = i.reference[m] + i.reference[p] - y[p] - i.floating[m], I = y[p] - i.reference[p], M = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
+    }, p = ht(o), m = vt(p), g = await a.getDimensions(u), b = p === "y", $ = b ? "top" : "left", k = b ? "bottom" : "right", T = b ? "clientHeight" : "clientWidth", E = i.reference[m] + i.reference[p] - y[p] - i.floating[m], I = y[p] - i.reference[p], M = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let x = M ? M[T] : 0;
     (!x || !await (a.isElement == null ? void 0 : a.isElement(M))) && (x = r.floating[T] || i.floating[m]);
-    const O = E / 2 - I / 2, $ = x / 2 - g[m] / 2 - 1, P = lt(d[S], $), F = lt(d[k], $), K = P, se = x - g[m] - F, Q = x / 2 - g[m] / 2 + O, xe = at(K, Q, se), ue = !s.arrow && De(o) != null && Q !== xe && i.reference[m] / 2 - (Q < K ? P : F) - g[m] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
+    const O = E / 2 - I / 2, _ = x / 2 - g[m] / 2 - 1, P = lt(d[$], _), F = lt(d[k], _), K = P, se = x - g[m] - F, Q = x / 2 - g[m] / 2 + O, xe = at(K, Q, se), ue = !s.arrow && De(o) != null && Q !== xe && i.reference[m] / 2 - (Q < K ? P : F) - g[m] / 2 < 0, ae = ue ? Q < K ? Q - K : Q - se : 0;
     return {
       [p]: y[p] + ae,
       data: {
@@ -3581,18 +3582,18 @@ const ja = (e) => ({
       } = _e(e, t);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const S = ve(o), k = Se(r), T = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), I = y || (T || !g ? [Ue(r)] : va(r)), M = m !== "none";
-      !y && M && I.push(...ga(r, g, m, E));
-      const x = [r, ...I], O = await Xt(t, b), $ = [];
+      const $ = he(o), k = Se(r), T = he(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), I = y || (T || !g ? [Ue(r)] : ma(r)), M = m !== "none";
+      !y && M && I.push(...va(r, g, m, E));
+      const x = [r, ...I], O = await Xt(t, b), _ = [];
       let P = ((l = i.flip) == null ? void 0 : l.overflows) || [];
-      if (f && $.push(O[S]), d) {
-        const Q = pa(o, a, E);
-        $.push(O[Q[0]], O[Q[1]]);
+      if (f && _.push(O[$]), d) {
+        const Q = ya(o, a, E);
+        _.push(O[Q[0]], O[Q[1]]);
       }
       if (P = [...P, {
         placement: o,
-        overflows: $
-      }], !$.every((Q) => Q <= 0)) {
+        overflows: _
+      }], !_.every((Q) => Q <= 0)) {
         var F, K;
         const Q = (((F = i.flip) == null ? void 0 : F.index) || 0) + 1, xe = x[Q];
         if (xe)
@@ -3605,20 +3606,20 @@ const ja = (e) => ({
               placement: xe
             }
           };
-        let ue = (K = P.filter((ae) => ae.overflows[0] <= 0).sort((ae, fe) => ae.overflows[1] - fe.overflows[1])[0]) == null ? void 0 : K.placement;
+        let ue = (K = P.filter((ae) => ae.overflows[0] <= 0).sort((ae, ye) => ae.overflows[1] - ye.overflows[1])[0]) == null ? void 0 : K.placement;
         if (!ue)
           switch (p) {
             case "bestFit": {
               var se;
-              const ae = (se = P.filter((fe) => {
+              const ae = (se = P.filter((ye) => {
                 if (M) {
-                  const ye = Se(fe.placement);
-                  return ye === k || // Create a bias to the `y` side axis due to horizontal
+                  const me = Se(ye.placement);
+                  return me === k || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  ye === "y";
+                  me === "y";
                 }
                 return !0;
-              }).map((fe) => [fe.placement, fe.overflows.filter((ye) => ye > 0).reduce((ye, ho) => ye + ho, 0)]).sort((fe, ye) => fe[1] - ye[1])[0]) == null ? void 0 : se[0];
+              }).map((ye) => [ye.placement, ye.overflows.filter((me) => me > 0).reduce((me, ho) => me + ho, 0)]).sort((ye, me) => ye[1] - me[1])[0]) == null ? void 0 : se[0];
               ae && (ue = ae);
               break;
             }
@@ -3637,12 +3638,12 @@ const ja = (e) => ({
     }
   };
 };
-async function ka(e, t) {
+async function wa(e, t) {
   const {
     placement: n,
     platform: l,
     elements: o
-  } = e, i = await (l.isRTL == null ? void 0 : l.isRTL(o.floating)), a = ve(n), r = De(n), s = Se(n) === "y", u = ["left", "top"].includes(a) ? -1 : 1, f = i && s ? -1 : 1, d = _e(t, e);
+  } = e, i = await (l.isRTL == null ? void 0 : l.isRTL(o.floating)), a = he(n), r = De(n), s = Se(n) === "y", u = ["left", "top"].includes(a) ? -1 : 1, f = i && s ? -1 : 1, d = _e(t, e);
   let {
     mainAxis: y,
     crossAxis: p,
@@ -3676,7 +3677,7 @@ const eo = function(e) {
         y: i,
         placement: a,
         middlewareData: r
-      } = t, s = await ka(t, e);
+      } = t, s = await wa(t, e);
       return a === ((n = r.offset) == null ? void 0 : n.placement) && (l = r.arrow) != null && l.alignmentOffset ? {} : {
         x: o + s.x,
         y: i + s.y,
@@ -3702,11 +3703,11 @@ const eo = function(e) {
         limiter: r = {
           fn: (b) => {
             let {
-              x: S,
+              x: $,
               y: k
             } = b;
             return {
-              x: S,
+              x: $,
               y: k
             };
           }
@@ -3715,14 +3716,14 @@ const eo = function(e) {
       } = _e(e, t), u = {
         x: n,
         y: l
-      }, f = await Xt(t, s), d = Se(ve(o)), y = pt(d);
+      }, f = await Xt(t, s), d = Se(he(o)), y = pt(d);
       let p = u[y], m = u[d];
       if (i) {
-        const b = y === "y" ? "top" : "left", S = y === "y" ? "bottom" : "right", k = p + f[b], T = p - f[S];
+        const b = y === "y" ? "top" : "left", $ = y === "y" ? "bottom" : "right", k = p + f[b], T = p - f[$];
         p = at(k, p, T);
       }
       if (a) {
-        const b = d === "y" ? "top" : "left", S = d === "y" ? "bottom" : "right", k = m + f[b], T = m - f[S];
+        const b = d === "y" ? "top" : "left", $ = d === "y" ? "bottom" : "right", k = m + f[b], T = m - f[$];
         m = at(k, m, T);
       }
       const g = r.fn({
@@ -3771,8 +3772,8 @@ const eo = function(e) {
         p < E ? p = E : p > I && (p = I);
       }
       if (u) {
-        var S, k;
-        const T = y === "y" ? "width" : "height", E = ["top", "left"].includes(ve(o)), I = i.reference[d] - i.floating[T] + (E && ((S = a.offset) == null ? void 0 : S[d]) || 0) + (E ? 0 : b.crossAxis), M = i.reference[d] + i.reference[T] + (E ? 0 : ((k = a.offset) == null ? void 0 : k[d]) || 0) - (E ? b.crossAxis : 0);
+        var $, k;
+        const T = y === "y" ? "width" : "height", E = ["top", "left"].includes(he(o)), I = i.reference[d] - i.floating[T] + (E && (($ = a.offset) == null ? void 0 : $[d]) || 0) + (E ? 0 : b.crossAxis), M = i.reference[d] + i.reference[T] + (E ? 0 : ((k = a.offset) == null ? void 0 : k[d]) || 0) - (E ? b.crossAxis : 0);
         m < I ? m = I : m > M && (m = M);
       }
       return {
@@ -3781,18 +3782,18 @@ const eo = function(e) {
       };
     }
   };
-}, rt = Math.min, Le = Math.max, Ye = Math.round, qe = Math.floor, he = (e) => ({
+}, rt = Math.min, Le = Math.max, Ye = Math.round, qe = Math.floor, ge = (e) => ({
   x: e,
   y: e
 });
-function ge(e) {
+function be(e) {
   return no(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function oe(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function de(e) {
+function fe(e) {
   var t;
   return (t = (no(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
@@ -3805,7 +3806,7 @@ function ce(e) {
 function re(e) {
   return e instanceof HTMLElement || e instanceof oe(e).HTMLElement;
 }
-function Tt(e) {
+function Vt(e) {
   return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof oe(e).ShadowRoot;
 }
 function Re(e) {
@@ -3817,19 +3818,19 @@ function Re(e) {
   } = le(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + l + n) && !["inline", "contents"].includes(o);
 }
-function $a(e) {
-  return ["table", "td", "th"].includes(ge(e));
+function ja(e) {
+  return ["table", "td", "th"].includes(be(e));
 }
 function gt(e) {
   const t = bt(), n = le(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((l) => (n.willChange || "").includes(l)) || ["paint", "layout", "strict", "content"].some((l) => (n.contain || "").includes(l));
 }
-function _a(e) {
-  let t = Ae(e);
+function ka(e) {
+  let t = Be(e);
   for (; re(t) && !et(t); ) {
     if (gt(t))
       return t;
-    t = Ae(t);
+    t = Be(t);
   }
   return null;
 }
@@ -3837,7 +3838,7 @@ function bt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function et(e) {
-  return ["html", "body", "#document"].includes(ge(e));
+  return ["html", "body", "#document"].includes(be(e));
 }
 function le(e) {
   return oe(e).getComputedStyle(e);
@@ -3851,27 +3852,27 @@ function tt(e) {
     scrollTop: e.pageYOffset
   };
 }
-function Ae(e) {
-  if (ge(e) === "html")
+function Be(e) {
+  if (be(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Tt(e) && e.host || // Fallback.
-    de(e)
+    Vt(e) && e.host || // Fallback.
+    fe(e)
   );
-  return Tt(t) ? t.host : t;
+  return Vt(t) ? t.host : t;
 }
 function lo(e) {
-  const t = Ae(e);
+  const t = Be(e);
   return et(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : re(t) && Re(t) ? t : lo(t);
 }
-function Pe(e, t, n) {
+function Me(e, t, n) {
   var l;
   t === void 0 && (t = []), n === void 0 && (n = !0);
   const o = lo(e), i = o === ((l = e.ownerDocument) == null ? void 0 : l.body), a = oe(o);
-  return i ? t.concat(a, a.visualViewport || [], Re(o) ? o : [], a.frameElement && n ? Pe(a.frameElement) : []) : t.concat(o, Pe(o, [], n));
+  return i ? t.concat(a, a.visualViewport || [], Re(o) ? o : [], a.frameElement && n ? Me(a.frameElement) : []) : t.concat(o, Me(o, [], n));
 }
 function ao(e) {
   const t = le(e);
@@ -3889,7 +3890,7 @@ function wt(e) {
 function Ie(e) {
   const t = wt(e);
   if (!re(t))
-    return he(1);
+    return ge(1);
   const n = t.getBoundingClientRect(), {
     width: l,
     height: o,
@@ -3901,29 +3902,29 @@ function Ie(e) {
     y: r
   };
 }
-const Sa = /* @__PURE__ */ he(0);
+const $a = /* @__PURE__ */ ge(0);
 function io(e) {
   const t = oe(e);
-  return !bt() || !t.visualViewport ? Sa : {
+  return !bt() || !t.visualViewport ? $a : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Ca(e, t, n) {
+function _a(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== oe(e) ? !1 : t;
 }
 function Ce(e, t, n, l) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const o = e.getBoundingClientRect(), i = wt(e);
-  let a = he(1);
+  let a = ge(1);
   t && (l ? ce(l) && (a = Ie(l)) : a = Ie(e));
-  const r = Ca(i, n, l) ? io(i) : he(0);
+  const r = _a(i, n, l) ? io(i) : ge(0);
   let s = (o.left + r.x) / a.x, u = (o.top + r.y) / a.y, f = o.width / a.x, d = o.height / a.y;
   if (i) {
     const y = oe(i), p = l && ce(l) ? oe(l) : l;
     let m = y.frameElement;
     for (; m && l && p !== y; ) {
-      const g = Ie(m), b = m.getBoundingClientRect(), S = le(m), k = b.left + (m.clientLeft + parseFloat(S.paddingLeft)) * g.x, T = b.top + (m.clientTop + parseFloat(S.paddingTop)) * g.y;
+      const g = Ie(m), b = m.getBoundingClientRect(), $ = le(m), k = b.left + (m.clientLeft + parseFloat($.paddingLeft)) * g.x, T = b.top + (m.clientTop + parseFloat($.paddingTop)) * g.y;
       s *= g.x, u *= g.y, f *= g.x, d *= g.y, s += k, u += T, m = oe(m).frameElement;
     }
   }
@@ -3934,21 +3935,21 @@ function Ce(e, t, n, l) {
     y: u
   });
 }
-function xa(e) {
+function Sa(e) {
   let {
     rect: t,
     offsetParent: n,
     strategy: l
   } = e;
-  const o = re(n), i = de(n);
+  const o = re(n), i = fe(n);
   if (n === i)
     return t;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, r = he(1);
-  const s = he(0);
-  if ((o || !o && l !== "fixed") && ((ge(n) !== "body" || Re(i)) && (a = tt(n)), re(n))) {
+  }, r = ge(1);
+  const s = ge(0);
+  if ((o || !o && l !== "fixed") && ((be(n) !== "body" || Re(i)) && (a = tt(n)), re(n))) {
     const u = Ce(n);
     r = Ie(n), s.x = u.x + n.clientLeft, s.y = u.y + n.clientTop;
   }
@@ -3959,14 +3960,14 @@ function xa(e) {
     y: t.y * r.y - a.scrollTop * r.y + s.y
   };
 }
-function Va(e) {
+function Ca(e) {
   return Array.from(e.getClientRects());
 }
 function ro(e) {
-  return Ce(de(e)).left + tt(e).scrollLeft;
+  return Ce(fe(e)).left + tt(e).scrollLeft;
 }
-function Ta(e) {
-  const t = de(e), n = tt(e), l = e.ownerDocument.body, o = Le(t.scrollWidth, t.clientWidth, l.scrollWidth, l.clientWidth), i = Le(t.scrollHeight, t.clientHeight, l.scrollHeight, l.clientHeight);
+function xa(e) {
+  const t = fe(e), n = tt(e), l = e.ownerDocument.body, o = Le(t.scrollWidth, t.clientWidth, l.scrollWidth, l.clientWidth), i = Le(t.scrollHeight, t.clientHeight, l.scrollHeight, l.clientHeight);
   let a = -n.scrollLeft + ro(e);
   const r = -n.scrollTop;
   return le(l).direction === "rtl" && (a += Le(t.clientWidth, l.clientWidth) - o), {
@@ -3976,8 +3977,8 @@ function Ta(e) {
     y: r
   };
 }
-function La(e, t) {
-  const n = oe(e), l = de(e), o = n.visualViewport;
+function Va(e, t) {
+  const n = oe(e), l = fe(e), o = n.visualViewport;
   let i = l.clientWidth, a = l.clientHeight, r = 0, s = 0;
   if (o) {
     i = o.width, a = o.height;
@@ -3991,8 +3992,8 @@ function La(e, t) {
     y: s
   };
 }
-function Ia(e, t) {
-  const n = Ce(e, !0, t === "fixed"), l = n.top + e.clientTop, o = n.left + e.clientLeft, i = re(e) ? Ie(e) : he(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = o * i.x, u = l * i.y;
+function Ta(e, t) {
+  const n = Ce(e, !0, t === "fixed"), l = n.top + e.clientTop, o = n.left + e.clientLeft, i = re(e) ? Ie(e) : ge(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = o * i.x, u = l * i.y;
   return {
     width: a,
     height: r,
@@ -4000,14 +4001,14 @@ function Ia(e, t) {
     y: u
   };
 }
-function Lt(e, t, n) {
+function Tt(e, t, n) {
   let l;
   if (t === "viewport")
-    l = La(e, n);
+    l = Va(e, n);
   else if (t === "document")
-    l = Ta(de(e));
+    l = xa(fe(e));
   else if (ce(t))
-    l = Ia(t, n);
+    l = Ta(t, n);
   else {
     const o = io(e);
     l = {
@@ -4019,33 +4020,33 @@ function Lt(e, t, n) {
   return Ge(l);
 }
 function so(e, t) {
-  const n = Ae(e);
+  const n = Be(e);
   return n === t || !ce(n) || et(n) ? !1 : le(n).position === "fixed" || so(n, t);
 }
-function Aa(e, t) {
+function La(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let l = Pe(e, [], !1).filter((r) => ce(r) && ge(r) !== "body"), o = null;
+  let l = Me(e, [], !1).filter((r) => ce(r) && be(r) !== "body"), o = null;
   const i = le(e).position === "fixed";
-  let a = i ? Ae(e) : e;
+  let a = i ? Be(e) : e;
   for (; ce(a) && !et(a); ) {
     const r = le(a), s = gt(a);
-    !s && r.position === "fixed" && (o = null), (i ? !s && !o : !s && r.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Re(a) && !s && so(e, a)) ? l = l.filter((f) => f !== a) : o = r, a = Ae(a);
+    !s && r.position === "fixed" && (o = null), (i ? !s && !o : !s && r.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Re(a) && !s && so(e, a)) ? l = l.filter((f) => f !== a) : o = r, a = Be(a);
   }
   return t.set(e, l), l;
 }
-function Ba(e) {
+function Ia(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: l,
     strategy: o
   } = e;
-  const a = [...n === "clippingAncestors" ? Aa(t, this._c) : [].concat(n), l], r = a[0], s = a.reduce((u, f) => {
-    const d = Lt(t, f, o);
+  const a = [...n === "clippingAncestors" ? La(t, this._c) : [].concat(n), l], r = a[0], s = a.reduce((u, f) => {
+    const d = Tt(t, f, o);
     return u.top = Le(d.top, u.top), u.right = rt(d.right, u.right), u.bottom = rt(d.bottom, u.bottom), u.left = Le(d.left, u.left), u;
-  }, Lt(t, r, o));
+  }, Tt(t, r, o));
   return {
     width: s.right - s.left,
     height: s.bottom - s.top,
@@ -4053,18 +4054,18 @@ function Ba(e) {
     y: s.top
   };
 }
-function Ea(e) {
+function Ba(e) {
   return ao(e);
 }
-function za(e, t, n) {
-  const l = re(t), o = de(t), i = n === "fixed", a = Ce(e, !0, i, t);
+function Aa(e, t, n) {
+  const l = re(t), o = fe(t), i = n === "fixed", a = Ce(e, !0, i, t);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const s = he(0);
+  const s = ge(0);
   if (l || !l && !i)
-    if ((ge(t) !== "body" || Re(o)) && (r = tt(t)), l) {
+    if ((be(t) !== "body" || Re(o)) && (r = tt(t)), l) {
       const u = Ce(t, !0, i, t);
       s.x = u.x + t.clientLeft, s.y = u.y + t.clientTop;
     } else o && (s.x = ro(o));
@@ -4075,19 +4076,19 @@ function za(e, t, n) {
     height: a.height
   };
 }
-function It(e, t) {
+function Lt(e, t) {
   return !re(e) || le(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
 function uo(e, t) {
   const n = oe(e);
   if (!re(e))
     return n;
-  let l = It(e, t);
-  for (; l && $a(l) && le(l).position === "static"; )
-    l = It(l, t);
-  return l && (ge(l) === "html" || ge(l) === "body" && le(l).position === "static" && !gt(l)) ? n : l || _a(e) || n;
+  let l = Lt(e, t);
+  for (; l && ja(l) && le(l).position === "static"; )
+    l = Lt(l, t);
+  return l && (be(l) === "html" || be(l) === "body" && le(l).position === "static" && !gt(l)) ? n : l || ka(e) || n;
 }
-const Ja = async function(e) {
+const Ea = async function(e) {
   let {
     reference: t,
     floating: n,
@@ -4095,7 +4096,7 @@ const Ja = async function(e) {
   } = e;
   const o = this.getOffsetParent || uo, i = this.getDimensions;
   return {
-    reference: za(t, await o(n), l),
+    reference: Aa(t, await o(n), l),
     floating: {
       x: 0,
       y: 0,
@@ -4103,24 +4104,24 @@ const Ja = async function(e) {
     }
   };
 };
-function Pa(e) {
+function za(e) {
   return le(e).direction === "rtl";
 }
-const Ma = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: xa,
-  getDocumentElement: de,
-  getClippingRect: Ba,
+const Ja = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Sa,
+  getDocumentElement: fe,
+  getClippingRect: Ia,
   getOffsetParent: uo,
-  getElementRects: Ja,
-  getClientRects: Va,
-  getDimensions: Ea,
+  getElementRects: Ea,
+  getClientRects: Ca,
+  getDimensions: Ba,
   getScale: Ie,
   isElement: ce,
-  isRTL: Pa
+  isRTL: za
 };
-function Oa(e, t) {
+function Pa(e, t) {
   let n = null, l;
-  const o = de(e);
+  const o = fe(e);
   function i() {
     clearTimeout(l), n && n.disconnect(), n = null;
   }
@@ -4163,7 +4164,7 @@ function Oa(e, t) {
   }
   return a(!0), i;
 }
-function Fa(e, t, n, l) {
+function Ma(e, t, n, l) {
   l === void 0 && (l = {});
   const {
     ancestorScroll: o = !0,
@@ -4171,16 +4172,16 @@ function Fa(e, t, n, l) {
     elementResize: a = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: s = !1
-  } = l, u = wt(e), f = o || i ? [...u ? Pe(u) : [], ...Pe(t)] : [];
-  f.forEach((S) => {
-    o && S.addEventListener("scroll", n, {
+  } = l, u = wt(e), f = o || i ? [...u ? Me(u) : [], ...Me(t)] : [];
+  f.forEach(($) => {
+    o && $.addEventListener("scroll", n, {
       passive: !0
-    }), i && S.addEventListener("resize", n);
+    }), i && $.addEventListener("resize", n);
   });
-  const d = u && r ? Oa(u, n) : null;
+  const d = u && r ? Pa(u, n) : null;
   let y = -1, p = null;
-  a && (p = new ResizeObserver((S) => {
-    let [k] = S;
+  a && (p = new ResizeObserver(($) => {
+    let [k] = $;
     k && k.target === u && p && (p.unobserve(t), cancelAnimationFrame(y), y = requestAnimationFrame(() => {
       p && p.observe(t);
     })), n();
@@ -4188,24 +4189,24 @@ function Fa(e, t, n, l) {
   let m, g = s ? Ce(e) : null;
   s && b();
   function b() {
-    const S = Ce(e);
-    g && (S.x !== g.x || S.y !== g.y || S.width !== g.width || S.height !== g.height) && n(), g = S, m = requestAnimationFrame(b);
+    const $ = Ce(e);
+    g && ($.x !== g.x || $.y !== g.y || $.width !== g.width || $.height !== g.height) && n(), g = $, m = requestAnimationFrame(b);
   }
   return n(), () => {
-    f.forEach((S) => {
-      o && S.removeEventListener("scroll", n), i && S.removeEventListener("resize", n);
+    f.forEach(($) => {
+      o && $.removeEventListener("scroll", n), i && $.removeEventListener("resize", n);
     }), d && d(), p && p.disconnect(), p = null, s && cancelAnimationFrame(m);
   };
 }
-const Da = (e, t, n) => {
+const Oa = (e, t, n) => {
   const l = /* @__PURE__ */ new Map(), o = {
-    platform: Ma,
+    platform: Ja,
     ...n
   }, i = {
     ...o.platform,
     _c: l
   };
-  return wa(e, t, {
+  return ga(e, t, {
     ...o,
     platform: i
   });
@@ -4220,7 +4221,7 @@ function co(e) {
     options: e,
     fn(t) {
       const n = st(D(e.element));
-      return n == null ? {} : ja({
+      return n == null ? {} : ba({
         element: n,
         padding: e.padding
       }).fn(t);
@@ -4230,7 +4231,7 @@ function co(e) {
 function fo(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function At(e, t) {
+function It(e, t) {
   const n = fo(e);
   return Math.round(t * n) / n;
 }
@@ -4248,7 +4249,7 @@ function yo(e, t, n) {
   }), s = C(() => {
     var x;
     return (x = D(n.transform)) != null ? x : !0;
-  }), u = C(() => st(e.value)), f = C(() => st(t.value)), d = _(0), y = _(0), p = _(r.value), m = _(a.value), g = Mt({}), b = _(!1), S = C(() => {
+  }), u = C(() => st(e.value)), f = C(() => st(t.value)), d = S(0), y = S(0), p = S(r.value), m = S(a.value), g = Pt({}), b = S(!1), $ = C(() => {
     const x = {
       position: p.value,
       left: "0",
@@ -4256,22 +4257,22 @@ function yo(e, t, n) {
     };
     if (!f.value)
       return x;
-    const O = At(f.value, d.value), $ = At(f.value, y.value);
+    const O = It(f.value, d.value), _ = It(f.value, y.value);
     return s.value ? {
       ...x,
-      transform: "translate(" + O + "px, " + $ + "px)",
+      transform: "translate(" + O + "px, " + _ + "px)",
       ...fo(f.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: p.value,
       left: O + "px",
-      top: $ + "px"
+      top: _ + "px"
     };
   });
   let k;
   function T() {
-    u.value == null || f.value == null || Da(u.value, f.value, {
+    u.value == null || f.value == null || Oa(u.value, f.value, {
       middleware: i.value,
       placement: a.value,
       strategy: r.value
@@ -4301,18 +4302,18 @@ function yo(e, t, n) {
     flush: "sync"
   }), G(o, M, {
     flush: "sync"
-  }), Jt() && Pt(E), {
+  }), zt() && Jt(E), {
     x: Ve(d),
     y: Ve(y),
     strategy: Ve(p),
     placement: Ve(m),
     middlewareData: Ve(g),
     isPositioned: Ve(b),
-    floatingStyles: S,
+    floatingStyles: $,
     update: T
   };
 }
-const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
+const Fa = ["aria-describedby"], Da = ["id"], Ra = /* @__PURE__ */ B({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -4358,7 +4359,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     }
   },
   setup(e, { expose: t }) {
-    const n = Y(), l = e, o = _(!1), i = _(null), a = _(null), r = _(null), s = _(), u = _(
+    const n = Y(), l = e, o = S(!1), i = S(null), a = S(null), r = S(null), s = S(), u = S(
       yo(i, r, {
         placement: l.placement,
         transform: !1,
@@ -4378,23 +4379,23 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         ignore: [a]
       } : {}
     ), d = C(() => n["tooltip-content"] || l.text);
-    function y(S) {
-      S.preventDefault(), S.stopPropagation(), !o.value && l.event !== "click" && g();
+    function y($) {
+      $.preventDefault(), $.stopPropagation(), !o.value && l.event !== "click" && g();
     }
     function p() {
       l.event !== "click" && g(!1);
     }
-    function m(S) {
-      !o.value && l.event === "click" && (S.preventDefault(), S.stopPropagation(), g());
+    function m($) {
+      !o.value && l.event === "click" && ($.preventDefault(), $.stopPropagation(), g());
     }
-    function g(S = !0) {
+    function g($ = !0) {
       var k;
       (k = u.value) == null || k.update(), setTimeout(() => {
-        o.value = S;
+        o.value = $;
       }, l.delay);
     }
     const b = C(() => {
-      const { middlewareData: S, placement: k } = u.value, T = S.arrow, E = {
+      const { middlewareData: $, placement: k } = u.value, T = $.arrow, E = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -4410,12 +4411,12 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     });
     return te(() => {
       l.show && g();
-    }), Ee(() => {
+    }), ze(() => {
       o.value = !1;
     }), t({
       tooltipVisible: o,
       tooltip: r
-    }), (S, k) => (c(), V(D(yt), {
+    }), ($, k) => (c(), V(D(yt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       options: f.value,
@@ -4434,8 +4435,8 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
             onMouseleave: p,
             onKeydown: k[0] || (k[0] = Fe((E) => g(!1), ["tab"]))
           }, [
-            w(S.$slots, "default", {}, void 0, !0),
-            (c(), V(Be, { to: "body" }, [
+            w($.$slots, "default", {}, void 0, !0),
+            (c(), V(Ee, { to: "body" }, [
               o.value && d.value ? (c(), v("div", {
                 key: 0,
                 id: e.id,
@@ -4461,28 +4462,28 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
                   ref: a,
                   class: "joy-tooltip__content__inner"
                 }, [
-                  w(S.$slots, "tooltip-content", {}, () => [
+                  w($.$slots, "tooltip-content", {}, () => [
                     R(J(e.text), 1)
                   ], !0)
                 ], 512)
-              ], 14, Na)) : j("", !0)
+              ], 14, Da)) : j("", !0)
             ]))
-          ], 40, Ra)
+          ], 40, Fa)
         ];
       }),
       _: 3
     }, 8, ["options"]));
   }
-}), Ha = /* @__PURE__ */ B(qa, [["__scopeId", "data-v-4ab73c2f"]]), Wa = { class: "joy-label__group" }, Ua = { class: "joy-label__group___main" }, Ga = {
+}), Na = /* @__PURE__ */ A(Ra, [["__scopeId", "data-v-4ab73c2f"]]), qa = { class: "joy-label__group" }, Ha = { class: "joy-label__group___main" }, Wa = {
   key: 0,
   class: "joy-label-required"
-}, Ya = {
+}, Ua = {
   key: 1,
   class: "joy-label-optional joy-color-neutral-40"
-}, Ka = {
+}, Ga = {
   key: 0,
   class: "joy-label__legend joy-font-primary-300 joy-color-neutral-40"
-}, Za = /* @__PURE__ */ A({
+}, Ya = /* @__PURE__ */ B({
   __name: "VJoyLabel",
   props: {
     size: {
@@ -4503,8 +4504,8 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     text: String
   },
   setup(e) {
-    return (t, n) => (c(), v("div", Wa, [
-      h("div", Ua, [
+    return (t, n) => (c(), v("div", qa, [
+      h("div", Ha, [
         (c(), V(Z(e.tagName), W({
           "data-joy-form-label": "",
           class: ["joy-label", `joy-label--${e.size}`]
@@ -4513,12 +4514,12 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
             w(t.$slots, "default", {}, () => [
               R(J(e.text), 1)
             ], !0),
-            e.required ? (c(), v("span", Ga, "*")) : j("", !0),
-            e.optionalLabel ? (c(), v("span", Ya, "- " + J(e.optionalLabel), 1)) : j("", !0)
+            e.required ? (c(), v("span", Wa, "*")) : j("", !0),
+            e.optionalLabel ? (c(), v("span", Ua, "- " + J(e.optionalLabel), 1)) : j("", !0)
           ]),
           _: 3
         }, 16, ["class"])),
-        t.$slots["label-tooltip"] ? (c(), V(Ha, {
+        t.$slots["label-tooltip"] ? (c(), V(Na, {
           key: 0,
           class: "joy-label__tooltip joy-ml-2"
         }, {
@@ -4534,12 +4535,12 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
           _: 3
         })) : j("", !0)
       ]),
-      t.$slots["label-legend"] ? (c(), v("span", Ka, [
+      t.$slots["label-legend"] ? (c(), v("span", Ga, [
         w(t.$slots, "label-legend", {}, void 0, !0)
       ])) : j("", !0)
     ]));
   }
-}), ze = /* @__PURE__ */ B(Za, [["__scopeId", "data-v-7f500306"]]), Xa = ["id", "name", "required", "disabled", "readonly", "type", "value"], Qa = ["data-unit"], ei = /* @__PURE__ */ A({
+}), Je = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-7f500306"]]), Ka = ["id", "name", "required", "disabled", "readonly", "type", "value"], Za = ["data-unit"], Xa = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -4565,13 +4566,13 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const l = n, o = e, i = be("VJoyWrapperContext", {}), a = _(), r = _(), s = we(), u = Y(), f = _(!1), d = _(!1);
+    const l = n, o = e, i = de("VJoyWrapperContext", {}), a = S(), r = S(), s = we(), u = Y(), f = S(!1), d = S(!1);
     Yt(a, o.autofocus);
-    const y = C(() => typeof o.modelValue == "number" || !o.clearable || o.unit || !o.modelValue ? !1 : o.modelValue.length > 0 && !o.unit), p = C(() => u.default && u.default()), m = C(() => Object.keys(i).length > 0), g = _(o.type), b = C(() => o.type === "password" && !!o.modelValue);
+    const y = C(() => typeof o.modelValue == "number" || !o.clearable || o.unit || !o.modelValue ? !1 : o.modelValue.length > 0 && !o.unit), p = C(() => u.default && u.default()), m = C(() => Object.keys(i).length > 0), g = S(o.type), b = C(() => o.type === "password" && !!o.modelValue);
     Vo(() => {
       g.value = o.unit ? "number" : o.type;
     });
-    function S() {
+    function $() {
       var T;
       o.readonly || (T = a.value) == null || T.focus();
     }
@@ -4601,7 +4602,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       }
     };
     return t({
-      focus: S
+      focus: $
     }), (T, E) => (c(), v("div", {
       ref_key: "root",
       ref: r,
@@ -4619,7 +4620,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
           }
         ])
       }, [
-        p.value || e.label ? (c(), V(ze, {
+        p.value || e.label ? (c(), V(Je, {
           key: 0,
           for: e.id || e.name,
           required: e.required && e.requiredMark,
@@ -4671,7 +4672,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
             (...I) => k.onChange && k.onChange(...I)),
             onWheel: E[4] || (E[4] = //@ts-ignore
             (...I) => k.onWheelScroll && k.onWheelScroll(...I))
-          }), null, 16, Xa),
+          }), null, 16, Ka),
           y.value ? (c(), V(ne, {
             key: 0,
             class: "joy-input--clear",
@@ -4697,12 +4698,12 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, Qa)) : j("", !0)
+          }, null, 8, Za)) : j("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
-}), du = /* @__PURE__ */ B(ei, [["__scopeId", "data-v-7ae40801"]]), ti = { class: "joy-link__text" }, oi = /* @__PURE__ */ A({
+}), cu = /* @__PURE__ */ A(Xa, [["__scopeId", "data-v-7ae40801"]]), Qa = { class: "joy-link__text" }, ei = /* @__PURE__ */ B({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4728,7 +4729,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
           key: 0,
           name: e.icon
         }, null, 8, ["name"])) : j("", !0),
-        h("span", ti, [
+        h("span", Qa, [
           w(t.$slots, "default", {}, () => [
             R(J(e.text), 1)
           ], !0)
@@ -4737,7 +4738,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       _: 3
     }, 16, ["href", "class", "type"]));
   }
-}), fu = /* @__PURE__ */ B(oi, [["__scopeId", "data-v-19a65db4"]]), ni = { class: "joy-list-item__left" }, li = { class: "joy-font-primary-300 joy-m-0" }, ai = { class: "joy-list-item__right" }, ii = /* @__PURE__ */ A({
+}), du = /* @__PURE__ */ A(ei, [["__scopeId", "data-v-19a65db4"]]), ti = { class: "joy-list-item__left" }, oi = { class: "joy-font-primary-300 joy-m-0" }, ni = { class: "joy-list-item__right" }, li = /* @__PURE__ */ B({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -4755,17 +4756,17 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         justify: "space-between"
       }, {
         default: z(() => [
-          h("div", ni, [
+          h("div", ti, [
             e.icon ? (c(), V(q, {
               key: 0,
               class: "joy-p-3 joy-list-item__left-icon",
               name: e.icon
             }, null, 8, ["name"])) : j("", !0),
-            h("p", li, [
+            h("p", oi, [
               w(t.$slots, "list-item-left", {}, void 0, !0)
             ])
           ]),
-          h("div", ai, [
+          h("div", ni, [
             w(t.$slots, "list-item-right", {}, void 0, !0)
           ])
         ]),
@@ -4773,7 +4774,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       })
     ]));
   }
-}), yu = /* @__PURE__ */ B(ii, [["__scopeId", "data-v-6c3750f0"]]), ri = ["aria-activedescendant", "aria-label"], si = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ui = { "aria-hidden": "true" }, ci = /* @__PURE__ */ A({
+}), fu = /* @__PURE__ */ A(li, [["__scopeId", "data-v-6c3750f0"]]), ai = ["aria-activedescendant", "aria-label"], ii = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ri = { "aria-hidden": "true" }, si = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -4794,9 +4795,9 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
   },
   emits: ["selectItem"],
   setup(e, { expose: t, emit: n }) {
-    const l = n, o = _();
-    _(0);
-    const i = _();
+    const l = n, o = S();
+    S(0);
+    const i = S();
     function a(d) {
       d.disabled || l("selectItem", d);
     }
@@ -4862,7 +4863,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
           role: "menuitem",
           onClick: (g) => a(m)
         }, [
-          h("div", ui, [
+          h("div", ri, [
             w(d.$slots, "menu-item", W({ ref_for: !0 }, m), () => [
               m.icon ? (c(), V(q, {
                 key: 0,
@@ -4871,13 +4872,13 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
               h("span", null, J(m.label), 1)
             ], !0)
           ])
-        ], 42, si)), [
+        ], 42, ii)), [
           [p, { id: s(m) }]
         ])), 128))
-      ], 40, ri);
+      ], 40, ai);
     };
   }
-}), mu = /* @__PURE__ */ B(ci, [["__scopeId", "data-v-b76ae1e8"]]), di = ["aria-disabled", "aria-current", "title", "aria-label"], fi = { class: "joy-menu-item__label joy-font-primary-400" }, yi = /* @__PURE__ */ A({
+}), yu = /* @__PURE__ */ A(si, [["__scopeId", "data-v-b76ae1e8"]]), ui = ["aria-disabled", "aria-current", "title", "aria-label"], ci = { class: "joy-menu-item__label joy-font-primary-400" }, di = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyMenuItem",
   props: {
@@ -4924,7 +4925,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
             class: "joy-menu-item__icon-left",
             name: e.icon
           }, null, 8, ["name"])) : j("", !0),
-          h("span", fi, J(e.label), 1),
+          h("span", ci, J(e.label), 1),
           e.status ? (c(), V(q, {
             key: 1,
             class: "joy-menu-item__icon-right",
@@ -4934,11 +4935,11 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         ]),
         _: 1
       }, 16, ["class", "type"]))
-    ], 8, di));
+    ], 8, ui));
   }
-}), pu = /* @__PURE__ */ B(yi, [["__scopeId", "data-v-283b560c"]]), mi = ["id"], pi = {
+}), mu = /* @__PURE__ */ A(di, [["__scopeId", "data-v-283b560c"]]), fi = ["id"], yi = {
   class: /* @__PURE__ */ L(["joy-multi-checkbox"])
-}, vi = /* @__PURE__ */ A({
+}, mi = /* @__PURE__ */ B({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {},
@@ -4964,7 +4965,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      e.label ? (c(), V(ze, {
+      e.label ? (c(), V(Je, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -4976,7 +4977,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : j("", !0),
-      h("div", pi, [
+      h("div", yi, [
         (c(!0), v(H, null, U(e.options, (s) => (c(), V(Gt, {
           id: s.id,
           key: s.id,
@@ -4993,9 +4994,9 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, mi));
+    ], 8, fi));
   }
-}), vu = /* @__PURE__ */ B(vi, [["__scopeId", "data-v-e3d7a668"]]), Bt = /* @__PURE__ */ A({
+}), pu = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-e3d7a668"]]), Bt = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -5026,7 +5027,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       onClick: n[0] || (n[0] = (l) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), hi = ["aria-label", "data-current"], gi = ["onClick"], bi = ["aria-current"], wi = 6, ji = /* @__PURE__ */ A({
+}), pi = ["aria-label", "data-current"], vi = ["onClick"], hi = ["aria-current"], gi = 6, bi = /* @__PURE__ */ B({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -5060,7 +5061,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     const n = e, l = t, o = C(() => {
       const f = a.value.length;
       return a.value[f - 1] !== a.value[f - 2] + 1;
-    }), i = C(() => a.value[0] !== a.value[1] - 1), a = C(() => n.totalPages === 1 ? [1] : n.totalPages < wi ? s(2, n.totalPages - 1) : u(n.currentPage));
+    }), i = C(() => a.value[0] !== a.value[1] - 1), a = C(() => n.totalPages === 1 ? [1] : n.totalPages < gi ? s(2, n.totalPages - 1) : u(n.currentPage));
     function r(f, d) {
       n.currentPage === 1 && d === "prev" || n.currentPage === n.totalPages && d === "next" || l("update:current-page", f);
     }
@@ -5110,9 +5111,9 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
                 h("button", {
                   type: "button",
                   "aria-current": y === e.currentPage ? "true" : "false"
-                }, J(y), 9, bi)
+                }, J(y), 9, hi)
               ], !0)
-            ], 10, gi))), 128))
+            ], 10, vi))), 128))
           ])
         ]),
         h("li", {
@@ -5128,12 +5129,12 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
           ], !0)
         ])
       ])
-    ], 8, hi));
+    ], 8, pi));
   }
-}), hu = /* @__PURE__ */ B(ji, [["__scopeId", "data-v-7e82041f"]]), ki = { class: "joy-screen-loader__content" }, $i = {
+}), vu = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-7e82041f"]]), wi = { class: "joy-screen-loader__content" }, ji = {
   key: 0,
   class: "joy-screen-loader__content"
-}, _i = /* @__PURE__ */ A({
+}, ki = /* @__PURE__ */ B({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -5151,34 +5152,34 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     return (t, n) => (c(), v("div", {
       class: L(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      h("div", ki, [
+      h("div", wi, [
         w(t.$slots, "spinner", {}, () => [
           N(Ht, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (c(), v("div", $i, [
+        t.$slots.content ? (c(), v("div", ji, [
           w(t.$slots, "content", {}, void 0, !0)
         ])) : j("", !0)
       ])
     ], 2));
   }
-}), mo = /* @__PURE__ */ B(_i, [["__scopeId", "data-v-266b7e2a"]]), Si = {
+}), mo = /* @__PURE__ */ A(ki, [["__scopeId", "data-v-266b7e2a"]]), $i = {
   key: 0,
   class: /* @__PURE__ */ L(["joy-panel__header"])
-}, Ci = {
+}, _i = {
   key: 0,
   class: "joy-panel__header-title-icon"
-}, xi = {
+}, Si = {
   key: 1,
   class: "joy-panel__header-action"
-}, Vi = {
+}, Ci = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, Ti = { class: "joy-panel__body" }, Li = {
+}, xi = { class: "joy-panel__body" }, Vi = {
   key: 1,
   class: "joy-panel__footer"
-}, Ii = /* @__PURE__ */ A({
+}, Ti = /* @__PURE__ */ B({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -5210,7 +5211,7 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
     }
   },
   setup(e) {
-    const t = be("VJoyWrapperContext", {}), n = C(() => Object.keys(t).length > 0), l = Y(), o = _(), i = C(() => !!l["panel-title"] || !!l["panel-subtitle"] || !!l["panel-title-action"] || !!l["panel-title-icon"]);
+    const t = de("VJoyWrapperContext", {}), n = C(() => Object.keys(t).length > 0), l = Y(), o = S(), i = C(() => !!l["panel-title"] || !!l["panel-subtitle"] || !!l["panel-title-action"] || !!l["panel-title-icon"]);
     return (a, r) => (c(), v("section", {
       ref_key: "panel",
       ref: o,
@@ -5225,27 +5226,27 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
         }
       ])
     }, [
-      i.value ? (c(), v("header", Si, [
+      i.value ? (c(), v("header", $i, [
         l["panel-title"] ? (c(), v("div", {
           key: 0,
           class: L(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
-          l["panel-title-icon"] ? (c(), v("div", Ci, [
+          l["panel-title-icon"] ? (c(), v("div", _i, [
             w(a.$slots, "panel-title-icon", {}, void 0, !0)
           ])) : j("", !0),
           w(a.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : j("", !0),
-        l["panel-title-action"] ? (c(), v("div", xi, [
+        l["panel-title-action"] ? (c(), v("div", Si, [
           w(a.$slots, "panel-title-action", {}, void 0, !0)
         ])) : j("", !0),
-        l["panel-subtitle"] ? (c(), v("div", Vi, [
+        l["panel-subtitle"] ? (c(), v("div", Ci, [
           w(a.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : j("", !0)
       ])) : j("", !0),
-      h("div", Ti, [
+      h("div", xi, [
         w(a.$slots, "panel-body", {}, void 0, !0)
       ]),
-      l["panel-action"] ? (c(), v("footer", Li, [
+      l["panel-action"] ? (c(), v("footer", Vi, [
         w(a.$slots, "panel-action", {}, void 0, !0)
       ])) : j("", !0),
       e.loading ? (c(), V(mo, {
@@ -5260,31 +5261,31 @@ const Ra = ["aria-describedby"], Na = ["id"], qa = /* @__PURE__ */ A({
       }, 8, ["color"])) : j("", !0)
     ], 6));
   }
-}), gu = /* @__PURE__ */ B(Ii, [["__scopeId", "data-v-b4158802"]]), Ai = { class: "joy-panel-section" }, Bi = {
+}), hu = /* @__PURE__ */ A(Ti, [["__scopeId", "data-v-b4158802"]]), Li = { class: "joy-panel-section" }, Ii = {
   key: 0,
   class: "joy-panel-section__title"
-}, Ei = {
+}, Bi = {
   key: 1,
   class: "joy-panel-section__content"
-}, zi = /* @__PURE__ */ A({
+}, Ai = /* @__PURE__ */ B({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = Y();
-    return (n, l) => (c(), v("div", Ai, [
-      D(t)["panel-section-title"] ? (c(), v("div", Bi, [
+    return (n, l) => (c(), v("div", Li, [
+      D(t)["panel-section-title"] ? (c(), v("div", Ii, [
         w(n.$slots, "panel-section-title", {}, void 0, !0)
       ])) : j("", !0),
-      D(t)["panel-section-content"] ? (c(), v("div", Ei, [
+      D(t)["panel-section-content"] ? (c(), v("div", Bi, [
         w(n.$slots, "panel-section-content", {}, void 0, !0)
       ])) : j("", !0)
     ]));
   }
-}), bu = /* @__PURE__ */ B(zi, [["__scopeId", "data-v-d88510ab"]]), Ji = {}, Pi = { class: "joy-product-tour-spotlight" };
-function Mi(e, t) {
-  return c(), v("div", Pi);
+}), gu = /* @__PURE__ */ A(Ai, [["__scopeId", "data-v-d88510ab"]]), Ei = {}, zi = { class: "joy-product-tour-spotlight" };
+function Ji(e, t) {
+  return c(), v("div", zi);
 }
-const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78"]]), Fi = () => {
-  const e = _(null);
+const Pi = /* @__PURE__ */ A(Ei, [["render", Ji], ["__scopeId", "data-v-fbaf8e78"]]), Mi = () => {
+  const e = S(null);
   return {
     clearProductTourRef: () => {
       e.value = null;
@@ -5295,10 +5296,10 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     },
     productToursRef: e
   };
-}, po = Fi(), Di = { class: "joy-product-tour__content" }, Ri = { class: "joy-product-tour__header" }, Ni = {
+}, po = Mi(), Oi = { class: "joy-product-tour__content" }, Fi = { class: "joy-product-tour__header" }, Di = {
   key: 0,
   class: "joy-product-tour__footer"
-}, qi = { class: "joy-product-tour__footer___steps" }, Hi = "joy-product-tour-spotlight__wrapper", Wi = /* @__PURE__ */ A({
+}, Ri = { class: "joy-product-tour__footer___steps" }, Ni = "joy-product-tour-spotlight__wrapper", qi = /* @__PURE__ */ B({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5314,11 +5315,11 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: n }) {
-    const l = n, o = e, { clearProductTourRef: i } = po, a = _(null), r = _(null), s = _(null), u = _(null), f = _(null), d = _(o.open), y = _(), p = _(
+    const l = n, o = e, { clearProductTourRef: i } = po, a = S(null), r = S(null), s = S(null), u = S(null), f = S(null), d = S(o.open), y = S(), p = S(
       yo(s, a, {
         placement: o.position,
         whileElementsMounted(...x) {
-          return Fa(...x, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
+          return Ma(...x, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
@@ -5333,15 +5334,15 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
         ]
       })
     ), m = C(() => {
-      const { middlewareData: x, placement: O } = p.value, $ = x.arrow, P = {
+      const { middlewareData: x, placement: O } = p.value, _ = x.arrow, P = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
       }[O.split("-")[0]];
       return {
-        left: ($ == null ? void 0 : $.x) && `${$ == null ? void 0 : $.x}px`,
-        top: ($ == null ? void 0 : $.y) && `${$ == null ? void 0 : $.y}px`,
+        left: (_ == null ? void 0 : _.x) && `${_ == null ? void 0 : _.x}px`,
+        top: (_ == null ? void 0 : _.y) && `${_ == null ? void 0 : _.y}px`,
         right: "",
         bottom: "",
         [P]: "-12px"
@@ -5349,7 +5350,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     });
     function g() {
       var x;
-      o.spotlightSelector && document.body.contains(document.querySelector(o.spotlightSelector)) && (s.value = document.querySelector(o.spotlightSelector), S({
+      o.spotlightSelector && document.body.contains(document.querySelector(o.spotlightSelector)) && (s.value = document.querySelector(o.spotlightSelector), $({
         elementToHighlight: s.value,
         disableOverlay: o.disableOverlay
       }), (x = p.value) == null || x.update(), d.value = !0);
@@ -5357,20 +5358,20 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     function b() {
       d.value = !1, i(), M(), l("product-tour:hide");
     }
-    function S(x) {
+    function $(x) {
       s.value && (x.disableOverlay || k(), T(x.elementToHighlight));
     }
     function k() {
       r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", b, { once: !0 }), r.value.style.position = "fixed", r.value.style.top = "0", r.value.style.left = "0", r.value.style.width = "100%", r.value.style.height = "100%", r.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(r.value);
     }
     function T(x) {
-      x && (x.style.position = "relative", x.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = N(Oi), f.value = document.createElement("div"), f.value.classList.add(Hi), document.body.appendChild(f.value), jt(u.value, f.value), E());
+      x && (x.style.position = "relative", x.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = N(Pi), f.value = document.createElement("div"), f.value.classList.add(Ni), document.body.appendChild(f.value), jt(u.value, f.value), E());
     }
     function E() {
       if (!f.value)
         return;
-      const { left: x, top: O, height: $, width: P } = s.value.getBoundingClientRect();
-      f.value.style.left = `calc(${window.scrollX + x - o.spotlightPadding}px`, f.value.style.top = `${window.scrollY + O - o.spotlightPadding}px`, f.value.style.width = `${P}px`, f.value.style.height = `${$}px`, f.value.style.position = "absolute", f.value.style.padding = o.spotlightPadding + "px", f.value.style.boxSizing = "content-box";
+      const { left: x, top: O, height: _, width: P } = s.value.getBoundingClientRect();
+      f.value.style.left = `calc(${window.scrollX + x - o.spotlightPadding}px`, f.value.style.top = `${window.scrollY + O - o.spotlightPadding}px`, f.value.style.width = `${P}px`, f.value.style.height = `${_}px`, f.value.style.position = "absolute", f.value.style.padding = o.spotlightPadding + "px", f.value.style.boxSizing = "content-box";
     }
     function I() {
       r.value && r.value.remove();
@@ -5381,20 +5382,20 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     return G(p.value, () => {
       var x;
       u.value && ((x = a.value) != null && x.isConnected ? E() : b());
-    }), zt(() => {
+    }), Et(() => {
       M();
     }), t({
       hide: b,
       show: g,
       isOpen: d
     }), (x, O) => {
-      var $;
+      var _;
       return Ke((c(), v("div", {
         ref_key: "productTour",
         ref: a,
         class: "joy-product-tour__wrapper",
         role: "tooltip",
-        style: ee({ "--product-tour-width": e.maxWidth + "px", ...($ = p.value) == null ? void 0 : $.floatingStyles })
+        style: ee({ "--product-tour-width": e.maxWidth + "px", ...(_ = p.value) == null ? void 0 : _.floatingStyles })
       }, [
         h("div", {
           ref_key: "productTourArrow",
@@ -5432,7 +5433,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
               onClick: b
             })) : j("", !0)
           ], 2),
-          h("div", Di, [
+          h("div", Oi, [
             e.icon ? (c(), V(q, {
               key: 0,
               class: "joy-product-tour__content___icon",
@@ -5440,17 +5441,17 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
               size: "medium"
             }, null, 8, ["name"])) : j("", !0),
             h("div", null, [
-              h("div", Ri, [
+              h("div", Fi, [
                 w(x.$slots, "product-tour-header", {}, void 0, !0)
               ]),
               w(x.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          x.$slots["product-tour-dismiss"] || x.$slots["product-tour-next"] ? (c(), v("div", Ni, [
+          x.$slots["product-tour-dismiss"] || x.$slots["product-tour-next"] ? (c(), v("div", Di, [
             h("div", { onClick: b }, [
               w(x.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
-            h("span", qi, [
+            h("span", Ri, [
               e.steps > 1 ? (c(), v(H, { key: 0 }, [
                 R(J(e.step) + "/" + J(e.steps), 1)
               ], 64)) : j("", !0)
@@ -5463,7 +5464,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       ]);
     };
   }
-}), Ui = /* @__PURE__ */ B(Wi, [["__scopeId", "data-v-3f8b3a2a"]]), wu = /* @__PURE__ */ A({
+}), Hi = /* @__PURE__ */ A(qi, [["__scopeId", "data-v-3f8b3a2a"]]), bu = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5480,7 +5481,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: n }) {
-    const l = _(!1), o = e, i = n, { storeProductTourRef: a, clearProductTourRef: r } = po, s = _(), u = we(), f = C(() => {
+    const l = S(!1), o = e, i = n, { storeProductTourRef: a, clearProductTourRef: r } = po, s = S(), u = we(), f = C(() => {
       if (l.value)
         return u;
     });
@@ -5499,8 +5500,8 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     }), t({
       show: d,
       hide: p
-    }), (m, g) => (c(), V(Be, { to: "body" }, [
-      N(Ui, W({ ...o, ...f.value }, {
+    }), (m, g) => (c(), V(Ee, { to: "body" }, [
+      N(Hi, W({ ...o, ...f.value }, {
         ref_key: "productTour",
         ref: s,
         "onProductTour:hide": y
@@ -5527,7 +5528,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       }, 16)
     ]));
   }
-}), ju = /* @__PURE__ */ A({
+}), wu = /* @__PURE__ */ B({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -5544,10 +5545,10 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       onClick: r
     }))), 128));
   }
-}), Gi = { class: "joy-progress-bar-wrapper" }, Yi = {
+}), Wi = { class: "joy-progress-bar-wrapper" }, Ui = {
   key: 0,
   class: "joy-progress-bar-label joy-font-primary-250"
-}, Ki = /* @__PURE__ */ A({
+}, Gi = /* @__PURE__ */ B({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5580,7 +5581,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const n = e, l = _(0), o = C(() => i());
+    const n = e, l = S(0), o = C(() => i());
     function i() {
       return n.percentage ? l.value = n.percentage : n.currentStep && n.steps ? l.value = Math.round(n.currentStep / n.steps * 100) : l.value = 0, l.value < 0 && (l.value = 0), l.value > 100 && (l.value = 100), l.value + "%";
     }
@@ -5594,18 +5595,18 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       class: L([`joy-progress-bar_${e.color}`])
     }, {
       default: z(() => [
-        h("div", Gi, [
+        h("div", Wi, [
           h("div", {
             class: "joy-progress-bar-inner",
             style: ee({ width: o.value })
           }, null, 4)
         ]),
-        e.showLabel && e.percentage ? (c(), v("span", Yi, J(e.percentage + "%"), 1)) : j("", !0)
+        e.showLabel && e.percentage ? (c(), v("span", Ui, J(e.percentage + "%"), 1)) : j("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), ku = /* @__PURE__ */ B(Ki, [["__scopeId", "data-v-1216eff6"]]), Zi = ["id", "value", "checked", "disabled", "required", "name"], Xi = { class: "joy-radio-label" }, Qi = { class: "joy-radio-header-right" }, er = { class: "joy-radio-sublabel" }, tr = { class: "joy-radio-content__wrapper" }, or = { class: "joy-radio-content" }, nr = /* @__PURE__ */ A({
+}), ju = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-1216eff6"]]), Yi = ["id", "value", "checked", "disabled", "required", "name"], Ki = { class: "joy-radio-label" }, Zi = { class: "joy-radio-header-right" }, Xi = { class: "joy-radio-sublabel" }, Qi = { class: "joy-radio-content__wrapper" }, er = { class: "joy-radio-content" }, tr = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5633,35 +5634,45 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     value: {
       type: [String, Number],
       required: !0
+    },
+    /**
+     * Invalid state of the component
+     *
+     * If not explicitly provided, will inherit from parent VJoyRadioGroup's invalid prop.
+     * Note: A checked radio cannot be invalid (the `checked` state takes priority over `invalid` state).
+     */
+    invalid: {
+      type: Boolean,
+      default: void 0
     }
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const l = n, o = e, i = _(!1), a = _(!1), r = _(null), s = _(null), u = Y(), f = C(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
-    function d() {
+    const l = n, o = e, i = S(!1), a = S(!1), r = S(null), s = S(null), u = Y(), f = C(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value), d = de("VJoyRadioGroupInvalid", !1), y = C(() => o.invalid !== void 0 ? o.invalid : d), p = C(() => y.value);
+    function m() {
       i.value = !!u["expandable-content"] && f.value;
     }
-    function y() {
-      l("update:modelValue", o.value), d();
+    function g() {
+      l("update:modelValue", o.value), m();
     }
     te(() => {
-      o.theme === "outline" && d();
+      o.theme === "outline" && m();
     });
-    function p() {
+    function b() {
       a.value = !0;
     }
-    function m() {
+    function $() {
       a.value = !1;
     }
     return G(
       () => o.modelValue,
       () => {
-        d();
+        m();
       }
     ), t({
       checked: f,
       isExpanded: i
-    }), (g, b) => (c(), v("label", {
+    }), (k, T) => (c(), v("label", {
       ref_key: "root",
       ref: r,
       class: L([
@@ -5670,6 +5681,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
         {
           "joy-radio--checked": f.value,
           "joy-radio--disabled": e.disabled,
+          "joy-radio--invalid": p.value,
           "joy-radio--outline-focus": a.value && e.theme === "outline",
           "joy-radio--focus": a.value && e.theme === "default"
         }
@@ -5684,57 +5696,58 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
         disabled: e.disabled,
         required: e.required,
         name: e.name,
-        onChange: y,
-        onFocus: p,
-        onBlur: m
-      }, null, 40, Zi),
-      h("span", Xi, [
-        w(g.$slots, "default", {}, void 0, !0),
-        h("div", Qi, [
-          w(g.$slots, "radio-header-right", {}, void 0, !0)
+        onChange: g,
+        onFocus: b,
+        onBlur: $
+      }, null, 40, Yi),
+      h("span", Ki, [
+        w(k.$slots, "default", {}, void 0, !0),
+        h("div", Zi, [
+          w(k.$slots, "radio-header-right", {}, void 0, !0)
         ])
       ]),
-      h("div", er, [
-        w(g.$slots, "radio-sublabel", {}, void 0, !0)
+      h("div", Xi, [
+        w(k.$slots, "radio-sublabel", {}, void 0, !0)
       ]),
-      h("div", tr, [
+      h("div", Qi, [
         h("div", {
           ref_key: "expandableElement",
           ref: s,
           class: L(["joy-radio-expandable", { "joy-radio-expandable--expanded": i.value }])
         }, [
-          w(g.$slots, "expandable-content", {}, void 0, !0)
+          w(k.$slots, "expandable-content", {}, void 0, !0)
         ], 2),
-        h("div", or, [
-          w(g.$slots, "radio-content", {}, void 0, !0)
+        h("div", er, [
+          w(k.$slots, "radio-content", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), $u = /* @__PURE__ */ B(nr, [["__scopeId", "data-v-c5b11e4c"]]), lr = ["form", "name"], ar = /* @__PURE__ */ A({
+}), ku = /* @__PURE__ */ A(tr, [["__scopeId", "data-v-6efefd03"]]), or = ["form", "name"], nr = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
     form: {},
-    name: {}
+    name: {},
+    invalid: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, n) => (c(), v("fieldset", {
+    return Ae("VJoyRadioGroupInvalid", e.invalid), (n, l) => (c(), v("fieldset", {
       ref: "root",
       class: "joy-radio-group-fieldset",
       role: "radiogroup",
       form: e.form,
       name: e.name
     }, [
-      w(t.$slots, "radio-group-legend", {}, void 0, !0),
+      w(n.$slots, "radio-group-legend", {}, void 0, !0),
       h("div", {
         class: L(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
-        w(t.$slots, "default", {}, void 0, !0)
+        w(n.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, lr));
+    ], 8, or));
   }
-}), _u = /* @__PURE__ */ B(ar, [["__scopeId", "data-v-ac4dd24e"]]), ir = ["aria-label"], rr = { class: "joy-rating-stars" }, sr = { class: "joy-rating-stars__content" }, ur = { key: 0 }, cr = /* @__PURE__ */ A({
+}), $u = /* @__PURE__ */ A(nr, [["__scopeId", "data-v-cc091c50"]]), lr = ["aria-label"], ar = { class: "joy-rating-stars" }, ir = { class: "joy-rating-stars__content" }, rr = { key: 0 }, sr = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -5766,7 +5779,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       class: "joy-rating-stars__wrapper",
       "aria-label": D(l).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      h("ul", rr, [
+      h("ul", ar, [
         (c(!0), v(H, null, U(o.value, (r, s) => (c(), v("li", {
           key: s,
           class: L([`joy-rating-stars--${e.size}`])
@@ -5789,14 +5802,14 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
           }))
         ], 2))), 128))
       ]),
-      h("div", sr, [
+      h("div", ir, [
         w(i.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (c(), v("span", ur, "(" + J(e.reviewCount) + ")", 1)) : j("", !0)
+          e.reviewCount ? (c(), v("span", rr, "(" + J(e.reviewCount) + ")", 1)) : j("", !0)
         ], !0)
       ])
-    ], 8, ir));
+    ], 8, lr));
   }
-}), dr = /* @__PURE__ */ B(cr, [["__scopeId", "data-v-df20c585"]]), fr = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], yr = ["selected"], mr = /* @__PURE__ */ A({
+}), ur = /* @__PURE__ */ A(sr, [["__scopeId", "data-v-df20c585"]]), cr = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], dr = ["selected"], fr = /* @__PURE__ */ B({
   __name: "VJoySelect",
   props: {
     /** aria-label is available only if 'label' property is undefined **/
@@ -5847,11 +5860,11 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     const l = e, o = n, i = Y(), a = C(() => {
       const g = (i == null ? void 0 : i.default) && (i == null ? void 0 : i.default());
       let b = [];
-      return g.forEach((S) => {
-        if (r(S))
-          b.push(S);
+      return g.forEach(($) => {
+        if (r($))
+          b.push($);
         else {
-          const k = S.children;
+          const k = $.children;
           if (typeof k == "string" || !k.length)
             return;
           const T = k.filter(r);
@@ -5862,15 +5875,15 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     function r(g) {
       return (g == null ? void 0 : g.type) === "option";
     }
-    const s = _(), u = _(), f = _(!1), d = C(() => l.labelSize ? l.labelSize : l.size !== "medium" ? "small" : "medium");
+    const s = S(), u = S(), f = S(!1), d = C(() => l.labelSize ? l.labelSize : l.size !== "medium" ? "small" : "medium");
     te(() => {
-      var S;
+      var $;
       const g = i["select-label"] && i["select-label"]();
       if (!g || !g.length)
         return;
       const b = g[0];
       if (b.type === "JoyLabel") {
-        const k = (S = b.props) == null ? void 0 : S.for;
+        const k = ($ = b.props) == null ? void 0 : $.for;
         if (!k) {
           console.warn("JoyLabel for attribute is missing");
           return;
@@ -5895,7 +5908,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       ref: s
     }, [
       w(g.$slots, "select-label", {}, () => [
-        e.label ? (c(), V(ze, {
+        e.label ? (c(), V(Je, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
@@ -5934,15 +5947,15 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
           onFocus: p,
           onBlur: m
         }, [
-          (c(!0), v(H, null, U(a.value, (S) => {
+          (c(!0), v(H, null, U(a.value, ($) => {
             var k, T;
             return c(), v("option", W({
-              key: (k = S.props) == null ? void 0 : k.value
-            }, { ref_for: !0 }, S.props, {
-              selected: ((T = S.props) == null ? void 0 : T.value) === e.modelValue
-            }), J(S.children), 17, yr);
+              key: (k = $.props) == null ? void 0 : k.value
+            }, { ref_for: !0 }, $.props, {
+              selected: ((T = $.props) == null ? void 0 : T.value) === e.modelValue
+            }), J($.children), 17, dr);
           }), 128))
-        ], 40, fr),
+        ], 40, cr),
         N(q, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -5950,7 +5963,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       ], 2)
     ], 512));
   }
-}), Su = /* @__PURE__ */ B(mr, [["__scopeId", "data-v-a56560eb"]]), pr = ["aria-disabled"], vr = ["id", "value", "checked", "disabled", "required", "name"], hr = { class: "joy-selectable-item__label" }, gr = /* @__PURE__ */ A({
+}), _u = /* @__PURE__ */ A(fr, [["__scopeId", "data-v-a56560eb"]]), yr = ["aria-disabled"], mr = ["id", "value", "checked", "disabled", "required", "name"], pr = { class: "joy-selectable-item__label" }, vr = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -5967,7 +5980,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const n = t, l = Oe() + "--JoySelectableItem", o = e, i = _(), a = _(!1), r = o.multiple ? "div" : "label", s = C(() => o.id || l), u = {
+    const n = t, l = Oe() + "--JoySelectableItem", o = e, i = S(), a = S(!1), r = o.multiple ? "div" : "label", s = C(() => o.id || l), u = {
       onRadioChange: () => {
         n("update:checked", o.value);
       },
@@ -6016,7 +6029,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
         (...p) => u.onFocus && u.onFocus(...p)),
         onBlur: y[2] || (y[2] = //@ts-ignore
         (...p) => u.onBlur && u.onBlur(...p))
-      }, null, 40, vr)),
+      }, null, 40, mr)),
       (c(), V(Z(D(r)), {
         for: s.value,
         class: L([
@@ -6051,7 +6064,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "invalid"])) : j("", !0),
-          h("div", hr, [
+          h("div", pr, [
             e.multiple ? j("", !0) : w(d.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           h("div", {
@@ -6064,9 +6077,9 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, pr));
+    ], 10, yr));
   }
-}), br = /* @__PURE__ */ B(gr, [["__scopeId", "data-v-1bc198e0"]]), wr = ["id"], jr = /* @__PURE__ */ A({
+}), hr = /* @__PURE__ */ A(vr, [["__scopeId", "data-v-1bc198e0"]]), gr = ["id"], br = /* @__PURE__ */ B({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6103,7 +6116,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (c(), V(ze, {
+      e.label ? (c(), V(Je, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -6126,7 +6139,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
           }
         ])
       }, [
-        (c(!0), v(H, null, U(e.options, (u) => (c(), V(br, W({ ref_for: !0 }, u.attrs, {
+        (c(!0), v(H, null, U(e.options, (u) => (c(), V(hr, W({ ref_for: !0 }, u.attrs, {
           id: u.id,
           key: u.id,
           name: u.name,
@@ -6158,9 +6171,9 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
         "no-html-error-text": e.errorMessage,
         class: "joy-mt-2"
       }, null, 8, ["no-html-error-text"])) : j("", !0)
-    ], 8, wr));
+    ], 8, gr));
   }
-}), Cu = /* @__PURE__ */ B(jr, [["__scopeId", "data-v-b1ae09f7"]]), kr = /* @__PURE__ */ A({
+}), Su = /* @__PURE__ */ A(br, [["__scopeId", "data-v-b1ae09f7"]]), wr = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6179,10 +6192,10 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       h("span", null, J(e.text), 1)
     ], 2));
   }
-}), xu = /* @__PURE__ */ B(kr, [["__scopeId", "data-v-21db2899"]]), $r = ["id"], _r = { class: "joy-step__stroke" }, Sr = {
+}), Cu = /* @__PURE__ */ A(wr, [["__scopeId", "data-v-21db2899"]]), jr = ["id"], kr = { class: "joy-step__stroke" }, $r = {
   key: 0,
   class: "joy-step__label"
-}, Cr = /* @__PURE__ */ A({
+}, _r = /* @__PURE__ */ B({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6216,7 +6229,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:subSteps"],
   setup(e, { expose: t, emit: n }) {
-    const l = e, o = n, i = _(0.1), a = C(() => l.completed ? "100%" : r.value ? l.subSteps <= 1 || l.currentSubStep === 1 ? "10%" : (Math.min(l.currentSubStep / l.subSteps - i.value, 1 - i.value) * 100).toFixed(1) + "%" : "0%"), r = C(() => l.currentSubStep > 0);
+    const l = e, o = n, i = S(0.1), a = C(() => l.completed ? "100%" : r.value ? l.subSteps <= 1 || l.currentSubStep === 1 ? "10%" : (Math.min(l.currentSubStep / l.subSteps - i.value, 1 - i.value) * 100).toFixed(1) + "%" : "0%"), r = C(() => l.currentSubStep > 0);
     function s(u) {
       u <= 0 && console.warn("subSteps must be equal or greater than 1"), o("update:subSteps");
     }
@@ -6233,7 +6246,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
         }
       ])
     }, [
-      h("span", _r, [
+      h("span", kr, [
         h("span", {
           class: "joy-step__stroke--filled",
           style: ee({ maxWidth: a.value })
@@ -6241,15 +6254,15 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       ]),
       N(ct, { name: "joy-step__label" }, {
         default: z(() => [
-          e.showLabel ? (c(), v("span", Sr, [
+          e.showLabel ? (c(), v("span", $r, [
             w(u.$slots, "default", {}, void 0, !0)
           ])) : j("", !0)
         ]),
         _: 3
       })
-    ], 10, $r));
+    ], 10, jr));
   }
-}), xr = /* @__PURE__ */ B(Cr, [["__scopeId", "data-v-3820cdf3"]]), Vr = { class: "joy-stepper" }, Tr = /* @__PURE__ */ A({
+}), Sr = /* @__PURE__ */ A(_r, [["__scopeId", "data-v-3820cdf3"]]), Cr = { class: "joy-stepper" }, xr = /* @__PURE__ */ B({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6264,7 +6277,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e, { expose: t }) {
-    const n = e, l = Y(), o = be("VJoyStepperShowLabels", !0), i = C(() => {
+    const n = e, l = Y(), o = de("VJoyStepperShowLabels", !0), i = C(() => {
       const y = l.default();
       return y.length === 1 && typeof y[0].type != "object" ? y[0].children.filter(a) : y.filter(a);
     });
@@ -6280,19 +6293,19 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       currentItemSubStep: u,
       steps: i,
       invalidSubStepValue: s
-    }), (y, p) => (c(), v("div", Vr, [
+    }), (y, p) => (c(), v("div", Cr, [
       (c(!0), v(H, null, U(i.value, (m, g) => {
         var b;
-        return c(), V(xr, W({ ref_for: !0 }, m.props, {
+        return c(), V(Sr, W({ ref_for: !0 }, m.props, {
           key: (b = m.props) == null ? void 0 : b.id,
           completed: g < e.step - 1,
           "current-sub-step": d(g),
           "show-label": D(o)
         }), {
           default: z(() => {
-            var S;
+            var $;
             return [
-              (S = m.children) != null && S.default ? (c(), V(Z(m.children.default), { key: 0 })) : j("", !0)
+              ($ = m.children) != null && $.default ? (c(), V(Z(m.children.default), { key: 0 })) : j("", !0)
             ];
           }),
           _: 2
@@ -6300,7 +6313,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       }), 128))
     ]));
   }
-}), Vu = /* @__PURE__ */ B(Tr, [["__scopeId", "data-v-22705668"]]), Lr = ["id", "aria-hidden", "aria-labelledby"], Ir = /* @__PURE__ */ A({
+}), xu = /* @__PURE__ */ A(xr, [["__scopeId", "data-v-22705668"]]), Vr = ["id", "aria-hidden", "aria-labelledby"], Tr = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6331,7 +6344,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     }
   },
   setup(e) {
-    const t = e, n = be("VJoyTabs", _("")), l = C(() => n.value === t.tab);
+    const t = e, n = de("VJoyTabs", S("")), l = C(() => n.value === t.tab);
     return (o, i) => (c(), v("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
@@ -6343,12 +6356,12 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       })
     }, [
       w(o.$slots, "default", {}, void 0, !0)
-    ], 10, Lr));
+    ], 10, Vr));
   }
-}), Tu = /* @__PURE__ */ B(Ir, [["__scopeId", "data-v-60bfe6bd"]]), Ar = ["id", "href", "aria-selected", "aria-controls"], Br = {
+}), Vu = /* @__PURE__ */ A(Tr, [["__scopeId", "data-v-60bfe6bd"]]), Lr = ["id", "href", "aria-selected", "aria-controls"], Ir = {
   type: "button",
   tabindex: "-1"
-}, Er = /* @__PURE__ */ A({
+}, Br = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -6408,11 +6421,11 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
           "joy-tab-button__selected": e.selected
         })
       }, [
-        h("button", Br, [
+        h("button", Ir, [
           w(r.$slots, "default", {}, () => [
             R(J(e.label), 1)
           ], !0),
-          o.value ? (c(), V(un, {
+          o.value ? (c(), V(qt, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "pink",
@@ -6420,9 +6433,9 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
           }, null, 8, ["number"])) : j("", !0)
         ])
       ], 2)
-    ], 40, Ar));
+    ], 40, Lr));
   }
-}), zr = /* @__PURE__ */ B(Er, [["__scopeId", "data-v-ba5481c7"]]), Jr = { class: "joy-tabs" }, Pr = /* @__PURE__ */ A({
+}), Ar = /* @__PURE__ */ A(Br, [["__scopeId", "data-v-358b26cc"]]), Er = { class: "joy-tabs" }, zr = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6432,15 +6445,15 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: n }) {
-    const l = e, o = n, i = Y(), a = _(l.selectedTab);
-    Me("VJoyTabs", a);
-    const r = _(null), s = _(null), u = _(!1), f = _(!1), d = C(() => {
+    const l = e, o = n, i = Y(), a = S(l.selectedTab);
+    Ae("VJoyTabs", a);
+    const r = S(null), s = S(null), u = S(!1), f = S(!1), d = C(() => {
       const b = i.default();
       return b.length === 1 && typeof b[0].type != "object" ? b[0].children.filter(y) : b.filter(y);
     });
     function y(b) {
-      var S;
-      return ((S = b == null ? void 0 : b.type) == null ? void 0 : S.__name) === "VJoyTab";
+      var $;
+      return (($ = b == null ? void 0 : b.type) == null ? void 0 : $.__name) === "VJoyTab";
     }
     function p(b) {
       return b.props.tab === a.value;
@@ -6448,8 +6461,8 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     function m() {
       s.value && r.value && s.value.scrollWidth > r.value.offsetWidth ? (f.value = s.value.scrollLeft > 0, u.value = s.value.scrollLeft + r.value.offsetWidth < s.value.scrollWidth) : (f.value = !1, u.value = !1);
     }
-    function g(b, S = !0) {
-      b && S && (a.value = b, o("update:selected-tab", b));
+    function g(b, $ = !0) {
+      b && $ && (a.value = b, o("update:selected-tab", b));
     }
     return G(
       () => l.selectedTab,
@@ -6460,12 +6473,12 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
     ), te(() => {
       var b;
       m(), (b = s.value) == null || b.addEventListener("scroll", m);
-    }), Ee(() => {
+    }), ze(() => {
       var b;
       (b = s.value) == null || b.removeEventListener("scroll", m);
     }), t({
       tabs: d
-    }), (b, S) => (c(), v("div", Jr, [
+    }), (b, $) => (c(), v("div", Er, [
       h("div", {
         ref_key: "buttonListWrapper",
         ref: r,
@@ -6484,7 +6497,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
           (c(!0), v(H, null, U(d.value, (k) => (c(), v("div", {
             key: k.props.tab
           }, [
-            N(zr, {
+            N(Ar, {
               tab: k.props.tab,
               label: k.props.label,
               href: k.props.href,
@@ -6508,7 +6521,7 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
       ])
     ]));
   }
-}), Lu = /* @__PURE__ */ B(Pr, [["__scopeId", "data-v-9aea2d41"]]), Mr = ["id", "role", "tabindex"], Or = /* @__PURE__ */ A({
+}), Tu = /* @__PURE__ */ A(zr, [["__scopeId", "data-v-9aea2d41"]]), Jr = ["id", "role", "tabindex"], Pr = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -6567,11 +6580,11 @@ const Oi = /* @__PURE__ */ B(Ji, [["render", Mi], ["__scopeId", "data-v-fbaf8e78
         onClick: Lo(s, ["stop"]),
         onKeydown: Fe(s, ["enter"])
       })) : j("", !0)
-    ], 10, Mr));
+    ], 10, Jr));
   }
-}), vo = /* @__PURE__ */ B(Or, [["__scopeId", "data-v-4d8f5321"]]);
+}), vo = /* @__PURE__ */ A(Pr, [["__scopeId", "data-v-4d8f5321"]]);
 var je = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(je || {});
-function Et(e) {
+function At(e) {
   if (!Array.isArray(e) && typeof e != "string")
     return console.warn("Values needs to be an array of emails, or email."), !1;
   function t(n) {
@@ -6582,7 +6595,7 @@ function Et(e) {
       return l;
   }) === void 0 : t(e);
 }
-const Fr = { class: "joy-tags-input__wrapper" }, Dr = ["id", "name", "placeholder"], Rr = { key: 0 }, Nr = { key: 1 }, qr = /* @__PURE__ */ A({
+const Mr = { class: "joy-tags-input__wrapper" }, Or = ["id", "name", "placeholder"], Fr = { key: 0 }, Dr = { key: 1 }, Rr = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -6597,51 +6610,51 @@ const Fr = { class: "joy-tags-input__wrapper" }, Dr = ["id", "name", "placeholde
   },
   emits: ["update:modelValue", "validation:error"],
   setup(e, { expose: t, emit: n }) {
-    const l = e, o = n, i = _(l.modelValue), a = _(!1), r = _(null), s = _(l.invalid), u = _(null), f = C(() => l.validation === "email"), d = C(() => f.value && u.value === "INVALID_EMAIL" && !!l.invalidEmailError), y = C(() => u.value === "DUPLICATED_ENTRY" && !!l.duplicationError), p = C(() => s.value && (!!d.value || !!y.value));
+    const l = e, o = n, i = S(l.modelValue), a = S(!1), r = S(null), s = S(l.invalid), u = S(null), f = C(() => l.validation === "email"), d = C(() => f.value && u.value === "INVALID_EMAIL" && !!l.invalidEmailError), y = C(() => u.value === "DUPLICATED_ENTRY" && !!l.duplicationError), p = C(() => s.value && (!!d.value || !!y.value));
     function m() {
       f.value && s.value === !0 && (u.value = je.INVALID_EMAIL);
     }
     function g() {
       var F;
-      const $ = i.value.map((K) => K.trim());
-      return $.filter((K, se) => $.indexOf(K) !== se).length ? !0 : (F = r.value) != null && F.value ? $.includes(r.value.value.trim()) : !1;
+      const _ = i.value.map((K) => K.trim());
+      return _.filter((K, se) => _.indexOf(K) !== se).length ? !0 : (F = r.value) != null && F.value ? _.includes(r.value.value.trim()) : !1;
     }
     function b() {
       g() && (u.value = je.DUPLICATED_ENTRY);
     }
-    function S($) {
+    function $(_) {
       var P;
-      if (["Backspace"].includes($.key)) {
+      if (["Backspace"].includes(_.key)) {
         if (((P = r.value) == null ? void 0 : P.value) !== "")
           return;
         i.value.pop(), o("update:modelValue", i.value), f.value && O();
       }
     }
     function k() {
-      var $, P;
-      ($ = r.value) != null && $.value && (i.value = [...i.value, (P = r.value) == null ? void 0 : P.value], r.value.value = "", o("update:modelValue", i.value));
+      var _, P;
+      (_ = r.value) != null && _.value && (i.value = [...i.value, (P = r.value) == null ? void 0 : P.value], r.value.value = "", o("update:modelValue", i.value));
     }
-    function T($) {
+    function T(_) {
       var P;
       if (f.value) {
-        if (["Enter", ",", " "].includes($.key)) {
-          if ($.preventDefault(), O(), g()) {
+        if (["Enter", ",", " "].includes(_.key)) {
+          if (_.preventDefault(), O(), g()) {
             o("validation:error", je.DUPLICATED_ENTRY);
             return;
-          } else if ((P = r.value) != null && P.value && !Et(r.value.value)) {
+          } else if ((P = r.value) != null && P.value && !At(r.value.value)) {
             o("validation:error", je.INVALID_EMAIL);
             return;
           }
           k();
         }
-      } else if (["Enter", ","].includes($.key)) {
-        if ($.preventDefault(), g()) {
+      } else if (["Enter", ","].includes(_.key)) {
+        if (_.preventDefault(), g()) {
           s.value = !0, u.value = je.DUPLICATED_ENTRY, o("validation:error", je.DUPLICATED_ENTRY);
           return;
         }
         k(), s.value = !1;
       }
-      S($);
+      $(_);
     }
     function E() {
       a.value = !0;
@@ -6649,18 +6662,18 @@ const Fr = { class: "joy-tags-input__wrapper" }, Dr = ["id", "name", "placeholde
     function I() {
       a.value = !1, O();
     }
-    function M($) {
+    function M(_) {
       var P;
-      i.value = i.value.filter((F) => F !== $.value), o("update:modelValue", i.value), (P = r.value) == null || P.focus(), O();
+      i.value = i.value.filter((F) => F !== _.value), o("update:modelValue", i.value), (P = r.value) == null || P.focus(), O();
     }
     function x() {
       var P, F;
-      let $ = !1;
+      let _ = !1;
       if (f.value) {
         let K = i.value;
-        (P = r.value) != null && P.value && (K = [...K, (F = r.value) == null ? void 0 : F.value]), $ = !Et(K);
+        (P = r.value) != null && P.value && (K = [...K, (F = r.value) == null ? void 0 : F.value]), _ = !At(K);
       }
-      s.value = $ || g(), !$ && g() && (u.value = null);
+      s.value = _ || g(), !_ && g() && (u.value = null);
     }
     function O() {
       x(), m(), b();
@@ -6674,14 +6687,14 @@ const Fr = { class: "joy-tags-input__wrapper" }, Dr = ["id", "name", "placeholde
     ), t({
       isInvalid: s,
       hasDuplicates: g
-    }), ($, P) => (c(), v("div", Fr, [
-      $.$slots.default ? (c(), V(ze, {
+    }), (_, P) => (c(), v("div", Mr, [
+      _.$slots.default ? (c(), V(Je, {
         key: 0,
         id: e.name,
         class: "joy-tags-input__label"
       }, {
         default: z(() => [
-          w($.$slots, "default", {}, void 0, !0)
+          w(_.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["id"])) : j("", !0),
@@ -6704,7 +6717,7 @@ const Fr = { class: "joy-tags-input__wrapper" }, Dr = ["id", "name", "placeholde
           onRemove: M
         }, {
           default: z(() => [
-            w($.$slots, "tag", W({ ref_for: !0 }, { name: F }), void 0, !0)
+            w(_.$slots, "tag", W({ ref_for: !0 }, { name: F }), void 0, !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
@@ -6719,7 +6732,7 @@ const Fr = { class: "joy-tags-input__wrapper" }, Dr = ["id", "name", "placeholde
           onKeydown: T,
           onFocus: E,
           onBlur: I
-        }, null, 40, Dr)
+        }, null, 40, Or)
       ], 2),
       p.value ? (c(), V(mt, {
         key: 1,
@@ -6727,15 +6740,15 @@ const Fr = { class: "joy-tags-input__wrapper" }, Dr = ["id", "name", "placeholde
       }, {
         default: z(() => [
           h("ul", null, [
-            y.value ? (c(), v("li", Rr, J(e.duplicationError), 1)) : j("", !0),
-            d.value ? (c(), v("li", Nr, J(e.invalidEmailError), 1)) : j("", !0)
+            y.value ? (c(), v("li", Fr, J(e.duplicationError), 1)) : j("", !0),
+            d.value ? (c(), v("li", Dr, J(e.invalidEmailError), 1)) : j("", !0)
           ])
         ]),
         _: 1
       })) : j("", !0)
     ]));
   }
-}), Iu = /* @__PURE__ */ B(qr, [["__scopeId", "data-v-97e5c238"]]), Hr = /* @__PURE__ */ A({
+}), Lu = /* @__PURE__ */ A(Rr, [["__scopeId", "data-v-97e5c238"]]), Nr = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -6813,36 +6826,36 @@ const Fr = { class: "joy-tags-input__wrapper" }, Dr = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), Au = /* @__PURE__ */ B(Hr, [["__scopeId", "data-v-1d8003ef"]]), Wr = {}, Ur = {
+}), Iu = /* @__PURE__ */ A(Nr, [["__scopeId", "data-v-1d8003ef"]]), qr = {}, Hr = {
   class: /* @__PURE__ */ L(["joy-template-shape__shapes"])
 };
-function Gr(e, t) {
-  return c(), v("div", Ur, [...t[0] || (t[0] = [
-    Ot('<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)
+function Wr(e, t) {
+  return c(), v("div", Hr, [...t[0] || (t[0] = [
+    Mt('<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 Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46"]]), Kr = { class: "joy-template__wrapper" }, Zr = {
+const Ur = /* @__PURE__ */ A(qr, [["render", Wr], ["__scopeId", "data-v-da63aa46"]]), Gr = { class: "joy-template__wrapper" }, Yr = {
   key: 0,
   class: "joy-template__heading"
-}, Xr = {
+}, Kr = {
   key: 0,
   class: "joy-template-slot-back"
-}, Qr = { class: "joy-template__heading___headings" }, es = {
+}, Zr = { class: "joy-template__heading___headings" }, Xr = {
   key: 0,
   class: "joy-template-slot-title"
-}, ts = {
+}, Qr = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, os = {
+}, es = {
   key: 1,
   class: "joy-template-slot-actions"
-}, ns = {
+}, ts = {
   key: 0,
   class: "joy-template-slot-main"
-}, ls = {
+}, os = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, as = /* @__PURE__ */ A({
+}, ns = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -6867,21 +6880,21 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
     return (o, i) => (c(), v("div", {
       class: L(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (c(), V(Yr, { key: 0 })) : j("", !0),
-      h("div", Kr, [
-        l.value ? (c(), v("div", Zr, [
-          n["template-back"] ? (c(), v("div", Xr, [
+      e.shapes ? (c(), V(Ur, { key: 0 })) : j("", !0),
+      h("div", Gr, [
+        l.value ? (c(), v("div", Yr, [
+          n["template-back"] ? (c(), v("div", Kr, [
             w(o.$slots, "template-back", {}, void 0, !0)
           ])) : j("", !0),
-          h("div", Qr, [
-            n["template-title"] ? (c(), v("div", es, [
+          h("div", Zr, [
+            n["template-title"] ? (c(), v("div", Xr, [
               w(o.$slots, "template-title", {}, void 0, !0)
             ])) : j("", !0),
-            n["template-subtitle"] ? (c(), v("div", ts, [
+            n["template-subtitle"] ? (c(), v("div", Qr, [
               w(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : j("", !0)
           ]),
-          n["template-actions"] ? (c(), v("div", os, [
+          n["template-actions"] ? (c(), v("div", es, [
             w(o.$slots, "template-actions", {}, void 0, !0)
           ])) : j("", !0)
         ])) : j("", !0),
@@ -6893,10 +6906,10 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
             }
           ])
         }, [
-          o.$slots["template-main"] ? (c(), v("div", ns, [
+          o.$slots["template-main"] ? (c(), v("div", ts, [
             w(o.$slots, "template-main", {}, void 0, !0)
           ])) : j("", !0),
-          o.$slots["template-sidebar"] ? (c(), v("div", ls, [
+          o.$slots["template-sidebar"] ? (c(), v("div", os, [
             w(o.$slots, "template-sidebar", {}, void 0, !0)
           ])) : j("", !0)
         ], 2)
@@ -6913,7 +6926,7 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : j("", !0)
     ], 2));
   }
-}), Bu = /* @__PURE__ */ B(as, [["__scopeId", "data-v-8e1d59ca"]]), is = /* @__PURE__ */ A({
+}), Bu = /* @__PURE__ */ A(ns, [["__scopeId", "data-v-8e1d59ca"]]), ls = /* @__PURE__ */ B({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -6937,13 +6950,13 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["class"]));
   }
-}), Eu = /* @__PURE__ */ B(is, [["__scopeId", "data-v-8a40109a"]]), rs = ["aria-disabled"], ss = { class: "joy-textarea_wrapper" }, us = ["id", "disabled", "name", "required", "minlength", "value"], cs = {
+}), Au = /* @__PURE__ */ A(ls, [["__scopeId", "data-v-8a40109a"]]), as = ["aria-disabled"], is = { class: "joy-textarea_wrapper" }, rs = ["id", "disabled", "name", "required", "minlength", "value"], ss = {
   key: 1,
   class: "joy-textarea_helpers"
-}, ds = {
+}, us = {
   inheritAttrs: !1
-}, fs = /* @__PURE__ */ A({
-  ...ds,
+}, cs = /* @__PURE__ */ B({
+  ...us,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -7002,9 +7015,9 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const l = n, o = e, i = Y(), a = _(), { triggerResize: r } = Vn({
+    const l = n, o = e, i = Y(), a = S(), { triggerResize: r } = Cn({
       element: o.autogrow ? a : void 0
-    }), s = _(!1), u = _(!1);
+    }), s = S(!1), u = S(!1);
     Yt(a, o.autofocus);
     const f = C(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), d = C(() => o.minlength ? o.modelValue.length < o.minlength : !1), y = C(() => !!(o.label || i.default)), p = {
       onInput: (m) => {
@@ -7049,7 +7062,7 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
         }
       ])
     }, [
-      y.value ? (c(), V(ze, {
+      y.value ? (c(), V(Je, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -7063,7 +7076,7 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : j("", !0),
-      h("div", ss, [
+      h("div", is, [
         h("textarea", W(m.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -7083,9 +7096,9 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
           (...b) => p.onFocus && p.onFocus(...b)),
           onBlur: g[3] || (g[3] = //@ts-ignore
           (...b) => p.onBlur && p.onBlur(...b))
-        }), null, 16, us)
+        }), null, 16, rs)
       ]),
-      e.minlength || e.maxlength ? (c(), v("div", cs, [
+      e.minlength || e.maxlength ? (c(), v("div", ss, [
         e.minlength ? (c(), v("p", {
           key: 0,
           class: L(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -7103,9 +7116,9 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
           class: L(["joy-textarea-count", { "joy-textarea-count-invalid": f.value }])
         }, J(e.modelValue.length + "/" + e.maxlength), 3)) : j("", !0)
       ])) : j("", !0)
-    ], 10, rs));
+    ], 10, as));
   }
-}), zu = /* @__PURE__ */ B(fs, [["__scopeId", "data-v-26da9592"]]), ys = /* @__PURE__ */ A({
+}), Eu = /* @__PURE__ */ A(cs, [["__scopeId", "data-v-26da9592"]]), ds = /* @__PURE__ */ B({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
@@ -7118,10 +7131,10 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
       _: 3
     }));
   }
-}), Ju = /* @__PURE__ */ B(ys, [["__scopeId", "data-v-f1d5bf23"]]), ms = { class: "joy-toggle__wrapper" }, ps = ["name", "disabled", "checked", "required", "aria-checked", "value"], vs = { class: "joy-toggle__symbol" }, hs = { class: "joy-toggle__symbol-bubble" }, gs = {
+}), zu = /* @__PURE__ */ A(ds, [["__scopeId", "data-v-72b57f87"]]), fs = { class: "joy-toggle__wrapper" }, ys = ["name", "disabled", "checked", "required", "aria-checked", "value"], ms = { class: "joy-toggle__symbol" }, ps = { class: "joy-toggle__symbol-bubble" }, vs = {
   key: 0,
   class: "joy-toggle__symbol-smile"
-}, bs = { class: "joy-toggle__content-label" }, ws = /* @__PURE__ */ A({
+}, hs = { class: "joy-toggle__content-label" }, gs = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7168,7 +7181,7 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
   setup(e, { emit: t }) {
     const n = t;
     Y();
-    const l = _(!1), o = {
+    const l = S(!1), o = {
       onChange: (i) => {
         const a = i.target.checked;
         n("update:modelValue", a);
@@ -7180,7 +7193,7 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
         l.value = !1;
       }
     };
-    return (i, a) => (c(), v("div", ms, [
+    return (i, a) => (c(), v("div", fs, [
       h("label", {
         class: L([
           "joy-toggle",
@@ -7210,13 +7223,13 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
           (...r) => o.onFocus && o.onFocus(...r)),
           onBlur: a[2] || (a[2] = //@ts-ignore
           (...r) => o.onBlur && o.onBlur(...r))
-        }, null, 40, ps),
+        }, null, 40, ys),
         h("p", {
           class: L(["joy-toggle__content", { "joy-toggle__content--label-left": e.labelPosition === "left" }])
         }, [
-          h("span", vs, [
-            h("span", hs, [
-              e.variant === "default" ? (c(), v("span", gs, [...a[3] || (a[3] = [
+          h("span", ms, [
+            h("span", ps, [
+              e.variant === "default" ? (c(), v("span", vs, [...a[3] || (a[3] = [
                 h("svg", {
                   width: "18",
                   height: "10",
@@ -7236,7 +7249,7 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
               }))
             ])
           ]),
-          h("span", bs, [
+          h("span", hs, [
             w(i.$slots, "default", {}, () => [
               R(J(e.label), 1)
             ], !0)
@@ -7245,7 +7258,7 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
       ], 2)
     ]));
   }
-}), Pu = /* @__PURE__ */ B(ws, [["__scopeId", "data-v-fbe68c0d"]]), js = { class: "joy-user-card__picture" }, ks = { class: "joy-user-card__informations" }, $s = { class: "joy-user-card__title" }, _s = { class: "joy-user-card__subtitle" }, Ss = /* @__PURE__ */ A({
+}), Ju = /* @__PURE__ */ A(gs, [["__scopeId", "data-v-fbe68c0d"]]), bs = { class: "joy-user-card__picture" }, ws = { class: "joy-user-card__informations" }, js = { class: "joy-user-card__title" }, ks = { class: "joy-user-card__subtitle" }, $s = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7278,7 +7291,7 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
       title: e.fullName
     }, t.$attrs), {
       default: z(() => [
-        h("div", js, [
+        h("div", bs, [
           w(t.$slots, "user-card-avatar", {}, () => [
             N(nn, {
               "photo-url": e.photoUrl,
@@ -7286,19 +7299,19 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        h("div", ks, [
-          h("p", $s, [
+        h("div", ws, [
+          h("p", js, [
             w(t.$slots, "user-card-title", {}, () => [
               R(J(e.fullName), 1)
             ], !0)
           ]),
-          h("p", _s, [
+          h("p", ks, [
             w(t.$slots, "user-card-subtitle", {}, () => [
               R(J(e.subTitle), 1)
             ], !0)
           ]),
           w(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (c(), V(dr, {
+            e.ratingValue ? (c(), V(ur, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : j("", !0)
@@ -7311,13 +7324,13 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 16, ["href", "title"]));
   }
-}), Mu = /* @__PURE__ */ B(Ss, [["__scopeId", "data-v-86acec3a"]]), Cs = { class: "joy-walkthrough-trigger__content" }, xs = {
+}), Pu = /* @__PURE__ */ A($s, [["__scopeId", "data-v-86acec3a"]]), _s = { class: "joy-walkthrough-trigger__content" }, Ss = {
   key: 0,
   class: "joy-pr-3"
-}, Vs = {
+}, Cs = {
   key: 1,
   class: "joy-pl-3"
-}, Ts = /* @__PURE__ */ A({
+}, xs = /* @__PURE__ */ B({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7326,7 +7339,7 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
     open: { type: Boolean }
   },
   setup(e) {
-    const n = _(e.open);
+    const n = S(e.open);
     return (l, o) => {
       const i = ut("joy-ripple");
       return Ke((c(), v("button", W(l.$attrs, {
@@ -7340,9 +7353,9 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: e.icon
         }, null, 8, ["name"])) : j("", !0),
-        h("div", Cs, [
-          e.title ? (c(), v("span", xs, J(e.title), 1)) : j("", !0),
-          e.subtitle ? (c(), v("span", Vs, J(e.subtitle), 1)) : j("", !0)
+        h("div", _s, [
+          e.title ? (c(), v("span", Ss, J(e.title), 1)) : j("", !0),
+          e.subtitle ? (c(), v("span", Cs, J(e.subtitle), 1)) : j("", !0)
         ]),
         N(q, {
           class: "joy-ml-3",
@@ -7354,16 +7367,16 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
       ]);
     };
   }
-}), Ls = /* @__PURE__ */ B(Ts, [["__scopeId", "data-v-e34e1407"]]), Is = { class: "joy-walkthrough-modal__illustration" }, As = { class: "joy-walkthrough-modal__content___titles" }, Bs = { class: "joy-walkthrough-modal__content___title" }, Es = { class: "joy-walkthrough-modal__content___subtitle" }, zs = {
+}), Vs = /* @__PURE__ */ A(xs, [["__scopeId", "data-v-e34e1407"]]), Ts = { class: "joy-walkthrough-modal__illustration" }, Ls = { class: "joy-walkthrough-modal__content___titles" }, Is = { class: "joy-walkthrough-modal__content___title" }, Bs = { class: "joy-walkthrough-modal__content___subtitle" }, As = {
   key: 0,
   class: "joy-mt-4"
-}, Js = {
+}, Es = {
   key: 1,
   class: "joy-mt-4 joy-walkthrough-modal__content-inner"
-}, Ps = {
+}, zs = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Ms = /* @__PURE__ */ A({
+}, Js = /* @__PURE__ */ B({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -7378,7 +7391,7 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
   setup(e, { expose: t, emit: n }) {
     const l = e, o = n;
     let i = null;
-    const a = _(l.open), r = _(!1);
+    const a = S(l.open), r = S(!1);
     function s() {
       a.value ? d() : a.value = !0;
     }
@@ -7400,7 +7413,7 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
       }
     ), t({
       isOpen: a
-    }), (y, p) => (c(), V(Be, {
+    }), (y, p) => (c(), V(Ee, {
       to: "body",
       disabled: e.disableTeleport
     }, [
@@ -7447,24 +7460,24 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
               wrap: "nowrap"
             }, {
               default: z(() => [
-                h("div", Is, [
+                h("div", Ts, [
                   w(y.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                h("div", As, [
-                  h("div", Bs, [
+                h("div", Ls, [
+                  h("div", Is, [
                     w(y.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  h("div", Es, [
+                  h("div", Bs, [
                     w(y.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
               ]),
               _: 3
             }),
-            y.$slots["walkthrough-progress"] ? (c(), v("div", zs, [
+            y.$slots["walkthrough-progress"] ? (c(), v("div", As, [
               w(y.$slots, "walkthrough-progress", {}, void 0, !0)
             ])) : j("", !0),
-            y.$slots["walkthrough-content"] ? (c(), v("div", Js, [
+            y.$slots["walkthrough-content"] ? (c(), v("div", Es, [
               w(y.$slots, "walkthrough-content", {}, void 0, !0)
             ])) : j("", !0)
           ], 2),
@@ -7473,10 +7486,10 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: f
           }, [
-            h("button", Ps, J(e.footer), 1)
+            h("button", zs, J(e.footer), 1)
           ])) : j("", !0)
         ], 16)) : j("", !0),
-        a.value ? j("", !0) : (c(), V(Ls, W({ key: 1 }, e.triggerAttrs, {
+        a.value ? j("", !0) : (c(), V(Vs, W({ key: 1 }, e.triggerAttrs, {
           title: e.triggerTitle,
           subtitle: e.triggerSubtitle,
           icon: e.triggerIcon,
@@ -7486,89 +7499,89 @@ const Yr = /* @__PURE__ */ B(Wr, [["render", Gr], ["__scopeId", "data-v-da63aa46
       ], 2)
     ], 8, ["disabled"]));
   }
-}), Ou = /* @__PURE__ */ B(Ms, [["__scopeId", "data-v-c1a50091"]]), Fu = {
+}), Mu = /* @__PURE__ */ A(Js, [["__scopeId", "data-v-c1a50091"]]), Ou = {
   install: (e) => {
-    typeof window < "u" && qt(), e.directive("joy-ripple", Ft), e.directive("bind-once", zo);
+    typeof window < "u" && Nt(), e.directive("joy-ripple", Ot), e.directive("bind-once", zo);
   }
 };
 export {
-  Fu as JoyVueLightPlugin,
-  Rs as VJoyAdminBanner,
-  Ns as VJoyAvailability,
+  Ou as JoyVueLightPlugin,
+  Fs as VJoyAdminBanner,
+  Ds as VJoyAvailability,
   nn as VJoyAvatar,
-  qs as VJoyAvatarsList,
-  un as VJoyBadge,
-  Hs as VJoyBadgeLevel,
-  Ws as VJoyBlockSkeleton,
-  Us as VJoyBottomSheet,
-  Gs as VJoyBottomSheetTrigger,
+  Rs as VJoyAvatarsList,
+  Ns as VJoyBadge,
+  qs as VJoyBadgeLevel,
+  Hs as VJoyBlockSkeleton,
+  Ws as VJoyBottomSheet,
+  Us as VJoyBottomSheetTrigger,
   ne as VJoyButton,
   Gt as VJoyCheckbox,
-  Ys as VJoyCollapse,
-  Kn as VJoyCollapseItem,
-  Ks as VJoyCompanyAvatar,
-  Zs as VJoyDialog,
-  Xs as VJoyDialogTrigger,
-  _t as VJoyDot,
-  Qs as VJoyDrawer,
-  eu as VJoyDrawerTrigger,
-  tu as VJoyDropdown,
-  kl as VJoyDropdownList,
-  ou as VJoyDropzone,
-  nu as VJoyFilterBar,
-  lu as VJoyFilterBarButton,
+  Gs as VJoyCollapse,
+  Gn as VJoyCollapseItem,
+  Ys as VJoyCompanyAvatar,
+  Ks as VJoyDialog,
+  Zs as VJoyDialogTrigger,
+  qt as VJoyDot,
+  Xs as VJoyDrawer,
+  Qs as VJoyDrawerTrigger,
+  eu as VJoyDropdown,
+  wl as VJoyDropdownList,
+  tu as VJoyDropzone,
+  ou as VJoyFilterBar,
+  nu as VJoyFilterBarButton,
   mt as VJoyFormError,
-  au as VJoyFormFieldSkeleton,
-  iu as VJoyFunnel,
-  ru as VJoyFunnelFooter,
-  su as VJoyFunnelHeader,
-  uu as VJoyHighlight,
+  lu as VJoyFormFieldSkeleton,
+  au as VJoyFunnel,
+  iu as VJoyFunnelFooter,
+  ru as VJoyFunnelHeader,
+  su as VJoyHighlight,
   q as VJoyIcon,
-  ca as VJoyIndicator,
-  cu as VJoyIndicators,
-  du as VJoyInput,
-  ze as VJoyLabel,
-  fu as VJoyLink,
-  yu as VJoyListItem,
-  mu as VJoyMenu,
-  pu as VJoyMenuItem,
-  vu as VJoyMultiCheckbox,
-  hu as VJoyPagination,
-  gu as VJoyPanel,
-  bu as VJoyPanelSection,
-  wu as VJoyProductTour,
-  ju as VJoyProductTourTrigger,
-  ku as VJoyProgressBar,
-  $u as VJoyRadio,
-  _u as VJoyRadioGroup,
-  dr as VJoyRatingStars,
+  sa as VJoyIndicator,
+  uu as VJoyIndicators,
+  cu as VJoyInput,
+  Je as VJoyLabel,
+  du as VJoyLink,
+  fu as VJoyListItem,
+  yu as VJoyMenu,
+  mu as VJoyMenuItem,
+  pu as VJoyMultiCheckbox,
+  vu as VJoyPagination,
+  hu as VJoyPanel,
+  gu as VJoyPanelSection,
+  bu as VJoyProductTour,
+  wu as VJoyProductTourTrigger,
+  ju as VJoyProgressBar,
+  ku as VJoyRadio,
+  $u as VJoyRadioGroup,
+  ur as VJoyRatingStars,
   mo as VJoyScreenLoader,
-  Su as VJoySelect,
-  br as VJoySelectableItem,
-  Cu as VJoySelectableItemGroup,
-  xu as VJoySeparator,
+  _u as VJoySelect,
+  hr as VJoySelectableItem,
+  Su as VJoySelectableItemGroup,
+  Cu as VJoySeparator,
   No as VJoySnackbar,
   Ht as VJoySpinner,
-  xr as VJoyStep,
-  Vu as VJoyStepper,
-  Tu as VJoyTab,
-  Lu as VJoyTabs,
+  Sr as VJoyStep,
+  xu as VJoyStepper,
+  Vu as VJoyTab,
+  Tu as VJoyTabs,
   vo as VJoyTag,
-  Iu as VJoyTagsInput,
-  Au as VJoyTagsList,
+  Lu as VJoyTagsInput,
+  Iu as VJoyTagsList,
   Bu as VJoyTemplate,
-  Yr as VJoyTemplateShape,
-  Eu as VJoyText,
-  zu as VJoyTextarea,
-  Ju as VJoyTitleBrand,
-  Pu as VJoyToggle,
-  Ha as VJoyTooltip,
-  Mu as VJoyUserCard,
-  Ou as VJoyWalkthrough,
-  Ls as VJoyWalkthroughTrigger,
+  Ur as VJoyTemplateShape,
+  Au as VJoyText,
+  Eu as VJoyTextarea,
+  zu as VJoyTitleBrand,
+  Ju as VJoyToggle,
+  Na as VJoyTooltip,
+  Pu as VJoyUserCard,
+  Mu as VJoyWalkthrough,
+  Vs as VJoyWalkthroughTrigger,
   ie as VJoyWrapper,
-  qt as createAllSnackbarsContainer,
-  Ds as pushVJoySnackbar,
-  Fs as resetCount,
-  Ft as vJoyRipple
+  Nt as createAllSnackbarsContainer,
+  Os as pushVJoySnackbar,
+  Ms as resetCount,
+  Ot as vJoyRipple
 };