@maltjoy/core-vue 3.16.1 → 3.16.2

package/dist/joy-vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as S, computed as x, openBlock as n, createElementBlock as c, normalizeClass as h, createElementVNode as y, Fragment as q, createTextVNode as C, toDisplayString as I, createCommentVNode as g, createBlock as V, resolveDynamicComponent as G, mergeProps as R, withCtx as B, pushScopeId as ae, popScopeId as le, renderSlot as _, unref as w, renderList as P, createStaticVNode as ne, useAttrs as oe, resolveDirective as Ne, withDirectives as Re, ref as k, createVNode as A, getCurrentScope as He, onScopeDispose as De, getCurrentInstance as We, onMounted as H, nextTick as Ue, watch as F, h as Ge, onBeforeUnmount as ie, normalizeStyle as N, normalizeProps as Z, guardReactiveProps as Q, provide as se, createSlots as Ce, inject as Y, useSlots as M, onBeforeMount as Ke, withModifiers as Ze } from "vue";
-const Qe = ["title"], Ye = /* @__PURE__ */ S({
+import { defineComponent as k, computed as x, openBlock as n, createElementBlock as c, normalizeClass as h, createElementVNode as y, Fragment as A, createTextVNode as C, toDisplayString as I, createCommentVNode as g, createBlock as V, resolveDynamicComponent as G, mergeProps as R, withCtx as J, pushScopeId as ae, popScopeId as le, renderSlot as b, unref as w, renderList as P, createStaticVNode as ne, useAttrs as oe, resolveDirective as Ne, withDirectives as Re, ref as $, createVNode as q, getCurrentScope as He, onScopeDispose as De, getCurrentInstance as We, onMounted as H, nextTick as Ue, watch as F, h as Ge, onBeforeUnmount as ie, normalizeStyle as N, normalizeProps as Z, guardReactiveProps as Q, provide as se, createSlots as Ce, inject as Y, useSlots as M, onBeforeMount as Ke, withModifiers as Ze } from "vue";
+const Qe = ["title"], Ye = /* @__PURE__ */ k({
   __name: "VJoyAvailability",
   props: {
     /** Don't fill it and you'll only have the colored dot */
@@ -14,30 +14,30 @@ const Qe = ["title"], Ye = /* @__PURE__ */ S({
     isPartial: Boolean
   },
   setup(e) {
-    const l = e, t = x(() => ({
+    const a = e, t = x(() => ({
       "joy-availability__dot": !0,
-      "joy-availability--partial": l.isPartial,
-      [l.status]: !0
+      "joy-availability--partial": a.isPartial,
+      [a.status]: !0
     }));
-    return (a, i) => (n(), c("div", {
+    return (l, i) => (n(), c("div", {
       class: h(["joy-availability", { "joy-availability-has-label": !!e.label }]),
       title: e.label || void 0
     }, [
       y("span", {
         class: h(t.value)
       }, null, 2),
-      e.label ? (n(), c(q, { key: 0 }, [
+      e.label ? (n(), c(A, { key: 0 }, [
         C(I(e.label), 1)
       ], 64)) : g("", !0)
     ], 10, Qe));
   }
 });
-const $ = (e, l) => {
+const S = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [a, i] of l)
-    t[a] = i;
+  for (const [l, i] of a)
+    t[l] = i;
   return t;
-}, Xe = /* @__PURE__ */ $(Ye, [["__scopeId", "data-v-3452c6e7"]]), J = /* @__PURE__ */ S({
+}, Xe = /* @__PURE__ */ S(Ye, [["__scopeId", "data-v-3452c6e7"]]), B = /* @__PURE__ */ k({
   __name: "VJoyIcon",
   props: {
     name: {
@@ -54,7 +54,7 @@ const $ = (e, l) => {
     }
   },
   setup(e) {
-    return (l, t) => (n(), c("span", {
+    return (a, t) => (n(), c("span", {
       class: h(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`])
     }, [
       y("i", {
@@ -74,7 +74,7 @@ const et = (e) => (ae("data-v-bcb28746"), e = e(), le(), e), tt = {
   fill: "#F7F7F5"
 }, null, -1)), it = [
   ot
-], st = /* @__PURE__ */ S({
+], st = /* @__PURE__ */ k({
   __name: "VJoyAvatar",
   props: {
     /** 3 different sizes of avatar */
@@ -102,37 +102,37 @@ const et = (e) => (ae("data-v-bcb28746"), e = e(), le(), e), tt = {
     }
   },
   emits: ["click"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, i = x(() => a.size === "large" ? "medium" : a.size === "medium" ? "small" : a.size === "small" ? "xsmall" : "small"), s = x(() => a.link ? {
+  setup(e, { expose: a, emit: t }) {
+    const l = e, i = x(() => l.size === "large" ? "medium" : l.size === "medium" ? "small" : l.size === "small" ? "xsmall" : "small"), s = x(() => l.link ? {
       type: "button"
     } : null), u = x(() => ({
       "joy-avatar": !0,
-      "joy-avatar__link": a.link,
+      "joy-avatar__link": l.link,
       "joy-avatar__placeholder": o.value,
-      [`joy-avatar__${a.size}`]: !0,
-      [`joy-avatar__${a.color}`]: !0
-    })), o = x(() => !a.fullName && !a.photoUrl && !a.totalNumber), m = x(() => {
+      [`joy-avatar__${l.size}`]: !0,
+      [`joy-avatar__${l.color}`]: !0
+    })), o = x(() => !l.fullName && !l.photoUrl && !l.totalNumber), m = x(() => {
       function p(f) {
         return f.replace(/[';,:()]/g, "").charAt(0);
       }
-      let d = a.fullName.split(" ");
+      let d = l.fullName.split(" ");
       return d = d.slice(0, 2), d.forEach((f, r) => {
         d[r] = p(f);
       }), d.join("").toUpperCase();
     });
-    function b() {
+    function _() {
       t("click");
     }
-    return l({
+    return a({
       isAnonymous: o,
       initials: m
     }), (p, d) => (n(), c("div", tt, [
       (n(), V(G(e.link ? "button" : "div"), R(s.value, {
         class: [u.value],
-        onClick: b
+        onClick: _
       }), {
-        default: B(() => [
-          o.value ? (n(), V(J, {
+        default: J(() => [
+          o.value ? (n(), V(B, {
             key: 0,
             name: "user-photo",
             color: "white",
@@ -145,10 +145,10 @@ const et = (e) => (ae("data-v-bcb28746"), e = e(), le(), e), tt = {
             alt: e.fullName || "",
             loading: "lazy"
           }, null, 8, at)) : g("", !0),
-          e.fullName ? (n(), c(q, { key: 2 }, [
+          e.fullName ? (n(), c(A, { key: 2 }, [
             C(I(m.value), 1)
           ], 64)) : g("", !0),
-          e.totalNumber ? (n(), c(q, { key: 3 }, [
+          e.totalNumber ? (n(), c(A, { key: 3 }, [
             C(I("+" + e.totalNumber), 1)
           ], 64)) : g("", !0)
         ]),
@@ -166,22 +166,22 @@ const et = (e) => (ae("data-v-bcb28746"), e = e(), le(), e), tt = {
     ], 512));
   }
 });
-const rt = /* @__PURE__ */ $(st, [["__scopeId", "data-v-bcb28746"]]), ut = /* @__PURE__ */ S({
+const rt = /* @__PURE__ */ S(st, [["__scopeId", "data-v-bcb28746"]]), ut = /* @__PURE__ */ k({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
     compress: Boolean
   },
   setup(e) {
-    return (l, t) => (n(), c("div", {
+    return (a, t) => (n(), c("div", {
       ref: "avatarsList",
       class: h(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
-      _(l.$slots, "default", {}, void 0, !0)
+      b(a.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const dt = /* @__PURE__ */ $(ut, [["__scopeId", "data-v-46e4547e"]]), ct = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], yt = /* @__PURE__ */ S({
+const dt = /* @__PURE__ */ S(ut, [["__scopeId", "data-v-46e4547e"]]), ct = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], yt = /* @__PURE__ */ k({
   __name: "VJoyBadge",
   props: {
     /**
@@ -209,17 +209,17 @@ const dt = /* @__PURE__ */ $(ut, [["__scopeId", "data-v-46e4547e"]]), ct = ["inf
     }
   },
   setup(e) {
-    return (l, t) => (n(), c("span", {
+    return (a, t) => (n(), c("span", {
       class: h(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      _(l.$slots, "default", {}, () => [
+      b(a.$slots, "default", {}, () => [
         C(I(e.label), 1)
       ], !0)
     ], 2));
   }
 });
-const ft = /* @__PURE__ */ $(yt, [["__scopeId", "data-v-4512c8c6"]]);
+const ft = /* @__PURE__ */ S(yt, [["__scopeId", "data-v-4512c8c6"]]);
 var E = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "highpotential", e.HIGH_POTENTIAL_AUTO = "high-potential-auto", e.MALT_LINKER = "maltlinker", e.NEW = "new", e.SUPER_MALTER = "supermalter", e.VERIFIED = "verified", e))(E || {}), K = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(K || {});
 const O = (e) => (ae("data-v-008b921b"), e = e(), le(), e), vt = { class: "joy-badge-level" }, pt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
   fill: "#264FFA",
@@ -227,13 +227,13 @@ const O = (e) => (ae("data-v-008b921b"), e = e(), le(), e), vt = { class: "joy-b
 }, null, -1)), mt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
   fill: "#FC5757",
   d: "M.00195312 6.54284.00671145 18 5.7158 12.2962.00195312 6.54284Z"
-}, null, -1)), bt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
+}, null, -1)), _t = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
   fill: "#FFC200",
   d: "M11.4289 5.68249c-.0059-1.52434-.6069-2.9554-1.69067-4.02851C8.95862.882797 7.99681.362073 6.9506.132677 6.95037.132599 6.95021.132599 6.94998.132521c-.04337-.009516-.08681-.018408-.13041-.02691-.0057-.001092-.01147-.002184-.01724-.003276-.0383-.0073317-.07675-.0142735-.11529-.0208255-.01068-.001794-.02144-.00351-.03213-.005304-.03385-.0055379-.06778-.0108418-.10179-.0158338-.01505-.002184-.03011-.0042121-.04516-.0063181-.03011-.0041339-.06022-.008112-.0904-.0117779-.01857-.002262-.03721-.0042901-.05577-.006396C6.33472.0328377 6.30766.029952 6.28051.0273 6.25914.025194 6.23769.0233999 6.21624.0215279 6.19144.0194219 6.16671.017316 6.14183.015522 6.11851.013806 6.09511.0123239 6.07171.0109199 6.04831.00951588 6.02483.00811199 6.00135.006942 5.9771.00577201 5.95276.00483616 5.92842.00397816 5.90541.00312017 5.8824.00234019 5.85931.00179419c-.02433-.00062399-.04874-.0009362-.07316-.0012482C5.76267.000234 5.73912 0 5.71564 0c-.02355 0-.04703.000234-.07051.000546-.02442.000312-.04883.0006242-.07316.00124819-.02309.000546-.0461.00140398-.06911.00218397-.02434.000858-.04859.00179385-.07293.00296384-.02348.00116999-.04696.00257388-.07036.0039779-.0234.001404-.0468.0028861-.07012.0046021-.0248.001794-.0496.0038999-.07441.0060059-.02145.001872-.0429.0036661-.06427.0057721-.02714.002652-.05421.0055377-.08135.0085797-.01857.0021059-.03721.004134-.05577.006396-.03019.0036659-.06037.007644-.09048.0117779-.01506.002106-.03011.0041341-.04516.0063181-.03401.004992-.06794.0102959-.10179.0158338-.01077.001794-.02145.00351-.03214.005304-.03853.006552-.07699.0134938-.11528.0208255-.00578.001092-.01155.002184-.01724.003276-.0436.008502-.08705.017394-.13041.02691-.00024.000078-.00047.000078-.00071.000156C3.43424.361995 2.4725.882719 1.6929 1.65398.609098 2.72702.00811193 4.15815.00218397 5.68249L0 6.15064l.00171623.39226L5.71556 12.2962l5.71384-5.7533.0017-.39202-.0022-.46839Z"
-}, null, -1)), _t = [
+}, null, -1)), bt = [
   pt,
   mt,
-  bt
+  _t
 ], gt = {
   key: 1,
   class: "joy-badge-level__highpotential",
@@ -253,16 +253,16 @@ const O = (e) => (ae("data-v-008b921b"), e = e(), le(), e), vt = { class: "joy-b
       transform: "translate(0 .5)"
     })
   ])
-], -1)), kt = [
+], -1)), $t = [
   ht,
   jt
-], St = {
+], kt = {
   key: 2,
   class: "joy-badge-level__high-potential-auto",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 64 64",
   "enable-background": "new 0 0 64 64"
-}, $t = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
+}, St = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
   fill: "#EF4E16",
   d: "M60 23.913s-8.76-2.903-14.05 1.058C44.256 17.449 45.203 8.674 34.688 2c-.712 9.413-12.856 9.891-15.691 22.005-1.86-3.319-2.227-7.716-9.28-9.871C11.615 25.513.415 31.3 5.199 47.68c2.699 9.246 12.72 13.651 21.047 14.217 16.527 1.123 31.896-6.848 32.258-24.148.155-7.437-2.975-8.343 1.496-13.836z"
 }, null, -1)), wt = /* @__PURE__ */ O(() => /* @__PURE__ */ y("path", {
@@ -275,7 +275,7 @@ const O = (e) => (ae("data-v-008b921b"), e = e(), le(), e), vt = { class: "joy-b
   fill: "#FFF7D1",
   d: "M37.182 54.939c0 2.188-12.427 2.188-12.427 0 0-5.849 12.427-5.849 12.427 0z"
 }, null, -1)), It = [
-  $t,
+  St,
   wt,
   Vt,
   xt
@@ -285,9 +285,9 @@ const O = (e) => (ae("data-v-008b921b"), e = e(), le(), e), vt = { class: "joy-b
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 22 10"
-}, Lt = /* @__PURE__ */ ne('<g clip-path="url(#a)" data-v-008b921b><path fill="var(--joy-color-tertiary-10)" d="M4.919 9.893c-1.32-.005-2.558-.526-3.487-1.464C.764 7.754.313 6.922.115 6.016v-.001c-.008-.037-.016-.074-.024-.112 0-.005-.001-.01-.002-.015-.006-.033-.012-.066-.018-.1C.069 5.779.068 5.77.066 5.76c-.005-.029-.009-.058-.014-.088-.002-.013-.003-.026-.005-.039-.004-.026-.007-.052-.01-.078l-.006-.048C.028 5.483.026 5.46.024 5.436.022 5.418.02 5.399.019 5.381c-.002-.022-.004-.043-.006-.065-.001-.02-.003-.04-.004-.061-.001-.02-.002-.041-.003-.061-.001-.02-.002-.041-.003-.062-.001-.02-.001-.04-.002-.06 0-.021 0-.043-.001-.064v-.122c0-.021.001-.042.001-.063 0-.02.001-.04.002-.06L.006 4.7c.001-.02.002-.041.003-.061.001-.02.002-.04.004-.061.002-.021.003-.043.005-.064.002-.019.004-.037.006-.056.002-.024.005-.047.007-.07l.006-.048c.003-.026.007-.052.01-.078.002-.014.003-.027.005-.04.004-.029.009-.059.014-.088.002-.009.003-.019.005-.028.006-.033.012-.067.018-.1l.003-.015c.007-.038.015-.075.023-.113v-.001c.198-.904.649-1.737 1.317-2.412C2.361.527 3.6.007 4.919.002L5.324 0l.34.001 4.98 4.946-4.98 4.946-.34.002-.405-.002Z" data-v-008b921b></path><path fill="var(--joy-color-brand-primary-50)" d="M16.3651.002c1.319.005 2.558.525 3.487 1.463.668.675 1.118 1.507 1.317 2.413v.001c.008.038.016.075.023.113l.003.015c.006.033.012.066.018.1.002.009.003.019.005.028.005.029.009.059.014.088.002.013.004.026.005.039.004.026.007.052.01.078l.006.048c.003.023.005.047.007.07.002.019.003.037.005.056.002.021.004.043.005.064.001.02.003.04.004.061.001.02.002.041.003.061l.003.063c.001.02.001.04.002.06.001.021.001.042.001.063v.122c0 .021-.001.042-.001.063 0 .02-.001.04-.002.06l-.003.063c-.001.02-.002.041-.003.061-.001.02-.002.04-.004.061-.002.021-.003.043-.005.064-.002.019-.003.037-.005.056-.002.024-.005.047-.007.07l-.006.048c-.003.026-.007.052-.01.078-.002.013-.004.026-.005.039-.004.029-.009.059-.014.088-.002.009-.003.019-.005.028-.006.033-.012.067-.018.1l-.003.015c-.007.038-.015.075-.023.113v.001c-.199.906-.649 1.738-1.317 2.413-.929.938-2.168 1.458-3.487 1.463l-.405.002-.34-.001-4.98-4.946 4.98-4.946.339-.001.406.002Z" data-v-008b921b></path></g><defs data-v-008b921b><clipPath id="a" data-v-008b921b><path fill="#fff" d="M0 0h21.283v9.895H0z" data-v-008b921b></path></clipPath></defs>', 2), Bt = [
+}, Lt = /* @__PURE__ */ ne('<g clip-path="url(#a)" data-v-008b921b><path fill="var(--joy-color-tertiary-10)" d="M4.919 9.893c-1.32-.005-2.558-.526-3.487-1.464C.764 7.754.313 6.922.115 6.016v-.001c-.008-.037-.016-.074-.024-.112 0-.005-.001-.01-.002-.015-.006-.033-.012-.066-.018-.1C.069 5.779.068 5.77.066 5.76c-.005-.029-.009-.058-.014-.088-.002-.013-.003-.026-.005-.039-.004-.026-.007-.052-.01-.078l-.006-.048C.028 5.483.026 5.46.024 5.436.022 5.418.02 5.399.019 5.381c-.002-.022-.004-.043-.006-.065-.001-.02-.003-.04-.004-.061-.001-.02-.002-.041-.003-.061-.001-.02-.002-.041-.003-.062-.001-.02-.001-.04-.002-.06 0-.021 0-.043-.001-.064v-.122c0-.021.001-.042.001-.063 0-.02.001-.04.002-.06L.006 4.7c.001-.02.002-.041.003-.061.001-.02.002-.04.004-.061.002-.021.003-.043.005-.064.002-.019.004-.037.006-.056.002-.024.005-.047.007-.07l.006-.048c.003-.026.007-.052.01-.078.002-.014.003-.027.005-.04.004-.029.009-.059.014-.088.002-.009.003-.019.005-.028.006-.033.012-.067.018-.1l.003-.015c.007-.038.015-.075.023-.113v-.001c.198-.904.649-1.737 1.317-2.412C2.361.527 3.6.007 4.919.002L5.324 0l.34.001 4.98 4.946-4.98 4.946-.34.002-.405-.002Z" data-v-008b921b></path><path fill="var(--joy-color-brand-primary-50)" d="M16.3651.002c1.319.005 2.558.525 3.487 1.463.668.675 1.118 1.507 1.317 2.413v.001c.008.038.016.075.023.113l.003.015c.006.033.012.066.018.1.002.009.003.019.005.028.005.029.009.059.014.088.002.013.004.026.005.039.004.026.007.052.01.078l.006.048c.003.023.005.047.007.07.002.019.003.037.005.056.002.021.004.043.005.064.001.02.003.04.004.061.001.02.002.041.003.061l.003.063c.001.02.001.04.002.06.001.021.001.042.001.063v.122c0 .021-.001.042-.001.063 0 .02-.001.04-.002.06l-.003.063c-.001.02-.002.041-.003.061-.001.02-.002.04-.004.061-.002.021-.003.043-.005.064-.002.019-.003.037-.005.056-.002.024-.005.047-.007.07l-.006.048c-.003.026-.007.052-.01.078-.002.013-.004.026-.005.039-.004.029-.009.059-.014.088-.002.009-.003.019-.005.028-.006.033-.012.067-.018.1l-.003.015c-.007.038-.015.075-.023.113v.001c-.199.906-.649 1.738-1.317 2.413-.929.938-2.168 1.458-3.487 1.463l-.405.002-.34-.001-4.98-4.946 4.98-4.946.339-.001.406.002Z" data-v-008b921b></path></g><defs data-v-008b921b><clipPath id="a" data-v-008b921b><path fill="#fff" d="M0 0h21.283v9.895H0z" data-v-008b921b></path></clipPath></defs>', 2), Jt = [
   Lt
-], Jt = {
+], Bt = {
   key: 4,
   class: "joy-badge-level__highpotential-program",
   xmlns: "http://www.w3.org/2000/svg",
@@ -309,7 +309,7 @@ const O = (e) => (ae("data-v-008b921b"), e = e(), le(), e), vt = { class: "joy-b
 ], -1)), zt = [
   Tt,
   Et
-], At = /* @__PURE__ */ S({
+], qt = /* @__PURE__ */ k({
   __name: "VJoyBadgeLevel",
   props: {
     /** Badge type. HIGH_POTENTIAL, SUPERMALTER, etc... */
@@ -329,8 +329,8 @@ const O = (e) => (ae("data-v-008b921b"), e = e(), le(), e), vt = { class: "joy-b
     }
   },
   setup(e) {
-    const l = e, t = x(() => {
-      switch (l.type) {
+    const a = e, t = x(() => {
+      switch (a.type) {
         case K.HIGH_POTENTIAL:
         case E.HIGH_POTENTIAL:
           return "High Potential";
@@ -348,18 +348,18 @@ const O = (e) => (ae("data-v-008b921b"), e = e(), le(), e), vt = { class: "joy-b
           return "Supermalter";
       }
     });
-    return (a, i) => (n(), c("span", vt, [
-      e.type === w(E).SUPER_MALTER ? (n(!0), c(q, { key: 0 }, P(e.superMalterLevel, (s, u) => (n(), c("svg", {
+    return (l, i) => (n(), c("span", vt, [
+      e.type === w(E).SUPER_MALTER ? (n(!0), c(A, { key: 0 }, P(e.superMalterLevel, (s, u) => (n(), c("svg", {
         key: u,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 12 18"
-      }, _t))), 128)) : g("", !0),
-      e.type === w(E).HIGH_POTENTIAL ? (n(), c("svg", gt, kt)) : g("", !0),
-      e.type === w(E).HIGH_POTENTIAL_AUTO ? (n(), c("svg", St, It)) : g("", !0),
-      e.type === w(E).MALT_LINKER ? (n(), c("svg", Ct, Bt)) : g("", !0),
-      e.type === w(K).HIGH_POTENTIAL ? (n(), c("svg", Jt, zt)) : g("", !0),
+      }, bt))), 128)) : g("", !0),
+      e.type === w(E).HIGH_POTENTIAL ? (n(), c("svg", gt, $t)) : g("", !0),
+      e.type === w(E).HIGH_POTENTIAL_AUTO ? (n(), c("svg", kt, It)) : g("", !0),
+      e.type === w(E).MALT_LINKER ? (n(), c("svg", Ct, Jt)) : g("", !0),
+      e.type === w(K).HIGH_POTENTIAL ? (n(), c("svg", Bt, zt)) : g("", !0),
       y("span", {
         class: h([
           {
@@ -370,14 +370,14 @@ const O = (e) => (ae("data-v-008b921b"), e = e(), le(), e), vt = { class: "joy-b
           }
         ])
       }, [
-        e.visibleText ? _(a.$slots, "default", { key: 0 }, () => [
+        e.visibleText ? b(l.$slots, "default", { key: 0 }, () => [
           C(I(t.value), 1)
         ], !0) : g("", !0)
       ], 2)
     ]));
   }
 });
-const qt = /* @__PURE__ */ $(At, [["__scopeId", "data-v-008b921b"]]), Ot = ["teal", "white"], Ft = /* @__PURE__ */ S({
+const At = /* @__PURE__ */ S(qt, [["__scopeId", "data-v-008b921b"]]), Ot = ["teal", "white"], Ft = /* @__PURE__ */ k({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -388,39 +388,39 @@ const qt = /* @__PURE__ */ $(At, [["__scopeId", "data-v-008b921b"]]), Ot = ["tea
     }
   },
   setup(e) {
-    return (l, t) => (n(), c("div", {
+    return (a, t) => (n(), c("div", {
       class: h(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
 });
-const re = /* @__PURE__ */ $(Ft, [["__scopeId", "data-v-127ef073"]]), Pt = ["primary", "secondary"], Mt = ["neutral", "success", "info", "warning", "error"], Nt = ["main", "admin", "ghost", "white"], Rt = [...Pt, ...Nt], Ht = ["large", "medium", "small", "xsmall", "xxsmall"];
+const re = /* @__PURE__ */ S(Ft, [["__scopeId", "data-v-127ef073"]]), Pt = ["primary", "secondary"], Mt = ["neutral", "success", "info", "warning", "error"], Nt = ["main", "admin", "ghost", "white"], Rt = [...Pt, ...Nt], Ht = ["large", "medium", "small", "xsmall", "xxsmall"];
 function Dt(e) {
-  let l;
+  let a;
   switch (e) {
     case "error":
-      l = "warning-triangle";
+      a = "warning-triangle";
       break;
     case "success":
-      l = "check";
+      a = "check";
       break;
     default:
-      l = "info-circle";
+      a = "info-circle";
   }
-  return l;
+  return a;
 }
 function Wt(e) {
   if (!e) {
     console.warn("Missing ref element for focusOnFirstFocusableFormField use");
     return;
   }
-  let l = ["input", "textarea", "select"];
-  const t = (e.value ?? e).querySelectorAll(l.join(","));
+  let a = ["input", "textarea", "select"];
+  const t = (e.value ?? e).querySelectorAll(a.join(","));
   if (t.length)
     return t[0].focus();
 }
 const ue = function(e = 10) {
   return Math.random().toString(36).substring(2, e + 2);
-}, Ut = /* @__PURE__ */ S({
+}, Ut = /* @__PURE__ */ k({
   __name: "VJoyButton",
   props: {
     /**
@@ -468,8 +468,8 @@ const ue = function(e = 10) {
       }
     }
   },
-  setup(e, { expose: l }) {
-    const t = e, a = oe(), i = "joy-button--" + ue(), s = x(() => {
+  setup(e, { expose: a }) {
+    const t = e, l = oe(), i = "joy-button--" + ue(), s = x(() => {
       switch (t.size) {
         case "xxsmall":
           return "xxsmall";
@@ -481,11 +481,11 @@ const ue = function(e = 10) {
           return "small";
       }
     }), u = x(() => ["white", "ghost", "secondary"].includes(t.variant) ? "teal" : "white");
-    return l({ randomId: i }), (o, m) => {
-      const b = Ne("joy-ripple");
-      return Re((n(), V(G(w(a).href ? "a" : "button"), {
-        disabled: e.loading || w(a).disabled,
-        type: w(a).type || "button",
+    return a({ randomId: i }), (o, m) => {
+      const _ = Ne("joy-ripple");
+      return Re((n(), V(G(w(l).href ? "a" : "button"), {
+        disabled: e.loading || w(l).disabled,
+        type: w(l).type || "button",
         class: h([
           "joy-button",
           `joy-button_${e.variant}`,
@@ -497,8 +497,8 @@ const ue = function(e = 10) {
         ]),
         "aria-labelledby": (o.$slots.default || e.label) && i
       }, {
-        default: B(() => [
-          e.icon && e.iconPosition === "left" ? (n(), V(J, {
+        default: J(() => [
+          e.icon && e.iconPosition === "left" ? (n(), V(B, {
             key: 0,
             class: "joy-button_icon joy-button_icon--left",
             name: e.icon,
@@ -513,11 +513,11 @@ const ue = function(e = 10) {
             id: i,
             class: "joy-button--slot"
           }, [
-            _(o.$slots, "default", {}, () => [
+            b(o.$slots, "default", {}, () => [
               C(I(e.label), 1)
             ], !0)
           ]),
-          e.icon && e.iconPosition === "right" ? (n(), V(J, {
+          e.icon && e.iconPosition === "right" ? (n(), V(B, {
             key: 2,
             class: "joy-button_icon joy-button_icon--right",
             name: e.icon,
@@ -527,12 +527,12 @@ const ue = function(e = 10) {
         ]),
         _: 3
       }, 8, ["disabled", "type", "class", "aria-labelledby"])), [
-        [b]
+        [_]
       ]);
     };
   }
 });
-const de = /* @__PURE__ */ $(Ut, [["__scopeId", "data-v-25ba8bc2"]]), Gt = ["aria-checked", "aria-hidden"], Kt = { class: "joy-checkbox__input-wrapper" }, Zt = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], Qt = { class: "joy-checkbox__content-wrapper" }, Yt = { class: "joy-checkbox__content" }, Xt = /* @__PURE__ */ S({
+const de = /* @__PURE__ */ S(Ut, [["__scopeId", "data-v-25ba8bc2"]]), Gt = ["aria-checked", "aria-hidden"], Kt = { class: "joy-checkbox__input-wrapper" }, Zt = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], Qt = { class: "joy-checkbox__content-wrapper" }, Yt = { class: "joy-checkbox__content" }, Xt = /* @__PURE__ */ k({
   __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 */
@@ -586,10 +586,10 @@ const de = /* @__PURE__ */ $(Ut, [["__scopeId", "data-v-25ba8bc2"]]), Gt = ["ari
     }
   },
   emits: ["update:checked", "focus", "blur"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, i = k(), s = k(a.indeterminate), u = k(a.invalid), o = k(!1), m = {
-      onChange: (b) => {
-        const p = b.target.checked;
+  setup(e, { expose: a, emit: t }) {
+    const l = e, i = $(), s = $(l.indeterminate), u = $(l.invalid), o = $(!1), m = {
+      onChange: (_) => {
+        const p = _.target.checked;
         s.value = !1, u.value = !1, t("update:checked", p);
       },
       onFocus: () => {
@@ -599,9 +599,9 @@ const de = /* @__PURE__ */ $(Ut, [["__scopeId", "data-v-25ba8bc2"]]), Gt = ["ari
         o.value = !1, t("blur");
       }
     };
-    return l({
+    return a({
       isIndeterminate: s
-    }), (b, p) => (n(), c("div", {
+    }), (_, p) => (n(), c("div", {
       class: "joy-checkbox__wrapper",
       "aria-checked": e.checked,
       "aria-hidden": e.disabled
@@ -642,18 +642,18 @@ const de = /* @__PURE__ */ $(Ut, [["__scopeId", "data-v-25ba8bc2"]]), Gt = ["ari
           }, null, 40, Zt)
         ]),
         y("div", Qt, [
-          _(b.$slots, "default", {}, () => [
+          b(_.$slots, "default", {}, () => [
             C(I(e.label), 1)
           ], !0),
           y("div", Yt, [
-            _(b.$slots, "checkbox-content", {}, void 0, !0)
+            b(_.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
     ], 8, Gt));
   }
 });
-const ce = /* @__PURE__ */ $(Xt, [["__scopeId", "data-v-27cc9d8c"]]), ea = ["src", "alt", "title"], ta = /* @__PURE__ */ S({
+const ce = /* @__PURE__ */ S(Xt, [["__scopeId", "data-v-27cc9d8c"]]), ea = ["src", "alt", "title"], ta = /* @__PURE__ */ k({
   __name: "VJoyCompanyAvatar",
   props: {
     imgSrc: String,
@@ -665,8 +665,8 @@ const ce = /* @__PURE__ */ $(Xt, [["__scopeId", "data-v-27cc9d8c"]]), ea = ["src
     }
   },
   setup(e) {
-    const l = e, t = x(() => {
-      switch (l.size) {
+    const a = e, t = x(() => {
+      switch (a.size) {
         case "large":
           return "small";
         case "medium":
@@ -677,7 +677,7 @@ const ce = /* @__PURE__ */ $(Xt, [["__scopeId", "data-v-27cc9d8c"]]), ea = ["src
           return "xsmall";
       }
     });
-    return (a, i) => (n(), c("div", {
+    return (l, i) => (n(), c("div", {
       class: h(["joy-company-avatar", `joy-company-avatar--${e.size}`])
     }, [
       e.imgSrc ? (n(), c("img", {
@@ -685,7 +685,7 @@ const ce = /* @__PURE__ */ $(Xt, [["__scopeId", "data-v-27cc9d8c"]]), ea = ["src
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
         title: e.companyName
-      }, null, 8, ea)) : (n(), V(w(J), {
+      }, null, 8, ea)) : (n(), V(w(B), {
         key: 1,
         name: "company-placeholder",
         size: t.value
@@ -693,12 +693,12 @@ const ce = /* @__PURE__ */ $(Xt, [["__scopeId", "data-v-27cc9d8c"]]), ea = ["src
     ], 2));
   }
 });
-const aa = /* @__PURE__ */ $(ta, [["__scopeId", "data-v-0f616ccb"]]), la = { class: "joy-counter" }, na = ["aria-label", "disabled"], oa = { class: "joy-counter__input-wrapper" }, ia = ["id", "min", "max", "aria-invalid", "name", "required", "value"], sa = ["aria-label", "disabled"], ra = {
+const aa = /* @__PURE__ */ S(ta, [["__scopeId", "data-v-0f616ccb"]]), la = { class: "joy-counter" }, na = ["aria-label", "disabled"], oa = { class: "joy-counter__input-wrapper" }, ia = ["id", "min", "max", "aria-invalid", "name", "required", "value"], sa = ["aria-label", "disabled"], ra = {
   key: 0,
   class: "joy-counter_error"
 }, ua = {
   inheritAttrs: !1
-}, da = /* @__PURE__ */ S({
+}, da = /* @__PURE__ */ k({
   ...ua,
   __name: "VJoyCounter",
   props: {
@@ -765,31 +765,31 @@ const aa = /* @__PURE__ */ $(ta, [["__scopeId", "data-v-0f616ccb"]]), la = { cla
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, i = k(!1), s = k(!1);
+  setup(e, { expose: a, emit: t }) {
+    const l = e, i = $(!1), s = $(!1);
     function u() {
-      const v = b(!1);
-      v >= 0 ? t("update:modelValue", v <= a.min ? a.min : v) : t("update:modelValue", 0), m();
+      const v = _(!1);
+      v >= 0 ? t("update:modelValue", v <= l.min ? l.min : v) : t("update:modelValue", 0), m();
     }
     function o() {
-      const v = b();
-      a.max && v <= a.max ? t("update:modelValue", v >= a.max ? a.max : v) : a.max && v > a.max ? t("update:modelValue", a.max) : t("update:modelValue", v), m();
+      const v = _();
+      l.max && v <= l.max ? t("update:modelValue", v >= l.max ? l.max : v) : l.max && v > l.max ? t("update:modelValue", l.max) : t("update:modelValue", v), m();
     }
     function m() {
       i.value = !p();
     }
-    function b(v = !0) {
-      const j = a.step.toString().split("."), L = j.length === 2 ? j[1].length : 0;
-      return parseFloat(v ? (a.modelValue + a.step).toFixed(L) : (a.modelValue - a.step).toFixed(L));
+    function _(v = !0) {
+      const j = l.step.toString().split("."), L = j.length === 2 ? j[1].length : 0;
+      return parseFloat(v ? (l.modelValue + l.step).toFixed(L) : (l.modelValue - l.step).toFixed(L));
     }
     function p() {
       return d() && f();
     }
     function d() {
-      return !a.max || a.modelValue <= a.max;
+      return !l.max || l.modelValue <= l.max;
     }
     function f() {
-      return a.min <= a.modelValue;
+      return l.min <= l.modelValue;
     }
     const r = {
       onInput: (v) => {
@@ -802,8 +802,8 @@ const aa = /* @__PURE__ */ $(ta, [["__scopeId", "data-v-0f616ccb"]]), la = { cla
         s.value = !1, m();
       }
     };
-    return l({
-      props: a
+    return a({
+      props: l
     }), (v, j) => (n(), c("div", la, [
       e.label ? (n(), V(w(D), {
         key: 0,
@@ -812,8 +812,8 @@ const aa = /* @__PURE__ */ $(ta, [["__scopeId", "data-v-0f616ccb"]]), la = { cla
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: B(() => [
-          _(v.$slots, "default", {}, () => [
+        default: J(() => [
+          b(v.$slots, "default", {}, () => [
             C(I(e.label), 1)
           ], !0)
         ]),
@@ -829,7 +829,7 @@ const aa = /* @__PURE__ */ $(ta, [["__scopeId", "data-v-0f616ccb"]]), la = { cla
           disabled: e.modelValue <= e.min,
           onClick: u
         }, [
-          A(w(J), { name: "minus" })
+          q(w(B), { name: "minus" })
         ], 8, na),
         y("div", oa, [
           y("input", R({
@@ -860,16 +860,16 @@ const aa = /* @__PURE__ */ $(ta, [["__scopeId", "data-v-0f616ccb"]]), la = { cla
           disabled: e.max ? e.modelValue >= e.max : !1,
           onClick: o
         }, [
-          A(w(J), { name: "add" })
+          q(w(B), { name: "add" })
         ], 8, sa),
         e.invalid && e.errorMessage ? (n(), c("div", ra, [
-          A(w(Ee), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
+          q(w(Ee), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : g("", !0)
       ], 2)
     ]));
   }
 });
-const ca = /* @__PURE__ */ $(da, [["__scopeId", "data-v-ebcfc48d"]]), ya = ["disabled"], fa = { class: "joy-divider-cta--icon" }, va = { class: "joy-divider-cta--content" }, pa = { class: "joy-divider-cta--content---title" }, ma = /* @__PURE__ */ S({
+const ca = /* @__PURE__ */ S(da, [["__scopeId", "data-v-ebcfc48d"]]), ya = ["disabled"], fa = { class: "joy-divider-cta--icon" }, va = { class: "joy-divider-cta--content" }, pa = { class: "joy-divider-cta--content---title" }, ma = /* @__PURE__ */ k({
   __name: "VJoyDividerCta",
   props: {
     disabled: {
@@ -878,154 +878,154 @@ const ca = /* @__PURE__ */ $(da, [["__scopeId", "data-v-ebcfc48d"]]), ya = ["dis
     }
   },
   setup(e) {
-    return (l, t) => (n(), c("button", {
+    return (a, t) => (n(), c("button", {
       type: "button",
       class: h(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
     }, [
       y("div", fa, [
-        A(J, { name: "add" })
+        q(B, { name: "add" })
       ]),
       y("div", va, [
         y("p", pa, [
-          _(l.$slots, "default", {}, void 0, !0)
+          b(a.$slots, "default", {}, void 0, !0)
         ]),
-        _(l.$slots, "divider-content", {}, void 0, !0)
+        b(a.$slots, "divider-content", {}, void 0, !0)
       ])
     ], 10, ya));
   }
 });
-const ba = /* @__PURE__ */ $(ma, [["__scopeId", "data-v-a3d693c3"]]);
-var be;
+const _a = /* @__PURE__ */ S(ma, [["__scopeId", "data-v-a3d693c3"]]);
+var _e;
 const ye = typeof window < "u", Le = (e) => typeof e == "string", fe = () => {
-}, te = ye && ((be = window == null ? void 0 : window.navigator) == null ? void 0 : be.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+}, te = ye && ((_e = window == null ? void 0 : window.navigator) == null ? void 0 : _e.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function U(e) {
   return typeof e == "function" ? e() : w(e);
 }
-function _a(e) {
+function ba(e) {
   return e;
 }
 function X(e) {
   return He() ? (De(e), !0) : !1;
 }
 function ga(e) {
-  return typeof e == "function" ? x(e) : k(e);
+  return typeof e == "function" ? x(e) : $(e);
 }
-function ha(e, l = !0) {
-  We() ? H(e) : l ? e() : Ue(e);
+function ha(e, a = !0) {
+  We() ? H(e) : a ? e() : Ue(e);
 }
 function W(e) {
-  var l;
+  var a;
   const t = U(e);
-  return (l = t == null ? void 0 : t.$el) != null ? l : t;
+  return (a = t == null ? void 0 : t.$el) != null ? a : t;
 }
 const ve = ye ? window : void 0;
 function ee(...e) {
-  let l, t, a, i;
-  if (Le(e[0]) || Array.isArray(e[0]) ? ([t, a, i] = e, l = ve) : [l, t, a, i] = e, !l)
+  let a, t, l, i;
+  if (Le(e[0]) || Array.isArray(e[0]) ? ([t, l, i] = e, a = ve) : [a, t, l, i] = e, !a)
     return fe;
-  Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
+  Array.isArray(t) || (t = [t]), Array.isArray(l) || (l = [l]);
   const s = [], u = () => {
     s.forEach((p) => p()), s.length = 0;
-  }, o = (p, d, f, r) => (p.addEventListener(d, f, r), () => p.removeEventListener(d, f, r)), m = F(() => [W(l), U(i)], ([p, d]) => {
-    u(), p && s.push(...t.flatMap((f) => a.map((r) => o(p, f, r, d))));
-  }, { immediate: !0, flush: "post" }), b = () => {
+  }, o = (p, d, f, r) => (p.addEventListener(d, f, r), () => p.removeEventListener(d, f, r)), m = F(() => [W(a), U(i)], ([p, d]) => {
+    u(), p && s.push(...t.flatMap((f) => l.map((r) => o(p, f, r, d))));
+  }, { immediate: !0, flush: "post" }), _ = () => {
     m(), u();
   };
-  return X(b), b;
+  return X(_), _;
 }
-let _e = !1;
-function ja(e, l, t = {}) {
-  const { window: a = ve, ignore: i = [], capture: s = !0, detectIframe: u = !1 } = t;
-  if (!a)
+let be = !1;
+function ja(e, a, t = {}) {
+  const { window: l = ve, ignore: i = [], capture: s = !0, detectIframe: u = !1 } = t;
+  if (!l)
     return;
-  te && !_e && (_e = !0, Array.from(a.document.body.children).forEach((f) => f.addEventListener("click", fe)));
+  te && !be && (be = !0, Array.from(l.document.body.children).forEach((f) => f.addEventListener("click", fe)));
   let o = !0;
   const m = (f) => i.some((r) => {
     if (typeof r == "string")
-      return Array.from(a.document.querySelectorAll(r)).some((v) => v === f.target || f.composedPath().includes(v));
+      return Array.from(l.document.querySelectorAll(r)).some((v) => v === f.target || f.composedPath().includes(v));
     {
       const v = W(r);
       return v && (f.target === v || f.composedPath().includes(v));
     }
   }), p = [
-    ee(a, "click", (f) => {
+    ee(l, "click", (f) => {
       const r = W(e);
       if (!(!r || r === f.target || f.composedPath().includes(r))) {
         if (f.detail === 0 && (o = !m(f)), !o) {
           o = !0;
           return;
         }
-        l(f);
+        a(f);
       }
     }, { passive: !0, capture: s }),
-    ee(a, "pointerdown", (f) => {
+    ee(l, "pointerdown", (f) => {
       const r = W(e);
       r && (o = !f.composedPath().includes(r) && !m(f));
     }, { passive: !0 }),
-    u && ee(a, "blur", (f) => {
+    u && ee(l, "blur", (f) => {
       var r;
       const v = W(e);
-      ((r = a.document.activeElement) == null ? void 0 : r.tagName) === "IFRAME" && !(v != null && v.contains(a.document.activeElement)) && l(f);
+      ((r = l.document.activeElement) == null ? void 0 : r.tagName) === "IFRAME" && !(v != null && v.contains(l.document.activeElement)) && a(f);
     })
   ].filter(Boolean);
   return () => p.forEach((f) => f());
 }
-function ka(e, l = !1) {
-  const t = k(), a = () => t.value = !!e();
-  return a(), ha(a, l), t;
+function $a(e, a = !1) {
+  const t = $(), l = () => t.value = !!e();
+  return l(), ha(l, a), t;
 }
 const ge = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, he = "__vueuse_ssr_handlers__";
 ge[he] = ge[he] || {};
-var je = Object.getOwnPropertySymbols, Sa = Object.prototype.hasOwnProperty, $a = Object.prototype.propertyIsEnumerable, wa = (e, l) => {
+var je = Object.getOwnPropertySymbols, ka = Object.prototype.hasOwnProperty, Sa = Object.prototype.propertyIsEnumerable, wa = (e, a) => {
   var t = {};
-  for (var a in e)
-    Sa.call(e, a) && l.indexOf(a) < 0 && (t[a] = e[a]);
+  for (var l in e)
+    ka.call(e, l) && a.indexOf(l) < 0 && (t[l] = e[l]);
   if (e != null && je)
-    for (var a of je(e))
-      l.indexOf(a) < 0 && $a.call(e, a) && (t[a] = e[a]);
+    for (var l of je(e))
+      a.indexOf(l) < 0 && Sa.call(e, l) && (t[l] = e[l]);
   return t;
 };
-function Va(e, l, t = {}) {
-  const a = t, { window: i = ve } = a, s = wa(a, ["window"]);
+function Va(e, a, t = {}) {
+  const l = t, { window: i = ve } = l, s = wa(l, ["window"]);
   let u;
-  const o = ka(() => i && "ResizeObserver" in i), m = () => {
+  const o = $a(() => i && "ResizeObserver" in i), m = () => {
     u && (u.disconnect(), u = void 0);
-  }, b = F(() => W(e), (d) => {
-    m(), o.value && i && d && (u = new ResizeObserver(l), u.observe(d, s));
+  }, _ = F(() => W(e), (d) => {
+    m(), o.value && i && d && (u = new ResizeObserver(a), u.observe(d, s));
   }, { immediate: !0, flush: "post" }), p = () => {
-    m(), b();
+    m(), _();
   };
   return X(p), {
     isSupported: o,
     stop: p
   };
 }
-var ke;
+var $e;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(ke || (ke = {}));
+})($e || ($e = {}));
 function xa(e) {
-  const l = k(e == null ? void 0 : e.element), t = k(e == null ? void 0 : e.input);
-  function a() {
+  const a = $(e == null ? void 0 : e.element), t = $(e == null ? void 0 : e.input);
+  function l() {
     var i, s;
-    l.value && (l.value.style.height = "1px", l.value.style.height = `${(i = l.value) == null ? void 0 : i.scrollHeight}px`, (s = e == null ? void 0 : e.onResize) == null || s.call(e));
+    a.value && (a.value.style.height = "1px", a.value.style.height = `${(i = a.value) == null ? void 0 : i.scrollHeight}px`, (s = e == null ? void 0 : e.onResize) == null || s.call(e));
   }
-  return F([t, l], a, { immediate: !0 }), Va(l, () => a()), e != null && e.watch && F(e.watch, a, { immediate: !0, deep: !0 }), {
-    textarea: l,
+  return F([t, a], l, { immediate: !0 }), Va(a, () => l()), e != null && e.watch && F(e.watch, l, { immediate: !0, deep: !0 }), {
+    textarea: a,
     input: t,
-    triggerResize: a
+    triggerResize: l
   };
 }
-var Ia = Object.defineProperty, Se = Object.getOwnPropertySymbols, Ca = Object.prototype.hasOwnProperty, La = Object.prototype.propertyIsEnumerable, $e = (e, l, t) => l in e ? Ia(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Ba = (e, l) => {
-  for (var t in l || (l = {}))
-    Ca.call(l, t) && $e(e, t, l[t]);
-  if (Se)
-    for (var t of Se(l))
-      La.call(l, t) && $e(e, t, l[t]);
+var Ia = Object.defineProperty, ke = Object.getOwnPropertySymbols, Ca = Object.prototype.hasOwnProperty, La = Object.prototype.propertyIsEnumerable, Se = (e, a, t) => a in e ? Ia(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, Ja = (e, a) => {
+  for (var t in a || (a = {}))
+    Ca.call(a, t) && Se(e, t, a[t]);
+  if (ke)
+    for (var t of ke(a))
+      La.call(a, t) && Se(e, t, a[t]);
   return e;
 };
-const Ja = {
+const Ba = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -1051,61 +1051,61 @@ const Ja = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-Ba({
-  linear: _a
-}, Ja);
-const Ta = /* @__PURE__ */ S({
+Ja({
+  linear: ba
+}, Ba);
+const Ta = /* @__PURE__ */ k({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
-  setup(e, { slots: l, emit: t }) {
-    const a = k();
-    return ja(a, (i) => {
+  setup(e, { slots: a, emit: t }) {
+    const l = $();
+    return ja(l, (i) => {
       t("trigger", i);
     }, e.options), () => {
-      if (l.default)
-        return Ge(e.as || "div", { ref: a }, l.default());
+      if (a.default)
+        return Ge(e.as || "div", { ref: l }, a.default());
     };
   }
 });
 function Ea(e) {
-  var l;
+  var a;
   const t = U(e);
-  return (l = t == null ? void 0 : t.$el) != null ? l : t;
+  return (a = t == null ? void 0 : t.$el) != null ? a : t;
 }
 const za = ye ? window : void 0;
-function Aa(...e) {
-  let l, t, a, i;
-  if (Le(e[0]) || Array.isArray(e[0]) ? ([t, a, i] = e, l = za) : [l, t, a, i] = e, !l)
+function qa(...e) {
+  let a, t, l, i;
+  if (Le(e[0]) || Array.isArray(e[0]) ? ([t, l, i] = e, a = za) : [a, t, l, i] = e, !a)
     return fe;
-  Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
+  Array.isArray(t) || (t = [t]), Array.isArray(l) || (l = [l]);
   const s = [], u = () => {
     s.forEach((p) => p()), s.length = 0;
-  }, o = (p, d, f, r) => (p.addEventListener(d, f, r), () => p.removeEventListener(d, f, r)), m = F(() => [Ea(l), U(i)], ([p, d]) => {
-    u(), p && s.push(...t.flatMap((f) => a.map((r) => o(p, f, r, d))));
-  }, { immediate: !0, flush: "post" }), b = () => {
+  }, o = (p, d, f, r) => (p.addEventListener(d, f, r), () => p.removeEventListener(d, f, r)), m = F(() => [Ea(a), U(i)], ([p, d]) => {
+    u(), p && s.push(...t.flatMap((f) => l.map((r) => o(p, f, r, d))));
+  }, { immediate: !0, flush: "post" }), _ = () => {
     m(), u();
   };
-  return X(b), b;
+  return X(_), _;
 }
 const we = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Ve = "__vueuse_ssr_handlers__";
 we[Ve] = we[Ve] || {};
-function Be(e) {
-  const l = window.getComputedStyle(e);
-  if (l.overflowX === "scroll" || l.overflowY === "scroll" || l.overflowX === "auto" && e.clientHeight < e.scrollHeight || l.overflowY === "auto" && e.clientWidth < e.scrollWidth)
+function Je(e) {
+  const a = window.getComputedStyle(e);
+  if (a.overflowX === "scroll" || a.overflowY === "scroll" || a.overflowX === "auto" && e.clientHeight < e.scrollHeight || a.overflowY === "auto" && e.clientWidth < e.scrollWidth)
     return !0;
   {
     const t = e.parentNode;
-    return !t || t.tagName === "BODY" ? !1 : Be(t);
+    return !t || t.tagName === "BODY" ? !1 : Je(t);
   }
 }
-function qa(e) {
-  const l = e || window.event, t = l.target;
-  return Be(t) ? !1 : l.touches.length > 1 ? !0 : (l.preventDefault && l.preventDefault(), !1);
+function Aa(e) {
+  const a = e || window.event, t = a.target;
+  return Je(t) ? !1 : a.touches.length > 1 ? !0 : (a.preventDefault && a.preventDefault(), !1);
 }
-function Oa(e, l = !1) {
-  const t = k(l);
-  let a = null, i;
+function Oa(e, a = !1) {
+  const t = $(a);
+  let l = null, i;
   F(ga(e), (o) => {
     if (o) {
       const m = o;
@@ -1116,12 +1116,12 @@ function Oa(e, l = !1) {
   });
   const s = () => {
     const o = U(e);
-    !o || t.value || (te && (a = Aa(o, "touchmove", (m) => {
-      qa(m);
+    !o || t.value || (te && (l = qa(o, "touchmove", (m) => {
+      Aa(m);
     }, { passive: !1 })), o.style.overflow = "hidden", t.value = !0);
   }, u = () => {
     const o = U(e);
-    !o || !t.value || (te && (a == null || a()), o.style.overflow = i, t.value = !1);
+    !o || !t.value || (te && (l == null || l()), o.style.overflow = i, t.value = !1);
   };
   return X(u), x({
     get() {
@@ -1134,23 +1134,23 @@ function Oa(e, l = !1) {
 }
 const Fa = () => {
   let e = !1;
-  const l = k(!1);
-  return (t, a) => {
-    if (l.value = a.value, e)
+  const a = $(!1);
+  return (t, l) => {
+    if (a.value = l.value, e)
       return;
     e = !0;
-    const i = Oa(t, a.value);
-    F(l, (s) => i.value = s);
+    const i = Oa(t, l.value);
+    F(a, (s) => i.value = s);
   };
 };
 Fa();
-const Je = ["medium", "small", "xsmall"], Pa = {
+const Be = ["medium", "small", "xsmall"], Pa = {
   key: 0,
   class: "joy-dropdown-list__header"
 }, Ma = ["aria-label", "aria-labelledby"], Na = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Ra = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, Ha = /* @__PURE__ */ S({
+}, Ha = /* @__PURE__ */ k({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -1159,7 +1159,7 @@ const Je = ["medium", "small", "xsmall"], Pa = {
     options: {
       type: Array,
       validator(e) {
-        return e.every((l) => Object.keys(l).includes("value") || Object.keys(l).includes("id"));
+        return e.every((a) => Object.keys(a).includes("value") || Object.keys(a).includes("id"));
       },
       default() {
         return [];
@@ -1170,7 +1170,7 @@ const Je = ["medium", "small", "xsmall"], Pa = {
       type: String,
       default: "medium",
       validator(e) {
-        return Je.includes(e);
+        return Be.includes(e);
       }
     },
     modelValue: {
@@ -1199,8 +1199,8 @@ const Je = ["medium", "small", "xsmall"], Pa = {
     }
   },
   emits: ["update:modelValue", "close:dropdownList", "reset"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, i = k(), s = x(() => (r) => !a.modelValue || !r.value && !r.id ? !1 : a.modelValue === r.value || a.modelValue === r.id);
+  setup(e, { expose: a, emit: t }) {
+    const l = e, i = $(), s = x(() => (r) => !l.modelValue || !r.value && !r.id ? !1 : l.modelValue === r.value || l.modelValue === r.id);
     function u(r) {
       r.disabled || t("update:modelValue", r.value || r.id);
     }
@@ -1214,22 +1214,22 @@ const Je = ["medium", "small", "xsmall"], Pa = {
         top: r.offsetTop
       }));
     }
-    function b() {
+    function _() {
       return o().find((r) => r === document.activeElement);
     }
     function p(r) {
       var v;
       if (!(i.value && !i.value.contains(document.activeElement) || !i.value)) {
-        if ((r.key === "Escape" || r.key === "Tab") && t("close:dropdownList"), (r.key === "Enter" || r.key === "enter") && (r.preventDefault(), b() && ((v = i.value) != null && v.contains(b())))) {
-          const j = b();
+        if ((r.key === "Escape" || r.key === "Tab") && t("close:dropdownList"), (r.key === "Enter" || r.key === "enter") && (r.preventDefault(), _() && ((v = i.value) != null && v.contains(_())))) {
+          const j = _();
           if (!j)
             return;
           if (j.querySelector("a"))
             return j.querySelector("a").click();
           t("update:modelValue", j.dataModel);
         }
-        if (b() && r.key === " " && r.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key)) {
-          const j = o(), L = b();
+        if (_() && r.key === " " && r.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key)) {
+          const j = o(), L = _();
           let z = j.indexOf(L);
           if (j.length) {
             r.preventDefault(), r.key === "ArrowDown" ? z++ : r.key === "ArrowUp" ? z-- : r.key === "Home" ? z = 0 : r.key === "End" && (z = j.length - 1), z < 0 && (z = j.length - 1), z > j.length - 1 && (z = 0), d(j[z]);
@@ -1248,7 +1248,7 @@ const Je = ["medium", "small", "xsmall"], Pa = {
       window.addEventListener("keydown", p), m();
     }), ie(() => {
       window.removeEventListener("keydown", p);
-    }), l({
+    }), a({
       isSelected: s
     }), (r, v) => (n(), c("div", {
       class: "joy-dropdown-list",
@@ -1261,14 +1261,14 @@ const Je = ["medium", "small", "xsmall"], Pa = {
           class: "joy-dropdown-list__reset",
           onClick: f
         }, I(e.resetLabel || "Reset"), 1)) : g("", !0),
-        _(r.$slots, "dropdown-list-header", {}, void 0, !0)
+        b(r.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : g("", !0),
       y("div", {
         tabindex: "0",
         class: h(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": r.$slots["dropdown-list-items"] }]),
         style: N({ "max-height": `${e.height}px` })
       }, [
-        _(r.$slots, "dropdown-list-items", {}, void 0, !0),
+        b(r.$slots, "dropdown-list-items", {}, void 0, !0),
         e.options.length ? (n(), c("ul", {
           key: 0,
           ref_key: "listbox",
@@ -1278,7 +1278,7 @@ const Je = ["medium", "small", "xsmall"], Pa = {
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (n(!0), c(q, null, P(e.options, (j) => (n(), c("li", {
+          (n(!0), c(A, null, P(e.options, (j) => (n(), c("li", {
             id: j.id,
             key: j.label,
             style: N({ "max-width": `${e.width}px` }),
@@ -1299,28 +1299,28 @@ const Je = ["medium", "small", "xsmall"], Pa = {
             role: "option",
             onClick: (L) => u(j)
           }, [
-            _(r.$slots, "label", Z(Q(j)), () => [
+            b(r.$slots, "label", Z(Q(j)), () => [
               y("span", null, I(j.label), 1)
             ], !0)
           ], 14, Na))), 128))
         ], 8, Ma)) : g("", !0)
       ], 6),
       r.$slots["dropdown-list-footer"] ? (n(), c("footer", Ra, [
-        _(r.$slots, "dropdown-list-footer", {}, void 0, !0)
+        b(r.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : g("", !0)
     ], 4));
   }
 });
-const Te = /* @__PURE__ */ $(Ha, [["__scopeId", "data-v-4e25408f"]]);
+const Te = /* @__PURE__ */ S(Ha, [["__scopeId", "data-v-4e25408f"]]);
 function Da(e) {
-  const l = () => e();
+  const a = () => e();
   H(() => {
-    window.addEventListener("resize", l);
+    window.addEventListener("resize", a);
   }), ie(() => {
-    window.removeEventListener("resize", l);
+    window.removeEventListener("resize", a);
   });
 }
-const Wa = /* @__PURE__ */ S({
+const Wa = /* @__PURE__ */ k({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -1370,7 +1370,7 @@ const Wa = /* @__PURE__ */ S({
       type: String,
       default: "medium",
       validator(e) {
-        return Je.includes(e);
+        return Be.includes(e);
       }
     },
     /** Use v-model */
@@ -1413,9 +1413,9 @@ const Wa = /* @__PURE__ */ S({
     }
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide", "dropdown:reset"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, i = k(!1), s = k(null), u = k(), o = k(null), m = k(null), b = k(!1), p = "joy-dropdown--" + ue();
-    se("VJoyDropdownContext", a);
+  setup(e, { expose: a, emit: t }) {
+    const l = e, i = $(!1), s = $(null), u = $(), o = $(null), m = $(null), _ = $(!1), p = "joy-dropdown--" + ue();
+    se("VJoyDropdownContext", l);
     const d = {
       ignore: [u, ".joy-dropdown__list"]
     };
@@ -1428,18 +1428,18 @@ const Wa = /* @__PURE__ */ S({
       { flush: "post" }
     );
     const r = x(() => {
-      let T = `${a.dropdownGap}px`;
-      return a.direction === "up" && (T = "-" + T), {
+      let T = `${l.dropdownGap}px`;
+      return l.direction === "up" && (T = "-" + T), {
         marginTop: T
       };
     });
     function v() {
-      f && clearTimeout(f), b.value = !0, f = setTimeout(() => {
-        i.value = !1, b.value = !1, t("dropdown:hide");
+      f && clearTimeout(f), _.value = !0, f = setTimeout(() => {
+        i.value = !1, _.value = !1, t("dropdown:hide");
       }, 300);
     }
     function j(T) {
-      b.value = !1, f && clearTimeout(f), m.value = T.target, i.value = !0, t("dropdown:open");
+      _.value = !1, f && clearTimeout(f), m.value = T.target, i.value = !0, t("dropdown:open");
     }
     function L() {
       v(), z();
@@ -1448,7 +1448,7 @@ const Wa = /* @__PURE__ */ S({
       m.value && m.value.focus();
     }
     function Fe(T) {
-      t("update:modelValue", T), a.closeOnSelect && (v(), z());
+      t("update:modelValue", T), l.closeOnSelect && (v(), z());
     }
     function Pe() {
       t("dropdown:reset");
@@ -1458,17 +1458,17 @@ const Wa = /* @__PURE__ */ S({
     }
     return Da(v), H(() => {
       Me();
-    }), l({
+    }), a({
       showDropdownList: i,
       generatedId: p
-    }), (T, Po) => (n(), V(w(Ta), {
+    }), (T, Do) => (n(), V(w(Ta), {
       ref_key: "dropdown",
       ref: s,
       options: d,
       class: "joy-dropdown",
       onTrigger: v
     }, {
-      default: B(() => [
+      default: J(() => [
         y("div", {
           ref_key: "button",
           ref: u,
@@ -1476,7 +1476,7 @@ const Wa = /* @__PURE__ */ S({
           "data-testid": "dropdown-trigger",
           onClick: j
         }, [
-          _(T.$slots, "dropdown-button", {}, void 0, !0)
+          b(T.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
         i.value ? (n(), c("div", {
           key: 0,
@@ -1487,13 +1487,13 @@ const Wa = /* @__PURE__ */ S({
             `joy-dropdown__list--${e.justify}`,
             `joy-dropdown__list--${e.direction}`,
             {
-              "joy-dropdown__list--visible": !b.value,
-              "joy-dropdown__list--hiding": b.value
+              "joy-dropdown__list--visible": !_.value,
+              "joy-dropdown__list--hiding": _.value
             }
           ]),
           style: N(r.value)
         }, [
-          A(Te, {
+          q(Te, {
             "model-value": e.modelValue,
             options: e.options,
             size: e.size,
@@ -1506,8 +1506,8 @@ const Wa = /* @__PURE__ */ S({
             "onClose:dropdownList": L,
             onReset: Pe
           }, Ce({
-            label: B((me) => [
-              _(T.$slots, "dropdown-item", Z(Q(me)), () => [
+            label: J((me) => [
+              b(T.$slots, "dropdown-item", Z(Q(me)), () => [
                 y("span", null, I(me.label), 1)
               ], !0)
             ]),
@@ -1515,22 +1515,22 @@ const Wa = /* @__PURE__ */ S({
           }, [
             T.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
-              fn: B(() => [
-                _(T.$slots, "dropdown-header", {}, void 0, !0)
+              fn: J(() => [
+                b(T.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             T.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
-              fn: B(() => [
-                _(T.$slots, "dropdown-items", {}, void 0, !0)
+              fn: J(() => [
+                b(T.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             T.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
-              fn: B(() => [
-                _(T.$slots, "dropdown-footer", {}, void 0, !0)
+              fn: J(() => [
+                b(T.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
@@ -1541,24 +1541,24 @@ const Wa = /* @__PURE__ */ S({
     }, 512));
   }
 });
-const Ua = /* @__PURE__ */ $(Wa, [["__scopeId", "data-v-97d5db60"]]), Ga = ["aria-label"], Ka = { class: "joy-filter-bar__wrapper" }, Za = /* @__PURE__ */ S({
+const Ua = /* @__PURE__ */ S(Wa, [["__scopeId", "data-v-97d5db60"]]), Ga = ["aria-label"], Ka = { class: "joy-filter-bar__wrapper" }, Za = /* @__PURE__ */ k({
   __name: "VJoyFilterBar",
   props: {
     ariaLabel: String
   },
   setup(e) {
-    return (l, t) => (n(), c("div", {
+    return (a, t) => (n(), c("div", {
       class: "joy-filter-bar",
       role: "group",
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
       y("div", Ka, [
-        _(l.$slots, "default", {}, void 0, !0)
+        b(a.$slots, "default", {}, void 0, !0)
       ])
     ], 8, Ga));
   }
 });
-const Qa = /* @__PURE__ */ $(Za, [["__scopeId", "data-v-114f8274"]]), Ya = /* @__PURE__ */ S({
+const Qa = /* @__PURE__ */ S(Za, [["__scopeId", "data-v-114f8274"]]), Ya = /* @__PURE__ */ k({
   __name: "VJoyFilterBarButton",
   props: {
     label: String,
@@ -1572,10 +1572,10 @@ const Qa = /* @__PURE__ */ $(Za, [["__scopeId", "data-v-114f8274"]]), Ya = /* @_
     }
   },
   emits: ["filter"],
-  setup(e, { emit: l }) {
-    const t = e, a = Y("VJoyDropdownContext", null);
+  setup(e, { emit: a }) {
+    const t = e, l = Y("VJoyDropdownContext", null);
     function i() {
-      l("filter", t.value);
+      a("filter", t.value);
     }
     return (s, u) => (n(), c("button", {
       type: "button",
@@ -1583,8 +1583,8 @@ const Qa = /* @__PURE__ */ $(Za, [["__scopeId", "data-v-114f8274"]]), Ya = /* @_
       onClick: i
     }, [
       C(I(e.label) + " ", 1),
-      _(s.$slots, "default", {}, void 0, !0),
-      w(a) ? (n(), V(J, {
+      b(s.$slots, "default", {}, void 0, !0),
+      w(l) ? (n(), V(B, {
         key: 0,
         class: "joy-filter-bar-button__icon",
         name: "chevron-down",
@@ -1594,7 +1594,7 @@ const Qa = /* @__PURE__ */ $(Za, [["__scopeId", "data-v-114f8274"]]), Ya = /* @_
     ], 2));
   }
 });
-const Xa = /* @__PURE__ */ $(Ya, [["__scopeId", "data-v-8f87fed1"]]), el = ["aria-hidden"], tl = /* @__PURE__ */ S({
+const Xa = /* @__PURE__ */ S(Ya, [["__scopeId", "data-v-8f87fed1"]]), el = ["aria-hidden"], tl = /* @__PURE__ */ k({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1606,24 +1606,24 @@ const Xa = /* @__PURE__ */ $(Ya, [["__scopeId", "data-v-8f87fed1"]]), el = ["ari
     noHtmlErrorText: String
   },
   setup(e) {
-    return (l, t) => (n(), c("div", {
+    return (a, t) => (n(), c("div", {
       "aria-hidden": e.visible,
       class: h(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      A(J, {
+      q(B, {
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
       y("div", null, [
-        _(l.$slots, "default", {}, () => [
+        b(a.$slots, "default", {}, () => [
           C(I(e.noHtmlErrorText), 1)
         ], !0)
       ])
     ], 10, el));
   }
 });
-const Ee = /* @__PURE__ */ $(tl, [["__scopeId", "data-v-581fd33b"]]), al = /* @__PURE__ */ S({
+const Ee = /* @__PURE__ */ S(tl, [["__scopeId", "data-v-581fd33b"]]), al = /* @__PURE__ */ k({
   __name: "VJoyFormFieldSkeleton",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1642,9 +1642,9 @@ const Ee = /* @__PURE__ */ $(tl, [["__scopeId", "data-v-581fd33b"]]), al = /* @_
       default: "1"
     }
   },
-  setup(e, { expose: l }) {
-    const t = e, a = Y("VJoyWrapperContext", {}), i = x(() => {
-      const s = a.direction === "column" ? "auto" : null;
+  setup(e, { expose: a }) {
+    const t = e, l = Y("VJoyWrapperContext", {}), i = x(() => {
+      const s = l.direction === "column" ? "auto" : null;
       if (!t.width && t.flex === "1") {
         const m = ["1", "0"];
         return s && m.push(s), m.join(" ");
@@ -1652,7 +1652,7 @@ const Ee = /* @__PURE__ */ $(tl, [["__scopeId", "data-v-581fd33b"]]), al = /* @_
       const u = [t.flex || "1", "0"], o = t.width || s;
       return o && u.push(o), u.join(" ");
     });
-    return l({ flexStyle: i }), (s, u) => (n(), c("div", {
+    return a({ flexStyle: i }), (s, u) => (n(), c("div", {
       "aria-hidden": "true",
       class: h(["joy-form-skeleton", `joy-form-skeleton--${e.size}`]),
       style: N({
@@ -1662,22 +1662,22 @@ const Ee = /* @__PURE__ */ $(tl, [["__scopeId", "data-v-581fd33b"]]), al = /* @_
     }, null, 6));
   }
 });
-const ll = /* @__PURE__ */ $(al, [["__scopeId", "data-v-8a4ecbad"]]), nl = { class: "joy-footer" }, ol = { class: "joy-footer__left" }, il = { class: "joy-footer__right" }, sl = /* @__PURE__ */ S({
+const ll = /* @__PURE__ */ S(al, [["__scopeId", "data-v-8a4ecbad"]]), nl = { class: "joy-footer" }, ol = { class: "joy-footer__left" }, il = { class: "joy-footer__right" }, sl = /* @__PURE__ */ k({
   __name: "VJoyFooter",
   setup(e) {
-    return (l, t) => (n(), c("footer", nl, [
+    return (a, t) => (n(), c("footer", nl, [
       y("div", ol, [
-        _(l.$slots, "footer-left", {}, void 0, !0)
+        b(a.$slots, "footer-left", {}, void 0, !0)
       ]),
       y("div", il, [
-        _(l.$slots, "footer-right", {}, void 0, !0)
+        b(a.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
 });
-const rl = /* @__PURE__ */ $(sl, [["__scopeId", "data-v-1e11bcdc"]]), ul = { class: "joy-funnel__header" }, dl = { class: "funnel__header__inner" }, cl = { class: "joy-funnel__stepper" }, yl = /* @__PURE__ */ ne('<div class="shapes__wrapper" data-v-0abeb951><div class="shape_1" data-v-0abeb951></div><div class="shape_2" data-v-0abeb951></div><div class="shape_3" data-v-0abeb951></div><div class="shape_4" data-v-0abeb951></div></div>', 1), fl = [
+const rl = /* @__PURE__ */ S(sl, [["__scopeId", "data-v-1e11bcdc"]]), ul = { class: "joy-funnel__header" }, dl = { class: "funnel__header__inner" }, cl = { class: "joy-funnel__stepper" }, yl = /* @__PURE__ */ ne('<div class="shapes__wrapper" data-v-0abeb951><div class="shape_1" data-v-0abeb951></div><div class="shape_2" data-v-0abeb951></div><div class="shape_3" data-v-0abeb951></div><div class="shape_4" data-v-0abeb951></div></div>', 1), fl = [
   yl
-], vl = { class: "joy-funnel__footer" }, pl = /* @__PURE__ */ S({
+], vl = { class: "joy-funnel__footer" }, pl = /* @__PURE__ */ k({
   __name: "VJoyFunnel",
   props: {
     /**
@@ -1696,14 +1696,14 @@ const rl = /* @__PURE__ */ $(sl, [["__scopeId", "data-v-1e11bcdc"]]), ul = { cla
       default: "default"
     }
   },
-  setup(e, { expose: l }) {
-    const t = k(!0), a = M();
+  setup(e, { expose: a }) {
+    const t = $(!0), l = M();
     function i(u) {
       const o = u.currentTarget;
       t.value = o.scrollTop === 0;
     }
-    const s = x(() => !!a["funnel-stepper"]);
-    return l({
+    const s = x(() => !!l["funnel-stepper"]);
+    return a({
       scrollOnTop: t,
       hasStepperSlot: s
     }), (u, o) => (n(), c("div", {
@@ -1717,10 +1717,10 @@ const rl = /* @__PURE__ */ $(sl, [["__scopeId", "data-v-1e11bcdc"]]), ul = { cla
     }, [
       y("div", ul, [
         y("div", dl, [
-          _(u.$slots, "funnel-header", {}, void 0, !0)
+          b(u.$slots, "funnel-header", {}, void 0, !0)
         ]),
         y("div", cl, [
-          _(u.$slots, "funnel-stepper", {}, void 0, !0)
+          b(u.$slots, "funnel-stepper", {}, void 0, !0)
         ])
       ]),
       e.hideShapes ? g("", !0) : (n(), c("div", {
@@ -1734,16 +1734,29 @@ const rl = /* @__PURE__ */ $(sl, [["__scopeId", "data-v-1e11bcdc"]]), ul = { cla
         y("div", {
           class: h(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
         }, [
-          _(u.$slots, "default", {}, void 0, !0)
+          b(u.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32),
       y("div", vl, [
-        _(u.$slots, "funnel-footer", {}, void 0, !0)
+        b(u.$slots, "funnel-footer", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const ml = /* @__PURE__ */ $(pl, [["__scopeId", "data-v-0abeb951"]]), bl = [...Mt], _l = { class: "joy-highlight--text" }, gl = { key: 0 }, hl = /* @__PURE__ */ S({
+const ml = /* @__PURE__ */ S(pl, [["__scopeId", "data-v-0abeb951"]]), _l = { class: "joy-header" }, bl = { class: "joy-header__left" }, gl = { class: "joy-header__right" }, hl = /* @__PURE__ */ k({
+  __name: "VJoyHeader",
+  setup(e) {
+    return (a, t) => (n(), c("header", _l, [
+      y("div", bl, [
+        b(a.$slots, "header-left", {}, void 0, !0)
+      ]),
+      y("div", gl, [
+        b(a.$slots, "header-right", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
+const jl = /* @__PURE__ */ S(hl, [["__scopeId", "data-v-7928856e"]]), $l = [...Mt], kl = { class: "joy-highlight--text" }, Sl = { key: 0 }, wl = /* @__PURE__ */ k({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -1761,14 +1774,14 @@ const ml = /* @__PURE__ */ $(pl, [["__scopeId", "data-v-0abeb951"]]), bl = [...M
       type: String,
       default: "neutral",
       validator(e) {
-        return bl.includes(e);
+        return $l.includes(e);
       }
     }
   },
-  setup(e, { expose: l }) {
-    const t = e, a = x(() => t.icon ? t.icon : Dt(t.level));
-    return l({
-      getRelevantIcon: a
+  setup(e, { expose: a }) {
+    const t = e, l = x(() => t.icon ? t.icon : Dt(t.level));
+    return a({
+      getRelevantIcon: l
     }), (i, s) => (n(), c("div", {
       class: h([
         "joy-highlight",
@@ -1779,33 +1792,33 @@ const ml = /* @__PURE__ */ $(pl, [["__scopeId", "data-v-0abeb951"]]), bl = [...M
         }
       ])
     }, [
-      e.displayIcon ? (n(), V(J, {
+      e.displayIcon ? (n(), V(B, {
         key: 0,
-        name: a.value
+        name: l.value
       }, null, 8, ["name"])) : g("", !0),
-      y("div", _l, [
-        i.$slots["highlight-title"] ? (n(), c("strong", gl, [
-          _(i.$slots, "highlight-title", {}, void 0, !0)
+      y("div", kl, [
+        i.$slots["highlight-title"] ? (n(), c("strong", Sl, [
+          b(i.$slots, "highlight-title", {}, void 0, !0)
         ])) : g("", !0),
-        _(i.$slots, "default", {}, void 0, !0)
+        b(i.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const jl = /* @__PURE__ */ $(hl, [["__scopeId", "data-v-45c2fbf4"]]), kl = ["small", "medium", "large"], Sl = {
+const Vl = /* @__PURE__ */ S(wl, [["__scopeId", "data-v-45c2fbf4"]]), xl = ["small", "medium", "large"], Il = {
   key: 0,
   class: "joy-label-required"
-}, $l = {
+}, Cl = {
   key: 1,
   class: "joy-label-optional"
-}, wl = /* @__PURE__ */ S({
+}, Ll = /* @__PURE__ */ k({
   __name: "VJoyLabel",
   props: {
     size: {
       type: String,
       default: "medium",
       validator(e) {
-        return kl.includes(e);
+        return xl.includes(e);
       }
     },
     tagName: {
@@ -1822,21 +1835,21 @@ const jl = /* @__PURE__ */ $(hl, [["__scopeId", "data-v-45c2fbf4"]]), kl = ["sma
     text: String
   },
   setup(e) {
-    return (l, t) => (n(), V(G(e.tagName), R({
+    return (a, t) => (n(), V(G(e.tagName), R({
       class: ["joy-label", `joy-label--${e.size}`]
-    }, l.$attrs), {
-      default: B(() => [
-        _(l.$slots, "default", {}, () => [
+    }, a.$attrs), {
+      default: J(() => [
+        b(a.$slots, "default", {}, () => [
           C(I(e.text), 1)
         ], !0),
-        e.required ? (n(), c("span", Sl, "*")) : g("", !0),
-        e.optionalLabel ? (n(), c("span", $l, "- " + I(e.optionalLabel), 1)) : g("", !0)
+        e.required ? (n(), c("span", Il, "*")) : g("", !0),
+        e.optionalLabel ? (n(), c("span", Cl, "- " + I(e.optionalLabel), 1)) : g("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const D = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-388a7c56"]]), Vl = ["large", "medium", "small"], xl = ["id", "required", "disabled", "type", "value"], Il = ["data-unit"], Cl = /* @__PURE__ */ S({
+const D = /* @__PURE__ */ S(Ll, [["__scopeId", "data-v-388a7c56"]]), Jl = ["large", "medium", "small"], Bl = ["id", "required", "disabled", "type", "value"], Tl = ["data-unit"], El = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -1894,7 +1907,7 @@ const D = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-388a7c56"]]), Vl = ["larg
       type: String,
       default: "medium",
       validator(e) {
-        return Vl.includes(e);
+        return Jl.includes(e);
       }
     },
     type: {
@@ -1905,11 +1918,11 @@ const D = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-388a7c56"]]), Vl = ["larg
     unit: String
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const t = e, a = k(), i = k(), s = oe(), u = M(), o = k(!1), m = x(() => typeof t.modelValue == "number" || !t.clearable || t.unit || !t.modelValue ? !1 : t.modelValue.length > 0 && !t.unit), b = x(() => u.default && u.default()), p = x(() => {
+  setup(e, { emit: a }) {
+    const t = e, l = $(), i = $(), s = oe(), u = M(), o = $(!1), m = x(() => typeof t.modelValue == "number" || !t.clearable || t.unit || !t.modelValue ? !1 : t.modelValue.length > 0 && !t.unit), _ = x(() => u.default && u.default()), p = x(() => {
       var r, v;
       return !!((r = i.value) != null && r.closest("joy-wrapper")) || !!((v = i.value) != null && v.closest(".joy-wrapper"));
-    }), d = k(t.type);
+    }), d = $(t.type);
     Ke(() => {
       d.value = t.unit ? "number" : t.type;
     });
@@ -1922,14 +1935,14 @@ const D = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-388a7c56"]]), Vl = ["larg
       },
       onInput: (r) => {
         let v = r.target.value;
-        t.modelModifiers.lazy || l("update:modelValue", v);
+        t.modelModifiers.lazy || a("update:modelValue", v);
       },
       onChange: (r) => {
         let v = r.target.value;
-        t.modelModifiers.lazy && l("update:modelValue", v);
+        t.modelModifiers.lazy && a("update:modelValue", v);
       },
       clearValue: () => {
-        t.disabled || l("update:modelValue", "");
+        t.disabled || a("update:modelValue", "");
       }
     };
     return (r, v) => (n(), c("div", {
@@ -1948,15 +1961,15 @@ const D = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-388a7c56"]]), Vl = ["larg
           }
         ])
       }, [
-        b.value || e.label ? (n(), V(D, {
+        _.value || e.label ? (n(), V(D, {
           key: 0,
           for: e.name,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           size: e.labelSize
         }, {
-          default: B(() => [
-            _(r.$slots, "default", {}, () => [
+          default: J(() => [
+            b(r.$slots, "default", {}, () => [
               C(I(e.label), 1)
             ], !0)
           ]),
@@ -1976,7 +1989,7 @@ const D = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-388a7c56"]]), Vl = ["larg
           y("input", R(r.$attrs, {
             id: t.name,
             ref_key: "input",
-            ref: a,
+            ref: l,
             required: e.required,
             disabled: e.disabled,
             class: [
@@ -1995,7 +2008,7 @@ const D = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-388a7c56"]]), Vl = ["larg
             (...j) => f.onInput && f.onInput(...j)),
             onChange: v[3] || (v[3] = //@ts-ignore
             (...j) => f.onChange && f.onChange(...j))
-          }), null, 16, xl),
+          }), null, 16, Bl),
           m.value ? (n(), V(de, {
             key: 0,
             class: "joy-input--clear",
@@ -2005,7 +2018,7 @@ const D = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-388a7c56"]]), Vl = ["larg
             icon: "cross",
             onClick: f.clearValue
           }, null, 8, ["onClick"])) : g("", !0),
-          e.icon ? (n(), V(J, {
+          e.icon ? (n(), V(B, {
             key: 1,
             class: "joy-input--decorative-icon",
             name: e.icon
@@ -2014,13 +2027,13 @@ const D = /* @__PURE__ */ $(wl, [["__scopeId", "data-v-388a7c56"]]), Vl = ["larg
             key: 2,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, Il)) : g("", !0)
+          }, null, 8, Tl)) : g("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const Ll = /* @__PURE__ */ $(Cl, [["__scopeId", "data-v-7ef7a9dd"]]), Bl = ["teal", "white"], Jl = ["href"], Tl = /* @__PURE__ */ S({
+const zl = /* @__PURE__ */ S(El, [["__scopeId", "data-v-7ef7a9dd"]]), ql = ["teal", "white"], Al = ["href"], Ol = /* @__PURE__ */ k({
   __name: "VJoyLink",
   props: {
     href: {
@@ -2031,27 +2044,27 @@ const Ll = /* @__PURE__ */ $(Cl, [["__scopeId", "data-v-7ef7a9dd"]]), Bl = ["tea
       type: String,
       default: "teal",
       validator(e) {
-        return Bl.includes(e);
+        return ql.includes(e);
       }
     },
     icon: String,
     text: String
   },
   setup(e) {
-    return (l, t) => (n(), c("a", R({ href: e.href }, l.$attrs, {
+    return (a, t) => (n(), c("a", R({ href: e.href }, a.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (n(), V(J, {
+      e.icon ? (n(), V(B, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : g("", !0),
-      _(l.$slots, "default", {}, () => [
+      b(a.$slots, "default", {}, () => [
         C(I(e.text), 1)
       ], !0)
-    ], 16, Jl));
+    ], 16, Al));
   }
 });
-const El = /* @__PURE__ */ $(Tl, [["__scopeId", "data-v-5540214e"]]), zl = ["tabindex", "aria-activedescendant", "aria-label"], Al = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], ql = { "aria-hidden": "true" }, Ol = /* @__PURE__ */ S({
+const Fl = /* @__PURE__ */ S(Ol, [["__scopeId", "data-v-5540214e"]]), Pl = ["tabindex", "aria-activedescendant", "aria-label"], Ml = ["id", "aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Nl = { "aria-hidden": "true" }, Rl = /* @__PURE__ */ k({
   __name: "VJoyMenu",
   props: {
     /**
@@ -2071,46 +2084,46 @@ const El = /* @__PURE__ */ $(Tl, [["__scopeId", "data-v-5540214e"]]), zl = ["tab
     }
   },
   emits: ["selectItem"],
-  setup(e, { expose: l, emit: t }) {
-    const a = k(), i = k(0), s = k();
+  setup(e, { expose: a, emit: t }) {
+    const l = $(), i = $(0), s = $();
     function u(d) {
       d.disabled || t("selectItem", d);
     }
     function o() {
       var d;
-      return Array.from(((d = a.value) == null ? void 0 : d.querySelectorAll("li")) || []).filter((f) => f.getAttribute("aria-disabled") !== "true");
+      return Array.from(((d = l.value) == null ? void 0 : d.querySelectorAll("li")) || []).filter((f) => f.getAttribute("aria-disabled") !== "true");
     }
     function m(d) {
       return d.id || ue();
     }
-    function b() {
+    function _() {
       return o().find((d) => d === document.activeElement);
     }
     function p(d) {
-      if (b() && d.key === " " && d.preventDefault(), d.key === "Tab" && (s.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key)) {
+      if (_() && d.key === " " && d.preventDefault(), d.key === "Tab" && (s.value = void 0), ["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key)) {
         d.preventDefault();
-        const f = o(), r = b();
+        const f = o(), r = _();
         let v = f.indexOf(r);
         if (d.key === "ArrowDown" ? v++ : d.key === "ArrowUp" ? v-- : d.key === "Home" ? v = 0 : d.key === "End" && (v = f.length - 1), v < 0 && (v = 0), v > f.length - 1)
           return;
         s.value = f[v].id, f[v].focus();
       }
       if (d.key === "Enter") {
-        const f = b();
+        const f = _();
         if (!f)
           return;
         const r = f.querySelector("a");
         f && r ? r.click() : f.click();
       }
     }
-    return l({
+    return a({
       activeMenuItemId: s,
       getItems: o,
       getItemId: m,
-      getFocusedItem: b
+      getFocusedItem: _
     }), (d, f) => (n(), c("ul", {
       ref_key: "menu",
-      ref: a,
+      ref: l,
       class: "joy-menu-list joy-menu-list__items",
       tabindex: i.value,
       "aria-activedescendant": s.value,
@@ -2118,7 +2131,7 @@ const El = /* @__PURE__ */ $(Tl, [["__scopeId", "data-v-5540214e"]]), zl = ["tab
       role: "menu",
       onKeydown: p
     }, [
-      (n(!0), c(q, null, P(e.items, (r) => (n(), c("li", {
+      (n(!0), c(A, null, P(e.items, (r) => (n(), c("li", {
         id: m(r),
         key: r.label,
         class: h([
@@ -2137,30 +2150,30 @@ const El = /* @__PURE__ */ $(Tl, [["__scopeId", "data-v-5540214e"]]), zl = ["tab
         role: "menuitem",
         onClick: (v) => u(r)
       }, [
-        y("div", ql, [
-          _(d.$slots, "menu-item", Z(Q(r)), () => [
-            r.icon ? (n(), V(J, {
+        y("div", Nl, [
+          b(d.$slots, "menu-item", Z(Q(r)), () => [
+            r.icon ? (n(), V(B, {
               key: 0,
               name: r.icon
             }, null, 8, ["name"])) : g("", !0),
             y("span", null, I(r.label), 1)
           ], !0)
         ])
-      ], 10, Al))), 128))
-    ], 40, zl));
+      ], 10, Ml))), 128))
+    ], 40, Pl));
   }
 });
-const Fl = /* @__PURE__ */ $(Ol, [["__scopeId", "data-v-4391a0bd"]]), Pl = ["id"], Ml = {
+const Hl = /* @__PURE__ */ S(Rl, [["__scopeId", "data-v-4391a0bd"]]), Dl = ["id"], Wl = {
   class: /* @__PURE__ */ h(["joy-multi-checkbox"])
-}, Nl = /* @__PURE__ */ S({
+}, Ul = /* @__PURE__ */ k({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {
       type: Array,
       required: !0,
       validator(e) {
-        const l = e.every((a) => Object.keys(a).includes("value")), t = e.every((a) => Object.keys(a).includes("label"));
-        return l && t;
+        const a = e.every((l) => Object.keys(l).includes("value")), t = e.every((l) => Object.keys(l).includes("label"));
+        return a && t;
       }
     },
     id: String,
@@ -2186,14 +2199,14 @@ const Fl = /* @__PURE__ */ $(Ol, [["__scopeId", "data-v-4391a0bd"]]), Pl = ["id"
     }
   },
   emits: ["update:value"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: a }) {
     const t = e;
-    function a(s) {
+    function l(s) {
       return t.value.includes(s.value);
     }
     function i(s, u) {
       let o = [...t.value || []];
-      u ? o.push(s) : o.splice(o.indexOf(s), 1), l("update:value", o);
+      u ? o.push(s) : o.splice(o.indexOf(s), 1), a("update:value", o);
     }
     return (s, u) => (n(), c("fieldset", {
       id: e.id,
@@ -2206,32 +2219,32 @@ const Fl = /* @__PURE__ */ $(Ol, [["__scopeId", "data-v-4391a0bd"]]), Pl = ["id"
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: B(() => [
+        default: J(() => [
           C(I(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : g("", !0),
-      y("div", Ml, [
-        (n(!0), c(q, null, P(e.options, (o) => (n(), V(w(ce), {
+      y("div", Wl, [
+        (n(!0), c(A, null, P(e.options, (o) => (n(), V(w(ce), {
           id: o.id,
           key: o.id,
           name: o.name,
           value: o.value,
-          checked: a(o),
+          checked: l(o),
           "onUpdate:checked": (m) => i(o.value, m)
         }, {
-          default: B(() => [
-            _(s.$slots, "checkbox", Z(Q(o)), () => [
+          default: J(() => [
+            b(s.$slots, "checkbox", Z(Q(o)), () => [
               C(I(o.label), 1)
             ], !0)
           ]),
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, Pl));
+    ], 8, Dl));
   }
 });
-const Rl = /* @__PURE__ */ $(Nl, [["__scopeId", "data-v-c278b02d"]]), xe = /* @__PURE__ */ S({
+const Gl = /* @__PURE__ */ S(Ul, [["__scopeId", "data-v-c278b02d"]]), xe = /* @__PURE__ */ k({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -2249,7 +2262,7 @@ const Rl = /* @__PURE__ */ $(Nl, [["__scopeId", "data-v-c278b02d"]]), xe = /* @_
   },
   emits: ["click"],
   setup(e) {
-    return (l, t) => (n(), V(de, {
+    return (a, t) => (n(), V(de, {
       class: "joy-pagination__icon",
       "aria-label": e.label,
       title: e.label,
@@ -2259,10 +2272,10 @@ const Rl = /* @__PURE__ */ $(Nl, [["__scopeId", "data-v-c278b02d"]]), xe = /* @_
       circle: "",
       size: "xsmall",
       disabled: e.disabled,
-      onClick: t[0] || (t[0] = (a) => l.$emit("click"))
+      onClick: t[0] || (t[0] = (l) => a.$emit("click"))
     }, null, 8, ["aria-label", "title", "icon", "disabled"]));
   }
-}), Hl = ["aria-label", "data-current"], Dl = { class: "joy-pagination__previous" }, Wl = ["aria-current", "onClick"], Ul = { class: "joy-pagination__next" }, Gl = 6, Kl = /* @__PURE__ */ S({
+}), Kl = ["aria-label", "data-current"], Zl = { class: "joy-pagination__previous" }, Ql = ["aria-current", "onClick"], Yl = { class: "joy-pagination__next" }, Xl = 6, en = /* @__PURE__ */ k({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -2292,35 +2305,35 @@ const Rl = /* @__PURE__ */ $(Nl, [["__scopeId", "data-v-c278b02d"]]), xe = /* @_
     }
   },
   emits: ["update:current-page"],
-  setup(e, { emit: l }) {
-    const t = e, a = x(() => {
-      const b = s.value.length;
-      return s.value[b - 1] !== s.value[b - 2] + 1;
-    }), i = x(() => s.value[0] !== s.value[1] - 1), s = x(() => t.totalPages < Gl ? o(2, t.totalPages - 1) : m(t.currentPage));
-    function u(b) {
-      l("update:current-page", b);
-    }
-    function o(b, p) {
+  setup(e, { emit: a }) {
+    const t = e, l = x(() => {
+      const _ = s.value.length;
+      return s.value[_ - 1] !== s.value[_ - 2] + 1;
+    }), i = x(() => s.value[0] !== s.value[1] - 1), s = x(() => t.totalPages < Xl ? o(2, t.totalPages - 1) : m(t.currentPage));
+    function u(_) {
+      a("update:current-page", _);
+    }
+    function o(_, p) {
       const d = [];
       d.push(1);
-      for (let f = b; f <= p; f++)
+      for (let f = _; f <= p; f++)
         d.push(f);
       return d.push(t.totalPages), d;
     }
-    function m(b) {
-      let p = b - 2, d = b + 1;
+    function m(_) {
+      let p = _ - 2, d = _ + 1;
       return p <= 1 && (p = 2, d = 5), d >= t.totalPages && (d = t.totalPages - 1, p = d - 3), o(p, d);
     }
-    return (b, p) => (n(), c("nav", {
+    return (_, p) => (n(), c("nav", {
       role: "navigation",
       "aria-label": e.labelPagination,
       class: "joy-pagination",
       "data-current": e.currentPage
     }, [
       y("ul", null, [
-        y("li", Dl, [
-          _(b.$slots, "pagination-prev", {}, () => [
-            A(xe, {
+        y("li", Zl, [
+          b(_.$slots, "pagination-prev", {}, () => [
+            q(xe, {
               label: e.labelPrev,
               disabled: e.currentPage === 1,
               onClick: p[0] || (p[0] = (d) => u(e.currentPage - 1))
@@ -2329,23 +2342,23 @@ const Rl = /* @__PURE__ */ $(Nl, [["__scopeId", "data-v-c278b02d"]]), xe = /* @_
         ]),
         y("li", null, [
           y("ul", null, [
-            (n(!0), c(q, null, P(s.value, (d) => (n(), c("li", { key: d }, [
+            (n(!0), c(A, null, P(s.value, (d) => (n(), c("li", { key: d }, [
               y("button", {
                 type: "button",
                 "aria-current": d === e.currentPage ? "true" : "false",
                 class: h({
                   current: d === e.currentPage,
                   "joy-pagination__separator joy-pagination__separator-after": d === 1 && i.value,
-                  "joy-pagination__separator joy-pagination__separator-before": d === e.totalPages && a.value
+                  "joy-pagination__separator joy-pagination__separator-before": d === e.totalPages && l.value
                 }),
                 onClick: (f) => u(d)
-              }, I(d), 11, Wl)
+              }, I(d), 11, Ql)
             ]))), 128))
           ])
         ]),
-        y("li", Ul, [
-          _(b.$slots, "pagination-next", {}, () => [
-            A(xe, {
+        y("li", Yl, [
+          b(_.$slots, "pagination-next", {}, () => [
+            q(xe, {
               next: "",
               label: e.labelNext,
               disabled: e.currentPage === e.totalPages,
@@ -2354,22 +2367,22 @@ const Rl = /* @__PURE__ */ $(Nl, [["__scopeId", "data-v-c278b02d"]]), xe = /* @_
           ], !0)
         ])
       ])
-    ], 8, Hl));
+    ], 8, Kl));
   }
 });
-const Zl = /* @__PURE__ */ $(Kl, [["__scopeId", "data-v-e5b57944"]]), Ql = ["small", "medium", "large"], Yl = ["small", "large"], Xl = {
+const tn = /* @__PURE__ */ S(en, [["__scopeId", "data-v-e5b57944"]]), an = ["small", "medium", "large"], ln = ["small", "large"], nn = {
   key: 0,
   class: /* @__PURE__ */ h(["joy-panel__header"])
-}, en = {
+}, on = {
   key: 1,
   class: "joy-panel__header-action"
-}, tn = {
+}, sn = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, an = { class: "joy-panel__body" }, ln = {
+}, rn = { class: "joy-panel__body" }, un = {
   key: 1,
   class: "joy-panel__footer"
-}, nn = /* @__PURE__ */ S({
+}, dn = /* @__PURE__ */ k({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -2383,14 +2396,14 @@ const Zl = /* @__PURE__ */ $(Kl, [["__scopeId", "data-v-e5b57944"]]), Ql = ["sma
       type: String,
       default: "medium",
       validator(e) {
-        return Ql.includes(e);
+        return an.includes(e);
       }
     },
     titleSize: {
       type: String,
       default: "large",
       validator(e) {
-        return Yl.includes(e);
+        return ln.includes(e);
       }
     },
     loading: {
@@ -2403,7 +2416,7 @@ const Zl = /* @__PURE__ */ $(Kl, [["__scopeId", "data-v-e5b57944"]]), Ql = ["sma
     }
   },
   setup(e) {
-    const l = Y("VJoyWrapperContext", {}), t = x(() => Object.keys(l).length > 0), a = M(), i = k(), s = x(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
+    const a = Y("VJoyWrapperContext", {}), t = x(() => Object.keys(a).length > 0), l = M(), i = $(), s = x(() => l["panel-title"] || l["panel-subtitle"] || l["panel-title-action"]);
     return (u, o) => (n(), c("section", {
       ref_key: "panel",
       ref: i,
@@ -2417,60 +2430,60 @@ const Zl = /* @__PURE__ */ $(Kl, [["__scopeId", "data-v-e5b57944"]]), Ql = ["sma
         }
       ])
     }, [
-      s.value ? (n(), c("header", Xl, [
-        w(a)["panel-title"] ? (n(), c("div", {
+      s.value ? (n(), c("header", nn, [
+        w(l)["panel-title"] ? (n(), c("div", {
           key: 0,
           class: h(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
-          _(u.$slots, "panel-title", {}, void 0, !0)
+          b(u.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : g("", !0),
-        w(a)["panel-title-action"] ? (n(), c("div", en, [
-          _(u.$slots, "panel-title-action", {}, void 0, !0)
+        w(l)["panel-title-action"] ? (n(), c("div", on, [
+          b(u.$slots, "panel-title-action", {}, void 0, !0)
         ])) : g("", !0),
-        w(a)["panel-subtitle"] ? (n(), c("div", tn, [
-          _(u.$slots, "panel-subtitle", {}, void 0, !0)
+        w(l)["panel-subtitle"] ? (n(), c("div", sn, [
+          b(u.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : g("", !0)
       ])) : g("", !0),
-      y("div", an, [
-        _(u.$slots, "panel-body", {}, void 0, !0)
+      y("div", rn, [
+        b(u.$slots, "panel-body", {}, void 0, !0)
       ]),
-      w(a)["panel-action"] ? (n(), c("footer", ln, [
-        _(u.$slots, "panel-action", {}, void 0, !0)
+      w(l)["panel-action"] ? (n(), c("footer", un, [
+        b(u.$slots, "panel-action", {}, void 0, !0)
       ])) : g("", !0),
       e.loading ? (n(), V(w(pe), {
         key: 2,
         overlay: "",
         color: e.loadingColor
       }, {
-        content: B(() => [
-          _(u.$slots, "panel-loader-content", {}, void 0, !0)
+        content: J(() => [
+          b(u.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : g("", !0)
     ], 6));
   }
 });
-const on = /* @__PURE__ */ $(nn, [["__scopeId", "data-v-4a8b703c"]]), sn = { class: "joy-panel-section" }, rn = {
+const cn = /* @__PURE__ */ S(dn, [["__scopeId", "data-v-4a8b703c"]]), yn = { class: "joy-panel-section" }, fn = {
   key: 0,
   class: "joy-panel-section__title"
-}, un = {
+}, vn = {
   key: 1,
   class: "joy-panel-section__content"
-}, dn = /* @__PURE__ */ S({
+}, pn = /* @__PURE__ */ k({
   __name: "VJoyPanelSection",
   setup(e) {
-    const l = M();
-    return (t, a) => (n(), c("div", sn, [
-      w(l)["panel-section-title"] ? (n(), c("div", rn, [
-        _(t.$slots, "panel-section-title", {}, void 0, !0)
+    const a = M();
+    return (t, l) => (n(), c("div", yn, [
+      w(a)["panel-section-title"] ? (n(), c("div", fn, [
+        b(t.$slots, "panel-section-title", {}, void 0, !0)
       ])) : g("", !0),
-      w(l)["panel-section-content"] ? (n(), c("div", un, [
-        _(t.$slots, "panel-section-content", {}, void 0, !0)
+      w(a)["panel-section-content"] ? (n(), c("div", vn, [
+        b(t.$slots, "panel-section-content", {}, void 0, !0)
       ])) : g("", !0)
     ]));
   }
 });
-const cn = /* @__PURE__ */ $(dn, [["__scopeId", "data-v-d88510ab"]]), yn = { class: "joy-progress-bar-wrapper" }, fn = /* @__PURE__ */ S({
+const mn = /* @__PURE__ */ S(pn, [["__scopeId", "data-v-d88510ab"]]), _n = { class: "joy-progress-bar-wrapper" }, bn = /* @__PURE__ */ k({
   __name: "VJoyProgressBar",
   props: {
     color: {
@@ -2496,15 +2509,15 @@ const cn = /* @__PURE__ */ $(dn, [["__scopeId", "data-v-d88510ab"]]), yn = { cla
       type: Number
     }
   },
-  setup(e, { expose: l }) {
-    const t = e, a = k(0), i = x(() => s());
+  setup(e, { expose: a }) {
+    const t = e, l = $(0), i = x(() => s());
     function s() {
-      return t.percentage ? a.value = t.percentage : t.currentStep && t.steps ? a.value = Math.round(t.currentStep / t.steps * 100) : a.value = 0, a.value < 0 && (a.value = 0), a.value > 100 && (a.value = 100), a.value + "%";
+      return t.percentage ? l.value = t.percentage : t.currentStep && t.steps ? l.value = Math.round(t.currentStep / t.steps * 100) : l.value = 0, l.value < 0 && (l.value = 0), l.value > 100 && (l.value = 100), l.value + "%";
     }
-    return l({
+    return a({
       computeInnerWidth: i,
-      computedPercentage: a
-    }), (u, o) => (n(), c("div", yn, [
+      computedPercentage: l
+    }), (u, o) => (n(), c("div", _n, [
       y("div", {
         class: h(["joy-progress-bar-inner", `joy-progress-bar-inner_${e.color}`]),
         style: N({ width: i.value })
@@ -2512,7 +2525,7 @@ const cn = /* @__PURE__ */ $(dn, [["__scopeId", "data-v-d88510ab"]]), yn = { cla
     ]));
   }
 });
-const vn = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1b2b3de8"]]), pn = ["id", "value", "checked", "disabled", "required", "name"], mn = { class: "joy-radio-label" }, bn = { class: "joy-radio-content__wrapper" }, _n = { class: "joy-radio-content" }, gn = /* @__PURE__ */ S({
+const gn = /* @__PURE__ */ S(bn, [["__scopeId", "data-v-1b2b3de8"]]), hn = ["id", "value", "checked", "disabled", "required", "name"], jn = { class: "joy-radio-label" }, $n = { class: "joy-radio-content__wrapper" }, kn = { class: "joy-radio-content" }, Sn = /* @__PURE__ */ k({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -2547,16 +2560,16 @@ const vn = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1b2b3de8"]]), pn = ["id"
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, i = k(!1), s = k(!1), u = k(null), o = k(null), m = M(), b = x(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
+  setup(e, { expose: a, emit: t }) {
+    const l = e, i = $(!1), s = $(!1), u = $(null), o = $(null), m = M(), _ = x(() => !l.modelValue || !l.value ? !1 : l.modelValue === l.value);
     function p() {
-      i.value = !!m["expandable-content"] && b.value;
+      i.value = !!m["expandable-content"] && _.value;
     }
     function d() {
-      t("update:modelValue", a.value), p();
+      t("update:modelValue", l.value), p();
     }
     H(() => {
-      a.theme === "outline" && p();
+      l.theme === "outline" && p();
     });
     function f() {
       s.value = !0;
@@ -2565,12 +2578,12 @@ const vn = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1b2b3de8"]]), pn = ["id"
       s.value = !1;
     }
     return F(
-      () => a.modelValue,
+      () => l.modelValue,
       () => {
         p();
       }
-    ), l({
-      checked: b,
+    ), a({
+      checked: _,
       isExpanded: i
     }), (v, j) => (n(), c("label", {
       ref_key: "root",
@@ -2579,7 +2592,7 @@ const vn = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1b2b3de8"]]), pn = ["id"
         "joy-radio",
         `joy-radio--${e.theme}`,
         {
-          "joy-radio--checked": b.value,
+          "joy-radio--checked": _.value,
           "joy-radio--disabled": e.disabled,
           "joy-radio--invalid": e.invalid,
           "joy-radio--outline-focus": s.value && e.theme === "outline",
@@ -2591,33 +2604,33 @@ const vn = /* @__PURE__ */ $(fn, [["__scopeId", "data-v-1b2b3de8"]]), pn = ["id"
         id: e.id,
         type: "radio",
         value: e.value,
-        checked: b.value,
+        checked: _.value,
         disabled: e.disabled,
         required: e.required,
         name: e.name,
         onChange: d,
         onFocus: f,
         onBlur: r
-      }, null, 40, pn),
-      y("span", mn, [
-        _(v.$slots, "default", {}, void 0, !0)
+      }, null, 40, hn),
+      y("span", jn, [
+        b(v.$slots, "default", {}, void 0, !0)
       ]),
-      y("div", bn, [
-        y("div", _n, [
-          _(v.$slots, "radio-content", {}, void 0, !0)
+      y("div", $n, [
+        y("div", kn, [
+          b(v.$slots, "radio-content", {}, void 0, !0)
         ]),
         y("div", {
           ref_key: "expandableElement",
           ref: o,
           class: h(["joy-radio-expandable", { "joy-radio-expandable--expanded": i.value }])
         }, [
-          _(v.$slots, "expandable-content", {}, void 0, !0)
+          b(v.$slots, "expandable-content", {}, void 0, !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const hn = /* @__PURE__ */ $(gn, [["__scopeId", "data-v-24cea99b"]]), jn = ["form", "name"], kn = /* @__PURE__ */ S({
+const wn = /* @__PURE__ */ S(Sn, [["__scopeId", "data-v-24cea99b"]]), Vn = ["form", "name"], xn = /* @__PURE__ */ k({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -2638,23 +2651,23 @@ const hn = /* @__PURE__ */ $(gn, [["__scopeId", "data-v-24cea99b"]]), jn = ["for
     }
   },
   setup(e) {
-    return (l, t) => (n(), c("fieldset", {
+    return (a, t) => (n(), c("fieldset", {
       ref: "root",
       class: "joy-radio-group-fieldset",
       role: "radiogroup",
       form: e.form,
       name: e.name
     }, [
-      _(l.$slots, "radio-group-legend", {}, void 0, !0),
+      b(a.$slots, "radio-group-legend", {}, void 0, !0),
       y("div", {
         class: h(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
-        _(l.$slots, "default", {}, void 0, !0)
+        b(a.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, jn));
+    ], 8, Vn));
   }
 });
-const Sn = /* @__PURE__ */ $(kn, [["__scopeId", "data-v-a77e7f95"]]), $n = ["ariaLabel"], wn = { class: "joy-rating-stars" }, Vn = { class: "joy-rating-stars__content" }, xn = { key: 0 }, In = /* @__PURE__ */ S({
+const In = /* @__PURE__ */ S(xn, [["__scopeId", "data-v-a77e7f95"]]), Cn = ["ariaLabel"], Ln = { class: "joy-rating-stars" }, Jn = { class: "joy-rating-stars__content" }, Bn = { key: 0 }, Tn = /* @__PURE__ */ k({
   __name: "VJoyRatingStars",
   props: {
     ratingValue: {
@@ -2670,36 +2683,36 @@ const Sn = /* @__PURE__ */ $(kn, [["__scopeId", "data-v-a77e7f95"]]), $n = ["ari
       default: "medium"
     }
   },
-  setup(e, { expose: l }) {
-    const t = e, a = oe(), i = x(() => {
+  setup(e, { expose: a }) {
+    const t = e, l = oe(), i = x(() => {
       let s = [], u = 0.24, o = 0.75;
       for (let m = 0; m < 5; m++)
         t.ratingValue > u ? s.push(t.ratingValue < o ? "half" : "full") : s.push("empty"), u += 1, o += 1;
       return s;
     });
-    return l({
+    return a({
       setStars: i
     }), (s, u) => (n(), c("div", {
       role: "img",
       class: "joy-rating-stars__wrapper",
-      ariaLabel: w(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
+      ariaLabel: w(l).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
-      y("ul", wn, [
-        (n(!0), c(q, null, P(i.value, (o, m) => (n(), c("li", {
+      y("ul", Ln, [
+        (n(!0), c(A, null, P(i.value, (o, m) => (n(), c("li", {
           key: m,
           class: h([`joy-rating-stars--${e.size}`])
         }, [
-          o === "full" ? (n(), V(J, {
+          o === "full" ? (n(), V(B, {
             key: 0,
             "aria-hidden": "true",
             name: "star-fill",
             color: "quaternary"
-          })) : o === "half" ? (n(), V(J, {
+          })) : o === "half" ? (n(), V(B, {
             key: 1,
             "aria-hidden": "true",
             name: "star-half",
             color: "quaternary"
-          })) : (n(), V(J, {
+          })) : (n(), V(B, {
             key: 2,
             "aria-hidden": "true",
             name: "star",
@@ -2707,18 +2720,18 @@ const Sn = /* @__PURE__ */ $(kn, [["__scopeId", "data-v-a77e7f95"]]), $n = ["ari
           }))
         ], 2))), 128))
       ]),
-      y("div", Vn, [
-        _(s.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (n(), c("span", xn, "(" + I(e.reviewCount) + ")", 1)) : g("", !0)
+      y("div", Jn, [
+        b(s.$slots, "rating-stars-content", {}, () => [
+          e.reviewCount ? (n(), c("span", Bn, "(" + I(e.reviewCount) + ")", 1)) : g("", !0)
         ], !0)
       ])
-    ], 8, $n));
+    ], 8, Cn));
   }
 });
-const Cn = /* @__PURE__ */ $(In, [["__scopeId", "data-v-c9a5e140"]]), Ln = { class: "joy-screen-loader__content" }, Bn = {
+const En = /* @__PURE__ */ S(Tn, [["__scopeId", "data-v-c9a5e140"]]), zn = { class: "joy-screen-loader__content" }, qn = {
   key: 0,
   class: "joy-screen-loader__content"
-}, Jn = /* @__PURE__ */ S({
+}, An = /* @__PURE__ */ k({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -2733,23 +2746,23 @@ const Cn = /* @__PURE__ */ $(In, [["__scopeId", "data-v-c9a5e140"]]), Ln = { cla
     }
   },
   setup(e) {
-    return (l, t) => (n(), c("div", {
+    return (a, t) => (n(), c("div", {
       class: h(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      y("div", Ln, [
-        _(l.$slots, "spinner", {}, () => [
-          A(re, {
+      y("div", zn, [
+        b(a.$slots, "spinner", {}, () => [
+          q(re, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        l.$slots.content ? (n(), c("div", Bn, [
-          _(l.$slots, "content", {}, void 0, !0)
+        a.$slots.content ? (n(), c("div", qn, [
+          b(a.$slots, "content", {}, void 0, !0)
         ])) : g("", !0)
       ])
     ], 2));
   }
 });
-const pe = /* @__PURE__ */ $(Jn, [["__scopeId", "data-v-1112514f"]]), Tn = ["id", "name", "aria-invalid", "required", "disabled", "value"], En = /* @__PURE__ */ S({
+const pe = /* @__PURE__ */ S(An, [["__scopeId", "data-v-1112514f"]]), On = ["id", "name", "aria-invalid", "required", "disabled", "value"], Fn = /* @__PURE__ */ k({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -2791,8 +2804,8 @@ const pe = /* @__PURE__ */ $(Jn, [["__scopeId", "data-v-1112514f"]]), Tn = ["id"
     // ...TEXT_BASED_PROPS,
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const t = e, a = k(), i = k(), s = M(), u = k(!1), o = x(() => t.labelSize ? t.labelSize : t.size !== "medium" ? "small" : "medium");
+  setup(e, { emit: a }) {
+    const t = e, l = $(), i = $(), s = M(), u = $(!1), o = x(() => t.labelSize ? t.labelSize : t.size !== "medium" ? "small" : "medium");
     H(() => {
       var r;
       const d = s.label && s.label();
@@ -2810,9 +2823,9 @@ const pe = /* @__PURE__ */ $(Jn, [["__scopeId", "data-v-1112514f"]]), Tn = ["id"
     });
     function m(d) {
       const f = d.target.value;
-      l("update:modelValue", f);
+      a("update:modelValue", f);
     }
-    function b() {
+    function _() {
       u.value = !0;
     }
     function p() {
@@ -2820,9 +2833,9 @@ const pe = /* @__PURE__ */ $(Jn, [["__scopeId", "data-v-1112514f"]]), Tn = ["id"
     }
     return (d, f) => (n(), c("div", {
       ref_key: "root",
-      ref: a
+      ref: l
     }, [
-      _(d.$slots, "select-label", {}, () => [
+      b(d.$slots, "select-label", {}, () => [
         e.label ? (n(), V(D, {
           key: 0,
           required: e.required && e.requiredMark,
@@ -2830,7 +2843,7 @@ const pe = /* @__PURE__ */ $(Jn, [["__scopeId", "data-v-1112514f"]]), Tn = ["id"
           for: e.id || e.name,
           size: o.value
         }, {
-          default: B(() => [
+          default: J(() => [
             C(I(e.label), 1)
           ]),
           _: 1
@@ -2858,12 +2871,12 @@ const pe = /* @__PURE__ */ $(Jn, [["__scopeId", "data-v-1112514f"]]), Tn = ["id"
           disabled: e.disabled,
           value: e.modelValue,
           onChange: m,
-          onFocus: b,
+          onFocus: _,
           onBlur: p
         }, [
-          _(d.$slots, "default", {}, void 0, !0)
-        ], 40, Tn),
-        A(J, {
+          b(d.$slots, "default", {}, void 0, !0)
+        ], 40, On),
+        q(B, {
           class: "joy-select__chevron",
           name: "chevron-down"
         })
@@ -2871,7 +2884,7 @@ const pe = /* @__PURE__ */ $(Jn, [["__scopeId", "data-v-1112514f"]]), Tn = ["id"
     ], 512));
   }
 });
-const zn = /* @__PURE__ */ $(En, [["__scopeId", "data-v-24a7acca"]]), An = ["aria-disabled"], qn = ["id", "value", "checked", "disabled", "required", "name"], On = /* @__PURE__ */ S({
+const Pn = /* @__PURE__ */ S(Fn, [["__scopeId", "data-v-24a7acca"]]), Mn = ["aria-disabled"], Nn = ["id", "value", "checked", "disabled", "required", "name"], Rn = /* @__PURE__ */ k({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -2907,16 +2920,16 @@ const zn = /* @__PURE__ */ $(En, [["__scopeId", "data-v-24a7acca"]]), An = ["ari
     }
   },
   emits: ["update:checked"],
-  setup(e, { emit: l }) {
-    const t = e, a = k(t.checked), i = k(), s = k(!1), u = t.multiple ? "div" : "label", o = {
+  setup(e, { emit: a }) {
+    const t = e, l = $(t.checked), i = $(), s = $(!1), u = t.multiple ? "div" : "label", o = {
       onRadioChange: () => {
-        l("update:checked", t.value);
+        a("update:checked", t.value);
       },
       onClick: () => {
-        t.checked && !t.multiple && l("update:checked", "");
+        t.checked && !t.multiple && a("update:checked", "");
       },
-      onLabelClick: (b) => {
-        t.multiple || b.stopPropagation();
+      onLabelClick: (_) => {
+        t.multiple || _.stopPropagation();
       },
       onFocus: () => {
         s.value = !0;
@@ -2925,10 +2938,10 @@ const zn = /* @__PURE__ */ $(En, [["__scopeId", "data-v-24a7acca"]]), An = ["ari
         s.value = !1;
       }
     };
-    function m(b) {
-      l("update:checked", b);
+    function m(_) {
+      a("update:checked", _);
     }
-    return (b, p) => (n(), c("div", {
+    return (_, p) => (n(), c("div", {
       class: h([
         "joy-selectable-item__wrapper",
         {
@@ -2956,7 +2969,7 @@ const zn = /* @__PURE__ */ $(En, [["__scopeId", "data-v-24a7acca"]]), An = ["ari
         (...d) => o.onFocus && o.onFocus(...d)),
         onBlur: p[2] || (p[2] = //@ts-ignore
         (...d) => o.onBlur && o.onBlur(...d))
-      }, null, 40, qn)),
+      }, null, 40, Nn)),
       (n(), V(G(w(u)), {
         for: e.id,
         class: h([
@@ -2970,13 +2983,13 @@ const zn = /* @__PURE__ */ $(En, [["__scopeId", "data-v-24a7acca"]]), An = ["ari
         ]),
         onClick: o.onLabelClick
       }, {
-        default: B(() => [
+        default: J(() => [
           e.multiple ? (n(), V(w(ce), {
             key: 0,
             id: e.id,
-            checked: a.value,
+            checked: l.value,
             "onUpdate:checked": [
-              p[3] || (p[3] = (d) => a.value = d),
+              p[3] || (p[3] = (d) => l.value = d),
               m
             ],
             disabled: e.disabled,
@@ -2987,32 +3000,32 @@ const zn = /* @__PURE__ */ $(En, [["__scopeId", "data-v-24a7acca"]]), An = ["ari
             onFocus: o.onFocus,
             onBlur: o.onBlur
           }, {
-            default: B(() => [
-              _(b.$slots, "default", {}, void 0, !0)
+            default: J(() => [
+              b(_.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "onFocus", "onBlur"])) : g("", !0),
-          e.multiple ? g("", !0) : _(b.$slots, "default", { key: 1 }, void 0, !0),
+          e.multiple ? g("", !0) : b(_.$slots, "default", { key: 1 }, void 0, !0),
           y("div", {
-            class: h([{ "joy-selectable-item__sublabel": b.$slots["selectable-item-sublabel"] }])
+            class: h([{ "joy-selectable-item__sublabel": _.$slots["selectable-item-sublabel"] }])
           }, [
-            _(b.$slots, "selectable-item-sublabel", {}, void 0, !0)
+            b(_.$slots, "selectable-item-sublabel", {}, void 0, !0)
           ], 2)
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, An));
+    ], 10, Mn));
   }
 });
-const ze = /* @__PURE__ */ $(On, [["__scopeId", "data-v-cb2531c0"]]), Fn = ["id"], Pn = /* @__PURE__ */ S({
+const ze = /* @__PURE__ */ S(Rn, [["__scopeId", "data-v-cb2531c0"]]), Hn = ["id"], Dn = /* @__PURE__ */ k({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
       type: Array,
       required: !0,
       validator(e) {
-        const l = e.every((a) => Object.keys(a).includes("value")), t = e.every((a) => Object.keys(a).includes("label"));
-        return l && t;
+        const a = e.every((l) => Object.keys(l).includes("value")), t = e.every((l) => Object.keys(l).includes("label"));
+        return a && t;
       }
     },
     id: String,
@@ -3044,16 +3057,16 @@ const ze = /* @__PURE__ */ $(On, [["__scopeId", "data-v-cb2531c0"]]), Fn = ["id"
     }
   },
   emits: ["update:value"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: a }) {
     const t = e;
-    function a(s) {
+    function l(s) {
       return typeof t.value == "string" ? t.value === s.value : (t.value || []).includes(s.value);
     }
     function i(s, u) {
       if (!t.multiple)
-        return l("update:value", u);
+        return a("update:value", u);
       let o = [...t.value || []];
-      u && typeof u == "boolean" ? o.push(s) : o.splice(o.indexOf(s), 1), l("update:value", o);
+      u && typeof u == "boolean" ? o.push(s) : o.splice(o.indexOf(s), 1), a("update:value", o);
     }
     return (s, u) => (n(), c("fieldset", {
       id: e.id,
@@ -3066,7 +3079,7 @@ const ze = /* @__PURE__ */ $(On, [["__scopeId", "data-v-cb2531c0"]]), Fn = ["id"
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: B(() => [
+        default: J(() => [
           C(I(e.label), 1)
         ]),
         _: 1
@@ -3081,34 +3094,34 @@ const ze = /* @__PURE__ */ $(On, [["__scopeId", "data-v-cb2531c0"]]), Fn = ["id"
           }
         ])
       }, [
-        (n(!0), c(q, null, P(e.options, (o) => (n(), V(w(ze), {
+        (n(!0), c(A, null, P(e.options, (o) => (n(), V(w(ze), {
           id: o.id,
           key: o.id,
           name: o.name,
           disabled: o.disabled,
           value: o.value,
           multiple: e.multiple,
-          checked: a(o),
+          checked: l(o),
           "onUpdate:checked": (m) => i(o.value, m)
         }, Ce({
-          default: B(() => [
+          default: J(() => [
             C(I(o.label) + " ", 1)
           ]),
           _: 2
         }, [
           o.subLabel ? {
             name: "selectable-item-sublabel",
-            fn: B(() => [
+            fn: J(() => [
               C(I(o.subLabel), 1)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["id", "name", "disabled", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, Fn));
+    ], 8, Hn));
   }
 });
-const Mn = /* @__PURE__ */ $(Pn, [["__scopeId", "data-v-b0fd1c74"]]), Nn = /* @__PURE__ */ S({
+const Wn = /* @__PURE__ */ S(Dn, [["__scopeId", "data-v-b0fd1c74"]]), Un = /* @__PURE__ */ k({
   __name: "VJoySeparator",
   props: {
     /** Main text to apply in the central area */
@@ -3121,17 +3134,17 @@ const Mn = /* @__PURE__ */ $(Pn, [["__scopeId", "data-v-b0fd1c74"]]), Nn = /* @_
     }
   },
   setup(e) {
-    return (l, t) => (n(), c("div", {
+    return (a, t) => (n(), c("div", {
       class: h(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
       y("span", null, I(e.text), 1)
     ], 2));
   }
 });
-const Rn = /* @__PURE__ */ $(Nn, [["__scopeId", "data-v-21db2899"]]), Hn = ["id", "href", "aria-selected", "aria-controls"], Dn = {
+const Gn = /* @__PURE__ */ S(Un, [["__scopeId", "data-v-21db2899"]]), Kn = ["id", "href", "aria-selected", "aria-controls"], Zn = {
   type: "button",
   tabindex: "-1"
-}, Wn = /* @__PURE__ */ S({
+}, Qn = /* @__PURE__ */ k({
   __name: "TabButton",
   props: {
     /**
@@ -3164,12 +3177,12 @@ const Rn = /* @__PURE__ */ $(Nn, [["__scopeId", "data-v-21db2899"]]), Hn = ["id"
     }
   },
   emits: ["changeTab"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: a }) {
     function t() {
-      l("changeTab");
+      a("changeTab");
     }
-    function a(i) {
-      (i.code === "Enter" || i.code === "NumpadEnter") && l("changeTab");
+    function l(i) {
+      (i.code === "Enter" || i.code === "NumpadEnter") && a("changeTab");
     }
     return (i, s) => (n(), c("a", {
       id: `joy-tab-${e.tab}`,
@@ -3179,7 +3192,7 @@ const Rn = /* @__PURE__ */ $(Nn, [["__scopeId", "data-v-21db2899"]]), Hn = ["id"
       tabindex: "0",
       role: "tab",
       onClick: t,
-      onKeydown: s[0] || (s[0] = (u) => a(u))
+      onKeydown: s[0] || (s[0] = (u) => l(u))
     }, [
       y("div", {
         part: "tab-button",
@@ -3188,18 +3201,18 @@ const Rn = /* @__PURE__ */ $(Nn, [["__scopeId", "data-v-21db2899"]]), Hn = ["id"
           "joy-tab-button__selected": e.selected
         })
       }, [
-        y("button", Dn, [
+        y("button", Zn, [
           y("div", null, [
-            _(i.$slots, "default", {}, () => [
+            b(i.$slots, "default", {}, () => [
               C(I(e.label), 1)
             ], !0)
           ])
         ])
       ], 2)
-    ], 40, Hn));
+    ], 40, Kn));
   }
 });
-const Un = /* @__PURE__ */ $(Wn, [["__scopeId", "data-v-b1e62ec8"]]), Gn = { class: "joy-tabs" }, Kn = /* @__PURE__ */ S({
+const Yn = /* @__PURE__ */ S(Qn, [["__scopeId", "data-v-b1e62ec8"]]), Xn = { class: "joy-tabs" }, eo = /* @__PURE__ */ k({
   __name: "VJoyTabs",
   props: {
     /** Use this prop to activate a specific tab by default by giving its name */
@@ -3208,8 +3221,8 @@ const Un = /* @__PURE__ */ $(Wn, [["__scopeId", "data-v-b1e62ec8"]]), Gn = { cla
     }
   },
   emits: ["update:selected-tab"],
-  setup(e, { emit: l }) {
-    const t = e, a = M(), i = k(t.selectedTab), s = k(null), u = k(null), o = k(!1), m = k(!1), b = x(() => a.default().filter(p));
+  setup(e, { emit: a }) {
+    const t = e, l = M(), i = $(t.selectedTab), s = $(null), u = $(null), o = $(!1), m = $(!1), _ = x(() => l.default().filter(p));
     function p(v) {
       var j;
       return ((j = v == null ? void 0 : v.type) == null ? void 0 : j.__name) === "VJoyTab";
@@ -3221,7 +3234,7 @@ const Un = /* @__PURE__ */ $(Wn, [["__scopeId", "data-v-b1e62ec8"]]), Gn = { cla
       u.value && s.value && u.value.scrollWidth > s.value.offsetWidth ? (m.value = u.value.scrollLeft > 0, o.value = u.value.scrollLeft + s.value.offsetWidth < u.value.scrollWidth) : (m.value = !1, o.value = !1);
     }
     function r(v, j = !0) {
-      v && j && (i.value = v, se("VJoyTabs", i), l("update:selected-tab", v));
+      v && j && (i.value = v, se("VJoyTabs", i), a("update:selected-tab", v));
     }
     return F(
       () => t.selectedTab,
@@ -3235,7 +3248,7 @@ const Un = /* @__PURE__ */ $(Wn, [["__scopeId", "data-v-b1e62ec8"]]), Gn = { cla
     }), ie(() => {
       var v;
       (v = u.value) == null || v.removeEventListener("scroll", f);
-    }), (v, j) => (n(), c("div", Gn, [
+    }), (v, j) => (n(), c("div", Xn, [
       y("div", {
         ref_key: "buttonListWrapper",
         ref: s,
@@ -3251,17 +3264,17 @@ const Un = /* @__PURE__ */ $(Wn, [["__scopeId", "data-v-b1e62ec8"]]), Gn = { cla
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (n(!0), c(q, null, P(b.value, (L) => (n(), c("div", {
+          (n(!0), c(A, null, P(_.value, (L) => (n(), c("div", {
             key: L.props.tab
           }, [
-            A(Un, {
+            q(Yn, {
               tab: L.props.tab,
               label: L.props.label,
               href: L.props.href,
               selected: d(L),
               onChangeTab: (z) => r(L.props.tab, !L.props.href)
             }, {
-              default: B(() => {
+              default: J(() => {
                 var z;
                 return [
                   (z = L.children) != null && z.header ? (n(), V(G(L.children.header), { key: 0 })) : g("", !0)
@@ -3273,12 +3286,12 @@ const Un = /* @__PURE__ */ $(Wn, [["__scopeId", "data-v-b1e62ec8"]]), Gn = { cla
         ], 512)
       ], 2),
       y("div", null, [
-        _(v.$slots, "default", {}, void 0, !0)
+        b(v.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Zn = /* @__PURE__ */ $(Kn, [["__scopeId", "data-v-e3dffafe"]]), Qn = ["id", "aria-hidden", "aria-labelledby"], Yn = /* @__PURE__ */ S({
+const to = /* @__PURE__ */ S(eo, [["__scopeId", "data-v-e3dffafe"]]), ao = ["id", "aria-hidden", "aria-labelledby"], lo = /* @__PURE__ */ k({
   __name: "VJoyTab",
   props: {
     /**
@@ -3305,22 +3318,22 @@ const Zn = /* @__PURE__ */ $(Kn, [["__scopeId", "data-v-e3dffafe"]]), Qn = ["id"
     }
   },
   setup(e) {
-    const l = e, t = Y("VJoyTabs", k("")), a = x(() => t.value === l.tab);
+    const a = e, t = Y("VJoyTabs", $("")), l = x(() => t.value === a.tab);
     return (i, s) => (n(), c("div", {
       id: `joy-tab-${e.tab}`,
       role: "tabpanel",
-      "aria-hidden": a.value ? void 0 : "true",
+      "aria-hidden": l.value ? void 0 : "true",
       "aria-labelledby": `joy-tab-${e.tab}`,
       class: h({
         "joy-tab": !0,
-        "joy-tab__selected": a.value
+        "joy-tab__selected": l.value
       })
     }, [
-      _(i.$slots, "default", {}, void 0, !0)
-    ], 10, Qn));
+      b(i.$slots, "default", {}, void 0, !0)
+    ], 10, ao));
   }
 });
-const Xn = /* @__PURE__ */ $(Yn, [["__scopeId", "data-v-47a75127"]]), eo = ["role"], to = /* @__PURE__ */ S({
+const no = /* @__PURE__ */ S(lo, [["__scopeId", "data-v-47a75127"]]), oo = ["role"], io = /* @__PURE__ */ k({
   __name: "VJoyTag",
   props: {
     /** Text injected within the tag */
@@ -3358,8 +3371,8 @@ const Xn = /* @__PURE__ */ $(Yn, [["__scopeId", "data-v-47a75127"]]), eo = ["rol
     }
   },
   emits: ["selected", "remove", "click"],
-  setup(e, { emit: l }) {
-    const t = e, a = ["primary", "secondary"], i = x(() => ({
+  setup(e, { emit: a }) {
+    const t = e, l = ["primary", "secondary"], i = x(() => ({
       "joy-tag": !0,
       "joy-tag__selected": t.selected,
       "joy-tag__selectable": t.selectable || t.link,
@@ -3368,34 +3381,34 @@ const Xn = /* @__PURE__ */ $(Yn, [["__scopeId", "data-v-47a75127"]]), eo = ["rol
       ["joy-tag__" + t.variant]: !0
     }));
     function s() {
-      l("remove", { value: t.value });
+      a("remove", { value: t.value });
     }
     function u() {
-      l("click"), t.selectable && a.includes(t.variant) && l("selected", { selected: !t.selected, value: t.value });
+      a("click"), t.selectable && l.includes(t.variant) && a("selected", { selected: !t.selected, value: t.value });
     }
     return (o, m) => (n(), c("span", {
       class: h([i.value]),
       role: e.link || e.selectable ? "button" : void 0,
       onClick: u
     }, [
-      e.draggable ? (n(), V(J, {
+      e.draggable ? (n(), V(B, {
         key: 0,
         class: "joy-tag__drag",
         name: "drag",
         size: "xxsmall"
       })) : g("", !0),
       C(" " + I(e.label) + " ", 1),
-      e.removable ? (n(), V(J, {
+      e.removable ? (n(), V(B, {
         key: 1,
         class: "joy-tag__removable",
         name: "cross",
         size: "xxsmall",
         onClick: Ze(s, ["stop"])
       }, null, 8, ["onClick"])) : g("", !0)
-    ], 10, eo));
+    ], 10, oo));
   }
 });
-const Ae = /* @__PURE__ */ $(to, [["__scopeId", "data-v-251410a4"]]), ao = /* @__PURE__ */ S({
+const qe = /* @__PURE__ */ S(io, [["__scopeId", "data-v-251410a4"]]), so = /* @__PURE__ */ k({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -3419,65 +3432,65 @@ const Ae = /* @__PURE__ */ $(to, [["__scopeId", "data-v-251410a4"]]), ao = /* @_
     }
   },
   emits: ["update:modelValue", "removeTag"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: a }) {
     const t = e;
-    function a(u) {
+    function l(u) {
       var o;
       return t.removable ? !1 : (o = t.modelValue) == null ? void 0 : o.includes(u.value);
     }
     function i(u, o) {
       let m = [];
-      u.selected && !a(o) ? m = [...t.modelValue || [], o.value] : m = (t.modelValue || []).filter((b) => b !== o.value), l("update:modelValue", m);
+      u.selected && !l(o) ? m = [...t.modelValue || [], o.value] : m = (t.modelValue || []).filter((_) => _ !== o.value), a("update:modelValue", m);
     }
     function s(u) {
-      l("removeTag", u.value);
+      a("removeTag", u.value);
     }
     return (u, o) => (n(), c("div", {
       class: h(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (n(!0), c(q, null, P(e.tags, (m) => (n(), V(w(Ae), R({
+      (n(!0), c(A, null, P(e.tags, (m) => (n(), V(w(qe), R({
         key: m.value,
         selectable: !!e.modelValue && !e.removable
       }, m, {
         removable: e.removable,
-        selected: a(m),
+        selected: l(m),
         onRemove: s,
-        onSelected: (b) => i(b, m)
+        onSelected: (_) => i(_, m)
       }), null, 16, ["selectable", "removable", "selected", "onSelected"]))), 128))
     ], 2));
   }
 });
-const lo = /* @__PURE__ */ $(ao, [["__scopeId", "data-v-0b725ef6"]]);
-const no = {}, oo = {
+const ro = /* @__PURE__ */ S(so, [["__scopeId", "data-v-0b725ef6"]]);
+const uo = {}, co = {
   class: /* @__PURE__ */ h(["joy-template-shape__shapes"])
-}, io = /* @__PURE__ */ ne('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), so = [
-  io
+}, yo = /* @__PURE__ */ ne('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), fo = [
+  yo
 ];
-function ro(e, l) {
-  return n(), c("div", oo, so);
+function vo(e, a) {
+  return n(), c("div", co, fo);
 }
-const qe = /* @__PURE__ */ $(no, [["render", ro], ["__scopeId", "data-v-8b258f92"]]), uo = { class: "joy-template__wrapper" }, co = {
+const Ae = /* @__PURE__ */ S(uo, [["render", vo], ["__scopeId", "data-v-8b258f92"]]), po = { class: "joy-template__wrapper" }, mo = {
   key: 0,
   class: "joy-template__heading"
-}, yo = {
+}, _o = {
   key: 0,
   class: "joy-template-slot-back"
-}, fo = { class: "joy-template__heading___headings" }, vo = {
+}, bo = { class: "joy-template__heading___headings" }, go = {
   key: 0,
   class: "joy-template-slot-title"
-}, po = {
+}, ho = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, mo = {
+}, jo = {
   key: 1,
   class: "joy-template-slot-actions"
-}, bo = {
+}, $o = {
   key: 0,
   class: "joy-template-slot-main"
-}, _o = {
+}, ko = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, go = /* @__PURE__ */ S({
+}, So = /* @__PURE__ */ k({
   __name: "VJoyTemplate",
   props: {
     full: { type: Boolean, default: !1 },
@@ -3496,41 +3509,41 @@ const qe = /* @__PURE__ */ $(no, [["render", ro], ["__scopeId", "data-v-8b258f92
     }
   },
   setup(e) {
-    const l = e, t = M(), a = x(() => !!t["template-back"] || !!t["template-title"] || !!t["template-subtitle"] || !!t["template-actions"]);
+    const a = e, t = M(), l = x(() => !!t["template-back"] || !!t["template-title"] || !!t["template-subtitle"] || !!t["template-actions"]);
     return (i, s) => (n(), c("main", {
       class: h(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      e.shapes ? (n(), V(qe, { key: 0 })) : g("", !0),
-      y("div", uo, [
-        a.value ? (n(), c("div", co, [
-          w(t)["template-back"] ? (n(), c("div", yo, [
-            _(i.$slots, "template-back", {}, void 0, !0)
+      e.shapes ? (n(), V(Ae, { key: 0 })) : g("", !0),
+      y("div", po, [
+        l.value ? (n(), c("div", mo, [
+          w(t)["template-back"] ? (n(), c("div", _o, [
+            b(i.$slots, "template-back", {}, void 0, !0)
           ])) : g("", !0),
-          y("div", fo, [
-            w(t)["template-title"] ? (n(), c("div", vo, [
-              _(i.$slots, "template-title", {}, void 0, !0)
+          y("div", bo, [
+            w(t)["template-title"] ? (n(), c("div", go, [
+              b(i.$slots, "template-title", {}, void 0, !0)
             ])) : g("", !0),
-            w(t)["template-subtitle"] ? (n(), c("div", po, [
-              _(i.$slots, "template-subtitle", {}, void 0, !0)
+            w(t)["template-subtitle"] ? (n(), c("div", ho, [
+              b(i.$slots, "template-subtitle", {}, void 0, !0)
             ])) : g("", !0)
           ]),
-          w(t)["template-actions"] ? (n(), c("div", mo, [
-            _(i.$slots, "template-actions", {}, void 0, !0)
+          w(t)["template-actions"] ? (n(), c("div", jo, [
+            b(i.$slots, "template-actions", {}, void 0, !0)
           ])) : g("", !0)
         ])) : g("", !0),
         y("div", {
           class: h([
             "joy-template__content",
             {
-              "joy-template__content--reverse": l.sidebar === "left"
+              "joy-template__content--reverse": a.sidebar === "left"
             }
           ])
         }, [
-          i.$slots["template-main"] ? (n(), c("div", bo, [
-            _(i.$slots, "template-main", {}, void 0, !0)
+          i.$slots["template-main"] ? (n(), c("div", $o, [
+            b(i.$slots, "template-main", {}, void 0, !0)
           ])) : g("", !0),
-          i.$slots["template-sidebar"] ? (n(), c("div", _o, [
-            _(i.$slots, "template-sidebar", {}, void 0, !0)
+          i.$slots["template-sidebar"] ? (n(), c("div", ko, [
+            b(i.$slots, "template-sidebar", {}, void 0, !0)
           ])) : g("", !0)
         ], 2)
       ]),
@@ -3539,21 +3552,21 @@ const qe = /* @__PURE__ */ $(no, [["render", ro], ["__scopeId", "data-v-8b258f92
         overlay: "",
         color: e.loadingColor
       }, {
-        content: B(() => [
-          _(i.$slots, "template-loader-content", {}, void 0, !0)
+        content: J(() => [
+          b(i.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : g("", !0)
     ], 2));
   }
 });
-const ho = /* @__PURE__ */ $(go, [["__scopeId", "data-v-7c83eb21"]]), jo = ["aria-disabled"], ko = { class: "joy-textarea_wrapper" }, So = ["id", "disabled", "name", "required", "minlength", "value"], $o = {
+const wo = /* @__PURE__ */ S(So, [["__scopeId", "data-v-7c83eb21"]]), Vo = ["aria-disabled"], xo = { class: "joy-textarea_wrapper" }, Io = ["id", "disabled", "name", "required", "minlength", "value"], Co = {
   key: 0,
   class: "joy-textarea_helpers"
-}, wo = {
+}, Lo = {
   inheritAttrs: !1
-}, Vo = /* @__PURE__ */ S({
-  ...wo,
+}, Jo = /* @__PURE__ */ k({
+  ...Lo,
   __name: "VJoyTextarea",
   props: {
     disabled: {
@@ -3606,27 +3619,27 @@ const ho = /* @__PURE__ */ $(go, [["__scopeId", "data-v-7c83eb21"]]), jo = ["ari
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: l, emit: t }) {
-    const a = e, i = k(), { triggerResize: s } = xa({
-      element: a.autogrow ? i : void 0
-    }), u = k(!1), o = k(!1), m = x(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), b = x(() => a.minlength ? a.modelValue.length < a.minlength : !1), p = {
+  setup(e, { expose: a, emit: t }) {
+    const l = e, i = $(), { triggerResize: s } = xa({
+      element: l.autogrow ? i : void 0
+    }), u = $(!1), o = $(!1), m = x(() => l.maxlength ? l.modelValue.length > l.maxlength : !1), _ = x(() => l.minlength ? l.modelValue.length < l.minlength : !1), p = {
       onInput: (d) => {
-        a.modelModifiers.lazy || t("update:modelValue", d.target.value), s();
+        l.modelModifiers.lazy || t("update:modelValue", d.target.value), s();
       },
       onChange: (d) => {
-        a.modelModifiers.lazy && t("update:modelValue", d.target.value);
+        l.modelModifiers.lazy && t("update:modelValue", d.target.value);
       },
       onBlur: () => {
-        o.value = !1, u.value = m.value || b.value;
+        o.value = !1, u.value = m.value || _.value;
       },
       onFocus: () => {
         o.value = !0;
       }
     };
-    return l({
+    return a({
       isInvalid: u,
       valueOverMaxlength: m,
-      valueUnderMinlength: b
+      valueUnderMinlength: _
     }), (d, f) => (n(), c("div", {
       "aria-disabled": e.disabled,
       class: h([
@@ -3639,20 +3652,20 @@ const ho = /* @__PURE__ */ $(go, [["__scopeId", "data-v-7c83eb21"]]), jo = ["ari
         }
       ])
     }, [
-      A(w(D), {
+      q(w(D), {
         for: e.id,
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: B(() => [
-          _(d.$slots, "default", {}, () => [
+        default: J(() => [
+          b(d.$slots, "default", {}, () => [
             C(I(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
-      y("div", ko, [
+      y("div", xo, [
         y("textarea", R(d.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -3671,14 +3684,14 @@ const ho = /* @__PURE__ */ $(go, [["__scopeId", "data-v-7c83eb21"]]), jo = ["ari
           (...r) => p.onFocus && p.onFocus(...r)),
           onBlur: f[3] || (f[3] = //@ts-ignore
           (...r) => p.onBlur && p.onBlur(...r))
-        }), null, 16, So)
+        }), null, 16, Io)
       ]),
-      e.minlength || e.maxlength ? (n(), c("div", $o, [
+      e.minlength || e.maxlength ? (n(), c("div", Co, [
         e.minlength ? (n(), c("p", {
           key: 0,
           class: h(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          b.value ? g("", !0) : (n(), V(J, {
+          _.value ? g("", !0) : (n(), V(B, {
             key: 0,
             name: "check",
             color: "neutral",
@@ -3691,10 +3704,10 @@ const ho = /* @__PURE__ */ $(go, [["__scopeId", "data-v-7c83eb21"]]), jo = ["ari
           class: h(["joy-textarea-count", { "joy-textarea-count-invalid": m.value }])
         }, I(e.modelValue.length + "/" + e.maxlength), 3)) : g("", !0)
       ])) : g("", !0)
-    ], 10, jo));
+    ], 10, Vo));
   }
 });
-const xo = /* @__PURE__ */ $(Vo, [["__scopeId", "data-v-de43ee01"]]), Oe = (e) => (ae("data-v-cf79d999"), e = e(), le(), e), Io = { class: "joy-toggle__wrapper" }, Co = ["name", "disabled", "checked", "required", "aria-checked", "value"], Lo = { class: "joy-toggle__content" }, Bo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ y("span", { class: "joy-toggle__symbol" }, null, -1)), Jo = { class: "joy-toggle__content-label" }, To = /* @__PURE__ */ Oe(() => /* @__PURE__ */ y("span", { class: "joy-toggle__smile" }, [
+const Bo = /* @__PURE__ */ S(Jo, [["__scopeId", "data-v-de43ee01"]]), Oe = (e) => (ae("data-v-cf79d999"), e = e(), le(), e), To = { class: "joy-toggle__wrapper" }, Eo = ["name", "disabled", "checked", "required", "aria-checked", "value"], zo = { class: "joy-toggle__content" }, qo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ y("span", { class: "joy-toggle__symbol" }, null, -1)), Ao = { class: "joy-toggle__content-label" }, Oo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ y("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ y("svg", {
     width: "18",
     height: "10",
@@ -3707,7 +3720,7 @@ const xo = /* @__PURE__ */ $(Vo, [["__scopeId", "data-v-de43ee01"]]), Oe = (e) =
       fill: "currentColor"
     })
   ])
-], -1)), Eo = /* @__PURE__ */ S({
+], -1)), Fo = /* @__PURE__ */ k({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -3740,11 +3753,11 @@ const xo = /* @__PURE__ */ $(Vo, [["__scopeId", "data-v-de43ee01"]]), Oe = (e) =
     label: String
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const t = k(!1), a = {
+  setup(e, { emit: a }) {
+    const t = $(!1), l = {
       onChange: (i) => {
         const s = i.target.checked;
-        l("update:modelValue", s);
+        a("update:modelValue", s);
       },
       onFocus: () => {
         t.value = !0;
@@ -3753,7 +3766,7 @@ const xo = /* @__PURE__ */ $(Vo, [["__scopeId", "data-v-de43ee01"]]), Oe = (e) =
         t.value = !1;
       }
     };
-    return (i, s) => (n(), c("div", Io, [
+    return (i, s) => (n(), c("div", To, [
       y("label", {
         class: h([
           "joy-toggle",
@@ -3776,26 +3789,26 @@ const xo = /* @__PURE__ */ $(Vo, [["__scopeId", "data-v-de43ee01"]]), Oe = (e) =
           "aria-checked": e.modelValue,
           value: e.value,
           onChange: s[0] || (s[0] = //@ts-ignore
-          (...u) => a.onChange && a.onChange(...u)),
+          (...u) => l.onChange && l.onChange(...u)),
           onFocus: s[1] || (s[1] = //@ts-ignore
-          (...u) => a.onFocus && a.onFocus(...u)),
+          (...u) => l.onFocus && l.onFocus(...u)),
           onBlur: s[2] || (s[2] = //@ts-ignore
-          (...u) => a.onBlur && a.onBlur(...u))
-        }, null, 40, Co),
-        y("p", Lo, [
-          Bo,
-          y("span", Jo, [
-            _(i.$slots, "default", {}, () => [
+          (...u) => l.onBlur && l.onBlur(...u))
+        }, null, 40, Eo),
+        y("p", zo, [
+          qo,
+          y("span", Ao, [
+            b(i.$slots, "default", {}, () => [
               C(I(e.label), 1)
             ], !0)
           ]),
-          To
+          Oo
         ])
       ], 2)
     ]));
   }
 });
-const zo = /* @__PURE__ */ $(Eo, [["__scopeId", "data-v-cf79d999"]]), Ao = /* @__PURE__ */ S({
+const Po = /* @__PURE__ */ S(Fo, [["__scopeId", "data-v-cf79d999"]]), Mo = /* @__PURE__ */ k({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -3839,7 +3852,7 @@ const zo = /* @__PURE__ */ $(Eo, [["__scopeId", "data-v-cf79d999"]]), Ao = /* @_
     }
   },
   setup(e) {
-    return se("VJoyWrapperContext", e), (t, a) => (n(), c("div", {
+    return se("VJoyWrapperContext", e), (t, l) => (n(), c("div", {
       class: h([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
@@ -3852,22 +3865,22 @@ const zo = /* @__PURE__ */ $(Eo, [["__scopeId", "data-v-cf79d999"]]), Ao = /* @_
         { "joy-wrapper--has-margin": !e.noMargin }
       ])
     }, [
-      _(t.$slots, "default", {}, void 0, !0)
+      b(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const qo = /* @__PURE__ */ $(Ao, [["__scopeId", "data-v-68d89412"]]), Oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const No = /* @__PURE__ */ S(Mo, [["__scopeId", "data-v-68d89412"]]), Ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VJoyAvailability: Xe,
   VJoyAvatar: rt,
   VJoyAvatarsList: dt,
   VJoyBadge: ft,
-  VJoyBadgeLevel: qt,
+  VJoyBadgeLevel: At,
   VJoyButton: de,
   VJoyCheckbox: ce,
   VJoyCompanyAvatar: aa,
   VJoyCounter: ca,
-  VJoyDividerCta: ba,
+  VJoyDividerCta: _a,
   VJoyDropdown: Ua,
   VJoyDropdownList: Te,
   VJoyFilterBar: Qa,
@@ -3876,50 +3889,51 @@ const qo = /* @__PURE__ */ $(Ao, [["__scopeId", "data-v-68d89412"]]), Oo = /* @_
   VJoyFormError: Ee,
   VJoyFormFieldSkeleton: ll,
   VJoyFunnel: ml,
-  VJoyHighlight: jl,
-  VJoyIcon: J,
-  VJoyInput: Ll,
+  VJoyHeader: jl,
+  VJoyHighlight: Vl,
+  VJoyIcon: B,
+  VJoyInput: zl,
   VJoyLabel: D,
-  VJoyLink: El,
-  VJoyMenu: Fl,
-  VJoyMultiCheckbox: Rl,
-  VJoyPagination: Zl,
-  VJoyPanel: on,
-  VJoyPanelSection: cn,
-  VJoyProgressBar: vn,
-  VJoyRadio: hn,
-  VJoyRadioGroup: Sn,
-  VJoyRatingStars: Cn,
+  VJoyLink: Fl,
+  VJoyMenu: Hl,
+  VJoyMultiCheckbox: Gl,
+  VJoyPagination: tn,
+  VJoyPanel: cn,
+  VJoyPanelSection: mn,
+  VJoyProgressBar: gn,
+  VJoyRadio: wn,
+  VJoyRadioGroup: In,
+  VJoyRatingStars: En,
   VJoyScreenLoader: pe,
-  VJoySelect: zn,
+  VJoySelect: Pn,
   VJoySelectableItem: ze,
-  VJoySelectableItemGroup: Mn,
-  VJoySeparator: Rn,
+  VJoySelectableItemGroup: Wn,
+  VJoySeparator: Gn,
   VJoySpinner: re,
-  VJoyTab: Xn,
-  VJoyTabs: Zn,
-  VJoyTag: Ae,
-  VJoyTagsList: lo,
-  VJoyTemplate: ho,
-  VJoyTemplateShape: qe,
-  VJoyTextarea: xo,
-  VJoyToggle: zo,
-  VJoyWrapper: qo
+  VJoyTab: no,
+  VJoyTabs: to,
+  VJoyTag: qe,
+  VJoyTagsList: ro,
+  VJoyTemplate: wo,
+  VJoyTemplateShape: Ae,
+  VJoyTextarea: Bo,
+  VJoyToggle: Po,
+  VJoyWrapper: No
 }, Symbol.toStringTag, { value: "Module" }));
 function Ie(e) {
-  const l = e.target;
-  if (!l)
+  const a = e.target;
+  if (!a)
     return;
-  const t = l.getBoundingClientRect(), a = "joy-ripple-effect";
+  const t = a.getBoundingClientRect(), l = "joy-ripple-effect";
   let i;
-  const s = l.querySelector(`.${a}`);
-  s || (i = document.createElement("span"), i.classList.add(a));
+  const s = a.querySelector(`.${l}`);
+  s || (i = document.createElement("span"), i.classList.add(l));
   const u = s || i;
-  l.prepend(u);
+  a.prepend(u);
   const o = Math.sqrt(Math.pow(t.width, 2) + Math.pow(t.height, 2)) * 2;
   u.style.width = u.style.height = `${o}px`, u.style.left = `${e.clientX - t.left}px`, u.style.top = `${e.clientY - t.top}px`;
 }
-const Fo = {
+const Ho = {
   mounted: (e) => {
     e.addEventListener("click", Ie);
   },
@@ -3927,25 +3941,25 @@ const Fo = {
     e.removeEventListener("click", Ie);
   }
 };
-const No = {
+const Uo = {
   install: (e) => {
-    Object.entries(Oo).forEach(([l, t]) => {
-      e.component(l, t);
-    }), e.directive("joy-ripple", Fo);
+    Object.entries(Ro).forEach(([a, t]) => {
+      e.component(a, t);
+    }), e.directive("joy-ripple", Ho);
   }
 };
 export {
-  No as JoyVuePlugin,
+  Uo as JoyVuePlugin,
   Xe as VJoyAvailability,
   rt as VJoyAvatar,
   dt as VJoyAvatarsList,
   ft as VJoyBadge,
-  qt as VJoyBadgeLevel,
+  At as VJoyBadgeLevel,
   de as VJoyButton,
   ce as VJoyCheckbox,
   aa as VJoyCompanyAvatar,
   ca as VJoyCounter,
-  ba as VJoyDividerCta,
+  _a as VJoyDividerCta,
   Ua as VJoyDropdown,
   Te as VJoyDropdownList,
   Qa as VJoyFilterBar,
@@ -3954,33 +3968,34 @@ export {
   Ee as VJoyFormError,
   ll as VJoyFormFieldSkeleton,
   ml as VJoyFunnel,
-  jl as VJoyHighlight,
-  J as VJoyIcon,
-  Ll as VJoyInput,
+  jl as VJoyHeader,
+  Vl as VJoyHighlight,
+  B as VJoyIcon,
+  zl as VJoyInput,
   D as VJoyLabel,
-  El as VJoyLink,
-  Fl as VJoyMenu,
-  Rl as VJoyMultiCheckbox,
-  Zl as VJoyPagination,
-  on as VJoyPanel,
-  cn as VJoyPanelSection,
-  vn as VJoyProgressBar,
-  hn as VJoyRadio,
-  Sn as VJoyRadioGroup,
-  Cn as VJoyRatingStars,
+  Fl as VJoyLink,
+  Hl as VJoyMenu,
+  Gl as VJoyMultiCheckbox,
+  tn as VJoyPagination,
+  cn as VJoyPanel,
+  mn as VJoyPanelSection,
+  gn as VJoyProgressBar,
+  wn as VJoyRadio,
+  In as VJoyRadioGroup,
+  En as VJoyRatingStars,
   pe as VJoyScreenLoader,
-  zn as VJoySelect,
+  Pn as VJoySelect,
   ze as VJoySelectableItem,
-  Mn as VJoySelectableItemGroup,
-  Rn as VJoySeparator,
+  Wn as VJoySelectableItemGroup,
+  Gn as VJoySeparator,
   re as VJoySpinner,
-  Xn as VJoyTab,
-  Zn as VJoyTabs,
-  Ae as VJoyTag,
-  lo as VJoyTagsList,
-  ho as VJoyTemplate,
-  qe as VJoyTemplateShape,
-  xo as VJoyTextarea,
-  zo as VJoyToggle,
-  qo as VJoyWrapper
+  no as VJoyTab,
+  to as VJoyTabs,
+  qe as VJoyTag,
+  ro as VJoyTagsList,
+  wo as VJoyTemplate,
+  Ae as VJoyTemplateShape,
+  Bo as VJoyTextarea,
+  Po as VJoyToggle,
+  No as VJoyWrapper
 };