@maltjoy/core-vue 3.31.0-next → 3.31.1-next

package/dist/{style-BeFMqd8A.js → style-C0tnLvqq.js}

@@ -1,5 +1,5 @@
-import { defineComponent as B, computed as V, openBlock as d, createElementBlock as g, normalizeClass as E, createElementVNode as b, Fragment as Y, createTextVNode as W, toDisplayString as O, createCommentVNode as j, createBlock as A, resolveDynamicComponent as se, mergeProps as ae, withCtx as R, pushScopeId as Ye, popScopeId as Ze, renderSlot as _, unref as D, renderList as ee, inject as Xe, normalizeStyle as ie, ref as C, onMounted as re, useAttrs as Re, resolveDirective as Xn, withDirectives as cn, getCurrentScope as Vt, onScopeDispose as It, toRef as Qn, readonly as ea, customRef as ta, shallowRef as dn, watch as te, nextTick as Ue, getCurrentInstance as na, h as aa, Teleport as Qe, createVNode as K, useSlots as X, onBeforeUnmount as De, provide as Et, Transition as fn, withKeys as pt, normalizeProps as _e, guardReactiveProps as ke, createSlots as Lt, mergeModels as oa, useModel as la, createStaticVNode as vn, onBeforeMount as ra, shallowReadonly as Be, onUnmounted as yn, vShow as ia, render as qt, withModifiers as sa, createApp as ua } from "vue";
-function Ht(e) {
+import { defineComponent as B, computed as V, openBlock as d, createElementBlock as g, normalizeClass as E, createElementVNode as b, Fragment as G, createTextVNode as W, toDisplayString as O, createCommentVNode as j, createBlock as L, resolveDynamicComponent as re, mergeProps as Z, withCtx as R, pushScopeId as Ke, popScopeId as Ge, renderSlot as _, unref as q, renderList as Q, inject as Ye, normalizeStyle as se, ref as C, onMounted as ie, useAttrs as Pe, resolveDirective as Yn, withDirectives as sn, getCurrentScope as xt, onScopeDispose as Tt, toRef as Zn, readonly as Xn, customRef as Qn, shallowRef as un, watch as ne, nextTick as He, getCurrentInstance as ea, h as ta, Teleport as Ze, createVNode as K, useSlots as ee, withKeys as Xe, onBeforeUnmount as Oe, provide as Vt, Transition as cn, createSlots as It, normalizeProps as na, guardReactiveProps as aa, mergeModels as oa, useModel as la, createStaticVNode as dn, onBeforeMount as ra, shallowReadonly as Le, onUnmounted as fn, vShow as ia, render as Mt, withModifiers as sa, createApp as ua } from "vue";
+function Jt(e) {
   const t = e.target;
   if (!t)
     return;
@@ -14,10 +14,10 @@ function Ht(e) {
 }
 const ca = {
   mounted: (e) => {
-    e.addEventListener("click", Ht);
+    e.addEventListener("click", Jt);
   },
   beforeUnmount: (e) => {
-    e.removeEventListener("click", Ht);
+    e.removeEventListener("click", Jt);
   }
 }, da = ["title"], fa = /* @__PURE__ */ B({
   __name: "VJoyAvailability",
@@ -46,7 +46,7 @@ const ca = {
       b("span", {
         class: E(n.value)
       }, null, 2),
-      e.label ? (d(), g(Y, { key: 0 }, [
+      e.label ? (d(), g(G, { key: 0 }, [
         W(O(e.label), 1)
       ], 64)) : j("", !0)
     ], 10, da));
@@ -56,7 +56,7 @@ const ca = {
   for (const [a, o] of t)
     n[a] = o;
   return n;
-}, nc = /* @__PURE__ */ F(fa, [["__scopeId", "data-v-3452c6e7"]]), va = ["role", "tabindex", "aria-label", "title"], G = /* @__PURE__ */ B({
+}, nc = /* @__PURE__ */ F(fa, [["__scopeId", "data-v-3452c6e7"]]), va = ["role", "tabindex", "aria-label", "title"], Y = /* @__PURE__ */ B({
   __name: "VJoyIcon",
   props: {
     ariaLabel: {
@@ -104,18 +104,15 @@ const ca = {
       }, null, 2)
     ], 10, va));
   }
-}), ya = (e) => (Ye("data-v-0a12589b"), e = e(), Ze(), e), pa = {
-  ref: "avatarEl",
-  class: "joy-avatar__wrapper"
-}, ma = ["src", "title", "alt"], ha = {
+}), ya = (e) => (Ke("data-v-8ff834c8"), e = e(), Ge(), e), pa = ["src", "title", "alt", "loading"], ma = {
   key: 0,
   class: "joy-avatar__strategy"
-}, ba = ["height"], ga = /* @__PURE__ */ ya(() => /* @__PURE__ */ b("path", {
+}, ha = ["height"], ba = /* @__PURE__ */ ya(() => /* @__PURE__ */ b("path", {
   d: "M6.40531 15.88C5.29156 15.88 4.31531 15.6737 3.47656 15.2612C2.63781 14.8487 1.98469 14.2644 1.51719 13.5081C1.04969 12.7519 0.809061 11.8719 0.795311 10.8681L4.01281 10.3525C4.01281 11.2188 4.25344 11.9131 4.73469 12.4356C5.21594 12.9581 5.82781 13.2194 6.57031 13.2194C7.16156 13.2194 7.63594 13.0612 7.99344 12.745C8.36469 12.4288 8.55031 12.0231 8.55031 11.5281C8.55031 11.1156 8.40594 10.7719 8.11719 10.4969C7.84219 10.2081 7.38844 9.95375 6.75594 9.73375L4.96156 9.15625C3.65531 8.7575 2.70656 8.21438 2.11531 7.52687C1.53781 6.83937 1.24906 5.93187 1.24906 4.80437C1.24906 3.47062 1.68219 2.39812 2.54844 1.58687C3.41469 0.775624 4.63156 0.369999 6.19906 0.369999C7.65656 0.369999 8.83219 0.768749 9.72594 1.56625C10.6197 2.35 11.0803 3.41562 11.1078 4.76312L7.97281 5.36125C7.98656 4.64625 7.82156 4.07562 7.47781 3.64937C7.13406 3.20937 6.68719 2.98937 6.13719 2.98937C5.65594 2.98937 5.26406 3.14062 4.96156 3.44313C4.65906 3.73187 4.50781 4.10312 4.50781 4.55687C4.50781 4.99687 4.64531 5.36125 4.92031 5.65C5.20906 5.925 5.67656 6.15875 6.32281 6.35125L8.03469 6.92875C9.36844 7.3275 10.3309 7.87063 10.9222 8.55812C11.5272 9.23188 11.8297 10.1325 11.8297 11.26C11.8297 12.1538 11.6166 12.9513 11.1903 13.6525C10.7641 14.3538 10.1453 14.9038 9.33406 15.3025C8.52281 15.6875 7.54656 15.88 6.40531 15.88Z",
   fill: "#F7F7F5"
-}, null, -1)), wa = [
-  ga
-], Sa = /* @__PURE__ */ B({
+}, null, -1)), ga = [
+  ba
+], wa = /* @__PURE__ */ B({
   __name: "VJoyAvatar",
   props: {
     /** 3 different sizes of avatar */
@@ -140,6 +137,11 @@ const ca = {
     profile: {
       type: String,
       default: "default"
+    },
+    /** Only applied if you set a photoUrl */
+    loading: {
+      type: String,
+      default: "lazy"
     }
   },
   emits: ["click"],
@@ -167,13 +169,16 @@ const ca = {
     return t({
       isAnonymous: i,
       initials: u
-    }), (c, y) => (d(), g("div", pa, [
-      (d(), A(se(e.link ? "button" : "div"), ae(l.value, {
+    }), (c, y) => (d(), g("div", {
+      ref: "avatarEl",
+      class: E(["joy-avatar__wrapper", [`joy-avatar__wrapper--${e.size}`]])
+    }, [
+      (d(), L(re(e.link ? "button" : "div"), Z(l.value, {
         class: [s.value],
         onClick: f
       }), {
         default: R(() => [
-          i.value ? (d(), A(G, {
+          i.value ? (d(), L(Y, {
             key: 0,
             name: "user-photo",
             color: "white",
@@ -184,29 +189,29 @@ const ca = {
             src: e.photoUrl,
             title: e.fullName,
             alt: e.fullName || "",
-            loading: "lazy"
-          }, null, 8, ma)) : j("", !0),
-          e.fullName ? (d(), g(Y, { key: 2 }, [
+            loading: e.loading
+          }, null, 8, pa)) : j("", !0),
+          e.fullName ? (d(), g(G, { key: 2 }, [
             W(O(u.value), 1)
           ], 64)) : j("", !0),
-          e.totalNumber ? (d(), g(Y, { key: 3 }, [
+          e.totalNumber ? (d(), g(G, { key: 3 }, [
             W(O("+" + e.totalNumber), 1)
           ], 64)) : j("", !0)
         ]),
         _: 1
       }, 16, ["class"])),
-      e.profile === "strategy" ? (d(), g("span", ha, [
+      e.profile === "strategy" ? (d(), g("span", ma, [
         (d(), g("svg", {
           width: "12",
           height: e.size === "small" ? "10" : "16",
           viewBox: "0 0 12 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, wa, 8, ba))
+        }, ga, 8, ha))
       ])) : j("", !0)
-    ], 512));
+    ], 2));
   }
-}), _a = /* @__PURE__ */ F(Sa, [["__scopeId", "data-v-0a12589b"]]), ka = /* @__PURE__ */ B({
+}), Sa = /* @__PURE__ */ F(wa, [["__scopeId", "data-v-8ff834c8"]]), _a = /* @__PURE__ */ B({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
@@ -223,7 +228,7 @@ const ca = {
       _(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), ac = /* @__PURE__ */ F(ka, [["__scopeId", "data-v-c985cccf"]]), ja = { key: 0 }, $a = /* @__PURE__ */ B({
+}), ac = /* @__PURE__ */ F(_a, [["__scopeId", "data-v-c985cccf"]]), ka = { key: 0 }, ja = /* @__PURE__ */ B({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -236,10 +241,10 @@ const ca = {
     return (t, n) => (d(), g("div", {
       class: E(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": e.number }])
     }, [
-      e.number ? (d(), g("span", ja, O(e.number > 99 ? "99+" : e.number), 1)) : j("", !0)
+      e.number ? (d(), g("span", ka, O(e.number > 99 ? "99+" : e.number), 1)) : j("", !0)
     ], 2));
   }
-}), Wt = /* @__PURE__ */ F($a, [["__scopeId", "data-v-0dc5251e"]]), Ca = /* @__PURE__ */ B({
+}), qt = /* @__PURE__ */ F(ja, [["__scopeId", "data-v-0dc5251e"]]), $a = /* @__PURE__ */ B({
   __name: "VJoyBadge",
   props: {
     /**
@@ -268,7 +273,7 @@ const ca = {
     number: Number
   },
   setup(e) {
-    return (t, n) => e.number ? (d(), A(Wt, {
+    return (t, n) => e.number ? (d(), L(qt, {
       key: 0,
       variant: e.variant,
       number: e.number
@@ -277,7 +282,7 @@ const ca = {
       class: E(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      e.bulletpoint ? (d(), A(Wt, {
+      e.bulletpoint ? (d(), L(qt, {
         key: 0,
         class: "joy-badge_dot",
         variant: e.variant
@@ -287,82 +292,82 @@ const ca = {
       ], !0)
     ], 2));
   }
-}), xa = /* @__PURE__ */ F(Ca, [["__scopeId", "data-v-c96c1104"]]);
-var ne = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "highpotential", e.HIGH_POTENTIAL_AUTO = "high-potential-auto", e.MALT_LINKER = "maltlinker", e.NEW = "new", e.SUPER_MALTER = "supermalter", e.VERIFIED = "verified", e))(ne || {}), rt = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(rt || {});
-const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-badge-level" }, Va = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}), Ca = /* @__PURE__ */ F($a, [["__scopeId", "data-v-80e93664"]]);
+var ae = /* @__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))(ae || {}), lt = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(lt || {});
+const fe = (e) => (Ke("data-v-08a5e2c8"), e = e(), Ge(), e), xa = { class: "joy-badge-level" }, Ta = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#264FFA",
   d: "M5.71533 12.2962 11.4243 18l.0049-11.45716-5.71387 5.75336Z"
-}, null, -1)), Ia = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), Va = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#FC5757",
   d: "M.00195312 6.54284.00671145 18 5.7158 12.2962.00195312 6.54284Z"
-}, null, -1)), Ea = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), Ia = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#FFC200",
   d: "M11.4289 5.68249c-.0059-1.52434-.6069-2.9554-1.69067-4.02851C8.95862.882797 7.99681.362073 6.9506.132677 6.95037.132599 6.95021.132599 6.94998.132521c-.04337-.009516-.08681-.018408-.13041-.02691-.0057-.001092-.01147-.002184-.01724-.003276-.0383-.0073317-.07675-.0142735-.11529-.0208255-.01068-.001794-.02144-.00351-.03213-.005304-.03385-.0055379-.06778-.0108418-.10179-.0158338-.01505-.002184-.03011-.0042121-.04516-.0063181-.03011-.0041339-.06022-.008112-.0904-.0117779-.01857-.002262-.03721-.0042901-.05577-.006396C6.33472.0328377 6.30766.029952 6.28051.0273 6.25914.025194 6.23769.0233999 6.21624.0215279 6.19144.0194219 6.16671.017316 6.14183.015522 6.11851.013806 6.09511.0123239 6.07171.0109199 6.04831.00951588 6.02483.00811199 6.00135.006942 5.9771.00577201 5.95276.00483616 5.92842.00397816 5.90541.00312017 5.8824.00234019 5.85931.00179419c-.02433-.00062399-.04874-.0009362-.07316-.0012482C5.76267.000234 5.73912 0 5.71564 0c-.02355 0-.04703.000234-.07051.000546-.02442.000312-.04883.0006242-.07316.00124819-.02309.000546-.0461.00140398-.06911.00218397-.02434.000858-.04859.00179385-.07293.00296384-.02348.00116999-.04696.00257388-.07036.0039779-.0234.001404-.0468.0028861-.07012.0046021-.0248.001794-.0496.0038999-.07441.0060059-.02145.001872-.0429.0036661-.06427.0057721-.02714.002652-.05421.0055377-.08135.0085797-.01857.0021059-.03721.004134-.05577.006396-.03019.0036659-.06037.007644-.09048.0117779-.01506.002106-.03011.0041341-.04516.0063181-.03401.004992-.06794.0102959-.10179.0158338-.01077.001794-.02145.00351-.03214.005304-.03853.006552-.07699.0134938-.11528.0208255-.00578.001092-.01155.002184-.01724.003276-.0436.008502-.08705.017394-.13041.02691-.00024.000078-.00047.000078-.00071.000156C3.43424.361995 2.4725.882719 1.6929 1.65398.609098 2.72702.00811193 4.15815.00218397 5.68249L0 6.15064l.00171623.39226L5.71556 12.2962l5.71384-5.7533.0017-.39202-.0022-.46839Z"
-}, null, -1)), La = [
+}, null, -1)), Ea = [
+  Ta,
   Va,
-  Ia,
-  Ea
-], Aa = {
+  Ia
+], La = {
   key: 1,
   class: "joy-badge-level__highpotential",
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ba = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, Aa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
   fill: "#FFC200"
-}, null, -1)), Fa = [
-  Ba
-], Na = {
+}, null, -1)), Ba = [
+  Aa
+], Fa = {
   key: 2,
   class: "joy-badge-level__high-potential-auto",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 64 64",
   "enable-background": "new 0 0 64 64"
-}, za = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, Na = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#EF4E16",
   d: "M60 23.913s-8.76-2.903-14.05 1.058C44.256 17.449 45.203 8.674 34.688 2c-.712 9.413-12.856 9.891-15.691 22.005-1.86-3.319-2.227-7.716-9.28-9.871C11.615 25.513.415 31.3 5.199 47.68c2.699 9.246 12.72 13.651 21.047 14.217 16.527 1.123 31.896-6.848 32.258-24.148.155-7.437-2.975-8.343 1.496-13.836z"
-}, null, -1)), Pa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), za = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#F9B700",
   d: "M53.226 32.962c-6.012-.063-5.458 2.387-9.883 3.896-3.212-5.842-.067-13.682-10.056-19.364.066 10.625-7.32 7.313-10.414 17.456-3.758-2.145-1.943-6.888-9.256-8.89 4.042 6.349-.99 7.542-3.526 13.335-5.093 11.632 7.181 19.813 16.548 20.382 13.019.793 25.124-4.834 25.408-17.048.122-5.25-2.342-5.888 1.179-9.767z"
-}, null, -1)), Oa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), Pa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#FFE463",
   d: "M47.616 41.169c-4.47-.041-4.061 1.522-7.351 2.484-2.391-3.727-.051-8.729-7.479-12.354.049 6.778-5.446 4.666-7.746 11.137-2.795-1.368-1.447-4.395-6.885-5.672 3.006 4.051-.735 4.812-2.621 8.508-3.791 7.421 5.339 12.64 12.307 13.003 9.683.506 18.686-3.084 18.896-10.876.093-3.348-1.741-3.755.879-6.23z"
-}, null, -1)), Ra = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), Oa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   fill: "#FFF7D1",
   d: "M37.182 54.939c0 2.188-12.427 2.188-12.427 0 0-5.849 12.427-5.849 12.427 0z"
-}, null, -1)), Da = [
+}, null, -1)), Ra = [
+  Na,
   za,
   Pa,
-  Oa,
-  Ra
-], Ma = {
+  Oa
+], Da = {
   key: 3,
   class: "joy-badge-level__maltlinker",
   viewBox: "0 0 23 11",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ja = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, Ma = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   d: "M5.77736 10.4456C4.45736 10.4406 3.21936 9.91961 2.29036 8.98161C1.62236 8.30661 1.17136 7.47461 0.97336 6.56861C0.97336 6.56861 0.97336 6.56861 0.97336 6.56761C0.96536 6.53061 0.95736 6.49361 0.94936 6.45561C0.94936 6.45061 0.94836 6.44561 0.94736 6.44061C0.94136 6.40761 0.93536 6.37461 0.92936 6.34061C0.92736 6.33161 0.92636 6.32261 0.92436 6.31261C0.91936 6.28361 0.91536 6.25461 0.91036 6.22461C0.90836 6.21161 0.90736 6.19861 0.90536 6.18561C0.90136 6.15961 0.89836 6.13361 0.89536 6.10761C0.89336 6.09161 0.89136 6.07561 0.88936 6.05961C0.88636 6.03561 0.88436 6.01261 0.88236 5.98861C0.88036 5.97061 0.87836 5.95161 0.87736 5.93361C0.87536 5.91161 0.87336 5.89061 0.87136 5.86861C0.87036 5.84861 0.86836 5.82861 0.86736 5.80761C0.86636 5.78761 0.86536 5.76661 0.86436 5.74661C0.86336 5.72661 0.86236 5.70561 0.86136 5.68461C0.86036 5.66461 0.86036 5.64461 0.85936 5.62461C0.85936 5.60361 0.85936 5.58161 0.85836 5.56061C0.85836 5.54061 0.85836 5.51961 0.85836 5.49961C0.85836 5.47961 0.85836 5.45861 0.85836 5.43861C0.85836 5.41761 0.85936 5.39661 0.85936 5.37561C0.85936 5.35561 0.86036 5.33561 0.86136 5.31561C0.86236 5.29461 0.86336 5.27361 0.86436 5.25261C0.86536 5.23261 0.86636 5.21161 0.86736 5.19161C0.86836 5.17161 0.86936 5.15161 0.87136 5.13061C0.87336 5.10961 0.87436 5.08761 0.87636 5.06661C0.87836 5.04761 0.88036 5.02961 0.88236 5.01061C0.88436 4.98661 0.88736 4.96361 0.88936 4.94061C0.89136 4.92461 0.89336 4.90861 0.89536 4.89261C0.89836 4.86661 0.90236 4.84061 0.90536 4.81461C0.90736 4.80061 0.90836 4.78761 0.91036 4.77461C0.91436 4.74561 0.91936 4.71561 0.92436 4.68661C0.92636 4.67761 0.92736 4.66761 0.92936 4.65861C0.93536 4.62561 0.94136 4.59161 0.94736 4.55861C0.94836 4.55361 0.94936 4.54861 0.95036 4.54361C0.95736 4.50561 0.96536 4.46861 0.97336 4.43061C0.97336 4.43061 0.97336 4.43061 0.97336 4.42961C1.17136 3.52561 1.62236 2.69261 2.29036 2.01761C3.21936 1.07961 4.45836 0.559612 5.77736 0.554612L6.18236 0.552612L6.52236 0.553612L11.5024 5.49961L6.52236 10.4456L6.18236 10.4476L5.77736 10.4456Z",
   fill: "#E3F8FB"
-}, null, -1)), qa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, null, -1)), Ja = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   d: "M17.2235 0.554612C18.5425 0.559612 19.7815 1.07961 20.7105 2.01761C21.3785 2.69261 21.8285 3.52461 22.0275 4.43061C22.0275 4.43061 22.0275 4.43061 22.0275 4.43161C22.0355 4.46961 22.0435 4.50661 22.0505 4.54461C22.0515 4.54961 22.0525 4.55461 22.0535 4.55961C22.0595 4.59261 22.0655 4.62561 22.0715 4.65961C22.0735 4.66861 22.0745 4.67861 22.0765 4.68761C22.0815 4.71661 22.0855 4.74661 22.0905 4.77561C22.0925 4.78861 22.0945 4.80161 22.0955 4.81461C22.0995 4.84061 22.1025 4.86661 22.1055 4.89261C22.1075 4.90861 22.1095 4.92461 22.1115 4.94061C22.1145 4.96361 22.1165 4.98761 22.1185 5.01061C22.1205 5.02961 22.1215 5.04761 22.1235 5.06661C22.1255 5.08761 22.1275 5.10961 22.1285 5.13061C22.1295 5.15061 22.1315 5.17061 22.1325 5.19161C22.1335 5.21161 22.1345 5.23261 22.1355 5.25261C22.1365 5.27361 22.1375 5.29461 22.1385 5.31561C22.1395 5.33561 22.1395 5.35561 22.1405 5.37561C22.1415 5.39661 22.1415 5.41761 22.1415 5.43861C22.1415 5.45861 22.1415 5.47961 22.1415 5.49961C22.1415 5.51961 22.1415 5.54061 22.1415 5.56061C22.1415 5.58161 22.1405 5.60261 22.1405 5.62361C22.1405 5.64361 22.1395 5.66361 22.1385 5.68361C22.1375 5.70461 22.1365 5.72561 22.1355 5.74661C22.1345 5.76661 22.1335 5.78761 22.1325 5.80761C22.1315 5.82761 22.1305 5.84761 22.1285 5.86861C22.1265 5.88961 22.1255 5.91161 22.1235 5.93261C22.1215 5.95161 22.1205 5.96961 22.1185 5.98861C22.1165 6.01261 22.1135 6.03561 22.1115 6.05861C22.1095 6.07461 22.1075 6.09061 22.1055 6.10661C22.1025 6.13261 22.0985 6.15861 22.0955 6.18461C22.0935 6.19761 22.0915 6.21061 22.0905 6.22361C22.0865 6.25261 22.0815 6.28261 22.0765 6.31161C22.0745 6.32061 22.0735 6.33061 22.0715 6.33961C22.0655 6.37261 22.0595 6.40661 22.0535 6.43961C22.0525 6.44461 22.0515 6.44961 22.0505 6.45461C22.0435 6.49261 22.0355 6.52961 22.0275 6.56761C22.0275 6.56761 22.0275 6.56761 22.0275 6.56861C21.8285 7.47461 21.3785 8.30661 20.7105 8.98161C19.7815 9.91961 18.5425 10.4396 17.2235 10.4446L16.8185 10.4466L16.4785 10.4456L11.4985 5.49961L16.4785 0.553612L16.8175 0.552612L17.2235 0.554612Z",
   fill: "#FF91F0"
-}, null, -1)), Ha = [
-  Ja,
-  qa
-], Wa = {
+}, null, -1)), qa = [
+  Ma,
+  Ja
+], Ha = {
   key: 4,
   class: "joy-badge-level__highpotential-program",
   viewBox: "0 0 15 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ua = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
+}, Wa = /* @__PURE__ */ fe(() => /* @__PURE__ */ b("path", {
   d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
   fill: "#FFC200"
-}, null, -1)), Ka = [
-  Ua
-], Ga = /* @__PURE__ */ B({
+}, null, -1)), Ua = [
+  Wa
+], Ka = /* @__PURE__ */ B({
   __name: "VJoyBadgeLevel",
   props: {
     /** type: `TJoyBadges` */
@@ -384,42 +389,42 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
   setup(e) {
     const t = e, n = V(() => {
       switch (t.type) {
-        case rt.HIGH_POTENTIAL:
-        case ne.HIGH_POTENTIAL:
+        case lt.HIGH_POTENTIAL:
+        case ae.HIGH_POTENTIAL:
           return "High Potential";
-        case ne.HIGH_POTENTIAL_AUTO:
+        case ae.HIGH_POTENTIAL_AUTO:
           return "High Potential Auto";
-        case ne.MALT_LINKER:
+        case ae.MALT_LINKER:
           return "Malt Linker";
-        case ne.NEW:
+        case ae.NEW:
           return "New";
-        case ne.SUPER_MALTER:
+        case ae.SUPER_MALTER:
           return "Supermalter";
-        case ne.VERIFIED:
+        case ae.VERIFIED:
           return "Verified";
         default:
           return "Supermalter";
       }
     });
-    return (a, o) => (d(), g("span", Ta, [
-      e.type === D(ne).SUPER_MALTER ? (d(!0), g(Y, { key: 0 }, ee(e.superMalterLevel, (r, l) => (d(), g("svg", {
+    return (a, o) => (d(), g("span", xa, [
+      e.type === q(ae).SUPER_MALTER ? (d(!0), g(G, { key: 0 }, Q(e.superMalterLevel, (r, l) => (d(), g("svg", {
         key: l,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 12 18"
-      }, La))), 128)) : j("", !0),
-      e.type === D(ne).HIGH_POTENTIAL ? (d(), g("svg", Aa, Fa)) : j("", !0),
-      e.type === D(ne).HIGH_POTENTIAL_AUTO ? (d(), g("svg", Na, Da)) : j("", !0),
-      e.type === D(ne).MALT_LINKER ? (d(), g("svg", Ma, Ha)) : j("", !0),
-      e.type === D(rt).HIGH_POTENTIAL ? (d(), g("svg", Wa, Ka)) : j("", !0),
+      }, Ea))), 128)) : j("", !0),
+      e.type === q(ae).HIGH_POTENTIAL ? (d(), g("svg", La, Ba)) : j("", !0),
+      e.type === q(ae).HIGH_POTENTIAL_AUTO ? (d(), g("svg", Fa, Ra)) : j("", !0),
+      e.type === q(ae).MALT_LINKER ? (d(), g("svg", Da, qa)) : j("", !0),
+      e.type === q(lt).HIGH_POTENTIAL ? (d(), g("svg", Ha, Ua)) : j("", !0),
       b("span", {
         class: E([
           {
             "joy-badge-level__tag": e.visibleText,
-            red: e.type === D(ne).NEW || e.type === D(ne).MALT_LINKER || e.type === D(ne).HIGH_POTENTIAL_AUTO,
-            blue: e.type === D(rt).HIGH_POTENTIAL || e.type === D(ne).HIGH_POTENTIAL || e.type === D(ne).SUPER_MALTER,
-            turquoise: e.type === D(ne).VERIFIED
+            red: e.type === q(ae).NEW || e.type === q(ae).MALT_LINKER || e.type === q(ae).HIGH_POTENTIAL_AUTO,
+            blue: e.type === q(lt).HIGH_POTENTIAL || e.type === q(ae).HIGH_POTENTIAL || e.type === q(ae).SUPER_MALTER,
+            turquoise: e.type === q(ae).VERIFIED
           }
         ])
       }, [
@@ -429,7 +434,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
       ], 2)
     ]));
   }
-}), oc = /* @__PURE__ */ F(Ga, [["__scopeId", "data-v-08a5e2c8"]]), Ya = /* @__PURE__ */ B({
+}), oc = /* @__PURE__ */ F(Ka, [["__scopeId", "data-v-08a5e2c8"]]), Ga = /* @__PURE__ */ B({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -447,7 +452,7 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
     }
   },
   setup(e) {
-    const t = e, n = Xe("VJoyWrapperContext", {}), a = V(() => {
+    const t = e, n = Ye("VJoyWrapperContext", {}), a = V(() => {
       if (Object.keys(n).length === 0)
         return;
       let o = "1 0";
@@ -459,15 +464,15 @@ const fe = (e) => (Ye("data-v-08a5e2c8"), e = e(), Ze(), e), Ta = { class: "joy-
         "joy-block-skeleton": !0,
         "joy-block-skeleton--circle": e.circle
       }),
-      style: ie({
+      style: se({
         "max-width": e.width,
         height: e.height,
         flex: a.value
       })
     }, null, 6));
   }
-}), lc = /* @__PURE__ */ F(Ya, [["__scopeId", "data-v-4da2c7cb"]]);
-function pn(e) {
+}), lc = /* @__PURE__ */ F(Ga, [["__scopeId", "data-v-4da2c7cb"]]);
+function vn(e) {
   let t;
   switch (e) {
     case "error":
@@ -481,7 +486,7 @@ function pn(e) {
   }
   return t;
 }
-function Za(e) {
+function Ya(e) {
   if (!e) {
     console.warn("Missing ref element for focusOnFirstFocusableFormField use");
     return;
@@ -491,13 +496,13 @@ function Za(e) {
   if (n.length)
     return n[0].focus();
 }
-const je = function(e = 10) {
+const _e = function(e = 10) {
   return Math.random().toString(36).substring(2, e + 2);
 };
 function he(e) {
   e ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
 }
-const Xa = /* @__PURE__ */ B({
+const Za = /* @__PURE__ */ B({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -509,16 +514,16 @@ const Xa = /* @__PURE__ */ B({
       class: E(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), mn = /* @__PURE__ */ F(Xa, [["__scopeId", "data-v-52944a9b"]]);
-function Qa() {
+}), yn = /* @__PURE__ */ F(Za, [["__scopeId", "data-v-52944a9b"]]);
+function Xa() {
   const e = C();
-  return re(() => {
-    e.value = "joy-button--" + je();
+  return ie(() => {
+    e.value = "joy-button--" + _e();
   }), {
     randomId: e
   };
 }
-const eo = ["id"], to = /* @__PURE__ */ B({
+const Qa = ["id"], eo = /* @__PURE__ */ B({
   __name: "VJoyButton",
   props: {
     /**
@@ -561,7 +566,7 @@ const eo = ["id"], to = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = Re(), { randomId: o } = Qa(), r = V(() => {
+    const n = e, a = Pe(), { randomId: o } = Xa(), r = V(() => {
       switch (n.size) {
         case "xxsmall":
           return "xxsmall";
@@ -574,10 +579,10 @@ const eo = ["id"], to = /* @__PURE__ */ B({
       }
     }), l = V(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
     return t({ randomId: o }), (s, i) => {
-      const u = Xn("joy-ripple");
-      return cn((d(), A(se(D(a).href ? "a" : "button"), {
-        disabled: e.loading || D(a).disabled,
-        type: D(a).type || "button",
+      const u = Yn("joy-ripple");
+      return sn((d(), L(re(q(a).href ? "a" : "button"), {
+        disabled: e.loading || q(a).disabled,
+        type: q(a).type || "button",
         class: E([
           "joy-button",
           `joy-button_${e.variant}`,
@@ -587,29 +592,29 @@ const eo = ["id"], to = /* @__PURE__ */ B({
             "joy-button_loading": e.loading
           }
         ]),
-        "aria-labelledby": (s.$slots.default || e.label) && D(o)
+        "aria-labelledby": (s.$slots.default || e.label) && q(o)
       }, {
         default: R(() => [
-          e.icon && e.iconPosition === "left" ? (d(), A(G, {
+          e.icon && e.iconPosition === "left" ? (d(), L(Y, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             size: r.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "size"])) : j("", !0),
-          e.loading ? (d(), A(mn, {
+          e.loading ? (d(), L(yn, {
             key: 1,
             color: l.value
           }, null, 8, ["color"])) : j("", !0),
           b("span", {
-            id: D(o),
+            id: q(o),
             class: "joy-button--slot"
           }, [
             _(s.$slots, "default", {}, () => [
               W(O(e.label), 1)
             ], !0)
-          ], 8, eo),
-          e.icon && e.iconPosition === "right" ? (d(), A(G, {
+          ], 8, Qa),
+          e.icon && e.iconPosition === "right" ? (d(), L(Y, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
@@ -623,46 +628,46 @@ const eo = ["id"], to = /* @__PURE__ */ B({
       ]);
     };
   }
-}), ue = /* @__PURE__ */ F(to, [["__scopeId", "data-v-980be68f"]]);
-function mt(e) {
-  return Vt() ? (It(e), !0) : !1;
+}), ue = /* @__PURE__ */ F(eo, [["__scopeId", "data-v-980be68f"]]);
+function yt(e) {
+  return xt() ? (Tt(e), !0) : !1;
 }
 function be(e) {
-  return typeof e == "function" ? e() : D(e);
+  return typeof e == "function" ? e() : q(e);
 }
-const ht = typeof window < "u" && typeof document < "u";
+const pt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const no = (e) => e != null, ao = Object.prototype.toString, hn = (e) => ao.call(e) === "[object Object]", Ne = () => {
-}, jt = /* @__PURE__ */ oo();
-function oo() {
+const to = (e) => e != null, no = Object.prototype.toString, pn = (e) => no.call(e) === "[object Object]", Be = () => {
+}, _t = /* @__PURE__ */ ao();
+function ao() {
   var e, t;
-  return ht && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+  return pt && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function lo(...e) {
+function oo(...e) {
   if (e.length !== 1)
-    return Qn(...e);
+    return Zn(...e);
   const t = e[0];
-  return typeof t == "function" ? ea(ta(() => ({ get: t, set: Ne }))) : C(t);
+  return typeof t == "function" ? Xn(Qn(() => ({ get: t, set: Be }))) : C(t);
 }
-function xe(e) {
+function $e(e) {
   var t;
   const n = be(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const At = ht ? window : void 0;
-function Te(...e) {
+const Et = pt ? window : void 0;
+function Ce(...e) {
   let t, n, a, o;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, a, o] = e, t = At) : [t, n, a, o] = e, !t)
-    return Ne;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, a, o] = e, t = Et) : [t, n, a, o] = e, !t)
+    return Be;
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
   const r = [], l = () => {
     r.forEach((f) => f()), r.length = 0;
-  }, s = (f, c, y, p) => (f.addEventListener(c, y, p), () => f.removeEventListener(c, y, p)), i = te(
-    () => [xe(t), be(o)],
+  }, s = (f, c, y, p) => (f.addEventListener(c, y, p), () => f.removeEventListener(c, y, p)), i = ne(
+    () => [$e(t), be(o)],
     ([f, c]) => {
       if (l(), !f)
         return;
-      const y = hn(c) ? { ...c } : c;
+      const y = pn(c) ? { ...c } : c;
       r.push(
         ...n.flatMap((p) => a.map((v) => s(f, p, v, y)))
       );
@@ -671,25 +676,25 @@ function Te(...e) {
   ), u = () => {
     i(), l();
   };
-  return mt(u), u;
+  return yt(u), u;
 }
-let Ut = !1;
-function ro(e, t, n = {}) {
-  const { window: a = At, ignore: o = [], capture: r = !0, detectIframe: l = !1 } = n;
+let Ht = !1;
+function lo(e, t, n = {}) {
+  const { window: a = Et, ignore: o = [], capture: r = !0, detectIframe: l = !1 } = n;
   if (!a)
-    return Ne;
-  jt && !Ut && (Ut = !0, Array.from(a.document.body.children).forEach((y) => y.addEventListener("click", Ne)), a.document.documentElement.addEventListener("click", Ne));
+    return Be;
+  _t && !Ht && (Ht = !0, Array.from(a.document.body.children).forEach((y) => y.addEventListener("click", Be)), a.document.documentElement.addEventListener("click", Be));
   let s = !0;
   const i = (y) => o.some((p) => {
     if (typeof p == "string")
       return Array.from(a.document.querySelectorAll(p)).some((v) => v === y.target || y.composedPath().includes(v));
     {
-      const v = xe(p);
+      const v = $e(p);
       return v && (y.target === v || y.composedPath().includes(v));
     }
   }), f = [
-    Te(a, "click", (y) => {
-      const p = xe(e);
+    Ce(a, "click", (y) => {
+      const p = $e(e);
       if (!(!p || p === y.target || y.composedPath().includes(p))) {
         if (y.detail === 0 && (s = !i(y)), !s) {
           s = !0;
@@ -698,55 +703,55 @@ function ro(e, t, n = {}) {
         t(y);
       }
     }, { passive: !0, capture: r }),
-    Te(a, "pointerdown", (y) => {
-      const p = xe(e);
+    Ce(a, "pointerdown", (y) => {
+      const p = $e(e);
       s = !i(y) && !!(p && !y.composedPath().includes(p));
     }, { passive: !0 }),
-    l && Te(a, "blur", (y) => {
+    l && Ce(a, "blur", (y) => {
       setTimeout(() => {
         var p;
-        const v = xe(e);
+        const v = $e(e);
         ((p = a.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(v != null && v.contains(a.document.activeElement)) && t(y);
       }, 0);
     })
   ].filter(Boolean);
   return () => f.forEach((y) => y());
 }
-function io() {
-  const e = C(!1), t = na();
-  return t && re(() => {
+function ro() {
+  const e = C(!1), t = ea();
+  return t && ie(() => {
     e.value = !0;
   }, t), e;
 }
-function so(e) {
-  const t = io();
+function io(e) {
+  const t = ro();
   return V(() => (t.value, !!e()));
 }
-function uo(e, t = {}) {
-  const n = C(!1), a = dn(null);
+function so(e, t = {}) {
+  const n = C(!1), a = un(null);
   let o = 0, r = !0;
-  if (ht) {
+  if (pt) {
     const l = typeof t == "function" ? { onDrop: t } : t, s = (i) => {
       var u, f;
       const c = Array.from((f = (u = i.dataTransfer) == null ? void 0 : u.files) != null ? f : []);
       return a.value = c.length === 0 ? null : c;
     };
-    Te(e, "dragenter", (i) => {
+    Ce(e, "dragenter", (i) => {
       var u, f;
-      const c = Array.from(((u = i == null ? void 0 : i.dataTransfer) == null ? void 0 : u.items) || []).map((y) => y.kind === "file" ? y.type : null).filter(no);
+      const c = Array.from(((u = i == null ? void 0 : i.dataTransfer) == null ? void 0 : u.items) || []).map((y) => y.kind === "file" ? y.type : null).filter(to);
       if (l.dataTypes && i.dataTransfer) {
-        const y = D(l.dataTypes);
+        const y = q(l.dataTypes);
         if (r = typeof y == "function" ? y(c) : y ? y.some((p) => c.includes(p)) : !0, !r)
           return;
       }
       i.preventDefault(), o += 1, n.value = !0, (f = l.onEnter) == null || f.call(l, s(i), i);
-    }), Te(e, "dragover", (i) => {
+    }), Ce(e, "dragover", (i) => {
       var u;
       r && (i.preventDefault(), (u = l.onOver) == null || u.call(l, s(i), i));
-    }), Te(e, "dragleave", (i) => {
+    }), Ce(e, "dragleave", (i) => {
       var u;
       r && (i.preventDefault(), o -= 1, o === 0 && (n.value = !1), (u = l.onLeave) == null || u.call(l, s(i), i));
-    }), Te(e, "drop", (i) => {
+    }), Ce(e, "drop", (i) => {
       var u;
       i.preventDefault(), o = 0, n.value = !1, (u = l.onDrop) == null || u.call(l, s(i), i);
     });
@@ -756,12 +761,12 @@ function uo(e, t = {}) {
     isOverDropZone: n
   };
 }
-function co(e, t, n = {}) {
-  const { window: a = At, ...o } = n;
+function uo(e, t, n = {}) {
+  const { window: a = Et, ...o } = n;
   let r;
-  const l = so(() => a && "ResizeObserver" in a), s = () => {
+  const l = io(() => a && "ResizeObserver" in a), s = () => {
     r && (r.disconnect(), r = void 0);
-  }, i = V(() => Array.isArray(e) ? e.map((c) => xe(c)) : [xe(e)]), u = te(
+  }, i = V(() => Array.isArray(e) ? e.map((c) => $e(c)) : [$e(e)]), u = ne(
     i,
     (c) => {
       if (s(), l.value && a) {
@@ -774,12 +779,12 @@ function co(e, t, n = {}) {
   ), f = () => {
     s(), u();
   };
-  return mt(f), {
+  return yt(f), {
     isSupported: l,
     stop: f
   };
 }
-function fo(e) {
+function co(e) {
   var t;
   const n = C(e == null ? void 0 : e.element), a = C(e == null ? void 0 : e.input), o = (t = e == null ? void 0 : e.styleProp) != null ? t : "height", r = C(1);
   function l() {
@@ -789,45 +794,45 @@ function fo(e) {
     let u = "";
     n.value.style[o] = "1px", r.value = (s = n.value) == null ? void 0 : s.scrollHeight, e != null && e.styleTarget ? be(e.styleTarget).style[o] = `${r.value}px` : u = `${r.value}px`, n.value.style[o] = u, (i = e == null ? void 0 : e.onResize) == null || i.call(e);
   }
-  return te([a, n], () => Ue(l), { immediate: !0 }), co(n, () => l()), e != null && e.watch && te(e.watch, l, { immediate: !0, deep: !0 }), {
+  return ne([a, n], () => He(l), { immediate: !0 }), uo(n, () => l()), e != null && e.watch && ne(e.watch, l, { immediate: !0, deep: !0 }), {
     textarea: n,
     input: a,
     triggerResize: l
   };
 }
-const Bt = /* @__PURE__ */ B({
+const Lt = /* @__PURE__ */ B({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: n }) {
     const a = C();
-    return ro(a, (o) => {
+    return lo(a, (o) => {
       n("trigger", o);
     }, e.options), () => {
       if (t.default)
-        return aa(e.as || "div", { ref: a }, t.default());
+        return ta(e.as || "div", { ref: a }, t.default());
     };
   }
 });
-function vo(e) {
+function fo(e) {
   var t;
   const n = be(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const yo = ht ? window : void 0;
-function po(...e) {
+const vo = pt ? window : void 0;
+function yo(...e) {
   let t, n, a, o;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, a, o] = e, t = yo) : [t, n, a, o] = e, !t)
-    return Ne;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, a, o] = e, t = vo) : [t, n, a, o] = e, !t)
+    return Be;
   Array.isArray(n) || (n = [n]), Array.isArray(a) || (a = [a]);
   const r = [], l = () => {
     r.forEach((f) => f()), r.length = 0;
-  }, s = (f, c, y, p) => (f.addEventListener(c, y, p), () => f.removeEventListener(c, y, p)), i = te(
-    () => [vo(t), be(o)],
+  }, s = (f, c, y, p) => (f.addEventListener(c, y, p), () => f.removeEventListener(c, y, p)), i = ne(
+    () => [fo(t), be(o)],
     ([f, c]) => {
       if (l(), !f)
         return;
-      const y = hn(c) ? { ...c } : c;
+      const y = pn(c) ? { ...c } : c;
       r.push(
         ...n.flatMap((p) => a.map((v) => s(f, p, v, y)))
       );
@@ -836,53 +841,53 @@ function po(...e) {
   ), u = () => {
     i(), l();
   };
-  return mt(u), u;
+  return yt(u), u;
 }
-function _t(e) {
+function wt(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-function bn(e) {
+function mn(e) {
   const t = window.getComputedStyle(e);
   if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight)
     return !0;
   {
     const n = e.parentNode;
-    return !n || n.tagName === "BODY" ? !1 : bn(n);
+    return !n || n.tagName === "BODY" ? !1 : mn(n);
   }
 }
-function mo(e) {
+function po(e) {
   const t = e || window.event, n = t.target;
-  return bn(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return mn(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
-const at = /* @__PURE__ */ new WeakMap();
-function ho(e, t = !1) {
+const nt = /* @__PURE__ */ new WeakMap();
+function mo(e, t = !1) {
   const n = C(t);
   let a = null, o;
-  te(lo(e), (s) => {
-    const i = _t(be(s));
+  ne(oo(e), (s) => {
+    const i = wt(be(s));
     if (i) {
       const u = i;
-      at.get(u) || at.set(u, o), n.value && (u.style.overflow = "hidden");
+      nt.get(u) || nt.set(u, o), n.value && (u.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
   const r = () => {
-    const s = _t(be(e));
-    !s || n.value || (jt && (a = po(
+    const s = wt(be(e));
+    !s || n.value || (_t && (a = yo(
       s,
       "touchmove",
       (i) => {
-        mo(i);
+        po(i);
       },
       { passive: !1 }
     )), s.style.overflow = "hidden", n.value = !0);
   }, l = () => {
     var s;
-    const i = _t(be(e));
-    !i || !n.value || (jt && (a == null || a()), i.style.overflow = (s = at.get(i)) != null ? s : "", at.delete(i), n.value = !1);
+    const i = wt(be(e));
+    !i || !n.value || (_t && (a == null || a()), i.style.overflow = (s = nt.get(i)) != null ? s : "", nt.delete(i), n.value = !1);
   };
-  return mt(l), V({
+  return yt(l), V({
     get() {
       return n.value;
     },
@@ -891,21 +896,21 @@ function ho(e, t = !1) {
     }
   });
 }
-function bo() {
+function ho() {
   let e = !1;
   const t = C(!1);
   return (n, a) => {
     if (t.value = a.value, e)
       return;
     e = !0;
-    const o = ho(n, a.value);
-    te(t, (r) => o.value = r);
+    const o = mo(n, a.value);
+    ne(t, (r) => o.value = r);
   };
 }
-bo();
-const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ */ gn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet-overlay" }, null, -1)), wo = /* @__PURE__ */ gn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet_header-close" }, null, -1)), So = [
-  wo
-], _o = { class: "joy-bottom-sheet_content" }, ko = { class: "joy-bottom-sheet_footer" }, Kt = 75, Gt = "moving", jo = /* @__PURE__ */ B({
+ho();
+const hn = (e) => (Ke("data-v-cba81110"), e = e(), Ge(), e), bo = /* @__PURE__ */ hn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet-overlay" }, null, -1)), go = /* @__PURE__ */ hn(() => /* @__PURE__ */ b("div", { class: "joy-bottom-sheet_header-close" }, null, -1)), wo = [
+  go
+], So = { class: "joy-bottom-sheet_content" }, _o = { class: "joy-bottom-sheet_footer" }, Wt = 75, Ut = "moving", ko = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "VJoyBottomSheet",
   props: {
@@ -940,7 +945,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
   },
   emits: ["bottom-sheet:close"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = Re(), r = V(() => {
+    const a = e, o = Pe(), r = V(() => {
       if (s.value)
         return o;
     }), l = n, s = C(!1), i = C(!1), u = C(a.open), f = C(!1), c = C();
@@ -954,44 +959,44 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       }, 300);
     }
     function h(w) {
-      f.value = !0, c.value.classList.add(Gt), y = L(w);
+      f.value = !0, c.value.classList.add(Ut), y = A(w);
     }
     function m(w) {
-      f.value && (k(w) > Kt && v(), T());
+      f.value && (k(w) > Wt && v(), T());
     }
     function S(w) {
       if (f.value) {
         const z = k(w);
-        z > Kt ? v() : z > 0 && P(z);
+        z > Wt ? v() : z > 0 && P(z);
       }
     }
     function k(w) {
-      return L(w) - y;
+      return A(w) - y;
     }
-    function L(w) {
+    function A(w) {
       return ["touchend", "touchmove", "touchstart"].includes(w.type) ? w.changedTouches[0].clientY : w.clientY;
     }
     function P(w) {
       c.value.style.setProperty("transform", `translateY(${w}px)`);
     }
     function T() {
-      c.value.classList.remove(Gt), c.value.style.removeProperty("transform"), f.value = !1;
+      c.value.classList.remove(Ut), c.value.style.removeProperty("transform"), f.value = !1;
     }
     function I() {
       a.preventBodyScroll && he(!0);
     }
-    return re(() => {
+    return ie(() => {
       s.value = !0, a.open && I();
     }), t({
       hide: v,
       show: p,
       isOpen: u,
       moveContainer: P
-    }), (w, z) => s.value ? (d(), A(Qe, {
+    }), (w, z) => s.value ? (d(), L(Ze, {
       key: 0,
       to: e.teleport
     }, [
-      u.value ? (d(), g("div", ae({ key: 0 }, r.value, {
+      u.value ? (d(), g("div", Z({ key: 0 }, r.value, {
         class: [
           "joy-bottom-sheet",
           {
@@ -1001,8 +1006,8 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
           }
         ]
       }), [
-        go,
-        K(D(Bt), { onTrigger: v }, {
+        bo,
+        K(q(Lt), { onTrigger: v }, {
           default: R(() => [
             b("div", {
               ref_key: "bottomSheetContainerElement",
@@ -1018,11 +1023,11 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
                 onTouchstart: h,
                 onTouchend: m,
                 onTouchmove: S
-              }, So, 32),
-              b("div", _o, [
+              }, wo, 32),
+              b("div", So, [
                 _(w.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
-              b("div", ko, [
+              b("div", _o, [
                 _(w.$slots, "bottom-sheet-cta", {}, () => [
                   K(ue, {
                     class: "joy-bottom-sheet_footer-close",
@@ -1038,24 +1043,24 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       ], 16)) : j("", !0)
     ], 8, ["to"])) : j("", !0);
   }
-}), rc = /* @__PURE__ */ F(jo, [["__scopeId", "data-v-cba81110"]]), ic = /* @__PURE__ */ B({
+}), rc = /* @__PURE__ */ F(ko, [["__scopeId", "data-v-cba81110"]]), ic = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = V(() => n.bottomSheet), r = X(), l = V(() => r.default());
+    const n = e, a = t, o = V(() => n.bottomSheet), r = ee(), l = V(() => r.default());
     function s() {
       var i;
       a("click"), (i = o.value) == null || i.show();
     }
-    return (i, u) => (d(!0), g(Y, null, ee(l.value, (f) => (d(), A(se(f), {
+    return (i, u) => (d(!0), g(G, null, Q(l.value, (f) => (d(), L(re(f), {
       key: f,
       onClick: s
     }))), 128));
   }
-}), $o = { class: "joy-checkbox__wrapper" }, Co = { class: "joy-checkbox__input-wrapper" }, xo = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], To = { class: "joy-checkbox__content-wrapper" }, Vo = { class: "joy-checkbox__content" }, Io = /* @__PURE__ */ B({
+}), jo = { class: "joy-checkbox__wrapper" }, $o = { class: "joy-checkbox__input-wrapper" }, Co = ["id", "name", "disabled", "checked", "required", "value", "indeterminate"], xo = { class: "joy-checkbox__content-wrapper" }, To = { class: "joy-checkbox__content" }, Vo = /* @__PURE__ */ B({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -1124,7 +1129,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
     };
     return t({
       isIndeterminate: l
-    }), (f, c) => (d(), g("div", $o, [
+    }), (f, c) => (d(), g("div", jo, [
       b("label", {
         class: E([
           "joy-checkbox",
@@ -1137,7 +1142,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
           }
         ])
       }, [
-        b("div", Co, [
+        b("div", $o, [
           b("input", {
             id: e.id,
             ref_key: "input",
@@ -1156,20 +1161,23 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
             (...y) => u.onFocus && u.onFocus(...y)),
             onBlur: c[2] || (c[2] = //@ts-ignore
             (...y) => u.onBlur && u.onBlur(...y))
-          }, null, 40, xo)
+          }, null, 40, Co)
         ]),
-        b("div", To, [
+        b("div", xo, [
           _(f.$slots, "default", {}, () => [
             W(O(e.label), 1)
           ], !0),
-          b("div", Vo, [
+          b("div", To, [
             _(f.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
     ]));
   }
-}), wn = /* @__PURE__ */ F(Io, [["__scopeId", "data-v-8391ace5"]]), Eo = ["aria-expanded"], Lo = ["id"], Ao = { class: "joy-collapse-item__header-right" }, Bo = ["aria-labelledby"], Fo = /* @__PURE__ */ B({
+}), bn = /* @__PURE__ */ F(Vo, [["__scopeId", "data-v-8391ace5"]]), Io = ["id"], Eo = { class: "joy-collapse-item__header-right" }, Lo = {
+  key: 0,
+  class: "joy-collapse-item__summary___subheader"
+}, Ao = { class: "joy-collapse-item__summary___preview" }, Bo = ["aria-labelledby"], Fo = /* @__PURE__ */ B({
   __name: "VJoyCollapseItem",
   props: {
     /** Title of the collapse item */
@@ -1177,6 +1185,9 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       type: String,
       required: !0
     },
+    subheader: {
+      type: String
+    },
     open: {
       type: Boolean,
       default: !1
@@ -1199,7 +1210,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
   emits: ["collapse-item:open", "collapse-item:close"],
   setup(e, { expose: t, emit: n }) {
     const a = e, o = n, r = C(a.open), l = C(!1);
-    te(
+    ne(
       () => a.open,
       (u) => {
         r.value = u;
@@ -1225,11 +1236,12 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
         }
       ])
     }, [
-      b("button", {
-        "aria-expanded": r.value,
-        type: "button",
+      b("div", {
+        role: "button",
+        tabindex: "0",
         class: "joy-collapse-item__summary",
         onClick: s,
+        onKeydown: Xe(s, ["enter"]),
         onFocus: f[0] || (f[0] = (c) => l.value = !0),
         onBlur: f[1] || (f[1] = (c) => l.value = !1)
       }, [
@@ -1237,22 +1249,26 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (d(), A(G, {
+          e.summaryIcon ? (d(), L(Y, {
             key: 0,
             "aria-hidden": "true",
             color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : j("", !0),
           W(" " + O(e.header), 1)
-        ], 8, Lo),
-        b("div", Ao, [
+        ], 8, Io),
+        b("div", Eo, [
           _(u.$slots, "collapse-header-right")
         ]),
-        K(G, {
+        K(Y, {
           class: "joy-collapse-item__summary___marker",
           name: "chevron-down"
-        })
-      ], 40, Eo),
+        }),
+        e.subheader ? (d(), g("span", Lo, O(e.subheader), 1)) : j("", !0),
+        b("span", Ao, [
+          _(u.$slots, "collapse-preview")
+        ])
+      ], 32),
       r.value ? (d(), g("div", {
         key: 0,
         role: "region",
@@ -1268,7 +1284,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       ], 10, Bo)) : j("", !0)
     ], 2));
   }
-}), No = /* @__PURE__ */ F(Fo, [["__scopeId", "data-v-15ed16fd"]]), zo = { class: "joy-collapse" }, Po = /* @__PURE__ */ B({
+}), No = /* @__PURE__ */ F(Fo, [["__scopeId", "data-v-71c8a78d"]]), zo = { class: "joy-collapse" }, Po = /* @__PURE__ */ B({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -1293,7 +1309,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = C(a.modelValue), r = X(), l = n, s = V(() => {
+    const a = e, o = C(a.modelValue), r = ee(), l = n, s = V(() => {
       const v = r.default();
       return v.length === 1 && typeof v[0].type != "object" ? v[0].children.filter(i) : v.filter(i);
     });
@@ -1330,7 +1346,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       items: s,
       openedCollapseItem: o
     }), (v, h) => (d(), g("div", zo, [
-      (d(!0), g(Y, null, ee(s.value, (m) => (d(), A(No, ae(m.props, {
+      (d(!0), g(G, null, Q(s.value, (m) => (d(), L(No, Z({ ref_for: !0 }, m.props, {
         key: m.props.id,
         open: f(m),
         mode: e.mode,
@@ -1338,16 +1354,19 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
         "onCollapseItem:close": () => y(m)
       }), {
         "collapse-header-right": R(() => [
-          (d(!0), g(Y, null, ee(u(m, "collapse-header-right"), (S, k) => (d(), A(se(S), { key: k }))), 128))
+          (d(!0), g(G, null, Q(u(m, "collapse-header-right"), (S, k) => (d(), L(re(S), { key: k }))), 128))
+        ]),
+        "collapse-preview": R(() => [
+          (d(!0), g(G, null, Q(u(m, "collapse-preview"), (S, k) => (d(), L(re(S), { key: k }))), 128))
         ]),
         default: R(() => [
-          (d(!0), g(Y, null, ee(u(m, "default"), (S, k) => (d(), A(se(S), { key: k }))), 128))
+          (d(!0), g(G, null, Q(u(m, "default"), (S, k) => (d(), L(re(S), { key: k }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), sc = /* @__PURE__ */ F(Po, [["__scopeId", "data-v-94c846f4"]]), Oo = ["src", "alt", "title"], Ro = /* @__PURE__ */ B({
+}), sc = /* @__PURE__ */ F(Po, [["__scopeId", "data-v-35744932"]]), Oo = ["src", "alt", "title", "loading"], Ro = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1359,6 +1378,11 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
     size: {
       type: String,
       default: "large"
+    },
+    /** Only applied if you set a imgSrc */
+    loading: {
+      type: String,
+      default: "lazy"
     }
   },
   setup(e) {
@@ -1381,15 +1405,16 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
         key: 0,
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
-        title: e.companyName
-      }, null, 8, Oo)) : (d(), A(G, {
+        title: e.companyName,
+        loading: e.loading
+      }, null, 8, Oo)) : (d(), L(Y, {
         key: 1,
         name: "company-placeholder",
         size: n.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), uc = /* @__PURE__ */ F(Ro, [["__scopeId", "data-v-1c40fd23"]]), Do = ["aria-hidden"], Mo = /* @__PURE__ */ B({
+}), uc = /* @__PURE__ */ F(Ro, [["__scopeId", "data-v-2f1289c1"]]), Do = ["aria-hidden"], Mo = /* @__PURE__ */ B({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1406,7 +1431,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       class: E(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      K(G, {
+      K(Y, {
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
@@ -1417,7 +1442,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       ])
     ], 10, Do));
   }
-}), Ft = /* @__PURE__ */ F(Mo, [["__scopeId", "data-v-deb60895"]]), Jo = {
+}), At = /* @__PURE__ */ F(Mo, [["__scopeId", "data-v-deb60895"]]), Jo = {
   key: 0,
   class: "joy-label-required"
 }, qo = {
@@ -1444,7 +1469,7 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
     text: String
   },
   setup(e) {
-    return (t, n) => (d(), A(se(e.tagName), ae({
+    return (t, n) => (d(), L(re(e.tagName), Z({
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
       default: R(() => [
@@ -1457,17 +1482,17 @@ const gn = (e) => (Ye("data-v-cba81110"), e = e(), Ze(), e), go = /* @__PURE__ *
       _: 3
     }, 16, ["class"]));
   }
-}), Ae = /* @__PURE__ */ F(Ho, [["__scopeId", "data-v-f48de041"]]);
+}), Ee = /* @__PURE__ */ F(Ho, [["__scopeId", "data-v-f48de041"]]);
 function Wo(e) {
   const t = () => e();
-  re(() => {
+  ie(() => {
     window.addEventListener("resize", t);
-  }), De(() => {
+  }), Oe(() => {
     window.removeEventListener("resize", t);
   });
 }
-function Nt(e, t) {
-  re(() => {
+function Bt(e, t) {
+  ie(() => {
     var n;
     t && ((n = e.value) == null || n.focus());
   });
@@ -1550,7 +1575,7 @@ const Uo = { class: "joy-counter" }, Ko = ["aria-label", "disabled"], Go = { cla
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
     const a = n, o = e, r = C(!1), l = C(!1), s = C();
-    Nt(s, o.autofocus);
+    Bt(s, o.autofocus);
     function i() {
       const m = c(!1);
       m >= 0 ? a("update:modelValue", m <= o.min ? o.min : m) : a("update:modelValue", 0), f();
@@ -1589,7 +1614,7 @@ const Uo = { class: "joy-counter" }, Ko = ["aria-label", "disabled"], Go = { cla
     return t({
       props: o
     }), (m, S) => (d(), g("div", Uo, [
-      e.label ? (d(), A(Ae, {
+      e.label ? (d(), L(Ee, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -1613,10 +1638,10 @@ const Uo = { class: "joy-counter" }, Ko = ["aria-label", "disabled"], Go = { cla
           disabled: e.modelValue <= e.min,
           onClick: i
         }, [
-          K(G, { name: "minus" })
+          K(Y, { name: "minus" })
         ], 8, Ko),
         b("div", Go, [
-          b("input", ae({
+          b("input", Z({
             id: e.id,
             ref_key: "input",
             ref: s,
@@ -1645,20 +1670,20 @@ const Uo = { class: "joy-counter" }, Ko = ["aria-label", "disabled"], Go = { cla
           disabled: e.max ? e.modelValue >= e.max : !1,
           onClick: u
         }, [
-          K(G, { name: "add" })
+          K(Y, { name: "add" })
         ], 8, Zo),
         e.invalid && e.errorMessage ? (d(), g("div", Xo, [
-          K(Ft, { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
+          K(At, { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : j("", !0)
       ], 2)
     ]));
   }
 }), cc = /* @__PURE__ */ F(el, [["__scopeId", "data-v-556fd173"]]);
 function tl(e) {
-  return Vt() ? (It(e), !0) : !1;
+  return xt() ? (Tt(e), !0) : !1;
 }
 function nl(e) {
-  return typeof e == "function" ? e() : D(e);
+  return typeof e == "function" ? e() : q(e);
 }
 function al(e) {
   var t;
@@ -1669,13 +1694,13 @@ function al(e) {
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], st = /* @__PURE__ */ Sn.join(","), _n = typeof Element > "u", Ie = _n ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, ut = !_n && Element.prototype.getRootNode ? function(e) {
+var gn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], it = /* @__PURE__ */ gn.join(","), wn = typeof Element > "u", Te = wn ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, st = !wn && Element.prototype.getRootNode ? function(e) {
   var t;
   return e == null || (t = e.getRootNode) === null || t === void 0 ? void 0 : t.call(e);
 } : function(e) {
   return e == null ? void 0 : e.ownerDocument;
-}, ct = function e(t, n) {
+}, ut = function e(t, n) {
   var a;
   n === void 0 && (n = !0);
   var o = t == null || (a = t.getAttribute) === null || a === void 0 ? void 0 : a.call(t, "inert"), r = o === "" || o === "true", l = r || n && t && e(t.parentNode);
@@ -1683,15 +1708,15 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, ol = function(t) {
   var n, a = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "contenteditable");
   return a === "" || a === "true";
-}, kn = function(t, n, a) {
-  if (ct(t))
+}, Sn = function(t, n, a) {
+  if (ut(t))
     return [];
-  var o = Array.prototype.slice.apply(t.querySelectorAll(st));
-  return n && Ie.call(t, st) && o.unshift(t), o = o.filter(a), o;
-}, jn = function e(t, n, a) {
+  var o = Array.prototype.slice.apply(t.querySelectorAll(it));
+  return n && Te.call(t, it) && o.unshift(t), o = o.filter(a), o;
+}, _n = function e(t, n, a) {
   for (var o = [], r = Array.from(t); r.length; ) {
     var l = r.shift();
-    if (!ct(l, !1))
+    if (!ut(l, !1))
       if (l.tagName === "SLOT") {
         var s = l.assignedElements(), i = s.length ? s : l.children, u = e(i, !0, a);
         a.flatten ? o.push.apply(o, u) : o.push({
@@ -1699,10 +1724,10 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
           candidates: u
         });
       } else {
-        var f = Ie.call(l, st);
+        var f = Te.call(l, it);
         f && a.filter(l) && (n || !t.includes(l)) && o.push(l);
         var c = l.shadowRoot || // check for an undisclosed shadow
-        typeof a.getShadowRoot == "function" && a.getShadowRoot(l), y = !ct(c, !1) && (!a.shadowRootFilter || a.shadowRootFilter(l));
+        typeof a.getShadowRoot == "function" && a.getShadowRoot(l), y = !ut(c, !1) && (!a.shadowRootFilter || a.shadowRootFilter(l));
         if (c && y) {
           var p = e(c === !0 ? l.children : c.children, !0, a);
           a.flatten ? o.push.apply(o, p) : o.push({
@@ -1714,21 +1739,21 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       }
   }
   return o;
-}, $n = function(t) {
+}, kn = function(t) {
   return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
-}, Ce = function(t) {
+}, je = function(t) {
   if (!t)
     throw new Error("No node provided");
-  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || ol(t)) && !$n(t) ? 0 : t.tabIndex;
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || ol(t)) && !kn(t) ? 0 : t.tabIndex;
 }, ll = function(t, n) {
-  var a = Ce(t);
-  return a < 0 && n && !$n(t) ? 0 : a;
+  var a = je(t);
+  return a < 0 && n && !kn(t) ? 0 : a;
 }, rl = function(t, n) {
   return t.tabIndex === n.tabIndex ? t.documentOrder - n.documentOrder : t.tabIndex - n.tabIndex;
-}, Cn = function(t) {
+}, jn = function(t) {
   return t.tagName === "INPUT";
 }, il = function(t) {
-  return Cn(t) && t.type === "hidden";
+  return jn(t) && t.type === "hidden";
 }, sl = function(t) {
   var n = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(a) {
     return a.tagName === "SUMMARY";
@@ -1741,7 +1766,7 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, cl = function(t) {
   if (!t.name)
     return !0;
-  var n = t.form || ut(t), a = function(s) {
+  var n = t.form || st(t), a = function(s) {
     return n.querySelectorAll('input[type="radio"][name="' + s + '"]');
   }, o;
   if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
@@ -1755,35 +1780,35 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   var r = ul(o, t.form);
   return !r || r === t;
 }, dl = function(t) {
-  return Cn(t) && t.type === "radio";
+  return jn(t) && t.type === "radio";
 }, fl = function(t) {
   return dl(t) && !cl(t);
 }, vl = function(t) {
-  var n, a = t && ut(t), o = (n = a) === null || n === void 0 ? void 0 : n.host, r = !1;
+  var n, a = t && st(t), o = (n = a) === null || n === void 0 ? void 0 : n.host, r = !1;
   if (a && a !== t) {
     var l, s, i;
     for (r = !!((l = o) !== null && l !== void 0 && (s = l.ownerDocument) !== null && s !== void 0 && s.contains(o) || t != null && (i = t.ownerDocument) !== null && i !== void 0 && i.contains(t)); !r && o; ) {
       var u, f, c;
-      a = ut(o), o = (u = a) === null || u === void 0 ? void 0 : u.host, r = !!((f = o) !== null && f !== void 0 && (c = f.ownerDocument) !== null && c !== void 0 && c.contains(o));
+      a = st(o), o = (u = a) === null || u === void 0 ? void 0 : u.host, r = !!((f = o) !== null && f !== void 0 && (c = f.ownerDocument) !== null && c !== void 0 && c.contains(o));
     }
   }
   return r;
-}, Yt = function(t) {
+}, Kt = function(t) {
   var n = t.getBoundingClientRect(), a = n.width, o = n.height;
   return a === 0 && o === 0;
 }, yl = function(t, n) {
   var a = n.displayCheck, o = n.getShadowRoot;
   if (getComputedStyle(t).visibility === "hidden")
     return !0;
-  var r = Ie.call(t, "details>summary:first-of-type"), l = r ? t.parentElement : t;
-  if (Ie.call(l, "details:not([open]) *"))
+  var r = Te.call(t, "details>summary:first-of-type"), l = r ? t.parentElement : t;
+  if (Te.call(l, "details:not([open]) *"))
     return !0;
   if (!a || a === "full" || a === "legacy-full") {
     if (typeof o == "function") {
       for (var s = t; t; ) {
-        var i = t.parentElement, u = ut(t);
+        var i = t.parentElement, u = st(t);
         if (i && !i.shadowRoot && o(i) === !0)
-          return Yt(t);
+          return Kt(t);
         t.assignedSlot ? t = t.assignedSlot : !i && u !== t.ownerDocument ? t = u.host : t = i;
       }
       t = s;
@@ -1793,7 +1818,7 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     if (a !== "legacy-full")
       return !0;
   } else if (a === "non-zero-area")
-    return Yt(t);
+    return Kt(t);
   return !1;
 }, pl = function(t) {
   if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
@@ -1802,21 +1827,21 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
         for (var a = 0; a < n.children.length; a++) {
           var o = n.children.item(a);
           if (o.tagName === "LEGEND")
-            return Ie.call(n, "fieldset[disabled] *") ? !0 : !o.contains(t);
+            return Te.call(n, "fieldset[disabled] *") ? !0 : !o.contains(t);
         }
         return !0;
       }
       n = n.parentElement;
     }
   return !1;
-}, dt = function(t, n) {
+}, ct = function(t, n) {
   return !(n.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
   //  because we're limited in the type of selectors we can use in JSDom (see related
   //  note related to `candidateSelectors`)
-  ct(n) || il(n) || yl(n, t) || // For a details element with a summary, the summary element gets the focus
+  ut(n) || il(n) || yl(n, t) || // For a details element with a summary, the summary element gets the focus
   sl(n) || pl(n));
-}, $t = function(t, n) {
-  return !(fl(n) || Ce(n) < 0 || !dt(t, n));
+}, kt = function(t, n) {
+  return !(fl(n) || je(n) < 0 || !ct(t, n));
 }, ml = function(t) {
   var n = parseInt(t.getAttribute("tabindex"), 10);
   return !!(isNaN(n) || n >= 0);
@@ -1837,34 +1862,34 @@ var Sn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, bl = function(t, n) {
   n = n || {};
   var a;
-  return n.getShadowRoot ? a = jn([t], n.includeContainer, {
-    filter: $t.bind(null, n),
+  return n.getShadowRoot ? a = _n([t], n.includeContainer, {
+    filter: kt.bind(null, n),
     flatten: !1,
     getShadowRoot: n.getShadowRoot,
     shadowRootFilter: ml
-  }) : a = kn(t, n.includeContainer, $t.bind(null, n)), hl(a);
+  }) : a = Sn(t, n.includeContainer, kt.bind(null, n)), hl(a);
 }, gl = function(t, n) {
   n = n || {};
   var a;
-  return n.getShadowRoot ? a = jn([t], n.includeContainer, {
-    filter: dt.bind(null, n),
+  return n.getShadowRoot ? a = _n([t], n.includeContainer, {
+    filter: ct.bind(null, n),
     flatten: !0,
     getShadowRoot: n.getShadowRoot
-  }) : a = kn(t, n.includeContainer, dt.bind(null, n)), a;
-}, Fe = function(t, n) {
+  }) : a = Sn(t, n.includeContainer, ct.bind(null, n)), a;
+}, Ae = function(t, n) {
   if (n = n || {}, !t)
     throw new Error("No node provided");
-  return Ie.call(t, st) === !1 ? !1 : $t(n, t);
-}, wl = /* @__PURE__ */ Sn.concat("iframe").join(","), kt = function(t, n) {
+  return Te.call(t, it) === !1 ? !1 : kt(n, t);
+}, wl = /* @__PURE__ */ gn.concat("iframe").join(","), St = function(t, n) {
   if (n = n || {}, !t)
     throw new Error("No node provided");
-  return Ie.call(t, wl) === !1 ? !1 : dt(n, t);
+  return Te.call(t, wl) === !1 ? !1 : ct(n, t);
 };
 /*!
 * focus-trap 7.5.4
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
-function Zt(e, t) {
+function Gt(e, t) {
   var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
@@ -1874,12 +1899,12 @@ function Zt(e, t) {
   }
   return n;
 }
-function Xt(e) {
+function Yt(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Zt(Object(n), !0).forEach(function(a) {
+    t % 2 ? Gt(Object(n), !0).forEach(function(a) {
       Sl(e, a, n[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Zt(Object(n)).forEach(function(a) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Gt(Object(n)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
     });
   }
@@ -1909,7 +1934,7 @@ function kl(e) {
   var t = _l(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-var Qt = {
+var Zt = {
   activateTrap: function(t, n) {
     if (t.length > 0) {
       var a = t[t.length - 1];
@@ -1926,27 +1951,27 @@ var Qt = {
   return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
 }, $l = function(t) {
   return (t == null ? void 0 : t.key) === "Escape" || (t == null ? void 0 : t.key) === "Esc" || (t == null ? void 0 : t.keyCode) === 27;
-}, We = function(t) {
+}, qe = function(t) {
   return (t == null ? void 0 : t.key) === "Tab" || (t == null ? void 0 : t.keyCode) === 9;
 }, Cl = function(t) {
-  return We(t) && !t.shiftKey;
+  return qe(t) && !t.shiftKey;
 }, xl = function(t) {
-  return We(t) && t.shiftKey;
-}, en = function(t) {
+  return qe(t) && t.shiftKey;
+}, Xt = function(t) {
   return setTimeout(t, 0);
-}, tn = function(t, n) {
+}, Qt = function(t, n) {
   var a = -1;
   return t.every(function(o, r) {
     return n(o) ? (a = r, !1) : !0;
   }), a;
-}, qe = function(t) {
+}, Me = function(t) {
   for (var n = arguments.length, a = new Array(n > 1 ? n - 1 : 0), o = 1; o < n; o++)
     a[o - 1] = arguments[o];
   return typeof t == "function" ? t.apply(void 0, a) : t;
-}, ot = function(t) {
+}, at = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
 }, Tl = [], Vl = function(t, n) {
-  var a = (n == null ? void 0 : n.document) || document, o = (n == null ? void 0 : n.trapStack) || Tl, r = Xt({
+  var a = (n == null ? void 0 : n.document) || document, o = (n == null ? void 0 : n.trapStack) || Tl, r = Yt({
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0,
@@ -1992,22 +2017,22 @@ var Qt = {
     return $ && $[x] !== void 0 ? $[x] : r[N || x];
   }, u = function($, x) {
     var N = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
-    return l.containerGroups.findIndex(function(J) {
-      var q = J.container, U = J.tabbableNodes;
-      return q.contains($) || // fall back to explicit tabbable search which will take into consideration any
+    return l.containerGroups.findIndex(function(M) {
+      var J = M.container, U = M.tabbableNodes;
+      return J.contains($) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      (N == null ? void 0 : N.includes(q)) || U.find(function(Q) {
-        return Q === $;
+      (N == null ? void 0 : N.includes(J)) || U.find(function(te) {
+        return te === $;
       });
     });
   }, f = function($) {
     var x = r[$];
     if (typeof x == "function") {
-      for (var N = arguments.length, J = new Array(N > 1 ? N - 1 : 0), q = 1; q < N; q++)
-        J[q - 1] = arguments[q];
-      x = x.apply(void 0, J);
+      for (var N = arguments.length, M = new Array(N > 1 ? N - 1 : 0), J = 1; J < N; J++)
+        M[J - 1] = arguments[J];
+      x = x.apply(void 0, M);
     }
     if (x === !0 && (x = void 0), !x) {
       if (x === void 0 || x === !1)
@@ -2022,7 +2047,7 @@ var Qt = {
     var $ = f("initialFocus");
     if ($ === !1)
       return !1;
-    if ($ === void 0 || !kt($, r.tabbableOptions))
+    if ($ === void 0 || !St($, r.tabbableOptions))
       if (u(a.activeElement) >= 0)
         $ = a.activeElement;
       else {
@@ -2034,12 +2059,12 @@ var Qt = {
     return $;
   }, y = function() {
     if (l.containerGroups = l.containers.map(function($) {
-      var x = bl($, r.tabbableOptions), N = gl($, r.tabbableOptions), J = x.length > 0 ? x[0] : void 0, q = x.length > 0 ? x[x.length - 1] : void 0, U = N.find(function(oe) {
-        return Fe(oe);
-      }), Q = N.slice().reverse().find(function(oe) {
-        return Fe(oe);
+      var x = bl($, r.tabbableOptions), N = gl($, r.tabbableOptions), M = x.length > 0 ? x[0] : void 0, J = x.length > 0 ? x[x.length - 1] : void 0, U = N.find(function(oe) {
+        return Ae(oe);
+      }), te = N.slice().reverse().find(function(oe) {
+        return Ae(oe);
       }), le = !!x.find(function(oe) {
-        return Ce(oe) > 0;
+        return je(oe) > 0;
       });
       return {
         container: $,
@@ -2048,9 +2073,9 @@ var Qt = {
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: le,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: J,
+        firstTabbableNode: M,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
-        lastTabbableNode: q,
+        lastTabbableNode: J,
         // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
         //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
         //  because that API doesn't work with Shadow DOM as well as it should (@see
@@ -2061,7 +2086,7 @@ var Qt = {
         /** First tabbable node in container, __DOM__ order; `undefined` if none. */
         firstDomTabbableNode: U,
         /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
-        lastDomTabbableNode: Q,
+        lastDomTabbableNode: te,
         /**
          * Finds the __tabbable__ node that follows the given node in the specified direction,
          *  in this container, if any.
@@ -2070,13 +2095,13 @@ var Qt = {
          *  in reverse.
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
-        nextTabbableNode: function($e) {
-          var Me = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, me = x.indexOf($e);
-          return me < 0 ? Me ? N.slice(N.indexOf($e) + 1).find(function(Je) {
-            return Fe(Je);
-          }) : N.slice(0, N.indexOf($e)).reverse().find(function(Je) {
-            return Fe(Je);
-          }) : x[me + (Me ? 1 : -1)];
+        nextTabbableNode: function(ke) {
+          var Re = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, me = x.indexOf(ke);
+          return me < 0 ? Re ? N.slice(N.indexOf(ke) + 1).find(function(De) {
+            return Ae(De);
+          }) : N.slice(0, N.indexOf(ke)).reverse().find(function(De) {
+            return Ae(De);
+          }) : x[me + (Re ? 1 : -1)];
         }
       };
     }), l.tabbableGroups = l.containerGroups.filter(function($) {
@@ -2105,41 +2130,41 @@ var Qt = {
     var x = f("setReturnFocus", $);
     return x || (x === !1 ? !1 : $);
   }, m = function($) {
-    var x = $.target, N = $.event, J = $.isBackward, q = J === void 0 ? !1 : J;
-    x = x || ot(N), y();
+    var x = $.target, N = $.event, M = $.isBackward, J = M === void 0 ? !1 : M;
+    x = x || at(N), y();
     var U = null;
     if (l.tabbableGroups.length > 0) {
-      var Q = u(x, N), le = Q >= 0 ? l.containerGroups[Q] : void 0;
-      if (Q < 0)
-        q ? U = l.tabbableGroups[l.tabbableGroups.length - 1].lastTabbableNode : U = l.tabbableGroups[0].firstTabbableNode;
-      else if (q) {
-        var oe = tn(l.tabbableGroups, function(wt) {
-          var St = wt.firstTabbableNode;
-          return x === St;
+      var te = u(x, N), le = te >= 0 ? l.containerGroups[te] : void 0;
+      if (te < 0)
+        J ? U = l.tabbableGroups[l.tabbableGroups.length - 1].lastTabbableNode : U = l.tabbableGroups[0].firstTabbableNode;
+      else if (J) {
+        var oe = Qt(l.tabbableGroups, function(bt) {
+          var gt = bt.firstTabbableNode;
+          return x === gt;
         });
-        if (oe < 0 && (le.container === x || kt(x, r.tabbableOptions) && !Fe(x, r.tabbableOptions) && !le.nextTabbableNode(x, !1)) && (oe = Q), oe >= 0) {
-          var $e = oe === 0 ? l.tabbableGroups.length - 1 : oe - 1, Me = l.tabbableGroups[$e];
-          U = Ce(x) >= 0 ? Me.lastTabbableNode : Me.lastDomTabbableNode;
+        if (oe < 0 && (le.container === x || St(x, r.tabbableOptions) && !Ae(x, r.tabbableOptions) && !le.nextTabbableNode(x, !1)) && (oe = te), oe >= 0) {
+          var ke = oe === 0 ? l.tabbableGroups.length - 1 : oe - 1, Re = l.tabbableGroups[ke];
+          U = je(x) >= 0 ? Re.lastTabbableNode : Re.lastDomTabbableNode;
         } else
-          We(N) || (U = le.nextTabbableNode(x, !1));
+          qe(N) || (U = le.nextTabbableNode(x, !1));
       } else {
-        var me = tn(l.tabbableGroups, function(wt) {
-          var St = wt.lastTabbableNode;
-          return x === St;
+        var me = Qt(l.tabbableGroups, function(bt) {
+          var gt = bt.lastTabbableNode;
+          return x === gt;
         });
-        if (me < 0 && (le.container === x || kt(x, r.tabbableOptions) && !Fe(x, r.tabbableOptions) && !le.nextTabbableNode(x)) && (me = Q), me >= 0) {
-          var Je = me === l.tabbableGroups.length - 1 ? 0 : me + 1, Jt = l.tabbableGroups[Je];
-          U = Ce(x) >= 0 ? Jt.firstTabbableNode : Jt.firstDomTabbableNode;
+        if (me < 0 && (le.container === x || St(x, r.tabbableOptions) && !Ae(x, r.tabbableOptions) && !le.nextTabbableNode(x)) && (me = te), me >= 0) {
+          var De = me === l.tabbableGroups.length - 1 ? 0 : me + 1, Dt = l.tabbableGroups[De];
+          U = je(x) >= 0 ? Dt.firstTabbableNode : Dt.firstDomTabbableNode;
         } else
-          We(N) || (U = le.nextTabbableNode(x));
+          qe(N) || (U = le.nextTabbableNode(x));
       }
     } else
       U = f("fallbackFocus");
     return U;
   }, S = function($) {
-    var x = ot($);
+    var x = at($);
     if (!(u(x, $) >= 0)) {
-      if (qe(r.clickOutsideDeactivates, $)) {
+      if (Me(r.clickOutsideDeactivates, $)) {
         s.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
@@ -2151,60 +2176,60 @@ var Qt = {
         });
         return;
       }
-      qe(r.allowOutsideClick, $) || $.preventDefault();
+      Me(r.allowOutsideClick, $) || $.preventDefault();
     }
   }, k = function($) {
-    var x = ot($), N = u(x, $) >= 0;
+    var x = at($), N = u(x, $) >= 0;
     if (N || x instanceof Document)
       N && (l.mostRecentlyFocusedNode = x);
     else {
       $.stopImmediatePropagation();
-      var J, q = !0;
+      var M, J = !0;
       if (l.mostRecentlyFocusedNode)
-        if (Ce(l.mostRecentlyFocusedNode) > 0) {
-          var U = u(l.mostRecentlyFocusedNode), Q = l.containerGroups[U].tabbableNodes;
-          if (Q.length > 0) {
-            var le = Q.findIndex(function(oe) {
+        if (je(l.mostRecentlyFocusedNode) > 0) {
+          var U = u(l.mostRecentlyFocusedNode), te = l.containerGroups[U].tabbableNodes;
+          if (te.length > 0) {
+            var le = te.findIndex(function(oe) {
               return oe === l.mostRecentlyFocusedNode;
             });
-            le >= 0 && (r.isKeyForward(l.recentNavEvent) ? le + 1 < Q.length && (J = Q[le + 1], q = !1) : le - 1 >= 0 && (J = Q[le - 1], q = !1));
+            le >= 0 && (r.isKeyForward(l.recentNavEvent) ? le + 1 < te.length && (M = te[le + 1], J = !1) : le - 1 >= 0 && (M = te[le - 1], J = !1));
           }
         } else
           l.containerGroups.some(function(oe) {
-            return oe.tabbableNodes.some(function($e) {
-              return Ce($e) > 0;
+            return oe.tabbableNodes.some(function(ke) {
+              return je(ke) > 0;
             });
-          }) || (q = !1);
+          }) || (J = !1);
       else
-        q = !1;
-      q && (J = m({
+        J = !1;
+      J && (M = m({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: l.mostRecentlyFocusedNode,
         isBackward: r.isKeyBackward(l.recentNavEvent)
-      })), v(J || l.mostRecentlyFocusedNode || c());
+      })), v(M || l.mostRecentlyFocusedNode || c());
     }
     l.recentNavEvent = void 0;
-  }, L = function($) {
+  }, A = function($) {
     var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     l.recentNavEvent = $;
     var N = m({
       event: $,
       isBackward: x
     });
-    N && (We($) && $.preventDefault(), v(N));
+    N && (qe($) && $.preventDefault(), v(N));
   }, P = function($) {
-    if ($l($) && qe(r.escapeDeactivates, $) !== !1) {
+    if ($l($) && Me(r.escapeDeactivates, $) !== !1) {
       $.preventDefault(), s.deactivate();
       return;
     }
-    (r.isKeyForward($) || r.isKeyBackward($)) && L($, r.isKeyBackward($));
+    (r.isKeyForward($) || r.isKeyBackward($)) && A($, r.isKeyBackward($));
   }, T = function($) {
-    var x = ot($);
-    u(x, $) >= 0 || qe(r.clickOutsideDeactivates, $) || qe(r.allowOutsideClick, $) || ($.preventDefault(), $.stopImmediatePropagation());
+    var x = at($);
+    u(x, $) >= 0 || Me(r.clickOutsideDeactivates, $) || Me(r.allowOutsideClick, $) || ($.preventDefault(), $.stopImmediatePropagation());
   }, I = function() {
     if (l.active)
-      return Qt.activateTrap(o, s), l.delayInitialFocusTimer = r.delayInitialFocus ? en(function() {
+      return Zt.activateTrap(o, s), l.delayInitialFocusTimer = r.delayInitialFocus ? Xt(function() {
         v(c());
       }) : v(c()), a.addEventListener("focusin", k, !0), a.addEventListener("mousedown", S, {
         capture: !0,
@@ -2224,15 +2249,15 @@ var Qt = {
       return a.removeEventListener("focusin", k, !0), a.removeEventListener("mousedown", S, !0), a.removeEventListener("touchstart", S, !0), a.removeEventListener("click", T, !0), a.removeEventListener("keydown", P, !0), s;
   }, z = function($) {
     var x = $.some(function(N) {
-      var J = Array.from(N.removedNodes);
-      return J.some(function(q) {
-        return q === l.mostRecentlyFocusedNode;
+      var M = Array.from(N.removedNodes);
+      return M.some(function(J) {
+        return J === l.mostRecentlyFocusedNode;
       });
     });
     x && v(c());
-  }, M = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(z) : void 0, Z = function() {
-    M && (M.disconnect(), l.active && !l.paused && l.containers.map(function($) {
-      M.observe($, {
+  }, D = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(z) : void 0, X = function() {
+    D && (D.disconnect(), l.active && !l.paused && l.containers.map(function($) {
+      D.observe($, {
         subtree: !0,
         childList: !0
       });
@@ -2248,59 +2273,59 @@ var Qt = {
     activate: function($) {
       if (l.active)
         return this;
-      var x = i($, "onActivate"), N = i($, "onPostActivate"), J = i($, "checkCanFocusTrap");
-      J || y(), l.active = !0, l.paused = !1, l.nodeFocusedBeforeActivation = a.activeElement, x == null || x();
-      var q = function() {
-        J && y(), I(), Z(), N == null || N();
+      var x = i($, "onActivate"), N = i($, "onPostActivate"), M = i($, "checkCanFocusTrap");
+      M || y(), l.active = !0, l.paused = !1, l.nodeFocusedBeforeActivation = a.activeElement, x == null || x();
+      var J = function() {
+        M && y(), I(), X(), N == null || N();
       };
-      return J ? (J(l.containers.concat()).then(q, q), this) : (q(), this);
+      return M ? (M(l.containers.concat()).then(J, J), this) : (J(), this);
     },
     deactivate: function($) {
       if (!l.active)
         return this;
-      var x = Xt({
+      var x = Yt({
         onDeactivate: r.onDeactivate,
         onPostDeactivate: r.onPostDeactivate,
         checkCanReturnFocus: r.checkCanReturnFocus
       }, $);
-      clearTimeout(l.delayInitialFocusTimer), l.delayInitialFocusTimer = void 0, w(), l.active = !1, l.paused = !1, Z(), Qt.deactivateTrap(o, s);
-      var N = i(x, "onDeactivate"), J = i(x, "onPostDeactivate"), q = i(x, "checkCanReturnFocus"), U = i(x, "returnFocus", "returnFocusOnDeactivate");
+      clearTimeout(l.delayInitialFocusTimer), l.delayInitialFocusTimer = void 0, w(), l.active = !1, l.paused = !1, X(), Zt.deactivateTrap(o, s);
+      var N = i(x, "onDeactivate"), M = i(x, "onPostDeactivate"), J = i(x, "checkCanReturnFocus"), U = i(x, "returnFocus", "returnFocusOnDeactivate");
       N == null || N();
-      var Q = function() {
-        en(function() {
-          U && v(h(l.nodeFocusedBeforeActivation)), J == null || J();
+      var te = function() {
+        Xt(function() {
+          U && v(h(l.nodeFocusedBeforeActivation)), M == null || M();
         });
       };
-      return U && q ? (q(h(l.nodeFocusedBeforeActivation)).then(Q, Q), this) : (Q(), this);
+      return U && J ? (J(h(l.nodeFocusedBeforeActivation)).then(te, te), this) : (te(), this);
     },
     pause: function($) {
       if (l.paused || !l.active)
         return this;
       var x = i($, "onPause"), N = i($, "onPostPause");
-      return l.paused = !0, x == null || x(), w(), Z(), N == null || N(), this;
+      return l.paused = !0, x == null || x(), w(), X(), N == null || N(), this;
     },
     unpause: function($) {
       if (!l.paused || !l.active)
         return this;
       var x = i($, "onUnpause"), N = i($, "onPostUnpause");
-      return l.paused = !1, x == null || x(), y(), I(), Z(), N == null || N(), this;
+      return l.paused = !1, x == null || x(), y(), I(), X(), N == null || N(), this;
     },
     updateContainerElements: function($) {
       var x = [].concat($).filter(Boolean);
       return l.containers = x.map(function(N) {
         return typeof N == "string" ? a.querySelector(N) : N;
-      }), l.active && y(), Z(), this;
+      }), l.active && y(), X(), this;
     }
   }, s.updateContainerElements(t), s;
 };
-function xn(e, t = {}) {
+function $n(e, t = {}) {
   let n;
   const { immediate: a, ...o } = t, r = C(!1), l = C(!1), s = (c) => n && n.activate(c), i = (c) => n && n.deactivate(c), u = () => {
     n && (n.pause(), l.value = !0);
   }, f = () => {
     n && (n.unpause(), l.value = !1);
   };
-  return te(
+  return ne(
     () => al(e),
     (c) => {
       c && (n = Vl(c, {
@@ -2367,7 +2392,7 @@ const Il = /* @__PURE__ */ B({
     }
   },
   setup(e) {
-    return Et("VJoyWrapperContext", e), (n, a) => (d(), g("div", {
+    return Vt("VJoyWrapperContext", e), (n, a) => (d(), g("div", {
       class: E([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
@@ -2383,10 +2408,10 @@ const Il = /* @__PURE__ */ B({
       _(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Ke = /* @__PURE__ */ F(Il, [["__scopeId", "data-v-68d89412"]]), Tn = (e) => (Ye("data-v-37136d78"), e = e(), Ze(), e), El = ["id"], Ll = { class: "joy-dialog__inner" }, Al = {
+}), We = /* @__PURE__ */ F(Il, [["__scopeId", "data-v-68d89412"]]), Cn = (e) => (Ke("data-v-37136d78"), e = e(), Ge(), e), El = ["id"], Ll = { class: "joy-dialog__inner" }, Al = {
   key: 0,
   class: "joy-dialog__shapes"
-}, Bl = /* @__PURE__ */ Tn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), Fl = /* @__PURE__ */ Tn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), Nl = [
+}, Bl = /* @__PURE__ */ Cn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), Fl = /* @__PURE__ */ Cn(() => /* @__PURE__ */ b("div", { class: "joy-dialog__shapes___shape" }, null, -1)), Nl = [
   Bl,
   Fl
 ], zl = { class: "joy-dialog--header" }, Pl = {
@@ -2479,7 +2504,7 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = "joy-dialog--" + je(), l = X(), s = C(!1), i = C(), u = C(a.open), f = xn(i), c = Re(), y = V(() => {
+    const a = e, o = n, r = "joy-dialog--" + _e(), l = ee(), s = C(!1), i = C(), u = C(a.open), f = $n(i), c = Pe(), y = V(() => {
       if (s.value)
         return c;
     }), p = V(() => {
@@ -2490,12 +2515,12 @@ const Il = /* @__PURE__ */ B({
       !a.patternConfirm && S();
     }
     async function S(I = { fireHideEvent: !0 }) {
-      f.deactivate(), u.value = !1, await Ue(), he(!1), I.fireHideEvent && o("dialog:hide");
+      f.deactivate(), u.value = !1, await He(), he(!1), I.fireHideEvent && o("dialog:hide");
     }
     async function k() {
-      u.value = !0, await Ue(), a.focusTrap && f.activate(), a.preventBodyScroll && he(!0);
+      u.value = !0, await He(), a.focusTrap && f.activate(), a.preventBodyScroll && he(!0);
     }
-    function L() {
+    function A() {
       o("dialog:open");
     }
     function P() {
@@ -2504,9 +2529,9 @@ const Il = /* @__PURE__ */ B({
     function T() {
       o("dialog:after-hide");
     }
-    return re(async () => {
+    return ie(async () => {
       s.value = !0;
-    }), De(() => {
+    }), Oe(() => {
       u.value === !0 && (o("dialog:before-unmount"), he(!1));
     }), t({
       focusTrapReturn: f,
@@ -2514,20 +2539,20 @@ const Il = /* @__PURE__ */ B({
       hide: S,
       isOpen: u,
       show: k
-    }), (I, w) => s.value ? (d(), A(Qe, {
+    }), (I, w) => s.value ? (d(), L(Ze, {
       key: 0,
       to: e.teleport
     }, [
-      K(fn, {
+      K(cn, {
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
-        onEnter: L,
+        onEnter: A,
         onAfterEnter: P,
         onAfterLeave: T
       }, {
         default: R(() => [
-          u.value ? (d(), g("div", ae({ key: 0 }, y.value, {
+          u.value ? (d(), g("div", Z({ key: 0 }, y.value, {
             id: e.id || r,
             ref_key: "dialogRef",
             ref: i,
@@ -2535,7 +2560,7 @@ const Il = /* @__PURE__ */ B({
             "aria-modal": "true",
             class: ["joy-dialog", `joy-dialog--${e.size}`, { "joy-dialog--open": u.value, "joy-dialog--pattern-brand": e.patternBrand }],
             "aria-labelledby": h,
-            onKeydown: pt(m, ["esc"])
+            onKeydown: Xe(m, ["esc"])
           }), [
             b("div", {
               class: E([
@@ -2560,7 +2585,7 @@ const Il = /* @__PURE__ */ B({
                 e.bannerSrc ? (d(), g("div", {
                   key: 1,
                   class: "joy-dialog--banner",
-                  style: ie({
+                  style: se({
                     backgroundImage: `url(${e.bannerSrc})`,
                     backgroundPosition: e.bannerPosition,
                     height: `${e.bannerHeight}px`
@@ -2579,7 +2604,7 @@ const Il = /* @__PURE__ */ B({
                   b("p", Ol, [
                     _(I.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
-                  e.patternConfirm ? j("", !0) : (d(), A(ue, {
+                  e.patternConfirm ? j("", !0) : (d(), L(ue, {
                     key: 1,
                     id: "joy-dialog--close",
                     circle: "",
@@ -2603,13 +2628,13 @@ const Il = /* @__PURE__ */ B({
                     }
                   ])
                 }, [
-                  K(Ke, {
+                  K(We, {
                     justify: "flex-end",
                     "no-margin": ""
                   }, {
                     default: R(() => [
                       _(I.$slots, "dialog-cancel", {}, () => [
-                        e.cancelText ? (d(), A(ue, {
+                        e.cancelText ? (d(), L(ue, {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
@@ -2623,7 +2648,7 @@ const Il = /* @__PURE__ */ B({
                         }, 8, ["size"])) : j("", !0)
                       ], !0),
                       _(I.$slots, "dialog-confirm", {}, () => [
-                        e.confirmText ? (d(), A(ue, {
+                        e.confirmText ? (d(), L(ue, {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
@@ -2640,7 +2665,7 @@ const Il = /* @__PURE__ */ B({
                     _: 3
                   })
                 ], 2),
-                D(l)["dialog-indicators"] ? (d(), g("div", Dl, [
+                q(l)["dialog-indicators"] ? (d(), g("div", Dl, [
                   _(I.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : j("", !0)
               ])
@@ -2658,12 +2683,12 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = V(() => n.dialog), o = t, r = X(), l = V(() => r.default());
+    const n = e, a = V(() => n.dialog), o = t, r = ee(), l = V(() => r.default());
     async function s() {
       var i;
       o("click"), await ((i = a.value) == null ? void 0 : i.show());
     }
-    return (i, u) => (d(!0), g(Y, null, ee(l.value, (f) => (d(), A(se(f), {
+    return (i, u) => (d(!0), g(G, null, Q(l.value, (f) => (d(), L(re(f), {
       key: f,
       onClick: s
     }))), 128));
@@ -2683,7 +2708,7 @@ const Il = /* @__PURE__ */ B({
       disabled: e.disabled
     }, [
       b("div", ql, [
-        K(G, { name: "add" })
+        K(Y, { name: "add" })
       ]),
       b("div", Hl, [
         b("p", Wl, [
@@ -2761,7 +2786,7 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = "joy-drawer--" + je(), l = X(), s = C(!1), i = C(), u = C(a.open), f = xn(i), c = Re(), y = V(() => {
+    const a = e, o = n, r = "joy-drawer--" + _e(), l = ee(), s = C(!1), i = C(), u = C(a.open), f = $n(i), c = Pe(), y = V(() => {
       if (s.value)
         return c;
     }), p = V(() => {
@@ -2769,23 +2794,23 @@ const Il = /* @__PURE__ */ B({
       return !!T || !!I;
     }), v = V(() => a.id || r), h = v.value + "-header";
     async function m(T = { fireHideEvent: !0 }) {
-      a.onBeforeHide && !await a.onBeforeHide() || (f.deactivate(), u.value = !1, await Ue(), he(!1), T.fireHideEvent && o("drawer:hide"));
+      a.onBeforeHide && !await a.onBeforeHide() || (f.deactivate(), u.value = !1, await He(), he(!1), T.fireHideEvent && o("drawer:hide"));
     }
     async function S() {
-      u.value = !0, await Ue(), a.focusTrap && !a.elevated && f.activate(), !a.elevated && a.preventBodyScroll && he(!0);
+      u.value = !0, await He(), a.focusTrap && !a.elevated && f.activate(), !a.elevated && a.preventBodyScroll && he(!0);
     }
     function k() {
       o("drawer:open");
     }
-    function L() {
+    function A() {
       o("drawer:after-open");
     }
     function P() {
       o("drawer:after-hide");
     }
-    return re(() => {
+    return ie(() => {
       s.value = !0;
-    }), De(() => {
+    }), Oe(() => {
       u.value === !0 && (o("drawer:before-unmount"), he(!1));
     }), t({
       focusTrapReturn: f,
@@ -2793,20 +2818,20 @@ const Il = /* @__PURE__ */ B({
       hide: m,
       isOpen: u,
       show: S
-    }), (T, I) => s.value ? (d(), A(Qe, {
+    }), (T, I) => s.value ? (d(), L(Ze, {
       key: 0,
       to: e.teleport
     }, [
-      K(fn, {
+      K(cn, {
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
         onEnter: k,
-        onAfterEnter: L,
+        onAfterEnter: A,
         onAfterLeave: P
       }, {
         default: R(() => [
-          u.value ? (d(), g("div", ae({ key: 0 }, y.value, {
+          u.value ? (d(), g("div", Z({ key: 0 }, y.value, {
             id: v.value,
             ref_key: "drawerRef",
             ref: i,
@@ -2821,7 +2846,7 @@ const Il = /* @__PURE__ */ B({
               }
             ],
             "aria-labelledby": h,
-            onKeydown: I[4] || (I[4] = pt((w) => m(), ["esc"]))
+            onKeydown: I[4] || (I[4] = Xe((w) => m(), ["esc"]))
           }), [
             e.elevated ? j("", !0) : (d(), g("div", {
               key: 0,
@@ -2875,14 +2900,14 @@ const Il = /* @__PURE__ */ B({
                     }
                   ])
                 }, [
-                  K(Ke, {
+                  K(We, {
                     justify: "flex-end",
                     "no-margin": "",
                     class: "joy-drawer--footer-wrapper"
                   }, {
                     default: R(() => [
                       _(T.$slots, "drawer-cancel", {}, () => [
-                        e.cancelText ? (d(), A(ue, {
+                        e.cancelText ? (d(), L(ue, {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
@@ -2896,7 +2921,7 @@ const Il = /* @__PURE__ */ B({
                         }, 8, ["size"])) : j("", !0)
                       ], !0),
                       _(T.$slots, "drawer-confirm", {}, () => [
-                        e.confirmText ? (d(), A(ue, {
+                        e.confirmText ? (d(), L(ue, {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
@@ -2928,12 +2953,12 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = V(() => n.drawer), r = X(), l = V(() => r.default());
+    const n = e, a = t, o = V(() => n.drawer), r = ee(), l = V(() => r.default());
     async function s() {
       var i;
       a("click"), await ((i = o.value) == null ? void 0 : i.show());
     }
-    return (i, u) => (d(!0), g(Y, null, ee(l.value, (f) => (d(), A(se(f), {
+    return (i, u) => (d(!0), g(G, null, Q(l.value, (f) => (d(), L(re(f), {
       key: f,
       onClick: s
     }))), 128));
@@ -3032,15 +3057,15 @@ const Il = /* @__PURE__ */ B({
     function p() {
       a("reset");
     }
-    return re(() => {
+    return ie(() => {
       window.addEventListener("keydown", c), u();
-    }), De(() => {
+    }), Oe(() => {
       window.removeEventListener("keydown", c);
     }), t({
       isSelected: l
     }), (v, h) => (d(), g("div", {
       class: "joy-dropdown-list",
-      style: ie({ width: `${e.width}px`, "max-width": `${e.width}px` })
+      style: se({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
       v.$slots["dropdown-list-header"] || e.reset ? (d(), g("header", er, [
         e.reset ? (d(), g("button", {
@@ -3054,7 +3079,7 @@ const Il = /* @__PURE__ */ B({
       b("div", {
         tabindex: "0",
         class: E(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": v.$slots["dropdown-list-items"] }]),
-        style: ie({ "max-height": `${e.height}px` })
+        style: se({ "max-height": `${e.height}px` })
       }, [
         _(v.$slots, "dropdown-list-items", {}, void 0, !0),
         e.options.length ? (d(), g("ul", {
@@ -3066,10 +3091,10 @@ const Il = /* @__PURE__ */ B({
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (d(!0), g(Y, null, ee(e.options, (m) => (d(), g("li", {
+          (d(!0), g(G, null, Q(e.options, (m) => (d(), g("li", {
             id: m.id,
             key: m.id,
-            style: ie({ "max-width": `${e.width}px` }),
+            style: se({ "max-width": `${e.width}px` }),
             class: E([
               "joy-dropdown-list__item",
               `joy-dropdown-list__item--${e.size}`,
@@ -3087,7 +3112,7 @@ const Il = /* @__PURE__ */ B({
             role: "option",
             onClick: (S) => s(m)
           }, [
-            _(v.$slots, "label", _e(ke(m)), () => [
+            _(v.$slots, "label", Z({ ref_for: !0 }, m), () => [
               b("span", null, O(m.label), 1)
             ], !0)
           ], 46, nr))), 128))
@@ -3186,16 +3211,16 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, r = C(!1), l = C(null), s = C(), i = C(null), u = C(null), f = C(!1), c = "joy-dropdown--" + je();
-    Et("VJoyDropdownContext", o);
+    const a = n, o = e, r = C(!1), l = C(null), s = C(), i = C(null), u = C(null), f = C(!1), c = "joy-dropdown--" + _e();
+    Vt("VJoyDropdownContext", o);
     const y = {
       ignore: [s, ".joy-dropdown__list"]
     };
     let p = null;
-    te(
+    ne(
       () => r.value,
       (I) => {
-        I && Za(i);
+        I && Ya(i);
       },
       { flush: "post" }
     );
@@ -3219,7 +3244,7 @@ const Il = /* @__PURE__ */ B({
     function k() {
       u.value && u.value.focus();
     }
-    function L(I) {
+    function A(I) {
       a("update:modelValue", I), o.closeOnSelect && (h(), k());
     }
     function P() {
@@ -3228,12 +3253,12 @@ const Il = /* @__PURE__ */ B({
     function T() {
       !s.value || !s.value.children.length || (s.value.children[0].id = c);
     }
-    return Wo(h), re(() => {
+    return Wo(h), ie(() => {
       T();
     }), t({
       showDropdownList: r,
       generatedId: c
-    }), (I, w) => (d(), A(D(Bt), {
+    }), (I, w) => (d(), L(q(Lt), {
       ref_key: "dropdown",
       ref: l,
       options: y,
@@ -3263,7 +3288,7 @@ const Il = /* @__PURE__ */ B({
               "joy-dropdown__list--hiding": f.value
             }
           ]),
-          style: ie(v.value)
+          style: se(v.value)
         }, [
           K(lr, {
             "model-value": e.modelValue,
@@ -3274,12 +3299,12 @@ const Il = /* @__PURE__ */ B({
             reset: e.reset,
             "reset-label": e.resetLabel,
             "aria-labelled-by": c,
-            "onUpdate:modelValue": L,
+            "onUpdate:modelValue": A,
             "onClose:dropdownList": S,
             onReset: P
-          }, Lt({
+          }, It({
             label: R((z) => [
-              _(I.$slots, "dropdown-item", _e(ke(z)), () => [
+              _(I.$slots, "dropdown-item", na(aa(z)), () => [
                 b("span", null, O(z.label), 1)
               ], !0)
             ]),
@@ -3319,14 +3344,14 @@ const Il = /* @__PURE__ */ B({
   },
   setup(e) {
     return (t, n) => (d(), g("div", ir, [
-      K(G, {
+      K(Y, {
         "aria-hidden": "true",
         name: e.name,
         class: "joy-dropzone__icon"
       }, null, 8, ["name"])
     ]));
   }
-}), Vn = /* @__PURE__ */ F(sr, [["__scopeId", "data-v-5a2d1889"]]), ur = { class: "joy-dropzone__file__description" }, cr = { class: "joy-dropzone__file__name" }, dr = {
+}), xn = /* @__PURE__ */ F(sr, [["__scopeId", "data-v-5a2d1889"]]), ur = { class: "joy-dropzone__file__description" }, cr = { class: "joy-dropzone__file__name" }, dr = {
   key: 0,
   class: "joy-dropzone__file__information"
 }, fr = {
@@ -3342,8 +3367,8 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["delete", "update"],
   setup(e) {
-    const t = X(), n = e;
-    return (a, o) => (d(), A(Ke, {
+    const t = ee(), n = e;
+    return (a, o) => (d(), L(We, {
       "column-gap": "6",
       "row-gap": "4",
       justify: "flex-start",
@@ -3353,18 +3378,18 @@ const Il = /* @__PURE__ */ B({
       class: "joy-dropzone__file"
     }, {
       default: R(() => [
-        K(Vn, {
+        K(xn, {
           name: "file-check",
           class: "joy-dropzone__file__icon"
         }),
         b("div", ur, [
           b("span", cr, O(n.file.name), 1),
-          D(t).information ? (d(), g("div", dr, [
+          t.information ? (d(), g("div", dr, [
             _(a.$slots, "information", { file: a.file }, void 0, !0)
           ])) : j("", !0),
           a.error ? (d(), g("p", fr, O(a.error), 1)) : j("", !0)
         ]),
-        K(Ke, {
+        K(We, {
           "column-gap": "1",
           wrap: "nowrap",
           "no-margin": "",
@@ -3421,7 +3446,7 @@ const Il = /* @__PURE__ */ B({
   }),
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = X(), a = e, o = la(e, "modelValue"), r = C(), l = C(), s = C(), { isOverDropZone: i } = uo(l, {
+    const n = ee(), a = e, o = la(e, "modelValue"), r = C(), l = C(), s = C(), { isOverDropZone: i } = so(l, {
       onDrop: k
     }), u = V(() => o.value.filter((w) => w instanceof File)), f = V(() => u.value.some((w) => !y(w) || !p(w))), c = V(() => a.multiple || u.value.length === 0 ? void 0 : v(u.value[0]));
     function y(w) {
@@ -3433,12 +3458,12 @@ const Il = /* @__PURE__ */ B({
     function v(w) {
       if (!(w instanceof File))
         return;
-      const z = y(w), M = p(w);
-      if (!z && !M)
+      const z = y(w), D = p(w);
+      if (!z && !D)
         return a.errorTextFormatAndMaxSize;
       if (!z)
         return a.errorTextFormat;
-      if (!M)
+      if (!D)
         return a.errorTextMaxSize;
     }
     function h() {
@@ -3448,14 +3473,14 @@ const Il = /* @__PURE__ */ B({
       s.value && (s.value.value = "");
     }
     function S(w) {
-      var M;
-      const z = (M = w.target) == null ? void 0 : M.files;
+      var D;
+      const z = (D = w.target) == null ? void 0 : D.files;
       !z || z.length === 0 || (r.value ? (I(r.value, Array.from(z)), r.value = void 0) : T(Array.from(z)));
     }
     function k(w) {
       !w || w.length === 0 || (r.value = void 0, T(w));
     }
-    function L(w) {
+    function A(w) {
       r.value = w, s.value && s.value.click();
     }
     function P(w) {
@@ -3464,14 +3489,14 @@ const Il = /* @__PURE__ */ B({
     function T(w) {
       a.multiple ? o.value.push(...w) : o.value = [w[0]];
     }
-    function I(w, [z, ...M]) {
-      a.multiple ? (o.value[o.value.indexOf(w)] = z, o.value.push(...M)) : o.value = [z];
+    function I(w, [z, ...D]) {
+      a.multiple ? (o.value[o.value.indexOf(w)] = z, o.value.push(...D)) : o.value = [z];
     }
     return t({
       invalid: f
     }), (w, z) => (d(), g("div", {
       class: E(["joy-dropzone", {
-        "joy-dropzone--dragover": D(i),
+        "joy-dropzone--dragover": q(i),
         "joy-dropzone--invalid": f.value,
         "joy-dropzone--empty": o.value.length === 0
       }])
@@ -3497,32 +3522,32 @@ const Il = /* @__PURE__ */ B({
           class: "joy-dropzone__label"
         }, [
           o.value.length > 0 ? (d(), g("div", hr, [
-            (d(!0), g(Y, null, ee(o.value, (M, Z) => (d(), A(yr, {
-              key: `${M.name}_${Z}`,
-              file: M,
-              error: w.multiple ? v(M) : void 0,
+            (d(!0), g(G, null, Q(o.value, (D, X) => (d(), L(yr, {
+              key: `${D.name}_${X}`,
+              file: D,
+              error: w.multiple ? v(D) : void 0,
               "update-label": w.updateLabel,
               "delete-label": w.deleteLabel,
-              onUpdate: (H) => L(M),
-              onDelete: (H) => P(M)
-            }, Lt({ _: 2 }, [
-              D(n)["file-information"] ? {
+              onUpdate: (H) => A(D),
+              onDelete: (H) => P(D)
+            }, It({ _: 2 }, [
+              n["file-information"] ? {
                 name: "information",
                 fn: R(() => [
-                  _(w.$slots, "file-information", { file: M }, void 0, !0)
+                  _(w.$slots, "file-information", { file: D }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
-              D(n)["file-actions"] ? {
+              n["file-actions"] ? {
                 name: "actions",
                 fn: R(() => [
-                  _(w.$slots, "file-actions", { file: M }, void 0, !0)
+                  _(w.$slots, "file-actions", { file: D }, void 0, !0)
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["file", "error", "update-label", "delete-label", "onUpdate", "onDelete"]))), 128))
           ])) : j("", !0),
-          o.value.length === 0 || w.multiple ? (d(), A(Ke, {
+          o.value.length === 0 || w.multiple ? (d(), L(We, {
             key: 1,
             wrap: "nowrap",
             "no-margin": "",
@@ -3530,7 +3555,7 @@ const Il = /* @__PURE__ */ B({
             onClick: h
           }, {
             default: R(() => [
-              K(Vn, {
+              K(xn, {
                 name: "add",
                 class: "joy-dropzone__instruction__icon"
               }),
@@ -3544,10 +3569,10 @@ const Il = /* @__PURE__ */ B({
           })) : j("", !0)
         ], 8, mr)
       ], 512),
-      D(n)["dropzone-legend"] ? (d(), g("div", gr, [
+      n["dropzone-legend"] ? (d(), g("div", gr, [
         _(w.$slots, "dropzone-legend", {}, void 0, !0)
       ])) : j("", !0),
-      c.value ? (d(), A(Ft, {
+      c.value ? (d(), L(At, {
         key: 1,
         "no-html-error-text": c.value,
         class: "joy-dropzone__error"
@@ -3588,7 +3613,7 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["filter"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = Xe("VJoyDropdownContext", null);
+    const n = e, a = t, o = Ye("VJoyDropdownContext", null);
     function r() {
       a("filter", n.value);
     }
@@ -3599,7 +3624,7 @@ const Il = /* @__PURE__ */ B({
     }, [
       W(O(e.label) + " ", 1),
       _(l.$slots, "default", {}, void 0, !0),
-      D(o) ? (d(), A(G, {
+      q(o) ? (d(), L(Y, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -3620,7 +3645,7 @@ const Il = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), wc = /* @__PURE__ */ F(Tr, [["__scopeId", "data-v-e174785d"]]), Vr = /* @__PURE__ */ B({
+}), wc = /* @__PURE__ */ F(Tr, [["__scopeId", "data-v-e1cd31ef"]]), Vr = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3640,7 +3665,7 @@ const Il = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = Xe("VJoyWrapperContext", {}), o = V(() => {
+    const n = e, a = Ye("VJoyWrapperContext", {}), o = V(() => {
       const r = a.direction === "column" ? "auto" : null;
       if (!n.width && n.flex === "1") {
         const i = ["1", "0"];
@@ -3652,13 +3677,13 @@ const Il = /* @__PURE__ */ B({
     return t({ flexStyle: o }), (r, l) => (d(), g("div", {
       "aria-hidden": "true",
       class: E(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
-      style: ie({
+      style: se({
         "max-width": e.width,
         flex: o.value
       })
     }, null, 6));
   }
-}), Sc = /* @__PURE__ */ F(Vr, [["__scopeId", "data-v-235a3b9e"]]), Ir = { class: "joy-funnel__header" }, Er = { class: "funnel__header__inner" }, Lr = { class: "joy-funnel__stepper" }, Ar = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-42085efa><div class="shape_1" data-v-42085efa></div><div class="shape_2" data-v-42085efa></div><div class="shape_3" data-v-42085efa></div><div class="shape_4" data-v-42085efa></div></div>', 1), Br = [
+}), Sc = /* @__PURE__ */ F(Vr, [["__scopeId", "data-v-235a3b9e"]]), Ir = { class: "joy-funnel__header" }, Er = { class: "funnel__header__inner" }, Lr = { class: "joy-funnel__stepper" }, Ar = /* @__PURE__ */ dn('<div class="shapes__wrapper" data-v-42085efa><div class="shape_1" data-v-42085efa></div><div class="shape_2" data-v-42085efa></div><div class="shape_3" data-v-42085efa></div><div class="shape_4" data-v-42085efa></div></div>', 1), Br = [
   Ar
 ], Fr = { class: "joy-funnel__footer" }, Nr = /* @__PURE__ */ B({
   __name: "VJoyFunnel",
@@ -3680,7 +3705,7 @@ const Il = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const n = C(!0), a = X();
+    const n = C(!0), a = ee();
     function o(s) {
       const i = s.currentTarget;
       n.value = i.scrollTop === 0;
@@ -3771,7 +3796,7 @@ const Il = /* @__PURE__ */ B({
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = V(() => n.icon ? n.icon : pn(n.level));
+    const n = e, a = V(() => n.icon ? n.icon : vn(n.level));
     return t({
       getRelevantIcon: a
     }), (o, r) => (d(), g("div", {
@@ -3787,7 +3812,7 @@ const Il = /* @__PURE__ */ B({
     }, [
       b("div", Dr, [
         _(o.$slots, "highlight-decorator", {}, () => [
-          e.displayIcon ? (d(), A(G, {
+          e.displayIcon ? (d(), L(Y, {
             key: 0,
             name: a.value
           }, null, 8, ["name"])) : j("", !0)
@@ -3847,7 +3872,7 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = X(), l = C(a.modelValue), s = V(() => {
+    const a = e, o = n, r = ee(), l = C(a.modelValue), s = V(() => {
       const c = r.default();
       return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(u) : c.filter(u);
     });
@@ -3861,7 +3886,7 @@ const Il = /* @__PURE__ */ B({
     function f(c) {
       o("update:modelValue", c.props.value), l.value = c.props.value;
     }
-    return te(
+    return ne(
       () => a.modelValue,
       (c, y) => {
         c !== y && (l.value = c);
@@ -3872,8 +3897,9 @@ const Il = /* @__PURE__ */ B({
     }), (c, y) => (d(), g("ul", {
       class: E(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (d(!0), g(Y, null, ee(s.value, (p) => (d(), A(Ur, ae({
-        key: p.props.value
+      (d(!0), g(G, null, Q(s.value, (p) => (d(), L(Ur, Z({
+        key: p.props.value,
+        ref_for: !0
       }, { ...p.props, variant: e.variant }, {
         selected: i(p),
         onClick: (v) => f(p)
@@ -3956,11 +3982,11 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, r = C(), l = C(), s = Re(), i = X(), u = C(!1), f = C(!1);
-    Nt(r, o.autofocus);
+    const a = n, o = e, r = C(), l = C(), s = Pe(), i = ee(), u = C(!1), f = C(!1);
+    Bt(r, o.autofocus);
     const c = V(() => typeof o.modelValue == "number" || !o.clearable || o.unit || !o.modelValue ? !1 : o.modelValue.length > 0 && !o.unit), y = V(() => i.default && i.default()), p = V(() => {
-      var k, L;
-      return !!((k = l.value) != null && k.closest("joy-wrapper")) || !!((L = l.value) != null && L.closest(".joy-wrapper"));
+      var k, A;
+      return !!((k = l.value) != null && k.closest("joy-wrapper")) || !!((A = l.value) != null && A.closest(".joy-wrapper"));
     }), v = C(o.type), h = V(() => o.type === "password" && !!o.modelValue);
     ra(() => {
       v.value = o.unit ? "number" : o.type;
@@ -3980,12 +4006,12 @@ const Il = /* @__PURE__ */ B({
         k.preventDefault();
       },
       onInput: (k) => {
-        let L = k.target.value;
-        o.modelModifiers.lazy || a("update:modelValue", L);
+        let A = k.target.value;
+        o.modelModifiers.lazy || a("update:modelValue", A);
       },
       onChange: (k) => {
-        let L = k.target.value;
-        o.modelModifiers.lazy && a("update:modelValue", L);
+        let A = k.target.value;
+        o.modelModifiers.lazy && a("update:modelValue", A);
       },
       clearValue: () => {
         o.disabled || a("update:modelValue", "");
@@ -3996,7 +4022,7 @@ const Il = /* @__PURE__ */ B({
     };
     return t({
       focus: m
-    }), (k, L) => (d(), g("div", {
+    }), (k, A) => (d(), g("div", {
       ref_key: "root",
       ref: l,
       class: E([`joy-input--${o.size}`])
@@ -4009,11 +4035,11 @@ const Il = /* @__PURE__ */ B({
             "joy-input--disabled": e.disabled,
             "joy-input--invalid": e.invalid,
             "joy-input--readonly": e.readonly,
-            "joy-input--valid": !e.invalid && !D(s).disabled
+            "joy-input--valid": !e.invalid && !q(s).disabled
           }
         ])
       }, [
-        y.value || e.label ? (d(), A(Ae, {
+        y.value || e.label ? (d(), L(Ee, {
           key: 0,
           for: e.id || e.name,
           required: e.required && e.requiredMark,
@@ -4038,7 +4064,7 @@ const Il = /* @__PURE__ */ B({
             }
           ])
         }, [
-          b("input", ae(k.$attrs, {
+          b("input", Z(k.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
             ref: r,
@@ -4054,18 +4080,18 @@ const Il = /* @__PURE__ */ B({
             ],
             type: v.value,
             value: e.modelValue,
-            onFocus: L[0] || (L[0] = //@ts-ignore
+            onFocus: A[0] || (A[0] = //@ts-ignore
             (...P) => S.onFocus && S.onFocus(...P)),
-            onBlur: L[1] || (L[1] = //@ts-ignore
+            onBlur: A[1] || (A[1] = //@ts-ignore
             (...P) => S.onBlur && S.onBlur(...P)),
-            onInput: L[2] || (L[2] = //@ts-ignore
+            onInput: A[2] || (A[2] = //@ts-ignore
             (...P) => S.onInput && S.onInput(...P)),
-            onChange: L[3] || (L[3] = //@ts-ignore
+            onChange: A[3] || (A[3] = //@ts-ignore
             (...P) => S.onChange && S.onChange(...P)),
-            onWheel: L[4] || (L[4] = //@ts-ignore
+            onWheel: A[4] || (A[4] = //@ts-ignore
             (...P) => S.onWheelScroll && S.onWheelScroll(...P))
           }), null, 16, Gr),
-          c.value ? (d(), A(ue, {
+          c.value ? (d(), L(ue, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
@@ -4074,13 +4100,13 @@ const Il = /* @__PURE__ */ B({
             icon: "cross",
             onClick: S.clearValue
           }, null, 8, ["onClick"])) : j("", !0),
-          h.value ? (d(), A(G, {
+          h.value ? (d(), L(Y, {
             key: 1,
             class: "joy-input--password-icon",
             name: f.value ? "eye-masked" : "eye",
             onClick: S.togglePassword
           }, null, 8, ["name", "onClick"])) : j("", !0),
-          e.icon ? (d(), A(G, {
+          e.icon ? (d(), L(Y, {
             key: 2,
             class: "joy-input--decorative-icon",
             name: e.icon
@@ -4109,10 +4135,10 @@ const Il = /* @__PURE__ */ B({
     text: String
   },
   setup(e) {
-    return (t, n) => (d(), g("a", ae({ href: e.href }, t.$attrs, {
+    return (t, n) => (d(), g("a", Z({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (d(), A(G, {
+      e.icon ? (d(), L(Y, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : j("", !0),
@@ -4151,7 +4177,7 @@ const Il = /* @__PURE__ */ B({
       return Array.from(((y = o.value) == null ? void 0 : y.querySelectorAll("li")) || []).filter((p) => p.getAttribute("aria-disabled") !== "true");
     }
     function u(y) {
-      return y.id || je();
+      return y.id || _e();
     }
     function f() {
       return i().find((y) => y === document.activeElement);
@@ -4188,7 +4214,7 @@ const Il = /* @__PURE__ */ B({
       role: "menu",
       onKeydown: c
     }, [
-      (d(!0), g(Y, null, ee(e.items, (v) => (d(), g("li", {
+      (d(!0), g(G, null, Q(e.items, (v) => (d(), g("li", {
         id: u(v),
         key: v.label,
         class: E([
@@ -4208,8 +4234,8 @@ const Il = /* @__PURE__ */ B({
         onClick: (h) => s(v)
       }, [
         b("div", ni, [
-          _(y.$slots, "menu-item", _e(ke(v)), () => [
-            v.icon ? (d(), A(G, {
+          _(y.$slots, "menu-item", Z({ ref_for: !0 }, v), () => [
+            v.icon ? (d(), L(Y, {
               key: 0,
               name: v.icon
             }, null, 8, ["name"])) : j("", !0),
@@ -4271,7 +4297,7 @@ const Il = /* @__PURE__ */ B({
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      e.label ? (d(), A(Ae, {
+      e.label ? (d(), L(Ee, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -4284,7 +4310,7 @@ const Il = /* @__PURE__ */ B({
         _: 1
       }, 8, ["required", "optional-label", "size"])) : j("", !0),
       b("div", li, [
-        (d(!0), g(Y, null, ee(e.options, (i) => (d(), A(wn, {
+        (d(!0), g(G, null, Q(e.options, (i) => (d(), L(bn, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -4293,7 +4319,7 @@ const Il = /* @__PURE__ */ B({
           "onUpdate:checked": (u) => r(i.value, u)
         }, {
           default: R(() => [
-            _(l.$slots, "checkbox", _e(ke(i)), () => [
+            _(l.$slots, "checkbox", Z({ ref_for: !0 }, i), () => [
               W(O(i.label), 1)
             ], !0)
           ]),
@@ -4302,7 +4328,7 @@ const Il = /* @__PURE__ */ B({
       ])
     ], 8, oi));
   }
-}), Vc = /* @__PURE__ */ F(ri, [["__scopeId", "data-v-04da9dc2"]]), nn = /* @__PURE__ */ B({
+}), Vc = /* @__PURE__ */ F(ri, [["__scopeId", "data-v-04da9dc2"]]), en = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -4320,7 +4346,7 @@ const Il = /* @__PURE__ */ B({
   },
   emits: ["click"],
   setup(e) {
-    return (t, n) => (d(), A(ue, {
+    return (t, n) => (d(), L(ue, {
       class: "joy-pagination__icon",
       label: e.label,
       title: e.label,
@@ -4394,7 +4420,7 @@ const Il = /* @__PURE__ */ B({
           onClick: c[0] || (c[0] = (y) => s(e.currentPage - 1, "prev"))
         }, [
           _(f.$slots, "pagination-prev", {}, () => [
-            K(nn, {
+            K(en, {
               label: e.labelPrev,
               disabled: e.currentPage === 1
             }, null, 8, ["label", "disabled"])
@@ -4402,7 +4428,7 @@ const Il = /* @__PURE__ */ B({
         ]),
         b("li", null, [
           b("ul", null, [
-            (d(!0), g(Y, null, ee(l.value, (y) => (d(), g("li", {
+            (d(!0), g(G, null, Q(l.value, (y) => (d(), g("li", {
               key: y,
               class: E({
                 "joy-pagination__item": !0,
@@ -4413,7 +4439,7 @@ const Il = /* @__PURE__ */ B({
               }),
               onClick: (p) => s(y)
             }, [
-              _(f.$slots, "page", _e(ke({ page: y })), () => [
+              _(f.$slots, "page", Z({ ref_for: !0 }, { page: y }), () => [
                 b("button", {
                   type: "button",
                   "aria-current": y === e.currentPage ? "true" : "false"
@@ -4427,7 +4453,7 @@ const Il = /* @__PURE__ */ B({
           onClick: c[1] || (c[1] = (y) => s(e.currentPage + 1, "next"))
         }, [
           _(f.$slots, "pagination-next", {}, () => [
-            K(nn, {
+            K(en, {
               next: "",
               label: e.labelNext,
               disabled: e.currentPage === e.totalPages
@@ -4460,7 +4486,7 @@ const Il = /* @__PURE__ */ B({
     }, [
       b("div", fi, [
         _(t.$slots, "spinner", {}, () => [
-          K(mn, {
+          K(yn, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
@@ -4470,7 +4496,7 @@ const Il = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), In = /* @__PURE__ */ F(yi, [["__scopeId", "data-v-266b7e2a"]]), pi = {
+}), Tn = /* @__PURE__ */ F(yi, [["__scopeId", "data-v-266b7e2a"]]), pi = {
   key: 0,
   class: /* @__PURE__ */ E(["joy-panel__header"])
 }, mi = {
@@ -4514,11 +4540,11 @@ const Il = /* @__PURE__ */ B({
     }
   },
   setup(e) {
-    const t = Xe("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = X(), o = C(), r = V(() => !!a["panel-title"] || !!a["panel-subtitle"] || !!a["panel-title-action"]);
+    const t = Ye("VJoyWrapperContext", {}), n = V(() => Object.keys(t).length > 0), a = ee(), o = C(), r = V(() => !!a["panel-title"] || !!a["panel-subtitle"] || !!a["panel-title-action"]);
     return (l, s) => (d(), g("section", {
       ref_key: "panel",
       ref: o,
-      style: ie({ flex: e.flex }),
+      style: se({ flex: e.flex }),
       class: E([
         "joy-panel",
         `joy-panel--${e.padding}`,
@@ -4530,26 +4556,26 @@ const Il = /* @__PURE__ */ B({
       ])
     }, [
       r.value ? (d(), g("header", pi, [
-        D(a)["panel-title"] ? (d(), g("div", {
+        a["panel-title"] ? (d(), g("div", {
           key: 0,
           class: E(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           _(l.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : j("", !0),
-        D(a)["panel-title-action"] ? (d(), g("div", mi, [
+        a["panel-title-action"] ? (d(), g("div", mi, [
           _(l.$slots, "panel-title-action", {}, void 0, !0)
         ])) : j("", !0),
-        D(a)["panel-subtitle"] ? (d(), g("div", hi, [
+        a["panel-subtitle"] ? (d(), g("div", hi, [
           _(l.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : j("", !0)
       ])) : j("", !0),
       b("div", bi, [
         _(l.$slots, "panel-body", {}, void 0, !0)
       ]),
-      D(a)["panel-action"] ? (d(), g("footer", gi, [
+      a["panel-action"] ? (d(), g("footer", gi, [
         _(l.$slots, "panel-action", {}, void 0, !0)
       ])) : j("", !0),
-      e.loading ? (d(), A(In, {
+      e.loading ? (d(), L(Tn, {
         key: 2,
         overlay: "",
         color: e.loadingColor
@@ -4570,12 +4596,12 @@ const Il = /* @__PURE__ */ B({
 }, ji = /* @__PURE__ */ B({
   __name: "VJoyPanelSection",
   setup(e) {
-    const t = X();
+    const t = ee();
     return (n, a) => (d(), g("div", Si, [
-      D(t)["panel-section-title"] ? (d(), g("div", _i, [
+      q(t)["panel-section-title"] ? (d(), g("div", _i, [
         _(n.$slots, "panel-section-title", {}, void 0, !0)
       ])) : j("", !0),
-      D(t)["panel-section-content"] ? (d(), g("div", ki, [
+      q(t)["panel-section-content"] ? (d(), g("div", ki, [
         _(n.$slots, "panel-section-content", {}, void 0, !0)
       ])) : j("", !0)
     ]));
@@ -4584,7 +4610,7 @@ const Il = /* @__PURE__ */ B({
 function xi(e, t) {
   return d(), g("div", Ci);
 }
-const Ti = /* @__PURE__ */ F($i, [["render", xi], ["__scopeId", "data-v-fbaf8e78"]]), Pe = Math.min, Ve = Math.max, ft = Math.round, lt = Math.floor, ge = (e) => ({
+const Ti = /* @__PURE__ */ F($i, [["render", xi], ["__scopeId", "data-v-fbaf8e78"]]), Ne = Math.min, xe = Math.max, dt = Math.round, ot = Math.floor, ge = (e) => ({
   x: e,
   y: e
 }), Vi = {
@@ -4596,41 +4622,41 @@ const Ti = /* @__PURE__ */ F($i, [["render", xi], ["__scopeId", "data-v-fbaf8e78
   start: "end",
   end: "start"
 };
-function Ct(e, t, n) {
-  return Ve(e, Pe(t, n));
+function jt(e, t, n) {
+  return xe(e, Ne(t, n));
 }
-function Ee(e, t) {
+function Ve(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function we(e) {
   return e.split("-")[0];
 }
-function et(e) {
+function Qe(e) {
   return e.split("-")[1];
 }
-function zt(e) {
+function Ft(e) {
   return e === "x" ? "y" : "x";
 }
-function Pt(e) {
+function Nt(e) {
   return e === "y" ? "height" : "width";
 }
-function tt(e) {
+function et(e) {
   return ["top", "bottom"].includes(we(e)) ? "y" : "x";
 }
-function Ot(e) {
-  return zt(tt(e));
+function zt(e) {
+  return Ft(et(e));
 }
 function Ei(e, t, n) {
   n === void 0 && (n = !1);
-  const a = et(e), o = Ot(e), r = Pt(o);
+  const a = Qe(e), o = zt(e), r = Nt(o);
   let l = o === "x" ? a === (n ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (l = vt(l)), [l, vt(l)];
+  return t.reference[r] > t.floating[r] && (l = ft(l)), [l, ft(l)];
 }
 function Li(e) {
-  const t = vt(e);
-  return [xt(e), t, xt(t)];
+  const t = ft(e);
+  return [$t(e), t, $t(t)];
 }
-function xt(e) {
+function $t(e) {
   return e.replace(/start|end/g, (t) => Ii[t]);
 }
 function Ai(e, t, n) {
@@ -4647,11 +4673,11 @@ function Ai(e, t, n) {
   }
 }
 function Bi(e, t, n, a) {
-  const o = et(e);
+  const o = Qe(e);
   let r = Ai(we(e), n === "start", a);
-  return o && (r = r.map((l) => l + "-" + o), t && (r = r.concat(r.map(xt)))), r;
+  return o && (r = r.map((l) => l + "-" + o), t && (r = r.concat(r.map($t)))), r;
 }
-function vt(e) {
+function ft(e) {
   return e.replace(/left|right|bottom|top/g, (t) => Vi[t]);
 }
 function Fi(e) {
@@ -4663,7 +4689,7 @@ function Fi(e) {
     ...e
   };
 }
-function En(e) {
+function Vn(e) {
   return typeof e != "number" ? Fi(e) : {
     top: e,
     right: e,
@@ -4671,7 +4697,7 @@ function En(e) {
     left: e
   };
 }
-function yt(e) {
+function vt(e) {
   return {
     ...e,
     top: e.y,
@@ -4680,12 +4706,12 @@ function yt(e) {
     bottom: e.y + e.height
   };
 }
-function an(e, t, n) {
+function tn(e, t, n) {
   let {
     reference: a,
     floating: o
   } = e;
-  const r = tt(t), l = Ot(t), s = Pt(l), i = we(t), u = r === "y", f = a.x + a.width / 2 - o.width / 2, c = a.y + a.height / 2 - o.height / 2, y = a[s] / 2 - o[s] / 2;
+  const r = et(t), l = zt(t), s = Nt(l), i = we(t), u = r === "y", f = a.x + a.width / 2 - o.width / 2, c = a.y + a.height / 2 - o.height / 2, y = a[s] / 2 - o[s] / 2;
   let p;
   switch (i) {
     case "top":
@@ -4718,7 +4744,7 @@ function an(e, t, n) {
         y: a.y
       };
   }
-  switch (et(t)) {
+  switch (Qe(t)) {
     case "start":
       p[l] -= y * (n && u ? -1 : 1);
       break;
@@ -4742,14 +4768,14 @@ const Ni = async (e, t, n) => {
   }), {
     x: f,
     y: c
-  } = an(u, a, i), y = a, p = {}, v = 0;
+  } = tn(u, a, i), y = a, p = {}, v = 0;
   for (let h = 0; h < s.length; h++) {
     const {
       name: m,
       fn: S
     } = s[h], {
       x: k,
-      y: L,
+      y: A,
       data: P,
       reset: T
     } = await S({
@@ -4766,7 +4792,7 @@ const Ni = async (e, t, n) => {
         floating: t
       }
     });
-    if (f = k ?? f, c = L ?? c, p = {
+    if (f = k ?? f, c = A ?? c, p = {
       ...p,
       [m]: {
         ...p[m],
@@ -4780,7 +4806,7 @@ const Ni = async (e, t, n) => {
       }) : T.rects), {
         x: f,
         y: c
-      } = an(u, y, i)), h = -1;
+      } = tn(u, y, i)), h = -1;
       continue;
     }
   }
@@ -4792,7 +4818,7 @@ const Ni = async (e, t, n) => {
     middlewareData: p
   };
 };
-async function Ln(e, t) {
+async function In(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -4808,7 +4834,7 @@ async function Ln(e, t) {
     elementContext: c = "floating",
     altBoundary: y = !1,
     padding: p = 0
-  } = Ee(t, e), v = En(p), m = s[y ? c === "floating" ? "reference" : "floating" : c], S = yt(await r.getClippingRect({
+  } = Ve(t, e), v = Vn(p), m = s[y ? c === "floating" ? "reference" : "floating" : c], S = vt(await r.getClippingRect({
     element: (n = await (r.isElement == null ? void 0 : r.isElement(m))) == null || n ? m : m.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(s.floating)),
     boundary: u,
     rootBoundary: f,
@@ -4817,15 +4843,15 @@ async function Ln(e, t) {
     ...l.floating,
     x: a,
     y: o
-  } : l.reference, L = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), P = await (r.isElement == null ? void 0 : r.isElement(L)) ? await (r.getScale == null ? void 0 : r.getScale(L)) || {
+  } : l.reference, A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s.floating)), P = await (r.isElement == null ? void 0 : r.isElement(A)) ? await (r.getScale == null ? void 0 : r.getScale(A)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, T = yt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, T = vt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     rect: k,
-    offsetParent: L,
+    offsetParent: A,
     strategy: i
   }) : k);
   return {
@@ -4850,29 +4876,29 @@ const zi = (e) => ({
     } = t, {
       element: u,
       padding: f = 0
-    } = Ee(e, t) || {};
+    } = Ve(e, t) || {};
     if (u == null)
       return {};
-    const c = En(f), y = {
+    const c = Vn(f), y = {
       x: n,
       y: a
-    }, p = Ot(o), v = Pt(p), h = await l.getDimensions(u), m = p === "y", S = m ? "top" : "left", k = m ? "bottom" : "right", L = m ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], T = y[p] - r.reference[p], I = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
-    let w = I ? I[L] : 0;
-    (!w || !await (l.isElement == null ? void 0 : l.isElement(I))) && (w = s.floating[L] || r.floating[v]);
-    const z = P / 2 - T / 2, M = w / 2 - h[v] / 2 - 1, Z = Pe(c[S], M), H = Pe(c[k], M), $ = Z, x = w - h[v] - H, N = w / 2 - h[v] / 2 + z, J = Ct($, N, x), q = !i.arrow && et(o) != null && N != J && r.reference[v] / 2 - (N < $ ? Z : H) - h[v] / 2 < 0, U = q ? N < $ ? N - $ : N - x : 0;
+    }, p = zt(o), v = Nt(p), h = await l.getDimensions(u), m = p === "y", S = m ? "top" : "left", k = m ? "bottom" : "right", A = m ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], T = y[p] - r.reference[p], I = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
+    let w = I ? I[A] : 0;
+    (!w || !await (l.isElement == null ? void 0 : l.isElement(I))) && (w = s.floating[A] || r.floating[v]);
+    const z = P / 2 - T / 2, D = w / 2 - h[v] / 2 - 1, X = Ne(c[S], D), H = Ne(c[k], D), $ = X, x = w - h[v] - H, N = w / 2 - h[v] / 2 + z, M = jt($, N, x), J = !i.arrow && Qe(o) != null && N != M && r.reference[v] / 2 - (N < $ ? X : H) - h[v] / 2 < 0, U = J ? N < $ ? N - $ : N - x : 0;
     return {
       [p]: y[p] + U,
       data: {
-        [p]: J,
-        centerOffset: N - J - U,
-        ...q && {
+        [p]: M,
+        centerOffset: N - M - U,
+        ...J && {
           alignmentOffset: U
         }
       },
-      reset: q
+      reset: J
     };
   }
-}), An = function(e) {
+}), En = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -4893,23 +4919,23 @@ const zi = (e) => ({
         fallbackAxisSideDirection: v = "none",
         flipAlignment: h = !0,
         ...m
-      } = Ee(e, t);
+      } = Ve(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const S = we(o), k = we(s) === s, L = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), P = y || (k || !h ? [vt(s)] : Li(s));
-      !y && v !== "none" && P.push(...Bi(s, h, v, L));
-      const T = [s, ...P], I = await Ln(t, m), w = [];
+      const S = we(o), k = we(s) === s, A = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), P = y || (k || !h ? [ft(s)] : Li(s));
+      !y && v !== "none" && P.push(...Bi(s, h, v, A));
+      const T = [s, ...P], I = await In(t, m), w = [];
       let z = ((a = r.flip) == null ? void 0 : a.overflows) || [];
       if (f && w.push(I[S]), c) {
-        const $ = Ei(o, l, L);
+        const $ = Ei(o, l, A);
         w.push(I[$[0]], I[$[1]]);
       }
       if (z = [...z, {
         placement: o,
         overflows: w
       }], !w.every(($) => $ <= 0)) {
-        var M, Z;
-        const $ = (((M = r.flip) == null ? void 0 : M.index) || 0) + 1, x = T[$];
+        var D, X;
+        const $ = (((D = r.flip) == null ? void 0 : D.index) || 0) + 1, x = T[$];
         if (x)
           return {
             data: {
@@ -4920,13 +4946,13 @@ const zi = (e) => ({
               placement: x
             }
           };
-        let N = (Z = z.filter((J) => J.overflows[0] <= 0).sort((J, q) => J.overflows[1] - q.overflows[1])[0]) == null ? void 0 : Z.placement;
+        let N = (X = z.filter((M) => M.overflows[0] <= 0).sort((M, J) => M.overflows[1] - J.overflows[1])[0]) == null ? void 0 : X.placement;
         if (!N)
           switch (p) {
             case "bestFit": {
               var H;
-              const J = (H = z.map((q) => [q.placement, q.overflows.filter((U) => U > 0).reduce((U, Q) => U + Q, 0)]).sort((q, U) => q[1] - U[1])[0]) == null ? void 0 : H[0];
-              J && (N = J);
+              const M = (H = z.map((J) => [J.placement, J.overflows.filter((U) => U > 0).reduce((U, te) => U + te, 0)]).sort((J, U) => J[1] - U[1])[0]) == null ? void 0 : H[0];
+              M && (N = M);
               break;
             }
             case "initialPlacement":
@@ -4949,7 +4975,7 @@ async function Pi(e, t) {
     placement: n,
     platform: a,
     elements: o
-  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = we(n), s = et(n), i = tt(n) === "y", u = ["left", "top"].includes(l) ? -1 : 1, f = r && i ? -1 : 1, c = Ee(t, e);
+  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(o.floating)), l = we(n), s = Qe(n), i = et(n) === "y", u = ["left", "top"].includes(l) ? -1 : 1, f = r && i ? -1 : 1, c = Ve(t, e);
   let {
     mainAxis: y,
     crossAxis: p,
@@ -4972,7 +4998,7 @@ async function Pi(e, t) {
     y: p * f
   };
 }
-const Bn = function(e) {
+const Ln = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -4988,7 +5014,7 @@ const Bn = function(e) {
       };
     }
   };
-}, Fn = function(e) {
+}, An = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -5013,18 +5039,18 @@ const Bn = function(e) {
           }
         },
         ...i
-      } = Ee(e, t), u = {
+      } = Ve(e, t), u = {
         x: n,
         y: a
-      }, f = await Ln(t, i), c = tt(we(o)), y = zt(c);
+      }, f = await In(t, i), c = et(we(o)), y = Ft(c);
       let p = u[y], v = u[c];
       if (r) {
-        const m = y === "y" ? "top" : "left", S = y === "y" ? "bottom" : "right", k = p + f[m], L = p - f[S];
-        p = Ct(k, p, L);
+        const m = y === "y" ? "top" : "left", S = y === "y" ? "bottom" : "right", k = p + f[m], A = p - f[S];
+        p = jt(k, p, A);
       }
       if (l) {
-        const m = c === "y" ? "top" : "left", S = c === "y" ? "bottom" : "right", k = v + f[m], L = v - f[S];
-        v = Ct(k, v, L);
+        const m = c === "y" ? "top" : "left", S = c === "y" ? "bottom" : "right", k = v + f[m], A = v - f[S];
+        v = jt(k, v, A);
       }
       const h = s.fn({
         ...t,
@@ -5040,7 +5066,7 @@ const Bn = function(e) {
       };
     }
   };
-}, Nn = function(e) {
+}, Bn = function(e) {
   return e === void 0 && (e = {}), {
     options: e,
     fn(t) {
@@ -5054,12 +5080,12 @@ const Bn = function(e) {
         offset: s = 0,
         mainAxis: i = !0,
         crossAxis: u = !0
-      } = Ee(e, t), f = {
+      } = Ve(e, t), f = {
         x: n,
         y: a
-      }, c = tt(o), y = zt(c);
+      }, c = et(o), y = Ft(c);
       let p = f[y], v = f[c];
-      const h = Ee(s, t), m = typeof h == "number" ? {
+      const h = Ve(s, t), m = typeof h == "number" ? {
         mainAxis: h,
         crossAxis: 0
       } : {
@@ -5068,12 +5094,12 @@ const Bn = function(e) {
         ...h
       };
       if (i) {
-        const L = y === "y" ? "height" : "width", P = r.reference[y] - r.floating[L] + m.mainAxis, T = r.reference[y] + r.reference[L] - m.mainAxis;
+        const A = y === "y" ? "height" : "width", P = r.reference[y] - r.floating[A] + m.mainAxis, T = r.reference[y] + r.reference[A] - m.mainAxis;
         p < P ? p = P : p > T && (p = T);
       }
       if (u) {
         var S, k;
-        const L = y === "y" ? "width" : "height", P = ["top", "left"].includes(we(o)), T = r.reference[c] - r.floating[L] + (P && ((S = l.offset) == null ? void 0 : S[c]) || 0) + (P ? 0 : m.crossAxis), I = r.reference[c] + r.reference[L] + (P ? 0 : ((k = l.offset) == null ? void 0 : k[c]) || 0) - (P ? m.crossAxis : 0);
+        const A = y === "y" ? "width" : "height", P = ["top", "left"].includes(we(o)), T = r.reference[c] - r.floating[A] + (P && ((S = l.offset) == null ? void 0 : S[c]) || 0) + (P ? 0 : m.crossAxis), I = r.reference[c] + r.reference[A] + (P ? 0 : ((k = l.offset) == null ? void 0 : k[c]) || 0) - (P ? m.crossAxis : 0);
         v < T ? v = T : v > I && (v = I);
       }
       return {
@@ -5084,7 +5110,7 @@ const Bn = function(e) {
   };
 };
 function Se(e) {
-  return zn(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return Fn(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function ce(e) {
   var t;
@@ -5092,9 +5118,9 @@ function ce(e) {
 }
 function pe(e) {
   var t;
-  return (t = (zn(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Fn(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function zn(e) {
+function Fn(e) {
   return e instanceof Node || e instanceof ce(e).Node;
 }
 function ye(e) {
@@ -5103,10 +5129,10 @@ function ye(e) {
 function ve(e) {
   return e instanceof HTMLElement || e instanceof ce(e).HTMLElement;
 }
-function on(e) {
+function nn(e) {
   return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ce(e).ShadowRoot;
 }
-function nt(e) {
+function tt(e) {
   const {
     overflow: t,
     overflowX: n,
@@ -5118,29 +5144,29 @@ function nt(e) {
 function Oi(e) {
   return ["table", "td", "th"].includes(Se(e));
 }
-function Rt(e) {
-  const t = Dt(), n = de(e);
+function Pt(e) {
+  const t = Ot(), n = de(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((a) => (n.willChange || "").includes(a)) || ["paint", "layout", "strict", "content"].some((a) => (n.contain || "").includes(a));
 }
 function Ri(e) {
-  let t = Oe(e);
-  for (; ve(t) && !bt(t); ) {
-    if (Rt(t))
+  let t = ze(e);
+  for (; ve(t) && !mt(t); ) {
+    if (Pt(t))
       return t;
-    t = Oe(t);
+    t = ze(t);
   }
   return null;
 }
-function Dt() {
+function Ot() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function bt(e) {
+function mt(e) {
   return ["html", "body", "#document"].includes(Se(e));
 }
 function de(e) {
   return ce(e).getComputedStyle(e);
 }
-function gt(e) {
+function ht(e) {
   return ye(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -5149,60 +5175,60 @@ function gt(e) {
     scrollTop: e.pageYOffset
   };
 }
-function Oe(e) {
+function ze(e) {
   if (Se(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    on(e) && e.host || // Fallback.
+    nn(e) && e.host || // Fallback.
     pe(e)
   );
-  return on(t) ? t.host : t;
+  return nn(t) ? t.host : t;
 }
-function Pn(e) {
-  const t = Oe(e);
-  return bt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ve(t) && nt(t) ? t : Pn(t);
+function Nn(e) {
+  const t = ze(e);
+  return mt(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ve(t) && tt(t) ? t : Nn(t);
 }
-function Ge(e, t, n) {
+function Ue(e, t, n) {
   var a;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const o = Pn(e), r = o === ((a = e.ownerDocument) == null ? void 0 : a.body), l = ce(o);
-  return r ? t.concat(l, l.visualViewport || [], nt(o) ? o : [], l.frameElement && n ? Ge(l.frameElement) : []) : t.concat(o, Ge(o, [], n));
+  const o = Nn(e), r = o === ((a = e.ownerDocument) == null ? void 0 : a.body), l = ce(o);
+  return r ? t.concat(l, l.visualViewport || [], tt(o) ? o : [], l.frameElement && n ? Ue(l.frameElement) : []) : t.concat(o, Ue(o, [], n));
 }
-function On(e) {
+function zn(e) {
   const t = de(e);
   let n = parseFloat(t.width) || 0, a = parseFloat(t.height) || 0;
-  const o = ve(e), r = o ? e.offsetWidth : n, l = o ? e.offsetHeight : a, s = ft(n) !== r || ft(a) !== l;
+  const o = ve(e), r = o ? e.offsetWidth : n, l = o ? e.offsetHeight : a, s = dt(n) !== r || dt(a) !== l;
   return s && (n = r, a = l), {
     width: n,
     height: a,
     $: s
   };
 }
-function Mt(e) {
+function Rt(e) {
   return ye(e) ? e : e.contextElement;
 }
-function ze(e) {
-  const t = Mt(e);
+function Fe(e) {
+  const t = Rt(e);
   if (!ve(t))
     return ge(1);
   const n = t.getBoundingClientRect(), {
     width: a,
     height: o,
     $: r
-  } = On(t);
-  let l = (r ? ft(n.width) : n.width) / a, s = (r ? ft(n.height) : n.height) / o;
+  } = zn(t);
+  let l = (r ? dt(n.width) : n.width) / a, s = (r ? dt(n.height) : n.height) / o;
   return (!l || !Number.isFinite(l)) && (l = 1), (!s || !Number.isFinite(s)) && (s = 1), {
     x: l,
     y: s
   };
 }
 const Di = /* @__PURE__ */ ge(0);
-function Rn(e) {
+function Pn(e) {
   const t = ce(e);
-  return !Dt() || !t.visualViewport ? Di : {
+  return !Ot() || !t.visualViewport ? Di : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
@@ -5210,22 +5236,22 @@ function Rn(e) {
 function Mi(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ce(e) ? !1 : t;
 }
-function Le(e, t, n, a) {
+function Ie(e, t, n, a) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const o = e.getBoundingClientRect(), r = Mt(e);
+  const o = e.getBoundingClientRect(), r = Rt(e);
   let l = ge(1);
-  t && (a ? ye(a) && (l = ze(a)) : l = ze(e));
-  const s = Mi(r, n, a) ? Rn(r) : ge(0);
+  t && (a ? ye(a) && (l = Fe(a)) : l = Fe(e));
+  const s = Mi(r, n, a) ? Pn(r) : ge(0);
   let i = (o.left + s.x) / l.x, u = (o.top + s.y) / l.y, f = o.width / l.x, c = o.height / l.y;
   if (r) {
     const y = ce(r), p = a && ye(a) ? ce(a) : a;
     let v = y.frameElement;
     for (; v && a && p !== y; ) {
-      const h = ze(v), m = v.getBoundingClientRect(), S = de(v), k = m.left + (v.clientLeft + parseFloat(S.paddingLeft)) * h.x, L = m.top + (v.clientTop + parseFloat(S.paddingTop)) * h.y;
-      i *= h.x, u *= h.y, f *= h.x, c *= h.y, i += k, u += L, v = ce(v).frameElement;
+      const h = Fe(v), m = v.getBoundingClientRect(), S = de(v), k = m.left + (v.clientLeft + parseFloat(S.paddingLeft)) * h.x, A = m.top + (v.clientTop + parseFloat(S.paddingTop)) * h.y;
+      i *= h.x, u *= h.y, f *= h.x, c *= h.y, i += k, u += A, v = ce(v).frameElement;
     }
   }
-  return yt({
+  return vt({
     width: f,
     height: c,
     x: i,
@@ -5246,9 +5272,9 @@ function Ji(e) {
     scrollTop: 0
   }, s = ge(1);
   const i = ge(0);
-  if ((o || !o && a !== "fixed") && ((Se(n) !== "body" || nt(r)) && (l = gt(n)), ve(n))) {
-    const u = Le(n);
-    s = ze(n), i.x = u.x + n.clientLeft, i.y = u.y + n.clientTop;
+  if ((o || !o && a !== "fixed") && ((Se(n) !== "body" || tt(r)) && (l = ht(n)), ve(n))) {
+    const u = Ie(n);
+    s = Fe(n), i.x = u.x + n.clientLeft, i.y = u.y + n.clientTop;
   }
   return {
     width: t.width * s.x,
@@ -5260,14 +5286,14 @@ function Ji(e) {
 function qi(e) {
   return Array.from(e.getClientRects());
 }
-function Dn(e) {
-  return Le(pe(e)).left + gt(e).scrollLeft;
+function On(e) {
+  return Ie(pe(e)).left + ht(e).scrollLeft;
 }
 function Hi(e) {
-  const t = pe(e), n = gt(e), a = e.ownerDocument.body, o = Ve(t.scrollWidth, t.clientWidth, a.scrollWidth, a.clientWidth), r = Ve(t.scrollHeight, t.clientHeight, a.scrollHeight, a.clientHeight);
-  let l = -n.scrollLeft + Dn(e);
+  const t = pe(e), n = ht(e), a = e.ownerDocument.body, o = xe(t.scrollWidth, t.clientWidth, a.scrollWidth, a.clientWidth), r = xe(t.scrollHeight, t.clientHeight, a.scrollHeight, a.clientHeight);
+  let l = -n.scrollLeft + On(e);
   const s = -n.scrollTop;
-  return de(a).direction === "rtl" && (l += Ve(t.clientWidth, a.clientWidth) - o), {
+  return de(a).direction === "rtl" && (l += xe(t.clientWidth, a.clientWidth) - o), {
     width: o,
     height: r,
     x: l,
@@ -5279,7 +5305,7 @@ function Wi(e, t) {
   let r = a.clientWidth, l = a.clientHeight, s = 0, i = 0;
   if (o) {
     r = o.width, l = o.height;
-    const u = Dt();
+    const u = Ot();
     (!u || u && t === "fixed") && (s = o.offsetLeft, i = o.offsetTop);
   }
   return {
@@ -5290,7 +5316,7 @@ function Wi(e, t) {
   };
 }
 function Ui(e, t) {
-  const n = Le(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, r = ve(e) ? ze(e) : ge(1), l = e.clientWidth * r.x, s = e.clientHeight * r.y, i = o * r.x, u = a * r.y;
+  const n = Ie(e, !0, t === "fixed"), a = n.top + e.clientTop, o = n.left + e.clientLeft, r = ve(e) ? Fe(e) : ge(1), l = e.clientWidth * r.x, s = e.clientHeight * r.y, i = o * r.x, u = a * r.y;
   return {
     width: l,
     height: s,
@@ -5298,7 +5324,7 @@ function Ui(e, t) {
     y: u
   };
 }
-function ln(e, t, n) {
+function an(e, t, n) {
   let a;
   if (t === "viewport")
     a = Wi(e, n);
@@ -5307,29 +5333,29 @@ function ln(e, t, n) {
   else if (ye(t))
     a = Ui(t, n);
   else {
-    const o = Rn(e);
+    const o = Pn(e);
     a = {
       ...t,
       x: t.x - o.x,
       y: t.y - o.y
     };
   }
-  return yt(a);
+  return vt(a);
 }
-function Mn(e, t) {
-  const n = Oe(e);
-  return n === t || !ye(n) || bt(n) ? !1 : de(n).position === "fixed" || Mn(n, t);
+function Rn(e, t) {
+  const n = ze(e);
+  return n === t || !ye(n) || mt(n) ? !1 : de(n).position === "fixed" || Rn(n, t);
 }
 function Ki(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let a = Ge(e, [], !1).filter((s) => ye(s) && Se(s) !== "body"), o = null;
+  let a = Ue(e, [], !1).filter((s) => ye(s) && Se(s) !== "body"), o = null;
   const r = de(e).position === "fixed";
-  let l = r ? Oe(e) : e;
-  for (; ye(l) && !bt(l); ) {
-    const s = de(l), i = Rt(l);
-    !i && s.position === "fixed" && (o = null), (r ? !i && !o : !i && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || nt(l) && !i && Mn(e, l)) ? a = a.filter((f) => f !== l) : o = s, l = Oe(l);
+  let l = r ? ze(e) : e;
+  for (; ye(l) && !mt(l); ) {
+    const s = de(l), i = Pt(l);
+    !i && s.position === "fixed" && (o = null), (r ? !i && !o : !i && s.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || tt(l) && !i && Rn(e, l)) ? a = a.filter((f) => f !== l) : o = s, l = ze(l);
   }
   return t.set(e, a), a;
 }
@@ -5341,9 +5367,9 @@ function Gi(e) {
     strategy: o
   } = e;
   const l = [...n === "clippingAncestors" ? Ki(t, this._c) : [].concat(n), a], s = l[0], i = l.reduce((u, f) => {
-    const c = ln(t, f, o);
-    return u.top = Ve(c.top, u.top), u.right = Pe(c.right, u.right), u.bottom = Pe(c.bottom, u.bottom), u.left = Ve(c.left, u.left), u;
-  }, ln(t, s, o));
+    const c = an(t, f, o);
+    return u.top = xe(c.top, u.top), u.right = Ne(c.right, u.right), u.bottom = Ne(c.bottom, u.bottom), u.left = xe(c.left, u.left), u;
+  }, an(t, s, o));
   return {
     width: i.right - i.left,
     height: i.bottom - i.top,
@@ -5352,21 +5378,21 @@ function Gi(e) {
   };
 }
 function Yi(e) {
-  return On(e);
+  return zn(e);
 }
 function Zi(e, t, n) {
-  const a = ve(t), o = pe(t), r = n === "fixed", l = Le(e, !0, r, t);
+  const a = ve(t), o = pe(t), r = n === "fixed", l = Ie(e, !0, r, t);
   let s = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const i = ge(0);
   if (a || !a && !r)
-    if ((Se(t) !== "body" || nt(o)) && (s = gt(t)), a) {
-      const u = Le(t, !0, r, t);
+    if ((Se(t) !== "body" || tt(o)) && (s = ht(t)), a) {
+      const u = Ie(t, !0, r, t);
       i.x = u.x + t.clientLeft, i.y = u.y + t.clientTop;
     } else
-      o && (i.x = Dn(o));
+      o && (i.x = On(o));
   return {
     x: l.left + s.scrollLeft - i.x,
     y: l.top + s.scrollTop - i.y,
@@ -5374,17 +5400,17 @@ function Zi(e, t, n) {
     height: l.height
   };
 }
-function rn(e, t) {
+function on(e, t) {
   return !ve(e) || de(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
-function Jn(e, t) {
+function Dn(e, t) {
   const n = ce(e);
   if (!ve(e))
     return n;
-  let a = rn(e, t);
+  let a = on(e, t);
   for (; a && Oi(a) && de(a).position === "static"; )
-    a = rn(a, t);
-  return a && (Se(a) === "html" || Se(a) === "body" && de(a).position === "static" && !Rt(a)) ? n : a || Ri(e) || n;
+    a = on(a, t);
+  return a && (Se(a) === "html" || Se(a) === "body" && de(a).position === "static" && !Pt(a)) ? n : a || Ri(e) || n;
 }
 const Xi = async function(e) {
   let {
@@ -5392,7 +5418,7 @@ const Xi = async function(e) {
     floating: n,
     strategy: a
   } = e;
-  const o = this.getOffsetParent || Jn, r = this.getDimensions;
+  const o = this.getOffsetParent || Dn, r = this.getDimensions;
   return {
     reference: Zi(t, await o(n), a),
     floating: {
@@ -5409,11 +5435,11 @@ const es = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Ji,
   getDocumentElement: pe,
   getClippingRect: Gi,
-  getOffsetParent: Jn,
+  getOffsetParent: Dn,
   getElementRects: Xi,
   getClientRects: qi,
   getDimensions: Yi,
-  getScale: ze,
+  getScale: Fe,
   isElement: ye,
   isRTL: Qi
 };
@@ -5433,21 +5459,21 @@ function ts(e, t) {
     } = e.getBoundingClientRect();
     if (s || t(), !c || !y)
       return;
-    const p = lt(f), v = lt(o.clientWidth - (u + c)), h = lt(o.clientHeight - (f + y)), m = lt(u), k = {
+    const p = ot(f), v = ot(o.clientWidth - (u + c)), h = ot(o.clientHeight - (f + y)), m = ot(u), k = {
       rootMargin: -p + "px " + -v + "px " + -h + "px " + -m + "px",
-      threshold: Ve(0, Pe(1, i)) || 1
+      threshold: xe(0, Ne(1, i)) || 1
     };
-    let L = !0;
+    let A = !0;
     function P(T) {
       const I = T[0].intersectionRatio;
       if (I !== i) {
-        if (!L)
+        if (!A)
           return l();
         I ? l(!1, I) : a = setTimeout(() => {
           l(!1, 1e-7);
         }, 100);
       }
-      L = !1;
+      A = !1;
     }
     try {
       n = new IntersectionObserver(P, {
@@ -5470,7 +5496,7 @@ function ns(e, t, n, a) {
     elementResize: l = typeof ResizeObserver == "function",
     layoutShift: s = typeof IntersectionObserver == "function",
     animationFrame: i = !1
-  } = a, u = Mt(e), f = o || r ? [...u ? Ge(u) : [], ...Ge(t)] : [];
+  } = a, u = Rt(e), f = o || r ? [...u ? Ue(u) : [], ...Ue(t)] : [];
   f.forEach((S) => {
     o && S.addEventListener("scroll", n, {
       passive: !0
@@ -5484,10 +5510,10 @@ function ns(e, t, n, a) {
       p && p.observe(t);
     })), n();
   }), u && !i && p.observe(u), p.observe(t));
-  let v, h = i ? Le(e) : null;
+  let v, h = i ? Ie(e) : null;
   i && m();
   function m() {
-    const S = Le(e);
+    const S = Ie(e);
     h && (S.x !== h.x || S.y !== h.y || S.width !== h.width || S.height !== h.height) && n(), h = S, v = requestAnimationFrame(m);
   }
   return n(), () => {
@@ -5509,16 +5535,16 @@ const as = (e, t, n) => {
     platform: r
   });
 };
-function Tt(e) {
+function Ct(e) {
   var t;
   return (t = e == null ? void 0 : e.$el) != null ? t : e;
 }
-function qn(e) {
+function Mn(e) {
   return {
     name: "arrow",
     options: e,
     fn(t) {
-      const n = Tt(D(e.element));
+      const n = Ct(q(e.element));
       return n == null ? {} : zi({
         element: n,
         padding: e.padding
@@ -5526,28 +5552,28 @@ function qn(e) {
     }
   };
 }
-function Hn(e) {
+function Jn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function sn(e, t) {
-  const n = Hn(e);
+function ln(e, t) {
+  const n = Jn(e);
   return Math.round(t * n) / n;
 }
-function Wn(e, t, n) {
+function qn(e, t, n) {
   n === void 0 && (n = {});
   const a = n.whileElementsMounted, o = V(() => {
     var w;
-    return (w = D(n.open)) != null ? w : !0;
-  }), r = V(() => D(n.middleware)), l = V(() => {
+    return (w = q(n.open)) != null ? w : !0;
+  }), r = V(() => q(n.middleware)), l = V(() => {
     var w;
-    return (w = D(n.placement)) != null ? w : "bottom";
+    return (w = q(n.placement)) != null ? w : "bottom";
   }), s = V(() => {
     var w;
-    return (w = D(n.strategy)) != null ? w : "absolute";
+    return (w = q(n.strategy)) != null ? w : "absolute";
   }), i = V(() => {
     var w;
-    return (w = D(n.transform)) != null ? w : !0;
-  }), u = V(() => Tt(e.value)), f = V(() => Tt(t.value)), c = C(0), y = C(0), p = C(s.value), v = C(l.value), h = dn({}), m = C(!1), S = V(() => {
+    return (w = q(n.transform)) != null ? w : !0;
+  }), u = V(() => Ct(e.value)), f = V(() => Ct(t.value)), c = C(0), y = C(0), p = C(s.value), v = C(l.value), h = un({}), m = C(!1), S = V(() => {
     const w = {
       position: p.value,
       left: "0",
@@ -5555,21 +5581,21 @@ function Wn(e, t, n) {
     };
     if (!f.value)
       return w;
-    const z = sn(f.value, c.value), M = sn(f.value, y.value);
+    const z = ln(f.value, c.value), D = ln(f.value, y.value);
     return i.value ? {
       ...w,
-      transform: "translate(" + z + "px, " + M + "px)",
-      ...Hn(f.value) >= 1.5 && {
+      transform: "translate(" + z + "px, " + D + "px)",
+      ...Jn(f.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: p.value,
       left: z + "px",
-      top: M + "px"
+      top: D + "px"
     };
   });
   let k;
-  function L() {
+  function A() {
     u.value == null || f.value == null || as(u.value, f.value, {
       middleware: r.value,
       placement: l.value,
@@ -5583,32 +5609,32 @@ function Wn(e, t, n) {
   }
   function T() {
     if (P(), a === void 0) {
-      L();
+      A();
       return;
     }
     if (u.value != null && f.value != null) {
-      k = a(u.value, f.value, L);
+      k = a(u.value, f.value, A);
       return;
     }
   }
   function I() {
     o.value || (m.value = !1);
   }
-  return te([r, l, s], L, {
+  return ne([r, l, s], A, {
     flush: "sync"
-  }), te([u, f], T, {
+  }), ne([u, f], T, {
     flush: "sync"
-  }), te(o, I, {
+  }), ne(o, I, {
     flush: "sync"
-  }), Vt() && It(P), {
-    x: Be(c),
-    y: Be(y),
-    strategy: Be(p),
-    placement: Be(v),
-    middlewareData: Be(h),
-    isPositioned: Be(m),
+  }), xt() && Tt(P), {
+    x: Le(c),
+    y: Le(y),
+    strategy: Le(p),
+    placement: Le(v),
+    middlewareData: Le(h),
+    isPositioned: Le(m),
     floatingStyles: S,
-    update: L
+    update: A
   };
 }
 const os = () => {
@@ -5623,7 +5649,7 @@ const os = () => {
     },
     productToursRef: e
   };
-}, Un = os(), ls = { class: "joy-product-tour__content" }, rs = { class: "joy-product-tour__header" }, is = {
+}, Hn = os(), ls = { class: "joy-product-tour__content" }, rs = { class: "joy-product-tour__header" }, is = {
   key: 0,
   class: "joy-product-tour__footer"
 }, ss = { class: "joy-product-tour__footer___steps" }, us = { class: "joy-product-tour__footer___cta" }, cs = "joy-product-tour-spotlight__wrapper", ds = /* @__PURE__ */ B({
@@ -5640,22 +5666,22 @@ const os = () => {
     spotlightSelector: {}
   },
   setup(e, { expose: t }) {
-    const n = e, { clearProductTourRef: a } = Un, o = C(null), r = C(null), l = C(null), s = C(null), i = C(null), u = C(n.open), f = C(), c = C(
-      Wn(l, o, {
+    const n = e, { clearProductTourRef: a } = Hn, o = C(null), r = C(null), l = C(null), s = C(null), i = C(null), u = C(n.open), f = C(), c = C(
+      qn(l, o, {
         placement: n.position,
         whileElementsMounted(...T) {
           return ns(...T, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
-          Bn(30),
-          Fn({
-            limiter: Nn()
-          }),
+          Ln(30),
           An({
+            limiter: Bn()
+          }),
+          En({
             fallbackPlacements: ["bottom", "top", "left", "right"]
           }),
-          qn({ element: f, padding: 0 })
+          Mn({ element: f, padding: 0 })
         ]
       })
     ), y = V(() => {
@@ -5690,7 +5716,7 @@ const os = () => {
       r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", v, { once: !0 }), r.value.style.position = "fixed", r.value.style.top = "0", r.value.style.left = "0", r.value.style.width = "100%", r.value.style.height = "100%", r.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(r.value);
     }
     function S(T) {
-      T && (T.style.position = "relative", T.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = K(Ti), i.value = document.createElement("div"), i.value.classList.add(cs), document.body.appendChild(i.value), qt(s.value, i.value), k());
+      T && (T.style.position = "relative", T.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = K(Ti), i.value = document.createElement("div"), i.value.classList.add(cs), document.body.appendChild(i.value), Mt(s.value, i.value), k());
     }
     function k() {
       if (!i.value)
@@ -5698,16 +5724,16 @@ const os = () => {
       const { left: T, top: I, height: w, width: z } = l.value.getBoundingClientRect();
       i.value.style.left = `calc(${window.scrollX + T - n.spotlightPadding}px`, i.value.style.top = `${window.scrollY + I - n.spotlightPadding}px`, i.value.style.width = `${z}px`, i.value.style.height = `${w}px`, i.value.style.position = "absolute", i.value.style.padding = n.spotlightPadding + "px";
     }
-    function L() {
+    function A() {
       r.value && r.value.remove();
     }
     function P() {
-      L(), l.value && (l.value.style.position = "", l.value.style.zIndex = ""), i.value && (qt(null, i.value), i.value.remove());
+      A(), l.value && (l.value.style.position = "", l.value.style.zIndex = ""), i.value && (Mt(null, i.value), i.value.remove());
     }
-    return te(c.value, () => {
+    return ne(c.value, () => {
       var T;
       s.value && ((T = o.value) != null && T.isConnected ? k() : v());
-    }), yn(() => {
+    }), fn(() => {
       P();
     }), t({
       hide: v,
@@ -5715,18 +5741,18 @@ const os = () => {
       isOpen: u
     }), (T, I) => {
       var w;
-      return cn((d(), g("div", {
+      return sn((d(), g("div", {
         ref_key: "productTour",
         ref: o,
         class: "joy-product-tour__wrapper",
         role: "tooltip",
-        style: ie({ "--product-tour-width": T.maxWidth + "px", ...(w = c.value) == null ? void 0 : w.floatingStyles })
+        style: se({ "--product-tour-width": T.maxWidth + "px", ...(w = c.value) == null ? void 0 : w.floatingStyles })
       }, [
         b("div", {
           ref_key: "productTourArrow",
           ref: f,
           class: "joy-product-tour__arrow",
-          style: ie(y.value)
+          style: se(y.value)
         }, null, 4),
         b("div", {
           class: E([
@@ -5753,7 +5779,7 @@ const os = () => {
             })
           ], 2),
           b("div", ls, [
-            T.icon ? (d(), A(G, {
+            T.icon ? (d(), L(Y, {
               key: 0,
               class: "joy-product-tour__content___icon",
               name: T.icon,
@@ -5768,7 +5794,7 @@ const os = () => {
           ]),
           T.$slots["product-tour-dismiss"] || T.$slots["product-tour-next"] ? (d(), g("div", is, [
             b("span", ss, [
-              T.steps > 1 ? (d(), g(Y, { key: 0 }, [
+              T.steps > 1 ? (d(), g(G, { key: 0 }, [
                 W(O(T.step) + "/" + O(T.steps), 1)
               ], 64)) : j("", !0)
             ]),
@@ -5799,7 +5825,7 @@ const os = () => {
     spotlightSelector: {}
   },
   setup(e, { expose: t }) {
-    const n = e, { storeProductTourRef: a, clearProductTourRef: o } = Un, r = C();
+    const n = e, { storeProductTourRef: a, clearProductTourRef: o } = Hn, r = C();
     function l() {
       a(r.value);
     }
@@ -5807,13 +5833,13 @@ const os = () => {
       var i;
       (i = r.value) == null || i.hide(), o();
     }
-    return re(() => {
+    return ie(() => {
       n.open && a(r.value);
     }), t({
       show: l,
       hide: s
-    }), (i, u) => (d(), A(Qe, { to: "body" }, [
-      K(fs, ae(n, {
+    }), (i, u) => (d(), L(Ze, { to: "body" }, [
+      K(fs, Z(n, {
         ref_key: "productTour",
         ref: r
       }), {
@@ -5843,12 +5869,12 @@ const os = () => {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = V(() => n.productTour), r = X(), l = V(() => r.default());
+    const n = e, a = t, o = V(() => n.productTour), r = ee(), l = V(() => r.default());
     async function s() {
       var i;
       a("click"), o.value && ((i = o.value) == null || i.show());
     }
-    return (i, u) => (d(!0), g(Y, null, ee(l.value, (f) => (d(), A(se(f), {
+    return (i, u) => (d(!0), g(G, null, Q(l.value, (f) => (d(), L(re(f), {
       key: f,
       onClick: s
     }))), 128));
@@ -5893,7 +5919,7 @@ const os = () => {
     }, [
       b("div", {
         class: "joy-progress-bar-inner",
-        style: ie({ width: o.value })
+        style: se({ width: o.value })
       }, null, 4)
     ], 2));
   }
@@ -5934,14 +5960,14 @@ const os = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, r = C(!1), l = C(!1), s = C(null), i = C(null), u = X(), f = V(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
+    const a = n, o = e, r = C(!1), l = C(!1), s = C(null), i = C(null), u = ee(), f = V(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
     function c() {
       r.value = !!u["expandable-content"] && f.value;
     }
     function y() {
       a("update:modelValue", o.value), c();
     }
-    re(() => {
+    ie(() => {
       o.theme === "outline" && c();
     });
     function p() {
@@ -5950,7 +5976,7 @@ const os = () => {
     function v() {
       l.value = !1;
     }
-    return te(
+    return ne(
       () => o.modelValue,
       () => {
         c();
@@ -6057,7 +6083,7 @@ const os = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = Re(), o = V(() => {
+    const n = e, a = Pe(), o = V(() => {
       let r = [], l = 0.24, s = 0.75;
       for (let i = 0; i < 5; i++)
         n.ratingValue > l ? r.push(n.ratingValue < s ? "half" : "full") : r.push("empty"), l += 1, s += 1;
@@ -6068,24 +6094,24 @@ const os = () => {
     }), (r, l) => (d(), g("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
-      ariaLabel: D(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
+      ariaLabel: q(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
       b("ul", _s, [
-        (d(!0), g(Y, null, ee(o.value, (s, i) => (d(), g("li", {
+        (d(!0), g(G, null, Q(o.value, (s, i) => (d(), g("li", {
           key: i,
           class: E([`joy-rating-stars--${e.size}`])
         }, [
-          s === "full" ? (d(), A(G, {
+          s === "full" ? (d(), L(Y, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : s === "half" ? (d(), A(G, {
+          })) : s === "half" ? (d(), L(Y, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (d(), A(G, {
+          })) : (d(), L(Y, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -6144,7 +6170,7 @@ const os = () => {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = X(), l = V(() => {
+    const a = e, o = n, r = ee(), l = V(() => {
       const h = r.default();
       let m = [];
       return h.forEach((S) => {
@@ -6154,8 +6180,8 @@ const os = () => {
           const k = S.children;
           if (typeof k == "string" || !k.length)
             return;
-          const L = k.filter(s);
-          m = [...m, ...L];
+          const A = k.filter(s);
+          m = [...m, ...A];
         }
       }), m;
     });
@@ -6163,7 +6189,7 @@ const os = () => {
       return (h == null ? void 0 : h.type) === "option";
     }
     const i = C(), u = C(), f = C(!1), c = V(() => a.labelSize ? a.labelSize : a.size !== "medium" ? "small" : "medium");
-    re(() => {
+    ie(() => {
       var S;
       const h = r["select-label"] && r["select-label"]();
       if (!h || !h.length)
@@ -6195,7 +6221,7 @@ const os = () => {
       ref: i
     }, [
       _(h.$slots, "select-label", {}, () => [
-        e.label ? (d(), A(Ae, {
+        e.label ? (d(), L(Ee, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
@@ -6232,16 +6258,17 @@ const os = () => {
           onFocus: p,
           onBlur: v
         }, [
-          (d(!0), g(Y, null, ee(l.value, (S) => {
-            var k, L;
-            return d(), g("option", ae({
-              key: (k = S.props) == null ? void 0 : k.value
+          (d(!0), g(G, null, Q(l.value, (S) => {
+            var k, A;
+            return d(), g("option", Z({
+              key: (k = S.props) == null ? void 0 : k.value,
+              ref_for: !0
             }, S.props, {
-              selected: ((L = S.props) == null ? void 0 : L.value) === e.modelValue
+              selected: ((A = S.props) == null ? void 0 : A.value) === e.modelValue
             }), O(S.children), 17, Ts);
           }), 128))
         ], 40, xs),
-        K(G, {
+        K(Y, {
           class: "joy-select__chevron",
           name: "chevron-down"
         })
@@ -6339,7 +6366,7 @@ const os = () => {
         onBlur: c[2] || (c[2] = //@ts-ignore
         (...y) => i.onBlur && i.onBlur(...y))
       }, null, 40, Es)),
-      (d(), A(se(D(s)), {
+      (d(), L(re(q(s)), {
         for: e.id,
         class: E([
           "joy-selectable-item",
@@ -6353,7 +6380,7 @@ const os = () => {
         onClick: i.onLabelClick
       }, {
         default: R(() => [
-          e.multiple ? (d(), A(wn, {
+          e.multiple ? (d(), L(bn, {
             key: 0,
             id: e.id,
             checked: o.value,
@@ -6444,7 +6471,7 @@ const os = () => {
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (d(), A(Ae, {
+      e.label ? (d(), L(Ee, {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
@@ -6466,7 +6493,7 @@ const os = () => {
           }
         ])
       }, [
-        (d(!0), g(Y, null, ee(e.options, (i) => (d(), A(Bs, ae(i.attrs, {
+        (d(!0), g(G, null, Q(e.options, (i) => (d(), L(Bs, Z({ ref_for: !0 }, i.attrs, {
           id: i.id,
           key: i.id,
           name: i.name,
@@ -6475,9 +6502,9 @@ const os = () => {
           multiple: e.multiple,
           checked: o(i),
           "onUpdate:checked": (u) => r(i.value, u)
-        }), Lt({
+        }), It({
           default: R(() => [
-            _(l.$slots, "item", _e(ke(i)), () => [
+            _(l.$slots, "item", Z({ ref_for: !0 }, i), () => [
               W(O(i.label), 1)
             ], !0)
           ]),
@@ -6563,7 +6590,7 @@ const os = () => {
   setup(e, { expose: t }) {
     const n = e, a = C(!0);
     let o, r;
-    const l = "joy-snackbar-" + je(), s = V(() => pn(n.level));
+    const l = "joy-snackbar-" + _e(), s = V(() => vn(n.level));
     function i() {
       var h;
       (h = n.bus) == null || h.emit("snackbar:action-click");
@@ -6587,14 +6614,14 @@ const os = () => {
         (h = n.bus) == null || h.emit("snackbar:hide");
       }, n.duration + 300);
     }
-    re(() => {
+    ie(() => {
       var h;
       (h = n.bus) == null || h.emit("snackbar:show"), typeof n.duration == "number" && y();
     });
     const v = {
       destroySnackbarAfterTimeout: y
     };
-    return yn(() => {
+    return fn(() => {
       u();
     }), t({
       isOpen: a,
@@ -6610,7 +6637,7 @@ const os = () => {
         class: E(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
         b("div", Ps, [
-          K(G, { name: s.value }, null, 8, ["name"])
+          K(Y, { name: s.value }, null, 8, ["name"])
         ]),
         b("div", Os, [
           e.header ? (d(), g("strong", Rs, O(e.header), 1)) : j("", !0),
@@ -6621,7 +6648,7 @@ const os = () => {
             onClick: i
           }, O(e.actionText), 1)) : j("", !0)
         ]),
-        e.closable ? (d(), A(ue, {
+        e.closable ? (d(), L(ue, {
           key: 0,
           class: "joy-snackbar__close-icon",
           circle: "",
@@ -6658,7 +6685,7 @@ const os = () => {
     },
     id: {
       type: String,
-      default: "joy-step-value--" + je()
+      default: "joy-step-value--" + _e()
     }
   },
   emits: ["update:subSteps"],
@@ -6667,7 +6694,7 @@ const os = () => {
     function i(u) {
       u <= 0 && console.warn("subSteps must be equal or greater than 1"), o("update:subSteps");
     }
-    return te(() => a.subSteps, i), t({
+    return ne(() => a.subSteps, i), t({
       progress: l
     }), (u, f) => (d(), g("div", {
       id: e.id,
@@ -6683,7 +6710,7 @@ const os = () => {
       b("span", Hs, [
         b("span", {
           class: "joy-step__stroke--filled",
-          style: ie({ maxWidth: l.value })
+          style: se({ maxWidth: l.value })
         }, null, 4)
       ]),
       b("span", Ws, [
@@ -6706,7 +6733,7 @@ const os = () => {
     }
   },
   setup(e, { expose: t }) {
-    const n = e, a = X(), o = V(() => {
+    const n = e, a = ee(), o = V(() => {
       const c = a.default();
       return c.length === 1 && typeof c[0].type != "object" ? c[0].children.filter(r) : c.filter(r);
     });
@@ -6723,9 +6750,9 @@ const os = () => {
       steps: o,
       invalidSubStepValue: s
     }), (c, y) => (d(), g("div", Gs, [
-      (d(!0), g(Y, null, ee(o.value, (p, v) => {
+      (d(!0), g(G, null, Q(o.value, (p, v) => {
         var h;
-        return d(), A(Ks, ae(p.props, {
+        return d(), L(Ks, Z({ ref_for: !0 }, p.props, {
           key: (h = p.props) == null ? void 0 : h.id,
           completed: v < e.step - 1,
           "current-sub-step": f(v)
@@ -6733,7 +6760,7 @@ const os = () => {
           default: R(() => {
             var m;
             return [
-              (m = p.children) != null && m.default ? (d(), A(se(p.children.default), { key: 0 })) : j("", !0)
+              (m = p.children) != null && m.default ? (d(), L(re(p.children.default), { key: 0 })) : j("", !0)
             ];
           }),
           _: 2
@@ -6772,7 +6799,7 @@ const os = () => {
     }
   },
   setup(e) {
-    const t = e, n = Xe("VJoyTabs", C("")), a = V(() => n.value === t.tab);
+    const t = e, n = Ye("VJoyTabs", C("")), a = V(() => n.value === t.tab);
     return (o, r) => (d(), g("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
@@ -6853,7 +6880,7 @@ const os = () => {
           _(r.$slots, "default", {}, () => [
             W(O(e.label), 1)
           ], !0),
-          e.notifications ? (d(), A(xa, {
+          e.notifications ? (d(), L(Ca, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "red",
@@ -6873,8 +6900,8 @@ const os = () => {
   },
   emits: ["update:selected-tab"],
   setup(e, { expose: t, emit: n }) {
-    const a = e, o = n, r = X(), l = C(a.selectedTab);
-    Et("VJoyTabs", l);
+    const a = e, o = n, r = ee(), l = C(a.selectedTab);
+    Vt("VJoyTabs", l);
     const s = C(null), i = C(null), u = C(!1), f = C(!1), c = V(() => {
       const m = r.default();
       return m.length === 1 && typeof m[0].type != "object" ? m[0].children.filter(y) : m.filter(y);
@@ -6892,16 +6919,16 @@ const os = () => {
     function h(m, S = !0) {
       m && S && (l.value = m, o("update:selected-tab", m));
     }
-    return te(
+    return ne(
       () => a.selectedTab,
       (m) => {
         m && h(m);
       },
       { immediate: !0 }
-    ), re(() => {
+    ), ie(() => {
       var m;
       v(), (m = i.value) == null || m.addEventListener("scroll", v);
-    }), De(() => {
+    }), Oe(() => {
       var m;
       (m = i.value) == null || m.removeEventListener("scroll", v);
     }), t({
@@ -6922,7 +6949,7 @@ const os = () => {
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (d(!0), g(Y, null, ee(c.value, (k) => (d(), g("div", {
+          (d(!0), g(G, null, Q(c.value, (k) => (d(), g("div", {
             key: k.props.tab
           }, [
             K(nu, {
@@ -6934,9 +6961,9 @@ const os = () => {
               onChangeTab: () => h(k.props.tab, !k.props.href)
             }, {
               default: R(() => {
-                var L;
+                var A;
                 return [
-                  (L = k.children) != null && L.header ? (d(), A(se(k.children.header), { key: 0 })) : j("", !0)
+                  (A = k.children) != null && A.header ? (d(), L(re(k.children.header), { key: 0 })) : j("", !0)
                 ];
               }),
               _: 2
@@ -6960,7 +6987,7 @@ const os = () => {
     selected: { type: Boolean },
     selectable: { type: Boolean },
     link: { type: Boolean, default: !1 },
-    value: { default: "joy-tag-value--" + je() }
+    value: { default: "joy-tag-value--" + _e() }
   },
   emits: ["selected", "remove", "click"],
   setup(e, { emit: t }) {
@@ -6985,7 +7012,7 @@ const os = () => {
       onClick: s
     }, [
       _(i.$slots, "default", {}, () => [
-        i.draggable ? (d(), A(G, {
+        i.draggable ? (d(), L(Y, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
@@ -6993,20 +7020,20 @@ const os = () => {
         })) : j("", !0),
         W(" " + O(i.label), 1)
       ], !0),
-      i.removable ? (d(), A(G, {
+      i.removable ? (d(), L(Y, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
         size: "xxsmall",
         role: "button",
         onClick: sa(l, ["stop"]),
-        onKeydown: pt(l, ["enter"])
+        onKeydown: Xe(l, ["enter"])
       })) : j("", !0)
     ], 10, lu));
   }
-}), Kn = /* @__PURE__ */ F(ru, [["__scopeId", "data-v-bf90789b"]]);
-var He = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(He || {});
-function un(e) {
+}), Wn = /* @__PURE__ */ F(ru, [["__scopeId", "data-v-bf90789b"]]);
+var Je = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(Je || {});
+function rn(e) {
   if (!Array.isArray(e) && typeof e != "string")
     return console.warn("Values needs to be an array of emails, or email."), !1;
   function t(n) {
@@ -7034,26 +7061,26 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
   setup(e, { expose: t, emit: n }) {
     const a = e, o = n, r = C(a.modelValue), l = C(!1), s = C(null), i = C(a.invalid), u = C(null), f = V(() => a.validation === "email"), c = V(() => f.value && u.value === "INVALID_EMAIL" && !!a.invalidEmailError), y = V(() => u.value === "DUPLICATED_ENTRY" && !!a.duplicationError), p = V(() => i.value && (!!c.value || !!y.value));
     function v() {
-      f.value && i.value === !0 && (u.value = He.INVALID_EMAIL);
+      f.value && i.value === !0 && (u.value = Je.INVALID_EMAIL);
     }
     function h() {
       var z;
-      return r.value.filter((M, Z) => r.value.indexOf(M) !== Z).length ? !0 : (z = s.value) != null && z.value ? r.value.includes(s.value.value) : !1;
+      return r.value.filter((D, X) => r.value.indexOf(D) !== X).length ? !0 : (z = s.value) != null && z.value ? r.value.includes(s.value.value) : !1;
     }
     function m() {
-      h() && (u.value = He.DUPLICATED_ENTRY);
+      h() && (u.value = Je.DUPLICATED_ENTRY);
     }
     function S(w) {
-      var z, M, Z, H;
+      var z, D, X, H;
       if (["Enter", ","].includes(w.key)) {
         if (w.preventDefault(), I(), h()) {
-          o("validation:error", He.DUPLICATED_ENTRY);
+          o("validation:error", Je.DUPLICATED_ENTRY);
           return;
-        } else if ((z = s.value) != null && z.value && !un(s.value.value) && f.value) {
-          o("validation:error", He.INVALID_EMAIL);
+        } else if ((z = s.value) != null && z.value && !rn(s.value.value) && f.value) {
+          o("validation:error", Je.INVALID_EMAIL);
           return;
         }
-        (M = s.value) != null && M.value && (r.value = [...r.value, (Z = s.value) == null ? void 0 : Z.value], s.value.value = "", o("update:modelValue", r.value));
+        (D = s.value) != null && D.value && (r.value = [...r.value, (X = s.value) == null ? void 0 : X.value], s.value.value = "", o("update:modelValue", r.value));
       }
       if (["Backspace"].includes(w.key)) {
         if (((H = s.value) == null ? void 0 : H.value) !== "")
@@ -7064,26 +7091,26 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
     function k() {
       l.value = !0;
     }
-    function L() {
+    function A() {
       l.value = !1, I();
     }
     function P(w) {
       var z;
-      r.value = r.value.filter((M) => M !== w.value), o("update:modelValue", r.value), (z = s.value) == null || z.focus(), I();
+      r.value = r.value.filter((D) => D !== w.value), o("update:modelValue", r.value), (z = s.value) == null || z.focus(), I();
     }
     function T() {
-      var z, M;
+      var z, D;
       let w = !1;
       if (f.value) {
-        let Z = r.value;
-        (z = s.value) != null && z.value && (Z = [...Z, (M = s.value) == null ? void 0 : M.value]), w = !un(Z);
+        let X = r.value;
+        (z = s.value) != null && z.value && (X = [...X, (D = s.value) == null ? void 0 : D.value]), w = !rn(X);
       }
       i.value = w || h(), !w && h() && (u.value = null);
     }
     function I() {
       T(), v(), m();
     }
-    return te(
+    return ne(
       () => a.modelValue,
       () => {
         I();
@@ -7093,7 +7120,7 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
       isInvalid: i,
       hasDuplicates: h
     }), (w, z) => (d(), g("div", iu, [
-      w.$slots.default ? (d(), A(Ae, {
+      w.$slots.default ? (d(), L(Ee, {
         key: 0,
         id: w.name,
         class: "joy-tags-input__label"
@@ -7112,17 +7139,17 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
           }
         ])
       }, [
-        (d(!0), g(Y, null, ee(r.value, (M) => (d(), A(Kn, {
-          key: M,
+        (d(!0), g(G, null, Q(r.value, (D) => (d(), L(Wn, {
+          key: D,
           variant: w.variant,
           removable: !0,
           size: w.size,
-          label: M,
-          value: M,
+          label: D,
+          value: D,
           onRemove: P
         }, {
           default: R(() => [
-            _(w.$slots, "tag", _e(ke({ name: M })), void 0, !0)
+            _(w.$slots, "tag", Z({ ref_for: !0 }, { name: D }), void 0, !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
@@ -7135,10 +7162,10 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
           placeholder: w.placeholder,
           onKeydown: S,
           onFocus: k,
-          onBlur: L
+          onBlur: A
         }, null, 40, su)
       ], 2),
-      p.value ? (d(), A(Ft, {
+      p.value ? (d(), L(At, {
         key: 1,
         class: "joy-tags-input__error"
       }, {
@@ -7208,8 +7235,9 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
     return (u, f) => (d(), g("div", {
       class: E(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (d(!0), g(Y, null, ee(e.tags, (c) => (d(), A(Kn, ae({
-        key: c.value || c.label
+      (d(!0), g(G, null, Q(e.tags, (c) => (d(), L(Wn, Z({
+        key: c.value || c.label,
+        ref_for: !0
       }, c, {
         selectable: r(c),
         removable: l(c),
@@ -7219,12 +7247,12 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
         onSelected: (y) => s(y, c)
       }), {
         default: R(() => [
-          _(u.$slots, "tag", _e(ke({
+          _(u.$slots, "tag", Z({ ref_for: !0 }, {
             ...c,
             selectable: r(c),
             selected: o(c),
             removable: l(c)
-          })), void 0, !0)
+          }), void 0, !0)
         ]),
         _: 2
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
@@ -7232,7 +7260,7 @@ const iu = { class: "joy-tags-input__wrapper" }, su = ["id", "name", "placeholde
   }
 }), Hc = /* @__PURE__ */ F(fu, [["__scopeId", "data-v-1d8003ef"]]), vu = {}, yu = {
   class: /* @__PURE__ */ E(["joy-template-shape__shapes"])
-}, pu = /* @__PURE__ */ vn('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), mu = [
+}, pu = /* @__PURE__ */ dn('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), mu = [
   pu
 ];
 function hu(e, t) {
@@ -7280,25 +7308,25 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e) {
-    const t = e, n = X(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
+    const t = e, n = ee(), a = V(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
     return (o, r) => (d(), g("main", {
       class: E(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (d(), A(bu, { key: 0 })) : j("", !0),
+      e.shapes ? (d(), L(bu, { key: 0 })) : j("", !0),
       b("div", gu, [
         a.value ? (d(), g("div", wu, [
-          D(n)["template-back"] ? (d(), g("div", Su, [
+          n["template-back"] ? (d(), g("div", Su, [
             _(o.$slots, "template-back", {}, void 0, !0)
           ])) : j("", !0),
           b("div", _u, [
-            D(n)["template-title"] ? (d(), g("div", ku, [
+            n["template-title"] ? (d(), g("div", ku, [
               _(o.$slots, "template-title", {}, void 0, !0)
             ])) : j("", !0),
-            D(n)["template-subtitle"] ? (d(), g("div", ju, [
+            n["template-subtitle"] ? (d(), g("div", ju, [
               _(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : j("", !0)
           ]),
-          D(n)["template-actions"] ? (d(), g("div", $u, [
+          n["template-actions"] ? (d(), g("div", $u, [
             _(o.$slots, "template-actions", {}, void 0, !0)
           ])) : j("", !0)
         ])) : j("", !0),
@@ -7318,7 +7346,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
           ])) : j("", !0)
         ], 2)
       ]),
-      e.loading ? (d(), A(In, {
+      e.loading ? (d(), L(Tn, {
         key: 1,
         overlay: "",
         color: e.loadingColor
@@ -7345,7 +7373,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e) {
-    return (t, n) => (d(), A(se(e.tagName), {
+    return (t, n) => (d(), L(re(e.tagName), {
       class: E(`joy-text joy-font-${e.preset}`)
     }, {
       default: R(() => [
@@ -7418,10 +7446,10 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    const a = n, o = e, r = X(), l = C(), { triggerResize: s } = fo({
+    const a = n, o = e, r = ee(), l = C(), { triggerResize: s } = co({
       element: o.autogrow ? l : void 0
     }), i = C(!1), u = C(!1);
-    Nt(l, o.autofocus);
+    Bt(l, o.autofocus);
     const f = V(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), c = V(() => o.minlength ? o.modelValue.length < o.minlength : !1), y = V(() => !!(o.label || r.default)), p = {
       onInput: (v) => {
         o.modelModifiers.lazy || a("update:modelValue", v.target.value), p.triggerResize();
@@ -7441,7 +7469,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
        * */
       triggerResize: s
     };
-    return te(
+    return ne(
       () => o.modelValue,
       () => {
         p.triggerResize();
@@ -7465,7 +7493,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
         }
       ])
     }, [
-      y.value ? (d(), A(Ae, {
+      y.value ? (d(), L(Ee, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -7480,7 +7508,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : j("", !0),
       b("div", Eu, [
-        b("textarea", ae(v.$attrs, {
+        b("textarea", Z(v.$attrs, {
           id: e.id,
           ref_key: "textarea",
           ref: l,
@@ -7505,7 +7533,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
           key: 0,
           class: E(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          c.value ? j("", !0) : (d(), A(G, {
+          c.value ? j("", !0) : (d(), L(Y, {
             key: 0,
             name: "check",
             color: "neutral",
@@ -7520,7 +7548,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
       ])) : j("", !0)
     ], 10, Iu));
   }
-}), Kc = /* @__PURE__ */ F(Fu, [["__scopeId", "data-v-52e4553a"]]), Gn = (e) => (Ye("data-v-99a4c774"), e = e(), Ze(), e), Nu = { class: "joy-toggle__wrapper" }, zu = ["name", "disabled", "checked", "required", "aria-checked", "value"], Pu = { class: "joy-toggle__content" }, Ou = /* @__PURE__ */ Gn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), Ru = { class: "joy-toggle__content-label" }, Du = /* @__PURE__ */ Gn(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
+}), Kc = /* @__PURE__ */ F(Fu, [["__scopeId", "data-v-52e4553a"]]), Un = (e) => (Ke("data-v-99a4c774"), e = e(), Ge(), e), Nu = { class: "joy-toggle__wrapper" }, zu = ["name", "disabled", "checked", "required", "aria-checked", "value"], Pu = { class: "joy-toggle__content" }, Ou = /* @__PURE__ */ Un(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), Ru = { class: "joy-toggle__content-label" }, Du = /* @__PURE__ */ Un(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ b("svg", {
     width: "18",
     height: "10",
@@ -7568,7 +7596,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = t;
-    X();
+    ee();
     const a = C(!1), o = {
       onChange: (r) => {
         const l = r.target.checked;
@@ -7660,19 +7688,19 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e, { expose: t }) {
-    const n = X(), a = e, o = C(!1), r = C(null), l = C(null), s = C(), i = C(
-      Wn(r, l, {
+    const n = ee(), a = e, o = C(!1), r = C(null), l = C(null), s = C(), i = C(
+      qn(r, l, {
         placement: a.placement,
         transform: !1,
         middleware: [
-          Bn(10),
-          Fn({
-            limiter: Nn()
-          }),
+          Ln(10),
           An({
+            limiter: Bn()
+          }),
+          En({
             fallbackPlacements: ["bottom", "top", "left", "right"]
           }),
-          qn({ element: s, padding: 0 })
+          Mn({ element: s, padding: 0 })
         ]
       })
     ), u = V(() => n["tooltip-content"] || a.text);
@@ -7706,14 +7734,14 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
         [k]: "-4px"
       };
     });
-    return re(() => {
+    return ie(() => {
       a.show && p();
-    }), De(() => {
+    }), Oe(() => {
       o.value = !1;
     }), t({
       tooltipVisible: o,
       tooltip: l
-    }), (h, m) => (d(), A(D(Bt), {
+    }), (h, m) => (d(), L(q(Lt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       onTrigger: m[1] || (m[1] = (S) => p(!1))
@@ -7728,10 +7756,10 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
             onClick: y,
             onMouseenter: f,
             onMouseleave: c,
-            onKeydown: m[0] || (m[0] = pt((k) => p(!1), ["tab"]))
+            onKeydown: m[0] || (m[0] = Xe((k) => p(!1), ["tab"]))
           }, [
             _(h.$slots, "default", {}, void 0, !0),
-            (d(), A(Qe, { to: "body" }, [
+            (d(), L(Ze, { to: "body" }, [
               o.value && u.value ? (d(), g("div", {
                 key: 0,
                 ref_key: "tooltip",
@@ -7744,7 +7772,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
                     "joy-tooltip__content--hiding": !o.value
                   }
                 ]),
-                style: ie({ ...(S = i.value) == null ? void 0 : S.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
+                style: se({ ...(S = i.value) == null ? void 0 : S.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
                 b("div", Ju, [
                   _(h.$slots, "tooltip-content", {}, () => [
@@ -7755,7 +7783,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
                   ref_key: "tooltipArrow",
                   ref: s,
                   class: "joy-tooltip__arrow",
-                  style: ie(v.value)
+                  style: se(v.value)
                 }, null, 4)
               ], 6)) : j("", !0)
             ]))
@@ -7792,7 +7820,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e) {
-    return (t, n) => (d(), A(se(e.link ? "a" : "div"), ae({
+    return (t, n) => (d(), L(re(e.link ? "a" : "div"), Z({
       class: "joy-user-card",
       href: e.link,
       title: e.fullName
@@ -7800,7 +7828,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
       default: R(() => [
         b("div", Hu, [
           _(t.$slots, "user-card-avatar", {}, () => [
-            K(_a, {
+            K(Sa, {
               "photo-url": e.photoUrl,
               "full-name": e.fullName
             }, null, 8, ["photo-url", "full-name"])
@@ -7818,7 +7846,7 @@ const bu = /* @__PURE__ */ F(vu, [["render", hu], ["__scopeId", "data-v-8b258f92
             ], !0)
           ]),
           _(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (d(), A(Cs, {
+            e.ratingValue ? (d(), L(Cs, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : j("", !0)
@@ -7851,17 +7879,17 @@ function Yu(e) {
 function Zu() {
   return Yu();
 }
-const Yn = "joy-snackbar__container", Xu = "joy-snackbar__shell--";
-let it = 0, Zn = [];
+const Kn = "joy-snackbar__container", Xu = "joy-snackbar__shell--";
+let rt = 0, Gn = [];
 const Qu = {
   install: (e) => {
     typeof window < "u" && ec(), e.directive("joy-ripple", ca);
   }
 };
 function Xc() {
-  it = 0, Zn = [];
+  rt = 0, Gn = [];
 }
-function ec(e = { appendTo: "body", defaultMountSelector: Yn }) {
+function ec(e = { appendTo: "body", defaultMountSelector: Kn }) {
   var a;
   const t = document.createElement("div");
   t.id = e.defaultMountSelector;
@@ -7879,18 +7907,18 @@ function ec(e = { appendTo: "body", defaultMountSelector: Yn }) {
 }
 function Qc(e) {
   var r, l;
-  it++;
+  rt++;
   let t, n;
   const a = Zu();
   t = ua(
     Js,
     Object.assign(e.props, {
       bus: a,
-      instanceNb: it
+      instanceNb: rt
     })
   );
   const o = document.createElement("div");
-  return o.classList.add("joy-snackbar__shell"), n = `${Xu}${it}`, o.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(o) : (l = document.getElementById(Yn)) == null || l.appendChild(o), t.use(Qu).mount("#" + n), Zn.push(t), a.on("snackbar:hide", () => {
+  return o.classList.add("joy-snackbar__shell"), n = `${Xu}${rt}`, o.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(o) : (l = document.getElementById(Kn)) == null || l.appendChild(o), t.use(Qu).mount("#" + n), Gn.push(t), a.on("snackbar:hide", () => {
     var s;
     t.unmount(), (s = document.getElementById(n)) == null || s.remove();
   }), {
@@ -7902,11 +7930,11 @@ export {
   Js as $,
   kc as A,
   jc as B,
-  G as C,
+  Y as C,
   Ur as D,
   $c as E,
   Cc as F,
-  Ae as G,
+  Ee as G,
   xc as H,
   Tc as I,
   lr as J,
@@ -7920,20 +7948,20 @@ export {
   Nc as R,
   zc as S,
   Cs as T,
-  In as U,
+  Tn as U,
   nc as V,
   Pc as W,
   Bs as X,
   Oc as Y,
   Rc as Z,
   ic as _,
-  _a as a,
-  mn as a0,
+  Sa as a,
+  yn as a0,
   Ks as a1,
   Dc as a2,
   Mc as a3,
   Jc as a4,
-  Kn as a5,
+  Wn as a5,
   qc as a6,
   Hc as a7,
   Wc as a8,
@@ -7943,18 +7971,18 @@ export {
   Gc as ac,
   Yc as ad,
   Zc as ae,
-  Ke as af,
+  We as af,
   ec as ag,
   ca as ah,
   Qc as ai,
   Xc as aj,
   ac as b,
-  xa as c,
+  Ca as c,
   oc as d,
   lc as e,
   rc as f,
   ue as g,
-  wn as h,
+  bn as h,
   sc as i,
   No as j,
   uc as k,
@@ -7962,7 +7990,7 @@ export {
   dc as m,
   fc as n,
   vc as o,
-  Wt as p,
+  qt as p,
   yc as q,
   pc as r,
   mc as s,
@@ -7970,7 +7998,7 @@ export {
   bc as u,
   gc as v,
   wc as w,
-  Ft as x,
+  At as x,
   Sc as y,
   _c as z
 };