@maltjoy/core-vue 4.5.0 → 4.7.0

package/dist/core-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as V, openBlock as c, createElementBlock as b, normalizeClass as T, createElementVNode as h, ref as C, onMounted as te, onUnmounted as Mt, createVNode as O, toDisplayString as J, createCommentVNode as _, createApp as wo, createTextVNode as D, Fragment as W, createBlock as I, resolveDynamicComponent as X, mergeProps as H, withCtx as z, renderSlot as w, unref as q, renderList as U, inject as Se, normalizeStyle as ee, useAttrs as Ce, useId as Fe, resolveDirective as dt, withDirectives as Ke, getCurrentScope as Pt, onScopeDispose as Ft, toRef as _o, readonly as jo, customRef as ko, shallowRef as Ot, watch as K, nextTick as Me, getCurrentInstance as $o, h as So, Teleport as ze, useSlots as G, withKeys as Oe, onBeforeUnmount as Je, provide as Ze, Transition as ct, createSlots as ft, normalizeProps as Co, guardReactiveProps as Vo, mergeModels as xo, useModel as To, createStaticVNode as Dt, onBeforeMount as Io, shallowReadonly as Te, vShow as Lo, render as kt, withModifiers as Bo } from "vue";
+import { defineComponent as L, computed as V, openBlock as c, createElementBlock as b, normalizeClass as I, createElementVNode as h, ref as C, onMounted as te, onUnmounted as Mt, createVNode as O, toDisplayString as J, createCommentVNode as w, createApp as _o, createTextVNode as D, Fragment as W, createBlock as T, resolveDynamicComponent as X, mergeProps as H, withCtx as z, renderSlot as _, unref as q, renderList as U, inject as Se, normalizeStyle as ee, useAttrs as Ce, useId as Fe, resolveDirective as dt, withDirectives as Ke, getCurrentScope as Pt, onScopeDispose as Ft, toRef as wo, readonly as jo, customRef as ko, shallowRef as Ot, watch as K, nextTick as Me, getCurrentInstance as $o, h as So, Teleport as ze, useSlots as G, withKeys as Oe, onBeforeUnmount as Je, provide as Ze, Transition as ct, createSlots as ft, normalizeProps as Co, guardReactiveProps as Vo, mergeModels as xo, useModel as To, createStaticVNode as Dt, onBeforeMount as Io, shallowReadonly as Te, vShow as Lo, render as kt, withModifiers as Bo } from "vue";
 function $t(e) {
   const t = e.target;
   if (!t)
@@ -136,14 +136,14 @@ const Fo = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
         return t.tabIndex;
     });
     return (o, n) => (c(), b("span", {
-      class: T(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`, { "joy-icon--button": e.role === "button" }]),
+      class: I(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`, { "joy-icon--button": e.role === "button" }]),
       role: e.role,
       tabindex: l.value,
       "aria-label": e.ariaLabel || e.title,
       title: e.title || e.ariaLabel
     }, [
       h("i", {
-        class: T(["icon", `icon-${e.name}`]),
+        class: I(["icon", `icon-${e.name}`]),
         "aria-hidden": "true"
       }, null, 2)
     ], 10, Fo));
@@ -238,14 +238,14 @@ const Fo = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
       isOpen: o,
       exposedMethods: y
     }), (v, g) => (c(), b("div", {
-      class: T(["joy-snackbar_container", {
+      class: I(["joy-snackbar_container", {
         "joy-snackbar__frozen": e.frozen === !0,
         "joy-snackbar__hiding": !o.value
       }])
     }, [
       h("div", {
         id: a,
-        class: T(["joy-snackbar", `joy-snackbar_${e.level}`])
+        class: I(["joy-snackbar", `joy-snackbar_${e.level}`])
       }, [
         h("div", Oo, [
           O(N, {
@@ -255,13 +255,13 @@ const Fo = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
           }, null, 8, ["name"])
         ]),
         h("div", Do, [
-          e.header ? (c(), b("strong", Ro, J(e.header), 1)) : _("", !0),
+          e.header ? (c(), b("strong", Ro, J(e.header), 1)) : w("", !0),
           h("span", { innerHTML: e.message }, null, 8, No),
           e.actionText ? (c(), b("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
             onClick: s
-          }, J(e.actionText), 1)) : _("", !0)
+          }, J(e.actionText), 1)) : w("", !0)
         ]),
         e.closable ? (c(), b("button", {
           key: 0,
@@ -273,7 +273,7 @@ const Fo = ["role", "tabindex", "aria-label", "title"], N = /* @__PURE__ */ L({
             color: "white",
             name: "cross"
           })
-        ])) : _("", !0)
+        ])) : w("", !0)
       ], 2)
     ], 2));
   }
@@ -309,7 +309,7 @@ const Yo = {
     typeof window < "u" && Wt(), e.directive("joy-ripple", Rt);
   }
 };
-function Us() {
+function Zs() {
   He = 0, Ht = [];
 }
 function Wt(e = { appendTo: "body", defaultMountSelector: qt }) {
@@ -330,12 +330,12 @@ function Wt(e = { appendTo: "body", defaultMountSelector: qt }) {
         }
     `, document.head.appendChild(l), document.getElementById(t.id) === null && (e.appendTo === "body" ? document.body.appendChild(t) : (o = document.body.querySelector(e.appendTo)) == null || o.appendChild(t));
 }
-function Gs(e) {
+function Xs(e) {
   var i, a;
   He++;
   let t, l;
   const o = Uo();
-  t = wo(
+  t = _o(
     Ho,
     Object.assign(e.props, {
       bus: o,
@@ -364,7 +364,7 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
       ])
     ]));
   }
-}), Ys = /* @__PURE__ */ A(Xo, [["__scopeId", "data-v-77d28117"]]), Qo = ["title"], en = /* @__PURE__ */ L({
+}), Qs = /* @__PURE__ */ A(Xo, [["__scopeId", "data-v-77d28117"]]), Qo = ["title"], en = /* @__PURE__ */ L({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -378,18 +378,18 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
       [t.status]: !0
     }));
     return (o, n) => (c(), b("div", {
-      class: T(["joy-availability", { "joy-availability-has-label": !!o.label }]),
+      class: I(["joy-availability", { "joy-availability-has-label": !!o.label }]),
       title: o.label || void 0
     }, [
       h("span", {
-        class: T(l.value)
+        class: I(l.value)
       }, null, 2),
       o.label ? (c(), b(W, { key: 0 }, [
         D(J(o.label), 1)
-      ], 64)) : _("", !0)
+      ], 64)) : w("", !0)
     ], 10, Qo));
   }
-}), Ks = /* @__PURE__ */ A(en, [["__scopeId", "data-v-b3bb9092"]]), tn = ["src", "title", "alt", "loading"], on = {
+}), eu = /* @__PURE__ */ A(en, [["__scopeId", "data-v-b3bb9092"]]), tn = ["src", "title", "alt", "loading"], on = {
   key: 0,
   class: "joy-avatar__strategy"
 }, nn = ["height"], ln = /* @__PURE__ */ L({
@@ -433,32 +433,32 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
       initials: u
     }), (d, f) => (c(), b("div", {
       ref: "avatarEl",
-      class: T(["joy-avatar__wrapper", [`joy-avatar__wrapper--${d.size}`]])
+      class: I(["joy-avatar__wrapper", [`joy-avatar__wrapper--${d.size}`]])
     }, [
-      (c(), I(X(d.link ? "button" : "div"), H(a.value, {
+      (c(), T(X(d.link ? "button" : "div"), H(a.value, {
         class: [r.value],
         onClick: p
       }), {
         default: z(() => [
-          s.value ? (c(), I(N, {
+          s.value ? (c(), T(N, {
             key: 0,
             name: "user-photo",
             color: "white",
             size: i.value
-          }, null, 8, ["size"])) : _("", !0),
+          }, null, 8, ["size"])) : w("", !0),
           d.photoUrl ? (c(), b("img", {
             key: 1,
             src: d.photoUrl,
             title: d.fullName,
             alt: d.fullName || "",
             loading: d.loading
-          }, null, 8, tn)) : _("", !0),
+          }, null, 8, tn)) : w("", !0),
           d.fullName ? (c(), b(W, { key: 2 }, [
             D(J(u.value), 1)
-          ], 64)) : _("", !0),
+          ], 64)) : w("", !0),
           d.totalNumber ? (c(), b(W, { key: 3 }, [
             D(J("+" + d.totalNumber), 1)
-          ], 64)) : _("", !0)
+          ], 64)) : w("", !0)
         ]),
         _: 1
       }, 16, ["class"])),
@@ -475,7 +475,7 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
             fill: "#F7F7F5"
           }, null, -1)
         ]), 8, nn))
-      ])) : _("", !0)
+      ])) : w("", !0)
     ], 2));
   }
 }), an = /* @__PURE__ */ A(ln, [["__scopeId", "data-v-f8118054"]]), rn = /* @__PURE__ */ L({
@@ -490,12 +490,12 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
   setup(e) {
     return (t, l) => (c(), b("div", {
       ref: "avatarsList",
-      class: T(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
+      class: I(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
-      w(t.$slots, "default", {}, void 0, !0)
+      _(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Zs = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-c985cccf"]]), sn = { key: 0 }, un = /* @__PURE__ */ L({
+}), tu = /* @__PURE__ */ A(rn, [["__scopeId", "data-v-c985cccf"]]), sn = { key: 0 }, un = /* @__PURE__ */ L({
   __name: "VJoyDot",
   props: {
     number: Number,
@@ -507,9 +507,9 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
   setup(e) {
     const t = e, l = V(() => typeof t.number == "number");
     return (o, n) => (c(), b("div", {
-      class: T(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": l.value }])
+      class: I(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": l.value }])
     }, [
-      l.value ? (c(), b("span", sn, J(e.number && e.number > 99 ? "99+" : e.number), 1)) : _("", !0)
+      l.value ? (c(), b("span", sn, J(e.number && e.number > 99 ? "99+" : e.number), 1)) : w("", !0)
     ], 2));
   }
 }), Ct = /* @__PURE__ */ A(un, [["__scopeId", "data-v-cf7284ce"]]), dn = /* @__PURE__ */ L({
@@ -542,21 +542,21 @@ const Ko = { class: "joy-admin-banner" }, Zo = { class: "joy-admin-banner__label
   },
   setup(e) {
     const t = e, l = V(() => typeof t.number == "number");
-    return (o, n) => l.value ? (c(), I(Ct, {
+    return (o, n) => l.value ? (c(), T(Ct, {
       key: 0,
       variant: e.variant,
       number: e.number
     }, null, 8, ["variant", "number"])) : (c(), b("span", {
       key: 1,
-      class: T(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
+      class: I(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      e.bulletpoint ? (c(), I(Ct, {
+      e.bulletpoint ? (c(), T(Ct, {
         key: 0,
         class: "joy-badge_dot",
         variant: e.variant
-      }, null, 8, ["variant"])) : _("", !0),
-      w(o.$slots, "default", {}, () => [
+      }, null, 8, ["variant"])) : w("", !0),
+      _(o.$slots, "default", {}, () => [
         D(J(e.label), 1)
       ], !0)
     ], 2));
@@ -646,13 +646,13 @@ const fn = { class: "joy-badge-level" }, pn = {
           fill: "#FFC200",
           d: "M11.4289 5.68249c-.0059-1.52434-.6069-2.9554-1.69067-4.02851C8.95862.882797 7.99681.362073 6.9506.132677 6.95037.132599 6.95021.132599 6.94998.132521c-.04337-.009516-.08681-.018408-.13041-.02691-.0057-.001092-.01147-.002184-.01724-.003276-.0383-.0073317-.07675-.0142735-.11529-.0208255-.01068-.001794-.02144-.00351-.03213-.005304-.03385-.0055379-.06778-.0108418-.10179-.0158338-.01505-.002184-.03011-.0042121-.04516-.0063181-.03011-.0041339-.06022-.008112-.0904-.0117779-.01857-.002262-.03721-.0042901-.05577-.006396C6.33472.0328377 6.30766.029952 6.28051.0273 6.25914.025194 6.23769.0233999 6.21624.0215279 6.19144.0194219 6.16671.017316 6.14183.015522 6.11851.013806 6.09511.0123239 6.07171.0109199 6.04831.00951588 6.02483.00811199 6.00135.006942 5.9771.00577201 5.95276.00483616 5.92842.00397816 5.90541.00312017 5.8824.00234019 5.85931.00179419c-.02433-.00062399-.04874-.0009362-.07316-.0012482C5.76267.000234 5.73912 0 5.71564 0c-.02355 0-.04703.000234-.07051.000546-.02442.000312-.04883.0006242-.07316.00124819-.02309.000546-.0461.00140398-.06911.00218397-.02434.000858-.04859.00179385-.07293.00296384-.02348.00116999-.04696.00257388-.07036.0039779-.0234.001404-.0468.0028861-.07012.0046021-.0248.001794-.0496.0038999-.07441.0060059-.02145.001872-.0429.0036661-.06427.0057721-.02714.002652-.05421.0055377-.08135.0085797-.01857.0021059-.03721.004134-.05577.006396-.03019.0036659-.06037.007644-.09048.0117779-.01506.002106-.03011.0041341-.04516.0063181-.03401.004992-.06794.0102959-.10179.0158338-.01077.001794-.02145.00351-.03214.005304-.03853.006552-.07699.0134938-.11528.0208255-.00578.001092-.01155.002184-.01724.003276-.0436.008502-.08705.017394-.13041.02691-.00024.000078-.00047.000078-.00071.000156C3.43424.361995 2.4725.882719 1.6929 1.65398.609098 2.72702.00811193 4.15815.00218397 5.68249L0 6.15064l.00171623.39226L5.71556 12.2962l5.71384-5.7533.0017-.39202-.0022-.46839Z"
         }, null, -1)
-      ])))), 128)) : _("", !0),
+      ])))), 128)) : w("", !0),
       e.type === q(Z).HIGH_POTENTIAL ? (c(), b("svg", pn, n[1] || (n[1] = [
         h("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
         }, null, -1)
-      ]))) : _("", !0),
+      ]))) : w("", !0),
       e.type === q(Z).HIGH_POTENTIAL_AUTO ? (c(), b("svg", yn, n[2] || (n[2] = [
         h("path", {
           fill: "#EF4E16",
@@ -670,7 +670,7 @@ const fn = { class: "joy-badge-level" }, pn = {
           fill: "#FFF7D1",
           d: "M37.182 54.939c0 2.188-12.427 2.188-12.427 0 0-5.849 12.427-5.849 12.427 0z"
         }, null, -1)
-      ]))) : _("", !0),
+      ]))) : w("", !0),
       e.type === q(Z).MALT_LINKER ? (c(), b("svg", mn, n[3] || (n[3] = [
         h("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",
@@ -680,15 +680,15 @@ const fn = { class: "joy-badge-level" }, pn = {
           d: "M17.2235 0.554612C18.5425 0.559612 19.7815 1.07961 20.7105 2.01761C21.3785 2.69261 21.8285 3.52461 22.0275 4.43061C22.0275 4.43061 22.0275 4.43061 22.0275 4.43161C22.0355 4.46961 22.0435 4.50661 22.0505 4.54461C22.0515 4.54961 22.0525 4.55461 22.0535 4.55961C22.0595 4.59261 22.0655 4.62561 22.0715 4.65961C22.0735 4.66861 22.0745 4.67861 22.0765 4.68761C22.0815 4.71661 22.0855 4.74661 22.0905 4.77561C22.0925 4.78861 22.0945 4.80161 22.0955 4.81461C22.0995 4.84061 22.1025 4.86661 22.1055 4.89261C22.1075 4.90861 22.1095 4.92461 22.1115 4.94061C22.1145 4.96361 22.1165 4.98761 22.1185 5.01061C22.1205 5.02961 22.1215 5.04761 22.1235 5.06661C22.1255 5.08761 22.1275 5.10961 22.1285 5.13061C22.1295 5.15061 22.1315 5.17061 22.1325 5.19161C22.1335 5.21161 22.1345 5.23261 22.1355 5.25261C22.1365 5.27361 22.1375 5.29461 22.1385 5.31561C22.1395 5.33561 22.1395 5.35561 22.1405 5.37561C22.1415 5.39661 22.1415 5.41761 22.1415 5.43861C22.1415 5.45861 22.1415 5.47961 22.1415 5.49961C22.1415 5.51961 22.1415 5.54061 22.1415 5.56061C22.1415 5.58161 22.1405 5.60261 22.1405 5.62361C22.1405 5.64361 22.1395 5.66361 22.1385 5.68361C22.1375 5.70461 22.1365 5.72561 22.1355 5.74661C22.1345 5.76661 22.1335 5.78761 22.1325 5.80761C22.1315 5.82761 22.1305 5.84761 22.1285 5.86861C22.1265 5.88961 22.1255 5.91161 22.1235 5.93261C22.1215 5.95161 22.1205 5.96961 22.1185 5.98861C22.1165 6.01261 22.1135 6.03561 22.1115 6.05861C22.1095 6.07461 22.1075 6.09061 22.1055 6.10661C22.1025 6.13261 22.0985 6.15861 22.0955 6.18461C22.0935 6.19761 22.0915 6.21061 22.0905 6.22361C22.0865 6.25261 22.0815 6.28261 22.0765 6.31161C22.0745 6.32061 22.0735 6.33061 22.0715 6.33961C22.0655 6.37261 22.0595 6.40661 22.0535 6.43961C22.0525 6.44461 22.0515 6.44961 22.0505 6.45461C22.0435 6.49261 22.0355 6.52961 22.0275 6.56761C22.0275 6.56761 22.0275 6.56761 22.0275 6.56861C21.8285 7.47461 21.3785 8.30661 20.7105 8.98161C19.7815 9.91961 18.5425 10.4396 17.2235 10.4446L16.8185 10.4466L16.4785 10.4456L11.4985 5.49961L16.4785 0.553612L16.8175 0.552612L17.2235 0.554612Z",
           fill: "#FF91F0"
         }, null, -1)
-      ]))) : _("", !0),
+      ]))) : w("", !0),
       e.type === q(We).HIGH_POTENTIAL ? (c(), b("svg", vn, n[4] || (n[4] = [
         h("path", {
           d: "M0.0635011 7.89462C0.0715011 5.91062 0.853501 4.04762 2.2645 2.65062C3.2795 1.64662 4.5315 0.96862 5.8925 0.67062H5.8935C5.9495 0.65862 6.0065 0.64662 6.0635 0.63562C6.0705 0.63362 6.0785 0.63262 6.0855 0.63062C6.1355 0.62062 6.1855 0.61162 6.2355 0.60362C6.2495 0.60162 6.2635 0.59862 6.2775 0.59662C6.3215 0.58962 6.3655 0.58262 6.4105 0.57662C6.4305 0.57362 6.4495 0.57062 6.4695 0.56862C6.5075 0.56262 6.5475 0.55762 6.5865 0.55262C6.6105 0.54962 6.6345 0.54662 6.6595 0.54462C6.6945 0.54062 6.7295 0.53662 6.7655 0.53362C6.7925 0.53062 6.8205 0.52762 6.8485 0.52562C6.8805 0.52262 6.9135 0.52062 6.9455 0.51762C6.9755 0.51562 7.0065 0.51362 7.0365 0.51162C7.0665 0.50962 7.0975 0.50762 7.1285 0.50662C7.1605 0.50462 7.1915 0.50362 7.2235 0.50262C7.2535 0.50162 7.2835 0.50062 7.3135 0.49962C7.3455 0.49862 7.3765 0.49862 7.4085 0.49762C7.4385 0.49762 7.4695 0.49762 7.5005 0.49762C7.5305 0.49762 7.5615 0.49762 7.5915 0.49862C7.6235 0.49862 7.6555 0.49962 7.6865 0.50062C7.7165 0.50162 7.7465 0.50262 7.7765 0.50362C7.8085 0.50362 7.8405 0.50562 7.8725 0.50662C7.9035 0.50762 7.9335 0.50962 7.9645 0.51162C7.9945 0.51362 8.0255 0.51562 8.0555 0.51762C8.0875 0.51962 8.1205 0.52262 8.1525 0.52562C8.1795 0.52762 8.2075 0.53062 8.2355 0.53362C8.2705 0.53662 8.3055 0.54062 8.3415 0.54462C8.3655 0.54762 8.3895 0.54962 8.4145 0.55262C8.4535 0.55762 8.4925 0.56262 8.5315 0.56762C8.5515 0.57062 8.5705 0.57362 8.5905 0.57662C8.6345 0.58262 8.6785 0.58962 8.7225 0.59762C8.7365 0.59962 8.7505 0.60162 8.7645 0.60362C8.8145 0.61262 8.8645 0.62162 8.9145 0.63062C8.9215 0.63162 8.9295 0.63362 8.9365 0.63462C8.9935 0.64662 9.0505 0.65762 9.1065 0.67062H9.1075C10.4695 0.96962 11.7215 1.64662 12.7355 2.65062C14.1465 4.04762 14.9285 5.91062 14.9365 7.89462L14.9395 8.50362L14.9375 9.01462L7.5005 16.5026L0.0625011 9.01462L0.0605011 8.50362L0.0635011 7.89462Z",
           fill: "#FFC200"
         }, null, -1)
-      ]))) : _("", !0),
+      ]))) : w("", !0),
       h("span", {
-        class: T([
+        class: I([
           {
             "joy-badge-level__tag": e.visibleText,
             red: e.type === q(Z).NEW || e.type === q(Z).MALT_LINKER || e.type === q(Z).HIGH_POTENTIAL_AUTO,
@@ -697,13 +697,13 @@ const fn = { class: "joy-badge-level" }, pn = {
           }
         ])
       }, [
-        e.visibleText ? w(o.$slots, "default", { key: 0 }, () => [
+        e.visibleText ? _(o.$slots, "default", { key: 0 }, () => [
           D(J(l.value), 1)
-        ], !0) : _("", !0)
+        ], !0) : w("", !0)
       ], 2)
     ]));
   }
-}), Xs = /* @__PURE__ */ A(hn, [["__scopeId", "data-v-08a5e2c8"]]), gn = /* @__PURE__ */ L({
+}), ou = /* @__PURE__ */ A(hn, [["__scopeId", "data-v-08a5e2c8"]]), gn = /* @__PURE__ */ L({
   __name: "VJoyBlockSkeleton",
   props: {
     /** If you want to use it properly you need to set fixed width and height */
@@ -729,7 +729,7 @@ const fn = { class: "joy-badge-level" }, pn = {
     });
     return (n, i) => (c(), b("div", {
       "aria-hidden": "true",
-      class: T({
+      class: I({
         "joy-block-skeleton": !0,
         "joy-block-skeleton--circle": e.circle
       }),
@@ -740,7 +740,7 @@ const fn = { class: "joy-badge-level" }, pn = {
       })
     }, null, 6));
   }
-}), Qs = /* @__PURE__ */ A(gn, [["__scopeId", "data-v-4da2c7cb"]]), bn = /* @__PURE__ */ L({
+}), nu = /* @__PURE__ */ A(gn, [["__scopeId", "data-v-4da2c7cb"]]), bn = /* @__PURE__ */ L({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -749,10 +749,10 @@ const fn = { class: "joy-badge-level" }, pn = {
   },
   setup(e) {
     return (t, l) => (c(), b("div", {
-      class: T(["joy-spinner", `joy-spinner_${e.color}`])
+      class: I(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
-}), Ut = /* @__PURE__ */ A(bn, [["__scopeId", "data-v-52944a9b"]]), wn = /* @__PURE__ */ L({
+}), Ut = /* @__PURE__ */ A(bn, [["__scopeId", "data-v-52944a9b"]]), _n = /* @__PURE__ */ L({
   __name: "VJoyButton",
   props: {
     /**
@@ -814,11 +814,11 @@ const fn = { class: "joy-badge-level" }, pn = {
     }), a = V(() => ["white", "ghost", "secondary"].includes(l.variant) ? "teal" : "white");
     return t({ generatedId: n }), (r, s) => {
       const u = dt("joy-ripple");
-      return Ke((c(), I(X(q(o).href ? "a" : "button"), {
+      return Ke((c(), T(X(q(o).href ? "a" : "button"), {
         id: e.id,
         disabled: e.loading || q(o).disabled,
         type: q(o).type || "button",
-        class: T([
+        class: I([
           "joy-button",
           `joy-button_${e.variant}`,
           `joy-button_${e.size}`,
@@ -830,32 +830,32 @@ const fn = { class: "joy-badge-level" }, pn = {
         "aria-labelledby": (r.$slots.default || e.label) && n
       }, {
         default: z(() => [
-          e.icon && e.iconPosition === "left" ? (c(), I(N, {
+          e.icon && e.iconPosition === "left" ? (c(), T(N, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             size: i.value,
             "aria-hidden": "true"
-          }, null, 8, ["name", "size"])) : _("", !0),
-          e.loading ? (c(), I(Ut, {
+          }, null, 8, ["name", "size"])) : w("", !0),
+          e.loading ? (c(), T(Ut, {
             key: 1,
             color: a.value
-          }, null, 8, ["color"])) : _("", !0),
+          }, null, 8, ["color"])) : w("", !0),
           h("span", {
             id: n,
             class: "joy-button--slot"
           }, [
-            w(r.$slots, "default", {}, () => [
+            _(r.$slots, "default", {}, () => [
               D(J(e.label), 1)
             ], !0)
           ]),
-          e.icon && e.iconPosition === "right" ? (c(), I(N, {
+          e.icon && e.iconPosition === "right" ? (c(), T(N, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
             size: i.value,
             "aria-hidden": "true"
-          }, null, 8, ["name", "size"])) : _("", !0)
+          }, null, 8, ["name", "size"])) : w("", !0)
         ]),
         _: 3
       }, 8, ["id", "disabled", "type", "class", "aria-labelledby"])), [
@@ -863,7 +863,7 @@ const fn = { class: "joy-badge-level" }, pn = {
       ]);
     };
   }
-}), ne = /* @__PURE__ */ A(wn, [["__scopeId", "data-v-69f214eb"]]);
+}), ne = /* @__PURE__ */ A(_n, [["__scopeId", "data-v-69f214eb"]]);
 function Qe(e) {
   return Pt() ? (Ft(e), !0) : !1;
 }
@@ -872,7 +872,7 @@ function me(e) {
 }
 const et = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const _n = (e) => e != null, jn = Object.prototype.toString, Gt = (e) => jn.call(e) === "[object Object]", Le = () => {
+const wn = (e) => e != null, jn = Object.prototype.toString, Gt = (e) => jn.call(e) === "[object Object]", Le = () => {
 }, lt = /* @__PURE__ */ kn();
 function kn() {
   var e, t;
@@ -880,17 +880,17 @@ function kn() {
 }
 function $n(...e) {
   if (e.length !== 1)
-    return _o(...e);
+    return wo(...e);
   const t = e[0];
   return typeof t == "function" ? jo(ko(() => ({ get: t, set: Le }))) : C(t);
 }
-function we(e) {
+function _e(e) {
   var t;
   const l = me(e);
   return (t = l == null ? void 0 : l.$el) != null ? t : l;
 }
 const pt = et ? window : void 0;
-function _e(...e) {
+function we(...e) {
   let t, l, o, n;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, o, n] = e, t = pt) : [t, l, o, n] = e, !t)
     return Le;
@@ -898,7 +898,7 @@ function _e(...e) {
   const i = [], a = () => {
     i.forEach((p) => p()), i.length = 0;
   }, r = (p, d, f, m) => (p.addEventListener(d, f, m), () => p.removeEventListener(d, f, m)), s = K(
-    () => [we(t), me(n)],
+    () => [_e(t), me(n)],
     ([p, d]) => {
       if (a(), !p)
         return;
@@ -924,12 +924,12 @@ function Sn(e, t, l = {}) {
     if (typeof m == "string")
       return Array.from(o.document.querySelectorAll(m)).some((y) => y === f.target || f.composedPath().includes(y));
     {
-      const y = we(m);
+      const y = _e(m);
       return y && (f.target === y || f.composedPath().includes(y));
     }
   }), p = [
-    _e(o, "click", (f) => {
-      const m = we(e);
+    we(o, "click", (f) => {
+      const m = _e(e);
       if (!(!m || m === f.target || f.composedPath().includes(m))) {
         if (f.detail === 0 && (r = !s(f)), !r) {
           r = !0;
@@ -938,14 +938,14 @@ function Sn(e, t, l = {}) {
         t(f);
       }
     }, { passive: !0, capture: i }),
-    _e(o, "pointerdown", (f) => {
-      const m = we(e);
+    we(o, "pointerdown", (f) => {
+      const m = _e(e);
       r = !s(f) && !!(m && !f.composedPath().includes(m));
     }, { passive: !0 }),
-    a && _e(o, "blur", (f) => {
+    a && we(o, "blur", (f) => {
       setTimeout(() => {
         var m;
-        const y = we(e);
+        const y = _e(e);
         ((m = o.document.activeElement) == null ? void 0 : m.tagName) === "IFRAME" && !(y != null && y.contains(o.document.activeElement)) && t(f);
       }, 0);
     })
@@ -971,22 +971,22 @@ function xn(e, t = {}) {
       const d = Array.from((p = (u = s.dataTransfer) == null ? void 0 : u.files) != null ? p : []);
       return o.value = d.length === 0 ? null : d;
     };
-    _e(e, "dragenter", (s) => {
+    we(e, "dragenter", (s) => {
       var u, p;
-      const d = Array.from(((u = s == null ? void 0 : s.dataTransfer) == null ? void 0 : u.items) || []).map((f) => f.kind === "file" ? f.type : null).filter(_n);
+      const d = Array.from(((u = s == null ? void 0 : s.dataTransfer) == null ? void 0 : u.items) || []).map((f) => f.kind === "file" ? f.type : null).filter(wn);
       if (a.dataTypes && s.dataTransfer) {
         const f = q(a.dataTypes);
         if (i = typeof f == "function" ? f(d) : f ? f.some((m) => d.includes(m)) : !0, !i)
           return;
       }
       s.preventDefault(), n += 1, l.value = !0, (p = a.onEnter) == null || p.call(a, r(s), s);
-    }), _e(e, "dragover", (s) => {
+    }), we(e, "dragover", (s) => {
       var u;
       i && (s.preventDefault(), (u = a.onOver) == null || u.call(a, r(s), s));
-    }), _e(e, "dragleave", (s) => {
+    }), we(e, "dragleave", (s) => {
       var u;
       i && (s.preventDefault(), n -= 1, n === 0 && (l.value = !1), (u = a.onLeave) == null || u.call(a, r(s), s));
-    }), _e(e, "drop", (s) => {
+    }), we(e, "drop", (s) => {
       var u;
       s.preventDefault(), n = 0, l.value = !1, (u = a.onDrop) == null || u.call(a, r(s), s);
     });
@@ -1001,7 +1001,7 @@ function Tn(e, t, l = {}) {
   let i;
   const a = Vn(() => o && "ResizeObserver" in o), r = () => {
     i && (i.disconnect(), i = void 0);
-  }, s = V(() => Array.isArray(e) ? e.map((d) => we(d)) : [we(e)]), u = K(
+  }, s = V(() => Array.isArray(e) ? e.map((d) => _e(d)) : [_e(e)]), u = K(
     s,
     (d) => {
       if (r(), a.value && o) {
@@ -1207,7 +1207,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       show: m,
       isOpen: u,
       moveContainer: E
-    }), (k, R) => r.value ? (c(), I(ze, {
+    }), (k, R) => r.value ? (c(), T(ze, {
       key: 0,
       to: k.teleport
     }, [
@@ -1242,10 +1242,10 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
                 h("div", { class: "joy-bottom-sheet_header-close" }, null, -1)
               ]), 32),
               h("div", Mn, [
-                w(k.$slots, "bottom-sheet-content", {}, void 0, !0)
+                _(k.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
               h("div", Pn, [
-                w(k.$slots, "bottom-sheet-cta", {}, () => [
+                _(k.$slots, "bottom-sheet-cta", {}, () => [
                   O(ne, {
                     class: "joy-bottom-sheet_footer-close",
                     label: k.closeLabel,
@@ -1257,10 +1257,10 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
           ]),
           _: 3
         })
-      ], 16)) : _("", !0)
-    ], 8, ["to"])) : _("", !0);
+      ], 16)) : w("", !0)
+    ], 8, ["to"])) : w("", !0);
   }
-}), eu = /* @__PURE__ */ A(Fn, [["__scopeId", "data-v-098e6a23"]]), tu = /* @__PURE__ */ L({
+}), lu = /* @__PURE__ */ A(Fn, [["__scopeId", "data-v-098e6a23"]]), au = /* @__PURE__ */ L({
   __name: "VJoyBottomSheetTrigger",
   props: {
     bottomSheet: {}
@@ -1272,7 +1272,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       var s;
       o("click"), (s = n.value) == null || s.show();
     }
-    return (s, u) => (c(!0), b(W, null, U(a.value, (p) => (c(), I(X(p), {
+    return (s, u) => (c(!0), b(W, null, U(a.value, (p) => (c(), T(X(p), {
       key: p,
       onClick: r
     }))), 128));
@@ -1303,7 +1303,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       default: !1
     },
     /**
-     * Invalid state of the component
+     * DEPRECATED Invalid state of the component
      */
     invalid: {
       type: Boolean,
@@ -1348,7 +1348,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       isIndeterminate: a
     }), (p, d) => (c(), b("div", On, [
       h("label", {
-        class: T([
+        class: I([
           "joy-checkbox",
           {
             "joy-checkbox__checked": e.checked,
@@ -1381,17 +1381,17 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
           }, null, 40, Rn)
         ]),
         h("div", Nn, [
-          w(p.$slots, "default", {}, () => [
+          _(p.$slots, "default", {}, () => [
             D(J(e.label), 1)
           ], !0),
           h("div", qn, [
-            w(p.$slots, "checkbox-content", {}, void 0, !0)
+            _(p.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
     ]));
   }
-}), Kt = /* @__PURE__ */ A(Hn, [["__scopeId", "data-v-8391ace5"]]), Wn = ["id"], Un = { class: "joy-collapse-item__header-right" }, Gn = {
+}), Kt = /* @__PURE__ */ A(Hn, [["__scopeId", "data-v-39328c06"]]), Wn = ["id"], Un = { class: "joy-collapse-item__header-right" }, Gn = {
   key: 0,
   class: "joy-collapse-item__summary___subheader"
 }, Yn = { class: "joy-collapse-item__summary___preview" }, Kn = ["aria-labelledby"], Zn = /* @__PURE__ */ L({
@@ -1444,7 +1444,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       onToggle: r,
       props: o
     }), (u, p) => (c(), b("div", {
-      class: T([
+      class: I([
         "joy-collapse-item",
         {
           "joy-collapse-item--open": i.value,
@@ -1466,39 +1466,39 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
           id: e.id,
           class: "joy-collapse-item__summary___content"
         }, [
-          e.summaryIcon ? (c(), I(N, {
+          e.summaryIcon ? (c(), T(N, {
             key: 0,
             "aria-hidden": "true",
             color: "secondary",
             name: e.summaryIcon
-          }, null, 8, ["name"])) : _("", !0),
+          }, null, 8, ["name"])) : w("", !0),
           D(" " + J(e.header), 1)
         ], 8, Wn),
         h("div", Un, [
-          w(u.$slots, "collapse-header-right")
+          _(u.$slots, "collapse-header-right")
         ]),
         O(N, {
           class: "joy-collapse-item__summary___marker joy-mt-1",
           name: "chevron-down"
         }),
-        e.subheader ? (c(), b("span", Gn, J(e.subheader), 1)) : _("", !0),
+        e.subheader ? (c(), b("span", Gn, J(e.subheader), 1)) : w("", !0),
         h("span", Yn, [
-          w(u.$slots, "collapse-preview")
+          _(u.$slots, "collapse-preview")
         ])
       ], 32),
       i.value ? (c(), b("div", {
         key: 0,
         role: "region",
         "aria-labelledby": e.id,
-        class: T([
+        class: I([
           "joy-collapse-item__detail",
           {
             "joy-collapse-item__detail--open": i.value
           }
         ])
       }, [
-        w(u.$slots, "default")
-      ], 10, Kn)) : _("", !0)
+        _(u.$slots, "default")
+      ], 10, Kn)) : w("", !0)
     ], 2));
   }
 }), Xn = /* @__PURE__ */ A(Zn, [["__scopeId", "data-v-0d2e400d"]]), Qn = { class: "joy-collapse" }, el = /* @__PURE__ */ L({
@@ -1563,7 +1563,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       items: r,
       openedCollapseItem: n
     }), (y, v) => (c(), b("div", Qn, [
-      (c(!0), b(W, null, U(r.value, (g) => (c(), I(Xn, H({ ref_for: !0 }, g.props, {
+      (c(!0), b(W, null, U(r.value, (g) => (c(), T(Xn, H({ ref_for: !0 }, g.props, {
         key: g.props.id,
         open: p(g),
         mode: e.mode,
@@ -1571,19 +1571,19 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
         "onCollapseItem:close": () => f(g)
       }), {
         "collapse-header-right": z(() => [
-          (c(!0), b(W, null, U(u(g, "collapse-header-right"), ($, j) => (c(), I(X($), { key: j }))), 128))
+          (c(!0), b(W, null, U(u(g, "collapse-header-right"), ($, j) => (c(), T(X($), { key: j }))), 128))
         ]),
         "collapse-preview": z(() => [
-          (c(!0), b(W, null, U(u(g, "collapse-preview"), ($, j) => (c(), I(X($), { key: j }))), 128))
+          (c(!0), b(W, null, U(u(g, "collapse-preview"), ($, j) => (c(), T(X($), { key: j }))), 128))
         ]),
         default: z(() => [
-          (c(!0), b(W, null, U(u(g, "default"), ($, j) => (c(), I(X($), { key: j }))), 128))
+          (c(!0), b(W, null, U(u(g, "default"), ($, j) => (c(), T(X($), { key: j }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), ou = /* @__PURE__ */ A(el, [["__scopeId", "data-v-35744932"]]), tl = ["src", "alt", "title", "loading"], ol = /* @__PURE__ */ L({
+}), ru = /* @__PURE__ */ A(el, [["__scopeId", "data-v-35744932"]]), tl = ["src", "alt", "title", "loading"], ol = /* @__PURE__ */ L({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -1616,7 +1616,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
       }
     });
     return (o, n) => (c(), b("div", {
-      class: T(["joy-company-avatar", `joy-company-avatar--${e.size}`])
+      class: I(["joy-company-avatar", `joy-company-avatar--${e.size}`])
     }, [
       e.imgSrc ? (c(), b("img", {
         key: 0,
@@ -1624,14 +1624,14 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
         alt: e.imgAlt || e.companyName,
         title: e.companyName,
         loading: e.loading
-      }, null, 8, tl)) : (c(), I(N, {
+      }, null, 8, tl)) : (c(), T(N, {
         key: 1,
         name: "company-placeholder",
         size: l.value
       }, null, 8, ["size"]))
     ], 2));
   }
-}), nu = /* @__PURE__ */ A(ol, [["__scopeId", "data-v-2f1289c1"]]), nl = ["aria-hidden"], ll = /* @__PURE__ */ L({
+}), iu = /* @__PURE__ */ A(ol, [["__scopeId", "data-v-2f1289c1"]]), nl = ["aria-hidden"], ll = /* @__PURE__ */ L({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1645,7 +1645,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
   setup(e) {
     return (t, l) => (c(), b("div", {
       "aria-hidden": e.visible,
-      class: T(["joy-form-error", { "joy-has-error": e.visible }]),
+      class: I(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
       O(N, {
@@ -1653,7 +1653,7 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
         name: "warning-triangle"
       }),
       h("div", null, [
-        w(t.$slots, "default", {}, () => [
+        _(t.$slots, "default", {}, () => [
           D(J(e.noHtmlErrorText), 1)
         ], !0)
       ])
@@ -1686,15 +1686,15 @@ const Mn = { class: "joy-bottom-sheet_content" }, Pn = { class: "joy-bottom-shee
     text: String
   },
   setup(e) {
-    return (t, l) => (c(), I(X(e.tagName), H({
+    return (t, l) => (c(), T(X(e.tagName), H({
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
       default: z(() => [
-        w(t.$slots, "default", {}, () => [
+        _(t.$slots, "default", {}, () => [
           D(J(e.text), 1)
         ], !0),
-        e.required ? (c(), b("span", al, "*")) : _("", !0),
-        e.optionalLabel ? (c(), b("span", rl, "- " + J(e.optionalLabel), 1)) : _("", !0)
+        e.required ? (c(), b("span", al, "*")) : w("", !0),
+        e.optionalLabel ? (c(), b("span", rl, "- " + J(e.optionalLabel), 1)) : w("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
@@ -1831,7 +1831,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     return t({
       props: n
     }), (g, $) => (c(), b("div", ul, [
-      e.label ? (c(), I(Ve, {
+      e.label ? (c(), T(Ve, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -1839,14 +1839,14 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         size: e.labelSize
       }, {
         default: z(() => [
-          w(g.$slots, "default", {}, () => [
+          _(g.$slots, "default", {}, () => [
             D(J(e.label), 1)
           ], !0)
         ]),
         _: 3
-      }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
+      }, 8, ["for", "required", "optional-label", "size"])) : w("", !0),
       h("div", {
-        class: T(["joy-counter__wrapper", { "joy-counter--focusing": a.value }])
+        class: I(["joy-counter__wrapper", { "joy-counter--focusing": a.value }])
       }, [
         h("button", {
           class: "joy-counter__decrement",
@@ -1891,11 +1891,11 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         ], 8, pl),
         e.invalid && e.errorMessage ? (c(), b("div", yl, [
           O(mt, { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
-        ])) : _("", !0)
+        ])) : w("", !0)
       ], 2)
     ]));
   }
-}), lu = /* @__PURE__ */ A(vl, [["__scopeId", "data-v-556fd173"]]), hl = /* @__PURE__ */ L({
+}), su = /* @__PURE__ */ A(vl, [["__scopeId", "data-v-556fd173"]]), hl = /* @__PURE__ */ L({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -1940,7 +1940,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
   },
   setup(e) {
     return Ze("VJoyWrapperContext", e), (l, o) => (c(), b("div", {
-      class: T([
+      class: I([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
         `joy-wrapper--align-${e.align}`,
@@ -1952,13 +1952,13 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         { "joy-wrapper--has-margin": !e.noMargin }
       ])
     }, [
-      w(l.$slots, "default", {}, void 0, !0)
+      _(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), re = /* @__PURE__ */ A(hl, [["__scopeId", "data-v-68d89412"]]), gl = ["id"], bl = { class: "joy-dialog__inner" }, wl = {
+}), re = /* @__PURE__ */ A(hl, [["__scopeId", "data-v-68d89412"]]), gl = ["id"], bl = { class: "joy-dialog__inner" }, _l = {
   key: 0,
   class: "joy-dialog__shapes"
-}, _l = { class: "joy-dialog--header" }, jl = {
+}, wl = { class: "joy-dialog--header" }, jl = {
   key: 0,
   class: "joy-dialog--preheader"
 }, kl = {
@@ -2086,7 +2086,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       hide: g,
       isOpen: u,
       show: $
-    }), (B, P) => r.value ? (c(), I(ze, {
+    }), (B, P) => r.value ? (c(), T(ze, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -2111,7 +2111,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
             onKeydown: Oe(v, ["esc"])
           }), [
             h("div", {
-              class: T([
+              class: I([
                 {
                   "joy-dialog__overlay": !0,
                   "joy-dialog__overlay--open": u.value,
@@ -2121,7 +2121,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
               onClick: v
             }, null, 2),
             h("div", {
-              class: T([
+              class: I([
                 {
                   "joy-dialog--wrapper": !0,
                   "joy-dialog--wrapper-open": u.value
@@ -2129,10 +2129,10 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
               ])
             }, [
               h("div", bl, [
-                e.patternBrand ? (c(), b("div", wl, P[3] || (P[3] = [
+                e.patternBrand ? (c(), b("div", _l, P[3] || (P[3] = [
                   h("div", { class: "joy-dialog__shapes___shape" }, null, -1),
                   h("div", { class: "joy-dialog__shapes___shape" }, null, -1)
-                ]))) : _("", !0),
+                ]))) : w("", !0),
                 e.bannerSrc ? (c(), b("div", {
                   key: 1,
                   class: "joy-dialog--banner",
@@ -2141,21 +2141,21 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                     backgroundPosition: e.bannerPosition,
                     height: `${e.bannerHeight}px`
                   })
-                }, null, 4)) : _("", !0),
-                h("div", _l, [
+                }, null, 4)) : w("", !0),
+                h("div", wl, [
                   B.$slots["dialog-preheader"] ? (c(), b("div", jl, [
-                    w(B.$slots, "dialog-preheader", {}, void 0, !0)
-                  ])) : _("", !0),
+                    _(B.$slots, "dialog-preheader", {}, void 0, !0)
+                  ])) : w("", !0),
                   h("div", {
                     id: y,
                     class: "joy-dialog--header__title"
                   }, [
-                    w(B.$slots, "dialog-header", {}, void 0, !0)
+                    _(B.$slots, "dialog-header", {}, void 0, !0)
                   ]),
                   h("p", kl, [
-                    w(B.$slots, "dialog-subheader", {}, void 0, !0)
+                    _(B.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
-                  e.patternConfirm ? _("", !0) : (c(), I(ne, {
+                  e.patternConfirm ? w("", !0) : (c(), T(ne, {
                     key: 1,
                     id: "joy-dialog--close",
                     circle: "",
@@ -2169,10 +2169,10 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                   }, null, 8, ["label"]))
                 ]),
                 h("div", $l, [
-                  w(B.$slots, "dialog-body", {}, void 0, !0)
+                  _(B.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 h("div", {
-                  class: T([
+                  class: I([
                     {
                       "joy-dialog--footer": !0,
                       "joy-dialog--footer-filled": f.value
@@ -2184,8 +2184,8 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                     "no-margin": ""
                   }, {
                     default: z(() => [
-                      w(B.$slots, "dialog-cancel", {}, () => [
-                        e.cancelText ? (c(), I(ne, {
+                      _(B.$slots, "dialog-cancel", {}, () => [
+                        e.cancelText ? (c(), T(ne, {
                           key: 0,
                           class: "joy-dialog--cancel",
                           variant: "ghost",
@@ -2196,10 +2196,10 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                             D(J(e.cancelText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : _("", !0)
+                        }, 8, ["size"])) : w("", !0)
                       ], !0),
-                      w(B.$slots, "dialog-confirm", {}, () => [
-                        e.confirmText ? (c(), I(ne, {
+                      _(B.$slots, "dialog-confirm", {}, () => [
+                        e.confirmText ? (c(), T(ne, {
                           key: 0,
                           class: "joy-dialog--confirm",
                           variant: "main",
@@ -2210,24 +2210,24 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                             D(J(e.confirmText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : _("", !0)
+                        }, 8, ["size"])) : w("", !0)
                       ], !0)
                     ]),
                     _: 3
                   })
                 ], 2),
                 q(a)["dialog-indicators"] ? (c(), b("div", Sl, [
-                  w(B.$slots, "dialog-indicators", {}, void 0, !0)
-                ])) : _("", !0)
+                  _(B.$slots, "dialog-indicators", {}, void 0, !0)
+                ])) : w("", !0)
               ])
             ], 2)
-          ], 16, gl)) : _("", !0)
+          ], 16, gl)) : w("", !0)
         ]),
         _: 3
       })
-    ], 8, ["to", "disabled"])) : _("", !0);
+    ], 8, ["to", "disabled"])) : w("", !0);
   }
-}), au = /* @__PURE__ */ A(Cl, [["__scopeId", "data-v-04cca18d"]]), ru = /* @__PURE__ */ L({
+}), uu = /* @__PURE__ */ A(Cl, [["__scopeId", "data-v-04cca18d"]]), du = /* @__PURE__ */ L({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -2239,7 +2239,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       var s;
       n("click"), await ((s = o.value) == null ? void 0 : s.show());
     }
-    return (s, u) => (c(!0), b(W, null, U(a.value, (p) => (c(), I(X(p), {
+    return (s, u) => (c(!0), b(W, null, U(a.value, (p) => (c(), T(X(p), {
       key: p,
       onClick: r
     }))), 128));
@@ -2255,7 +2255,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
   setup(e) {
     return (t, l) => (c(), b("button", {
       type: "button",
-      class: T(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
+      class: I(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
     }, [
       h("div", xl, [
@@ -2263,13 +2263,13 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       ]),
       h("div", Tl, [
         h("p", Il, [
-          w(t.$slots, "default", {}, void 0, !0)
+          _(t.$slots, "default", {}, void 0, !0)
         ]),
-        w(t.$slots, "divider-content", {}, void 0, !0)
+        _(t.$slots, "divider-content", {}, void 0, !0)
       ])
     ], 10, Vl));
   }
-}), iu = /* @__PURE__ */ A(Ll, [["__scopeId", "data-v-aa93710e"]]), Bl = ["id"], Al = { class: "joy-drawer__inner" }, El = { class: "joy-drawer--header" }, zl = {
+}), cu = /* @__PURE__ */ A(Ll, [["__scopeId", "data-v-aa93710e"]]), Bl = ["id"], Al = { class: "joy-drawer__inner" }, El = { class: "joy-drawer--header" }, zl = {
   id: "drawerDescription",
   class: "joy-drawer--subheader"
 }, Jl = {
@@ -2372,7 +2372,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       hide: v,
       isOpen: u,
       show: g
-    }), (E, B) => r.value ? (c(), I(ze, {
+    }), (E, B) => r.value ? (c(), T(ze, {
       key: 0,
       to: e.teleport,
       disabled: e.disableTeleport
@@ -2403,9 +2403,9 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
             "aria-labelledby": y,
             onKeydown: B[4] || (B[4] = Oe((P) => v(), ["esc"]))
           }), [
-            e.elevated ? _("", !0) : (c(), b("div", {
+            e.elevated ? w("", !0) : (c(), b("div", {
               key: 0,
-              class: T([
+              class: I([
                 {
                   "joy-drawer__overlay": !0,
                   "joy-drawer__overlay--open": u.value
@@ -2414,7 +2414,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
               onClick: B[0] || (B[0] = (P) => v())
             }, null, 2)),
             h("div", {
-              class: T([
+              class: I([
                 {
                   "joy-drawer--wrapper": !0,
                   "joy-drawer--wrapper-open": u.value
@@ -2427,10 +2427,10 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                     id: y,
                     class: "joy-drawer--header__title"
                   }, [
-                    w(E.$slots, "drawer-header", {}, void 0, !0)
+                    _(E.$slots, "drawer-header", {}, void 0, !0)
                   ]),
                   h("p", zl, [
-                    w(E.$slots, "drawer-subheader", {}, void 0, !0)
+                    _(E.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   O(ne, {
                     id: "joy-drawer--close",
@@ -2445,10 +2445,10 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                   }, null, 8, ["label"])
                 ]),
                 h("div", Jl, [
-                  w(E.$slots, "drawer-body", {}, void 0, !0)
+                  _(E.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 h("div", {
-                  class: T([
+                  class: I([
                     {
                       "joy-drawer--footer": !0,
                       "joy-drawer--footer-filled": f.value
@@ -2461,8 +2461,8 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                     class: "joy-drawer--footer-wrapper"
                   }, {
                     default: z(() => [
-                      w(E.$slots, "drawer-cancel", {}, () => [
-                        e.cancelText ? (c(), I(ne, {
+                      _(E.$slots, "drawer-cancel", {}, () => [
+                        e.cancelText ? (c(), T(ne, {
                           key: 0,
                           class: "joy-drawer--cancel",
                           variant: "ghost",
@@ -2473,10 +2473,10 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                             D(J(e.cancelText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : _("", !0)
+                        }, 8, ["size"])) : w("", !0)
                       ], !0),
-                      w(E.$slots, "drawer-confirm", {}, () => [
-                        e.confirmText ? (c(), I(ne, {
+                      _(E.$slots, "drawer-confirm", {}, () => [
+                        e.confirmText ? (c(), T(ne, {
                           key: 0,
                           class: "joy-drawer--confirm",
                           variant: "main",
@@ -2487,7 +2487,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                             D(J(e.confirmText), 1)
                           ]),
                           _: 1
-                        }, 8, ["size"])) : _("", !0)
+                        }, 8, ["size"])) : w("", !0)
                       ], !0)
                     ]),
                     _: 3
@@ -2495,13 +2495,13 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                 ], 2)
               ])
             ], 2)
-          ], 16, Bl)) : _("", !0)
+          ], 16, Bl)) : w("", !0)
         ]),
         _: 3
       })
-    ], 8, ["to", "disabled"])) : _("", !0);
+    ], 8, ["to", "disabled"])) : w("", !0);
   }
-}), su = /* @__PURE__ */ A(Ml, [["__scopeId", "data-v-056f6134"]]), uu = /* @__PURE__ */ L({
+}), fu = /* @__PURE__ */ A(Ml, [["__scopeId", "data-v-056f6134"]]), pu = /* @__PURE__ */ L({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -2513,7 +2513,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       var s;
       o("click"), await ((s = n.value) == null ? void 0 : s.show());
     }
-    return (s, u) => (c(!0), b(W, null, U(a.value, (p) => (c(), I(X(p), {
+    return (s, u) => (c(!0), b(W, null, U(a.value, (p) => (c(), T(X(p), {
       key: p,
       onClick: r
     }))), 128));
@@ -2628,15 +2628,15 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           type: "button",
           class: "joy-dropdown-list__reset",
           onClick: m
-        }, J(e.resetLabel || "Reset"), 1)) : _("", !0),
-        w(y.$slots, "dropdown-list-header", {}, void 0, !0)
-      ])) : _("", !0),
+        }, J(e.resetLabel || "Reset"), 1)) : w("", !0),
+        _(y.$slots, "dropdown-list-header", {}, void 0, !0)
+      ])) : w("", !0),
       h("div", {
         tabindex: "0",
-        class: T(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": y.$slots["dropdown-list-items"] }]),
+        class: I(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": y.$slots["dropdown-list-items"] }]),
         style: ee({ "max-height": `${e.height}px` })
       }, [
-        w(y.$slots, "dropdown-list-items", {}, void 0, !0),
+        _(y.$slots, "dropdown-list-items", {}, void 0, !0),
         e.options.length ? (c(), b("ul", {
           key: 0,
           ref_key: "listbox",
@@ -2650,7 +2650,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
             id: g.id,
             key: g.id,
             style: ee({ "max-width": `${e.width}px` }),
-            class: T([
+            class: I([
               "joy-dropdown-list__item",
               `joy-dropdown-list__item--${e.size}`,
               {
@@ -2667,15 +2667,15 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
             role: "option",
             onClick: ($) => r(g)
           }, [
-            w(y.$slots, "label", H({ ref_for: !0 }, g), () => [
+            _(y.$slots, "label", H({ ref_for: !0 }, g), () => [
               h("span", null, J(g.label), 1)
             ], !0)
           ], 46, Ol))), 128))
-        ], 8, Fl)) : _("", !0)
+        ], 8, Fl)) : w("", !0)
       ], 6),
       y.$slots["dropdown-list-footer"] ? (c(), b("footer", Dl, [
-        w(y.$slots, "dropdown-list-footer", {}, void 0, !0)
-      ])) : _("", !0)
+        _(y.$slots, "dropdown-list-footer", {}, void 0, !0)
+      ])) : w("", !0)
     ], 4));
   }
 }), Nl = /* @__PURE__ */ A(Rl, [["__scopeId", "data-v-7a3292aa"]]), ql = /* @__PURE__ */ L({
@@ -2816,7 +2816,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     }), t({
       showDropdownList: i,
       generatedId: d
-    }), (k, R) => (c(), I(q(yt), {
+    }), (k, R) => (c(), T(q(yt), {
       ref_key: "dropdown",
       ref: a,
       options: f,
@@ -2831,13 +2831,13 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           "data-testid": "dropdown-trigger",
           onClick: $
         }, [
-          w(k.$slots, "dropdown-button", {}, void 0, !0)
+          _(k.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
         i.value ? (c(), b("div", {
           key: 0,
           ref_key: "list",
           ref: s,
-          class: T([
+          class: I([
             "joy-dropdown__list",
             `joy-dropdown__list--${e.justify}`,
             `joy-dropdown__list--${e.direction}`,
@@ -2862,7 +2862,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
             onReset: B
           }, ft({
             label: z((S) => [
-              w(k.$slots, "dropdown-item", Co(Vo(S)), () => [
+              _(k.$slots, "dropdown-item", Co(Vo(S)), () => [
                 h("span", null, J(S.label), 1)
               ], !0)
             ]),
@@ -2871,31 +2871,31 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
             k.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
               fn: z(() => [
-                w(k.$slots, "dropdown-header", {}, void 0, !0)
+                _(k.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             k.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
               fn: z(() => [
-                w(k.$slots, "dropdown-items", {}, void 0, !0)
+                _(k.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             k.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
               fn: z(() => [
-                w(k.$slots, "dropdown-footer", {}, void 0, !0)
+                _(k.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
           ]), 1032, ["model-value", "options", "size", "width", "height", "reset", "reset-label"])
-        ], 6)) : _("", !0)
+        ], 6)) : w("", !0)
       ]),
       _: 3
     }, 512));
   }
-}), du = /* @__PURE__ */ A(ql, [["__scopeId", "data-v-8d25933f"]]), Hl = { class: "joy-dropzone__icon-wrapper" }, Wl = /* @__PURE__ */ L({
+}), yu = /* @__PURE__ */ A(ql, [["__scopeId", "data-v-8d25933f"]]), Hl = { class: "joy-dropzone__icon-wrapper" }, Wl = /* @__PURE__ */ L({
   __name: "VJoyDropzoneIcon",
   props: {
     name: { type: String, required: !0 }
@@ -2926,7 +2926,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
   emits: ["delete", "update"],
   setup(e) {
     const t = G(), l = e;
-    return (o, n) => (c(), I(re, {
+    return (o, n) => (c(), T(re, {
       "column-gap": "6",
       "row-gap": "4",
       justify: "flex-start",
@@ -2943,9 +2943,9 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         h("div", Ul, [
           h("span", Gl, J(l.file.name), 1),
           t.information ? (c(), b("div", Yl, [
-            w(o.$slots, "information", { file: o.file }, void 0, !0)
-          ])) : _("", !0),
-          o.error ? (c(), b("p", Kl, J(o.error), 1)) : _("", !0)
+            _(o.$slots, "information", { file: o.file }, void 0, !0)
+          ])) : w("", !0),
+          o.error ? (c(), b("p", Kl, J(o.error), 1)) : w("", !0)
         ]),
         O(re, {
           "column-gap": "1",
@@ -2954,7 +2954,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           class: "joy-dropzone__file__actions"
         }, {
           default: z(() => [
-            w(o.$slots, "actions", { file: o.file }, void 0, !0),
+            _(o.$slots, "actions", { file: o.file }, void 0, !0),
             O(ne, {
               circle: "",
               size: "small",
@@ -3063,7 +3063,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     return t({
       invalid: i
     }), (S, M) => (c(), b("div", {
-      class: T(["joy-dropzone", {
+      class: I(["joy-dropzone", {
         "joy-dropzone--dragover": q(u),
         "joy-dropzone--invalid": i.value,
         "joy-dropzone--empty": n.value.length === 0
@@ -3090,7 +3090,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           class: "joy-dropzone__label"
         }, [
           n.value.length > 0 ? (c(), b("div", ta, [
-            (c(!0), b(W, null, U(n.value, (F, Y) => (c(), I(Xl, {
+            (c(!0), b(W, null, U(n.value, (F, Y) => (c(), T(Xl, {
               key: `${F.name}_${Y}`,
               file: F,
               error: S.multiple ? v(F) : void 0,
@@ -3102,20 +3102,20 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
               l["file-information"] ? {
                 name: "information",
                 fn: z(() => [
-                  w(S.$slots, "file-information", { file: F }, void 0, !0)
+                  _(S.$slots, "file-information", { file: F }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               l["file-actions"] ? {
                 name: "actions",
                 fn: z(() => [
-                  w(S.$slots, "file-actions", { file: F }, void 0, !0)
+                  _(S.$slots, "file-actions", { file: F }, void 0, !0)
                 ]),
                 key: "1"
               } : void 0
             ]), 1032, ["file", "error", "update-label", "delete-label", "onUpdate", "onDelete"]))), 128))
-          ])) : _("", !0),
-          n.value.length === 0 || S.multiple ? (c(), I(re, {
+          ])) : w("", !0),
+          n.value.length === 0 || S.multiple ? (c(), T(re, {
             key: 1,
             wrap: "nowrap",
             "no-margin": "",
@@ -3128,26 +3128,26 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
                 class: "joy-dropzone__instruction__icon"
               }),
               h("p", oa, [
-                w(S.$slots, "dropzone-description", {}, () => [
+                _(S.$slots, "dropzone-description", {}, () => [
                   M[0] || (M[0] = D("Drop your file here or click here"))
                 ], !0)
               ])
             ]),
             _: 3
-          })) : _("", !0)
+          })) : w("", !0)
         ], 8, ea)
       ], 512),
       l["dropzone-legend"] ? (c(), b("div", na, [
-        w(S.$slots, "dropzone-legend", {}, void 0, !0)
-      ])) : _("", !0),
-      d.value ? (c(), I(mt, {
+        _(S.$slots, "dropzone-legend", {}, void 0, !0)
+      ])) : w("", !0),
+      d.value ? (c(), T(mt, {
         key: 1,
         "no-html-error-text": d.value,
         class: "joy-dropzone__error"
-      }, null, 8, ["no-html-error-text"])) : _("", !0)
+      }, null, 8, ["no-html-error-text"])) : w("", !0)
     ], 2));
   }
-}), cu = /* @__PURE__ */ A(la, [["__scopeId", "data-v-bf95ba80"]]), aa = ["aria-label"], ra = { class: "joy-filter-bar__wrapper" }, ia = /* @__PURE__ */ L({
+}), mu = /* @__PURE__ */ A(la, [["__scopeId", "data-v-bf95ba80"]]), aa = ["aria-label"], ra = { class: "joy-filter-bar__wrapper" }, ia = /* @__PURE__ */ L({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -3160,11 +3160,11 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
       h("div", ra, [
-        w(t.$slots, "default", {}, void 0, !0)
+        _(t.$slots, "default", {}, void 0, !0)
       ])
     ], 8, aa));
   }
-}), fu = /* @__PURE__ */ A(ia, [["__scopeId", "data-v-cb769d05"]]), sa = /* @__PURE__ */ L({
+}), vu = /* @__PURE__ */ A(ia, [["__scopeId", "data-v-cb769d05"]]), sa = /* @__PURE__ */ L({
   __name: "VJoyFilterBarButton",
   props: {
     /** Label to inject inside the  button */
@@ -3187,21 +3187,21 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     }
     return (a, r) => (c(), b("button", {
       type: "button",
-      class: T(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
+      class: I(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: i
     }, [
       D(J(e.label) + " ", 1),
-      w(a.$slots, "default", {}, void 0, !0),
-      q(n) ? (c(), I(N, {
+      _(a.$slots, "default", {}, void 0, !0),
+      q(n) ? (c(), T(N, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
         size: "xxsmall",
         color: "neutral"
-      })) : _("", !0)
+      })) : w("", !0)
     ], 2));
   }
-}), pu = /* @__PURE__ */ A(sa, [["__scopeId", "data-v-cfb21c78"]]), ua = /* @__PURE__ */ L({
+}), hu = /* @__PURE__ */ A(sa, [["__scopeId", "data-v-cfb21c78"]]), ua = /* @__PURE__ */ L({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -3232,14 +3232,14 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     });
     return t({ flexStyle: n }), (i, a) => (c(), b("div", {
       "aria-hidden": "true",
-      class: T(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
+      class: I(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
       style: ee({
         "max-width": e.width,
         flex: n.value
       })
     }, null, 6));
   }
-}), yu = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-235a3b9e"]]), da = { class: "joy-funnel__header" }, ca = { class: "funnel__header__inner" }, fa = /* @__PURE__ */ L({
+}), gu = /* @__PURE__ */ A(ua, [["__scopeId", "data-v-235a3b9e"]]), da = { class: "joy-funnel__header" }, ca = { class: "funnel__header__inner" }, fa = /* @__PURE__ */ L({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -3271,7 +3271,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       hasStepperSlot: a,
       hasFooterSlot: r
     }), (s, u) => (c(), b("div", {
-      class: T([
+      class: I([
         "joy-funnel",
         {
           "joy-funnel--no-stepper": !a.value
@@ -3280,12 +3280,12 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     }, [
       h("div", da, [
         h("div", ca, [
-          w(s.$slots, "funnel-header", {}, void 0, !0)
+          _(s.$slots, "funnel-header", {}, void 0, !0)
         ])
       ]),
-      e.hideShapes ? _("", !0) : (c(), b("div", {
+      e.hideShapes ? w("", !0) : (c(), b("div", {
         key: 0,
-        class: T([
+        class: I([
           "joy-funnel__shapes",
           {
             "joy-funnel__shapes--strategy": e.profile === "strategy",
@@ -3296,47 +3296,59 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         Dt('<div class="shapes__wrapper" data-v-e2fccb79><div class="shape_1" data-v-e2fccb79></div><div class="shape_2" data-v-e2fccb79></div><div class="shape_3" data-v-e2fccb79></div><div class="shape_4" data-v-e2fccb79></div></div>', 1)
       ]), 2)),
       h("div", {
-        class: T(["joy-funnel__stepper", { "joy-funnel__stepper--medium": e.layoutWidth === "medium" }])
+        class: I(["joy-funnel__stepper", { "joy-funnel__stepper--medium": e.layoutWidth === "medium" }])
       }, [
-        w(s.$slots, "funnel-stepper", {}, void 0, !0)
+        _(s.$slots, "funnel-stepper", {}, void 0, !0)
       ], 2),
       h("div", {
         class: "joy-funnel__scrollable",
         onScroll: i
       }, [
         h("div", {
-          class: T(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
+          class: I(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
         }, [
-          w(s.$slots, "default", {}, void 0, !0)
+          _(s.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32)
     ], 2));
   }
-}), mu = /* @__PURE__ */ A(fa, [["__scopeId", "data-v-e2fccb79"]]), pa = { class: "joy-funnel-footer" }, ya = { class: "joy-funnel-footer__left" }, ma = { class: "joy-funnel-footer__right" }, va = /* @__PURE__ */ L({
+}), bu = /* @__PURE__ */ A(fa, [["__scopeId", "data-v-e2fccb79"]]), pa = { class: "joy-funnel-footer" }, ya = { class: "joy-funnel-footer__left" }, ma = { class: "joy-funnel-footer__right" }, va = /* @__PURE__ */ L({
   __name: "VJoyFunnelFooter",
   setup(e) {
     return (t, l) => (c(), b("footer", pa, [
       h("div", ya, [
-        w(t.$slots, "footer-left", {}, void 0, !0)
+        _(t.$slots, "footer-left", {}, void 0, !0)
       ]),
       h("div", ma, [
-        w(t.$slots, "footer-right", {}, void 0, !0)
+        _(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
-}), vu = /* @__PURE__ */ A(va, [["__scopeId", "data-v-bdeeb2bd"]]), ha = { class: "joy-header" }, ga = { class: "joy-header__left" }, ba = { class: "joy-header__right" }, wa = /* @__PURE__ */ L({
-  __name: "VJoyHeader",
+}), _u = /* @__PURE__ */ A(va, [["__scopeId", "data-v-bdeeb2bd"]]), ha = { class: "joy-funnel-header" }, ga = { class: "joy-funnel-header__left" }, ba = { class: "joy-funnel-header__right" }, _a = /* @__PURE__ */ L({
+  __name: "VJoyFunnelHeader",
   setup(e) {
     return (t, l) => (c(), b("header", ha, [
       h("div", ga, [
-        w(t.$slots, "header-left", {}, void 0, !0)
+        _(t.$slots, "funnel-header-left", {}, void 0, !0)
       ]),
       h("div", ba, [
-        w(t.$slots, "header-right", {}, void 0, !0)
+        _(t.$slots, "funnel-header-right", {}, void 0, !0)
       ])
     ]));
   }
-}), hu = /* @__PURE__ */ A(wa, [["__scopeId", "data-v-7928856e"]]), _a = { class: "joy-highlight__decorator" }, ja = { class: "joy-highlight__text" }, ka = { key: 0 }, $a = /* @__PURE__ */ L({
+}), wu = /* @__PURE__ */ A(_a, [["__scopeId", "data-v-d9804793"]]), wa = { class: "joy-header" }, ja = { class: "joy-header__left" }, ka = { class: "joy-header__right" }, $a = /* @__PURE__ */ L({
+  __name: "VJoyHeader",
+  setup(e) {
+    return (t, l) => (c(), b("header", wa, [
+      h("div", ja, [
+        _(t.$slots, "header-left", {}, void 0, !0)
+      ]),
+      h("div", ka, [
+        _(t.$slots, "header-right", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), ju = /* @__PURE__ */ A($a, [["__scopeId", "data-v-7928856e"]]), Sa = { class: "joy-highlight__decorator" }, Ca = { class: "joy-highlight__text" }, Va = { key: 0 }, xa = /* @__PURE__ */ L({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -3367,7 +3379,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     return t({
       getRelevantIcon: o
     }), (n, i) => (c(), b("div", {
-      class: T([
+      class: I([
         "joy-highlight",
         `joy-highlight_${e.level}`,
         `joy-highlight_${e.variant}`,
@@ -3377,23 +3389,23 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         }
       ])
     }, [
-      h("div", _a, [
-        w(n.$slots, "highlight-decorator", {}, () => [
-          e.displayIcon ? (c(), I(N, {
+      h("div", Sa, [
+        _(n.$slots, "highlight-decorator", {}, () => [
+          e.displayIcon ? (c(), T(N, {
             key: 0,
             name: o.value
-          }, null, 8, ["name"])) : _("", !0)
+          }, null, 8, ["name"])) : w("", !0)
         ], !0)
       ]),
-      h("div", ja, [
-        n.$slots["highlight-title"] ? (c(), b("strong", ka, [
-          w(n.$slots, "highlight-title", {}, void 0, !0)
-        ])) : _("", !0),
-        w(n.$slots, "default", {}, void 0, !0)
+      h("div", Ca, [
+        n.$slots["highlight-title"] ? (c(), b("strong", Va, [
+          _(n.$slots, "highlight-title", {}, void 0, !0)
+        ])) : w("", !0),
+        _(n.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), gu = /* @__PURE__ */ A($a, [["__scopeId", "data-v-e5c2ff23"]]), Sa = ["aria-label"], Ca = /* @__PURE__ */ L({
+}), ku = /* @__PURE__ */ A(xa, [["__scopeId", "data-v-e5c2ff23"]]), Ta = ["aria-label"], Ia = /* @__PURE__ */ L({
   __name: "VJoyIndicator",
   props: {
     /** Value is used for the parent v-model. Mandatory */
@@ -3417,16 +3429,16 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
   },
   setup(e) {
     return (t, l) => (c(), b("li", {
-      class: T(["joy-indicator", `joy-indicator--${e.variant}`, { "joy-indicator--selected": e.selected }])
+      class: I(["joy-indicator", `joy-indicator--${e.variant}`, { "joy-indicator--selected": e.selected }])
     }, [
       h("button", {
         type: "button",
-        class: T(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
+        class: I(["joy-indicator--button", { "joy-indicator--button-selected": e.selected }]),
         "aria-label": e.ariaLabel || e.value.toString()
-      }, null, 10, Sa)
+      }, null, 10, Ta)
     ], 2));
   }
-}), Va = /* @__PURE__ */ A(Ca, [["__scopeId", "data-v-88a82b4f"]]), xa = /* @__PURE__ */ L({
+}), La = /* @__PURE__ */ A(Ia, [["__scopeId", "data-v-88a82b4f"]]), Ba = /* @__PURE__ */ L({
   __name: "VJoyIndicators",
   props: {
     variant: {
@@ -3462,9 +3474,9 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       indicators: r,
       isSelected: s
     }), (d, f) => (c(), b("ul", {
-      class: T(["joy-indicators", `joy-indicators--${e.variant}`])
+      class: I(["joy-indicators", `joy-indicators--${e.variant}`])
     }, [
-      (c(!0), b(W, null, U(r.value, (m) => (c(), I(Va, H({
+      (c(!0), b(W, null, U(r.value, (m) => (c(), T(La, H({
         key: m.props.value,
         ref_for: !0
       }, { ...m.props, variant: e.variant }, {
@@ -3473,7 +3485,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       }), null, 16, ["selected", "onClick"]))), 128))
     ], 2));
   }
-}), bu = /* @__PURE__ */ A(xa, [["__scopeId", "data-v-f2dd63e9"]]), Ta = ["id", "name", "required", "disabled", "readonly", "type", "value"], Ia = ["data-unit"], La = /* @__PURE__ */ L({
+}), $u = /* @__PURE__ */ A(Ba, [["__scopeId", "data-v-f2dd63e9"]]), Aa = ["id", "name", "required", "disabled", "readonly", "type", "value"], Ea = ["data-unit"], za = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -3590,10 +3602,10 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     }), (x, E) => (c(), b("div", {
       ref_key: "root",
       ref: r,
-      class: T([`joy-input--${n.size}`])
+      class: I([`joy-input--${n.size}`])
     }, [
       h("div", {
-        class: T([
+        class: I([
           "joy-input",
           {
             "joy-input--focusing": p.value,
@@ -3604,7 +3616,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           }
         ])
       }, [
-        m.value || e.label ? (c(), I(Ve, {
+        m.value || e.label ? (c(), T(Ve, {
           key: 0,
           for: e.id || e.name,
           required: e.required && e.requiredMark,
@@ -3612,14 +3624,14 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           size: e.labelSize
         }, {
           default: z(() => [
-            w(x.$slots, "default", {}, () => [
+            _(x.$slots, "default", {}, () => [
               D(J(e.label), 1)
             ], !0)
           ]),
           _: 3
-        }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
+        }, 8, ["for", "required", "optional-label", "size"])) : w("", !0),
         h("div", {
-          class: T([
+          class: I([
             "joy-input--wrapper",
             {
               "joy-input--wrapper-has-icon": !!e.icon,
@@ -3655,8 +3667,8 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
             (...B) => j.onChange && j.onChange(...B)),
             onWheel: E[4] || (E[4] = //@ts-ignore
             (...B) => j.onWheelScroll && j.onWheelScroll(...B))
-          }), null, 16, Ta),
-          f.value ? (c(), I(ne, {
+          }), null, 16, Aa),
+          f.value ? (c(), T(ne, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
@@ -3664,57 +3676,63 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
             size: "xxsmall",
             icon: "cross",
             onClick: j.clearValue
-          }, null, 8, ["onClick"])) : _("", !0),
-          g.value ? (c(), I(N, {
+          }, null, 8, ["onClick"])) : w("", !0),
+          g.value ? (c(), T(N, {
             key: 1,
             class: "joy-input--password-icon",
             name: d.value ? "eye-masked" : "eye",
             onClick: j.togglePassword
-          }, null, 8, ["name", "onClick"])) : _("", !0),
-          e.icon ? (c(), I(N, {
+          }, null, 8, ["name", "onClick"])) : w("", !0),
+          e.icon ? (c(), T(N, {
             key: 2,
             class: "joy-input--decorative-icon",
             name: e.icon
-          }, null, 8, ["name"])) : _("", !0),
+          }, null, 8, ["name"])) : w("", !0),
           e.unit ? (c(), b("div", {
             key: 3,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, Ia)) : _("", !0)
+          }, null, 8, Ea)) : w("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
-}), wu = /* @__PURE__ */ A(La, [["__scopeId", "data-v-aa5a992c"]]), Ba = ["href"], Aa = { class: "joy-link__text" }, Ea = /* @__PURE__ */ L({
+}), Su = /* @__PURE__ */ A(za, [["__scopeId", "data-v-aa5a992c"]]), Ja = { class: "joy-link__text" }, Ma = /* @__PURE__ */ L({
   __name: "VJoyLink",
   props: {
     href: {
-      type: String,
-      required: !0
+      type: String
     },
     color: {
       type: String,
       default: "teal"
     },
     icon: String,
-    text: String
+    text: String,
+    type: {
+      type: String
+    }
   },
   setup(e) {
-    return (t, l) => (c(), b("a", H({ href: e.href }, t.$attrs, {
-      class: ["joy-link", `joy-link_${e.color}`]
-    }), [
-      e.icon ? (c(), I(N, {
-        key: 0,
-        name: e.icon
-      }, null, 8, ["name"])) : _("", !0),
-      h("span", Aa, [
-        w(t.$slots, "default", {}, () => [
-          D(J(e.text), 1)
-        ], !0)
-      ])
-    ], 16, Ba));
+    return (t, l) => (c(), T(X(e.href ? "a" : "button"), H({ href: e.href }, t.$attrs, {
+      class: ["joy-link", `joy-link_${e.color}`],
+      type: e.type
+    }), {
+      default: z(() => [
+        e.icon ? (c(), T(N, {
+          key: 0,
+          name: e.icon
+        }, null, 8, ["name"])) : w("", !0),
+        h("span", Ja, [
+          _(t.$slots, "default", {}, () => [
+            D(J(e.text), 1)
+          ], !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["href", "class", "type"]));
   }
-}), _u = /* @__PURE__ */ A(Ea, [["__scopeId", "data-v-9cfadbae"]]), za = { class: "joy-list-item__left" }, Ja = { class: "joy-font-primary-300 joy-m-0" }, Ma = { class: "joy-list-item__right" }, Pa = /* @__PURE__ */ L({
+}), Cu = /* @__PURE__ */ A(Ma, [["__scopeId", "data-v-19a65db4"]]), Pa = { class: "joy-list-item__left" }, Fa = { class: "joy-font-primary-300 joy-m-0" }, Oa = { class: "joy-list-item__right" }, Da = /* @__PURE__ */ L({
   __name: "VJoyListItem",
   props: {
     icon: {}
@@ -3732,25 +3750,25 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         justify: "space-between"
       }, {
         default: z(() => [
-          h("div", za, [
-            t.icon ? (c(), I(N, {
+          h("div", Pa, [
+            t.icon ? (c(), T(N, {
               key: 0,
               class: "joy-p-3 joy-list-item__left-icon",
               name: t.icon
-            }, null, 8, ["name"])) : _("", !0),
-            h("p", Ja, [
-              w(t.$slots, "list-item-left", {}, void 0, !0)
+            }, null, 8, ["name"])) : w("", !0),
+            h("p", Fa, [
+              _(t.$slots, "list-item-left", {}, void 0, !0)
             ])
           ]),
-          h("div", Ma, [
-            w(t.$slots, "list-item-right", {}, void 0, !0)
+          h("div", Oa, [
+            _(t.$slots, "list-item-right", {}, void 0, !0)
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), ju = /* @__PURE__ */ A(Pa, [["__scopeId", "data-v-6c3750f0"]]), Fa = ["tabindex", "aria-activedescendant", "aria-label"], Oa = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Da = { "aria-hidden": "true" }, Ra = /* @__PURE__ */ L({
+}), Vu = /* @__PURE__ */ A(Da, [["__scopeId", "data-v-6c3750f0"]]), Ra = ["tabindex", "aria-activedescendant", "aria-label"], Na = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], qa = { "aria-hidden": "true" }, Ha = /* @__PURE__ */ L({
   __name: "VJoyMenu",
   props: {
     /**
@@ -3821,7 +3839,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       }, [
         (c(!0), b(W, null, U(e.items, (v) => Ke((c(), b("li", {
           key: v.label,
-          class: T([
+          class: I([
             "joy-menu-list__item",
             {
               "joy-menu-list__item--current": v.current,
@@ -3837,24 +3855,24 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           role: "menuitem",
           onClick: (g) => r(v)
         }, [
-          h("div", Da, [
-            w(f.$slots, "menu-item", H({ ref_for: !0 }, v), () => [
-              v.icon ? (c(), I(N, {
+          h("div", qa, [
+            _(f.$slots, "menu-item", H({ ref_for: !0 }, v), () => [
+              v.icon ? (c(), T(N, {
                 key: 0,
                 name: v.icon
-              }, null, 8, ["name"])) : _("", !0),
+              }, null, 8, ["name"])) : w("", !0),
               h("span", null, J(v.label), 1)
             ], !0)
           ])
-        ], 42, Oa)), [
+        ], 42, Na)), [
           [y, { id: u(v) }]
         ])), 128))
-      ], 40, Fa);
+      ], 40, Ra);
     };
   }
-}), ku = /* @__PURE__ */ A(Ra, [["__scopeId", "data-v-895583e2"]]), Na = ["id"], qa = {
-  class: /* @__PURE__ */ T(["joy-multi-checkbox"])
-}, Ha = /* @__PURE__ */ L({
+}), xu = /* @__PURE__ */ A(Ha, [["__scopeId", "data-v-895583e2"]]), Wa = ["id"], Ua = {
+  class: /* @__PURE__ */ I(["joy-multi-checkbox"])
+}, Ga = /* @__PURE__ */ L({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {},
@@ -3880,7 +3898,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       id: a.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      a.label ? (c(), I(Ve, {
+      a.label ? (c(), T(Ve, {
         key: 0,
         "tag-name": "legend",
         required: a.required && a.requiredMark,
@@ -3891,9 +3909,9 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           D(J(a.label), 1)
         ]),
         _: 1
-      }, 8, ["required", "optional-label", "size"])) : _("", !0),
-      h("div", qa, [
-        (c(!0), b(W, null, U(a.options, (s) => (c(), I(Kt, {
+      }, 8, ["required", "optional-label", "size"])) : w("", !0),
+      h("div", Ua, [
+        (c(!0), b(W, null, U(a.options, (s) => (c(), T(Kt, {
           id: s.id,
           key: s.id,
           name: s.name,
@@ -3902,16 +3920,16 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           "onUpdate:checked": (u) => i(s.value, u)
         }, {
           default: z(() => [
-            w(a.$slots, "checkbox", H({ ref_for: !0 }, s), () => [
+            _(a.$slots, "checkbox", H({ ref_for: !0 }, s), () => [
               D(J(s.label), 1)
             ], !0)
           ]),
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, Na));
+    ], 8, Wa));
   }
-}), $u = /* @__PURE__ */ A(Ha, [["__scopeId", "data-v-c82c5828"]]), It = /* @__PURE__ */ L({
+}), Tu = /* @__PURE__ */ A(Ga, [["__scopeId", "data-v-c82c5828"]]), It = /* @__PURE__ */ L({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -3929,7 +3947,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
   },
   emits: ["click"],
   setup(e) {
-    return (t, l) => (c(), I(ne, {
+    return (t, l) => (c(), T(ne, {
       class: "joy-pagination__icon",
       label: e.label,
       title: e.label,
@@ -3942,7 +3960,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       onClick: l[0] || (l[0] = (o) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), Wa = ["aria-label", "data-current"], Ua = ["onClick"], Ga = ["aria-current"], Ya = 6, Ka = /* @__PURE__ */ L({
+}), Ya = ["aria-label", "data-current"], Ka = ["onClick"], Za = ["aria-current"], Xa = 6, Qa = /* @__PURE__ */ L({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -3976,7 +3994,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
     const l = e, o = t, n = V(() => {
       const p = a.value.length;
       return a.value[p - 1] !== a.value[p - 2] + 1;
-    }), i = V(() => a.value[0] !== a.value[1] - 1), a = V(() => l.totalPages === 1 ? [1] : l.totalPages < Ya ? s(2, l.totalPages - 1) : u(l.currentPage));
+    }), i = V(() => a.value[0] !== a.value[1] - 1), a = V(() => l.totalPages === 1 ? [1] : l.totalPages < Xa ? s(2, l.totalPages - 1) : u(l.currentPage));
     function r(p, d) {
       l.currentPage === 1 && d === "prev" || l.currentPage === l.totalPages && d === "next" || o("update:current-page", p);
     }
@@ -4002,7 +4020,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           class: "joy-pagination__item joy-pagination__previous",
           onClick: d[0] || (d[0] = (f) => r(e.currentPage - 1, "prev"))
         }, [
-          w(p.$slots, "pagination-prev", {}, () => [
+          _(p.$slots, "pagination-prev", {}, () => [
             O(It, {
               label: e.labelPrev,
               disabled: e.currentPage === 1
@@ -4013,7 +4031,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           h("ul", null, [
             (c(!0), b(W, null, U(a.value, (f) => (c(), b("li", {
               key: f,
-              class: T({
+              class: I({
                 "joy-pagination__item": !0,
                 "joy-pagination__page": !0,
                 current: f === e.currentPage,
@@ -4022,20 +4040,20 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
               }),
               onClick: (m) => r(f)
             }, [
-              w(p.$slots, "page", H({ ref_for: !0 }, { page: f }), () => [
+              _(p.$slots, "page", H({ ref_for: !0 }, { page: f }), () => [
                 h("button", {
                   type: "button",
                   "aria-current": f === e.currentPage ? "true" : "false"
-                }, J(f), 9, Ga)
+                }, J(f), 9, Za)
               ], !0)
-            ], 10, Ua))), 128))
+            ], 10, Ka))), 128))
           ])
         ]),
         h("li", {
           class: "joy-pagination__next",
           onClick: d[1] || (d[1] = (f) => r(e.currentPage + 1, "next"))
         }, [
-          w(p.$slots, "pagination-next", {}, () => [
+          _(p.$slots, "pagination-next", {}, () => [
             O(It, {
               next: "",
               label: e.labelNext,
@@ -4044,12 +4062,12 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
           ], !0)
         ])
       ])
-    ], 8, Wa));
+    ], 8, Ya));
   }
-}), Su = /* @__PURE__ */ A(Ka, [["__scopeId", "data-v-7e82041f"]]), Za = { class: "joy-screen-loader__content" }, Xa = {
+}), Iu = /* @__PURE__ */ A(Qa, [["__scopeId", "data-v-7e82041f"]]), er = { class: "joy-screen-loader__content" }, tr = {
   key: 0,
   class: "joy-screen-loader__content"
-}, Qa = /* @__PURE__ */ L({
+}, or = /* @__PURE__ */ L({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -4065,33 +4083,33 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
   },
   setup(e) {
     return (t, l) => (c(), b("div", {
-      class: T(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
+      class: I(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      h("div", Za, [
-        w(t.$slots, "spinner", {}, () => [
+      h("div", er, [
+        _(t.$slots, "spinner", {}, () => [
           O(Ut, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (c(), b("div", Xa, [
-          w(t.$slots, "content", {}, void 0, !0)
-        ])) : _("", !0)
+        t.$slots.content ? (c(), b("div", tr, [
+          _(t.$slots, "content", {}, void 0, !0)
+        ])) : w("", !0)
       ])
     ], 2));
   }
-}), Xt = /* @__PURE__ */ A(Qa, [["__scopeId", "data-v-266b7e2a"]]), er = {
+}), Xt = /* @__PURE__ */ A(or, [["__scopeId", "data-v-266b7e2a"]]), nr = {
   key: 0,
-  class: /* @__PURE__ */ T(["joy-panel__header"])
-}, tr = {
+  class: /* @__PURE__ */ I(["joy-panel__header"])
+}, lr = {
   key: 1,
   class: "joy-panel__header-action"
-}, or = {
+}, ar = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, nr = { class: "joy-panel__body" }, lr = {
+}, rr = { class: "joy-panel__body" }, ir = {
   key: 1,
   class: "joy-panel__footer"
-}, ar = /* @__PURE__ */ L({
+}, sr = /* @__PURE__ */ L({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -4128,7 +4146,7 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
       ref_key: "panel",
       ref: n,
       style: ee({ flex: e.flex }),
-      class: T([
+      class: I([
         "joy-panel",
         `joy-panel--${e.padding}`,
         `joy-panel--${e.variant}`,
@@ -4138,72 +4156,72 @@ const ul = { class: "joy-counter" }, dl = ["aria-label", "disabled"], cl = { cla
         }
       ])
     }, [
-      i.value ? (c(), b("header", er, [
+      i.value ? (c(), b("header", nr, [
         o["panel-title"] ? (c(), b("div", {
           key: 0,
-          class: T(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
+          class: I(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
-          w(a.$slots, "panel-title", {}, void 0, !0)
-        ], 2)) : _("", !0),
-        o["panel-title-action"] ? (c(), b("div", tr, [
-          w(a.$slots, "panel-title-action", {}, void 0, !0)
-        ])) : _("", !0),
-        o["panel-subtitle"] ? (c(), b("div", or, [
-          w(a.$slots, "panel-subtitle", {}, void 0, !0)
-        ])) : _("", !0)
-      ])) : _("", !0),
-      h("div", nr, [
-        w(a.$slots, "panel-body", {}, void 0, !0)
+          _(a.$slots, "panel-title", {}, void 0, !0)
+        ], 2)) : w("", !0),
+        o["panel-title-action"] ? (c(), b("div", lr, [
+          _(a.$slots, "panel-title-action", {}, void 0, !0)
+        ])) : w("", !0),
+        o["panel-subtitle"] ? (c(), b("div", ar, [
+          _(a.$slots, "panel-subtitle", {}, void 0, !0)
+        ])) : w("", !0)
+      ])) : w("", !0),
+      h("div", rr, [
+        _(a.$slots, "panel-body", {}, void 0, !0)
       ]),
-      o["panel-action"] ? (c(), b("footer", lr, [
-        w(a.$slots, "panel-action", {}, void 0, !0)
-      ])) : _("", !0),
-      e.loading ? (c(), I(Xt, {
+      o["panel-action"] ? (c(), b("footer", ir, [
+        _(a.$slots, "panel-action", {}, void 0, !0)
+      ])) : w("", !0),
+      e.loading ? (c(), T(Xt, {
         key: 2,
         overlay: "",
         color: e.loadingColor
       }, {
         content: z(() => [
-          w(a.$slots, "panel-loader-content", {}, void 0, !0)
+          _(a.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["color"])) : _("", !0)
+      }, 8, ["color"])) : w("", !0)
     ], 6));
   }
-}), Cu = /* @__PURE__ */ A(ar, [["__scopeId", "data-v-bf00f207"]]), rr = { class: "joy-panel-section" }, ir = {
+}), Lu = /* @__PURE__ */ A(sr, [["__scopeId", "data-v-bf00f207"]]), ur = { class: "joy-panel-section" }, dr = {
   key: 0,
   class: "joy-panel-section__title"
-}, sr = {
+}, cr = {
   key: 1,
   class: "joy-panel-section__content"
-}, ur = /* @__PURE__ */ L({
+}, fr = /* @__PURE__ */ L({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = G();
-    return (l, o) => (c(), b("div", rr, [
-      q(t)["panel-section-title"] ? (c(), b("div", ir, [
-        w(l.$slots, "panel-section-title", {}, void 0, !0)
-      ])) : _("", !0),
-      q(t)["panel-section-content"] ? (c(), b("div", sr, [
-        w(l.$slots, "panel-section-content", {}, void 0, !0)
-      ])) : _("", !0)
+    return (l, o) => (c(), b("div", ur, [
+      q(t)["panel-section-title"] ? (c(), b("div", dr, [
+        _(l.$slots, "panel-section-title", {}, void 0, !0)
+      ])) : w("", !0),
+      q(t)["panel-section-content"] ? (c(), b("div", cr, [
+        _(l.$slots, "panel-section-content", {}, void 0, !0)
+      ])) : w("", !0)
     ]));
   }
-}), Vu = /* @__PURE__ */ A(ur, [["__scopeId", "data-v-d88510ab"]]), dr = {}, cr = { class: "joy-product-tour-spotlight" };
-function fr(e, t) {
-  return c(), b("div", cr);
+}), Bu = /* @__PURE__ */ A(fr, [["__scopeId", "data-v-d88510ab"]]), pr = {}, yr = { class: "joy-product-tour-spotlight" };
+function mr(e, t) {
+  return c(), b("div", yr);
 }
-const pr = /* @__PURE__ */ A(dr, [["render", fr], ["__scopeId", "data-v-fbaf8e78"]]), at = Math.min, yr = Math.max, mr = {
+const vr = /* @__PURE__ */ A(pr, [["render", mr], ["__scopeId", "data-v-fbaf8e78"]]), at = Math.min, hr = Math.max, gr = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, vr = {
+}, br = {
   start: "end",
   end: "start"
 };
 function rt(e, t, l) {
-  return yr(e, at(t, l));
+  return hr(e, at(t, l));
 }
 function je(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -4226,20 +4244,20 @@ function ke(e) {
 function bt(e) {
   return ht(ke(e));
 }
-function hr(e, t, l) {
+function _r(e, t, l) {
   l === void 0 && (l = !1);
   const o = De(e), n = bt(e), i = gt(n);
   let a = n === "x" ? o === (l ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (a = Ue(a)), [a, Ue(a)];
 }
-function gr(e) {
+function wr(e) {
   const t = Ue(e);
   return [it(e), t, it(t)];
 }
 function it(e) {
-  return e.replace(/start|end/g, (t) => vr[t]);
+  return e.replace(/start|end/g, (t) => br[t]);
 }
-function br(e, t, l) {
+function jr(e, t, l) {
   const o = ["left", "right"], n = ["right", "left"], i = ["top", "bottom"], a = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -4252,15 +4270,15 @@ function br(e, t, l) {
       return [];
   }
 }
-function wr(e, t, l, o) {
+function kr(e, t, l, o) {
   const n = De(e);
-  let i = br(ve(e), l === "start", o);
+  let i = jr(ve(e), l === "start", o);
   return n && (i = i.map((a) => a + "-" + n), t && (i = i.concat(i.map(it)))), i;
 }
 function Ue(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => mr[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => gr[t]);
 }
-function _r(e) {
+function $r(e) {
   return {
     top: 0,
     right: 0,
@@ -4270,7 +4288,7 @@ function _r(e) {
   };
 }
 function Qt(e) {
-  return typeof e != "number" ? _r(e) : {
+  return typeof e != "number" ? $r(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -4343,7 +4361,7 @@ function Lt(e, t, l) {
   }
   return m;
 }
-const jr = async (e, t, l) => {
+const Sr = async (e, t, l) => {
   const {
     placement: o = "bottom",
     strategy: n = "absolute",
@@ -4449,7 +4467,7 @@ async function eo(e, t) {
     right: (B.right - $.right + y.right) / E.x
   };
 }
-const kr = (e) => ({
+const Cr = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -4510,12 +4528,12 @@ const kr = (e) => ({
       } = je(e, t);
       if ((l = i.arrow) != null && l.alignmentOffset)
         return {};
-      const $ = ve(n), j = ke(r), x = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), B = f || (x || !v ? [Ue(r)] : gr(r)), P = y !== "none";
-      !f && P && B.push(...wr(r, v, y, E));
+      const $ = ve(n), j = ke(r), x = ve(r) === r, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), B = f || (x || !v ? [Ue(r)] : wr(r)), P = y !== "none";
+      !f && P && B.push(...kr(r, v, y, E));
       const k = [r, ...B], R = await eo(t, g), S = [];
       let M = ((o = i.flip) == null ? void 0 : o.overflows) || [];
       if (p && S.push(R[$]), d) {
-        const Q = hr(n, a, E);
+        const Q = _r(n, a, E);
         S.push(R[Q[0]], R[Q[1]]);
       }
       if (M = [...M, {
@@ -4566,7 +4584,7 @@ const kr = (e) => ({
     }
   };
 };
-async function $r(e, t) {
+async function Vr(e, t) {
   const {
     placement: l,
     platform: o,
@@ -4605,7 +4623,7 @@ const oo = function(e) {
         y: i,
         placement: a,
         middlewareData: r
-      } = t, s = await $r(t, e);
+      } = t, s = await Vr(t, e);
       return a === ((l = r.offset) == null ? void 0 : l.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
         x: n + s.x,
         y: i + s.y,
@@ -4746,23 +4764,23 @@ function Re(e) {
   } = le(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + l) && !["inline", "contents"].includes(n);
 }
-function Sr(e) {
+function xr(e) {
   return ["table", "td", "th"].includes(ge(e));
 }
-function wt(e) {
-  const t = _t(), l = le(e);
+function _t(e) {
+  const t = wt(), l = le(e);
   return l.transform !== "none" || l.perspective !== "none" || (l.containerType ? l.containerType !== "normal" : !1) || !t && (l.backdropFilter ? l.backdropFilter !== "none" : !1) || !t && (l.filter ? l.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (l.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (l.contain || "").includes(o));
 }
-function Cr(e) {
+function Tr(e) {
   let t = Ee(e);
   for (; ie(t) && !tt(t); ) {
-    if (wt(t))
+    if (_t(t))
       return t;
     t = Ee(t);
   }
   return null;
 }
-function _t() {
+function wt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function tt(e) {
@@ -4830,15 +4848,15 @@ function Ae(e) {
     y: r
   };
 }
-const Vr = /* @__PURE__ */ he(0);
+const Ir = /* @__PURE__ */ he(0);
 function so(e) {
   const t = oe(e);
-  return !_t() || !t.visualViewport ? Vr : {
+  return !wt() || !t.visualViewport ? Ir : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function xr(e, t, l) {
+function Lr(e, t, l) {
   return t === void 0 && (t = !1), !l || t && l !== oe(e) ? !1 : t;
 }
 function $e(e, t, l, o) {
@@ -4846,7 +4864,7 @@ function $e(e, t, l, o) {
   const n = e.getBoundingClientRect(), i = jt(e);
   let a = he(1);
   t && (o ? de(o) && (a = Ae(o)) : a = Ae(e));
-  const r = xr(i, l, o) ? so(i) : he(0);
+  const r = Lr(i, l, o) ? so(i) : he(0);
   let s = (n.left + r.x) / a.x, u = (n.top + r.y) / a.y, p = n.width / a.x, d = n.height / a.y;
   if (i) {
     const f = oe(i), m = o && de(o) ? oe(o) : o;
@@ -4863,7 +4881,7 @@ function $e(e, t, l, o) {
     y: u
   });
 }
-function Tr(e) {
+function Br(e) {
   let {
     rect: t,
     offsetParent: l,
@@ -4888,13 +4906,13 @@ function Tr(e) {
     y: t.y * r.y - a.scrollTop * r.y + s.y
   };
 }
-function Ir(e) {
+function Ar(e) {
   return Array.from(e.getClientRects());
 }
 function uo(e) {
   return $e(ce(e)).left + ot(e).scrollLeft;
 }
-function Lr(e) {
+function Er(e) {
   const t = ce(e), l = ot(e), o = e.ownerDocument.body, n = Be(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = Be(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let a = -l.scrollLeft + uo(e);
   const r = -l.scrollTop;
@@ -4905,12 +4923,12 @@ function Lr(e) {
     y: r
   };
 }
-function Br(e, t) {
+function zr(e, t) {
   const l = oe(e), o = ce(e), n = l.visualViewport;
   let i = o.clientWidth, a = o.clientHeight, r = 0, s = 0;
   if (n) {
     i = n.width, a = n.height;
-    const u = _t();
+    const u = wt();
     (!u || u && t === "fixed") && (r = n.offsetLeft, s = n.offsetTop);
   }
   return {
@@ -4920,7 +4938,7 @@ function Br(e, t) {
     y: s
   };
 }
-function Ar(e, t) {
+function Jr(e, t) {
   const l = $e(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, i = ie(e) ? Ae(e) : he(1), a = e.clientWidth * i.x, r = e.clientHeight * i.y, s = n * i.x, u = o * i.y;
   return {
     width: a,
@@ -4932,11 +4950,11 @@ function Ar(e, t) {
 function At(e, t, l) {
   let o;
   if (t === "viewport")
-    o = Br(e, l);
+    o = zr(e, l);
   else if (t === "document")
-    o = Lr(ce(e));
+    o = Er(ce(e));
   else if (de(t))
-    o = Ar(t, l);
+    o = Jr(t, l);
   else {
     const n = so(e);
     o = {
@@ -4951,7 +4969,7 @@ function co(e, t) {
   const l = Ee(e);
   return l === t || !de(l) || tt(l) ? !1 : le(l).position === "fixed" || co(l, t);
 }
-function Er(e, t) {
+function Mr(e, t) {
   const l = t.get(e);
   if (l)
     return l;
@@ -4959,19 +4977,19 @@ function Er(e, t) {
   const i = le(e).position === "fixed";
   let a = i ? Ee(e) : e;
   for (; de(a) && !tt(a); ) {
-    const r = le(a), s = wt(a);
+    const r = le(a), s = _t(a);
     !s && r.position === "fixed" && (n = null), (i ? !s && !n : !s && r.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Re(a) && !s && co(e, a)) ? o = o.filter((p) => p !== a) : n = r, a = Ee(a);
   }
   return t.set(e, o), o;
 }
-function zr(e) {
+function Pr(e) {
   let {
     element: t,
     boundary: l,
     rootBoundary: o,
     strategy: n
   } = e;
-  const a = [...l === "clippingAncestors" ? Er(t, this._c) : [].concat(l), o], r = a[0], s = a.reduce((u, p) => {
+  const a = [...l === "clippingAncestors" ? Mr(t, this._c) : [].concat(l), o], r = a[0], s = a.reduce((u, p) => {
     const d = At(t, p, n);
     return u.top = Be(d.top, u.top), u.right = st(d.right, u.right), u.bottom = st(d.bottom, u.bottom), u.left = Be(d.left, u.left), u;
   }, At(t, r, n));
@@ -4982,10 +5000,10 @@ function zr(e) {
     y: s.top
   };
 }
-function Jr(e) {
+function Fr(e) {
   return io(e);
 }
-function Mr(e, t, l) {
+function Or(e, t, l) {
   const o = ie(t), n = ce(t), i = l === "fixed", a = $e(e, !0, i, t);
   let r = {
     scrollLeft: 0,
@@ -5012,11 +5030,11 @@ function fo(e, t) {
   if (!ie(e))
     return l;
   let o = Et(e, t);
-  for (; o && Sr(o) && le(o).position === "static"; )
+  for (; o && xr(o) && le(o).position === "static"; )
     o = Et(o, t);
-  return o && (ge(o) === "html" || ge(o) === "body" && le(o).position === "static" && !wt(o)) ? l : o || Cr(e) || l;
+  return o && (ge(o) === "html" || ge(o) === "body" && le(o).position === "static" && !_t(o)) ? l : o || Tr(e) || l;
 }
-const Pr = async function(e) {
+const Dr = async function(e) {
   let {
     reference: t,
     floating: l,
@@ -5024,7 +5042,7 @@ const Pr = async function(e) {
   } = e;
   const n = this.getOffsetParent || fo, i = this.getDimensions;
   return {
-    reference: Mr(t, await n(l), o),
+    reference: Or(t, await n(l), o),
     floating: {
       x: 0,
       y: 0,
@@ -5032,22 +5050,22 @@ const Pr = async function(e) {
     }
   };
 };
-function Fr(e) {
+function Rr(e) {
   return le(e).direction === "rtl";
 }
-const Or = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Tr,
+const Nr = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Br,
   getDocumentElement: ce,
-  getClippingRect: zr,
+  getClippingRect: Pr,
   getOffsetParent: fo,
-  getElementRects: Pr,
-  getClientRects: Ir,
-  getDimensions: Jr,
+  getElementRects: Dr,
+  getClientRects: Ar,
+  getDimensions: Fr,
   getScale: Ae,
   isElement: de,
-  isRTL: Fr
+  isRTL: Rr
 };
-function Dr(e, t) {
+function qr(e, t) {
   let l = null, o;
   const n = ce(e);
   function i() {
@@ -5092,7 +5110,7 @@ function Dr(e, t) {
   }
   return a(!0), i;
 }
-function Rr(e, t, l, o) {
+function Hr(e, t, l, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: n = !0,
@@ -5106,7 +5124,7 @@ function Rr(e, t, l, o) {
       passive: !0
     }), i && $.addEventListener("resize", l);
   });
-  const d = u && r ? Dr(u, l) : null;
+  const d = u && r ? qr(u, l) : null;
   let f = -1, m = null;
   a && (m = new ResizeObserver(($) => {
     let [j] = $;
@@ -5126,36 +5144,36 @@ function Rr(e, t, l, o) {
     }), d && d(), m && m.disconnect(), m = null, s && cancelAnimationFrame(y);
   };
 }
-const Nr = (e, t, l) => {
+const Wr = (e, t, l) => {
   const o = /* @__PURE__ */ new Map(), n = {
-    platform: Or,
+    platform: Nr,
     ...l
   }, i = {
     ...n.platform,
     _c: o
   };
-  return jr(e, t, {
+  return Sr(e, t, {
     ...n,
     platform: i
   });
 };
-function qr(e) {
+function Ur(e) {
   return po(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function Hr(e) {
+function Gr(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function po(e) {
-  return e instanceof Node || e instanceof Hr(e).Node;
+  return e instanceof Node || e instanceof Gr(e).Node;
 }
-function Wr(e) {
+function Yr(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function ut(e) {
-  if (Wr(e)) {
+  if (Yr(e)) {
     const t = e.$el;
-    return po(t) && qr(t) === "#comment" ? null : t;
+    return po(t) && Ur(t) === "#comment" ? null : t;
   }
   return e;
 }
@@ -5168,7 +5186,7 @@ function yo(e) {
     options: e,
     fn(t) {
       const l = ut(Ie(e.element));
-      return l == null ? {} : kr({
+      return l == null ? {} : Cr({
         element: l,
         padding: e.padding
       }).fn(t);
@@ -5219,7 +5237,7 @@ function vo(e, t, l) {
   });
   let j;
   function x() {
-    u.value == null || p.value == null || Nr(u.value, p.value, {
+    u.value == null || p.value == null || Wr(u.value, p.value, {
       middleware: i.value,
       placement: a.value,
       strategy: r.value
@@ -5260,7 +5278,7 @@ function vo(e, t, l) {
     update: x
   };
 }
-const Ur = () => {
+const Kr = () => {
   const e = C(null);
   return {
     clearProductTourRef: () => {
@@ -5272,10 +5290,10 @@ const Ur = () => {
     },
     productToursRef: e
   };
-}, ho = Ur(), Gr = { class: "joy-product-tour__content" }, Yr = { class: "joy-product-tour__header" }, Kr = {
+}, ho = Kr(), Zr = { class: "joy-product-tour__content" }, Xr = { class: "joy-product-tour__header" }, Qr = {
   key: 0,
   class: "joy-product-tour__footer"
-}, Zr = { class: "joy-product-tour__footer___steps" }, Xr = "joy-product-tour-spotlight__wrapper", Qr = /* @__PURE__ */ L({
+}, ei = { class: "joy-product-tour__footer___steps" }, ti = "joy-product-tour-spotlight__wrapper", oi = /* @__PURE__ */ L({
   __name: "VJoyProductTourInner",
   props: {
     icon: {},
@@ -5295,7 +5313,7 @@ const Ur = () => {
       vo(s, a, {
         placement: n.position,
         whileElementsMounted(...k) {
-          return Rr(...k, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
+          return Hr(...k, { ancestorResize: !0, ancestorScroll: !0, elementResize: !0 });
         },
         transform: !1,
         middleware: [
@@ -5341,7 +5359,7 @@ const Ur = () => {
       r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", g, { once: !0 }), r.value.style.position = "fixed", r.value.style.top = "0", r.value.style.left = "0", r.value.style.width = "100%", r.value.style.height = "100%", r.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(r.value);
     }
     function x(k) {
-      k && (k.style.position = "relative", k.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = O(pr), p.value = document.createElement("div"), p.value.classList.add(Xr), document.body.appendChild(p.value), kt(u.value, p.value), E());
+      k && (k.style.position = "relative", k.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", u.value = O(vr), p.value = document.createElement("div"), p.value.classList.add(ti), document.body.appendChild(p.value), kt(u.value, p.value), E());
     }
     function E() {
       if (!p.value)
@@ -5380,7 +5398,7 @@ const Ur = () => {
           style: ee(y.value)
         }, null, 4),
         h("div", {
-          class: T([
+          class: I([
             "joy-product-tour",
             `joy-product-tour--${k.position}`,
             {
@@ -5389,17 +5407,17 @@ const Ur = () => {
           ])
         }, [
           h("div", {
-            class: T(["joy-product-tour__banner", { "joy-product-tour__hasBanner": k.$slots["product-tour-banner"] }])
+            class: I(["joy-product-tour__banner", { "joy-product-tour__hasBanner": k.$slots["product-tour-banner"] }])
           }, [
-            w(k.$slots, "product-tour-banner", {}, void 0, !0)
+            _(k.$slots, "product-tour-banner", {}, void 0, !0)
           ], 2),
           h("div", {
-            class: T(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": k.$slots["product-tour-preheader"] }])
+            class: I(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": k.$slots["product-tour-preheader"] }])
           }, [
             h("div", null, [
-              w(k.$slots, "product-tour-preheader", {}, void 0, !0)
+              _(k.$slots, "product-tour-preheader", {}, void 0, !0)
             ]),
-            k.closeButton ? (c(), I(ne, {
+            k.closeButton ? (c(), T(ne, {
               key: 0,
               class: "joy-product-tour__close",
               variant: "white",
@@ -5407,40 +5425,40 @@ const Ur = () => {
               icon: "cross",
               size: "small",
               onClick: g
-            })) : _("", !0)
+            })) : w("", !0)
           ], 2),
-          h("div", Gr, [
-            k.icon ? (c(), I(N, {
+          h("div", Zr, [
+            k.icon ? (c(), T(N, {
               key: 0,
               class: "joy-product-tour__content___icon",
               name: k.icon,
               size: "medium"
-            }, null, 8, ["name"])) : _("", !0),
+            }, null, 8, ["name"])) : w("", !0),
             h("div", null, [
-              h("div", Yr, [
-                w(k.$slots, "product-tour-header", {}, void 0, !0)
+              h("div", Xr, [
+                _(k.$slots, "product-tour-header", {}, void 0, !0)
               ]),
-              w(k.$slots, "product-tour-content", {}, void 0, !0)
+              _(k.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
-          k.$slots["product-tour-dismiss"] || k.$slots["product-tour-next"] ? (c(), b("div", Kr, [
+          k.$slots["product-tour-dismiss"] || k.$slots["product-tour-next"] ? (c(), b("div", Qr, [
             h("div", { onClick: g }, [
-              w(k.$slots, "product-tour-dismiss", {}, void 0, !0)
+              _(k.$slots, "product-tour-dismiss", {}, void 0, !0)
             ]),
-            h("span", Zr, [
+            h("span", ei, [
               k.steps > 1 ? (c(), b(W, { key: 0 }, [
                 D(J(k.step) + "/" + J(k.steps), 1)
-              ], 64)) : _("", !0)
+              ], 64)) : w("", !0)
             ]),
-            w(k.$slots, "product-tour-next", {}, void 0, !0)
-          ])) : _("", !0)
+            _(k.$slots, "product-tour-next", {}, void 0, !0)
+          ])) : w("", !0)
         ], 2)
       ], 4)), [
         [Lo, d.value]
       ]);
     };
   }
-}), ei = /* @__PURE__ */ A(Qr, [["__scopeId", "data-v-76a02680"]]), xu = /* @__PURE__ */ L({
+}), ni = /* @__PURE__ */ A(oi, [["__scopeId", "data-v-76a02680"]]), Au = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VJoyProductTour",
   props: {
@@ -5476,35 +5494,35 @@ const Ur = () => {
     }), t({
       show: d,
       hide: m
-    }), (y, v) => (c(), I(ze, { to: "body" }, [
-      O(ei, H({ ...n, ...p.value }, {
+    }), (y, v) => (c(), T(ze, { to: "body" }, [
+      O(ni, H({ ...n, ...p.value }, {
         ref_key: "productTour",
         ref: s,
         "onProductTour:hide": f
       }), {
         "product-tour-banner": z(() => [
-          w(y.$slots, "product-tour-banner")
+          _(y.$slots, "product-tour-banner")
         ]),
         "product-tour-preheader": z(() => [
-          w(y.$slots, "product-tour-preheader")
+          _(y.$slots, "product-tour-preheader")
         ]),
         "product-tour-header": z(() => [
-          w(y.$slots, "product-tour-header")
+          _(y.$slots, "product-tour-header")
         ]),
         "product-tour-content": z(() => [
-          w(y.$slots, "product-tour-content")
+          _(y.$slots, "product-tour-content")
         ]),
         "product-tour-dismiss": z(() => [
-          w(y.$slots, "product-tour-dismiss")
+          _(y.$slots, "product-tour-dismiss")
         ]),
         "product-tour-next": z(() => [
-          w(y.$slots, "product-tour-next")
+          _(y.$slots, "product-tour-next")
         ]),
         _: 3
       }, 16)
     ]));
   }
-}), Tu = /* @__PURE__ */ L({
+}), Eu = /* @__PURE__ */ L({
   __name: "VJoyProductTourTrigger",
   props: {
     productTour: {}
@@ -5516,15 +5534,15 @@ const Ur = () => {
       var s;
       o("click"), n.value && ((s = n.value) == null || s.show());
     }
-    return (s, u) => (c(!0), b(W, null, U(a.value, (p) => (c(), I(X(p), {
+    return (s, u) => (c(!0), b(W, null, U(a.value, (p) => (c(), T(X(p), {
       key: p,
       onClick: r
     }))), 128));
   }
-}), ti = { class: "joy-progress-bar-wrapper" }, oi = {
+}), li = { class: "joy-progress-bar-wrapper" }, ai = {
   key: 0,
   class: "joy-progress-bar-label joy-font-primary-250"
-}, ni = /* @__PURE__ */ L({
+}, ri = /* @__PURE__ */ L({
   __name: "VJoyProgressBar",
   props: {
     /** import TJoyProgressBarColors */
@@ -5564,25 +5582,25 @@ const Ur = () => {
     return t({
       computeInnerWidth: n,
       computedPercentage: o
-    }), (a, r) => (c(), I(re, {
+    }), (a, r) => (c(), T(re, {
       wrap: "nowrap",
       "column-gap": "1",
       align: "center",
-      class: T([`joy-progress-bar_${e.color}`])
+      class: I([`joy-progress-bar_${e.color}`])
     }, {
       default: z(() => [
-        h("div", ti, [
+        h("div", li, [
           h("div", {
             class: "joy-progress-bar-inner",
             style: ee({ width: n.value })
           }, null, 4)
         ]),
-        e.showLabel && e.percentage ? (c(), b("span", oi, J(e.percentage + "%"), 1)) : _("", !0)
+        e.showLabel && e.percentage ? (c(), b("span", ai, J(e.percentage + "%"), 1)) : w("", !0)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Iu = /* @__PURE__ */ A(ni, [["__scopeId", "data-v-1216eff6"]]), li = ["id", "value", "checked", "disabled", "required", "name"], ai = { class: "joy-radio-label" }, ri = { class: "joy-radio-content__wrapper" }, ii = { class: "joy-radio-content" }, si = /* @__PURE__ */ L({
+}), zu = /* @__PURE__ */ A(ri, [["__scopeId", "data-v-1216eff6"]]), ii = ["id", "value", "checked", "disabled", "required", "name"], si = { class: "joy-radio-label" }, ui = { class: "joy-radio-sublabel" }, di = { class: "joy-radio-content__wrapper" }, ci = { class: "joy-radio-content" }, fi = /* @__PURE__ */ L({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -5599,7 +5617,6 @@ const Ur = () => {
       type: Boolean,
       default: !1
     },
-    // ...FORM_BASED_PROPS,
     modelValue: {
       type: [String, Number]
     },
@@ -5642,7 +5659,7 @@ const Ur = () => {
     }), (v, g) => (c(), b("label", {
       ref_key: "root",
       ref: r,
-      class: T([
+      class: I([
         "joy-radio",
         `joy-radio--${e.theme}`,
         {
@@ -5664,25 +5681,28 @@ const Ur = () => {
         onChange: f,
         onFocus: m,
         onBlur: y
-      }, null, 40, li),
-      h("span", ai, [
-        w(v.$slots, "default", {}, void 0, !0)
+      }, null, 40, ii),
+      h("span", si, [
+        _(v.$slots, "default", {}, void 0, !0)
       ]),
-      h("div", ri, [
-        h("div", ii, [
-          w(v.$slots, "radio-content", {}, void 0, !0)
-        ]),
+      h("div", ui, [
+        _(v.$slots, "radio-sublabel", {}, void 0, !0)
+      ]),
+      h("div", di, [
         h("div", {
           ref_key: "expandableElement",
           ref: s,
-          class: T(["joy-radio-expandable", { "joy-radio-expandable--expanded": i.value }])
+          class: I(["joy-radio-expandable", { "joy-radio-expandable--expanded": i.value }])
         }, [
-          w(v.$slots, "expandable-content", {}, void 0, !0)
-        ], 2)
+          _(v.$slots, "expandable-content", {}, void 0, !0)
+        ], 2),
+        h("div", ci, [
+          _(v.$slots, "radio-content", {}, void 0, !0)
+        ])
       ])
     ], 2));
   }
-}), Lu = /* @__PURE__ */ A(si, [["__scopeId", "data-v-d684b26e"]]), ui = ["form", "name"], di = /* @__PURE__ */ L({
+}), Ju = /* @__PURE__ */ A(fi, [["__scopeId", "data-v-1c293b61"]]), pi = ["form", "name"], yi = /* @__PURE__ */ L({
   __name: "VJoyRadioGroup",
   props: {
     direction: { default: "horizontal" },
@@ -5697,15 +5717,15 @@ const Ur = () => {
       form: t.form,
       name: t.name
     }, [
-      w(t.$slots, "radio-group-legend", {}, void 0, !0),
+      _(t.$slots, "radio-group-legend", {}, void 0, !0),
       h("div", {
-        class: T(["joy-radio-group-container", `joy-radio-group-${t.direction}`])
+        class: I(["joy-radio-group-container", `joy-radio-group-${t.direction}`])
       }, [
-        w(t.$slots, "default", {}, void 0, !0)
+        _(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, ui));
+    ], 8, pi));
   }
-}), Bu = /* @__PURE__ */ A(di, [["__scopeId", "data-v-ac4dd24e"]]), ci = ["ariaLabel"], fi = { class: "joy-rating-stars" }, pi = { class: "joy-rating-stars__content" }, yi = { key: 0 }, mi = /* @__PURE__ */ L({
+}), Mu = /* @__PURE__ */ A(yi, [["__scopeId", "data-v-ac4dd24e"]]), mi = ["aria-label"], vi = { class: "joy-rating-stars" }, hi = { class: "joy-rating-stars__content" }, gi = { key: 0 }, bi = /* @__PURE__ */ L({
   __name: "VJoyRatingStars",
   props: {
     /** Between 0 and 5 */
@@ -5735,24 +5755,24 @@ const Ur = () => {
     }), (i, a) => (c(), b("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
-      ariaLabel: q(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
+      "aria-label": q(o).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      h("ul", fi, [
+      h("ul", vi, [
         (c(!0), b(W, null, U(n.value, (r, s) => (c(), b("li", {
           key: s,
-          class: T([`joy-rating-stars--${e.size}`])
+          class: I([`joy-rating-stars--${e.size}`])
         }, [
-          r === "full" ? (c(), I(N, {
+          r === "full" ? (c(), T(N, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : r === "half" ? (c(), I(N, {
+          })) : r === "half" ? (c(), T(N, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (c(), I(N, {
+          })) : (c(), T(N, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -5760,14 +5780,14 @@ const Ur = () => {
           }))
         ], 2))), 128))
       ]),
-      h("div", pi, [
-        w(i.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (c(), b("span", yi, "(" + J(e.reviewCount) + ")", 1)) : _("", !0)
+      h("div", hi, [
+        _(i.$slots, "rating-stars-content", {}, () => [
+          e.reviewCount ? (c(), b("span", gi, "(" + J(e.reviewCount) + ")", 1)) : w("", !0)
         ], !0)
       ])
-    ], 8, ci));
+    ], 8, mi));
   }
-}), vi = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-4c9a1026"]]), hi = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], gi = ["selected"], bi = /* @__PURE__ */ L({
+}), _i = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-df20c585"]]), wi = ["id", "name", "aria-label", "aria-invalid", "required", "disabled"], ji = ["selected"], ki = /* @__PURE__ */ L({
   __name: "VJoySelect",
   props: {
     /** aria-label is available only if 'label' property is undefined **/
@@ -5865,8 +5885,8 @@ const Ur = () => {
       ref_key: "root",
       ref: s
     }, [
-      w(v.$slots, "select-label", {}, () => [
-        e.label ? (c(), I(Ve, {
+      _(v.$slots, "select-label", {}, () => [
+        e.label ? (c(), T(Ve, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
@@ -5877,10 +5897,10 @@ const Ur = () => {
             D(J(e.label), 1)
           ]),
           _: 1
-        }, 8, ["required", "optional-label", "for", "size"])) : _("", !0)
+        }, 8, ["required", "optional-label", "for", "size"])) : w("", !0)
       ], !0),
       h("div", {
-        class: T([
+        class: I([
           `joy-select--${e.size}`,
           {
             "joy-select__wrapper": !0,
@@ -5911,9 +5931,9 @@ const Ur = () => {
               ref_for: !0
             }, $.props, {
               selected: ((x = $.props) == null ? void 0 : x.value) === e.modelValue
-            }), J($.children), 17, gi);
+            }), J($.children), 17, ji);
           }), 128))
-        ], 40, hi),
+        ], 40, wi),
         O(N, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -5921,7 +5941,7 @@ const Ur = () => {
       ], 2)
     ], 512));
   }
-}), Au = /* @__PURE__ */ A(bi, [["__scopeId", "data-v-b92cc9ce"]]), wi = ["aria-disabled"], _i = ["id", "value", "checked", "disabled", "required", "name"], ji = { class: "joy-selectable-item__label" }, ki = /* @__PURE__ */ L({
+}), Pu = /* @__PURE__ */ A(ki, [["__scopeId", "data-v-b92cc9ce"]]), $i = ["aria-disabled"], Si = ["id", "value", "checked", "disabled", "required", "name"], Ci = { class: "joy-selectable-item__label" }, Vi = /* @__PURE__ */ L({
   __name: "VJoySelectableItem",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -5960,7 +5980,7 @@ const Ur = () => {
       l("update:checked", d);
     }
     return (d, f) => (c(), b("div", {
-      class: T([
+      class: I([
         "joy-selectable-item__wrapper",
         {
           "joy-selectable-item--focusing": a.value
@@ -5970,7 +5990,7 @@ const Ur = () => {
       onClick: f[5] || (f[5] = //@ts-ignore
       (...m) => u.onClick && u.onClick(...m))
     }, [
-      d.multiple ? _("", !0) : (c(), b("input", {
+      d.multiple ? w("", !0) : (c(), b("input", {
         key: 0,
         id: s.value,
         ref_key: "inputRadio",
@@ -5987,10 +6007,10 @@ const Ur = () => {
         (...m) => u.onFocus && u.onFocus(...m)),
         onBlur: f[2] || (f[2] = //@ts-ignore
         (...m) => u.onBlur && u.onBlur(...m))
-      }, null, 40, _i)),
-      (c(), I(X(q(r)), {
+      }, null, 40, Si)),
+      (c(), T(X(q(r)), {
         for: s.value,
-        class: T([
+        class: I([
           "joy-selectable-item",
           [`joy-selectable-item--${d.variant}`],
           {
@@ -6003,7 +6023,7 @@ const Ur = () => {
         onClick: u.onLabelClick
       }, {
         default: z(() => [
-          d.multiple ? (c(), I(Kt, {
+          d.multiple ? (c(), T(Kt, {
             key: 0,
             id: s.value,
             checked: d.checked,
@@ -6017,26 +6037,26 @@ const Ur = () => {
             "onUpdate:checked": p
           }, {
             default: z(() => [
-              w(d.$slots, "default", {}, void 0, !0)
+              _(d.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          }, 8, ["id", "checked", "disabled", "value", "name", "required"])) : _("", !0),
-          h("div", ji, [
-            d.multiple ? _("", !0) : w(d.$slots, "default", { key: 0 }, void 0, !0)
+          }, 8, ["id", "checked", "disabled", "value", "name", "required"])) : w("", !0),
+          h("div", Ci, [
+            d.multiple ? w("", !0) : _(d.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           h("div", {
-            class: T([{ "joy-selectable-item__sublabel": d.$slots["selectable-item-sublabel"] }])
+            class: I([{ "joy-selectable-item__sublabel": d.$slots["selectable-item-sublabel"] }])
           }, [
-            w(d.$slots, "selectable-item-sublabel", {}, () => [
+            _(d.$slots, "selectable-item-sublabel", {}, () => [
               D(J(d.subLabel), 1)
             ], !0)
           ], 2)
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, wi));
+    ], 10, $i));
   }
-}), $i = /* @__PURE__ */ A(ki, [["__scopeId", "data-v-ce43afb6"]]), Si = ["id"], Ci = /* @__PURE__ */ L({
+}), xi = /* @__PURE__ */ A(Vi, [["__scopeId", "data-v-70d887b2"]]), Ti = ["id"], Ii = /* @__PURE__ */ L({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {},
@@ -6071,7 +6091,7 @@ const Ur = () => {
       id: r.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      r.label ? (c(), I(Ve, {
+      r.label ? (c(), T(Ve, {
         key: 0,
         "tag-name": "legend",
         required: r.required && r.requiredMark,
@@ -6082,9 +6102,9 @@ const Ur = () => {
           D(J(r.label), 1)
         ]),
         _: 1
-      }, 8, ["required", "optional-label", "size"])) : _("", !0),
+      }, 8, ["required", "optional-label", "size"])) : w("", !0),
       h("div", {
-        class: T([
+        class: I([
           "joy-selectable-item-group",
           {
             "joy-selectable-item-group--multiple": r.multiple,
@@ -6093,7 +6113,7 @@ const Ur = () => {
           }
         ])
       }, [
-        (c(!0), b(W, null, U(r.options, (u) => (c(), I($i, H({ ref_for: !0 }, u.attrs, {
+        (c(!0), b(W, null, U(r.options, (u) => (c(), T(xi, H({ ref_for: !0 }, u.attrs, {
           id: u.id,
           key: u.id,
           name: u.name,
@@ -6105,7 +6125,7 @@ const Ur = () => {
           "onUpdate:checked": (p) => i(a(u), p)
         }), ft({
           default: z(() => [
-            w(r.$slots, "item", H({ ref_for: !0 }, u), () => [
+            _(r.$slots, "item", H({ ref_for: !0 }, u), () => [
               D(J(r.labelKey && u[r.labelKey] || u.label), 1)
             ], !0)
           ]),
@@ -6120,9 +6140,9 @@ const Ur = () => {
           } : void 0
         ]), 1040, ["id", "name", "disabled", "value", "multiple", "variant", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, Si));
+    ], 8, Ti));
   }
-}), Eu = /* @__PURE__ */ A(Ci, [["__scopeId", "data-v-55121685"]]), Vi = /* @__PURE__ */ L({
+}), Fu = /* @__PURE__ */ A(Ii, [["__scopeId", "data-v-55121685"]]), Li = /* @__PURE__ */ L({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -6136,15 +6156,15 @@ const Ur = () => {
   },
   setup(e) {
     return (t, l) => (c(), b("div", {
-      class: T(["joy-separator", { "joy-separator__small": e.size === "small" }])
+      class: I(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
       h("span", null, J(e.text), 1)
     ], 2));
   }
-}), zu = /* @__PURE__ */ A(Vi, [["__scopeId", "data-v-21db2899"]]), xi = ["id"], Ti = { class: "joy-step__stroke" }, Ii = {
+}), Ou = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-21db2899"]]), Bi = ["id"], Ai = { class: "joy-step__stroke" }, Ei = {
   key: 0,
   class: "joy-step__label"
-}, Li = /* @__PURE__ */ L({
+}, zi = /* @__PURE__ */ L({
   __name: "VJoyStep",
   props: {
     /** Set it to completed to change it's color */
@@ -6186,7 +6206,7 @@ const Ur = () => {
       progress: a
     }), (u, p) => (c(), b("div", {
       id: e.id,
-      class: T([
+      class: I([
         "joy-step",
         `joy-step--size-${e.size}`,
         {
@@ -6195,7 +6215,7 @@ const Ur = () => {
         }
       ])
     }, [
-      h("span", Ti, [
+      h("span", Ai, [
         h("span", {
           class: "joy-step__stroke--filled",
           style: ee({ maxWidth: a.value })
@@ -6203,15 +6223,15 @@ const Ur = () => {
       ]),
       O(ct, { name: "joy-step__label" }, {
         default: z(() => [
-          e.showLabel ? (c(), b("span", Ii, [
-            w(u.$slots, "default", {}, void 0, !0)
-          ])) : _("", !0)
+          e.showLabel ? (c(), b("span", Ei, [
+            _(u.$slots, "default", {}, void 0, !0)
+          ])) : w("", !0)
         ]),
         _: 3
       })
-    ], 10, xi));
+    ], 10, Bi));
   }
-}), Bi = /* @__PURE__ */ A(Li, [["__scopeId", "data-v-3820cdf3"]]), Ai = { class: "joy-stepper" }, Ei = /* @__PURE__ */ L({
+}), Ji = /* @__PURE__ */ A(zi, [["__scopeId", "data-v-3820cdf3"]]), Mi = { class: "joy-stepper" }, Pi = /* @__PURE__ */ L({
   __name: "VJoyStepper",
   props: {
     /** Current step value */
@@ -6242,10 +6262,10 @@ const Ur = () => {
       currentItemSubStep: u,
       steps: i,
       invalidSubStepValue: s
-    }), (f, m) => (c(), b("div", Ai, [
+    }), (f, m) => (c(), b("div", Mi, [
       (c(!0), b(W, null, U(i.value, (y, v) => {
         var g;
-        return c(), I(Bi, H({ ref_for: !0 }, y.props, {
+        return c(), T(Ji, H({ ref_for: !0 }, y.props, {
           key: (g = y.props) == null ? void 0 : g.id,
           completed: v < e.step - 1,
           "current-sub-step": d(v),
@@ -6254,7 +6274,7 @@ const Ur = () => {
           default: z(() => {
             var $;
             return [
-              ($ = y.children) != null && $.default ? (c(), I(X(y.children.default), { key: 0 })) : _("", !0)
+              ($ = y.children) != null && $.default ? (c(), T(X(y.children.default), { key: 0 })) : w("", !0)
             ];
           }),
           _: 2
@@ -6262,7 +6282,7 @@ const Ur = () => {
       }), 128))
     ]));
   }
-}), Ju = /* @__PURE__ */ A(Ei, [["__scopeId", "data-v-22705668"]]), zi = ["id", "aria-hidden", "aria-labelledby"], Ji = /* @__PURE__ */ L({
+}), Du = /* @__PURE__ */ A(Pi, [["__scopeId", "data-v-22705668"]]), Fi = ["id", "aria-hidden", "aria-labelledby"], Oi = /* @__PURE__ */ L({
   __name: "VJoyTab",
   props: {
     /**
@@ -6299,18 +6319,18 @@ const Ur = () => {
       role: "tabpanel",
       "aria-hidden": o.value ? void 0 : "true",
       "aria-labelledby": `joy-tab-${e.tab}`,
-      class: T({
+      class: I({
         "joy-tab": !0,
         "joy-tab__selected": o.value
       })
     }, [
-      w(n.$slots, "default", {}, void 0, !0)
-    ], 10, zi));
+      _(n.$slots, "default", {}, void 0, !0)
+    ], 10, Fi));
   }
-}), Mu = /* @__PURE__ */ A(Ji, [["__scopeId", "data-v-a76a7c92"]]), Mi = ["id", "href", "aria-selected", "aria-controls"], Pi = {
+}), Ru = /* @__PURE__ */ A(Oi, [["__scopeId", "data-v-a76a7c92"]]), Di = ["id", "href", "aria-selected", "aria-controls"], Ri = {
   type: "button",
   tabindex: "-1"
-}, Fi = /* @__PURE__ */ L({
+}, Ni = /* @__PURE__ */ L({
   __name: "TabButton",
   props: {
     /**
@@ -6365,26 +6385,26 @@ const Ur = () => {
       onKeydown: s[0] || (s[0] = (u) => a(u))
     }, [
       h("div", {
-        class: T({
+        class: I({
           "joy-tab-button": !0,
           "joy-tab-button__selected": e.selected
         })
       }, [
-        h("button", Pi, [
-          w(r.$slots, "default", {}, () => [
+        h("button", Ri, [
+          _(r.$slots, "default", {}, () => [
             D(J(e.label), 1)
           ], !0),
-          n.value ? (c(), I(cn, {
+          n.value ? (c(), T(cn, {
             key: 0,
             class: "joy-tab-button_notifications",
             variant: "red",
             number: e.notifications
-          }, null, 8, ["number"])) : _("", !0)
+          }, null, 8, ["number"])) : w("", !0)
         ])
       ], 2)
-    ], 40, Mi));
+    ], 40, Di));
   }
-}), Oi = /* @__PURE__ */ A(Fi, [["__scopeId", "data-v-8424823d"]]), Di = { class: "joy-tabs" }, Ri = /* @__PURE__ */ L({
+}), qi = /* @__PURE__ */ A(Ni, [["__scopeId", "data-v-8424823d"]]), Hi = { class: "joy-tabs" }, Wi = /* @__PURE__ */ L({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -6427,11 +6447,11 @@ const Ur = () => {
       (g = s.value) == null || g.removeEventListener("scroll", y);
     }), t({
       tabs: d
-    }), (g, $) => (c(), b("div", Di, [
+    }), (g, $) => (c(), b("div", Hi, [
       h("div", {
         ref_key: "buttonListWrapper",
         ref: r,
-        class: T({
+        class: I({
           "joy-tabs-buttons__wrapper": !0,
           "joy-tabs-buttons__wrapper--scroll-end": u.value,
           "joy-tabs-buttons__wrapper--scroll-start": p.value
@@ -6446,7 +6466,7 @@ const Ur = () => {
           (c(!0), b(W, null, U(d.value, (j) => (c(), b("div", {
             key: j.props.tab
           }, [
-            O(Oi, {
+            O(qi, {
               tab: j.props.tab,
               label: j.props.label,
               href: j.props.href,
@@ -6457,7 +6477,7 @@ const Ur = () => {
               default: z(() => {
                 var x;
                 return [
-                  (x = j.children) != null && x.header ? (c(), I(X(j.children.header), { key: 0 })) : _("", !0)
+                  (x = j.children) != null && x.header ? (c(), T(X(j.children.header), { key: 0 })) : w("", !0)
                 ];
               }),
               _: 2
@@ -6466,11 +6486,11 @@ const Ur = () => {
         ], 512)
       ], 2),
       h("div", null, [
-        w(g.$slots, "default", {}, void 0, !0)
+        _(g.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-}), Pu = /* @__PURE__ */ A(Ri, [["__scopeId", "data-v-9aea2d41"]]), Ni = ["id", "role"], qi = /* @__PURE__ */ L({
+}), Nu = /* @__PURE__ */ A(Wi, [["__scopeId", "data-v-9aea2d41"]]), Ui = ["id", "role"], Gi = /* @__PURE__ */ L({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -6506,20 +6526,20 @@ const Ur = () => {
     }
     return (p, d) => (c(), b("span", {
       id: r.value,
-      class: T([i.value]),
+      class: I([i.value]),
       role: p.link || p.selectable ? "button" : void 0,
       onClick: u
     }, [
-      w(p.$slots, "default", {}, () => [
-        p.draggable ? (c(), I(N, {
+      _(p.$slots, "default", {}, () => [
+        p.draggable ? (c(), T(N, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
           size: "xxsmall"
-        })) : _("", !0),
+        })) : w("", !0),
         D(" " + J(p.label), 1)
       ], !0),
-      p.removable ? (c(), I(N, {
+      p.removable ? (c(), T(N, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
@@ -6527,10 +6547,10 @@ const Ur = () => {
         role: "button",
         onClick: Bo(s, ["stop"]),
         onKeydown: Oe(s, ["enter"])
-      })) : _("", !0)
-    ], 10, Ni));
+      })) : w("", !0)
+    ], 10, Ui));
   }
-}), go = /* @__PURE__ */ A(qi, [["__scopeId", "data-v-9c079536"]]);
+}), go = /* @__PURE__ */ A(Gi, [["__scopeId", "data-v-42bcf9a1"]]);
 var be = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(be || {});
 function Jt(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -6543,7 +6563,7 @@ function Jt(e) {
       return o;
   }) === void 0 : t(e);
 }
-const Hi = { class: "joy-tags-input__wrapper" }, Wi = ["id", "name", "placeholder"], Ui = { key: 0 }, Gi = { key: 1 }, Yi = /* @__PURE__ */ L({
+const Yi = { class: "joy-tags-input__wrapper" }, Ki = ["id", "name", "placeholder"], Zi = { key: 0 }, Xi = { key: 1 }, Qi = /* @__PURE__ */ L({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -6635,19 +6655,19 @@ const Hi = { class: "joy-tags-input__wrapper" }, Wi = ["id", "name", "placeholde
     ), t({
       isInvalid: s,
       hasDuplicates: v
-    }), (S, M) => (c(), b("div", Hi, [
-      S.$slots.default ? (c(), I(Ve, {
+    }), (S, M) => (c(), b("div", Yi, [
+      S.$slots.default ? (c(), T(Ve, {
         key: 0,
         id: S.name,
         class: "joy-tags-input__label"
       }, {
         default: z(() => [
-          w(S.$slots, "default", {}, void 0, !0)
+          _(S.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["id"])) : _("", !0),
+      }, 8, ["id"])) : w("", !0),
       h("div", {
-        class: T([
+        class: I([
           "joy-tags-input__inner",
           {
             "joy-tags-input__inner--focused": a.value,
@@ -6655,7 +6675,7 @@ const Hi = { class: "joy-tags-input__wrapper" }, Wi = ["id", "name", "placeholde
           }
         ])
       }, [
-        (c(!0), b(W, null, U(i.value, (F) => (c(), I(go, {
+        (c(!0), b(W, null, U(i.value, (F) => (c(), T(go, {
           key: F,
           variant: S.variant,
           removable: !0,
@@ -6665,7 +6685,7 @@ const Hi = { class: "joy-tags-input__wrapper" }, Wi = ["id", "name", "placeholde
           onRemove: P
         }, {
           default: z(() => [
-            w(S.$slots, "tag", H({ ref_for: !0 }, { name: F }), void 0, !0)
+            _(S.$slots, "tag", H({ ref_for: !0 }, { name: F }), void 0, !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
@@ -6679,23 +6699,23 @@ const Hi = { class: "joy-tags-input__wrapper" }, Wi = ["id", "name", "placeholde
           onKeydown: x,
           onFocus: E,
           onBlur: B
-        }, null, 40, Wi)
+        }, null, 40, Ki)
       ], 2),
-      m.value ? (c(), I(mt, {
+      m.value ? (c(), T(mt, {
         key: 1,
         class: "joy-tags-input__error"
       }, {
         default: z(() => [
           h("ul", null, [
-            f.value ? (c(), b("li", Ui, J(S.duplicationError), 1)) : _("", !0),
-            d.value ? (c(), b("li", Gi, J(S.invalidEmailError), 1)) : _("", !0)
+            f.value ? (c(), b("li", Zi, J(S.duplicationError), 1)) : w("", !0),
+            d.value ? (c(), b("li", Xi, J(S.invalidEmailError), 1)) : w("", !0)
           ])
         ]),
         _: 1
-      })) : _("", !0)
+      })) : w("", !0)
     ]));
   }
-}), Fu = /* @__PURE__ */ A(Yi, [["__scopeId", "data-v-f00760e9"]]), Ki = /* @__PURE__ */ L({
+}), qu = /* @__PURE__ */ A(Qi, [["__scopeId", "data-v-f00760e9"]]), es = /* @__PURE__ */ L({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -6749,9 +6769,9 @@ const Hi = { class: "joy-tags-input__wrapper" }, Wi = ["id", "name", "placeholde
       l("removeTag", u.value);
     }
     return (u, p) => (c(), b("div", {
-      class: T(["joy-tags-list", `joy-tags-list--${e.align}`])
+      class: I(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (c(!0), b(W, null, U(e.tags, (d) => (c(), I(go, H({
+      (c(!0), b(W, null, U(e.tags, (d) => (c(), T(go, H({
         key: d.value || d.label,
         ref_for: !0
       }, d, {
@@ -6763,7 +6783,7 @@ const Hi = { class: "joy-tags-input__wrapper" }, Wi = ["id", "name", "placeholde
         onSelected: (f) => r(f, d)
       }), {
         default: z(() => [
-          w(u.$slots, "tag", H({ ref_for: !0 }, {
+          _(u.$slots, "tag", H({ ref_for: !0 }, {
             ...d,
             selectable: i(d),
             selected: n(d),
@@ -6774,36 +6794,36 @@ const Hi = { class: "joy-tags-input__wrapper" }, Wi = ["id", "name", "placeholde
       }, 1040, ["selectable", "removable", "variant", "selected", "onSelected"]))), 128))
     ], 2));
   }
-}), Ou = /* @__PURE__ */ A(Ki, [["__scopeId", "data-v-1d8003ef"]]), Zi = {}, Xi = {
-  class: /* @__PURE__ */ T(["joy-template-shape__shapes"])
+}), Hu = /* @__PURE__ */ A(es, [["__scopeId", "data-v-1d8003ef"]]), ts = {}, os = {
+  class: /* @__PURE__ */ I(["joy-template-shape__shapes"])
 };
-function Qi(e, t) {
-  return c(), b("div", Xi, t[0] || (t[0] = [
+function ns(e, t) {
+  return c(), b("div", os, t[0] || (t[0] = [
     Dt('<div class="shapes__wrapper" data-v-da63aa46><div class="shape_1" data-v-da63aa46></div><div class="shape_2" data-v-da63aa46></div><div class="shape_3" data-v-da63aa46></div><div class="shape_4" data-v-da63aa46></div></div>', 1)
   ]));
 }
-const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46"]]), ts = { class: "joy-template__wrapper" }, os = {
+const ls = /* @__PURE__ */ A(ts, [["render", ns], ["__scopeId", "data-v-da63aa46"]]), as = { class: "joy-template__wrapper" }, rs = {
   key: 0,
   class: "joy-template__heading"
-}, ns = {
+}, is = {
   key: 0,
   class: "joy-template-slot-back"
-}, ls = { class: "joy-template__heading___headings" }, as = {
+}, ss = { class: "joy-template__heading___headings" }, us = {
   key: 0,
   class: "joy-template-slot-title"
-}, rs = {
+}, ds = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, is = {
+}, cs = {
   key: 1,
   class: "joy-template-slot-actions"
-}, ss = {
+}, fs = {
   key: 0,
   class: "joy-template-slot-main"
-}, us = {
+}, ps = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, ds = /* @__PURE__ */ L({
+}, ys = /* @__PURE__ */ L({
   __name: "VJoyTemplate",
   props: {
     /** Takes 100% of free space */
@@ -6826,55 +6846,55 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
   setup(e) {
     const t = e, l = G(), o = V(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"] || !!l["template-actions"]);
     return (n, i) => (c(), b("div", {
-      class: T(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
+      class: I(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (c(), I(es, { key: 0 })) : _("", !0),
-      h("div", ts, [
-        o.value ? (c(), b("div", os, [
-          l["template-back"] ? (c(), b("div", ns, [
-            w(n.$slots, "template-back", {}, void 0, !0)
-          ])) : _("", !0),
-          h("div", ls, [
-            l["template-title"] ? (c(), b("div", as, [
-              w(n.$slots, "template-title", {}, void 0, !0)
-            ])) : _("", !0),
-            l["template-subtitle"] ? (c(), b("div", rs, [
-              w(n.$slots, "template-subtitle", {}, void 0, !0)
-            ])) : _("", !0)
+      e.shapes ? (c(), T(ls, { key: 0 })) : w("", !0),
+      h("div", as, [
+        o.value ? (c(), b("div", rs, [
+          l["template-back"] ? (c(), b("div", is, [
+            _(n.$slots, "template-back", {}, void 0, !0)
+          ])) : w("", !0),
+          h("div", ss, [
+            l["template-title"] ? (c(), b("div", us, [
+              _(n.$slots, "template-title", {}, void 0, !0)
+            ])) : w("", !0),
+            l["template-subtitle"] ? (c(), b("div", ds, [
+              _(n.$slots, "template-subtitle", {}, void 0, !0)
+            ])) : w("", !0)
           ]),
-          l["template-actions"] ? (c(), b("div", is, [
-            w(n.$slots, "template-actions", {}, void 0, !0)
-          ])) : _("", !0)
-        ])) : _("", !0),
+          l["template-actions"] ? (c(), b("div", cs, [
+            _(n.$slots, "template-actions", {}, void 0, !0)
+          ])) : w("", !0)
+        ])) : w("", !0),
         h("div", {
-          class: T([
+          class: I([
             "joy-template__content",
             {
               "joy-template__content--reverse": t.sidebar === "left"
             }
           ])
         }, [
-          n.$slots["template-main"] ? (c(), b("div", ss, [
-            w(n.$slots, "template-main", {}, void 0, !0)
-          ])) : _("", !0),
-          n.$slots["template-sidebar"] ? (c(), b("div", us, [
-            w(n.$slots, "template-sidebar", {}, void 0, !0)
-          ])) : _("", !0)
+          n.$slots["template-main"] ? (c(), b("div", fs, [
+            _(n.$slots, "template-main", {}, void 0, !0)
+          ])) : w("", !0),
+          n.$slots["template-sidebar"] ? (c(), b("div", ps, [
+            _(n.$slots, "template-sidebar", {}, void 0, !0)
+          ])) : w("", !0)
         ], 2)
       ]),
-      e.loading ? (c(), I(Xt, {
+      e.loading ? (c(), T(Xt, {
         key: 1,
         overlay: "",
         color: e.loadingColor
       }, {
         content: z(() => [
-          w(n.$slots, "template-loader-content", {}, void 0, !0)
+          _(n.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["color"])) : _("", !0)
+      }, 8, ["color"])) : w("", !0)
     ], 2));
   }
-}), Du = /* @__PURE__ */ A(ds, [["__scopeId", "data-v-8e1d59ca"]]), cs = /* @__PURE__ */ L({
+}), Wu = /* @__PURE__ */ A(ys, [["__scopeId", "data-v-8e1d59ca"]]), ms = /* @__PURE__ */ L({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -6889,22 +6909,22 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e) {
-    return (t, l) => (c(), I(X(e.tagName), {
-      class: T(`joy-text joy-font-${e.preset}`)
+    return (t, l) => (c(), T(X(e.tagName), {
+      class: I(`joy-text joy-font-${e.preset}`)
     }, {
       default: z(() => [
-        w(t.$slots, "default", {}, void 0, !0)
+        _(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), Ru = /* @__PURE__ */ A(cs, [["__scopeId", "data-v-6295f9ec"]]), fs = ["aria-disabled"], ps = { class: "joy-textarea_wrapper" }, ys = ["id", "disabled", "name", "required", "minlength", "value"], ms = {
+}), Uu = /* @__PURE__ */ A(ms, [["__scopeId", "data-v-6295f9ec"]]), vs = ["aria-disabled"], hs = { class: "joy-textarea_wrapper" }, gs = ["id", "disabled", "name", "required", "minlength", "value"], bs = {
   key: 1,
   class: "joy-textarea_helpers"
-}, vs = {
+}, _s = {
   inheritAttrs: !1
-}, hs = /* @__PURE__ */ L({
-  ...vs,
+}, ws = /* @__PURE__ */ L({
+  ..._s,
   __name: "VJoyTextarea",
   props: {
     autofocus: {
@@ -6999,7 +7019,7 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
       eventHandlers: m
     }), (y, v) => (c(), b("div", {
       "aria-disabled": e.disabled,
-      class: T([
+      class: I([
         "joy-textarea",
         {
           "joy-textarea_invalid": s.value || e.invalid,
@@ -7009,7 +7029,7 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
         }
       ])
     }, [
-      f.value ? (c(), I(Ve, {
+      f.value ? (c(), T(Ve, {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
@@ -7017,13 +7037,13 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
         size: e.labelSize
       }, {
         default: z(() => [
-          w(y.$slots, "default", {}, () => [
+          _(y.$slots, "default", {}, () => [
             D(J(e.label), 1)
           ], !0)
         ]),
         _: 3
-      }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
-      h("div", ps, [
+      }, 8, ["for", "required", "optional-label", "size"])) : w("", !0),
+      h("div", hs, [
         h("textarea", H(y.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -7042,45 +7062,45 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
           (...g) => m.onFocus && m.onFocus(...g)),
           onBlur: v[3] || (v[3] = //@ts-ignore
           (...g) => m.onBlur && m.onBlur(...g))
-        }), null, 16, ys)
+        }), null, 16, gs)
       ]),
-      e.minlength || e.maxlength ? (c(), b("div", ms, [
+      e.minlength || e.maxlength ? (c(), b("div", bs, [
         e.minlength ? (c(), b("p", {
           key: 0,
-          class: T(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
+          class: I(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          d.value ? _("", !0) : (c(), I(N, {
+          d.value ? w("", !0) : (c(), T(N, {
             key: 0,
             name: "check",
             color: "neutral",
             size: "xxsmall"
           })),
           D(" " + J(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
-        ], 2)) : _("", !0),
+        ], 2)) : w("", !0),
         e.maxlength ? (c(), b("p", {
           key: 1,
-          class: T(["joy-textarea-count", { "joy-textarea-count-invalid": p.value }])
-        }, J(e.modelValue.length + "/" + e.maxlength), 3)) : _("", !0)
-      ])) : _("", !0)
-    ], 10, fs));
+          class: I(["joy-textarea-count", { "joy-textarea-count-invalid": p.value }])
+        }, J(e.modelValue.length + "/" + e.maxlength), 3)) : w("", !0)
+      ])) : w("", !0)
+    ], 10, vs));
   }
-}), Nu = /* @__PURE__ */ A(hs, [["__scopeId", "data-v-52e4553a"]]), gs = /* @__PURE__ */ L({
+}), Gu = /* @__PURE__ */ A(ws, [["__scopeId", "data-v-52e4553a"]]), js = /* @__PURE__ */ L({
   __name: "VJoyTitleBrand",
   props: {
     tag: { default: "p" }
   },
   setup(e) {
-    return (t, l) => (c(), I(X(t.tag), { class: "joy-title-brand joy-font-secondary-200" }, {
+    return (t, l) => (c(), T(X(t.tag), { class: "joy-title-brand joy-font-secondary-200" }, {
       default: z(() => [
-        w(t.$slots, "default", {}, void 0, !0)
+        _(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }));
   }
-}), qu = /* @__PURE__ */ A(gs, [["__scopeId", "data-v-f63a2545"]]), bs = { class: "joy-toggle__wrapper" }, ws = ["name", "disabled", "checked", "required", "aria-checked", "value"], _s = { class: "joy-toggle__content" }, js = { class: "joy-toggle__content-label" }, ks = {
+}), Yu = /* @__PURE__ */ A(js, [["__scopeId", "data-v-f63a2545"]]), ks = { class: "joy-toggle__wrapper" }, $s = ["name", "disabled", "checked", "required", "aria-checked", "value"], Ss = { class: "joy-toggle__content" }, Cs = { class: "joy-toggle__content-label" }, Vs = {
   key: 0,
   class: "joy-toggle__smile"
-}, $s = /* @__PURE__ */ L({
+}, xs = /* @__PURE__ */ L({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -7132,9 +7152,9 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
         o.value = !1;
       }
     };
-    return (i, a) => (c(), b("div", bs, [
+    return (i, a) => (c(), b("div", ks, [
       h("label", {
-        class: T([
+        class: I([
           "joy-toggle",
           "joy-toggle__" + e.variant,
           {
@@ -7161,15 +7181,15 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
           (...r) => n.onFocus && n.onFocus(...r)),
           onBlur: a[2] || (a[2] = //@ts-ignore
           (...r) => n.onBlur && n.onBlur(...r))
-        }, null, 40, ws),
-        h("p", _s, [
+        }, null, 40, $s),
+        h("p", Ss, [
           a[4] || (a[4] = h("span", { class: "joy-toggle__symbol" }, null, -1)),
-          h("span", js, [
-            w(i.$slots, "default", {}, () => [
+          h("span", Cs, [
+            _(i.$slots, "default", {}, () => [
               D(J(e.label), 1)
             ], !0)
           ]),
-          e.variant === "default" ? (c(), b("span", ks, a[3] || (a[3] = [
+          e.variant === "default" ? (c(), b("span", Vs, a[3] || (a[3] = [
             h("svg", {
               width: "18",
               height: "10",
@@ -7182,7 +7202,7 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
                 fill: "currentColor"
               })
             ], -1)
-          ]))) : (c(), I(N, {
+          ]))) : (c(), T(N, {
             key: 1,
             name: "eye",
             class: "joy-toggle__icon"
@@ -7191,7 +7211,7 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
       ], 2)
     ]));
   }
-}), Hu = /* @__PURE__ */ A($s, [["__scopeId", "data-v-9f8d9f48"]]), Ss = ["aria-describedby"], Cs = ["id"], Vs = /* @__PURE__ */ L({
+}), Ku = /* @__PURE__ */ A(xs, [["__scopeId", "data-v-9f8d9f48"]]), Ts = ["aria-describedby"], Is = ["id"], Ls = /* @__PURE__ */ L({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -7295,7 +7315,7 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
     }), t({
       tooltipVisible: n,
       tooltip: r
-    }), ($, j) => (c(), I(q(yt), {
+    }), ($, j) => (c(), T(q(yt), {
       ref: "tooltipClickOutside",
       class: "joy-tooltip__click-outside",
       options: p.value,
@@ -7314,15 +7334,15 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
             onMouseleave: m,
             onKeydown: j[0] || (j[0] = Oe((E) => v(!1), ["tab"]))
           }, [
-            w($.$slots, "default", {}, void 0, !0),
-            (c(), I(ze, { to: "body" }, [
+            _($.$slots, "default", {}, void 0, !0),
+            (c(), T(ze, { to: "body" }, [
               n.value && d.value ? (c(), b("div", {
                 key: 0,
                 id: e.id,
                 ref_key: "tooltip",
                 ref: r,
                 role: "tooltip",
-                class: T([
+                class: I([
                   "joy-tooltip__content",
                   `joy-tooltip--${e.variant}`,
                   {
@@ -7342,19 +7362,19 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
                   ref: a,
                   class: "joy-tooltip__content__inner"
                 }, [
-                  w($.$slots, "tooltip-content", {}, () => [
+                  _($.$slots, "tooltip-content", {}, () => [
                     D(J(e.text), 1)
                   ], !0)
                 ], 512)
-              ], 14, Cs)) : _("", !0)
+              ], 14, Is)) : w("", !0)
             ]))
-          ], 40, Ss)
+          ], 40, Ts)
         ];
       }),
       _: 3
     }, 8, ["options"]));
   }
-}), Wu = /* @__PURE__ */ A(Vs, [["__scopeId", "data-v-14c89471"]]), xs = { class: "joy-user-card__picture" }, Ts = { class: "joy-user-card__informations" }, Is = { class: "joy-user-card__title" }, Ls = { class: "joy-user-card__subtitle" }, Bs = /* @__PURE__ */ L({
+}), Zu = /* @__PURE__ */ A(Ls, [["__scopeId", "data-v-14c89471"]]), Bs = { class: "joy-user-card__picture" }, As = { class: "joy-user-card__informations" }, Es = { class: "joy-user-card__title" }, zs = { class: "joy-user-card__subtitle" }, Js = /* @__PURE__ */ L({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -7381,52 +7401,52 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
     }
   },
   setup(e) {
-    return (t, l) => (c(), I(X(e.link ? "a" : "div"), H({
+    return (t, l) => (c(), T(X(e.link ? "a" : "div"), H({
       class: "joy-user-card",
       href: e.link,
       title: e.fullName
     }, t.$attrs), {
       default: z(() => [
-        h("div", xs, [
-          w(t.$slots, "user-card-avatar", {}, () => [
+        h("div", Bs, [
+          _(t.$slots, "user-card-avatar", {}, () => [
             O(an, {
               "photo-url": e.photoUrl,
               "full-name": e.fullName
             }, null, 8, ["photo-url", "full-name"])
           ], !0)
         ]),
-        h("div", Ts, [
-          h("p", Is, [
-            w(t.$slots, "user-card-title", {}, () => [
+        h("div", As, [
+          h("p", Es, [
+            _(t.$slots, "user-card-title", {}, () => [
               D(J(e.fullName), 1)
             ], !0)
           ]),
-          h("p", Ls, [
-            w(t.$slots, "user-card-subtitle", {}, () => [
+          h("p", zs, [
+            _(t.$slots, "user-card-subtitle", {}, () => [
               D(J(e.subTitle), 1)
             ], !0)
           ]),
-          w(t.$slots, "user-card-rating-stars", {}, () => [
-            e.ratingValue ? (c(), I(vi, {
+          _(t.$slots, "user-card-rating-stars", {}, () => [
+            e.ratingValue ? (c(), T(_i, {
               key: 0,
               "rating-value": e.ratingValue
-            }, null, 8, ["rating-value"])) : _("", !0)
+            }, null, 8, ["rating-value"])) : w("", !0)
           ], !0),
           h("div", null, [
-            w(t.$slots, "default", {}, void 0, !0)
+            _(t.$slots, "default", {}, void 0, !0)
           ])
         ])
       ]),
       _: 3
     }, 16, ["href", "title"]));
   }
-}), Uu = /* @__PURE__ */ A(Bs, [["__scopeId", "data-v-86acec3a"]]), As = { class: "joy-walkthrough-trigger__content" }, Es = {
+}), Xu = /* @__PURE__ */ A(Js, [["__scopeId", "data-v-86acec3a"]]), Ms = { class: "joy-walkthrough-trigger__content" }, Ps = {
   key: 0,
   class: "joy-pr-3"
-}, zs = {
+}, Fs = {
   key: 1,
   class: "joy-pl-3"
-}, Js = /* @__PURE__ */ L({
+}, Os = /* @__PURE__ */ L({
   __name: "VJoyWalkthroughTrigger",
   props: {
     icon: {},
@@ -7443,15 +7463,15 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
         class: "joy-walkthrough-trigger joy-bgcolor-neutral-60 joy-core-radius-5",
         onClick: n[0] || (n[0] = (a) => l.value = !l.value)
       }), [
-        o.icon ? (c(), I(N, {
+        o.icon ? (c(), T(N, {
           key: 0,
           color: "white",
           class: "joy-walkthrough-trigger__icon joy-mr-3",
           name: o.icon
-        }, null, 8, ["name"])) : _("", !0),
-        h("div", As, [
-          o.title ? (c(), b("span", Es, J(o.title), 1)) : _("", !0),
-          o.subtitle ? (c(), b("span", zs, J(o.subtitle), 1)) : _("", !0)
+        }, null, 8, ["name"])) : w("", !0),
+        h("div", Ms, [
+          o.title ? (c(), b("span", Ps, J(o.title), 1)) : w("", !0),
+          o.subtitle ? (c(), b("span", Fs, J(o.subtitle), 1)) : w("", !0)
         ]),
         O(N, {
           class: "joy-ml-3",
@@ -7463,16 +7483,16 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
       ]);
     };
   }
-}), Ms = /* @__PURE__ */ A(Js, [["__scopeId", "data-v-56824d11"]]), Ps = { class: "joy-walkthrough-modal__illustration" }, Fs = { class: "joy-walkthrough-modal__content___titles" }, Os = { class: "joy-walkthrough-modal__content___title" }, Ds = { class: "joy-walkthrough-modal__content___subtitle" }, Rs = {
+}), Ds = /* @__PURE__ */ A(Os, [["__scopeId", "data-v-56824d11"]]), Rs = { class: "joy-walkthrough-modal__illustration" }, Ns = { class: "joy-walkthrough-modal__content___titles" }, qs = { class: "joy-walkthrough-modal__content___title" }, Hs = { class: "joy-walkthrough-modal__content___subtitle" }, Ws = {
   key: 0,
   class: "joy-mt-4"
-}, Ns = {
+}, Us = {
   key: 1,
   class: "joy-mt-4 joy-walkthrough-modal__content-inner"
-}, qs = {
+}, Gs = {
   type: "button",
   class: "joy-walkthrough-modal__footer-button joy-color-secondary-50 joy-font-primary-300"
-}, Hs = /* @__PURE__ */ L({
+}, Ys = /* @__PURE__ */ L({
   __name: "VJoyWalkthrough",
   props: {
     open: { type: Boolean, default: !1 },
@@ -7509,12 +7529,12 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
       }
     ), t({
       isOpen: a
-    }), (f, m) => (c(), I(ze, {
+    }), (f, m) => (c(), T(ze, {
       to: "body",
       disabled: f.disableTeleport
     }, [
       h("div", {
-        class: T(["joy-walkthrough joy-core-radius-4", { "joy-walkthrough--collapsed": !a.value }])
+        class: I(["joy-walkthrough joy-core-radius-4", { "joy-walkthrough--collapsed": !a.value }])
       }, [
         a.value ? (c(), b("div", H({ key: 0 }, f.$attrs, {
           class: ["joy-walkthrough-modal joy-core-elevation-4", { "joy-walkthrough-modal--hiding": r.value }]
@@ -7526,11 +7546,11 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
             onClick: u
           }, {
             default: z(() => [
-              f.triggerIcon ? (c(), I(N, {
+              f.triggerIcon ? (c(), T(N, {
                 key: 0,
                 color: "white",
                 name: f.triggerIcon
-              }, null, 8, ["name"])) : _("", !0),
+              }, null, 8, ["name"])) : w("", !0),
               O(re, {
                 justify: "space-between",
                 class: "joy-walkthrough-modal__title",
@@ -7549,43 +7569,43 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
             _: 1
           }),
           h("div", {
-            class: T(["joy-walkthrough-modal__content joy-p-6", { "joy-walkthrough-modal__content--with-footer": f.footer }])
+            class: I(["joy-walkthrough-modal__content joy-p-6", { "joy-walkthrough-modal__content--with-footer": f.footer }])
           }, [
             O(re, {
               "no-margin": "",
               wrap: "nowrap"
             }, {
               default: z(() => [
-                h("div", Ps, [
-                  w(f.$slots, "walkthrough-illustration", {}, void 0, !0)
+                h("div", Rs, [
+                  _(f.$slots, "walkthrough-illustration", {}, void 0, !0)
                 ]),
-                h("div", Fs, [
-                  h("div", Os, [
-                    w(f.$slots, "walkthrough-title", {}, void 0, !0)
+                h("div", Ns, [
+                  h("div", qs, [
+                    _(f.$slots, "walkthrough-title", {}, void 0, !0)
                   ]),
-                  h("div", Ds, [
-                    w(f.$slots, "walkthrough-subtitle", {}, void 0, !0)
+                  h("div", Hs, [
+                    _(f.$slots, "walkthrough-subtitle", {}, void 0, !0)
                   ])
                 ])
               ]),
               _: 3
             }),
-            f.$slots["walkthrough-progress"] ? (c(), b("div", Rs, [
-              w(f.$slots, "walkthrough-progress", {}, void 0, !0)
-            ])) : _("", !0),
-            f.$slots["walkthrough-content"] ? (c(), b("div", Ns, [
-              w(f.$slots, "walkthrough-content", {}, void 0, !0)
-            ])) : _("", !0)
+            f.$slots["walkthrough-progress"] ? (c(), b("div", Ws, [
+              _(f.$slots, "walkthrough-progress", {}, void 0, !0)
+            ])) : w("", !0),
+            f.$slots["walkthrough-content"] ? (c(), b("div", Us, [
+              _(f.$slots, "walkthrough-content", {}, void 0, !0)
+            ])) : w("", !0)
           ], 2),
           f.footer ? (c(), b("div", {
             key: 0,
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: p
           }, [
-            h("button", qs, J(f.footer), 1)
-          ])) : _("", !0)
-        ], 16)) : _("", !0),
-        a.value ? _("", !0) : (c(), I(Ms, H({ key: 1 }, f.triggerAttrs, {
+            h("button", Gs, J(f.footer), 1)
+          ])) : w("", !0)
+        ], 16)) : w("", !0),
+        a.value ? w("", !0) : (c(), T(Ds, H({ key: 1 }, f.triggerAttrs, {
           title: f.triggerTitle,
           subtitle: f.triggerSubtitle,
           icon: f.triggerIcon,
@@ -7595,90 +7615,91 @@ const es = /* @__PURE__ */ A(Zi, [["render", Qi], ["__scopeId", "data-v-da63aa46
       ], 2)
     ], 8, ["disabled"]));
   }
-}), Gu = /* @__PURE__ */ A(Hs, [["__scopeId", "data-v-c1a50091"]]), Yu = {
+}), Qu = /* @__PURE__ */ A(Ys, [["__scopeId", "data-v-c1a50091"]]), ed = {
   install: (e) => {
     typeof window < "u" && Wt(), e.directive("joy-ripple", Rt), e.directive("bind-once", Mo);
   }
 };
 export {
-  Yu as JoyVueLightPlugin,
-  Ys as VJoyAdminBanner,
-  Ks as VJoyAvailability,
+  ed as JoyVueLightPlugin,
+  Qs as VJoyAdminBanner,
+  eu as VJoyAvailability,
   an as VJoyAvatar,
-  Zs as VJoyAvatarsList,
+  tu as VJoyAvatarsList,
   cn as VJoyBadge,
-  Xs as VJoyBadgeLevel,
-  Qs as VJoyBlockSkeleton,
-  eu as VJoyBottomSheet,
-  tu as VJoyBottomSheetTrigger,
+  ou as VJoyBadgeLevel,
+  nu as VJoyBlockSkeleton,
+  lu as VJoyBottomSheet,
+  au as VJoyBottomSheetTrigger,
   ne as VJoyButton,
   Kt as VJoyCheckbox,
-  ou as VJoyCollapse,
+  ru as VJoyCollapse,
   Xn as VJoyCollapseItem,
-  nu as VJoyCompanyAvatar,
-  lu as VJoyCounter,
-  au as VJoyDialog,
-  ru as VJoyDialogTrigger,
-  iu as VJoyDividerCta,
+  iu as VJoyCompanyAvatar,
+  su as VJoyCounter,
+  uu as VJoyDialog,
+  du as VJoyDialogTrigger,
+  cu as VJoyDividerCta,
   Ct as VJoyDot,
-  su as VJoyDrawer,
-  uu as VJoyDrawerTrigger,
-  du as VJoyDropdown,
+  fu as VJoyDrawer,
+  pu as VJoyDrawerTrigger,
+  yu as VJoyDropdown,
   Nl as VJoyDropdownList,
-  cu as VJoyDropzone,
-  fu as VJoyFilterBar,
-  pu as VJoyFilterBarButton,
+  mu as VJoyDropzone,
+  vu as VJoyFilterBar,
+  hu as VJoyFilterBarButton,
   mt as VJoyFormError,
-  yu as VJoyFormFieldSkeleton,
-  mu as VJoyFunnel,
-  vu as VJoyFunnelFooter,
-  hu as VJoyHeader,
-  gu as VJoyHighlight,
+  gu as VJoyFormFieldSkeleton,
+  bu as VJoyFunnel,
+  _u as VJoyFunnelFooter,
+  wu as VJoyFunnelHeader,
+  ju as VJoyHeader,
+  ku as VJoyHighlight,
   N as VJoyIcon,
-  Va as VJoyIndicator,
-  bu as VJoyIndicators,
-  wu as VJoyInput,
+  La as VJoyIndicator,
+  $u as VJoyIndicators,
+  Su as VJoyInput,
   Ve as VJoyLabel,
-  _u as VJoyLink,
-  ju as VJoyListItem,
-  ku as VJoyMenu,
-  $u as VJoyMultiCheckbox,
-  Su as VJoyPagination,
-  Cu as VJoyPanel,
-  Vu as VJoyPanelSection,
-  xu as VJoyProductTour,
-  Tu as VJoyProductTourTrigger,
-  Iu as VJoyProgressBar,
-  Lu as VJoyRadio,
-  Bu as VJoyRadioGroup,
-  vi as VJoyRatingStars,
+  Cu as VJoyLink,
+  Vu as VJoyListItem,
+  xu as VJoyMenu,
+  Tu as VJoyMultiCheckbox,
+  Iu as VJoyPagination,
+  Lu as VJoyPanel,
+  Bu as VJoyPanelSection,
+  Au as VJoyProductTour,
+  Eu as VJoyProductTourTrigger,
+  zu as VJoyProgressBar,
+  Ju as VJoyRadio,
+  Mu as VJoyRadioGroup,
+  _i as VJoyRatingStars,
   Xt as VJoyScreenLoader,
-  Au as VJoySelect,
-  $i as VJoySelectableItem,
-  Eu as VJoySelectableItemGroup,
-  zu as VJoySeparator,
+  Pu as VJoySelect,
+  xi as VJoySelectableItem,
+  Fu as VJoySelectableItemGroup,
+  Ou as VJoySeparator,
   Ho as VJoySnackbar,
   Ut as VJoySpinner,
-  Bi as VJoyStep,
-  Ju as VJoyStepper,
-  Mu as VJoyTab,
-  Pu as VJoyTabs,
+  Ji as VJoyStep,
+  Du as VJoyStepper,
+  Ru as VJoyTab,
+  Nu as VJoyTabs,
   go as VJoyTag,
-  Fu as VJoyTagsInput,
-  Ou as VJoyTagsList,
-  Du as VJoyTemplate,
-  es as VJoyTemplateShape,
-  Ru as VJoyText,
-  Nu as VJoyTextarea,
-  qu as VJoyTitleBrand,
-  Hu as VJoyToggle,
-  Wu as VJoyTooltip,
-  Uu as VJoyUserCard,
-  Gu as VJoyWalkthrough,
-  Ms as VJoyWalkthroughTrigger,
+  qu as VJoyTagsInput,
+  Hu as VJoyTagsList,
+  Wu as VJoyTemplate,
+  ls as VJoyTemplateShape,
+  Uu as VJoyText,
+  Gu as VJoyTextarea,
+  Yu as VJoyTitleBrand,
+  Ku as VJoyToggle,
+  Zu as VJoyTooltip,
+  Xu as VJoyUserCard,
+  Qu as VJoyWalkthrough,
+  Ds as VJoyWalkthroughTrigger,
   re as VJoyWrapper,
   Wt as createAllSnackbarsContainer,
-  Gs as pushVJoySnackbar,
-  Us as resetCount,
+  Xs as pushVJoySnackbar,
+  Zs as resetCount,
   Rt as vJoyRipple
 };