@maltjoy/core-vue 6.2.0 → 6.3.0

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as x, openBlock as c, createElementBlock as h, normalizeClass as L, createElementVNode as g, ref as S, onMounted as ne, onUnmounted as Ot, createVNode as D, toDisplayString as J, createCommentVNode as k, createApp as _o, createTextVNode as R, Fragment as H, useSlots as Y, inject as de, unref as O, createBlock as V, resolveDynamicComponent as X, mergeProps as q, withCtx as z, renderSlot as j, provide as oe, renderList as K, normalizeStyle as te, useAttrs as le, useId as De, resolveDirective as dt, withDirectives as Xe, getCurrentScope as Dt, onScopeDispose as Rt, toRef as $o, readonly as Co, customRef as So, shallowRef as Nt, watch as G, nextTick as Fe, getCurrentInstance as xo, h as Vo, Teleport as Te, shallowReadonly as Le, onBeforeUnmount as Pe, withKeys as Re, normalizeProps as qt, Transition as ft, createSlots as yt, guardReactiveProps as To, useModel as Io, mergeModels as Lo, createStaticVNode as Ht, createPropsRestProxy as Bo, vShow as Ao, render as Ct, withModifiers as Eo } from "vue";
+import { defineComponent as B, computed as x, openBlock as c, createElementBlock as h, normalizeClass as L, createElementVNode as g, ref as S, onMounted as ne, onUnmounted as Ot, createVNode as D, toDisplayString as J, createCommentVNode as _, createApp as _o, createTextVNode as R, Fragment as H, useSlots as Y, inject as de, unref as O, createBlock as V, resolveDynamicComponent as X, mergeProps as q, withCtx as z, renderSlot as j, provide as oe, renderList as K, normalizeStyle as te, useAttrs as le, useId as Pe, resolveDirective as dt, withDirectives as Xe, getCurrentScope as Dt, onScopeDispose as Rt, toRef as $o, readonly as Co, customRef as So, shallowRef as Nt, watch as G, nextTick as Oe, getCurrentInstance as xo, h as Vo, Teleport as Te, shallowReadonly as Le, onBeforeUnmount as Me, withKeys as Re, normalizeProps as qt, Transition as ft, createSlots as yt, guardReactiveProps as To, useModel as Io, mergeModels as Lo, createStaticVNode as Ht, createPropsRestProxy as Bo, vShow as Ao, render as Ct, withModifiers as Eo } from "vue";
 function St(e) {
   const t = e.target;
   if (!t)
@@ -255,13 +255,13 @@ const Do = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ B({
           }, null, 8, ["name"])
         ]),
         g("div", No, [
-          e.header ? (c(), h("strong", qo, J(e.header), 1)) : k("", !0),
+          e.header ? (c(), h("strong", qo, J(e.header), 1)) : _("", !0),
           g("span", { innerHTML: e.message }, null, 8, Ho),
           e.actionText ? (c(), h("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
             onClick: u
-          }, J(e.actionText), 1)) : k("", !0)
+          }, J(e.actionText), 1)) : _("", !0)
         ]),
         e.closable ? (c(), h("button", {
           key: 0,
@@ -273,7 +273,7 @@ const Do = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ B({
             color: "white",
             name: "cross"
           })
-        ])) : k("", !0)
+        ])) : _("", !0)
       ], 2)
     ], 2));
   }
@@ -386,7 +386,7 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
       }, null, 2),
       e.label ? (c(), h(H, { key: 0 }, [
         R(J(e.label), 1)
-      ], 64)) : k("", !0)
+      ], 64)) : _("", !0)
     ], 10, tn));
   }
 }), mu = /* @__PURE__ */ A(on, [["__scopeId", "data-v-b3bb9092"]]), nn = ["src", "title", "alt", "loading"], ln = {
@@ -426,8 +426,8 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
     }
     const v = x(() => {
       let m = n.fullName.split(" ");
-      return m = m.slice(0, 2), m.forEach((w, _) => {
-        m[_] = p(w);
+      return m = m.slice(0, 2), m.forEach((w, k) => {
+        m[k] = p(w);
       }), m.join("").toUpperCase();
     });
     function b() {
@@ -457,7 +457,7 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
             name: e.placeholder,
             color: "neutral-50",
             size: u.value
-          }, null, 8, ["name", "size"])) : k("", !0),
+          }, null, 8, ["name", "size"])) : _("", !0),
           j(m.$slots, "default", {}, () => [
             e.photoUrl ? (c(), h("img", {
               key: 0,
@@ -466,14 +466,14 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
               title: e.fullName,
               alt: e.fullName || "",
               loading: e.loading
-            }, null, 8, nn)) : k("", !0)
+            }, null, 8, nn)) : _("", !0)
           ], !0),
           e.fullName && e.showLetters ? (c(), h(H, { key: 1 }, [
             R(J(v.value), 1)
-          ], 64)) : k("", !0),
+          ], 64)) : _("", !0),
           e.totalNumber ? (c(), h(H, { key: 2 }, [
             R(J("+" + e.totalNumber), 1)
-          ], 64)) : k("", !0)
+          ], 64)) : _("", !0)
         ]),
         _: 3
       }, 16, ["title", "class"])),
@@ -490,7 +490,7 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
             fill: "#F7F7F5"
           }, null, -1)
         ])], 8, an))
-      ])) : k("", !0)
+      ])) : _("", !0)
     ], 2));
   }
 }), sn = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-4d59a951"]]), un = /* @__PURE__ */ B({
@@ -560,7 +560,7 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
         key: 0,
         class: "joy-badge_dot",
         variant: e.variant
-      }, null, 8, ["variant"])) : k("", !0),
+      }, null, 8, ["variant"])) : _("", !0),
       j(t.$slots, "default", {}, () => [
         R(J(e.label), 1)
       ], !0)
@@ -651,13 +651,13 @@ const fn = { class: "joy-badge-level" }, yn = {
           fill: "#FFC200",
           d: "M11.4289 5.68249c-.0059-1.52434-.6069-2.9554-1.69067-4.02851C8.95862.882797 7.99681.362073 6.9506.132677 6.95037.132599 6.95021.132599 6.94998.132521c-.04337-.009516-.08681-.018408-.13041-.02691-.0057-.001092-.01147-.002184-.01724-.003276-.0383-.0073317-.07675-.0142735-.11529-.0208255-.01068-.001794-.02144-.00351-.03213-.005304-.03385-.0055379-.06778-.0108418-.10179-.0158338-.01505-.002184-.03011-.0042121-.04516-.0063181-.03011-.0041339-.06022-.008112-.0904-.0117779-.01857-.002262-.03721-.0042901-.05577-.006396C6.33472.0328377 6.30766.029952 6.28051.0273 6.25914.025194 6.23769.0233999 6.21624.0215279 6.19144.0194219 6.16671.017316 6.14183.015522 6.11851.013806 6.09511.0123239 6.07171.0109199 6.04831.00951588 6.02483.00811199 6.00135.006942 5.9771.00577201 5.95276.00483616 5.92842.00397816 5.90541.00312017 5.8824.00234019 5.85931.00179419c-.02433-.00062399-.04874-.0009362-.07316-.0012482C5.76267.000234 5.73912 0 5.71564 0c-.02355 0-.04703.000234-.07051.000546-.02442.000312-.04883.0006242-.07316.00124819-.02309.000546-.0461.00140398-.06911.00218397-.02434.000858-.04859.00179385-.07293.00296384-.02348.00116999-.04696.00257388-.07036.0039779-.0234.001404-.0468.0028861-.07012.0046021-.0248.001794-.0496.0038999-.07441.0060059-.02145.001872-.0429.0036661-.06427.0057721-.02714.002652-.05421.0055377-.08135.0085797-.01857.0021059-.03721.004134-.05577.006396-.03019.0036659-.06037.007644-.09048.0117779-.01506.002106-.03011.0041341-.04516.0063181-.03401.004992-.06794.0102959-.10179.0158338-.01077.001794-.02145.00351-.03214.005304-.03853.006552-.07699.0134938-.11528.0208255-.00578.001092-.01155.002184-.01724.003276-.0436.008502-.08705.017394-.13041.02691-.00024.000078-.00047.000078-.00071.000156C3.43424.361995 2.4725.882719 1.6929 1.65398.609098 2.72702.00811193 4.15815.00218397 5.68249L0 6.15064l.00171623.39226L5.71556 12.2962l5.71384-5.7533.0017-.39202-.0022-.46839Z"
         }, null, -1)
-      ])]))), 128)) : k("", !0),
+      ])]))), 128)) : _("", !0),
       e.type === O(ee).HIGH_POTENTIAL ? (c(), h("svg", yn, [...n[1] || (n[1] = [
         g("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
         }, null, -1)
-      ])])) : k("", !0),
+      ])])) : _("", !0),
       e.type === O(ee).HIGH_POTENTIAL_AUTO ? (c(), h("svg", mn, [...n[2] || (n[2] = [
         g("path", {
           fill: "#EF4E16",
@@ -675,7 +675,7 @@ const fn = { class: "joy-badge-level" }, yn = {
           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)
-      ])])) : k("", !0),
+      ])])) : _("", !0),
       e.type === O(ee).MALT_LINKER ? (c(), h("svg", pn, [...n[3] || (n[3] = [
         g("path", {
           d: "M5.77736 10.4456C4.45736 10.4406 3.21936 9.91961 2.29036 8.98161C1.62236 8.30661 1.17136 7.47461 0.97336 6.56861C0.97336 6.56861 0.97336 6.56861 0.97336 6.56761C0.96536 6.53061 0.95736 6.49361 0.94936 6.45561C0.94936 6.45061 0.94836 6.44561 0.94736 6.44061C0.94136 6.40761 0.93536 6.37461 0.92936 6.34061C0.92736 6.33161 0.92636 6.32261 0.92436 6.31261C0.91936 6.28361 0.91536 6.25461 0.91036 6.22461C0.90836 6.21161 0.90736 6.19861 0.90536 6.18561C0.90136 6.15961 0.89836 6.13361 0.89536 6.10761C0.89336 6.09161 0.89136 6.07561 0.88936 6.05961C0.88636 6.03561 0.88436 6.01261 0.88236 5.98861C0.88036 5.97061 0.87836 5.95161 0.87736 5.93361C0.87536 5.91161 0.87336 5.89061 0.87136 5.86861C0.87036 5.84861 0.86836 5.82861 0.86736 5.80761C0.86636 5.78761 0.86536 5.76661 0.86436 5.74661C0.86336 5.72661 0.86236 5.70561 0.86136 5.68461C0.86036 5.66461 0.86036 5.64461 0.85936 5.62461C0.85936 5.60361 0.85936 5.58161 0.85836 5.56061C0.85836 5.54061 0.85836 5.51961 0.85836 5.49961C0.85836 5.47961 0.85836 5.45861 0.85836 5.43861C0.85836 5.41761 0.85936 5.39661 0.85936 5.37561C0.85936 5.35561 0.86036 5.33561 0.86136 5.31561C0.86236 5.29461 0.86336 5.27361 0.86436 5.25261C0.86536 5.23261 0.86636 5.21161 0.86736 5.19161C0.86836 5.17161 0.86936 5.15161 0.87136 5.13061C0.87336 5.10961 0.87436 5.08761 0.87636 5.06661C0.87836 5.04761 0.88036 5.02961 0.88236 5.01061C0.88436 4.98661 0.88736 4.96361 0.88936 4.94061C0.89136 4.92461 0.89336 4.90861 0.89536 4.89261C0.89836 4.86661 0.90236 4.84061 0.90536 4.81461C0.90736 4.80061 0.90836 4.78761 0.91036 4.77461C0.91436 4.74561 0.91936 4.71561 0.92436 4.68661C0.92636 4.67761 0.92736 4.66761 0.92936 4.65861C0.93536 4.62561 0.94136 4.59161 0.94736 4.55861C0.94836 4.55361 0.94936 4.54861 0.95036 4.54361C0.95736 4.50561 0.96536 4.46861 0.97336 4.43061C0.97336 4.43061 0.97336 4.43061 0.97336 4.42961C1.17136 3.52561 1.62236 2.69261 2.29036 2.01761C3.21936 1.07961 4.45836 0.559612 5.77736 0.554612L6.18236 0.552612L6.52236 0.553612L11.5024 5.49961L6.52236 10.4456L6.18236 10.4476L5.77736 10.4456Z",
@@ -685,13 +685,13 @@ const fn = { class: "joy-badge-level" }, yn = {
           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)
-      ])])) : k("", !0),
+      ])])) : _("", !0),
       e.type === O(Ge).HIGH_POTENTIAL ? (c(), h("svg", vn, [...n[4] || (n[4] = [
         g("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
         }, null, -1)
-      ])])) : k("", !0),
+      ])])) : _("", !0),
       g("span", {
         class: L([
           {
@@ -704,7 +704,7 @@ const fn = { class: "joy-badge-level" }, yn = {
       }, [
         e.visibleText ? j(o.$slots, "default", { key: 0 }, () => [
           R(J(l.value), 1)
-        ], !0) : k("", !0)
+        ], !0) : _("", !0)
       ], 2)
     ]));
   }
@@ -800,7 +800,7 @@ const fn = { class: "joy-badge-level" }, yn = {
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = le(), n = De() + "--JoyButton", a = x(() => ["ghost", "secondary"].includes(l.variant) ? "teal" : "white");
+    const l = e, o = le(), n = Pe() + "--JoyButton", a = x(() => ["ghost", "secondary"].includes(l.variant) ? "teal" : "white");
     return t({ generatedId: n }), (r, i) => {
       const u = dt("joy-ripple");
       return Xe((c(), V(X(O(o).href ? "a" : "button"), {
@@ -824,11 +824,11 @@ const fn = { class: "joy-badge-level" }, yn = {
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             "aria-hidden": "true"
-          }, null, 8, ["name"])) : k("", !0),
+          }, null, 8, ["name"])) : _("", !0),
           e.loading ? (c(), V(Zt, {
             key: 1,
             color: a.value
-          }, null, 8, ["color"])) : k("", !0),
+          }, null, 8, ["color"])) : _("", !0),
           g("span", {
             id: n,
             class: "joy-button--slot"
@@ -842,7 +842,7 @@ const fn = { class: "joy-badge-level" }, yn = {
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
             "aria-hidden": "true"
-          }, null, 8, ["name"])) : k("", !0)
+          }, null, 8, ["name"])) : _("", !0)
         ]),
         _: 3
       }, 8, ["id", "disabled", "type", "class", "aria-labelledby"])), [
@@ -1016,7 +1016,7 @@ function In(e) {
     let s = "";
     l.value.style[n] = "1px", a.value = (i = l.value) == null ? void 0 : i.scrollHeight, e != null && e.styleTarget ? we(e.styleTarget).style[n] = `${a.value}px` : s = `${a.value}px`, l.value.style[n] = s, (u = e == null ? void 0 : e.onResize) == null || u.call(e);
   }
-  return G([o, l], () => Fe(r), { immediate: !0 }), Tn(l, () => r()), e != null && e.watch && G(e.watch, r, { immediate: !0, deep: !0 }), {
+  return G([o, l], () => Oe(r), { immediate: !0 }), Tn(l, () => r()), e != null && e.watch && G(e.watch, r, { immediate: !0, deep: !0 }), {
     textarea: l,
     input: o,
     triggerResize: r
@@ -1163,7 +1163,7 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
     function w(P) {
       d.value && ($(P) > Tt && b(), I());
     }
-    function _(P) {
+    function k(P) {
       if (d.value) {
         const M = $(P);
         M > Tt ? b() : M > 0 && E(M);
@@ -1225,11 +1225,11 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
                 class: "joy-bottom-sheet_header",
                 onMousedown: m,
                 onMouseup: w,
-                onMousemove: _,
+                onMousemove: k,
                 onMouseleave: w,
                 onTouchstart: m,
                 onTouchend: w,
-                onTouchmove: _
+                onTouchmove: k
               }, [...M[0] || (M[0] = [
                 g("div", { class: "joy-bottom-sheet_header-close" }, null, -1)
               ])], 32),
@@ -1249,8 +1249,8 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
           ]),
           _: 3
         })
-      ], 16)) : k("", !0)
-    ], 8, ["to"])) : k("", !0);
+      ], 16)) : _("", !0)
+    ], 8, ["to"])) : _("", !0);
   }
 }), bu = /* @__PURE__ */ A(Fn, [["__scopeId", "data-v-8c9bdc4b"]]), wu = /* @__PURE__ */ B({
   __name: "VJoyBottomSheetTrigger",
@@ -1507,17 +1507,17 @@ const Pn = { class: "joy-bottom-sheet_content" }, Mn = { class: "joy-bottom-shee
         "checkbox-content": z(() => [
           y.$slots["checkbox-card-content"] ? (c(), h("div", Xn, [
             j(y.$slots, "checkbox-card-content", {}, void 0, !0)
-          ])) : k("", !0)
+          ])) : _("", !0)
         ]),
         default: z(() => [
           g("div", Un, [
             g("div", Gn, [
               g("div", Kn, J(e.label), 1),
-              e.subLabel ? (c(), h("div", Yn, J(e.subLabel), 1)) : k("", !0)
+              e.subLabel ? (c(), h("div", Yn, J(e.subLabel), 1)) : _("", !0)
             ]),
             y.$slots["header-right"] ? (c(), h("div", Zn, [
               j(y.$slots, "header-right", {}, void 0, !0)
-            ])) : k("", !0)
+            ])) : _("", !0)
           ])
         ]),
         _: 3
@@ -1694,7 +1694,7 @@ async function ul(e, t) {
     boundary: s,
     rootBoundary: f,
     strategy: u
-  })), _ = d === "floating" ? {
+  })), k = d === "floating" ? {
     x: o,
     y: n,
     width: r.floating.width,
@@ -1707,10 +1707,10 @@ async function ul(e, t) {
     y: 1
   }, E = Ye(a.convertOffsetParentRelativeRectToViewportRelativeRect ? await a.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
-    rect: _,
+    rect: k,
     offsetParent: $,
     strategy: u
-  }) : _);
+  }) : k);
   return {
     top: (w.top - E.top + v.top) / T.y,
     bottom: (E.bottom - w.bottom + v.bottom) / T.y,
@@ -1743,13 +1743,13 @@ const cl = 50, dl = async (e, t, l) => {
       continue;
     const {
       name: w,
-      fn: _
+      fn: k
     } = m, {
       x: $,
       y: T,
       data: E,
       reset: I
-    } = await _({
+    } = await k({
       x: f,
       y: d,
       initialPlacement: o,
@@ -1803,10 +1803,10 @@ const cl = 50, dl = async (e, t, l) => {
     const d = eo(f), y = {
       x: l,
       y: o
-    }, p = bt(n), v = gt(p), b = await r.getDimensions(s), m = p === "y", w = m ? "top" : "left", _ = m ? "bottom" : "right", $ = m ? "clientHeight" : "clientWidth", T = a.reference[v] + a.reference[p] - y[p] - a.floating[v], E = y[p] - a.reference[p], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s));
+    }, p = bt(n), v = gt(p), b = await r.getDimensions(s), m = p === "y", w = m ? "top" : "left", k = m ? "bottom" : "right", $ = m ? "clientHeight" : "clientWidth", T = a.reference[v] + a.reference[p] - y[p] - a.floating[v], E = y[p] - a.reference[p], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(s));
     let C = I ? I[$] : 0;
     (!C || !await (r.isElement == null ? void 0 : r.isElement(I))) && (C = i.floating[$] || a.floating[v]);
-    const P = T / 2 - E / 2, M = C / 2 - b[v] / 2 - 1, Q = it(d[w], M), F = it(d[_], M), W = Q, U = C - b[v] - F, Z = C / 2 - b[v] / 2 + P, ye = rt(W, Z, U), me = !u.arrow && Ne(n) != null && Z !== ye && a.reference[v] / 2 - (Z < W ? Q : F) - b[v] / 2 < 0, re = me ? Z < W ? Z - W : Z - U : 0;
+    const P = T / 2 - E / 2, M = C / 2 - b[v] / 2 - 1, Q = it(d[w], M), F = it(d[k], M), W = Q, U = C - b[v] - F, Z = C / 2 - b[v] / 2 + P, ye = rt(W, Z, U), me = !u.arrow && Ne(n) != null && Z !== ye && a.reference[v] / 2 - (Z < W ? Q : F) - b[v] / 2 < 0, re = me ? Z < W ? Z - W : Z - U : 0;
     return {
       [p]: y[p] + re,
       data: {
@@ -1843,7 +1843,7 @@ const cl = 50, dl = async (e, t, l) => {
       } = Se(e, t);
       if ((l = a.arrow) != null && l.alignmentOffset)
         return {};
-      const w = je(n), _ = pe(i), $ = je(i) === i, T = await (u.isRTL == null ? void 0 : u.isRTL(s.floating)), E = y || ($ || !b ? [Ke(i)] : nl(i)), I = v !== "none";
+      const w = je(n), k = pe(i), $ = je(i) === i, T = await (u.isRTL == null ? void 0 : u.isRTL(s.floating)), E = y || ($ || !b ? [Ke(i)] : nl(i)), I = v !== "none";
       !y && I && E.push(...rl(i, b, v, T));
       const C = [i, ...E], P = await u.detectOverflow(t, m), M = [];
       let Q = ((o = a.flip) == null ? void 0 : o.overflows) || [];
@@ -1857,9 +1857,9 @@ const cl = 50, dl = async (e, t, l) => {
       }], !M.every((Z) => Z <= 0)) {
         var F, W;
         const Z = (((F = a.flip) == null ? void 0 : F.index) || 0) + 1, ye = C[Z];
-        if (ye && (!(d === "alignment" ? _ !== pe(ye) : !1) || // We leave the current main axis only if every placement on that axis
+        if (ye && (!(d === "alignment" ? k !== pe(ye) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        Q.every((se) => pe(se.placement) === _ ? se.overflows[0] > 0 : !0)))
+        Q.every((se) => pe(se.placement) === k ? se.overflows[0] > 0 : !0)))
           return {
             data: {
               index: Z,
@@ -1877,7 +1877,7 @@ const cl = 50, dl = async (e, t, l) => {
               const re = (U = Q.filter((se) => {
                 if (I) {
                   const ge = pe(se.placement);
-                  return ge === _ || // Create a bias to the `y` side axis due to horizontal
+                  return ge === k || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   ge === "y";
                 }
@@ -1966,11 +1966,11 @@ const no = function(e) {
         limiter: u = {
           fn: (w) => {
             let {
-              x: _,
+              x: k,
               y: $
             } = w;
             return {
-              x: _,
+              x: k,
               y: $
             };
           }
@@ -1982,11 +1982,11 @@ const no = function(e) {
       }, d = await a.detectOverflow(t, s), y = pe(je(n)), p = ht(y);
       let v = f[p], b = f[y];
       if (r) {
-        const w = p === "y" ? "top" : "left", _ = p === "y" ? "bottom" : "right", $ = v + d[w], T = v - d[_];
+        const w = p === "y" ? "top" : "left", k = p === "y" ? "bottom" : "right", $ = v + d[w], T = v - d[k];
         v = rt($, v, T);
       }
       if (i) {
-        const w = y === "y" ? "top" : "left", _ = y === "y" ? "bottom" : "right", $ = b + d[w], T = b - d[_];
+        const w = y === "y" ? "top" : "left", k = y === "y" ? "bottom" : "right", $ = b + d[w], T = b - d[k];
         b = rt($, b, T);
       }
       const m = u.fn({
@@ -2039,8 +2039,8 @@ const no = function(e) {
         p < T ? p = T : p > E && (p = E);
       }
       if (s) {
-        var w, _;
-        const $ = y === "y" ? "width" : "height", T = oo.has(je(n)), E = a.reference[d] - a.floating[$] + (T && ((w = r.offset) == null ? void 0 : w[d]) || 0) + (T ? 0 : m.crossAxis), I = a.reference[d] + a.reference[$] + (T ? 0 : ((_ = r.offset) == null ? void 0 : _[d]) || 0) - (T ? m.crossAxis : 0);
+        var w, k;
+        const $ = y === "y" ? "width" : "height", T = oo.has(je(n)), E = a.reference[d] - a.floating[$] + (T && ((w = r.offset) == null ? void 0 : w[d]) || 0) + (T ? 0 : m.crossAxis), I = a.reference[d] + a.reference[$] + (T ? 0 : ((k = r.offset) == null ? void 0 : k[d]) || 0) - (T ? m.crossAxis : 0);
         v < E ? v = E : v > I && (v = I);
       }
       return {
@@ -2135,11 +2135,11 @@ function ro(e) {
   const t = Je(e);
   return ot(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ce(t) && qe(t) ? t : ro(t);
 }
-function Oe(e, t, l) {
+function De(e, t, l) {
   var o;
   t === void 0 && (t = []), l === void 0 && (l = !0);
   const n = ro(e), a = n === ((o = e.ownerDocument) == null ? void 0 : o.body), r = ae(n);
-  return a ? t.concat(r, r.visualViewport || [], qe(n) ? n : [], r.frameElement && l ? Oe(r.frameElement) : []) : t.concat(n, Oe(n, [], l));
+  return a ? t.concat(r, r.visualViewport || [], qe(n) ? n : [], r.frameElement && l ? De(r.frameElement) : []) : t.concat(n, De(n, [], l));
 }
 function so(e) {
   const t = ie(e);
@@ -2191,8 +2191,8 @@ function xe(e, t, l, o) {
     const y = ae(a), p = o && ve(o) ? ae(o) : o;
     let v = y.frameElement;
     for (; v && o && p !== y; ) {
-      const b = Ee(v), m = v.getBoundingClientRect(), w = ie(v), _ = m.left + (v.clientLeft + parseFloat(w.paddingLeft)) * b.x, $ = m.top + (v.clientTop + parseFloat(w.paddingTop)) * b.y;
-      u *= b.x, s *= b.y, f *= b.x, d *= b.y, u += _, s += $, v = ae(v).frameElement;
+      const b = Ee(v), m = v.getBoundingClientRect(), w = ie(v), k = m.left + (v.clientLeft + parseFloat(w.paddingLeft)) * b.x, $ = m.top + (v.clientTop + parseFloat(w.paddingTop)) * b.y;
+      u *= b.x, s *= b.y, f *= b.x, d *= b.y, u += k, s += $, v = ae(v).frameElement;
     }
   }
   return Ye({
@@ -2294,7 +2294,7 @@ function _l(e, t) {
   const l = t.get(e);
   if (l)
     return l;
-  let o = Oe(e, [], !1).filter((i) => ve(i) && _e(i) !== "body"), n = null;
+  let o = De(e, [], !1).filter((i) => ve(i) && _e(i) !== "body"), n = null;
   const a = ie(e).position === "fixed";
   let r = a ? Je(e) : e;
   for (; ve(r) && !ot(r); ) {
@@ -2402,7 +2402,7 @@ function Il(e, t) {
     } = e.getBoundingClientRect();
     if (i || t(), !d || !y)
       return;
-    const p = We(f), v = We(n.clientWidth - (s + d)), b = We(n.clientHeight - (f + y)), m = We(s), _ = {
+    const p = We(f), v = We(n.clientWidth - (s + d)), b = We(n.clientHeight - (f + y)), m = We(s), k = {
       rootMargin: -p + "px " + -v + "px " + -b + "px " + -m + "px",
       threshold: Ae(0, ut(1, u)) || 1
     };
@@ -2420,12 +2420,12 @@ function Il(e, t) {
     }
     try {
       l = new IntersectionObserver(T, {
-        ..._,
+        ...k,
         // Handle <iframe>s
         root: n.ownerDocument
       });
     } catch {
-      l = new IntersectionObserver(T, _);
+      l = new IntersectionObserver(T, k);
     }
     l.observe(e);
   }
@@ -2439,7 +2439,7 @@ function Ll(e, t, l, o) {
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: i = typeof IntersectionObserver == "function",
     animationFrame: u = !1
-  } = o, s = kt(e), f = n || a ? [...s ? Oe(s) : [], ...Oe(t)] : [];
+  } = o, s = kt(e), f = n || a ? [...s ? De(s) : [], ...De(t)] : [];
   f.forEach((w) => {
     n && w.addEventListener("scroll", l, {
       passive: !0
@@ -2448,8 +2448,8 @@ function Ll(e, t, l, o) {
   const d = s && i ? Il(s, l) : null;
   let y = -1, p = null;
   r && (p = new ResizeObserver((w) => {
-    let [_] = w;
-    _ && _.target === s && p && (p.unobserve(t), cancelAnimationFrame(y), y = requestAnimationFrame(() => {
+    let [k] = w;
+    k && k.target === s && p && (p.unobserve(t), cancelAnimationFrame(y), y = requestAnimationFrame(() => {
       p && p.observe(t);
     })), l();
   }), s && !u && p.observe(s), p.observe(t));
@@ -2537,7 +2537,7 @@ function vo(e, t, l) {
       top: M + "px"
     };
   });
-  let _;
+  let k;
   function $() {
     s.value == null || f.value == null || Bl(s.value, f.value, {
       middleware: a.value,
@@ -2548,7 +2548,7 @@ function vo(e, t, l) {
     });
   }
   function T() {
-    typeof _ == "function" && (_(), _ = void 0);
+    typeof k == "function" && (k(), k = void 0);
   }
   function E() {
     if (T(), o === void 0) {
@@ -2556,7 +2556,7 @@ function vo(e, t, l) {
       return;
     }
     if (s.value != null && f.value != null) {
-      _ = o(s.value, f.value, $);
+      k = o(s.value, f.value, $);
       return;
     }
   }
@@ -2656,18 +2656,18 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
       !n.value && o.event === "click" && (w.preventDefault(), w.stopPropagation(), b());
     }
     function b(w = !0) {
-      var _;
-      (_ = s.value) == null || _.update(), setTimeout(() => {
+      var k;
+      (k = s.value) == null || k.update(), setTimeout(() => {
         n.value = w;
       }, o.delay);
     }
     const m = x(() => {
-      const { middlewareData: w, placement: _ } = s.value, $ = w.arrow, T = {
+      const { middlewareData: w, placement: k } = s.value, $ = w.arrow, T = {
         top: "bottom",
         right: "left",
         bottom: "top",
         left: "right"
-      }[_.split("-")[0]];
+      }[k.split("-")[0]];
       return {
         left: ($ == null ? void 0 : $.x) && `${$ == null ? void 0 : $.x}px`,
         top: ($ == null ? void 0 : $.y) && `${$ == null ? void 0 : $.y}px`,
@@ -2678,16 +2678,16 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
     });
     return ne(() => {
       o.show && b();
-    }), Pe(() => {
+    }), Me(() => {
       n.value = !1;
     }), t({
       tooltipVisible: n,
       tooltip: i
-    }), (w, _) => (c(), V(O(pt), {
+    }), (w, k) => (c(), V(O(pt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       options: f.value,
-      onTrigger: _[1] || (_[1] = ($) => b(!1))
+      onTrigger: k[1] || (k[1] = ($) => b(!1))
     }, {
       default: z(() => {
         var $;
@@ -2700,7 +2700,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
             onClick: v,
             onMouseenter: y,
             onMouseleave: p,
-            onKeydown: _[0] || (_[0] = Re((T) => b(!1), ["tab"]))
+            onKeydown: k[0] || (k[0] = Re((T) => b(!1), ["tab"]))
           }, [
             j(w.$slots, "default", {}, void 0, !0),
             (c(), V(Te, { to: "body" }, [
@@ -2733,7 +2733,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
                     R(J(e.text), 1)
                   ], !0)
                 ], 512)
-              ], 14, El)) : k("", !0)
+              ], 14, El)) : _("", !0)
             ]))
           ], 40, Al)
         ];
@@ -2741,7 +2741,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
       _: 3
     }, 8, ["options"]));
   }
-}), Jl = /* @__PURE__ */ A(zl, [["__scopeId", "data-v-0689c57a"]]), Pl = { class: "joy-label__group___main" }, Ml = {
+}), Jl = /* @__PURE__ */ A(zl, [["__scopeId", "data-v-eec989e6"]]), Pl = { class: "joy-label__group___main" }, Ml = {
   key: 0,
   class: "joy-label-required"
 }, Fl = {
@@ -2784,8 +2784,8 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
             j(l.$slots, "default", {}, () => [
               R(J(e.text), 1)
             ], !0),
-            e.required ? (c(), h("span", Ml, "*")) : k("", !0),
-            e.optionalLabel ? (c(), h("span", Fl, "- " + J(e.optionalLabel), 1)) : k("", !0)
+            e.required ? (c(), h("span", Ml, "*")) : _("", !0),
+            e.optionalLabel ? (c(), h("span", Fl, "- " + J(e.optionalLabel), 1)) : _("", !0)
           ]),
           _: 3
         }, 16, ["class"])),
@@ -2803,11 +2803,11 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
             })
           ]),
           _: 3
-        })) : k("", !0)
+        })) : _("", !0)
       ]),
       l.$slots["label-legend"] ? (c(), h("span", Ol, [
         j(l.$slots, "label-legend", {}, void 0, !0)
-      ])) : k("", !0)
+      ])) : _("", !0)
     ], 2));
   }
 }), Ie = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-aa2ae844"]]), Rl = ["id"], Nl = /* @__PURE__ */ B({
@@ -2854,7 +2854,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
           R(J(e.label), 1)
         ]),
         _: 1
-      }, 8, ["required", "optional-label", "size"])) : k("", !0),
+      }, 8, ["required", "optional-label", "size"])) : _("", !0),
       g("div", {
         class: L(["joy-checkbox-group", `joy-checkbox-group--${e.direction}`])
       }, [
@@ -2956,7 +2956,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
             class: "joy-collapse-item__summary___icon",
             "aria-hidden": "true",
             name: e.summaryIcon
-          }, null, 8, ["name"])) : k("", !0),
+          }, null, 8, ["name"])) : _("", !0),
           R(" " + J(e.header), 1)
         ], 8, ql),
         g("div", Hl, [
@@ -2966,7 +2966,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
           class: "joy-collapse-item__summary___marker joy-mt-1",
           name: "chevron-down"
         }),
-        e.subheader ? (c(), h("span", Wl, J(e.subheader), 1)) : k("", !0),
+        e.subheader ? (c(), h("span", Wl, J(e.subheader), 1)) : _("", !0),
         g("span", Ul, [
           j(s.$slots, "collapse-preview", {}, void 0, !0)
         ])
@@ -2983,10 +2983,10 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
         ])
       }, [
         j(s.$slots, "default", {}, void 0, !0)
-      ], 10, Gl)) : k("", !0)
+      ], 10, Gl)) : _("", !0)
     ], 2));
   }
-}), Yl = /* @__PURE__ */ A(Kl, [["__scopeId", "data-v-ec1339ef"]]), Zl = { class: "joy-collapse" }, Xl = /* @__PURE__ */ B({
+}), Yl = /* @__PURE__ */ A(Kl, [["__scopeId", "data-v-cdea95ef"]]), Zl = { class: "joy-collapse" }, Xl = /* @__PURE__ */ B({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -3056,13 +3056,13 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
         "onCollapseItem:close": () => y(m)
       }), {
         "collapse-header-right": z(() => [
-          (c(!0), h(H, null, K(s(m, "collapse-header-right"), (w, _) => (c(), V(X(w), { key: _ }))), 128))
+          (c(!0), h(H, null, K(s(m, "collapse-header-right"), (w, k) => (c(), V(X(w), { key: k }))), 128))
         ]),
         "collapse-preview": z(() => [
-          (c(!0), h(H, null, K(s(m, "collapse-preview"), (w, _) => (c(), V(X(w), { key: _ }))), 128))
+          (c(!0), h(H, null, K(s(m, "collapse-preview"), (w, k) => (c(), V(X(w), { key: k }))), 128))
         ]),
         default: z(() => [
-          (c(!0), h(H, null, K(s(m, "default"), (w, _) => (c(), V(X(w), { key: _ }))), 128))
+          (c(!0), h(H, null, K(s(m, "default"), (w, k) => (c(), V(X(w), { key: k }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
@@ -3327,7 +3327,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, a = De() + "--JoyDialog", r = Y(), i = S(!1), u = S(), s = S(o.open), f = le(), d = x(() => {
+    const o = e, n = l, a = Pe() + "--JoyDialog", r = Y(), i = S(!1), u = S(), s = S(o.open), f = le(), d = x(() => {
       if (i.value)
         return f;
     }), y = x(() => {
@@ -3339,12 +3339,12 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
     }
     async function m(E) {
       const { fireHideEvent: I = !0 } = E ?? {};
-      o.demoMode || (s.value = !1, await Fe(), be(!1), I && n("dialog:hide"));
+      o.demoMode || (s.value = !1, await Oe(), be(!1), I && n("dialog:hide"));
     }
     async function w() {
-      s.value = !0, await Fe(), o.preventBodyScroll && be(!0);
+      s.value = !0, await Oe(), o.preventBodyScroll && be(!0);
     }
-    function _() {
+    function k() {
       n("dialog:open");
     }
     function $() {
@@ -3355,7 +3355,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
     }
     return ne(async () => {
       i.value = !0;
-    }), Pe(() => {
+    }), Me(() => {
       s.value === !0 && (n("dialog:before-unmount"), be(!1));
     }), t({
       hasFooterSlots: y,
@@ -3371,7 +3371,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
         duration: { enter: 300, leave: 100 },
         name: "dialog",
         appear: "",
-        onEnter: _,
+        onEnter: k,
         onAfterEnter: $,
         onAfterLeave: T
       }, {
@@ -3408,7 +3408,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
                 e.patternBrand ? (c(), h("div", aa, [...I[3] || (I[3] = [
                   g("div", { class: "joy-dialog__shapes___shape" }, null, -1),
                   g("div", { class: "joy-dialog__shapes___shape" }, null, -1)
-                ])])) : k("", !0),
+                ])])) : _("", !0),
                 e.bannerSrc ? (c(), h("div", {
                   key: 1,
                   class: "joy-dialog--banner",
@@ -3417,11 +3417,11 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
                     backgroundPosition: e.bannerPosition,
                     height: `${e.bannerHeight}px`
                   })
-                }, null, 4)) : k("", !0),
+                }, null, 4)) : _("", !0),
                 g("div", ia, [
                   E.$slots["dialog-preheader"] ? (c(), h("div", ra, [
                     j(E.$slots, "dialog-preheader", {}, void 0, !0)
-                  ])) : k("", !0),
+                  ])) : _("", !0),
                   g("div", {
                     id: v.value,
                     class: "joy-dialog--header__title"
@@ -3431,7 +3431,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
                   g("p", ua, [
                     j(E.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
-                  e.patternConfirm ? k("", !0) : (c(), V(Ve, {
+                  e.patternConfirm ? _("", !0) : (c(), V(Ve, {
                     key: 1,
                     id: "joy-dialog--close",
                     icon: "cross",
@@ -3471,7 +3471,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
                             R(J(e.cancelText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : k("", !0)
+                        }, 8, ["size"])) : _("", !0)
                       ], !0),
                       j(E.$slots, "dialog-confirm", {}, () => [
                         e.confirmText ? (c(), V(ze, {
@@ -3485,7 +3485,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
                             R(J(e.confirmText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : k("", !0)
+                        }, 8, ["size"])) : _("", !0)
                       ], !0)
                     ]),
                     _: 3
@@ -3493,14 +3493,14 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
                 ], 2),
                 O(r)["dialog-indicators"] ? (c(), h("div", da, [
                   j(E.$slots, "dialog-indicators", {}, void 0, !0)
-                ])) : k("", !0)
+                ])) : _("", !0)
               ])
             ], 2)
-          ], 16, na)) : k("", !0)
+          ], 16, na)) : _("", !0)
         ]),
         _: 3
       })
-    ], 8, ["to", "disabled"])) : k("", !0);
+    ], 8, ["to", "disabled"])) : _("", !0);
   }
 }), Su = /* @__PURE__ */ A(fa, [["__scopeId", "data-v-8bbcabdb"]]), xu = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
@@ -3591,7 +3591,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = l, a = De() + "--JoyDrawer", r = Y(), i = S(!1), u = S(), s = S(o.open), f = le(), d = x(() => {
+    const o = e, n = l, a = Pe() + "--JoyDrawer", r = Y(), i = S(!1), u = S(), s = S(o.open), f = le(), d = x(() => {
       if (i.value)
         return f;
     }), y = x(() => {
@@ -3600,15 +3600,15 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
     }), p = x(() => o.id || a), v = x(() => p.value + "-header");
     async function b(T) {
       const { fireHideEvent: E = !0 } = T ?? {};
-      o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (s.value = !1, await Fe(), be(!1), E && n("drawer:hide"));
+      o.demoMode || o.onBeforeHide && !await o.onBeforeHide() || (s.value = !1, await Oe(), be(!1), E && n("drawer:hide"));
     }
     async function m() {
-      s.value = !0, await Fe(), !o.elevated && o.preventBodyScroll && be(!0);
+      s.value = !0, await Oe(), !o.elevated && o.preventBodyScroll && be(!0);
     }
     function w() {
       n("drawer:open");
     }
-    function _() {
+    function k() {
       n("drawer:after-open");
     }
     function $() {
@@ -3616,7 +3616,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
     }
     return ne(() => {
       i.value = !0;
-    }), Pe(() => {
+    }), Me(() => {
       s.value === !0 && (n("drawer:before-unmount"), be(!1));
     }), t({
       hasFooterSlots: y,
@@ -3633,7 +3633,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
         name: "drawer",
         appear: "",
         onEnter: w,
-        onAfterEnter: _,
+        onAfterEnter: k,
         onAfterLeave: $
       }, {
         default: z(() => [
@@ -3654,7 +3654,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
             "aria-labelledby": v.value,
             onKeydown: E[4] || (E[4] = Re((I) => b(), ["esc"]))
           }), [
-            e.elevated ? k("", !0) : (c(), h("div", {
+            e.elevated ? _("", !0) : (c(), h("div", {
               key: 0,
               class: L([
                 {
@@ -3723,7 +3723,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
                             R(J(e.cancelText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : k("", !0)
+                        }, 8, ["size"])) : _("", !0)
                       ], !0),
                       j(T.$slots, "drawer-confirm", {}, () => [
                         e.confirmText ? (c(), V(ze, {
@@ -3737,7 +3737,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
                             R(J(e.confirmText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : k("", !0)
+                        }, 8, ["size"])) : _("", !0)
                       ], !0)
                     ]),
                     _: 3
@@ -3745,11 +3745,11 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
                 ], 2)
               ])
             ], 2)
-          ], 16, ya)) : k("", !0)
+          ], 16, ya)) : _("", !0)
         ]),
         _: 3
       })
-    ], 8, ["to", "disabled"])) : k("", !0);
+    ], 8, ["to", "disabled"])) : _("", !0);
   }
 }), Vu = /* @__PURE__ */ A(ba, [["__scopeId", "data-v-3a548d6c"]]), Tu = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
@@ -3839,8 +3839,8 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
       !a.value || !a.value.contains(document.activeElement) || ((m.key === "Escape" || m.key === "Tab") && o("close:dropdownList"), (m.key === "Enter" || m.key === "enter") && y(m), f() && m.key === " " && m.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(m.key) && p(m));
     }
     function y(m) {
-      var _;
-      if (m.preventDefault(), !f() || !((_ = a.value) != null && _.contains(f())))
+      var k;
+      if (m.preventDefault(), !f() || !((k = a.value) != null && k.contains(f())))
         return;
       const w = f();
       if (w) {
@@ -3850,8 +3850,8 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
       }
     }
     function p(m) {
-      const w = u(), _ = f();
-      let $ = w.indexOf(_);
+      const w = u(), k = f();
+      let $ = w.indexOf(k);
       w.length && (m.preventDefault(), m.key === "ArrowDown" ? $++ : m.key === "ArrowUp" ? $-- : m.key === "Home" ? $ = 0 : m.key === "End" && ($ = w.length - 1), $ < 0 && ($ = w.length - 1), $ > w.length - 1 && ($ = 0), v(w[$]));
     }
     function v(m) {
@@ -3862,7 +3862,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
     }
     return ne(() => {
       globalThis.addEventListener("keydown", d), s();
-    }), Pe(() => {
+    }), Me(() => {
       globalThis.removeEventListener("keydown", d);
     }), t({
       isSelected: r
@@ -3876,9 +3876,9 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
           type: "button",
           class: "joy-dropdown-list__reset",
           onClick: b
-        }, J(e.resetLabel || "Reset"), 1)) : k("", !0),
+        }, J(e.resetLabel || "Reset"), 1)) : _("", !0),
         j(m.$slots, "dropdown-list-header", {}, void 0, !0)
-      ])) : k("", !0),
+      ])) : _("", !0),
       g("div", {
         tabindex: "0",
         class: L(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": m.$slots["dropdown-list-items"] }]),
@@ -3894,36 +3894,36 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (c(!0), h(H, null, K(e.options, (_) => (c(), h("li", {
-            id: _.id,
-            key: _.id,
+          (c(!0), h(H, null, K(e.options, (k) => (c(), h("li", {
+            id: k.id,
+            key: k.id,
             style: te({ "max-width": `${e.width}px` }),
             class: L([
               "joy-dropdown-list__item",
               `joy-dropdown-list__item--${e.size}`,
               {
-                "joy-dropdown-list__item--selected": r.value(_),
-                "joy-dropdown-list__item--disabled": _.disabled
+                "joy-dropdown-list__item--selected": r.value(k),
+                "joy-dropdown-list__item--disabled": k.disabled
               }
             ]),
-            tabindex: _.disabled ? void 0 : -1,
-            "aria-disabled": _.disabled,
-            "aria-selected": r.value(_),
-            title: _.label,
-            "aria-label": _.label,
-            ".dataModel": _.value || _.id,
+            tabindex: k.disabled ? void 0 : -1,
+            "aria-disabled": k.disabled,
+            "aria-selected": r.value(k),
+            title: k.label,
+            "aria-label": k.label,
+            ".dataModel": k.value || k.id,
             role: "option",
-            onClick: ($) => i(_)
+            onClick: ($) => i(k)
           }, [
-            j(m.$slots, "label", q({ ref_for: !0 }, _), () => [
-              g("span", null, J(_.label), 1)
+            j(m.$slots, "label", q({ ref_for: !0 }, k), () => [
+              g("span", null, J(k.label), 1)
             ], !0)
           ], 46, ka))), 128))
-        ], 8, ja)) : k("", !0)
+        ], 8, ja)) : _("", !0)
       ], 6),
       m.$slots["dropdown-list-footer"] ? (c(), h("footer", _a, [
         j(m.$slots, "dropdown-list-footer", {}, void 0, !0)
-      ])) : k("", !0)
+      ])) : _("", !0)
     ], 4));
   }
 }), Ca = /* @__PURE__ */ A($a, [["__scopeId", "data-v-3aa1b9db"]]);
@@ -3931,7 +3931,7 @@ function Sa(e) {
   const t = () => e();
   ne(() => {
     globalThis.addEventListener("resize", t);
-  }), Pe(() => {
+  }), Me(() => {
     globalThis.removeEventListener("resize", t);
   });
 }
@@ -4057,9 +4057,9 @@ const xa = /* @__PURE__ */ B({
       f.value = !1, p && clearTimeout(p), a.value = !0, o("dropdown:open");
     }
     function w(C) {
-      C.stopPropagation(), a.value ? _() : m(), s.value = C.target;
+      C.stopPropagation(), a.value ? k() : m(), s.value = C.target;
     }
-    function _() {
+    function k() {
       b(), $();
     }
     function $() {
@@ -4121,7 +4121,7 @@ const xa = /* @__PURE__ */ B({
             "reset-label": e.resetLabel,
             "aria-labelled-by": d,
             "onUpdate:modelValue": T,
-            "onClose:dropdownList": _,
+            "onClose:dropdownList": k,
             onReset: E
           }, yt({
             label: z((M) => [
@@ -4153,7 +4153,7 @@ const xa = /* @__PURE__ */ B({
               key: "2"
             } : void 0
           ]), 1032, ["model-value", "options", "size", "width", "height", "reset", "reset-label"])
-        ], 6)) : k("", !0)
+        ], 6)) : _("", !0)
       ]),
       _: 3
     }, 512));
@@ -4202,9 +4202,9 @@ const xa = /* @__PURE__ */ B({
         g("div", null, [
           t.default ? j(l.$slots, "default", { key: 0 }, void 0, !0) : e.errors ? (c(), h("ul", Ta, [
             (c(!0), h(H, null, K(e.errors, (a) => (c(), h("li", { key: a }, J(a), 1))), 128))
-          ])) : k("", !0)
+          ])) : _("", !0)
         ])
-      ], 10, Va)) : k("", !0);
+      ], 10, Va)) : _("", !0);
     };
   }
 }), _t = /* @__PURE__ */ A(Ia, [["__scopeId", "data-v-9910aafe"]]), La = { class: "joy-dropzone__icon-wrapper" }, Ba = /* @__PURE__ */ B({
@@ -4261,8 +4261,8 @@ const xa = /* @__PURE__ */ B({
           g("span", Ea, J(l.file.name), 1),
           t.information ? (c(), h("div", za, [
             j(o.$slots, "information", { file: e.file }, void 0, !0)
-          ])) : k("", !0),
-          e.error ? (c(), h("p", Ja, J(e.error), 1)) : k("", !0)
+          ])) : _("", !0),
+          e.error ? (c(), h("p", Ja, J(e.error), 1)) : _("", !0)
         ]),
         D(ue, {
           "column-gap": "1",
@@ -4272,7 +4272,7 @@ const xa = /* @__PURE__ */ B({
         }, {
           default: z(() => [
             j(o.$slots, "actions", { file: e.file }, void 0, !0),
-            e.disabled ? k("", !0) : (c(), V(Ve, {
+            e.disabled ? _("", !0) : (c(), V(Ve, {
               key: 0,
               size: "medium",
               variant: "ghost",
@@ -4289,7 +4289,7 @@ const xa = /* @__PURE__ */ B({
               title: e.deleteLabel,
               label: e.deleteLabel,
               onClick: n[1] || (n[1] = (a) => o.$emit("delete"))
-            }, null, 8, ["title", "label"])) : k("", !0)
+            }, null, 8, ["title", "label"])) : _("", !0)
           ]),
           _: 3
         })
@@ -4322,7 +4322,7 @@ const xa = /* @__PURE__ */ B({
         e.icon ? (c(), V(N, {
           key: 0,
           name: e.icon
-        }, null, 8, ["name"])) : k("", !0),
+        }, null, 8, ["name"])) : _("", !0),
         g("span", Fa, [
           j(t.$slots, "default", {}, () => [
             R(J(e.text), 1)
@@ -4385,7 +4385,7 @@ const xa = /* @__PURE__ */ B({
       if (!U)
         return o.errorTextMaxSize;
     }
-    function _() {
+    function k() {
       o.disabled || (i.value = void 0, s.value && s.value.click());
     }
     function $() {
@@ -4436,7 +4436,7 @@ const xa = /* @__PURE__ */ B({
           R(J(e.label), 1)
         ]),
         _: 1
-      }, 8, ["for"])) : k("", !0),
+      }, 8, ["for"])) : _("", !0),
       g("div", {
         ref_key: "dropzoneAreaRef",
         ref: u,
@@ -4486,7 +4486,7 @@ const xa = /* @__PURE__ */ B({
                 key: "1"
               } : void 0
             ]), 1032, ["file", "error", "update-label", "delete-label", "can-delete", "disabled", "onUpdate", "onDelete"]))), 128))
-          ])) : k("", !0),
+          ])) : _("", !0),
           n.value.length === 0 || e.multiple && !a.value ? (c(), V(ue, {
             key: 1,
             direction: "column",
@@ -4494,7 +4494,7 @@ const xa = /* @__PURE__ */ B({
             wrap: "nowrap",
             "no-margin": "",
             class: "joy-dropzone__instruction",
-            onClick: _
+            onClick: k
           }, {
             default: z(() => [
               D(go, {
@@ -4518,20 +4518,20 @@ const xa = /* @__PURE__ */ B({
               ])
             ]),
             _: 3
-          })) : k("", !0)
+          })) : _("", !0)
         ], 8, Na)
       ], 512),
       l["dropzone-legend"] && !y.value ? (c(), h("div", Ua, [
         j(F.$slots, "dropzone-legend", {}, void 0, !0)
-      ])) : k("", !0),
+      ])) : _("", !0),
       y.value ? (c(), V(_t, {
         key: 2,
         errors: [y.value],
         class: "joy-dropzone__error"
-      }, null, 8, ["errors"])) : k("", !0)
+      }, null, 8, ["errors"])) : _("", !0)
     ], 2));
   }
-}), Lu = /* @__PURE__ */ A(Ga, [["__scopeId", "data-v-23d08b6e"]]), Ka = ["aria-label"], Ya = { class: "joy-filter-bar__wrapper" }, Za = /* @__PURE__ */ B({
+}), Lu = /* @__PURE__ */ A(Ga, [["__scopeId", "data-v-d0429095"]]), Ka = ["aria-label"], Ya = { class: "joy-filter-bar__wrapper" }, Za = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -4583,7 +4583,7 @@ const xa = /* @__PURE__ */ B({
         name: "chevron-down",
         size: "xxsmall",
         color: "neutral"
-      })) : k("", !0)
+      })) : _("", !0)
     ], 2));
   }
 }), Au = /* @__PURE__ */ A(Xa, [["__scopeId", "data-v-2970da90"]]), Qa = { class: "floating-actions-bar__content" }, ei = { class: "floating-actions-bar__actions" }, ti = /* @__PURE__ */ B({
@@ -4625,7 +4625,7 @@ const xa = /* @__PURE__ */ B({
           ])
         ], 4)
       ], 6)
-    ], 8, ["to"])) : k("", !0);
+    ], 8, ["to"])) : _("", !0);
   }
 }), Eu = /* @__PURE__ */ A(ti, [["__scopeId", "data-v-2eef762e"]]), oi = /* @__PURE__ */ B({
   __name: "VJoyFormFieldSkeleton",
@@ -4717,7 +4717,7 @@ const xa = /* @__PURE__ */ B({
           j(u.$slots, "funnel-header", {}, void 0, !0)
         ])
       ]),
-      e.hideShapes ? k("", !0) : (c(), h("div", {
+      e.hideShapes ? _("", !0) : (c(), h("div", {
         key: 0,
         class: L([
           "joy-funnel__shapes",
@@ -4816,13 +4816,13 @@ const xa = /* @__PURE__ */ B({
           e.displayIcon ? (c(), V(N, {
             key: 0,
             name: o.value
-          }, null, 8, ["name"])) : k("", !0)
+          }, null, 8, ["name"])) : _("", !0)
         ], !0)
       ]),
       g("div", vi, [
         n.$slots["highlight-title"] ? (c(), h("strong", hi, [
           j(n.$slots, "highlight-title", {}, void 0, !0)
-        ])) : k("", !0),
+        ])) : _("", !0),
         j(n.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
@@ -4994,7 +4994,7 @@ const xa = /* @__PURE__ */ B({
             ], !0)
           ]),
           _: 3
-        }, 8, ["for", "required", "optional-label", "size"])) : k("", !0),
+        }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
         g("div", {
           class: L([
             "joy-input--wrapper",
@@ -5009,7 +5009,7 @@ const xa = /* @__PURE__ */ B({
             key: 0,
             class: "joy-input--decorative-icon",
             name: e.icon
-          }, null, 8, ["name"])) : k("", !0),
+          }, null, 8, ["name"])) : _("", !0),
           g("input", q(m.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
@@ -5028,15 +5028,15 @@ const xa = /* @__PURE__ */ B({
             type: n.type,
             value: e.modelValue,
             onFocus: w[0] || (w[0] = //@ts-ignore
-            (..._) => b.onFocus && b.onFocus(..._)),
+            (...k) => b.onFocus && b.onFocus(...k)),
             onBlur: w[1] || (w[1] = //@ts-ignore
-            (..._) => b.onBlur && b.onBlur(..._)),
+            (...k) => b.onBlur && b.onBlur(...k)),
             onInput: w[2] || (w[2] = //@ts-ignore
-            (..._) => b.onInput && b.onInput(..._)),
+            (...k) => b.onInput && b.onInput(...k)),
             onChange: w[3] || (w[3] = //@ts-ignore
-            (..._) => b.onChange && b.onChange(..._)),
+            (...k) => b.onChange && b.onChange(...k)),
             onWheel: w[4] || (w[4] = //@ts-ignore
-            (..._) => b.onWheelScroll && b.onWheelScroll(..._))
+            (...k) => b.onWheelScroll && b.onWheelScroll(...k))
           }), null, 16, _i),
           d.value ? (c(), V(Ve, {
             key: 1,
@@ -5046,7 +5046,7 @@ const xa = /* @__PURE__ */ B({
             size: "xxsmall",
             icon: "cross",
             onClick: b.clearValue
-          }, null, 8, ["label", "onClick"])) : k("", !0),
+          }, null, 8, ["label", "onClick"])) : _("", !0),
           j(m.$slots, "right-action", {}, void 0, !0)
         ], 2)
       ], 2)
@@ -5107,7 +5107,7 @@ const xa = /* @__PURE__ */ B({
       }
       return Math.min(E, u.value - 1);
     }
-    const _ = {
+    const k = {
       onInput: ($, T) => {
         const E = $.split("").filter((C) => f(C)).slice(0, u.value - T);
         if (E.length === 0) {
@@ -5197,12 +5197,12 @@ const xa = /* @__PURE__ */ B({
             "aria-label": s(I),
             autocomplete: "one-time-code",
             maxlength: "1",
-            "onUpdate:modelValue": (C) => _.onInput(C, I),
-            onKeydown: (C) => _.onKeyDown(C, I),
-            onPaste: (C) => _.onPaste(C, I),
-            onFocus: _.onFocus,
-            onBlur: _.onBlur,
-            onClick: _.onClick
+            "onUpdate:modelValue": (C) => k.onInput(C, I),
+            onKeydown: (C) => k.onKeyDown(C, I),
+            onPaste: (C) => k.onPaste(C, I),
+            onFocus: k.onFocus,
+            onBlur: k.onBlur,
+            onClick: k.onClick
           }), null, 16, ["name", "model-value", "disabled", "invalid", "aria-label", "onUpdate:modelValue", "onKeydown", "onPaste", "onFocus", "onBlur", "onClick"])
         ]))), 128))
       ], 2)
@@ -5261,7 +5261,7 @@ const xa = /* @__PURE__ */ B({
         "right-action": z(() => [
           e.unit ? (c(), h("div", Vi, [
             g("span", Ti, J(e.unit), 1)
-          ])) : k("", !0)
+          ])) : _("", !0)
         ]),
         _: 3
       }, 16)
@@ -5326,7 +5326,7 @@ const xa = /* @__PURE__ */ B({
           j(d.$slots, "password-requirements", {}, void 0, !0)
         ]),
         _: 3
-      })) : k("", !0)
+      })) : _("", !0)
     ]));
   }
 }), qu = /* @__PURE__ */ A(Bi, [["__scopeId", "data-v-54152321"]]), Ai = { class: "joy-list-item__left" }, Ei = { class: "joy-font-primary-300 joy-m-0" }, zi = { class: "joy-list-item__right" }, Ji = /* @__PURE__ */ B({
@@ -5352,7 +5352,7 @@ const xa = /* @__PURE__ */ B({
               key: 0,
               class: "joy-p-3 joy-list-item__left-icon",
               name: e.icon
-            }, null, 8, ["name"])) : k("", !0),
+            }, null, 8, ["name"])) : _("", !0),
             g("p", Ei, [
               j(t.$slots, "list-item-left", {}, void 0, !0)
             ])
@@ -5458,7 +5458,7 @@ const xa = /* @__PURE__ */ B({
               m.icon ? (c(), V(N, {
                 key: 0,
                 name: m.icon
-              }, null, 8, ["name"])) : k("", !0),
+              }, null, 8, ["name"])) : _("", !0),
               g("span", null, J(m.label), 1)
             ], !0)
           ])
@@ -5514,14 +5514,14 @@ const xa = /* @__PURE__ */ B({
             key: 0,
             class: "joy-menu-item__icon-left",
             name: e.icon
-          }, null, 8, ["name"])) : k("", !0),
+          }, null, 8, ["name"])) : _("", !0),
           g("span", Ri, J(e.label), 1),
           e.status ? (c(), V(N, {
             key: 1,
             class: "joy-menu-item__icon-right",
             name: e.status,
             color: e.statusColor
-          }, null, 8, ["name", "color"])) : k("", !0)
+          }, null, 8, ["name", "color"])) : _("", !0)
         ]),
         _: 1
       }, 16, ["class", "type"]))
@@ -5690,7 +5690,7 @@ const xa = /* @__PURE__ */ B({
         ], !0),
         t.$slots.content ? (c(), h("div", Yi, [
           j(t.$slots, "content", {}, void 0, !0)
-        ])) : k("", !0)
+        ])) : _("", !0)
       ])
     ], 2));
   }
@@ -5763,22 +5763,22 @@ const xa = /* @__PURE__ */ B({
         }, [
           o["panel-title-icon"] ? (c(), h("div", Qi, [
             j(r.$slots, "panel-title-icon", {}, void 0, !0)
-          ])) : k("", !0),
+          ])) : _("", !0),
           j(r.$slots, "panel-title", {}, void 0, !0)
-        ], 2)) : k("", !0),
+        ], 2)) : _("", !0),
         o["panel-title-action"] ? (c(), h("div", er, [
           j(r.$slots, "panel-title-action", {}, void 0, !0)
-        ])) : k("", !0),
+        ])) : _("", !0),
         o["panel-subtitle"] ? (c(), h("div", tr, [
           j(r.$slots, "panel-subtitle", {}, void 0, !0)
-        ])) : k("", !0)
-      ])) : k("", !0),
+        ])) : _("", !0)
+      ])) : _("", !0),
       g("div", or, [
         j(r.$slots, "panel-body", {}, void 0, !0)
       ]),
       o["panel-action"] ? (c(), h("footer", nr, [
         j(r.$slots, "panel-action", {}, void 0, !0)
-      ])) : k("", !0),
+      ])) : _("", !0),
       e.loading ? (c(), V(bo, {
         key: 2,
         overlay: "",
@@ -5788,7 +5788,7 @@ const xa = /* @__PURE__ */ B({
           j(r.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["color"])) : k("", !0)
+      }, 8, ["color"])) : _("", !0)
     ], 6));
   }
 }), Ku = /* @__PURE__ */ A(lr, [["__scopeId", "data-v-b4158802"]]), ar = { class: "joy-panel-section" }, ir = {
@@ -5804,10 +5804,10 @@ const xa = /* @__PURE__ */ B({
     return (l, o) => (c(), h("div", ar, [
       O(t)["panel-section-title"] ? (c(), h("div", ir, [
         j(l.$slots, "panel-section-title", {}, void 0, !0)
-      ])) : k("", !0),
+      ])) : _("", !0),
       O(t)["panel-section-content"] ? (c(), h("div", rr, [
         j(l.$slots, "panel-section-content", {}, void 0, !0)
-      ])) : k("", !0)
+      ])) : _("", !0)
     ]));
   }
 }), Yu = /* @__PURE__ */ A(sr, [["__scopeId", "data-v-d88510ab"]]), ur = { class: "joy-password-requirement__label" }, cr = /* @__PURE__ */ B({
@@ -5920,9 +5920,9 @@ const xa = /* @__PURE__ */ B({
       d.value = !1, a(), I(), o("product-tour:hide");
     }
     function w(C) {
-      u.value && (C.disableOverlay || _(), $(C.elementToHighlight));
+      u.value && (C.disableOverlay || k(), $(C.elementToHighlight));
     }
-    function _() {
+    function k() {
       i.value = document.createElement("div"), i.value.classList.add("joy-product-tour__overlay"), i.value.addEventListener("click", m, { once: !0 }), i.value.style.position = "fixed", i.value.style.top = "0", i.value.style.left = "0", i.value.style.width = "100%", i.value.style.height = "100%", i.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(i.value);
     }
     function $(C) {
@@ -5992,7 +5992,7 @@ const xa = /* @__PURE__ */ B({
               size: "small",
               label: "Close",
               onClick: m
-            })) : k("", !0)
+            })) : _("", !0)
           ], 2),
           g("div", mr, [
             e.icon ? (c(), V(N, {
@@ -6000,7 +6000,7 @@ const xa = /* @__PURE__ */ B({
               class: "joy-product-tour__content___icon",
               name: e.icon,
               size: "medium"
-            }, null, 8, ["name"])) : k("", !0),
+            }, null, 8, ["name"])) : _("", !0),
             g("div", null, [
               g("div", pr, [
                 j(C.$slots, "product-tour-header", {}, void 0, !0)
@@ -6015,10 +6015,10 @@ const xa = /* @__PURE__ */ B({
             g("span", hr, [
               e.steps > 1 ? (c(), h(H, { key: 0 }, [
                 R(J(e.step) + "/" + J(e.steps), 1)
-              ], 64)) : k("", !0)
+              ], 64)) : _("", !0)
             ]),
             j(C.$slots, "product-tour-next", {}, void 0, !0)
-          ])) : k("", !0)
+          ])) : _("", !0)
         ], 2)
       ], 4)), [
         [Ao, d.value]
@@ -6162,7 +6162,7 @@ const xa = /* @__PURE__ */ B({
             style: te({ width: o.value })
           }, null, 4)
         ]),
-        e.showLabel && e.percentage !== void 0 ? (c(), h("span", kr, J(e.percentage + "%"), 1)) : k("", !0)
+        e.showLabel && e.percentage !== void 0 ? (c(), h("span", kr, J(e.percentage + "%"), 1)) : _("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
@@ -6233,7 +6233,7 @@ const xa = /* @__PURE__ */ B({
     ), t({
       checked: f,
       isExpanded: a
-    }), (_, $) => (c(), h("label", {
+    }), (k, $) => (c(), h("label", {
       ref_key: "root",
       ref: i,
       class: L([
@@ -6262,13 +6262,13 @@ const xa = /* @__PURE__ */ B({
         onBlur: w
       }, null, 40, $r),
       g("span", Cr, [
-        j(_.$slots, "default", {}, void 0, !0),
+        j(k.$slots, "default", {}, void 0, !0),
         g("div", Sr, [
-          j(_.$slots, "radio-header-right", {}, void 0, !0)
+          j(k.$slots, "radio-header-right", {}, void 0, !0)
         ])
       ]),
       g("div", xr, [
-        j(_.$slots, "radio-sublabel", {}, void 0, !0)
+        j(k.$slots, "radio-sublabel", {}, void 0, !0)
       ]),
       g("div", Vr, [
         g("div", {
@@ -6276,10 +6276,10 @@ const xa = /* @__PURE__ */ B({
           ref: u,
           class: L(["joy-radio-expandable", { "joy-radio-expandable--expanded": a.value }])
         }, [
-          j(_.$slots, "expandable-content", {}, void 0, !0)
+          j(k.$slots, "expandable-content", {}, void 0, !0)
         ], 2),
         g("div", Tr, [
-          j(_.$slots, "radio-content", {}, void 0, !0)
+          j(k.$slots, "radio-content", {}, void 0, !0)
         ])
       ])
     ], 2));
@@ -6365,7 +6365,7 @@ const xa = /* @__PURE__ */ B({
       ]),
       g("div", zr, [
         j(a.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (c(), h("span", Jr, "(" + J(e.reviewCount) + ")", 1)) : k("", !0)
+          e.reviewCount ? (c(), h("span", Jr, "(" + J(e.reviewCount) + ")", 1)) : _("", !0)
         ], !0)
       ])
     ], 8, Ar));
@@ -6427,10 +6427,10 @@ const xa = /* @__PURE__ */ B({
         if (i(w))
           m.push(w);
         else {
-          const _ = w.children;
-          if (typeof _ == "string" || !_.length)
+          const k = w.children;
+          if (typeof k == "string" || !k.length)
             return;
-          const $ = _.filter(i);
+          const $ = k.filter(i);
           m = [...m, ...$];
         }
       }), m;
@@ -6446,12 +6446,12 @@ const xa = /* @__PURE__ */ B({
         return;
       const m = b[0];
       if (m.type === "JoyLabel") {
-        const _ = (w = m.props) == null ? void 0 : w.for;
-        if (!_) {
+        const k = (w = m.props) == null ? void 0 : w.for;
+        if (!k) {
           console.warn("JoyLabel for attribute is missing");
           return;
         }
-        _ !== o.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+        k !== o.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
     function y(b) {
@@ -6482,7 +6482,7 @@ const xa = /* @__PURE__ */ B({
             R(J(e.label), 1)
           ]),
           _: 1
-        }, 8, ["required", "optional-label", "for", "size"])) : k("", !0)
+        }, 8, ["required", "optional-label", "for", "size"])) : _("", !0)
       ], !0),
       g("div", {
         class: L([
@@ -6511,9 +6511,9 @@ const xa = /* @__PURE__ */ B({
           onBlur: v
         }, [
           (c(!0), h(H, null, K(r.value, (w) => {
-            var _, $;
+            var k, $;
             return c(), h("option", q({
-              key: (_ = w.props) == null ? void 0 : _.value
+              key: (k = w.props) == null ? void 0 : k.value
             }, { ref_for: !0 }, w.props, {
               selected: (($ = w.props) == null ? void 0 : $.value) === e.modelValue
             }), J(w.children), 17, Fr);
@@ -6543,7 +6543,7 @@ const xa = /* @__PURE__ */ B({
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = t, o = De() + "--JoySelectableItem", n = e, a = S(), r = S(!1), i = n.multiple ? "div" : "label", u = x(() => n.id || o), s = {
+    const l = t, o = Pe() + "--JoySelectableItem", n = e, a = S(), r = S(!1), i = n.multiple ? "div" : "label", u = x(() => n.id || o), s = {
       onRadioChange: () => {
         l("update:checked", n.value);
       },
@@ -6574,7 +6574,7 @@ const xa = /* @__PURE__ */ B({
       onClick: y[5] || (y[5] = //@ts-ignore
       (...p) => s.onClick && s.onClick(...p))
     }, [
-      e.multiple ? k("", !0) : (c(), h("input", {
+      e.multiple ? _("", !0) : (c(), h("input", {
         key: 0,
         id: u.value,
         ref_key: "inputRadio",
@@ -6626,9 +6626,9 @@ const xa = /* @__PURE__ */ B({
               j(d.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          }, 8, ["id", "checked", "disabled", "value", "name", "required", "invalid"])) : k("", !0),
+          }, 8, ["id", "checked", "disabled", "value", "name", "required", "invalid"])) : _("", !0),
           g("div", Nr, [
-            e.multiple ? k("", !0) : j(d.$slots, "default", { key: 0 }, void 0, !0)
+            e.multiple ? _("", !0) : j(d.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           g("div", {
             class: L([{ "joy-selectable-item__sublabel": d.$slots["selectable-item-sublabel"] }])
@@ -6691,7 +6691,7 @@ const xa = /* @__PURE__ */ B({
           R(J(e.label), 1)
         ]),
         _: 1
-      }, 8, ["required", "optional-label", "size"])) : k("", !0),
+      }, 8, ["required", "optional-label", "size"])) : _("", !0),
       g("div", {
         class: L([
           "joy-selectable-item-group",
@@ -6734,7 +6734,7 @@ const xa = /* @__PURE__ */ B({
         key: 1,
         errors: [e.errorMessage],
         class: "joy-mt-2"
-      }, null, 8, ["errors"])) : k("", !0)
+      }, null, 8, ["errors"])) : _("", !0)
     ], 8, Wr));
   }
 }), ac = /* @__PURE__ */ A(Ur, [["__scopeId", "data-v-4136d01d"]]), Gr = /* @__PURE__ */ B({
@@ -6820,7 +6820,7 @@ const xa = /* @__PURE__ */ B({
         default: z(() => [
           e.showLabel ? (c(), h("span", Zr, [
             j(s.$slots, "default", {}, void 0, !0)
-          ])) : k("", !0)
+          ])) : _("", !0)
         ]),
         _: 3
       })
@@ -6869,7 +6869,7 @@ const xa = /* @__PURE__ */ B({
           default: z(() => {
             var w;
             return [
-              (w = v.children) != null && w.default ? (c(), V(X(v.children.default), { key: 0 })) : k("", !0)
+              (w = v.children) != null && w.default ? (c(), V(X(v.children.default), { key: 0 })) : _("", !0)
             ];
           }),
           _: 2
@@ -6989,7 +6989,7 @@ const xa = /* @__PURE__ */ B({
             class: "joy-tab-button_notifications",
             variant: "pink",
             number: e.notifications
-          }, null, 8, ["number"])) : k("", !0)
+          }, null, 8, ["number"])) : _("", !0)
         ])
       ]),
       _: 3
@@ -7033,7 +7033,7 @@ const xa = /* @__PURE__ */ B({
     ), ne(() => {
       var m;
       v(), (m = u.value) == null || m.addEventListener("scroll", v);
-    }), Pe(() => {
+    }), Me(() => {
       var m;
       (m = u.value) == null || m.removeEventListener("scroll", v);
     }), t({
@@ -7054,21 +7054,21 @@ const xa = /* @__PURE__ */ B({
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (c(!0), h(H, null, K(d.value, (_) => (c(), h("div", {
-            key: _.props.tab
+          (c(!0), h(H, null, K(d.value, (k) => (c(), h("div", {
+            key: k.props.tab
           }, [
             D(is, {
-              tab: _.props.tab,
-              label: _.props.label,
-              href: _.props.href,
-              notifications: _.props.notifications,
-              selected: p(_),
-              onChangeTab: () => b(_.props.tab, !_.props.href)
+              tab: k.props.tab,
+              label: k.props.label,
+              href: k.props.href,
+              notifications: k.props.notifications,
+              selected: p(k),
+              onChangeTab: () => b(k.props.tab, !k.props.href)
             }, {
               default: z(() => {
                 var $;
                 return [
-                  ($ = _.children) != null && $.header ? (c(), V(X(_.children.header), { key: 0 })) : k("", !0)
+                  ($ = k.children) != null && $.header ? (c(), V(X(k.children.header), { key: 0 })) : _("", !0)
                 ];
               }),
               _: 2
@@ -7108,7 +7108,7 @@ const xa = /* @__PURE__ */ B({
       "joy-tag__disabled": n.disabled,
       ["joy-tag__" + n.size]: !0,
       ["joy-tag__" + n.variant]: !0
-    })), r = De() + "--JoyTag", i = x(() => n.id || r);
+    })), r = Pe() + "--JoyTag", i = x(() => n.id || r);
     function u() {
       o("remove", { value: n.value });
     }
@@ -7128,7 +7128,7 @@ const xa = /* @__PURE__ */ B({
           class: "joy-tag__drag",
           name: "drag",
           size: "xxsmall"
-        })) : k("", !0),
+        })) : _("", !0),
         R(" " + J(e.label), 1)
       ], !0),
       e.removable ? (c(), V(N, {
@@ -7139,11 +7139,11 @@ const xa = /* @__PURE__ */ B({
         role: "button",
         onClick: Eo(u, ["stop"]),
         onKeydown: Re(u, ["enter"])
-      })) : k("", !0)
+      })) : _("", !0)
     ], 10, us));
   }
 }), jo = /* @__PURE__ */ A(cs, [["__scopeId", "data-v-56eb90a1"]]);
-var Me = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(Me || {});
+var Fe = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(Fe || {});
 function Ft(e) {
   if (!Array.isArray(e) && typeof e != "string")
     return console.warn("Values needs to be an array of emails, or email."), !1;
@@ -7193,7 +7193,7 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
         (P = i.value) != null && P.value && (Q = [...Q, (M = i.value) == null ? void 0 : M.value]), I = !Ft(Q);
       }
       const C = v();
-      u.value = I || C, C ? s.value = Me.DUPLICATED_ENTRY : I ? s.value = Me.INVALID_EMAIL : s.value = null;
+      u.value = I || C, C ? s.value = Fe.DUPLICATED_ENTRY : I ? s.value = Fe.INVALID_EMAIL : s.value = null;
     }
     function m() {
       var I;
@@ -7202,16 +7202,16 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
     function w(I) {
       var C;
       if (I == null || I.preventDefault(), b(), v()) {
-        n("validation:error", Me.DUPLICATED_ENTRY);
+        n("validation:error", Fe.DUPLICATED_ENTRY);
         return;
       }
       if (f.value && ((C = i.value) != null && C.value) && !Ft(i.value.value)) {
-        n("validation:error", Me.INVALID_EMAIL);
+        n("validation:error", Fe.INVALID_EMAIL);
         return;
       }
       m();
     }
-    function _(I) {
+    function k(I) {
       var P;
       (f.value ? ["Enter", ",", " "] : ["Enter", ","]).includes(I.key) && w(I), I.key === "Backspace" && ((P = i.value) == null ? void 0 : P.value) === "" && (a.value.pop(), n("update:modelValue", a.value), f.value && b());
     }
@@ -7244,7 +7244,7 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
           j(I.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["id"])) : k("", !0),
+      }, 8, ["id"])) : _("", !0),
       g("div", {
         class: L([
           "joy-tags-input__inner",
@@ -7276,7 +7276,7 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
           type: "text",
           name: e.name,
           placeholder: e.placeholder,
-          onKeydown: _,
+          onKeydown: k,
           onFocus: $,
           onBlur: T
         }, null, 40, fs)
@@ -7287,12 +7287,12 @@ const ds = { class: "joy-tags-input__wrapper" }, fs = ["id", "name", "placeholde
       }, {
         default: z(() => [
           g("ul", null, [
-            y.value ? (c(), h("li", ys, J(e.duplicationError), 1)) : k("", !0),
-            d.value ? (c(), h("li", ms, J(e.invalidEmailError), 1)) : k("", !0)
+            y.value ? (c(), h("li", ys, J(e.duplicationError), 1)) : _("", !0),
+            d.value ? (c(), h("li", ms, J(e.invalidEmailError), 1)) : _("", !0)
           ])
         ]),
         _: 1
-      })) : k("", !0)
+      })) : _("", !0)
     ]));
   }
 }), cc = /* @__PURE__ */ A(ps, [["__scopeId", "data-v-beb8fdf7"]]), vs = /* @__PURE__ */ B({
@@ -7427,24 +7427,24 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
     return (n, a) => (c(), h("div", {
       class: L(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (c(), V(ws, { key: 0 })) : k("", !0),
+      e.shapes ? (c(), V(ws, { key: 0 })) : _("", !0),
       g("div", js, [
         o.value ? (c(), h("div", ks, [
           l["template-back"] ? (c(), h("div", _s, [
             j(n.$slots, "template-back", {}, void 0, !0)
-          ])) : k("", !0),
+          ])) : _("", !0),
           g("div", $s, [
             l["template-title"] ? (c(), h("div", Cs, [
               j(n.$slots, "template-title", {}, void 0, !0)
-            ])) : k("", !0),
+            ])) : _("", !0),
             l["template-subtitle"] ? (c(), h("div", Ss, [
               j(n.$slots, "template-subtitle", {}, void 0, !0)
-            ])) : k("", !0)
+            ])) : _("", !0)
           ]),
           l["template-actions"] ? (c(), h("div", xs, [
             j(n.$slots, "template-actions", {}, void 0, !0)
-          ])) : k("", !0)
-        ])) : k("", !0),
+          ])) : _("", !0)
+        ])) : _("", !0),
         g("div", {
           class: L([
             "joy-template__content",
@@ -7455,10 +7455,10 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
         }, [
           n.$slots["template-main"] ? (c(), h("div", Vs, [
             j(n.$slots, "template-main", {}, void 0, !0)
-          ])) : k("", !0),
+          ])) : _("", !0),
           n.$slots["template-sidebar"] ? (c(), h("div", Ts, [
             j(n.$slots, "template-sidebar", {}, void 0, !0)
-          ])) : k("", !0)
+          ])) : _("", !0)
         ], 2)
       ]),
       e.loading ? (c(), V(bo, {
@@ -7470,7 +7470,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
           j(n.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["color"])) : k("", !0)
+      }, 8, ["color"])) : _("", !0)
     ], 2));
   }
 }), fc = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-b9390ac6"]]), Ls = /* @__PURE__ */ B({
@@ -7568,12 +7568,12 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
       element: n.autogrow ? r : void 0
     }), u = S(!1), s = S(!1);
     ho(r, n.autofocus);
-    const f = x(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), d = x(() => n.minlength ? n.modelValue.length < n.minlength : !1), y = x(() => !!(n.label || a.default)), p = {
-      onInput: (v) => {
-        n.modelModifiers.lazy || o("update:modelValue", v.target.value), p.triggerResize();
+    const f = x(() => n.maxlength ? n.modelValue.length > n.maxlength : !1), d = x(() => n.minlength ? n.modelValue.length < n.minlength : !1), y = x(() => !!(n.label || a.default)), p = Pe() + "--JoyTextarea", v = x(() => n.id || (y.value ? p : void 0)), b = {
+      onInput: (m) => {
+        n.modelModifiers.lazy || o("update:modelValue", m.target.value), b.triggerResize();
       },
-      onChange: (v) => {
-        n.modelModifiers.lazy && o("update:modelValue", v.target.value);
+      onChange: (m) => {
+        n.modelModifiers.lazy && o("update:modelValue", m.target.value);
       },
       onBlur: () => {
         s.value = !1, u.value = f.value || d.value;
@@ -7590,7 +7590,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
     return G(
       () => n.modelValue,
       () => {
-        p.triggerResize();
+        b.triggerResize();
       },
       { flush: "post" }
     ), t({
@@ -7598,8 +7598,8 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
       valueOverMaxlength: f,
       valueUnderMinlength: d,
       triggerResize: i,
-      eventHandlers: p
-    }), (v, b) => (c(), h("div", {
+      eventHandlers: b
+    }), (m, w) => (c(), h("div", {
       "aria-disabled": e.disabled,
       class: L([
         "joy-textarea",
@@ -7613,21 +7613,21 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
     }, [
       y.value ? (c(), V(Ie, {
         key: 0,
-        for: e.id,
+        for: v.value,
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
         default: z(() => [
-          j(v.$slots, "default", {}, () => [
+          j(m.$slots, "default", {}, () => [
             R(J(e.label), 1)
           ], !0)
         ]),
         _: 3
-      }, 8, ["for", "required", "optional-label", "size"])) : k("", !0),
+      }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
       g("div", As, [
-        g("textarea", q(v.$attrs, {
-          id: e.id,
+        g("textarea", q(m.$attrs, {
+          id: v.value,
           ref_key: "textarea",
           ref: r,
           "data-joy-form-field": "",
@@ -7637,14 +7637,14 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
           required: e.required,
           minlength: e.minlength,
           value: e.modelValue,
-          onInput: b[0] || (b[0] = //@ts-ignore
-          (...m) => p.onInput && p.onInput(...m)),
-          onChange: b[1] || (b[1] = //@ts-ignore
-          (...m) => p.onChange && p.onChange(...m)),
-          onFocus: b[2] || (b[2] = //@ts-ignore
-          (...m) => p.onFocus && p.onFocus(...m)),
-          onBlur: b[3] || (b[3] = //@ts-ignore
-          (...m) => p.onBlur && p.onBlur(...m))
+          onInput: w[0] || (w[0] = //@ts-ignore
+          (...k) => b.onInput && b.onInput(...k)),
+          onChange: w[1] || (w[1] = //@ts-ignore
+          (...k) => b.onChange && b.onChange(...k)),
+          onFocus: w[2] || (w[2] = //@ts-ignore
+          (...k) => b.onFocus && b.onFocus(...k)),
+          onBlur: w[3] || (w[3] = //@ts-ignore
+          (...k) => b.onBlur && b.onBlur(...k))
         }), null, 16, Es)
       ]),
       e.minlength || e.maxlength ? (c(), h("div", zs, [
@@ -7652,35 +7652,35 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
           key: 0,
           class: L(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          d.value ? k("", !0) : (c(), V(N, {
+          d.value ? _("", !0) : (c(), V(N, {
             key: 0,
             name: "check",
             color: "neutral",
             size: "xxsmall"
           })),
           R(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
-        ], 2)) : k("", !0),
+        ], 2)) : _("", !0),
         e.maxlength ? (c(), h("p", {
           key: 1,
           class: L(["joy-textarea-count", { "joy-textarea-count-invalid": f.value }])
-        }, J(e.modelValue.length + "/" + e.maxlength), 3)) : k("", !0)
-      ])) : k("", !0)
+        }, J(e.modelValue.length + "/" + e.maxlength), 3)) : _("", !0)
+      ])) : _("", !0)
     ], 10, Bs));
   }
-}), mc = /* @__PURE__ */ A(Ps, [["__scopeId", "data-v-f62629b6"]]), Ms = /* @__PURE__ */ B({
+}), mc = /* @__PURE__ */ A(Ps, [["__scopeId", "data-v-5220a9cb"]]), Ms = /* @__PURE__ */ B({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
   },
   setup(e) {
-    return (t, l) => (c(), V(X(e.tag), { class: "joy-title-brand joy-font-secondary-200" }, {
+    return (t, l) => (c(), V(X(e.tag), { class: "joy-title-brand" }, {
       default: z(() => [
         j(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
   }
-}), pc = /* @__PURE__ */ A(Ms, [["__scopeId", "data-v-92b67780"]]), Fs = { class: "joy-toggle__wrapper" }, Os = ["name", "disabled", "checked", "required", "aria-checked", "value"], Ds = { class: "joy-toggle__symbol" }, Rs = { class: "joy-toggle__symbol-bubble" }, Ns = {
+}), pc = /* @__PURE__ */ A(Ms, [["__scopeId", "data-v-824919a8"]]), Fs = { class: "joy-toggle__wrapper" }, Os = ["name", "disabled", "checked", "required", "aria-checked", "value"], Ds = { class: "joy-toggle__symbol" }, Rs = { class: "joy-toggle__symbol-bubble" }, Ns = {
   key: 0,
   class: "joy-toggle__symbol-smile"
 }, qs = { class: "joy-toggle__content-label" }, Hs = /* @__PURE__ */ B({
@@ -7869,7 +7869,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
   class: "joy-pr-3"
 }, Qs = {
   key: 1,
-  class: "joy-pl-3"
+  class: "joy-walkthrough-trigger__subtitle joy-pl-3"
 }, eu = /* @__PURE__ */ B({
   __name: "VJoyWalkthroughTrigger",
   props: {
@@ -7892,10 +7892,10 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
           color: "white",
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: e.icon
-        }, null, 8, ["name"])) : k("", !0),
+        }, null, 8, ["name"])) : _("", !0),
         g("div", Zs, [
-          e.title ? (c(), h("span", Xs, J(e.title), 1)) : k("", !0),
-          e.subtitle ? (c(), h("span", Qs, J(e.subtitle), 1)) : k("", !0)
+          e.title ? (c(), h("span", Xs, J(e.title), 1)) : _("", !0),
+          e.subtitle ? (c(), h("span", Qs, J(e.subtitle), 1)) : _("", !0)
         ]),
         D(N, {
           class: "joy-ml-3",
@@ -7907,7 +7907,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
       ]);
     };
   }
-}), tu = /* @__PURE__ */ A(eu, [["__scopeId", "data-v-e34e1407"]]), ou = { class: "joy-walkthrough-modal__illustration" }, nu = { class: "joy-walkthrough-modal__content___titles" }, lu = { class: "joy-walkthrough-modal__content___title" }, au = { class: "joy-walkthrough-modal__content___subtitle" }, iu = {
+}), tu = /* @__PURE__ */ A(eu, [["__scopeId", "data-v-d7ef6d3e"]]), ou = { class: "joy-walkthrough-modal__illustration" }, nu = { class: "joy-walkthrough-modal__content___titles" }, lu = { class: "joy-walkthrough-modal__content___title" }, au = { class: "joy-walkthrough-modal__content___subtitle" }, iu = {
   key: 0,
   class: "joy-mt-4"
 }, ru = {
@@ -7974,7 +7974,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
                 key: 0,
                 color: "white",
                 name: e.triggerIcon
-              }, null, 8, ["name"])) : k("", !0),
+              }, null, 8, ["name"])) : _("", !0),
               D(ue, {
                 justify: "space-between",
                 class: "joy-walkthrough-modal__title",
@@ -8016,10 +8016,10 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
             }),
             y.$slots["walkthrough-progress"] ? (c(), h("div", iu, [
               j(y.$slots, "walkthrough-progress", {}, void 0, !0)
-            ])) : k("", !0),
+            ])) : _("", !0),
             y.$slots["walkthrough-content"] ? (c(), h("div", ru, [
               j(y.$slots, "walkthrough-content", {}, void 0, !0)
-            ])) : k("", !0)
+            ])) : _("", !0)
           ], 2),
           e.footer ? (c(), h("div", {
             key: 0,
@@ -8027,9 +8027,9 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
             onClick: f
           }, [
             g("button", su, J(e.footer), 1)
-          ])) : k("", !0)
-        ], 16)) : k("", !0),
-        r.value ? k("", !0) : (c(), V(tu, q({ key: 1 }, e.triggerAttrs, {
+          ])) : _("", !0)
+        ], 16)) : _("", !0),
+        r.value ? _("", !0) : (c(), V(tu, q({ key: 1 }, e.triggerAttrs, {
           title: e.triggerTitle,
           subtitle: e.triggerSubtitle,
           icon: e.triggerIcon,