@maltjoy/core-vue 3.15.5 → 3.16.1

package/dist/joy-vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as j, computed as V, openBlock as d, createElementBlock as m, normalizeClass as S, createElementVNode as _, Fragment as D, createTextVNode as B, toDisplayString as C, createCommentVNode as b, createBlock as x, resolveDynamicComponent as ne, mergeProps as Z, withCtx as O, pushScopeId as he, popScopeId as we, renderSlot as g, unref as k, renderList as G, createStaticVNode as lt, useAttrs as Se, resolveDirective as _t, withDirectives as bt, ref as w, createVNode as R, getCurrentScope as gt, onScopeDispose as ht, getCurrentInstance as wt, onMounted as Q, nextTick as at, watch as E, h as St, reactive as ve, onBeforeUnmount as je, normalizeStyle as K, normalizeProps as se, guardReactiveProps as ue, provide as $e, createSlots as nt, inject as de, useSlots as Y, onBeforeMount as jt, withModifiers as $t } from "vue";
-const kt = ["title"], Vt = /* @__PURE__ */ j({
+import { defineComponent as S, computed as x, openBlock as n, createElementBlock as c, normalizeClass as h, createElementVNode as y, Fragment as q, createTextVNode as C, toDisplayString as I, createCommentVNode as g, createBlock as V, resolveDynamicComponent as G, mergeProps as R, withCtx as B, pushScopeId as ae, popScopeId as le, renderSlot as _, unref as w, renderList as P, createStaticVNode as ne, useAttrs as oe, resolveDirective as Ne, withDirectives as Re, ref as k, createVNode as A, getCurrentScope as He, onScopeDispose as De, getCurrentInstance as We, onMounted as H, nextTick as Ue, watch as F, h as Ge, onBeforeUnmount as ie, normalizeStyle as N, normalizeProps as Z, guardReactiveProps as Q, provide as se, createSlots as Ce, inject as Y, useSlots as M, onBeforeMount as Ke, withModifiers as Ze } from "vue";
+const Qe = ["title"], Ye = /* @__PURE__ */ S({
   __name: "VJoyAvailability",
   props: {
     /** Don't fill it and you'll only have the colored dot */
@@ -14,30 +14,30 @@ const kt = ["title"], Vt = /* @__PURE__ */ j({
     isPartial: Boolean
   },
   setup(e) {
-    const l = e, t = V(() => ({
+    const l = e, t = x(() => ({
       "joy-availability__dot": !0,
       "joy-availability--partial": l.isPartial,
       [l.status]: !0
     }));
-    return (a, n) => (d(), m("div", {
-      class: S(["joy-availability", { "joy-availability-has-label": !!e.label }]),
+    return (a, i) => (n(), c("div", {
+      class: h(["joy-availability", { "joy-availability-has-label": !!e.label }]),
       title: e.label || void 0
     }, [
-      _("span", {
-        class: S(t.value)
+      y("span", {
+        class: h(t.value)
       }, null, 2),
-      e.label ? (d(), m(D, { key: 0 }, [
-        B(C(e.label), 1)
-      ], 64)) : b("", !0)
-    ], 10, kt));
+      e.label ? (n(), c(q, { key: 0 }, [
+        C(I(e.label), 1)
+      ], 64)) : g("", !0)
+    ], 10, Qe));
   }
 });
 const $ = (e, l) => {
   const t = e.__vccOpts || e;
-  for (const [a, n] of l)
-    t[a] = n;
+  for (const [a, i] of l)
+    t[a] = i;
   return t;
-}, xt = /* @__PURE__ */ $(Vt, [["__scopeId", "data-v-34b760ee"]]), T = /* @__PURE__ */ j({
+}, Xe = /* @__PURE__ */ $(Ye, [["__scopeId", "data-v-3452c6e7"]]), J = /* @__PURE__ */ S({
   __name: "VJoyIcon",
   props: {
     name: {
@@ -54,27 +54,27 @@ const $ = (e, l) => {
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("span", {
-      class: S(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`])
+    return (l, t) => (n(), c("span", {
+      class: h(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`])
     }, [
-      _("i", {
-        class: S(["icon", `icon-${e.name}`])
+      y("i", {
+        class: h(["icon", `icon-${e.name}`])
       }, null, 2)
     ], 2));
   }
 });
-const It = (e) => (he("data-v-b3dcdecc"), e = e(), we(), e), Ct = {
+const et = (e) => (ae("data-v-bcb28746"), e = e(), le(), e), tt = {
   ref: "avatarEl",
   class: "joy-avatar__wrapper"
-}, Lt = ["src", "title", "alt"], Bt = {
+}, at = ["src", "title", "alt"], lt = {
   key: 0,
   class: "joy-avatar__strategy"
-}, Ot = ["height"], Tt = /* @__PURE__ */ It(() => /* @__PURE__ */ _("path", {
+}, nt = ["height"], ot = /* @__PURE__ */ et(() => /* @__PURE__ */ y("path", {
   d: "M6.40531 15.88C5.29156 15.88 4.31531 15.6737 3.47656 15.2612C2.63781 14.8487 1.98469 14.2644 1.51719 13.5081C1.04969 12.7519 0.809061 11.8719 0.795311 10.8681L4.01281 10.3525C4.01281 11.2188 4.25344 11.9131 4.73469 12.4356C5.21594 12.9581 5.82781 13.2194 6.57031 13.2194C7.16156 13.2194 7.63594 13.0612 7.99344 12.745C8.36469 12.4288 8.55031 12.0231 8.55031 11.5281C8.55031 11.1156 8.40594 10.7719 8.11719 10.4969C7.84219 10.2081 7.38844 9.95375 6.75594 9.73375L4.96156 9.15625C3.65531 8.7575 2.70656 8.21438 2.11531 7.52687C1.53781 6.83937 1.24906 5.93187 1.24906 4.80437C1.24906 3.47062 1.68219 2.39812 2.54844 1.58687C3.41469 0.775624 4.63156 0.369999 6.19906 0.369999C7.65656 0.369999 8.83219 0.768749 9.72594 1.56625C10.6197 2.35 11.0803 3.41562 11.1078 4.76312L7.97281 5.36125C7.98656 4.64625 7.82156 4.07562 7.47781 3.64937C7.13406 3.20937 6.68719 2.98937 6.13719 2.98937C5.65594 2.98937 5.26406 3.14062 4.96156 3.44313C4.65906 3.73187 4.50781 4.10312 4.50781 4.55687C4.50781 4.99687 4.64531 5.36125 4.92031 5.65C5.20906 5.925 5.67656 6.15875 6.32281 6.35125L8.03469 6.92875C9.36844 7.3275 10.3309 7.87063 10.9222 8.55812C11.5272 9.23188 11.8297 10.1325 11.8297 11.26C11.8297 12.1538 11.6166 12.9513 11.1903 13.6525C10.7641 14.3538 10.1453 14.9038 9.33406 15.3025C8.52281 15.6875 7.54656 15.88 6.40531 15.88Z",
   fill: "#F7F7F5"
-}, null, -1)), Jt = [
-  Tt
-], Et = /* @__PURE__ */ j({
+}, null, -1)), it = [
+  ot
+], st = /* @__PURE__ */ S({
   __name: "VJoyAvatar",
   props: {
     /** 3 different sizes of avatar */
@@ -103,85 +103,85 @@ const It = (e) => (he("data-v-b3dcdecc"), e = e(), we(), e), Ct = {
   },
   emits: ["click"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = V(() => a.size === "large" ? "medium" : a.size === "medium" ? "small" : a.size === "small" ? "xsmall" : "small"), r = V(() => a.link ? {
+    const a = e, i = x(() => a.size === "large" ? "medium" : a.size === "medium" ? "small" : a.size === "small" ? "xsmall" : "small"), s = x(() => a.link ? {
       type: "button"
-    } : null), i = V(() => ({
+    } : null), u = x(() => ({
       "joy-avatar": !0,
       "joy-avatar__link": a.link,
       "joy-avatar__placeholder": o.value,
       [`joy-avatar__${a.size}`]: !0,
       [`joy-avatar__${a.color}`]: !0
-    })), o = V(() => !a.fullName && !a.photoUrl && !a.totalNumber), y = V(() => {
-      function f(c) {
-        return c.replace(/[';,:()]/g, "").charAt(0);
+    })), o = x(() => !a.fullName && !a.photoUrl && !a.totalNumber), m = x(() => {
+      function p(f) {
+        return f.replace(/[';,:()]/g, "").charAt(0);
       }
-      let u = a.fullName.split(" ");
-      return u = u.slice(0, 2), u.forEach((c, s) => {
-        u[s] = f(c);
-      }), u.join("").toUpperCase();
+      let d = a.fullName.split(" ");
+      return d = d.slice(0, 2), d.forEach((f, r) => {
+        d[r] = p(f);
+      }), d.join("").toUpperCase();
     });
-    function p() {
+    function b() {
       t("click");
     }
     return l({
       isAnonymous: o,
-      initials: y
-    }), (f, u) => (d(), m("div", Ct, [
-      (d(), x(ne(e.link ? "button" : "div"), Z(r.value, {
-        class: [i.value],
-        onClick: p
+      initials: m
+    }), (p, d) => (n(), c("div", tt, [
+      (n(), V(G(e.link ? "button" : "div"), R(s.value, {
+        class: [u.value],
+        onClick: b
       }), {
-        default: O(() => [
-          o.value ? (d(), x(T, {
+        default: B(() => [
+          o.value ? (n(), V(J, {
             key: 0,
             name: "user-photo",
             color: "white",
-            size: n.value
-          }, null, 8, ["size"])) : b("", !0),
-          e.photoUrl ? (d(), m("img", {
+            size: i.value
+          }, null, 8, ["size"])) : g("", !0),
+          e.photoUrl ? (n(), c("img", {
             key: 1,
             src: e.photoUrl,
             title: e.fullName,
             alt: e.fullName || "",
             loading: "lazy"
-          }, null, 8, Lt)) : b("", !0),
-          e.fullName ? (d(), m(D, { key: 2 }, [
-            B(C(y.value), 1)
-          ], 64)) : b("", !0),
-          e.totalNumber ? (d(), m(D, { key: 3 }, [
-            B(C("+" + e.totalNumber), 1)
-          ], 64)) : b("", !0)
+          }, null, 8, at)) : g("", !0),
+          e.fullName ? (n(), c(q, { key: 2 }, [
+            C(I(m.value), 1)
+          ], 64)) : g("", !0),
+          e.totalNumber ? (n(), c(q, { key: 3 }, [
+            C(I("+" + e.totalNumber), 1)
+          ], 64)) : g("", !0)
         ]),
         _: 1
       }, 16, ["class"])),
-      e.profile === "strategy" ? (d(), m("span", Bt, [
-        (d(), m("svg", {
+      e.profile === "strategy" ? (n(), c("span", lt, [
+        (n(), c("svg", {
           width: "12",
           height: e.size === "small" ? "10" : "16",
           viewBox: "0 0 12 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, Jt, 8, Ot))
-      ])) : b("", !0)
+        }, it, 8, nt))
+      ])) : g("", !0)
     ], 512));
   }
 });
-const Pt = /* @__PURE__ */ $(Et, [["__scopeId", "data-v-b3dcdecc"]]), At = /* @__PURE__ */ j({
+const rt = /* @__PURE__ */ $(st, [["__scopeId", "data-v-bcb28746"]]), ut = /* @__PURE__ */ S({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
     compress: Boolean
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
+    return (l, t) => (n(), c("div", {
       ref: "avatarsList",
-      class: S(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
+      class: h(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
-      g(l.$slots, "default", {}, void 0, !0)
+      _(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const zt = /* @__PURE__ */ $(At, [["__scopeId", "data-v-46e4547e"]]), qt = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], Ft = /* @__PURE__ */ j({
+const dt = /* @__PURE__ */ $(ut, [["__scopeId", "data-v-46e4547e"]]), ct = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], yt = /* @__PURE__ */ S({
   __name: "VJoyBadge",
   props: {
     /**
@@ -204,112 +204,112 @@ const zt = /* @__PURE__ */ $(At, [["__scopeId", "data-v-46e4547e"]]), qt = ["inf
     variant: {
       type: String,
       validator(e) {
-        return qt.includes(e);
+        return ct.includes(e);
       }
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("span", {
-      class: S(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
+    return (l, t) => (n(), c("span", {
+      class: h(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      g(l.$slots, "default", {}, () => [
-        B(C(e.label), 1)
+      _(l.$slots, "default", {}, () => [
+        C(I(e.label), 1)
       ], !0)
     ], 2));
   }
 });
-const Mt = /* @__PURE__ */ $(Ft, [["__scopeId", "data-v-1ed08e27"]]);
-var P = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "highpotential", e.HIGH_POTENTIAL_AUTO = "high-potential-auto", e.MALT_LINKER = "maltlinker", e.NEW = "new", e.SUPER_MALTER = "supermalter", e.VERIFIED = "verified", e))(P || {}), re = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(re || {});
-const H = (e) => (he("data-v-f258a344"), e = e(), we(), e), Nt = { class: "joy-badge-level" }, Rt = /* @__PURE__ */ H(() => /* @__PURE__ */ _("path", {
+const ft = /* @__PURE__ */ $(yt, [["__scopeId", "data-v-4512c8c6"]]);
+var E = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "highpotential", e.HIGH_POTENTIAL_AUTO = "high-potential-auto", e.MALT_LINKER = "maltlinker", e.NEW = "new", e.SUPER_MALTER = "supermalter", e.VERIFIED = "verified", e))(E || {}), K = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(K || {});
+const O = (e) => (ae("data-v-008b921b"), e = e(), le(), e), vt = { class: "joy-badge-level" }, pt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
   fill: "#264FFA",
   d: "M5.71533 12.2962 11.4243 18l.0049-11.45716-5.71387 5.75336Z"
-}, null, -1)), Dt = /* @__PURE__ */ H(() => /* @__PURE__ */ _("path", {
+}, null, -1)), mt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
   fill: "#FC5757",
   d: "M.00195312 6.54284.00671145 18 5.7158 12.2962.00195312 6.54284Z"
-}, null, -1)), Ht = /* @__PURE__ */ H(() => /* @__PURE__ */ _("path", {
+}, null, -1)), bt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
   fill: "#FFC200",
   d: "M11.4289 5.68249c-.0059-1.52434-.6069-2.9554-1.69067-4.02851C8.95862.882797 7.99681.362073 6.9506.132677 6.95037.132599 6.95021.132599 6.94998.132521c-.04337-.009516-.08681-.018408-.13041-.02691-.0057-.001092-.01147-.002184-.01724-.003276-.0383-.0073317-.07675-.0142735-.11529-.0208255-.01068-.001794-.02144-.00351-.03213-.005304-.03385-.0055379-.06778-.0108418-.10179-.0158338-.01505-.002184-.03011-.0042121-.04516-.0063181-.03011-.0041339-.06022-.008112-.0904-.0117779-.01857-.002262-.03721-.0042901-.05577-.006396C6.33472.0328377 6.30766.029952 6.28051.0273 6.25914.025194 6.23769.0233999 6.21624.0215279 6.19144.0194219 6.16671.017316 6.14183.015522 6.11851.013806 6.09511.0123239 6.07171.0109199 6.04831.00951588 6.02483.00811199 6.00135.006942 5.9771.00577201 5.95276.00483616 5.92842.00397816 5.90541.00312017 5.8824.00234019 5.85931.00179419c-.02433-.00062399-.04874-.0009362-.07316-.0012482C5.76267.000234 5.73912 0 5.71564 0c-.02355 0-.04703.000234-.07051.000546-.02442.000312-.04883.0006242-.07316.00124819-.02309.000546-.0461.00140398-.06911.00218397-.02434.000858-.04859.00179385-.07293.00296384-.02348.00116999-.04696.00257388-.07036.0039779-.0234.001404-.0468.0028861-.07012.0046021-.0248.001794-.0496.0038999-.07441.0060059-.02145.001872-.0429.0036661-.06427.0057721-.02714.002652-.05421.0055377-.08135.0085797-.01857.0021059-.03721.004134-.05577.006396-.03019.0036659-.06037.007644-.09048.0117779-.01506.002106-.03011.0041341-.04516.0063181-.03401.004992-.06794.0102959-.10179.0158338-.01077.001794-.02145.00351-.03214.005304-.03853.006552-.07699.0134938-.11528.0208255-.00578.001092-.01155.002184-.01724.003276-.0436.008502-.08705.017394-.13041.02691-.00024.000078-.00047.000078-.00071.000156C3.43424.361995 2.4725.882719 1.6929 1.65398.609098 2.72702.00811193 4.15815.00218397 5.68249L0 6.15064l.00171623.39226L5.71556 12.2962l5.71384-5.7533.0017-.39202-.0022-.46839Z"
-}, null, -1)), Wt = [
-  Rt,
-  Dt,
-  Ht
-], Ut = {
+}, null, -1)), _t = [
+  pt,
+  mt,
+  bt
+], gt = {
   key: 1,
   class: "joy-badge-level__highpotential",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 12 14"
-}, Gt = /* @__PURE__ */ H(() => /* @__PURE__ */ _("g", { "clip-path": "url(#a)" }, [
-  /* @__PURE__ */ _("path", {
+}, ht = /* @__PURE__ */ O(() => /* @__PURE__ */ y("g", { "clip-path": "url(#a)" }, [
+  /* @__PURE__ */ y("path", {
     fill: "#FFC200",
     d: "M.00241952 6.50818C.00887156 4.89669.639559 3.38347 1.77754 2.24877c.8186-.8155 1.82835-1.366202 2.926-1.608251h.00081c.04516-.009747.09113-.019494.1371-.028429.00565-.001625.0121-.002437.01775-.004061.04032-.008123.08065-.015433.12097-.021931.0113-.001624.02259-.004061.03388-.005686.03548-.005685.07097-.011371.10726-.016245.01613-.002436.03146-.004873.04759-.006498.03064-.004873.0629-.008934.09436-.012995.01935-.002437.03871-.004874.05887-.006498.02823-.003249.05646-.006498.08549-.008935.02178-.002437.04436-.004874.06694-.006498.02581-.002437.05242-.004061.07823-.006498.0242-.001625.0492-.003249.07339-.004874.0242-.001624.0492-.003249.0742-.004061.02581-.001624.05081-.002437.07662-.003249.0242-.000812.04839-.001624.07259-.002437C5.87539.500812 5.9004.500812 5.92621.5h.07419c.0242 0 .0492 0 .0734.000812.0258 0 .05161.000812.07661.001625.0242.000812.04839.001624.07259.002436.02581 0 .05162.001625.07742.002437.02501.000812.0492.002437.0742.004061.0242.001625.0492.003249.07339.004874.02581.001624.05243.004061.07824.006498.02177.001624.04435.004061.06694.006498.02822.002437.05645.005686.08549.008935.01935.002436.03871.004061.05887.006498.03145.004061.06291.008122.09436.012183.01613.002437.03145.004874.04758.00731.03549.004874.07098.01056.10646.017058.01129.001624.02259.003249.03388.004873.04032.00731.08065.014621.12097.021931.00565.000812.0121.002436.01775.003249.04597.009747.09194.018681.1371.029241h.00081c1.09846.242861 2.1082.792751 2.92604 1.608251 1.1379 1.1347 1.7686 2.64792 1.7751 4.25941L12 7.00284l-.0016.41506L6.0004 13.5.00161301 7.4179 0 7.00284l.00241952-.49466Z"
   })
-], -1)), Kt = /* @__PURE__ */ H(() => /* @__PURE__ */ _("defs", null, [
-  /* @__PURE__ */ _("clipPath", { id: "a" }, [
-    /* @__PURE__ */ _("path", {
+], -1)), jt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("defs", null, [
+  /* @__PURE__ */ y("clipPath", { id: "a" }, [
+    /* @__PURE__ */ y("path", {
       fill: "#fff",
       d: "M0 0h12v13H0z",
       transform: "translate(0 .5)"
     })
   ])
-], -1)), Zt = [
-  Gt,
-  Kt
-], Qt = {
+], -1)), kt = [
+  ht,
+  jt
+], St = {
   key: 2,
   class: "joy-badge-level__high-potential-auto",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 64 64",
   "enable-background": "new 0 0 64 64"
-}, Yt = /* @__PURE__ */ H(() => /* @__PURE__ */ _("path", {
+}, $t = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
   fill: "#EF4E16",
   d: "M60 23.913s-8.76-2.903-14.05 1.058C44.256 17.449 45.203 8.674 34.688 2c-.712 9.413-12.856 9.891-15.691 22.005-1.86-3.319-2.227-7.716-9.28-9.871C11.615 25.513.415 31.3 5.199 47.68c2.699 9.246 12.72 13.651 21.047 14.217 16.527 1.123 31.896-6.848 32.258-24.148.155-7.437-2.975-8.343 1.496-13.836z"
-}, null, -1)), Xt = /* @__PURE__ */ H(() => /* @__PURE__ */ _("path", {
+}, null, -1)), wt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
   fill: "#F9B700",
   d: "M53.226 32.962c-6.012-.063-5.458 2.387-9.883 3.896-3.212-5.842-.067-13.682-10.056-19.364.066 10.625-7.32 7.313-10.414 17.456-3.758-2.145-1.943-6.888-9.256-8.89 4.042 6.349-.99 7.542-3.526 13.335-5.093 11.632 7.181 19.813 16.548 20.382 13.019.793 25.124-4.834 25.408-17.048.122-5.25-2.342-5.888 1.179-9.767z"
-}, null, -1)), el = /* @__PURE__ */ H(() => /* @__PURE__ */ _("path", {
+}, null, -1)), Vt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
   fill: "#FFE463",
   d: "M47.616 41.169c-4.47-.041-4.061 1.522-7.351 2.484-2.391-3.727-.051-8.729-7.479-12.354.049 6.778-5.446 4.666-7.746 11.137-2.795-1.368-1.447-4.395-6.885-5.672 3.006 4.051-.735 4.812-2.621 8.508-3.791 7.421 5.339 12.64 12.307 13.003 9.683.506 18.686-3.084 18.896-10.876.093-3.348-1.741-3.755.879-6.23z"
-}, null, -1)), tl = /* @__PURE__ */ H(() => /* @__PURE__ */ _("path", {
+}, null, -1)), xt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
   fill: "#FFF7D1",
   d: "M37.182 54.939c0 2.188-12.427 2.188-12.427 0 0-5.849 12.427-5.849 12.427 0z"
-}, null, -1)), ll = [
-  Yt,
-  Xt,
-  el,
-  tl
-], al = {
+}, null, -1)), It = [
+  $t,
+  wt,
+  Vt,
+  xt
+], Ct = {
   key: 3,
   class: "joy-badge-level__maltlinker",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 22 10"
-}, nl = /* @__PURE__ */ lt('<g clip-path="url(#a)" data-v-f258a344><path fill="var(--joy-color-tertiary-10)" d="M4.919 9.893c-1.32-.005-2.558-.526-3.487-1.464C.764 7.754.313 6.922.115 6.016v-.001c-.008-.037-.016-.074-.024-.112 0-.005-.001-.01-.002-.015-.006-.033-.012-.066-.018-.1C.069 5.779.068 5.77.066 5.76c-.005-.029-.009-.058-.014-.088-.002-.013-.003-.026-.005-.039-.004-.026-.007-.052-.01-.078l-.006-.048C.028 5.483.026 5.46.024 5.436.022 5.418.02 5.399.019 5.381c-.002-.022-.004-.043-.006-.065-.001-.02-.003-.04-.004-.061-.001-.02-.002-.041-.003-.061-.001-.02-.002-.041-.003-.062-.001-.02-.001-.04-.002-.06 0-.021 0-.043-.001-.064v-.122c0-.021.001-.042.001-.063 0-.02.001-.04.002-.06L.006 4.7c.001-.02.002-.041.003-.061.001-.02.002-.04.004-.061.002-.021.003-.043.005-.064.002-.019.004-.037.006-.056.002-.024.005-.047.007-.07l.006-.048c.003-.026.007-.052.01-.078.002-.014.003-.027.005-.04.004-.029.009-.059.014-.088.002-.009.003-.019.005-.028.006-.033.012-.067.018-.1l.003-.015c.007-.038.015-.075.023-.113v-.001c.198-.904.649-1.737 1.317-2.412C2.361.527 3.6.007 4.919.002L5.324 0l.34.001 4.98 4.946-4.98 4.946-.34.002-.405-.002Z" data-v-f258a344></path><path fill="var(--joy-color-brand-primary-50)" d="M16.3651.002c1.319.005 2.558.525 3.487 1.463.668.675 1.118 1.507 1.317 2.413v.001c.008.038.016.075.023.113l.003.015c.006.033.012.066.018.1.002.009.003.019.005.028.005.029.009.059.014.088.002.013.004.026.005.039.004.026.007.052.01.078l.006.048c.003.023.005.047.007.07.002.019.003.037.005.056.002.021.004.043.005.064.001.02.003.04.004.061.001.02.002.041.003.061l.003.063c.001.02.001.04.002.06.001.021.001.042.001.063v.122c0 .021-.001.042-.001.063 0 .02-.001.04-.002.06l-.003.063c-.001.02-.002.041-.003.061-.001.02-.002.04-.004.061-.002.021-.003.043-.005.064-.002.019-.003.037-.005.056-.002.024-.005.047-.007.07l-.006.048c-.003.026-.007.052-.01.078-.002.013-.004.026-.005.039-.004.029-.009.059-.014.088-.002.009-.003.019-.005.028-.006.033-.012.067-.018.1l-.003.015c-.007.038-.015.075-.023.113v.001c-.199.906-.649 1.738-1.317 2.413-.929.938-2.168 1.458-3.487 1.463l-.405.002-.34-.001-4.98-4.946 4.98-4.946.339-.001.406.002Z" data-v-f258a344></path></g><defs data-v-f258a344><clipPath id="a" data-v-f258a344><path fill="#fff" d="M0 0h21.283v9.895H0z" data-v-f258a344></path></clipPath></defs>', 2), ol = [
-  nl
-], rl = {
+}, Lt = /* @__PURE__ */ ne('<g clip-path="url(#a)" data-v-008b921b><path fill="var(--joy-color-tertiary-10)" d="M4.919 9.893c-1.32-.005-2.558-.526-3.487-1.464C.764 7.754.313 6.922.115 6.016v-.001c-.008-.037-.016-.074-.024-.112 0-.005-.001-.01-.002-.015-.006-.033-.012-.066-.018-.1C.069 5.779.068 5.77.066 5.76c-.005-.029-.009-.058-.014-.088-.002-.013-.003-.026-.005-.039-.004-.026-.007-.052-.01-.078l-.006-.048C.028 5.483.026 5.46.024 5.436.022 5.418.02 5.399.019 5.381c-.002-.022-.004-.043-.006-.065-.001-.02-.003-.04-.004-.061-.001-.02-.002-.041-.003-.061-.001-.02-.002-.041-.003-.062-.001-.02-.001-.04-.002-.06 0-.021 0-.043-.001-.064v-.122c0-.021.001-.042.001-.063 0-.02.001-.04.002-.06L.006 4.7c.001-.02.002-.041.003-.061.001-.02.002-.04.004-.061.002-.021.003-.043.005-.064.002-.019.004-.037.006-.056.002-.024.005-.047.007-.07l.006-.048c.003-.026.007-.052.01-.078.002-.014.003-.027.005-.04.004-.029.009-.059.014-.088.002-.009.003-.019.005-.028.006-.033.012-.067.018-.1l.003-.015c.007-.038.015-.075.023-.113v-.001c.198-.904.649-1.737 1.317-2.412C2.361.527 3.6.007 4.919.002L5.324 0l.34.001 4.98 4.946-4.98 4.946-.34.002-.405-.002Z" data-v-008b921b></path><path fill="var(--joy-color-brand-primary-50)" d="M16.3651.002c1.319.005 2.558.525 3.487 1.463.668.675 1.118 1.507 1.317 2.413v.001c.008.038.016.075.023.113l.003.015c.006.033.012.066.018.1.002.009.003.019.005.028.005.029.009.059.014.088.002.013.004.026.005.039.004.026.007.052.01.078l.006.048c.003.023.005.047.007.07.002.019.003.037.005.056.002.021.004.043.005.064.001.02.003.04.004.061.001.02.002.041.003.061l.003.063c.001.02.001.04.002.06.001.021.001.042.001.063v.122c0 .021-.001.042-.001.063 0 .02-.001.04-.002.06l-.003.063c-.001.02-.002.041-.003.061-.001.02-.002.04-.004.061-.002.021-.003.043-.005.064-.002.019-.003.037-.005.056-.002.024-.005.047-.007.07l-.006.048c-.003.026-.007.052-.01.078-.002.013-.004.026-.005.039-.004.029-.009.059-.014.088-.002.009-.003.019-.005.028-.006.033-.012.067-.018.1l-.003.015c-.007.038-.015.075-.023.113v.001c-.199.906-.649 1.738-1.317 2.413-.929.938-2.168 1.458-3.487 1.463l-.405.002-.34-.001-4.98-4.946 4.98-4.946.339-.001.406.002Z" data-v-008b921b></path></g><defs data-v-008b921b><clipPath id="a" data-v-008b921b><path fill="#fff" d="M0 0h21.283v9.895H0z" data-v-008b921b></path></clipPath></defs>', 2), Bt = [
+  Lt
+], Jt = {
   key: 4,
   class: "joy-badge-level__highpotential-program",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 12 14"
-}, il = /* @__PURE__ */ H(() => /* @__PURE__ */ _("g", { "clip-path": "url(#a)" }, [
-  /* @__PURE__ */ _("path", {
+}, Tt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("g", { "clip-path": "url(#a)" }, [
+  /* @__PURE__ */ y("path", {
     fill: "#FFC200",
     d: "M.00241952 6.50818C.00887156 4.89669.639559 3.38347 1.77754 2.24877c.8186-.8155 1.82835-1.366202 2.926-1.608251h.00081c.04516-.009747.09113-.019494.1371-.028429.00565-.001625.0121-.002437.01775-.004061.04032-.008123.08065-.015433.12097-.021931.0113-.001624.02259-.004061.03388-.005686.03548-.005685.07097-.011371.10726-.016245.01613-.002436.03146-.004873.04759-.006498.03064-.004873.0629-.008934.09436-.012995.01935-.002437.03871-.004874.05887-.006498.02823-.003249.05646-.006498.08549-.008935.02178-.002437.04436-.004874.06694-.006498.02581-.002437.05242-.004061.07823-.006498.0242-.001625.0492-.003249.07339-.004874.0242-.001624.0492-.003249.0742-.004061.02581-.001624.05081-.002437.07662-.003249.0242-.000812.04839-.001624.07259-.002437C5.87539.500812 5.9004.500812 5.92621.5h.07419c.0242 0 .0492 0 .0734.000812.0258 0 .05161.000812.07661.001625.0242.000812.04839.001624.07259.002436.02581 0 .05162.001625.07742.002437.02501.000812.0492.002437.0742.004061.0242.001625.0492.003249.07339.004874.02581.001624.05243.004061.07824.006498.02177.001624.04435.004061.06694.006498.02822.002437.05645.005686.08549.008935.01935.002436.03871.004061.05887.006498.03145.004061.06291.008122.09436.012183.01613.002437.03145.004874.04758.00731.03549.004874.07098.01056.10646.017058.01129.001624.02259.003249.03388.004873.04032.00731.08065.014621.12097.021931.00565.000812.0121.002436.01775.003249.04597.009747.09194.018681.1371.029241h.00081c1.09846.242861 2.1082.792751 2.92604 1.608251 1.1379 1.1347 1.7686 2.64792 1.7751 4.25941L12 7.00284l-.0016.41506L6.0004 13.5.00161301 7.4179 0 7.00284l.00241952-.49466Z"
   })
-], -1)), sl = /* @__PURE__ */ H(() => /* @__PURE__ */ _("defs", null, [
-  /* @__PURE__ */ _("clipPath", { id: "a" }, [
-    /* @__PURE__ */ _("path", {
+], -1)), Et = /* @__PURE__ */ O(() => /* @__PURE__ */ y("defs", null, [
+  /* @__PURE__ */ y("clipPath", { id: "a" }, [
+    /* @__PURE__ */ y("path", {
       fill: "#fff",
       d: "M0 0h12v13H0z",
       transform: "translate(0 .5)"
     })
   ])
-], -1)), ul = [
-  il,
-  sl
-], dl = /* @__PURE__ */ j({
+], -1)), zt = [
+  Tt,
+  Et
+], At = /* @__PURE__ */ S({
   __name: "VJoyBadgeLevel",
   props: {
     /** Badge type. HIGH_POTENTIAL, SUPERMALTER, etc... */
@@ -329,72 +329,72 @@ const H = (e) => (he("data-v-f258a344"), e = e(), we(), e), Nt = { class: "joy-b
     }
   },
   setup(e) {
-    const l = e, t = V(() => {
+    const l = e, t = x(() => {
       switch (l.type) {
-        case re.HIGH_POTENTIAL:
-        case P.HIGH_POTENTIAL:
+        case K.HIGH_POTENTIAL:
+        case E.HIGH_POTENTIAL:
           return "High Potential";
-        case P.HIGH_POTENTIAL_AUTO:
+        case E.HIGH_POTENTIAL_AUTO:
           return "High Potential Auto";
-        case P.MALT_LINKER:
+        case E.MALT_LINKER:
           return "Malt Linker";
-        case P.NEW:
+        case E.NEW:
           return "New";
-        case P.SUPER_MALTER:
+        case E.SUPER_MALTER:
           return "Supermalter";
-        case P.VERIFIED:
+        case E.VERIFIED:
           return "Verified";
         default:
           return "Supermalter";
       }
     });
-    return (a, n) => (d(), m("span", Nt, [
-      e.type === k(P).SUPER_MALTER ? (d(!0), m(D, { key: 0 }, G(e.superMalterLevel, (r, i) => (d(), m("svg", {
-        key: i,
+    return (a, i) => (n(), c("span", vt, [
+      e.type === w(E).SUPER_MALTER ? (n(!0), c(q, { key: 0 }, P(e.superMalterLevel, (s, u) => (n(), c("svg", {
+        key: u,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 12 18"
-      }, Wt))), 128)) : b("", !0),
-      e.type === k(P).HIGH_POTENTIAL ? (d(), m("svg", Ut, Zt)) : b("", !0),
-      e.type === k(P).HIGH_POTENTIAL_AUTO ? (d(), m("svg", Qt, ll)) : b("", !0),
-      e.type === k(P).MALT_LINKER ? (d(), m("svg", al, ol)) : b("", !0),
-      e.type === k(re).HIGH_POTENTIAL ? (d(), m("svg", rl, ul)) : b("", !0),
-      _("span", {
-        class: S([
+      }, _t))), 128)) : g("", !0),
+      e.type === w(E).HIGH_POTENTIAL ? (n(), c("svg", gt, kt)) : g("", !0),
+      e.type === w(E).HIGH_POTENTIAL_AUTO ? (n(), c("svg", St, It)) : g("", !0),
+      e.type === w(E).MALT_LINKER ? (n(), c("svg", Ct, Bt)) : g("", !0),
+      e.type === w(K).HIGH_POTENTIAL ? (n(), c("svg", Jt, zt)) : g("", !0),
+      y("span", {
+        class: h([
           {
             "joy-badge-level__tag": e.visibleText,
-            red: e.type === k(P).NEW || e.type === k(P).MALT_LINKER || e.type === k(P).HIGH_POTENTIAL_AUTO,
-            blue: e.type === k(re).HIGH_POTENTIAL || e.type === k(P).HIGH_POTENTIAL || e.type === k(P).SUPER_MALTER,
-            turquoise: e.type === k(P).VERIFIED
+            red: e.type === w(E).NEW || e.type === w(E).MALT_LINKER || e.type === w(E).HIGH_POTENTIAL_AUTO,
+            blue: e.type === w(K).HIGH_POTENTIAL || e.type === w(E).HIGH_POTENTIAL || e.type === w(E).SUPER_MALTER,
+            turquoise: e.type === w(E).VERIFIED
           }
         ])
       }, [
-        e.visibleText ? g(a.$slots, "default", { key: 0 }, () => [
-          B(C(t.value), 1)
-        ], !0) : b("", !0)
+        e.visibleText ? _(a.$slots, "default", { key: 0 }, () => [
+          C(I(t.value), 1)
+        ], !0) : g("", !0)
       ], 2)
     ]));
   }
 });
-const cl = /* @__PURE__ */ $(dl, [["__scopeId", "data-v-f258a344"]]), fl = ["teal", "white"], yl = /* @__PURE__ */ j({
+const qt = /* @__PURE__ */ $(At, [["__scopeId", "data-v-008b921b"]]), Ot = ["teal", "white"], Ft = /* @__PURE__ */ S({
   __name: "VJoySpinner",
   props: {
     color: {
       type: String,
       validator(e) {
-        return fl.includes(e);
+        return Ot.includes(e);
       }
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
-      class: S(["joy-spinner", `joy-spinner_${e.color}`])
+    return (l, t) => (n(), c("div", {
+      class: h(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
 });
-const ke = /* @__PURE__ */ $(yl, [["__scopeId", "data-v-616a29d0"]]), vl = ["primary", "secondary"], pl = ["neutral", "success", "info", "warning", "error"], ml = ["main", "admin", "ghost", "white"], _l = [...vl, ...ml], bl = ["large", "medium", "small", "xsmall", "xxsmall"];
-function gl(e) {
+const re = /* @__PURE__ */ $(Ft, [["__scopeId", "data-v-127ef073"]]), Pt = ["primary", "secondary"], Mt = ["neutral", "success", "info", "warning", "error"], Nt = ["main", "admin", "ghost", "white"], Rt = [...Pt, ...Nt], Ht = ["large", "medium", "small", "xsmall", "xxsmall"];
+function Dt(e) {
   let l;
   switch (e) {
     case "error":
@@ -408,7 +408,7 @@ function gl(e) {
   }
   return l;
 }
-function hl(e) {
+function Wt(e) {
   if (!e) {
     console.warn("Missing ref element for focusOnFirstFocusableFormField use");
     return;
@@ -418,9 +418,9 @@ function hl(e) {
   if (t.length)
     return t[0].focus();
 }
-const Ve = function(e = 10) {
+const ue = function(e = 10) {
   return Math.random().toString(36).substring(2, e + 2);
-}, wl = /* @__PURE__ */ j({
+}, Ut = /* @__PURE__ */ S({
   __name: "VJoyButton",
   props: {
     /**
@@ -456,7 +456,7 @@ const Ve = function(e = 10) {
       type: String,
       default: "primary",
       validator(e) {
-        return _l.includes(e);
+        return Rt.includes(e);
       }
     },
     /** Button or Link size */
@@ -464,12 +464,12 @@ const Ve = function(e = 10) {
       type: String,
       default: "medium",
       validator(e) {
-        return bl.includes(e);
+        return Ht.includes(e);
       }
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = Se(), n = "joy-button--" + Ve(), r = V(() => {
+    const t = e, a = oe(), i = "joy-button--" + ue(), s = x(() => {
       switch (t.size) {
         case "xxsmall":
           return "xxsmall";
@@ -480,13 +480,13 @@ const Ve = function(e = 10) {
         default:
           return "small";
       }
-    }), i = V(() => ["white", "ghost", "secondary"].includes(t.variant) ? "teal" : "white");
-    return l({ randomId: n }), (o, y) => {
-      const p = _t("joy-ripple");
-      return bt((d(), x(ne(k(a).href ? "a" : "button"), {
-        disabled: e.loading || k(a).disabled,
-        type: k(a).type || "button",
-        class: S([
+    }), u = x(() => ["white", "ghost", "secondary"].includes(t.variant) ? "teal" : "white");
+    return l({ randomId: i }), (o, m) => {
+      const b = Ne("joy-ripple");
+      return Re((n(), V(G(w(a).href ? "a" : "button"), {
+        disabled: e.loading || w(a).disabled,
+        type: w(a).type || "button",
+        class: h([
           "joy-button",
           `joy-button_${e.variant}`,
           `joy-button_${e.size}`,
@@ -495,44 +495,44 @@ const Ve = function(e = 10) {
             "joy-button_loading": e.loading
           }
         ]),
-        "aria-labelledby": (o.$slots.default || e.label) && n
+        "aria-labelledby": (o.$slots.default || e.label) && i
       }, {
-        default: O(() => [
-          e.icon && e.iconPosition === "left" ? (d(), x(T, {
+        default: B(() => [
+          e.icon && e.iconPosition === "left" ? (n(), V(J, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
-            size: r.value,
+            size: s.value,
             "aria-hidden": "true"
-          }, null, 8, ["name", "size"])) : b("", !0),
-          e.loading ? (d(), x(ke, {
+          }, null, 8, ["name", "size"])) : g("", !0),
+          e.loading ? (n(), V(re, {
             key: 1,
-            color: i.value
-          }, null, 8, ["color"])) : b("", !0),
-          _("span", {
-            id: n,
+            color: u.value
+          }, null, 8, ["color"])) : g("", !0),
+          y("span", {
+            id: i,
             class: "joy-button--slot"
           }, [
-            g(o.$slots, "default", {}, () => [
-              B(C(e.label), 1)
+            _(o.$slots, "default", {}, () => [
+              C(I(e.label), 1)
             ], !0)
           ]),
-          e.icon && e.iconPosition === "right" ? (d(), x(T, {
+          e.icon && e.iconPosition === "right" ? (n(), V(J, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
-            size: r.value,
+            size: s.value,
             "aria-hidden": "true"
-          }, null, 8, ["name", "size"])) : b("", !0)
+          }, null, 8, ["name", "size"])) : g("", !0)
         ]),
         _: 3
       }, 8, ["disabled", "type", "class", "aria-labelledby"])), [
-        [p]
+        [b]
       ]);
     };
   }
 });
-const xe = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-a31d0dc4"]]), Sl = ["aria-checked", "aria-hidden"], jl = { class: "joy-checkbox__input-wrapper" }, $l = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], kl = { class: "joy-checkbox__content-wrapper" }, Vl = { class: "joy-checkbox__content" }, xl = /* @__PURE__ */ j({
+const de = /* @__PURE__ */ $(Ut, [["__scopeId", "data-v-25ba8bc2"]]), Gt = ["aria-checked", "aria-hidden"], Kt = { class: "joy-checkbox__input-wrapper" }, Zt = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], Qt = { class: "joy-checkbox__content-wrapper" }, Yt = { class: "joy-checkbox__content" }, Xt = /* @__PURE__ */ S({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -587,10 +587,10 @@ const xe = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-a31d0dc4"]]), Sl = ["ari
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = w(), r = w(a.indeterminate), i = w(a.invalid), o = w(!1), y = {
-      onChange: (p) => {
-        const f = p.target.checked;
-        r.value = !1, i.value = !1, t("update:checked", f);
+    const a = e, i = k(), s = k(a.indeterminate), u = k(a.invalid), o = k(!1), m = {
+      onChange: (b) => {
+        const p = b.target.checked;
+        s.value = !1, u.value = !1, t("update:checked", p);
       },
       onFocus: () => {
         o.value = !0, t("focus");
@@ -600,29 +600,29 @@ const xe = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-a31d0dc4"]]), Sl = ["ari
       }
     };
     return l({
-      isIndeterminate: r
-    }), (p, f) => (d(), m("div", {
+      isIndeterminate: s
+    }), (b, p) => (n(), c("div", {
       class: "joy-checkbox__wrapper",
       "aria-checked": e.checked,
       "aria-hidden": e.disabled
     }, [
-      _("label", {
-        class: S([
+      y("label", {
+        class: h([
           "joy-checkbox",
           {
             "joy-checkbox__checked": e.checked,
-            "joy-checkbox__indeterminate": r.value,
+            "joy-checkbox__indeterminate": s.value,
             "joy-checkbox__disabled": e.disabled,
-            "joy-checkbox__invalid": i.value,
+            "joy-checkbox__invalid": u.value,
             "joy-checkbox__focusing": o.value && e.displayFocus
           }
         ])
       }, [
-        _("div", jl, [
-          _("input", {
+        y("div", Kt, [
+          y("input", {
             id: e.id,
             ref_key: "input",
-            ref: n,
+            ref: i,
             type: "checkbox",
             class: "joy-checkbox__input",
             role: "checkbox",
@@ -632,28 +632,28 @@ const xe = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-a31d0dc4"]]), Sl = ["ari
             required: e.required,
             "aria-checked": e.checked,
             value: e.value,
-            indeterminate: r.value,
-            onChange: f[0] || (f[0] = //@ts-ignore
-            (...u) => y.onChange && y.onChange(...u)),
-            onFocus: f[1] || (f[1] = //@ts-ignore
-            (...u) => y.onFocus && y.onFocus(...u)),
-            onBlur: f[2] || (f[2] = //@ts-ignore
-            (...u) => y.onBlur && y.onBlur(...u))
-          }, null, 40, $l)
+            indeterminate: s.value,
+            onChange: p[0] || (p[0] = //@ts-ignore
+            (...d) => m.onChange && m.onChange(...d)),
+            onFocus: p[1] || (p[1] = //@ts-ignore
+            (...d) => m.onFocus && m.onFocus(...d)),
+            onBlur: p[2] || (p[2] = //@ts-ignore
+            (...d) => m.onBlur && m.onBlur(...d))
+          }, null, 40, Zt)
         ]),
-        _("div", kl, [
-          g(p.$slots, "default", {}, () => [
-            B(C(e.label), 1)
+        y("div", Qt, [
+          _(b.$slots, "default", {}, () => [
+            C(I(e.label), 1)
           ], !0),
-          _("div", Vl, [
-            g(p.$slots, "checkbox-content", {}, void 0, !0)
+          y("div", Yt, [
+            _(b.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
-    ], 8, Sl));
+    ], 8, Gt));
   }
 });
-const Ie = /* @__PURE__ */ $(xl, [["__scopeId", "data-v-27cc9d8c"]]), Il = ["src", "alt", "title"], Cl = /* @__PURE__ */ j({
+const ce = /* @__PURE__ */ $(Xt, [["__scopeId", "data-v-27cc9d8c"]]), ea = ["src", "alt", "title"], ta = /* @__PURE__ */ S({
   __name: "VJoyCompanyAvatar",
   props: {
     imgSrc: String,
@@ -665,7 +665,7 @@ const Ie = /* @__PURE__ */ $(xl, [["__scopeId", "data-v-27cc9d8c"]]), Il = ["src
     }
   },
   setup(e) {
-    const l = e, t = V(() => {
+    const l = e, t = x(() => {
       switch (l.size) {
         case "large":
           return "small";
@@ -677,15 +677,15 @@ const Ie = /* @__PURE__ */ $(xl, [["__scopeId", "data-v-27cc9d8c"]]), Il = ["src
           return "xsmall";
       }
     });
-    return (a, n) => (d(), m("div", {
-      class: S(["joy-company-avatar", `joy-company-avatar--${e.size}`])
+    return (a, i) => (n(), c("div", {
+      class: h(["joy-company-avatar", `joy-company-avatar--${e.size}`])
     }, [
-      e.imgSrc ? (d(), m("img", {
+      e.imgSrc ? (n(), c("img", {
         key: 0,
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
         title: e.companyName
-      }, null, 8, Il)) : (d(), x(k(T), {
+      }, null, 8, ea)) : (n(), V(w(J), {
         key: 1,
         name: "company-placeholder",
         size: t.value
@@ -693,13 +693,13 @@ const Ie = /* @__PURE__ */ $(xl, [["__scopeId", "data-v-27cc9d8c"]]), Il = ["src
     ], 2));
   }
 });
-const Ll = /* @__PURE__ */ $(Cl, [["__scopeId", "data-v-7ab52b19"]]), Bl = { class: "joy-counter" }, Ol = ["aria-label", "disabled"], Tl = { class: "joy-counter__input-wrapper" }, Jl = ["id", "min", "max", "aria-invalid", "name", "required", "value"], El = ["aria-label", "disabled"], Pl = {
+const aa = /* @__PURE__ */ $(ta, [["__scopeId", "data-v-0f616ccb"]]), la = { class: "joy-counter" }, na = ["aria-label", "disabled"], oa = { class: "joy-counter__input-wrapper" }, ia = ["id", "min", "max", "aria-invalid", "name", "required", "value"], sa = ["aria-label", "disabled"], ra = {
   key: 0,
   class: "joy-counter_error"
-}, Al = {
+}, ua = {
   inheritAttrs: !1
-}, zl = /* @__PURE__ */ j({
-  ...Al,
+}, da = /* @__PURE__ */ S({
+  ...ua,
   __name: "VJoyCounter",
   props: {
     /** Removes any interactivity */
@@ -766,110 +766,110 @@ const Ll = /* @__PURE__ */ $(Cl, [["__scopeId", "data-v-7ab52b19"]]), Bl = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = w(!1), r = w(!1);
-    function i() {
-      const v = p(!1);
-      v >= 0 ? t("update:modelValue", v <= a.min ? a.min : v) : t("update:modelValue", 0), y();
+    const a = e, i = k(!1), s = k(!1);
+    function u() {
+      const v = b(!1);
+      v >= 0 ? t("update:modelValue", v <= a.min ? a.min : v) : t("update:modelValue", 0), m();
     }
     function o() {
-      const v = p();
-      a.max && v <= a.max ? t("update:modelValue", v >= a.max ? a.max : v) : a.max && v > a.max ? t("update:modelValue", a.max) : t("update:modelValue", v), y();
+      const v = b();
+      a.max && v <= a.max ? t("update:modelValue", v >= a.max ? a.max : v) : a.max && v > a.max ? t("update:modelValue", a.max) : t("update:modelValue", v), m();
     }
-    function y() {
-      n.value = !f();
+    function m() {
+      i.value = !p();
     }
-    function p(v = !0) {
-      const h = a.step.toString().split("."), I = h.length === 2 ? h[1].length : 0;
-      return parseFloat(v ? (a.modelValue + a.step).toFixed(I) : (a.modelValue - a.step).toFixed(I));
+    function b(v = !0) {
+      const j = a.step.toString().split("."), L = j.length === 2 ? j[1].length : 0;
+      return parseFloat(v ? (a.modelValue + a.step).toFixed(L) : (a.modelValue - a.step).toFixed(L));
     }
-    function f() {
-      return u() && c();
+    function p() {
+      return d() && f();
     }
-    function u() {
+    function d() {
       return !a.max || a.modelValue <= a.max;
     }
-    function c() {
+    function f() {
       return a.min <= a.modelValue;
     }
-    const s = {
+    const r = {
       onInput: (v) => {
-        t("update:modelValue", +v.target.value || 0), n.value = !1;
+        t("update:modelValue", +v.target.value || 0), i.value = !1;
       },
       onFocus: () => {
-        r.value = !0;
+        s.value = !0;
       },
       onBlur: () => {
-        r.value = !1, y();
+        s.value = !1, m();
       }
     };
     return l({
       props: a
-    }), (v, h) => (d(), m("div", Bl, [
-      e.label ? (d(), x(k(ee), {
+    }), (v, j) => (n(), c("div", la, [
+      e.label ? (n(), V(w(D), {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: O(() => [
-          g(v.$slots, "default", {}, () => [
-            B(C(e.label), 1)
+        default: B(() => [
+          _(v.$slots, "default", {}, () => [
+            C(I(e.label), 1)
           ], !0)
         ]),
         _: 3
-      }, 8, ["for", "required", "optional-label", "size"])) : b("", !0),
-      _("div", {
-        class: S(["joy-counter__wrapper", { "joy-counter--focusing": r.value }])
+      }, 8, ["for", "required", "optional-label", "size"])) : g("", !0),
+      y("div", {
+        class: h(["joy-counter__wrapper", { "joy-counter--focusing": s.value }])
       }, [
-        _("button", {
+        y("button", {
           class: "joy-counter__decrement",
           type: "button",
           "aria-label": e.labelDecrement,
           disabled: e.modelValue <= e.min,
-          onClick: i
+          onClick: u
         }, [
-          R(k(T), { name: "minus" })
-        ], 8, Ol),
-        _("div", Tl, [
-          _("input", Z({
+          A(w(J), { name: "minus" })
+        ], 8, na),
+        y("div", oa, [
+          y("input", R({
             id: e.id,
             ref: "input",
             type: "number",
-            class: { "joy-counter__invalid": e.invalid || n.value },
+            class: { "joy-counter__invalid": e.invalid || i.value },
             min: e.min,
             max: e.max,
-            "aria-invalid": e.invalid || n.value,
+            "aria-invalid": e.invalid || i.value,
             name: e.name,
             required: e.required,
             step: "any",
             value: e.modelValue
           }, v.$attrs, {
-            onInput: h[0] || (h[0] = //@ts-ignore
-            (...I) => s.onInput && s.onInput(...I)),
-            onBlur: h[1] || (h[1] = //@ts-ignore
-            (...I) => s.onBlur && s.onBlur(...I)),
-            onFocus: h[2] || (h[2] = //@ts-ignore
-            (...I) => s.onFocus && s.onFocus(...I))
-          }), null, 16, Jl)
+            onInput: j[0] || (j[0] = //@ts-ignore
+            (...L) => r.onInput && r.onInput(...L)),
+            onBlur: j[1] || (j[1] = //@ts-ignore
+            (...L) => r.onBlur && r.onBlur(...L)),
+            onFocus: j[2] || (j[2] = //@ts-ignore
+            (...L) => r.onFocus && r.onFocus(...L))
+          }), null, 16, ia)
         ]),
-        _("button", {
+        y("button", {
           class: "joy-counter__increment",
           type: "button",
           "aria-label": e.labelIncrement,
           disabled: e.max ? e.modelValue >= e.max : !1,
           onClick: o
         }, [
-          R(k(T), { name: "add" })
-        ], 8, El),
-        e.invalid && e.errorMessage ? (d(), m("div", Pl, [
-          R(k(ft), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
-        ])) : b("", !0)
+          A(w(J), { name: "add" })
+        ], 8, sa),
+        e.invalid && e.errorMessage ? (n(), c("div", ra, [
+          A(w(Ee), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
+        ])) : g("", !0)
       ], 2)
     ]));
   }
 });
-const ql = /* @__PURE__ */ $(zl, [["__scopeId", "data-v-a59ac0ad"]]), Fl = ["disabled"], Ml = { class: "joy-divider-cta--icon" }, Nl = { class: "joy-divider-cta--content" }, Rl = { class: "joy-divider-cta--content---title" }, Dl = /* @__PURE__ */ j({
+const ca = /* @__PURE__ */ $(da, [["__scopeId", "data-v-ebcfc48d"]]), ya = ["disabled"], fa = { class: "joy-divider-cta--icon" }, va = { class: "joy-divider-cta--content" }, pa = { class: "joy-divider-cta--content---title" }, ma = /* @__PURE__ */ S({
   __name: "VJoyDividerCta",
   props: {
     disabled: {
@@ -878,207 +878,154 @@ const ql = /* @__PURE__ */ $(zl, [["__scopeId", "data-v-a59ac0ad"]]), Fl = ["dis
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("button", {
+    return (l, t) => (n(), c("button", {
       type: "button",
-      class: S(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
+      class: h(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
     }, [
-      _("div", Ml, [
-        R(T, { name: "add" })
+      y("div", fa, [
+        A(J, { name: "add" })
       ]),
-      _("div", Nl, [
-        _("p", Rl, [
-          g(l.$slots, "default", {}, void 0, !0)
+      y("div", va, [
+        y("p", pa, [
+          _(l.$slots, "default", {}, void 0, !0)
         ]),
-        g(l.$slots, "divider-content", {}, void 0, !0)
+        _(l.$slots, "divider-content", {}, void 0, !0)
       ])
-    ], 10, Fl));
+    ], 10, ya));
   }
 });
-const Hl = /* @__PURE__ */ $(Dl, [["__scopeId", "data-v-a3d693c3"]]);
-var Oe;
-const le = typeof window < "u", ot = (e) => typeof e == "string", M = () => {
-}, ie = le && ((Oe = window == null ? void 0 : window.navigator) == null ? void 0 : Oe.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function z(e) {
-  return typeof e == "function" ? e() : k(e);
-}
-function rt(e, l) {
-  function t(...a) {
-    return new Promise((n, r) => {
-      Promise.resolve(e(() => l.apply(this, a), { fn: l, thisArg: this, args: a })).then(n).catch(r);
-    });
-  }
-  return t;
-}
-function Wl(e, l = {}) {
-  let t, a, n = M;
-  const r = (o) => {
-    clearTimeout(o), n(), n = M;
-  };
-  return (o) => {
-    const y = z(e), p = z(l.maxWait);
-    return t && r(t), y <= 0 || p !== void 0 && p <= 0 ? (a && (r(a), a = null), Promise.resolve(o())) : new Promise((f, u) => {
-      n = l.rejectOnCancel ? u : f, p && !a && (a = setTimeout(() => {
-        t && r(t), a = null, f(o());
-      }, p)), t = setTimeout(() => {
-        a && r(a), a = null, f(o());
-      }, y);
-    });
-  };
+const ba = /* @__PURE__ */ $(ma, [["__scopeId", "data-v-a3d693c3"]]);
+var be;
+const ye = typeof window < "u", Le = (e) => typeof e == "string", fe = () => {
+}, te = ye && ((be = window == null ? void 0 : window.navigator) == null ? void 0 : be.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function U(e) {
+  return typeof e == "function" ? e() : w(e);
 }
-function Ul(e, l = !0, t = !0, a = !1) {
-  let n = 0, r, i = !0, o = M, y;
-  const p = () => {
-    r && (clearTimeout(r), r = void 0, o(), o = M);
-  };
-  return (u) => {
-    const c = z(e), s = Date.now() - n, v = () => y = u();
-    return p(), c <= 0 ? (n = Date.now(), v()) : (s > c && (t || !i) ? (n = Date.now(), v()) : l && (y = new Promise((h, I) => {
-      o = a ? I : h, r = setTimeout(() => {
-        n = Date.now(), i = !0, h(v()), p();
-      }, Math.max(0, c - s));
-    })), !t && !r && (r = setTimeout(() => i = !0, c)), i = !1, y);
-  };
-}
-const W = {
-  mounted: "mounted",
-  updated: "updated",
-  unmounted: "unmounted"
-};
-function Gl(e) {
+function _a(e) {
   return e;
 }
-function ae(e) {
-  return gt() ? (ht(e), !0) : !1;
-}
-function Kl(e, l = 200, t = {}) {
-  return rt(Wl(l, t), e);
-}
-function Zl(e, l = 200, t = !1, a = !0, n = !1) {
-  return rt(Ul(l, t, a, n), e);
+function X(e) {
+  return He() ? (De(e), !0) : !1;
 }
-function Ql(e) {
-  return typeof e == "function" ? V(e) : w(e);
+function ga(e) {
+  return typeof e == "function" ? x(e) : k(e);
 }
-function it(e, l = !0) {
-  wt() ? Q(e) : l ? e() : at(e);
+function ha(e, l = !0) {
+  We() ? H(e) : l ? e() : Ue(e);
 }
-function te(e) {
+function W(e) {
   var l;
-  const t = z(e);
+  const t = U(e);
   return (l = t == null ? void 0 : t.$el) != null ? l : t;
 }
-const Ce = le ? window : void 0;
-le && window.document;
-le && window.navigator;
-le && window.location;
-function ye(...e) {
-  let l, t, a, n;
-  if (ot(e[0]) || Array.isArray(e[0]) ? ([t, a, n] = e, l = Ce) : [l, t, a, n] = e, !l)
-    return M;
+const ve = ye ? window : void 0;
+function ee(...e) {
+  let l, t, a, i;
+  if (Le(e[0]) || Array.isArray(e[0]) ? ([t, a, i] = e, l = ve) : [l, t, a, i] = e, !l)
+    return fe;
   Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
-  const r = [], i = () => {
-    r.forEach((f) => f()), r.length = 0;
-  }, o = (f, u, c, s) => (f.addEventListener(u, c, s), () => f.removeEventListener(u, c, s)), y = E(() => [te(l), z(n)], ([f, u]) => {
-    i(), f && r.push(...t.flatMap((c) => a.map((s) => o(f, c, s, u))));
-  }, { immediate: !0, flush: "post" }), p = () => {
-    y(), i();
+  const s = [], u = () => {
+    s.forEach((p) => p()), s.length = 0;
+  }, o = (p, d, f, r) => (p.addEventListener(d, f, r), () => p.removeEventListener(d, f, r)), m = F(() => [W(l), U(i)], ([p, d]) => {
+    u(), p && s.push(...t.flatMap((f) => a.map((r) => o(p, f, r, d))));
+  }, { immediate: !0, flush: "post" }), b = () => {
+    m(), u();
   };
-  return ae(p), p;
+  return X(b), b;
 }
-let Te = !1;
-function Yl(e, l, t = {}) {
-  const { window: a = Ce, ignore: n = [], capture: r = !0, detectIframe: i = !1 } = t;
+let _e = !1;
+function ja(e, l, t = {}) {
+  const { window: a = ve, ignore: i = [], capture: s = !0, detectIframe: u = !1 } = t;
   if (!a)
     return;
-  ie && !Te && (Te = !0, Array.from(a.document.body.children).forEach((c) => c.addEventListener("click", M)));
+  te && !_e && (_e = !0, Array.from(a.document.body.children).forEach((f) => f.addEventListener("click", fe)));
   let o = !0;
-  const y = (c) => n.some((s) => {
-    if (typeof s == "string")
-      return Array.from(a.document.querySelectorAll(s)).some((v) => v === c.target || c.composedPath().includes(v));
+  const m = (f) => i.some((r) => {
+    if (typeof r == "string")
+      return Array.from(a.document.querySelectorAll(r)).some((v) => v === f.target || f.composedPath().includes(v));
     {
-      const v = te(s);
-      return v && (c.target === v || c.composedPath().includes(v));
-    }
-  }), f = [
-    ye(a, "click", (c) => {
-      const s = te(e);
-      if (!(!s || s === c.target || c.composedPath().includes(s))) {
-        if (c.detail === 0 && (o = !y(c)), !o) {
+      const v = W(r);
+      return v && (f.target === v || f.composedPath().includes(v));
+    }
+  }), p = [
+    ee(a, "click", (f) => {
+      const r = W(e);
+      if (!(!r || r === f.target || f.composedPath().includes(r))) {
+        if (f.detail === 0 && (o = !m(f)), !o) {
           o = !0;
           return;
         }
-        l(c);
+        l(f);
       }
-    }, { passive: !0, capture: r }),
-    ye(a, "pointerdown", (c) => {
-      const s = te(e);
-      s && (o = !c.composedPath().includes(s) && !y(c));
+    }, { passive: !0, capture: s }),
+    ee(a, "pointerdown", (f) => {
+      const r = W(e);
+      r && (o = !f.composedPath().includes(r) && !m(f));
     }, { passive: !0 }),
-    i && ye(a, "blur", (c) => {
-      var s;
-      const v = te(e);
-      ((s = a.document.activeElement) == null ? void 0 : s.tagName) === "IFRAME" && !(v != null && v.contains(a.document.activeElement)) && l(c);
+    u && ee(a, "blur", (f) => {
+      var r;
+      const v = W(e);
+      ((r = a.document.activeElement) == null ? void 0 : r.tagName) === "IFRAME" && !(v != null && v.contains(a.document.activeElement)) && l(f);
     })
   ].filter(Boolean);
-  return () => f.forEach((c) => c());
+  return () => p.forEach((f) => f());
 }
-function Xl(e, l = !1) {
-  const t = w(), a = () => t.value = Boolean(e());
-  return a(), it(a, l), t;
+function ka(e, l = !1) {
+  const t = k(), a = () => t.value = !!e();
+  return a(), ha(a, l), t;
 }
-const pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, me = "__vueuse_ssr_handlers__";
-pe[me] = pe[me] || {};
-pe[me];
-var Je = Object.getOwnPropertySymbols, ea = Object.prototype.hasOwnProperty, ta = Object.prototype.propertyIsEnumerable, la = (e, l) => {
+const ge = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, he = "__vueuse_ssr_handlers__";
+ge[he] = ge[he] || {};
+var je = Object.getOwnPropertySymbols, Sa = Object.prototype.hasOwnProperty, $a = Object.prototype.propertyIsEnumerable, wa = (e, l) => {
   var t = {};
   for (var a in e)
-    ea.call(e, a) && l.indexOf(a) < 0 && (t[a] = e[a]);
-  if (e != null && Je)
-    for (var a of Je(e))
-      l.indexOf(a) < 0 && ta.call(e, a) && (t[a] = e[a]);
+    Sa.call(e, a) && l.indexOf(a) < 0 && (t[a] = e[a]);
+  if (e != null && je)
+    for (var a of je(e))
+      l.indexOf(a) < 0 && $a.call(e, a) && (t[a] = e[a]);
   return t;
 };
-function aa(e, l, t = {}) {
-  const a = t, { window: n = Ce } = a, r = la(a, ["window"]);
-  let i;
-  const o = Xl(() => n && "ResizeObserver" in n), y = () => {
-    i && (i.disconnect(), i = void 0);
-  }, p = E(() => te(e), (u) => {
-    y(), o.value && n && u && (i = new ResizeObserver(l), i.observe(u, r));
-  }, { immediate: !0, flush: "post" }), f = () => {
-    y(), p();
+function Va(e, l, t = {}) {
+  const a = t, { window: i = ve } = a, s = wa(a, ["window"]);
+  let u;
+  const o = ka(() => i && "ResizeObserver" in i), m = () => {
+    u && (u.disconnect(), u = void 0);
+  }, b = F(() => W(e), (d) => {
+    m(), o.value && i && d && (u = new ResizeObserver(l), u.observe(d, s));
+  }, { immediate: !0, flush: "post" }), p = () => {
+    m(), b();
   };
-  return ae(f), {
+  return X(p), {
     isSupported: o,
-    stop: f
+    stop: p
   };
 }
-var Ee;
+var ke;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(Ee || (Ee = {}));
-function na(e) {
-  const l = w(e == null ? void 0 : e.element), t = w(e == null ? void 0 : e.input);
+})(ke || (ke = {}));
+function xa(e) {
+  const l = k(e == null ? void 0 : e.element), t = k(e == null ? void 0 : e.input);
   function a() {
-    var n, r;
-    l.value && (l.value.style.height = "1px", l.value.style.height = `${(n = l.value) == null ? void 0 : n.scrollHeight}px`, (r = e == null ? void 0 : e.onResize) == null || r.call(e));
+    var i, s;
+    l.value && (l.value.style.height = "1px", l.value.style.height = `${(i = l.value) == null ? void 0 : i.scrollHeight}px`, (s = e == null ? void 0 : e.onResize) == null || s.call(e));
   }
-  return E([t, l], a, { immediate: !0 }), aa(l, () => a()), e != null && e.watch && E(e.watch, a, { immediate: !0, deep: !0 }), {
+  return F([t, l], a, { immediate: !0 }), Va(l, () => a()), e != null && e.watch && F(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: l,
     input: t,
     triggerResize: a
   };
 }
-var oa = Object.defineProperty, Pe = Object.getOwnPropertySymbols, ra = Object.prototype.hasOwnProperty, ia = Object.prototype.propertyIsEnumerable, Ae = (e, l, t) => l in e ? oa(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, sa = (e, l) => {
+var Ia = Object.defineProperty, Se = Object.getOwnPropertySymbols, Ca = Object.prototype.hasOwnProperty, La = Object.prototype.propertyIsEnumerable, $e = (e, l, t) => l in e ? Ia(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Ba = (e, l) => {
   for (var t in l || (l = {}))
-    ra.call(l, t) && Ae(e, t, l[t]);
-  if (Pe)
-    for (var t of Pe(l))
-      ia.call(l, t) && Ae(e, t, l[t]);
+    Ca.call(l, t) && $e(e, t, l[t]);
+  if (Se)
+    for (var t of Se(l))
+      La.call(l, t) && $e(e, t, l[t]);
   return e;
 };
-const ua = {
+const Ja = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -1104,404 +1051,106 @@ const ua = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-sa({
-  linear: Gl
-}, ua);
-const da = /* @__PURE__ */ j({
+Ba({
+  linear: _a
+}, Ja);
+const Ta = /* @__PURE__ */ S({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: l, emit: t }) {
-    const a = w();
-    return Yl(a, (n) => {
-      t("trigger", n);
+    const a = k();
+    return ja(a, (i) => {
+      t("trigger", i);
     }, e.options), () => {
       if (l.default)
-        return St(e.as || "div", { ref: a }, l.default());
+        return Ge(e.as || "div", { ref: a }, l.default());
     };
   }
 });
-function q(e) {
+function Ea(e) {
   var l;
-  const t = z(e);
+  const t = U(e);
   return (l = t == null ? void 0 : t.$el) != null ? l : t;
 }
-const X = le ? window : void 0;
-function N(...e) {
-  let l, t, a, n;
-  if (ot(e[0]) || Array.isArray(e[0]) ? ([t, a, n] = e, l = X) : [l, t, a, n] = e, !l)
-    return M;
+const za = ye ? window : void 0;
+function Aa(...e) {
+  let l, t, a, i;
+  if (Le(e[0]) || Array.isArray(e[0]) ? ([t, a, i] = e, l = za) : [l, t, a, i] = e, !l)
+    return fe;
   Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
-  const r = [], i = () => {
-    r.forEach((f) => f()), r.length = 0;
-  }, o = (f, u, c, s) => (f.addEventListener(u, c, s), () => f.removeEventListener(u, c, s)), y = E(() => [q(l), z(n)], ([f, u]) => {
-    i(), f && r.push(...t.flatMap((c) => a.map((s) => o(f, c, s, u))));
-  }, { immediate: !0, flush: "post" }), p = () => {
-    y(), i();
-  };
-  return ae(p), p;
-}
-let ze = !1;
-function qe(e, l, t = {}) {
-  const { window: a = X, ignore: n = [], capture: r = !0, detectIframe: i = !1 } = t;
-  if (!a)
-    return;
-  ie && !ze && (ze = !0, Array.from(a.document.body.children).forEach((c) => c.addEventListener("click", M)));
-  let o = !0;
-  const y = (c) => n.some((s) => {
-    if (typeof s == "string")
-      return Array.from(a.document.querySelectorAll(s)).some((v) => v === c.target || c.composedPath().includes(v));
-    {
-      const v = q(s);
-      return v && (c.target === v || c.composedPath().includes(v));
-    }
-  }), f = [
-    N(a, "click", (c) => {
-      const s = q(e);
-      if (!(!s || s === c.target || c.composedPath().includes(s))) {
-        if (c.detail === 0 && (o = !y(c)), !o) {
-          o = !0;
-          return;
-        }
-        l(c);
-      }
-    }, { passive: !0, capture: r }),
-    N(a, "pointerdown", (c) => {
-      const s = q(e);
-      s && (o = !c.composedPath().includes(s) && !y(c));
-    }, { passive: !0 }),
-    i && N(a, "blur", (c) => {
-      var s;
-      const v = q(e);
-      ((s = a.document.activeElement) == null ? void 0 : s.tagName) === "IFRAME" && !(v != null && v.contains(a.document.activeElement)) && l(c);
-    })
-  ].filter(Boolean);
-  return () => f.forEach((c) => c());
-}
-W.mounted + "", W.unmounted + "";
-const ca = (e) => typeof e == "function" ? e : typeof e == "string" ? (l) => l.key === e : Array.isArray(e) ? (l) => e.includes(l.key) : () => !0;
-function Fe(...e) {
-  let l, t, a = {};
-  e.length === 3 ? (l = e[0], t = e[1], a = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (l = !0, t = e[0], a = e[1]) : (l = e[0], t = e[1]) : (l = !0, t = e[0]);
-  const { target: n = X, eventName: r = "keydown", passive: i = !1 } = a, o = ca(l);
-  return N(n, r, (p) => {
-    o(p) && t(p);
-  }, i);
-}
-var fa = Object.defineProperty, Me = Object.getOwnPropertySymbols, ya = Object.prototype.hasOwnProperty, va = Object.prototype.propertyIsEnumerable, Ne = (e, l, t) => l in e ? fa(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, pa = (e, l) => {
-  for (var t in l || (l = {}))
-    ya.call(l, t) && Ne(e, t, l[t]);
-  if (Me)
-    for (var t of Me(l))
-      va.call(l, t) && Ne(e, t, l[t]);
-  return e;
-};
-W.mounted + "";
-const ma = 500;
-function Re(e, l, t) {
-  var a, n;
-  const r = V(() => q(e));
-  let i;
-  function o() {
-    i && (clearTimeout(i), i = void 0);
-  }
-  function y(f) {
-    var u, c, s, v;
-    (u = t == null ? void 0 : t.modifiers) != null && u.self && f.target !== r.value || (o(), (c = t == null ? void 0 : t.modifiers) != null && c.prevent && f.preventDefault(), (s = t == null ? void 0 : t.modifiers) != null && s.stop && f.stopPropagation(), i = setTimeout(() => l(f), (v = t == null ? void 0 : t.delay) != null ? v : ma));
-  }
-  const p = {
-    capture: (a = t == null ? void 0 : t.modifiers) == null ? void 0 : a.capture,
-    once: (n = t == null ? void 0 : t.modifiers) == null ? void 0 : n.once
-  };
-  N(r, "pointerdown", y, p), N(r, "pointerup", o, p), N(r, "pointerleave", o, p);
-}
-W.mounted + "";
-const _e = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, be = "__vueuse_ssr_handlers__";
-_e[be] = _e[be] || {};
-_e[be];
-function st(e, l = !1) {
-  const t = w(), a = () => t.value = Boolean(e());
-  return a(), it(a, l), t;
-}
-function _a(e, l = {}) {
-  const t = l ? l.delayEnter : 0, a = l ? l.delayLeave : 0, n = w(!1);
-  let r;
-  const i = (o) => {
-    const y = o ? t : a;
-    r && (clearTimeout(r), r = void 0), y ? r = setTimeout(() => n.value = o, y) : n.value = o;
-  };
-  return window && (N(e, "mouseenter", () => i(!0), { passive: !0 }), N(e, "mouseleave", () => i(!1), { passive: !0 })), n;
-}
-W.mounted + "";
-var De = Object.getOwnPropertySymbols, ba = Object.prototype.hasOwnProperty, ga = Object.prototype.propertyIsEnumerable, ha = (e, l) => {
-  var t = {};
-  for (var a in e)
-    ba.call(e, a) && l.indexOf(a) < 0 && (t[a] = e[a]);
-  if (e != null && De)
-    for (var a of De(e))
-      l.indexOf(a) < 0 && ga.call(e, a) && (t[a] = e[a]);
-  return t;
-};
-function wa(e, l, t = {}) {
-  const a = t, { window: n = X } = a, r = ha(a, ["window"]);
-  let i;
-  const o = st(() => n && "ResizeObserver" in n), y = () => {
-    i && (i.disconnect(), i = void 0);
-  }, p = E(() => q(e), (u) => {
-    y(), o.value && n && u && (i = new ResizeObserver(l), i.observe(u, r));
-  }, { immediate: !0, flush: "post" }), f = () => {
-    y(), p();
-  };
-  return ae(f), {
-    isSupported: o,
-    stop: f
-  };
-}
-function Sa(e, l = { width: 0, height: 0 }, t = {}) {
-  const { window: a = X, box: n = "content-box" } = t, r = V(() => {
-    var y, p;
-    return (p = (y = q(e)) == null ? void 0 : y.namespaceURI) == null ? void 0 : p.includes("svg");
-  }), i = w(l.width), o = w(l.height);
-  return wa(e, ([y]) => {
-    const p = n === "border-box" ? y.borderBoxSize : n === "content-box" ? y.contentBoxSize : y.devicePixelContentBoxSize;
-    if (a && r.value) {
-      const f = q(e);
-      if (f) {
-        const u = a.getComputedStyle(f);
-        i.value = parseFloat(u.width), o.value = parseFloat(u.height);
-      }
-    } else if (p) {
-      const f = Array.isArray(p) ? p : [p];
-      i.value = f.reduce((u, { inlineSize: c }) => u + c, 0), o.value = f.reduce((u, { blockSize: c }) => u + c, 0);
-    } else
-      i.value = y.contentRect.width, o.value = y.contentRect.height;
-  }, t), E(() => q(e), (y) => {
-    i.value = y ? l.width : 0, o.value = y ? l.height : 0;
-  }), {
-    width: i,
-    height: o
-  };
-}
-W.mounted + "";
-function He(e, { window: l = X, scrollTarget: t } = {}) {
-  const a = w(!1), n = () => {
-    if (!l)
-      return;
-    const r = l.document, i = q(e);
-    if (!i)
-      a.value = !1;
-    else {
-      const o = i.getBoundingClientRect();
-      a.value = o.top <= (l.innerHeight || r.documentElement.clientHeight) && o.left <= (l.innerWidth || r.documentElement.clientWidth) && o.bottom >= 0 && o.right >= 0;
-    }
-  };
-  return E(() => q(e), () => n(), { immediate: !0, flush: "post" }), l && N(t || l, "scroll", n, {
-    capture: !1,
-    passive: !0
-  }), a;
-}
-W.mounted + "";
-const We = 1;
-function ge(e, l = {}) {
-  const {
-    throttle: t = 0,
-    idle: a = 200,
-    onStop: n = M,
-    onScroll: r = M,
-    offset: i = {
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0
-    },
-    eventListenerOptions: o = {
-      capture: !1,
-      passive: !0
-    },
-    behavior: y = "auto"
-  } = l, p = w(0), f = w(0), u = V({
-    get() {
-      return p.value;
-    },
-    set(A) {
-      s(A, void 0);
-    }
-  }), c = V({
-    get() {
-      return f.value;
-    },
-    set(A) {
-      s(void 0, A);
-    }
-  });
-  function s(A, L) {
-    var U, F, Be;
-    const fe = z(e);
-    fe && ((Be = fe instanceof Document ? document.body : fe) == null || Be.scrollTo({
-      top: (U = z(L)) != null ? U : c.value,
-      left: (F = z(A)) != null ? F : u.value,
-      behavior: z(y)
-    }));
-  }
-  const v = w(!1), h = ve({
-    left: !0,
-    right: !1,
-    top: !0,
-    bottom: !1
-  }), I = ve({
-    left: !1,
-    right: !1,
-    top: !1,
-    bottom: !1
-  }), J = (A) => {
-    v.value && (v.value = !1, I.left = !1, I.right = !1, I.top = !1, I.bottom = !1, n(A));
-  }, ce = Kl(J, t + a), oe = (A) => {
-    const L = A.target === document ? A.target.documentElement : A.target, U = L.scrollLeft;
-    I.left = U < p.value, I.right = U > f.value, h.left = U <= 0 + (i.left || 0), h.right = U + L.clientWidth >= L.scrollWidth - (i.right || 0) - We, p.value = U;
-    let F = L.scrollTop;
-    A.target === document && !F && (F = document.body.scrollTop), I.top = F < f.value, I.bottom = F > f.value, h.top = F <= 0 + (i.top || 0), h.bottom = F + L.clientHeight >= L.scrollHeight - (i.bottom || 0) - We, f.value = F, v.value = !0, ce(A), r(A);
-  };
-  return N(e, "scroll", t ? Zl(oe, t, !0, !1) : oe, o), N(e, "scrollend", J, o), {
-    x: u,
-    y: c,
-    isScrolling: v,
-    arrivedState: h,
-    directions: I
+  const s = [], u = () => {
+    s.forEach((p) => p()), s.length = 0;
+  }, o = (p, d, f, r) => (p.addEventListener(d, f, r), () => p.removeEventListener(d, f, r)), m = F(() => [Ea(l), U(i)], ([p, d]) => {
+    u(), p && s.push(...t.flatMap((f) => a.map((r) => o(p, f, r, d))));
+  }, { immediate: !0, flush: "post" }), b = () => {
+    m(), u();
   };
+  return X(b), b;
 }
-var ja = Object.defineProperty, $a = Object.defineProperties, ka = Object.getOwnPropertyDescriptors, Ue = Object.getOwnPropertySymbols, Va = Object.prototype.hasOwnProperty, xa = Object.prototype.propertyIsEnumerable, Ge = (e, l, t) => l in e ? ja(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Ke = (e, l) => {
-  for (var t in l || (l = {}))
-    Va.call(l, t) && Ge(e, t, l[t]);
-  if (Ue)
-    for (var t of Ue(l))
-      xa.call(l, t) && Ge(e, t, l[t]);
-  return e;
-}, Ia = (e, l) => $a(e, ka(l));
-function Ze(e, l, t = {}) {
-  var a, n;
-  const r = (a = t.direction) != null ? a : "bottom", i = ve(ge(e, Ia(Ke({}, t), {
-    offset: Ke({
-      [r]: (n = t.distance) != null ? n : 0
-    }, t.offset)
-  })));
-  E(() => i.arrivedState[r], async (o) => {
-    var y, p;
-    if (o) {
-      const f = z(e), u = {
-        height: (y = f == null ? void 0 : f.scrollHeight) != null ? y : 0,
-        width: (p = f == null ? void 0 : f.scrollWidth) != null ? p : 0
-      };
-      await l(i), t.preserveScrollPosition && f && at(() => {
-        f.scrollTo({
-          top: f.scrollHeight - u.height,
-          left: f.scrollWidth - u.width
-        });
-      });
-    }
-  });
-}
-W.mounted + "";
-function Qe(e, l, t = {}) {
-  const {
-    root: a,
-    rootMargin: n = "0px",
-    threshold: r = 0.1,
-    window: i = X
-  } = t, o = st(() => i && "IntersectionObserver" in i);
-  let y = M;
-  const p = o.value ? E(() => ({
-    el: q(e),
-    root: q(a)
-  }), ({ el: u, root: c }) => {
-    if (y(), !u)
-      return;
-    const s = new IntersectionObserver(l, {
-      root: c,
-      rootMargin: n,
-      threshold: r
-    });
-    s.observe(u), y = () => {
-      s.disconnect(), y = M;
-    };
-  }, { immediate: !0, flush: "post" }) : M, f = () => {
-    y(), p();
-  };
-  return ae(f), {
-    isSupported: o,
-    stop: f
-  };
-}
-W.mounted + "";
-var Ca = Object.defineProperty, La = Object.defineProperties, Ba = Object.getOwnPropertyDescriptors, Ye = Object.getOwnPropertySymbols, Oa = Object.prototype.hasOwnProperty, Ta = Object.prototype.propertyIsEnumerable, Xe = (e, l, t) => l in e ? Ca(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Ja = (e, l) => {
-  for (var t in l || (l = {}))
-    Oa.call(l, t) && Xe(e, t, l[t]);
-  if (Ye)
-    for (var t of Ye(l))
-      Ta.call(l, t) && Xe(e, t, l[t]);
-  return e;
-}, Ea = (e, l) => La(e, Ba(l));
-W.mounted + "";
-function ut(e) {
+const we = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Ve = "__vueuse_ssr_handlers__";
+we[Ve] = we[Ve] || {};
+function Be(e) {
   const l = window.getComputedStyle(e);
   if (l.overflowX === "scroll" || l.overflowY === "scroll" || l.overflowX === "auto" && e.clientHeight < e.scrollHeight || l.overflowY === "auto" && e.clientWidth < e.scrollWidth)
     return !0;
   {
     const t = e.parentNode;
-    return !t || t.tagName === "BODY" ? !1 : ut(t);
+    return !t || t.tagName === "BODY" ? !1 : Be(t);
   }
 }
-function Pa(e) {
+function qa(e) {
   const l = e || window.event, t = l.target;
-  return ut(t) ? !1 : l.touches.length > 1 ? !0 : (l.preventDefault && l.preventDefault(), !1);
+  return Be(t) ? !1 : l.touches.length > 1 ? !0 : (l.preventDefault && l.preventDefault(), !1);
 }
-function Aa(e, l = !1) {
-  const t = w(l);
-  let a = null, n;
-  E(Ql(e), (o) => {
+function Oa(e, l = !1) {
+  const t = k(l);
+  let a = null, i;
+  F(ga(e), (o) => {
     if (o) {
-      const y = o;
-      n = y.style.overflow, t.value && (y.style.overflow = "hidden");
+      const m = o;
+      i = m.style.overflow, t.value && (m.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
-  const r = () => {
-    const o = z(e);
-    !o || t.value || (ie && (a = N(o, "touchmove", (y) => {
-      Pa(y);
+  const s = () => {
+    const o = U(e);
+    !o || t.value || (te && (a = Aa(o, "touchmove", (m) => {
+      qa(m);
     }, { passive: !1 })), o.style.overflow = "hidden", t.value = !0);
-  }, i = () => {
-    const o = z(e);
-    !o || !t.value || (ie && (a == null || a()), o.style.overflow = n, t.value = !1);
+  }, u = () => {
+    const o = U(e);
+    !o || !t.value || (te && (a == null || a()), o.style.overflow = i, t.value = !1);
   };
-  return ae(i), V({
+  return X(u), x({
     get() {
       return t.value;
     },
     set(o) {
-      o ? r() : i();
+      o ? s() : u();
     }
   });
 }
-const za = () => {
+const Fa = () => {
   let e = !1;
-  const l = w(!1);
+  const l = k(!1);
   return (t, a) => {
     if (l.value = a.value, e)
       return;
     e = !0;
-    const n = Aa(t, a.value);
-    E(l, (r) => n.value = r);
+    const i = Oa(t, a.value);
+    F(l, (s) => i.value = s);
   };
 };
-za();
-const dt = ["medium", "small", "xsmall"], qa = {
+Fa();
+const Je = ["medium", "small", "xsmall"], Pa = {
   key: 0,
   class: "joy-dropdown-list__header"
-}, Fa = ["aria-label", "aria-labelledby"], Ma = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Na = {
+}, Ma = ["aria-label", "aria-labelledby"], Na = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Ra = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, Ra = /* @__PURE__ */ j({
+}, Ha = /* @__PURE__ */ S({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -1521,7 +1170,7 @@ const dt = ["medium", "small", "xsmall"], qa = {
       type: String,
       default: "medium",
       validator(e) {
-        return dt.includes(e);
+        return Je.includes(e);
       }
     },
     modelValue: {
@@ -1551,127 +1200,127 @@ const dt = ["medium", "small", "xsmall"], qa = {
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = w(), r = V(() => (s) => !a.modelValue || !s.value && !s.id ? !1 : a.modelValue === s.value || a.modelValue === s.id);
-    function i(s) {
-      s.disabled || t("update:modelValue", s.value || s.id);
+    const a = e, i = k(), s = x(() => (r) => !a.modelValue || !r.value && !r.id ? !1 : a.modelValue === r.value || a.modelValue === r.id);
+    function u(r) {
+      r.disabled || t("update:modelValue", r.value || r.id);
     }
     function o() {
-      var s;
-      return Array.from(((s = n.value) == null ? void 0 : s.querySelectorAll("li")) || []);
+      var r;
+      return Array.from(((r = i.value) == null ? void 0 : r.querySelectorAll("li")) || []);
     }
-    function y() {
-      const s = o().find((v) => v.getAttribute("aria-selected") === "true");
-      s && (s.focus(), n.value.scrollTo({
-        top: s.offsetTop
+    function m() {
+      const r = o().find((v) => v.getAttribute("aria-selected") === "true");
+      r && (r.focus(), i.value.scrollTo({
+        top: r.offsetTop
       }));
     }
-    function p() {
-      return o().find((s) => s === document.activeElement);
+    function b() {
+      return o().find((r) => r === document.activeElement);
     }
-    function f(s) {
+    function p(r) {
       var v;
-      if (!(n.value && !n.value.contains(document.activeElement) || !n.value)) {
-        if ((s.key === "Escape" || s.key === "Tab") && t("close:dropdownList"), (s.key === "Enter" || s.key === "enter") && (s.preventDefault(), p() && ((v = n.value) != null && v.contains(p())))) {
-          const h = p();
-          if (!h)
+      if (!(i.value && !i.value.contains(document.activeElement) || !i.value)) {
+        if ((r.key === "Escape" || r.key === "Tab") && t("close:dropdownList"), (r.key === "Enter" || r.key === "enter") && (r.preventDefault(), b() && ((v = i.value) != null && v.contains(b())))) {
+          const j = b();
+          if (!j)
             return;
-          if (h.querySelector("a"))
-            return h.querySelector("a").click();
-          t("update:modelValue", h.dataModel);
+          if (j.querySelector("a"))
+            return j.querySelector("a").click();
+          t("update:modelValue", j.dataModel);
         }
-        if (p() && s.key === " " && s.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key)) {
-          const h = o(), I = p();
-          let J = h.indexOf(I);
-          if (h.length) {
-            s.preventDefault(), s.key === "ArrowDown" ? J++ : s.key === "ArrowUp" ? J-- : s.key === "Home" ? J = 0 : s.key === "End" && (J = h.length - 1), J < 0 && (J = h.length - 1), J > h.length - 1 && (J = 0), u(h[J]);
+        if (b() && r.key === " " && r.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key)) {
+          const j = o(), L = b();
+          let z = j.indexOf(L);
+          if (j.length) {
+            r.preventDefault(), r.key === "ArrowDown" ? z++ : r.key === "ArrowUp" ? z-- : r.key === "Home" ? z = 0 : r.key === "End" && (z = j.length - 1), z < 0 && (z = j.length - 1), z > j.length - 1 && (z = 0), d(j[z]);
             return;
           }
         }
       }
     }
-    function u(s) {
-      s.focus();
+    function d(r) {
+      r.focus();
     }
-    function c() {
+    function f() {
       t("reset");
     }
-    return Q(() => {
-      window.addEventListener("keydown", f), y();
-    }), je(() => {
-      window.removeEventListener("keydown", f);
+    return H(() => {
+      window.addEventListener("keydown", p), m();
+    }), ie(() => {
+      window.removeEventListener("keydown", p);
     }), l({
-      isSelected: r
-    }), (s, v) => (d(), m("div", {
+      isSelected: s
+    }), (r, v) => (n(), c("div", {
       class: "joy-dropdown-list",
-      style: K({ width: `${e.width}px`, "max-width": `${e.width}px` })
+      style: N({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      s.$slots["dropdown-list-header"] || e.reset ? (d(), m("header", qa, [
-        e.reset ? (d(), m("button", {
+      r.$slots["dropdown-list-header"] || e.reset ? (n(), c("header", Pa, [
+        e.reset ? (n(), c("button", {
           key: 0,
           type: "button",
           class: "joy-dropdown-list__reset",
-          onClick: c
-        }, C(e.resetLabel || "Reset"), 1)) : b("", !0),
-        g(s.$slots, "dropdown-list-header", {}, void 0, !0)
-      ])) : b("", !0),
-      _("div", {
+          onClick: f
+        }, I(e.resetLabel || "Reset"), 1)) : g("", !0),
+        _(r.$slots, "dropdown-list-header", {}, void 0, !0)
+      ])) : g("", !0),
+      y("div", {
         tabindex: "0",
-        class: S(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": s.$slots["dropdown-list-items"] }]),
-        style: K({ "max-height": `${e.height}px` })
+        class: h(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": r.$slots["dropdown-list-items"] }]),
+        style: N({ "max-height": `${e.height}px` })
       }, [
-        g(s.$slots, "dropdown-list-items", {}, void 0, !0),
-        e.options.length ? (d(), m("ul", {
+        _(r.$slots, "dropdown-list-items", {}, void 0, !0),
+        e.options.length ? (n(), c("ul", {
           key: 0,
           ref_key: "listbox",
-          ref: n,
+          ref: i,
           role: "listbox",
           "aria-expanded": "true",
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (d(!0), m(D, null, G(e.options, (h) => (d(), m("li", {
-            id: h.id,
-            key: h.label,
-            style: K({ "max-width": `${e.width}px` }),
-            class: S([
+          (n(!0), c(q, null, P(e.options, (j) => (n(), c("li", {
+            id: j.id,
+            key: j.label,
+            style: N({ "max-width": `${e.width}px` }),
+            class: h([
               "joy-dropdown-list__item",
               `joy-dropdown-list__item--${e.size}`,
               {
-                "joy-dropdown-list__item--selected": r.value(h),
-                "joy-dropdown-list__item--disabled": h.disabled
+                "joy-dropdown-list__item--selected": s.value(j),
+                "joy-dropdown-list__item--disabled": j.disabled
               }
             ]),
-            tabindex: h.disabled ? void 0 : -1,
-            "aria-disabled": h.disabled,
-            "aria-selected": r.value(h),
-            title: h.label,
-            "aria-label": h.label,
-            ".dataModel": h.value || h.id,
+            tabindex: j.disabled ? void 0 : -1,
+            "aria-disabled": j.disabled,
+            "aria-selected": s.value(j),
+            title: j.label,
+            "aria-label": j.label,
+            ".dataModel": j.value || j.id,
             role: "option",
-            onClick: (I) => i(h)
+            onClick: (L) => u(j)
           }, [
-            g(s.$slots, "label", se(ue(h)), () => [
-              _("span", null, C(h.label), 1)
+            _(r.$slots, "label", Z(Q(j)), () => [
+              y("span", null, I(j.label), 1)
             ], !0)
-          ], 14, Ma))), 128))
-        ], 8, Fa)) : b("", !0)
+          ], 14, Na))), 128))
+        ], 8, Ma)) : g("", !0)
       ], 6),
-      s.$slots["dropdown-list-footer"] ? (d(), m("footer", Na, [
-        g(s.$slots, "dropdown-list-footer", {}, void 0, !0)
-      ])) : b("", !0)
+      r.$slots["dropdown-list-footer"] ? (n(), c("footer", Ra, [
+        _(r.$slots, "dropdown-list-footer", {}, void 0, !0)
+      ])) : g("", !0)
     ], 4));
   }
 });
-const ct = /* @__PURE__ */ $(Ra, [["__scopeId", "data-v-f46e79bc"]]);
+const Te = /* @__PURE__ */ $(Ha, [["__scopeId", "data-v-4e25408f"]]);
 function Da(e) {
   const l = () => e();
-  Q(() => {
+  H(() => {
     window.addEventListener("resize", l);
-  }), je(() => {
+  }), ie(() => {
     window.removeEventListener("resize", l);
   });
 }
-const Ha = /* @__PURE__ */ j({
+const Wa = /* @__PURE__ */ S({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -1721,7 +1370,7 @@ const Ha = /* @__PURE__ */ j({
       type: String,
       default: "medium",
       validator(e) {
-        return dt.includes(e);
+        return Je.includes(e);
       }
     },
     /** Use v-model */
@@ -1765,86 +1414,86 @@ const Ha = /* @__PURE__ */ j({
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = w(!1), r = w(null), i = w(), o = w(null), y = w(null), p = w(!1), f = "joy-dropdown--" + Ve();
-    $e("VJoyDropdownContext", a);
-    const u = {
-      ignore: [i, ".joy-dropdown__list"]
+    const a = e, i = k(!1), s = k(null), u = k(), o = k(null), m = k(null), b = k(!1), p = "joy-dropdown--" + ue();
+    se("VJoyDropdownContext", a);
+    const d = {
+      ignore: [u, ".joy-dropdown__list"]
     };
-    let c = null;
-    E(
-      () => n.value,
-      (L) => {
-        L && hl(o);
+    let f = null;
+    F(
+      () => i.value,
+      (T) => {
+        T && Wt(o);
       },
       { flush: "post" }
     );
-    const s = V(() => {
-      let L = `${a.dropdownGap}px`;
-      return a.direction === "up" && (L = "-" + L), {
-        marginTop: L
+    const r = x(() => {
+      let T = `${a.dropdownGap}px`;
+      return a.direction === "up" && (T = "-" + T), {
+        marginTop: T
       };
     });
     function v() {
-      c && clearTimeout(c), p.value = !0, c = setTimeout(() => {
-        n.value = !1, p.value = !1, t("dropdown:hide");
+      f && clearTimeout(f), b.value = !0, f = setTimeout(() => {
+        i.value = !1, b.value = !1, t("dropdown:hide");
       }, 300);
     }
-    function h(L) {
-      p.value = !1, c && clearTimeout(c), y.value = L.target, n.value = !0, t("dropdown:open");
+    function j(T) {
+      b.value = !1, f && clearTimeout(f), m.value = T.target, i.value = !0, t("dropdown:open");
     }
-    function I() {
-      v(), J();
+    function L() {
+      v(), z();
     }
-    function J() {
-      y.value && y.value.focus();
+    function z() {
+      m.value && m.value.focus();
     }
-    function ce(L) {
-      t("update:modelValue", L), a.closeOnSelect && (v(), J());
+    function Fe(T) {
+      t("update:modelValue", T), a.closeOnSelect && (v(), z());
     }
-    function oe() {
+    function Pe() {
       t("dropdown:reset");
     }
-    function A() {
-      !i.value || !i.value.children.length || (i.value.children[0].id = f);
+    function Me() {
+      !u.value || !u.value.children.length || (u.value.children[0].id = p);
     }
-    return Da(v), Q(() => {
-      A();
+    return Da(v), H(() => {
+      Me();
     }), l({
-      showDropdownList: n,
-      generatedId: f
-    }), (L, U) => (d(), x(k(da), {
+      showDropdownList: i,
+      generatedId: p
+    }), (T, Po) => (n(), V(w(Ta), {
       ref_key: "dropdown",
-      ref: r,
-      options: u,
+      ref: s,
+      options: d,
       class: "joy-dropdown",
       onTrigger: v
     }, {
-      default: O(() => [
-        _("div", {
+      default: B(() => [
+        y("div", {
           ref_key: "button",
-          ref: i,
+          ref: u,
           class: "joy-dropdown__button",
           "data-testid": "dropdown-trigger",
-          onClick: h
+          onClick: j
         }, [
-          g(L.$slots, "dropdown-button", {}, void 0, !0)
+          _(T.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
-        n.value ? (d(), m("div", {
+        i.value ? (n(), c("div", {
           key: 0,
           ref_key: "list",
           ref: o,
-          class: S([
+          class: h([
             "joy-dropdown__list",
             `joy-dropdown__list--${e.justify}`,
             `joy-dropdown__list--${e.direction}`,
             {
-              "joy-dropdown__list--visible": !p.value,
-              "joy-dropdown__list--hiding": p.value
+              "joy-dropdown__list--visible": !b.value,
+              "joy-dropdown__list--hiding": b.value
             }
           ]),
-          style: K(s.value)
+          style: N(r.value)
         }, [
-          R(ct, {
+          A(Te, {
             "model-value": e.modelValue,
             options: e.options,
             size: e.size,
@@ -1852,64 +1501,64 @@ const Ha = /* @__PURE__ */ j({
             height: e.height,
             reset: e.reset,
             "reset-label": e.resetLabel,
-            "aria-labelled-by": f,
-            "onUpdate:modelValue": ce,
-            "onClose:dropdownList": I,
-            onReset: oe
-          }, nt({
-            label: O((F) => [
-              g(L.$slots, "dropdown-item", se(ue(F)), () => [
-                _("span", null, C(F.label), 1)
+            "aria-labelled-by": p,
+            "onUpdate:modelValue": Fe,
+            "onClose:dropdownList": L,
+            onReset: Pe
+          }, Ce({
+            label: B((me) => [
+              _(T.$slots, "dropdown-item", Z(Q(me)), () => [
+                y("span", null, I(me.label), 1)
               ], !0)
             ]),
             _: 2
           }, [
-            L.$slots["dropdown-header"] ? {
+            T.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
-              fn: O(() => [
-                g(L.$slots, "dropdown-header", {}, void 0, !0)
+              fn: B(() => [
+                _(T.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
-            L.$slots["dropdown-items"] ? {
+            T.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
-              fn: O(() => [
-                g(L.$slots, "dropdown-items", {}, void 0, !0)
+              fn: B(() => [
+                _(T.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
-            L.$slots["dropdown-footer"] ? {
+            T.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
-              fn: O(() => [
-                g(L.$slots, "dropdown-footer", {}, void 0, !0)
+              fn: B(() => [
+                _(T.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
           ]), 1032, ["model-value", "options", "size", "width", "height", "reset", "reset-label"])
-        ], 6)) : b("", !0)
+        ], 6)) : g("", !0)
       ]),
       _: 3
     }, 512));
   }
 });
-const Wa = /* @__PURE__ */ $(Ha, [["__scopeId", "data-v-df017105"]]), Ua = ["aria-label"], Ga = { class: "joy-filter-bar__wrapper" }, Ka = /* @__PURE__ */ j({
+const Ua = /* @__PURE__ */ $(Wa, [["__scopeId", "data-v-97d5db60"]]), Ga = ["aria-label"], Ka = { class: "joy-filter-bar__wrapper" }, Za = /* @__PURE__ */ S({
   __name: "VJoyFilterBar",
   props: {
     ariaLabel: String
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
+    return (l, t) => (n(), c("div", {
       class: "joy-filter-bar",
       role: "group",
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
-      _("div", Ga, [
-        g(l.$slots, "default", {}, void 0, !0)
+      y("div", Ka, [
+        _(l.$slots, "default", {}, void 0, !0)
       ])
-    ], 8, Ua));
+    ], 8, Ga));
   }
 });
-const Za = /* @__PURE__ */ $(Ka, [["__scopeId", "data-v-114f8274"]]), Qa = /* @__PURE__ */ j({
+const Qa = /* @__PURE__ */ $(Za, [["__scopeId", "data-v-114f8274"]]), Ya = /* @__PURE__ */ S({
   __name: "VJoyFilterBarButton",
   props: {
     label: String,
@@ -1924,28 +1573,28 @@ const Za = /* @__PURE__ */ $(Ka, [["__scopeId", "data-v-114f8274"]]), Qa = /* @_
   },
   emits: ["filter"],
   setup(e, { emit: l }) {
-    const t = e, a = de("VJoyDropdownContext", null);
-    function n() {
+    const t = e, a = Y("VJoyDropdownContext", null);
+    function i() {
       l("filter", t.value);
     }
-    return (r, i) => (d(), m("button", {
+    return (s, u) => (n(), c("button", {
       type: "button",
-      class: S(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
-      onClick: n
+      class: h(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
+      onClick: i
     }, [
-      B(C(e.label) + " ", 1),
-      g(r.$slots, "default", {}, void 0, !0),
-      k(a) ? (d(), x(T, {
+      C(I(e.label) + " ", 1),
+      _(s.$slots, "default", {}, void 0, !0),
+      w(a) ? (n(), V(J, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
         size: "xxsmall",
         color: "neutral"
-      })) : b("", !0)
+      })) : g("", !0)
     ], 2));
   }
 });
-const Ya = /* @__PURE__ */ $(Qa, [["__scopeId", "data-v-8f87fed1"]]), Xa = ["aria-hidden"], en = /* @__PURE__ */ j({
+const Xa = /* @__PURE__ */ $(Ya, [["__scopeId", "data-v-8f87fed1"]]), el = ["aria-hidden"], tl = /* @__PURE__ */ S({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1957,24 +1606,24 @@ const Ya = /* @__PURE__ */ $(Qa, [["__scopeId", "data-v-8f87fed1"]]), Xa = ["ari
     noHtmlErrorText: String
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
+    return (l, t) => (n(), c("div", {
       "aria-hidden": e.visible,
-      class: S(["joy-form-error", { "joy-has-error": e.visible }]),
+      class: h(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      R(T, {
+      A(J, {
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
-      _("div", null, [
-        g(l.$slots, "default", {}, () => [
-          B(C(e.noHtmlErrorText), 1)
+      y("div", null, [
+        _(l.$slots, "default", {}, () => [
+          C(I(e.noHtmlErrorText), 1)
         ], !0)
       ])
-    ], 10, Xa));
+    ], 10, el));
   }
 });
-const ft = /* @__PURE__ */ $(en, [["__scopeId", "data-v-581fd33b"]]), tn = /* @__PURE__ */ j({
+const Ee = /* @__PURE__ */ $(tl, [["__scopeId", "data-v-581fd33b"]]), al = /* @__PURE__ */ S({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1994,26 +1643,107 @@ const ft = /* @__PURE__ */ $(en, [["__scopeId", "data-v-581fd33b"]]), tn = /* @_
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = de("VJoyWrapperContext", {}), n = V(() => {
-      const r = a.direction === "column" ? "auto" : null;
+    const t = e, a = Y("VJoyWrapperContext", {}), i = x(() => {
+      const s = a.direction === "column" ? "auto" : null;
       if (!t.width && t.flex === "1") {
-        const y = ["1", "0"];
-        return r && y.push(r), y.join(" ");
+        const m = ["1", "0"];
+        return s && m.push(s), m.join(" ");
       }
-      const i = [t.flex || "1", "0"], o = t.width || r;
-      return o && i.push(o), i.join(" ");
+      const u = [t.flex || "1", "0"], o = t.width || s;
+      return o && u.push(o), u.join(" ");
     });
-    return l({ flexStyle: n }), (r, i) => (d(), m("div", {
+    return l({ flexStyle: i }), (s, u) => (n(), c("div", {
       "aria-hidden": "true",
-      class: S(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
-      style: K({
+      class: h(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
+      style: N({
         "max-width": e.width,
-        flex: n.value
+        flex: i.value
       })
     }, null, 6));
   }
 });
-const ln = /* @__PURE__ */ $(tn, [["__scopeId", "data-v-8a4ecbad"]]), an = [...pl], nn = { class: "joy-highlight--text" }, on = { key: 0 }, rn = /* @__PURE__ */ j({
+const ll = /* @__PURE__ */ $(al, [["__scopeId", "data-v-8a4ecbad"]]), nl = { class: "joy-footer" }, ol = { class: "joy-footer__left" }, il = { class: "joy-footer__right" }, sl = /* @__PURE__ */ S({
+  __name: "VJoyFooter",
+  setup(e) {
+    return (l, t) => (n(), c("footer", nl, [
+      y("div", ol, [
+        _(l.$slots, "footer-left", {}, void 0, !0)
+      ]),
+      y("div", il, [
+        _(l.$slots, "footer-right", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
+const rl = /* @__PURE__ */ $(sl, [["__scopeId", "data-v-1e11bcdc"]]), ul = { class: "joy-funnel__header" }, dl = { class: "funnel__header__inner" }, cl = { class: "joy-funnel__stepper" }, yl = /* @__PURE__ */ ne('<div class="shapes__wrapper" data-v-0abeb951><div class="shape_1" data-v-0abeb951></div><div class="shape_2" data-v-0abeb951></div><div class="shape_3" data-v-0abeb951></div><div class="shape_4" data-v-0abeb951></div></div>', 1), fl = [
+  yl
+], vl = { class: "joy-funnel__footer" }, pl = /* @__PURE__ */ S({
+  __name: "VJoyFunnel",
+  props: {
+    /**
+     * Remove decorative shapes placed at the bottom right corner
+     */
+    hideShapes: {
+      type: Boolean,
+      default: !1
+    },
+    layoutWidth: {
+      type: String,
+      default: "large"
+    },
+    profile: {
+      type: String,
+      default: "default"
+    }
+  },
+  setup(e, { expose: l }) {
+    const t = k(!0), a = M();
+    function i(u) {
+      const o = u.currentTarget;
+      t.value = o.scrollTop === 0;
+    }
+    const s = x(() => !!a["funnel-stepper"]);
+    return l({
+      scrollOnTop: t,
+      hasStepperSlot: s
+    }), (u, o) => (n(), c("div", {
+      class: h([
+        "joy-funnel",
+        {
+          "joy-funnel--no-border": t.value,
+          "joy-funnel--no-stepper": !s.value
+        }
+      ])
+    }, [
+      y("div", ul, [
+        y("div", dl, [
+          _(u.$slots, "funnel-header", {}, void 0, !0)
+        ]),
+        y("div", cl, [
+          _(u.$slots, "funnel-stepper", {}, void 0, !0)
+        ])
+      ]),
+      e.hideShapes ? g("", !0) : (n(), c("div", {
+        key: 0,
+        class: h(["joy-funnel__shapes", { "joy-funnel__shapes--strategy": e.profile === "strategy" }])
+      }, fl, 2)),
+      y("div", {
+        class: "joy-funnel__scrollable",
+        onScroll: i
+      }, [
+        y("div", {
+          class: h(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
+        }, [
+          _(u.$slots, "default", {}, void 0, !0)
+        ], 2)
+      ], 32),
+      y("div", vl, [
+        _(u.$slots, "funnel-footer", {}, void 0, !0)
+      ])
+    ], 2));
+  }
+});
+const ml = /* @__PURE__ */ $(pl, [["__scopeId", "data-v-0abeb951"]]), bl = [...Mt], _l = { class: "joy-highlight--text" }, gl = { key: 0 }, hl = /* @__PURE__ */ S({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -2031,51 +1761,51 @@ const ln = /* @__PURE__ */ $(tn, [["__scopeId", "data-v-8a4ecbad"]]), an = [...p
       type: String,
       default: "neutral",
       validator(e) {
-        return an.includes(e);
+        return bl.includes(e);
       }
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = V(() => t.icon ? t.icon : gl(t.level));
+    const t = e, a = x(() => t.icon ? t.icon : Dt(t.level));
     return l({
       getRelevantIcon: a
-    }), (n, r) => (d(), m("div", {
-      class: S([
+    }), (i, s) => (n(), c("div", {
+      class: h([
         "joy-highlight",
         `joy-highlight_${e.level}`,
         {
           "joy-highlight__accent": e.accent,
-          "joy-highlight__titled": n.$slots["highlight-title"]
+          "joy-highlight__titled": i.$slots["highlight-title"]
         }
       ])
     }, [
-      e.displayIcon ? (d(), x(T, {
+      e.displayIcon ? (n(), V(J, {
         key: 0,
         name: a.value
-      }, null, 8, ["name"])) : b("", !0),
-      _("div", nn, [
-        n.$slots["highlight-title"] ? (d(), m("strong", on, [
-          g(n.$slots, "highlight-title", {}, void 0, !0)
-        ])) : b("", !0),
-        g(n.$slots, "default", {}, void 0, !0)
+      }, null, 8, ["name"])) : g("", !0),
+      y("div", _l, [
+        i.$slots["highlight-title"] ? (n(), c("strong", gl, [
+          _(i.$slots, "highlight-title", {}, void 0, !0)
+        ])) : g("", !0),
+        _(i.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const sn = /* @__PURE__ */ $(rn, [["__scopeId", "data-v-ba5e6101"]]), un = ["small", "medium", "large"], dn = {
+const jl = /* @__PURE__ */ $(hl, [["__scopeId", "data-v-45c2fbf4"]]), kl = ["small", "medium", "large"], Sl = {
   key: 0,
   class: "joy-label-required"
-}, cn = {
+}, $l = {
   key: 1,
   class: "joy-label-optional"
-}, fn = /* @__PURE__ */ j({
+}, wl = /* @__PURE__ */ S({
   __name: "VJoyLabel",
   props: {
     size: {
       type: String,
       default: "medium",
       validator(e) {
-        return un.includes(e);
+        return kl.includes(e);
       }
     },
     tagName: {
@@ -2092,21 +1822,21 @@ const sn = /* @__PURE__ */ $(rn, [["__scopeId", "data-v-ba5e6101"]]), un = ["sma
     text: String
   },
   setup(e) {
-    return (l, t) => (d(), x(ne(e.tagName), Z({
+    return (l, t) => (n(), V(G(e.tagName), R({
       class: ["joy-label", `joy-label--${e.size}`]
     }, l.$attrs), {
-      default: O(() => [
-        g(l.$slots, "default", {}, () => [
-          B(C(e.text), 1)
+      default: B(() => [
+        _(l.$slots, "default", {}, () => [
+          C(I(e.text), 1)
         ], !0),
-        e.required ? (d(), m("span", dn, "*")) : b("", !0),
-        e.optionalLabel ? (d(), m("span", cn, "- " + C(e.optionalLabel), 1)) : b("", !0)
+        e.required ? (n(), c("span", Sl, "*")) : g("", !0),
+        e.optionalLabel ? (n(), c("span", $l, "- " + I(e.optionalLabel), 1)) : g("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const ee = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1265214a"]]), yn = ["large", "medium", "small"], vn = ["id", "required", "disabled", "type", "value"], pn = ["data-unit"], mn = /* @__PURE__ */ j({
+const D = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-388a7c56"]]), Vl = ["large", "medium", "small"], xl = ["id", "required", "disabled", "type", "value"], Il = ["data-unit"], Cl = /* @__PURE__ */ S({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -2164,7 +1894,7 @@ const ee = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1265214a"]]), yn = ["lar
       type: String,
       default: "medium",
       validator(e) {
-        return yn.includes(e);
+        return Vl.includes(e);
       }
     },
     type: {
@@ -2176,74 +1906,74 @@ const ee = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1265214a"]]), yn = ["lar
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, a = w(), n = w(), r = Se(), i = Y(), o = w(!1), y = V(() => typeof t.modelValue == "number" || !t.clearable || t.unit || !t.modelValue ? !1 : t.modelValue.length > 0 && !t.unit), p = V(() => i.default && i.default()), f = V(() => {
-      var s, v;
-      return !!((s = n.value) != null && s.closest("joy-wrapper")) || !!((v = n.value) != null && v.closest(".joy-wrapper"));
-    }), u = w(t.type);
-    jt(() => {
-      u.value = t.unit ? "number" : t.type;
+    const t = e, a = k(), i = k(), s = oe(), u = M(), o = k(!1), m = x(() => typeof t.modelValue == "number" || !t.clearable || t.unit || !t.modelValue ? !1 : t.modelValue.length > 0 && !t.unit), b = x(() => u.default && u.default()), p = x(() => {
+      var r, v;
+      return !!((r = i.value) != null && r.closest("joy-wrapper")) || !!((v = i.value) != null && v.closest(".joy-wrapper"));
+    }), d = k(t.type);
+    Ke(() => {
+      d.value = t.unit ? "number" : t.type;
     });
-    const c = {
+    const f = {
       onFocus: () => {
         o.value = !0;
       },
       onBlur: () => {
         o.value = !1;
       },
-      onInput: (s) => {
-        let v = s.target.value;
+      onInput: (r) => {
+        let v = r.target.value;
         t.modelModifiers.lazy || l("update:modelValue", v);
       },
-      onChange: (s) => {
-        let v = s.target.value;
+      onChange: (r) => {
+        let v = r.target.value;
         t.modelModifiers.lazy && l("update:modelValue", v);
       },
       clearValue: () => {
         t.disabled || l("update:modelValue", "");
       }
     };
-    return (s, v) => (d(), m("div", {
+    return (r, v) => (n(), c("div", {
       ref_key: "root",
-      ref: n,
-      class: S([`joy-input--${t.size}`])
+      ref: i,
+      class: h([`joy-input--${t.size}`])
     }, [
-      _("div", {
-        class: S([
+      y("div", {
+        class: h([
           "joy-input",
           {
             "joy-input--focusing": o.value,
             "joy-input--disabled": e.disabled,
             "joy-input--invalid": e.invalid,
-            "joy-input--valid": !e.invalid && !k(r).disabled
+            "joy-input--valid": !e.invalid && !w(s).disabled
           }
         ])
       }, [
-        p.value || e.label ? (d(), x(ee, {
+        b.value || e.label ? (n(), V(D, {
           key: 0,
           for: e.name,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           size: e.labelSize
         }, {
-          default: O(() => [
-            g(s.$slots, "default", {}, () => [
-              B(C(e.label), 1)
+          default: B(() => [
+            _(r.$slots, "default", {}, () => [
+              C(I(e.label), 1)
             ], !0)
           ]),
           _: 3
-        }, 8, ["for", "required", "optional-label", "size"])) : b("", !0),
-        _("div", {
-          class: S([
+        }, 8, ["for", "required", "optional-label", "size"])) : g("", !0),
+        y("div", {
+          class: h([
             "joy-input--wrapper",
             {
               "joy-input--wrapper-has-icon": !!e.icon,
               "joy-input--wrapper---clearable": e.clearable,
               "joy-input--wrapper-unit": !!e.unit,
-              "joy-input--wrapper-margin": !f.value
+              "joy-input--wrapper-margin": !p.value
             }
           ])
         }, [
-          _("input", Z(s.$attrs, {
+          y("input", R(r.$attrs, {
             id: t.name,
             ref_key: "input",
             ref: a,
@@ -2255,42 +1985,42 @@ const ee = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1265214a"]]), yn = ["lar
                 "joy-input--field-invalid": e.invalid
               }
             ],
-            type: u.value,
+            type: d.value,
             value: e.modelValue,
             onFocus: v[0] || (v[0] = //@ts-ignore
-            (...h) => c.onFocus && c.onFocus(...h)),
+            (...j) => f.onFocus && f.onFocus(...j)),
             onBlur: v[1] || (v[1] = //@ts-ignore
-            (...h) => c.onBlur && c.onBlur(...h)),
+            (...j) => f.onBlur && f.onBlur(...j)),
             onInput: v[2] || (v[2] = //@ts-ignore
-            (...h) => c.onInput && c.onInput(...h)),
+            (...j) => f.onInput && f.onInput(...j)),
             onChange: v[3] || (v[3] = //@ts-ignore
-            (...h) => c.onChange && c.onChange(...h))
-          }), null, 16, vn),
-          y.value ? (d(), x(xe, {
+            (...j) => f.onChange && f.onChange(...j))
+          }), null, 16, xl),
+          m.value ? (n(), V(de, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
             variant: "ghost",
             size: "xxsmall",
             icon: "cross",
-            onClick: c.clearValue
-          }, null, 8, ["onClick"])) : b("", !0),
-          e.icon ? (d(), x(T, {
+            onClick: f.clearValue
+          }, null, 8, ["onClick"])) : g("", !0),
+          e.icon ? (n(), V(J, {
             key: 1,
             class: "joy-input--decorative-icon",
             name: e.icon
-          }, null, 8, ["name"])) : b("", !0),
-          e.unit ? (d(), m("div", {
+          }, null, 8, ["name"])) : g("", !0),
+          e.unit ? (n(), c("div", {
             key: 2,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, pn)) : b("", !0)
+          }, null, 8, Il)) : g("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const _n = /* @__PURE__ */ $(mn, [["__scopeId", "data-v-9f3d7271"]]), bn = ["teal", "white"], gn = ["href"], hn = /* @__PURE__ */ j({
+const Ll = /* @__PURE__ */ $(Cl, [["__scopeId", "data-v-7ef7a9dd"]]), Bl = ["teal", "white"], Jl = ["href"], Tl = /* @__PURE__ */ S({
   __name: "VJoyLink",
   props: {
     href: {
@@ -2301,27 +2031,27 @@ const _n = /* @__PURE__ */ $(mn, [["__scopeId", "data-v-9f3d7271"]]), bn = ["tea
       type: String,
       default: "teal",
       validator(e) {
-        return bn.includes(e);
+        return Bl.includes(e);
       }
     },
     icon: String,
     text: String
   },
   setup(e) {
-    return (l, t) => (d(), m("a", Z({ href: e.href }, l.$attrs, {
+    return (l, t) => (n(), c("a", R({ href: e.href }, l.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (d(), x(T, {
+      e.icon ? (n(), V(J, {
         key: 0,
         name: e.icon
-      }, null, 8, ["name"])) : b("", !0),
-      g(l.$slots, "default", {}, () => [
-        B(C(e.text), 1)
+      }, null, 8, ["name"])) : g("", !0),
+      _(l.$slots, "default", {}, () => [
+        C(I(e.text), 1)
       ], !0)
-    ], 16, gn));
+    ], 16, Jl));
   }
 });
-const wn = /* @__PURE__ */ $(hn, [["__scopeId", "data-v-76f0342e"]]), Sn = ["tabindex", "aria-activedescendant", "aria-label"], jn = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], $n = { "aria-hidden": "true" }, kn = /* @__PURE__ */ j({
+const El = /* @__PURE__ */ $(Tl, [["__scopeId", "data-v-5540214e"]]), zl = ["tabindex", "aria-activedescendant", "aria-label"], Al = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ql = { "aria-hidden": "true" }, Ol = /* @__PURE__ */ S({
   __name: "VJoyMenu",
   props: {
     /**
@@ -2342,87 +2072,87 @@ const wn = /* @__PURE__ */ $(hn, [["__scopeId", "data-v-76f0342e"]]), Sn = ["tab
   },
   emits: ["selectItem"],
   setup(e, { expose: l, emit: t }) {
-    const a = w(), n = w(0), r = w();
-    function i(u) {
-      u.disabled || t("selectItem", u);
+    const a = k(), i = k(0), s = k();
+    function u(d) {
+      d.disabled || t("selectItem", d);
     }
     function o() {
-      var u;
-      return Array.from(((u = a.value) == null ? void 0 : u.querySelectorAll("li")) || []).filter((c) => c.getAttribute("aria-disabled") !== "true");
+      var d;
+      return Array.from(((d = a.value) == null ? void 0 : d.querySelectorAll("li")) || []).filter((f) => f.getAttribute("aria-disabled") !== "true");
     }
-    function y(u) {
-      return u.id || Ve();
+    function m(d) {
+      return d.id || ue();
     }
-    function p() {
-      return o().find((u) => u === document.activeElement);
+    function b() {
+      return o().find((d) => d === document.activeElement);
     }
-    function f(u) {
-      if (p() && u.key === " " && u.preventDefault(), u.key === "Tab" && (r.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(u.key)) {
-        u.preventDefault();
-        const c = o(), s = p();
-        let v = c.indexOf(s);
-        if (u.key === "ArrowDown" ? v++ : u.key === "ArrowUp" ? v-- : u.key === "Home" ? v = 0 : u.key === "End" && (v = c.length - 1), v < 0 && (v = 0), v > c.length - 1)
+    function p(d) {
+      if (b() && d.key === " " && d.preventDefault(), d.key === "Tab" && (s.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key)) {
+        d.preventDefault();
+        const f = o(), r = b();
+        let v = f.indexOf(r);
+        if (d.key === "ArrowDown" ? v++ : d.key === "ArrowUp" ? v-- : d.key === "Home" ? v = 0 : d.key === "End" && (v = f.length - 1), v < 0 && (v = 0), v > f.length - 1)
           return;
-        r.value = c[v].id, c[v].focus();
+        s.value = f[v].id, f[v].focus();
       }
-      if (u.key === "Enter") {
-        const c = p();
-        if (!c)
+      if (d.key === "Enter") {
+        const f = b();
+        if (!f)
           return;
-        const s = c.querySelector("a");
-        c && s ? s.click() : c.click();
+        const r = f.querySelector("a");
+        f && r ? r.click() : f.click();
       }
     }
     return l({
-      activeMenuItemId: r,
+      activeMenuItemId: s,
       getItems: o,
-      getItemId: y,
-      getFocusedItem: p
-    }), (u, c) => (d(), m("ul", {
+      getItemId: m,
+      getFocusedItem: b
+    }), (d, f) => (n(), c("ul", {
       ref_key: "menu",
       ref: a,
       class: "joy-menu-list joy-menu-list__items",
-      tabindex: n.value,
-      "aria-activedescendant": r.value,
+      tabindex: i.value,
+      "aria-activedescendant": s.value,
       "aria-label": e.ariaLabel,
       role: "menu",
-      onKeydown: f
+      onKeydown: p
     }, [
-      (d(!0), m(D, null, G(e.items, (s) => (d(), m("li", {
-        id: y(s),
-        key: s.label,
-        class: S([
+      (n(!0), c(q, null, P(e.items, (r) => (n(), c("li", {
+        id: m(r),
+        key: r.label,
+        class: h([
           "joy-menu-list__item",
           {
-            "joy-menu-list__item--current": s.current,
-            "joy-menu-list__item--disabled": s.disabled
+            "joy-menu-list__item--current": r.current,
+            "joy-menu-list__item--disabled": r.disabled
           }
         ]),
         tabindex: "-1",
-        "aria-disabled": s.disabled,
-        "aria-current": s.current,
-        title: s.label,
-        "aria-label": s.label,
-        ".dataModel": s.value || s.id,
+        "aria-disabled": r.disabled,
+        "aria-current": r.current,
+        title: r.label,
+        "aria-label": r.label,
+        ".dataModel": r.value || r.id,
         role: "menuitem",
-        onClick: (v) => i(s)
+        onClick: (v) => u(r)
       }, [
-        _("div", $n, [
-          g(u.$slots, "menu-item", se(ue(s)), () => [
-            s.icon ? (d(), x(T, {
+        y("div", ql, [
+          _(d.$slots, "menu-item", Z(Q(r)), () => [
+            r.icon ? (n(), V(J, {
               key: 0,
-              name: s.icon
-            }, null, 8, ["name"])) : b("", !0),
-            _("span", null, C(s.label), 1)
+              name: r.icon
+            }, null, 8, ["name"])) : g("", !0),
+            y("span", null, I(r.label), 1)
           ], !0)
         ])
-      ], 10, jn))), 128))
-    ], 40, Sn));
+      ], 10, Al))), 128))
+    ], 40, zl));
   }
 });
-const Vn = /* @__PURE__ */ $(kn, [["__scopeId", "data-v-4391a0bd"]]), xn = ["id"], In = {
-  class: /* @__PURE__ */ S(["joy-multi-checkbox"])
-}, Cn = /* @__PURE__ */ j({
+const Fl = /* @__PURE__ */ $(Ol, [["__scopeId", "data-v-4391a0bd"]]), Pl = ["id"], Ml = {
+  class: /* @__PURE__ */ h(["joy-multi-checkbox"])
+}, Nl = /* @__PURE__ */ S({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {
@@ -2458,50 +2188,50 @@ const Vn = /* @__PURE__ */ $(kn, [["__scopeId", "data-v-4391a0bd"]]), xn = ["id"
   emits: ["update:value"],
   setup(e, { emit: l }) {
     const t = e;
-    function a(r) {
-      return t.value.includes(r.value);
+    function a(s) {
+      return t.value.includes(s.value);
     }
-    function n(r, i) {
+    function i(s, u) {
       let o = [...t.value || []];
-      i ? o.push(r) : o.splice(o.indexOf(r), 1), l("update:value", o);
+      u ? o.push(s) : o.splice(o.indexOf(s), 1), l("update:value", o);
     }
-    return (r, i) => (d(), m("fieldset", {
+    return (s, u) => (n(), c("fieldset", {
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      e.label ? (d(), x(k(ee), {
+      e.label ? (n(), V(w(D), {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: O(() => [
-          B(C(e.label), 1)
+        default: B(() => [
+          C(I(e.label), 1)
         ]),
         _: 1
-      }, 8, ["required", "optional-label", "size"])) : b("", !0),
-      _("div", In, [
-        (d(!0), m(D, null, G(e.options, (o) => (d(), x(k(Ie), {
+      }, 8, ["required", "optional-label", "size"])) : g("", !0),
+      y("div", Ml, [
+        (n(!0), c(q, null, P(e.options, (o) => (n(), V(w(ce), {
           id: o.id,
           key: o.id,
           name: o.name,
           value: o.value,
           checked: a(o),
-          "onUpdate:checked": (y) => n(o.value, y)
+          "onUpdate:checked": (m) => i(o.value, m)
         }, {
-          default: O(() => [
-            g(r.$slots, "checkbox", se(ue(o)), () => [
-              B(C(o.label), 1)
+          default: B(() => [
+            _(s.$slots, "checkbox", Z(Q(o)), () => [
+              C(I(o.label), 1)
             ], !0)
           ]),
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, xn));
+    ], 8, Pl));
   }
 });
-const Ln = /* @__PURE__ */ $(Cn, [["__scopeId", "data-v-47574ced"]]), et = /* @__PURE__ */ j({
+const Rl = /* @__PURE__ */ $(Nl, [["__scopeId", "data-v-c278b02d"]]), xe = /* @__PURE__ */ S({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -2519,7 +2249,7 @@ const Ln = /* @__PURE__ */ $(Cn, [["__scopeId", "data-v-47574ced"]]), et = /* @_
   },
   emits: ["click"],
   setup(e) {
-    return (l, t) => (d(), x(xe, {
+    return (l, t) => (n(), V(de, {
       class: "joy-pagination__icon",
       "aria-label": e.label,
       title: e.label,
@@ -2529,10 +2259,10 @@ const Ln = /* @__PURE__ */ $(Cn, [["__scopeId", "data-v-47574ced"]]), et = /* @_
       circle: "",
       size: "xsmall",
       disabled: e.disabled,
-      onClick: t[0] || (t[0] = (a) => l.$emit("click", a))
+      onClick: t[0] || (t[0] = (a) => l.$emit("click"))
     }, null, 8, ["aria-label", "title", "icon", "disabled"]));
   }
-}), Bn = ["aria-label", "data-current"], On = { class: "joy-pagination__previous" }, Tn = ["aria-current", "onClick"], Jn = { class: "joy-pagination__next" }, En = 6, Pn = /* @__PURE__ */ j({
+}), Hl = ["aria-label", "data-current"], Dl = { class: "joy-pagination__previous" }, Wl = ["aria-current", "onClick"], Ul = { class: "joy-pagination__next" }, Gl = 6, Kl = /* @__PURE__ */ S({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -2563,83 +2293,83 @@ const Ln = /* @__PURE__ */ $(Cn, [["__scopeId", "data-v-47574ced"]]), et = /* @_
   },
   emits: ["update:current-page"],
   setup(e, { emit: l }) {
-    const t = e, a = V(() => {
-      const p = r.value.length;
-      return r.value[p - 1] !== r.value[p - 2] + 1;
-    }), n = V(() => r.value[0] !== r.value[1] - 1), r = V(() => t.totalPages < En ? o(2, t.totalPages - 1) : y(t.currentPage));
-    function i(p) {
-      l("update:current-page", p);
-    }
-    function o(p, f) {
-      const u = [];
-      u.push(1);
-      for (let c = p; c <= f; c++)
-        u.push(c);
-      return u.push(t.totalPages), u;
-    }
-    function y(p) {
-      let f = p - 2, u = p + 1;
-      return f <= 1 && (f = 2, u = 5), u >= t.totalPages && (u = t.totalPages - 1, f = u - 3), o(f, u);
-    }
-    return (p, f) => (d(), m("nav", {
+    const t = e, a = x(() => {
+      const b = s.value.length;
+      return s.value[b - 1] !== s.value[b - 2] + 1;
+    }), i = x(() => s.value[0] !== s.value[1] - 1), s = x(() => t.totalPages < Gl ? o(2, t.totalPages - 1) : m(t.currentPage));
+    function u(b) {
+      l("update:current-page", b);
+    }
+    function o(b, p) {
+      const d = [];
+      d.push(1);
+      for (let f = b; f <= p; f++)
+        d.push(f);
+      return d.push(t.totalPages), d;
+    }
+    function m(b) {
+      let p = b - 2, d = b + 1;
+      return p <= 1 && (p = 2, d = 5), d >= t.totalPages && (d = t.totalPages - 1, p = d - 3), o(p, d);
+    }
+    return (b, p) => (n(), c("nav", {
       role: "navigation",
       "aria-label": e.labelPagination,
       class: "joy-pagination",
       "data-current": e.currentPage
     }, [
-      _("ul", null, [
-        _("li", On, [
-          g(p.$slots, "pagination-prev", {}, () => [
-            R(et, {
+      y("ul", null, [
+        y("li", Dl, [
+          _(b.$slots, "pagination-prev", {}, () => [
+            A(xe, {
               label: e.labelPrev,
               disabled: e.currentPage === 1,
-              onClick: f[0] || (f[0] = (u) => i(e.currentPage - 1))
+              onClick: p[0] || (p[0] = (d) => u(e.currentPage - 1))
             }, null, 8, ["label", "disabled"])
           ], !0)
         ]),
-        _("li", null, [
-          _("ul", null, [
-            (d(!0), m(D, null, G(r.value, (u) => (d(), m("li", { key: u }, [
-              _("button", {
+        y("li", null, [
+          y("ul", null, [
+            (n(!0), c(q, null, P(s.value, (d) => (n(), c("li", { key: d }, [
+              y("button", {
                 type: "button",
-                "aria-current": u === e.currentPage ? "true" : "false",
-                class: S({
-                  current: u === e.currentPage,
-                  "joy-pagination__separator joy-pagination__separator-after": u === 1 && n.value,
-                  "joy-pagination__separator joy-pagination__separator-before": u === e.totalPages && a.value
+                "aria-current": d === e.currentPage ? "true" : "false",
+                class: h({
+                  current: d === e.currentPage,
+                  "joy-pagination__separator joy-pagination__separator-after": d === 1 && i.value,
+                  "joy-pagination__separator joy-pagination__separator-before": d === e.totalPages && a.value
                 }),
-                onClick: (c) => i(u)
-              }, C(u), 11, Tn)
+                onClick: (f) => u(d)
+              }, I(d), 11, Wl)
             ]))), 128))
           ])
         ]),
-        _("li", Jn, [
-          g(p.$slots, "pagination-next", {}, () => [
-            R(et, {
+        y("li", Ul, [
+          _(b.$slots, "pagination-next", {}, () => [
+            A(xe, {
               next: "",
               label: e.labelNext,
               disabled: e.currentPage === e.totalPages,
-              onClick: f[1] || (f[1] = (u) => i(e.currentPage + 1))
+              onClick: p[1] || (p[1] = (d) => u(e.currentPage + 1))
             }, null, 8, ["label", "disabled"])
           ], !0)
         ])
       ])
-    ], 8, Bn));
+    ], 8, Hl));
   }
 });
-const An = /* @__PURE__ */ $(Pn, [["__scopeId", "data-v-e5b57944"]]), zn = ["small", "medium", "large"], qn = ["small", "large"], Fn = {
+const Zl = /* @__PURE__ */ $(Kl, [["__scopeId", "data-v-e5b57944"]]), Ql = ["small", "medium", "large"], Yl = ["small", "large"], Xl = {
   key: 0,
-  class: /* @__PURE__ */ S(["joy-panel__header"])
-}, Mn = {
+  class: /* @__PURE__ */ h(["joy-panel__header"])
+}, en = {
   key: 1,
   class: "joy-panel__header-action"
-}, Nn = {
+}, tn = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, Rn = { class: "joy-panel__body" }, Dn = {
+}, an = { class: "joy-panel__body" }, ln = {
   key: 1,
   class: "joy-panel__footer"
-}, Hn = /* @__PURE__ */ j({
+}, nn = /* @__PURE__ */ S({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -2653,14 +2383,14 @@ const An = /* @__PURE__ */ $(Pn, [["__scopeId", "data-v-e5b57944"]]), zn = ["sma
       type: String,
       default: "medium",
       validator(e) {
-        return zn.includes(e);
+        return Ql.includes(e);
       }
     },
     titleSize: {
       type: String,
       default: "large",
       validator(e) {
-        return qn.includes(e);
+        return Yl.includes(e);
       }
     },
     loading: {
@@ -2673,12 +2403,12 @@ const An = /* @__PURE__ */ $(Pn, [["__scopeId", "data-v-e5b57944"]]), zn = ["sma
     }
   },
   setup(e) {
-    const l = de("VJoyWrapperContext", {}), t = V(() => Object.keys(l).length > 0), a = Y(), n = w(), r = V(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
-    return (i, o) => (d(), m("section", {
+    const l = Y("VJoyWrapperContext", {}), t = x(() => Object.keys(l).length > 0), a = M(), i = k(), s = x(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
+    return (u, o) => (n(), c("section", {
       ref_key: "panel",
-      ref: n,
-      style: K({ flex: e.flex }),
-      class: S([
+      ref: i,
+      style: N({ flex: e.flex }),
+      class: h([
         "joy-panel",
         `joy-panel--${e.padding}`,
         {
@@ -2687,60 +2417,60 @@ const An = /* @__PURE__ */ $(Pn, [["__scopeId", "data-v-e5b57944"]]), zn = ["sma
         }
       ])
     }, [
-      r.value ? (d(), m("header", Fn, [
-        k(a)["panel-title"] ? (d(), m("div", {
+      s.value ? (n(), c("header", Xl, [
+        w(a)["panel-title"] ? (n(), c("div", {
           key: 0,
-          class: S(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
+          class: h(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
-          g(i.$slots, "panel-title", {}, void 0, !0)
-        ], 2)) : b("", !0),
-        k(a)["panel-title-action"] ? (d(), m("div", Mn, [
-          g(i.$slots, "panel-title-action", {}, void 0, !0)
-        ])) : b("", !0),
-        k(a)["panel-subtitle"] ? (d(), m("div", Nn, [
-          g(i.$slots, "panel-subtitle", {}, void 0, !0)
-        ])) : b("", !0)
-      ])) : b("", !0),
-      _("div", Rn, [
-        g(i.$slots, "panel-body", {}, void 0, !0)
+          _(u.$slots, "panel-title", {}, void 0, !0)
+        ], 2)) : g("", !0),
+        w(a)["panel-title-action"] ? (n(), c("div", en, [
+          _(u.$slots, "panel-title-action", {}, void 0, !0)
+        ])) : g("", !0),
+        w(a)["panel-subtitle"] ? (n(), c("div", tn, [
+          _(u.$slots, "panel-subtitle", {}, void 0, !0)
+        ])) : g("", !0)
+      ])) : g("", !0),
+      y("div", an, [
+        _(u.$slots, "panel-body", {}, void 0, !0)
       ]),
-      k(a)["panel-action"] ? (d(), m("footer", Dn, [
-        g(i.$slots, "panel-action", {}, void 0, !0)
-      ])) : b("", !0),
-      e.loading ? (d(), x(k(Le), {
+      w(a)["panel-action"] ? (n(), c("footer", ln, [
+        _(u.$slots, "panel-action", {}, void 0, !0)
+      ])) : g("", !0),
+      e.loading ? (n(), V(w(pe), {
         key: 2,
         overlay: "",
         color: e.loadingColor
       }, {
-        content: O(() => [
-          g(i.$slots, "panel-loader-content", {}, void 0, !0)
+        content: B(() => [
+          _(u.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["color"])) : b("", !0)
+      }, 8, ["color"])) : g("", !0)
     ], 6));
   }
 });
-const Wn = /* @__PURE__ */ $(Hn, [["__scopeId", "data-v-2e3a2baa"]]), Un = { class: "joy-panel-section" }, Gn = {
+const on = /* @__PURE__ */ $(nn, [["__scopeId", "data-v-4a8b703c"]]), sn = { class: "joy-panel-section" }, rn = {
   key: 0,
   class: "joy-panel-section__title"
-}, Kn = {
+}, un = {
   key: 1,
   class: "joy-panel-section__content"
-}, Zn = /* @__PURE__ */ j({
+}, dn = /* @__PURE__ */ S({
   __name: "VJoyPanelSection",
   setup(e) {
-    const l = Y();
-    return (t, a) => (d(), m("div", Un, [
-      k(l)["panel-section-title"] ? (d(), m("div", Gn, [
-        g(t.$slots, "panel-section-title", {}, void 0, !0)
-      ])) : b("", !0),
-      k(l)["panel-section-content"] ? (d(), m("div", Kn, [
-        g(t.$slots, "panel-section-content", {}, void 0, !0)
-      ])) : b("", !0)
+    const l = M();
+    return (t, a) => (n(), c("div", sn, [
+      w(l)["panel-section-title"] ? (n(), c("div", rn, [
+        _(t.$slots, "panel-section-title", {}, void 0, !0)
+      ])) : g("", !0),
+      w(l)["panel-section-content"] ? (n(), c("div", un, [
+        _(t.$slots, "panel-section-content", {}, void 0, !0)
+      ])) : g("", !0)
     ]));
   }
 });
-const Qn = /* @__PURE__ */ $(Zn, [["__scopeId", "data-v-d88510ab"]]), Yn = { class: "joy-progress-bar-wrapper" }, Xn = /* @__PURE__ */ j({
+const cn = /* @__PURE__ */ $(dn, [["__scopeId", "data-v-d88510ab"]]), yn = { class: "joy-progress-bar-wrapper" }, fn = /* @__PURE__ */ S({
   __name: "VJoyProgressBar",
   props: {
     color: {
@@ -2767,22 +2497,22 @@ const Qn = /* @__PURE__ */ $(Zn, [["__scopeId", "data-v-d88510ab"]]), Yn = { cla
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = w(0), n = V(() => r());
-    function r() {
+    const t = e, a = k(0), i = x(() => s());
+    function s() {
       return t.percentage ? a.value = t.percentage : t.currentStep && t.steps ? a.value = Math.round(t.currentStep / t.steps * 100) : a.value = 0, a.value < 0 && (a.value = 0), a.value > 100 && (a.value = 100), a.value + "%";
     }
     return l({
-      computeInnerWidth: n,
+      computeInnerWidth: i,
       computedPercentage: a
-    }), (i, o) => (d(), m("div", Yn, [
-      _("div", {
-        class: S(["joy-progress-bar-inner", `joy-progress-bar-inner_${e.color}`]),
-        style: K({ width: n.value })
+    }), (u, o) => (n(), c("div", yn, [
+      y("div", {
+        class: h(["joy-progress-bar-inner", `joy-progress-bar-inner_${e.color}`]),
+        style: N({ width: i.value })
       }, null, 6)
     ]));
   }
 });
-const eo = /* @__PURE__ */ $(Xn, [["__scopeId", "data-v-a28eae43"]]), to = ["id", "value", "checked", "disabled", "required", "name"], lo = { class: "joy-radio-label" }, ao = { class: "joy-radio-content__wrapper" }, no = { class: "joy-radio-content" }, oo = /* @__PURE__ */ j({
+const vn = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1b2b3de8"]]), pn = ["id", "value", "checked", "disabled", "required", "name"], mn = { class: "joy-radio-label" }, bn = { class: "joy-radio-content__wrapper" }, _n = { class: "joy-radio-content" }, gn = /* @__PURE__ */ S({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -2818,76 +2548,76 @@ const eo = /* @__PURE__ */ $(Xn, [["__scopeId", "data-v-a28eae43"]]), to = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = w(!1), r = w(!1), i = w(null), o = w(null), y = Y(), p = V(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
-    function f() {
-      n.value = !!y["expandable-content"] && p.value;
+    const a = e, i = k(!1), s = k(!1), u = k(null), o = k(null), m = M(), b = x(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
+    function p() {
+      i.value = !!m["expandable-content"] && b.value;
     }
-    function u() {
-      t("update:modelValue", a.value), f();
+    function d() {
+      t("update:modelValue", a.value), p();
     }
-    Q(() => {
-      a.theme === "outline" && f();
+    H(() => {
+      a.theme === "outline" && p();
     });
-    function c() {
-      r.value = !0;
+    function f() {
+      s.value = !0;
     }
-    function s() {
-      r.value = !1;
+    function r() {
+      s.value = !1;
     }
-    return E(
+    return F(
       () => a.modelValue,
       () => {
-        f();
+        p();
       }
     ), l({
-      checked: p,
-      isExpanded: n
-    }), (v, h) => (d(), m("label", {
+      checked: b,
+      isExpanded: i
+    }), (v, j) => (n(), c("label", {
       ref_key: "root",
-      ref: i,
-      class: S([
+      ref: u,
+      class: h([
         "joy-radio",
         `joy-radio--${e.theme}`,
         {
-          "joy-radio--checked": p.value,
+          "joy-radio--checked": b.value,
           "joy-radio--disabled": e.disabled,
           "joy-radio--invalid": e.invalid,
-          "joy-radio--outline-focus": r.value && e.theme === "outline",
-          "joy-radio--focus": r.value && e.theme === "default"
+          "joy-radio--outline-focus": s.value && e.theme === "outline",
+          "joy-radio--focus": s.value && e.theme === "default"
         }
       ])
     }, [
-      _("input", {
+      y("input", {
         id: e.id,
         type: "radio",
         value: e.value,
-        checked: p.value,
+        checked: b.value,
         disabled: e.disabled,
         required: e.required,
         name: e.name,
-        onChange: u,
-        onFocus: c,
-        onBlur: s
-      }, null, 40, to),
-      _("span", lo, [
-        g(v.$slots, "default", {}, void 0, !0)
+        onChange: d,
+        onFocus: f,
+        onBlur: r
+      }, null, 40, pn),
+      y("span", mn, [
+        _(v.$slots, "default", {}, void 0, !0)
       ]),
-      _("div", ao, [
-        _("div", no, [
-          g(v.$slots, "radio-content", {}, void 0, !0)
+      y("div", bn, [
+        y("div", _n, [
+          _(v.$slots, "radio-content", {}, void 0, !0)
         ]),
-        _("div", {
+        y("div", {
           ref_key: "expandableElement",
           ref: o,
-          class: S(["joy-radio-expandable", { "joy-radio-expandable--expanded": n.value }])
+          class: h(["joy-radio-expandable", { "joy-radio-expandable--expanded": i.value }])
         }, [
-          g(v.$slots, "expandable-content", {}, void 0, !0)
+          _(v.$slots, "expandable-content", {}, void 0, !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const ro = /* @__PURE__ */ $(oo, [["__scopeId", "data-v-24cea99b"]]), io = ["form", "name"], so = /* @__PURE__ */ j({
+const hn = /* @__PURE__ */ $(gn, [["__scopeId", "data-v-24cea99b"]]), jn = ["form", "name"], kn = /* @__PURE__ */ S({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -2908,23 +2638,23 @@ const ro = /* @__PURE__ */ $(oo, [["__scopeId", "data-v-24cea99b"]]), io = ["for
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("fieldset", {
+    return (l, t) => (n(), c("fieldset", {
       ref: "root",
       class: "joy-radio-group-fieldset",
       role: "radiogroup",
       form: e.form,
       name: e.name
     }, [
-      g(l.$slots, "radio-group-legend", {}, void 0, !0),
-      _("div", {
-        class: S(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
+      _(l.$slots, "radio-group-legend", {}, void 0, !0),
+      y("div", {
+        class: h(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
-        g(l.$slots, "default", {}, void 0, !0)
+        _(l.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, io));
+    ], 8, jn));
   }
 });
-const uo = /* @__PURE__ */ $(so, [["__scopeId", "data-v-a77e7f95"]]), co = ["ariaLabel"], fo = { class: "joy-rating-stars" }, yo = { class: "joy-rating-stars__content" }, vo = { key: 0 }, po = /* @__PURE__ */ j({
+const Sn = /* @__PURE__ */ $(kn, [["__scopeId", "data-v-a77e7f95"]]), $n = ["ariaLabel"], wn = { class: "joy-rating-stars" }, Vn = { class: "joy-rating-stars__content" }, xn = { key: 0 }, In = /* @__PURE__ */ S({
   __name: "VJoyRatingStars",
   props: {
     ratingValue: {
@@ -2941,35 +2671,35 @@ const uo = /* @__PURE__ */ $(so, [["__scopeId", "data-v-a77e7f95"]]), co = ["ari
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = Se(), n = V(() => {
-      let r = [], i = 0.24, o = 0.75;
-      for (let y = 0; y < 5; y++)
-        t.ratingValue > i ? r.push(t.ratingValue < o ? "half" : "full") : r.push("empty"), i += 1, o += 1;
-      return r;
+    const t = e, a = oe(), i = x(() => {
+      let s = [], u = 0.24, o = 0.75;
+      for (let m = 0; m < 5; m++)
+        t.ratingValue > u ? s.push(t.ratingValue < o ? "half" : "full") : s.push("empty"), u += 1, o += 1;
+      return s;
     });
     return l({
-      setStars: n
-    }), (r, i) => (d(), m("div", {
+      setStars: i
+    }), (s, u) => (n(), c("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
-      ariaLabel: k(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
+      ariaLabel: w(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      _("ul", fo, [
-        (d(!0), m(D, null, G(n.value, (o, y) => (d(), m("li", {
-          key: y,
-          class: S([`joy-rating-stars--${e.size}`])
+      y("ul", wn, [
+        (n(!0), c(q, null, P(i.value, (o, m) => (n(), c("li", {
+          key: m,
+          class: h([`joy-rating-stars--${e.size}`])
         }, [
-          o === "full" ? (d(), x(T, {
+          o === "full" ? (n(), V(J, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : o === "half" ? (d(), x(T, {
+          })) : o === "half" ? (n(), V(J, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (d(), x(T, {
+          })) : (n(), V(J, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -2977,18 +2707,18 @@ const uo = /* @__PURE__ */ $(so, [["__scopeId", "data-v-a77e7f95"]]), co = ["ari
           }))
         ], 2))), 128))
       ]),
-      _("div", yo, [
-        g(r.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (d(), m("span", vo, "(" + C(e.reviewCount) + ")", 1)) : b("", !0)
+      y("div", Vn, [
+        _(s.$slots, "rating-stars-content", {}, () => [
+          e.reviewCount ? (n(), c("span", xn, "(" + I(e.reviewCount) + ")", 1)) : g("", !0)
         ], !0)
       ])
-    ], 8, co));
+    ], 8, $n));
   }
 });
-const mo = /* @__PURE__ */ $(po, [["__scopeId", "data-v-23927e1e"]]), _o = { class: "joy-screen-loader__content" }, bo = {
+const Cn = /* @__PURE__ */ $(In, [["__scopeId", "data-v-c9a5e140"]]), Ln = { class: "joy-screen-loader__content" }, Bn = {
   key: 0,
   class: "joy-screen-loader__content"
-}, go = /* @__PURE__ */ j({
+}, Jn = /* @__PURE__ */ S({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -3003,23 +2733,23 @@ const mo = /* @__PURE__ */ $(po, [["__scopeId", "data-v-23927e1e"]]), _o = { cla
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
-      class: S(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
+    return (l, t) => (n(), c("div", {
+      class: h(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      _("div", _o, [
-        g(l.$slots, "spinner", {}, () => [
-          R(ke, {
+      y("div", Ln, [
+        _(l.$slots, "spinner", {}, () => [
+          A(re, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        l.$slots.content ? (d(), m("div", bo, [
-          g(l.$slots, "content", {}, void 0, !0)
-        ])) : b("", !0)
+        l.$slots.content ? (n(), c("div", Bn, [
+          _(l.$slots, "content", {}, void 0, !0)
+        ])) : g("", !0)
       ])
     ], 2));
   }
 });
-const Le = /* @__PURE__ */ $(go, [["__scopeId", "data-v-5c4f6d7f"]]), ho = ["id", "name", "aria-invalid", "required", "disabled", "value"], wo = /* @__PURE__ */ j({
+const pe = /* @__PURE__ */ $(Jn, [["__scopeId", "data-v-1112514f"]]), Tn = ["id", "name", "aria-invalid", "required", "disabled", "value"], En = /* @__PURE__ */ S({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -3062,15 +2792,15 @@ const Le = /* @__PURE__ */ $(go, [["__scopeId", "data-v-5c4f6d7f"]]), ho = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, a = w(), n = w(), r = Y(), i = w(!1), o = V(() => t.labelSize ? t.labelSize : t.size !== "medium" ? "small" : "medium");
-    Q(() => {
-      var s;
-      const u = r.label && r.label();
-      if (!u || !u.length)
+    const t = e, a = k(), i = k(), s = M(), u = k(!1), o = x(() => t.labelSize ? t.labelSize : t.size !== "medium" ? "small" : "medium");
+    H(() => {
+      var r;
+      const d = s.label && s.label();
+      if (!d || !d.length)
         return;
-      const c = u[0];
-      if (c.type === "JoyLabel") {
-        const v = (s = c.props) == null ? void 0 : s.for;
+      const f = d[0];
+      if (f.type === "JoyLabel") {
+        const v = (r = f.props) == null ? void 0 : r.for;
         if (!v) {
           console.warn("JoyLabel for attribute is missing");
           return;
@@ -3078,62 +2808,62 @@ const Le = /* @__PURE__ */ $(go, [["__scopeId", "data-v-5c4f6d7f"]]), ho = ["id"
         v !== t.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
-    function y(u) {
-      const c = u.target.value;
-      l("update:modelValue", c);
+    function m(d) {
+      const f = d.target.value;
+      l("update:modelValue", f);
     }
-    function p() {
-      i.value = !0;
+    function b() {
+      u.value = !0;
     }
-    function f() {
-      i.value = !1;
+    function p() {
+      u.value = !1;
     }
-    return (u, c) => (d(), m("div", {
+    return (d, f) => (n(), c("div", {
       ref_key: "root",
       ref: a
     }, [
-      g(u.$slots, "select-label", {}, () => [
-        e.label ? (d(), x(ee, {
+      _(d.$slots, "select-label", {}, () => [
+        e.label ? (n(), V(D, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           for: e.id || e.name,
           size: o.value
         }, {
-          default: O(() => [
-            B(C(e.label), 1)
+          default: B(() => [
+            C(I(e.label), 1)
           ]),
           _: 1
-        }, 8, ["required", "optional-label", "for", "size"])) : b("", !0)
+        }, 8, ["required", "optional-label", "for", "size"])) : g("", !0)
       ], !0),
-      _("div", {
-        class: S([
+      y("div", {
+        class: h([
           `joy-select--${e.size}`,
           {
             "joy-select__wrapper": !0,
             "joy-select--invalid": e.invalid,
             "joy-select--disabled": e.disabled,
-            "joy-select--focusing": i.value
+            "joy-select--focusing": u.value
           }
         ])
       }, [
-        _("select", {
+        y("select", {
           id: e.id || e.name,
           ref_key: "select",
-          ref: n,
+          ref: i,
           class: "joy-select",
           name: e.name,
           "aria-invalid": e.invalid,
           required: e.required,
           disabled: e.disabled,
           value: e.modelValue,
-          onChange: y,
-          onFocus: p,
-          onBlur: f
+          onChange: m,
+          onFocus: b,
+          onBlur: p
         }, [
-          g(u.$slots, "default", {}, void 0, !0)
-        ], 40, ho),
-        R(T, {
+          _(d.$slots, "default", {}, void 0, !0)
+        ], 40, Tn),
+        A(J, {
           class: "joy-select__chevron",
           name: "chevron-down"
         })
@@ -3141,7 +2871,7 @@ const Le = /* @__PURE__ */ $(go, [["__scopeId", "data-v-5c4f6d7f"]]), ho = ["id"
     ], 512));
   }
 });
-const So = /* @__PURE__ */ $(wo, [["__scopeId", "data-v-3e9d2dae"]]), jo = ["aria-disabled"], $o = ["id", "value", "checked", "disabled", "required", "name"], ko = /* @__PURE__ */ j({
+const zn = /* @__PURE__ */ $(En, [["__scopeId", "data-v-24a7acca"]]), An = ["aria-disabled"], qn = ["id", "value", "checked", "disabled", "required", "name"], On = /* @__PURE__ */ S({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -3178,58 +2908,58 @@ const So = /* @__PURE__ */ $(wo, [["__scopeId", "data-v-3e9d2dae"]]), jo = ["ari
   },
   emits: ["update:checked"],
   setup(e, { emit: l }) {
-    const t = e, a = w(t.checked), n = w(), r = w(!1), i = t.multiple ? "div" : "label", o = {
+    const t = e, a = k(t.checked), i = k(), s = k(!1), u = t.multiple ? "div" : "label", o = {
       onRadioChange: () => {
         l("update:checked", t.value);
       },
       onClick: () => {
         t.checked && !t.multiple && l("update:checked", "");
       },
-      onLabelClick: (p) => {
-        t.multiple || p.stopPropagation();
+      onLabelClick: (b) => {
+        t.multiple || b.stopPropagation();
       },
       onFocus: () => {
-        r.value = !0;
+        s.value = !0;
       },
       onBlur: () => {
-        r.value = !1;
+        s.value = !1;
       }
     };
-    function y(p) {
-      l("update:checked", p);
+    function m(b) {
+      l("update:checked", b);
     }
-    return (p, f) => (d(), m("div", {
-      class: S([
+    return (b, p) => (n(), c("div", {
+      class: h([
         "joy-selectable-item__wrapper",
         {
-          "joy-selectable-item--focusing": r.value
+          "joy-selectable-item--focusing": s.value
         }
       ]),
       "aria-disabled": e.disabled,
-      onClick: f[4] || (f[4] = //@ts-ignore
-      (...u) => o.onClick && o.onClick(...u))
+      onClick: p[4] || (p[4] = //@ts-ignore
+      (...d) => o.onClick && o.onClick(...d))
     }, [
-      e.multiple ? b("", !0) : (d(), m("input", {
+      e.multiple ? g("", !0) : (n(), c("input", {
         key: 0,
         id: e.id,
         ref_key: "inputRadio",
-        ref: n,
+        ref: i,
         type: "radio",
         value: e.value,
         checked: e.checked,
         disabled: e.disabled,
         required: e.required,
         name: e.name,
-        onChange: f[0] || (f[0] = //@ts-ignore
-        (...u) => o.onRadioChange && o.onRadioChange(...u)),
-        onFocus: f[1] || (f[1] = //@ts-ignore
-        (...u) => o.onFocus && o.onFocus(...u)),
-        onBlur: f[2] || (f[2] = //@ts-ignore
-        (...u) => o.onBlur && o.onBlur(...u))
-      }, null, 40, $o)),
-      (d(), x(ne(k(i)), {
+        onChange: p[0] || (p[0] = //@ts-ignore
+        (...d) => o.onRadioChange && o.onRadioChange(...d)),
+        onFocus: p[1] || (p[1] = //@ts-ignore
+        (...d) => o.onFocus && o.onFocus(...d)),
+        onBlur: p[2] || (p[2] = //@ts-ignore
+        (...d) => o.onBlur && o.onBlur(...d))
+      }, null, 40, qn)),
+      (n(), V(G(w(u)), {
         for: e.id,
-        class: S([
+        class: h([
           "joy-selectable-item",
           {
             "joy-selectable-item--disabled": e.disabled,
@@ -3240,14 +2970,14 @@ const So = /* @__PURE__ */ $(wo, [["__scopeId", "data-v-3e9d2dae"]]), jo = ["ari
         ]),
         onClick: o.onLabelClick
       }, {
-        default: O(() => [
-          e.multiple ? (d(), x(k(Ie), {
+        default: B(() => [
+          e.multiple ? (n(), V(w(ce), {
             key: 0,
             id: e.id,
             checked: a.value,
             "onUpdate:checked": [
-              f[3] || (f[3] = (u) => a.value = u),
-              y
+              p[3] || (p[3] = (d) => a.value = d),
+              m
             ],
             disabled: e.disabled,
             value: e.value,
@@ -3257,24 +2987,24 @@ const So = /* @__PURE__ */ $(wo, [["__scopeId", "data-v-3e9d2dae"]]), jo = ["ari
             onFocus: o.onFocus,
             onBlur: o.onBlur
           }, {
-            default: O(() => [
-              g(p.$slots, "default", {}, void 0, !0)
+            default: B(() => [
+              _(b.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
-          }, 8, ["id", "checked", "disabled", "value", "name", "required", "onFocus", "onBlur"])) : b("", !0),
-          e.multiple ? b("", !0) : g(p.$slots, "default", { key: 1 }, void 0, !0),
-          _("div", {
-            class: S([{ "joy-selectable-item__sublabel": p.$slots["selectable-item-sublabel"] }])
+          }, 8, ["id", "checked", "disabled", "value", "name", "required", "onFocus", "onBlur"])) : g("", !0),
+          e.multiple ? g("", !0) : _(b.$slots, "default", { key: 1 }, void 0, !0),
+          y("div", {
+            class: h([{ "joy-selectable-item__sublabel": b.$slots["selectable-item-sublabel"] }])
           }, [
-            g(p.$slots, "selectable-item-sublabel", {}, void 0, !0)
+            _(b.$slots, "selectable-item-sublabel", {}, void 0, !0)
           ], 2)
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, jo));
+    ], 10, An));
   }
 });
-const yt = /* @__PURE__ */ $(ko, [["__scopeId", "data-v-cb2531c0"]]), Vo = ["id"], xo = /* @__PURE__ */ j({
+const ze = /* @__PURE__ */ $(On, [["__scopeId", "data-v-cb2531c0"]]), Fn = ["id"], Pn = /* @__PURE__ */ S({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -3316,33 +3046,33 @@ const yt = /* @__PURE__ */ $(ko, [["__scopeId", "data-v-cb2531c0"]]), Vo = ["id"
   emits: ["update:value"],
   setup(e, { emit: l }) {
     const t = e;
-    function a(r) {
-      return typeof t.value == "string" ? t.value === r.value : (t.value || []).includes(r.value);
+    function a(s) {
+      return typeof t.value == "string" ? t.value === s.value : (t.value || []).includes(s.value);
     }
-    function n(r, i) {
+    function i(s, u) {
       if (!t.multiple)
-        return l("update:value", i);
+        return l("update:value", u);
       let o = [...t.value || []];
-      i && typeof i == "boolean" ? o.push(r) : o.splice(o.indexOf(r), 1), l("update:value", o);
+      u && typeof u == "boolean" ? o.push(s) : o.splice(o.indexOf(s), 1), l("update:value", o);
     }
-    return (r, i) => (d(), m("fieldset", {
+    return (s, u) => (n(), c("fieldset", {
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (d(), x(k(ee), {
+      e.label ? (n(), V(w(D), {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: O(() => [
-          B(C(e.label), 1)
+        default: B(() => [
+          C(I(e.label), 1)
         ]),
         _: 1
-      }, 8, ["required", "optional-label", "size"])) : b("", !0),
-      _("div", {
-        class: S([
+      }, 8, ["required", "optional-label", "size"])) : g("", !0),
+      y("div", {
+        class: h([
           "joy-selectable-item-group",
           {
             "joy-selectable-item-group--multiple": e.multiple,
@@ -3351,7 +3081,7 @@ const yt = /* @__PURE__ */ $(ko, [["__scopeId", "data-v-cb2531c0"]]), Vo = ["id"
           }
         ])
       }, [
-        (d(!0), m(D, null, G(e.options, (o) => (d(), x(k(yt), {
+        (n(!0), c(q, null, P(e.options, (o) => (n(), V(w(ze), {
           id: o.id,
           key: o.id,
           name: o.name,
@@ -3359,26 +3089,26 @@ const yt = /* @__PURE__ */ $(ko, [["__scopeId", "data-v-cb2531c0"]]), Vo = ["id"
           value: o.value,
           multiple: e.multiple,
           checked: a(o),
-          "onUpdate:checked": (y) => n(o.value, y)
-        }, nt({
-          default: O(() => [
-            B(C(o.label) + " ", 1)
+          "onUpdate:checked": (m) => i(o.value, m)
+        }, Ce({
+          default: B(() => [
+            C(I(o.label) + " ", 1)
           ]),
           _: 2
         }, [
           o.subLabel ? {
             name: "selectable-item-sublabel",
-            fn: O(() => [
-              B(C(o.subLabel), 1)
+            fn: B(() => [
+              C(I(o.subLabel), 1)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["id", "name", "disabled", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, Vo));
+    ], 8, Fn));
   }
 });
-const Io = /* @__PURE__ */ $(xo, [["__scopeId", "data-v-0730aed0"]]), Co = /* @__PURE__ */ j({
+const Mn = /* @__PURE__ */ $(Pn, [["__scopeId", "data-v-b0fd1c74"]]), Nn = /* @__PURE__ */ S({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -3391,17 +3121,17 @@ const Io = /* @__PURE__ */ $(xo, [["__scopeId", "data-v-0730aed0"]]), Co = /* @_
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
-      class: S(["joy-separator", { "joy-separator__small": e.size === "small" }])
+    return (l, t) => (n(), c("div", {
+      class: h(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
-      _("span", null, C(e.text), 1)
+      y("span", null, I(e.text), 1)
     ], 2));
   }
 });
-const Lo = /* @__PURE__ */ $(Co, [["__scopeId", "data-v-d83b1859"]]), Bo = ["id", "href", "aria-selected", "aria-controls"], Oo = {
+const Rn = /* @__PURE__ */ $(Nn, [["__scopeId", "data-v-21db2899"]]), Hn = ["id", "href", "aria-selected", "aria-controls"], Dn = {
   type: "button",
   tabindex: "-1"
-}, To = /* @__PURE__ */ j({
+}, Wn = /* @__PURE__ */ S({
   __name: "TabButton",
   props: {
     /**
@@ -3438,10 +3168,10 @@ const Lo = /* @__PURE__ */ $(Co, [["__scopeId", "data-v-d83b1859"]]), Bo = ["id"
     function t() {
       l("changeTab");
     }
-    function a(n) {
-      (n.code === "Enter" || n.code === "NumpadEnter") && l("changeTab");
+    function a(i) {
+      (i.code === "Enter" || i.code === "NumpadEnter") && l("changeTab");
     }
-    return (n, r) => (d(), m("a", {
+    return (i, s) => (n(), c("a", {
       id: `joy-tab-${e.tab}`,
       href: e.href,
       "aria-selected": e.selected ? "true" : "false",
@@ -3449,27 +3179,27 @@ const Lo = /* @__PURE__ */ $(Co, [["__scopeId", "data-v-d83b1859"]]), Bo = ["id"
       tabindex: "0",
       role: "tab",
       onClick: t,
-      onKeydown: r[0] || (r[0] = (i) => a(i))
+      onKeydown: s[0] || (s[0] = (u) => a(u))
     }, [
-      _("div", {
+      y("div", {
         part: "tab-button",
-        class: S({
+        class: h({
           "joy-tab-button": !0,
           "joy-tab-button__selected": e.selected
         })
       }, [
-        _("button", Oo, [
-          _("div", null, [
-            g(n.$slots, "default", {}, () => [
-              B(C(e.label), 1)
+        y("button", Dn, [
+          y("div", null, [
+            _(i.$slots, "default", {}, () => [
+              C(I(e.label), 1)
             ], !0)
           ])
         ])
       ], 2)
-    ], 40, Bo));
+    ], 40, Hn));
   }
 });
-const Jo = /* @__PURE__ */ $(To, [["__scopeId", "data-v-b1e62ec8"]]), Eo = { class: "joy-tabs" }, Po = /* @__PURE__ */ j({
+const Un = /* @__PURE__ */ $(Wn, [["__scopeId", "data-v-b1e62ec8"]]), Gn = { class: "joy-tabs" }, Kn = /* @__PURE__ */ S({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -3479,62 +3209,62 @@ const Jo = /* @__PURE__ */ $(To, [["__scopeId", "data-v-b1e62ec8"]]), Eo = { cla
   },
   emits: ["update:selected-tab"],
   setup(e, { emit: l }) {
-    const t = e, a = Y(), n = w(t.selectedTab), r = w(null), i = w(null), o = w(!1), y = w(!1), p = V(() => a.default().filter(f));
-    function f(v) {
-      var h;
-      return ((h = v == null ? void 0 : v.type) == null ? void 0 : h.__name) === "VJoyTab";
+    const t = e, a = M(), i = k(t.selectedTab), s = k(null), u = k(null), o = k(!1), m = k(!1), b = x(() => a.default().filter(p));
+    function p(v) {
+      var j;
+      return ((j = v == null ? void 0 : v.type) == null ? void 0 : j.__name) === "VJoyTab";
     }
-    function u(v) {
-      return v.props.tab === n.value;
+    function d(v) {
+      return v.props.tab === i.value;
     }
-    function c() {
-      i.value && r.value && i.value.scrollWidth > r.value.offsetWidth ? (y.value = i.value.scrollLeft > 0, o.value = i.value.scrollLeft + r.value.offsetWidth < i.value.scrollWidth) : (y.value = !1, o.value = !1);
+    function f() {
+      u.value && s.value && u.value.scrollWidth > s.value.offsetWidth ? (m.value = u.value.scrollLeft > 0, o.value = u.value.scrollLeft + s.value.offsetWidth < u.value.scrollWidth) : (m.value = !1, o.value = !1);
     }
-    function s(v, h = !0) {
-      v && h && (n.value = v, $e("VJoyTabs", n), l("update:selected-tab", v));
+    function r(v, j = !0) {
+      v && j && (i.value = v, se("VJoyTabs", i), l("update:selected-tab", v));
     }
-    return E(
+    return F(
       () => t.selectedTab,
       (v) => {
-        v && s(v);
+        v && r(v);
       },
       { immediate: !0 }
-    ), Q(() => {
+    ), H(() => {
       var v;
-      c(), (v = i.value) == null || v.addEventListener("scroll", c);
-    }), je(() => {
+      f(), (v = u.value) == null || v.addEventListener("scroll", f);
+    }), ie(() => {
       var v;
-      (v = i.value) == null || v.removeEventListener("scroll", c);
-    }), (v, h) => (d(), m("div", Eo, [
-      _("div", {
+      (v = u.value) == null || v.removeEventListener("scroll", f);
+    }), (v, j) => (n(), c("div", Gn, [
+      y("div", {
         ref_key: "buttonListWrapper",
-        ref: r,
-        class: S({
+        ref: s,
+        class: h({
           "joy-tabs-buttons__wrapper": !0,
           "joy-tabs-buttons__wrapper--scroll-end": o.value,
-          "joy-tabs-buttons__wrapper--scroll-start": y.value
+          "joy-tabs-buttons__wrapper--scroll-start": m.value
         })
       }, [
-        _("div", {
+        y("div", {
           ref_key: "buttonList",
-          ref: i,
+          ref: u,
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (d(!0), m(D, null, G(p.value, (I) => (d(), m("div", {
-            key: I.props.tab
+          (n(!0), c(q, null, P(b.value, (L) => (n(), c("div", {
+            key: L.props.tab
           }, [
-            R(Jo, {
-              tab: I.props.tab,
-              label: I.props.label,
-              href: I.props.href,
-              selected: u(I),
-              onChangeTab: (J) => s(I.props.tab, !I.props.href)
+            A(Un, {
+              tab: L.props.tab,
+              label: L.props.label,
+              href: L.props.href,
+              selected: d(L),
+              onChangeTab: (z) => r(L.props.tab, !L.props.href)
             }, {
-              default: O(() => {
-                var J;
+              default: B(() => {
+                var z;
                 return [
-                  (J = I.children) != null && J.header ? (d(), x(ne(I.children.header), { key: 0 })) : b("", !0)
+                  (z = L.children) != null && z.header ? (n(), V(G(L.children.header), { key: 0 })) : g("", !0)
                 ];
               }),
               _: 2
@@ -3542,13 +3272,13 @@ const Jo = /* @__PURE__ */ $(To, [["__scopeId", "data-v-b1e62ec8"]]), Eo = { cla
           ]))), 128))
         ], 512)
       ], 2),
-      _("div", null, [
-        g(v.$slots, "default", {}, void 0, !0)
+      y("div", null, [
+        _(v.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Ao = /* @__PURE__ */ $(Po, [["__scopeId", "data-v-e3dffafe"]]), zo = ["id", "aria-hidden", "aria-labelledby"], qo = /* @__PURE__ */ j({
+const Zn = /* @__PURE__ */ $(Kn, [["__scopeId", "data-v-e3dffafe"]]), Qn = ["id", "aria-hidden", "aria-labelledby"], Yn = /* @__PURE__ */ S({
   __name: "VJoyTab",
   props: {
     /**
@@ -3575,22 +3305,22 @@ const Ao = /* @__PURE__ */ $(Po, [["__scopeId", "data-v-e3dffafe"]]), zo = ["id"
     }
   },
   setup(e) {
-    const l = e, t = de("VJoyTabs", w("")), a = V(() => t.value === l.tab);
-    return (n, r) => (d(), m("div", {
+    const l = e, t = Y("VJoyTabs", k("")), a = x(() => t.value === l.tab);
+    return (i, s) => (n(), c("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
       "aria-hidden": a.value ? void 0 : "true",
       "aria-labelledby": `joy-tab-${e.tab}`,
-      class: S({
+      class: h({
         "joy-tab": !0,
         "joy-tab__selected": a.value
       })
     }, [
-      g(n.$slots, "default", {}, void 0, !0)
-    ], 10, zo));
+      _(i.$slots, "default", {}, void 0, !0)
+    ], 10, Qn));
   }
 });
-const Fo = /* @__PURE__ */ $(qo, [["__scopeId", "data-v-47a75127"]]), Mo = ["role"], No = /* @__PURE__ */ j({
+const Xn = /* @__PURE__ */ $(Yn, [["__scopeId", "data-v-47a75127"]]), eo = ["role"], to = /* @__PURE__ */ S({
   __name: "VJoyTag",
   props: {
     /** Text injected within the tag */
@@ -3629,7 +3359,7 @@ const Fo = /* @__PURE__ */ $(qo, [["__scopeId", "data-v-47a75127"]]), Mo = ["rol
   },
   emits: ["selected", "remove", "click"],
   setup(e, { emit: l }) {
-    const t = e, a = ["primary", "secondary"], n = V(() => ({
+    const t = e, a = ["primary", "secondary"], i = x(() => ({
       "joy-tag": !0,
       "joy-tag__selected": t.selected,
       "joy-tag__selectable": t.selectable || t.link,
@@ -3637,35 +3367,35 @@ const Fo = /* @__PURE__ */ $(qo, [["__scopeId", "data-v-47a75127"]]), Mo = ["rol
       ["joy-tag__" + t.size]: !0,
       ["joy-tag__" + t.variant]: !0
     }));
-    function r() {
+    function s() {
       l("remove", { value: t.value });
     }
-    function i() {
+    function u() {
       l("click"), t.selectable && a.includes(t.variant) && l("selected", { selected: !t.selected, value: t.value });
     }
-    return (o, y) => (d(), m("span", {
-      class: S([n.value]),
+    return (o, m) => (n(), c("span", {
+      class: h([i.value]),
       role: e.link || e.selectable ? "button" : void 0,
-      onClick: i
+      onClick: u
     }, [
-      e.draggable ? (d(), x(T, {
+      e.draggable ? (n(), V(J, {
         key: 0,
         class: "joy-tag__drag",
         name: "drag",
         size: "xxsmall"
-      })) : b("", !0),
-      B(" " + C(e.label) + " ", 1),
-      e.removable ? (d(), x(T, {
+      })) : g("", !0),
+      C(" " + I(e.label) + " ", 1),
+      e.removable ? (n(), V(J, {
         key: 1,
         class: "joy-tag__removable",
         name: "cross",
         size: "xxsmall",
-        onClick: $t(r, ["stop"])
-      }, null, 8, ["onClick"])) : b("", !0)
-    ], 10, Mo));
+        onClick: Ze(s, ["stop"])
+      }, null, 8, ["onClick"])) : g("", !0)
+    ], 10, eo));
   }
 });
-const vt = /* @__PURE__ */ $(No, [["__scopeId", "data-v-01b9f7cc"]]), Ro = /* @__PURE__ */ j({
+const Ae = /* @__PURE__ */ $(to, [["__scopeId", "data-v-251410a4"]]), ao = /* @__PURE__ */ S({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -3691,63 +3421,63 @@ const vt = /* @__PURE__ */ $(No, [["__scopeId", "data-v-01b9f7cc"]]), Ro = /* @_
   emits: ["update:modelValue", "removeTag"],
   setup(e, { emit: l }) {
     const t = e;
-    function a(i) {
+    function a(u) {
       var o;
-      return t.removable ? !1 : (o = t.modelValue) == null ? void 0 : o.includes(i.value);
+      return t.removable ? !1 : (o = t.modelValue) == null ? void 0 : o.includes(u.value);
     }
-    function n(i, o) {
-      let y = [];
-      i.selected && !a(o) ? y = [...t.modelValue || [], o.value] : y = (t.modelValue || []).filter((p) => p !== o.value), l("update:modelValue", y);
+    function i(u, o) {
+      let m = [];
+      u.selected && !a(o) ? m = [...t.modelValue || [], o.value] : m = (t.modelValue || []).filter((b) => b !== o.value), l("update:modelValue", m);
     }
-    function r(i) {
-      l("removeTag", i.value);
+    function s(u) {
+      l("removeTag", u.value);
     }
-    return (i, o) => (d(), m("div", {
-      class: S(["joy-tags-list", `joy-tags-list--${e.align}`])
+    return (u, o) => (n(), c("div", {
+      class: h(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (d(!0), m(D, null, G(e.tags, (y) => (d(), x(k(vt), Z({
-        key: y.value,
+      (n(!0), c(q, null, P(e.tags, (m) => (n(), V(w(Ae), R({
+        key: m.value,
         selectable: !!e.modelValue && !e.removable
-      }, y, {
+      }, m, {
         removable: e.removable,
-        selected: a(y),
-        onRemove: r,
-        onSelected: (p) => n(p, y)
+        selected: a(m),
+        onRemove: s,
+        onSelected: (b) => i(b, m)
       }), null, 16, ["selectable", "removable", "selected", "onSelected"]))), 128))
     ], 2));
   }
 });
-const Do = /* @__PURE__ */ $(Ro, [["__scopeId", "data-v-510c6367"]]);
-const Ho = {}, Wo = {
-  class: /* @__PURE__ */ S(["joy-template-shape__shapes"])
-}, Uo = /* @__PURE__ */ lt('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), Go = [
-  Uo
+const lo = /* @__PURE__ */ $(ao, [["__scopeId", "data-v-0b725ef6"]]);
+const no = {}, oo = {
+  class: /* @__PURE__ */ h(["joy-template-shape__shapes"])
+}, io = /* @__PURE__ */ ne('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), so = [
+  io
 ];
-function Ko(e, l) {
-  return d(), m("div", Wo, Go);
+function ro(e, l) {
+  return n(), c("div", oo, so);
 }
-const pt = /* @__PURE__ */ $(Ho, [["render", Ko], ["__scopeId", "data-v-8b258f92"]]), Zo = { class: "joy-template__wrapper" }, Qo = {
+const qe = /* @__PURE__ */ $(no, [["render", ro], ["__scopeId", "data-v-8b258f92"]]), uo = { class: "joy-template__wrapper" }, co = {
   key: 0,
   class: "joy-template__heading"
-}, Yo = {
+}, yo = {
   key: 0,
   class: "joy-template-slot-back"
-}, Xo = { class: "joy-template__heading___headings" }, er = {
+}, fo = { class: "joy-template__heading___headings" }, vo = {
   key: 0,
   class: "joy-template-slot-title"
-}, tr = {
+}, po = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, lr = {
+}, mo = {
   key: 1,
   class: "joy-template-slot-actions"
-}, ar = {
+}, bo = {
   key: 0,
   class: "joy-template-slot-main"
-}, nr = {
+}, _o = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, or = /* @__PURE__ */ j({
+}, go = /* @__PURE__ */ S({
   __name: "VJoyTemplate",
   props: {
     full: { type: Boolean, default: !1 },
@@ -3766,64 +3496,64 @@ const pt = /* @__PURE__ */ $(Ho, [["render", Ko], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e) {
-    const l = e, t = Y(), a = V(() => !!t["template-back"] || !!t["template-title"] || !!t["template-subtitle"] || !!t["template-actions"]);
-    return (n, r) => (d(), m("main", {
-      class: S(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
+    const l = e, t = M(), a = x(() => !!t["template-back"] || !!t["template-title"] || !!t["template-subtitle"] || !!t["template-actions"]);
+    return (i, s) => (n(), c("main", {
+      class: h(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (d(), x(pt, { key: 0 })) : b("", !0),
-      _("div", Zo, [
-        a.value ? (d(), m("div", Qo, [
-          k(t)["template-back"] ? (d(), m("div", Yo, [
-            g(n.$slots, "template-back", {}, void 0, !0)
-          ])) : b("", !0),
-          _("div", Xo, [
-            k(t)["template-title"] ? (d(), m("div", er, [
-              g(n.$slots, "template-title", {}, void 0, !0)
-            ])) : b("", !0),
-            k(t)["template-subtitle"] ? (d(), m("div", tr, [
-              g(n.$slots, "template-subtitle", {}, void 0, !0)
-            ])) : b("", !0)
+      e.shapes ? (n(), V(qe, { key: 0 })) : g("", !0),
+      y("div", uo, [
+        a.value ? (n(), c("div", co, [
+          w(t)["template-back"] ? (n(), c("div", yo, [
+            _(i.$slots, "template-back", {}, void 0, !0)
+          ])) : g("", !0),
+          y("div", fo, [
+            w(t)["template-title"] ? (n(), c("div", vo, [
+              _(i.$slots, "template-title", {}, void 0, !0)
+            ])) : g("", !0),
+            w(t)["template-subtitle"] ? (n(), c("div", po, [
+              _(i.$slots, "template-subtitle", {}, void 0, !0)
+            ])) : g("", !0)
           ]),
-          k(t)["template-actions"] ? (d(), m("div", lr, [
-            g(n.$slots, "template-actions", {}, void 0, !0)
-          ])) : b("", !0)
-        ])) : b("", !0),
-        _("div", {
-          class: S([
+          w(t)["template-actions"] ? (n(), c("div", mo, [
+            _(i.$slots, "template-actions", {}, void 0, !0)
+          ])) : g("", !0)
+        ])) : g("", !0),
+        y("div", {
+          class: h([
             "joy-template__content",
             {
               "joy-template__content--reverse": l.sidebar === "left"
             }
           ])
         }, [
-          n.$slots["template-main"] ? (d(), m("div", ar, [
-            g(n.$slots, "template-main", {}, void 0, !0)
-          ])) : b("", !0),
-          n.$slots["template-sidebar"] ? (d(), m("div", nr, [
-            g(n.$slots, "template-sidebar", {}, void 0, !0)
-          ])) : b("", !0)
+          i.$slots["template-main"] ? (n(), c("div", bo, [
+            _(i.$slots, "template-main", {}, void 0, !0)
+          ])) : g("", !0),
+          i.$slots["template-sidebar"] ? (n(), c("div", _o, [
+            _(i.$slots, "template-sidebar", {}, void 0, !0)
+          ])) : g("", !0)
         ], 2)
       ]),
-      e.loading ? (d(), x(Le, {
+      e.loading ? (n(), V(pe, {
         key: 1,
         overlay: "",
         color: e.loadingColor
       }, {
-        content: O(() => [
-          g(n.$slots, "template-loader-content", {}, void 0, !0)
+        content: B(() => [
+          _(i.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["color"])) : b("", !0)
+      }, 8, ["color"])) : g("", !0)
     ], 2));
   }
 });
-const rr = /* @__PURE__ */ $(or, [["__scopeId", "data-v-750153b6"]]), ir = ["aria-disabled"], sr = { class: "joy-textarea_wrapper" }, ur = ["id", "disabled", "name", "required", "minlength", "value"], dr = {
+const ho = /* @__PURE__ */ $(go, [["__scopeId", "data-v-7c83eb21"]]), jo = ["aria-disabled"], ko = { class: "joy-textarea_wrapper" }, So = ["id", "disabled", "name", "required", "minlength", "value"], $o = {
   key: 0,
   class: "joy-textarea_helpers"
-}, cr = {
+}, wo = {
   inheritAttrs: !1
-}, fr = /* @__PURE__ */ j({
-  ...cr,
+}, Vo = /* @__PURE__ */ S({
+  ...wo,
   __name: "VJoyTextarea",
   props: {
     disabled: {
@@ -3877,107 +3607,107 @@ const rr = /* @__PURE__ */ $(or, [["__scopeId", "data-v-750153b6"]]), ir = ["ari
   },
   emits: ["update:modelValue"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = w(), { triggerResize: r } = na({
-      element: a.autogrow ? n : void 0
-    }), i = w(!1), o = w(!1), y = V(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), p = V(() => a.minlength ? a.modelValue.length < a.minlength : !1), f = {
-      onInput: (u) => {
-        a.modelModifiers.lazy || t("update:modelValue", u.target.value), r();
+    const a = e, i = k(), { triggerResize: s } = xa({
+      element: a.autogrow ? i : void 0
+    }), u = k(!1), o = k(!1), m = x(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), b = x(() => a.minlength ? a.modelValue.length < a.minlength : !1), p = {
+      onInput: (d) => {
+        a.modelModifiers.lazy || t("update:modelValue", d.target.value), s();
       },
-      onChange: (u) => {
-        a.modelModifiers.lazy && t("update:modelValue", u.target.value);
+      onChange: (d) => {
+        a.modelModifiers.lazy && t("update:modelValue", d.target.value);
       },
       onBlur: () => {
-        o.value = !1, i.value = y.value || p.value;
+        o.value = !1, u.value = m.value || b.value;
       },
       onFocus: () => {
         o.value = !0;
       }
     };
     return l({
-      isInvalid: i,
-      valueOverMaxlength: y,
-      valueUnderMinlength: p
-    }), (u, c) => (d(), m("div", {
+      isInvalid: u,
+      valueOverMaxlength: m,
+      valueUnderMinlength: b
+    }), (d, f) => (n(), c("div", {
       "aria-disabled": e.disabled,
-      class: S([
+      class: h([
         "joy-textarea",
         {
-          "joy-textarea_invalid": i.value || e.invalid,
+          "joy-textarea_invalid": u.value || e.invalid,
           "joy-textarea_disabled": e.disabled,
           "joy-textarea_autogrow": e.autogrow,
           "joy-textarea_focusing": o.value
         }
       ])
     }, [
-      R(k(ee), {
+      A(w(D), {
         for: e.id,
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: O(() => [
-          g(u.$slots, "default", {}, () => [
-            B(C(e.label), 1)
+        default: B(() => [
+          _(d.$slots, "default", {}, () => [
+            C(I(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
-      _("div", sr, [
-        _("textarea", Z(u.$attrs, {
+      y("div", ko, [
+        y("textarea", R(d.$attrs, {
           id: e.id,
           ref_key: "textarea",
-          ref: n,
+          ref: i,
           class: "joy-native-textarea",
           disabled: e.disabled,
           name: e.name,
           required: e.required,
           minlength: e.minlength,
           value: e.modelValue,
-          onInput: c[0] || (c[0] = //@ts-ignore
-          (...s) => f.onInput && f.onInput(...s)),
-          onChange: c[1] || (c[1] = //@ts-ignore
-          (...s) => f.onChange && f.onChange(...s)),
-          onFocus: c[2] || (c[2] = //@ts-ignore
-          (...s) => f.onFocus && f.onFocus(...s)),
-          onBlur: c[3] || (c[3] = //@ts-ignore
-          (...s) => f.onBlur && f.onBlur(...s))
-        }), null, 16, ur)
+          onInput: f[0] || (f[0] = //@ts-ignore
+          (...r) => p.onInput && p.onInput(...r)),
+          onChange: f[1] || (f[1] = //@ts-ignore
+          (...r) => p.onChange && p.onChange(...r)),
+          onFocus: f[2] || (f[2] = //@ts-ignore
+          (...r) => p.onFocus && p.onFocus(...r)),
+          onBlur: f[3] || (f[3] = //@ts-ignore
+          (...r) => p.onBlur && p.onBlur(...r))
+        }), null, 16, So)
       ]),
-      e.minlength || e.maxlength ? (d(), m("div", dr, [
-        e.minlength ? (d(), m("p", {
+      e.minlength || e.maxlength ? (n(), c("div", $o, [
+        e.minlength ? (n(), c("p", {
           key: 0,
-          class: S(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
+          class: h(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          p.value ? b("", !0) : (d(), x(T, {
+          b.value ? g("", !0) : (n(), V(J, {
             key: 0,
             name: "check",
             color: "neutral",
             size: "xxsmall"
           })),
-          B(" " + C(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
-        ], 2)) : b("", !0),
-        e.maxlength ? (d(), m("p", {
+          C(" " + I(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+        ], 2)) : g("", !0),
+        e.maxlength ? (n(), c("p", {
           key: 1,
-          class: S(["joy-textarea-count", { "joy-textarea-count-invalid": y.value }])
-        }, C(e.modelValue.length + "/" + e.maxlength), 3)) : b("", !0)
-      ])) : b("", !0)
-    ], 10, ir));
+          class: h(["joy-textarea-count", { "joy-textarea-count-invalid": m.value }])
+        }, I(e.modelValue.length + "/" + e.maxlength), 3)) : g("", !0)
+      ])) : g("", !0)
+    ], 10, jo));
   }
 });
-const yr = /* @__PURE__ */ $(fr, [["__scopeId", "data-v-1d2165ca"]]), mt = (e) => (he("data-v-cf79d999"), e = e(), we(), e), vr = { class: "joy-toggle__wrapper" }, pr = ["name", "disabled", "checked", "required", "aria-checked", "value"], mr = { class: "joy-toggle__content" }, _r = /* @__PURE__ */ mt(() => /* @__PURE__ */ _("span", { class: "joy-toggle__symbol" }, null, -1)), br = { class: "joy-toggle__content-label" }, gr = /* @__PURE__ */ mt(() => /* @__PURE__ */ _("span", { class: "joy-toggle__smile" }, [
-  /* @__PURE__ */ _("svg", {
+const xo = /* @__PURE__ */ $(Vo, [["__scopeId", "data-v-de43ee01"]]), Oe = (e) => (ae("data-v-cf79d999"), e = e(), le(), e), Io = { class: "joy-toggle__wrapper" }, Co = ["name", "disabled", "checked", "required", "aria-checked", "value"], Lo = { class: "joy-toggle__content" }, Bo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ y("span", { class: "joy-toggle__symbol" }, null, -1)), Jo = { class: "joy-toggle__content-label" }, To = /* @__PURE__ */ Oe(() => /* @__PURE__ */ y("span", { class: "joy-toggle__smile" }, [
+  /* @__PURE__ */ y("svg", {
     width: "18",
     height: "10",
     viewBox: "0 0 18 10",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ _("path", {
+    /* @__PURE__ */ y("path", {
       d: "M9.0237 9.14856C15.7144 9.14856 17.8736 2.22231 17.9649 1.91853L17.9345 1.94891C18.1778 1.15908 17.7216 0.308485 16.9309 0.0654591C16.1402 -0.177566 15.2886 0.278108 15.0453 1.06794C14.9845 1.25021 13.5551 6.11073 8.99328 6.11073C4.43147 6.11073 3.03249 1.43248 2.97167 1.21983C2.75878 0.399622 1.90724 -0.0560541 1.11652 0.156593C0.295397 0.369241 -0.160787 1.18945 0.0520982 2.00967C0.721165 4.4703 3.48869 9.14856 9.0237 9.14856Z",
       fill: "currentColor"
     })
   ])
-], -1)), hr = /* @__PURE__ */ j({
+], -1)), Eo = /* @__PURE__ */ S({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -4011,10 +3741,10 @@ const yr = /* @__PURE__ */ $(fr, [["__scopeId", "data-v-1d2165ca"]]), mt = (e) =
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = w(!1), a = {
-      onChange: (n) => {
-        const r = n.target.checked;
-        l("update:modelValue", r);
+    const t = k(!1), a = {
+      onChange: (i) => {
+        const s = i.target.checked;
+        l("update:modelValue", s);
       },
       onFocus: () => {
         t.value = !0;
@@ -4023,9 +3753,9 @@ const yr = /* @__PURE__ */ $(fr, [["__scopeId", "data-v-1d2165ca"]]), mt = (e) =
         t.value = !1;
       }
     };
-    return (n, r) => (d(), m("div", vr, [
-      _("label", {
-        class: S([
+    return (i, s) => (n(), c("div", Io, [
+      y("label", {
+        class: h([
           "joy-toggle",
           {
             "joy-toggle__checked": e.modelValue,
@@ -4034,7 +3764,7 @@ const yr = /* @__PURE__ */ $(fr, [["__scopeId", "data-v-1d2165ca"]]), mt = (e) =
           }
         ])
       }, [
-        _("input", {
+        y("input", {
           ref: "input",
           type: "checkbox",
           class: "joy-toggle__input",
@@ -4045,27 +3775,27 @@ const yr = /* @__PURE__ */ $(fr, [["__scopeId", "data-v-1d2165ca"]]), mt = (e) =
           required: e.required,
           "aria-checked": e.modelValue,
           value: e.value,
-          onChange: r[0] || (r[0] = //@ts-ignore
-          (...i) => a.onChange && a.onChange(...i)),
-          onFocus: r[1] || (r[1] = //@ts-ignore
-          (...i) => a.onFocus && a.onFocus(...i)),
-          onBlur: r[2] || (r[2] = //@ts-ignore
-          (...i) => a.onBlur && a.onBlur(...i))
-        }, null, 40, pr),
-        _("p", mr, [
-          _r,
-          _("span", br, [
-            g(n.$slots, "default", {}, () => [
-              B(C(e.label), 1)
+          onChange: s[0] || (s[0] = //@ts-ignore
+          (...u) => a.onChange && a.onChange(...u)),
+          onFocus: s[1] || (s[1] = //@ts-ignore
+          (...u) => a.onFocus && a.onFocus(...u)),
+          onBlur: s[2] || (s[2] = //@ts-ignore
+          (...u) => a.onBlur && a.onBlur(...u))
+        }, null, 40, Co),
+        y("p", Lo, [
+          Bo,
+          y("span", Jo, [
+            _(i.$slots, "default", {}, () => [
+              C(I(e.label), 1)
             ], !0)
           ]),
-          gr
+          To
         ])
       ], 2)
     ]));
   }
 });
-const wr = /* @__PURE__ */ $(hr, [["__scopeId", "data-v-cf79d999"]]), Sr = /* @__PURE__ */ j({
+const zo = /* @__PURE__ */ $(Eo, [["__scopeId", "data-v-cf79d999"]]), Ao = /* @__PURE__ */ S({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -4109,8 +3839,8 @@ const wr = /* @__PURE__ */ $(hr, [["__scopeId", "data-v-cf79d999"]]), Sr = /* @_
     }
   },
   setup(e) {
-    return $e("VJoyWrapperContext", e), (t, a) => (d(), m("div", {
-      class: S([
+    return se("VJoyWrapperContext", e), (t, a) => (n(), c("div", {
+      class: h([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
         `joy-wrapper--align-${e.align}`,
@@ -4122,131 +3852,135 @@ const wr = /* @__PURE__ */ $(hr, [["__scopeId", "data-v-cf79d999"]]), Sr = /* @_
         { "joy-wrapper--has-margin": !e.noMargin }
       ])
     }, [
-      g(t.$slots, "default", {}, void 0, !0)
+      _(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const jr = /* @__PURE__ */ $(Sr, [["__scopeId", "data-v-8a6c4326"]]), $r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const qo = /* @__PURE__ */ $(Ao, [["__scopeId", "data-v-68d89412"]]), Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VJoyAvailability: xt,
-  VJoyAvatar: Pt,
-  VJoyAvatarsList: zt,
-  VJoyBadge: Mt,
-  VJoyBadgeLevel: cl,
-  VJoyButton: xe,
-  VJoyCheckbox: Ie,
-  VJoyCompanyAvatar: Ll,
-  VJoyCounter: ql,
-  VJoyDividerCta: Hl,
-  VJoyDropdown: Wa,
-  VJoyDropdownList: ct,
-  VJoyFilterBar: Za,
-  VJoyFilterBarButton: Ya,
-  VJoyFormError: ft,
-  VJoyFormFieldSkeleton: ln,
-  VJoyHighlight: sn,
-  VJoyIcon: T,
-  VJoyInput: _n,
-  VJoyLabel: ee,
-  VJoyLink: wn,
-  VJoyMenu: Vn,
-  VJoyMultiCheckbox: Ln,
-  VJoyPagination: An,
-  VJoyPanel: Wn,
-  VJoyPanelSection: Qn,
-  VJoyProgressBar: eo,
-  VJoyRadio: ro,
-  VJoyRadioGroup: uo,
-  VJoyRatingStars: mo,
-  VJoyScreenLoader: Le,
-  VJoySelect: So,
-  VJoySelectableItem: yt,
-  VJoySelectableItemGroup: Io,
-  VJoySeparator: Lo,
-  VJoySpinner: ke,
-  VJoyTab: Fo,
-  VJoyTabs: Ao,
-  VJoyTag: vt,
-  VJoyTagsList: Do,
-  VJoyTemplate: rr,
-  VJoyTemplateShape: pt,
-  VJoyTextarea: yr,
-  VJoyToggle: wr,
-  VJoyWrapper: jr
+  VJoyAvailability: Xe,
+  VJoyAvatar: rt,
+  VJoyAvatarsList: dt,
+  VJoyBadge: ft,
+  VJoyBadgeLevel: qt,
+  VJoyButton: de,
+  VJoyCheckbox: ce,
+  VJoyCompanyAvatar: aa,
+  VJoyCounter: ca,
+  VJoyDividerCta: ba,
+  VJoyDropdown: Ua,
+  VJoyDropdownList: Te,
+  VJoyFilterBar: Qa,
+  VJoyFilterBarButton: Xa,
+  VJoyFooter: rl,
+  VJoyFormError: Ee,
+  VJoyFormFieldSkeleton: ll,
+  VJoyFunnel: ml,
+  VJoyHighlight: jl,
+  VJoyIcon: J,
+  VJoyInput: Ll,
+  VJoyLabel: D,
+  VJoyLink: El,
+  VJoyMenu: Fl,
+  VJoyMultiCheckbox: Rl,
+  VJoyPagination: Zl,
+  VJoyPanel: on,
+  VJoyPanelSection: cn,
+  VJoyProgressBar: vn,
+  VJoyRadio: hn,
+  VJoyRadioGroup: Sn,
+  VJoyRatingStars: Cn,
+  VJoyScreenLoader: pe,
+  VJoySelect: zn,
+  VJoySelectableItem: ze,
+  VJoySelectableItemGroup: Mn,
+  VJoySeparator: Rn,
+  VJoySpinner: re,
+  VJoyTab: Xn,
+  VJoyTabs: Zn,
+  VJoyTag: Ae,
+  VJoyTagsList: lo,
+  VJoyTemplate: ho,
+  VJoyTemplateShape: qe,
+  VJoyTextarea: xo,
+  VJoyToggle: zo,
+  VJoyWrapper: qo
 }, Symbol.toStringTag, { value: "Module" }));
-function tt(e) {
+function Ie(e) {
   const l = e.target;
   if (!l)
     return;
   const t = l.getBoundingClientRect(), a = "joy-ripple-effect";
-  let n;
-  const r = l.querySelector(`.${a}`);
-  r || (n = document.createElement("span"), n.classList.add(a));
-  const i = r || n;
-  l.prepend(i);
+  let i;
+  const s = l.querySelector(`.${a}`);
+  s || (i = document.createElement("span"), i.classList.add(a));
+  const u = s || i;
+  l.prepend(u);
   const o = Math.sqrt(Math.pow(t.width, 2) + Math.pow(t.height, 2)) * 2;
-  i.style.width = i.style.height = `${o}px`, i.style.left = `${e.clientX - t.left}px`, i.style.top = `${e.clientY - t.top}px`;
+  u.style.width = u.style.height = `${o}px`, u.style.left = `${e.clientX - t.left}px`, u.style.top = `${e.clientY - t.top}px`;
 }
-const kr = {
+const Fo = {
   mounted: (e) => {
-    e.addEventListener("click", tt);
+    e.addEventListener("click", Ie);
   },
   beforeUnmount: (e) => {
-    e.removeEventListener("click", tt);
+    e.removeEventListener("click", Ie);
   }
 };
-const xr = {
+const No = {
   install: (e) => {
-    Object.entries($r).forEach(([l, t]) => {
+    Object.entries(Oo).forEach(([l, t]) => {
       e.component(l, t);
-    }), e.directive("joy-ripple", kr);
+    }), e.directive("joy-ripple", Fo);
   }
 };
 export {
-  xr as JoyVuePlugin,
-  xt as VJoyAvailability,
-  Pt as VJoyAvatar,
-  zt as VJoyAvatarsList,
-  Mt as VJoyBadge,
-  cl as VJoyBadgeLevel,
-  xe as VJoyButton,
-  Ie as VJoyCheckbox,
-  Ll as VJoyCompanyAvatar,
-  ql as VJoyCounter,
-  Hl as VJoyDividerCta,
-  Wa as VJoyDropdown,
-  ct as VJoyDropdownList,
-  Za as VJoyFilterBar,
-  Ya as VJoyFilterBarButton,
-  ft as VJoyFormError,
-  ln as VJoyFormFieldSkeleton,
-  sn as VJoyHighlight,
-  T as VJoyIcon,
-  _n as VJoyInput,
-  ee as VJoyLabel,
-  wn as VJoyLink,
-  Vn as VJoyMenu,
-  Ln as VJoyMultiCheckbox,
-  An as VJoyPagination,
-  Wn as VJoyPanel,
-  Qn as VJoyPanelSection,
-  eo as VJoyProgressBar,
-  ro as VJoyRadio,
-  uo as VJoyRadioGroup,
-  mo as VJoyRatingStars,
-  Le as VJoyScreenLoader,
-  So as VJoySelect,
-  yt as VJoySelectableItem,
-  Io as VJoySelectableItemGroup,
-  Lo as VJoySeparator,
-  ke as VJoySpinner,
-  Fo as VJoyTab,
-  Ao as VJoyTabs,
-  vt as VJoyTag,
-  Do as VJoyTagsList,
-  rr as VJoyTemplate,
-  pt as VJoyTemplateShape,
-  yr as VJoyTextarea,
-  wr as VJoyToggle,
-  jr as VJoyWrapper
+  No as JoyVuePlugin,
+  Xe as VJoyAvailability,
+  rt as VJoyAvatar,
+  dt as VJoyAvatarsList,
+  ft as VJoyBadge,
+  qt as VJoyBadgeLevel,
+  de as VJoyButton,
+  ce as VJoyCheckbox,
+  aa as VJoyCompanyAvatar,
+  ca as VJoyCounter,
+  ba as VJoyDividerCta,
+  Ua as VJoyDropdown,
+  Te as VJoyDropdownList,
+  Qa as VJoyFilterBar,
+  Xa as VJoyFilterBarButton,
+  rl as VJoyFooter,
+  Ee as VJoyFormError,
+  ll as VJoyFormFieldSkeleton,
+  ml as VJoyFunnel,
+  jl as VJoyHighlight,
+  J as VJoyIcon,
+  Ll as VJoyInput,
+  D as VJoyLabel,
+  El as VJoyLink,
+  Fl as VJoyMenu,
+  Rl as VJoyMultiCheckbox,
+  Zl as VJoyPagination,
+  on as VJoyPanel,
+  cn as VJoyPanelSection,
+  vn as VJoyProgressBar,
+  hn as VJoyRadio,
+  Sn as VJoyRadioGroup,
+  Cn as VJoyRatingStars,
+  pe as VJoyScreenLoader,
+  zn as VJoySelect,
+  ze as VJoySelectableItem,
+  Mn as VJoySelectableItemGroup,
+  Rn as VJoySeparator,
+  re as VJoySpinner,
+  Xn as VJoyTab,
+  Zn as VJoyTabs,
+  Ae as VJoyTag,
+  lo as VJoyTagsList,
+  ho as VJoyTemplate,
+  qe as VJoyTemplateShape,
+  xo as VJoyTextarea,
+  zo as VJoyToggle,
+  qo as VJoyWrapper
 };