@maltjoy/core-vue 3.15.4 → 3.16.0

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 $, computed as V, openBlock as u, createElementBlock as m, normalizeClass as S, createElementVNode as _, Fragment as D, createTextVNode as O, toDisplayString as C, createCommentVNode as h, createBlock as x, resolveDynamicComponent as oe, mergeProps as Q, withCtx as B, pushScopeId as ge, popScopeId as we, renderSlot as b, unref as k, renderList as G, createStaticVNode as Se, useAttrs as $e, resolveDirective as _t, withDirectives as bt, ref as w, createVNode as R, getCurrentScope as ht, onScopeDispose as gt, getCurrentInstance as wt, onMounted as Y, nextTick as at, watch as E, h as St, reactive as ve, onBeforeUnmount as je, normalizeStyle as Z, normalizeProps as se, guardReactiveProps as ue, provide as ke, createSlots as ot, inject as de, useSlots as K, onBeforeMount as $t, withModifiers as jt } from "vue";
+const kt = ["title"], Vt = /* @__PURE__ */ $({
   __name: "VJoyAvailability",
   props: {
     /** Don't fill it and you'll only have the colored dot */
@@ -19,25 +19,25 @@ const kt = ["title"], Vt = /* @__PURE__ */ j({
       "joy-availability--partial": l.isPartial,
       [l.status]: !0
     }));
-    return (a, n) => (d(), m("div", {
+    return (a, o) => (u(), m("div", {
       class: S(["joy-availability", { "joy-availability-has-label": !!e.label }]),
       title: e.label || void 0
     }, [
       _("span", {
         class: S(t.value)
       }, null, 2),
-      e.label ? (d(), m(D, { key: 0 }, [
-        B(C(e.label), 1)
-      ], 64)) : b("", !0)
+      e.label ? (u(), m(D, { key: 0 }, [
+        O(C(e.label), 1)
+      ], 64)) : h("", !0)
     ], 10, kt));
   }
 });
-const $ = (e, l) => {
+const j = (e, l) => {
   const t = e.__vccOpts || e;
-  for (const [a, n] of l)
-    t[a] = n;
+  for (const [a, o] of l)
+    t[a] = o;
   return t;
-}, xt = /* @__PURE__ */ $(Vt, [["__scopeId", "data-v-34b760ee"]]), T = /* @__PURE__ */ j({
+}, xt = /* @__PURE__ */ j(Vt, [["__scopeId", "data-v-3452c6e7"]]), T = /* @__PURE__ */ $({
   __name: "VJoyIcon",
   props: {
     name: {
@@ -54,7 +54,7 @@ const $ = (e, l) => {
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("span", {
+    return (l, t) => (u(), m("span", {
       class: S(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`])
     }, [
       _("i", {
@@ -63,18 +63,18 @@ const $ = (e, l) => {
     ], 2));
   }
 });
-const It = (e) => (he("data-v-b3dcdecc"), e = e(), we(), e), Ct = {
+const It = (e) => (ge("data-v-bcb28746"), e = e(), we(), e), Ct = {
   ref: "avatarEl",
   class: "joy-avatar__wrapper"
-}, Lt = ["src", "title", "alt"], Bt = {
+}, Lt = ["src", "title", "alt"], Ot = {
   key: 0,
   class: "joy-avatar__strategy"
-}, Ot = ["height"], Tt = /* @__PURE__ */ It(() => /* @__PURE__ */ _("path", {
+}, Bt = ["height"], Tt = /* @__PURE__ */ It(() => /* @__PURE__ */ _("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({
+], Et = /* @__PURE__ */ $({
   __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, o = V(() => a.size === "large" ? "medium" : a.size === "medium" ? "small" : a.size === "small" ? "xsmall" : "small"), r = V(() => a.link ? {
       type: "button"
     } : null), i = V(() => ({
       "joy-avatar": !0,
       "joy-avatar__link": a.link,
-      "joy-avatar__placeholder": o.value,
+      "joy-avatar__placeholder": n.value,
       [`joy-avatar__${a.size}`]: !0,
       [`joy-avatar__${a.color}`]: !0
-    })), o = V(() => !a.fullName && !a.photoUrl && !a.totalNumber), y = V(() => {
+    })), n = V(() => !a.fullName && !a.photoUrl && !a.totalNumber), y = V(() => {
       function f(c) {
         return c.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((c, s) => {
+        d[s] = f(c);
+      }), d.join("").toUpperCase();
     });
     function p() {
       t("click");
     }
     return l({
-      isAnonymous: o,
+      isAnonymous: n,
       initials: y
-    }), (f, u) => (d(), m("div", Ct, [
-      (d(), x(ne(e.link ? "button" : "div"), Z(r.value, {
+    }), (f, d) => (u(), m("div", Ct, [
+      (u(), x(oe(e.link ? "button" : "div"), Q(r.value, {
         class: [i.value],
         onClick: p
       }), {
-        default: O(() => [
-          o.value ? (d(), x(T, {
+        default: B(() => [
+          n.value ? (u(), x(T, {
             key: 0,
             name: "user-photo",
             color: "white",
-            size: n.value
-          }, null, 8, ["size"])) : b("", !0),
-          e.photoUrl ? (d(), m("img", {
+            size: o.value
+          }, null, 8, ["size"])) : h("", !0),
+          e.photoUrl ? (u(), m("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, Lt)) : h("", !0),
+          e.fullName ? (u(), m(D, { key: 2 }, [
+            O(C(y.value), 1)
+          ], 64)) : h("", !0),
+          e.totalNumber ? (u(), m(D, { key: 3 }, [
+            O(C("+" + e.totalNumber), 1)
+          ], 64)) : h("", !0)
         ]),
         _: 1
       }, 16, ["class"])),
-      e.profile === "strategy" ? (d(), m("span", Bt, [
-        (d(), m("svg", {
+      e.profile === "strategy" ? (u(), m("span", Ot, [
+        (u(), m("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)
+        }, Jt, 8, Bt))
+      ])) : h("", !0)
     ], 512));
   }
 });
-const Pt = /* @__PURE__ */ $(Et, [["__scopeId", "data-v-b3dcdecc"]]), At = /* @__PURE__ */ j({
+const Pt = /* @__PURE__ */ j(Et, [["__scopeId", "data-v-bcb28746"]]), At = /* @__PURE__ */ $({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
     compress: Boolean
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
+    return (l, t) => (u(), m("div", {
       ref: "avatarsList",
       class: S(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
-      g(l.$slots, "default", {}, void 0, !0)
+      b(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 zt = /* @__PURE__ */ j(At, [["__scopeId", "data-v-46e4547e"]]), Ft = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], qt = /* @__PURE__ */ $({
   __name: "VJoyBadge",
   props: {
     /**
@@ -204,24 +204,24 @@ const zt = /* @__PURE__ */ $(At, [["__scopeId", "data-v-46e4547e"]]), qt = ["inf
     variant: {
       type: String,
       validator(e) {
-        return qt.includes(e);
+        return Ft.includes(e);
       }
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("span", {
+    return (l, t) => (u(), m("span", {
       class: S(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      g(l.$slots, "default", {}, () => [
-        B(C(e.label), 1)
+      b(l.$slots, "default", {}, () => [
+        O(C(e.label), 1)
       ], !0)
     ], 2));
   }
 });
-const Mt = /* @__PURE__ */ $(Ft, [["__scopeId", "data-v-1ed08e27"]]);
+const Mt = /* @__PURE__ */ j(qt, [["__scopeId", "data-v-4512c8c6"]]);
 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 H = (e) => (ge("data-v-008b921b"), e = e(), we(), e), Nt = { class: "joy-badge-level" }, Rt = /* @__PURE__ */ H(() => /* @__PURE__ */ _("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", {
@@ -285,8 +285,8 @@ const H = (e) => (he("data-v-f258a344"), e = e(), we(), e), Nt = { class: "joy-b
   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
+}, ol = /* @__PURE__ */ Se('<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), nl = [
+  ol
 ], rl = {
   key: 4,
   class: "joy-badge-level__highpotential-program",
@@ -309,7 +309,7 @@ const H = (e) => (he("data-v-f258a344"), e = e(), we(), e), Nt = { class: "joy-b
 ], -1)), ul = [
   il,
   sl
-], dl = /* @__PURE__ */ j({
+], dl = /* @__PURE__ */ $({
   __name: "VJoyBadgeLevel",
   props: {
     /** Badge type. HIGH_POTENTIAL, SUPERMALTER, etc... */
@@ -348,18 +348,18 @@ const H = (e) => (he("data-v-f258a344"), e = e(), we(), e), Nt = { class: "joy-b
           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", {
+    return (a, o) => (u(), m("span", Nt, [
+      e.type === k(P).SUPER_MALTER ? (u(!0), m(D, { key: 0 }, G(e.superMalterLevel, (r, i) => (u(), m("svg", {
         key: i,
         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),
+      }, Wt))), 128)) : h("", !0),
+      e.type === k(P).HIGH_POTENTIAL ? (u(), m("svg", Ut, Zt)) : h("", !0),
+      e.type === k(P).HIGH_POTENTIAL_AUTO ? (u(), m("svg", Qt, ll)) : h("", !0),
+      e.type === k(P).MALT_LINKER ? (u(), m("svg", al, nl)) : h("", !0),
+      e.type === k(re).HIGH_POTENTIAL ? (u(), m("svg", rl, ul)) : h("", !0),
       _("span", {
         class: S([
           {
@@ -370,14 +370,14 @@ const H = (e) => (he("data-v-f258a344"), e = e(), we(), e), Nt = { class: "joy-b
           }
         ])
       }, [
-        e.visibleText ? g(a.$slots, "default", { key: 0 }, () => [
-          B(C(t.value), 1)
-        ], !0) : b("", !0)
+        e.visibleText ? b(a.$slots, "default", { key: 0 }, () => [
+          O(C(t.value), 1)
+        ], !0) : h("", !0)
       ], 2)
     ]));
   }
 });
-const cl = /* @__PURE__ */ $(dl, [["__scopeId", "data-v-f258a344"]]), fl = ["teal", "white"], yl = /* @__PURE__ */ j({
+const cl = /* @__PURE__ */ j(dl, [["__scopeId", "data-v-008b921b"]]), fl = ["teal", "white"], yl = /* @__PURE__ */ $({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -388,13 +388,13 @@ const cl = /* @__PURE__ */ $(dl, [["__scopeId", "data-v-f258a344"]]), fl = ["tea
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
+    return (l, t) => (u(), m("div", {
       class: S(["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 Ve = /* @__PURE__ */ j(yl, [["__scopeId", "data-v-127ef073"]]), vl = ["primary", "secondary"], pl = ["neutral", "success", "info", "warning", "error"], ml = ["main", "admin", "ghost", "white"], _l = [...vl, ...ml], bl = ["large", "medium", "small", "xsmall", "xxsmall"];
+function hl(e) {
   let l;
   switch (e) {
     case "error":
@@ -408,7 +408,7 @@ function gl(e) {
   }
   return l;
 }
-function hl(e) {
+function gl(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 xe = function(e = 10) {
   return Math.random().toString(36).substring(2, e + 2);
-}, wl = /* @__PURE__ */ j({
+}, wl = /* @__PURE__ */ $({
   __name: "VJoyButton",
   props: {
     /**
@@ -469,7 +469,7 @@ const Ve = function(e = 10) {
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = Se(), n = "joy-button--" + Ve(), r = V(() => {
+    const t = e, a = $e(), o = "joy-button--" + xe(), r = V(() => {
       switch (t.size) {
         case "xxsmall":
           return "xxsmall";
@@ -481,9 +481,9 @@ const Ve = function(e = 10) {
           return "small";
       }
     }), i = V(() => ["white", "ghost", "secondary"].includes(t.variant) ? "teal" : "white");
-    return l({ randomId: n }), (o, y) => {
+    return l({ randomId: o }), (n, y) => {
       const p = _t("joy-ripple");
-      return bt((d(), x(ne(k(a).href ? "a" : "button"), {
+      return bt((u(), x(oe(k(a).href ? "a" : "button"), {
         disabled: e.loading || k(a).disabled,
         type: k(a).type || "button",
         class: S([
@@ -495,35 +495,35 @@ const Ve = function(e = 10) {
             "joy-button_loading": e.loading
           }
         ]),
-        "aria-labelledby": (o.$slots.default || e.label) && n
+        "aria-labelledby": (n.$slots.default || e.label) && o
       }, {
-        default: O(() => [
-          e.icon && e.iconPosition === "left" ? (d(), x(T, {
+        default: B(() => [
+          e.icon && e.iconPosition === "left" ? (u(), x(T, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
             size: r.value,
             "aria-hidden": "true"
-          }, null, 8, ["name", "size"])) : b("", !0),
-          e.loading ? (d(), x(ke, {
+          }, null, 8, ["name", "size"])) : h("", !0),
+          e.loading ? (u(), x(Ve, {
             key: 1,
             color: i.value
-          }, null, 8, ["color"])) : b("", !0),
+          }, null, 8, ["color"])) : h("", !0),
           _("span", {
-            id: n,
+            id: o,
             class: "joy-button--slot"
           }, [
-            g(o.$slots, "default", {}, () => [
-              B(C(e.label), 1)
+            b(n.$slots, "default", {}, () => [
+              O(C(e.label), 1)
             ], !0)
           ]),
-          e.icon && e.iconPosition === "right" ? (d(), x(T, {
+          e.icon && e.iconPosition === "right" ? (u(), x(T, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
             size: r.value,
             "aria-hidden": "true"
-          }, null, 8, ["name", "size"])) : b("", !0)
+          }, null, 8, ["name", "size"])) : h("", !0)
         ]),
         _: 3
       }, 8, ["disabled", "type", "class", "aria-labelledby"])), [
@@ -532,7 +532,7 @@ const Ve = function(e = 10) {
     };
   }
 });
-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 Ie = /* @__PURE__ */ j(wl, [["__scopeId", "data-v-25ba8bc2"]]), Sl = ["aria-checked", "aria-hidden"], $l = { class: "joy-checkbox__input-wrapper" }, jl = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], kl = { class: "joy-checkbox__content-wrapper" }, Vl = { class: "joy-checkbox__content" }, xl = /* @__PURE__ */ $({
   __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,21 +587,21 @@ 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 = {
+    const a = e, o = w(), r = w(a.indeterminate), i = w(a.invalid), n = w(!1), y = {
       onChange: (p) => {
         const f = p.target.checked;
         r.value = !1, i.value = !1, t("update:checked", f);
       },
       onFocus: () => {
-        o.value = !0, t("focus");
+        n.value = !0, t("focus");
       },
       onBlur: () => {
-        o.value = !1, t("blur");
+        n.value = !1, t("blur");
       }
     };
     return l({
       isIndeterminate: r
-    }), (p, f) => (d(), m("div", {
+    }), (p, f) => (u(), m("div", {
       class: "joy-checkbox__wrapper",
       "aria-checked": e.checked,
       "aria-hidden": e.disabled
@@ -614,15 +614,15 @@ const xe = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-a31d0dc4"]]), Sl = ["ari
             "joy-checkbox__indeterminate": r.value,
             "joy-checkbox__disabled": e.disabled,
             "joy-checkbox__invalid": i.value,
-            "joy-checkbox__focusing": o.value && e.displayFocus
+            "joy-checkbox__focusing": n.value && e.displayFocus
           }
         ])
       }, [
-        _("div", jl, [
+        _("div", $l, [
           _("input", {
             id: e.id,
             ref_key: "input",
-            ref: n,
+            ref: o,
             type: "checkbox",
             class: "joy-checkbox__input",
             role: "checkbox",
@@ -634,26 +634,26 @@ const xe = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-a31d0dc4"]]), Sl = ["ari
             value: e.value,
             indeterminate: r.value,
             onChange: f[0] || (f[0] = //@ts-ignore
-            (...u) => y.onChange && y.onChange(...u)),
+            (...d) => y.onChange && y.onChange(...d)),
             onFocus: f[1] || (f[1] = //@ts-ignore
-            (...u) => y.onFocus && y.onFocus(...u)),
+            (...d) => y.onFocus && y.onFocus(...d)),
             onBlur: f[2] || (f[2] = //@ts-ignore
-            (...u) => y.onBlur && y.onBlur(...u))
-          }, null, 40, $l)
+            (...d) => y.onBlur && y.onBlur(...d))
+          }, null, 40, jl)
         ]),
         _("div", kl, [
-          g(p.$slots, "default", {}, () => [
-            B(C(e.label), 1)
+          b(p.$slots, "default", {}, () => [
+            O(C(e.label), 1)
           ], !0),
           _("div", Vl, [
-            g(p.$slots, "checkbox-content", {}, void 0, !0)
+            b(p.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
     ], 8, Sl));
   }
 });
-const Ie = /* @__PURE__ */ $(xl, [["__scopeId", "data-v-27cc9d8c"]]), Il = ["src", "alt", "title"], Cl = /* @__PURE__ */ j({
+const Ce = /* @__PURE__ */ j(xl, [["__scopeId", "data-v-27cc9d8c"]]), Il = ["src", "alt", "title"], Cl = /* @__PURE__ */ $({
   __name: "VJoyCompanyAvatar",
   props: {
     imgSrc: String,
@@ -677,15 +677,15 @@ const Ie = /* @__PURE__ */ $(xl, [["__scopeId", "data-v-27cc9d8c"]]), Il = ["src
           return "xsmall";
       }
     });
-    return (a, n) => (d(), m("div", {
+    return (a, o) => (u(), m("div", {
       class: S(["joy-company-avatar", `joy-company-avatar--${e.size}`])
     }, [
-      e.imgSrc ? (d(), m("img", {
+      e.imgSrc ? (u(), m("img", {
         key: 0,
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
         title: e.companyName
-      }, null, 8, Il)) : (d(), x(k(T), {
+      }, null, 8, Il)) : (u(), x(k(T), {
         key: 1,
         name: "company-placeholder",
         size: t.value
@@ -693,12 +693,12 @@ 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 Ll = /* @__PURE__ */ j(Cl, [["__scopeId", "data-v-0f616ccb"]]), Ol = { class: "joy-counter" }, Bl = ["aria-label", "disabled"], Tl = { class: "joy-counter__input-wrapper" }, Jl = ["id", "min", "max", "aria-invalid", "name", "required", "value"], El = ["aria-label", "disabled"], Pl = {
   key: 0,
   class: "joy-counter_error"
 }, Al = {
   inheritAttrs: !1
-}, zl = /* @__PURE__ */ j({
+}, zl = /* @__PURE__ */ $({
   ...Al,
   __name: "VJoyCounter",
   props: {
@@ -766,26 +766,26 @@ 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);
+    const a = e, o = 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();
     }
-    function o() {
+    function n() {
       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();
     }
     function y() {
-      n.value = !f();
+      o.value = !f();
     }
     function p(v = !0) {
-      const h = a.step.toString().split("."), I = h.length === 2 ? h[1].length : 0;
+      const g = a.step.toString().split("."), I = g.length === 2 ? g[1].length : 0;
       return parseFloat(v ? (a.modelValue + a.step).toFixed(I) : (a.modelValue - a.step).toFixed(I));
     }
     function f() {
-      return u() && c();
+      return d() && c();
     }
-    function u() {
+    function d() {
       return !a.max || a.modelValue <= a.max;
     }
     function c() {
@@ -793,7 +793,7 @@ const Ll = /* @__PURE__ */ $(Cl, [["__scopeId", "data-v-7ab52b19"]]), Bl = { cla
     }
     const s = {
       onInput: (v) => {
-        t("update:modelValue", +v.target.value || 0), n.value = !1;
+        t("update:modelValue", +v.target.value || 0), o.value = !1;
       },
       onFocus: () => {
         r.value = !0;
@@ -804,21 +804,21 @@ const Ll = /* @__PURE__ */ $(Cl, [["__scopeId", "data-v-7ab52b19"]]), Bl = { cla
     };
     return l({
       props: a
-    }), (v, h) => (d(), m("div", Bl, [
-      e.label ? (d(), x(k(ee), {
+    }), (v, g) => (u(), m("div", Ol, [
+      e.label ? (u(), x(k(ee), {
         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(() => [
+          b(v.$slots, "default", {}, () => [
+            O(C(e.label), 1)
           ], !0)
         ]),
         _: 3
-      }, 8, ["for", "required", "optional-label", "size"])) : b("", !0),
+      }, 8, ["for", "required", "optional-label", "size"])) : h("", !0),
       _("div", {
         class: S(["joy-counter__wrapper", { "joy-counter--focusing": r.value }])
       }, [
@@ -830,26 +830,26 @@ const Ll = /* @__PURE__ */ $(Cl, [["__scopeId", "data-v-7ab52b19"]]), Bl = { cla
           onClick: i
         }, [
           R(k(T), { name: "minus" })
-        ], 8, Ol),
+        ], 8, Bl),
         _("div", Tl, [
-          _("input", Z({
+          _("input", Q({
             id: e.id,
             ref: "input",
             type: "number",
-            class: { "joy-counter__invalid": e.invalid || n.value },
+            class: { "joy-counter__invalid": e.invalid || o.value },
             min: e.min,
             max: e.max,
-            "aria-invalid": e.invalid || n.value,
+            "aria-invalid": e.invalid || o.value,
             name: e.name,
             required: e.required,
             step: "any",
             value: e.modelValue
           }, v.$attrs, {
-            onInput: h[0] || (h[0] = //@ts-ignore
+            onInput: g[0] || (g[0] = //@ts-ignore
             (...I) => s.onInput && s.onInput(...I)),
-            onBlur: h[1] || (h[1] = //@ts-ignore
+            onBlur: g[1] || (g[1] = //@ts-ignore
             (...I) => s.onBlur && s.onBlur(...I)),
-            onFocus: h[2] || (h[2] = //@ts-ignore
+            onFocus: g[2] || (g[2] = //@ts-ignore
             (...I) => s.onFocus && s.onFocus(...I))
           }), null, 16, Jl)
         ]),
@@ -858,18 +858,18 @@ const Ll = /* @__PURE__ */ $(Cl, [["__scopeId", "data-v-7ab52b19"]]), Bl = { cla
           type: "button",
           "aria-label": e.labelIncrement,
           disabled: e.max ? e.modelValue >= e.max : !1,
-          onClick: o
+          onClick: n
         }, [
           R(k(T), { name: "add" })
         ], 8, El),
-        e.invalid && e.errorMessage ? (d(), m("div", Pl, [
+        e.invalid && e.errorMessage ? (u(), m("div", Pl, [
           R(k(ft), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
-        ])) : b("", !0)
+        ])) : h("", !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 Fl = /* @__PURE__ */ j(zl, [["__scopeId", "data-v-ebcfc48d"]]), ql = ["disabled"], Ml = { class: "joy-divider-cta--icon" }, Nl = { class: "joy-divider-cta--content" }, Rl = { class: "joy-divider-cta--content---title" }, Dl = /* @__PURE__ */ $({
   __name: "VJoyDividerCta",
   props: {
     disabled: {
@@ -878,7 +878,7 @@ const ql = /* @__PURE__ */ $(zl, [["__scopeId", "data-v-a59ac0ad"]]), Fl = ["dis
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("button", {
+    return (l, t) => (u(), m("button", {
       type: "button",
       class: S(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
@@ -888,54 +888,54 @@ const ql = /* @__PURE__ */ $(zl, [["__scopeId", "data-v-a59ac0ad"]]), Fl = ["dis
       ]),
       _("div", Nl, [
         _("p", Rl, [
-          g(l.$slots, "default", {}, void 0, !0)
+          b(l.$slots, "default", {}, void 0, !0)
         ]),
-        g(l.$slots, "divider-content", {}, void 0, !0)
+        b(l.$slots, "divider-content", {}, void 0, !0)
       ])
-    ], 10, Fl));
+    ], 10, ql));
   }
 });
-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);
+const Hl = /* @__PURE__ */ j(Dl, [["__scopeId", "data-v-a3d693c3"]]);
+var Te;
+const le = typeof window < "u", nt = (e) => typeof e == "string", M = () => {
+}, ie = le && ((Te = window == null ? void 0 : window.navigator) == null ? void 0 : Te.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 new Promise((o, r) => {
+      Promise.resolve(e(() => l.apply(this, a), { fn: l, thisArg: this, args: a })).then(o).catch(r);
     });
   }
   return t;
 }
 function Wl(e, l = {}) {
-  let t, a, n = M;
-  const r = (o) => {
-    clearTimeout(o), n(), n = M;
+  let t, a, o = M;
+  const r = (n) => {
+    clearTimeout(n), o(), o = M;
   };
-  return (o) => {
+  return (n) => {
     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());
+    return t && r(t), y <= 0 || p !== void 0 && p <= 0 ? (a && (r(a), a = null), Promise.resolve(n())) : new Promise((f, d) => {
+      o = l.rejectOnCancel ? d : f, p && !a && (a = setTimeout(() => {
+        t && r(t), a = null, f(n());
       }, p)), t = setTimeout(() => {
-        a && r(a), a = null, f(o());
+        a && r(a), a = null, f(n());
       }, y);
     });
   };
 }
 function Ul(e, l = !0, t = !0, a = !1) {
-  let n = 0, r, i = !0, o = M, y;
+  let o = 0, r, i = !0, n = M, y;
   const p = () => {
-    r && (clearTimeout(r), r = void 0, o(), o = M);
+    r && (clearTimeout(r), r = void 0, n(), n = 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();
+  return (d) => {
+    const c = z(e), s = Date.now() - o, v = () => y = d();
+    return p(), c <= 0 ? (o = Date.now(), v()) : (s > c && (t || !i) ? (o = Date.now(), v()) : l && (y = new Promise((g, I) => {
+      n = a ? I : g, r = setTimeout(() => {
+        o = Date.now(), i = !0, g(v()), p();
       }, Math.max(0, c - s));
     })), !t && !r && (r = setTimeout(() => i = !0, c)), i = !1, y);
   };
@@ -949,51 +949,51 @@ function Gl(e) {
   return e;
 }
 function ae(e) {
-  return gt() ? (ht(e), !0) : !1;
+  return ht() ? (gt(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 Zl(e, l = 200, t = !1, a = !0, o = !1) {
+  return rt(Ul(l, t, a, o), e);
 }
 function Ql(e) {
   return typeof e == "function" ? V(e) : w(e);
 }
 function it(e, l = !0) {
-  wt() ? Q(e) : l ? e() : at(e);
+  wt() ? Y(e) : l ? e() : at(e);
 }
 function te(e) {
   var l;
   const t = z(e);
   return (l = t == null ? void 0 : t.$el) != null ? l : t;
 }
-const Ce = le ? window : void 0;
+const Le = 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)
+  let l, t, a, o;
+  if (nt(e[0]) || Array.isArray(e[0]) ? ([t, a, o] = e, l = Le) : [l, t, a, o] = e, !l)
     return M;
   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))));
+  }, n = (f, d, c, s) => (f.addEventListener(d, c, s), () => f.removeEventListener(d, c, s)), y = E(() => [te(l), z(o)], ([f, d]) => {
+    i(), f && r.push(...t.flatMap((c) => a.map((s) => n(f, c, s, d))));
   }, { immediate: !0, flush: "post" }), p = () => {
     y(), i();
   };
   return ae(p), p;
 }
-let Te = !1;
+let Je = !1;
 function Yl(e, l, t = {}) {
-  const { window: a = Ce, ignore: n = [], capture: r = !0, detectIframe: i = !1 } = t;
+  const { window: a = Le, ignore: o = [], capture: r = !0, detectIframe: i = !1 } = t;
   if (!a)
     return;
-  ie && !Te && (Te = !0, Array.from(a.document.body.children).forEach((c) => c.addEventListener("click", M)));
-  let o = !0;
-  const y = (c) => n.some((s) => {
+  ie && !Je && (Je = !0, Array.from(a.document.body.children).forEach((c) => c.addEventListener("click", M)));
+  let n = !0;
+  const y = (c) => o.some((s) => {
     if (typeof s == "string")
       return Array.from(a.document.querySelectorAll(s)).some((v) => v === c.target || c.composedPath().includes(v));
     {
@@ -1004,8 +1004,8 @@ function Yl(e, l, t = {}) {
     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) {
-          o = !0;
+        if (c.detail === 0 && (n = !y(c)), !n) {
+          n = !0;
           return;
         }
         l(c);
@@ -1013,7 +1013,7 @@ function Yl(e, l, t = {}) {
     }, { passive: !0, capture: r }),
     ye(a, "pointerdown", (c) => {
       const s = te(e);
-      s && (o = !c.composedPath().includes(s) && !y(c));
+      s && (n = !c.composedPath().includes(s) && !y(c));
     }, { passive: !0 }),
     i && ye(a, "blur", (c) => {
       var s;
@@ -1030,39 +1030,39 @@ function Xl(e, l = !1) {
 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) => {
+var Ee = Object.getOwnPropertySymbols, ea = Object.prototype.hasOwnProperty, ta = Object.prototype.propertyIsEnumerable, la = (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))
+  if (e != null && Ee)
+    for (var a of Ee(e))
       l.indexOf(a) < 0 && ta.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"]);
+  const a = t, { window: o = Le } = a, r = la(a, ["window"]);
   let i;
-  const o = Xl(() => n && "ResizeObserver" in n), y = () => {
+  const n = Xl(() => o && "ResizeObserver" in o), 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));
+  }, p = E(() => te(e), (d) => {
+    y(), n.value && o && d && (i = new ResizeObserver(l), i.observe(d, r));
   }, { immediate: !0, flush: "post" }), f = () => {
     y(), p();
   };
   return ae(f), {
-    isSupported: o,
+    isSupported: n,
     stop: f
   };
 }
-var Ee;
+var Pe;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(Ee || (Ee = {}));
-function na(e) {
+})(Pe || (Pe = {}));
+function oa(e) {
   const l = w(e == null ? void 0 : e.element), t = w(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 o, r;
+    l.value && (l.value.style.height = "1px", l.value.style.height = `${(o = l.value) == null ? void 0 : o.scrollHeight}px`, (r = e == null ? void 0 : e.onResize) == null || r.call(e));
   }
   return E([t, l], a, { immediate: !0 }), aa(l, () => a()), e != null && e.watch && E(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: l,
@@ -1070,12 +1070,12 @@ function na(e) {
     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 na = Object.defineProperty, Ae = Object.getOwnPropertySymbols, ra = Object.prototype.hasOwnProperty, ia = Object.prototype.propertyIsEnumerable, ze = (e, l, t) => l in e ? na(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, sa = (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]);
+    ra.call(l, t) && ze(e, t, l[t]);
+  if (Ae)
+    for (var t of Ae(l))
+      ia.call(l, t) && ze(e, t, l[t]);
   return e;
 };
 const ua = {
@@ -1107,72 +1107,72 @@ const ua = {
 sa({
   linear: Gl
 }, ua);
-const da = /* @__PURE__ */ j({
+const da = /* @__PURE__ */ $({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: l, emit: t }) {
     const a = w();
-    return Yl(a, (n) => {
-      t("trigger", n);
+    return Yl(a, (o) => {
+      t("trigger", o);
     }, e.options), () => {
       if (l.default)
         return St(e.as || "div", { ref: a }, l.default());
     };
   }
 });
-function q(e) {
+function F(e) {
   var l;
   const t = z(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)
+  let l, t, a, o;
+  if (nt(e[0]) || Array.isArray(e[0]) ? ([t, a, o] = e, l = X) : [l, t, a, o] = e, !l)
     return M;
   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))));
+  }, n = (f, d, c, s) => (f.addEventListener(d, c, s), () => f.removeEventListener(d, c, s)), y = E(() => [F(l), z(o)], ([f, d]) => {
+    i(), f && r.push(...t.flatMap((c) => a.map((s) => n(f, c, s, d))));
   }, { immediate: !0, flush: "post" }), p = () => {
     y(), i();
   };
   return ae(p), p;
 }
-let ze = !1;
+let Fe = !1;
 function qe(e, l, t = {}) {
-  const { window: a = X, ignore: n = [], capture: r = !0, detectIframe: i = !1 } = t;
+  const { window: a = X, ignore: o = [], 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) => {
+  ie && !Fe && (Fe = !0, Array.from(a.document.body.children).forEach((c) => c.addEventListener("click", M)));
+  let n = !0;
+  const y = (c) => o.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);
+      const v = F(s);
       return v && (c.target === v || c.composedPath().includes(v));
     }
   }), f = [
     N(a, "click", (c) => {
-      const s = q(e);
+      const s = F(e);
       if (!(!s || s === c.target || c.composedPath().includes(s))) {
-        if (c.detail === 0 && (o = !y(c)), !o) {
-          o = !0;
+        if (c.detail === 0 && (n = !y(c)), !n) {
+          n = !0;
           return;
         }
         l(c);
       }
     }, { passive: !0, capture: r }),
     N(a, "pointerdown", (c) => {
-      const s = q(e);
-      s && (o = !c.composedPath().includes(s) && !y(c));
+      const s = F(e);
+      s && (n = !c.composedPath().includes(s) && !y(c));
     }, { passive: !0 }),
     i && N(a, "blur", (c) => {
       var s;
-      const v = q(e);
+      const v = F(e);
       ((s = a.document.activeElement) == null ? void 0 : s.tagName) === "IFRAME" && !(v != null && v.contains(a.document.activeElement)) && l(c);
     })
   ].filter(Boolean);
@@ -1180,40 +1180,40 @@ function qe(e, l, t = {}) {
 }
 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) {
+function Me(...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);
+  const { target: o = X, eventName: r = "keydown", passive: i = !1 } = a, n = ca(l);
+  return N(o, r, (p) => {
+    n(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) => {
+var fa = Object.defineProperty, Ne = Object.getOwnPropertySymbols, ya = Object.prototype.hasOwnProperty, va = Object.prototype.propertyIsEnumerable, Re = (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]);
+    ya.call(l, t) && Re(e, t, l[t]);
+  if (Ne)
+    for (var t of Ne(l))
+      va.call(l, t) && Re(e, t, l[t]);
   return e;
 };
 W.mounted + "";
 const ma = 500;
-function Re(e, l, t) {
-  var a, n;
-  const r = V(() => q(e));
+function De(e, l, t) {
+  var a, o;
+  const r = V(() => F(e));
   let i;
-  function o() {
+  function n() {
     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));
+    var d, c, s, v;
+    (d = t == null ? void 0 : t.modifiers) != null && d.self && f.target !== r.value || (n(), (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
+    once: (o = t == null ? void 0 : t.modifiers) == null ? void 0 : o.once
   };
-  N(r, "pointerdown", y, p), N(r, "pointerup", o, p), N(r, "pointerleave", o, p);
+  N(r, "pointerdown", y, p), N(r, "pointerup", n, p), N(r, "pointerleave", n, 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__";
@@ -1224,89 +1224,89 @@ function st(e, l = !1) {
   return a(), it(a, l), t;
 }
 function _a(e, l = {}) {
-  const t = l ? l.delayEnter : 0, a = l ? l.delayLeave : 0, n = w(!1);
+  const t = l ? l.delayEnter : 0, a = l ? l.delayLeave : 0, o = 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;
+  const i = (n) => {
+    const y = n ? t : a;
+    r && (clearTimeout(r), r = void 0), y ? r = setTimeout(() => o.value = n, y) : o.value = n;
   };
-  return window && (N(e, "mouseenter", () => i(!0), { passive: !0 }), N(e, "mouseleave", () => i(!1), { passive: !0 })), n;
+  return window && (N(e, "mouseenter", () => i(!0), { passive: !0 }), N(e, "mouseleave", () => i(!1), { passive: !0 })), o;
 }
 W.mounted + "";
-var De = Object.getOwnPropertySymbols, ba = Object.prototype.hasOwnProperty, ga = Object.prototype.propertyIsEnumerable, ha = (e, l) => {
+var He = Object.getOwnPropertySymbols, ba = Object.prototype.hasOwnProperty, ha = Object.prototype.propertyIsEnumerable, ga = (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]);
+  if (e != null && He)
+    for (var a of He(e))
+      l.indexOf(a) < 0 && ha.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"]);
+  const a = t, { window: o = X } = a, r = ga(a, ["window"]);
   let i;
-  const o = st(() => n && "ResizeObserver" in n), y = () => {
+  const n = st(() => o && "ResizeObserver" in o), 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));
+  }, p = E(() => F(e), (d) => {
+    y(), n.value && o && d && (i = new ResizeObserver(l), i.observe(d, r));
   }, { immediate: !0, flush: "post" }), f = () => {
     y(), p();
   };
   return ae(f), {
-    isSupported: o,
+    isSupported: n,
     stop: f
   };
 }
 function Sa(e, l = { width: 0, height: 0 }, t = {}) {
-  const { window: a = X, box: n = "content-box" } = t, r = V(() => {
+  const { window: a = X, box: o = "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 (p = (y = F(e)) == null ? void 0 : y.namespaceURI) == null ? void 0 : p.includes("svg");
+  }), i = w(l.width), n = w(l.height);
   return wa(e, ([y]) => {
-    const p = n === "border-box" ? y.borderBoxSize : n === "content-box" ? y.contentBoxSize : y.devicePixelContentBoxSize;
+    const p = o === "border-box" ? y.borderBoxSize : o === "content-box" ? y.contentBoxSize : y.devicePixelContentBoxSize;
     if (a && r.value) {
-      const f = q(e);
+      const f = F(e);
       if (f) {
-        const u = a.getComputedStyle(f);
-        i.value = parseFloat(u.width), o.value = parseFloat(u.height);
+        const d = a.getComputedStyle(f);
+        i.value = parseFloat(d.width), n.value = parseFloat(d.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);
+      i.value = f.reduce((d, { inlineSize: c }) => d + c, 0), n.value = f.reduce((d, { blockSize: c }) => d + 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;
+      i.value = y.contentRect.width, n.value = y.contentRect.height;
+  }, t), E(() => F(e), (y) => {
+    i.value = y ? l.width : 0, n.value = y ? l.height : 0;
   }), {
     width: i,
-    height: o
+    height: n
   };
 }
 W.mounted + "";
-function He(e, { window: l = X, scrollTarget: t } = {}) {
-  const a = w(!1), n = () => {
+function We(e, { window: l = X, scrollTarget: t } = {}) {
+  const a = w(!1), o = () => {
     if (!l)
       return;
-    const r = l.document, i = q(e);
+    const r = l.document, i = F(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;
+      const n = i.getBoundingClientRect();
+      a.value = n.top <= (l.innerHeight || r.documentElement.clientHeight) && n.left <= (l.innerWidth || r.documentElement.clientWidth) && n.bottom >= 0 && n.right >= 0;
     }
   };
-  return E(() => q(e), () => n(), { immediate: !0, flush: "post" }), l && N(t || l, "scroll", n, {
+  return E(() => F(e), () => o(), { immediate: !0, flush: "post" }), l && N(t || l, "scroll", o, {
     capture: !1,
     passive: !0
   }), a;
 }
 W.mounted + "";
-const We = 1;
-function ge(e, l = {}) {
+const Ue = 1;
+function he(e, l = {}) {
   const {
     throttle: t = 0,
     idle: a = 200,
-    onStop: n = M,
+    onStop: o = M,
     onScroll: r = M,
     offset: i = {
       left: 0,
@@ -1314,12 +1314,12 @@ function ge(e, l = {}) {
       top: 0,
       bottom: 0
     },
-    eventListenerOptions: o = {
+    eventListenerOptions: n = {
       capture: !1,
       passive: !0
     },
     behavior: y = "auto"
-  } = l, p = w(0), f = w(0), u = V({
+  } = l, p = w(0), f = w(0), d = V({
     get() {
       return p.value;
     },
@@ -1335,15 +1335,15 @@ function ge(e, l = {}) {
     }
   });
   function s(A, L) {
-    var U, F, Be;
+    var U, q, 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,
+      left: (q = z(A)) != null ? q : d.value,
       behavior: z(y)
     }));
   }
-  const v = w(!1), h = ve({
+  const v = w(!1), g = ve({
     left: !0,
     right: !1,
     top: !0,
@@ -1354,92 +1354,92 @@ function ge(e, l = {}) {
     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) => {
+    v.value && (v.value = !1, I.left = !1, I.right = !1, I.top = !1, I.bottom = !1, o(A));
+  }, ce = Kl(J, t + a), ne = (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);
+    I.left = U < p.value, I.right = U > f.value, g.left = U <= 0 + (i.left || 0), g.right = U + L.clientWidth >= L.scrollWidth - (i.right || 0) - Ue, p.value = U;
+    let q = L.scrollTop;
+    A.target === document && !q && (q = document.body.scrollTop), I.top = q < f.value, I.bottom = q > f.value, g.top = q <= 0 + (i.top || 0), g.bottom = q + L.clientHeight >= L.scrollHeight - (i.bottom || 0) - Ue, f.value = q, 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,
+  return N(e, "scroll", t ? Zl(ne, t, !0, !1) : ne, n), N(e, "scrollend", J, n), {
+    x: d,
     y: c,
     isScrolling: v,
-    arrivedState: h,
+    arrivedState: g,
     directions: I
   };
 }
-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) => {
+var $a = Object.defineProperty, ja = Object.defineProperties, ka = Object.getOwnPropertyDescriptors, Ge = Object.getOwnPropertySymbols, Va = Object.prototype.hasOwnProperty, xa = Object.prototype.propertyIsEnumerable, Ke = (e, l, t) => l in e ? $a(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Ze = (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]);
+    Va.call(l, t) && Ke(e, t, l[t]);
+  if (Ge)
+    for (var t of Ge(l))
+      xa.call(l, t) && Ke(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
+}, Ia = (e, l) => ja(e, ka(l));
+function Qe(e, l, t = {}) {
+  var a, o;
+  const r = (a = t.direction) != null ? a : "bottom", i = ve(he(e, Ia(Ze({}, t), {
+    offset: Ze({
+      [r]: (o = t.distance) != null ? o : 0
     }, t.offset)
   })));
-  E(() => i.arrivedState[r], async (o) => {
+  E(() => i.arrivedState[r], async (n) => {
     var y, p;
-    if (o) {
-      const f = z(e), u = {
+    if (n) {
+      const f = z(e), d = {
         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
+          top: f.scrollHeight - d.height,
+          left: f.scrollWidth - d.width
         });
       });
     }
   });
 }
 W.mounted + "";
-function Qe(e, l, t = {}) {
+function Ye(e, l, t = {}) {
   const {
     root: a,
-    rootMargin: n = "0px",
+    rootMargin: o = "0px",
     threshold: r = 0.1,
     window: i = X
-  } = t, o = st(() => i && "IntersectionObserver" in i);
+  } = t, n = 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)
+  const p = n.value ? E(() => ({
+    el: F(e),
+    root: F(a)
+  }), ({ el: d, root: c }) => {
+    if (y(), !d)
       return;
     const s = new IntersectionObserver(l, {
       root: c,
-      rootMargin: n,
+      rootMargin: o,
       threshold: r
     });
-    s.observe(u), y = () => {
+    s.observe(d), y = () => {
       s.disconnect(), y = M;
     };
   }, { immediate: !0, flush: "post" }) : M, f = () => {
     y(), p();
   };
   return ae(f), {
-    isSupported: o,
+    isSupported: n,
     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) => {
+var Ca = Object.defineProperty, La = Object.defineProperties, Oa = Object.getOwnPropertyDescriptors, Xe = Object.getOwnPropertySymbols, Ba = Object.prototype.hasOwnProperty, Ta = Object.prototype.propertyIsEnumerable, et = (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]);
+    Ba.call(l, t) && et(e, t, l[t]);
+  if (Xe)
+    for (var t of Xe(l))
+      Ta.call(l, t) && et(e, t, l[t]);
   return e;
-}, Ea = (e, l) => La(e, Ba(l));
+}, Ea = (e, l) => La(e, Oa(l));
 W.mounted + "";
 function ut(e) {
   const l = window.getComputedStyle(e);
@@ -1456,30 +1456,30 @@ function Pa(e) {
 }
 function Aa(e, l = !1) {
   const t = w(l);
-  let a = null, n;
-  E(Ql(e), (o) => {
-    if (o) {
-      const y = o;
-      n = y.style.overflow, t.value && (y.style.overflow = "hidden");
+  let a = null, o;
+  E(Ql(e), (n) => {
+    if (n) {
+      const y = n;
+      o = y.style.overflow, t.value && (y.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
   const r = () => {
-    const o = z(e);
-    !o || t.value || (ie && (a = N(o, "touchmove", (y) => {
+    const n = z(e);
+    !n || t.value || (ie && (a = N(n, "touchmove", (y) => {
       Pa(y);
-    }, { passive: !1 })), o.style.overflow = "hidden", t.value = !0);
+    }, { passive: !1 })), n.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);
+    const n = z(e);
+    !n || !t.value || (ie && (a == null || a()), n.style.overflow = o, t.value = !1);
   };
   return ae(i), V({
     get() {
       return t.value;
     },
-    set(o) {
-      o ? r() : i();
+    set(n) {
+      n ? r() : i();
     }
   });
 }
@@ -1490,18 +1490,18 @@ const za = () => {
     if (l.value = a.value, e)
       return;
     e = !0;
-    const n = Aa(t, a.value);
-    E(l, (r) => n.value = r);
+    const o = Aa(t, a.value);
+    E(l, (r) => o.value = r);
   };
 };
 za();
-const dt = ["medium", "small", "xsmall"], qa = {
+const dt = ["medium", "small", "xsmall"], Fa = {
   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 = {
+}, qa = ["aria-label", "aria-labelledby"], Ma = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Na = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, Ra = /* @__PURE__ */ j({
+}, Ra = /* @__PURE__ */ $({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -1551,127 +1551,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);
+    const a = e, o = 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);
     }
-    function o() {
+    function n() {
       var s;
-      return Array.from(((s = n.value) == null ? void 0 : s.querySelectorAll("li")) || []);
+      return Array.from(((s = o.value) == null ? void 0 : s.querySelectorAll("li")) || []);
     }
     function y() {
-      const s = o().find((v) => v.getAttribute("aria-selected") === "true");
-      s && (s.focus(), n.value.scrollTo({
+      const s = n().find((v) => v.getAttribute("aria-selected") === "true");
+      s && (s.focus(), o.value.scrollTo({
         top: s.offsetTop
       }));
     }
     function p() {
-      return o().find((s) => s === document.activeElement);
+      return n().find((s) => s === document.activeElement);
     }
     function f(s) {
       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 (!(o.value && !o.value.contains(document.activeElement) || !o.value)) {
+        if ((s.key === "Escape" || s.key === "Tab") && t("close:dropdownList"), (s.key === "Enter" || s.key === "enter") && (s.preventDefault(), p() && ((v = o.value) != null && v.contains(p())))) {
+          const g = p();
+          if (!g)
             return;
-          if (h.querySelector("a"))
-            return h.querySelector("a").click();
-          t("update:modelValue", h.dataModel);
+          if (g.querySelector("a"))
+            return g.querySelector("a").click();
+          t("update:modelValue", g.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]);
+          const g = n(), I = p();
+          let J = g.indexOf(I);
+          if (g.length) {
+            s.preventDefault(), s.key === "ArrowDown" ? J++ : s.key === "ArrowUp" ? J-- : s.key === "Home" ? J = 0 : s.key === "End" && (J = g.length - 1), J < 0 && (J = g.length - 1), J > g.length - 1 && (J = 0), d(g[J]);
             return;
           }
         }
       }
     }
-    function u(s) {
+    function d(s) {
       s.focus();
     }
     function c() {
       t("reset");
     }
-    return Q(() => {
+    return Y(() => {
       window.addEventListener("keydown", f), y();
     }), je(() => {
       window.removeEventListener("keydown", f);
     }), l({
       isSelected: r
-    }), (s, v) => (d(), m("div", {
+    }), (s, v) => (u(), m("div", {
       class: "joy-dropdown-list",
-      style: K({ width: `${e.width}px`, "max-width": `${e.width}px` })
+      style: Z({ 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", {
+      s.$slots["dropdown-list-header"] || e.reset ? (u(), m("header", Fa, [
+        e.reset ? (u(), m("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),
+        }, C(e.resetLabel || "Reset"), 1)) : h("", !0),
+        b(s.$slots, "dropdown-list-header", {}, void 0, !0)
+      ])) : h("", !0),
       _("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` })
+        style: Z({ "max-height": `${e.height}px` })
       }, [
-        g(s.$slots, "dropdown-list-items", {}, void 0, !0),
-        e.options.length ? (d(), m("ul", {
+        b(s.$slots, "dropdown-list-items", {}, void 0, !0),
+        e.options.length ? (u(), m("ul", {
           key: 0,
           ref_key: "listbox",
-          ref: n,
+          ref: o,
           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` }),
+          (u(!0), m(D, null, G(e.options, (g) => (u(), m("li", {
+            id: g.id,
+            key: g.label,
+            style: Z({ "max-width": `${e.width}px` }),
             class: S([
               "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": r.value(g),
+                "joy-dropdown-list__item--disabled": g.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: g.disabled ? void 0 : -1,
+            "aria-disabled": g.disabled,
+            "aria-selected": r.value(g),
+            title: g.label,
+            "aria-label": g.label,
+            ".dataModel": g.value || g.id,
             role: "option",
-            onClick: (I) => i(h)
+            onClick: (I) => i(g)
           }, [
-            g(s.$slots, "label", se(ue(h)), () => [
-              _("span", null, C(h.label), 1)
+            b(s.$slots, "label", se(ue(g)), () => [
+              _("span", null, C(g.label), 1)
             ], !0)
           ], 14, Ma))), 128))
-        ], 8, Fa)) : b("", !0)
+        ], 8, qa)) : h("", !0)
       ], 6),
-      s.$slots["dropdown-list-footer"] ? (d(), m("footer", Na, [
-        g(s.$slots, "dropdown-list-footer", {}, void 0, !0)
-      ])) : b("", !0)
+      s.$slots["dropdown-list-footer"] ? (u(), m("footer", Na, [
+        b(s.$slots, "dropdown-list-footer", {}, void 0, !0)
+      ])) : h("", !0)
     ], 4));
   }
 });
-const ct = /* @__PURE__ */ $(Ra, [["__scopeId", "data-v-f46e79bc"]]);
+const ct = /* @__PURE__ */ j(Ra, [["__scopeId", "data-v-4e25408f"]]);
 function Da(e) {
   const l = () => e();
-  Q(() => {
+  Y(() => {
     window.addEventListener("resize", l);
   }), je(() => {
     window.removeEventListener("resize", l);
   });
 }
-const Ha = /* @__PURE__ */ j({
+const Ha = /* @__PURE__ */ $({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -1765,16 +1765,16 @@ 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 = {
+    const a = e, o = w(!1), r = w(null), i = w(), n = w(null), y = w(null), p = w(!1), f = "joy-dropdown--" + xe();
+    ke("VJoyDropdownContext", a);
+    const d = {
       ignore: [i, ".joy-dropdown__list"]
     };
     let c = null;
     E(
-      () => n.value,
+      () => o.value,
       (L) => {
-        L && hl(o);
+        L && gl(n);
       },
       { flush: "post" }
     );
@@ -1786,11 +1786,11 @@ const Ha = /* @__PURE__ */ j({
     });
     function v() {
       c && clearTimeout(c), p.value = !0, c = setTimeout(() => {
-        n.value = !1, p.value = !1, t("dropdown:hide");
+        o.value = !1, p.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 g(L) {
+      p.value = !1, c && clearTimeout(c), y.value = L.target, o.value = !0, t("dropdown:open");
     }
     function I() {
       v(), J();
@@ -1801,38 +1801,38 @@ const Ha = /* @__PURE__ */ j({
     function ce(L) {
       t("update:modelValue", L), a.closeOnSelect && (v(), J());
     }
-    function oe() {
+    function ne() {
       t("dropdown:reset");
     }
     function A() {
       !i.value || !i.value.children.length || (i.value.children[0].id = f);
     }
-    return Da(v), Q(() => {
+    return Da(v), Y(() => {
       A();
     }), l({
-      showDropdownList: n,
+      showDropdownList: o,
       generatedId: f
-    }), (L, U) => (d(), x(k(da), {
+    }), (L, U) => (u(), x(k(da), {
       ref_key: "dropdown",
       ref: r,
-      options: u,
+      options: d,
       class: "joy-dropdown",
       onTrigger: v
     }, {
-      default: O(() => [
+      default: B(() => [
         _("div", {
           ref_key: "button",
           ref: i,
           class: "joy-dropdown__button",
           "data-testid": "dropdown-trigger",
-          onClick: h
+          onClick: g
         }, [
-          g(L.$slots, "dropdown-button", {}, void 0, !0)
+          b(L.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
-        n.value ? (d(), m("div", {
+        o.value ? (u(), m("div", {
           key: 0,
           ref_key: "list",
-          ref: o,
+          ref: n,
           class: S([
             "joy-dropdown__list",
             `joy-dropdown__list--${e.justify}`,
@@ -1842,7 +1842,7 @@ const Ha = /* @__PURE__ */ j({
               "joy-dropdown__list--hiding": p.value
             }
           ]),
-          style: K(s.value)
+          style: Z(s.value)
         }, [
           R(ct, {
             "model-value": e.modelValue,
@@ -1855,61 +1855,61 @@ const Ha = /* @__PURE__ */ j({
             "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)
+            onReset: ne
+          }, ot({
+            label: B((q) => [
+              b(L.$slots, "dropdown-item", se(ue(q)), () => [
+                _("span", null, C(q.label), 1)
               ], !0)
             ]),
             _: 2
           }, [
             L.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
-              fn: O(() => [
-                g(L.$slots, "dropdown-header", {}, void 0, !0)
+              fn: B(() => [
+                b(L.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             L.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
-              fn: O(() => [
-                g(L.$slots, "dropdown-items", {}, void 0, !0)
+              fn: B(() => [
+                b(L.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             L.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
-              fn: O(() => [
-                g(L.$slots, "dropdown-footer", {}, void 0, !0)
+              fn: B(() => [
+                b(L.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
           ]), 1032, ["model-value", "options", "size", "width", "height", "reset", "reset-label"])
-        ], 6)) : b("", !0)
+        ], 6)) : h("", !0)
       ]),
       _: 3
     }, 512));
   }
 });
-const Wa = /* @__PURE__ */ $(Ha, [["__scopeId", "data-v-df017105"]]), Ua = ["aria-label"], Ga = { class: "joy-filter-bar__wrapper" }, Ka = /* @__PURE__ */ j({
+const Wa = /* @__PURE__ */ j(Ha, [["__scopeId", "data-v-97d5db60"]]), Ua = ["aria-label"], Ga = { class: "joy-filter-bar__wrapper" }, Ka = /* @__PURE__ */ $({
   __name: "VJoyFilterBar",
   props: {
     ariaLabel: String
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
+    return (l, t) => (u(), m("div", {
       class: "joy-filter-bar",
       role: "group",
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
       _("div", Ga, [
-        g(l.$slots, "default", {}, void 0, !0)
+        b(l.$slots, "default", {}, void 0, !0)
       ])
     ], 8, Ua));
   }
 });
-const Za = /* @__PURE__ */ $(Ka, [["__scopeId", "data-v-114f8274"]]), Qa = /* @__PURE__ */ j({
+const Za = /* @__PURE__ */ j(Ka, [["__scopeId", "data-v-114f8274"]]), Qa = /* @__PURE__ */ $({
   __name: "VJoyFilterBarButton",
   props: {
     label: String,
@@ -1925,27 +1925,27 @@ const Za = /* @__PURE__ */ $(Ka, [["__scopeId", "data-v-114f8274"]]), Qa = /* @_
   emits: ["filter"],
   setup(e, { emit: l }) {
     const t = e, a = de("VJoyDropdownContext", null);
-    function n() {
+    function o() {
       l("filter", t.value);
     }
-    return (r, i) => (d(), m("button", {
+    return (r, i) => (u(), m("button", {
       type: "button",
       class: S(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
-      onClick: n
+      onClick: o
     }, [
-      B(C(e.label) + " ", 1),
-      g(r.$slots, "default", {}, void 0, !0),
-      k(a) ? (d(), x(T, {
+      O(C(e.label) + " ", 1),
+      b(r.$slots, "default", {}, void 0, !0),
+      k(a) ? (u(), x(T, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
         size: "xxsmall",
         color: "neutral"
-      })) : b("", !0)
+      })) : h("", !0)
     ], 2));
   }
 });
-const Ya = /* @__PURE__ */ $(Qa, [["__scopeId", "data-v-8f87fed1"]]), Xa = ["aria-hidden"], en = /* @__PURE__ */ j({
+const Ya = /* @__PURE__ */ j(Qa, [["__scopeId", "data-v-8f87fed1"]]), Xa = ["aria-hidden"], eo = /* @__PURE__ */ $({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1957,7 +1957,7 @@ const Ya = /* @__PURE__ */ $(Qa, [["__scopeId", "data-v-8f87fed1"]]), Xa = ["ari
     noHtmlErrorText: String
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
+    return (l, t) => (u(), m("div", {
       "aria-hidden": e.visible,
       class: S(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
@@ -1967,14 +1967,14 @@ const Ya = /* @__PURE__ */ $(Qa, [["__scopeId", "data-v-8f87fed1"]]), Xa = ["ari
         name: "warning-triangle"
       }),
       _("div", null, [
-        g(l.$slots, "default", {}, () => [
-          B(C(e.noHtmlErrorText), 1)
+        b(l.$slots, "default", {}, () => [
+          O(C(e.noHtmlErrorText), 1)
         ], !0)
       ])
     ], 10, Xa));
   }
 });
-const ft = /* @__PURE__ */ $(en, [["__scopeId", "data-v-581fd33b"]]), tn = /* @__PURE__ */ j({
+const ft = /* @__PURE__ */ j(eo, [["__scopeId", "data-v-581fd33b"]]), to = /* @__PURE__ */ $({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1994,26 +1994,107 @@ const ft = /* @__PURE__ */ $(en, [["__scopeId", "data-v-581fd33b"]]), tn = /* @_
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = de("VJoyWrapperContext", {}), n = V(() => {
+    const t = e, a = de("VJoyWrapperContext", {}), o = V(() => {
       const r = a.direction === "column" ? "auto" : null;
       if (!t.width && t.flex === "1") {
         const y = ["1", "0"];
         return r && y.push(r), y.join(" ");
       }
-      const i = [t.flex || "1", "0"], o = t.width || r;
-      return o && i.push(o), i.join(" ");
+      const i = [t.flex || "1", "0"], n = t.width || r;
+      return n && i.push(n), i.join(" ");
     });
-    return l({ flexStyle: n }), (r, i) => (d(), m("div", {
+    return l({ flexStyle: o }), (r, i) => (u(), m("div", {
       "aria-hidden": "true",
       class: S(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
-      style: K({
+      style: Z({
         "max-width": e.width,
-        flex: n.value
+        flex: o.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 lo = /* @__PURE__ */ j(to, [["__scopeId", "data-v-8a4ecbad"]]), ao = { class: "joy-footer" }, oo = { class: "joy-footer__left" }, no = { class: "joy-footer__right" }, ro = /* @__PURE__ */ $({
+  __name: "VJoyFooter",
+  setup(e) {
+    return (l, t) => (u(), m("footer", ao, [
+      _("div", oo, [
+        b(l.$slots, "footer-left", {}, void 0, !0)
+      ]),
+      _("div", no, [
+        b(l.$slots, "footer-right", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
+const io = /* @__PURE__ */ j(ro, [["__scopeId", "data-v-1e11bcdc"]]), so = { class: "joy-funnel__header" }, uo = { class: "funnel__header__inner" }, co = { class: "joy-funnel__stepper" }, fo = /* @__PURE__ */ Se('<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), yo = [
+  fo
+], vo = { class: "joy-funnel__footer" }, po = /* @__PURE__ */ $({
+  __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 = w(!0), a = K();
+    function o(i) {
+      const n = i.currentTarget;
+      t.value = n.scrollTop === 0;
+    }
+    const r = V(() => !!a["funnel-stepper"]);
+    return l({
+      scrollOnTop: t,
+      hasStepperSlot: r
+    }), (i, n) => (u(), m("div", {
+      class: S([
+        "joy-funnel",
+        {
+          "joy-funnel--no-border": t.value,
+          "joy-funnel--no-stepper": !r.value
+        }
+      ])
+    }, [
+      _("div", so, [
+        _("div", uo, [
+          b(i.$slots, "funnel-header", {}, void 0, !0)
+        ]),
+        _("div", co, [
+          b(i.$slots, "funnel-stepper", {}, void 0, !0)
+        ])
+      ]),
+      e.hideShapes ? h("", !0) : (u(), m("div", {
+        key: 0,
+        class: S(["joy-funnel__shapes", { "joy-funnel__shapes--strategy": e.profile === "strategy" }])
+      }, yo, 2)),
+      _("div", {
+        class: "joy-funnel__scrollable",
+        onScroll: o
+      }, [
+        _("div", {
+          class: S(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
+        }, [
+          b(i.$slots, "default", {}, void 0, !0)
+        ], 2)
+      ], 32),
+      _("div", vo, [
+        b(i.$slots, "funnel-footer", {}, void 0, !0)
+      ])
+    ], 2));
+  }
+});
+const mo = /* @__PURE__ */ j(po, [["__scopeId", "data-v-0abeb951"]]), _o = [...pl], bo = { class: "joy-highlight--text" }, ho = { key: 0 }, go = /* @__PURE__ */ $({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -2031,51 +2112,51 @@ const ln = /* @__PURE__ */ $(tn, [["__scopeId", "data-v-8a4ecbad"]]), an = [...p
       type: String,
       default: "neutral",
       validator(e) {
-        return an.includes(e);
+        return _o.includes(e);
       }
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = V(() => t.icon ? t.icon : gl(t.level));
+    const t = e, a = V(() => t.icon ? t.icon : hl(t.level));
     return l({
       getRelevantIcon: a
-    }), (n, r) => (d(), m("div", {
+    }), (o, r) => (u(), m("div", {
       class: S([
         "joy-highlight",
         `joy-highlight_${e.level}`,
         {
           "joy-highlight__accent": e.accent,
-          "joy-highlight__titled": n.$slots["highlight-title"]
+          "joy-highlight__titled": o.$slots["highlight-title"]
         }
       ])
     }, [
-      e.displayIcon ? (d(), x(T, {
+      e.displayIcon ? (u(), x(T, {
         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"])) : h("", !0),
+      _("div", bo, [
+        o.$slots["highlight-title"] ? (u(), m("strong", ho, [
+          b(o.$slots, "highlight-title", {}, void 0, !0)
+        ])) : h("", !0),
+        b(o.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const sn = /* @__PURE__ */ $(rn, [["__scopeId", "data-v-ba5e6101"]]), un = ["small", "medium", "large"], dn = {
+const wo = /* @__PURE__ */ j(go, [["__scopeId", "data-v-45c2fbf4"]]), So = ["small", "medium", "large"], $o = {
   key: 0,
   class: "joy-label-required"
-}, cn = {
+}, jo = {
   key: 1,
   class: "joy-label-optional"
-}, fn = /* @__PURE__ */ j({
+}, ko = /* @__PURE__ */ $({
   __name: "VJoyLabel",
   props: {
     size: {
       type: String,
       default: "medium",
       validator(e) {
-        return un.includes(e);
+        return So.includes(e);
       }
     },
     tagName: {
@@ -2092,21 +2173,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) => (u(), x(oe(e.tagName), Q({
       class: ["joy-label", `joy-label--${e.size}`]
     }, l.$attrs), {
-      default: O(() => [
-        g(l.$slots, "default", {}, () => [
-          B(C(e.text), 1)
+      default: B(() => [
+        b(l.$slots, "default", {}, () => [
+          O(C(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 ? (u(), m("span", $o, "*")) : h("", !0),
+        e.optionalLabel ? (u(), m("span", jo, "- " + C(e.optionalLabel), 1)) : h("", !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 ee = /* @__PURE__ */ j(ko, [["__scopeId", "data-v-388a7c56"]]), Vo = ["large", "medium", "small"], xo = ["id", "required", "disabled", "type", "value"], Io = ["data-unit"], Co = /* @__PURE__ */ $({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -2164,7 +2245,7 @@ const ee = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1265214a"]]), yn = ["lar
       type: String,
       default: "medium",
       validator(e) {
-        return yn.includes(e);
+        return Vo.includes(e);
       }
     },
     type: {
@@ -2176,19 +2257,19 @@ 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(() => {
+    const t = e, a = w(), o = w(), r = $e(), i = K(), n = 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;
+      return !!((s = o.value) != null && s.closest("joy-wrapper")) || !!((v = o.value) != null && v.closest(".joy-wrapper"));
+    }), d = w(t.type);
+    $t(() => {
+      d.value = t.unit ? "number" : t.type;
     });
     const c = {
       onFocus: () => {
-        o.value = !0;
+        n.value = !0;
       },
       onBlur: () => {
-        o.value = !1;
+        n.value = !1;
       },
       onInput: (s) => {
         let v = s.target.value;
@@ -2202,36 +2283,36 @@ const ee = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1265214a"]]), yn = ["lar
         t.disabled || l("update:modelValue", "");
       }
     };
-    return (s, v) => (d(), m("div", {
+    return (s, v) => (u(), m("div", {
       ref_key: "root",
-      ref: n,
+      ref: o,
       class: S([`joy-input--${t.size}`])
     }, [
       _("div", {
         class: S([
           "joy-input",
           {
-            "joy-input--focusing": o.value,
+            "joy-input--focusing": n.value,
             "joy-input--disabled": e.disabled,
             "joy-input--invalid": e.invalid,
             "joy-input--valid": !e.invalid && !k(r).disabled
           }
         ])
       }, [
-        p.value || e.label ? (d(), x(ee, {
+        p.value || e.label ? (u(), x(ee, {
           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(() => [
+            b(s.$slots, "default", {}, () => [
+              O(C(e.label), 1)
             ], !0)
           ]),
           _: 3
-        }, 8, ["for", "required", "optional-label", "size"])) : b("", !0),
+        }, 8, ["for", "required", "optional-label", "size"])) : h("", !0),
         _("div", {
           class: S([
             "joy-input--wrapper",
@@ -2243,7 +2324,7 @@ const ee = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1265214a"]]), yn = ["lar
             }
           ])
         }, [
-          _("input", Z(s.$attrs, {
+          _("input", Q(s.$attrs, {
             id: t.name,
             ref_key: "input",
             ref: a,
@@ -2255,18 +2336,18 @@ 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)),
+            (...g) => c.onFocus && c.onFocus(...g)),
             onBlur: v[1] || (v[1] = //@ts-ignore
-            (...h) => c.onBlur && c.onBlur(...h)),
+            (...g) => c.onBlur && c.onBlur(...g)),
             onInput: v[2] || (v[2] = //@ts-ignore
-            (...h) => c.onInput && c.onInput(...h)),
+            (...g) => c.onInput && c.onInput(...g)),
             onChange: v[3] || (v[3] = //@ts-ignore
-            (...h) => c.onChange && c.onChange(...h))
-          }), null, 16, vn),
-          y.value ? (d(), x(xe, {
+            (...g) => c.onChange && c.onChange(...g))
+          }), null, 16, xo),
+          y.value ? (u(), x(Ie, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
@@ -2274,23 +2355,23 @@ const ee = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1265214a"]]), yn = ["lar
             size: "xxsmall",
             icon: "cross",
             onClick: c.clearValue
-          }, null, 8, ["onClick"])) : b("", !0),
-          e.icon ? (d(), x(T, {
+          }, null, 8, ["onClick"])) : h("", !0),
+          e.icon ? (u(), x(T, {
             key: 1,
             class: "joy-input--decorative-icon",
             name: e.icon
-          }, null, 8, ["name"])) : b("", !0),
-          e.unit ? (d(), m("div", {
+          }, null, 8, ["name"])) : h("", !0),
+          e.unit ? (u(), m("div", {
             key: 2,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, pn)) : b("", !0)
+          }, null, 8, Io)) : h("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const _n = /* @__PURE__ */ $(mn, [["__scopeId", "data-v-9f3d7271"]]), bn = ["teal", "white"], gn = ["href"], hn = /* @__PURE__ */ j({
+const Lo = /* @__PURE__ */ j(Co, [["__scopeId", "data-v-7ef7a9dd"]]), Oo = ["teal", "white"], Bo = ["href"], To = /* @__PURE__ */ $({
   __name: "VJoyLink",
   props: {
     href: {
@@ -2301,27 +2382,27 @@ const _n = /* @__PURE__ */ $(mn, [["__scopeId", "data-v-9f3d7271"]]), bn = ["tea
       type: String,
       default: "teal",
       validator(e) {
-        return bn.includes(e);
+        return Oo.includes(e);
       }
     },
     icon: String,
     text: String
   },
   setup(e) {
-    return (l, t) => (d(), m("a", Z({ href: e.href }, l.$attrs, {
+    return (l, t) => (u(), m("a", Q({ href: e.href }, l.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (d(), x(T, {
+      e.icon ? (u(), x(T, {
         key: 0,
         name: e.icon
-      }, null, 8, ["name"])) : b("", !0),
-      g(l.$slots, "default", {}, () => [
-        B(C(e.text), 1)
+      }, null, 8, ["name"])) : h("", !0),
+      b(l.$slots, "default", {}, () => [
+        O(C(e.text), 1)
       ], !0)
-    ], 16, gn));
+    ], 16, Bo));
   }
 });
-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 Jo = /* @__PURE__ */ j(To, [["__scopeId", "data-v-5540214e"]]), Eo = ["tabindex", "aria-activedescendant", "aria-label"], Po = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Ao = { "aria-hidden": "true" }, zo = /* @__PURE__ */ $({
   __name: "VJoyMenu",
   props: {
     /**
@@ -2342,30 +2423,30 @@ 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 = w(), o = w(0), r = w();
+    function i(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");
+    function n() {
+      var d;
+      return Array.from(((d = a.value) == null ? void 0 : d.querySelectorAll("li")) || []).filter((c) => c.getAttribute("aria-disabled") !== "true");
     }
-    function y(u) {
-      return u.id || Ve();
+    function y(d) {
+      return d.id || xe();
     }
     function p() {
-      return o().find((u) => u === document.activeElement);
+      return n().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();
+    function f(d) {
+      if (p() && d.key === " " && d.preventDefault(), d.key === "Tab" && (r.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key)) {
+        d.preventDefault();
+        const c = n(), 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)
+        if (d.key === "ArrowDown" ? v++ : d.key === "ArrowUp" ? v-- : d.key === "Home" ? v = 0 : d.key === "End" && (v = c.length - 1), v < 0 && (v = 0), v > c.length - 1)
           return;
         r.value = c[v].id, c[v].focus();
       }
-      if (u.key === "Enter") {
+      if (d.key === "Enter") {
         const c = p();
         if (!c)
           return;
@@ -2375,20 +2456,20 @@ const wn = /* @__PURE__ */ $(hn, [["__scopeId", "data-v-76f0342e"]]), Sn = ["tab
     }
     return l({
       activeMenuItemId: r,
-      getItems: o,
+      getItems: n,
       getItemId: y,
       getFocusedItem: p
-    }), (u, c) => (d(), m("ul", {
+    }), (d, c) => (u(), m("ul", {
       ref_key: "menu",
       ref: a,
       class: "joy-menu-list joy-menu-list__items",
-      tabindex: n.value,
+      tabindex: o.value,
       "aria-activedescendant": r.value,
       "aria-label": e.ariaLabel,
       role: "menu",
       onKeydown: f
     }, [
-      (d(!0), m(D, null, G(e.items, (s) => (d(), m("li", {
+      (u(!0), m(D, null, G(e.items, (s) => (u(), m("li", {
         id: y(s),
         key: s.label,
         class: S([
@@ -2407,22 +2488,22 @@ const wn = /* @__PURE__ */ $(hn, [["__scopeId", "data-v-76f0342e"]]), Sn = ["tab
         role: "menuitem",
         onClick: (v) => i(s)
       }, [
-        _("div", $n, [
-          g(u.$slots, "menu-item", se(ue(s)), () => [
-            s.icon ? (d(), x(T, {
+        _("div", Ao, [
+          b(d.$slots, "menu-item", se(ue(s)), () => [
+            s.icon ? (u(), x(T, {
               key: 0,
               name: s.icon
-            }, null, 8, ["name"])) : b("", !0),
+            }, null, 8, ["name"])) : h("", !0),
             _("span", null, C(s.label), 1)
           ], !0)
         ])
-      ], 10, jn))), 128))
-    ], 40, Sn));
+      ], 10, Po))), 128))
+    ], 40, Eo));
   }
 });
-const Vn = /* @__PURE__ */ $(kn, [["__scopeId", "data-v-4391a0bd"]]), xn = ["id"], In = {
+const Fo = /* @__PURE__ */ j(zo, [["__scopeId", "data-v-4391a0bd"]]), qo = ["id"], Mo = {
   class: /* @__PURE__ */ S(["joy-multi-checkbox"])
-}, Cn = /* @__PURE__ */ j({
+}, No = /* @__PURE__ */ $({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {
@@ -2461,47 +2542,47 @@ const Vn = /* @__PURE__ */ $(kn, [["__scopeId", "data-v-4391a0bd"]]), xn = ["id"
     function a(r) {
       return t.value.includes(r.value);
     }
-    function n(r, i) {
-      let o = [...t.value || []];
-      i ? o.push(r) : o.splice(o.indexOf(r), 1), l("update:value", o);
+    function o(r, i) {
+      let n = [...t.value || []];
+      i ? n.push(r) : n.splice(n.indexOf(r), 1), l("update:value", n);
     }
-    return (r, i) => (d(), m("fieldset", {
+    return (r, i) => (u(), m("fieldset", {
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      e.label ? (d(), x(k(ee), {
+      e.label ? (u(), x(k(ee), {
         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(() => [
+          O(C(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), {
-          id: o.id,
-          key: o.id,
-          name: o.name,
-          value: o.value,
-          checked: a(o),
-          "onUpdate:checked": (y) => n(o.value, y)
+      }, 8, ["required", "optional-label", "size"])) : h("", !0),
+      _("div", Mo, [
+        (u(!0), m(D, null, G(e.options, (n) => (u(), x(k(Ce), {
+          id: n.id,
+          key: n.id,
+          name: n.name,
+          value: n.value,
+          checked: a(n),
+          "onUpdate:checked": (y) => o(n.value, y)
         }, {
-          default: O(() => [
-            g(r.$slots, "checkbox", se(ue(o)), () => [
-              B(C(o.label), 1)
+          default: B(() => [
+            b(r.$slots, "checkbox", se(ue(n)), () => [
+              O(C(n.label), 1)
             ], !0)
           ]),
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, xn));
+    ], 8, qo));
   }
 });
-const Ln = /* @__PURE__ */ $(Cn, [["__scopeId", "data-v-47574ced"]]), et = /* @__PURE__ */ j({
+const Ro = /* @__PURE__ */ j(No, [["__scopeId", "data-v-c278b02d"]]), tt = /* @__PURE__ */ $({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -2519,7 +2600,7 @@ const Ln = /* @__PURE__ */ $(Cn, [["__scopeId", "data-v-47574ced"]]), et = /* @_
   },
   emits: ["click"],
   setup(e) {
-    return (l, t) => (d(), x(xe, {
+    return (l, t) => (u(), x(Ie, {
       class: "joy-pagination__icon",
       "aria-label": e.label,
       title: e.label,
@@ -2532,7 +2613,7 @@ const Ln = /* @__PURE__ */ $(Cn, [["__scopeId", "data-v-47574ced"]]), et = /* @_
       onClick: t[0] || (t[0] = (a) => l.$emit("click", a))
     }, 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({
+}), Do = ["aria-label", "data-current"], Ho = { class: "joy-pagination__previous" }, Wo = ["aria-current", "onClick"], Uo = { class: "joy-pagination__next" }, Go = 6, Ko = /* @__PURE__ */ $({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -2566,80 +2647,80 @@ const Ln = /* @__PURE__ */ $(Cn, [["__scopeId", "data-v-47574ced"]]), et = /* @_
     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));
+    }), o = V(() => r.value[0] !== r.value[1] - 1), r = V(() => t.totalPages < Go ? n(2, t.totalPages - 1) : y(t.currentPage));
     function i(p) {
       l("update:current-page", p);
     }
-    function o(p, f) {
-      const u = [];
-      u.push(1);
+    function n(p, f) {
+      const d = [];
+      d.push(1);
       for (let c = p; c <= f; c++)
-        u.push(c);
-      return u.push(t.totalPages), u;
+        d.push(c);
+      return d.push(t.totalPages), d;
     }
     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);
+      let f = p - 2, d = p + 1;
+      return f <= 1 && (f = 2, d = 5), d >= t.totalPages && (d = t.totalPages - 1, f = d - 3), n(f, d);
     }
-    return (p, f) => (d(), m("nav", {
+    return (p, f) => (u(), m("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, {
+        _("li", Ho, [
+          b(p.$slots, "pagination-prev", {}, () => [
+            R(tt, {
               label: e.labelPrev,
               disabled: e.currentPage === 1,
-              onClick: f[0] || (f[0] = (u) => i(e.currentPage - 1))
+              onClick: f[0] || (f[0] = (d) => i(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 }, [
+            (u(!0), m(D, null, G(r.value, (d) => (u(), m("li", { key: d }, [
               _("button", {
                 type: "button",
-                "aria-current": u === e.currentPage ? "true" : "false",
+                "aria-current": d === 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
+                  current: d === e.currentPage,
+                  "joy-pagination__separator joy-pagination__separator-after": d === 1 && o.value,
+                  "joy-pagination__separator joy-pagination__separator-before": d === e.totalPages && a.value
                 }),
-                onClick: (c) => i(u)
-              }, C(u), 11, Tn)
+                onClick: (c) => i(d)
+              }, C(d), 11, Wo)
             ]))), 128))
           ])
         ]),
-        _("li", Jn, [
-          g(p.$slots, "pagination-next", {}, () => [
-            R(et, {
+        _("li", Uo, [
+          b(p.$slots, "pagination-next", {}, () => [
+            R(tt, {
               next: "",
               label: e.labelNext,
               disabled: e.currentPage === e.totalPages,
-              onClick: f[1] || (f[1] = (u) => i(e.currentPage + 1))
+              onClick: f[1] || (f[1] = (d) => i(e.currentPage + 1))
             }, null, 8, ["label", "disabled"])
           ], !0)
         ])
       ])
-    ], 8, Bn));
+    ], 8, Do));
   }
 });
-const An = /* @__PURE__ */ $(Pn, [["__scopeId", "data-v-e5b57944"]]), zn = ["small", "medium", "large"], qn = ["small", "large"], Fn = {
+const Zo = /* @__PURE__ */ j(Ko, [["__scopeId", "data-v-e5b57944"]]), Qo = ["small", "medium", "large"], Yo = ["small", "large"], Xo = {
   key: 0,
   class: /* @__PURE__ */ S(["joy-panel__header"])
-}, Mn = {
+}, en = {
   key: 1,
   class: "joy-panel__header-action"
-}, Nn = {
+}, tn = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, Rn = { class: "joy-panel__body" }, Dn = {
+}, ln = { class: "joy-panel__body" }, an = {
   key: 1,
   class: "joy-panel__footer"
-}, Hn = /* @__PURE__ */ j({
+}, on = /* @__PURE__ */ $({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -2653,14 +2734,14 @@ const An = /* @__PURE__ */ $(Pn, [["__scopeId", "data-v-e5b57944"]]), zn = ["sma
       type: String,
       default: "medium",
       validator(e) {
-        return zn.includes(e);
+        return Qo.includes(e);
       }
     },
     titleSize: {
       type: String,
       default: "large",
       validator(e) {
-        return qn.includes(e);
+        return Yo.includes(e);
       }
     },
     loading: {
@@ -2673,11 +2754,11 @@ 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 = de("VJoyWrapperContext", {}), t = V(() => Object.keys(l).length > 0), a = K(), o = w(), r = V(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
+    return (i, n) => (u(), m("section", {
       ref_key: "panel",
-      ref: n,
-      style: K({ flex: e.flex }),
+      ref: o,
+      style: Z({ flex: e.flex }),
       class: S([
         "joy-panel",
         `joy-panel--${e.padding}`,
@@ -2687,60 +2768,60 @@ const An = /* @__PURE__ */ $(Pn, [["__scopeId", "data-v-e5b57944"]]), zn = ["sma
         }
       ])
     }, [
-      r.value ? (d(), m("header", Fn, [
-        k(a)["panel-title"] ? (d(), m("div", {
+      r.value ? (u(), m("header", Xo, [
+        k(a)["panel-title"] ? (u(), m("div", {
           key: 0,
           class: S(["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)
+          b(i.$slots, "panel-title", {}, void 0, !0)
+        ], 2)) : h("", !0),
+        k(a)["panel-title-action"] ? (u(), m("div", en, [
+          b(i.$slots, "panel-title-action", {}, void 0, !0)
+        ])) : h("", !0),
+        k(a)["panel-subtitle"] ? (u(), m("div", tn, [
+          b(i.$slots, "panel-subtitle", {}, void 0, !0)
+        ])) : h("", !0)
+      ])) : h("", !0),
+      _("div", ln, [
+        b(i.$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), {
+      k(a)["panel-action"] ? (u(), m("footer", an, [
+        b(i.$slots, "panel-action", {}, void 0, !0)
+      ])) : h("", !0),
+      e.loading ? (u(), x(k(Oe), {
         key: 2,
         overlay: "",
         color: e.loadingColor
       }, {
-        content: O(() => [
-          g(i.$slots, "panel-loader-content", {}, void 0, !0)
+        content: B(() => [
+          b(i.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["color"])) : b("", !0)
+      }, 8, ["color"])) : h("", !0)
     ], 6));
   }
 });
-const Wn = /* @__PURE__ */ $(Hn, [["__scopeId", "data-v-2e3a2baa"]]), Un = { class: "joy-panel-section" }, Gn = {
+const nn = /* @__PURE__ */ j(on, [["__scopeId", "data-v-4a8b703c"]]), rn = { class: "joy-panel-section" }, sn = {
   key: 0,
   class: "joy-panel-section__title"
-}, Kn = {
+}, un = {
   key: 1,
   class: "joy-panel-section__content"
-}, Zn = /* @__PURE__ */ j({
+}, dn = /* @__PURE__ */ $({
   __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 = K();
+    return (t, a) => (u(), m("div", rn, [
+      k(l)["panel-section-title"] ? (u(), m("div", sn, [
+        b(t.$slots, "panel-section-title", {}, void 0, !0)
+      ])) : h("", !0),
+      k(l)["panel-section-content"] ? (u(), m("div", un, [
+        b(t.$slots, "panel-section-content", {}, void 0, !0)
+      ])) : h("", !0)
     ]));
   }
 });
-const Qn = /* @__PURE__ */ $(Zn, [["__scopeId", "data-v-d88510ab"]]), Yn = { class: "joy-progress-bar-wrapper" }, Xn = /* @__PURE__ */ j({
+const cn = /* @__PURE__ */ j(dn, [["__scopeId", "data-v-d88510ab"]]), fn = { class: "joy-progress-bar-wrapper" }, yn = /* @__PURE__ */ $({
   __name: "VJoyProgressBar",
   props: {
     color: {
@@ -2767,22 +2848,22 @@ const Qn = /* @__PURE__ */ $(Zn, [["__scopeId", "data-v-d88510ab"]]), Yn = { cla
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = w(0), n = V(() => r());
+    const t = e, a = w(0), o = V(() => r());
     function r() {
       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: o,
       computedPercentage: a
-    }), (i, o) => (d(), m("div", Yn, [
+    }), (i, n) => (u(), m("div", fn, [
       _("div", {
         class: S(["joy-progress-bar-inner", `joy-progress-bar-inner_${e.color}`]),
-        style: K({ width: n.value })
+        style: Z({ width: o.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__ */ j(yn, [["__scopeId", "data-v-1b2b3de8"]]), pn = ["id", "value", "checked", "disabled", "required", "name"], mn = { class: "joy-radio-label" }, _n = { class: "joy-radio-content__wrapper" }, bn = { class: "joy-radio-content" }, hn = /* @__PURE__ */ $({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -2818,14 +2899,14 @@ 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);
+    const a = e, o = w(!1), r = w(!1), i = w(null), n = w(null), y = K(), p = V(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
     function f() {
-      n.value = !!y["expandable-content"] && p.value;
+      o.value = !!y["expandable-content"] && p.value;
     }
-    function u() {
+    function d() {
       t("update:modelValue", a.value), f();
     }
-    Q(() => {
+    Y(() => {
       a.theme === "outline" && f();
     });
     function c() {
@@ -2841,8 +2922,8 @@ const eo = /* @__PURE__ */ $(Xn, [["__scopeId", "data-v-a28eae43"]]), to = ["id"
       }
     ), l({
       checked: p,
-      isExpanded: n
-    }), (v, h) => (d(), m("label", {
+      isExpanded: o
+    }), (v, g) => (u(), m("label", {
       ref_key: "root",
       ref: i,
       class: S([
@@ -2865,29 +2946,29 @@ const eo = /* @__PURE__ */ $(Xn, [["__scopeId", "data-v-a28eae43"]]), to = ["id"
         disabled: e.disabled,
         required: e.required,
         name: e.name,
-        onChange: u,
+        onChange: d,
         onFocus: c,
         onBlur: s
-      }, null, 40, to),
-      _("span", lo, [
-        g(v.$slots, "default", {}, void 0, !0)
+      }, null, 40, pn),
+      _("span", mn, [
+        b(v.$slots, "default", {}, void 0, !0)
       ]),
-      _("div", ao, [
-        _("div", no, [
-          g(v.$slots, "radio-content", {}, void 0, !0)
+      _("div", _n, [
+        _("div", bn, [
+          b(v.$slots, "radio-content", {}, void 0, !0)
         ]),
         _("div", {
           ref_key: "expandableElement",
-          ref: o,
-          class: S(["joy-radio-expandable", { "joy-radio-expandable--expanded": n.value }])
+          ref: n,
+          class: S(["joy-radio-expandable", { "joy-radio-expandable--expanded": o.value }])
         }, [
-          g(v.$slots, "expandable-content", {}, void 0, !0)
+          b(v.$slots, "expandable-content", {}, void 0, !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const ro = /* @__PURE__ */ $(oo, [["__scopeId", "data-v-24cea99b"]]), io = ["form", "name"], so = /* @__PURE__ */ j({
+const gn = /* @__PURE__ */ j(hn, [["__scopeId", "data-v-24cea99b"]]), wn = ["form", "name"], Sn = /* @__PURE__ */ $({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -2908,23 +2989,23 @@ const ro = /* @__PURE__ */ $(oo, [["__scopeId", "data-v-24cea99b"]]), io = ["for
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("fieldset", {
+    return (l, t) => (u(), m("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),
+      b(l.$slots, "radio-group-legend", {}, void 0, !0),
       _("div", {
         class: S(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
-        g(l.$slots, "default", {}, void 0, !0)
+        b(l.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, io));
+    ], 8, wn));
   }
 });
-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 $n = /* @__PURE__ */ j(Sn, [["__scopeId", "data-v-a77e7f95"]]), jn = ["ariaLabel"], kn = { class: "joy-rating-stars" }, Vn = { class: "joy-rating-stars__content" }, xn = { key: 0 }, In = /* @__PURE__ */ $({
   __name: "VJoyRatingStars",
   props: {
     ratingValue: {
@@ -2941,35 +3022,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;
+    const t = e, a = $e(), o = V(() => {
+      let r = [], i = 0.24, n = 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;
+        t.ratingValue > i ? r.push(t.ratingValue < n ? "half" : "full") : r.push("empty"), i += 1, n += 1;
       return r;
     });
     return l({
-      setStars: n
-    }), (r, i) => (d(), m("div", {
+      setStars: o
+    }), (r, i) => (u(), m("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
       ariaLabel: k(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      _("ul", fo, [
-        (d(!0), m(D, null, G(n.value, (o, y) => (d(), m("li", {
+      _("ul", kn, [
+        (u(!0), m(D, null, G(o.value, (n, y) => (u(), m("li", {
           key: y,
           class: S([`joy-rating-stars--${e.size}`])
         }, [
-          o === "full" ? (d(), x(T, {
+          n === "full" ? (u(), x(T, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : o === "half" ? (d(), x(T, {
+          })) : n === "half" ? (u(), x(T, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (d(), x(T, {
+          })) : (u(), x(T, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -2977,18 +3058,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)
+      _("div", Vn, [
+        b(r.$slots, "rating-stars-content", {}, () => [
+          e.reviewCount ? (u(), m("span", xn, "(" + C(e.reviewCount) + ")", 1)) : h("", !0)
         ], !0)
       ])
-    ], 8, co));
+    ], 8, jn));
   }
 });
-const mo = /* @__PURE__ */ $(po, [["__scopeId", "data-v-23927e1e"]]), _o = { class: "joy-screen-loader__content" }, bo = {
+const Cn = /* @__PURE__ */ j(In, [["__scopeId", "data-v-c9a5e140"]]), Ln = { class: "joy-screen-loader__content" }, On = {
   key: 0,
   class: "joy-screen-loader__content"
-}, go = /* @__PURE__ */ j({
+}, Bn = /* @__PURE__ */ $({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -3003,23 +3084,23 @@ const mo = /* @__PURE__ */ $(po, [["__scopeId", "data-v-23927e1e"]]), _o = { cla
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
+    return (l, t) => (u(), m("div", {
       class: S(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      _("div", _o, [
-        g(l.$slots, "spinner", {}, () => [
-          R(ke, {
+      _("div", Ln, [
+        b(l.$slots, "spinner", {}, () => [
+          R(Ve, {
             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 ? (u(), m("div", On, [
+          b(l.$slots, "content", {}, void 0, !0)
+        ])) : h("", !0)
       ])
     ], 2));
   }
 });
-const Le = /* @__PURE__ */ $(go, [["__scopeId", "data-v-5c4f6d7f"]]), ho = ["id", "name", "aria-invalid", "required", "disabled", "value"], wo = /* @__PURE__ */ j({
+const Oe = /* @__PURE__ */ j(Bn, [["__scopeId", "data-v-1112514f"]]), Tn = ["id", "name", "aria-invalid", "required", "disabled", "value"], Jn = /* @__PURE__ */ $({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -3062,13 +3143,13 @@ 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(() => {
+    const t = e, a = w(), o = w(), r = K(), i = w(!1), n = V(() => t.labelSize ? t.labelSize : t.size !== "medium" ? "small" : "medium");
+    Y(() => {
       var s;
-      const u = r.label && r.label();
-      if (!u || !u.length)
+      const d = r.label && r.label();
+      if (!d || !d.length)
         return;
-      const c = u[0];
+      const c = d[0];
       if (c.type === "JoyLabel") {
         const v = (s = c.props) == null ? void 0 : s.for;
         if (!v) {
@@ -3078,8 +3159,8 @@ 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;
+    function y(d) {
+      const c = d.target.value;
       l("update:modelValue", c);
     }
     function p() {
@@ -3088,23 +3169,23 @@ const Le = /* @__PURE__ */ $(go, [["__scopeId", "data-v-5c4f6d7f"]]), ho = ["id"
     function f() {
       i.value = !1;
     }
-    return (u, c) => (d(), m("div", {
+    return (d, c) => (u(), m("div", {
       ref_key: "root",
       ref: a
     }, [
-      g(u.$slots, "select-label", {}, () => [
-        e.label ? (d(), x(ee, {
+      b(d.$slots, "select-label", {}, () => [
+        e.label ? (u(), x(ee, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           for: e.id || e.name,
-          size: o.value
+          size: n.value
         }, {
-          default: O(() => [
-            B(C(e.label), 1)
+          default: B(() => [
+            O(C(e.label), 1)
           ]),
           _: 1
-        }, 8, ["required", "optional-label", "for", "size"])) : b("", !0)
+        }, 8, ["required", "optional-label", "for", "size"])) : h("", !0)
       ], !0),
       _("div", {
         class: S([
@@ -3120,7 +3201,7 @@ const Le = /* @__PURE__ */ $(go, [["__scopeId", "data-v-5c4f6d7f"]]), ho = ["id"
         _("select", {
           id: e.id || e.name,
           ref_key: "select",
-          ref: n,
+          ref: o,
           class: "joy-select",
           name: e.name,
           "aria-invalid": e.invalid,
@@ -3131,8 +3212,8 @@ const Le = /* @__PURE__ */ $(go, [["__scopeId", "data-v-5c4f6d7f"]]), ho = ["id"
           onFocus: p,
           onBlur: f
         }, [
-          g(u.$slots, "default", {}, void 0, !0)
-        ], 40, ho),
+          b(d.$slots, "default", {}, void 0, !0)
+        ], 40, Tn),
         R(T, {
           class: "joy-select__chevron",
           name: "chevron-down"
@@ -3141,7 +3222,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 En = /* @__PURE__ */ j(Jn, [["__scopeId", "data-v-24a7acca"]]), Pn = ["aria-disabled"], An = ["id", "value", "checked", "disabled", "required", "name"], zn = /* @__PURE__ */ $({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -3178,7 +3259,7 @@ 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 = w(t.checked), o = w(), r = w(!1), i = t.multiple ? "div" : "label", n = {
       onRadioChange: () => {
         l("update:checked", t.value);
       },
@@ -3198,7 +3279,7 @@ const So = /* @__PURE__ */ $(wo, [["__scopeId", "data-v-3e9d2dae"]]), jo = ["ari
     function y(p) {
       l("update:checked", p);
     }
-    return (p, f) => (d(), m("div", {
+    return (p, f) => (u(), m("div", {
       class: S([
         "joy-selectable-item__wrapper",
         {
@@ -3207,13 +3288,13 @@ const So = /* @__PURE__ */ $(wo, [["__scopeId", "data-v-3e9d2dae"]]), jo = ["ari
       ]),
       "aria-disabled": e.disabled,
       onClick: f[4] || (f[4] = //@ts-ignore
-      (...u) => o.onClick && o.onClick(...u))
+      (...d) => n.onClick && n.onClick(...d))
     }, [
-      e.multiple ? b("", !0) : (d(), m("input", {
+      e.multiple ? h("", !0) : (u(), m("input", {
         key: 0,
         id: e.id,
         ref_key: "inputRadio",
-        ref: n,
+        ref: o,
         type: "radio",
         value: e.value,
         checked: e.checked,
@@ -3221,13 +3302,13 @@ const So = /* @__PURE__ */ $(wo, [["__scopeId", "data-v-3e9d2dae"]]), jo = ["ari
         required: e.required,
         name: e.name,
         onChange: f[0] || (f[0] = //@ts-ignore
-        (...u) => o.onRadioChange && o.onRadioChange(...u)),
+        (...d) => n.onRadioChange && n.onRadioChange(...d)),
         onFocus: f[1] || (f[1] = //@ts-ignore
-        (...u) => o.onFocus && o.onFocus(...u)),
+        (...d) => n.onFocus && n.onFocus(...d)),
         onBlur: f[2] || (f[2] = //@ts-ignore
-        (...u) => o.onBlur && o.onBlur(...u))
-      }, null, 40, $o)),
-      (d(), x(ne(k(i)), {
+        (...d) => n.onBlur && n.onBlur(...d))
+      }, null, 40, An)),
+      (u(), x(oe(k(i)), {
         for: e.id,
         class: S([
           "joy-selectable-item",
@@ -3238,15 +3319,15 @@ const So = /* @__PURE__ */ $(wo, [["__scopeId", "data-v-3e9d2dae"]]), jo = ["ari
             "joy-selectable-item--single": !e.multiple
           }
         ]),
-        onClick: o.onLabelClick
+        onClick: n.onLabelClick
       }, {
-        default: O(() => [
-          e.multiple ? (d(), x(k(Ie), {
+        default: B(() => [
+          e.multiple ? (u(), x(k(Ce), {
             key: 0,
             id: e.id,
             checked: a.value,
             "onUpdate:checked": [
-              f[3] || (f[3] = (u) => a.value = u),
+              f[3] || (f[3] = (d) => a.value = d),
               y
             ],
             disabled: e.disabled,
@@ -3254,27 +3335,27 @@ const So = /* @__PURE__ */ $(wo, [["__scopeId", "data-v-3e9d2dae"]]), jo = ["ari
             name: e.name,
             "display-focus": !1,
             required: e.required,
-            onFocus: o.onFocus,
-            onBlur: o.onBlur
+            onFocus: n.onFocus,
+            onBlur: n.onBlur
           }, {
-            default: O(() => [
-              g(p.$slots, "default", {}, void 0, !0)
+            default: B(() => [
+              b(p.$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),
+          }, 8, ["id", "checked", "disabled", "value", "name", "required", "onFocus", "onBlur"])) : h("", !0),
+          e.multiple ? h("", !0) : b(p.$slots, "default", { key: 1 }, void 0, !0),
           _("div", {
             class: S([{ "joy-selectable-item__sublabel": p.$slots["selectable-item-sublabel"] }])
           }, [
-            g(p.$slots, "selectable-item-sublabel", {}, void 0, !0)
+            b(p.$slots, "selectable-item-sublabel", {}, void 0, !0)
           ], 2)
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, jo));
+    ], 10, Pn));
   }
 });
-const yt = /* @__PURE__ */ $(ko, [["__scopeId", "data-v-cb2531c0"]]), Vo = ["id"], xo = /* @__PURE__ */ j({
+const yt = /* @__PURE__ */ j(zn, [["__scopeId", "data-v-cb2531c0"]]), Fn = ["id"], qn = /* @__PURE__ */ $({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -3319,28 +3400,28 @@ const yt = /* @__PURE__ */ $(ko, [["__scopeId", "data-v-cb2531c0"]]), Vo = ["id"
     function a(r) {
       return typeof t.value == "string" ? t.value === r.value : (t.value || []).includes(r.value);
     }
-    function n(r, i) {
+    function o(r, i) {
       if (!t.multiple)
         return l("update:value", i);
-      let o = [...t.value || []];
-      i && typeof i == "boolean" ? o.push(r) : o.splice(o.indexOf(r), 1), l("update:value", o);
+      let n = [...t.value || []];
+      i && typeof i == "boolean" ? n.push(r) : n.splice(n.indexOf(r), 1), l("update:value", n);
     }
-    return (r, i) => (d(), m("fieldset", {
+    return (r, i) => (u(), m("fieldset", {
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (d(), x(k(ee), {
+      e.label ? (u(), x(k(ee), {
         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(() => [
+          O(C(e.label), 1)
         ]),
         _: 1
-      }, 8, ["required", "optional-label", "size"])) : b("", !0),
+      }, 8, ["required", "optional-label", "size"])) : h("", !0),
       _("div", {
         class: S([
           "joy-selectable-item-group",
@@ -3351,34 +3432,34 @@ const yt = /* @__PURE__ */ $(ko, [["__scopeId", "data-v-cb2531c0"]]), Vo = ["id"
           }
         ])
       }, [
-        (d(!0), m(D, null, G(e.options, (o) => (d(), x(k(yt), {
-          id: o.id,
-          key: o.id,
-          name: o.name,
-          disabled: o.disabled,
-          value: o.value,
+        (u(!0), m(D, null, G(e.options, (n) => (u(), x(k(yt), {
+          id: n.id,
+          key: n.id,
+          name: n.name,
+          disabled: n.disabled,
+          value: n.value,
           multiple: e.multiple,
-          checked: a(o),
-          "onUpdate:checked": (y) => n(o.value, y)
-        }, nt({
-          default: O(() => [
-            B(C(o.label) + " ", 1)
+          checked: a(n),
+          "onUpdate:checked": (y) => o(n.value, y)
+        }, ot({
+          default: B(() => [
+            O(C(n.label) + " ", 1)
           ]),
           _: 2
         }, [
-          o.subLabel ? {
+          n.subLabel ? {
             name: "selectable-item-sublabel",
-            fn: O(() => [
-              B(C(o.subLabel), 1)
+            fn: B(() => [
+              O(C(n.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__ */ j(qn, [["__scopeId", "data-v-b0fd1c74"]]), Nn = /* @__PURE__ */ $({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -3391,17 +3472,17 @@ const Io = /* @__PURE__ */ $(xo, [["__scopeId", "data-v-0730aed0"]]), Co = /* @_
     }
   },
   setup(e) {
-    return (l, t) => (d(), m("div", {
+    return (l, t) => (u(), m("div", {
       class: S(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
       _("span", null, C(e.text), 1)
     ], 2));
   }
 });
-const Lo = /* @__PURE__ */ $(Co, [["__scopeId", "data-v-d83b1859"]]), Bo = ["id", "href", "aria-selected", "aria-controls"], Oo = {
+const Rn = /* @__PURE__ */ j(Nn, [["__scopeId", "data-v-21db2899"]]), Dn = ["id", "href", "aria-selected", "aria-controls"], Hn = {
   type: "button",
   tabindex: "-1"
-}, To = /* @__PURE__ */ j({
+}, Wn = /* @__PURE__ */ $({
   __name: "TabButton",
   props: {
     /**
@@ -3438,10 +3519,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(o) {
+      (o.code === "Enter" || o.code === "NumpadEnter") && l("changeTab");
     }
-    return (n, r) => (d(), m("a", {
+    return (o, r) => (u(), m("a", {
       id: `joy-tab-${e.tab}`,
       href: e.href,
       "aria-selected": e.selected ? "true" : "false",
@@ -3458,18 +3539,18 @@ const Lo = /* @__PURE__ */ $(Co, [["__scopeId", "data-v-d83b1859"]]), Bo = ["id"
           "joy-tab-button__selected": e.selected
         })
       }, [
-        _("button", Oo, [
+        _("button", Hn, [
           _("div", null, [
-            g(n.$slots, "default", {}, () => [
-              B(C(e.label), 1)
+            b(o.$slots, "default", {}, () => [
+              O(C(e.label), 1)
             ], !0)
           ])
         ])
       ], 2)
-    ], 40, Bo));
+    ], 40, Dn));
   }
 });
-const Jo = /* @__PURE__ */ $(To, [["__scopeId", "data-v-b1e62ec8"]]), Eo = { class: "joy-tabs" }, Po = /* @__PURE__ */ j({
+const Un = /* @__PURE__ */ j(Wn, [["__scopeId", "data-v-b1e62ec8"]]), Gn = { class: "joy-tabs" }, Kn = /* @__PURE__ */ $({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -3479,19 +3560,19 @@ 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));
+    const t = e, a = K(), o = w(t.selectedTab), r = w(null), i = w(null), n = 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";
+      var g;
+      return ((g = v == null ? void 0 : v.type) == null ? void 0 : g.__name) === "VJoyTab";
     }
-    function u(v) {
-      return v.props.tab === n.value;
+    function d(v) {
+      return v.props.tab === o.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);
+      i.value && r.value && i.value.scrollWidth > r.value.offsetWidth ? (y.value = i.value.scrollLeft > 0, n.value = i.value.scrollLeft + r.value.offsetWidth < i.value.scrollWidth) : (y.value = !1, n.value = !1);
     }
-    function s(v, h = !0) {
-      v && h && (n.value = v, $e("VJoyTabs", n), l("update:selected-tab", v));
+    function s(v, g = !0) {
+      v && g && (o.value = v, ke("VJoyTabs", o), l("update:selected-tab", v));
     }
     return E(
       () => t.selectedTab,
@@ -3499,19 +3580,19 @@ const Jo = /* @__PURE__ */ $(To, [["__scopeId", "data-v-b1e62ec8"]]), Eo = { cla
         v && s(v);
       },
       { immediate: !0 }
-    ), Q(() => {
+    ), Y(() => {
       var v;
       c(), (v = i.value) == null || v.addEventListener("scroll", c);
     }), je(() => {
       var v;
       (v = i.value) == null || v.removeEventListener("scroll", c);
-    }), (v, h) => (d(), m("div", Eo, [
+    }), (v, g) => (u(), m("div", Gn, [
       _("div", {
         ref_key: "buttonListWrapper",
         ref: r,
         class: S({
           "joy-tabs-buttons__wrapper": !0,
-          "joy-tabs-buttons__wrapper--scroll-end": o.value,
+          "joy-tabs-buttons__wrapper--scroll-end": n.value,
           "joy-tabs-buttons__wrapper--scroll-start": y.value
         })
       }, [
@@ -3521,20 +3602,20 @@ const Jo = /* @__PURE__ */ $(To, [["__scopeId", "data-v-b1e62ec8"]]), Eo = { cla
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (d(!0), m(D, null, G(p.value, (I) => (d(), m("div", {
+          (u(!0), m(D, null, G(p.value, (I) => (u(), m("div", {
             key: I.props.tab
           }, [
-            R(Jo, {
+            R(Un, {
               tab: I.props.tab,
               label: I.props.label,
               href: I.props.href,
-              selected: u(I),
+              selected: d(I),
               onChangeTab: (J) => s(I.props.tab, !I.props.href)
             }, {
-              default: O(() => {
+              default: B(() => {
                 var J;
                 return [
-                  (J = I.children) != null && J.header ? (d(), x(ne(I.children.header), { key: 0 })) : b("", !0)
+                  (J = I.children) != null && J.header ? (u(), x(oe(I.children.header), { key: 0 })) : h("", !0)
                 ];
               }),
               _: 2
@@ -3543,12 +3624,12 @@ const Jo = /* @__PURE__ */ $(To, [["__scopeId", "data-v-b1e62ec8"]]), Eo = { cla
         ], 512)
       ], 2),
       _("div", null, [
-        g(v.$slots, "default", {}, void 0, !0)
+        b(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__ */ j(Kn, [["__scopeId", "data-v-e3dffafe"]]), Qn = ["id", "aria-hidden", "aria-labelledby"], Yn = /* @__PURE__ */ $({
   __name: "VJoyTab",
   props: {
     /**
@@ -3576,7 +3657,7 @@ 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", {
+    return (o, r) => (u(), m("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
       "aria-hidden": a.value ? void 0 : "true",
@@ -3586,11 +3667,11 @@ const Ao = /* @__PURE__ */ $(Po, [["__scopeId", "data-v-e3dffafe"]]), zo = ["id"
         "joy-tab__selected": a.value
       })
     }, [
-      g(n.$slots, "default", {}, void 0, !0)
-    ], 10, zo));
+      b(o.$slots, "default", {}, void 0, !0)
+    ], 10, Qn));
   }
 });
-const Fo = /* @__PURE__ */ $(qo, [["__scopeId", "data-v-47a75127"]]), Mo = ["role"], No = /* @__PURE__ */ j({
+const Xn = /* @__PURE__ */ j(Yn, [["__scopeId", "data-v-47a75127"]]), er = ["role"], tr = /* @__PURE__ */ $({
   __name: "VJoyTag",
   props: {
     /** Text injected within the tag */
@@ -3629,7 +3710,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"], o = V(() => ({
       "joy-tag": !0,
       "joy-tag__selected": t.selected,
       "joy-tag__selectable": t.selectable || t.link,
@@ -3643,29 +3724,29 @@ const Fo = /* @__PURE__ */ $(qo, [["__scopeId", "data-v-47a75127"]]), Mo = ["rol
     function i() {
       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 (n, y) => (u(), m("span", {
+      class: S([o.value]),
       role: e.link || e.selectable ? "button" : void 0,
       onClick: i
     }, [
-      e.draggable ? (d(), x(T, {
+      e.draggable ? (u(), x(T, {
         key: 0,
         class: "joy-tag__drag",
         name: "drag",
         size: "xxsmall"
-      })) : b("", !0),
-      B(" " + C(e.label) + " ", 1),
-      e.removable ? (d(), x(T, {
+      })) : h("", !0),
+      O(" " + C(e.label) + " ", 1),
+      e.removable ? (u(), x(T, {
         key: 1,
         class: "joy-tag__removable",
         name: "cross",
         size: "xxsmall",
-        onClick: $t(r, ["stop"])
-      }, null, 8, ["onClick"])) : b("", !0)
-    ], 10, Mo));
+        onClick: jt(r, ["stop"])
+      }, null, 8, ["onClick"])) : h("", !0)
+    ], 10, er));
   }
 });
-const vt = /* @__PURE__ */ $(No, [["__scopeId", "data-v-01b9f7cc"]]), Ro = /* @__PURE__ */ j({
+const vt = /* @__PURE__ */ j(tr, [["__scopeId", "data-v-251410a4"]]), lr = /* @__PURE__ */ $({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -3692,62 +3773,62 @@ const vt = /* @__PURE__ */ $(No, [["__scopeId", "data-v-01b9f7cc"]]), Ro = /* @_
   setup(e, { emit: l }) {
     const t = e;
     function a(i) {
-      var o;
-      return t.removable ? !1 : (o = t.modelValue) == null ? void 0 : o.includes(i.value);
+      var n;
+      return t.removable ? !1 : (n = t.modelValue) == null ? void 0 : n.includes(i.value);
     }
-    function n(i, o) {
+    function o(i, n) {
       let y = [];
-      i.selected && !a(o) ? y = [...t.modelValue || [], o.value] : y = (t.modelValue || []).filter((p) => p !== o.value), l("update:modelValue", y);
+      i.selected && !a(n) ? y = [...t.modelValue || [], n.value] : y = (t.modelValue || []).filter((p) => p !== n.value), l("update:modelValue", y);
     }
     function r(i) {
       l("removeTag", i.value);
     }
-    return (i, o) => (d(), m("div", {
+    return (i, n) => (u(), m("div", {
       class: S(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (d(!0), m(D, null, G(e.tags, (y) => (d(), x(k(vt), Z({
+      (u(!0), m(D, null, G(e.tags, (y) => (u(), x(k(vt), Q({
         key: y.value,
         selectable: !!e.modelValue && !e.removable
       }, y, {
         removable: e.removable,
         selected: a(y),
         onRemove: r,
-        onSelected: (p) => n(p, y)
+        onSelected: (p) => o(p, y)
       }), null, 16, ["selectable", "removable", "selected", "onSelected"]))), 128))
     ], 2));
   }
 });
-const Do = /* @__PURE__ */ $(Ro, [["__scopeId", "data-v-510c6367"]]);
-const Ho = {}, Wo = {
+const ar = /* @__PURE__ */ j(lr, [["__scopeId", "data-v-0b725ef6"]]);
+const or = {}, nr = {
   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
+}, rr = /* @__PURE__ */ Se('<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), ir = [
+  rr
 ];
-function Ko(e, l) {
-  return d(), m("div", Wo, Go);
+function sr(e, l) {
+  return u(), m("div", nr, ir);
 }
-const pt = /* @__PURE__ */ $(Ho, [["render", Ko], ["__scopeId", "data-v-8b258f92"]]), Zo = { class: "joy-template__wrapper" }, Qo = {
+const pt = /* @__PURE__ */ j(or, [["render", sr], ["__scopeId", "data-v-8b258f92"]]), ur = { class: "joy-template__wrapper" }, dr = {
   key: 0,
   class: "joy-template__heading"
-}, Yo = {
+}, cr = {
   key: 0,
   class: "joy-template-slot-back"
-}, Xo = { class: "joy-template__heading___headings" }, er = {
+}, fr = { class: "joy-template__heading___headings" }, yr = {
   key: 0,
   class: "joy-template-slot-title"
-}, tr = {
+}, vr = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, lr = {
+}, pr = {
   key: 1,
   class: "joy-template-slot-actions"
-}, ar = {
+}, mr = {
   key: 0,
   class: "joy-template-slot-main"
-}, nr = {
+}, _r = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, or = /* @__PURE__ */ j({
+}, br = /* @__PURE__ */ $({
   __name: "VJoyTemplate",
   props: {
     full: { type: Boolean, default: !1 },
@@ -3766,28 +3847,28 @@ 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", {
+    const l = e, t = K(), a = V(() => !!t["template-back"] || !!t["template-title"] || !!t["template-subtitle"] || !!t["template-actions"]);
+    return (o, r) => (u(), m("main", {
       class: S(["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 ? (u(), x(pt, { key: 0 })) : h("", !0),
+      _("div", ur, [
+        a.value ? (u(), m("div", dr, [
+          k(t)["template-back"] ? (u(), m("div", cr, [
+            b(o.$slots, "template-back", {}, void 0, !0)
+          ])) : h("", !0),
+          _("div", fr, [
+            k(t)["template-title"] ? (u(), m("div", yr, [
+              b(o.$slots, "template-title", {}, void 0, !0)
+            ])) : h("", !0),
+            k(t)["template-subtitle"] ? (u(), m("div", vr, [
+              b(o.$slots, "template-subtitle", {}, void 0, !0)
+            ])) : h("", !0)
           ]),
-          k(t)["template-actions"] ? (d(), m("div", lr, [
-            g(n.$slots, "template-actions", {}, void 0, !0)
-          ])) : b("", !0)
-        ])) : b("", !0),
+          k(t)["template-actions"] ? (u(), m("div", pr, [
+            b(o.$slots, "template-actions", {}, void 0, !0)
+          ])) : h("", !0)
+        ])) : h("", !0),
         _("div", {
           class: S([
             "joy-template__content",
@@ -3796,34 +3877,34 @@ const pt = /* @__PURE__ */ $(Ho, [["render", Ko], ["__scopeId", "data-v-8b258f92
             }
           ])
         }, [
-          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)
+          o.$slots["template-main"] ? (u(), m("div", mr, [
+            b(o.$slots, "template-main", {}, void 0, !0)
+          ])) : h("", !0),
+          o.$slots["template-sidebar"] ? (u(), m("div", _r, [
+            b(o.$slots, "template-sidebar", {}, void 0, !0)
+          ])) : h("", !0)
         ], 2)
       ]),
-      e.loading ? (d(), x(Le, {
+      e.loading ? (u(), x(Oe, {
         key: 1,
         overlay: "",
         color: e.loadingColor
       }, {
-        content: O(() => [
-          g(n.$slots, "template-loader-content", {}, void 0, !0)
+        content: B(() => [
+          b(o.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["color"])) : b("", !0)
+      }, 8, ["color"])) : h("", !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 hr = /* @__PURE__ */ j(br, [["__scopeId", "data-v-7c83eb21"]]), gr = ["aria-disabled"], wr = { class: "joy-textarea_wrapper" }, Sr = ["id", "disabled", "name", "required", "minlength", "value"], $r = {
   key: 0,
   class: "joy-textarea_helpers"
-}, cr = {
+}, jr = {
   inheritAttrs: !1
-}, fr = /* @__PURE__ */ j({
-  ...cr,
+}, kr = /* @__PURE__ */ $({
+  ...jr,
   __name: "VJoyTextarea",
   props: {
     disabled: {
@@ -3877,27 +3958,27 @@ 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, o = w(), { triggerResize: r } = oa({
+      element: a.autogrow ? o : void 0
+    }), i = w(!1), n = w(!1), y = V(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), p = V(() => a.minlength ? a.modelValue.length < a.minlength : !1), f = {
+      onInput: (d) => {
+        a.modelModifiers.lazy || t("update:modelValue", d.target.value), r();
       },
-      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;
+        n.value = !1, i.value = y.value || p.value;
       },
       onFocus: () => {
-        o.value = !0;
+        n.value = !0;
       }
     };
     return l({
       isInvalid: i,
       valueOverMaxlength: y,
       valueUnderMinlength: p
-    }), (u, c) => (d(), m("div", {
+    }), (d, c) => (u(), m("div", {
       "aria-disabled": e.disabled,
       class: S([
         "joy-textarea",
@@ -3905,7 +3986,7 @@ const rr = /* @__PURE__ */ $(or, [["__scopeId", "data-v-750153b6"]]), ir = ["ari
           "joy-textarea_invalid": i.value || e.invalid,
           "joy-textarea_disabled": e.disabled,
           "joy-textarea_autogrow": e.autogrow,
-          "joy-textarea_focusing": o.value
+          "joy-textarea_focusing": n.value
         }
       ])
     }, [
@@ -3915,18 +3996,18 @@ const rr = /* @__PURE__ */ $(or, [["__scopeId", "data-v-750153b6"]]), ir = ["ari
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: O(() => [
-          g(u.$slots, "default", {}, () => [
-            B(C(e.label), 1)
+        default: B(() => [
+          b(d.$slots, "default", {}, () => [
+            O(C(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
-      _("div", sr, [
-        _("textarea", Z(u.$attrs, {
+      _("div", wr, [
+        _("textarea", Q(d.$attrs, {
           id: e.id,
           ref_key: "textarea",
-          ref: n,
+          ref: o,
           class: "joy-native-textarea",
           disabled: e.disabled,
           name: e.name,
@@ -3941,30 +4022,30 @@ const rr = /* @__PURE__ */ $(or, [["__scopeId", "data-v-750153b6"]]), ir = ["ari
           (...s) => f.onFocus && f.onFocus(...s)),
           onBlur: c[3] || (c[3] = //@ts-ignore
           (...s) => f.onBlur && f.onBlur(...s))
-        }), null, 16, ur)
+        }), null, 16, Sr)
       ]),
-      e.minlength || e.maxlength ? (d(), m("div", dr, [
-        e.minlength ? (d(), m("p", {
+      e.minlength || e.maxlength ? (u(), m("div", $r, [
+        e.minlength ? (u(), m("p", {
           key: 0,
           class: S(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          p.value ? b("", !0) : (d(), x(T, {
+          p.value ? h("", !0) : (u(), x(T, {
             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", {
+          O(" " + C(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+        ], 2)) : h("", !0),
+        e.maxlength ? (u(), m("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));
+        }, C(e.modelValue.length + "/" + e.maxlength), 3)) : h("", !0)
+      ])) : h("", !0)
+    ], 10, gr));
   }
 });
-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" }, [
+const Vr = /* @__PURE__ */ j(kr, [["__scopeId", "data-v-de43ee01"]]), mt = (e) => (ge("data-v-cf79d999"), e = e(), we(), e), xr = { class: "joy-toggle__wrapper" }, Ir = ["name", "disabled", "checked", "required", "aria-checked", "value"], Cr = { class: "joy-toggle__content" }, Lr = /* @__PURE__ */ mt(() => /* @__PURE__ */ _("span", { class: "joy-toggle__symbol" }, null, -1)), Or = { class: "joy-toggle__content-label" }, Br = /* @__PURE__ */ mt(() => /* @__PURE__ */ _("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ _("svg", {
     width: "18",
     height: "10",
@@ -3977,7 +4058,7 @@ const yr = /* @__PURE__ */ $(fr, [["__scopeId", "data-v-1d2165ca"]]), mt = (e) =
       fill: "currentColor"
     })
   ])
-], -1)), hr = /* @__PURE__ */ j({
+], -1)), Tr = /* @__PURE__ */ $({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -4012,8 +4093,8 @@ 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;
+      onChange: (o) => {
+        const r = o.target.checked;
         l("update:modelValue", r);
       },
       onFocus: () => {
@@ -4023,7 +4104,7 @@ const yr = /* @__PURE__ */ $(fr, [["__scopeId", "data-v-1d2165ca"]]), mt = (e) =
         t.value = !1;
       }
     };
-    return (n, r) => (d(), m("div", vr, [
+    return (o, r) => (u(), m("div", xr, [
       _("label", {
         class: S([
           "joy-toggle",
@@ -4051,21 +4132,21 @@ const yr = /* @__PURE__ */ $(fr, [["__scopeId", "data-v-1d2165ca"]]), mt = (e) =
           (...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)
+        }, null, 40, Ir),
+        _("p", Cr, [
+          Lr,
+          _("span", Or, [
+            b(o.$slots, "default", {}, () => [
+              O(C(e.label), 1)
             ], !0)
           ]),
-          gr
+          Br
         ])
       ], 2)
     ]));
   }
 });
-const wr = /* @__PURE__ */ $(hr, [["__scopeId", "data-v-cf79d999"]]), Sr = /* @__PURE__ */ j({
+const Jr = /* @__PURE__ */ j(Tr, [["__scopeId", "data-v-cf79d999"]]), Er = /* @__PURE__ */ $({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -4109,7 +4190,7 @@ const wr = /* @__PURE__ */ $(hr, [["__scopeId", "data-v-cf79d999"]]), Sr = /* @_
     }
   },
   setup(e) {
-    return $e("VJoyWrapperContext", e), (t, a) => (d(), m("div", {
+    return ke("VJoyWrapperContext", e), (t, a) => (u(), m("div", {
       class: S([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
@@ -4122,131 +4203,135 @@ const wr = /* @__PURE__ */ $(hr, [["__scopeId", "data-v-cf79d999"]]), Sr = /* @_
         { "joy-wrapper--has-margin": !e.noMargin }
       ])
     }, [
-      g(t.$slots, "default", {}, void 0, !0)
+      b(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const jr = /* @__PURE__ */ $(Sr, [["__scopeId", "data-v-8a6c4326"]]), $r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Pr = /* @__PURE__ */ j(Er, [["__scopeId", "data-v-68d89412"]]), Ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VJoyAvailability: xt,
   VJoyAvatar: Pt,
   VJoyAvatarsList: zt,
   VJoyBadge: Mt,
   VJoyBadgeLevel: cl,
-  VJoyButton: xe,
-  VJoyCheckbox: Ie,
+  VJoyButton: Ie,
+  VJoyCheckbox: Ce,
   VJoyCompanyAvatar: Ll,
-  VJoyCounter: ql,
+  VJoyCounter: Fl,
   VJoyDividerCta: Hl,
   VJoyDropdown: Wa,
   VJoyDropdownList: ct,
   VJoyFilterBar: Za,
   VJoyFilterBarButton: Ya,
+  VJoyFooter: io,
   VJoyFormError: ft,
-  VJoyFormFieldSkeleton: ln,
-  VJoyHighlight: sn,
+  VJoyFormFieldSkeleton: lo,
+  VJoyFunnel: mo,
+  VJoyHighlight: wo,
   VJoyIcon: T,
-  VJoyInput: _n,
+  VJoyInput: Lo,
   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,
+  VJoyLink: Jo,
+  VJoyMenu: Fo,
+  VJoyMultiCheckbox: Ro,
+  VJoyPagination: Zo,
+  VJoyPanel: nn,
+  VJoyPanelSection: cn,
+  VJoyProgressBar: vn,
+  VJoyRadio: gn,
+  VJoyRadioGroup: $n,
+  VJoyRatingStars: Cn,
+  VJoyScreenLoader: Oe,
+  VJoySelect: En,
   VJoySelectableItem: yt,
-  VJoySelectableItemGroup: Io,
-  VJoySeparator: Lo,
-  VJoySpinner: ke,
-  VJoyTab: Fo,
-  VJoyTabs: Ao,
+  VJoySelectableItemGroup: Mn,
+  VJoySeparator: Rn,
+  VJoySpinner: Ve,
+  VJoyTab: Xn,
+  VJoyTabs: Zn,
   VJoyTag: vt,
-  VJoyTagsList: Do,
-  VJoyTemplate: rr,
+  VJoyTagsList: ar,
+  VJoyTemplate: hr,
   VJoyTemplateShape: pt,
-  VJoyTextarea: yr,
-  VJoyToggle: wr,
-  VJoyWrapper: jr
+  VJoyTextarea: Vr,
+  VJoyToggle: Jr,
+  VJoyWrapper: Pr
 }, Symbol.toStringTag, { value: "Module" }));
-function tt(e) {
+function lt(e) {
   const l = e.target;
   if (!l)
     return;
   const t = l.getBoundingClientRect(), a = "joy-ripple-effect";
-  let n;
+  let o;
   const r = l.querySelector(`.${a}`);
-  r || (n = document.createElement("span"), n.classList.add(a));
-  const i = r || n;
+  r || (o = document.createElement("span"), o.classList.add(a));
+  const i = r || o;
   l.prepend(i);
-  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`;
+  const n = Math.sqrt(Math.pow(t.width, 2) + Math.pow(t.height, 2)) * 2;
+  i.style.width = i.style.height = `${n}px`, i.style.left = `${e.clientX - t.left}px`, i.style.top = `${e.clientY - t.top}px`;
 }
-const kr = {
+const zr = {
   mounted: (e) => {
-    e.addEventListener("click", tt);
+    e.addEventListener("click", lt);
   },
   beforeUnmount: (e) => {
-    e.removeEventListener("click", tt);
+    e.removeEventListener("click", lt);
   }
 };
-const xr = {
+const qr = {
   install: (e) => {
-    Object.entries($r).forEach(([l, t]) => {
+    Object.entries(Ar).forEach(([l, t]) => {
       e.component(l, t);
-    }), e.directive("joy-ripple", kr);
+    }), e.directive("joy-ripple", zr);
   }
 };
 export {
-  xr as JoyVuePlugin,
+  qr as JoyVuePlugin,
   xt as VJoyAvailability,
   Pt as VJoyAvatar,
   zt as VJoyAvatarsList,
   Mt as VJoyBadge,
   cl as VJoyBadgeLevel,
-  xe as VJoyButton,
-  Ie as VJoyCheckbox,
+  Ie as VJoyButton,
+  Ce as VJoyCheckbox,
   Ll as VJoyCompanyAvatar,
-  ql as VJoyCounter,
+  Fl as VJoyCounter,
   Hl as VJoyDividerCta,
   Wa as VJoyDropdown,
   ct as VJoyDropdownList,
   Za as VJoyFilterBar,
   Ya as VJoyFilterBarButton,
+  io as VJoyFooter,
   ft as VJoyFormError,
-  ln as VJoyFormFieldSkeleton,
-  sn as VJoyHighlight,
+  lo as VJoyFormFieldSkeleton,
+  mo as VJoyFunnel,
+  wo as VJoyHighlight,
   T as VJoyIcon,
-  _n as VJoyInput,
+  Lo 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,
+  Jo as VJoyLink,
+  Fo as VJoyMenu,
+  Ro as VJoyMultiCheckbox,
+  Zo as VJoyPagination,
+  nn as VJoyPanel,
+  cn as VJoyPanelSection,
+  vn as VJoyProgressBar,
+  gn as VJoyRadio,
+  $n as VJoyRadioGroup,
+  Cn as VJoyRatingStars,
+  Oe as VJoyScreenLoader,
+  En as VJoySelect,
   yt as VJoySelectableItem,
-  Io as VJoySelectableItemGroup,
-  Lo as VJoySeparator,
-  ke as VJoySpinner,
-  Fo as VJoyTab,
-  Ao as VJoyTabs,
+  Mn as VJoySelectableItemGroup,
+  Rn as VJoySeparator,
+  Ve as VJoySpinner,
+  Xn as VJoyTab,
+  Zn as VJoyTabs,
   vt as VJoyTag,
-  Do as VJoyTagsList,
-  rr as VJoyTemplate,
+  ar as VJoyTagsList,
+  hr as VJoyTemplate,
   pt as VJoyTemplateShape,
-  yr as VJoyTextarea,
-  wr as VJoyToggle,
-  jr as VJoyWrapper
+  Vr as VJoyTextarea,
+  Jr as VJoyToggle,
+  Pr as VJoyWrapper
 };