@maltjoy/core-vue 4.4.0-next2 → 4.4.0

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as V, openBlock as c, createElementBlock as b, normalizeClass as T, createElementVNode as h, ref as C, onMounted as te, onUnmounted as Mt, createVNode as O, toDisplayString as J, createCommentVNode as _, createApp as wo, Fragment as W, createTextVNode as D, createBlock as I, resolveDynamicComponent as X, mergeProps as H, withCtx as z, renderSlot as w, unref as q, renderList as U, inject as Se, normalizeStyle as ee, useAttrs as Ce, useId as Fe, resolveDirective as dt, withDirectives as Ke, getCurrentScope as Pt, onScopeDispose as Ft, toRef as _o, readonly as jo, customRef as ko, shallowRef as Ot, watch as K, nextTick as Me, getCurrentInstance as $o, h as So, Teleport as ze, useSlots as G, withKeys as Oe, onBeforeUnmount as Je, provide as Ze, Transition as ct, createSlots as ft, normalizeProps as Co, guardReactiveProps as Vo, mergeModels as xo, useModel as To, createStaticVNode as Dt, onBeforeMount as Io, shallowReadonly as Te, vShow as Lo, render as kt, withModifiers as Bo } from "vue";
+import { defineComponent as L, computed as V, openBlock as c, createElementBlock as b, normalizeClass as T, createElementVNode as g, ref as C, onMounted as te, onUnmounted as Mt, createVNode as O, toDisplayString as J, createCommentVNode as _, createApp as wo, createTextVNode as D, Fragment as W, createBlock as I, resolveDynamicComponent as X, mergeProps as H, withCtx as z, renderSlot as w, unref as q, renderList as U, inject as Se, normalizeStyle as ee, useAttrs as Ce, useId as Fe, resolveDirective as dt, withDirectives as Ke, getCurrentScope as Pt, onScopeDispose as Ft, toRef as _o, readonly as jo, customRef as ko, shallowRef as Ot, watch as K, nextTick as Me, getCurrentInstance as $o, h as So, Teleport as ze, useSlots as G, withKeys as Oe, onBeforeUnmount as Je, provide as Ze, Transition as ct, createSlots as ft, normalizeProps as Co, guardReactiveProps as Vo, mergeModels as xo, useModel as To, createStaticVNode as Dt, onBeforeMount as Io, shallowReadonly as Te, vShow as Lo, render as kt, withModifiers as Bo } from "vue";
 function $t(e) {
   const t = e.target;
   if (!t)
@@ -142,7 +142,7 @@ const Fo = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
       "aria-label": e.ariaLabel || e.title,
       title: e.title || e.ariaLabel
     }, [
-      h("i", {
+      g("i", {
         class: T(["icon", `icon-${e.name}`]),
         "aria-hidden": "true"
       }, null, 2)
@@ -237,26 +237,26 @@ const Fo = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
     }), t({
       isOpen: o,
       exposedMethods: y
-    }), (v, g) => (c(), b("div", {
+    }), (v, h) => (c(), b("div", {
       class: T(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
         "joy-snackbar__hiding": !o.value
       }])
     }, [
-      h("div", {
+      g("div", {
         id: a,
         class: T(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
-        h("div", Oo, [
+        g("div", Oo, [
           O(N, {
             color: "white",
             name: r.value,
             size: "small"
           }, null, 8, ["name"])
         ]),
-        h("div", Do, [
+        g("div", Do, [
           e.header ? (c(), b("strong", Ro, J(e.header), 1)) : _("", !0),
-          h("span", { innerHTML: e.message }, null, 8, No),
+          g("span", { innerHTML: e.message }, null, 8, No),
           e.actionText ? (c(), b("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
@@ -309,7 +309,7 @@ const Yo = {
     typeof window < "u" && Wt(), e.directive("joy-ripple", Rt);
   }
 };
-function Os() {
+function Hs() {
   He = 0, Ht = [];
 }
 function Wt(e = { appendTo: "body", defaultMountSelector: qt }) {
@@ -330,7 +330,7 @@ function Wt(e = { appendTo: "body", defaultMountSelector: qt }) {
         }
     `, document.head.appendChild(l), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (o = document.body.querySelector(e.appendTo)) == null || o.appendChild(t));
 }
-function Ds(e) {
+function Ws(e) {
   var i, a;
   He++;
   let t, l;
@@ -351,7 +351,20 @@ function Ds(e) {
     snackbarApp: t
   };
 }
-const Ko = ["title"], Zo = /* @__PURE__ */ L({
+const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label joy-font-primary-350" }, Xo = /* @__PURE__ */ L({
+  __name: "VJoyAdminBanner",
+  props: {
+    label: { default: "Admin view" }
+  },
+  setup(e) {
+    return (t, l) => (c(), b("div", Ko, [
+      g("span", Zo, [
+        O(N, { name: "eye" }),
+        D(" " + J(t.label), 1)
+      ])
+    ]));
+  }
+}), Us = /* @__PURE__ */ A(Xo, [["__scopeId", "data-v-77d28117"]]), Qo = ["title"], en = /* @__PURE__ */ L({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -368,18 +381,18 @@ const Ko = ["title"], Zo = /* @__PURE__ */ L({
       class: T(["joy-availability", { "joy-availability-has-label": !!o.label }]),
       title: o.label || void 0
     }, [
-      h("span", {
+      g("span", {
         class: T(l.value)
       }, null, 2),
       o.label ? (c(), b(W, { key: 0 }, [
         D(J(o.label), 1)
       ], 64)) : _("", !0)
-    ], 10, Ko));
+    ], 10, Qo));
   }
-}), Rs = /* @__PURE__ */ A(Zo, [["__scopeId", "data-v-b3bb9092"]]), Xo = ["src", "title", "alt", "loading"], Qo = {
+}), Gs = /* @__PURE__ */ A(en, [["__scopeId", "data-v-b3bb9092"]]), tn = ["src", "title", "alt", "loading"], on = {
   key: 0,
   class: "joy-avatar__strategy"
-}, en = ["height"], tn = /* @__PURE__ */ L({
+}, nn = ["height"], ln = /* @__PURE__ */ L({
   __name: "VJoyAvatar",
   props: {
     size: { default: "medium" },
@@ -439,7 +452,7 @@ const Ko = ["title"], Zo = /* @__PURE__ */ L({
             title: d.fullName,
             alt: d.fullName || "",
             loading: d.loading
-          }, null, 8, Xo)) : _("", !0),
+          }, null, 8, tn)) : _("", !0),
           d.fullName ? (c(), b(W, { key: 2 }, [
             D(J(u.value), 1)
           ], 64)) : _("", !0),
@@ -449,7 +462,7 @@ const Ko = ["title"], Zo = /* @__PURE__ */ L({
         ]),
         _: 1
       }, 16, ["class"])),
-      d.profile === "strategy" ? (c(), b("span", Qo, [
+      d.profile === "strategy" ? (c(), b("span", on, [
         (c(), b("svg", {
           width: "12",
           height: d.size === "small" ? "10" : "16",
@@ -457,15 +470,15 @@ const Ko = ["title"], Zo = /* @__PURE__ */ L({
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
         }, f[0] || (f[0] = [
-          h("path", {
+          g("path", {
             d: "M6.40531 15.88C5.29156 15.88 4.31531 15.6737 3.47656 15.2612C2.63781 14.8487 1.98469 14.2644 1.51719 13.5081C1.04969 12.7519 0.809061 11.8719 0.795311 10.8681L4.01281 10.3525C4.01281 11.2188 4.25344 11.9131 4.73469 12.4356C5.21594 12.9581 5.82781 13.2194 6.57031 13.2194C7.16156 13.2194 7.63594 13.0612 7.99344 12.745C8.36469 12.4288 8.55031 12.0231 8.55031 11.5281C8.55031 11.1156 8.40594 10.7719 8.11719 10.4969C7.84219 10.2081 7.38844 9.95375 6.75594 9.73375L4.96156 9.15625C3.65531 8.7575 2.70656 8.21438 2.11531 7.52687C1.53781 6.83937 1.24906 5.93187 1.24906 4.80437C1.24906 3.47062 1.68219 2.39812 2.54844 1.58687C3.41469 0.775624 4.63156 0.369999 6.19906 0.369999C7.65656 0.369999 8.83219 0.768749 9.72594 1.56625C10.6197 2.35 11.0803 3.41562 11.1078 4.76312L7.97281 5.36125C7.98656 4.64625 7.82156 4.07562 7.47781 3.64937C7.13406 3.20937 6.68719 2.98937 6.13719 2.98937C5.65594 2.98937 5.26406 3.14062 4.96156 3.44313C4.65906 3.73187 4.50781 4.10312 4.50781 4.55687C4.50781 4.99687 4.64531 5.36125 4.92031 5.65C5.20906 5.925 5.67656 6.15875 6.32281 6.35125L8.03469 6.92875C9.36844 7.3275 10.3309 7.87063 10.9222 8.55812C11.5272 9.23188 11.8297 10.1325 11.8297 11.26C11.8297 12.1538 11.6166 12.9513 11.1903 13.6525C10.7641 14.3538 10.1453 14.9038 9.33406 15.3025C8.52281 15.6875 7.54656 15.88 6.40531 15.88Z",
             fill: "#F7F7F5"
           }, null, -1)
-        ]), 8, en))
+        ]), 8, nn))
       ])) : _("", !0)
     ], 2));
   }
-}), on = /* @__PURE__ */ A(tn, [["__scopeId", "data-v-f8118054"]]), nn = /* @__PURE__ */ L({
+}), an = /* @__PURE__ */ A(ln, [["__scopeId", "data-v-f8118054"]]), rn = /* @__PURE__ */ L({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -482,7 +495,7 @@ const Ko = ["title"], Zo = /* @__PURE__ */ L({
       w(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Ns = /* @__PURE__ */ A(nn, [["__scopeId", "data-v-c985cccf"]]), ln = { key: 0 }, an = /* @__PURE__ */ L({
+}), Ys = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-c985cccf"]]), sn = { key: 0 }, un = /* @__PURE__ */ L({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -496,10 +509,10 @@ const Ko = ["title"], Zo = /* @__PURE__ */ L({
     return (o, n) => (c(), b("div", {
       class: T(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": l.value }])
     }, [
-      l.value ? (c(), b("span", ln, J(e.number && e.number > 99 ? "99+" : e.number), 1)) : _("", !0)
+      l.value ? (c(), b("span", sn, J(e.number && e.number > 99 ? "99+" : e.number), 1)) : _("", !0)
     ], 2));
   }
-}), Ct = /* @__PURE__ */ A(an, [["__scopeId", "data-v-cf7284ce"]]), rn = /* @__PURE__ */ L({
+}), Ct = /* @__PURE__ */ A(un, [["__scopeId", "data-v-cf7284ce"]]), dn = /* @__PURE__ */ L({
   __name: "VJoyBadge",
   props: {
     /**
@@ -548,33 +561,33 @@ const Ko = ["title"], Zo = /* @__PURE__ */ L({
       ], !0)
     ], 2));
   }
-}), sn = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-f159ad49"]]);
+}), cn = /* @__PURE__ */ A(dn, [["__scopeId", "data-v-f159ad49"]]);
 var Z = /* @__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))(Z || {}), We = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(We || {});
-const un = { class: "joy-badge-level" }, dn = {
+const fn = { class: "joy-badge-level" }, pn = {
   key: 1,
   class: "joy-badge-level__highpotential",
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, cn = {
+}, yn = {
   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"
-}, fn = {
+}, mn = {
   key: 3,
   class: "joy-badge-level__maltlinker",
   viewBox: "0 0 23 11",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, pn = {
+}, vn = {
   key: 4,
   class: "joy-badge-level__highpotential-program",
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, yn = /* @__PURE__ */ L({
+}, gn = /* @__PURE__ */ L({
   __name: "VJoyBadgeLevel",
   props: {
     /** type: `TJoyBadges` */
@@ -613,7 +626,7 @@ const un = { class: "joy-badge-level" }, dn = {
           return "Supermalter";
       }
     });
-    return (o, n) => (c(), b("span", un, [
+    return (o, n) => (c(), b("span", fn, [
       e.type === q(Z).SUPER_MALTER ? (c(!0), b(W, { key: 0 }, U(e.superMalterLevel, (i, a) => (c(), b("svg", {
         key: a,
         class: "joy-badge-level__supermalter",
@@ -621,60 +634,60 @@ const un = { class: "joy-badge-level" }, dn = {
         fill: "none",
         viewBox: "0 0 12 18"
       }, n[0] || (n[0] = [
-        h("path", {
+        g("path", {
           fill: "#264FFA",
           d: "M5.71533 12.2962 11.4243 18l.0049-11.45716-5.71387 5.75336Z"
         }, null, -1),
-        h("path", {
+        g("path", {
           fill: "#FC5757",
           d: "M.00195312 6.54284.00671145 18 5.7158 12.2962.00195312 6.54284Z"
         }, null, -1),
-        h("path", {
+        g("path", {
           fill: "#FFC200",
           d: "M11.4289 5.68249c-.0059-1.52434-.6069-2.9554-1.69067-4.02851C8.95862.882797 7.99681.362073 6.9506.132677 6.95037.132599 6.95021.132599 6.94998.132521c-.04337-.009516-.08681-.018408-.13041-.02691-.0057-.001092-.01147-.002184-.01724-.003276-.0383-.0073317-.07675-.0142735-.11529-.0208255-.01068-.001794-.02144-.00351-.03213-.005304-.03385-.0055379-.06778-.0108418-.10179-.0158338-.01505-.002184-.03011-.0042121-.04516-.0063181-.03011-.0041339-.06022-.008112-.0904-.0117779-.01857-.002262-.03721-.0042901-.05577-.006396C6.33472.0328377 6.30766.029952 6.28051.0273 6.25914.025194 6.23769.0233999 6.21624.0215279 6.19144.0194219 6.16671.017316 6.14183.015522 6.11851.013806 6.09511.0123239 6.07171.0109199 6.04831.00951588 6.02483.00811199 6.00135.006942 5.9771.00577201 5.95276.00483616 5.92842.00397816 5.90541.00312017 5.8824.00234019 5.85931.00179419c-.02433-.00062399-.04874-.0009362-.07316-.0012482C5.76267.000234 5.73912 0 5.71564 0c-.02355 0-.04703.000234-.07051.000546-.02442.000312-.04883.0006242-.07316.00124819-.02309.000546-.0461.00140398-.06911.00218397-.02434.000858-.04859.00179385-.07293.00296384-.02348.00116999-.04696.00257388-.07036.0039779-.0234.001404-.0468.0028861-.07012.0046021-.0248.001794-.0496.0038999-.07441.0060059-.02145.001872-.0429.0036661-.06427.0057721-.02714.002652-.05421.0055377-.08135.0085797-.01857.0021059-.03721.004134-.05577.006396-.03019.0036659-.06037.007644-.09048.0117779-.01506.002106-.03011.0041341-.04516.0063181-.03401.004992-.06794.0102959-.10179.0158338-.01077.001794-.02145.00351-.03214.005304-.03853.006552-.07699.0134938-.11528.0208255-.00578.001092-.01155.002184-.01724.003276-.0436.008502-.08705.017394-.13041.02691-.00024.000078-.00047.000078-.00071.000156C3.43424.361995 2.4725.882719 1.6929 1.65398.609098 2.72702.00811193 4.15815.00218397 5.68249L0 6.15064l.00171623.39226L5.71556 12.2962l5.71384-5.7533.0017-.39202-.0022-.46839Z"
         }, null, -1)
       ])))), 128)) : _("", !0),
-      e.type === q(Z).HIGH_POTENTIAL ? (c(), b("svg", dn, n[1] || (n[1] = [
-        h("path", {
+      e.type === q(Z).HIGH_POTENTIAL ? (c(), b("svg", pn, n[1] || (n[1] = [
+        g("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
         }, null, -1)
       ]))) : _("", !0),
-      e.type === q(Z).HIGH_POTENTIAL_AUTO ? (c(), b("svg", cn, n[2] || (n[2] = [
-        h("path", {
+      e.type === q(Z).HIGH_POTENTIAL_AUTO ? (c(), b("svg", yn, n[2] || (n[2] = [
+        g("path", {
           fill: "#EF4E16",
           d: "M60 23.913s-8.76-2.903-14.05 1.058C44.256 17.449 45.203 8.674 34.688 2c-.712 9.413-12.856 9.891-15.691 22.005-1.86-3.319-2.227-7.716-9.28-9.871C11.615 25.513.415 31.3 5.199 47.68c2.699 9.246 12.72 13.651 21.047 14.217 16.527 1.123 31.896-6.848 32.258-24.148.155-7.437-2.975-8.343 1.496-13.836z"
         }, null, -1),
-        h("path", {
+        g("path", {
           fill: "#F9B700",
           d: "M53.226 32.962c-6.012-.063-5.458 2.387-9.883 3.896-3.212-5.842-.067-13.682-10.056-19.364.066 10.625-7.32 7.313-10.414 17.456-3.758-2.145-1.943-6.888-9.256-8.89 4.042 6.349-.99 7.542-3.526 13.335-5.093 11.632 7.181 19.813 16.548 20.382 13.019.793 25.124-4.834 25.408-17.048.122-5.25-2.342-5.888 1.179-9.767z"
         }, null, -1),
-        h("path", {
+        g("path", {
           fill: "#FFE463",
           d: "M47.616 41.169c-4.47-.041-4.061 1.522-7.351 2.484-2.391-3.727-.051-8.729-7.479-12.354.049 6.778-5.446 4.666-7.746 11.137-2.795-1.368-1.447-4.395-6.885-5.672 3.006 4.051-.735 4.812-2.621 8.508-3.791 7.421 5.339 12.64 12.307 13.003 9.683.506 18.686-3.084 18.896-10.876.093-3.348-1.741-3.755.879-6.23z"
         }, null, -1),
-        h("path", {
+        g("path", {
           fill: "#FFF7D1",
           d: "M37.182 54.939c0 2.188-12.427 2.188-12.427 0 0-5.849 12.427-5.849 12.427 0z"
         }, null, -1)
       ]))) : _("", !0),
-      e.type === q(Z).MALT_LINKER ? (c(), b("svg", fn, n[3] || (n[3] = [
-        h("path", {
+      e.type === q(Z).MALT_LINKER ? (c(), b("svg", mn, n[3] || (n[3] = [
+        g("path", {
           d: "M5.77736 10.4456C4.45736 10.4406 3.21936 9.91961 2.29036 8.98161C1.62236 8.30661 1.17136 7.47461 0.97336 6.56861C0.97336 6.56861 0.97336 6.56861 0.97336 6.56761C0.96536 6.53061 0.95736 6.49361 0.94936 6.45561C0.94936 6.45061 0.94836 6.44561 0.94736 6.44061C0.94136 6.40761 0.93536 6.37461 0.92936 6.34061C0.92736 6.33161 0.92636 6.32261 0.92436 6.31261C0.91936 6.28361 0.91536 6.25461 0.91036 6.22461C0.90836 6.21161 0.90736 6.19861 0.90536 6.18561C0.90136 6.15961 0.89836 6.13361 0.89536 6.10761C0.89336 6.09161 0.89136 6.07561 0.88936 6.05961C0.88636 6.03561 0.88436 6.01261 0.88236 5.98861C0.88036 5.97061 0.87836 5.95161 0.87736 5.93361C0.87536 5.91161 0.87336 5.89061 0.87136 5.86861C0.87036 5.84861 0.86836 5.82861 0.86736 5.80761C0.86636 5.78761 0.86536 5.76661 0.86436 5.74661C0.86336 5.72661 0.86236 5.70561 0.86136 5.68461C0.86036 5.66461 0.86036 5.64461 0.85936 5.62461C0.85936 5.60361 0.85936 5.58161 0.85836 5.56061C0.85836 5.54061 0.85836 5.51961 0.85836 5.49961C0.85836 5.47961 0.85836 5.45861 0.85836 5.43861C0.85836 5.41761 0.85936 5.39661 0.85936 5.37561C0.85936 5.35561 0.86036 5.33561 0.86136 5.31561C0.86236 5.29461 0.86336 5.27361 0.86436 5.25261C0.86536 5.23261 0.86636 5.21161 0.86736 5.19161C0.86836 5.17161 0.86936 5.15161 0.87136 5.13061C0.87336 5.10961 0.87436 5.08761 0.87636 5.06661C0.87836 5.04761 0.88036 5.02961 0.88236 5.01061C0.88436 4.98661 0.88736 4.96361 0.88936 4.94061C0.89136 4.92461 0.89336 4.90861 0.89536 4.89261C0.89836 4.86661 0.90236 4.84061 0.90536 4.81461C0.90736 4.80061 0.90836 4.78761 0.91036 4.77461C0.91436 4.74561 0.91936 4.71561 0.92436 4.68661C0.92636 4.67761 0.92736 4.66761 0.92936 4.65861C0.93536 4.62561 0.94136 4.59161 0.94736 4.55861C0.94836 4.55361 0.94936 4.54861 0.95036 4.54361C0.95736 4.50561 0.96536 4.46861 0.97336 4.43061C0.97336 4.43061 0.97336 4.43061 0.97336 4.42961C1.17136 3.52561 1.62236 2.69261 2.29036 2.01761C3.21936 1.07961 4.45836 0.559612 5.77736 0.554612L6.18236 0.552612L6.52236 0.553612L11.5024 5.49961L6.52236 10.4456L6.18236 10.4476L5.77736 10.4456Z",
           fill: "#E3F8FB"
         }, null, -1),
-        h("path", {
+        g("path", {
           d: "M17.2235 0.554612C18.5425 0.559612 19.7815 1.07961 20.7105 2.01761C21.3785 2.69261 21.8285 3.52461 22.0275 4.43061C22.0275 4.43061 22.0275 4.43061 22.0275 4.43161C22.0355 4.46961 22.0435 4.50661 22.0505 4.54461C22.0515 4.54961 22.0525 4.55461 22.0535 4.55961C22.0595 4.59261 22.0655 4.62561 22.0715 4.65961C22.0735 4.66861 22.0745 4.67861 22.0765 4.68761C22.0815 4.71661 22.0855 4.74661 22.0905 4.77561C22.0925 4.78861 22.0945 4.80161 22.0955 4.81461C22.0995 4.84061 22.1025 4.86661 22.1055 4.89261C22.1075 4.90861 22.1095 4.92461 22.1115 4.94061C22.1145 4.96361 22.1165 4.98761 22.1185 5.01061C22.1205 5.02961 22.1215 5.04761 22.1235 5.06661C22.1255 5.08761 22.1275 5.10961 22.1285 5.13061C22.1295 5.15061 22.1315 5.17061 22.1325 5.19161C22.1335 5.21161 22.1345 5.23261 22.1355 5.25261C22.1365 5.27361 22.1375 5.29461 22.1385 5.31561C22.1395 5.33561 22.1395 5.35561 22.1405 5.37561C22.1415 5.39661 22.1415 5.41761 22.1415 5.43861C22.1415 5.45861 22.1415 5.47961 22.1415 5.49961C22.1415 5.51961 22.1415 5.54061 22.1415 5.56061C22.1415 5.58161 22.1405 5.60261 22.1405 5.62361C22.1405 5.64361 22.1395 5.66361 22.1385 5.68361C22.1375 5.70461 22.1365 5.72561 22.1355 5.74661C22.1345 5.76661 22.1335 5.78761 22.1325 5.80761C22.1315 5.82761 22.1305 5.84761 22.1285 5.86861C22.1265 5.88961 22.1255 5.91161 22.1235 5.93261C22.1215 5.95161 22.1205 5.96961 22.1185 5.98861C22.1165 6.01261 22.1135 6.03561 22.1115 6.05861C22.1095 6.07461 22.1075 6.09061 22.1055 6.10661C22.1025 6.13261 22.0985 6.15861 22.0955 6.18461C22.0935 6.19761 22.0915 6.21061 22.0905 6.22361C22.0865 6.25261 22.0815 6.28261 22.0765 6.31161C22.0745 6.32061 22.0735 6.33061 22.0715 6.33961C22.0655 6.37261 22.0595 6.40661 22.0535 6.43961C22.0525 6.44461 22.0515 6.44961 22.0505 6.45461C22.0435 6.49261 22.0355 6.52961 22.0275 6.56761C22.0275 6.56761 22.0275 6.56761 22.0275 6.56861C21.8285 7.47461 21.3785 8.30661 20.7105 8.98161C19.7815 9.91961 18.5425 10.4396 17.2235 10.4446L16.8185 10.4466L16.4785 10.4456L11.4985 5.49961L16.4785 0.553612L16.8175 0.552612L17.2235 0.554612Z",
           fill: "#FF91F0"
         }, null, -1)
       ]))) : _("", !0),
-      e.type === q(We).HIGH_POTENTIAL ? (c(), b("svg", pn, n[4] || (n[4] = [
-        h("path", {
+      e.type === q(We).HIGH_POTENTIAL ? (c(), b("svg", vn, n[4] || (n[4] = [
+        g("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
         }, null, -1)
       ]))) : _("", !0),
-      h("span", {
+      g("span", {
         class: T([
           {
             "joy-badge-level__tag": e.visibleText,
@@ -690,7 +703,7 @@ const un = { class: "joy-badge-level" }, dn = {
       ], 2)
     ]));
   }
-}), qs = /* @__PURE__ */ A(yn, [["__scopeId", "data-v-08a5e2c8"]]), mn = /* @__PURE__ */ L({
+}), Ks = /* @__PURE__ */ A(gn, [["__scopeId", "data-v-08a5e2c8"]]), hn = /* @__PURE__ */ L({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -727,7 +740,7 @@ const un = { class: "joy-badge-level" }, dn = {
       })
     }, null, 6));
   }
-}), Hs = /* @__PURE__ */ A(mn, [["__scopeId", "data-v-4da2c7cb"]]), vn = /* @__PURE__ */ L({
+}), Zs = /* @__PURE__ */ A(hn, [["__scopeId", "data-v-4da2c7cb"]]), bn = /* @__PURE__ */ L({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -739,7 +752,7 @@ const un = { class: "joy-badge-level" }, dn = {
       class: T(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), Ut = /* @__PURE__ */ A(vn, [["__scopeId", "data-v-52944a9b"]]), hn = /* @__PURE__ */ L({
+}), Ut = /* @__PURE__ */ A(bn, [["__scopeId", "data-v-52944a9b"]]), wn = /* @__PURE__ */ L({
   __name: "VJoyButton",
   props: {
     /**
@@ -828,7 +841,7 @@ const un = { class: "joy-badge-level" }, dn = {
             key: 1,
             color: a.value
           }, null, 8, ["color"])) : _("", !0),
-          h("span", {
+          g("span", {
             id: n,
             class: "joy-button--slot"
           }, [
@@ -850,7 +863,7 @@ const un = { class: "joy-badge-level" }, dn = {
       ]);
     };
   }
-}), ne = /* @__PURE__ */ A(hn, [["__scopeId", "data-v-69f214eb"]]);
+}), ne = /* @__PURE__ */ A(wn, [["__scopeId", "data-v-69f214eb"]]);
 function Qe(e) {
   return Pt() ? (Ft(e), !0) : !1;
 }
@@ -859,13 +872,13 @@ function me(e) {
 }
 const et = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const gn = (e) => e != null, bn = Object.prototype.toString, Gt = (e) => bn.call(e) === "[object Object]", Le = () => {
-}, lt = /* @__PURE__ */ wn();
-function wn() {
+const _n = (e) => e != null, jn = Object.prototype.toString, Gt = (e) => jn.call(e) === "[object Object]", Le = () => {
+}, lt = /* @__PURE__ */ kn();
+function kn() {
   var e, t;
   return et && ((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 _n(...e) {
+function $n(...e) {
   if (e.length !== 1)
     return _o(...e);
   const t = e[0];
@@ -901,7 +914,7 @@ function _e(...e) {
   return Qe(u), u;
 }
 let Vt = !1;
-function jn(e, t, l = {}) {
+function Sn(e, t, l = {}) {
   const { window: o = pt, ignore: n = [], capture: i = !0, detectIframe: a = !1 } = l;
   if (!o)
     return Le;
@@ -939,17 +952,17 @@ function jn(e, t, l = {}) {
   ].filter(Boolean);
   return () => p.forEach((f) => f());
 }
-function kn() {
+function Cn() {
   const e = C(!1), t = $o();
   return t && te(() => {
     e.value = !0;
   }, t), e;
 }
-function $n(e) {
-  const t = kn();
+function Vn(e) {
+  const t = Cn();
   return V(() => (t.value, !!e()));
 }
-function Sn(e, t = {}) {
+function xn(e, t = {}) {
   const l = C(!1), o = Ot(null);
   let n = 0, i = !0;
   if (et) {
@@ -960,7 +973,7 @@ function Sn(e, t = {}) {
     };
     _e(e, "dragenter", (s) => {
       var u, p;
-      const d = Array.from(((u = s == null ? void 0 : s.dataTransfer) == null ? void 0 : u.items) || []).map((f) => f.kind === "file" ? f.type : null).filter(gn);
+      const d = Array.from(((u = s == null ? void 0 : s.dataTransfer) == null ? void 0 : u.items) || []).map((f) => f.kind === "file" ? f.type : null).filter(_n);
       if (a.dataTypes && s.dataTransfer) {
         const f = q(a.dataTypes);
         if (i = typeof f == "function" ? f(d) : f ? f.some((m) => d.includes(m)) : !0, !i)
@@ -983,10 +996,10 @@ function Sn(e, t = {}) {
     isOverDropZone: l
   };
 }
-function Cn(e, t, l = {}) {
+function Tn(e, t, l = {}) {
   const { window: o = pt, ...n } = l;
   let i;
-  const a = $n(() => o && "ResizeObserver" in o), r = () => {
+  const a = Vn(() => o && "ResizeObserver" in o), r = () => {
     i && (i.disconnect(), i = void 0);
   }, s = V(() => Array.isArray(e) ? e.map((d) => we(d)) : [we(e)]), u = K(
     s,
@@ -1006,7 +1019,7 @@ function Cn(e, t, l = {}) {
     stop: p
   };
 }
-function Vn(e) {
+function In(e) {
   var t;
   const l = C(e == null ? void 0 : e.element), o = C(e == null ? void 0 : e.input), n = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", i = C(1);
   function a() {
@@ -1016,7 +1029,7 @@ function Vn(e) {
     let u = "";
     l.value.style[n] = "1px", i.value = (r = l.value) == null ? void 0 : r.scrollHeight, e != null && e.styleTarget ? me(e.styleTarget).style[n] = `${i.value}px` : u = `${i.value}px`, l.value.style[n] = u, (s = e == null ? void 0 : e.onResize) == null || s.call(e);
   }
-  return K([o, l], () => Me(a), { immediate: !0 }), Cn(l, () => a()), e != null && e.watch && K(e.watch, a, { immediate: !0, deep: !0 }), {
+  return K([o, l], () => Me(a), { immediate: !0 }), Tn(l, () => a()), e != null && e.watch && K(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: l,
     input: o,
     triggerResize: a
@@ -1028,7 +1041,7 @@ const yt = /* @__PURE__ */ L({
   emits: ["trigger"],
   setup(e, { slots: t, emit: l }) {
     const o = C();
-    return jn(o, (n) => {
+    return Sn(o, (n) => {
       l("trigger", n);
     }, e.options), () => {
       if (t.default)
@@ -1036,21 +1049,21 @@ const yt = /* @__PURE__ */ L({
     };
   }
 });
-function xn(e) {
+function Ln(e) {
   var t;
   const l = me(e);
   return (t = l == null ? void 0 : l.$el) != null ? t : l;
 }
-const Tn = et ? window : void 0;
-function In(...e) {
+const Bn = et ? window : void 0;
+function An(...e) {
   let t, l, o, n;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, o, n] = e, t = Tn) : [t, l, o, n] = e, !t)
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, o, n] = e, t = Bn) : [t, l, o, n] = e, !t)
     return Le;
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
   const i = [], a = () => {
     i.forEach((p) => p()), i.length = 0;
   }, r = (p, d, f, m) => (p.addEventListener(d, f, m), () => p.removeEventListener(d, f, m)), s = K(
-    () => [xn(t), me(n)],
+    () => [Ln(t), me(n)],
     ([p, d]) => {
       if (a(), !p)
         return;
@@ -1077,15 +1090,15 @@ function Yt(e) {
     return !l || l.tagName === "BODY" ? !1 : Yt(l);
   }
 }
-function Ln(e) {
+function En(e) {
   const t = e || window.event, l = t.target;
   return Yt(l) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
 const Ne = /* @__PURE__ */ new WeakMap();
-function Bn(e, t = !1) {
+function zn(e, t = !1) {
   const l = C(t);
   let o = null, n;
-  K(_n(e), (r) => {
+  K($n(e), (r) => {
     const s = nt(me(r));
     if (s) {
       const u = s;
@@ -1096,11 +1109,11 @@ function Bn(e, t = !1) {
   });
   const i = () => {
     const r = nt(me(e));
-    !r || l.value || (lt && (o = In(
+    !r || l.value || (lt && (o = An(
       r,
       "touchmove",
       (s) => {
-        Ln(s);
+        En(s);
       },
       { passive: !1 }
     )), r.style.overflow = "hidden", l.value = !0);
@@ -1118,19 +1131,19 @@ function Bn(e, t = !1) {
     }
   });
 }
-function An() {
+function Jn() {
   let e = !1;
   const t = C(!1);
   return (l, o) => {
     if (t.value = o.value, e)
       return;
     e = !0;
-    const n = Bn(l, o.value);
+    const n = zn(l, o.value);
     K(t, (i) => n.value = i);
   };
 }
-An();
-const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-sheet_footer" }, xt = 75, Tt = "moving", Jn = /* @__PURE__ */ L({
+Jn();
+const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-sheet_footer" }, xt = 75, Tt = "moving", Fn = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -1158,7 +1171,7 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
     function v(k) {
       p.value = !0, d.value.classList.add(Tt), f = x(k);
     }
-    function g(k) {
+    function h(k) {
       p.value && (j(k) > xt && y(), B());
     }
     function $(k) {
@@ -1208,30 +1221,30 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
           }
         ]
       }), [
-        R[1] || (R[1] = h("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
+        R[1] || (R[1] = g("div", { class: "joy-bottom-sheet-overlay" }, null, -1)),
         O(q(yt), { onTrigger: y }, {
           default: z(() => [
-            h("div", {
+            g("div", {
               ref_key: "bottomSheetContainerElement",
               ref: d,
               class: "joy-bottom-sheet-container"
             }, [
-              h("div", {
+              g("div", {
                 class: "joy-bottom-sheet_header",
                 onMousedown: v,
-                onMouseup: g,
+                onMouseup: h,
                 onMousemove: $,
-                onMouseleave: g,
+                onMouseleave: h,
                 onTouchstart: v,
-                onTouchend: g,
+                onTouchend: h,
                 onTouchmove: $
               }, R[0] || (R[0] = [
-                h("div", { class: "joy-bottom-sheet_header-close" }, null, -1)
+                g("div", { class: "joy-bottom-sheet_header-close" }, null, -1)
               ]), 32),
-              h("div", En, [
+              g("div", Mn, [
                 w(k.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
-              h("div", zn, [
+              g("div", Pn, [
                 w(k.$slots, "bottom-sheet-cta", {}, () => [
                   O(ne, {
                     class: "joy-bottom-sheet_footer-close",
@@ -1247,7 +1260,7 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
       ], 16)) : _("", !0)
     ], 8, ["to"])) : _("", !0);
   }
-}), Ws = /* @__PURE__ */ A(Jn, [["__scopeId", "data-v-098e6a23"]]), Us = /* @__PURE__ */ L({
+}), Xs = /* @__PURE__ */ A(Fn, [["__scopeId", "data-v-098e6a23"]]), Qs = /* @__PURE__ */ L({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1264,7 +1277,7 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
       onClick: r
     }))), 128));
   }
-}), Mn = { class: "joy-checkbox__wrapper" }, Pn = { class: "joy-checkbox__input-wrapper" }, Fn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], On = { class: "joy-checkbox__content-wrapper" }, Dn = { class: "joy-checkbox__content" }, Rn = /* @__PURE__ */ L({
+}), On = { class: "joy-checkbox__wrapper" }, Dn = { class: "joy-checkbox__input-wrapper" }, Rn = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], Nn = { class: "joy-checkbox__content-wrapper" }, qn = { class: "joy-checkbox__content" }, Hn = /* @__PURE__ */ L({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -1333,8 +1346,8 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
     };
     return t({
       isIndeterminate: a
-    }), (p, d) => (c(), b("div", Mn, [
-      h("label", {
+    }), (p, d) => (c(), b("div", On, [
+      g("label", {
         class: T([
           "joy-checkbox",
           {
@@ -1346,8 +1359,8 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
           }
         ])
       }, [
-        h("div", Pn, [
-          h("input", {
+        g("div", Dn, [
+          g("input", {
             id: e.id,
             ref_key: "input",
             ref: i,
@@ -1365,23 +1378,23 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
             (...f) => u.onFocus && u.onFocus(...f)),
             onBlur: d[2] || (d[2] = //@ts-ignore
             (...f) => u.onBlur && u.onBlur(...f))
-          }, null, 40, Fn)
+          }, null, 40, Rn)
         ]),
-        h("div", On, [
+        g("div", Nn, [
           w(p.$slots, "default", {}, () => [
             D(J(e.label), 1)
           ], !0),
-          h("div", Dn, [
+          g("div", qn, [
             w(p.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
     ]));
   }
-}), Kt = /* @__PURE__ */ A(Rn, [["__scopeId", "data-v-8391ace5"]]), Nn = ["id"], qn = { class: "joy-collapse-item__header-right" }, Hn = {
+}), Kt = /* @__PURE__ */ A(Hn, [["__scopeId", "data-v-8391ace5"]]), Wn = ["id"], Un = { class: "joy-collapse-item__header-right" }, Gn = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
-}, Wn = { class: "joy-collapse-item__summary___preview" }, Un = ["aria-labelledby"], Gn = /* @__PURE__ */ L({
+}, Yn = { class: "joy-collapse-item__summary___preview" }, Kn = ["aria-labelledby"], Zn = /* @__PURE__ */ L({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -1440,7 +1453,7 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
         }
       ])
     }, [
-      h("div", {
+      g("div", {
         role: "button",
         tabindex: "0",
         class: "joy-collapse-item__summary",
@@ -1449,7 +1462,7 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
         onFocus: p[0] || (p[0] = (d) => a.value = !0),
         onBlur: p[1] || (p[1] = (d) => a.value = !1)
       }, [
-        h("div", {
+        g("div", {
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
@@ -1460,16 +1473,16 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
             name: e.summaryIcon
           }, null, 8, ["name"])) : _("", !0),
           D(" " + J(e.header), 1)
-        ], 8, Nn),
-        h("div", qn, [
+        ], 8, Wn),
+        g("div", Un, [
           w(u.$slots, "collapse-header-right")
         ]),
         O(N, {
           class: "joy-collapse-item__summary___marker joy-mt-1",
           name: "chevron-down"
         }),
-        e.subheader ? (c(), b("span", Hn, J(e.subheader), 1)) : _("", !0),
-        h("span", Wn, [
+        e.subheader ? (c(), b("span", Gn, J(e.subheader), 1)) : _("", !0),
+        g("span", Yn, [
           w(u.$slots, "collapse-preview")
         ])
       ], 32),
@@ -1485,10 +1498,10 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
         ])
       }, [
         w(u.$slots, "default")
-      ], 10, Un)) : _("", !0)
+      ], 10, Kn)) : _("", !0)
     ], 2));
   }
-}), Yn = /* @__PURE__ */ A(Gn, [["__scopeId", "data-v-6bd35ef2"]]), Kn = { class: "joy-collapse" }, Zn = /* @__PURE__ */ L({
+}), Xn = /* @__PURE__ */ A(Zn, [["__scopeId", "data-v-6bd35ef2"]]), Qn = { class: "joy-collapse" }, el = /* @__PURE__ */ L({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -1549,28 +1562,28 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
       isOpen: p,
       items: r,
       openedCollapseItem: n
-    }), (y, v) => (c(), b("div", Kn, [
-      (c(!0), b(W, null, U(r.value, (g) => (c(), I(Yn, H({ ref_for: !0 }, g.props, {
-        key: g.props.id,
-        open: p(g),
+    }), (y, v) => (c(), b("div", Qn, [
+      (c(!0), b(W, null, U(r.value, (h) => (c(), I(Xn, H({ ref_for: !0 }, h.props, {
+        key: h.props.id,
+        open: p(h),
         mode: e.mode,
-        "onCollapseItem:open": () => d(g),
-        "onCollapseItem:close": () => f(g)
+        "onCollapseItem:open": () => d(h),
+        "onCollapseItem:close": () => f(h)
       }), {
         "collapse-header-right": z(() => [
-          (c(!0), b(W, null, U(u(g, "collapse-header-right"), ($, j) => (c(), I(X($), { key: j }))), 128))
+          (c(!0), b(W, null, U(u(h, "collapse-header-right"), ($, j) => (c(), I(X($), { key: j }))), 128))
         ]),
         "collapse-preview": z(() => [
-          (c(!0), b(W, null, U(u(g, "collapse-preview"), ($, j) => (c(), I(X($), { key: j }))), 128))
+          (c(!0), b(W, null, U(u(h, "collapse-preview"), ($, j) => (c(), I(X($), { key: j }))), 128))
         ]),
         default: z(() => [
-          (c(!0), b(W, null, U(u(g, "default"), ($, j) => (c(), I(X($), { key: j }))), 128))
+          (c(!0), b(W, null, U(u(h, "default"), ($, j) => (c(), I(X($), { key: j }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), Gs = /* @__PURE__ */ A(Zn, [["__scopeId", "data-v-35744932"]]), Xn = ["src", "alt", "title", "loading"], Qn = /* @__PURE__ */ L({
+}), eu = /* @__PURE__ */ A(el, [["__scopeId", "data-v-35744932"]]), tl = ["src", "alt", "title", "loading"], ol = /* @__PURE__ */ L({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1611,14 +1624,14 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
         alt: e.imgAlt || e.companyName,
         title: e.companyName,
         loading: e.loading
-      }, null, 8, Xn)) : (c(), I(N, {
+      }, null, 8, tl)) : (c(), I(N, {
         key: 1,
         name: "company-placeholder",
         size: l.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), Ys = /* @__PURE__ */ A(Qn, [["__scopeId", "data-v-2f1289c1"]]), el = ["aria-hidden"], tl = /* @__PURE__ */ L({
+}), tu = /* @__PURE__ */ A(ol, [["__scopeId", "data-v-2f1289c1"]]), nl = ["aria-hidden"], ll = /* @__PURE__ */ L({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1639,20 +1652,20 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
-      h("div", null, [
+      g("div", null, [
         w(t.$slots, "default", {}, () => [
           D(J(e.noHtmlErrorText), 1)
         ], !0)
       ])
-    ], 10, el));
+    ], 10, nl));
   }
-}), mt = /* @__PURE__ */ A(tl, [["__scopeId", "data-v-deb60895"]]), ol = {
+}), mt = /* @__PURE__ */ A(ll, [["__scopeId", "data-v-deb60895"]]), al = {
   key: 0,
   class: "joy-label-required"
-}, nl = {
+}, rl = {
   key: 1,
   class: "joy-label-optional"
-}, ll = /* @__PURE__ */ L({
+}, il = /* @__PURE__ */ L({
   __name: "VJoyLabel",
   props: {
     size: {
@@ -1680,14 +1693,14 @@ const En = { class: "joy-bottom-sheet_content" }, zn = { class: "joy-bottom-shee
         w(t.$slots, "default", {}, () => [
           D(J(e.text), 1)
         ], !0),
-        e.required ? (c(), b("span", ol, "*")) : _("", !0),
-        e.optionalLabel ? (c(), b("span", nl, "- " + J(e.optionalLabel), 1)) : _("", !0)
+        e.required ? (c(), b("span", al, "*")) : _("", !0),
+        e.optionalLabel ? (c(), b("span", rl, "- " + J(e.optionalLabel), 1)) : _("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ve = /* @__PURE__ */ A(ll, [["__scopeId", "data-v-f48de041"]]);
-function al(e) {
+}), Ve = /* @__PURE__ */ A(il, [["__scopeId", "data-v-f48de041"]]);
+function sl(e) {
   const t = () => e();
   te(() => {
     window.addEventListener("resize", t);
@@ -1701,13 +1714,13 @@ function vt(e, t) {
     t && ((l = e.value) == null || l.focus());
   });
 }
-const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { class: "joy-counter__input-wrapper" }, ul = ["id", "min", "max", "aria-invalid", "name", "required", "value"], dl = ["aria-label", "disabled"], cl = {
+const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { class: "joy-counter__input-wrapper" }, fl = ["id", "min", "max", "aria-invalid", "name", "required", "value"], pl = ["aria-label", "disabled"], yl = {
   key: 0,
   class: "joy-counter_error"
-}, fl = {
+}, ml = {
   inheritAttrs: !1
-}, pl = /* @__PURE__ */ L({
-  ...fl,
+}, vl = /* @__PURE__ */ L({
+  ...ml,
   __name: "VJoyCounter",
   props: {
     autofocus: {
@@ -1781,19 +1794,19 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
     const o = l, n = e, i = C(!1), a = C(!1), r = C();
     vt(r, n.autofocus);
     function s() {
-      const g = d(!1);
-      g >= 0 ? o("update:modelValue", g <= n.min ? n.min : g) : o("update:modelValue", 0), p();
+      const h = d(!1);
+      h >= 0 ? o("update:modelValue", h <= n.min ? n.min : h) : o("update:modelValue", 0), p();
     }
     function u() {
-      const g = d();
-      n.max && g <= n.max ? o("update:modelValue", g >= n.max ? n.max : g) : n.max && g > n.max ? o("update:modelValue", n.max) : o("update:modelValue", g), p();
+      const h = d();
+      n.max && h <= n.max ? o("update:modelValue", h >= n.max ? n.max : h) : n.max && h > n.max ? o("update:modelValue", n.max) : o("update:modelValue", h), p();
     }
     function p() {
       i.value = !f();
     }
-    function d(g = !0) {
+    function d(h = !0) {
       const $ = n.step.toString().split("."), j = $.length === 2 ? $[1].length : 0;
-      return parseFloat(g ? (n.modelValue + n.step).toFixed(j) : (n.modelValue - n.step).toFixed(j));
+      return parseFloat(h ? (n.modelValue + n.step).toFixed(j) : (n.modelValue - n.step).toFixed(j));
     }
     function f() {
       return m() && y();
@@ -1805,8 +1818,8 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       return n.min <= n.modelValue;
     }
     const v = {
-      onInput: (g) => {
-        o("update:modelValue", +g.target.value || 0), i.value = !1;
+      onInput: (h) => {
+        o("update:modelValue", +h.target.value || 0), i.value = !1;
       },
       onFocus: () => {
         a.value = !0;
@@ -1817,7 +1830,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
     };
     return t({
       props: n
-    }), (g, $) => (c(), b("div", rl, [
+    }), (h, $) => (c(), b("div", ul, [
       e.label ? (c(), I(Ve, {
         key: 0,
         for: e.id,
@@ -1826,16 +1839,16 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
         size: e.labelSize
       }, {
         default: z(() => [
-          w(g.$slots, "default", {}, () => [
+          w(h.$slots, "default", {}, () => [
             D(J(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
-      h("div", {
+      g("div", {
         class: T(["joy-counter__wrapper", { "joy-counter--focusing": a.value }])
       }, [
-        h("button", {
+        g("button", {
           class: "joy-counter__decrement",
           type: "button",
           "aria-label": e.labelDecrement,
@@ -1843,9 +1856,9 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           onClick: s
         }, [
           O(N, { name: "minus" })
-        ], 8, il),
-        h("div", sl, [
-          h("input", H({
+        ], 8, dl),
+        g("div", cl, [
+          g("input", H({
             id: e.id,
             ref_key: "input",
             ref: r,
@@ -1858,16 +1871,16 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
             required: e.required,
             step: "any",
             value: e.modelValue
-          }, g.$attrs, {
+          }, h.$attrs, {
             onInput: $[0] || ($[0] = //@ts-ignore
             (...j) => v.onInput && v.onInput(...j)),
             onBlur: $[1] || ($[1] = //@ts-ignore
             (...j) => v.onBlur && v.onBlur(...j)),
             onFocus: $[2] || ($[2] = //@ts-ignore
             (...j) => v.onFocus && v.onFocus(...j))
-          }), null, 16, ul)
+          }), null, 16, fl)
         ]),
-        h("button", {
+        g("button", {
           class: "joy-counter__increment",
           type: "button",
           "aria-label": e.labelIncrement,
@@ -1875,14 +1888,14 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           onClick: u
         }, [
           O(N, { name: "add" })
-        ], 8, dl),
-        e.invalid && e.errorMessage ? (c(), b("div", cl, [
+        ], 8, pl),
+        e.invalid && e.errorMessage ? (c(), b("div", yl, [
           O(mt, { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : _("", !0)
       ], 2)
     ]));
   }
-}), Ks = /* @__PURE__ */ A(pl, [["__scopeId", "data-v-556fd173"]]), yl = /* @__PURE__ */ L({
+}), ou = /* @__PURE__ */ A(vl, [["__scopeId", "data-v-556fd173"]]), gl = /* @__PURE__ */ L({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -1942,22 +1955,22 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       w(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), re = /* @__PURE__ */ A(yl, [["__scopeId", "data-v-68d89412"]]), ml = ["id"], vl = { class: "joy-dialog__inner" }, hl = {
+}), re = /* @__PURE__ */ A(gl, [["__scopeId", "data-v-68d89412"]]), hl = ["id"], bl = { class: "joy-dialog__inner" }, wl = {
   key: 0,
   class: "joy-dialog__shapes"
-}, gl = { class: "joy-dialog--header" }, bl = {
+}, _l = { class: "joy-dialog--header" }, jl = {
   key: 0,
   class: "joy-dialog--preheader"
-}, wl = {
+}, kl = {
   id: "dialogDescription",
   class: "joy-dialog--subheader"
-}, _l = {
+}, $l = {
   class: "joy-dialog--body",
   tabindex: "0"
-}, jl = {
+}, Sl = {
   key: 2,
   class: "joy-dialog--indicators"
-}, kl = /* @__PURE__ */ L({
+}, Cl = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyDialog",
   props: {
@@ -2047,9 +2060,9 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       return !!B || !!P;
     }), y = V(() => o.id || i).value + "-header";
     function v() {
-      !o.patternConfirm && g();
+      !o.patternConfirm && h();
     }
-    async function g(B = { fireHideEvent: !0 }) {
+    async function h(B = { fireHideEvent: !0 }) {
       o.demoMode || (u.value = !1, await Me(), ye(!1), B.fireHideEvent && n("dialog:hide"));
     }
     async function $() {
@@ -2070,7 +2083,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       u.value === !0 && (n("dialog:before-unmount"), ye(!1));
     }), t({
       hasFooterSlots: f,
-      hide: g,
+      hide: h,
       isOpen: u,
       show: $
     }), (B, P) => r.value ? (c(), I(ze, {
@@ -2097,7 +2110,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
             "aria-labelledby": y,
             onKeydown: Oe(v, ["esc"])
           }), [
-            h("div", {
+            g("div", {
               class: T([
                 {
                   "joy-dialog__overlay": !0,
@@ -2107,7 +2120,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
               ]),
               onClick: v
             }, null, 2),
-            h("div", {
+            g("div", {
               class: T([
                 {
                   "joy-dialog--wrapper": !0,
@@ -2115,10 +2128,10 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
                 }
               ])
             }, [
-              h("div", vl, [
-                e.patternBrand ? (c(), b("div", hl, P[3] || (P[3] = [
-                  h("div", { class: "joy-dialog__shapes___shape" }, null, -1),
-                  h("div", { class: "joy-dialog__shapes___shape" }, null, -1)
+              g("div", bl, [
+                e.patternBrand ? (c(), b("div", wl, P[3] || (P[3] = [
+                  g("div", { class: "joy-dialog__shapes___shape" }, null, -1),
+                  g("div", { class: "joy-dialog__shapes___shape" }, null, -1)
                 ]))) : _("", !0),
                 e.bannerSrc ? (c(), b("div", {
                   key: 1,
@@ -2129,17 +2142,17 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
                     height: `${e.bannerHeight}px`
                   })
                 }, null, 4)) : _("", !0),
-                h("div", gl, [
-                  B.$slots["dialog-preheader"] ? (c(), b("div", bl, [
+                g("div", _l, [
+                  B.$slots["dialog-preheader"] ? (c(), b("div", jl, [
                     w(B.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : _("", !0),
-                  h("div", {
+                  g("div", {
                     id: y,
                     class: "joy-dialog--header__title"
                   }, [
                     w(B.$slots, "dialog-header", {}, void 0, !0)
                   ]),
-                  h("p", wl, [
+                  g("p", kl, [
                     w(B.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
                   e.patternConfirm ? _("", !0) : (c(), I(ne, {
@@ -2152,13 +2165,13 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
                     name: "cross",
                     label: e.closeLabel,
                     class: "joy-dialog--close",
-                    onClick: P[0] || (P[0] = (k) => g())
+                    onClick: P[0] || (P[0] = (k) => h())
                   }, null, 8, ["label"]))
                 ]),
-                h("div", _l, [
+                g("div", $l, [
                   w(B.$slots, "dialog-body", {}, void 0, !0)
                 ]),
-                h("div", {
+                g("div", {
                   class: T([
                     {
                       "joy-dialog--footer": !0,
@@ -2177,7 +2190,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
                           class: "joy-dialog--cancel",
                           variant: "ghost",
                           size: e.buttonSize,
-                          onClick: P[1] || (P[1] = (k) => g())
+                          onClick: P[1] || (P[1] = (k) => h())
                         }, {
                           default: z(() => [
                             D(J(e.cancelText), 1)
@@ -2203,18 +2216,18 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
                     _: 3
                   })
                 ], 2),
-                q(a)["dialog-indicators"] ? (c(), b("div", jl, [
+                q(a)["dialog-indicators"] ? (c(), b("div", Sl, [
                   w(B.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : _("", !0)
               ])
             ], 2)
-          ], 16, ml)) : _("", !0)
+          ], 16, hl)) : _("", !0)
         ]),
         _: 3
       })
     ], 8, ["to", "disabled"])) : _("", !0);
   }
-}), Zs = /* @__PURE__ */ A(kl, [["__scopeId", "data-v-04cca18d"]]), Xs = /* @__PURE__ */ L({
+}), nu = /* @__PURE__ */ A(Cl, [["__scopeId", "data-v-04cca18d"]]), lu = /* @__PURE__ */ L({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -2231,7 +2244,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       onClick: r
     }))), 128));
   }
-}), $l = ["disabled"], Sl = { class: "joy-divider-cta--icon" }, Cl = { class: "joy-divider-cta--content" }, Vl = { class: "joy-divider-cta--content---title" }, xl = /* @__PURE__ */ L({
+}), Vl = ["disabled"], xl = { class: "joy-divider-cta--icon" }, Tl = { class: "joy-divider-cta--content" }, Il = { class: "joy-divider-cta--content---title" }, Ll = /* @__PURE__ */ L({
   __name: "VJoyDividerCta",
   props: {
     disabled: {
@@ -2245,24 +2258,24 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       class: T(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
     }, [
-      h("div", Sl, [
+      g("div", xl, [
         O(N, { name: "add" })
       ]),
-      h("div", Cl, [
-        h("p", Vl, [
+      g("div", Tl, [
+        g("p", Il, [
           w(t.$slots, "default", {}, void 0, !0)
         ]),
         w(t.$slots, "divider-content", {}, void 0, !0)
       ])
-    ], 10, $l));
+    ], 10, Vl));
   }
-}), Qs = /* @__PURE__ */ A(xl, [["__scopeId", "data-v-aa93710e"]]), Tl = ["id"], Il = { class: "joy-drawer__inner" }, Ll = { class: "joy-drawer--header" }, Bl = {
+}), au = /* @__PURE__ */ A(Ll, [["__scopeId", "data-v-aa93710e"]]), Bl = ["id"], Al = { class: "joy-drawer__inner" }, El = { class: "joy-drawer--header" }, zl = {
   id: "drawerDescription",
   class: "joy-drawer--subheader"
-}, Al = {
+}, Jl = {
   class: "joy-drawer--body",
   tabindex: "0"
-}, El = /* @__PURE__ */ L({
+}, Ml = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyDrawer",
   props: {
@@ -2338,7 +2351,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
     async function v(E = { fireHideEvent: !0 }) {
       o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (u.value = !1, await Me(), ye(!1), E.fireHideEvent && n("drawer:hide"));
     }
-    async function g() {
+    async function h() {
       u.value = !0, await Me(), !o.elevated && o.preventBodyScroll && ye(!0);
     }
     function $() {
@@ -2358,7 +2371,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       hasFooterSlots: f,
       hide: v,
       isOpen: u,
-      show: g
+      show: h
     }), (E, B) => r.value ? (c(), I(ze, {
       key: 0,
       to: e.teleport,
@@ -2400,7 +2413,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
               ]),
               onClick: B[0] || (B[0] = (P) => v())
             }, null, 2)),
-            h("div", {
+            g("div", {
               class: T([
                 {
                   "joy-drawer--wrapper": !0,
@@ -2408,15 +2421,15 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
                 }
               ])
             }, [
-              h("div", Il, [
-                h("div", Ll, [
-                  h("div", {
+              g("div", Al, [
+                g("div", El, [
+                  g("div", {
                     id: y,
                     class: "joy-drawer--header__title"
                   }, [
                     w(E.$slots, "drawer-header", {}, void 0, !0)
                   ]),
-                  h("p", Bl, [
+                  g("p", zl, [
                     w(E.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   O(ne, {
@@ -2431,10 +2444,10 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
                     onClick: B[1] || (B[1] = (P) => v())
                   }, null, 8, ["label"])
                 ]),
-                h("div", Al, [
+                g("div", Jl, [
                   w(E.$slots, "drawer-body", {}, void 0, !0)
                 ]),
-                h("div", {
+                g("div", {
                   class: T([
                     {
                       "joy-drawer--footer": !0,
@@ -2482,13 +2495,13 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
                 ], 2)
               ])
             ], 2)
-          ], 16, Tl)) : _("", !0)
+          ], 16, Bl)) : _("", !0)
         ]),
         _: 3
       })
     ], 8, ["to", "disabled"])) : _("", !0);
   }
-}), eu = /* @__PURE__ */ A(El, [["__scopeId", "data-v-056f6134"]]), tu = /* @__PURE__ */ L({
+}), ru = /* @__PURE__ */ A(Ml, [["__scopeId", "data-v-056f6134"]]), iu = /* @__PURE__ */ L({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -2505,13 +2518,13 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       onClick: r
     }))), 128));
   }
-}), zl = {
+}), Pl = {
   key: 0,
   class: "joy-dropdown-list__header"
-}, Jl = ["aria-label", "aria-labelledby"], Ml = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Pl = {
+}, Fl = ["aria-label", "aria-labelledby"], Ol = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Dl = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, Fl = /* @__PURE__ */ L({
+}, Rl = /* @__PURE__ */ L({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -2576,18 +2589,18 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       var v;
       if (!(i.value && !i.value.contains(document.activeElement) || !i.value)) {
         if ((y.key === "Escape" || y.key === "Tab") && o("close:dropdownList"), (y.key === "Enter" || y.key === "enter") && (y.preventDefault(), p() && ((v = i.value) != null && v.contains(p())))) {
-          const g = p();
-          if (!g)
+          const h = p();
+          if (!h)
             return;
-          if (g.querySelector("a"))
-            return g.querySelector("a").click();
-          o("update:modelValue", g.dataModel);
+          if (h.querySelector("a"))
+            return h.querySelector("a").click();
+          o("update:modelValue", h.dataModel);
         }
         if (p() && y.key === " " && y.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(y.key)) {
-          const g = s(), $ = p();
-          let j = g.indexOf($);
-          if (g.length) {
-            y.preventDefault(), y.key === "ArrowDown" ? j++ : y.key === "ArrowUp" ? j-- : y.key === "Home" ? j = 0 : y.key === "End" && (j = g.length - 1), j < 0 && (j = g.length - 1), j > g.length - 1 && (j = 0), f(g[j]);
+          const h = s(), $ = p();
+          let j = h.indexOf($);
+          if (h.length) {
+            y.preventDefault(), y.key === "ArrowDown" ? j++ : y.key === "ArrowUp" ? j-- : y.key === "Home" ? j = 0 : y.key === "End" && (j = h.length - 1), j < 0 && (j = h.length - 1), j > h.length - 1 && (j = 0), f(h[j]);
             return;
           }
         }
@@ -2609,7 +2622,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       class: "joy-dropdown-list",
       style: ee({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      y.$slots["dropdown-list-header"] || e.reset ? (c(), b("header", zl, [
+      y.$slots["dropdown-list-header"] || e.reset ? (c(), b("header", Pl, [
         e.reset ? (c(), b("button", {
           key: 0,
           type: "button",
@@ -2618,7 +2631,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
         }, J(e.resetLabel || "Reset"), 1)) : _("", !0),
         w(y.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : _("", !0),
-      h("div", {
+      g("div", {
         tabindex: "0",
         class: T(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": y.$slots["dropdown-list-items"] }]),
         style: ee({ "max-height": `${e.height}px` })
@@ -2633,39 +2646,39 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (c(!0), b(W, null, U(e.options, (g) => (c(), b("li", {
-            id: g.id,
-            key: g.id,
+          (c(!0), b(W, null, U(e.options, (h) => (c(), b("li", {
+            id: h.id,
+            key: h.id,
             style: ee({ "max-width": `${e.width}px` }),
             class: T([
               "joy-dropdown-list__item",
               `joy-dropdown-list__item--${e.size}`,
               {
-                "joy-dropdown-list__item--selected": a.value(g),
-                "joy-dropdown-list__item--disabled": g.disabled
+                "joy-dropdown-list__item--selected": a.value(h),
+                "joy-dropdown-list__item--disabled": h.disabled
               }
             ]),
-            tabindex: g.disabled ? void 0 : -1,
-            "aria-disabled": g.disabled,
-            "aria-selected": a.value(g),
-            title: g.label,
-            "aria-label": g.label,
-            ".dataModel": g.value || g.id,
+            tabindex: h.disabled ? void 0 : -1,
+            "aria-disabled": h.disabled,
+            "aria-selected": a.value(h),
+            title: h.label,
+            "aria-label": h.label,
+            ".dataModel": h.value || h.id,
             role: "option",
-            onClick: ($) => r(g)
+            onClick: ($) => r(h)
           }, [
-            w(y.$slots, "label", H({ ref_for: !0 }, g), () => [
-              h("span", null, J(g.label), 1)
+            w(y.$slots, "label", H({ ref_for: !0 }, h), () => [
+              g("span", null, J(h.label), 1)
             ], !0)
-          ], 46, Ml))), 128))
-        ], 8, Jl)) : _("", !0)
+          ], 46, Ol))), 128))
+        ], 8, Fl)) : _("", !0)
       ], 6),
-      y.$slots["dropdown-list-footer"] ? (c(), b("footer", Pl, [
+      y.$slots["dropdown-list-footer"] ? (c(), b("footer", Dl, [
         w(y.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : _("", !0)
     ], 4));
   }
-}), Ol = /* @__PURE__ */ A(Fl, [["__scopeId", "data-v-7a3292aa"]]), Dl = /* @__PURE__ */ L({
+}), Nl = /* @__PURE__ */ A(Rl, [["__scopeId", "data-v-7a3292aa"]]), ql = /* @__PURE__ */ L({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -2777,11 +2790,11 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
         i.value = !1, p.value = !1, o("dropdown:hide");
       }, 300);
     }
-    function g() {
+    function h() {
       p.value = !1, m && clearTimeout(m), i.value = !0, o("dropdown:open");
     }
     function $(k) {
-      k.stopPropagation(), i.value ? j() : g(), u.value = k.target;
+      k.stopPropagation(), i.value ? j() : h(), u.value = k.target;
     }
     function j() {
       v(), x();
@@ -2798,7 +2811,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
     function P() {
       !r.value || !r.value.children.length || (r.value.children[0].id = d);
     }
-    return al(v), te(() => {
+    return sl(v), te(() => {
       P();
     }), t({
       showDropdownList: i,
@@ -2811,7 +2824,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       onTrigger: v
     }, {
       default: z(() => [
-        h("div", {
+        g("div", {
           ref_key: "button",
           ref: r,
           class: "joy-dropdown__button",
@@ -2835,7 +2848,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           ]),
           style: ee(y.value)
         }, [
-          O(Ol, {
+          O(Nl, {
             "model-value": e.modelValue,
             options: e.options,
             size: e.size,
@@ -2850,7 +2863,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           }, ft({
             label: z((S) => [
               w(k.$slots, "dropdown-item", Co(Vo(S)), () => [
-                h("span", null, J(S.label), 1)
+                g("span", null, J(S.label), 1)
               ], !0)
             ]),
             _: 2
@@ -2882,13 +2895,13 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       _: 3
     }, 512));
   }
-}), ou = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-8d25933f"]]), Rl = { class: "joy-dropzone__icon-wrapper" }, Nl = /* @__PURE__ */ L({
+}), su = /* @__PURE__ */ A(ql, [["__scopeId", "data-v-8d25933f"]]), Hl = { class: "joy-dropzone__icon-wrapper" }, Wl = /* @__PURE__ */ L({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
   },
   setup(e) {
-    return (t, l) => (c(), b("div", Rl, [
+    return (t, l) => (c(), b("div", Hl, [
       O(N, {
         "aria-hidden": "true",
         name: e.name,
@@ -2896,13 +2909,13 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       }, null, 8, ["name"])
     ]));
   }
-}), Zt = /* @__PURE__ */ A(Nl, [["__scopeId", "data-v-5a2d1889"]]), ql = { class: "joy-dropzone__file__description" }, Hl = { class: "joy-dropzone__file__name" }, Wl = {
+}), Zt = /* @__PURE__ */ A(Wl, [["__scopeId", "data-v-5a2d1889"]]), Ul = { class: "joy-dropzone__file__description" }, Gl = { class: "joy-dropzone__file__name" }, Yl = {
   key: 0,
   class: "joy-dropzone__file__information"
-}, Ul = {
+}, Kl = {
   key: 1,
   class: "joy-dropzone__file__error"
-}, Gl = /* @__PURE__ */ L({
+}, Zl = /* @__PURE__ */ L({
   __name: "VJoyDropzoneFileItem",
   props: {
     file: {},
@@ -2927,12 +2940,12 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           name: "file-check",
           class: "joy-dropzone__file__icon"
         }),
-        h("div", ql, [
-          h("span", Hl, J(l.file.name), 1),
-          t.information ? (c(), b("div", Wl, [
+        g("div", Ul, [
+          g("span", Gl, J(l.file.name), 1),
+          t.information ? (c(), b("div", Yl, [
             w(o.$slots, "information", { file: o.file }, void 0, !0)
           ])) : _("", !0),
-          o.error ? (c(), b("p", Ul, J(o.error), 1)) : _("", !0)
+          o.error ? (c(), b("p", Kl, J(o.error), 1)) : _("", !0)
         ]),
         O(re, {
           "column-gap": "1",
@@ -2967,13 +2980,13 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       _: 3
     }));
   }
-}), Yl = /* @__PURE__ */ A(Gl, [["__scopeId", "data-v-f47da94a"]]), Kl = ["name", "accept", "multiple"], Zl = ["for"], Xl = {
+}), Xl = /* @__PURE__ */ A(Zl, [["__scopeId", "data-v-f47da94a"]]), Ql = ["name", "accept", "multiple"], ea = ["for"], ta = {
   key: 0,
   class: "joy-dropzone__files"
-}, Ql = { class: "joy-dropzone__instruction__text" }, ea = {
+}, oa = { class: "joy-dropzone__instruction__text" }, na = {
   key: 0,
   class: "joy-dropzone__legend"
-}, ta = /* @__PURE__ */ L({
+}, la = /* @__PURE__ */ L({
   __name: "VJoyDropzone",
   props: /* @__PURE__ */ xo({
     name: {},
@@ -2991,7 +3004,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const l = G(), o = e, n = To(e, "modelValue"), i = C(y(n.value)), a = C(), r = C(), s = C(), { isOverDropZone: u } = Sn(r, {
+    const l = G(), o = e, n = To(e, "modelValue"), i = C(y(n.value)), a = C(), r = C(), s = C(), { isOverDropZone: u } = xn(r, {
       onDrop: x
     }), p = V(() => n.value.filter((S) => S instanceof File)), d = V(() => o.multiple || p.value.length === 0 ? void 0 : v(p.value[0]));
     function f(S) {
@@ -3014,7 +3027,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       if (!F)
         return o.errorTextMaxSize;
     }
-    function g() {
+    function h() {
       a.value = void 0, s.value && s.value.click();
     }
     function $() {
@@ -3056,12 +3069,12 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
         "joy-dropzone--empty": n.value.length === 0
       }])
     }, [
-      h("div", {
+      g("div", {
         ref_key: "dropzoneAreaRef",
         ref: r,
         class: "joy-dropzone__area"
       }, [
-        h("input", {
+        g("input", {
           ref_key: "inputRef",
           ref: s,
           name: S.name,
@@ -3071,13 +3084,13 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           tabindex: "-1",
           onChange: j,
           onClick: $
-        }, null, 40, Kl),
-        h("label", {
+        }, null, 40, Ql),
+        g("label", {
           for: S.name,
           class: "joy-dropzone__label"
         }, [
-          n.value.length > 0 ? (c(), b("div", Xl, [
-            (c(!0), b(W, null, U(n.value, (F, Y) => (c(), I(Yl, {
+          n.value.length > 0 ? (c(), b("div", ta, [
+            (c(!0), b(W, null, U(n.value, (F, Y) => (c(), I(Xl, {
               key: `${F.name}_${Y}`,
               file: F,
               error: S.multiple ? v(F) : void 0,
@@ -3107,14 +3120,14 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
             wrap: "nowrap",
             "no-margin": "",
             class: "joy-dropzone__instruction",
-            onClick: g
+            onClick: h
           }, {
             default: z(() => [
               O(Zt, {
                 name: "add",
                 class: "joy-dropzone__instruction__icon"
               }),
-              h("p", Ql, [
+              g("p", oa, [
                 w(S.$slots, "dropzone-description", {}, () => [
                   M[0] || (M[0] = D("Drop your file here or click here"))
                 ], !0)
@@ -3122,9 +3135,9 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
             ]),
             _: 3
           })) : _("", !0)
-        ], 8, Zl)
+        ], 8, ea)
       ], 512),
-      l["dropzone-legend"] ? (c(), b("div", ea, [
+      l["dropzone-legend"] ? (c(), b("div", na, [
         w(S.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : _("", !0),
       d.value ? (c(), I(mt, {
@@ -3134,7 +3147,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       }, null, 8, ["no-html-error-text"])) : _("", !0)
     ], 2));
   }
-}), nu = /* @__PURE__ */ A(ta, [["__scopeId", "data-v-b0b187bf"]]), oa = ["aria-label"], na = { class: "joy-filter-bar__wrapper" }, la = /* @__PURE__ */ L({
+}), uu = /* @__PURE__ */ A(la, [["__scopeId", "data-v-b0b187bf"]]), aa = ["aria-label"], ra = { class: "joy-filter-bar__wrapper" }, ia = /* @__PURE__ */ L({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -3146,12 +3159,12 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       role: "group",
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
-      h("div", na, [
+      g("div", ra, [
         w(t.$slots, "default", {}, void 0, !0)
       ])
-    ], 8, oa));
+    ], 8, aa));
   }
-}), lu = /* @__PURE__ */ A(la, [["__scopeId", "data-v-cb769d05"]]), aa = /* @__PURE__ */ L({
+}), du = /* @__PURE__ */ A(ia, [["__scopeId", "data-v-cb769d05"]]), sa = /* @__PURE__ */ L({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -3188,7 +3201,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       })) : _("", !0)
     ], 2));
   }
-}), au = /* @__PURE__ */ A(aa, [["__scopeId", "data-v-cfb21c78"]]), ra = /* @__PURE__ */ L({
+}), cu = /* @__PURE__ */ A(sa, [["__scopeId", "data-v-cfb21c78"]]), ua = /* @__PURE__ */ L({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3226,7 +3239,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       })
     }, null, 6));
   }
-}), ru = /* @__PURE__ */ A(ra, [["__scopeId", "data-v-235a3b9e"]]), ia = { class: "joy-funnel__header" }, sa = { class: "funnel__header__inner" }, ua = /* @__PURE__ */ L({
+}), fu = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-235a3b9e"]]), da = { class: "joy-funnel__header" }, ca = { class: "funnel__header__inner" }, fa = /* @__PURE__ */ L({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3265,8 +3278,8 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
         }
       ])
     }, [
-      h("div", ia, [
-        h("div", sa, [
+      g("div", da, [
+        g("div", ca, [
           w(s.$slots, "funnel-header", {}, void 0, !0)
         ])
       ]),
@@ -3282,16 +3295,16 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       }, u[0] || (u[0] = [
         Dt('<div class="shapes__wrapper" data-v-e2fccb79><div class="shape_1" data-v-e2fccb79></div><div class="shape_2" data-v-e2fccb79></div><div class="shape_3" data-v-e2fccb79></div><div class="shape_4" data-v-e2fccb79></div></div>', 1)
       ]), 2)),
-      h("div", {
+      g("div", {
         class: T(["joy-funnel__stepper", { "joy-funnel__stepper--medium": e.layoutWidth === "medium" }])
       }, [
         w(s.$slots, "funnel-stepper", {}, void 0, !0)
       ], 2),
-      h("div", {
+      g("div", {
         class: "joy-funnel__scrollable",
         onScroll: i
       }, [
-        h("div", {
+        g("div", {
           class: T(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
         }, [
           w(s.$slots, "default", {}, void 0, !0)
@@ -3299,31 +3312,31 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       ], 32)
     ], 2));
   }
-}), iu = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-e2fccb79"]]), da = { class: "joy-funnel-footer" }, ca = { class: "joy-funnel-footer__left" }, fa = { class: "joy-funnel-footer__right" }, pa = /* @__PURE__ */ L({
+}), pu = /* @__PURE__ */ A(fa, [["__scopeId", "data-v-e2fccb79"]]), pa = { class: "joy-funnel-footer" }, ya = { class: "joy-funnel-footer__left" }, ma = { class: "joy-funnel-footer__right" }, va = /* @__PURE__ */ L({
   __name: "VJoyFunnelFooter",
   setup(e) {
-    return (t, l) => (c(), b("footer", da, [
-      h("div", ca, [
+    return (t, l) => (c(), b("footer", pa, [
+      g("div", ya, [
         w(t.$slots, "footer-left", {}, void 0, !0)
       ]),
-      h("div", fa, [
+      g("div", ma, [
         w(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
-}), su = /* @__PURE__ */ A(pa, [["__scopeId", "data-v-bdeeb2bd"]]), ya = { class: "joy-header" }, ma = { class: "joy-header__left" }, va = { class: "joy-header__right" }, ha = /* @__PURE__ */ L({
+}), yu = /* @__PURE__ */ A(va, [["__scopeId", "data-v-bdeeb2bd"]]), ga = { class: "joy-header" }, ha = { class: "joy-header__left" }, ba = { class: "joy-header__right" }, wa = /* @__PURE__ */ L({
   __name: "VJoyHeader",
   setup(e) {
-    return (t, l) => (c(), b("header", ya, [
-      h("div", ma, [
+    return (t, l) => (c(), b("header", ga, [
+      g("div", ha, [
         w(t.$slots, "header-left", {}, void 0, !0)
       ]),
-      h("div", va, [
+      g("div", ba, [
         w(t.$slots, "header-right", {}, void 0, !0)
       ])
     ]));
   }
-}), uu = /* @__PURE__ */ A(ha, [["__scopeId", "data-v-7928856e"]]), ga = { class: "joy-highlight__decorator" }, ba = { class: "joy-highlight__text" }, wa = { key: 0 }, _a = /* @__PURE__ */ L({
+}), mu = /* @__PURE__ */ A(wa, [["__scopeId", "data-v-7928856e"]]), _a = { class: "joy-highlight__decorator" }, ja = { class: "joy-highlight__text" }, ka = { key: 0 }, $a = /* @__PURE__ */ L({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3364,7 +3377,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
         }
       ])
     }, [
-      h("div", ga, [
+      g("div", _a, [
         w(n.$slots, "highlight-decorator", {}, () => [
           e.displayIcon ? (c(), I(N, {
             key: 0,
@@ -3372,15 +3385,15 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           }, null, 8, ["name"])) : _("", !0)
         ], !0)
       ]),
-      h("div", ba, [
-        n.$slots["highlight-title"] ? (c(), b("strong", wa, [
+      g("div", ja, [
+        n.$slots["highlight-title"] ? (c(), b("strong", ka, [
           w(n.$slots, "highlight-title", {}, void 0, !0)
         ])) : _("", !0),
         w(n.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), du = /* @__PURE__ */ A(_a, [["__scopeId", "data-v-e5c2ff23"]]), ja = ["aria-label"], ka = /* @__PURE__ */ L({
+}), vu = /* @__PURE__ */ A($a, [["__scopeId", "data-v-e5c2ff23"]]), Sa = ["aria-label"], Ca = /* @__PURE__ */ L({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3406,14 +3419,14 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
     return (t, l) => (c(), b("li", {
       class: T(["joy-indicator", `joy-indicator--${e.variant}`, { "joy-indicator--selected": e.selected }])
     }, [
-      h("button", {
+      g("button", {
         type: "button",
         class: T(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
-      }, null, 10, ja)
+      }, null, 10, Sa)
     ], 2));
   }
-}), $a = /* @__PURE__ */ A(ka, [["__scopeId", "data-v-88a82b4f"]]), Sa = /* @__PURE__ */ L({
+}), Va = /* @__PURE__ */ A(Ca, [["__scopeId", "data-v-88a82b4f"]]), xa = /* @__PURE__ */ L({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3451,7 +3464,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
     }), (d, f) => (c(), b("ul", {
       class: T(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (c(!0), b(W, null, U(r.value, (m) => (c(), I($a, H({
+      (c(!0), b(W, null, U(r.value, (m) => (c(), I(Va, H({
         key: m.props.value,
         ref_for: !0
       }, { ...m.props, variant: e.variant }, {
@@ -3460,7 +3473,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), cu = /* @__PURE__ */ A(Sa, [["__scopeId", "data-v-f2dd63e9"]]), Ca = ["id", "name", "required", "disabled", "readonly", "type", "value"], Va = ["data-unit"], xa = /* @__PURE__ */ L({
+}), gu = /* @__PURE__ */ A(xa, [["__scopeId", "data-v-f2dd63e9"]]), Ta = ["id", "name", "required", "disabled", "readonly", "type", "value"], Ia = ["data-unit"], La = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -3539,7 +3552,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
   setup(e, { expose: t, emit: l }) {
     const o = l, n = e, i = Se("VJoyWrapperContext", {}), a = C(), r = C(), s = Ce(), u = G(), p = C(!1), d = C(!1);
     vt(a, n.autofocus);
-    const f = V(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), m = V(() => u.default && u.default()), y = V(() => Object.keys(i).length > 0), v = C(n.type), g = V(() => n.type === "password" && !!n.modelValue);
+    const f = V(() => typeof n.modelValue == "number" || !n.clearable || n.unit || !n.modelValue ? !1 : n.modelValue.length > 0 && !n.unit), m = V(() => u.default && u.default()), y = V(() => Object.keys(i).length > 0), v = C(n.type), h = V(() => n.type === "password" && !!n.modelValue);
     Io(() => {
       v.value = n.unit ? "number" : n.type;
     });
@@ -3579,7 +3592,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       ref: r,
       class: T([`joy-input--${n.size}`])
     }, [
-      h("div", {
+      g("div", {
         class: T([
           "joy-input",
           {
@@ -3605,7 +3618,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           ]),
           _: 3
         }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
-        h("div", {
+        g("div", {
           class: T([
             "joy-input--wrapper",
             {
@@ -3616,7 +3629,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
             }
           ])
         }, [
-          h("input", H(x.$attrs, {
+          g("input", H(x.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
             ref: a,
@@ -3642,7 +3655,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
             (...B) => j.onChange && j.onChange(...B)),
             onWheel: E[4] || (E[4] = //@ts-ignore
             (...B) => j.onWheelScroll && j.onWheelScroll(...B))
-          }), null, 16, Ca),
+          }), null, 16, Ta),
           f.value ? (c(), I(ne, {
             key: 0,
             class: "joy-input--clear",
@@ -3652,7 +3665,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
             icon: "cross",
             onClick: j.clearValue
           }, null, 8, ["onClick"])) : _("", !0),
-          g.value ? (c(), I(N, {
+          h.value ? (c(), I(N, {
             key: 1,
             class: "joy-input--password-icon",
             name: d.value ? "eye-masked" : "eye",
@@ -3667,12 +3680,12 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, Va)) : _("", !0)
+          }, null, 8, Ia)) : _("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
-}), fu = /* @__PURE__ */ A(xa, [["__scopeId", "data-v-aa5a992c"]]), Ta = ["href"], Ia = { class: "joy-link__text" }, La = /* @__PURE__ */ L({
+}), hu = /* @__PURE__ */ A(La, [["__scopeId", "data-v-aa5a992c"]]), Ba = ["href"], Aa = { class: "joy-link__text" }, Ea = /* @__PURE__ */ L({
   __name: "VJoyLink",
   props: {
     href: {
@@ -3694,14 +3707,14 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : _("", !0),
-      h("span", Ia, [
+      g("span", Aa, [
         w(t.$slots, "default", {}, () => [
           D(J(e.text), 1)
         ], !0)
       ])
-    ], 16, Ta));
+    ], 16, Ba));
   }
-}), pu = /* @__PURE__ */ A(La, [["__scopeId", "data-v-9cfadbae"]]), Ba = { class: "joy-list-item__left" }, Aa = { class: "joy-font-primary-300 joy-m-0" }, Ea = { class: "joy-list-item__right" }, za = /* @__PURE__ */ L({
+}), bu = /* @__PURE__ */ A(Ea, [["__scopeId", "data-v-9cfadbae"]]), za = { class: "joy-list-item__left" }, Ja = { class: "joy-font-primary-300 joy-m-0" }, Ma = { class: "joy-list-item__right" }, Pa = /* @__PURE__ */ L({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -3719,17 +3732,17 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
         justify: "space-between"
       }, {
         default: z(() => [
-          h("div", Ba, [
+          g("div", za, [
             t.icon ? (c(), I(N, {
               key: 0,
               class: "joy-p-3 joy-list-item__left-icon",
               name: t.icon
             }, null, 8, ["name"])) : _("", !0),
-            h("p", Aa, [
+            g("p", Ja, [
               w(t.$slots, "list-item-left", {}, void 0, !0)
             ])
           ]),
-          h("div", Ea, [
+          g("div", Ma, [
             w(t.$slots, "list-item-right", {}, void 0, !0)
           ])
         ]),
@@ -3737,7 +3750,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       })
     ]));
   }
-}), yu = /* @__PURE__ */ A(za, [["__scopeId", "data-v-6c3750f0"]]), Ja = ["tabindex", "aria-activedescendant", "aria-label"], Ma = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Pa = { "aria-hidden": "true" }, Fa = /* @__PURE__ */ L({
+}), wu = /* @__PURE__ */ A(Pa, [["__scopeId", "data-v-6c3750f0"]]), Fa = ["tabindex", "aria-activedescendant", "aria-label"], Oa = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Da = { "aria-hidden": "true" }, Ra = /* @__PURE__ */ L({
   __name: "VJoyMenu",
   props: {
     /**
@@ -3822,26 +3835,26 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           "aria-label": v.label,
           ".dataModel": v.value || v.id,
           role: "menuitem",
-          onClick: (g) => r(v)
+          onClick: (h) => r(v)
         }, [
-          h("div", Pa, [
+          g("div", Da, [
             w(f.$slots, "menu-item", H({ ref_for: !0 }, v), () => [
               v.icon ? (c(), I(N, {
                 key: 0,
                 name: v.icon
               }, null, 8, ["name"])) : _("", !0),
-              h("span", null, J(v.label), 1)
+              g("span", null, J(v.label), 1)
             ], !0)
           ])
-        ], 42, Ma)), [
+        ], 42, Oa)), [
           [y, { id: u(v) }]
         ])), 128))
-      ], 40, Ja);
+      ], 40, Fa);
     };
   }
-}), mu = /* @__PURE__ */ A(Fa, [["__scopeId", "data-v-895583e2"]]), Oa = ["id"], Da = {
+}), _u = /* @__PURE__ */ A(Ra, [["__scopeId", "data-v-895583e2"]]), Na = ["id"], qa = {
   class: /* @__PURE__ */ T(["joy-multi-checkbox"])
-}, Ra = /* @__PURE__ */ L({
+}, Ha = /* @__PURE__ */ L({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {},
@@ -3879,7 +3892,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : _("", !0),
-      h("div", Da, [
+      g("div", qa, [
         (c(!0), b(W, null, U(a.options, (s) => (c(), I(Kt, {
           id: s.id,
           key: s.id,
@@ -3896,9 +3909,9 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, Oa));
+    ], 8, Na));
   }
-}), vu = /* @__PURE__ */ A(Ra, [["__scopeId", "data-v-c82c5828"]]), It = /* @__PURE__ */ L({
+}), ju = /* @__PURE__ */ A(Ha, [["__scopeId", "data-v-c82c5828"]]), It = /* @__PURE__ */ L({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -3929,7 +3942,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       onClick: l[0] || (l[0] = (o) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), Na = ["aria-label", "data-current"], qa = ["onClick"], Ha = ["aria-current"], Wa = 6, Ua = /* @__PURE__ */ L({
+}), Wa = ["aria-label", "data-current"], Ua = ["onClick"], Ga = ["aria-current"], Ya = 6, Ka = /* @__PURE__ */ L({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -3963,7 +3976,7 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
     const l = e, o = t, n = V(() => {
       const p = a.value.length;
       return a.value[p - 1] !== a.value[p - 2] + 1;
-    }), i = V(() => a.value[0] !== a.value[1] - 1), a = V(() => l.totalPages === 1 ? [1] : l.totalPages < Wa ? s(2, l.totalPages - 1) : u(l.currentPage));
+    }), i = V(() => a.value[0] !== a.value[1] - 1), a = V(() => l.totalPages === 1 ? [1] : l.totalPages < Ya ? s(2, l.totalPages - 1) : u(l.currentPage));
     function r(p, d) {
       l.currentPage === 1 && d === "prev" || l.currentPage === l.totalPages && d === "next" || o("update:current-page", p);
     }
@@ -3984,8 +3997,8 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       class: "joy-pagination",
       "data-current": e.currentPage
     }, [
-      h("ul", null, [
-        h("li", {
+      g("ul", null, [
+        g("li", {
           class: "joy-pagination__item joy-pagination__previous",
           onClick: d[0] || (d[0] = (f) => r(e.currentPage - 1, "prev"))
         }, [
@@ -3996,8 +4009,8 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
             }, null, 8, ["label", "disabled"])
           ], !0)
         ]),
-        h("li", null, [
-          h("ul", null, [
+        g("li", null, [
+          g("ul", null, [
             (c(!0), b(W, null, U(a.value, (f) => (c(), b("li", {
               key: f,
               class: T({
@@ -4010,15 +4023,15 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
               onClick: (m) => r(f)
             }, [
               w(p.$slots, "page", H({ ref_for: !0 }, { page: f }), () => [
-                h("button", {
+                g("button", {
                   type: "button",
                   "aria-current": f === e.currentPage ? "true" : "false"
-                }, J(f), 9, Ha)
+                }, J(f), 9, Ga)
               ], !0)
-            ], 10, qa))), 128))
+            ], 10, Ua))), 128))
           ])
         ]),
-        h("li", {
+        g("li", {
           class: "joy-pagination__next",
           onClick: d[1] || (d[1] = (f) => r(e.currentPage + 1, "next"))
         }, [
@@ -4031,12 +4044,12 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
           ], !0)
         ])
       ])
-    ], 8, Na));
+    ], 8, Wa));
   }
-}), hu = /* @__PURE__ */ A(Ua, [["__scopeId", "data-v-7e82041f"]]), Ga = { class: "joy-screen-loader__content" }, Ya = {
+}), ku = /* @__PURE__ */ A(Ka, [["__scopeId", "data-v-7e82041f"]]), Za = { class: "joy-screen-loader__content" }, Xa = {
   key: 0,
   class: "joy-screen-loader__content"
-}, Ka = /* @__PURE__ */ L({
+}, Qa = /* @__PURE__ */ L({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -4054,31 +4067,31 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
     return (t, l) => (c(), b("div", {
       class: T(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      h("div", Ga, [
+      g("div", Za, [
         w(t.$slots, "spinner", {}, () => [
           O(Ut, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (c(), b("div", Ya, [
+        t.$slots.content ? (c(), b("div", Xa, [
           w(t.$slots, "content", {}, void 0, !0)
         ])) : _("", !0)
       ])
     ], 2));
   }
-}), Xt = /* @__PURE__ */ A(Ka, [["__scopeId", "data-v-266b7e2a"]]), Za = {
+}), Xt = /* @__PURE__ */ A(Qa, [["__scopeId", "data-v-266b7e2a"]]), er = {
   key: 0,
   class: /* @__PURE__ */ T(["joy-panel__header"])
-}, Xa = {
+}, tr = {
   key: 1,
   class: "joy-panel__header-action"
-}, Qa = {
+}, or = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, er = { class: "joy-panel__body" }, tr = {
+}, nr = { class: "joy-panel__body" }, lr = {
   key: 1,
   class: "joy-panel__footer"
-}, or = /* @__PURE__ */ L({
+}, ar = /* @__PURE__ */ L({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -4125,24 +4138,24 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
         }
       ])
     }, [
-      i.value ? (c(), b("header", Za, [
+      i.value ? (c(), b("header", er, [
         o["panel-title"] ? (c(), b("div", {
           key: 0,
           class: T(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           w(a.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : _("", !0),
-        o["panel-title-action"] ? (c(), b("div", Xa, [
+        o["panel-title-action"] ? (c(), b("div", tr, [
           w(a.$slots, "panel-title-action", {}, void 0, !0)
         ])) : _("", !0),
-        o["panel-subtitle"] ? (c(), b("div", Qa, [
+        o["panel-subtitle"] ? (c(), b("div", or, [
           w(a.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : _("", !0)
       ])) : _("", !0),
-      h("div", er, [
+      g("div", nr, [
         w(a.$slots, "panel-body", {}, void 0, !0)
       ]),
-      o["panel-action"] ? (c(), b("footer", tr, [
+      o["panel-action"] ? (c(), b("footer", lr, [
         w(a.$slots, "panel-action", {}, void 0, !0)
       ])) : _("", !0),
       e.loading ? (c(), I(Xt, {
@@ -4157,40 +4170,40 @@ const rl = { class: "joy-counter" }, il = ["aria-label", "disabled"], sl = { cla
       }, 8, ["color"])) : _("", !0)
     ], 6));
   }
-}), gu = /* @__PURE__ */ A(or, [["__scopeId", "data-v-bf00f207"]]), nr = { class: "joy-panel-section" }, lr = {
+}), $u = /* @__PURE__ */ A(ar, [["__scopeId", "data-v-bf00f207"]]), rr = { class: "joy-panel-section" }, ir = {
   key: 0,
   class: "joy-panel-section__title"
-}, ar = {
+}, sr = {
   key: 1,
   class: "joy-panel-section__content"
-}, rr = /* @__PURE__ */ L({
+}, ur = /* @__PURE__ */ L({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = G();
-    return (l, o) => (c(), b("div", nr, [
-      q(t)["panel-section-title"] ? (c(), b("div", lr, [
+    return (l, o) => (c(), b("div", rr, [
+      q(t)["panel-section-title"] ? (c(), b("div", ir, [
         w(l.$slots, "panel-section-title", {}, void 0, !0)
       ])) : _("", !0),
-      q(t)["panel-section-content"] ? (c(), b("div", ar, [
+      q(t)["panel-section-content"] ? (c(), b("div", sr, [
         w(l.$slots, "panel-section-content", {}, void 0, !0)
       ])) : _("", !0)
     ]));
   }
-}), bu = /* @__PURE__ */ A(rr, [["__scopeId", "data-v-d88510ab"]]), ir = {}, sr = { class: "joy-product-tour-spotlight" };
-function ur(e, t) {
-  return c(), b("div", sr);
+}), Su = /* @__PURE__ */ A(ur, [["__scopeId", "data-v-d88510ab"]]), dr = {}, cr = { class: "joy-product-tour-spotlight" };
+function fr(e, t) {
+  return c(), b("div", cr);
 }
-const dr = /* @__PURE__ */ A(ir, [["render", ur], ["__scopeId", "data-v-fbaf8e78"]]), at = Math.min, cr = Math.max, fr = {
+const pr = /* @__PURE__ */ A(dr, [["render", fr], ["__scopeId", "data-v-fbaf8e78"]]), at = Math.min, yr = Math.max, mr = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, pr = {
+}, vr = {
   start: "end",
   end: "start"
 };
 function rt(e, t, l) {
-  return cr(e, at(t, l));
+  return yr(e, at(t, l));
 }
 function je(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -4201,32 +4214,32 @@ function ve(e) {
 function De(e) {
   return e.split("-")[1];
 }
-function ht(e) {
+function gt(e) {
   return e === "x" ? "y" : "x";
 }
-function gt(e) {
+function ht(e) {
   return e === "y" ? "height" : "width";
 }
 function ke(e) {
   return ["top", "bottom"].includes(ve(e)) ? "y" : "x";
 }
 function bt(e) {
-  return ht(ke(e));
+  return gt(ke(e));
 }
-function yr(e, t, l) {
+function gr(e, t, l) {
   l === void 0 && (l = !1);
-  const o = De(e), n = bt(e), i = gt(n);
+  const o = De(e), n = bt(e), i = ht(n);
   let a = n === "x" ? o === (l ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (a = Ue(a)), [a, Ue(a)];
 }
-function mr(e) {
+function hr(e) {
   const t = Ue(e);
   return [it(e), t, it(t)];
 }
 function it(e) {
-  return e.replace(/start|end/g, (t) => pr[t]);
+  return e.replace(/start|end/g, (t) => vr[t]);
 }
-function vr(e, t, l) {
+function br(e, t, l) {
   const o = ["left", "right"], n = ["right", "left"], i = ["top", "bottom"], a = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -4239,15 +4252,15 @@ function vr(e, t, l) {
       return [];
   }
 }
-function hr(e, t, l, o) {
+function wr(e, t, l, o) {
   const n = De(e);
-  let i = vr(ve(e), l === "start", o);
+  let i = br(ve(e), l === "start", o);
   return n && (i = i.map((a) => a + "-" + n), t && (i = i.concat(i.map(it)))), i;
 }
 function Ue(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => fr[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => mr[t]);
 }
-function gr(e) {
+function _r(e) {
   return {
     top: 0,
     right: 0,
@@ -4257,7 +4270,7 @@ function gr(e) {
   };
 }
 function Qt(e) {
-  return typeof e != "number" ? gr(e) : {
+  return typeof e != "number" ? _r(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -4287,7 +4300,7 @@ function Lt(e, t, l) {
     reference: o,
     floating: n
   } = e;
-  const i = ke(t), a = bt(t), r = gt(a), s = ve(t), u = i === "y", p = o.x + o.width / 2 - n.width / 2, d = o.y + o.height / 2 - n.height / 2, f = o[r] / 2 - n[r] / 2;
+  const i = ke(t), a = bt(t), r = ht(a), s = ve(t), u = i === "y", p = o.x + o.width / 2 - n.width / 2, d = o.y + o.height / 2 - n.height / 2, f = o[r] / 2 - n[r] / 2;
   let m;
   switch (s) {
     case "top":
@@ -4330,7 +4343,7 @@ function Lt(e, t, l) {
   }
   return m;
 }
-const br = async (e, t, l) => {
+const jr = async (e, t, l) => {
   const {
     placement: o = "bottom",
     strategy: n = "absolute",
@@ -4347,7 +4360,7 @@ const br = async (e, t, l) => {
   } = Lt(u, o, s), f = o, m = {}, y = 0;
   for (let v = 0; v < r.length; v++) {
     const {
-      name: g,
+      name: h,
       fn: $
     } = r[v], {
       x: j,
@@ -4370,8 +4383,8 @@ const br = async (e, t, l) => {
     });
     p = j ?? p, d = x ?? d, m = {
       ...m,
-      [g]: {
-        ...m[g],
+      [h]: {
+        ...m[h],
         ...E
       }
     }, B && y <= 50 && (y++, typeof B == "object" && (B.placement && (f = B.placement), B.rects && (u = B.rects === !0 ? await a.getElementRects({
@@ -4407,8 +4420,8 @@ async function eo(e, t) {
     elementContext: d = "floating",
     altBoundary: f = !1,
     padding: m = 0
-  } = je(t, e), y = Qt(m), g = r[f ? d === "floating" ? "reference" : "floating" : d], $ = Ge(await i.getClippingRect({
-    element: (l = await (i.isElement == null ? void 0 : i.isElement(g))) == null || l ? g : g.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
+  } = je(t, e), y = Qt(m), h = r[f ? d === "floating" ? "reference" : "floating" : d], $ = Ge(await i.getClippingRect({
+    element: (l = await (i.isElement == null ? void 0 : i.isElement(h))) == null || l ? h : h.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
     boundary: u,
     rootBoundary: p,
     strategy: s
@@ -4436,7 +4449,7 @@ async function eo(e, t) {
     right: (B.right - $.right + y.right) / E.x
   };
 }
-const wr = (e) => ({
+const kr = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -4457,7 +4470,7 @@ const wr = (e) => ({
     const d = Qt(p), f = {
       x: l,
       y: o
-    }, m = bt(n), y = gt(m), v = await a.getDimensions(u), g = m === "y", $ = g ? "top" : "left", j = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", E = i.reference[y] + i.reference[m] - f[m] - i.floating[y], B = f[m] - i.reference[m], P = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
+    }, m = bt(n), y = ht(m), v = await a.getDimensions(u), h = m === "y", $ = h ? "top" : "left", j = h ? "bottom" : "right", x = h ? "clientHeight" : "clientWidth", E = i.reference[y] + i.reference[m] - f[m] - i.floating[y], B = f[m] - i.reference[m], P = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let k = P ? P[x] : 0;
     (!k || !await (a.isElement == null ? void 0 : a.isElement(P))) && (k = r.floating[x] || i.floating[y]);
     const R = E / 2 - B / 2, S = k / 2 - v[y] / 2 - 1, M = at(d[$], S), F = at(d[j], S), Y = M, se = k - v[y] - F, Q = k / 2 - v[y] / 2 + R, xe = rt(Y, Q, se), ue = !s.arrow && De(n) != null && Q !== xe && i.reference[y] / 2 - (Q < Y ? M : F) - v[y] / 2 < 0, ae = ue ? Q < Y ? Q - Y : Q - se : 0;
@@ -4493,16 +4506,16 @@ const wr = (e) => ({
         fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: y = "none",
         flipAlignment: v = !0,
-        ...g
+        ...h
       } = je(e, t);
       if ((l = i.arrow) != null && l.alignmentOffset)
         return {};
-      const $ = ve(n), j = ke(r), x = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), B = f || (x || !v ? [Ue(r)] : mr(r)), P = y !== "none";
-      !f && P && B.push(...hr(r, v, y, E));
-      const k = [r, ...B], R = await eo(t, g), S = [];
+      const $ = ve(n), j = ke(r), x = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), B = f || (x || !v ? [Ue(r)] : hr(r)), P = y !== "none";
+      !f && P && B.push(...wr(r, v, y, E));
+      const k = [r, ...B], R = await eo(t, h), S = [];
       let M = ((o = i.flip) == null ? void 0 : o.overflows) || [];
       if (p && S.push(R[$]), d) {
-        const Q = yr(n, a, E);
+        const Q = gr(n, a, E);
         S.push(R[Q[0]], R[Q[1]]);
       }
       if (M = [...M, {
@@ -4553,7 +4566,7 @@ const wr = (e) => ({
     }
   };
 };
-async function _r(e, t) {
+async function $r(e, t) {
   const {
     placement: l,
     platform: o,
@@ -4592,7 +4605,7 @@ const oo = function(e) {
         y: i,
         placement: a,
         middlewareData: r
-      } = t, s = await _r(t, e);
+      } = t, s = await $r(t, e);
       return a === ((l = r.offset) == null ? void 0 : l.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
         x: n + s.x,
         y: i + s.y,
@@ -4616,11 +4629,11 @@ const oo = function(e) {
         mainAxis: i = !0,
         crossAxis: a = !1,
         limiter: r = {
-          fn: (g) => {
+          fn: (h) => {
             let {
               x: $,
               y: j
-            } = g;
+            } = h;
             return {
               x: $,
               y: j
@@ -4631,14 +4644,14 @@ const oo = function(e) {
       } = je(e, t), u = {
         x: l,
         y: o
-      }, p = await eo(t, s), d = ke(ve(n)), f = ht(d);
+      }, p = await eo(t, s), d = ke(ve(n)), f = gt(d);
       let m = u[f], y = u[d];
       if (i) {
-        const g = f === "y" ? "top" : "left", $ = f === "y" ? "bottom" : "right", j = m + p[g], x = m - p[$];
+        const h = f === "y" ? "top" : "left", $ = f === "y" ? "bottom" : "right", j = m + p[h], x = m - p[$];
         m = rt(j, m, x);
       }
       if (a) {
-        const g = d === "y" ? "top" : "left", $ = d === "y" ? "bottom" : "right", j = y + p[g], x = y - p[$];
+        const h = d === "y" ? "top" : "left", $ = d === "y" ? "bottom" : "right", j = y + p[h], x = y - p[$];
         y = rt(j, y, x);
       }
       const v = r.fn({
@@ -4672,9 +4685,9 @@ const oo = function(e) {
       } = je(e, t), p = {
         x: l,
         y: o
-      }, d = ke(n), f = ht(d);
+      }, d = ke(n), f = gt(d);
       let m = p[f], y = p[d];
-      const v = je(r, t), g = typeof v == "number" ? {
+      const v = je(r, t), h = typeof v == "number" ? {
         mainAxis: v,
         crossAxis: 0
       } : {
@@ -4683,12 +4696,12 @@ const oo = function(e) {
         ...v
       };
       if (s) {
-        const x = f === "y" ? "height" : "width", E = i.reference[f] - i.floating[x] + g.mainAxis, B = i.reference[f] + i.reference[x] - g.mainAxis;
+        const x = f === "y" ? "height" : "width", E = i.reference[f] - i.floating[x] + h.mainAxis, B = i.reference[f] + i.reference[x] - h.mainAxis;
         m < E ? m = E : m > B && (m = B);
       }
       if (u) {
         var $, j;
-        const x = f === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), B = i.reference[d] - i.floating[x] + (E && (($ = a.offset) == null ? void 0 : $[d]) || 0) + (E ? 0 : g.crossAxis), P = i.reference[d] + i.reference[x] + (E ? 0 : ((j = a.offset) == null ? void 0 : j[d]) || 0) - (E ? g.crossAxis : 0);
+        const x = f === "y" ? "width" : "height", E = ["top", "left"].includes(ve(n)), B = i.reference[d] - i.floating[x] + (E && (($ = a.offset) == null ? void 0 : $[d]) || 0) + (E ? 0 : h.crossAxis), P = i.reference[d] + i.reference[x] + (E ? 0 : ((j = a.offset) == null ? void 0 : j[d]) || 0) - (E ? h.crossAxis : 0);
         y < B ? y = B : y > P && (y = P);
       }
       return {
@@ -4697,11 +4710,11 @@ const oo = function(e) {
       };
     }
   };
-}, st = Math.min, Be = Math.max, Ye = Math.round, qe = Math.floor, he = (e) => ({
+}, st = Math.min, Be = Math.max, Ye = Math.round, qe = Math.floor, ge = (e) => ({
   x: e,
   y: e
 });
-function ge(e) {
+function he(e) {
   return ao(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function oe(e) {
@@ -4733,14 +4746,14 @@ function Re(e) {
   } = le(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + l) && !["inline", "contents"].includes(n);
 }
-function jr(e) {
-  return ["table", "td", "th"].includes(ge(e));
+function Sr(e) {
+  return ["table", "td", "th"].includes(he(e));
 }
 function wt(e) {
   const t = _t(), l = le(e);
   return l.transform !== "none" || l.perspective !== "none" || (l.containerType ? l.containerType !== "normal" : !1) || !t && (l.backdropFilter ? l.backdropFilter !== "none" : !1) || !t && (l.filter ? l.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (l.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (l.contain || "").includes(o));
 }
-function kr(e) {
+function Cr(e) {
   let t = Ee(e);
   for (; ie(t) && !tt(t); ) {
     if (wt(t))
@@ -4753,7 +4766,7 @@ function _t() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function tt(e) {
-  return ["html", "body", "#document"].includes(ge(e));
+  return ["html", "body", "#document"].includes(he(e));
 }
 function le(e) {
   return oe(e).getComputedStyle(e);
@@ -4768,7 +4781,7 @@ function ot(e) {
   };
 }
 function Ee(e) {
-  if (ge(e) === "html")
+  if (he(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -4805,7 +4818,7 @@ function jt(e) {
 function Ae(e) {
   const t = jt(e);
   if (!ie(t))
-    return he(1);
+    return ge(1);
   const l = t.getBoundingClientRect(), {
     width: o,
     height: n,
@@ -4817,29 +4830,29 @@ function Ae(e) {
     y: r
   };
 }
-const $r = /* @__PURE__ */ he(0);
+const Vr = /* @__PURE__ */ ge(0);
 function so(e) {
   const t = oe(e);
-  return !_t() || !t.visualViewport ? $r : {
+  return !_t() || !t.visualViewport ? Vr : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Sr(e, t, l) {
+function xr(e, t, l) {
   return t === void 0 && (t = !1), !l || t && l !== oe(e) ? !1 : t;
 }
 function $e(e, t, l, o) {
   t === void 0 && (t = !1), l === void 0 && (l = !1);
   const n = e.getBoundingClientRect(), i = jt(e);
-  let a = he(1);
+  let a = ge(1);
   t && (o ? de(o) && (a = Ae(o)) : a = Ae(e));
-  const r = Sr(i, l, o) ? so(i) : he(0);
+  const r = xr(i, l, o) ? so(i) : ge(0);
   let s = (n.left + r.x) / a.x, u = (n.top + r.y) / a.y, p = n.width / a.x, d = n.height / a.y;
   if (i) {
     const f = oe(i), m = o && de(o) ? oe(o) : o;
     let y = f.frameElement;
     for (; y && o && m !== f; ) {
-      const v = Ae(y), g = y.getBoundingClientRect(), $ = le(y), j = g.left + (y.clientLeft + parseFloat($.paddingLeft)) * v.x, x = g.top + (y.clientTop + parseFloat($.paddingTop)) * v.y;
+      const v = Ae(y), h = y.getBoundingClientRect(), $ = le(y), j = h.left + (y.clientLeft + parseFloat($.paddingLeft)) * v.x, x = h.top + (y.clientTop + parseFloat($.paddingTop)) * v.y;
       s *= v.x, u *= v.y, p *= v.x, d *= v.y, s += j, u += x, y = oe(y).frameElement;
     }
   }
@@ -4850,7 +4863,7 @@ function $e(e, t, l, o) {
     y: u
   });
 }
-function Cr(e) {
+function Tr(e) {
   let {
     rect: t,
     offsetParent: l,
@@ -4862,9 +4875,9 @@ function Cr(e) {
   let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, r = he(1);
-  const s = he(0);
-  if ((n || !n && o !== "fixed") && ((ge(l) !== "body" || Re(i)) && (a = ot(l)), ie(l))) {
+  }, r = ge(1);
+  const s = ge(0);
+  if ((n || !n && o !== "fixed") && ((he(l) !== "body" || Re(i)) && (a = ot(l)), ie(l))) {
     const u = $e(l);
     r = Ae(l), s.x = u.x + l.clientLeft, s.y = u.y + l.clientTop;
   }
@@ -4875,13 +4888,13 @@ function Cr(e) {
     y: t.y * r.y - a.scrollTop * r.y + s.y
   };
 }
-function Vr(e) {
+function Ir(e) {
   return Array.from(e.getClientRects());
 }
 function uo(e) {
   return $e(ce(e)).left + ot(e).scrollLeft;
 }
-function xr(e) {
+function Lr(e) {
   const t = ce(e), l = ot(e), o = e.ownerDocument.body, n = Be(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = Be(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let a = -l.scrollLeft + uo(e);
   const r = -l.scrollTop;
@@ -4892,7 +4905,7 @@ function xr(e) {
     y: r
   };
 }
-function Tr(e, t) {
+function Br(e, t) {
   const l = oe(e), o = ce(e), n = l.visualViewport;
   let i = o.clientWidth, a = o.clientHeight, r = 0, s = 0;
   if (n) {
@@ -4907,8 +4920,8 @@ function Tr(e, t) {
     y: s
   };
 }
-function Ir(e, t) {
-  const l = $e(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, i = ie(e) ? Ae(e) : he(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = n * i.x, u = o * i.y;
+function Ar(e, t) {
+  const l = $e(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, i = ie(e) ? Ae(e) : ge(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = n * i.x, u = o * i.y;
   return {
     width: a,
     height: r,
@@ -4919,11 +4932,11 @@ function Ir(e, t) {
 function At(e, t, l) {
   let o;
   if (t === "viewport")
-    o = Tr(e, l);
+    o = Br(e, l);
   else if (t === "document")
-    o = xr(ce(e));
+    o = Lr(ce(e));
   else if (de(t))
-    o = Ir(t, l);
+    o = Ar(t, l);
   else {
     const n = so(e);
     o = {
@@ -4938,11 +4951,11 @@ function co(e, t) {
   const l = Ee(e);
   return l === t || !de(l) || tt(l) ? !1 : le(l).position === "fixed" || co(l, t);
 }
-function Lr(e, t) {
+function Er(e, t) {
   const l = t.get(e);
   if (l)
     return l;
-  let o = Pe(e, [], !1).filter((r) => de(r) && ge(r) !== "body"), n = null;
+  let o = Pe(e, [], !1).filter((r) => de(r) && he(r) !== "body"), n = null;
   const i = le(e).position === "fixed";
   let a = i ? Ee(e) : e;
   for (; de(a) && !tt(a); ) {
@@ -4951,14 +4964,14 @@ function Lr(e, t) {
   }
   return t.set(e, o), o;
 }
-function Br(e) {
+function zr(e) {
   let {
     element: t,
     boundary: l,
     rootBoundary: o,
     strategy: n
   } = e;
-  const a = [...l === "clippingAncestors" ? Lr(t, this._c) : [].concat(l), o], r = a[0], s = a.reduce((u, p) => {
+  const a = [...l === "clippingAncestors" ? Er(t, this._c) : [].concat(l), o], r = a[0], s = a.reduce((u, p) => {
     const d = At(t, p, n);
     return u.top = Be(d.top, u.top), u.right = st(d.right, u.right), u.bottom = st(d.bottom, u.bottom), u.left = Be(d.left, u.left), u;
   }, At(t, r, n));
@@ -4969,18 +4982,18 @@ function Br(e) {
     y: s.top
   };
 }
-function Ar(e) {
+function Jr(e) {
   return io(e);
 }
-function Er(e, t, l) {
+function Mr(e, t, l) {
   const o = ie(t), n = ce(t), i = l === "fixed", a = $e(e, !0, i, t);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const s = he(0);
+  const s = ge(0);
   if (o || !o && !i)
-    if ((ge(t) !== "body" || Re(n)) && (r = ot(t)), o) {
+    if ((he(t) !== "body" || Re(n)) && (r = ot(t)), o) {
       const u = $e(t, !0, i, t);
       s.x = u.x + t.clientLeft, s.y = u.y + t.clientTop;
     } else n && (s.x = uo(n));
@@ -4999,11 +5012,11 @@ function fo(e, t) {
   if (!ie(e))
     return l;
   let o = Et(e, t);
-  for (; o && jr(o) && le(o).position === "static"; )
+  for (; o && Sr(o) && le(o).position === "static"; )
     o = Et(o, t);
-  return o && (ge(o) === "html" || ge(o) === "body" && le(o).position === "static" && !wt(o)) ? l : o || kr(e) || l;
+  return o && (he(o) === "html" || he(o) === "body" && le(o).position === "static" && !wt(o)) ? l : o || Cr(e) || l;
 }
-const zr = async function(e) {
+const Pr = async function(e) {
   let {
     reference: t,
     floating: l,
@@ -5011,7 +5024,7 @@ const zr = async function(e) {
   } = e;
   const n = this.getOffsetParent || fo, i = this.getDimensions;
   return {
-    reference: Er(t, await n(l), o),
+    reference: Mr(t, await n(l), o),
     floating: {
       x: 0,
       y: 0,
@@ -5019,22 +5032,22 @@ const zr = async function(e) {
     }
   };
 };
-function Jr(e) {
+function Fr(e) {
   return le(e).direction === "rtl";
 }
-const Mr = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Cr,
+const Or = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Tr,
   getDocumentElement: ce,
-  getClippingRect: Br,
+  getClippingRect: zr,
   getOffsetParent: fo,
-  getElementRects: zr,
-  getClientRects: Vr,
-  getDimensions: Ar,
+  getElementRects: Pr,
+  getClientRects: Ir,
+  getDimensions: Jr,
   getScale: Ae,
   isElement: de,
-  isRTL: Jr
+  isRTL: Fr
 };
-function Pr(e, t) {
+function Dr(e, t) {
   let l = null, o;
   const n = ce(e);
   function i() {
@@ -5050,8 +5063,8 @@ function Pr(e, t) {
     } = e.getBoundingClientRect();
     if (r || t(), !d || !f)
       return;
-    const m = qe(p), y = qe(n.clientWidth - (u + d)), v = qe(n.clientHeight - (p + f)), g = qe(u), j = {
-      rootMargin: -m + "px " + -y + "px " + -v + "px " + -g + "px",
+    const m = qe(p), y = qe(n.clientWidth - (u + d)), v = qe(n.clientHeight - (p + f)), h = qe(u), j = {
+      rootMargin: -m + "px " + -y + "px " + -v + "px " + -h + "px",
       threshold: Be(0, st(1, s)) || 1
     };
     let x = !0;
@@ -5079,7 +5092,7 @@ function Pr(e, t) {
   }
   return a(!0), i;
 }
-function Fr(e, t, l, o) {
+function Rr(e, t, l, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: n = !0,
@@ -5093,7 +5106,7 @@ function Fr(e, t, l, o) {
       passive: !0
     }), i && $.addEventListener("resize", l);
   });
-  const d = u && r ? Pr(u, l) : null;
+  const d = u && r ? Dr(u, l) : null;
   let f = -1, m = null;
   a && (m = new ResizeObserver(($) => {
     let [j] = $;
@@ -5102,10 +5115,10 @@ function Fr(e, t, l, o) {
     })), l();
   }), u && !s && m.observe(u), m.observe(t));
   let y, v = s ? $e(e) : null;
-  s && g();
-  function g() {
+  s && h();
+  function h() {
     const $ = $e(e);
-    v && ($.x !== v.x || $.y !== v.y || $.width !== v.width || $.height !== v.height) && l(), v = $, y = requestAnimationFrame(g);
+    v && ($.x !== v.x || $.y !== v.y || $.width !== v.width || $.height !== v.height) && l(), v = $, y = requestAnimationFrame(h);
   }
   return l(), () => {
     p.forEach(($) => {
@@ -5113,36 +5126,36 @@ function Fr(e, t, l, o) {
     }), d && d(), m && m.disconnect(), m = null, s && cancelAnimationFrame(y);
   };
 }
-const Or = (e, t, l) => {
+const Nr = (e, t, l) => {
   const o = /* @__PURE__ */ new Map(), n = {
-    platform: Mr,
+    platform: Or,
     ...l
   }, i = {
     ...n.platform,
     _c: o
   };
-  return br(e, t, {
+  return jr(e, t, {
     ...n,
     platform: i
   });
 };
-function Dr(e) {
+function qr(e) {
   return po(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function Rr(e) {
+function Hr(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function po(e) {
-  return e instanceof Node || e instanceof Rr(e).Node;
+  return e instanceof Node || e instanceof Hr(e).Node;
 }
-function Nr(e) {
+function Wr(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function ut(e) {
-  if (Nr(e)) {
+  if (Wr(e)) {
     const t = e.$el;
-    return po(t) && Dr(t) === "#comment" ? null : t;
+    return po(t) && qr(t) === "#comment" ? null : t;
   }
   return e;
 }
@@ -5155,7 +5168,7 @@ function yo(e) {
     options: e,
     fn(t) {
       const l = ut(Ie(e.element));
-      return l == null ? {} : wr({
+      return l == null ? {} : kr({
         element: l,
         padding: e.padding
       }).fn(t);
@@ -5183,7 +5196,7 @@ function vo(e, t, l) {
   }), s = V(() => {
     var k;
     return (k = Ie(l.transform)) != null ? k : !0;
-  }), u = V(() => ut(e.value)), p = V(() => ut(t.value)), d = C(0), f = C(0), m = C(r.value), y = C(a.value), v = Ot({}), g = C(!1), $ = V(() => {
+  }), u = V(() => ut(e.value)), p = V(() => ut(t.value)), d = C(0), f = C(0), m = C(r.value), y = C(a.value), v = Ot({}), h = C(!1), $ = V(() => {
     const k = {
       position: m.value,
       left: "0",
@@ -5206,12 +5219,12 @@ function vo(e, t, l) {
   });
   let j;
   function x() {
-    u.value == null || p.value == null || Or(u.value, p.value, {
+    u.value == null || p.value == null || Nr(u.value, p.value, {
       middleware: i.value,
       placement: a.value,
       strategy: r.value
     }).then((k) => {
-      d.value = k.x, f.value = k.y, m.value = k.strategy, y.value = k.placement, v.value = k.middlewareData, g.value = !0;
+      d.value = k.x, f.value = k.y, m.value = k.strategy, y.value = k.placement, v.value = k.middlewareData, h.value = !0;
     });
   }
   function E() {
@@ -5228,7 +5241,7 @@ function vo(e, t, l) {
     }
   }
   function P() {
-    n.value || (g.value = !1);
+    n.value || (h.value = !1);
   }
   return K([i, a, r], x, {
     flush: "sync"
@@ -5242,12 +5255,12 @@ function vo(e, t, l) {
     strategy: Te(m),
     placement: Te(y),
     middlewareData: Te(v),
-    isPositioned: Te(g),
+    isPositioned: Te(h),
     floatingStyles: $,
     update: x
   };
 }
-const qr = () => {
+const Ur = () => {
   const e = C(null);
   return {
     clearProductTourRef: () => {
@@ -5259,10 +5272,10 @@ const qr = () => {
     },
     productToursRef: e
   };
-}, ho = qr(), Hr = { class: "joy-product-tour__content" }, Wr = { class: "joy-product-tour__header" }, Ur = {
+}, go = Ur(), Gr = { class: "joy-product-tour__content" }, Yr = { class: "joy-product-tour__header" }, Kr = {
   key: 0,
   class: "joy-product-tour__footer"
-}, Gr = { class: "joy-product-tour__footer___steps" }, Yr = "joy-product-tour-spotlight__wrapper", Kr = /* @__PURE__ */ L({
+}, Zr = { class: "joy-product-tour__footer___steps" }, Xr = "joy-product-tour-spotlight__wrapper", Qr = /* @__PURE__ */ L({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5278,11 +5291,11 @@ const qr = () => {
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, { clearProductTourRef: i } = ho, a = C(null), r = C(null), s = C(null), u = C(null), p = C(null), d = C(n.open), f = C(), m = C(
+    const o = l, n = e, { clearProductTourRef: i } = go, a = C(null), r = C(null), s = C(null), u = C(null), p = C(null), d = C(n.open), f = C(), m = C(
       vo(s, a, {
         placement: n.position,
         whileElementsMounted(...k) {
-          return Fr(...k, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
+          return Rr(...k, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
@@ -5318,17 +5331,17 @@ const qr = () => {
         disableOverlay: n.disableOverlay
       }), (k = m.value) == null || k.update(), d.value = !0);
     }
-    function g() {
+    function h() {
       d.value = !1, i(), P(), o("product-tour:hide");
     }
     function $(k) {
       s.value && (k.disableOverlay || j(), x(k.elementToHighlight));
     }
     function j() {
-      r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", g, { 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);
+      r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", h, { 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 x(k) {
-      k && (k.style.position = "relative", k.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = O(dr), p.value = document.createElement("div"), p.value.classList.add(Yr), document.body.appendChild(p.value), kt(u.value, p.value), E());
+      k && (k.style.position = "relative", k.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = O(pr), p.value = document.createElement("div"), p.value.classList.add(Xr), document.body.appendChild(p.value), kt(u.value, p.value), E());
     }
     function E() {
       if (!p.value)
@@ -5344,11 +5357,11 @@ const qr = () => {
     }
     return K(m.value, () => {
       var k;
-      u.value && ((k = a.value) != null && k.isConnected ? E() : g());
+      u.value && ((k = a.value) != null && k.isConnected ? E() : h());
     }), Mt(() => {
       P();
     }), t({
-      hide: g,
+      hide: h,
       show: v,
       isOpen: d
     }), (k, R) => {
@@ -5360,13 +5373,13 @@ const qr = () => {
         role: "tooltip",
         style: ee({ "--product-tour-width": k.maxWidth + "px", ...(S = m.value) == null ? void 0 : S.floatingStyles })
       }, [
-        h("div", {
+        g("div", {
           ref_key: "productTourArrow",
           ref: f,
           class: "joy-product-tour__arrow",
           style: ee(y.value)
         }, null, 4),
-        h("div", {
+        g("div", {
           class: T([
             "joy-product-tour",
             `joy-product-tour--${k.position}`,
@@ -5375,15 +5388,15 @@ const qr = () => {
             }
           ])
         }, [
-          h("div", {
+          g("div", {
             class: T(["joy-product-tour__banner", { "joy-product-tour__hasBanner": k.$slots["product-tour-banner"] }])
           }, [
             w(k.$slots, "product-tour-banner", {}, void 0, !0)
           ], 2),
-          h("div", {
+          g("div", {
             class: T(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": k.$slots["product-tour-preheader"] }])
           }, [
-            h("div", null, [
+            g("div", null, [
               w(k.$slots, "product-tour-preheader", {}, void 0, !0)
             ]),
             k.closeButton ? (c(), I(ne, {
@@ -5393,28 +5406,28 @@ const qr = () => {
               circle: "",
               icon: "cross",
               size: "small",
-              onClick: g
+              onClick: h
             })) : _("", !0)
           ], 2),
-          h("div", Hr, [
+          g("div", Gr, [
             k.icon ? (c(), I(N, {
               key: 0,
               class: "joy-product-tour__content___icon",
               name: k.icon,
               size: "medium"
             }, null, 8, ["name"])) : _("", !0),
-            h("div", null, [
-              h("div", Wr, [
+            g("div", null, [
+              g("div", Yr, [
                 w(k.$slots, "product-tour-header", {}, void 0, !0)
               ]),
               w(k.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          k.$slots["product-tour-dismiss"] || k.$slots["product-tour-next"] ? (c(), b("div", Ur, [
-            h("div", { onClick: g }, [
+          k.$slots["product-tour-dismiss"] || k.$slots["product-tour-next"] ? (c(), b("div", Kr, [
+            g("div", { onClick: h }, [
               w(k.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
-            h("span", Gr, [
+            g("span", Zr, [
               k.steps > 1 ? (c(), b(W, { key: 0 }, [
                 D(J(k.step) + "/" + J(k.steps), 1)
               ], 64)) : _("", !0)
@@ -5427,7 +5440,7 @@ const qr = () => {
       ]);
     };
   }
-}), Zr = /* @__PURE__ */ A(Kr, [["__scopeId", "data-v-76a02680"]]), wu = /* @__PURE__ */ L({
+}), ei = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-76a02680"]]), Cu = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5444,7 +5457,7 @@ const qr = () => {
   },
   emits: ["product-tour:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = C(!1), n = e, i = l, { storeProductTourRef: a, clearProductTourRef: r } = ho, s = C(), u = Ce(), p = V(() => {
+    const o = C(!1), n = e, i = l, { storeProductTourRef: a, clearProductTourRef: r } = go, s = C(), u = Ce(), p = V(() => {
       if (o.value)
         return u;
     });
@@ -5464,7 +5477,7 @@ const qr = () => {
       show: d,
       hide: m
     }), (y, v) => (c(), I(ze, { to: "body" }, [
-      O(Zr, H({ ...n, ...p.value }, {
+      O(ei, H({ ...n, ...p.value }, {
         ref_key: "productTour",
         ref: s,
         "onProductTour:hide": f
@@ -5491,7 +5504,7 @@ const qr = () => {
       }, 16)
     ]));
   }
-}), _u = /* @__PURE__ */ L({
+}), Vu = /* @__PURE__ */ L({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -5508,10 +5521,10 @@ const qr = () => {
       onClick: r
     }))), 128));
   }
-}), Xr = {
+}), ti = { class: "joy-progress-bar-wrapper" }, oi = {
   key: 0,
-  class: "joy-progress-bar-label joy-font-primary-450"
-}, Qr = /* @__PURE__ */ L({
+  class: "joy-progress-bar-label joy-font-primary-250"
+}, ni = /* @__PURE__ */ L({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5553,23 +5566,23 @@ const qr = () => {
       computedPercentage: o
     }), (a, r) => (c(), I(re, {
       wrap: "nowrap",
-      align: "center"
+      "column-gap": "1",
+      align: "center",
+      class: T([`joy-progress-bar_${e.color}`])
     }, {
       default: z(() => [
-        e.showLabel && e.percentage ? (c(), b("span", Xr, J(e.percentage + "%"), 1)) : _("", !0),
-        h("div", {
-          class: T(["joy-progress-bar-wrapper", [`joy-progress-bar_${e.color}`]])
-        }, [
-          h("div", {
+        g("div", ti, [
+          g("div", {
             class: "joy-progress-bar-inner",
             style: ee({ width: n.value })
           }, null, 4)
-        ], 2)
+        ]),
+        e.showLabel && e.percentage ? (c(), b("span", oi, J(e.percentage + "%"), 1)) : _("", !0)
       ]),
       _: 1
-    }));
+    }, 8, ["class"]));
   }
-}), ju = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-59de6407"]]), ei = ["id", "value", "checked", "disabled", "required", "name"], ti = { class: "joy-radio-label" }, oi = { class: "joy-radio-content__wrapper" }, ni = { class: "joy-radio-content" }, li = /* @__PURE__ */ L({
+}), xu = /* @__PURE__ */ A(ni, [["__scopeId", "data-v-1216eff6"]]), li = ["id", "value", "checked", "disabled", "required", "name"], ai = { class: "joy-radio-label" }, ri = { class: "joy-radio-content__wrapper" }, ii = { class: "joy-radio-content" }, si = /* @__PURE__ */ L({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5626,7 +5639,7 @@ const qr = () => {
     ), t({
       checked: p,
       isExpanded: i
-    }), (v, g) => (c(), b("label", {
+    }), (v, h) => (c(), b("label", {
       ref_key: "root",
       ref: r,
       class: T([
@@ -5640,7 +5653,7 @@ const qr = () => {
         }
       ])
     }, [
-      h("input", {
+      g("input", {
         id: e.id,
         type: "radio",
         value: e.value,
@@ -5651,15 +5664,15 @@ const qr = () => {
         onChange: f,
         onFocus: m,
         onBlur: y
-      }, null, 40, ei),
-      h("span", ti, [
+      }, null, 40, li),
+      g("span", ai, [
         w(v.$slots, "default", {}, void 0, !0)
       ]),
-      h("div", oi, [
-        h("div", ni, [
+      g("div", ri, [
+        g("div", ii, [
           w(v.$slots, "radio-content", {}, void 0, !0)
         ]),
-        h("div", {
+        g("div", {
           ref_key: "expandableElement",
           ref: s,
           class: T(["joy-radio-expandable", { "joy-radio-expandable--expanded": i.value }])
@@ -5669,7 +5682,7 @@ const qr = () => {
       ])
     ], 2));
   }
-}), ku = /* @__PURE__ */ A(li, [["__scopeId", "data-v-d684b26e"]]), ai = ["form", "name"], ri = /* @__PURE__ */ L({
+}), Tu = /* @__PURE__ */ A(si, [["__scopeId", "data-v-d684b26e"]]), ui = ["form", "name"], di = /* @__PURE__ */ L({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -5685,14 +5698,14 @@ const qr = () => {
       name: t.name
     }, [
       w(t.$slots, "radio-group-legend", {}, void 0, !0),
-      h("div", {
+      g("div", {
         class: T(["joy-radio-group-container", `joy-radio-group-${t.direction}`])
       }, [
         w(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, ai));
+    ], 8, ui));
   }
-}), $u = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-ac4dd24e"]]), ii = ["ariaLabel"], si = { class: "joy-rating-stars" }, ui = { class: "joy-rating-stars__content" }, di = { key: 0 }, ci = /* @__PURE__ */ L({
+}), Iu = /* @__PURE__ */ A(di, [["__scopeId", "data-v-ac4dd24e"]]), ci = ["ariaLabel"], fi = { class: "joy-rating-stars" }, pi = { class: "joy-rating-stars__content" }, yi = { key: 0 }, mi = /* @__PURE__ */ L({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -5724,7 +5737,7 @@ const qr = () => {
       class: "joy-rating-stars__wrapper",
       ariaLabel: q(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      h("ul", si, [
+      g("ul", fi, [
         (c(!0), b(W, null, U(n.value, (r, s) => (c(), b("li", {
           key: s,
           class: T([`joy-rating-stars--${e.size}`])
@@ -5747,16 +5760,20 @@ const qr = () => {
           }))
         ], 2))), 128))
       ]),
-      h("div", ui, [
+      g("div", pi, [
         w(i.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (c(), b("span", di, "(" + J(e.reviewCount) + ")", 1)) : _("", !0)
+          e.reviewCount ? (c(), b("span", yi, "(" + J(e.reviewCount) + ")", 1)) : _("", !0)
         ], !0)
       ])
-    ], 8, ii));
+    ], 8, ci));
   }
-}), fi = /* @__PURE__ */ A(ci, [["__scopeId", "data-v-4c9a1026"]]), pi = ["id", "name", "aria-invalid", "required", "disabled"], yi = ["selected"], mi = /* @__PURE__ */ L({
+}), vi = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-4c9a1026"]]), gi = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], hi = ["selected"], bi = /* @__PURE__ */ L({
   __name: "VJoySelect",
   props: {
+    /** aria-label is available only if 'label' property is undefined **/
+    ariaLabel: {
+      type: String
+    },
     disabled: {
       type: Boolean,
       default: !1
@@ -5800,18 +5817,18 @@ const qr = () => {
   setup(e, { expose: t, emit: l }) {
     const o = e, n = l, i = G(), a = V(() => {
       const v = i.default();
-      let g = [];
+      let h = [];
       return v.forEach(($) => {
         if (r($))
-          g.push($);
+          h.push($);
         else {
           const j = $.children;
           if (typeof j == "string" || !j.length)
             return;
           const x = j.filter(r);
-          g = [...g, ...x];
+          h = [...h, ...x];
         }
-      }), g;
+      }), h;
     });
     function r(v) {
       return (v == null ? void 0 : v.type) === "option";
@@ -5822,9 +5839,9 @@ const qr = () => {
       const v = i["select-label"] && i["select-label"]();
       if (!v || !v.length)
         return;
-      const g = v[0];
-      if (g.type === "JoyLabel") {
-        const j = ($ = g.props) == null ? void 0 : $.for;
+      const h = v[0];
+      if (h.type === "JoyLabel") {
+        const j = ($ = h.props) == null ? void 0 : $.for;
         if (!j) {
           console.warn("JoyLabel for attribute is missing");
           return;
@@ -5833,8 +5850,8 @@ const qr = () => {
       }
     });
     function f(v) {
-      const g = v.target.value;
-      n("update:modelValue", g);
+      const h = v.target.value;
+      n("update:modelValue", h);
     }
     function m() {
       p.value = !0;
@@ -5844,7 +5861,7 @@ const qr = () => {
     }
     return t({
       select: u
-    }), (v, g) => (c(), b("div", {
+    }), (v, h) => (c(), b("div", {
       ref_key: "root",
       ref: s
     }, [
@@ -5862,7 +5879,7 @@ const qr = () => {
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : _("", !0)
       ], !0),
-      h("div", {
+      g("div", {
         class: T([
           `joy-select--${e.size}`,
           {
@@ -5873,12 +5890,13 @@ const qr = () => {
           }
         ])
       }, [
-        h("select", {
+        g("select", {
           id: e.id || e.name,
           ref_key: "select",
           ref: u,
           class: "joy-select",
           name: e.name,
+          "aria-label": e.label ? void 0 : e.ariaLabel,
           "aria-invalid": e.invalid,
           required: e.required,
           disabled: e.disabled,
@@ -5893,9 +5911,9 @@ const qr = () => {
               ref_for: !0
             }, $.props, {
               selected: ((x = $.props) == null ? void 0 : x.value) === e.modelValue
-            }), J($.children), 17, yi);
+            }), J($.children), 17, hi);
           }), 128))
-        ], 40, pi),
+        ], 40, gi),
         O(N, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -5903,7 +5921,7 @@ const qr = () => {
       ], 2)
     ], 512));
   }
-}), Su = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-7e3adcd9"]]), vi = ["aria-disabled"], hi = ["id", "value", "checked", "disabled", "required", "name"], gi = { class: "joy-selectable-item__label" }, bi = /* @__PURE__ */ L({
+}), Lu = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-b92cc9ce"]]), wi = ["aria-disabled"], _i = ["id", "value", "checked", "disabled", "required", "name"], ji = { class: "joy-selectable-item__label" }, ki = /* @__PURE__ */ L({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -5969,7 +5987,7 @@ const qr = () => {
         (...m) => u.onFocus && u.onFocus(...m)),
         onBlur: f[2] || (f[2] = //@ts-ignore
         (...m) => u.onBlur && u.onBlur(...m))
-      }, null, 40, hi)),
+      }, null, 40, _i)),
       (c(), I(X(q(r)), {
         for: s.value,
         class: T([
@@ -6003,10 +6021,10 @@ const qr = () => {
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required"])) : _("", !0),
-          h("div", gi, [
+          g("div", ji, [
             d.multiple ? _("", !0) : w(d.$slots, "default", { key: 0 }, void 0, !0)
           ]),
-          h("div", {
+          g("div", {
             class: T([{ "joy-selectable-item__sublabel": d.$slots["selectable-item-sublabel"] }])
           }, [
             w(d.$slots, "selectable-item-sublabel", {}, () => [
@@ -6016,9 +6034,9 @@ const qr = () => {
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, vi));
+    ], 10, wi));
   }
-}), wi = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-ce43afb6"]]), _i = ["id"], ji = /* @__PURE__ */ L({
+}), $i = /* @__PURE__ */ A(ki, [["__scopeId", "data-v-ce43afb6"]]), Si = ["id"], Ci = /* @__PURE__ */ L({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6065,7 +6083,7 @@ const qr = () => {
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : _("", !0),
-      h("div", {
+      g("div", {
         class: T([
           "joy-selectable-item-group",
           {
@@ -6075,7 +6093,7 @@ const qr = () => {
           }
         ])
       }, [
-        (c(!0), b(W, null, U(r.options, (u) => (c(), I(wi, H({ ref_for: !0 }, u.attrs, {
+        (c(!0), b(W, null, U(r.options, (u) => (c(), I($i, H({ ref_for: !0 }, u.attrs, {
           id: u.id,
           key: u.id,
           name: u.name,
@@ -6102,9 +6120,9 @@ const qr = () => {
           } : void 0
         ]), 1040, ["id", "name", "disabled", "value", "multiple", "variant", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, _i));
+    ], 8, Si));
   }
-}), Cu = /* @__PURE__ */ A(ji, [["__scopeId", "data-v-55121685"]]), ki = /* @__PURE__ */ L({
+}), Bu = /* @__PURE__ */ A(Ci, [["__scopeId", "data-v-55121685"]]), Vi = /* @__PURE__ */ L({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6120,13 +6138,13 @@ const qr = () => {
     return (t, l) => (c(), b("div", {
       class: T(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
-      h("span", null, J(e.text), 1)
+      g("span", null, J(e.text), 1)
     ], 2));
   }
-}), Vu = /* @__PURE__ */ A(ki, [["__scopeId", "data-v-21db2899"]]), $i = ["id"], Si = { class: "joy-step__stroke" }, Ci = {
+}), Au = /* @__PURE__ */ A(Vi, [["__scopeId", "data-v-21db2899"]]), xi = ["id"], Ti = { class: "joy-step__stroke" }, Ii = {
   key: 0,
   class: "joy-step__label"
-}, Vi = /* @__PURE__ */ L({
+}, Li = /* @__PURE__ */ L({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6177,23 +6195,23 @@ const qr = () => {
         }
       ])
     }, [
-      h("span", Si, [
-        h("span", {
+      g("span", Ti, [
+        g("span", {
           class: "joy-step__stroke--filled",
           style: ee({ maxWidth: a.value })
         }, null, 4)
       ]),
       O(ct, { name: "joy-step__label" }, {
         default: z(() => [
-          e.showLabel ? (c(), b("span", Ci, [
+          e.showLabel ? (c(), b("span", Ii, [
             w(u.$slots, "default", {}, void 0, !0)
           ])) : _("", !0)
         ]),
         _: 3
       })
-    ], 10, $i));
+    ], 10, xi));
   }
-}), xi = /* @__PURE__ */ A(Vi, [["__scopeId", "data-v-3820cdf3"]]), Ti = { class: "joy-stepper" }, Ii = /* @__PURE__ */ L({
+}), Bi = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-3820cdf3"]]), Ai = { class: "joy-stepper" }, Ei = /* @__PURE__ */ L({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6224,11 +6242,11 @@ const qr = () => {
       currentItemSubStep: u,
       steps: i,
       invalidSubStepValue: s
-    }), (f, m) => (c(), b("div", Ti, [
+    }), (f, m) => (c(), b("div", Ai, [
       (c(!0), b(W, null, U(i.value, (y, v) => {
-        var g;
-        return c(), I(xi, H({ ref_for: !0 }, y.props, {
-          key: (g = y.props) == null ? void 0 : g.id,
+        var h;
+        return c(), I(Bi, H({ ref_for: !0 }, y.props, {
+          key: (h = y.props) == null ? void 0 : h.id,
           completed: v < e.step - 1,
           "current-sub-step": d(v),
           "show-label": q(n)
@@ -6244,7 +6262,7 @@ const qr = () => {
       }), 128))
     ]));
   }
-}), xu = /* @__PURE__ */ A(Ii, [["__scopeId", "data-v-22705668"]]), Li = ["id", "aria-hidden", "aria-labelledby"], Bi = /* @__PURE__ */ L({
+}), Eu = /* @__PURE__ */ A(Ei, [["__scopeId", "data-v-22705668"]]), zi = ["id", "aria-hidden", "aria-labelledby"], Ji = /* @__PURE__ */ L({
   __name: "VJoyTab",
   props: {
     /**
@@ -6287,12 +6305,12 @@ const qr = () => {
       })
     }, [
       w(n.$slots, "default", {}, void 0, !0)
-    ], 10, Li));
+    ], 10, zi));
   }
-}), Tu = /* @__PURE__ */ A(Bi, [["__scopeId", "data-v-a76a7c92"]]), Ai = ["id", "href", "aria-selected", "aria-controls"], Ei = {
+}), zu = /* @__PURE__ */ A(Ji, [["__scopeId", "data-v-a76a7c92"]]), Mi = ["id", "href", "aria-selected", "aria-controls"], Pi = {
   type: "button",
   tabindex: "-1"
-}, zi = /* @__PURE__ */ L({
+}, Fi = /* @__PURE__ */ L({
   __name: "TabButton",
   props: {
     /**
@@ -6346,17 +6364,17 @@ const qr = () => {
       onClick: i,
       onKeydown: s[0] || (s[0] = (u) => a(u))
     }, [
-      h("div", {
+      g("div", {
         class: T({
           "joy-tab-button": !0,
           "joy-tab-button__selected": e.selected
         })
       }, [
-        h("button", Ei, [
+        g("button", Pi, [
           w(r.$slots, "default", {}, () => [
             D(J(e.label), 1)
           ], !0),
-          n.value ? (c(), I(sn, {
+          n.value ? (c(), I(cn, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "red",
@@ -6364,9 +6382,9 @@ const qr = () => {
           }, null, 8, ["number"])) : _("", !0)
         ])
       ], 2)
-    ], 40, Ai));
+    ], 40, Mi));
   }
-}), Ji = /* @__PURE__ */ A(zi, [["__scopeId", "data-v-8424823d"]]), Mi = { class: "joy-tabs" }, Pi = /* @__PURE__ */ L({
+}), Oi = /* @__PURE__ */ A(Fi, [["__scopeId", "data-v-8424823d"]]), Di = { class: "joy-tabs" }, Ri = /* @__PURE__ */ L({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6379,38 +6397,38 @@ const qr = () => {
     const o = e, n = l, i = G(), a = C(o.selectedTab);
     Ze("VJoyTabs", a);
     const r = C(null), s = C(null), u = C(!1), p = C(!1), d = V(() => {
-      const g = i.default();
-      return g.length === 1 && typeof g[0].type != "object" ? g[0].children.filter(f) : g.filter(f);
+      const h = i.default();
+      return h.length === 1 && typeof h[0].type != "object" ? h[0].children.filter(f) : h.filter(f);
     });
-    function f(g) {
+    function f(h) {
       var $;
-      return (($ = g == null ? void 0 : g.type) == null ? void 0 : $.__name) === "VJoyTab";
+      return (($ = h == null ? void 0 : h.type) == null ? void 0 : $.__name) === "VJoyTab";
     }
-    function m(g) {
-      return g.props.tab === a.value;
+    function m(h) {
+      return h.props.tab === a.value;
     }
     function y() {
       s.value && r.value && s.value.scrollWidth > r.value.offsetWidth ? (p.value = s.value.scrollLeft > 0, u.value = s.value.scrollLeft + r.value.offsetWidth < s.value.scrollWidth) : (p.value = !1, u.value = !1);
     }
-    function v(g, $ = !0) {
-      g && $ && (a.value = g, n("update:selected-tab", g));
+    function v(h, $ = !0) {
+      h && $ && (a.value = h, n("update:selected-tab", h));
     }
     return K(
       () => o.selectedTab,
-      (g) => {
-        g && v(g);
+      (h) => {
+        h && v(h);
       },
       { immediate: !0 }
     ), te(() => {
-      var g;
-      y(), (g = s.value) == null || g.addEventListener("scroll", y);
+      var h;
+      y(), (h = s.value) == null || h.addEventListener("scroll", y);
     }), Je(() => {
-      var g;
-      (g = s.value) == null || g.removeEventListener("scroll", y);
+      var h;
+      (h = s.value) == null || h.removeEventListener("scroll", y);
     }), t({
       tabs: d
-    }), (g, $) => (c(), b("div", Mi, [
-      h("div", {
+    }), (h, $) => (c(), b("div", Di, [
+      g("div", {
         ref_key: "buttonListWrapper",
         ref: r,
         class: T({
@@ -6419,7 +6437,7 @@ const qr = () => {
           "joy-tabs-buttons__wrapper--scroll-start": p.value
         })
       }, [
-        h("div", {
+        g("div", {
           ref_key: "buttonList",
           ref: s,
           class: "joy-tabs-buttons",
@@ -6428,7 +6446,7 @@ const qr = () => {
           (c(!0), b(W, null, U(d.value, (j) => (c(), b("div", {
             key: j.props.tab
           }, [
-            O(Ji, {
+            O(Oi, {
               tab: j.props.tab,
               label: j.props.label,
               href: j.props.href,
@@ -6447,12 +6465,12 @@ const qr = () => {
           ]))), 128))
         ], 512)
       ], 2),
-      h("div", null, [
-        w(g.$slots, "default", {}, void 0, !0)
+      g("div", null, [
+        w(h.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), Iu = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-9aea2d41"]]), Fi = ["id", "role"], Oi = /* @__PURE__ */ L({
+}), Ju = /* @__PURE__ */ A(Ri, [["__scopeId", "data-v-9aea2d41"]]), Ni = ["id", "role"], qi = /* @__PURE__ */ L({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -6510,9 +6528,9 @@ const qr = () => {
         onClick: Bo(s, ["stop"]),
         onKeydown: Oe(s, ["enter"])
       })) : _("", !0)
-    ], 10, Fi));
+    ], 10, Ni));
   }
-}), go = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-9c079536"]]);
+}), ho = /* @__PURE__ */ A(qi, [["__scopeId", "data-v-9c079536"]]);
 var be = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(be || {});
 function Jt(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -6525,7 +6543,7 @@ function Jt(e) {
       return o;
   }) === void 0 : t(e);
 }
-const Di = { class: "joy-tags-input__wrapper" }, Ri = ["id", "name", "placeholder"], Ni = { key: 0 }, qi = { key: 1 }, Hi = /* @__PURE__ */ L({
+const Hi = { class: "joy-tags-input__wrapper" }, Wi = ["id", "name", "placeholder"], Ui = { key: 0 }, Gi = { key: 1 }, Yi = /* @__PURE__ */ L({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -6549,7 +6567,7 @@ const Di = { class: "joy-tags-input__wrapper" }, Ri = ["id", "name", "placeholde
       const S = i.value.map((Y) => Y.trim());
       return S.filter((Y, se) => S.indexOf(Y) !== se).length ? !0 : (F = r.value) != null && F.value ? S.includes(r.value.value.trim()) : !1;
     }
-    function g() {
+    function h() {
       v() && (u.value = be.DUPLICATED_ENTRY);
     }
     function $(S) {
@@ -6606,7 +6624,7 @@ const Di = { class: "joy-tags-input__wrapper" }, Ri = ["id", "name", "placeholde
       s.value = S || v(), !S && v() && (u.value = null);
     }
     function R() {
-      k(), y(), g();
+      k(), y(), h();
     }
     return K(
       () => o.modelValue,
@@ -6617,7 +6635,7 @@ const Di = { class: "joy-tags-input__wrapper" }, Ri = ["id", "name", "placeholde
     ), t({
       isInvalid: s,
       hasDuplicates: v
-    }), (S, M) => (c(), b("div", Di, [
+    }), (S, M) => (c(), b("div", Hi, [
       S.$slots.default ? (c(), I(Ve, {
         key: 0,
         id: S.name,
@@ -6628,7 +6646,7 @@ const Di = { class: "joy-tags-input__wrapper" }, Ri = ["id", "name", "placeholde
         ]),
         _: 3
       }, 8, ["id"])) : _("", !0),
-      h("div", {
+      g("div", {
         class: T([
           "joy-tags-input__inner",
           {
@@ -6637,7 +6655,7 @@ const Di = { class: "joy-tags-input__wrapper" }, Ri = ["id", "name", "placeholde
           }
         ])
       }, [
-        (c(!0), b(W, null, U(i.value, (F) => (c(), I(go, {
+        (c(!0), b(W, null, U(i.value, (F) => (c(), I(ho, {
           key: F,
           variant: S.variant,
           removable: !0,
@@ -6651,7 +6669,7 @@ const Di = { class: "joy-tags-input__wrapper" }, Ri = ["id", "name", "placeholde
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
-        h("input", {
+        g("input", {
           id: S.name,
           ref_key: "inputEl",
           ref: r,
@@ -6661,23 +6679,23 @@ const Di = { class: "joy-tags-input__wrapper" }, Ri = ["id", "name", "placeholde
           onKeydown: x,
           onFocus: E,
           onBlur: B
-        }, null, 40, Ri)
+        }, null, 40, Wi)
       ], 2),
       m.value ? (c(), I(mt, {
         key: 1,
         class: "joy-tags-input__error"
       }, {
         default: z(() => [
-          h("ul", null, [
-            f.value ? (c(), b("li", Ni, J(S.duplicationError), 1)) : _("", !0),
-            d.value ? (c(), b("li", qi, J(S.invalidEmailError), 1)) : _("", !0)
+          g("ul", null, [
+            f.value ? (c(), b("li", Ui, J(S.duplicationError), 1)) : _("", !0),
+            d.value ? (c(), b("li", Gi, J(S.invalidEmailError), 1)) : _("", !0)
           ])
         ]),
         _: 1
       })) : _("", !0)
     ]));
   }
-}), Lu = /* @__PURE__ */ A(Hi, [["__scopeId", "data-v-f00760e9"]]), Wi = /* @__PURE__ */ L({
+}), Mu = /* @__PURE__ */ A(Yi, [["__scopeId", "data-v-f00760e9"]]), Ki = /* @__PURE__ */ L({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -6733,7 +6751,7 @@ const Di = { class: "joy-tags-input__wrapper" }, Ri = ["id", "name", "placeholde
     return (u, p) => (c(), b("div", {
       class: T(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (c(!0), b(W, null, U(e.tags, (d) => (c(), I(go, H({
+      (c(!0), b(W, null, U(e.tags, (d) => (c(), I(ho, H({
         key: d.value || d.label,
         ref_for: !0
       }, d, {
@@ -6756,36 +6774,36 @@ const Di = { class: "joy-tags-input__wrapper" }, Ri = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), Bu = /* @__PURE__ */ A(Wi, [["__scopeId", "data-v-1d8003ef"]]), Ui = {}, Gi = {
+}), Pu = /* @__PURE__ */ A(Ki, [["__scopeId", "data-v-1d8003ef"]]), Zi = {}, Xi = {
   class: /* @__PURE__ */ T(["joy-template-shape__shapes"])
 };
-function Yi(e, t) {
-  return c(), b("div", Gi, t[0] || (t[0] = [
+function Qi(e, t) {
+  return c(), b("div", Xi, t[0] || (t[0] = [
     Dt('<div class="shapes__wrapper" data-v-da63aa46><div class="shape_1" data-v-da63aa46></div><div class="shape_2" data-v-da63aa46></div><div class="shape_3" data-v-da63aa46></div><div class="shape_4" data-v-da63aa46></div></div>', 1)
   ]));
 }
-const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46"]]), Zi = { class: "joy-template__wrapper" }, Xi = {
+const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46"]]), ts = { class: "joy-template__wrapper" }, os = {
   key: 0,
   class: "joy-template__heading"
-}, Qi = {
+}, ns = {
   key: 0,
   class: "joy-template-slot-back"
-}, es = { class: "joy-template__heading___headings" }, ts = {
+}, ls = { class: "joy-template__heading___headings" }, as = {
   key: 0,
   class: "joy-template-slot-title"
-}, os = {
+}, rs = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, ns = {
+}, is = {
   key: 1,
   class: "joy-template-slot-actions"
-}, ls = {
+}, ss = {
   key: 0,
   class: "joy-template-slot-main"
-}, as = {
+}, us = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, rs = /* @__PURE__ */ L({
+}, ds = /* @__PURE__ */ L({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -6810,25 +6828,25 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
     return (n, i) => (c(), b("div", {
       class: T(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (c(), I(Ki, { key: 0 })) : _("", !0),
-      h("div", Zi, [
-        o.value ? (c(), b("div", Xi, [
-          l["template-back"] ? (c(), b("div", Qi, [
+      e.shapes ? (c(), I(es, { key: 0 })) : _("", !0),
+      g("div", ts, [
+        o.value ? (c(), b("div", os, [
+          l["template-back"] ? (c(), b("div", ns, [
             w(n.$slots, "template-back", {}, void 0, !0)
           ])) : _("", !0),
-          h("div", es, [
-            l["template-title"] ? (c(), b("div", ts, [
+          g("div", ls, [
+            l["template-title"] ? (c(), b("div", as, [
               w(n.$slots, "template-title", {}, void 0, !0)
             ])) : _("", !0),
-            l["template-subtitle"] ? (c(), b("div", os, [
+            l["template-subtitle"] ? (c(), b("div", rs, [
               w(n.$slots, "template-subtitle", {}, void 0, !0)
             ])) : _("", !0)
           ]),
-          l["template-actions"] ? (c(), b("div", ns, [
+          l["template-actions"] ? (c(), b("div", is, [
             w(n.$slots, "template-actions", {}, void 0, !0)
           ])) : _("", !0)
         ])) : _("", !0),
-        h("div", {
+        g("div", {
           class: T([
             "joy-template__content",
             {
@@ -6836,10 +6854,10 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
             }
           ])
         }, [
-          n.$slots["template-main"] ? (c(), b("div", ls, [
+          n.$slots["template-main"] ? (c(), b("div", ss, [
             w(n.$slots, "template-main", {}, void 0, !0)
           ])) : _("", !0),
-          n.$slots["template-sidebar"] ? (c(), b("div", as, [
+          n.$slots["template-sidebar"] ? (c(), b("div", us, [
             w(n.$slots, "template-sidebar", {}, void 0, !0)
           ])) : _("", !0)
         ], 2)
@@ -6856,7 +6874,7 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : _("", !0)
     ], 2));
   }
-}), Au = /* @__PURE__ */ A(rs, [["__scopeId", "data-v-8e1d59ca"]]), is = /* @__PURE__ */ L({
+}), Fu = /* @__PURE__ */ A(ds, [["__scopeId", "data-v-8e1d59ca"]]), cs = /* @__PURE__ */ L({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -6880,13 +6898,13 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["class"]));
   }
-}), Eu = /* @__PURE__ */ A(is, [["__scopeId", "data-v-6295f9ec"]]), ss = ["aria-disabled"], us = { class: "joy-textarea_wrapper" }, ds = ["id", "disabled", "name", "required", "minlength", "value"], cs = {
+}), Ou = /* @__PURE__ */ A(cs, [["__scopeId", "data-v-6295f9ec"]]), fs = ["aria-disabled"], ps = { class: "joy-textarea_wrapper" }, ys = ["id", "disabled", "name", "required", "minlength", "value"], ms = {
   key: 1,
   class: "joy-textarea_helpers"
-}, fs = {
+}, vs = {
   inheritAttrs: !1
-}, ps = /* @__PURE__ */ L({
-  ...fs,
+}, gs = /* @__PURE__ */ L({
+  ...vs,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -6944,7 +6962,7 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = l, n = e, i = G(), a = C(), { triggerResize: r } = Vn({
+    const o = l, n = e, i = G(), a = C(), { triggerResize: r } = In({
       element: n.autogrow ? a : void 0
     }), s = C(!1), u = C(!1);
     vt(a, n.autofocus);
@@ -7005,8 +7023,8 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
-      h("div", us, [
-        h("textarea", H(y.$attrs, {
+      g("div", ps, [
+        g("textarea", H(y.$attrs, {
           id: e.id,
           ref_key: "textarea",
           ref: a,
@@ -7017,16 +7035,16 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
           minlength: e.minlength,
           value: e.modelValue,
           onInput: v[0] || (v[0] = //@ts-ignore
-          (...g) => m.onInput && m.onInput(...g)),
+          (...h) => m.onInput && m.onInput(...h)),
           onChange: v[1] || (v[1] = //@ts-ignore
-          (...g) => m.onChange && m.onChange(...g)),
+          (...h) => m.onChange && m.onChange(...h)),
           onFocus: v[2] || (v[2] = //@ts-ignore
-          (...g) => m.onFocus && m.onFocus(...g)),
+          (...h) => m.onFocus && m.onFocus(...h)),
           onBlur: v[3] || (v[3] = //@ts-ignore
-          (...g) => m.onBlur && m.onBlur(...g))
-        }), null, 16, ds)
+          (...h) => m.onBlur && m.onBlur(...h))
+        }), null, 16, ys)
       ]),
-      e.minlength || e.maxlength ? (c(), b("div", cs, [
+      e.minlength || e.maxlength ? (c(), b("div", ms, [
         e.minlength ? (c(), b("p", {
           key: 0,
           class: T(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
@@ -7044,9 +7062,9 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
           class: T(["joy-textarea-count", { "joy-textarea-count-invalid": p.value }])
         }, J(e.modelValue.length + "/" + e.maxlength), 3)) : _("", !0)
       ])) : _("", !0)
-    ], 10, ss));
+    ], 10, fs));
   }
-}), zu = /* @__PURE__ */ A(ps, [["__scopeId", "data-v-52e4553a"]]), ys = /* @__PURE__ */ L({
+}), Du = /* @__PURE__ */ A(gs, [["__scopeId", "data-v-52e4553a"]]), hs = /* @__PURE__ */ L({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
@@ -7059,7 +7077,10 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
       _: 3
     }));
   }
-}), Ju = /* @__PURE__ */ A(ys, [["__scopeId", "data-v-f63a2545"]]), ms = { class: "joy-toggle__wrapper" }, vs = ["name", "disabled", "checked", "required", "aria-checked", "value"], hs = { class: "joy-toggle__content" }, gs = { class: "joy-toggle__content-label" }, bs = /* @__PURE__ */ L({
+}), Ru = /* @__PURE__ */ A(hs, [["__scopeId", "data-v-f63a2545"]]), bs = { class: "joy-toggle__wrapper" }, ws = ["name", "disabled", "checked", "required", "aria-checked", "value"], _s = { class: "joy-toggle__content" }, js = { class: "joy-toggle__content-label" }, ks = {
+  key: 0,
+  class: "joy-toggle__smile"
+}, $s = /* @__PURE__ */ L({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7089,7 +7110,11 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
       default: !1
     },
     // ...CHECKBOX_BASED_PROPS,
-    label: String
+    label: String,
+    variant: {
+      type: String,
+      default: "default"
+    }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
@@ -7107,10 +7132,11 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
         o.value = !1;
       }
     };
-    return (i, a) => (c(), b("div", ms, [
-      h("label", {
+    return (i, a) => (c(), b("div", bs, [
+      g("label", {
         class: T([
           "joy-toggle",
+          "joy-toggle__" + e.variant,
           {
             "joy-toggle__checked": e.modelValue,
             "joy-toggle__disabled": e.disabled,
@@ -7118,7 +7144,7 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
           }
         ])
       }, [
-        h("input", {
+        g("input", {
           ref: "input",
           type: "checkbox",
           class: "joy-toggle__input",
@@ -7135,33 +7161,37 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
           (...r) => n.onFocus && n.onFocus(...r)),
           onBlur: a[2] || (a[2] = //@ts-ignore
           (...r) => n.onBlur && n.onBlur(...r))
-        }, null, 40, vs),
-        h("p", hs, [
-          a[3] || (a[3] = h("span", { class: "joy-toggle__symbol" }, null, -1)),
-          h("span", gs, [
+        }, null, 40, ws),
+        g("p", _s, [
+          a[4] || (a[4] = g("span", { class: "joy-toggle__symbol" }, null, -1)),
+          g("span", js, [
             w(i.$slots, "default", {}, () => [
               D(J(e.label), 1)
             ], !0)
           ]),
-          a[4] || (a[4] = h("span", { class: "joy-toggle__smile" }, [
-            h("svg", {
+          e.variant === "default" ? (c(), b("span", ks, a[3] || (a[3] = [
+            g("svg", {
               width: "18",
               height: "10",
               viewBox: "0 0 18 10",
               fill: "currentColor",
               xmlns: "http://www.w3.org/2000/svg"
             }, [
-              h("path", {
+              g("path", {
                 d: "M9.0237 9.14856C15.7144 9.14856 17.8736 2.22231 17.9649 1.91853L17.9345 1.94891C18.1778 1.15908 17.7216 0.308485 16.9309 0.0654591C16.1402 -0.177566 15.2886 0.278108 15.0453 1.06794C14.9845 1.25021 13.5551 6.11073 8.99328 6.11073C4.43147 6.11073 3.03249 1.43248 2.97167 1.21983C2.75878 0.399622 1.90724 -0.0560541 1.11652 0.156593C0.295397 0.369241 -0.160787 1.18945 0.0520982 2.00967C0.721165 4.4703 3.48869 9.14856 9.0237 9.14856Z",
                 fill: "currentColor"
               })
-            ])
-          ], -1))
+            ], -1)
+          ]))) : (c(), I(N, {
+            key: 1,
+            name: "eye",
+            class: "joy-toggle__icon"
+          }))
         ])
       ], 2)
     ]));
   }
-}), Mu = /* @__PURE__ */ A(bs, [["__scopeId", "data-v-99a4c774"]]), ws = /* @__PURE__ */ L({
+}), Nu = /* @__PURE__ */ A($s, [["__scopeId", "data-v-9f8d9f48"]]), Ss = /* @__PURE__ */ L({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -7240,7 +7270,7 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
         n.value = $;
       }, o.delay);
     }
-    const g = V(() => {
+    const h = V(() => {
       const { middlewareData: $, placement: j } = u.value, x = $.arrow, E = {
         top: "bottom",
         right: "left",
@@ -7271,7 +7301,7 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
       default: z(() => {
         var x;
         return [
-          h("div", {
+          g("div", {
             ref_key: "tooltipWrapper",
             ref: i,
             class: "joy-tooltip__wrapper",
@@ -7296,13 +7326,13 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
                 ]),
                 style: ee({ ...(x = u.value) == null ? void 0 : x.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
-                h("div", {
+                g("div", {
                   ref_key: "tooltipArrow",
                   ref: s,
                   class: "joy-tooltip__arrow",
-                  style: ee(g.value)
+                  style: ee(h.value)
                 }, null, 4),
-                h("div", {
+                g("div", {
                   ref_key: "tooltipContent",
                   ref: a,
                   class: "joy-tooltip__content__inner"
@@ -7319,7 +7349,7 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["options"]));
   }
-}), Pu = /* @__PURE__ */ A(ws, [["__scopeId", "data-v-711b68c7"]]), _s = { class: "joy-user-card__picture" }, js = { class: "joy-user-card__informations" }, ks = { class: "joy-user-card__title" }, $s = { class: "joy-user-card__subtitle" }, Ss = /* @__PURE__ */ L({
+}), qu = /* @__PURE__ */ A(Ss, [["__scopeId", "data-v-711b68c7"]]), Cs = { class: "joy-user-card__picture" }, Vs = { class: "joy-user-card__informations" }, xs = { class: "joy-user-card__title" }, Ts = { class: "joy-user-card__subtitle" }, Is = /* @__PURE__ */ L({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7352,32 +7382,32 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
       title: e.fullName
     }, t.$attrs), {
       default: z(() => [
-        h("div", _s, [
+        g("div", Cs, [
           w(t.$slots, "user-card-avatar", {}, () => [
-            O(on, {
+            O(an, {
               "photo-url": e.photoUrl,
               "full-name": e.fullName
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        h("div", js, [
-          h("p", ks, [
+        g("div", Vs, [
+          g("p", xs, [
             w(t.$slots, "user-card-title", {}, () => [
               D(J(e.fullName), 1)
             ], !0)
           ]),
-          h("p", $s, [
+          g("p", Ts, [
             w(t.$slots, "user-card-subtitle", {}, () => [
               D(J(e.subTitle), 1)
             ], !0)
           ]),
           w(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (c(), I(fi, {
+            e.ratingValue ? (c(), I(vi, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : _("", !0)
           ], !0),
-          h("div", null, [
+          g("div", null, [
             w(t.$slots, "default", {}, void 0, !0)
           ])
         ])
@@ -7385,13 +7415,13 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 16, ["href", "title"]));
   }
-}), Fu = /* @__PURE__ */ A(Ss, [["__scopeId", "data-v-86acec3a"]]), Cs = { class: "joy-walkthrough-trigger__content" }, Vs = {
+}), Hu = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-86acec3a"]]), Ls = { class: "joy-walkthrough-trigger__content" }, Bs = {
   key: 0,
   class: "joy-pr-3"
-}, xs = {
+}, As = {
   key: 1,
   class: "joy-pl-3"
-}, Ts = /* @__PURE__ */ L({
+}, Es = /* @__PURE__ */ L({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7414,9 +7444,9 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: o.icon
         }, null, 8, ["name"])) : _("", !0),
-        h("div", Cs, [
-          o.title ? (c(), b("span", Vs, J(o.title), 1)) : _("", !0),
-          o.subtitle ? (c(), b("span", xs, J(o.subtitle), 1)) : _("", !0)
+        g("div", Ls, [
+          o.title ? (c(), b("span", Bs, J(o.title), 1)) : _("", !0),
+          o.subtitle ? (c(), b("span", As, J(o.subtitle), 1)) : _("", !0)
         ]),
         O(N, {
           class: "joy-ml-3",
@@ -7428,16 +7458,16 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
       ]);
     };
   }
-}), Is = /* @__PURE__ */ A(Ts, [["__scopeId", "data-v-56824d11"]]), Ls = { class: "joy-walkthrough-modal__illustration" }, Bs = { class: "joy-walkthrough-modal__content___titles" }, As = { class: "joy-walkthrough-modal__content___title" }, Es = { class: "joy-walkthrough-modal__content___subtitle" }, zs = {
+}), zs = /* @__PURE__ */ A(Es, [["__scopeId", "data-v-56824d11"]]), Js = { class: "joy-walkthrough-modal__illustration" }, Ms = { class: "joy-walkthrough-modal__content___titles" }, Ps = { class: "joy-walkthrough-modal__content___title" }, Fs = { class: "joy-walkthrough-modal__content___subtitle" }, Os = {
   key: 0,
   class: "joy-mt-4"
-}, Js = {
+}, Ds = {
   key: 1,
   class: "joy-mt-4 joy-walkthrough-modal__content-inner"
-}, Ms = {
+}, Rs = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Ps = /* @__PURE__ */ L({
+}, Ns = /* @__PURE__ */ L({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -7478,7 +7508,7 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
       to: "body",
       disabled: f.disableTeleport
     }, [
-      h("div", {
+      g("div", {
         class: T(["joy-walkthrough joy-core-radius-4", { "joy-walkthrough--collapsed": !a.value }])
       }, [
         a.value ? (c(), b("div", H({ key: 0 }, f.$attrs, {
@@ -7513,7 +7543,7 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
             ]),
             _: 1
           }),
-          h("div", {
+          g("div", {
             class: T(["joy-walkthrough-modal__content joy-p-6", { "joy-walkthrough-modal__content--with-footer": f.footer }])
           }, [
             O(re, {
@@ -7521,24 +7551,24 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
               wrap: "nowrap"
             }, {
               default: z(() => [
-                h("div", Ls, [
+                g("div", Js, [
                   w(f.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                h("div", Bs, [
-                  h("div", As, [
+                g("div", Ms, [
+                  g("div", Ps, [
                     w(f.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  h("div", Es, [
+                  g("div", Fs, [
                     w(f.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
               ]),
               _: 3
             }),
-            f.$slots["walkthrough-progress"] ? (c(), b("div", zs, [
+            f.$slots["walkthrough-progress"] ? (c(), b("div", Os, [
               w(f.$slots, "walkthrough-progress", {}, void 0, !0)
             ])) : _("", !0),
-            f.$slots["walkthrough-content"] ? (c(), b("div", Js, [
+            f.$slots["walkthrough-content"] ? (c(), b("div", Ds, [
               w(f.$slots, "walkthrough-content", {}, void 0, !0)
             ])) : _("", !0)
           ], 2),
@@ -7547,10 +7577,10 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: p
           }, [
-            h("button", Ms, J(f.footer), 1)
+            g("button", Rs, J(f.footer), 1)
           ])) : _("", !0)
         ], 16)) : _("", !0),
-        a.value ? _("", !0) : (c(), I(Is, H({ key: 1 }, f.triggerAttrs, {
+        a.value ? _("", !0) : (c(), I(zs, H({ key: 1 }, f.triggerAttrs, {
           title: f.triggerTitle,
           subtitle: f.triggerSubtitle,
           icon: f.triggerIcon,
@@ -7560,89 +7590,90 @@ const Ki = /* @__PURE__ */ A(Ui, [["render", Yi], ["__scopeId", "data-v-da63aa46
       ], 2)
     ], 8, ["disabled"]));
   }
-}), Ou = /* @__PURE__ */ A(Ps, [["__scopeId", "data-v-c1a50091"]]), Du = {
+}), Wu = /* @__PURE__ */ A(Ns, [["__scopeId", "data-v-c1a50091"]]), Uu = {
   install: (e) => {
     typeof window < "u" && Wt(), e.directive("joy-ripple", Rt), e.directive("bind-once", Mo);
   }
 };
 export {
-  Du as JoyVueLightPlugin,
-  Rs as VJoyAvailability,
-  on as VJoyAvatar,
-  Ns as VJoyAvatarsList,
-  sn as VJoyBadge,
-  qs as VJoyBadgeLevel,
-  Hs as VJoyBlockSkeleton,
-  Ws as VJoyBottomSheet,
-  Us as VJoyBottomSheetTrigger,
+  Uu as JoyVueLightPlugin,
+  Us as VJoyAdminBanner,
+  Gs as VJoyAvailability,
+  an as VJoyAvatar,
+  Ys as VJoyAvatarsList,
+  cn as VJoyBadge,
+  Ks as VJoyBadgeLevel,
+  Zs as VJoyBlockSkeleton,
+  Xs as VJoyBottomSheet,
+  Qs as VJoyBottomSheetTrigger,
   ne as VJoyButton,
   Kt as VJoyCheckbox,
-  Gs as VJoyCollapse,
-  Yn as VJoyCollapseItem,
-  Ys as VJoyCompanyAvatar,
-  Ks as VJoyCounter,
-  Zs as VJoyDialog,
-  Xs as VJoyDialogTrigger,
-  Qs as VJoyDividerCta,
+  eu as VJoyCollapse,
+  Xn as VJoyCollapseItem,
+  tu as VJoyCompanyAvatar,
+  ou as VJoyCounter,
+  nu as VJoyDialog,
+  lu as VJoyDialogTrigger,
+  au as VJoyDividerCta,
   Ct as VJoyDot,
-  eu as VJoyDrawer,
-  tu as VJoyDrawerTrigger,
-  ou as VJoyDropdown,
-  Ol as VJoyDropdownList,
-  nu as VJoyDropzone,
-  lu as VJoyFilterBar,
-  au as VJoyFilterBarButton,
+  ru as VJoyDrawer,
+  iu as VJoyDrawerTrigger,
+  su as VJoyDropdown,
+  Nl as VJoyDropdownList,
+  uu as VJoyDropzone,
+  du as VJoyFilterBar,
+  cu as VJoyFilterBarButton,
   mt as VJoyFormError,
-  ru as VJoyFormFieldSkeleton,
-  iu as VJoyFunnel,
-  su as VJoyFunnelFooter,
-  uu as VJoyHeader,
-  du as VJoyHighlight,
+  fu as VJoyFormFieldSkeleton,
+  pu as VJoyFunnel,
+  yu as VJoyFunnelFooter,
+  mu as VJoyHeader,
+  vu as VJoyHighlight,
   N as VJoyIcon,
-  $a as VJoyIndicator,
-  cu as VJoyIndicators,
-  fu as VJoyInput,
+  Va as VJoyIndicator,
+  gu as VJoyIndicators,
+  hu as VJoyInput,
   Ve as VJoyLabel,
-  pu as VJoyLink,
-  yu as VJoyListItem,
-  mu as VJoyMenu,
-  vu as VJoyMultiCheckbox,
-  hu as VJoyPagination,
-  gu as VJoyPanel,
-  bu as VJoyPanelSection,
-  wu as VJoyProductTour,
-  _u as VJoyProductTourTrigger,
-  ju as VJoyProgressBar,
-  ku as VJoyRadio,
-  $u as VJoyRadioGroup,
-  fi as VJoyRatingStars,
+  bu as VJoyLink,
+  wu as VJoyListItem,
+  _u as VJoyMenu,
+  ju as VJoyMultiCheckbox,
+  ku as VJoyPagination,
+  $u as VJoyPanel,
+  Su as VJoyPanelSection,
+  Cu as VJoyProductTour,
+  Vu as VJoyProductTourTrigger,
+  xu as VJoyProgressBar,
+  Tu as VJoyRadio,
+  Iu as VJoyRadioGroup,
+  vi as VJoyRatingStars,
   Xt as VJoyScreenLoader,
-  Su as VJoySelect,
-  wi as VJoySelectableItem,
-  Cu as VJoySelectableItemGroup,
-  Vu as VJoySeparator,
+  Lu as VJoySelect,
+  $i as VJoySelectableItem,
+  Bu as VJoySelectableItemGroup,
+  Au as VJoySeparator,
   Ho as VJoySnackbar,
   Ut as VJoySpinner,
-  xi as VJoyStep,
-  xu as VJoyStepper,
-  Tu as VJoyTab,
-  Iu as VJoyTabs,
-  go as VJoyTag,
-  Lu as VJoyTagsInput,
-  Bu as VJoyTagsList,
-  Au as VJoyTemplate,
-  Ki as VJoyTemplateShape,
-  Eu as VJoyText,
-  zu as VJoyTextarea,
-  Ju as VJoyTitleBrand,
-  Mu as VJoyToggle,
-  Pu as VJoyTooltip,
-  Fu as VJoyUserCard,
-  Ou as VJoyWalkthrough,
-  Is as VJoyWalkthroughTrigger,
+  Bi as VJoyStep,
+  Eu as VJoyStepper,
+  zu as VJoyTab,
+  Ju as VJoyTabs,
+  ho as VJoyTag,
+  Mu as VJoyTagsInput,
+  Pu as VJoyTagsList,
+  Fu as VJoyTemplate,
+  es as VJoyTemplateShape,
+  Ou as VJoyText,
+  Du as VJoyTextarea,
+  Ru as VJoyTitleBrand,
+  Nu as VJoyToggle,
+  qu as VJoyTooltip,
+  Hu as VJoyUserCard,
+  Wu as VJoyWalkthrough,
+  zs as VJoyWalkthroughTrigger,
   re as VJoyWrapper,
   Wt as createAllSnackbarsContainer,
-  Ds as pushVJoySnackbar,
-  Os as resetCount,
+  Ws as pushVJoySnackbar,
+  Hs as resetCount,
   Rt as vJoyRipple
 };