@maltjoy/core-vue 3.23.1-next → 3.25.0

package/dist/joy-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as V, openBlock as y, createElementBlock as g, normalizeClass as T, createElementVNode as h, Fragment as K, createTextVNode as H, toDisplayString as F, createCommentVNode as C, createBlock as N, resolveDynamicComponent as re, mergeProps as oe, withCtx as R, pushScopeId as st, popScopeId as ut, renderSlot as k, unref as E, renderList as Q, inject as Ue, normalizeStyle as ue, useAttrs as Fe, resolveDirective as Un, withDirectives as Gn, getCurrentScope as Vt, onScopeDispose as Tt, toRef as Kn, readonly as Yn, customRef as Zn, ref as $, watch as ee, nextTick as qe, getCurrentInstance as Xn, onMounted as se, h as Qn, Teleport as ct, createVNode as Y, useSlots as ne, onBeforeUnmount as Pe, Transition as dn, withKeys as dt, normalizeProps as we, guardReactiveProps as Se, provide as It, createSlots as fn, createStaticVNode as yn, onBeforeMount as ea, onUnmounted as ta, withModifiers as na, shallowRef as aa, shallowReadonly as Ee, createApp as oa } from "vue";
+import { defineComponent as L, computed as V, openBlock as y, createElementBlock as h, normalizeClass as T, createElementVNode as g, Fragment as K, createTextVNode as H, toDisplayString as F, createCommentVNode as C, createBlock as N, resolveDynamicComponent as re, mergeProps as oe, withCtx as R, pushScopeId as st, popScopeId as ut, renderSlot as S, unref as E, renderList as Q, inject as Ue, normalizeStyle as ue, useAttrs as Fe, resolveDirective as Un, withDirectives as Gn, getCurrentScope as Vt, onScopeDispose as Tt, toRef as Kn, readonly as Yn, customRef as Zn, ref as $, watch as ee, nextTick as qe, getCurrentInstance as Xn, onMounted as se, h as Qn, Teleport as ct, createVNode as Y, useSlots as ne, onBeforeUnmount as Pe, Transition as dn, withKeys as dt, normalizeProps as we, guardReactiveProps as Se, provide as It, createSlots as fn, createStaticVNode as yn, onBeforeMount as ea, onUnmounted as ta, withModifiers as na, shallowRef as aa, shallowReadonly as Ee, createApp as oa } from "vue";
 function Ut(e) {
   const t = e.target;
   if (!t)
@@ -39,14 +39,14 @@ const la = {
       "joy-availability--partial": t.isPartial,
       [t.status]: !0
     }));
-    return (a, o) => (y(), g("div", {
+    return (a, o) => (y(), h("div", {
       class: T(["joy-availability", { "joy-availability-has-label": !!e.label }]),
       title: e.label || void 0
     }, [
-      h("span", {
+      g("span", {
         class: T(n.value)
       }, null, 2),
-      e.label ? (y(), g(K, { key: 0 }, [
+      e.label ? (y(), h(K, { key: 0 }, [
         H(F(e.label), 1)
       ], 64)) : C("", !0)
     ], 10, ia));
@@ -91,14 +91,14 @@ const J = (e, t) => {
       if (t.role === "button")
         return t.tabIndex;
     });
-    return (a, o) => (y(), g("span", {
+    return (a, o) => (y(), h("span", {
       class: T(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`, { "joy-icon--button": e.role === "button" }]),
       role: e.role,
       tabindex: n.value,
       "aria-label": e.ariaLabel || e.title,
       title: e.title || e.ariaLabel
     }, [
-      h("i", {
+      g("i", {
         class: T(["icon", `icon-${e.name}`]),
         "aria-hidden": "true"
       }, null, 2)
@@ -111,7 +111,7 @@ const ca = (e) => (st("data-v-bcb28746"), e = e(), ut(), e), da = {
 }, fa = ["src", "title", "alt"], ya = {
   key: 0,
   class: "joy-avatar__strategy"
-}, va = ["height"], pa = /* @__PURE__ */ ca(() => /* @__PURE__ */ h("path", {
+}, va = ["height"], pa = /* @__PURE__ */ ca(() => /* @__PURE__ */ g("path", {
   d: "M6.40531 15.88C5.29156 15.88 4.31531 15.6737 3.47656 15.2612C2.63781 14.8487 1.98469 14.2644 1.51719 13.5081C1.04969 12.7519 0.809061 11.8719 0.795311 10.8681L4.01281 10.3525C4.01281 11.2188 4.25344 11.9131 4.73469 12.4356C5.21594 12.9581 5.82781 13.2194 6.57031 13.2194C7.16156 13.2194 7.63594 13.0612 7.99344 12.745C8.36469 12.4288 8.55031 12.0231 8.55031 11.5281C8.55031 11.1156 8.40594 10.7719 8.11719 10.4969C7.84219 10.2081 7.38844 9.95375 6.75594 9.73375L4.96156 9.15625C3.65531 8.7575 2.70656 8.21438 2.11531 7.52687C1.53781 6.83937 1.24906 5.93187 1.24906 4.80437C1.24906 3.47062 1.68219 2.39812 2.54844 1.58687C3.41469 0.775624 4.63156 0.369999 6.19906 0.369999C7.65656 0.369999 8.83219 0.768749 9.72594 1.56625C10.6197 2.35 11.0803 3.41562 11.1078 4.76312L7.97281 5.36125C7.98656 4.64625 7.82156 4.07562 7.47781 3.64937C7.13406 3.20937 6.68719 2.98937 6.13719 2.98937C5.65594 2.98937 5.26406 3.14062 4.96156 3.44313C4.65906 3.73187 4.50781 4.10312 4.50781 4.55687C4.50781 4.99687 4.64531 5.36125 4.92031 5.65C5.20906 5.925 5.67656 6.15875 6.32281 6.35125L8.03469 6.92875C9.36844 7.3275 10.3309 7.87063 10.9222 8.55812C11.5272 9.23188 11.8297 10.1325 11.8297 11.26C11.8297 12.1538 11.6166 12.9513 11.1903 13.6525C10.7641 14.3538 10.1453 14.9038 9.33406 15.3025C8.52281 15.6875 7.54656 15.88 6.40531 15.88Z",
   fill: "#F7F7F5"
 }, null, -1)), ma = [
@@ -168,7 +168,7 @@ const ca = (e) => (st("data-v-bcb28746"), e = e(), ut(), e), da = {
     return t({
       isAnonymous: r,
       initials: c
-    }), (u, v) => (y(), g("div", da, [
+    }), (u, v) => (y(), h("div", da, [
       (y(), N(re(e.link ? "button" : "div"), oe(l.value, {
         class: [s.value],
         onClick: f
@@ -180,24 +180,24 @@ const ca = (e) => (st("data-v-bcb28746"), e = e(), ut(), e), da = {
             color: "white",
             size: i.value
           }, null, 8, ["size"])) : C("", !0),
-          e.photoUrl ? (y(), g("img", {
+          e.photoUrl ? (y(), h("img", {
             key: 1,
             src: e.photoUrl,
             title: e.fullName,
             alt: e.fullName || "",
             loading: "lazy"
           }, null, 8, fa)) : C("", !0),
-          e.fullName ? (y(), g(K, { key: 2 }, [
+          e.fullName ? (y(), h(K, { key: 2 }, [
             H(F(c.value), 1)
           ], 64)) : C("", !0),
-          e.totalNumber ? (y(), g(K, { key: 3 }, [
+          e.totalNumber ? (y(), h(K, { key: 3 }, [
             H(F("+" + e.totalNumber), 1)
           ], 64)) : C("", !0)
         ]),
         _: 1
       }, 16, ["class"])),
-      e.profile === "strategy" ? (y(), g("span", ya, [
-        (y(), g("svg", {
+      e.profile === "strategy" ? (y(), h("span", ya, [
+        (y(), h("svg", {
           width: "12",
           height: e.size === "small" ? "10" : "16",
           viewBox: "0 0 12 16",
@@ -215,11 +215,11 @@ const vn = /* @__PURE__ */ J(ba, [["__scopeId", "data-v-bcb28746"]]), ga = /* @_
     compress: Boolean
   },
   setup(e) {
-    return (t, n) => (y(), g("div", {
+    return (t, n) => (y(), h("div", {
       ref: "avatarsList",
       class: T(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
-      k(t.$slots, "default", {}, void 0, !0)
+      S(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
@@ -251,11 +251,11 @@ const ha = /* @__PURE__ */ J(ga, [["__scopeId", "data-v-46e4547e"]]), _a = ["inf
     }
   },
   setup(e) {
-    return (t, n) => (y(), g("span", {
+    return (t, n) => (y(), h("span", {
       class: T(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      k(t.$slots, "default", {}, () => [
+      S(t.$slots, "default", {}, () => [
         H(F(e.label), 1)
       ], !0)
     ], 2));
@@ -263,13 +263,13 @@ const ha = /* @__PURE__ */ J(ga, [["__scopeId", "data-v-46e4547e"]]), _a = ["inf
 });
 const Sa = /* @__PURE__ */ J(wa, [["__scopeId", "data-v-4512c8c6"]]);
 var te = /* @__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))(te || {}), Qe = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(Qe || {});
-const fe = (e) => (st("data-v-4187ebd6"), e = e(), ut(), e), ka = { class: "joy-badge-level" }, xa = /* @__PURE__ */ fe(() => /* @__PURE__ */ h("path", {
+const fe = (e) => (st("data-v-4187ebd6"), e = e(), ut(), e), ka = { class: "joy-badge-level" }, xa = /* @__PURE__ */ fe(() => /* @__PURE__ */ g("path", {
   fill: "#264FFA",
   d: "M5.71533 12.2962 11.4243 18l.0049-11.45716-5.71387 5.75336Z"
-}, null, -1)), Ca = /* @__PURE__ */ fe(() => /* @__PURE__ */ h("path", {
+}, null, -1)), Ca = /* @__PURE__ */ fe(() => /* @__PURE__ */ g("path", {
   fill: "#FC5757",
   d: "M.00195312 6.54284.00671145 18 5.7158 12.2962.00195312 6.54284Z"
-}, null, -1)), ja = /* @__PURE__ */ fe(() => /* @__PURE__ */ h("path", {
+}, null, -1)), ja = /* @__PURE__ */ fe(() => /* @__PURE__ */ g("path", {
   fill: "#FFC200",
   d: "M11.4289 5.68249c-.0059-1.52434-.6069-2.9554-1.69067-4.02851C8.95862.882797 7.99681.362073 6.9506.132677 6.95037.132599 6.95021.132599 6.94998.132521c-.04337-.009516-.08681-.018408-.13041-.02691-.0057-.001092-.01147-.002184-.01724-.003276-.0383-.0073317-.07675-.0142735-.11529-.0208255-.01068-.001794-.02144-.00351-.03213-.005304-.03385-.0055379-.06778-.0108418-.10179-.0158338-.01505-.002184-.03011-.0042121-.04516-.0063181-.03011-.0041339-.06022-.008112-.0904-.0117779-.01857-.002262-.03721-.0042901-.05577-.006396C6.33472.0328377 6.30766.029952 6.28051.0273 6.25914.025194 6.23769.0233999 6.21624.0215279 6.19144.0194219 6.16671.017316 6.14183.015522 6.11851.013806 6.09511.0123239 6.07171.0109199 6.04831.00951588 6.02483.00811199 6.00135.006942 5.9771.00577201 5.95276.00483616 5.92842.00397816 5.90541.00312017 5.8824.00234019 5.85931.00179419c-.02433-.00062399-.04874-.0009362-.07316-.0012482C5.76267.000234 5.73912 0 5.71564 0c-.02355 0-.04703.000234-.07051.000546-.02442.000312-.04883.0006242-.07316.00124819-.02309.000546-.0461.00140398-.06911.00218397-.02434.000858-.04859.00179385-.07293.00296384-.02348.00116999-.04696.00257388-.07036.0039779-.0234.001404-.0468.0028861-.07012.0046021-.0248.001794-.0496.0038999-.07441.0060059-.02145.001872-.0429.0036661-.06427.0057721-.02714.002652-.05421.0055377-.08135.0085797-.01857.0021059-.03721.004134-.05577.006396-.03019.0036659-.06037.007644-.09048.0117779-.01506.002106-.03011.0041341-.04516.0063181-.03401.004992-.06794.0102959-.10179.0158338-.01077.001794-.02145.00351-.03214.005304-.03853.006552-.07699.0134938-.11528.0208255-.00578.001092-.01155.002184-.01724.003276-.0436.008502-.08705.017394-.13041.02691-.00024.000078-.00047.000078-.00071.000156C3.43424.361995 2.4725.882719 1.6929 1.65398.609098 2.72702.00811193 4.15815.00218397 5.68249L0 6.15064l.00171623.39226L5.71556 12.2962l5.71384-5.7533.0017-.39202-.0022-.46839Z"
 }, null, -1)), $a = [
@@ -282,7 +282,7 @@ const fe = (e) => (st("data-v-4187ebd6"), e = e(), ut(), e), ka = { class: "joy-
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ta = /* @__PURE__ */ fe(() => /* @__PURE__ */ h("path", {
+}, Ta = /* @__PURE__ */ fe(() => /* @__PURE__ */ g("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)), Ia = [
@@ -293,16 +293,16 @@ const fe = (e) => (st("data-v-4187ebd6"), e = e(), ut(), e), ka = { class: "joy-
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 64 64",
   "enable-background": "new 0 0 64 64"
-}, La = /* @__PURE__ */ fe(() => /* @__PURE__ */ h("path", {
+}, La = /* @__PURE__ */ fe(() => /* @__PURE__ */ g("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"
-}, null, -1)), Aa = /* @__PURE__ */ fe(() => /* @__PURE__ */ h("path", {
+}, null, -1)), Aa = /* @__PURE__ */ fe(() => /* @__PURE__ */ g("path", {
   fill: "#F9B700",
   d: "M53.226 32.962c-6.012-.063-5.458 2.387-9.883 3.896-3.212-5.842-.067-13.682-10.056-19.364.066 10.625-7.32 7.313-10.414 17.456-3.758-2.145-1.943-6.888-9.256-8.89 4.042 6.349-.99 7.542-3.526 13.335-5.093 11.632 7.181 19.813 16.548 20.382 13.019.793 25.124-4.834 25.408-17.048.122-5.25-2.342-5.888 1.179-9.767z"
-}, null, -1)), Ba = /* @__PURE__ */ fe(() => /* @__PURE__ */ h("path", {
+}, null, -1)), Ba = /* @__PURE__ */ fe(() => /* @__PURE__ */ g("path", {
   fill: "#FFE463",
   d: "M47.616 41.169c-4.47-.041-4.061 1.522-7.351 2.484-2.391-3.727-.051-8.729-7.479-12.354.049 6.778-5.446 4.666-7.746 11.137-2.795-1.368-1.447-4.395-6.885-5.672 3.006 4.051-.735 4.812-2.621 8.508-3.791 7.421 5.339 12.64 12.307 13.003 9.683.506 18.686-3.084 18.896-10.876.093-3.348-1.741-3.755.879-6.23z"
-}, null, -1)), Na = /* @__PURE__ */ fe(() => /* @__PURE__ */ h("path", {
+}, null, -1)), Na = /* @__PURE__ */ fe(() => /* @__PURE__ */ g("path", {
   fill: "#FFF7D1",
   d: "M37.182 54.939c0 2.188-12.427 2.188-12.427 0 0-5.849 12.427-5.849 12.427 0z"
 }, null, -1)), Ja = [
@@ -316,10 +316,10 @@ const fe = (e) => (st("data-v-4187ebd6"), e = e(), ut(), e), ka = { class: "joy-
   viewBox: "0 0 23 11",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Pa = /* @__PURE__ */ fe(() => /* @__PURE__ */ h("path", {
+}, Pa = /* @__PURE__ */ fe(() => /* @__PURE__ */ g("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"
-}, null, -1)), Oa = /* @__PURE__ */ fe(() => /* @__PURE__ */ h("path", {
+}, null, -1)), Oa = /* @__PURE__ */ fe(() => /* @__PURE__ */ g("path", {
   d: "M17.2235 0.554612C18.5425 0.559612 19.7815 1.07961 20.7105 2.01761C21.3785 2.69261 21.8285 3.52461 22.0275 4.43061C22.0275 4.43061 22.0275 4.43061 22.0275 4.43161C22.0355 4.46961 22.0435 4.50661 22.0505 4.54461C22.0515 4.54961 22.0525 4.55461 22.0535 4.55961C22.0595 4.59261 22.0655 4.62561 22.0715 4.65961C22.0735 4.66861 22.0745 4.67861 22.0765 4.68761C22.0815 4.71661 22.0855 4.74661 22.0905 4.77561C22.0925 4.78861 22.0945 4.80161 22.0955 4.81461C22.0995 4.84061 22.1025 4.86661 22.1055 4.89261C22.1075 4.90861 22.1095 4.92461 22.1115 4.94061C22.1145 4.96361 22.1165 4.98761 22.1185 5.01061C22.1205 5.02961 22.1215 5.04761 22.1235 5.06661C22.1255 5.08761 22.1275 5.10961 22.1285 5.13061C22.1295 5.15061 22.1315 5.17061 22.1325 5.19161C22.1335 5.21161 22.1345 5.23261 22.1355 5.25261C22.1365 5.27361 22.1375 5.29461 22.1385 5.31561C22.1395 5.33561 22.1395 5.35561 22.1405 5.37561C22.1415 5.39661 22.1415 5.41761 22.1415 5.43861C22.1415 5.45861 22.1415 5.47961 22.1415 5.49961C22.1415 5.51961 22.1415 5.54061 22.1415 5.56061C22.1415 5.58161 22.1405 5.60261 22.1405 5.62361C22.1405 5.64361 22.1395 5.66361 22.1385 5.68361C22.1375 5.70461 22.1365 5.72561 22.1355 5.74661C22.1345 5.76661 22.1335 5.78761 22.1325 5.80761C22.1315 5.82761 22.1305 5.84761 22.1285 5.86861C22.1265 5.88961 22.1255 5.91161 22.1235 5.93261C22.1215 5.95161 22.1205 5.96961 22.1185 5.98861C22.1165 6.01261 22.1135 6.03561 22.1115 6.05861C22.1095 6.07461 22.1075 6.09061 22.1055 6.10661C22.1025 6.13261 22.0985 6.15861 22.0955 6.18461C22.0935 6.19761 22.0915 6.21061 22.0905 6.22361C22.0865 6.25261 22.0815 6.28261 22.0765 6.31161C22.0745 6.32061 22.0735 6.33061 22.0715 6.33961C22.0655 6.37261 22.0595 6.40661 22.0535 6.43961C22.0525 6.44461 22.0515 6.44961 22.0505 6.45461C22.0435 6.49261 22.0355 6.52961 22.0275 6.56761C22.0275 6.56761 22.0275 6.56761 22.0275 6.56861C21.8285 7.47461 21.3785 8.30661 20.7105 8.98161C19.7815 9.91961 18.5425 10.4396 17.2235 10.4446L16.8185 10.4466L16.4785 10.4456L11.4985 5.49961L16.4785 0.553612L16.8175 0.552612L17.2235 0.554612Z",
   fill: "#FF91F0"
 }, null, -1)), Ra = [
@@ -331,7 +331,7 @@ const fe = (e) => (st("data-v-4187ebd6"), e = e(), ut(), e), ka = { class: "joy-
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ma = /* @__PURE__ */ fe(() => /* @__PURE__ */ h("path", {
+}, Ma = /* @__PURE__ */ fe(() => /* @__PURE__ */ g("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)), za = [
@@ -375,19 +375,19 @@ const fe = (e) => (st("data-v-4187ebd6"), e = e(), ut(), e), ka = { class: "joy-
           return "Supermalter";
       }
     });
-    return (a, o) => (y(), g("span", ka, [
-      e.type === E(te).SUPER_MALTER ? (y(!0), g(K, { key: 0 }, Q(e.superMalterLevel, (i, l) => (y(), g("svg", {
+    return (a, o) => (y(), h("span", ka, [
+      e.type === E(te).SUPER_MALTER ? (y(!0), h(K, { key: 0 }, Q(e.superMalterLevel, (i, l) => (y(), h("svg", {
         key: l,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 12 18"
       }, $a))), 128)) : C("", !0),
-      e.type === E(te).HIGH_POTENTIAL ? (y(), g("svg", Va, Ia)) : C("", !0),
-      e.type === E(te).HIGH_POTENTIAL_AUTO ? (y(), g("svg", Ea, Ja)) : C("", !0),
-      e.type === E(te).MALT_LINKER ? (y(), g("svg", Fa, Ra)) : C("", !0),
-      e.type === E(Qe).HIGH_POTENTIAL ? (y(), g("svg", Da, za)) : C("", !0),
-      h("span", {
+      e.type === E(te).HIGH_POTENTIAL ? (y(), h("svg", Va, Ia)) : C("", !0),
+      e.type === E(te).HIGH_POTENTIAL_AUTO ? (y(), h("svg", Ea, Ja)) : C("", !0),
+      e.type === E(te).MALT_LINKER ? (y(), h("svg", Fa, Ra)) : C("", !0),
+      e.type === E(Qe).HIGH_POTENTIAL ? (y(), h("svg", Da, za)) : C("", !0),
+      g("span", {
         class: T([
           {
             "joy-badge-level__tag": e.visibleText,
@@ -397,7 +397,7 @@ const fe = (e) => (st("data-v-4187ebd6"), e = e(), ut(), e), ka = { class: "joy-
           }
         ])
       }, [
-        e.visibleText ? k(a.$slots, "default", { key: 0 }, () => [
+        e.visibleText ? S(a.$slots, "default", { key: 0 }, () => [
           H(F(n.value), 1)
         ], !0) : C("", !0)
       ], 2)
@@ -427,7 +427,7 @@ const Ha = /* @__PURE__ */ J(qa, [["__scopeId", "data-v-4187ebd6"]]), Wa = /* @_
       let o = "1 0";
       return t.width && (o += ` ${t.width}`), o;
     });
-    return (o, i) => (y(), g("div", {
+    return (o, i) => (y(), h("div", {
       "aria-hidden": "true",
       class: T({
         "joy-block-skeleton": !0,
@@ -483,7 +483,7 @@ const Ka = ["teal", "white"], Ya = /* @__PURE__ */ L({
     }
   },
   setup(e) {
-    return (t, n) => (y(), g("div", {
+    return (t, n) => (y(), h("div", {
       class: T(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
@@ -577,11 +577,11 @@ const Et = /* @__PURE__ */ J(Ya, [["__scopeId", "data-v-127ef073"]]), Za = ["pri
             key: 1,
             color: l.value
           }, null, 8, ["color"])) : C("", !0),
-          h("span", {
+          g("span", {
             id: o,
             class: "joy-button--slot"
           }, [
-            k(s.$slots, "default", {}, () => [
+            S(s.$slots, "default", {}, () => [
               H(F(e.label), 1)
             ], !0)
           ]),
@@ -846,7 +846,7 @@ function bo() {
   };
 }
 bo();
-const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ */ gn(() => /* @__PURE__ */ h("div", { class: "joy-bottom-sheet-overlay" }, null, -1)), ho = /* @__PURE__ */ gn(() => /* @__PURE__ */ h("div", { class: "joy-bottom-sheet_header-close" }, null, -1)), _o = [
+const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ */ gn(() => /* @__PURE__ */ g("div", { class: "joy-bottom-sheet-overlay" }, null, -1)), ho = /* @__PURE__ */ gn(() => /* @__PURE__ */ g("div", { class: "joy-bottom-sheet_header-close" }, null, -1)), _o = [
   ho
 ], wo = { class: "joy-bottom-sheet_content" }, So = { class: "joy-bottom-sheet_footer" }, Kt = 75, Yt = "moving", ko = /* @__PURE__ */ L({
   inheritAttrs: !1,
@@ -897,15 +897,15 @@ const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ *
       f.value = !0, u.value.classList.add(Yt), v = A(j);
     }
     function m(j) {
-      f.value && (S(j) > Kt && d(), P());
+      f.value && (k(j) > Kt && d(), P());
     }
     function _(j) {
       if (f.value) {
-        const D = S(j);
+        const D = k(j);
         D > Kt ? d() : D > 0 && O(D);
       }
     }
-    function S(j) {
+    function k(j) {
       return A(j) - v;
     }
     function A(j) {
@@ -931,7 +931,7 @@ const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ *
       key: 0,
       to: e.teleport
     }, [
-      c.value ? (y(), g("div", oe({ key: 0 }, i.value, {
+      c.value ? (y(), h("div", oe({ key: 0 }, i.value, {
         class: [
           "joy-bottom-sheet",
           {
@@ -944,12 +944,12 @@ const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ *
         go,
         Y(E(Bt), { onTrigger: d }, {
           default: R(() => [
-            h("div", {
+            g("div", {
               ref_key: "bottomSheetContainerElement",
               ref: u,
               class: "joy-bottom-sheet-container"
             }, [
-              h("div", {
+              g("div", {
                 class: "joy-bottom-sheet_header",
                 onMousedown: b,
                 onMouseup: m,
@@ -959,11 +959,11 @@ const gn = (e) => (st("data-v-ed8a60b0"), e = e(), ut(), e), go = /* @__PURE__ *
                 onTouchend: m,
                 onTouchmove: _
               }, _o, 32),
-              h("div", wo, [
-                k(j.$slots, "bottom-sheet-content", {}, void 0, !0)
+              g("div", wo, [
+                S(j.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
-              h("div", So, [
-                k(j.$slots, "bottom-sheet-cta", {}, () => [
+              g("div", So, [
+                S(j.$slots, "bottom-sheet-cta", {}, () => [
                   Y(de, {
                     class: "joy-bottom-sheet_footer-close",
                     label: e.closeLabel,
@@ -991,12 +991,12 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
       var r;
       a("click"), (r = o.value) == null || r.show();
     }
-    return (r, c) => (y(!0), g(K, null, Q(l.value, (f) => (y(), N(re(f), {
+    return (r, c) => (y(!0), h(K, null, Q(l.value, (f) => (y(), N(re(f), {
       key: f,
       onClick: s
     }))), 128));
   }
-}), jo = ["aria-checked", "aria-hidden"], $o = { class: "joy-checkbox__input-wrapper" }, Vo = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], To = { class: "joy-checkbox__content-wrapper" }, Io = { class: "joy-checkbox__content" }, Eo = /* @__PURE__ */ L({
+}), jo = { class: "joy-checkbox__wrapper" }, $o = { class: "joy-checkbox__input-wrapper" }, Vo = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], To = { class: "joy-checkbox__content-wrapper" }, Io = { class: "joy-checkbox__content" }, Eo = /* @__PURE__ */ L({
   __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 */
@@ -1065,12 +1065,8 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
     };
     return t({
       isIndeterminate: l
-    }), (f, u) => (y(), g("div", {
-      class: "joy-checkbox__wrapper",
-      "aria-checked": e.checked,
-      "aria-hidden": e.disabled
-    }, [
-      h("label", {
+    }), (f, u) => (y(), h("div", jo, [
+      g("label", {
         class: T([
           "joy-checkbox",
           {
@@ -1082,19 +1078,17 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
           }
         ])
       }, [
-        h("div", $o, [
-          h("input", {
+        g("div", $o, [
+          g("input", {
             id: e.id,
             ref_key: "input",
             ref: i,
             type: "checkbox",
             class: "joy-checkbox__input",
-            role: "checkbox",
             name: e.name,
             disabled: e.disabled,
             checked: e.checked,
             required: e.required,
-            "aria-checked": e.checked,
             value: e.value,
             indeterminate: l.value,
             onChange: u[0] || (u[0] = //@ts-ignore
@@ -1105,19 +1099,19 @@ const xo = /* @__PURE__ */ J(ko, [["__scopeId", "data-v-ed8a60b0"]]), Co = /* @_
             (...v) => c.onBlur && c.onBlur(...v))
           }, null, 40, Vo)
         ]),
-        h("div", To, [
-          k(f.$slots, "default", {}, () => [
+        g("div", To, [
+          S(f.$slots, "default", {}, () => [
             H(F(e.label), 1)
           ], !0),
-          h("div", Io, [
-            k(f.$slots, "checkbox-content", {}, void 0, !0)
+          g("div", Io, [
+            S(f.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
-    ], 8, jo));
+    ]));
   }
 });
-const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["aria-expanded"], Ao = ["id"], Bo = { class: "joy-collapse-item__header-right" }, No = ["aria-labelledby"], Jo = /* @__PURE__ */ L({
+const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-386bbe13"]]), Lo = ["aria-expanded"], Ao = ["id"], Bo = { class: "joy-collapse-item__header-right" }, No = ["aria-labelledby"], Jo = /* @__PURE__ */ L({
   __name: "VJoyCollapseItem",
   props: {
     header: {
@@ -1161,7 +1155,7 @@ const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["ari
       isOpen: i,
       onToggle: s,
       props: a
-    }), (c, f) => (y(), g("div", {
+    }), (c, f) => (y(), h("div", {
       class: T([
         "joy-collapse-item",
         {
@@ -1171,7 +1165,7 @@ const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["ari
         }
       ])
     }, [
-      h("button", {
+      g("button", {
         "aria-expanded": i.value,
         type: "button",
         class: "joy-collapse-item__summary",
@@ -1179,7 +1173,7 @@ const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["ari
         onFocus: f[0] || (f[0] = (u) => l.value = !0),
         onBlur: f[1] || (f[1] = (u) => l.value = !1)
       }, [
-        h("div", {
+        g("div", {
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
@@ -1191,15 +1185,15 @@ const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["ari
           }, null, 8, ["name"])) : C("", !0),
           H(" " + F(e.header), 1)
         ], 8, Ao),
-        h("div", Bo, [
-          k(c.$slots, "collapse-header-right")
+        g("div", Bo, [
+          S(c.$slots, "collapse-header-right")
         ]),
         Y(G, {
           class: "joy-collapse-item__summary___marker",
           name: "chevron-down"
         })
       ], 40, Lo),
-      i.value ? (y(), g("div", {
+      i.value ? (y(), h("div", {
         key: 0,
         role: "region",
         "aria-labelledby": e.id,
@@ -1210,7 +1204,7 @@ const Nt = /* @__PURE__ */ J(Eo, [["__scopeId", "data-v-27cc9d8c"]]), Lo = ["ari
           }
         ])
       }, [
-        k(c.$slots, "default")
+        S(c.$slots, "default")
       ], 10, No)) : C("", !0)
     ], 2));
   }
@@ -1274,8 +1268,8 @@ const hn = /* @__PURE__ */ J(Jo, [["__scopeId", "data-v-6f53199c"]]), Fo = { cla
       isOpen: f,
       items: s,
       openedCollapseItem: o
-    }), (d, b) => (y(), g("div", Fo, [
-      (y(!0), g(K, null, Q(s.value, (m) => (y(), N(hn, oe(m.props, {
+    }), (d, b) => (y(), h("div", Fo, [
+      (y(!0), h(K, null, Q(s.value, (m) => (y(), N(hn, oe(m.props, {
         key: m.props.id,
         open: f(m),
         mode: e.mode,
@@ -1283,10 +1277,10 @@ const hn = /* @__PURE__ */ J(Jo, [["__scopeId", "data-v-6f53199c"]]), Fo = { cla
         "onCollapseItem:close": (_) => v(m)
       }), {
         "collapse-header-right": R(() => [
-          (y(!0), g(K, null, Q(c(m, "collapse-header-right"), (_, S) => (y(), N(re(_), { key: S }))), 128))
+          (y(!0), h(K, null, Q(c(m, "collapse-header-right"), (_, k) => (y(), N(re(_), { key: k }))), 128))
         ]),
         default: R(() => [
-          (y(!0), g(K, null, Q(c(m, "default"), (_, S) => (y(), N(re(_), { key: S }))), 128))
+          (y(!0), h(K, null, Q(c(m, "default"), (_, k) => (y(), N(re(_), { key: k }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
@@ -1317,10 +1311,10 @@ const Oo = /* @__PURE__ */ J(Po, [["__scopeId", "data-v-1a1c1015"]]), Ro = ["src
           return "xsmall";
       }
     });
-    return (a, o) => (y(), g("div", {
+    return (a, o) => (y(), h("div", {
       class: T(["joy-company-avatar", `joy-company-avatar--${e.size}`])
     }, [
-      e.imgSrc ? (y(), g("img", {
+      e.imgSrc ? (y(), h("img", {
         key: 0,
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
@@ -1439,8 +1433,8 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
       i.value = !v();
     }
     function u(m = !0) {
-      const _ = o.step.toString().split("."), S = _.length === 2 ? _[1].length : 0;
-      return parseFloat(m ? (o.modelValue + o.step).toFixed(S) : (o.modelValue - o.step).toFixed(S));
+      const _ = o.step.toString().split("."), k = _.length === 2 ? _[1].length : 0;
+      return parseFloat(m ? (o.modelValue + o.step).toFixed(k) : (o.modelValue - o.step).toFixed(k));
     }
     function v() {
       return p() && d();
@@ -1464,7 +1458,7 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
     };
     return t({
       props: o
-    }), (m, _) => (y(), g("div", qo, [
+    }), (m, _) => (y(), h("div", qo, [
       e.label ? (y(), N(E(xe), {
         key: 0,
         for: e.id,
@@ -1473,16 +1467,16 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
         size: e.labelSize
       }, {
         default: R(() => [
-          k(m.$slots, "default", {}, () => [
+          S(m.$slots, "default", {}, () => [
             H(F(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : C("", !0),
-      h("div", {
+      g("div", {
         class: T(["joy-counter__wrapper", { "joy-counter--focusing": l.value }])
       }, [
-        h("button", {
+        g("button", {
           class: "joy-counter__decrement",
           type: "button",
           "aria-label": e.labelDecrement,
@@ -1491,8 +1485,8 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
         }, [
           Y(E(G), { name: "minus" })
         ], 8, Ho),
-        h("div", Wo, [
-          h("input", oe({
+        g("div", Wo, [
+          g("input", oe({
             id: e.id,
             ref_key: "input",
             ref: s,
@@ -1507,14 +1501,14 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
             value: e.modelValue
           }, m.$attrs, {
             onInput: _[0] || (_[0] = //@ts-ignore
-            (...S) => b.onInput && b.onInput(...S)),
+            (...k) => b.onInput && b.onInput(...k)),
             onBlur: _[1] || (_[1] = //@ts-ignore
-            (...S) => b.onBlur && b.onBlur(...S)),
+            (...k) => b.onBlur && b.onBlur(...k)),
             onFocus: _[2] || (_[2] = //@ts-ignore
-            (...S) => b.onFocus && b.onFocus(...S))
+            (...k) => b.onFocus && b.onFocus(...k))
           }), null, 16, Uo)
         ]),
-        h("button", {
+        g("button", {
           class: "joy-counter__increment",
           type: "button",
           "aria-label": e.labelIncrement,
@@ -1523,7 +1517,7 @@ const qo = { class: "joy-counter" }, Ho = ["aria-label", "disabled"], Wo = { cla
         }, [
           Y(E(G), { name: "add" })
         ], 8, Go),
-        e.invalid && e.errorMessage ? (y(), g("div", Ko, [
+        e.invalid && e.errorMessage ? (y(), h("div", Ko, [
           Y(E(Ft), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : C("", !0)
       ], 2)
@@ -2030,7 +2024,7 @@ var en = {
       }
       De(i.allowOutsideClick, w) || w.preventDefault();
     }
-  }, S = function(w) {
+  }, k = function(w) {
     var x = Xe(w), B = c(x, w) >= 0;
     if (B || x instanceof Document)
       B && (l.mostRecentlyFocusedNode = x);
@@ -2083,7 +2077,7 @@ var en = {
     if (l.active)
       return en.activateTrap(o, s), l.delayInitialFocusTimer = i.delayInitialFocus ? tn(function() {
         d(u());
-      }) : d(u()), a.addEventListener("focusin", S, !0), a.addEventListener("mousedown", _, {
+      }) : d(u()), a.addEventListener("focusin", k, !0), a.addEventListener("mousedown", _, {
         capture: !0,
         passive: !1
       }), a.addEventListener("touchstart", _, {
@@ -2098,7 +2092,7 @@ var en = {
       }), s;
   }, j = function() {
     if (l.active)
-      return a.removeEventListener("focusin", S, !0), a.removeEventListener("mousedown", _, !0), a.removeEventListener("touchstart", _, !0), a.removeEventListener("click", P, !0), a.removeEventListener("keydown", O, !0), s;
+      return a.removeEventListener("focusin", k, !0), a.removeEventListener("mousedown", _, !0), a.removeEventListener("touchstart", _, !0), a.removeEventListener("click", P, !0), a.removeEventListener("keydown", O, !0), s;
   }, D = function(w) {
     var x = w.some(function(B) {
       var M = Array.from(B.removedNodes);
@@ -2293,7 +2287,7 @@ const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialo
     async function _(I = { fireHideEvent: !0 }) {
       f.deactivate(), c.value = !1, await qe(), me(!1), I.fireHideEvent && o("dialog:hide");
     }
-    async function S() {
+    async function k() {
       c.value = !0, await qe(), a.focusTrap && f.activate(), a.preventBodyScroll && me(!0);
     }
     function A() {
@@ -2314,7 +2308,7 @@ const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialo
       hasFooterSlots: p,
       hide: _,
       isOpen: c,
-      show: S
+      show: k
     }), (I, j) => s.value ? (y(), N(ct, {
       key: 0,
       to: e.teleport
@@ -2328,7 +2322,7 @@ const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialo
         onAfterLeave: P
       }, {
         default: R(() => [
-          c.value ? (y(), g("div", oe({ key: 0 }, v.value, {
+          c.value ? (y(), h("div", oe({ key: 0 }, v.value, {
             id: e.id || i,
             ref_key: "dialogRef",
             ref: r,
@@ -2338,7 +2332,7 @@ const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialo
             "aria-labelledby": b,
             onKeydown: dt(m, ["esc"])
           }), [
-            h("div", {
+            g("div", {
               class: T([
                 {
                   "joy-dialog__overlay": !0,
@@ -2348,7 +2342,7 @@ const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialo
               ]),
               onClick: m
             }, null, 2),
-            h("div", {
+            g("div", {
               class: T([
                 {
                   "joy-dialog--wrapper": !0,
@@ -2356,8 +2350,8 @@ const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialo
                 }
               ])
             }, [
-              h("div", Tl, [
-                e.bannerSrc ? (y(), g("div", {
+              g("div", Tl, [
+                e.bannerSrc ? (y(), h("div", {
                   key: 0,
                   class: "joy-dialog--banner",
                   style: ue({
@@ -2366,15 +2360,15 @@ const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialo
                     height: `${e.bannerHeight}px`
                   })
                 }, null, 4)) : C("", !0),
-                h("div", Il, [
-                  h("div", {
+                g("div", Il, [
+                  g("div", {
                     id: b,
                     class: "joy-dialog--header__title"
                   }, [
-                    k(I.$slots, "dialog-header", {}, void 0, !0)
+                    S(I.$slots, "dialog-header", {}, void 0, !0)
                   ]),
-                  h("p", El, [
-                    k(I.$slots, "dialog-subheader", {}, void 0, !0)
+                  g("p", El, [
+                    S(I.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
                   e.patternConfirm ? C("", !0) : (y(), N(E(de), {
                     key: 0,
@@ -2389,10 +2383,10 @@ const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialo
                     onClick: j[0] || (j[0] = (D) => _())
                   }, null, 8, ["label"]))
                 ]),
-                h("div", Ll, [
-                  k(I.$slots, "dialog-body", {}, void 0, !0)
+                g("div", Ll, [
+                  S(I.$slots, "dialog-body", {}, void 0, !0)
                 ]),
-                h("div", {
+                g("div", {
                   class: T([
                     {
                       "joy-dialog--footer": !0,
@@ -2405,7 +2399,7 @@ const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialo
                     "no-margin": ""
                   }, {
                     default: R(() => [
-                      k(I.$slots, "dialog-cancel", {}, () => [
+                      S(I.$slots, "dialog-cancel", {}, () => [
                         e.cancelText ? (y(), N(E(de), {
                           key: 0,
                           class: "joy-dialog--cancel",
@@ -2419,7 +2413,7 @@ const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialo
                           _: 1
                         }, 8, ["size"])) : C("", !0)
                       ], !0),
-                      k(I.$slots, "dialog-confirm", {}, () => [
+                      S(I.$slots, "dialog-confirm", {}, () => [
                         e.confirmText ? (y(), N(E(de), {
                           key: 0,
                           class: "joy-dialog--confirm",
@@ -2437,8 +2431,8 @@ const Vl = ["id"], Tl = { class: "joy-dialog__inner" }, Il = { class: "joy-dialo
                     _: 3
                   })
                 ], 2),
-                E(l)["dialog-indicators"] ? (y(), g("div", Al, [
-                  k(I.$slots, "dialog-indicators", {}, void 0, !0)
+                E(l)["dialog-indicators"] ? (y(), h("div", Al, [
+                  S(I.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : C("", !0)
               ])
             ], 2)
@@ -2461,7 +2455,7 @@ const Nl = /* @__PURE__ */ J(Bl, [["__scopeId", "data-v-b0e082fd"]]), Jl = /* @_
       var r;
       o("click"), await ((r = a.value) == null ? void 0 : r.show());
     }
-    return (r, c) => (y(!0), g(K, null, Q(l.value, (f) => (y(), N(re(f), {
+    return (r, c) => (y(!0), h(K, null, Q(l.value, (f) => (y(), N(re(f), {
       key: f,
       onClick: s
     }))), 128));
@@ -2475,19 +2469,19 @@ const Nl = /* @__PURE__ */ J(Bl, [["__scopeId", "data-v-b0e082fd"]]), Jl = /* @_
     }
   },
   setup(e) {
-    return (t, n) => (y(), g("button", {
+    return (t, n) => (y(), h("button", {
       type: "button",
       class: T(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
     }, [
-      h("div", Pl, [
+      g("div", Pl, [
         Y(G, { name: "add" })
       ]),
-      h("div", Ol, [
-        h("p", Rl, [
-          k(t.$slots, "default", {}, void 0, !0)
+      g("div", Ol, [
+        g("p", Rl, [
+          S(t.$slots, "default", {}, void 0, !0)
         ]),
-        k(t.$slots, "divider-content", {}, void 0, !0)
+        S(t.$slots, "divider-content", {}, void 0, !0)
       ])
     ], 10, Fl));
   }
@@ -2571,7 +2565,7 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
     async function _() {
       c.value = !0, await qe(), a.focusTrap && !a.elevated && f.activate(), !a.elevated && a.preventBodyScroll && me(!0);
     }
-    function S() {
+    function k() {
       o("drawer:open");
     }
     function A() {
@@ -2598,12 +2592,12 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
-        onEnter: S,
+        onEnter: k,
         onAfterEnter: A,
         onAfterLeave: O
       }, {
         default: R(() => [
-          c.value ? (y(), g("div", oe({ key: 0 }, v.value, {
+          c.value ? (y(), h("div", oe({ key: 0 }, v.value, {
             id: d.value,
             ref_key: "drawerRef",
             ref: r,
@@ -2620,7 +2614,7 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
             "aria-labelledby": b,
             onKeydown: I[4] || (I[4] = dt((j) => m(), ["esc"]))
           }), [
-            e.elevated ? C("", !0) : (y(), g("div", {
+            e.elevated ? C("", !0) : (y(), h("div", {
               key: 0,
               class: T([
                 {
@@ -2630,7 +2624,7 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
               ]),
               onClick: I[0] || (I[0] = (j) => m())
             }, null, 2)),
-            h("div", {
+            g("div", {
               class: T([
                 {
                   "joy-drawer--wrapper": !0,
@@ -2638,16 +2632,16 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
                 }
               ])
             }, [
-              h("div", ql, [
-                h("div", Hl, [
-                  h("div", {
+              g("div", ql, [
+                g("div", Hl, [
+                  g("div", {
                     id: b,
                     class: "joy-drawer--header__title"
                   }, [
-                    k(P.$slots, "drawer-header", {}, void 0, !0)
+                    S(P.$slots, "drawer-header", {}, void 0, !0)
                   ]),
-                  h("p", Wl, [
-                    k(P.$slots, "drawer-subheader", {}, void 0, !0)
+                  g("p", Wl, [
+                    S(P.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   Y(E(de), {
                     id: "joy-drawer--close",
@@ -2661,10 +2655,10 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
                     onClick: I[1] || (I[1] = (j) => m())
                   }, null, 8, ["label"])
                 ]),
-                h("div", Ul, [
-                  k(P.$slots, "drawer-body", {}, void 0, !0)
+                g("div", Ul, [
+                  S(P.$slots, "drawer-body", {}, void 0, !0)
                 ]),
-                h("div", {
+                g("div", {
                   class: T([
                     {
                       "joy-drawer--footer": !0,
@@ -2678,7 +2672,7 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
                     class: "joy-drawer--footer-wrapper"
                   }, {
                     default: R(() => [
-                      k(P.$slots, "drawer-cancel", {}, () => [
+                      S(P.$slots, "drawer-cancel", {}, () => [
                         e.cancelText ? (y(), N(E(de), {
                           key: 0,
                           class: "joy-drawer--cancel",
@@ -2692,7 +2686,7 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
                           _: 1
                         }, 8, ["size"])) : C("", !0)
                       ], !0),
-                      k(P.$slots, "drawer-confirm", {}, () => [
+                      S(P.$slots, "drawer-confirm", {}, () => [
                         e.confirmText ? (y(), N(E(de), {
                           key: 0,
                           class: "joy-drawer--confirm",
@@ -2710,8 +2704,8 @@ const Ml = /* @__PURE__ */ J(Dl, [["__scopeId", "data-v-a3d693c3"]]), zl = ["id"
                     _: 3
                   })
                 ], 2),
-                E(l)["drawer-indicators"] ? (y(), g("div", Gl, [
-                  k(P.$slots, "drawer-indicators", {}, void 0, !0)
+                E(l)["drawer-indicators"] ? (y(), h("div", Gl, [
+                  S(P.$slots, "drawer-indicators", {}, void 0, !0)
                 ])) : C("", !0)
               ])
             ], 2)
@@ -2734,7 +2728,7 @@ const Yl = /* @__PURE__ */ J(Kl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
       var r;
       a("click"), await ((r = o.value) == null ? void 0 : r.show());
     }
-    return (r, c) => (y(!0), g(K, null, Q(l.value, (f) => (y(), N(re(f), {
+    return (r, c) => (y(!0), h(K, null, Q(l.value, (f) => (y(), N(re(f), {
       key: f,
       onClick: s
     }))), 128));
@@ -2822,9 +2816,9 @@ const Yl = /* @__PURE__ */ J(Kl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
         }
         if (f() && d.key === " " && d.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key)) {
           const m = r(), _ = f();
-          let S = m.indexOf(_);
+          let k = m.indexOf(_);
           if (m.length) {
-            d.preventDefault(), d.key === "ArrowDown" ? S++ : d.key === "ArrowUp" ? S-- : d.key === "Home" ? S = 0 : d.key === "End" && (S = m.length - 1), S < 0 && (S = m.length - 1), S > m.length - 1 && (S = 0), v(m[S]);
+            d.preventDefault(), d.key === "ArrowDown" ? k++ : d.key === "ArrowUp" ? k-- : d.key === "Home" ? k = 0 : d.key === "End" && (k = m.length - 1), k < 0 && (k = m.length - 1), k > m.length - 1 && (k = 0), v(m[k]);
             return;
           }
         }
@@ -2842,26 +2836,26 @@ const Yl = /* @__PURE__ */ J(Kl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
       window.removeEventListener("keydown", u);
     }), t({
       isSelected: l
-    }), (d, b) => (y(), g("div", {
+    }), (d, b) => (y(), h("div", {
       class: "joy-dropdown-list",
       style: ue({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      d.$slots["dropdown-list-header"] || e.reset ? (y(), g("header", Xl, [
-        e.reset ? (y(), g("button", {
+      d.$slots["dropdown-list-header"] || e.reset ? (y(), h("header", Xl, [
+        e.reset ? (y(), h("button", {
           key: 0,
           type: "button",
           class: "joy-dropdown-list__reset",
           onClick: p
         }, F(e.resetLabel || "Reset"), 1)) : C("", !0),
-        k(d.$slots, "dropdown-list-header", {}, void 0, !0)
+        S(d.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : C("", !0),
-      h("div", {
+      g("div", {
         tabindex: "0",
         class: T(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": d.$slots["dropdown-list-items"] }]),
         style: ue({ "max-height": `${e.height}px` })
       }, [
-        k(d.$slots, "dropdown-list-items", {}, void 0, !0),
-        e.options.length ? (y(), g("ul", {
+        S(d.$slots, "dropdown-list-items", {}, void 0, !0),
+        e.options.length ? (y(), h("ul", {
           key: 0,
           ref_key: "listbox",
           ref: i,
@@ -2870,7 +2864,7 @@ const Yl = /* @__PURE__ */ J(Kl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (y(!0), g(K, null, Q(e.options, (m) => (y(), g("li", {
+          (y(!0), h(K, null, Q(e.options, (m) => (y(), h("li", {
             id: m.id,
             key: m.id,
             style: ue({ "max-width": `${e.width}px` }),
@@ -2891,14 +2885,14 @@ const Yl = /* @__PURE__ */ J(Kl, [["__scopeId", "data-v-22b62515"]]), Zl = /* @_
             role: "option",
             onClick: (_) => s(m)
           }, [
-            k(d.$slots, "label", we(Se(m)), () => [
-              h("span", null, F(m.label), 1)
+            S(d.$slots, "label", we(Se(m)), () => [
+              g("span", null, F(m.label), 1)
             ], !0)
           ], 46, ei))), 128))
         ], 8, Ql)) : C("", !0)
       ], 6),
-      d.$slots["dropdown-list-footer"] ? (y(), g("footer", ti, [
-        k(d.$slots, "dropdown-list-footer", {}, void 0, !0)
+      d.$slots["dropdown-list-footer"] ? (y(), h("footer", ti, [
+        S(d.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : C("", !0)
     ], 4));
   }
@@ -3022,13 +3016,13 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
       I.stopPropagation(), f.value = !1, p && clearTimeout(p), c.value = I.target, i.value = !0, a("dropdown:open");
     }
     function _() {
-      b(), S();
+      b(), k();
     }
-    function S() {
+    function k() {
       c.value && c.value.focus();
     }
     function A(I) {
-      a("update:modelValue", I), o.closeOnSelect && (b(), S());
+      a("update:modelValue", I), o.closeOnSelect && (b(), k());
     }
     function O() {
       a("dropdown:reset");
@@ -3049,16 +3043,16 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
       onTrigger: b
     }, {
       default: R(() => [
-        h("div", {
+        g("div", {
           ref_key: "button",
           ref: s,
           class: "joy-dropdown__button",
           "data-testid": "dropdown-trigger",
           onClick: m
         }, [
-          k(I.$slots, "dropdown-button", {}, void 0, !0)
+          S(I.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
-        i.value ? (y(), g("div", {
+        i.value ? (y(), h("div", {
           key: 0,
           ref_key: "list",
           ref: r,
@@ -3087,8 +3081,8 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
             onReset: O
           }, fn({
             label: R((D) => [
-              k(I.$slots, "dropdown-item", we(Se(D)), () => [
-                h("span", null, F(D.label), 1)
+              S(I.$slots, "dropdown-item", we(Se(D)), () => [
+                g("span", null, F(D.label), 1)
               ], !0)
             ]),
             _: 2
@@ -3096,21 +3090,21 @@ const Vn = /* @__PURE__ */ J(ni, [["__scopeId", "data-v-0127e896"]]), ai = /* @_
             I.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
               fn: R(() => [
-                k(I.$slots, "dropdown-header", {}, void 0, !0)
+                S(I.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             I.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
               fn: R(() => [
-                k(I.$slots, "dropdown-items", {}, void 0, !0)
+                S(I.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             I.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
               fn: R(() => [
-                k(I.$slots, "dropdown-footer", {}, void 0, !0)
+                S(I.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
@@ -3127,13 +3121,13 @@ const oi = /* @__PURE__ */ J(ai, [["__scopeId", "data-v-a27687c9"]]), li = ["ari
     ariaLabel: String
   },
   setup(e) {
-    return (t, n) => (y(), g("div", {
+    return (t, n) => (y(), h("div", {
       class: "joy-filter-bar",
       role: "group",
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
-      h("div", ii, [
-        k(t.$slots, "default", {}, void 0, !0)
+      g("div", ii, [
+        S(t.$slots, "default", {}, void 0, !0)
       ])
     ], 8, li));
   }
@@ -3157,13 +3151,13 @@ const si = /* @__PURE__ */ J(ri, [["__scopeId", "data-v-114f8274"]]), ui = /* @_
     function i() {
       a("filter", n.value);
     }
-    return (l, s) => (y(), g("button", {
+    return (l, s) => (y(), h("button", {
       type: "button",
       class: T(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: i
     }, [
       H(F(e.label) + " ", 1),
-      k(l.$slots, "default", {}, void 0, !0),
+      S(l.$slots, "default", {}, void 0, !0),
       E(o) ? (y(), N(G, {
         key: 0,
         class: "joy-filter-bar-button__icon",
@@ -3177,12 +3171,12 @@ const si = /* @__PURE__ */ J(ri, [["__scopeId", "data-v-114f8274"]]), ui = /* @_
 const ci = /* @__PURE__ */ J(ui, [["__scopeId", "data-v-8f87fed1"]]), di = { class: "joy-footer" }, fi = { class: "joy-footer__left" }, yi = { class: "joy-footer__right" }, vi = /* @__PURE__ */ L({
   __name: "VJoyFooter",
   setup(e) {
-    return (t, n) => (y(), g("footer", di, [
-      h("div", fi, [
-        k(t.$slots, "footer-left", {}, void 0, !0)
+    return (t, n) => (y(), h("footer", di, [
+      g("div", fi, [
+        S(t.$slots, "footer-left", {}, void 0, !0)
       ]),
-      h("div", yi, [
-        k(t.$slots, "footer-right", {}, void 0, !0)
+      g("div", yi, [
+        S(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
@@ -3199,7 +3193,7 @@ const pi = /* @__PURE__ */ J(vi, [["__scopeId", "data-v-e174785d"]]), mi = ["ari
     noHtmlErrorText: String
   },
   setup(e) {
-    return (t, n) => (y(), g("div", {
+    return (t, n) => (y(), h("div", {
       "aria-hidden": e.visible,
       class: T(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
@@ -3208,8 +3202,8 @@ const pi = /* @__PURE__ */ J(vi, [["__scopeId", "data-v-e174785d"]]), mi = ["ari
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
-      h("div", null, [
-        k(t.$slots, "default", {}, () => [
+      g("div", null, [
+        S(t.$slots, "default", {}, () => [
           H(F(e.noHtmlErrorText), 1)
         ], !0)
       ])
@@ -3245,7 +3239,7 @@ const Ft = /* @__PURE__ */ J(bi, [["__scopeId", "data-v-581fd33b"]]), gi = /* @_
       const l = [n.flex || "1", "0"], s = n.width || i;
       return s && l.push(s), l.join(" ");
     });
-    return t({ flexStyle: o }), (i, l) => (y(), g("div", {
+    return t({ flexStyle: o }), (i, l) => (y(), h("div", {
       "aria-hidden": "true",
       class: T(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
       style: ue({
@@ -3286,7 +3280,7 @@ const hi = /* @__PURE__ */ J(gi, [["__scopeId", "data-v-235a3b9e"]]), _i = { cla
     return t({
       scrollOnTop: n,
       hasStepperSlot: i
-    }), (l, s) => (y(), g("div", {
+    }), (l, s) => (y(), h("div", {
       class: T([
         "joy-funnel",
         {
@@ -3295,30 +3289,30 @@ const hi = /* @__PURE__ */ J(gi, [["__scopeId", "data-v-235a3b9e"]]), _i = { cla
         }
       ])
     }, [
-      h("div", _i, [
-        h("div", wi, [
-          k(l.$slots, "funnel-header", {}, void 0, !0)
+      g("div", _i, [
+        g("div", wi, [
+          S(l.$slots, "funnel-header", {}, void 0, !0)
         ]),
-        h("div", Si, [
-          k(l.$slots, "funnel-stepper", {}, void 0, !0)
+        g("div", Si, [
+          S(l.$slots, "funnel-stepper", {}, void 0, !0)
         ])
       ]),
-      e.hideShapes ? C("", !0) : (y(), g("div", {
+      e.hideShapes ? C("", !0) : (y(), h("div", {
         key: 0,
         class: T(["joy-funnel__shapes", { "joy-funnel__shapes--strategy": e.profile === "strategy" }])
       }, xi, 2)),
-      h("div", {
+      g("div", {
         class: "joy-funnel__scrollable",
         onScroll: o
       }, [
-        h("div", {
+        g("div", {
           class: T(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
         }, [
-          k(l.$slots, "default", {}, void 0, !0)
+          S(l.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32),
-      h("div", Ci, [
-        k(l.$slots, "funnel-footer", {}, void 0, !0)
+      g("div", Ci, [
+        S(l.$slots, "funnel-footer", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -3326,17 +3320,17 @@ const hi = /* @__PURE__ */ J(gi, [["__scopeId", "data-v-235a3b9e"]]), _i = { cla
 const $i = /* @__PURE__ */ J(ji, [["__scopeId", "data-v-0abeb951"]]), Vi = { class: "joy-header" }, Ti = { class: "joy-header__left" }, Ii = { class: "joy-header__right" }, Ei = /* @__PURE__ */ L({
   __name: "VJoyHeader",
   setup(e) {
-    return (t, n) => (y(), g("header", Vi, [
-      h("div", Ti, [
-        k(t.$slots, "header-left", {}, void 0, !0)
+    return (t, n) => (y(), h("header", Vi, [
+      g("div", Ti, [
+        S(t.$slots, "header-left", {}, void 0, !0)
       ]),
-      h("div", Ii, [
-        k(t.$slots, "header-right", {}, void 0, !0)
+      g("div", Ii, [
+        S(t.$slots, "header-right", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Li = /* @__PURE__ */ J(Ei, [["__scopeId", "data-v-7928856e"]]), Ai = [...Xa], Bi = { class: "joy-highlight--text" }, Ni = { key: 0 }, Ji = /* @__PURE__ */ L({
+const Li = /* @__PURE__ */ J(Ei, [["__scopeId", "data-v-7928856e"]]), Ai = [...Xa], Bi = { class: "joy-highlight__decorator" }, Ni = { class: "joy-highlight__text" }, Ji = { key: 0 }, Fi = /* @__PURE__ */ L({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3356,36 +3350,46 @@ const Li = /* @__PURE__ */ J(Ei, [["__scopeId", "data-v-7928856e"]]), Ai = [...X
       validator(e) {
         return Ai.includes(e);
       }
+    },
+    /** Please note that 'default' variant has no effect. This property is meant to completely override "level" prop style */
+    variant: {
+      type: String,
+      default: "default"
     }
   },
   setup(e, { expose: t }) {
     const n = e, a = V(() => n.icon ? n.icon : pn(n.level));
     return t({
       getRelevantIcon: a
-    }), (o, i) => (y(), g("div", {
+    }), (o, i) => (y(), h("div", {
       class: T([
         "joy-highlight",
         `joy-highlight_${e.level}`,
+        `joy-highlight_${e.variant}`,
         {
           "joy-highlight__accent": e.accent,
           "joy-highlight__titled": o.$slots["highlight-title"]
         }
       ])
     }, [
-      e.displayIcon ? (y(), N(G, {
-        key: 0,
-        name: a.value
-      }, null, 8, ["name"])) : C("", !0),
-      h("div", Bi, [
-        o.$slots["highlight-title"] ? (y(), g("strong", Ni, [
-          k(o.$slots, "highlight-title", {}, void 0, !0)
+      g("div", Bi, [
+        S(o.$slots, "highlight-decorator", {}, () => [
+          e.displayIcon ? (y(), N(G, {
+            key: 0,
+            name: a.value
+          }, null, 8, ["name"])) : C("", !0)
+        ], !0)
+      ]),
+      g("div", Ni, [
+        o.$slots["highlight-title"] ? (y(), h("strong", Ji, [
+          S(o.$slots, "highlight-title", {}, void 0, !0)
         ])) : C("", !0),
-        k(o.$slots, "default", {}, void 0, !0)
+        S(o.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const Fi = /* @__PURE__ */ J(Ji, [["__scopeId", "data-v-45c2fbf4"]]), Pi = ["aria-label"], Oi = /* @__PURE__ */ L({
+const Pi = /* @__PURE__ */ J(Fi, [["__scopeId", "data-v-4ee8fddd"]]), Oi = ["aria-label"], Ri = /* @__PURE__ */ L({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3408,18 +3412,18 @@ const Fi = /* @__PURE__ */ J(Ji, [["__scopeId", "data-v-45c2fbf4"]]), Pi = ["ari
     }
   },
   setup(e) {
-    return (t, n) => (y(), g("li", {
+    return (t, n) => (y(), h("li", {
       class: T(["joy-indicator", `joy-indicator--${e.variant}`, { "joy-indicator--selected": e.selected }])
     }, [
-      h("button", {
+      g("button", {
         type: "button",
         class: T(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
-      }, null, 10, Pi)
+      }, null, 10, Oi)
     ], 2));
   }
 });
-const Tn = /* @__PURE__ */ J(Oi, [["__scopeId", "data-v-2babb982"]]), Ri = /* @__PURE__ */ L({
+const Tn = /* @__PURE__ */ J(Ri, [["__scopeId", "data-v-2babb982"]]), Di = /* @__PURE__ */ L({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3454,10 +3458,10 @@ const Tn = /* @__PURE__ */ J(Oi, [["__scopeId", "data-v-2babb982"]]), Ri = /* @_
     ), t({
       indicators: s,
       isSelected: r
-    }), (u, v) => (y(), g("ul", {
+    }), (u, v) => (y(), h("ul", {
       class: T(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (y(!0), g(K, null, Q(s.value, (p) => (y(), N(E(Tn), oe({
+      (y(!0), h(K, null, Q(s.value, (p) => (y(), N(E(Tn), oe({
         key: p.props.value
       }, { ...p.props, variant: e.variant }, {
         selected: r(p),
@@ -3466,20 +3470,20 @@ const Tn = /* @__PURE__ */ J(Oi, [["__scopeId", "data-v-2babb982"]]), Ri = /* @_
     ], 2));
   }
 });
-const Di = /* @__PURE__ */ J(Ri, [["__scopeId", "data-v-1bac2aa7"]]), Mi = ["small", "medium", "large"], zi = {
+const Mi = /* @__PURE__ */ J(Di, [["__scopeId", "data-v-1bac2aa7"]]), zi = ["small", "medium", "large"], qi = {
   key: 0,
   class: "joy-label-required"
-}, qi = {
+}, Hi = {
   key: 1,
   class: "joy-label-optional"
-}, Hi = /* @__PURE__ */ L({
+}, Wi = /* @__PURE__ */ L({
   __name: "VJoyLabel",
   props: {
     size: {
       type: String,
       default: "medium",
       validator(e) {
-        return Mi.includes(e);
+        return zi.includes(e);
       }
     },
     tagName: {
@@ -3500,17 +3504,17 @@ const Di = /* @__PURE__ */ J(Ri, [["__scopeId", "data-v-1bac2aa7"]]), Mi = ["sma
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
       default: R(() => [
-        k(t.$slots, "default", {}, () => [
+        S(t.$slots, "default", {}, () => [
           H(F(e.text), 1)
         ], !0),
-        e.required ? (y(), g("span", zi, "*")) : C("", !0),
-        e.optionalLabel ? (y(), g("span", qi, "- " + F(e.optionalLabel), 1)) : C("", !0)
+        e.required ? (y(), h("span", qi, "*")) : C("", !0),
+        e.optionalLabel ? (y(), h("span", Hi, "- " + F(e.optionalLabel), 1)) : C("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["large", "medium", "small"], Ui = ["id", "name", "required", "disabled", "readonly", "type", "value"], Gi = ["data-unit"], Ki = /* @__PURE__ */ L({
+const xe = /* @__PURE__ */ J(Wi, [["__scopeId", "data-v-388a7c56"]]), Ui = ["large", "medium", "small"], Gi = ["id", "name", "required", "disabled", "readonly", "type", "value"], Ki = ["data-unit"], Yi = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -3572,7 +3576,7 @@ const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
       type: String,
       default: "medium",
       validator(e) {
-        return Wi.includes(e);
+        return Ui.includes(e);
       }
     },
     type: {
@@ -3592,15 +3596,15 @@ const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
     const a = n, o = e, i = $(), l = $(), s = Fe(), r = ne(), c = $(!1), f = $(!1);
     Jt(i, o.autofocus);
     const u = V(() => typeof o.modelValue == "number" || !o.clearable || o.unit || !o.modelValue ? !1 : o.modelValue.length > 0 && !o.unit), v = V(() => r.default && r.default()), p = V(() => {
-      var S, A;
-      return !!((S = l.value) != null && S.closest("joy-wrapper")) || !!((A = l.value) != null && A.closest(".joy-wrapper"));
+      var k, A;
+      return !!((k = l.value) != null && k.closest("joy-wrapper")) || !!((A = l.value) != null && A.closest(".joy-wrapper"));
     }), d = $(o.type), b = V(() => o.type === "password" && !!o.modelValue);
     ea(() => {
       d.value = o.unit ? "number" : o.type;
     });
     function m() {
-      var S;
-      o.readonly || (S = i.value) == null || S.focus();
+      var k;
+      o.readonly || (k = i.value) == null || k.focus();
     }
     const _ = {
       onFocus: () => {
@@ -3609,29 +3613,29 @@ const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
       onBlur: () => {
         c.value = !1;
       },
-      onInput: (S) => {
-        let A = S.target.value;
+      onInput: (k) => {
+        let A = k.target.value;
         o.modelModifiers.lazy || a("update:modelValue", A);
       },
-      onChange: (S) => {
-        let A = S.target.value;
+      onChange: (k) => {
+        let A = k.target.value;
         o.modelModifiers.lazy && a("update:modelValue", A);
       },
       clearValue: () => {
         o.disabled || a("update:modelValue", "");
       },
-      togglePassword: (S) => {
-        S.preventDefault(), f.value = !f.value, f.value ? d.value = "text" : d.value = "password";
+      togglePassword: (k) => {
+        k.preventDefault(), f.value = !f.value, f.value ? d.value = "text" : d.value = "password";
       }
     };
     return t({
       focus: m
-    }), (S, A) => (y(), g("div", {
+    }), (k, A) => (y(), h("div", {
       ref_key: "root",
       ref: l,
       class: T([`joy-input--${o.size}`])
     }, [
-      h("div", {
+      g("div", {
         class: T([
           "joy-input",
           {
@@ -3651,13 +3655,13 @@ const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
           size: e.labelSize
         }, {
           default: R(() => [
-            k(S.$slots, "default", {}, () => [
+            S(k.$slots, "default", {}, () => [
               H(F(e.label), 1)
             ], !0)
           ]),
           _: 3
         }, 8, ["for", "required", "optional-label", "size"])) : C("", !0),
-        h("div", {
+        g("div", {
           class: T([
             "joy-input--wrapper",
             {
@@ -3668,7 +3672,7 @@ const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
             }
           ])
         }, [
-          h("input", oe(S.$attrs, {
+          g("input", oe(k.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
             ref: i,
@@ -3692,7 +3696,7 @@ const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
             (...O) => _.onInput && _.onInput(...O)),
             onChange: A[3] || (A[3] = //@ts-ignore
             (...O) => _.onChange && _.onChange(...O))
-          }), null, 16, Ui),
+          }), null, 16, Gi),
           u.value ? (y(), N(de, {
             key: 0,
             class: "joy-input--clear",
@@ -3713,17 +3717,17 @@ const xe = /* @__PURE__ */ J(Hi, [["__scopeId", "data-v-388a7c56"]]), Wi = ["lar
             class: "joy-input--decorative-icon",
             name: e.icon
           }, null, 8, ["name"])) : C("", !0),
-          e.unit ? (y(), g("div", {
+          e.unit ? (y(), h("div", {
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, Gi)) : C("", !0)
+          }, null, 8, Ki)) : C("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const Yi = /* @__PURE__ */ J(Ki, [["__scopeId", "data-v-3dafc1cb"]]), Zi = ["teal", "white"], Xi = ["href"], Qi = /* @__PURE__ */ L({
+const Zi = /* @__PURE__ */ J(Yi, [["__scopeId", "data-v-3dafc1cb"]]), Xi = ["teal", "white"], Qi = ["href"], er = /* @__PURE__ */ L({
   __name: "VJoyLink",
   props: {
     href: {
@@ -3734,27 +3738,27 @@ const Yi = /* @__PURE__ */ J(Ki, [["__scopeId", "data-v-3dafc1cb"]]), Zi = ["tea
       type: String,
       default: "teal",
       validator(e) {
-        return Zi.includes(e);
+        return Xi.includes(e);
       }
     },
     icon: String,
     text: String
   },
   setup(e) {
-    return (t, n) => (y(), g("a", oe({ href: e.href }, t.$attrs, {
+    return (t, n) => (y(), h("a", oe({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
       e.icon ? (y(), N(G, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : C("", !0),
-      k(t.$slots, "default", {}, () => [
+      S(t.$slots, "default", {}, () => [
         H(F(e.text), 1)
       ], !0)
-    ], 16, Xi));
+    ], 16, Qi));
   }
 });
-const er = /* @__PURE__ */ J(Qi, [["__scopeId", "data-v-5540214e"]]), tr = ["tabindex", "aria-activedescendant", "aria-label"], nr = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ar = { "aria-hidden": "true" }, or = /* @__PURE__ */ L({
+const tr = /* @__PURE__ */ J(er, [["__scopeId", "data-v-5540214e"]]), nr = ["tabindex", "aria-activedescendant", "aria-label"], ar = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], or = { "aria-hidden": "true" }, lr = /* @__PURE__ */ L({
   __name: "VJoyMenu",
   props: {
     /**
@@ -3811,7 +3815,7 @@ const er = /* @__PURE__ */ J(Qi, [["__scopeId", "data-v-5540214e"]]), tr = ["tab
       getItems: r,
       getItemId: c,
       getFocusedItem: f
-    }), (v, p) => (y(), g("ul", {
+    }), (v, p) => (y(), h("ul", {
       ref_key: "menu",
       ref: o,
       class: "joy-menu-list joy-menu-list__items",
@@ -3821,7 +3825,7 @@ const er = /* @__PURE__ */ J(Qi, [["__scopeId", "data-v-5540214e"]]), tr = ["tab
       role: "menu",
       onKeydown: u
     }, [
-      (y(!0), g(K, null, Q(e.items, (d) => (y(), g("li", {
+      (y(!0), h(K, null, Q(e.items, (d) => (y(), h("li", {
         id: c(d),
         key: d.label,
         class: T([
@@ -3840,22 +3844,22 @@ const er = /* @__PURE__ */ J(Qi, [["__scopeId", "data-v-5540214e"]]), tr = ["tab
         role: "menuitem",
         onClick: (b) => s(d)
       }, [
-        h("div", ar, [
-          k(v.$slots, "menu-item", we(Se(d)), () => [
+        g("div", or, [
+          S(v.$slots, "menu-item", we(Se(d)), () => [
             d.icon ? (y(), N(G, {
               key: 0,
               name: d.icon
             }, null, 8, ["name"])) : C("", !0),
-            h("span", null, F(d.label), 1)
+            g("span", null, F(d.label), 1)
           ], !0)
         ])
-      ], 42, nr))), 128))
-    ], 40, tr));
+      ], 42, ar))), 128))
+    ], 40, nr));
   }
 });
-const lr = /* @__PURE__ */ J(or, [["__scopeId", "data-v-4391a0bd"]]), ir = ["id"], rr = {
+const ir = /* @__PURE__ */ J(lr, [["__scopeId", "data-v-4391a0bd"]]), rr = ["id"], sr = {
   class: /* @__PURE__ */ T(["joy-multi-checkbox"])
-}, sr = /* @__PURE__ */ L({
+}, ur = /* @__PURE__ */ L({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {
@@ -3898,7 +3902,7 @@ const lr = /* @__PURE__ */ J(or, [["__scopeId", "data-v-4391a0bd"]]), ir = ["id"
       let r = [...a.value || []];
       s ? r.push(l) : r.splice(r.indexOf(l), 1), n("update:value", r);
     }
-    return (l, s) => (y(), g("fieldset", {
+    return (l, s) => (y(), h("fieldset", {
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
@@ -3914,8 +3918,8 @@ const lr = /* @__PURE__ */ J(or, [["__scopeId", "data-v-4391a0bd"]]), ir = ["id"
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : C("", !0),
-      h("div", rr, [
-        (y(!0), g(K, null, Q(e.options, (r) => (y(), N(E(Nt), {
+      g("div", sr, [
+        (y(!0), h(K, null, Q(e.options, (r) => (y(), N(E(Nt), {
           id: r.id,
           key: r.id,
           name: r.name,
@@ -3924,17 +3928,17 @@ const lr = /* @__PURE__ */ J(or, [["__scopeId", "data-v-4391a0bd"]]), ir = ["id"
           "onUpdate:checked": (c) => i(r.value, c)
         }, {
           default: R(() => [
-            k(l.$slots, "checkbox", we(Se(r)), () => [
+            S(l.$slots, "checkbox", we(Se(r)), () => [
               H(F(r.label), 1)
             ], !0)
           ]),
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, ir));
+    ], 8, rr));
   }
 });
-const ur = /* @__PURE__ */ J(sr, [["__scopeId", "data-v-c278b02d"]]), an = /* @__PURE__ */ L({
+const cr = /* @__PURE__ */ J(ur, [["__scopeId", "data-v-c278b02d"]]), an = /* @__PURE__ */ L({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -3965,7 +3969,7 @@ const ur = /* @__PURE__ */ J(sr, [["__scopeId", "data-v-c278b02d"]]), an = /* @_
       onClick: n[0] || (n[0] = (a) => t.$emit("click"))
     }, null, 8, ["aria-label", "title", "icon", "disabled"]));
   }
-}), cr = ["aria-label", "data-current"], dr = ["onClick"], fr = ["aria-current"], yr = 6, vr = /* @__PURE__ */ L({
+}), dr = ["aria-label", "data-current"], fr = ["onClick"], yr = ["aria-current"], vr = 6, pr = /* @__PURE__ */ L({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -3999,7 +4003,7 @@ const ur = /* @__PURE__ */ J(sr, [["__scopeId", "data-v-c278b02d"]]), an = /* @_
     const n = e, a = t, o = V(() => {
       const f = l.value.length;
       return l.value[f - 1] !== l.value[f - 2] + 1;
-    }), i = V(() => l.value[0] !== l.value[1] - 1), l = V(() => n.totalPages === 1 ? [1] : n.totalPages < yr ? r(2, n.totalPages - 1) : c(n.currentPage));
+    }), i = V(() => l.value[0] !== l.value[1] - 1), l = V(() => n.totalPages === 1 ? [1] : n.totalPages < vr ? r(2, n.totalPages - 1) : c(n.currentPage));
     function s(f, u) {
       n.currentPage === 1 && u === "prev" || n.currentPage === n.totalPages && u === "next" || a("update:current-page", f);
     }
@@ -4014,27 +4018,27 @@ const ur = /* @__PURE__ */ J(sr, [["__scopeId", "data-v-c278b02d"]]), an = /* @_
       let u = f - 2, v = f + 1;
       return u <= 1 && (u = 2, v = 5), v >= n.totalPages && (v = n.totalPages - 1, u = v - 3), r(u, v);
     }
-    return (f, u) => (y(), g("nav", {
+    return (f, u) => (y(), h("nav", {
       role: "navigation",
       "aria-label": e.labelPagination,
       class: "joy-pagination",
       "data-current": e.currentPage
     }, [
-      h("ul", null, [
-        h("li", {
+      g("ul", null, [
+        g("li", {
           class: "joy-pagination__item joy-pagination__previous",
           onClick: u[0] || (u[0] = (v) => s(e.currentPage - 1, "prev"))
         }, [
-          k(f.$slots, "pagination-prev", {}, () => [
+          S(f.$slots, "pagination-prev", {}, () => [
             Y(an, {
               label: e.labelPrev,
               disabled: e.currentPage === 1
             }, null, 8, ["label", "disabled"])
           ], !0)
         ]),
-        h("li", null, [
-          h("ul", null, [
-            (y(!0), g(K, null, Q(l.value, (v) => (y(), g("li", {
+        g("li", null, [
+          g("ul", null, [
+            (y(!0), h(K, null, Q(l.value, (v) => (y(), h("li", {
               key: v,
               class: T({
                 "joy-pagination__item": !0,
@@ -4045,20 +4049,20 @@ const ur = /* @__PURE__ */ J(sr, [["__scopeId", "data-v-c278b02d"]]), an = /* @_
               }),
               onClick: (p) => s(v)
             }, [
-              k(f.$slots, "page", we(Se({ page: v })), () => [
-                h("button", {
+              S(f.$slots, "page", we(Se({ page: v })), () => [
+                g("button", {
                   type: "button",
                   "aria-current": v === e.currentPage ? "true" : "false"
-                }, F(v), 9, fr)
+                }, F(v), 9, yr)
               ], !0)
-            ], 10, dr))), 128))
+            ], 10, fr))), 128))
           ])
         ]),
-        h("li", {
+        g("li", {
           class: "joy-pagination__next",
           onClick: u[1] || (u[1] = (v) => s(e.currentPage + 1, "next"))
         }, [
-          k(f.$slots, "pagination-next", {}, () => [
+          S(f.$slots, "pagination-next", {}, () => [
             Y(an, {
               next: "",
               label: e.labelNext,
@@ -4067,22 +4071,22 @@ const ur = /* @__PURE__ */ J(sr, [["__scopeId", "data-v-c278b02d"]]), an = /* @_
           ], !0)
         ])
       ])
-    ], 8, cr));
+    ], 8, dr));
   }
 });
-const pr = /* @__PURE__ */ J(vr, [["__scopeId", "data-v-8f0f7868"]]), mr = ["small", "medium", "large"], br = ["small", "large"], gr = {
+const mr = /* @__PURE__ */ J(pr, [["__scopeId", "data-v-8f0f7868"]]), br = ["small", "medium", "large"], gr = ["small", "large"], hr = {
   key: 0,
   class: /* @__PURE__ */ T(["joy-panel__header"])
-}, hr = {
+}, _r = {
   key: 1,
   class: "joy-panel__header-action"
-}, _r = {
+}, wr = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, wr = { class: "joy-panel__body" }, Sr = {
+}, Sr = { class: "joy-panel__body" }, kr = {
   key: 1,
   class: "joy-panel__footer"
-}, kr = /* @__PURE__ */ L({
+}, xr = /* @__PURE__ */ L({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -4096,14 +4100,14 @@ const pr = /* @__PURE__ */ J(vr, [["__scopeId", "data-v-8f0f7868"]]), mr = ["sma
       type: String,
       default: "medium",
       validator(e) {
-        return mr.includes(e);
+        return br.includes(e);
       }
     },
     titleSize: {
       type: String,
       default: "large",
       validator(e) {
-        return br.includes(e);
+        return gr.includes(e);
       }
     },
     loading: {
@@ -4117,7 +4121,7 @@ const pr = /* @__PURE__ */ J(vr, [["__scopeId", "data-v-8f0f7868"]]), mr = ["sma
   },
   setup(e) {
     const t = Ue("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = ne(), o = $(), i = V(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
-    return (l, s) => (y(), g("section", {
+    return (l, s) => (y(), h("section", {
       ref_key: "panel",
       ref: o,
       style: ue({ flex: e.flex }),
@@ -4130,25 +4134,25 @@ const pr = /* @__PURE__ */ J(vr, [["__scopeId", "data-v-8f0f7868"]]), mr = ["sma
         }
       ])
     }, [
-      i.value ? (y(), g("header", gr, [
-        E(a)["panel-title"] ? (y(), g("div", {
+      i.value ? (y(), h("header", hr, [
+        E(a)["panel-title"] ? (y(), h("div", {
           key: 0,
           class: T(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
-          k(l.$slots, "panel-title", {}, void 0, !0)
+          S(l.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : C("", !0),
-        E(a)["panel-title-action"] ? (y(), g("div", hr, [
-          k(l.$slots, "panel-title-action", {}, void 0, !0)
+        E(a)["panel-title-action"] ? (y(), h("div", _r, [
+          S(l.$slots, "panel-title-action", {}, void 0, !0)
         ])) : C("", !0),
-        E(a)["panel-subtitle"] ? (y(), g("div", _r, [
-          k(l.$slots, "panel-subtitle", {}, void 0, !0)
+        E(a)["panel-subtitle"] ? (y(), h("div", wr, [
+          S(l.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : C("", !0)
       ])) : C("", !0),
-      h("div", wr, [
-        k(l.$slots, "panel-body", {}, void 0, !0)
+      g("div", Sr, [
+        S(l.$slots, "panel-body", {}, void 0, !0)
       ]),
-      E(a)["panel-action"] ? (y(), g("footer", Sr, [
-        k(l.$slots, "panel-action", {}, void 0, !0)
+      E(a)["panel-action"] ? (y(), h("footer", kr, [
+        S(l.$slots, "panel-action", {}, void 0, !0)
       ])) : C("", !0),
       e.loading ? (y(), N(E(Pt), {
         key: 2,
@@ -4156,34 +4160,34 @@ const pr = /* @__PURE__ */ J(vr, [["__scopeId", "data-v-8f0f7868"]]), mr = ["sma
         color: e.loadingColor
       }, {
         content: R(() => [
-          k(l.$slots, "panel-loader-content", {}, void 0, !0)
+          S(l.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : C("", !0)
     ], 6));
   }
 });
-const xr = /* @__PURE__ */ J(kr, [["__scopeId", "data-v-4a8b703c"]]), Cr = { class: "joy-panel-section" }, jr = {
+const Cr = /* @__PURE__ */ J(xr, [["__scopeId", "data-v-4a8b703c"]]), jr = { class: "joy-panel-section" }, $r = {
   key: 0,
   class: "joy-panel-section__title"
-}, $r = {
+}, Vr = {
   key: 1,
   class: "joy-panel-section__content"
-}, Vr = /* @__PURE__ */ L({
+}, Tr = /* @__PURE__ */ L({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = ne();
-    return (n, a) => (y(), g("div", Cr, [
-      E(t)["panel-section-title"] ? (y(), g("div", jr, [
-        k(n.$slots, "panel-section-title", {}, void 0, !0)
+    return (n, a) => (y(), h("div", jr, [
+      E(t)["panel-section-title"] ? (y(), h("div", $r, [
+        S(n.$slots, "panel-section-title", {}, void 0, !0)
       ])) : C("", !0),
-      E(t)["panel-section-content"] ? (y(), g("div", $r, [
-        k(n.$slots, "panel-section-content", {}, void 0, !0)
+      E(t)["panel-section-content"] ? (y(), h("div", Vr, [
+        S(n.$slots, "panel-section-content", {}, void 0, !0)
       ])) : C("", !0)
     ]));
   }
 });
-const Tr = /* @__PURE__ */ J(Vr, [["__scopeId", "data-v-d88510ab"]]), Ir = { class: "joy-progress-bar-wrapper" }, Er = /* @__PURE__ */ L({
+const Ir = /* @__PURE__ */ J(Tr, [["__scopeId", "data-v-d88510ab"]]), Er = { class: "joy-progress-bar-wrapper" }, Lr = /* @__PURE__ */ L({
   __name: "VJoyProgressBar",
   props: {
     color: {
@@ -4217,15 +4221,15 @@ const Tr = /* @__PURE__ */ J(Vr, [["__scopeId", "data-v-d88510ab"]]), Ir = { cla
     return t({
       computeInnerWidth: o,
       computedPercentage: a
-    }), (l, s) => (y(), g("div", Ir, [
-      h("div", {
+    }), (l, s) => (y(), h("div", Er, [
+      g("div", {
         class: T(["joy-progress-bar-inner", `joy-progress-bar-inner_${e.color}`]),
         style: ue({ width: o.value })
       }, null, 6)
     ]));
   }
 });
-const Lr = /* @__PURE__ */ J(Er, [["__scopeId", "data-v-1b2b3de8"]]), Ar = ["id", "value", "checked", "disabled", "required", "name"], Br = { class: "joy-radio-label" }, Nr = { class: "joy-radio-content__wrapper" }, Jr = { class: "joy-radio-content" }, Fr = /* @__PURE__ */ L({
+const Ar = /* @__PURE__ */ J(Lr, [["__scopeId", "data-v-1b2b3de8"]]), Br = ["id", "value", "checked", "disabled", "required", "name"], Nr = { class: "joy-radio-label" }, Jr = { class: "joy-radio-content__wrapper" }, Fr = { class: "joy-radio-content" }, Pr = /* @__PURE__ */ L({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -4285,7 +4289,7 @@ const Lr = /* @__PURE__ */ J(Er, [["__scopeId", "data-v-1b2b3de8"]]), Ar = ["id"
     ), t({
       checked: f,
       isExpanded: i
-    }), (b, m) => (y(), g("label", {
+    }), (b, m) => (y(), h("label", {
       ref_key: "root",
       ref: s,
       class: T([
@@ -4300,7 +4304,7 @@ const Lr = /* @__PURE__ */ J(Er, [["__scopeId", "data-v-1b2b3de8"]]), Ar = ["id"
         }
       ])
     }, [
-      h("input", {
+      g("input", {
         id: e.id,
         type: "radio",
         value: e.value,
@@ -4311,26 +4315,26 @@ const Lr = /* @__PURE__ */ J(Er, [["__scopeId", "data-v-1b2b3de8"]]), Ar = ["id"
         onChange: v,
         onFocus: p,
         onBlur: d
-      }, null, 40, Ar),
-      h("span", Br, [
-        k(b.$slots, "default", {}, void 0, !0)
+      }, null, 40, Br),
+      g("span", Nr, [
+        S(b.$slots, "default", {}, void 0, !0)
       ]),
-      h("div", Nr, [
-        h("div", Jr, [
-          k(b.$slots, "radio-content", {}, void 0, !0)
+      g("div", Jr, [
+        g("div", Fr, [
+          S(b.$slots, "radio-content", {}, void 0, !0)
         ]),
-        h("div", {
+        g("div", {
           ref_key: "expandableElement",
           ref: r,
           class: T(["joy-radio-expandable", { "joy-radio-expandable--expanded": i.value }])
         }, [
-          k(b.$slots, "expandable-content", {}, void 0, !0)
+          S(b.$slots, "expandable-content", {}, void 0, !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const Pr = /* @__PURE__ */ J(Fr, [["__scopeId", "data-v-dd46e26a"]]), Or = ["form", "name"], Rr = /* @__PURE__ */ L({
+const Or = /* @__PURE__ */ J(Pr, [["__scopeId", "data-v-dd46e26a"]]), Rr = ["form", "name"], Dr = /* @__PURE__ */ L({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -4351,23 +4355,23 @@ const Pr = /* @__PURE__ */ J(Fr, [["__scopeId", "data-v-dd46e26a"]]), Or = ["for
     }
   },
   setup(e) {
-    return (t, n) => (y(), g("fieldset", {
+    return (t, n) => (y(), h("fieldset", {
       ref: "root",
       class: "joy-radio-group-fieldset",
       role: "radiogroup",
       form: e.form,
       name: e.name
     }, [
-      k(t.$slots, "radio-group-legend", {}, void 0, !0),
-      h("div", {
+      S(t.$slots, "radio-group-legend", {}, void 0, !0),
+      g("div", {
         class: T(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
-        k(t.$slots, "default", {}, void 0, !0)
+        S(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, Or));
+    ], 8, Rr));
   }
 });
-const Dr = /* @__PURE__ */ J(Rr, [["__scopeId", "data-v-a77e7f95"]]), Mr = ["ariaLabel"], zr = { class: "joy-rating-stars" }, qr = { class: "joy-rating-stars__content" }, Hr = { key: 0 }, Wr = /* @__PURE__ */ L({
+const Mr = /* @__PURE__ */ J(Dr, [["__scopeId", "data-v-a77e7f95"]]), zr = ["ariaLabel"], qr = { class: "joy-rating-stars" }, Hr = { class: "joy-rating-stars__content" }, Wr = { key: 0 }, Ur = /* @__PURE__ */ L({
   __name: "VJoyRatingStars",
   props: {
     ratingValue: {
@@ -4392,13 +4396,13 @@ const Dr = /* @__PURE__ */ J(Rr, [["__scopeId", "data-v-a77e7f95"]]), Mr = ["ari
     });
     return t({
       setStars: o
-    }), (i, l) => (y(), g("div", {
+    }), (i, l) => (y(), h("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
       ariaLabel: E(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      h("ul", zr, [
-        (y(!0), g(K, null, Q(o.value, (s, r) => (y(), g("li", {
+      g("ul", qr, [
+        (y(!0), h(K, null, Q(o.value, (s, r) => (y(), h("li", {
           key: r,
           class: T([`joy-rating-stars--${e.size}`])
         }, [
@@ -4420,18 +4424,18 @@ const Dr = /* @__PURE__ */ J(Rr, [["__scopeId", "data-v-a77e7f95"]]), Mr = ["ari
           }))
         ], 2))), 128))
       ]),
-      h("div", qr, [
-        k(i.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (y(), g("span", Hr, "(" + F(e.reviewCount) + ")", 1)) : C("", !0)
+      g("div", Hr, [
+        S(i.$slots, "rating-stars-content", {}, () => [
+          e.reviewCount ? (y(), h("span", Wr, "(" + F(e.reviewCount) + ")", 1)) : C("", !0)
         ], !0)
       ])
-    ], 8, Mr));
+    ], 8, zr));
   }
 });
-const In = /* @__PURE__ */ J(Wr, [["__scopeId", "data-v-c9a5e140"]]), Ur = { class: "joy-screen-loader__content" }, Gr = {
+const In = /* @__PURE__ */ J(Ur, [["__scopeId", "data-v-c9a5e140"]]), Gr = { class: "joy-screen-loader__content" }, Kr = {
   key: 0,
   class: "joy-screen-loader__content"
-}, Kr = /* @__PURE__ */ L({
+}, Yr = /* @__PURE__ */ L({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -4446,23 +4450,23 @@ const In = /* @__PURE__ */ J(Wr, [["__scopeId", "data-v-c9a5e140"]]), Ur = { cla
     }
   },
   setup(e) {
-    return (t, n) => (y(), g("div", {
+    return (t, n) => (y(), h("div", {
       class: T(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      h("div", Ur, [
-        k(t.$slots, "spinner", {}, () => [
+      g("div", Gr, [
+        S(t.$slots, "spinner", {}, () => [
           Y(Et, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (y(), g("div", Gr, [
-          k(t.$slots, "content", {}, void 0, !0)
+        t.$slots.content ? (y(), h("div", Kr, [
+          S(t.$slots, "content", {}, void 0, !0)
         ])) : C("", !0)
       ])
     ], 2));
   }
 });
-const Pt = /* @__PURE__ */ J(Kr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id", "name", "aria-invalid", "required", "disabled"], Zr = ["selected"], Xr = /* @__PURE__ */ L({
+const Pt = /* @__PURE__ */ J(Yr, [["__scopeId", "data-v-8f005cc2"]]), Zr = ["id", "name", "aria-invalid", "required", "disabled"], Xr = ["selected"], Qr = /* @__PURE__ */ L({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -4513,10 +4517,10 @@ const Pt = /* @__PURE__ */ J(Kr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id"
         if (s(_))
           m.push(_);
         else {
-          const S = _.children;
-          if (typeof S == "string" || !S.length)
+          const k = _.children;
+          if (typeof k == "string" || !k.length)
             return;
-          const A = S.filter(s);
+          const A = k.filter(s);
           m = [...m, ...A];
         }
       }), m;
@@ -4532,12 +4536,12 @@ const Pt = /* @__PURE__ */ J(Kr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id"
         return;
       const m = b[0];
       if (m.type === "JoyLabel") {
-        const S = (_ = m.props) == null ? void 0 : _.for;
-        if (!S) {
+        const k = (_ = m.props) == null ? void 0 : _.for;
+        if (!k) {
           console.warn("JoyLabel for attribute is missing");
           return;
         }
-        S !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+        k !== a.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
     function v(b) {
@@ -4552,11 +4556,11 @@ const Pt = /* @__PURE__ */ J(Kr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id"
     }
     return t({
       select: c
-    }), (b, m) => (y(), g("div", {
+    }), (b, m) => (y(), h("div", {
       ref_key: "root",
       ref: r
     }, [
-      k(b.$slots, "select-label", {}, () => [
+      S(b.$slots, "select-label", {}, () => [
         e.label ? (y(), N(xe, {
           key: 0,
           required: e.required && e.requiredMark,
@@ -4570,7 +4574,7 @@ const Pt = /* @__PURE__ */ J(Kr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id"
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : C("", !0)
       ], !0),
-      h("div", {
+      g("div", {
         class: T([
           `joy-select--${e.size}`,
           {
@@ -4581,7 +4585,7 @@ const Pt = /* @__PURE__ */ J(Kr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id"
           }
         ])
       }, [
-        h("select", {
+        g("select", {
           id: e.id || e.name,
           ref_key: "select",
           ref: c,
@@ -4594,15 +4598,15 @@ const Pt = /* @__PURE__ */ J(Kr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id"
           onFocus: p,
           onBlur: d
         }, [
-          (y(!0), g(K, null, Q(l.value, (_) => {
-            var S, A;
-            return y(), g("option", oe({
-              key: (S = _.props) == null ? void 0 : S.value
+          (y(!0), h(K, null, Q(l.value, (_) => {
+            var k, A;
+            return y(), h("option", oe({
+              key: (k = _.props) == null ? void 0 : k.value
             }, _.props, {
               selected: ((A = _.props) == null ? void 0 : A.value) === e.modelValue
-            }), F(_.children), 17, Zr);
+            }), F(_.children), 17, Xr);
           }), 128))
-        ], 40, Yr),
+        ], 40, Zr),
         Y(G, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -4611,7 +4615,7 @@ const Pt = /* @__PURE__ */ J(Kr, [["__scopeId", "data-v-1112514f"]]), Yr = ["id"
     ], 512));
   }
 });
-const Qr = /* @__PURE__ */ J(Xr, [["__scopeId", "data-v-b2b02d36"]]), es = ["aria-disabled"], ts = ["id", "value", "checked", "disabled", "required", "name"], ns = { class: "joy-selectable-item__label" }, as = /* @__PURE__ */ L({
+const es = /* @__PURE__ */ J(Qr, [["__scopeId", "data-v-b2b02d36"]]), ts = ["aria-disabled"], ns = ["id", "value", "checked", "disabled", "required", "name"], as = { class: "joy-selectable-item__label" }, os = /* @__PURE__ */ L({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -4673,7 +4677,7 @@ const Qr = /* @__PURE__ */ J(Xr, [["__scopeId", "data-v-b2b02d36"]]), es = ["ari
     function c(f) {
       n("update:checked", f);
     }
-    return (f, u) => (y(), g("div", {
+    return (f, u) => (y(), h("div", {
       class: T([
         "joy-selectable-item__wrapper",
         {
@@ -4684,7 +4688,7 @@ const Qr = /* @__PURE__ */ J(Xr, [["__scopeId", "data-v-b2b02d36"]]), es = ["ari
       onClick: u[4] || (u[4] = //@ts-ignore
       (...v) => r.onClick && r.onClick(...v))
     }, [
-      e.multiple ? C("", !0) : (y(), g("input", {
+      e.multiple ? C("", !0) : (y(), h("input", {
         key: 0,
         id: e.id,
         ref_key: "inputRadio",
@@ -4701,7 +4705,7 @@ const Qr = /* @__PURE__ */ J(Xr, [["__scopeId", "data-v-b2b02d36"]]), es = ["ari
         (...v) => r.onFocus && r.onFocus(...v)),
         onBlur: u[2] || (u[2] = //@ts-ignore
         (...v) => r.onBlur && r.onBlur(...v))
-      }, null, 40, ts)),
+      }, null, 40, ns)),
       (y(), N(re(E(s)), {
         for: e.id,
         class: T([
@@ -4733,27 +4737,27 @@ const Qr = /* @__PURE__ */ J(Xr, [["__scopeId", "data-v-b2b02d36"]]), es = ["ari
             onBlur: r.onBlur
           }, {
             default: R(() => [
-              k(f.$slots, "default", {}, void 0, !0)
+              S(f.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "onFocus", "onBlur"])) : C("", !0),
-          h("div", ns, [
-            e.multiple ? C("", !0) : k(f.$slots, "default", { key: 0 }, void 0, !0)
+          g("div", as, [
+            e.multiple ? C("", !0) : S(f.$slots, "default", { key: 0 }, void 0, !0)
           ]),
-          h("div", {
+          g("div", {
             class: T([{ "joy-selectable-item__sublabel": f.$slots["selectable-item-sublabel"] }])
           }, [
-            k(f.$slots, "selectable-item-sublabel", {}, () => [
+            S(f.$slots, "selectable-item-sublabel", {}, () => [
               H(F(e.subLabel), 1)
             ], !0)
           ], 2)
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, es));
+    ], 10, ts));
   }
 });
-const En = /* @__PURE__ */ J(as, [["__scopeId", "data-v-a9411119"]]), os = ["id"], ls = /* @__PURE__ */ L({
+const En = /* @__PURE__ */ J(os, [["__scopeId", "data-v-a9411119"]]), ls = ["id"], is = /* @__PURE__ */ L({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -4804,7 +4808,7 @@ const En = /* @__PURE__ */ J(as, [["__scopeId", "data-v-a9411119"]]), os = ["id"
       let r = [...a.value || []];
       s && typeof s == "boolean" ? r.push(l) : r.splice(r.indexOf(l), 1), n("update:value", r);
     }
-    return (l, s) => (y(), g("fieldset", {
+    return (l, s) => (y(), h("fieldset", {
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
@@ -4820,7 +4824,7 @@ const En = /* @__PURE__ */ J(as, [["__scopeId", "data-v-a9411119"]]), os = ["id"
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : C("", !0),
-      h("div", {
+      g("div", {
         class: T([
           "joy-selectable-item-group",
           {
@@ -4830,7 +4834,7 @@ const En = /* @__PURE__ */ J(as, [["__scopeId", "data-v-a9411119"]]), os = ["id"
           }
         ])
       }, [
-        (y(!0), g(K, null, Q(e.options, (r) => (y(), N(E(En), oe(r.attrs, {
+        (y(!0), h(K, null, Q(e.options, (r) => (y(), N(E(En), oe(r.attrs, {
           id: r.id,
           key: r.id,
           name: r.name,
@@ -4841,7 +4845,7 @@ const En = /* @__PURE__ */ J(as, [["__scopeId", "data-v-a9411119"]]), os = ["id"
           "onUpdate:checked": (c) => i(r.value, c)
         }), fn({
           default: R(() => [
-            k(l.$slots, "item", we(Se(r)), () => [
+            S(l.$slots, "item", we(Se(r)), () => [
               H(F(r.label), 1)
             ], !0)
           ]),
@@ -4856,10 +4860,10 @@ const En = /* @__PURE__ */ J(as, [["__scopeId", "data-v-a9411119"]]), os = ["id"
           } : void 0
         ]), 1040, ["id", "name", "disabled", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, os));
+    ], 8, ls));
   }
 });
-const is = /* @__PURE__ */ J(ls, [["__scopeId", "data-v-2cbfc306"]]), rs = /* @__PURE__ */ L({
+const rs = /* @__PURE__ */ J(is, [["__scopeId", "data-v-2cbfc306"]]), ss = /* @__PURE__ */ L({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -4872,14 +4876,14 @@ const is = /* @__PURE__ */ J(ls, [["__scopeId", "data-v-2cbfc306"]]), rs = /* @_
     }
   },
   setup(e) {
-    return (t, n) => (y(), g("div", {
+    return (t, n) => (y(), h("div", {
       class: T(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
-      h("span", null, F(e.text), 1)
+      g("span", null, F(e.text), 1)
     ], 2));
   }
 });
-const ss = /* @__PURE__ */ J(rs, [["__scopeId", "data-v-21db2899"]]), us = { class: "joy-snackbar__img" }, cs = { class: "joy-snackbar__content" }, ds = { key: 0 }, fs = ["innerHTML"], ys = /* @__PURE__ */ L({
+const us = /* @__PURE__ */ J(ss, [["__scopeId", "data-v-21db2899"]]), cs = { class: "joy-snackbar__img" }, ds = { class: "joy-snackbar__content" }, fs = { key: 0 }, ys = ["innerHTML"], vs = /* @__PURE__ */ L({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -4963,23 +4967,23 @@ const ss = /* @__PURE__ */ J(rs, [["__scopeId", "data-v-21db2899"]]), us = { cla
     }), t({
       isOpen: a,
       exposedMethods: d
-    }), (b, m) => (y(), g("div", {
+    }), (b, m) => (y(), h("div", {
       class: T(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
         "joy-snackbar__hiding": !a.value
       }])
     }, [
-      h("div", {
+      g("div", {
         id: l,
         class: T(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
-        h("div", us, [
+        g("div", cs, [
           Y(E(G), { name: s.value }, null, 8, ["name"])
         ]),
-        h("div", cs, [
-          e.header ? (y(), g("strong", ds, F(e.header), 1)) : C("", !0),
-          h("span", { innerHTML: e.message }, null, 8, fs),
-          e.actionText ? (y(), g("p", {
+        g("div", ds, [
+          e.header ? (y(), h("strong", fs, F(e.header), 1)) : C("", !0),
+          g("span", { innerHTML: e.message }, null, 8, ys),
+          e.actionText ? (y(), h("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
             onClick: r
@@ -4998,7 +5002,7 @@ const ss = /* @__PURE__ */ J(rs, [["__scopeId", "data-v-21db2899"]]), us = { cla
     ], 2));
   }
 });
-const Ln = /* @__PURE__ */ J(ys, [["__scopeId", "data-v-e9634d00"]]), vs = ["id"], ps = { class: "joy-step__stroke" }, ms = { class: "joy-step__label" }, bs = /* @__PURE__ */ L({
+const Ln = /* @__PURE__ */ J(vs, [["__scopeId", "data-v-e9634d00"]]), ps = ["id"], ms = { class: "joy-step__stroke" }, bs = { class: "joy-step__label" }, gs = /* @__PURE__ */ L({
   __name: "VJoyStep",
   props: {
     completed: {
@@ -5030,7 +5034,7 @@ const Ln = /* @__PURE__ */ J(ys, [["__scopeId", "data-v-e9634d00"]]), vs = ["id"
     }
     return ee(() => a.subSteps, r), t({
       progress: l
-    }), (c, f) => (y(), g("div", {
+    }), (c, f) => (y(), h("div", {
       id: e.id,
       class: T([
         "joy-step",
@@ -5041,19 +5045,19 @@ const Ln = /* @__PURE__ */ J(ys, [["__scopeId", "data-v-e9634d00"]]), vs = ["id"
         }
       ])
     }, [
-      h("span", ps, [
-        h("span", {
+      g("span", ms, [
+        g("span", {
           class: "joy-step__stroke--filled",
           style: ue({ maxWidth: l.value })
         }, null, 4)
       ]),
-      h("span", ms, [
-        k(c.$slots, "default", {}, void 0, !0)
+      g("span", bs, [
+        S(c.$slots, "default", {}, void 0, !0)
       ])
-    ], 10, vs));
+    ], 10, ps));
   }
 });
-const An = /* @__PURE__ */ J(bs, [["__scopeId", "data-v-7b9e5926"]]), gs = { class: "joy-stepper" }, hs = /* @__PURE__ */ L({
+const An = /* @__PURE__ */ J(gs, [["__scopeId", "data-v-7b9e5926"]]), hs = { class: "joy-stepper" }, _s = /* @__PURE__ */ L({
   __name: "VJoyStepper",
   props: {
     step: {
@@ -5082,8 +5086,8 @@ const An = /* @__PURE__ */ J(bs, [["__scopeId", "data-v-7b9e5926"]]), gs = { cla
       currentItemSubStep: r,
       steps: o,
       invalidSubStepValue: s
-    }), (u, v) => (y(), g("div", gs, [
-      (y(!0), g(K, null, Q(o.value, (p, d) => {
+    }), (u, v) => (y(), h("div", hs, [
+      (y(!0), h(K, null, Q(o.value, (p, d) => {
         var b;
         return y(), N(E(An), oe(p.props, {
           key: (b = p.props) == null ? void 0 : b.id,
@@ -5102,7 +5106,7 @@ const An = /* @__PURE__ */ J(bs, [["__scopeId", "data-v-7b9e5926"]]), gs = { cla
     ]));
   }
 });
-const _s = /* @__PURE__ */ J(hs, [["__scopeId", "data-v-2436d4e8"]]), ws = ["id", "aria-hidden", "aria-labelledby"], Ss = /* @__PURE__ */ L({
+const ws = /* @__PURE__ */ J(_s, [["__scopeId", "data-v-2436d4e8"]]), Ss = ["id", "aria-hidden", "aria-labelledby"], ks = /* @__PURE__ */ L({
   __name: "VJoyTab",
   props: {
     /**
@@ -5134,7 +5138,7 @@ const _s = /* @__PURE__ */ J(hs, [["__scopeId", "data-v-2436d4e8"]]), ws = ["id"
   },
   setup(e) {
     const t = e, n = Ue("VJoyTabs", $("")), a = V(() => n.value === t.tab);
-    return (o, i) => (y(), g("div", {
+    return (o, i) => (y(), h("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
       "aria-hidden": a.value ? void 0 : "true",
@@ -5144,17 +5148,17 @@ const _s = /* @__PURE__ */ J(hs, [["__scopeId", "data-v-2436d4e8"]]), ws = ["id"
         "joy-tab__selected": a.value
       })
     }, [
-      k(o.$slots, "default", {}, void 0, !0)
-    ], 10, ws));
+      S(o.$slots, "default", {}, void 0, !0)
+    ], 10, Ss));
   }
 });
-const ks = /* @__PURE__ */ J(Ss, [["__scopeId", "data-v-a76a7c92"]]), xs = ["id", "href", "aria-selected", "aria-controls"], Cs = {
+const xs = /* @__PURE__ */ J(ks, [["__scopeId", "data-v-a76a7c92"]]), Cs = ["id", "href", "aria-selected", "aria-controls"], js = {
   type: "button",
   tabindex: "-1"
-}, js = {
+}, $s = {
   key: 0,
   class: "joy-tab-button__notification"
-}, $s = /* @__PURE__ */ L({
+}, Vs = /* @__PURE__ */ L({
   __name: "TabButton",
   props: {
     /**
@@ -5199,7 +5203,7 @@ const ks = /* @__PURE__ */ J(Ss, [["__scopeId", "data-v-a76a7c92"]]), xs = ["id"
     function o(i) {
       (i.code === "Enter" || i.code === "NumpadEnter") && n("changeTab");
     }
-    return (i, l) => (y(), g("a", {
+    return (i, l) => (y(), h("a", {
       id: `joy-tab-${e.tab}`,
       href: e.href,
       "aria-selected": e.selected ? "true" : "false",
@@ -5209,25 +5213,25 @@ const ks = /* @__PURE__ */ J(Ss, [["__scopeId", "data-v-a76a7c92"]]), xs = ["id"
       onClick: a,
       onKeydown: l[0] || (l[0] = (s) => o(s))
     }, [
-      h("div", {
+      g("div", {
         class: T({
           "joy-tab-button": !0,
           "joy-tab-button__selected": e.selected
         })
       }, [
-        h("button", Cs, [
-          h("div", null, [
-            k(i.$slots, "default", {}, () => [
+        g("button", js, [
+          g("div", null, [
+            S(i.$slots, "default", {}, () => [
               H(F(e.label), 1)
             ], !0),
-            e.notification ? (y(), g("div", js)) : C("", !0)
+            e.notification ? (y(), h("div", $s)) : C("", !0)
           ])
         ])
       ], 2)
-    ], 40, xs));
+    ], 40, Cs));
   }
 });
-const Vs = /* @__PURE__ */ J($s, [["__scopeId", "data-v-e2a02c1c"]]), Ts = { class: "joy-tabs" }, Is = /* @__PURE__ */ L({
+const Ts = /* @__PURE__ */ J(Vs, [["__scopeId", "data-v-e2a02c1c"]]), Is = { class: "joy-tabs" }, Es = /* @__PURE__ */ L({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -5270,8 +5274,8 @@ const Vs = /* @__PURE__ */ J($s, [["__scopeId", "data-v-e2a02c1c"]]), Ts = { cla
       (m = r.value) == null || m.removeEventListener("scroll", d);
     }), t({
       tabs: u
-    }), (m, _) => (y(), g("div", Ts, [
-      h("div", {
+    }), (m, _) => (y(), h("div", Is, [
+      g("div", {
         ref_key: "buttonListWrapper",
         ref: s,
         class: T({
@@ -5280,27 +5284,27 @@ const Vs = /* @__PURE__ */ J($s, [["__scopeId", "data-v-e2a02c1c"]]), Ts = { cla
           "joy-tabs-buttons__wrapper--scroll-start": f.value
         })
       }, [
-        h("div", {
+        g("div", {
           ref_key: "buttonList",
           ref: r,
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (y(!0), g(K, null, Q(u.value, (S) => (y(), g("div", {
-            key: S.props.tab
+          (y(!0), h(K, null, Q(u.value, (k) => (y(), h("div", {
+            key: k.props.tab
           }, [
-            Y(Vs, {
-              tab: S.props.tab,
-              label: S.props.label,
-              href: S.props.href,
-              notification: S.props.notification,
-              selected: p(S),
-              onChangeTab: (A) => b(S.props.tab, !S.props.href)
+            Y(Ts, {
+              tab: k.props.tab,
+              label: k.props.label,
+              href: k.props.href,
+              notification: k.props.notification,
+              selected: p(k),
+              onChangeTab: (A) => b(k.props.tab, !k.props.href)
             }, {
               default: R(() => {
                 var A;
                 return [
-                  (A = S.children) != null && A.header ? (y(), N(re(S.children.header), { key: 0 })) : C("", !0)
+                  (A = k.children) != null && A.header ? (y(), N(re(k.children.header), { key: 0 })) : C("", !0)
                 ];
               }),
               _: 2
@@ -5308,13 +5312,13 @@ const Vs = /* @__PURE__ */ J($s, [["__scopeId", "data-v-e2a02c1c"]]), Ts = { cla
           ]))), 128))
         ], 512)
       ], 2),
-      h("div", null, [
-        k(m.$slots, "default", {}, void 0, !0)
+      g("div", null, [
+        S(m.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Es = /* @__PURE__ */ J(Is, [["__scopeId", "data-v-ff85775b"]]), Ls = ["id", "role"], As = /* @__PURE__ */ L({
+const Ls = /* @__PURE__ */ J(Es, [["__scopeId", "data-v-ff85775b"]]), As = ["id", "role"], Bs = /* @__PURE__ */ L({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -5343,13 +5347,13 @@ const Es = /* @__PURE__ */ J(Is, [["__scopeId", "data-v-ff85775b"]]), Ls = ["id"
     function s() {
       a("click"), o.selectable && n.includes(o.variant) && a("selected", { selected: !o.selected, value: o.value });
     }
-    return (r, c) => (y(), g("span", {
+    return (r, c) => (y(), h("span", {
       id: r.value.toString(),
       class: T([i.value]),
       role: r.link || r.selectable ? "button" : void 0,
       onClick: s
     }, [
-      k(r.$slots, "default", {}, () => [
+      S(r.$slots, "default", {}, () => [
         r.draggable ? (y(), N(G, {
           key: 0,
           class: "joy-tag__drag",
@@ -5367,10 +5371,10 @@ const Es = /* @__PURE__ */ J(Is, [["__scopeId", "data-v-ff85775b"]]), Ls = ["id"
         onClick: na(l, ["stop"]),
         onKeydown: dt(l, ["enter"])
       })) : C("", !0)
-    ], 10, Ls));
+    ], 10, As));
   }
 });
-const Ot = /* @__PURE__ */ J(As, [["__scopeId", "data-v-e924b86b"]]);
+const Ot = /* @__PURE__ */ J(Bs, [["__scopeId", "data-v-e924b86b"]]);
 var Me = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(Me || {});
 function on(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -5383,7 +5387,7 @@ function on(e) {
       return a;
   }) === void 0 : t(e);
 }
-const Bs = { class: "joy-tags-input__wrapper" }, Ns = ["id", "name", "placeholder"], Js = { key: 0 }, Fs = { key: 1 }, Ps = /* @__PURE__ */ L({
+const Ns = { class: "joy-tags-input__wrapper" }, Js = ["id", "name", "placeholder"], Fs = { key: 0 }, Ps = { key: 1 }, Os = /* @__PURE__ */ L({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -5427,7 +5431,7 @@ const Bs = { class: "joy-tags-input__wrapper" }, Ns = ["id", "name", "placeholde
         i.value.pop(), o("update:modelValue", i.value), I();
       }
     }
-    function S() {
+    function k() {
       l.value = !0;
     }
     function A() {
@@ -5458,18 +5462,18 @@ const Bs = { class: "joy-tags-input__wrapper" }, Ns = ["id", "name", "placeholde
     ), t({
       isInvalid: r,
       hasDuplicates: b
-    }), (j, D) => (y(), g("div", Bs, [
+    }), (j, D) => (y(), h("div", Ns, [
       j.$slots.default ? (y(), N(xe, {
         key: 0,
         id: j.name,
         class: "joy-tags-input__label"
       }, {
         default: R(() => [
-          k(j.$slots, "default", {}, void 0, !0)
+          S(j.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["id"])) : C("", !0),
-      h("div", {
+      g("div", {
         class: T([
           "joy-tags-input__inner",
           {
@@ -5478,7 +5482,7 @@ const Bs = { class: "joy-tags-input__wrapper" }, Ns = ["id", "name", "placeholde
           }
         ])
       }, [
-        (y(!0), g(K, null, Q(i.value, (U) => (y(), N(Ot, {
+        (y(!0), h(K, null, Q(i.value, (U) => (y(), N(Ot, {
           key: U,
           variant: j.variant,
           removable: !0,
@@ -5488,11 +5492,11 @@ const Bs = { class: "joy-tags-input__wrapper" }, Ns = ["id", "name", "placeholde
           onRemove: O
         }, {
           default: R(() => [
-            k(j.$slots, "tag", we(Se({ name: U })), void 0, !0)
+            S(j.$slots, "tag", we(Se({ name: U })), void 0, !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
-        h("input", {
+        g("input", {
           id: j.name,
           ref_key: "inputEl",
           ref: s,
@@ -5500,18 +5504,18 @@ const Bs = { class: "joy-tags-input__wrapper" }, Ns = ["id", "name", "placeholde
           name: j.name,
           placeholder: j.placeholder,
           onKeydown: _,
-          onFocus: S,
+          onFocus: k,
           onBlur: A
-        }, null, 40, Ns)
+        }, null, 40, Js)
       ], 2),
       p.value ? (y(), N(Ft, {
         key: 1,
         class: "joy-tags-input__error"
       }, {
         default: R(() => [
-          h("ul", null, [
-            v.value ? (y(), g("li", Js, F(j.duplicationError), 1)) : C("", !0),
-            u.value ? (y(), g("li", Fs, F(j.invalidEmailError), 1)) : C("", !0)
+          g("ul", null, [
+            v.value ? (y(), h("li", Fs, F(j.duplicationError), 1)) : C("", !0),
+            u.value ? (y(), h("li", Ps, F(j.invalidEmailError), 1)) : C("", !0)
           ])
         ]),
         _: 1
@@ -5519,7 +5523,7 @@ const Bs = { class: "joy-tags-input__wrapper" }, Ns = ["id", "name", "placeholde
     ]));
   }
 });
-const Os = /* @__PURE__ */ J(Ps, [["__scopeId", "data-v-82308363"]]), Rs = /* @__PURE__ */ L({
+const Rs = /* @__PURE__ */ J(Os, [["__scopeId", "data-v-82308363"]]), Ds = /* @__PURE__ */ L({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -5572,10 +5576,10 @@ const Os = /* @__PURE__ */ J(Ps, [["__scopeId", "data-v-82308363"]]), Rs = /* @_
     function r(c) {
       n("removeTag", c.value);
     }
-    return (c, f) => (y(), g("div", {
+    return (c, f) => (y(), h("div", {
       class: T(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (y(!0), g(K, null, Q(e.tags, (u) => (y(), N(Ot, oe({
+      (y(!0), h(K, null, Q(e.tags, (u) => (y(), N(Ot, oe({
         key: u.value || u.label
       }, u, {
         selectable: i(u),
@@ -5586,7 +5590,7 @@ const Os = /* @__PURE__ */ J(Ps, [["__scopeId", "data-v-82308363"]]), Rs = /* @_
         onSelected: (v) => s(v, u)
       }), {
         default: R(() => [
-          k(c.$slots, "tag", we(Se({
+          S(c.$slots, "tag", we(Se({
             ...u,
             selectable: i(u),
             selected: o(u),
@@ -5598,37 +5602,37 @@ const Os = /* @__PURE__ */ J(Ps, [["__scopeId", "data-v-82308363"]]), Rs = /* @_
     ], 2));
   }
 });
-const Ds = /* @__PURE__ */ J(Rs, [["__scopeId", "data-v-1d8003ef"]]);
-const Ms = {}, zs = {
+const Ms = /* @__PURE__ */ J(Ds, [["__scopeId", "data-v-1d8003ef"]]);
+const zs = {}, qs = {
   class: /* @__PURE__ */ T(["joy-template-shape__shapes"])
-}, qs = /* @__PURE__ */ yn('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), Hs = [
-  qs
+}, Hs = /* @__PURE__ */ yn('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), Ws = [
+  Hs
 ];
-function Ws(e, t) {
-  return y(), g("div", zs, Hs);
+function Us(e, t) {
+  return y(), h("div", qs, Ws);
 }
-const Bn = /* @__PURE__ */ J(Ms, [["render", Ws], ["__scopeId", "data-v-8b258f92"]]), Us = { class: "joy-template__wrapper" }, Gs = {
+const Bn = /* @__PURE__ */ J(zs, [["render", Us], ["__scopeId", "data-v-8b258f92"]]), Gs = { class: "joy-template__wrapper" }, Ks = {
   key: 0,
   class: "joy-template__heading"
-}, Ks = {
+}, Ys = {
   key: 0,
   class: "joy-template-slot-back"
-}, Ys = { class: "joy-template__heading___headings" }, Zs = {
+}, Zs = { class: "joy-template__heading___headings" }, Xs = {
   key: 0,
   class: "joy-template-slot-title"
-}, Xs = {
+}, Qs = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, Qs = {
+}, eu = {
   key: 1,
   class: "joy-template-slot-actions"
-}, eu = {
+}, tu = {
   key: 0,
   class: "joy-template-slot-main"
-}, tu = {
+}, nu = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, nu = /* @__PURE__ */ L({
+}, au = /* @__PURE__ */ L({
   __name: "VJoyTemplate",
   props: {
     full: { type: Boolean, default: !1 },
@@ -5648,28 +5652,28 @@ const Bn = /* @__PURE__ */ J(Ms, [["render", Ws], ["__scopeId", "data-v-8b258f92
   },
   setup(e) {
     const t = e, n = ne(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
-    return (o, i) => (y(), g("main", {
+    return (o, i) => (y(), h("main", {
       class: T(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
       e.shapes ? (y(), N(Bn, { key: 0 })) : C("", !0),
-      h("div", Us, [
-        a.value ? (y(), g("div", Gs, [
-          E(n)["template-back"] ? (y(), g("div", Ks, [
-            k(o.$slots, "template-back", {}, void 0, !0)
+      g("div", Gs, [
+        a.value ? (y(), h("div", Ks, [
+          E(n)["template-back"] ? (y(), h("div", Ys, [
+            S(o.$slots, "template-back", {}, void 0, !0)
           ])) : C("", !0),
-          h("div", Ys, [
-            E(n)["template-title"] ? (y(), g("div", Zs, [
-              k(o.$slots, "template-title", {}, void 0, !0)
+          g("div", Zs, [
+            E(n)["template-title"] ? (y(), h("div", Xs, [
+              S(o.$slots, "template-title", {}, void 0, !0)
             ])) : C("", !0),
-            E(n)["template-subtitle"] ? (y(), g("div", Xs, [
-              k(o.$slots, "template-subtitle", {}, void 0, !0)
+            E(n)["template-subtitle"] ? (y(), h("div", Qs, [
+              S(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : C("", !0)
           ]),
-          E(n)["template-actions"] ? (y(), g("div", Qs, [
-            k(o.$slots, "template-actions", {}, void 0, !0)
+          E(n)["template-actions"] ? (y(), h("div", eu, [
+            S(o.$slots, "template-actions", {}, void 0, !0)
           ])) : C("", !0)
         ])) : C("", !0),
-        h("div", {
+        g("div", {
           class: T([
             "joy-template__content",
             {
@@ -5677,11 +5681,11 @@ const Bn = /* @__PURE__ */ J(Ms, [["render", Ws], ["__scopeId", "data-v-8b258f92
             }
           ])
         }, [
-          o.$slots["template-main"] ? (y(), g("div", eu, [
-            k(o.$slots, "template-main", {}, void 0, !0)
+          o.$slots["template-main"] ? (y(), h("div", tu, [
+            S(o.$slots, "template-main", {}, void 0, !0)
           ])) : C("", !0),
-          o.$slots["template-sidebar"] ? (y(), g("div", tu, [
-            k(o.$slots, "template-sidebar", {}, void 0, !0)
+          o.$slots["template-sidebar"] ? (y(), h("div", nu, [
+            S(o.$slots, "template-sidebar", {}, void 0, !0)
           ])) : C("", !0)
         ], 2)
       ]),
@@ -5691,14 +5695,14 @@ const Bn = /* @__PURE__ */ J(Ms, [["render", Ws], ["__scopeId", "data-v-8b258f92
         color: e.loadingColor
       }, {
         content: R(() => [
-          k(o.$slots, "template-loader-content", {}, void 0, !0)
+          S(o.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : C("", !0)
     ], 2));
   }
 });
-const au = /* @__PURE__ */ J(nu, [["__scopeId", "data-v-7c83eb21"]]), ou = /* @__PURE__ */ L({
+const ou = /* @__PURE__ */ J(au, [["__scopeId", "data-v-7c83eb21"]]), lu = /* @__PURE__ */ L({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -5717,19 +5721,19 @@ const au = /* @__PURE__ */ J(nu, [["__scopeId", "data-v-7c83eb21"]]), ou = /* @_
       class: T(`joy-text joy-font-${e.preset}`)
     }, {
       default: R(() => [
-        k(t.$slots, "default", {}, void 0, !0)
+        S(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
-const lu = /* @__PURE__ */ J(ou, [["__scopeId", "data-v-1af4e700"]]), iu = ["aria-disabled"], ru = { class: "joy-textarea_wrapper" }, su = ["id", "disabled", "name", "required", "minlength", "value"], uu = {
+const iu = /* @__PURE__ */ J(lu, [["__scopeId", "data-v-1af4e700"]]), ru = ["aria-disabled"], su = { class: "joy-textarea_wrapper" }, uu = ["id", "disabled", "name", "required", "minlength", "value"], cu = {
   key: 0,
   class: "joy-textarea_helpers"
-}, cu = {
+}, du = {
   inheritAttrs: !1
-}, du = /* @__PURE__ */ L({
-  ...cu,
+}, fu = /* @__PURE__ */ L({
+  ...du,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -5809,7 +5813,7 @@ const lu = /* @__PURE__ */ J(ou, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
       isInvalid: s,
       valueOverMaxlength: c,
       valueUnderMinlength: f
-    }), (v, p) => (y(), g("div", {
+    }), (v, p) => (y(), h("div", {
       "aria-disabled": e.disabled,
       class: T([
         "joy-textarea",
@@ -5828,14 +5832,14 @@ const lu = /* @__PURE__ */ J(ou, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
         size: e.labelSize
       }, {
         default: R(() => [
-          k(v.$slots, "default", {}, () => [
+          S(v.$slots, "default", {}, () => [
             H(F(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
-      h("div", ru, [
-        h("textarea", oe(v.$attrs, {
+      g("div", su, [
+        g("textarea", oe(v.$attrs, {
           id: e.id,
           ref_key: "textarea",
           ref: i,
@@ -5853,10 +5857,10 @@ const lu = /* @__PURE__ */ J(ou, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
           (...d) => u.onFocus && u.onFocus(...d)),
           onBlur: p[3] || (p[3] = //@ts-ignore
           (...d) => u.onBlur && u.onBlur(...d))
-        }), null, 16, su)
+        }), null, 16, uu)
       ]),
-      e.minlength || e.maxlength ? (y(), g("div", uu, [
-        e.minlength ? (y(), g("p", {
+      e.minlength || e.maxlength ? (y(), h("div", cu, [
+        e.minlength ? (y(), h("p", {
           key: 0,
           class: T(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
@@ -5868,28 +5872,28 @@ const lu = /* @__PURE__ */ J(ou, [["__scopeId", "data-v-1af4e700"]]), iu = ["ari
           })),
           H(" " + F(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : C("", !0),
-        e.maxlength ? (y(), g("p", {
+        e.maxlength ? (y(), h("p", {
           key: 1,
           class: T(["joy-textarea-count", { "joy-textarea-count-invalid": c.value }])
         }, F(e.modelValue.length + "/" + e.maxlength), 3)) : C("", !0)
       ])) : C("", !0)
-    ], 10, iu));
+    ], 10, ru));
   }
 });
-const fu = /* @__PURE__ */ J(du, [["__scopeId", "data-v-9b0d7d06"]]), Nn = (e) => (st("data-v-cf79d999"), e = e(), ut(), e), yu = { class: "joy-toggle__wrapper" }, vu = ["name", "disabled", "checked", "required", "aria-checked", "value"], pu = { class: "joy-toggle__content" }, mu = /* @__PURE__ */ Nn(() => /* @__PURE__ */ h("span", { class: "joy-toggle__symbol" }, null, -1)), bu = { class: "joy-toggle__content-label" }, gu = /* @__PURE__ */ Nn(() => /* @__PURE__ */ h("span", { class: "joy-toggle__smile" }, [
-  /* @__PURE__ */ h("svg", {
+const yu = /* @__PURE__ */ J(fu, [["__scopeId", "data-v-9b0d7d06"]]), Nn = (e) => (st("data-v-cf79d999"), e = e(), ut(), e), vu = { class: "joy-toggle__wrapper" }, pu = ["name", "disabled", "checked", "required", "aria-checked", "value"], mu = { class: "joy-toggle__content" }, bu = /* @__PURE__ */ Nn(() => /* @__PURE__ */ g("span", { class: "joy-toggle__symbol" }, null, -1)), gu = { class: "joy-toggle__content-label" }, hu = /* @__PURE__ */ Nn(() => /* @__PURE__ */ g("span", { class: "joy-toggle__smile" }, [
+  /* @__PURE__ */ g("svg", {
     width: "18",
     height: "10",
     viewBox: "0 0 18 10",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ h("path", {
+    /* @__PURE__ */ g("path", {
       d: "M9.0237 9.14856C15.7144 9.14856 17.8736 2.22231 17.9649 1.91853L17.9345 1.94891C18.1778 1.15908 17.7216 0.308485 16.9309 0.0654591C16.1402 -0.177566 15.2886 0.278108 15.0453 1.06794C14.9845 1.25021 13.5551 6.11073 8.99328 6.11073C4.43147 6.11073 3.03249 1.43248 2.97167 1.21983C2.75878 0.399622 1.90724 -0.0560541 1.11652 0.156593C0.295397 0.369241 -0.160787 1.18945 0.0520982 2.00967C0.721165 4.4703 3.48869 9.14856 9.0237 9.14856Z",
       fill: "currentColor"
     })
   ])
-], -1)), hu = /* @__PURE__ */ L({
+], -1)), _u = /* @__PURE__ */ L({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -5935,8 +5939,8 @@ const fu = /* @__PURE__ */ J(du, [["__scopeId", "data-v-9b0d7d06"]]), Nn = (e) =
         a.value = !1;
       }
     };
-    return (i, l) => (y(), g("div", yu, [
-      h("label", {
+    return (i, l) => (y(), h("div", vu, [
+      g("label", {
         class: T([
           "joy-toggle",
           {
@@ -5946,7 +5950,7 @@ const fu = /* @__PURE__ */ J(du, [["__scopeId", "data-v-9b0d7d06"]]), Nn = (e) =
           }
         ])
       }, [
-        h("input", {
+        g("input", {
           ref: "input",
           type: "checkbox",
           class: "joy-toggle__input",
@@ -5963,29 +5967,29 @@ const fu = /* @__PURE__ */ J(du, [["__scopeId", "data-v-9b0d7d06"]]), Nn = (e) =
           (...s) => o.onFocus && o.onFocus(...s)),
           onBlur: l[2] || (l[2] = //@ts-ignore
           (...s) => o.onBlur && o.onBlur(...s))
-        }, null, 40, vu),
-        h("p", pu, [
-          mu,
-          h("span", bu, [
-            k(i.$slots, "default", {}, () => [
+        }, null, 40, pu),
+        g("p", mu, [
+          bu,
+          g("span", gu, [
+            S(i.$slots, "default", {}, () => [
               H(F(e.label), 1)
             ], !0)
           ]),
-          gu
+          hu
         ])
       ], 2)
     ]));
   }
 });
-const _u = /* @__PURE__ */ J(hu, [["__scopeId", "data-v-cf79d999"]]), He = Math.min, Be = Math.max, lt = Math.round, ge = (e) => ({
+const wu = /* @__PURE__ */ J(_u, [["__scopeId", "data-v-cf79d999"]]), He = Math.min, Be = Math.max, lt = Math.round, ge = (e) => ({
   x: e,
   y: e
-}), wu = {
+}), Su = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Su = {
+}, ku = {
   start: "end",
   end: "start"
 };
@@ -6013,20 +6017,20 @@ function Ke(e) {
 function Mt(e) {
   return Rt(Ke(e));
 }
-function ku(e, t, n) {
+function xu(e, t, n) {
   n === void 0 && (n = !1);
   const a = Ge(e), o = Mt(e), i = Dt(o);
   let l = o === "x" ? a === (n ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (l = it(l)), [l, it(l)];
 }
-function xu(e) {
+function Cu(e) {
   const t = it(e);
   return [kt(e), t, kt(t)];
 }
 function kt(e) {
-  return e.replace(/start|end/g, (t) => Su[t]);
+  return e.replace(/start|end/g, (t) => ku[t]);
 }
-function Cu(e, t, n) {
+function ju(e, t, n) {
   const a = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], l = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -6039,15 +6043,15 @@ function Cu(e, t, n) {
       return [];
   }
 }
-function ju(e, t, n, a) {
+function $u(e, t, n, a) {
   const o = Ge(e);
-  let i = Cu(he(e), n === "start", a);
+  let i = ju(he(e), n === "start", a);
   return o && (i = i.map((l) => l + "-" + o), t && (i = i.concat(i.map(kt)))), i;
 }
 function it(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => wu[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => Su[t]);
 }
-function $u(e) {
+function Vu(e) {
   return {
     top: 0,
     right: 0,
@@ -6057,7 +6061,7 @@ function $u(e) {
   };
 }
 function Jn(e) {
-  return typeof e != "number" ? $u(e) : {
+  return typeof e != "number" ? Vu(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -6121,7 +6125,7 @@ function ln(e, t, n) {
   }
   return p;
 }
-const Vu = async (e, t, n) => {
+const Tu = async (e, t, n) => {
   const {
     placement: a = "bottom",
     strategy: o = "absolute",
@@ -6141,7 +6145,7 @@ const Vu = async (e, t, n) => {
       name: m,
       fn: _
     } = s[b], {
-      x: S,
+      x: k,
       y: A,
       data: O,
       reset: P
@@ -6159,7 +6163,7 @@ const Vu = async (e, t, n) => {
         floating: t
       }
     });
-    if (f = S ?? f, u = A ?? u, p = {
+    if (f = k ?? f, u = A ?? u, p = {
       ...p,
       [m]: {
         ...p[m],
@@ -6206,7 +6210,7 @@ async function Fn(e, t) {
     boundary: c,
     rootBoundary: f,
     strategy: r
-  })), S = u === "floating" ? {
+  })), k = u === "floating" ? {
     ...l.floating,
     x: a,
     y: o
@@ -6217,10 +6221,10 @@ async function Fn(e, t) {
     x: 1,
     y: 1
   }, P = rt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    rect: S,
+    rect: k,
     offsetParent: A,
     strategy: r
-  }) : S);
+  }) : k);
   return {
     top: (_.top - P.top + d.top) / O.y,
     bottom: (P.bottom - _.bottom + d.bottom) / O.y,
@@ -6228,7 +6232,7 @@ async function Fn(e, t) {
     right: (P.right - _.right + d.right) / O.x
   };
 }
-const Tu = (e) => ({
+const Iu = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -6249,10 +6253,10 @@ const Tu = (e) => ({
     const u = Jn(f), v = {
       x: n,
       y: a
-    }, p = Mt(o), d = Dt(p), b = await l.getDimensions(c), m = p === "y", _ = m ? "top" : "left", S = m ? "bottom" : "right", A = m ? "clientHeight" : "clientWidth", O = i.reference[d] + i.reference[p] - v[p] - i.floating[d], P = v[p] - i.reference[p], I = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
+    }, p = Mt(o), d = Dt(p), b = await l.getDimensions(c), m = p === "y", _ = m ? "top" : "left", k = m ? "bottom" : "right", A = m ? "clientHeight" : "clientWidth", O = i.reference[d] + i.reference[p] - v[p] - i.floating[d], P = v[p] - i.reference[p], I = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
     let j = I ? I[A] : 0;
     (!j || !await (l.isElement == null ? void 0 : l.isElement(I))) && (j = s.floating[A] || i.floating[d]);
-    const D = O / 2 - P / 2, U = j / 2 - b[d] / 2 - 1, X = He(u[_], U), q = He(u[S], U), w = X, x = j - b[d] - q, B = j / 2 - b[d] / 2 + D, M = St(w, B, x), z = !r.arrow && Ge(o) != null && B != M && i.reference[d] / 2 - (B < w ? X : q) - b[d] / 2 < 0, W = z ? B < w ? B - w : B - x : 0;
+    const D = O / 2 - P / 2, U = j / 2 - b[d] / 2 - 1, X = He(u[_], U), q = He(u[k], U), w = X, x = j - b[d] - q, B = j / 2 - b[d] / 2 + D, M = St(w, B, x), z = !r.arrow && Ge(o) != null && B != M && i.reference[d] / 2 - (B < w ? X : q) - b[d] / 2 < 0, W = z ? B < w ? B - w : B - x : 0;
     return {
       [p]: v[p] + W,
       data: {
@@ -6265,7 +6269,7 @@ const Tu = (e) => ({
       reset: z
     };
   }
-}), Iu = function(e) {
+}), Eu = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -6289,12 +6293,12 @@ const Tu = (e) => ({
       } = Ie(e, t);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const _ = he(o), S = he(s) === s, A = await (r.isRTL == null ? void 0 : r.isRTL(c.floating)), O = v || (S || !b ? [it(s)] : xu(s));
-      !v && d !== "none" && O.push(...ju(s, b, d, A));
+      const _ = he(o), k = he(s) === s, A = await (r.isRTL == null ? void 0 : r.isRTL(c.floating)), O = v || (k || !b ? [it(s)] : Cu(s));
+      !v && d !== "none" && O.push(...$u(s, b, d, A));
       const P = [s, ...O], I = await Fn(t, m), j = [];
       let D = ((a = i.flip) == null ? void 0 : a.overflows) || [];
       if (f && j.push(I[_]), u) {
-        const w = ku(o, l, A);
+        const w = xu(o, l, A);
         j.push(I[w[0]], I[w[1]]);
       }
       if (D = [...D, {
@@ -6337,7 +6341,7 @@ const Tu = (e) => ({
     }
   };
 };
-async function Eu(e, t) {
+async function Lu(e, t) {
   const {
     placement: n,
     platform: a,
@@ -6365,7 +6369,7 @@ async function Eu(e, t) {
     y: p * f
   };
 }
-const Lu = function(e) {
+const Au = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -6373,7 +6377,7 @@ const Lu = function(e) {
       const {
         x: n,
         y: a
-      } = t, o = await Eu(t, e);
+      } = t, o = await Lu(t, e);
       return {
         x: n + o.x,
         y: a + o.y,
@@ -6381,7 +6385,7 @@ const Lu = function(e) {
       };
     }
   };
-}, Au = function(e) {
+}, Bu = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -6397,11 +6401,11 @@ const Lu = function(e) {
           fn: (m) => {
             let {
               x: _,
-              y: S
+              y: k
             } = m;
             return {
               x: _,
-              y: S
+              y: k
             };
           }
         },
@@ -6412,12 +6416,12 @@ const Lu = function(e) {
       }, f = await Fn(t, r), u = Ke(he(o)), v = Rt(u);
       let p = c[v], d = c[u];
       if (i) {
-        const m = v === "y" ? "top" : "left", _ = v === "y" ? "bottom" : "right", S = p + f[m], A = p - f[_];
-        p = St(S, p, A);
+        const m = v === "y" ? "top" : "left", _ = v === "y" ? "bottom" : "right", k = p + f[m], A = p - f[_];
+        p = St(k, p, A);
       }
       if (l) {
-        const m = u === "y" ? "top" : "left", _ = u === "y" ? "bottom" : "right", S = d + f[m], A = d - f[_];
-        d = St(S, d, A);
+        const m = u === "y" ? "top" : "left", _ = u === "y" ? "bottom" : "right", k = d + f[m], A = d - f[_];
+        d = St(k, d, A);
       }
       const b = s.fn({
         ...t,
@@ -6433,7 +6437,7 @@ const Lu = function(e) {
       };
     }
   };
-}, Bu = function(e) {
+}, Nu = function(e) {
   return e === void 0 && (e = {}), {
     options: e,
     fn(t) {
@@ -6465,8 +6469,8 @@ const Lu = function(e) {
         p < O ? p = O : p > P && (p = P);
       }
       if (c) {
-        var _, S;
-        const A = v === "y" ? "width" : "height", O = ["top", "left"].includes(he(o)), P = i.reference[u] - i.floating[A] + (O && ((_ = l.offset) == null ? void 0 : _[u]) || 0) + (O ? 0 : m.crossAxis), I = i.reference[u] + i.reference[A] + (O ? 0 : ((S = l.offset) == null ? void 0 : S[u]) || 0) - (O ? m.crossAxis : 0);
+        var _, k;
+        const A = v === "y" ? "width" : "height", O = ["top", "left"].includes(he(o)), P = i.reference[u] - i.floating[A] + (O && ((_ = l.offset) == null ? void 0 : _[u]) || 0) + (O ? 0 : m.crossAxis), I = i.reference[u] + i.reference[A] + (O ? 0 : ((k = l.offset) == null ? void 0 : k[u]) || 0) - (O ? m.crossAxis : 0);
         d < P ? d = P : d > I && (d = I);
       }
       return {
@@ -6508,14 +6512,14 @@ function Ye(e) {
   } = ce(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + a + n) && !["inline", "contents"].includes(o);
 }
-function Nu(e) {
+function Ju(e) {
   return ["table", "td", "th"].includes(_e(e));
 }
 function zt(e) {
   const t = qt(), n = ce(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((a) => (n.willChange || "").includes(a)) || ["paint", "layout", "strict", "content"].some((a) => (n.contain || "").includes(a));
 }
-function Ju(e) {
+function Fu(e) {
   let t = Je(e);
   for (; ye(t) && !yt(t); ) {
     if (zt(t))
@@ -6592,15 +6596,15 @@ function Ne(e) {
     y: s
   };
 }
-const Fu = /* @__PURE__ */ ge(0);
+const Pu = /* @__PURE__ */ ge(0);
 function Mn(e) {
   const t = ie(e);
-  return !qt() || !t.visualViewport ? Fu : {
+  return !qt() || !t.visualViewport ? Pu : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Pu(e, t, n) {
+function Ou(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ie(e) ? !1 : t;
 }
 function We(e, t, n, a) {
@@ -6608,14 +6612,14 @@ function We(e, t, n, a) {
   const o = e.getBoundingClientRect(), i = Dn(e);
   let l = ge(1);
   t && (a ? ve(a) && (l = Ne(a)) : l = Ne(e));
-  const s = Pu(i, n, a) ? Mn(i) : ge(0);
+  const s = Ou(i, n, a) ? Mn(i) : ge(0);
   let r = (o.left + s.x) / l.x, c = (o.top + s.y) / l.y, f = o.width / l.x, u = o.height / l.y;
   if (i) {
     const v = ie(i), p = a && ve(a) ? ie(a) : a;
     let d = v.frameElement;
     for (; d && a && p !== v; ) {
-      const b = Ne(d), m = d.getBoundingClientRect(), _ = ce(d), S = m.left + (d.clientLeft + parseFloat(_.paddingLeft)) * b.x, A = m.top + (d.clientTop + parseFloat(_.paddingTop)) * b.y;
-      r *= b.x, c *= b.y, f *= b.x, u *= b.y, r += S, c += A, d = ie(d).frameElement;
+      const b = Ne(d), m = d.getBoundingClientRect(), _ = ce(d), k = m.left + (d.clientLeft + parseFloat(_.paddingLeft)) * b.x, A = m.top + (d.clientTop + parseFloat(_.paddingTop)) * b.y;
+      r *= b.x, c *= b.y, f *= b.x, u *= b.y, r += k, c += A, d = ie(d).frameElement;
     }
   }
   return rt({
@@ -6625,7 +6629,7 @@ function We(e, t, n, a) {
     y: c
   });
 }
-function Ou(e) {
+function Ru(e) {
   let {
     rect: t,
     offsetParent: n,
@@ -6650,13 +6654,13 @@ function Ou(e) {
     y: t.y * s.y - l.scrollTop * s.y + r.y
   };
 }
-function Ru(e) {
+function Du(e) {
   return Array.from(e.getClientRects());
 }
 function zn(e) {
   return We(Ce(e)).left + vt(e).scrollLeft;
 }
-function Du(e) {
+function Mu(e) {
   const t = Ce(e), n = vt(e), a = e.ownerDocument.body, o = Be(t.scrollWidth, t.clientWidth, a.scrollWidth, a.clientWidth), i = Be(t.scrollHeight, t.clientHeight, a.scrollHeight, a.clientHeight);
   let l = -n.scrollLeft + zn(e);
   const s = -n.scrollTop;
@@ -6667,7 +6671,7 @@ function Du(e) {
     y: s
   };
 }
-function Mu(e, t) {
+function zu(e, t) {
   const n = ie(e), a = Ce(e), o = n.visualViewport;
   let i = a.clientWidth, l = a.clientHeight, s = 0, r = 0;
   if (o) {
@@ -6682,7 +6686,7 @@ function Mu(e, t) {
     y: r
   };
 }
-function zu(e, t) {
+function qu(e, t) {
   const n = We(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, i = ye(e) ? Ne(e) : ge(1), l = e.clientWidth * i.x, s = e.clientHeight * i.y, r = o * i.x, c = a * i.y;
   return {
     width: l,
@@ -6694,11 +6698,11 @@ function zu(e, t) {
 function sn(e, t, n) {
   let a;
   if (t === "viewport")
-    a = Mu(e, n);
+    a = zu(e, n);
   else if (t === "document")
-    a = Du(Ce(e));
+    a = Mu(Ce(e));
   else if (ve(t))
-    a = zu(t, n);
+    a = qu(t, n);
   else {
     const o = Mn(e);
     a = {
@@ -6713,7 +6717,7 @@ function qn(e, t) {
   const n = Je(e);
   return n === t || !ve(n) || yt(n) ? !1 : ce(n).position === "fixed" || qn(n, t);
 }
-function qu(e, t) {
+function Hu(e, t) {
   const n = t.get(e);
   if (n)
     return n;
@@ -6726,14 +6730,14 @@ function qu(e, t) {
   }
   return t.set(e, a), a;
 }
-function Hu(e) {
+function Wu(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: a,
     strategy: o
   } = e;
-  const l = [...n === "clippingAncestors" ? qu(t, this._c) : [].concat(n), a], s = l[0], r = l.reduce((c, f) => {
+  const l = [...n === "clippingAncestors" ? Hu(t, this._c) : [].concat(n), a], s = l[0], r = l.reduce((c, f) => {
     const u = sn(t, f, o);
     return c.top = Be(u.top, c.top), c.right = He(u.right, c.right), c.bottom = He(u.bottom, c.bottom), c.left = Be(u.left, c.left), c;
   }, sn(t, s, o));
@@ -6744,10 +6748,10 @@ function Hu(e) {
     y: r.top
   };
 }
-function Wu(e) {
+function Uu(e) {
   return Rn(e);
 }
-function Uu(e, t, n) {
+function Gu(e, t, n) {
   const a = ye(t), o = Ce(t), i = n === "fixed", l = We(e, !0, i, t);
   let s = {
     scrollLeft: 0,
@@ -6775,11 +6779,11 @@ function Hn(e, t) {
   if (!ye(e))
     return n;
   let a = un(e, t);
-  for (; a && Nu(a) && ce(a).position === "static"; )
+  for (; a && Ju(a) && ce(a).position === "static"; )
     a = un(a, t);
-  return a && (_e(a) === "html" || _e(a) === "body" && ce(a).position === "static" && !zt(a)) ? n : a || Ju(e) || n;
+  return a && (_e(a) === "html" || _e(a) === "body" && ce(a).position === "static" && !zt(a)) ? n : a || Fu(e) || n;
 }
-const Gu = async function(e) {
+const Ku = async function(e) {
   let {
     reference: t,
     floating: n,
@@ -6787,7 +6791,7 @@ const Gu = async function(e) {
   } = e;
   const o = this.getOffsetParent || Hn, i = this.getDimensions;
   return {
-    reference: Uu(t, await o(n), a),
+    reference: Gu(t, await o(n), a),
     floating: {
       x: 0,
       y: 0,
@@ -6795,29 +6799,29 @@ const Gu = async function(e) {
     }
   };
 };
-function Ku(e) {
+function Yu(e) {
   return ce(e).direction === "rtl";
 }
-const Yu = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ou,
+const Zu = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ru,
   getDocumentElement: Ce,
-  getClippingRect: Hu,
+  getClippingRect: Wu,
   getOffsetParent: Hn,
-  getElementRects: Gu,
-  getClientRects: Ru,
-  getDimensions: Wu,
+  getElementRects: Ku,
+  getClientRects: Du,
+  getDimensions: Uu,
   getScale: Ne,
   isElement: ve,
-  isRTL: Ku
-}, Zu = (e, t, n) => {
+  isRTL: Yu
+}, Xu = (e, t, n) => {
   const a = /* @__PURE__ */ new Map(), o = {
-    platform: Yu,
+    platform: Zu,
     ...n
   }, i = {
     ...o.platform,
     _c: a
   };
-  return Vu(e, t, {
+  return Tu(e, t, {
     ...o,
     platform: i
   });
@@ -6826,13 +6830,13 @@ function Ct(e) {
   var t;
   return (t = e == null ? void 0 : e.$el) != null ? t : e;
 }
-function Xu(e) {
+function Qu(e) {
   return {
     name: "arrow",
     options: e,
     fn(t) {
       const n = Ct(E(e.element));
-      return n == null ? {} : Tu({
+      return n == null ? {} : Iu({
         element: n,
         padding: e.padding
       }).fn(t);
@@ -6846,7 +6850,7 @@ function cn(e, t) {
   const n = Wn(e);
   return Math.round(t * n) / n;
 }
-function Qu(e, t, n) {
+function ec(e, t, n) {
   n === void 0 && (n = {});
   const a = n.whileElementsMounted, o = V(() => {
     var j;
@@ -6881,9 +6885,9 @@ function Qu(e, t, n) {
       top: U + "px"
     };
   });
-  let S;
+  let k;
   function A() {
-    c.value == null || f.value == null || Zu(c.value, f.value, {
+    c.value == null || f.value == null || Xu(c.value, f.value, {
       middleware: i.value,
       placement: l.value,
       strategy: s.value
@@ -6892,7 +6896,7 @@ function Qu(e, t, n) {
     });
   }
   function O() {
-    typeof S == "function" && (S(), S = void 0);
+    typeof k == "function" && (k(), k = void 0);
   }
   function P() {
     if (O(), a === void 0) {
@@ -6900,7 +6904,7 @@ function Qu(e, t, n) {
       return;
     }
     if (c.value != null && f.value != null) {
-      S = a(c.value, f.value, A);
+      k = a(c.value, f.value, A);
       return;
     }
   }
@@ -6924,7 +6928,7 @@ function Qu(e, t, n) {
     update: A
   };
 }
-const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
+const tc = { class: "joy-tooltip__content__inner" }, nc = /* @__PURE__ */ L({
   __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  */
@@ -6963,18 +6967,18 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
   },
   setup(e, { expose: t }) {
     const n = e, a = $(!1), o = $(null), i = $(null), l = $(), s = $(
-      Qu(o, i, {
+      ec(o, i, {
         placement: n.placement,
         transform: !1,
         middleware: [
-          Lu(10),
-          Au({
-            limiter: Bu()
+          Au(10),
+          Bu({
+            limiter: Nu()
           }),
-          Iu({
+          Eu({
             fallbackPlacements: ["bottom", "top", "left", "right"]
           }),
-          Xu({ element: l, padding: 0 })
+          Qu({ element: l, padding: 0 })
         ]
       })
     ), r = ne(), c = V(() => r["tooltip-content"] || n.text);
@@ -6994,7 +6998,7 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
       }, n.delay);
     }
     const d = V(() => {
-      const { middlewareData: b, placement: m } = s.value, _ = b.arrow, S = {
+      const { middlewareData: b, placement: m } = s.value, _ = b.arrow, k = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -7005,7 +7009,7 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
         top: (_ == null ? void 0 : _.y) && `${_ == null ? void 0 : _.y}px`,
         right: "",
         bottom: "",
-        [S]: "-4px"
+        [k]: "-4px"
       };
     });
     return se(() => {
@@ -7023,18 +7027,18 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
       default: R(() => {
         var _;
         return [
-          h("div", {
+          g("div", {
             ref_key: "tooltipWrapper",
             ref: o,
             class: "joy-tooltip__wrapper",
             onClick: v,
             onMouseenter: f,
             onMouseleave: u,
-            onKeydown: m[0] || (m[0] = dt((S) => p(!1), ["tab"]))
+            onKeydown: m[0] || (m[0] = dt((k) => p(!1), ["tab"]))
           }, [
-            k(b.$slots, "default", {}, void 0, !0),
+            S(b.$slots, "default", {}, void 0, !0),
             (y(), N(ct, { to: "body" }, [
-              a.value && c.value ? (y(), g("div", {
+              a.value && c.value ? (y(), h("div", {
                 key: 0,
                 ref_key: "tooltip",
                 ref: i,
@@ -7048,12 +7052,12 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
                 ]),
                 style: ue({ ...(_ = s.value) == null ? void 0 : _.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
-                h("div", ec, [
-                  k(b.$slots, "tooltip-content", {}, () => [
+                g("div", tc, [
+                  S(b.$slots, "tooltip-content", {}, () => [
                     H(F(e.text), 1)
                   ], !0)
                 ]),
-                h("div", {
+                g("div", {
                   ref_key: "tooltipArrow",
                   ref: l,
                   class: "joy-tooltip__arrow",
@@ -7068,7 +7072,7 @@ const ec = { class: "joy-tooltip__content__inner" }, tc = /* @__PURE__ */ L({
     }, 512));
   }
 });
-const nc = /* @__PURE__ */ J(tc, [["__scopeId", "data-v-9fdad75d"]]), ac = { class: "joy-user-card__picture" }, oc = { class: "joy-user-card__informations" }, lc = { class: "joy-user-card__title" }, ic = { class: "joy-user-card__subtitle" }, rc = /* @__PURE__ */ L({
+const ac = /* @__PURE__ */ J(nc, [["__scopeId", "data-v-9fdad75d"]]), oc = { class: "joy-user-card__picture" }, lc = { class: "joy-user-card__informations" }, ic = { class: "joy-user-card__title" }, rc = { class: "joy-user-card__subtitle" }, sc = /* @__PURE__ */ L({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7100,33 +7104,33 @@ const nc = /* @__PURE__ */ J(tc, [["__scopeId", "data-v-9fdad75d"]]), ac = { cla
       title: e.fullName
     }, t.$attrs), {
       default: R(() => [
-        h("div", ac, [
-          k(t.$slots, "user-card-avatar", {}, () => [
+        g("div", oc, [
+          S(t.$slots, "user-card-avatar", {}, () => [
             Y(E(vn), {
               "photo-url": e.photoUrl,
               "full-name": e.fullName
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        h("div", oc, [
-          h("p", lc, [
-            k(t.$slots, "user-card-title", {}, () => [
+        g("div", lc, [
+          g("p", ic, [
+            S(t.$slots, "user-card-title", {}, () => [
               H(F(e.fullName), 1)
             ], !0)
           ]),
-          h("p", ic, [
-            k(t.$slots, "user-card-subtitle", {}, () => [
+          g("p", rc, [
+            S(t.$slots, "user-card-subtitle", {}, () => [
               H(F(e.subTitle), 1)
             ], !0)
           ]),
-          k(t.$slots, "user-card-rating-stars", {}, () => [
+          S(t.$slots, "user-card-rating-stars", {}, () => [
             e.ratingValue ? (y(), N(E(In), {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : C("", !0)
           ], !0),
-          h("div", null, [
-            k(t.$slots, "default", {}, void 0, !0)
+          g("div", null, [
+            S(t.$slots, "default", {}, void 0, !0)
           ])
         ])
       ]),
@@ -7134,7 +7138,7 @@ const nc = /* @__PURE__ */ J(tc, [["__scopeId", "data-v-9fdad75d"]]), ac = { cla
     }, 16, ["href", "title"]));
   }
 });
-const sc = /* @__PURE__ */ J(rc, [["__scopeId", "data-v-2a8e1076"]]), uc = /* @__PURE__ */ L({
+const uc = /* @__PURE__ */ J(sc, [["__scopeId", "data-v-2a8e1076"]]), cc = /* @__PURE__ */ L({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -7178,7 +7182,7 @@ const sc = /* @__PURE__ */ J(rc, [["__scopeId", "data-v-2a8e1076"]]), uc = /* @_
     }
   },
   setup(e) {
-    return It("VJoyWrapperContext", e), (n, a) => (y(), g("div", {
+    return It("VJoyWrapperContext", e), (n, a) => (y(), h("div", {
       class: T([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
@@ -7191,11 +7195,11 @@ const sc = /* @__PURE__ */ J(rc, [["__scopeId", "data-v-2a8e1076"]]), uc = /* @_
         { "joy-wrapper--has-margin": !e.noMargin }
       ])
     }, [
-      k(n.$slots, "default", {}, void 0, !0)
+      S(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const Ht = /* @__PURE__ */ J(uc, [["__scopeId", "data-v-68d89412"]]), cc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ht = /* @__PURE__ */ J(cc, [["__scopeId", "data-v-68d89412"]]), dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VJoyAvailability: sa,
   VJoyAvatar: vn,
@@ -7225,46 +7229,46 @@ const Ht = /* @__PURE__ */ J(uc, [["__scopeId", "data-v-68d89412"]]), cc = /* @_
   VJoyFormFieldSkeleton: hi,
   VJoyFunnel: $i,
   VJoyHeader: Li,
-  VJoyHighlight: Fi,
+  VJoyHighlight: Pi,
   VJoyIcon: G,
   VJoyIndicator: Tn,
-  VJoyIndicators: Di,
-  VJoyInput: Yi,
+  VJoyIndicators: Mi,
+  VJoyInput: Zi,
   VJoyLabel: xe,
-  VJoyLink: er,
-  VJoyMenu: lr,
-  VJoyMultiCheckbox: ur,
-  VJoyPagination: pr,
-  VJoyPanel: xr,
-  VJoyPanelSection: Tr,
-  VJoyProgressBar: Lr,
-  VJoyRadio: Pr,
-  VJoyRadioGroup: Dr,
+  VJoyLink: tr,
+  VJoyMenu: ir,
+  VJoyMultiCheckbox: cr,
+  VJoyPagination: mr,
+  VJoyPanel: Cr,
+  VJoyPanelSection: Ir,
+  VJoyProgressBar: Ar,
+  VJoyRadio: Or,
+  VJoyRadioGroup: Mr,
   VJoyRatingStars: In,
   VJoyScreenLoader: Pt,
-  VJoySelect: Qr,
+  VJoySelect: es,
   VJoySelectableItem: En,
-  VJoySelectableItemGroup: is,
-  VJoySeparator: ss,
+  VJoySelectableItemGroup: rs,
+  VJoySeparator: us,
   VJoySnackbar: Ln,
   VJoySpinner: Et,
   VJoyStep: An,
-  VJoyStepper: _s,
-  VJoyTab: ks,
-  VJoyTabs: Es,
+  VJoyStepper: ws,
+  VJoyTab: xs,
+  VJoyTabs: Ls,
   VJoyTag: Ot,
-  VJoyTagsInput: Os,
-  VJoyTagsList: Ds,
-  VJoyTemplate: au,
+  VJoyTagsInput: Rs,
+  VJoyTagsList: Ms,
+  VJoyTemplate: ou,
   VJoyTemplateShape: Bn,
-  VJoyText: lu,
-  VJoyTextarea: fu,
-  VJoyToggle: _u,
-  VJoyTooltip: nc,
-  VJoyUserCard: sc,
+  VJoyText: iu,
+  VJoyTextarea: yu,
+  VJoyToggle: wu,
+  VJoyTooltip: ac,
+  VJoyUserCard: uc,
   VJoyWrapper: Ht
 }, Symbol.toStringTag, { value: "Module" }));
-function dc(e) {
+function fc(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, n) {
     var a = e.get(t);
     a ? a.push(n) : e.set(t, [n]);
@@ -7280,15 +7284,15 @@ function dc(e) {
     });
   } };
 }
-function fc() {
-  return dc();
+function yc() {
+  return fc();
 }
-const jt = "joy-snackbar__container", yc = "joy-snackbar__shell--";
+const jt = "joy-snackbar__container", vc = "joy-snackbar__shell--";
 let et = 0, $t = [];
-function vc() {
+function pc() {
   et = 0, $t = [];
 }
-function pc(e = { appendTo: "body", defaultMountSelector: jt }) {
+function mc(e = { appendTo: "body", defaultMountSelector: jt }) {
   var a;
   const t = document.createElement("div");
   t.id = e.defaultMountSelector;
@@ -7304,11 +7308,11 @@ function pc(e = { appendTo: "body", defaultMountSelector: jt }) {
         }
     `, document.head.appendChild(n), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (a = document.body.querySelector(e.appendTo)) == null || a.appendChild(t));
 }
-function gc(e) {
+function hc(e) {
   var i, l;
-  e.disableStacking && ($t.forEach((s) => s.unmount()), vc(), document.getElementById(jt).innerHTML = ""), et++;
+  e.disableStacking && ($t.forEach((s) => s.unmount()), pc(), document.getElementById(jt).innerHTML = ""), et++;
   let t, n;
-  const a = fc();
+  const a = yc();
   t = oa(
     Ln,
     Object.assign(e.props, {
@@ -7317,7 +7321,7 @@ function gc(e) {
     })
   );
   const o = document.createElement("div");
-  return o.classList.add("joy-snackbar__shell"), n = `${yc}${et}`, o.id = n, e.snackbarHostId ? (i = document.getElementById(e.snackbarHostId)) == null || i.appendChild(o) : (l = document.getElementById(jt)) == null || l.appendChild(o), t.use(mc).mount("#" + n), $t.push(t), a.on("snackbar:hide", () => {
+  return o.classList.add("joy-snackbar__shell"), n = `${vc}${et}`, o.id = n, e.snackbarHostId ? (i = document.getElementById(e.snackbarHostId)) == null || i.appendChild(o) : (l = document.getElementById(jt)) == null || l.appendChild(o), t.use(bc).mount("#" + n), $t.push(t), a.on("snackbar:hide", () => {
     var s;
     t.unmount(), (s = document.getElementById(n)) == null || s.remove();
   }), {
@@ -7325,15 +7329,15 @@ function gc(e) {
     snackbarApp: t
   };
 }
-const mc = {
+const bc = {
   install: (e, t = { env: "client" }) => {
-    Object.entries(cc).forEach(([n, a]) => {
+    Object.entries(dc).forEach(([n, a]) => {
       e.component(n, a);
-    }), t.env === "client" && pc(), e.directive("joy-ripple", la);
+    }), t.env === "client" && mc(), e.directive("joy-ripple", la);
   }
 };
 export {
-  mc as JoyVuePlugin,
+  bc as JoyVuePlugin,
   sa as VJoyAvailability,
   vn as VJoyAvatar,
   ha as VJoyAvatarsList,
@@ -7362,46 +7366,46 @@ export {
   hi as VJoyFormFieldSkeleton,
   $i as VJoyFunnel,
   Li as VJoyHeader,
-  Fi as VJoyHighlight,
+  Pi as VJoyHighlight,
   G as VJoyIcon,
   Tn as VJoyIndicator,
-  Di as VJoyIndicators,
-  Yi as VJoyInput,
+  Mi as VJoyIndicators,
+  Zi as VJoyInput,
   xe as VJoyLabel,
-  er as VJoyLink,
-  lr as VJoyMenu,
-  ur as VJoyMultiCheckbox,
-  pr as VJoyPagination,
-  xr as VJoyPanel,
-  Tr as VJoyPanelSection,
-  Lr as VJoyProgressBar,
-  Pr as VJoyRadio,
-  Dr as VJoyRadioGroup,
+  tr as VJoyLink,
+  ir as VJoyMenu,
+  cr as VJoyMultiCheckbox,
+  mr as VJoyPagination,
+  Cr as VJoyPanel,
+  Ir as VJoyPanelSection,
+  Ar as VJoyProgressBar,
+  Or as VJoyRadio,
+  Mr as VJoyRadioGroup,
   In as VJoyRatingStars,
   Pt as VJoyScreenLoader,
-  Qr as VJoySelect,
+  es as VJoySelect,
   En as VJoySelectableItem,
-  is as VJoySelectableItemGroup,
-  ss as VJoySeparator,
+  rs as VJoySelectableItemGroup,
+  us as VJoySeparator,
   Ln as VJoySnackbar,
   Et as VJoySpinner,
   An as VJoyStep,
-  _s as VJoyStepper,
-  ks as VJoyTab,
-  Es as VJoyTabs,
+  ws as VJoyStepper,
+  xs as VJoyTab,
+  Ls as VJoyTabs,
   Ot as VJoyTag,
-  Os as VJoyTagsInput,
-  Ds as VJoyTagsList,
-  au as VJoyTemplate,
+  Rs as VJoyTagsInput,
+  Ms as VJoyTagsList,
+  ou as VJoyTemplate,
   Bn as VJoyTemplateShape,
-  lu as VJoyText,
-  fu as VJoyTextarea,
-  _u as VJoyToggle,
-  nc as VJoyTooltip,
-  sc as VJoyUserCard,
+  iu as VJoyText,
+  yu as VJoyTextarea,
+  wu as VJoyToggle,
+  ac as VJoyTooltip,
+  uc as VJoyUserCard,
   Ht as VJoyWrapper,
-  pc as createAllSnackbarsContainer,
-  gc as pushVJoySnackbar,
-  vc as resetCount,
+  mc as createAllSnackbarsContainer,
+  hc as pushVJoySnackbar,
+  pc as resetCount,
   $t as snackbarMountedInstances
 };