@maltjoy/core-vue 3.31.0 → 3.31.1

package/dist/{style-dN97fQhG.js → style-CrWEd_pG.js}

@@ -56,7 +56,7 @@ const ca = {
   for (const [a, o] of t)
     n[a] = o;
   return n;
-}, ac = /* @__PURE__ */ F(fa, [["__scopeId", "data-v-3452c6e7"]]), va = ["role", "tabindex", "aria-label", "title"], Y = /* @__PURE__ */ B({
+}, nc = /* @__PURE__ */ F(fa, [["__scopeId", "data-v-3452c6e7"]]), va = ["role", "tabindex", "aria-label", "title"], Y = /* @__PURE__ */ B({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -104,18 +104,15 @@ const ca = {
       }, null, 2)
     ], 10, va));
   }
-}), ya = (e) => (Ye("data-v-0a12589b"), e = e(), Ze(), e), pa = {
-  ref: "avatarEl",
-  class: "joy-avatar__wrapper"
-}, ma = ["src", "title", "alt"], ha = {
+}), ya = (e) => (Ye("data-v-8ff834c8"), e = e(), Ze(), e), pa = ["src", "title", "alt", "loading"], ma = {
   key: 0,
   class: "joy-avatar__strategy"
-}, ba = ["height"], ga = /* @__PURE__ */ ya(() => /* @__PURE__ */ b("path", {
+}, ha = ["height"], ba = /* @__PURE__ */ ya(() => /* @__PURE__ */ b("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)), wa = [
-  ga
-], Sa = /* @__PURE__ */ B({
+}, null, -1)), ga = [
+  ba
+], wa = /* @__PURE__ */ B({
   __name: "VJoyAvatar",
   props: {
     /** 3 different sizes of avatar */
@@ -140,6 +137,11 @@ const ca = {
     profile: {
       type: String,
       default: "default"
+    },
+    /** Only applied if you set a photoUrl */
+    loading: {
+      type: String,
+      default: "lazy"
     }
   },
   emits: ["click"],
@@ -167,7 +169,10 @@ const ca = {
     return t({
       isAnonymous: i,
       initials: u
-    }), (c, y) => (d(), g("div", pa, [
+    }), (c, y) => (d(), g("div", {
+      ref: "avatarEl",
+      class: E(["joy-avatar__wrapper", [`joy-avatar__wrapper--${e.size}`]])
+    }, [
       (d(), L(re(e.link ? "button" : "div"), ae(l.value, {
         class: [s.value],
         onClick: f
@@ -184,8 +189,8 @@ const ca = {
             src: e.photoUrl,
             title: e.fullName,
             alt: e.fullName || "",
-            loading: "lazy"
-          }, null, 8, ma)) : j("", !0),
+            loading: e.loading
+          }, null, 8, pa)) : j("", !0),
           e.fullName ? (d(), g(G, { key: 2 }, [
             W(O(u.value), 1)
           ], 64)) : j("", !0),
@@ -195,18 +200,18 @@ const ca = {
         ]),
         _: 1
       }, 16, ["class"])),
-      e.profile === "strategy" ? (d(), g("span", ha, [
+      e.profile === "strategy" ? (d(), g("span", ma, [
         (d(), g("svg", {
           width: "12",
           height: e.size === "small" ? "10" : "16",
           viewBox: "0 0 12 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, wa, 8, ba))
+        }, ga, 8, ha))
       ])) : j("", !0)
-    ], 512));
+    ], 2));
   }
-}), _a = /* @__PURE__ */ F(Sa, [["__scopeId", "data-v-0a12589b"]]), ka = /* @__PURE__ */ B({
+}), Sa = /* @__PURE__ */ F(wa, [["__scopeId", "data-v-8ff834c8"]]), _a = /* @__PURE__ */ B({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -223,7 +228,7 @@ const ca = {
       _(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), oc = /* @__PURE__ */ F(ka, [["__scopeId", "data-v-c985cccf"]]), ja = { key: 0 }, $a = /* @__PURE__ */ B({
+}), ac = /* @__PURE__ */ F(_a, [["__scopeId", "data-v-c985cccf"]]), ka = { key: 0 }, ja = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -236,10 +241,10 @@ const ca = {
     return (t, n) => (d(), g("div", {
       class: E(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": e.number }])
     }, [
-      e.number ? (d(), g("span", ja, O(e.number > 99 ? "99+" : e.number), 1)) : j("", !0)
+      e.number ? (d(), g("span", ka, O(e.number > 99 ? "99+" : e.number), 1)) : j("", !0)
     ], 2));
   }
-}), Wt = /* @__PURE__ */ F($a, [["__scopeId", "data-v-0dc5251e"]]), Ca = /* @__PURE__ */ B({
+}), Wt = /* @__PURE__ */ F(ja, [["__scopeId", "data-v-0dc5251e"]]), $a = /* @__PURE__ */ B({
   __name: "VJoyBadge",
   props: {
     /**
@@ -287,82 +292,82 @@ const ca = {
       ], !0)
     ], 2));
   }
-}), xa = /* @__PURE__ */ F(Ca, [["__scopeId", "data-v-c96c1104"]]);
+}), Ca = /* @__PURE__ */ F($a, [["__scopeId", "data-v-80e93664"]]);
 var ne = /* @__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))(ne || {}), it = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(it || {});
-const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-badge-level" }, Va = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), xa = { class: "joy-badge-level" }, Ta = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#264FFA",
   d: "M5.71533 12.2962 11.4243 18l.0049-11.45716-5.71387 5.75336Z"
-}, null, -1)), Ia = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), Va = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#FC5757",
   d: "M.00195312 6.54284.00671145 18 5.7158 12.2962.00195312 6.54284Z"
-}, null, -1)), Ea = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), Ia = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("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)), La = [
+}, null, -1)), Ea = [
+  Ta,
   Va,
-  Ia,
-  Ea
-], Aa = {
+  Ia
+], La = {
   key: 1,
   class: "joy-badge-level__highpotential",
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ba = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, Aa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
   fill: "#FFC200"
-}, null, -1)), Fa = [
-  Ba
-], Na = {
+}, null, -1)), Ba = [
+  Aa
+], Fa = {
   key: 2,
   class: "joy-badge-level__high-potential-auto",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 64 64",
   "enable-background": "new 0 0 64 64"
-}, za = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, Na = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("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)), Pa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), za = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("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)), Oa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), Pa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("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)), Ra = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), Oa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("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)), Da = [
+}, null, -1)), Ra = [
+  Na,
   za,
   Pa,
-  Oa,
-  Ra
-], Ma = {
+  Oa
+], Da = {
   key: 3,
   class: "joy-badge-level__maltlinker",
   viewBox: "0 0 23 11",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ja = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, Ma = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   d: "M5.77736 10.4456C4.45736 10.4406 3.21936 9.91961 2.29036 8.98161C1.62236 8.30661 1.17136 7.47461 0.97336 6.56861C0.97336 6.56861 0.97336 6.56861 0.97336 6.56761C0.96536 6.53061 0.95736 6.49361 0.94936 6.45561C0.94936 6.45061 0.94836 6.44561 0.94736 6.44061C0.94136 6.40761 0.93536 6.37461 0.92936 6.34061C0.92736 6.33161 0.92636 6.32261 0.92436 6.31261C0.91936 6.28361 0.91536 6.25461 0.91036 6.22461C0.90836 6.21161 0.90736 6.19861 0.90536 6.18561C0.90136 6.15961 0.89836 6.13361 0.89536 6.10761C0.89336 6.09161 0.89136 6.07561 0.88936 6.05961C0.88636 6.03561 0.88436 6.01261 0.88236 5.98861C0.88036 5.97061 0.87836 5.95161 0.87736 5.93361C0.87536 5.91161 0.87336 5.89061 0.87136 5.86861C0.87036 5.84861 0.86836 5.82861 0.86736 5.80761C0.86636 5.78761 0.86536 5.76661 0.86436 5.74661C0.86336 5.72661 0.86236 5.70561 0.86136 5.68461C0.86036 5.66461 0.86036 5.64461 0.85936 5.62461C0.85936 5.60361 0.85936 5.58161 0.85836 5.56061C0.85836 5.54061 0.85836 5.51961 0.85836 5.49961C0.85836 5.47961 0.85836 5.45861 0.85836 5.43861C0.85836 5.41761 0.85936 5.39661 0.85936 5.37561C0.85936 5.35561 0.86036 5.33561 0.86136 5.31561C0.86236 5.29461 0.86336 5.27361 0.86436 5.25261C0.86536 5.23261 0.86636 5.21161 0.86736 5.19161C0.86836 5.17161 0.86936 5.15161 0.87136 5.13061C0.87336 5.10961 0.87436 5.08761 0.87636 5.06661C0.87836 5.04761 0.88036 5.02961 0.88236 5.01061C0.88436 4.98661 0.88736 4.96361 0.88936 4.94061C0.89136 4.92461 0.89336 4.90861 0.89536 4.89261C0.89836 4.86661 0.90236 4.84061 0.90536 4.81461C0.90736 4.80061 0.90836 4.78761 0.91036 4.77461C0.91436 4.74561 0.91936 4.71561 0.92436 4.68661C0.92636 4.67761 0.92736 4.66761 0.92936 4.65861C0.93536 4.62561 0.94136 4.59161 0.94736 4.55861C0.94836 4.55361 0.94936 4.54861 0.95036 4.54361C0.95736 4.50561 0.96536 4.46861 0.97336 4.43061C0.97336 4.43061 0.97336 4.43061 0.97336 4.42961C1.17136 3.52561 1.62236 2.69261 2.29036 2.01761C3.21936 1.07961 4.45836 0.559612 5.77736 0.554612L6.18236 0.552612L6.52236 0.553612L11.5024 5.49961L6.52236 10.4456L6.18236 10.4476L5.77736 10.4456Z",
   fill: "#E3F8FB"
-}, null, -1)), qa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), Ja = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("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)), Ha = [
-  Ja,
-  qa
-], Wa = {
+}, null, -1)), qa = [
+  Ma,
+  Ja
+], Ha = {
   key: 4,
   class: "joy-badge-level__highpotential-program",
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ua = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, Wa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
   fill: "#FFC200"
-}, null, -1)), Ka = [
-  Ua
-], Ga = /* @__PURE__ */ B({
+}, null, -1)), Ua = [
+  Wa
+], Ka = /* @__PURE__ */ B({
   __name: "VJoyBadgeLevel",
   props: {
     /** type: `TJoyBadges` */
@@ -401,18 +406,18 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
           return "Supermalter";
       }
     });
-    return (a, o) => (d(), g("span", Ta, [
+    return (a, o) => (d(), g("span", xa, [
       e.type === D(ne).SUPER_MALTER ? (d(!0), g(G, { key: 0 }, X(e.superMalterLevel, (r, l) => (d(), g("svg", {
         key: l,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 12 18"
-      }, La))), 128)) : j("", !0),
-      e.type === D(ne).HIGH_POTENTIAL ? (d(), g("svg", Aa, Fa)) : j("", !0),
-      e.type === D(ne).HIGH_POTENTIAL_AUTO ? (d(), g("svg", Na, Da)) : j("", !0),
-      e.type === D(ne).MALT_LINKER ? (d(), g("svg", Ma, Ha)) : j("", !0),
-      e.type === D(it).HIGH_POTENTIAL ? (d(), g("svg", Wa, Ka)) : j("", !0),
+      }, Ea))), 128)) : j("", !0),
+      e.type === D(ne).HIGH_POTENTIAL ? (d(), g("svg", La, Ba)) : j("", !0),
+      e.type === D(ne).HIGH_POTENTIAL_AUTO ? (d(), g("svg", Fa, Ra)) : j("", !0),
+      e.type === D(ne).MALT_LINKER ? (d(), g("svg", Da, qa)) : j("", !0),
+      e.type === D(it).HIGH_POTENTIAL ? (d(), g("svg", Ha, Ua)) : j("", !0),
       b("span", {
         class: E([
           {
@@ -429,7 +434,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
       ], 2)
     ]));
   }
-}), lc = /* @__PURE__ */ F(Ga, [["__scopeId", "data-v-08a5e2c8"]]), Ya = /* @__PURE__ */ B({
+}), oc = /* @__PURE__ */ F(Ka, [["__scopeId", "data-v-08a5e2c8"]]), Ga = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -466,7 +471,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
       })
     }, null, 6));
   }
-}), rc = /* @__PURE__ */ F(Ya, [["__scopeId", "data-v-4da2c7cb"]]);
+}), lc = /* @__PURE__ */ F(Ga, [["__scopeId", "data-v-4da2c7cb"]]);
 function pn(e) {
   let t;
   switch (e) {
@@ -481,7 +486,7 @@ function pn(e) {
   }
   return t;
 }
-function Za(e) {
+function Ya(e) {
   if (!e) {
     console.warn("Missing ref element for focusOnFirstFocusableFormField use");
     return;
@@ -497,7 +502,7 @@ const je = function(e = 10) {
 function he(e) {
   e ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
 }
-const Xa = /* @__PURE__ */ B({
+const Za = /* @__PURE__ */ B({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -509,8 +514,8 @@ const Xa = /* @__PURE__ */ B({
       class: E(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), mn = /* @__PURE__ */ F(Xa, [["__scopeId", "data-v-52944a9b"]]);
-function Qa() {
+}), mn = /* @__PURE__ */ F(Za, [["__scopeId", "data-v-52944a9b"]]);
+function Xa() {
   const e = C();
   return ie(() => {
     e.value = "joy-button--" + je();
@@ -518,7 +523,7 @@ function Qa() {
     randomId: e
   };
 }
-const eo = ["id"], to = /* @__PURE__ */ B({
+const Qa = ["id"], eo = /* @__PURE__ */ B({
   __name: "VJoyButton",
   props: {
     /**
@@ -561,7 +566,7 @@ const eo = ["id"], to = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = Re(), { randomId: o } = Qa(), r = V(() => {
+    const n = e, a = Re(), { randomId: o } = Xa(), r = V(() => {
       switch (n.size) {
         case "xxsmall":
           return "xxsmall";
@@ -608,7 +613,7 @@ const eo = ["id"], to = /* @__PURE__ */ B({
             _(s.$slots, "default", {}, () => [
               W(O(e.label), 1)
             ], !0)
-          ], 8, eo),
+          ], 8, Qa),
           e.icon && e.iconPosition === "right" ? (d(), L(Y, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
@@ -623,7 +628,7 @@ const eo = ["id"], to = /* @__PURE__ */ B({
       ]);
     };
   }
-}), ue = /* @__PURE__ */ F(to, [["__scopeId", "data-v-980be68f"]]);
+}), ue = /* @__PURE__ */ F(eo, [["__scopeId", "data-v-980be68f"]]);
 function mt(e) {
   return Vt() ? (It(e), !0) : !1;
 }
@@ -632,13 +637,13 @@ function be(e) {
 }
 const ht = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const no = (e) => e != null, ao = Object.prototype.toString, hn = (e) => ao.call(e) === "[object Object]", Ne = () => {
-}, jt = /* @__PURE__ */ oo();
-function oo() {
+const to = (e) => e != null, no = Object.prototype.toString, hn = (e) => no.call(e) === "[object Object]", Ne = () => {
+}, jt = /* @__PURE__ */ ao();
+function ao() {
   var e, t;
   return ht && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function lo(...e) {
+function oo(...e) {
   if (e.length !== 1)
     return Qn(...e);
   const t = e[0];
@@ -674,7 +679,7 @@ function Te(...e) {
   return mt(u), u;
 }
 let Ut = !1;
-function ro(e, t, n = {}) {
+function lo(e, t, n = {}) {
   const { window: a = At, ignore: o = [], capture: r = !0, detectIframe: l = !1 } = n;
   if (!a)
     return Ne;
@@ -712,17 +717,17 @@ function ro(e, t, n = {}) {
   ].filter(Boolean);
   return () => f.forEach((y) => y());
 }
-function io() {
+function ro() {
   const e = C(!1), t = na();
   return t && ie(() => {
     e.value = !0;
   }, t), e;
 }
-function so(e) {
-  const t = io();
+function io(e) {
+  const t = ro();
   return V(() => (t.value, !!e()));
 }
-function uo(e, t = {}) {
+function so(e, t = {}) {
   const n = C(!1), a = dn(null);
   let o = 0, r = !0;
   if (ht) {
@@ -733,7 +738,7 @@ function uo(e, t = {}) {
     };
     Te(e, "dragenter", (i) => {
       var u, f;
-      const c = Array.from(((u = i == null ? void 0 : i.dataTransfer) == null ? void 0 : u.items) || []).map((y) => y.kind === "file" ? y.type : null).filter(no);
+      const c = Array.from(((u = i == null ? void 0 : i.dataTransfer) == null ? void 0 : u.items) || []).map((y) => y.kind === "file" ? y.type : null).filter(to);
       if (l.dataTypes && i.dataTransfer) {
         const y = D(l.dataTypes);
         if (r = typeof y == "function" ? y(c) : y ? y.some((p) => c.includes(p)) : !0, !r)
@@ -756,10 +761,10 @@ function uo(e, t = {}) {
     isOverDropZone: n
   };
 }
-function co(e, t, n = {}) {
+function uo(e, t, n = {}) {
   const { window: a = At, ...o } = n;
   let r;
-  const l = so(() => a && "ResizeObserver" in a), s = () => {
+  const l = io(() => a && "ResizeObserver" in a), s = () => {
     r && (r.disconnect(), r = void 0);
   }, i = V(() => Array.isArray(e) ? e.map((c) => xe(c)) : [xe(e)]), u = te(
     i,
@@ -779,7 +784,7 @@ function co(e, t, n = {}) {
     stop: f
   };
 }
-function fo(e) {
+function co(e) {
   var t;
   const n = C(e == null ? void 0 : e.element), a = C(e == null ? void 0 : e.input), o = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", r = C(1);
   function l() {
@@ -789,7 +794,7 @@ function fo(e) {
     let u = "";
     n.value.style[o] = "1px", r.value = (s = n.value) == null ? void 0 : s.scrollHeight, e != null && e.styleTarget ? be(e.styleTarget).style[o] = `${r.value}px` : u = `${r.value}px`, n.value.style[o] = u, (i = e == null ? void 0 : e.onResize) == null || i.call(e);
   }
-  return te([a, n], () => Ue(l), { immediate: !0 }), co(n, () => l()), e != null && e.watch && te(e.watch, l, { immediate: !0, deep: !0 }), {
+  return te([a, n], () => Ue(l), { immediate: !0 }), uo(n, () => l()), e != null && e.watch && te(e.watch, l, { immediate: !0, deep: !0 }), {
     textarea: n,
     input: a,
     triggerResize: l
@@ -801,7 +806,7 @@ const Bt = /* @__PURE__ */ B({
   emits: ["trigger"],
   setup(e, { slots: t, emit: n }) {
     const a = C();
-    return ro(a, (o) => {
+    return lo(a, (o) => {
       n("trigger", o);
     }, e.options), () => {
       if (t.default)
@@ -809,21 +814,21 @@ const Bt = /* @__PURE__ */ B({
     };
   }
 });
-function vo(e) {
+function fo(e) {
   var t;
   const n = be(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const yo = ht ? window : void 0;
-function po(...e) {
+const vo = ht ? window : void 0;
+function yo(...e) {
   let t, n, a, o;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, a, o] = e, t = yo) : [t, n, a, o] = e, !t)
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, a, o] = e, t = vo) : [t, n, a, o] = e, !t)
     return Ne;
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
   const r = [], l = () => {
     r.forEach((f) => f()), r.length = 0;
   }, s = (f, c, y, p) => (f.addEventListener(c, y, p), () => f.removeEventListener(c, y, p)), i = te(
-    () => [vo(t), be(o)],
+    () => [fo(t), be(o)],
     ([f, c]) => {
       if (l(), !f)
         return;
@@ -850,15 +855,15 @@ function bn(e) {
     return !n || n.tagName === "BODY" ? !1 : bn(n);
   }
 }
-function mo(e) {
+function po(e) {
   const t = e || window.event, n = t.target;
   return bn(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
 const ot = /* @__PURE__ */ new WeakMap();
-function ho(e, t = !1) {
+function mo(e, t = !1) {
   const n = C(t);
   let a = null, o;
-  te(lo(e), (s) => {
+  te(oo(e), (s) => {
     const i = _t(be(s));
     if (i) {
       const u = i;
@@ -869,11 +874,11 @@ function ho(e, t = !1) {
   });
   const r = () => {
     const s = _t(be(e));
-    !s || n.value || (jt && (a = po(
+    !s || n.value || (jt && (a = yo(
       s,
       "touchmove",
       (i) => {
-        mo(i);
+        po(i);
       },
       { passive: !1 }
     )), s.style.overflow = "hidden", n.value = !0);
@@ -891,21 +896,21 @@ function ho(e, t = !1) {
     }
   });
 }
-function bo() {
+function ho() {
   let e = !1;
   const t = C(!1);
   return (n, a) => {
     if (t.value = a.value, e)
       return;
     e = !0;
-    const o = ho(n, a.value);
+    const o = mo(n, a.value);
     te(t, (r) => o.value = r);
   };
 }
-bo();
-const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ */ gn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet-overlay" }, null, -1)), wo = /* @__PURE__ */ gn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet_header-close" }, null, -1)), So = [
-  wo
-], _o = { class: "joy-bottom-sheet_content" }, ko = { class: "joy-bottom-sheet_footer" }, Kt = 75, Gt = "moving", jo = /* @__PURE__ */ B({
+ho();
+const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), bo = /* @__PURE__ */ gn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet-overlay" }, null, -1)), go = /* @__PURE__ */ gn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet_header-close" }, null, -1)), wo = [
+  go
+], So = { class: "joy-bottom-sheet_content" }, _o = { class: "joy-bottom-sheet_footer" }, Kt = 75, Gt = "moving", ko = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -1001,7 +1006,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
           }
         ]
       }), [
-        go,
+        bo,
         K(D(Bt), { onTrigger: v }, {
           default: R(() => [
             b("div", {
@@ -1018,11 +1023,11 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
                 onTouchstart: h,
                 onTouchend: m,
                 onTouchmove: S
-              }, So, 32),
-              b("div", _o, [
+              }, wo, 32),
+              b("div", So, [
                 _(w.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
-              b("div", ko, [
+              b("div", _o, [
                 _(w.$slots, "bottom-sheet-cta", {}, () => [
                   K(ue, {
                     class: "joy-bottom-sheet_footer-close",
@@ -1038,7 +1043,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       ], 16)) : j("", !0)
     ], 8, ["to"])) : j("", !0);
   }
-}), ic = /* @__PURE__ */ F(jo, [["__scopeId", "data-v-cba81110"]]), sc = /* @__PURE__ */ B({
+}), rc = /* @__PURE__ */ F(ko, [["__scopeId", "data-v-cba81110"]]), ic = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1055,7 +1060,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       onClick: s
     }))), 128));
   }
-}), $o = { class: "joy-checkbox__wrapper" }, Co = { class: "joy-checkbox__input-wrapper" }, xo = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], To = { class: "joy-checkbox__content-wrapper" }, Vo = { class: "joy-checkbox__content" }, Io = /* @__PURE__ */ B({
+}), jo = { class: "joy-checkbox__wrapper" }, $o = { class: "joy-checkbox__input-wrapper" }, Co = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], xo = { class: "joy-checkbox__content-wrapper" }, To = { class: "joy-checkbox__content" }, Vo = /* @__PURE__ */ B({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -1124,7 +1129,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
     };
     return t({
       isIndeterminate: l
-    }), (f, c) => (d(), g("div", $o, [
+    }), (f, c) => (d(), g("div", jo, [
       b("label", {
         class: E([
           "joy-checkbox",
@@ -1137,7 +1142,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
           }
         ])
       }, [
-        b("div", Co, [
+        b("div", $o, [
           b("input", {
             id: e.id,
             ref_key: "input",
@@ -1156,23 +1161,23 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
             (...y) => u.onFocus && u.onFocus(...y)),
             onBlur: c[2] || (c[2] = //@ts-ignore
             (...y) => u.onBlur && u.onBlur(...y))
-          }, null, 40, xo)
+          }, null, 40, Co)
         ]),
-        b("div", To, [
+        b("div", xo, [
           _(f.$slots, "default", {}, () => [
             W(O(e.label), 1)
           ], !0),
-          b("div", Vo, [
+          b("div", To, [
             _(f.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
     ]));
   }
-}), wn = /* @__PURE__ */ F(Io, [["__scopeId", "data-v-8391ace5"]]), Eo = ["id"], Lo = { class: "joy-collapse-item__header-right" }, Ao = {
+}), wn = /* @__PURE__ */ F(Vo, [["__scopeId", "data-v-8391ace5"]]), Io = ["id"], Eo = { class: "joy-collapse-item__header-right" }, Lo = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
-}, Bo = { class: "joy-collapse-item__summary___preview" }, Fo = ["aria-labelledby"], No = /* @__PURE__ */ B({
+}, Ao = { class: "joy-collapse-item__summary___preview" }, Bo = ["aria-labelledby"], Fo = /* @__PURE__ */ B({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -1251,16 +1256,16 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
             name: e.summaryIcon
           }, null, 8, ["name"])) : j("", !0),
           W(" " + O(e.header), 1)
-        ], 8, Eo),
-        b("div", Lo, [
+        ], 8, Io),
+        b("div", Eo, [
           _(u.$slots, "collapse-header-right")
         ]),
         K(Y, {
           class: "joy-collapse-item__summary___marker",
           name: "chevron-down"
         }),
-        e.subheader ? (d(), g("span", Ao, O(e.subheader), 1)) : j("", !0),
-        b("span", Bo, [
+        e.subheader ? (d(), g("span", Lo, O(e.subheader), 1)) : j("", !0),
+        b("span", Ao, [
           _(u.$slots, "collapse-preview")
         ])
       ], 32),
@@ -1276,10 +1281,10 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
         ])
       }, [
         _(u.$slots, "default")
-      ], 10, Fo)) : j("", !0)
+      ], 10, Bo)) : j("", !0)
     ], 2));
   }
-}), zo = /* @__PURE__ */ F(No, [["__scopeId", "data-v-71c8a78d"]]), Po = { class: "joy-collapse" }, Oo = /* @__PURE__ */ B({
+}), No = /* @__PURE__ */ F(Fo, [["__scopeId", "data-v-71c8a78d"]]), zo = { class: "joy-collapse" }, Po = /* @__PURE__ */ B({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -1340,8 +1345,8 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       isOpen: f,
       items: s,
       openedCollapseItem: o
-    }), (v, h) => (d(), g("div", Po, [
-      (d(!0), g(G, null, X(s.value, (m) => (d(), L(zo, ae(m.props, {
+    }), (v, h) => (d(), g("div", zo, [
+      (d(!0), g(G, null, X(s.value, (m) => (d(), L(No, ae(m.props, {
         key: m.props.id,
         open: f(m),
         mode: e.mode,
@@ -1361,7 +1366,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), uc = /* @__PURE__ */ F(Oo, [["__scopeId", "data-v-35744932"]]), Ro = ["src", "alt", "title"], Do = /* @__PURE__ */ B({
+}), sc = /* @__PURE__ */ F(Po, [["__scopeId", "data-v-35744932"]]), Oo = ["src", "alt", "title", "loading"], Ro = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1373,6 +1378,11 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
     size: {
       type: String,
       default: "large"
+    },
+    /** Only applied if you set a imgSrc */
+    loading: {
+      type: String,
+      default: "lazy"
     }
   },
   setup(e) {
@@ -1395,15 +1405,16 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
         key: 0,
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
-        title: e.companyName
-      }, null, 8, Ro)) : (d(), L(Y, {
+        title: e.companyName,
+        loading: e.loading
+      }, null, 8, Oo)) : (d(), L(Y, {
         key: 1,
         name: "company-placeholder",
         size: n.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), cc = /* @__PURE__ */ F(Do, [["__scopeId", "data-v-1c40fd23"]]), Mo = ["aria-hidden"], Jo = /* @__PURE__ */ B({
+}), uc = /* @__PURE__ */ F(Ro, [["__scopeId", "data-v-2f1289c1"]]), Do = ["aria-hidden"], Mo = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1429,15 +1440,15 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
           W(O(e.noHtmlErrorText), 1)
         ], !0)
       ])
-    ], 10, Mo));
+    ], 10, Do));
   }
-}), Ft = /* @__PURE__ */ F(Jo, [["__scopeId", "data-v-deb60895"]]), qo = {
+}), Ft = /* @__PURE__ */ F(Mo, [["__scopeId", "data-v-deb60895"]]), Jo = {
   key: 0,
   class: "joy-label-required"
-}, Ho = {
+}, qo = {
   key: 1,
   class: "joy-label-optional"
-}, Wo = /* @__PURE__ */ B({
+}, Ho = /* @__PURE__ */ B({
   __name: "VJoyLabel",
   props: {
     size: {
@@ -1465,14 +1476,14 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
         _(t.$slots, "default", {}, () => [
           W(O(e.text), 1)
         ], !0),
-        e.required ? (d(), g("span", qo, "*")) : j("", !0),
-        e.optionalLabel ? (d(), g("span", Ho, "- " + O(e.optionalLabel), 1)) : j("", !0)
+        e.required ? (d(), g("span", Jo, "*")) : j("", !0),
+        e.optionalLabel ? (d(), g("span", qo, "- " + O(e.optionalLabel), 1)) : j("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ae = /* @__PURE__ */ F(Wo, [["__scopeId", "data-v-f48de041"]]);
-function Uo(e) {
+}), Ae = /* @__PURE__ */ F(Ho, [["__scopeId", "data-v-f48de041"]]);
+function Wo(e) {
   const t = () => e();
   ie(() => {
     window.addEventListener("resize", t);
@@ -1486,13 +1497,13 @@ function Nt(e, t) {
     t && ((n = e.value) == null || n.focus());
   });
 }
-const Ko = { class: "joy-counter" }, Go = ["aria-label", "disabled"], Yo = { class: "joy-counter__input-wrapper" }, Zo = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Xo = ["aria-label", "disabled"], Qo = {
+const Uo = { class: "joy-counter" }, Ko = ["aria-label", "disabled"], Go = { class: "joy-counter__input-wrapper" }, Yo = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Zo = ["aria-label", "disabled"], Xo = {
   key: 0,
   class: "joy-counter_error"
-}, el = {
+}, Qo = {
   inheritAttrs: !1
-}, tl = /* @__PURE__ */ B({
-  ...el,
+}, el = /* @__PURE__ */ B({
+  ...Qo,
   __name: "VJoyCounter",
   props: {
     autofocus: {
@@ -1602,7 +1613,7 @@ const Ko = { class: "joy-counter" }, Go = ["aria-label", "disabled"], Yo = { cla
     };
     return t({
       props: o
-    }), (m, S) => (d(), g("div", Ko, [
+    }), (m, S) => (d(), g("div", Uo, [
       e.label ? (d(), L(Ae, {
         key: 0,
         for: e.id,
@@ -1628,8 +1639,8 @@ const Ko = { class: "joy-counter" }, Go = ["aria-label", "disabled"], Yo = { cla
           onClick: i
         }, [
           K(Y, { name: "minus" })
-        ], 8, Go),
-        b("div", Yo, [
+        ], 8, Ko),
+        b("div", Go, [
           b("input", ae({
             id: e.id,
             ref_key: "input",
@@ -1650,7 +1661,7 @@ const Ko = { class: "joy-counter" }, Go = ["aria-label", "disabled"], Yo = { cla
             (...k) => h.onBlur && h.onBlur(...k)),
             onFocus: S[2] || (S[2] = //@ts-ignore
             (...k) => h.onFocus && h.onFocus(...k))
-          }), null, 16, Zo)
+          }), null, 16, Yo)
         ]),
         b("button", {
           class: "joy-counter__increment",
@@ -1660,23 +1671,23 @@ const Ko = { class: "joy-counter" }, Go = ["aria-label", "disabled"], Yo = { cla
           onClick: u
         }, [
           K(Y, { name: "add" })
-        ], 8, Xo),
-        e.invalid && e.errorMessage ? (d(), g("div", Qo, [
+        ], 8, Zo),
+        e.invalid && e.errorMessage ? (d(), g("div", Xo, [
           K(Ft, { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : j("", !0)
       ], 2)
     ]));
   }
-}), dc = /* @__PURE__ */ F(tl, [["__scopeId", "data-v-556fd173"]]);
-function nl(e) {
+}), cc = /* @__PURE__ */ F(el, [["__scopeId", "data-v-556fd173"]]);
+function tl(e) {
   return Vt() ? (It(e), !0) : !1;
 }
-function al(e) {
+function nl(e) {
   return typeof e == "function" ? e() : D(e);
 }
-function ol(e) {
+function al(e) {
   var t;
-  const n = al(e);
+  const n = nl(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 /*!
@@ -1694,7 +1705,7 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   n === void 0 && (n = !0);
   var o = t == null || (a = t.getAttribute) === null || a === void 0 ? void 0 : a.call(t, "inert"), r = o === "" || o === "true", l = r || n && t && e(t.parentNode);
   return l;
-}, ll = function(t) {
+}, ol = function(t) {
   var n, a = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "contenteditable");
   return a === "" || a === "true";
 }, kn = function(t, n, a) {
@@ -1733,26 +1744,26 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Ce = function(t) {
   if (!t)
     throw new Error("No node provided");
-  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || ll(t)) && !$n(t) ? 0 : t.tabIndex;
-}, rl = function(t, n) {
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || ol(t)) && !$n(t) ? 0 : t.tabIndex;
+}, ll = function(t, n) {
   var a = Ce(t);
   return a < 0 && n && !$n(t) ? 0 : a;
-}, il = function(t, n) {
+}, rl = function(t, n) {
   return t.tabIndex === n.tabIndex ? t.documentOrder - n.documentOrder : t.tabIndex - n.tabIndex;
 }, Cn = function(t) {
   return t.tagName === "INPUT";
-}, sl = function(t) {
+}, il = function(t) {
   return Cn(t) && t.type === "hidden";
-}, ul = function(t) {
+}, sl = function(t) {
   var n = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(a) {
     return a.tagName === "SUMMARY";
   });
   return n;
-}, cl = function(t, n) {
+}, ul = function(t, n) {
   for (var a = 0; a < t.length; a++)
     if (t[a].checked && t[a].form === n)
       return t[a];
-}, dl = function(t) {
+}, cl = function(t) {
   if (!t.name)
     return !0;
   var n = t.form || ct(t), a = function(s) {
@@ -1766,13 +1777,13 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     } catch (l) {
       return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", l.message), !1;
     }
-  var r = cl(o, t.form);
+  var r = ul(o, t.form);
   return !r || r === t;
-}, fl = function(t) {
+}, dl = function(t) {
   return Cn(t) && t.type === "radio";
+}, fl = function(t) {
+  return dl(t) && !cl(t);
 }, vl = function(t) {
-  return fl(t) && !dl(t);
-}, yl = function(t) {
   var n, a = t && ct(t), o = (n = a) === null || n === void 0 ? void 0 : n.host, r = !1;
   if (a && a !== t) {
     var l, s, i;
@@ -1785,7 +1796,7 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Yt = function(t) {
   var n = t.getBoundingClientRect(), a = n.width, o = n.height;
   return a === 0 && o === 0;
-}, pl = function(t, n) {
+}, yl = function(t, n) {
   var a = n.displayCheck, o = n.getShadowRoot;
   if (getComputedStyle(t).visibility === "hidden")
     return !0;
@@ -1802,14 +1813,14 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       }
       t = s;
     }
-    if (yl(t))
+    if (vl(t))
       return !t.getClientRects().length;
     if (a !== "legacy-full")
       return !0;
   } else if (a === "non-zero-area")
     return Yt(t);
   return !1;
-}, ml = function(t) {
+}, pl = function(t) {
   if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
     for (var n = t.parentElement; n; ) {
       if (n.tagName === "FIELDSET" && n.disabled) {
@@ -1827,17 +1838,17 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return !(n.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
   //  because we're limited in the type of selectors we can use in JSDom (see related
   //  note related to `candidateSelectors`)
-  dt(n) || sl(n) || pl(n, t) || // For a details element with a summary, the summary element gets the focus
-  ul(n) || ml(n));
+  dt(n) || il(n) || yl(n, t) || // For a details element with a summary, the summary element gets the focus
+  sl(n) || pl(n));
 }, $t = function(t, n) {
-  return !(vl(n) || Ce(n) < 0 || !ft(t, n));
-}, hl = function(t) {
+  return !(fl(n) || Ce(n) < 0 || !ft(t, n));
+}, ml = function(t) {
   var n = parseInt(t.getAttribute("tabindex"), 10);
   return !!(isNaN(n) || n >= 0);
-}, bl = function e(t) {
+}, hl = function e(t) {
   var n = [], a = [];
   return t.forEach(function(o, r) {
-    var l = !!o.scopeParent, s = l ? o.scopeParent : o, i = rl(s, l), u = l ? e(o.candidates) : s;
+    var l = !!o.scopeParent, s = l ? o.scopeParent : o, i = ll(s, l), u = l ? e(o.candidates) : s;
     i === 0 ? l ? n.push.apply(n, u) : n.push(s) : a.push({
       documentOrder: r,
       tabIndex: i,
@@ -1845,19 +1856,19 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       isScope: l,
       content: u
     });
-  }), a.sort(il).reduce(function(o, r) {
+  }), a.sort(rl).reduce(function(o, r) {
     return r.isScope ? o.push.apply(o, r.content) : o.push(r.content), o;
   }, []).concat(n);
-}, gl = function(t, n) {
+}, bl = function(t, n) {
   n = n || {};
   var a;
   return n.getShadowRoot ? a = jn([t], n.includeContainer, {
     filter: $t.bind(null, n),
     flatten: !1,
     getShadowRoot: n.getShadowRoot,
-    shadowRootFilter: hl
-  }) : a = kn(t, n.includeContainer, $t.bind(null, n)), bl(a);
-}, wl = function(t, n) {
+    shadowRootFilter: ml
+  }) : a = kn(t, n.includeContainer, $t.bind(null, n)), hl(a);
+}, gl = function(t, n) {
   n = n || {};
   var a;
   return n.getShadowRoot ? a = jn([t], n.includeContainer, {
@@ -1869,10 +1880,10 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (n = n || {}, !t)
     throw new Error("No node provided");
   return Ie.call(t, ut) === !1 ? !1 : $t(n, t);
-}, Sl = /* @__PURE__ */ Sn.concat("iframe").join(","), kt = function(t, n) {
+}, wl = /* @__PURE__ */ Sn.concat("iframe").join(","), kt = function(t, n) {
   if (n = n || {}, !t)
     throw new Error("No node provided");
-  return Ie.call(t, Sl) === !1 ? !1 : ft(n, t);
+  return Ie.call(t, wl) === !1 ? !1 : ft(n, t);
 };
 /*!
 * focus-trap 7.5.4
@@ -1892,22 +1903,22 @@ function Xt(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Zt(Object(n), !0).forEach(function(a) {
-      _l(e, a, n[a]);
+      Sl(e, a, n[a]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Zt(Object(n)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
     });
   }
   return e;
 }
-function _l(e, t, n) {
-  return t = jl(t), t in e ? Object.defineProperty(e, t, {
+function Sl(e, t, n) {
+  return t = kl(t), t in e ? Object.defineProperty(e, t, {
     value: n,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[t] = n, e;
 }
-function kl(e, t) {
+function _l(e, t) {
   if (typeof e != "object" || e === null)
     return e;
   var n = e[Symbol.toPrimitive];
@@ -1919,8 +1930,8 @@ function kl(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function jl(e) {
-  var t = kl(e, "string");
+function kl(e) {
+  var t = _l(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
 var Qt = {
@@ -1936,15 +1947,15 @@ var Qt = {
     var a = t.indexOf(n);
     a !== -1 && t.splice(a, 1), t.length > 0 && t[t.length - 1].unpause();
   }
-}, $l = function(t) {
+}, jl = function(t) {
   return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
-}, Cl = function(t) {
+}, $l = function(t) {
   return (t == null ? void 0 : t.key) === "Escape" || (t == null ? void 0 : t.key) === "Esc" || (t == null ? void 0 : t.keyCode) === 27;
 }, We = function(t) {
   return (t == null ? void 0 : t.key) === "Tab" || (t == null ? void 0 : t.keyCode) === 9;
-}, xl = function(t) {
+}, Cl = function(t) {
   return We(t) && !t.shiftKey;
-}, Tl = function(t) {
+}, xl = function(t) {
   return We(t) && t.shiftKey;
 }, en = function(t) {
   return setTimeout(t, 0);
@@ -1959,13 +1970,13 @@ var Qt = {
   return typeof t == "function" ? t.apply(void 0, a) : t;
 }, lt = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
-}, Vl = [], Il = function(t, n) {
-  var a = (n == null ? void 0 : n.document) || document, o = (n == null ? void 0 : n.trapStack) || Vl, r = Xt({
+}, Tl = [], Vl = function(t, n) {
+  var a = (n == null ? void 0 : n.document) || document, o = (n == null ? void 0 : n.trapStack) || Tl, r = Xt({
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0,
-    isKeyForward: xl,
-    isKeyBackward: Tl
+    isKeyForward: Cl,
+    isKeyBackward: xl
   }, n), l = {
     // containers given to createFocusTrap()
     // @type {Array<HTMLElement>}
@@ -2048,7 +2059,7 @@ var Qt = {
     return $;
   }, y = function() {
     if (l.containerGroups = l.containers.map(function($) {
-      var x = gl($, r.tabbableOptions), N = wl($, r.tabbableOptions), J = x.length > 0 ? x[0] : void 0, q = x.length > 0 ? x[x.length - 1] : void 0, U = N.find(function(oe) {
+      var x = bl($, r.tabbableOptions), N = gl($, r.tabbableOptions), J = x.length > 0 ? x[0] : void 0, q = x.length > 0 ? x[x.length - 1] : void 0, U = N.find(function(oe) {
         return Fe(oe);
       }), ee = N.slice().reverse().find(function(oe) {
         return Fe(oe);
@@ -2113,7 +2124,7 @@ var Qt = {
       }
       $.focus({
         preventScroll: !!r.preventScroll
-      }), l.mostRecentlyFocusedNode = $, $l($) && $.select();
+      }), l.mostRecentlyFocusedNode = $, jl($) && $.select();
     }
   }, h = function($) {
     var x = f("setReturnFocus", $);
@@ -2208,7 +2219,7 @@ var Qt = {
     });
     N && (We($) && $.preventDefault(), v(N));
   }, P = function($) {
-    if (Cl($) && qe(r.escapeDeactivates, $) !== !1) {
+    if ($l($) && qe(r.escapeDeactivates, $) !== !1) {
       $.preventDefault(), s.deactivate();
       return;
     }
@@ -2315,9 +2326,9 @@ function xn(e, t = {}) {
     n && (n.unpause(), l.value = !1);
   };
   return te(
-    () => ol(e),
+    () => al(e),
     (c) => {
-      c && (n = Il(c, {
+      c && (n = Vl(c, {
         ...o,
         onActivate() {
           r.value = !0, t.onActivate && t.onActivate();
@@ -2328,7 +2339,7 @@ function xn(e, t = {}) {
       }), a && s());
     },
     { flush: "post" }
-  ), nl(() => i()), {
+  ), tl(() => i()), {
     hasFocus: r,
     isPaused: l,
     activate: s,
@@ -2337,7 +2348,7 @@ function xn(e, t = {}) {
     unpause: f
   };
 }
-const El = /* @__PURE__ */ B({
+const Il = /* @__PURE__ */ B({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -2397,25 +2408,25 @@ const El = /* @__PURE__ */ B({
       _(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Ke = /* @__PURE__ */ F(El, [["__scopeId", "data-v-68d89412"]]), Tn = (e) => (Ye("data-v-37136d78"), e = e(), Ze(), e), Ll = ["id"], Al = { class: "joy-dialog__inner" }, Bl = {
+}), Ke = /* @__PURE__ */ F(Il, [["__scopeId", "data-v-68d89412"]]), Tn = (e) => (Ye("data-v-37136d78"), e = e(), Ze(), e), El = ["id"], Ll = { class: "joy-dialog__inner" }, Al = {
   key: 0,
   class: "joy-dialog__shapes"
-}, Fl = /* @__PURE__ */ Tn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), Nl = /* @__PURE__ */ Tn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), zl = [
-  Fl,
-  Nl
-], Pl = { class: "joy-dialog--header" }, Ol = {
+}, Bl = /* @__PURE__ */ Tn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), Fl = /* @__PURE__ */ Tn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), Nl = [
+  Bl,
+  Fl
+], zl = { class: "joy-dialog--header" }, Pl = {
   key: 0,
   class: "joy-dialog--preheader"
-}, Rl = {
+}, Ol = {
   id: "dialogDescription",
   class: "joy-dialog--subheader"
-}, Dl = {
+}, Rl = {
   class: "joy-dialog--body",
   tabindex: "0"
-}, Ml = {
+}, Dl = {
   key: 2,
   class: "joy-dialog--indicators"
-}, Jl = /* @__PURE__ */ B({
+}, Ml = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -2569,8 +2580,8 @@ const El = /* @__PURE__ */ B({
                 }
               ])
             }, [
-              b("div", Al, [
-                e.patternBrand ? (d(), g("div", Bl, zl)) : j("", !0),
+              b("div", Ll, [
+                e.patternBrand ? (d(), g("div", Al, Nl)) : j("", !0),
                 e.bannerSrc ? (d(), g("div", {
                   key: 1,
                   class: "joy-dialog--banner",
@@ -2580,8 +2591,8 @@ const El = /* @__PURE__ */ B({
                     height: `${e.bannerHeight}px`
                   })
                 }, null, 4)) : j("", !0),
-                b("div", Pl, [
-                  I.$slots["dialog-preheader"] ? (d(), g("div", Ol, [
+                b("div", zl, [
+                  I.$slots["dialog-preheader"] ? (d(), g("div", Pl, [
                     _(I.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : j("", !0),
                   b("div", {
@@ -2590,7 +2601,7 @@ const El = /* @__PURE__ */ B({
                   }, [
                     _(I.$slots, "dialog-header", {}, void 0, !0)
                   ]),
-                  b("p", Rl, [
+                  b("p", Ol, [
                     _(I.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
                   e.patternConfirm ? j("", !0) : (d(), L(ue, {
@@ -2606,7 +2617,7 @@ const El = /* @__PURE__ */ B({
                     onClick: w[0] || (w[0] = (z) => S())
                   }, null, 8, ["label"]))
                 ]),
-                b("div", Dl, [
+                b("div", Rl, [
                   _(I.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 b("div", {
@@ -2654,18 +2665,18 @@ const El = /* @__PURE__ */ B({
                     _: 3
                   })
                 ], 2),
-                D(l)["dialog-indicators"] ? (d(), g("div", Ml, [
+                D(l)["dialog-indicators"] ? (d(), g("div", Dl, [
                   _(I.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : j("", !0)
               ])
             ], 2)
-          ], 16, Ll)) : j("", !0)
+          ], 16, El)) : j("", !0)
         ]),
         _: 3
       })
     ], 8, ["to"])) : j("", !0);
   }
-}), fc = /* @__PURE__ */ F(Jl, [["__scopeId", "data-v-37136d78"]]), vc = /* @__PURE__ */ B({
+}), dc = /* @__PURE__ */ F(Ml, [["__scopeId", "data-v-37136d78"]]), fc = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -2682,7 +2693,7 @@ const El = /* @__PURE__ */ B({
       onClick: s
     }))), 128));
   }
-}), ql = ["disabled"], Hl = { class: "joy-divider-cta--icon" }, Wl = { class: "joy-divider-cta--content" }, Ul = { class: "joy-divider-cta--content---title" }, Kl = /* @__PURE__ */ B({
+}), Jl = ["disabled"], ql = { class: "joy-divider-cta--icon" }, Hl = { class: "joy-divider-cta--content" }, Wl = { class: "joy-divider-cta--content---title" }, Ul = /* @__PURE__ */ B({
   __name: "VJoyDividerCta",
   props: {
     disabled: {
@@ -2696,24 +2707,24 @@ const El = /* @__PURE__ */ B({
       class: E(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
     }, [
-      b("div", Hl, [
+      b("div", ql, [
         K(Y, { name: "add" })
       ]),
-      b("div", Wl, [
-        b("p", Ul, [
+      b("div", Hl, [
+        b("p", Wl, [
           _(t.$slots, "default", {}, void 0, !0)
         ]),
         _(t.$slots, "divider-content", {}, void 0, !0)
       ])
-    ], 10, ql));
+    ], 10, Jl));
   }
-}), yc = /* @__PURE__ */ F(Kl, [["__scopeId", "data-v-aa93710e"]]), Gl = ["id"], Yl = { class: "joy-drawer__inner" }, Zl = { class: "joy-drawer--header" }, Xl = {
+}), vc = /* @__PURE__ */ F(Ul, [["__scopeId", "data-v-aa93710e"]]), Kl = ["id"], Gl = { class: "joy-drawer__inner" }, Yl = { class: "joy-drawer--header" }, Zl = {
   id: "drawerDescription",
   class: "joy-drawer--subheader"
-}, Ql = {
+}, Xl = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, er = /* @__PURE__ */ B({
+}, Ql = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2855,15 +2866,15 @@ const El = /* @__PURE__ */ B({
                 }
               ])
             }, [
-              b("div", Yl, [
-                b("div", Zl, [
+              b("div", Gl, [
+                b("div", Yl, [
                   b("div", {
                     id: h,
                     class: "joy-drawer--header__title"
                   }, [
                     _(T.$slots, "drawer-header", {}, void 0, !0)
                   ]),
-                  b("p", Xl, [
+                  b("p", Zl, [
                     _(T.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   K(ue, {
@@ -2878,7 +2889,7 @@ const El = /* @__PURE__ */ B({
                     onClick: I[1] || (I[1] = (w) => m())
                   }, null, 8, ["label"])
                 ]),
-                b("div", Ql, [
+                b("div", Xl, [
                   _(T.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 b("div", {
@@ -2929,13 +2940,13 @@ const El = /* @__PURE__ */ B({
                 ], 2)
               ])
             ], 2)
-          ], 16, Gl)) : j("", !0)
+          ], 16, Kl)) : j("", !0)
         ]),
         _: 3
       })
     ], 8, ["to"])) : j("", !0);
   }
-}), pc = /* @__PURE__ */ F(er, [["__scopeId", "data-v-73384607"]]), mc = /* @__PURE__ */ B({
+}), yc = /* @__PURE__ */ F(Ql, [["__scopeId", "data-v-73384607"]]), pc = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -2952,13 +2963,13 @@ const El = /* @__PURE__ */ B({
       onClick: s
     }))), 128));
   }
-}), tr = {
+}), er = {
   key: 0,
   class: "joy-dropdown-list__header"
-}, nr = ["aria-label", "aria-labelledby"], ar = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], or = {
+}, tr = ["aria-label", "aria-labelledby"], nr = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], ar = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, lr = /* @__PURE__ */ B({
+}, or = /* @__PURE__ */ B({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -3056,7 +3067,7 @@ const El = /* @__PURE__ */ B({
       class: "joy-dropdown-list",
       style: se({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      v.$slots["dropdown-list-header"] || e.reset ? (d(), g("header", tr, [
+      v.$slots["dropdown-list-header"] || e.reset ? (d(), g("header", er, [
         e.reset ? (d(), g("button", {
           key: 0,
           type: "button",
@@ -3104,15 +3115,15 @@ const El = /* @__PURE__ */ B({
             _(v.$slots, "label", _e(ke(m)), () => [
               b("span", null, O(m.label), 1)
             ], !0)
-          ], 46, ar))), 128))
-        ], 8, nr)) : j("", !0)
+          ], 46, nr))), 128))
+        ], 8, tr)) : j("", !0)
       ], 6),
-      v.$slots["dropdown-list-footer"] ? (d(), g("footer", or, [
+      v.$slots["dropdown-list-footer"] ? (d(), g("footer", ar, [
         _(v.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : j("", !0)
     ], 4));
   }
-}), rr = /* @__PURE__ */ F(lr, [["__scopeId", "data-v-7a3292aa"]]), ir = /* @__PURE__ */ B({
+}), lr = /* @__PURE__ */ F(or, [["__scopeId", "data-v-7a3292aa"]]), rr = /* @__PURE__ */ B({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -3209,7 +3220,7 @@ const El = /* @__PURE__ */ B({
     te(
       () => r.value,
       (I) => {
-        I && Za(i);
+        I && Ya(i);
       },
       { flush: "post" }
     );
@@ -3242,7 +3253,7 @@ const El = /* @__PURE__ */ B({
     function T() {
       !s.value || !s.value.children.length || (s.value.children[0].id = c);
     }
-    return Uo(h), ie(() => {
+    return Wo(h), ie(() => {
       T();
     }), t({
       showDropdownList: r,
@@ -3279,7 +3290,7 @@ const El = /* @__PURE__ */ B({
           ]),
           style: se(v.value)
         }, [
-          K(rr, {
+          K(lr, {
             "model-value": e.modelValue,
             options: e.options,
             size: e.size,
@@ -3326,13 +3337,13 @@ const El = /* @__PURE__ */ B({
       _: 3
     }, 512));
   }
-}), hc = /* @__PURE__ */ F(ir, [["__scopeId", "data-v-a152eb12"]]), sr = { class: "joy-dropzone__icon-wrapper" }, ur = /* @__PURE__ */ B({
+}), mc = /* @__PURE__ */ F(rr, [["__scopeId", "data-v-a152eb12"]]), ir = { class: "joy-dropzone__icon-wrapper" }, sr = /* @__PURE__ */ B({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
   },
   setup(e) {
-    return (t, n) => (d(), g("div", sr, [
+    return (t, n) => (d(), g("div", ir, [
       K(Y, {
         "aria-hidden": "true",
         name: e.name,
@@ -3340,13 +3351,13 @@ const El = /* @__PURE__ */ B({
       }, null, 8, ["name"])
     ]));
   }
-}), Vn = /* @__PURE__ */ F(ur, [["__scopeId", "data-v-5a2d1889"]]), cr = { class: "joy-dropzone__file__description" }, dr = { class: "joy-dropzone__file__name" }, fr = {
+}), Vn = /* @__PURE__ */ F(sr, [["__scopeId", "data-v-5a2d1889"]]), ur = { class: "joy-dropzone__file__description" }, cr = { class: "joy-dropzone__file__name" }, dr = {
   key: 0,
   class: "joy-dropzone__file__information"
-}, vr = {
+}, fr = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, yr = /* @__PURE__ */ B({
+}, vr = /* @__PURE__ */ B({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
@@ -3371,12 +3382,12 @@ const El = /* @__PURE__ */ B({
           name: "file-check",
           class: "joy-dropzone__file__icon"
         }),
-        b("div", cr, [
-          b("span", dr, O(n.file.name), 1),
-          D(t).information ? (d(), g("div", fr, [
+        b("div", ur, [
+          b("span", cr, O(n.file.name), 1),
+          D(t).information ? (d(), g("div", dr, [
             _(a.$slots, "information", { file: a.file }, void 0, !0)
           ])) : j("", !0),
-          a.error ? (d(), g("p", vr, O(a.error), 1)) : j("", !0)
+          a.error ? (d(), g("p", fr, O(a.error), 1)) : j("", !0)
         ]),
         K(Ke, {
           "column-gap": "1",
@@ -3411,13 +3422,13 @@ const El = /* @__PURE__ */ B({
       _: 3
     }));
   }
-}), pr = /* @__PURE__ */ F(yr, [["__scopeId", "data-v-f47da94a"]]), mr = ["name", "accept", "multiple"], hr = ["for"], br = {
+}), yr = /* @__PURE__ */ F(vr, [["__scopeId", "data-v-f47da94a"]]), pr = ["name", "accept", "multiple"], mr = ["for"], hr = {
   key: 0,
   class: "joy-dropzone__files"
-}, gr = { class: "joy-dropzone__instruction__text" }, wr = {
+}, br = { class: "joy-dropzone__instruction__text" }, gr = {
   key: 0,
   class: "joy-dropzone__legend"
-}, Sr = /* @__PURE__ */ B({
+}, wr = /* @__PURE__ */ B({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ oa({
     name: {},
@@ -3435,7 +3446,7 @@ const El = /* @__PURE__ */ B({
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = Q(), a = e, o = la(e, "modelValue"), r = C(), l = C(), s = C(), { isOverDropZone: i } = uo(l, {
+    const n = Q(), a = e, o = la(e, "modelValue"), r = C(), l = C(), s = C(), { isOverDropZone: i } = so(l, {
       onDrop: k
     }), u = V(() => o.value.filter((w) => w instanceof File)), f = V(() => u.value.some((w) => !y(w) || !p(w))), c = V(() => a.multiple || u.value.length === 0 ? void 0 : v(u.value[0]));
     function y(w) {
@@ -3505,13 +3516,13 @@ const El = /* @__PURE__ */ B({
           tabindex: "-1",
           onChange: S,
           onClick: m
-        }, null, 40, mr),
+        }, null, 40, pr),
         b("label", {
           for: w.name,
           class: "joy-dropzone__label"
         }, [
-          o.value.length > 0 ? (d(), g("div", br, [
-            (d(!0), g(G, null, X(o.value, (M, Z) => (d(), L(pr, {
+          o.value.length > 0 ? (d(), g("div", hr, [
+            (d(!0), g(G, null, X(o.value, (M, Z) => (d(), L(yr, {
               key: `${M.name}_${Z}`,
               file: M,
               error: w.multiple ? v(M) : void 0,
@@ -3548,7 +3559,7 @@ const El = /* @__PURE__ */ B({
                 name: "add",
                 class: "joy-dropzone__instruction__icon"
               }),
-              b("p", gr, [
+              b("p", br, [
                 _(w.$slots, "dropzone-description", {}, () => [
                   W("Drop your file here or click here")
                 ], !0)
@@ -3556,9 +3567,9 @@ const El = /* @__PURE__ */ B({
             ]),
             _: 3
           })) : j("", !0)
-        ], 8, hr)
+        ], 8, mr)
       ], 512),
-      D(n)["dropzone-legend"] ? (d(), g("div", wr, [
+      D(n)["dropzone-legend"] ? (d(), g("div", gr, [
         _(w.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : j("", !0),
       c.value ? (d(), L(Ft, {
@@ -3568,7 +3579,7 @@ const El = /* @__PURE__ */ B({
       }, null, 8, ["no-html-error-text"])) : j("", !0)
     ], 2));
   }
-}), bc = /* @__PURE__ */ F(Sr, [["__scopeId", "data-v-32812dd6"]]), _r = ["aria-label"], kr = { class: "joy-filter-bar__wrapper" }, jr = /* @__PURE__ */ B({
+}), hc = /* @__PURE__ */ F(wr, [["__scopeId", "data-v-32812dd6"]]), Sr = ["aria-label"], _r = { class: "joy-filter-bar__wrapper" }, kr = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -3580,12 +3591,12 @@ const El = /* @__PURE__ */ B({
       role: "group",
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
-      b("div", kr, [
+      b("div", _r, [
         _(t.$slots, "default", {}, void 0, !0)
       ])
-    ], 8, _r));
+    ], 8, Sr));
   }
-}), gc = /* @__PURE__ */ F(jr, [["__scopeId", "data-v-e027069a"]]), $r = /* @__PURE__ */ B({
+}), bc = /* @__PURE__ */ F(kr, [["__scopeId", "data-v-e027069a"]]), jr = /* @__PURE__ */ B({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -3622,19 +3633,19 @@ const El = /* @__PURE__ */ B({
       })) : j("", !0)
     ], 2));
   }
-}), wc = /* @__PURE__ */ F($r, [["__scopeId", "data-v-44f9dbfc"]]), Cr = { class: "joy-footer" }, xr = { class: "joy-footer__left" }, Tr = { class: "joy-footer__right" }, Vr = /* @__PURE__ */ B({
+}), gc = /* @__PURE__ */ F(jr, [["__scopeId", "data-v-44f9dbfc"]]), $r = { class: "joy-footer" }, Cr = { class: "joy-footer__left" }, xr = { class: "joy-footer__right" }, Tr = /* @__PURE__ */ B({
   __name: "VJoyFooter",
   setup(e) {
-    return (t, n) => (d(), g("footer", Cr, [
-      b("div", xr, [
+    return (t, n) => (d(), g("footer", $r, [
+      b("div", Cr, [
         _(t.$slots, "footer-left", {}, void 0, !0)
       ]),
-      b("div", Tr, [
+      b("div", xr, [
         _(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
-}), Sc = /* @__PURE__ */ F(Vr, [["__scopeId", "data-v-e1cd31ef"]]), Ir = /* @__PURE__ */ B({
+}), wc = /* @__PURE__ */ F(Tr, [["__scopeId", "data-v-e1cd31ef"]]), Vr = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3672,9 +3683,9 @@ const El = /* @__PURE__ */ B({
       })
     }, null, 6));
   }
-}), _c = /* @__PURE__ */ F(Ir, [["__scopeId", "data-v-235a3b9e"]]), Er = { class: "joy-funnel__header" }, Lr = { class: "funnel__header__inner" }, Ar = { class: "joy-funnel__stepper" }, Br = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-42085efa><div class="shape_1" data-v-42085efa></div><div class="shape_2" data-v-42085efa></div><div class="shape_3" data-v-42085efa></div><div class="shape_4" data-v-42085efa></div></div>', 1), Fr = [
-  Br
-], Nr = { class: "joy-funnel__footer" }, zr = /* @__PURE__ */ B({
+}), Sc = /* @__PURE__ */ F(Vr, [["__scopeId", "data-v-235a3b9e"]]), Ir = { class: "joy-funnel__header" }, Er = { class: "funnel__header__inner" }, Lr = { class: "joy-funnel__stepper" }, Ar = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-42085efa><div class="shape_1" data-v-42085efa></div><div class="shape_2" data-v-42085efa></div><div class="shape_3" data-v-42085efa></div><div class="shape_4" data-v-42085efa></div></div>', 1), Br = [
+  Ar
+], Fr = { class: "joy-funnel__footer" }, Nr = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3713,11 +3724,11 @@ const El = /* @__PURE__ */ B({
         }
       ])
     }, [
-      b("div", Er, [
-        b("div", Lr, [
+      b("div", Ir, [
+        b("div", Er, [
           _(s.$slots, "funnel-header", {}, void 0, !0)
         ]),
-        b("div", Ar, [
+        b("div", Lr, [
           _(s.$slots, "funnel-stepper", {}, void 0, !0)
         ])
       ]),
@@ -3730,7 +3741,7 @@ const El = /* @__PURE__ */ B({
             "joy-funnel__shapes--no-footer": !l.value
           }
         ])
-      }, Fr, 2)),
+      }, Br, 2)),
       b("div", {
         class: "joy-funnel__scrollable",
         onScroll: o
@@ -3741,24 +3752,24 @@ const El = /* @__PURE__ */ B({
           _(s.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32),
-      b("div", Nr, [
+      b("div", Fr, [
         _(s.$slots, "funnel-footer", {}, void 0, !0)
       ])
     ], 2));
   }
-}), kc = /* @__PURE__ */ F(zr, [["__scopeId", "data-v-42085efa"]]), Pr = { class: "joy-header" }, Or = { class: "joy-header__left" }, Rr = { class: "joy-header__right" }, Dr = /* @__PURE__ */ B({
+}), _c = /* @__PURE__ */ F(Nr, [["__scopeId", "data-v-42085efa"]]), zr = { class: "joy-header" }, Pr = { class: "joy-header__left" }, Or = { class: "joy-header__right" }, Rr = /* @__PURE__ */ B({
   __name: "VJoyHeader",
   setup(e) {
-    return (t, n) => (d(), g("header", Pr, [
-      b("div", Or, [
+    return (t, n) => (d(), g("header", zr, [
+      b("div", Pr, [
         _(t.$slots, "header-left", {}, void 0, !0)
       ]),
-      b("div", Rr, [
+      b("div", Or, [
         _(t.$slots, "header-right", {}, void 0, !0)
       ])
     ]));
   }
-}), jc = /* @__PURE__ */ F(Dr, [["__scopeId", "data-v-7928856e"]]), Mr = { class: "joy-highlight__decorator" }, Jr = { class: "joy-highlight__text" }, qr = { key: 0 }, Hr = /* @__PURE__ */ B({
+}), kc = /* @__PURE__ */ F(Rr, [["__scopeId", "data-v-7928856e"]]), Dr = { class: "joy-highlight__decorator" }, Mr = { class: "joy-highlight__text" }, Jr = { key: 0 }, qr = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3799,7 +3810,7 @@ const El = /* @__PURE__ */ B({
         }
       ])
     }, [
-      b("div", Mr, [
+      b("div", Dr, [
         _(o.$slots, "highlight-decorator", {}, () => [
           e.displayIcon ? (d(), L(Y, {
             key: 0,
@@ -3807,15 +3818,15 @@ const El = /* @__PURE__ */ B({
           }, null, 8, ["name"])) : j("", !0)
         ], !0)
       ]),
-      b("div", Jr, [
-        o.$slots["highlight-title"] ? (d(), g("strong", qr, [
+      b("div", Mr, [
+        o.$slots["highlight-title"] ? (d(), g("strong", Jr, [
           _(o.$slots, "highlight-title", {}, void 0, !0)
         ])) : j("", !0),
         _(o.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), $c = /* @__PURE__ */ F(Hr, [["__scopeId", "data-v-53c18803"]]), Wr = ["aria-label"], Ur = /* @__PURE__ */ B({
+}), jc = /* @__PURE__ */ F(qr, [["__scopeId", "data-v-53c18803"]]), Hr = ["aria-label"], Wr = /* @__PURE__ */ B({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3845,10 +3856,10 @@ const El = /* @__PURE__ */ B({
         type: "button",
         class: E(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
-      }, null, 10, Wr)
+      }, null, 10, Hr)
     ], 2));
   }
-}), Kr = /* @__PURE__ */ F(Ur, [["__scopeId", "data-v-2babb982"]]), Gr = /* @__PURE__ */ B({
+}), Ur = /* @__PURE__ */ F(Wr, [["__scopeId", "data-v-2babb982"]]), Kr = /* @__PURE__ */ B({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3886,7 +3897,7 @@ const El = /* @__PURE__ */ B({
     }), (c, y) => (d(), g("ul", {
       class: E(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (d(!0), g(G, null, X(s.value, (p) => (d(), L(Kr, ae({
+      (d(!0), g(G, null, X(s.value, (p) => (d(), L(Ur, ae({
         key: p.props.value
       }, { ...p.props, variant: e.variant }, {
         selected: i(p),
@@ -3894,7 +3905,7 @@ const El = /* @__PURE__ */ B({
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), Cc = /* @__PURE__ */ F(Gr, [["__scopeId", "data-v-f2dd63e9"]]), Yr = ["id", "name", "required", "disabled", "readonly", "type", "value"], Zr = ["data-unit"], Xr = /* @__PURE__ */ B({
+}), $c = /* @__PURE__ */ F(Kr, [["__scopeId", "data-v-f2dd63e9"]]), Gr = ["id", "name", "required", "disabled", "readonly", "type", "value"], Yr = ["data-unit"], Zr = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -4078,7 +4089,7 @@ const El = /* @__PURE__ */ B({
             (...P) => S.onChange && S.onChange(...P)),
             onWheel: A[4] || (A[4] = //@ts-ignore
             (...P) => S.onWheelScroll && S.onWheelScroll(...P))
-          }), null, 16, Yr),
+          }), null, 16, Gr),
           c.value ? (d(), L(ue, {
             key: 0,
             class: "joy-input--clear",
@@ -4103,12 +4114,12 @@ const El = /* @__PURE__ */ B({
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, Zr)) : j("", !0)
+          }, null, 8, Yr)) : j("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
-}), xc = /* @__PURE__ */ F(Xr, [["__scopeId", "data-v-372cd5d9"]]), Qr = ["href"], ei = /* @__PURE__ */ B({
+}), Cc = /* @__PURE__ */ F(Zr, [["__scopeId", "data-v-372cd5d9"]]), Xr = ["href"], Qr = /* @__PURE__ */ B({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4133,9 +4144,9 @@ const El = /* @__PURE__ */ B({
       _(t.$slots, "default", {}, () => [
         W(O(e.text), 1)
       ], !0)
-    ], 16, Qr));
+    ], 16, Xr));
   }
-}), Tc = /* @__PURE__ */ F(ei, [["__scopeId", "data-v-8dcab8fb"]]), ti = ["tabindex", "aria-activedescendant", "aria-label"], ni = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ai = { "aria-hidden": "true" }, oi = /* @__PURE__ */ B({
+}), xc = /* @__PURE__ */ F(Qr, [["__scopeId", "data-v-8dcab8fb"]]), ei = ["tabindex", "aria-activedescendant", "aria-label"], ti = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ni = { "aria-hidden": "true" }, ai = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -4221,7 +4232,7 @@ const El = /* @__PURE__ */ B({
         role: "menuitem",
         onClick: (h) => s(v)
       }, [
-        b("div", ai, [
+        b("div", ni, [
           _(y.$slots, "menu-item", _e(ke(v)), () => [
             v.icon ? (d(), L(Y, {
               key: 0,
@@ -4230,12 +4241,12 @@ const El = /* @__PURE__ */ B({
             b("span", null, O(v.label), 1)
           ], !0)
         ])
-      ], 42, ni))), 128))
-    ], 40, ti));
+      ], 42, ti))), 128))
+    ], 40, ei));
   }
-}), Vc = /* @__PURE__ */ F(oi, [["__scopeId", "data-v-782c4573"]]), li = ["id"], ri = {
+}), Tc = /* @__PURE__ */ F(ai, [["__scopeId", "data-v-782c4573"]]), oi = ["id"], li = {
   class: /* @__PURE__ */ E(["joy-multi-checkbox"])
-}, ii = /* @__PURE__ */ B({
+}, ri = /* @__PURE__ */ B({
   __name: "VJoyMultiCheckbox",
   props: {
     /** To render the list of checkboxes you have to use this property. See "Controls" for object model */
@@ -4297,7 +4308,7 @@ const El = /* @__PURE__ */ B({
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : j("", !0),
-      b("div", ri, [
+      b("div", li, [
         (d(!0), g(G, null, X(e.options, (i) => (d(), L(wn, {
           id: i.id,
           key: i.id,
@@ -4314,9 +4325,9 @@ const El = /* @__PURE__ */ B({
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, li));
+    ], 8, oi));
   }
-}), Ic = /* @__PURE__ */ F(ii, [["__scopeId", "data-v-04da9dc2"]]), nn = /* @__PURE__ */ B({
+}), Vc = /* @__PURE__ */ F(ri, [["__scopeId", "data-v-04da9dc2"]]), nn = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -4347,7 +4358,7 @@ const El = /* @__PURE__ */ B({
       onClick: n[0] || (n[0] = (a) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), si = ["aria-label", "data-current"], ui = ["onClick"], ci = ["aria-current"], di = 6, fi = /* @__PURE__ */ B({
+}), ii = ["aria-label", "data-current"], si = ["onClick"], ui = ["aria-current"], ci = 6, di = /* @__PURE__ */ B({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -4381,7 +4392,7 @@ const El = /* @__PURE__ */ B({
     const n = e, a = t, o = V(() => {
       const f = l.value.length;
       return l.value[f - 1] !== l.value[f - 2] + 1;
-    }), r = V(() => l.value[0] !== l.value[1] - 1), l = V(() => n.totalPages === 1 ? [1] : n.totalPages < di ? i(2, n.totalPages - 1) : u(n.currentPage));
+    }), r = V(() => l.value[0] !== l.value[1] - 1), l = V(() => n.totalPages === 1 ? [1] : n.totalPages < ci ? i(2, n.totalPages - 1) : u(n.currentPage));
     function s(f, c) {
       n.currentPage === 1 && c === "prev" || n.currentPage === n.totalPages && c === "next" || a("update:current-page", f);
     }
@@ -4431,9 +4442,9 @@ const El = /* @__PURE__ */ B({
                 b("button", {
                   type: "button",
                   "aria-current": y === e.currentPage ? "true" : "false"
-                }, O(y), 9, ci)
+                }, O(y), 9, ui)
               ], !0)
-            ], 10, ui))), 128))
+            ], 10, si))), 128))
           ])
         ]),
         b("li", {
@@ -4449,12 +4460,12 @@ const El = /* @__PURE__ */ B({
           ], !0)
         ])
       ])
-    ], 8, si));
+    ], 8, ii));
   }
-}), Ec = /* @__PURE__ */ F(fi, [["__scopeId", "data-v-7e82041f"]]), vi = { class: "joy-screen-loader__content" }, yi = {
+}), Ic = /* @__PURE__ */ F(di, [["__scopeId", "data-v-7e82041f"]]), fi = { class: "joy-screen-loader__content" }, vi = {
   key: 0,
   class: "joy-screen-loader__content"
-}, pi = /* @__PURE__ */ B({
+}, yi = /* @__PURE__ */ B({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -4472,31 +4483,31 @@ const El = /* @__PURE__ */ B({
     return (t, n) => (d(), g("div", {
       class: E(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      b("div", vi, [
+      b("div", fi, [
         _(t.$slots, "spinner", {}, () => [
           K(mn, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (d(), g("div", yi, [
+        t.$slots.content ? (d(), g("div", vi, [
           _(t.$slots, "content", {}, void 0, !0)
         ])) : j("", !0)
       ])
     ], 2));
   }
-}), In = /* @__PURE__ */ F(pi, [["__scopeId", "data-v-266b7e2a"]]), mi = {
+}), In = /* @__PURE__ */ F(yi, [["__scopeId", "data-v-266b7e2a"]]), pi = {
   key: 0,
   class: /* @__PURE__ */ E(["joy-panel__header"])
-}, hi = {
+}, mi = {
   key: 1,
   class: "joy-panel__header-action"
-}, bi = {
+}, hi = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, gi = { class: "joy-panel__body" }, wi = {
+}, bi = { class: "joy-panel__body" }, gi = {
   key: 1,
   class: "joy-panel__footer"
-}, Si = /* @__PURE__ */ B({
+}, wi = /* @__PURE__ */ B({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -4543,24 +4554,24 @@ const El = /* @__PURE__ */ B({
         }
       ])
     }, [
-      r.value ? (d(), g("header", mi, [
+      r.value ? (d(), g("header", pi, [
         D(a)["panel-title"] ? (d(), g("div", {
           key: 0,
           class: E(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           _(l.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : j("", !0),
-        D(a)["panel-title-action"] ? (d(), g("div", hi, [
+        D(a)["panel-title-action"] ? (d(), g("div", mi, [
           _(l.$slots, "panel-title-action", {}, void 0, !0)
         ])) : j("", !0),
-        D(a)["panel-subtitle"] ? (d(), g("div", bi, [
+        D(a)["panel-subtitle"] ? (d(), g("div", hi, [
           _(l.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : j("", !0)
       ])) : j("", !0),
-      b("div", gi, [
+      b("div", bi, [
         _(l.$slots, "panel-body", {}, void 0, !0)
       ]),
-      D(a)["panel-action"] ? (d(), g("footer", wi, [
+      D(a)["panel-action"] ? (d(), g("footer", gi, [
         _(l.$slots, "panel-action", {}, void 0, !0)
       ])) : j("", !0),
       e.loading ? (d(), L(In, {
@@ -4575,38 +4586,38 @@ const El = /* @__PURE__ */ B({
       }, 8, ["color"])) : j("", !0)
     ], 6));
   }
-}), Lc = /* @__PURE__ */ F(Si, [["__scopeId", "data-v-bf00f207"]]), _i = { class: "joy-panel-section" }, ki = {
+}), Ec = /* @__PURE__ */ F(wi, [["__scopeId", "data-v-bf00f207"]]), Si = { class: "joy-panel-section" }, _i = {
   key: 0,
   class: "joy-panel-section__title"
-}, ji = {
+}, ki = {
   key: 1,
   class: "joy-panel-section__content"
-}, $i = /* @__PURE__ */ B({
+}, ji = /* @__PURE__ */ B({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = Q();
-    return (n, a) => (d(), g("div", _i, [
-      D(t)["panel-section-title"] ? (d(), g("div", ki, [
+    return (n, a) => (d(), g("div", Si, [
+      D(t)["panel-section-title"] ? (d(), g("div", _i, [
         _(n.$slots, "panel-section-title", {}, void 0, !0)
       ])) : j("", !0),
-      D(t)["panel-section-content"] ? (d(), g("div", ji, [
+      D(t)["panel-section-content"] ? (d(), g("div", ki, [
         _(n.$slots, "panel-section-content", {}, void 0, !0)
       ])) : j("", !0)
     ]));
   }
-}), Ac = /* @__PURE__ */ F($i, [["__scopeId", "data-v-d88510ab"]]), Ci = {}, xi = { class: "joy-product-tour-spotlight" };
-function Ti(e, t) {
-  return d(), g("div", xi);
+}), Lc = /* @__PURE__ */ F(ji, [["__scopeId", "data-v-d88510ab"]]), $i = {}, Ci = { class: "joy-product-tour-spotlight" };
+function xi(e, t) {
+  return d(), g("div", Ci);
 }
-const Vi = /* @__PURE__ */ F(Ci, [["render", Ti], ["__scopeId", "data-v-fbaf8e78"]]), Pe = Math.min, Ve = Math.max, vt = Math.round, rt = Math.floor, ge = (e) => ({
+const Ti = /* @__PURE__ */ F($i, [["render", xi], ["__scopeId", "data-v-fbaf8e78"]]), Pe = Math.min, Ve = Math.max, vt = Math.round, rt = Math.floor, ge = (e) => ({
   x: e,
   y: e
-}), Ii = {
+}), Vi = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Ei = {
+}, Ii = {
   start: "end",
   end: "start"
 };
@@ -4634,20 +4645,20 @@ function nt(e) {
 function Ot(e) {
   return zt(nt(e));
 }
-function Li(e, t, n) {
+function Ei(e, t, n) {
   n === void 0 && (n = !1);
   const a = tt(e), o = Ot(e), r = Pt(o);
   let l = o === "x" ? a === (n ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (l = yt(l)), [l, yt(l)];
 }
-function Ai(e) {
+function Li(e) {
   const t = yt(e);
   return [xt(e), t, xt(t)];
 }
 function xt(e) {
-  return e.replace(/start|end/g, (t) => Ei[t]);
+  return e.replace(/start|end/g, (t) => Ii[t]);
 }
-function Bi(e, t, n) {
+function Ai(e, t, n) {
   const a = ["left", "right"], o = ["right", "left"], r = ["top", "bottom"], l = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -4660,15 +4671,15 @@ function Bi(e, t, n) {
       return [];
   }
 }
-function Fi(e, t, n, a) {
+function Bi(e, t, n, a) {
   const o = tt(e);
-  let r = Bi(we(e), n === "start", a);
+  let r = Ai(we(e), n === "start", a);
   return o && (r = r.map((l) => l + "-" + o), t && (r = r.concat(r.map(xt)))), r;
 }
 function yt(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Ii[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => Vi[t]);
 }
-function Ni(e) {
+function Fi(e) {
   return {
     top: 0,
     right: 0,
@@ -4678,7 +4689,7 @@ function Ni(e) {
   };
 }
 function En(e) {
-  return typeof e != "number" ? Ni(e) : {
+  return typeof e != "number" ? Fi(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -4742,7 +4753,7 @@ function an(e, t, n) {
   }
   return p;
 }
-const zi = async (e, t, n) => {
+const Ni = async (e, t, n) => {
   const {
     placement: a = "bottom",
     strategy: o = "absolute",
@@ -4849,7 +4860,7 @@ async function Ln(e, t) {
     right: (T.right - S.right + v.right) / P.x
   };
 }
-const Pi = (e) => ({
+const zi = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -4910,12 +4921,12 @@ const Pi = (e) => ({
       } = Ee(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const S = we(o), k = we(s) === s, A = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), P = y || (k || !h ? [yt(s)] : Ai(s));
-      !y && v !== "none" && P.push(...Fi(s, h, v, A));
+      const S = we(o), k = we(s) === s, A = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), P = y || (k || !h ? [yt(s)] : Li(s));
+      !y && v !== "none" && P.push(...Bi(s, h, v, A));
       const T = [s, ...P], I = await Ln(t, m), w = [];
       let z = ((a = r.flip) == null ? void 0 : a.overflows) || [];
       if (f && w.push(I[S]), c) {
-        const $ = Li(o, l, A);
+        const $ = Ei(o, l, A);
         w.push(I[$[0]], I[$[1]]);
       }
       if (z = [...z, {
@@ -4958,7 +4969,7 @@ const Pi = (e) => ({
     }
   };
 };
-async function Oi(e, t) {
+async function Pi(e, t) {
   const {
     placement: n,
     platform: a,
@@ -4994,7 +5005,7 @@ const Bn = function(e) {
       const {
         x: n,
         y: a
-      } = t, o = await Oi(t, e);
+      } = t, o = await Pi(t, e);
       return {
         x: n + o.x,
         y: a + o.y,
@@ -5129,14 +5140,14 @@ function at(e) {
   } = de(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + a + n) && !["inline", "contents"].includes(o);
 }
-function Ri(e) {
+function Oi(e) {
   return ["table", "td", "th"].includes(Se(e));
 }
 function Rt(e) {
   const t = Dt(), n = de(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((a) => (n.willChange || "").includes(a)) || ["paint", "layout", "strict", "content"].some((a) => (n.contain || "").includes(a));
 }
-function Di(e) {
+function Ri(e) {
   let t = Oe(e);
   for (; ve(t) && !bt(t); ) {
     if (Rt(t))
@@ -5213,15 +5224,15 @@ function ze(e) {
     y: s
   };
 }
-const Mi = /* @__PURE__ */ ge(0);
+const Di = /* @__PURE__ */ ge(0);
 function Rn(e) {
   const t = ce(e);
-  return !Dt() || !t.visualViewport ? Mi : {
+  return !Dt() || !t.visualViewport ? Di : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Ji(e, t, n) {
+function Mi(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ce(e) ? !1 : t;
 }
 function Le(e, t, n, a) {
@@ -5229,7 +5240,7 @@ function Le(e, t, n, a) {
   const o = e.getBoundingClientRect(), r = Mt(e);
   let l = ge(1);
   t && (a ? ye(a) && (l = ze(a)) : l = ze(e));
-  const s = Ji(r, n, a) ? Rn(r) : ge(0);
+  const s = Mi(r, n, a) ? Rn(r) : ge(0);
   let i = (o.left + s.x) / l.x, u = (o.top + s.y) / l.y, f = o.width / l.x, c = o.height / l.y;
   if (r) {
     const y = ce(r), p = a && ye(a) ? ce(a) : a;
@@ -5246,7 +5257,7 @@ function Le(e, t, n, a) {
     y: u
   });
 }
-function qi(e) {
+function Ji(e) {
   let {
     rect: t,
     offsetParent: n,
@@ -5271,13 +5282,13 @@ function qi(e) {
     y: t.y * s.y - l.scrollTop * s.y + i.y
   };
 }
-function Hi(e) {
+function qi(e) {
   return Array.from(e.getClientRects());
 }
 function Dn(e) {
   return Le(pe(e)).left + gt(e).scrollLeft;
 }
-function Wi(e) {
+function Hi(e) {
   const t = pe(e), n = gt(e), a = e.ownerDocument.body, o = Ve(t.scrollWidth, t.clientWidth, a.scrollWidth, a.clientWidth), r = Ve(t.scrollHeight, t.clientHeight, a.scrollHeight, a.clientHeight);
   let l = -n.scrollLeft + Dn(e);
   const s = -n.scrollTop;
@@ -5288,7 +5299,7 @@ function Wi(e) {
     y: s
   };
 }
-function Ui(e, t) {
+function Wi(e, t) {
   const n = ce(e), a = pe(e), o = n.visualViewport;
   let r = a.clientWidth, l = a.clientHeight, s = 0, i = 0;
   if (o) {
@@ -5303,7 +5314,7 @@ function Ui(e, t) {
     y: i
   };
 }
-function Ki(e, t) {
+function Ui(e, t) {
   const n = Le(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, r = ve(e) ? ze(e) : ge(1), l = e.clientWidth * r.x, s = e.clientHeight * r.y, i = o * r.x, u = a * r.y;
   return {
     width: l,
@@ -5315,11 +5326,11 @@ function Ki(e, t) {
 function ln(e, t, n) {
   let a;
   if (t === "viewport")
-    a = Ui(e, n);
+    a = Wi(e, n);
   else if (t === "document")
-    a = Wi(pe(e));
+    a = Hi(pe(e));
   else if (ye(t))
-    a = Ki(t, n);
+    a = Ui(t, n);
   else {
     const o = Rn(e);
     a = {
@@ -5334,7 +5345,7 @@ function Mn(e, t) {
   const n = Oe(e);
   return n === t || !ye(n) || bt(n) ? !1 : de(n).position === "fixed" || Mn(n, t);
 }
-function Gi(e, t) {
+function Ki(e, t) {
   const n = t.get(e);
   if (n)
     return n;
@@ -5347,14 +5358,14 @@ function Gi(e, t) {
   }
   return t.set(e, a), a;
 }
-function Yi(e) {
+function Gi(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: a,
     strategy: o
   } = e;
-  const l = [...n === "clippingAncestors" ? Gi(t, this._c) : [].concat(n), a], s = l[0], i = l.reduce((u, f) => {
+  const l = [...n === "clippingAncestors" ? Ki(t, this._c) : [].concat(n), a], s = l[0], i = l.reduce((u, f) => {
     const c = ln(t, f, o);
     return u.top = Ve(c.top, u.top), u.right = Pe(c.right, u.right), u.bottom = Pe(c.bottom, u.bottom), u.left = Ve(c.left, u.left), u;
   }, ln(t, s, o));
@@ -5365,10 +5376,10 @@ function Yi(e) {
     y: i.top
   };
 }
-function Zi(e) {
+function Yi(e) {
   return On(e);
 }
-function Xi(e, t, n) {
+function Zi(e, t, n) {
   const a = ve(t), o = pe(t), r = n === "fixed", l = Le(e, !0, r, t);
   let s = {
     scrollLeft: 0,
@@ -5396,11 +5407,11 @@ function Jn(e, t) {
   if (!ve(e))
     return n;
   let a = rn(e, t);
-  for (; a && Ri(a) && de(a).position === "static"; )
+  for (; a && Oi(a) && de(a).position === "static"; )
     a = rn(a, t);
-  return a && (Se(a) === "html" || Se(a) === "body" && de(a).position === "static" && !Rt(a)) ? n : a || Di(e) || n;
+  return a && (Se(a) === "html" || Se(a) === "body" && de(a).position === "static" && !Rt(a)) ? n : a || Ri(e) || n;
 }
-const Qi = async function(e) {
+const Xi = async function(e) {
   let {
     reference: t,
     floating: n,
@@ -5408,7 +5419,7 @@ const Qi = async function(e) {
   } = e;
   const o = this.getOffsetParent || Jn, r = this.getDimensions;
   return {
-    reference: Xi(t, await o(n), a),
+    reference: Zi(t, await o(n), a),
     floating: {
       x: 0,
       y: 0,
@@ -5416,22 +5427,22 @@ const Qi = async function(e) {
     }
   };
 };
-function es(e) {
+function Qi(e) {
   return de(e).direction === "rtl";
 }
-const ts = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: qi,
+const es = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ji,
   getDocumentElement: pe,
-  getClippingRect: Yi,
+  getClippingRect: Gi,
   getOffsetParent: Jn,
-  getElementRects: Qi,
-  getClientRects: Hi,
-  getDimensions: Zi,
+  getElementRects: Xi,
+  getClientRects: qi,
+  getDimensions: Yi,
   getScale: ze,
   isElement: ye,
-  isRTL: es
+  isRTL: Qi
 };
-function ns(e, t) {
+function ts(e, t) {
   let n = null, a;
   const o = pe(e);
   function r() {
@@ -5476,7 +5487,7 @@ function ns(e, t) {
   }
   return l(!0), r;
 }
-function as(e, t, n, a) {
+function ns(e, t, n, a) {
   a === void 0 && (a = {});
   const {
     ancestorScroll: o = !0,
@@ -5490,7 +5501,7 @@ function as(e, t, n, a) {
       passive: !0
     }), r && S.addEventListener("resize", n);
   });
-  const c = u && s ? ns(u, n) : null;
+  const c = u && s ? ts(u, n) : null;
   let y = -1, p = null;
   l && (p = new ResizeObserver((S) => {
     let [k] = S;
@@ -5510,15 +5521,15 @@ function as(e, t, n, a) {
     }), c && c(), p && p.disconnect(), p = null, i && cancelAnimationFrame(v);
   };
 }
-const os = (e, t, n) => {
+const as = (e, t, n) => {
   const a = /* @__PURE__ */ new Map(), o = {
-    platform: ts,
+    platform: es,
     ...n
   }, r = {
     ...o.platform,
     _c: a
   };
-  return zi(e, t, {
+  return Ni(e, t, {
     ...o,
     platform: r
   });
@@ -5533,7 +5544,7 @@ function qn(e) {
     options: e,
     fn(t) {
       const n = Tt(D(e.element));
-      return n == null ? {} : Pi({
+      return n == null ? {} : zi({
         element: n,
         padding: e.padding
       }).fn(t);
@@ -5584,7 +5595,7 @@ function Wn(e, t, n) {
   });
   let k;
   function A() {
-    u.value == null || f.value == null || os(u.value, f.value, {
+    u.value == null || f.value == null || as(u.value, f.value, {
       middleware: r.value,
       placement: l.value,
       strategy: s.value
@@ -5625,7 +5636,7 @@ function Wn(e, t, n) {
     update: A
   };
 }
-const ls = () => {
+const os = () => {
   const e = C(null);
   return {
     clearProductTourRef: () => {
@@ -5637,10 +5648,10 @@ const ls = () => {
     },
     productToursRef: e
   };
-}, Un = ls(), rs = { class: "joy-product-tour__content" }, is = { class: "joy-product-tour__header" }, ss = {
+}, Un = os(), ls = { class: "joy-product-tour__content" }, rs = { class: "joy-product-tour__header" }, is = {
   key: 0,
   class: "joy-product-tour__footer"
-}, us = { class: "joy-product-tour__footer___steps" }, cs = { class: "joy-product-tour__footer___cta" }, ds = "joy-product-tour-spotlight__wrapper", fs = /* @__PURE__ */ B({
+}, ss = { class: "joy-product-tour__footer___steps" }, us = { class: "joy-product-tour__footer___cta" }, cs = "joy-product-tour-spotlight__wrapper", ds = /* @__PURE__ */ B({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5658,7 +5669,7 @@ const ls = () => {
       Wn(l, o, {
         placement: n.position,
         whileElementsMounted(...T) {
-          return as(...T, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
+          return ns(...T, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
@@ -5704,7 +5715,7 @@ const ls = () => {
       r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", v, { once: !0 }), r.value.style.position = "fixed", r.value.style.top = "0", r.value.style.left = "0", r.value.style.width = "100%", r.value.style.height = "100%", r.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(r.value);
     }
     function S(T) {
-      T && (T.style.position = "relative", T.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = K(Vi), i.value = document.createElement("div"), i.value.classList.add(ds), document.body.appendChild(i.value), qt(s.value, i.value), k());
+      T && (T.style.position = "relative", T.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = K(Ti), i.value = document.createElement("div"), i.value.classList.add(cs), document.body.appendChild(i.value), qt(s.value, i.value), k());
     }
     function k() {
       if (!i.value)
@@ -5766,7 +5777,7 @@ const ls = () => {
               onClick: v
             })
           ], 2),
-          b("div", rs, [
+          b("div", ls, [
             T.icon ? (d(), L(Y, {
               key: 0,
               class: "joy-product-tour__content___icon",
@@ -5774,19 +5785,19 @@ const ls = () => {
               size: "medium"
             }, null, 8, ["name"])) : j("", !0),
             b("div", null, [
-              b("div", is, [
+              b("div", rs, [
                 _(T.$slots, "product-tour-header", {}, void 0, !0)
               ]),
               _(T.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          T.$slots["product-tour-dismiss"] || T.$slots["product-tour-next"] ? (d(), g("div", ss, [
-            b("span", us, [
+          T.$slots["product-tour-dismiss"] || T.$slots["product-tour-next"] ? (d(), g("div", is, [
+            b("span", ss, [
               T.steps > 1 ? (d(), g(G, { key: 0 }, [
                 W(O(T.step) + "/" + O(T.steps), 1)
               ], 64)) : j("", !0)
             ]),
-            b("div", cs, [
+            b("div", us, [
               b("div", { onClick: v }, [
                 _(T.$slots, "product-tour-dismiss", {}, void 0, !0)
               ]),
@@ -5799,7 +5810,7 @@ const ls = () => {
       ]);
     };
   }
-}), vs = /* @__PURE__ */ F(fs, [["__scopeId", "data-v-c1f5e735"]]), Bc = /* @__PURE__ */ B({
+}), fs = /* @__PURE__ */ F(ds, [["__scopeId", "data-v-c1f5e735"]]), Ac = /* @__PURE__ */ B({
   __name: "VJoyProductTour",
   props: {
     icon: {},
@@ -5827,7 +5838,7 @@ const ls = () => {
       show: l,
       hide: s
     }), (i, u) => (d(), L(Qe, { to: "body" }, [
-      K(vs, ae(n, {
+      K(fs, ae(n, {
         ref_key: "productTour",
         ref: r
       }), {
@@ -5850,7 +5861,7 @@ const ls = () => {
       }, 16)
     ]));
   }
-}), Fc = /* @__PURE__ */ B({
+}), Bc = /* @__PURE__ */ B({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -5867,7 +5878,7 @@ const ls = () => {
       onClick: s
     }))), 128));
   }
-}), ys = /* @__PURE__ */ B({
+}), vs = /* @__PURE__ */ B({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5911,7 +5922,7 @@ const ls = () => {
       }, null, 4)
     ], 2));
   }
-}), Nc = /* @__PURE__ */ F(ys, [["__scopeId", "data-v-cd823b2d"]]), ps = ["id", "value", "checked", "disabled", "required", "name"], ms = { class: "joy-radio-label" }, hs = { class: "joy-radio-content__wrapper" }, bs = { class: "joy-radio-content" }, gs = /* @__PURE__ */ B({
+}), Fc = /* @__PURE__ */ F(vs, [["__scopeId", "data-v-cd823b2d"]]), ys = ["id", "value", "checked", "disabled", "required", "name"], ps = { class: "joy-radio-label" }, ms = { class: "joy-radio-content__wrapper" }, hs = { class: "joy-radio-content" }, bs = /* @__PURE__ */ B({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5998,12 +6009,12 @@ const ls = () => {
         onChange: y,
         onFocus: p,
         onBlur: v
-      }, null, 40, ps),
-      b("span", ms, [
+      }, null, 40, ys),
+      b("span", ps, [
         _(h.$slots, "default", {}, void 0, !0)
       ]),
-      b("div", hs, [
-        b("div", bs, [
+      b("div", ms, [
+        b("div", hs, [
           _(h.$slots, "radio-content", {}, void 0, !0)
         ]),
         b("div", {
@@ -6016,7 +6027,7 @@ const ls = () => {
       ])
     ], 2));
   }
-}), zc = /* @__PURE__ */ F(gs, [["__scopeId", "data-v-7ee19b20"]]), ws = ["form", "name"], Ss = /* @__PURE__ */ B({
+}), Nc = /* @__PURE__ */ F(bs, [["__scopeId", "data-v-7ee19b20"]]), gs = ["form", "name"], ws = /* @__PURE__ */ B({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -6050,9 +6061,9 @@ const ls = () => {
       }, [
         _(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, ws));
+    ], 8, gs));
   }
-}), Pc = /* @__PURE__ */ F(Ss, [["__scopeId", "data-v-1b870a4c"]]), _s = ["ariaLabel"], ks = { class: "joy-rating-stars" }, js = { class: "joy-rating-stars__content" }, $s = { key: 0 }, Cs = /* @__PURE__ */ B({
+}), zc = /* @__PURE__ */ F(ws, [["__scopeId", "data-v-1b870a4c"]]), Ss = ["ariaLabel"], _s = { class: "joy-rating-stars" }, ks = { class: "joy-rating-stars__content" }, js = { key: 0 }, $s = /* @__PURE__ */ B({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -6084,7 +6095,7 @@ const ls = () => {
       class: "joy-rating-stars__wrapper",
       ariaLabel: D(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      b("ul", ks, [
+      b("ul", _s, [
         (d(!0), g(G, null, X(o.value, (s, i) => (d(), g("li", {
           key: i,
           class: E([`joy-rating-stars--${e.size}`])
@@ -6107,14 +6118,14 @@ const ls = () => {
           }))
         ], 2))), 128))
       ]),
-      b("div", js, [
+      b("div", ks, [
         _(r.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (d(), g("span", $s, "(" + O(e.reviewCount) + ")", 1)) : j("", !0)
+          e.reviewCount ? (d(), g("span", js, "(" + O(e.reviewCount) + ")", 1)) : j("", !0)
         ], !0)
       ])
-    ], 8, _s));
+    ], 8, Ss));
   }
-}), xs = /* @__PURE__ */ F(Cs, [["__scopeId", "data-v-4c9a1026"]]), Ts = ["id", "name", "aria-invalid", "required", "disabled"], Vs = ["selected"], Is = /* @__PURE__ */ B({
+}), Cs = /* @__PURE__ */ F($s, [["__scopeId", "data-v-4c9a1026"]]), xs = ["id", "name", "aria-invalid", "required", "disabled"], Ts = ["selected"], Vs = /* @__PURE__ */ B({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -6252,9 +6263,9 @@ const ls = () => {
               key: (k = S.props) == null ? void 0 : k.value
             }, S.props, {
               selected: ((A = S.props) == null ? void 0 : A.value) === e.modelValue
-            }), O(S.children), 17, Vs);
+            }), O(S.children), 17, Ts);
           }), 128))
-        ], 40, Ts),
+        ], 40, xs),
         K(Y, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -6262,7 +6273,7 @@ const ls = () => {
       ], 2)
     ], 512));
   }
-}), Oc = /* @__PURE__ */ F(Is, [["__scopeId", "data-v-7e3adcd9"]]), Es = ["aria-disabled"], Ls = ["id", "value", "checked", "disabled", "required", "name"], As = { class: "joy-selectable-item__label" }, Bs = /* @__PURE__ */ B({
+}), Pc = /* @__PURE__ */ F(Vs, [["__scopeId", "data-v-7e3adcd9"]]), Is = ["aria-disabled"], Es = ["id", "value", "checked", "disabled", "required", "name"], Ls = { class: "joy-selectable-item__label" }, As = /* @__PURE__ */ B({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -6352,7 +6363,7 @@ const ls = () => {
         (...y) => i.onFocus && i.onFocus(...y)),
         onBlur: c[2] || (c[2] = //@ts-ignore
         (...y) => i.onBlur && i.onBlur(...y))
-      }, null, 40, Ls)),
+      }, null, 40, Es)),
       (d(), L(re(D(s)), {
         for: e.id,
         class: E([
@@ -6388,7 +6399,7 @@ const ls = () => {
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required"])) : j("", !0),
-          b("div", As, [
+          b("div", Ls, [
             e.multiple ? j("", !0) : _(f.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           b("div", {
@@ -6401,9 +6412,9 @@ const ls = () => {
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, Es));
+    ], 10, Is));
   }
-}), Fs = /* @__PURE__ */ F(Bs, [["__scopeId", "data-v-63935f26"]]), Ns = ["id"], zs = /* @__PURE__ */ B({
+}), Bs = /* @__PURE__ */ F(As, [["__scopeId", "data-v-63935f26"]]), Fs = ["id"], Ns = /* @__PURE__ */ B({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -6480,7 +6491,7 @@ const ls = () => {
           }
         ])
       }, [
-        (d(!0), g(G, null, X(e.options, (i) => (d(), L(Fs, ae(i.attrs, {
+        (d(!0), g(G, null, X(e.options, (i) => (d(), L(Bs, ae(i.attrs, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -6506,9 +6517,9 @@ const ls = () => {
           } : void 0
         ]), 1040, ["id", "name", "disabled", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, Ns));
+    ], 8, Fs));
   }
-}), Rc = /* @__PURE__ */ F(zs, [["__scopeId", "data-v-0851108e"]]), Ps = /* @__PURE__ */ B({
+}), Oc = /* @__PURE__ */ F(Ns, [["__scopeId", "data-v-0851108e"]]), zs = /* @__PURE__ */ B({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6527,7 +6538,7 @@ const ls = () => {
       b("span", null, O(e.text), 1)
     ], 2));
   }
-}), Dc = /* @__PURE__ */ F(Ps, [["__scopeId", "data-v-21db2899"]]), Os = { class: "joy-snackbar__img" }, Rs = { class: "joy-snackbar__content" }, Ds = { key: 0 }, Ms = ["innerHTML"], Js = /* @__PURE__ */ B({
+}), Rc = /* @__PURE__ */ F(zs, [["__scopeId", "data-v-21db2899"]]), Ps = { class: "joy-snackbar__img" }, Os = { class: "joy-snackbar__content" }, Rs = { key: 0 }, Ds = ["innerHTML"], Ms = /* @__PURE__ */ B({
   __name: "VJoySnackbar",
   props: {
     level: {
@@ -6623,12 +6634,12 @@ const ls = () => {
         id: l,
         class: E(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
-        b("div", Os, [
+        b("div", Ps, [
           K(Y, { name: s.value }, null, 8, ["name"])
         ]),
-        b("div", Rs, [
-          e.header ? (d(), g("strong", Ds, O(e.header), 1)) : j("", !0),
-          b("span", { innerHTML: e.message }, null, 8, Ms),
+        b("div", Os, [
+          e.header ? (d(), g("strong", Rs, O(e.header), 1)) : j("", !0),
+          b("span", { innerHTML: e.message }, null, 8, Ds),
           e.actionText ? (d(), g("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
@@ -6647,7 +6658,7 @@ const ls = () => {
       ], 2)
     ], 2));
   }
-}), qs = /* @__PURE__ */ F(Js, [["__scopeId", "data-v-d93e38fe"]]), Hs = ["id"], Ws = { class: "joy-step__stroke" }, Us = { class: "joy-step__label" }, Ks = /* @__PURE__ */ B({
+}), Js = /* @__PURE__ */ F(Ms, [["__scopeId", "data-v-d93e38fe"]]), qs = ["id"], Hs = { class: "joy-step__stroke" }, Ws = { class: "joy-step__label" }, Us = /* @__PURE__ */ B({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6694,18 +6705,18 @@ const ls = () => {
         }
       ])
     }, [
-      b("span", Ws, [
+      b("span", Hs, [
         b("span", {
           class: "joy-step__stroke--filled",
           style: se({ maxWidth: l.value })
         }, null, 4)
       ]),
-      b("span", Us, [
+      b("span", Ws, [
         _(u.$slots, "default", {}, void 0, !0)
       ])
-    ], 10, Hs));
+    ], 10, qs));
   }
-}), Gs = /* @__PURE__ */ F(Ks, [["__scopeId", "data-v-b63419a7"]]), Ys = { class: "joy-stepper" }, Zs = /* @__PURE__ */ B({
+}), Ks = /* @__PURE__ */ F(Us, [["__scopeId", "data-v-b63419a7"]]), Gs = { class: "joy-stepper" }, Ys = /* @__PURE__ */ B({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6736,10 +6747,10 @@ const ls = () => {
       currentItemSubStep: i,
       steps: o,
       invalidSubStepValue: s
-    }), (c, y) => (d(), g("div", Ys, [
+    }), (c, y) => (d(), g("div", Gs, [
       (d(!0), g(G, null, X(o.value, (p, v) => {
         var h;
-        return d(), L(Gs, ae(p.props, {
+        return d(), L(Ks, ae(p.props, {
           key: (h = p.props) == null ? void 0 : h.id,
           completed: v < e.step - 1,
           "current-sub-step": f(v)
@@ -6755,7 +6766,7 @@ const ls = () => {
       }), 128))
     ]));
   }
-}), Mc = /* @__PURE__ */ F(Zs, [["__scopeId", "data-v-dcd87434"]]), Xs = ["id", "aria-hidden", "aria-labelledby"], Qs = /* @__PURE__ */ B({
+}), Dc = /* @__PURE__ */ F(Ys, [["__scopeId", "data-v-dcd87434"]]), Zs = ["id", "aria-hidden", "aria-labelledby"], Xs = /* @__PURE__ */ B({
   __name: "VJoyTab",
   props: {
     /**
@@ -6798,12 +6809,12 @@ const ls = () => {
       })
     }, [
       _(o.$slots, "default", {}, void 0, !0)
-    ], 10, Xs));
+    ], 10, Zs));
   }
-}), Jc = /* @__PURE__ */ F(Qs, [["__scopeId", "data-v-a76a7c92"]]), eu = ["id", "href", "aria-selected", "aria-controls"], tu = {
+}), Mc = /* @__PURE__ */ F(Xs, [["__scopeId", "data-v-a76a7c92"]]), Qs = ["id", "href", "aria-selected", "aria-controls"], eu = {
   type: "button",
   tabindex: "-1"
-}, nu = /* @__PURE__ */ B({
+}, tu = /* @__PURE__ */ B({
   __name: "TabButton",
   props: {
     /**
@@ -6863,11 +6874,11 @@ const ls = () => {
           "joy-tab-button__selected": e.selected
         })
       }, [
-        b("button", tu, [
+        b("button", eu, [
           _(r.$slots, "default", {}, () => [
             W(O(e.label), 1)
           ], !0),
-          e.notifications ? (d(), L(xa, {
+          e.notifications ? (d(), L(Ca, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "red",
@@ -6875,9 +6886,9 @@ const ls = () => {
           }, null, 8, ["number"])) : j("", !0)
         ])
       ], 2)
-    ], 40, eu));
+    ], 40, Qs));
   }
-}), au = /* @__PURE__ */ F(nu, [["__scopeId", "data-v-26b80ed6"]]), ou = { class: "joy-tabs" }, lu = /* @__PURE__ */ B({
+}), nu = /* @__PURE__ */ F(tu, [["__scopeId", "data-v-26b80ed6"]]), au = { class: "joy-tabs" }, ou = /* @__PURE__ */ B({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6920,7 +6931,7 @@ const ls = () => {
       (m = i.value) == null || m.removeEventListener("scroll", v);
     }), t({
       tabs: c
-    }), (m, S) => (d(), g("div", ou, [
+    }), (m, S) => (d(), g("div", au, [
       b("div", {
         ref_key: "buttonListWrapper",
         ref: s,
@@ -6939,7 +6950,7 @@ const ls = () => {
           (d(!0), g(G, null, X(c.value, (k) => (d(), g("div", {
             key: k.props.tab
           }, [
-            K(au, {
+            K(nu, {
               tab: k.props.tab,
               label: k.props.label,
               href: k.props.href,
@@ -6963,7 +6974,7 @@ const ls = () => {
       ])
     ]));
   }
-}), qc = /* @__PURE__ */ F(lu, [["__scopeId", "data-v-9aea2d41"]]), ru = ["id", "role"], iu = /* @__PURE__ */ B({
+}), Jc = /* @__PURE__ */ F(ou, [["__scopeId", "data-v-9aea2d41"]]), lu = ["id", "role"], ru = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -7016,9 +7027,9 @@ const ls = () => {
         onClick: sa(l, ["stop"]),
         onKeydown: et(l, ["enter"])
       })) : j("", !0)
-    ], 10, ru));
+    ], 10, lu));
   }
-}), Kn = /* @__PURE__ */ F(iu, [["__scopeId", "data-v-bf90789b"]]);
+}), Kn = /* @__PURE__ */ F(ru, [["__scopeId", "data-v-bf90789b"]]);
 var He = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(He || {});
 function un(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -7031,7 +7042,7 @@ function un(e) {
       return a;
   }) === void 0 : t(e);
 }
-const su = { class: "joy-tags-input__wrapper" }, uu = ["id", "name", "placeholder"], cu = { key: 0 }, du = { key: 1 }, fu = /* @__PURE__ */ B({
+const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholder"], uu = { key: 0 }, cu = { key: 1 }, du = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -7106,7 +7117,7 @@ const su = { class: "joy-tags-input__wrapper" }, uu = ["id", "name", "placeholde
     ), t({
       isInvalid: i,
       hasDuplicates: h
-    }), (w, z) => (d(), g("div", su, [
+    }), (w, z) => (d(), g("div", iu, [
       w.$slots.default ? (d(), L(Ae, {
         key: 0,
         id: w.name,
@@ -7150,7 +7161,7 @@ const su = { class: "joy-tags-input__wrapper" }, uu = ["id", "name", "placeholde
           onKeydown: S,
           onFocus: k,
           onBlur: A
-        }, null, 40, uu)
+        }, null, 40, su)
       ], 2),
       p.value ? (d(), L(Ft, {
         key: 1,
@@ -7158,15 +7169,15 @@ const su = { class: "joy-tags-input__wrapper" }, uu = ["id", "name", "placeholde
       }, {
         default: R(() => [
           b("ul", null, [
-            y.value ? (d(), g("li", cu, O(w.duplicationError), 1)) : j("", !0),
-            c.value ? (d(), g("li", du, O(w.invalidEmailError), 1)) : j("", !0)
+            y.value ? (d(), g("li", uu, O(w.duplicationError), 1)) : j("", !0),
+            c.value ? (d(), g("li", cu, O(w.invalidEmailError), 1)) : j("", !0)
           ])
         ]),
         _: 1
       })) : j("", !0)
     ]));
   }
-}), Hc = /* @__PURE__ */ F(fu, [["__scopeId", "data-v-3576a764"]]), vu = /* @__PURE__ */ B({
+}), qc = /* @__PURE__ */ F(du, [["__scopeId", "data-v-3576a764"]]), fu = /* @__PURE__ */ B({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -7244,36 +7255,36 @@ const su = { class: "joy-tags-input__wrapper" }, uu = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), Wc = /* @__PURE__ */ F(vu, [["__scopeId", "data-v-1d8003ef"]]), yu = {}, pu = {
+}), Hc = /* @__PURE__ */ F(fu, [["__scopeId", "data-v-1d8003ef"]]), vu = {}, yu = {
   class: /* @__PURE__ */ E(["joy-template-shape__shapes"])
-}, mu = /* @__PURE__ */ vn('<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), hu = [
-  mu
+}, pu = /* @__PURE__ */ vn('<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), mu = [
+  pu
 ];
-function bu(e, t) {
-  return d(), g("div", pu, hu);
+function hu(e, t) {
+  return d(), g("div", yu, mu);
 }
-const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92"]]), wu = { class: "joy-template__wrapper" }, Su = {
+const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92"]]), gu = { class: "joy-template__wrapper" }, wu = {
   key: 0,
   class: "joy-template__heading"
-}, _u = {
+}, Su = {
   key: 0,
   class: "joy-template-slot-back"
-}, ku = { class: "joy-template__heading___headings" }, ju = {
+}, _u = { class: "joy-template__heading___headings" }, ku = {
   key: 0,
   class: "joy-template-slot-title"
-}, $u = {
+}, ju = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, Cu = {
+}, $u = {
   key: 1,
   class: "joy-template-slot-actions"
-}, xu = {
+}, Cu = {
   key: 0,
   class: "joy-template-slot-main"
-}, Tu = {
+}, xu = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, Vu = /* @__PURE__ */ B({
+}, Tu = /* @__PURE__ */ B({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -7298,21 +7309,21 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
     return (o, r) => (d(), g("main", {
       class: E(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (d(), L(gu, { key: 0 })) : j("", !0),
-      b("div", wu, [
-        a.value ? (d(), g("div", Su, [
-          D(n)["template-back"] ? (d(), g("div", _u, [
+      e.shapes ? (d(), L(bu, { key: 0 })) : j("", !0),
+      b("div", gu, [
+        a.value ? (d(), g("div", wu, [
+          D(n)["template-back"] ? (d(), g("div", Su, [
             _(o.$slots, "template-back", {}, void 0, !0)
           ])) : j("", !0),
-          b("div", ku, [
-            D(n)["template-title"] ? (d(), g("div", ju, [
+          b("div", _u, [
+            D(n)["template-title"] ? (d(), g("div", ku, [
               _(o.$slots, "template-title", {}, void 0, !0)
             ])) : j("", !0),
-            D(n)["template-subtitle"] ? (d(), g("div", $u, [
+            D(n)["template-subtitle"] ? (d(), g("div", ju, [
               _(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : j("", !0)
           ]),
-          D(n)["template-actions"] ? (d(), g("div", Cu, [
+          D(n)["template-actions"] ? (d(), g("div", $u, [
             _(o.$slots, "template-actions", {}, void 0, !0)
           ])) : j("", !0)
         ])) : j("", !0),
@@ -7324,10 +7335,10 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
             }
           ])
         }, [
-          o.$slots["template-main"] ? (d(), g("div", xu, [
+          o.$slots["template-main"] ? (d(), g("div", Cu, [
             _(o.$slots, "template-main", {}, void 0, !0)
           ])) : j("", !0),
-          o.$slots["template-sidebar"] ? (d(), g("div", Tu, [
+          o.$slots["template-sidebar"] ? (d(), g("div", xu, [
             _(o.$slots, "template-sidebar", {}, void 0, !0)
           ])) : j("", !0)
         ], 2)
@@ -7344,7 +7355,7 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
       }, 8, ["color"])) : j("", !0)
     ], 2));
   }
-}), Uc = /* @__PURE__ */ F(Vu, [["__scopeId", "data-v-72ffed7d"]]), Iu = /* @__PURE__ */ B({
+}), Wc = /* @__PURE__ */ F(Tu, [["__scopeId", "data-v-72ffed7d"]]), Vu = /* @__PURE__ */ B({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -7368,13 +7379,13 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
       _: 3
     }, 8, ["class"]));
   }
-}), Kc = /* @__PURE__ */ F(Iu, [["__scopeId", "data-v-6295f9ec"]]), Eu = ["aria-disabled"], Lu = { class: "joy-textarea_wrapper" }, Au = ["id", "disabled", "name", "required", "minlength", "value"], Bu = {
+}), Uc = /* @__PURE__ */ F(Vu, [["__scopeId", "data-v-6295f9ec"]]), Iu = ["aria-disabled"], Eu = { class: "joy-textarea_wrapper" }, Lu = ["id", "disabled", "name", "required", "minlength", "value"], Au = {
   key: 1,
   class: "joy-textarea_helpers"
-}, Fu = {
+}, Bu = {
   inheritAttrs: !1
-}, Nu = /* @__PURE__ */ B({
-  ...Fu,
+}, Fu = /* @__PURE__ */ B({
+  ...Bu,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -7432,7 +7443,7 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, r = Q(), l = C(), { triggerResize: s } = fo({
+    const a = n, o = e, r = Q(), l = C(), { triggerResize: s } = co({
       element: o.autogrow ? l : void 0
     }), i = C(!1), u = C(!1);
     Nt(l, o.autofocus);
@@ -7493,7 +7504,7 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : j("", !0),
-      b("div", Lu, [
+      b("div", Eu, [
         b("textarea", ae(v.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -7512,9 +7523,9 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
           (...m) => p.onFocus && p.onFocus(...m)),
           onBlur: h[3] || (h[3] = //@ts-ignore
           (...m) => p.onBlur && p.onBlur(...m))
-        }), null, 16, Au)
+        }), null, 16, Lu)
       ]),
-      e.minlength || e.maxlength ? (d(), g("div", Bu, [
+      e.minlength || e.maxlength ? (d(), g("div", Au, [
         e.minlength ? (d(), g("p", {
           key: 0,
           class: E(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -7532,9 +7543,9 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
           class: E(["joy-textarea-count", { "joy-textarea-count-invalid": f.value }])
         }, O(e.modelValue.length + "/" + e.maxlength), 3)) : j("", !0)
       ])) : j("", !0)
-    ], 10, Eu));
+    ], 10, Iu));
   }
-}), Gc = /* @__PURE__ */ F(Nu, [["__scopeId", "data-v-52e4553a"]]), Gn = (e) => (Ye("data-v-99a4c774"), e = e(), Ze(), e), zu = { class: "joy-toggle__wrapper" }, Pu = ["name", "disabled", "checked", "required", "aria-checked", "value"], Ou = { class: "joy-toggle__content" }, Ru = /* @__PURE__ */ Gn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), Du = { class: "joy-toggle__content-label" }, Mu = /* @__PURE__ */ Gn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
+}), Kc = /* @__PURE__ */ F(Fu, [["__scopeId", "data-v-52e4553a"]]), Gn = (e) => (Ye("data-v-99a4c774"), e = e(), Ze(), e), Nu = { class: "joy-toggle__wrapper" }, zu = ["name", "disabled", "checked", "required", "aria-checked", "value"], Pu = { class: "joy-toggle__content" }, Ou = /* @__PURE__ */ Gn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), Ru = { class: "joy-toggle__content-label" }, Du = /* @__PURE__ */ Gn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ b("svg", {
     width: "18",
     height: "10",
@@ -7547,7 +7558,7 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
       fill: "currentColor"
     })
   ])
-], -1)), Ju = /* @__PURE__ */ B({
+], -1)), Mu = /* @__PURE__ */ B({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7595,7 +7606,7 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
         a.value = !1;
       }
     };
-    return (r, l) => (d(), g("div", zu, [
+    return (r, l) => (d(), g("div", Nu, [
       b("label", {
         class: E([
           "joy-toggle",
@@ -7623,20 +7634,20 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
           (...s) => o.onFocus && o.onFocus(...s)),
           onBlur: l[2] || (l[2] = //@ts-ignore
           (...s) => o.onBlur && o.onBlur(...s))
-        }, null, 40, Pu),
-        b("p", Ou, [
-          Ru,
-          b("span", Du, [
+        }, null, 40, zu),
+        b("p", Pu, [
+          Ou,
+          b("span", Ru, [
             _(r.$slots, "default", {}, () => [
               W(O(e.label), 1)
             ], !0)
           ]),
-          Mu
+          Du
         ])
       ], 2)
     ]));
   }
-}), Yc = /* @__PURE__ */ F(Ju, [["__scopeId", "data-v-99a4c774"]]), qu = { class: "joy-tooltip__content__inner" }, Hu = /* @__PURE__ */ B({
+}), Gc = /* @__PURE__ */ F(Mu, [["__scopeId", "data-v-99a4c774"]]), Ju = { class: "joy-tooltip__content__inner" }, qu = /* @__PURE__ */ B({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -7760,7 +7771,7 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
                 ]),
                 style: se({ ...(S = i.value) == null ? void 0 : S.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
-                b("div", qu, [
+                b("div", Ju, [
                   _(h.$slots, "tooltip-content", {}, () => [
                     W(O(e.text), 1)
                   ], !0)
@@ -7779,7 +7790,7 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
       _: 3
     }, 512));
   }
-}), Zc = /* @__PURE__ */ F(Hu, [["__scopeId", "data-v-d54d6979"]]), Wu = { class: "joy-user-card__picture" }, Uu = { class: "joy-user-card__informations" }, Ku = { class: "joy-user-card__title" }, Gu = { class: "joy-user-card__subtitle" }, Yu = /* @__PURE__ */ B({
+}), Yc = /* @__PURE__ */ F(qu, [["__scopeId", "data-v-d54d6979"]]), Hu = { class: "joy-user-card__picture" }, Wu = { class: "joy-user-card__informations" }, Uu = { class: "joy-user-card__title" }, Ku = { class: "joy-user-card__subtitle" }, Gu = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7812,27 +7823,27 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
       title: e.fullName
     }, t.$attrs), {
       default: R(() => [
-        b("div", Wu, [
+        b("div", Hu, [
           _(t.$slots, "user-card-avatar", {}, () => [
-            K(_a, {
+            K(Sa, {
               "photo-url": e.photoUrl,
               "full-name": e.fullName
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        b("div", Uu, [
-          b("p", Ku, [
+        b("div", Wu, [
+          b("p", Uu, [
             _(t.$slots, "user-card-title", {}, () => [
               W(O(e.fullName), 1)
             ], !0)
           ]),
-          b("p", Gu, [
+          b("p", Ku, [
             _(t.$slots, "user-card-subtitle", {}, () => [
               W(O(e.subTitle), 1)
             ], !0)
           ]),
           _(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (d(), L(xs, {
+            e.ratingValue ? (d(), L(Cs, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : j("", !0)
@@ -7845,8 +7856,8 @@ const gu = /* @__PURE__ */ F(yu, [["render", bu], ["__scopeId", "data-v-8b258f92
       _: 3
     }, 16, ["href", "title"]));
   }
-}), Xc = /* @__PURE__ */ F(Yu, [["__scopeId", "data-v-86acec3a"]]);
-function Zu(e) {
+}), Zc = /* @__PURE__ */ F(Gu, [["__scopeId", "data-v-86acec3a"]]);
+function Yu(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]);
@@ -7862,20 +7873,20 @@ function Zu(e) {
     });
   } };
 }
-function Xu() {
-  return Zu();
+function Zu() {
+  return Yu();
 }
-const Yn = "joy-snackbar__container", Qu = "joy-snackbar__shell--";
+const Yn = "joy-snackbar__container", Xu = "joy-snackbar__shell--";
 let st = 0, Zn = [];
-const ec = {
+const Qu = {
   install: (e) => {
-    typeof window < "u" && tc(), e.directive("joy-ripple", ca);
+    typeof window < "u" && ec(), e.directive("joy-ripple", ca);
   }
 };
-function Qc() {
+function Xc() {
   st = 0, Zn = [];
 }
-function tc(e = { appendTo: "body", defaultMountSelector: Yn }) {
+function ec(e = { appendTo: "body", defaultMountSelector: Yn }) {
   var a;
   const t = document.createElement("div");
   t.id = e.defaultMountSelector;
@@ -7891,20 +7902,20 @@ function tc(e = { appendTo: "body", defaultMountSelector: Yn }) {
         }
     `, 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 ed(e) {
+function Qc(e) {
   var r, l;
   st++;
   let t, n;
-  const a = Xu();
+  const a = Zu();
   t = ua(
-    qs,
+    Js,
     Object.assign(e.props, {
       bus: a,
       instanceNb: st
     })
   );
   const o = document.createElement("div");
-  return o.classList.add("joy-snackbar__shell"), n = `${Qu}${st}`, o.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(o) : (l = document.getElementById(Yn)) == null || l.appendChild(o), t.use(ec).mount("#" + n), Zn.push(t), a.on("snackbar:hide", () => {
+  return o.classList.add("joy-snackbar__shell"), n = `${Xu}${st}`, o.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(o) : (l = document.getElementById(Yn)) == null || l.appendChild(o), t.use(Qu).mount("#" + n), Zn.push(t), a.on("snackbar:hide", () => {
     var s;
     t.unmount(), (s = document.getElementById(n)) == null || s.remove();
   }), {
@@ -7913,78 +7924,78 @@ function ed(e) {
   };
 }
 export {
-  qs as $,
-  jc as A,
-  $c as B,
+  Js as $,
+  kc as A,
+  jc as B,
   Y as C,
-  Kr as D,
-  Cc as E,
-  xc as F,
+  Ur as D,
+  $c as E,
+  Cc as F,
   Ae as G,
-  Tc as H,
-  Vc as I,
-  rr as J,
-  Ic as K,
-  Ec as L,
-  Lc as M,
-  Ac as N,
-  Bc as O,
-  Fc as P,
-  Nc as Q,
-  zc as R,
-  Pc as S,
-  xs as T,
+  xc as H,
+  Tc as I,
+  lr as J,
+  Vc as K,
+  Ic as L,
+  Ec as M,
+  Lc as N,
+  Ac as O,
+  Bc as P,
+  Fc as Q,
+  Nc as R,
+  zc as S,
+  Cs as T,
   In as U,
-  ac as V,
-  Oc as W,
-  Fs as X,
-  Rc as Y,
-  Dc as Z,
-  sc as _,
-  _a as a,
+  nc as V,
+  Pc as W,
+  Bs as X,
+  Oc as Y,
+  Rc as Z,
+  ic as _,
+  Sa as a,
   mn as a0,
-  Gs as a1,
-  Mc as a2,
-  Jc as a3,
-  qc as a4,
+  Ks as a1,
+  Dc as a2,
+  Mc as a3,
+  Jc as a4,
   Kn as a5,
-  Hc as a6,
-  Wc as a7,
-  Uc as a8,
-  gu as a9,
-  Kc as aa,
-  Gc as ab,
-  Yc as ac,
-  Zc as ad,
-  Xc as ae,
+  qc as a6,
+  Hc as a7,
+  Wc as a8,
+  bu as a9,
+  Uc as aa,
+  Kc as ab,
+  Gc as ac,
+  Yc as ad,
+  Zc as ae,
   Ke as af,
-  tc as ag,
+  ec as ag,
   ca as ah,
-  ed as ai,
-  Qc as aj,
-  oc as b,
-  xa as c,
-  lc as d,
-  rc as e,
-  ic as f,
+  Qc as ai,
+  Xc as aj,
+  ac as b,
+  Ca as c,
+  oc as d,
+  lc as e,
+  rc as f,
   ue as g,
   wn as h,
-  uc as i,
-  zo as j,
-  cc as k,
-  dc as l,
-  fc as m,
-  vc as n,
-  yc as o,
+  sc as i,
+  No as j,
+  uc as k,
+  cc as l,
+  dc as m,
+  fc as n,
+  vc as o,
   Wt as p,
-  pc as q,
-  mc as r,
-  hc as s,
-  bc as t,
-  gc as u,
-  wc as v,
-  Sc as w,
+  yc as q,
+  pc as r,
+  mc as s,
+  hc as t,
+  bc as u,
+  gc as v,
+  wc as w,
   Ft as x,
-  _c as y,
-  kc as z
+  Sc as y,
+  _c as z
 };