@maltjoy/core-vue 1.0.0-beta.6 → 1.0.0-beta.7

package/dist/joy-vue.js

@@ -1,7 +1,14 @@
-import { defineComponent as $, openBlock as m, createElementBlock as p, normalizeClass as k, renderSlot as g, createTextVNode as J, toDisplayString as I, useAttrs as Re, computed as x, createBlock as q, resolveDynamicComponent as ce, unref as _, withCtx as L, createCommentVNode as w, createElementVNode as h, ref as b, mergeProps as Q, createVNode as fe, pushScopeId as te, popScopeId as le, getCurrentScope as ot, onScopeDispose as nt, getCurrentInstance as at, onMounted as Z, nextTick as Me, watch as B, h as it, reactive as X, onBeforeUnmount as Ne, normalizeStyle as K, Fragment as ye, renderList as ve, normalizeProps as me, guardReactiveProps as pe, Teleport as rt, useSlots as W, onBeforeMount as st, createSlots as ut } from "vue";
+import { defineComponent as $, openBlock as m, createElementBlock as p, normalizeClass as k, renderSlot as g, createTextVNode as J, toDisplayString as L, useAttrs as Re, computed as O, createBlock as q, resolveDynamicComponent as ce, unref as _, withCtx as B, createCommentVNode as w, createElementVNode as h, ref as b, mergeProps as Q, createVNode as fe, pushScopeId as te, popScopeId as le, getCurrentScope as nt, onScopeDispose as at, getCurrentInstance as it, onMounted as Z, nextTick as Me, watch as E, h as rt, reactive as X, onBeforeUnmount as Ne, normalizeStyle as K, Fragment as ye, renderList as ve, normalizeProps as me, guardReactiveProps as pe, Teleport as st, createSlots as He, useSlots as W, onBeforeMount as ut } from "vue";
 const dt = ["info", "gray", "green", "orange", "red", "teal", "turquoise", "pink", "dark-blue", "yellow"], ct = /* @__PURE__ */ $({
   __name: "VJoyBadge",
   props: {
+    /**
+     * Display the colored bulletpoint on the left
+     */
+    bulletpoint: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * Use label or slot in order to inject the text.
      */
@@ -21,11 +28,11 @@ const dt = ["info", "gray", "green", "orange", "red", "teal", "turquoise", "pink
   },
   setup(e) {
     return (t, l) => (m(), p("span", {
-      class: k(["joy-badge", `joy-badge__${e.variant}`]),
+      class: k(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
       g(t.$slots, "default", {}, () => [
-        J(I(e.label), 1)
+        J(L(e.label), 1)
       ], !0)
     ], 2));
   }
@@ -35,7 +42,7 @@ const V = (e, t) => {
   for (const [o, n] of t)
     l[o] = n;
   return l;
-}, ft = /* @__PURE__ */ V(ct, [["__scopeId", "data-v-c0310e42"]]), yt = ["teal", "white"], vt = /* @__PURE__ */ $({
+}, ft = /* @__PURE__ */ V(ct, [["__scopeId", "data-v-41907acc"]]), yt = ["teal", "white"], vt = /* @__PURE__ */ $({
   __name: "VJoySpinner",
   props: {
     color: {
@@ -51,7 +58,7 @@ const V = (e, t) => {
     }, null, 2));
   }
 });
-const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["primary", "secondary"], pt = ["neutral", "success", "info", "warning", "error"], ht = ["main", "admin", "ghost"], bt = [...mt, ...ht], gt = ["large", "medium", "small", "xsmall", "xxsmall"], _t = ["name", "size"], wt = { class: "joy-button--slot" }, St = ["name", "size"], jt = /* @__PURE__ */ $({
+const We = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["primary", "secondary"], pt = ["neutral", "success", "info", "warning", "error"], ht = ["main", "admin", "ghost"], bt = [...mt, ...ht], gt = ["large", "medium", "small", "xsmall", "xxsmall"], _t = ["name", "size"], wt = { class: "joy-button--slot" }, St = ["name", "size"], jt = /* @__PURE__ */ $({
   __name: "VJoyButton",
   props: {
     /**
@@ -92,7 +99,7 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
     }
   },
   setup(e) {
-    const t = e, l = Re(), o = x(() => {
+    const t = e, l = Re(), o = O(() => {
       switch (t.size) {
         case "xxsmall":
           return "xxsmall";
@@ -103,9 +110,10 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
         default:
           return "small";
       }
-    }), n = x(() => ["white", "ghost", "secondary"].includes(t.variant) ? "teal" : "white");
+    }), n = O(() => ["white", "ghost", "secondary"].includes(t.variant) ? "teal" : "white");
     return (r, s) => (m(), q(ce(_(l).href ? "a" : "button"), {
       disabled: e.loading || _(l).disabled,
+      type: _(l).type || "button",
       class: k([
         "joy-button",
         `joy-button_${e.variant}`,
@@ -116,7 +124,7 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
         }
       ])
     }, {
-      default: L(() => [
+      default: B(() => [
         e.icon && e.iconPosition === "left" ? (m(), p("joy-icon", {
           key: 0,
           class: "joy-button_icon joy-button_icon--left",
@@ -124,7 +132,7 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
           size: _(o),
           lazy: !1
         }, null, 8, _t)) : w("", !0),
-        e.loading ? (m(), q(He, {
+        e.loading ? (m(), q(We, {
           key: 1,
           color: _(n)
         }, null, 8, ["color"])) : w("", !0),
@@ -140,10 +148,10 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
         }, null, 8, St)) : w("", !0)
       ]),
       _: 3
-    }, 8, ["disabled", "class"]));
+    }, 8, ["disabled", "type", "class"]));
   }
 });
-const kt = /* @__PURE__ */ V(jt, [["__scopeId", "data-v-5e0e1d63"]]), $t = ["aria-checked", "aria-hidden"], Vt = { class: "joy-checkbox__input-wrapper" }, xt = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], Ot = { class: "joy-checkbox__content-wrapper" }, It = { class: "joy-checkbox__content" }, Bt = /* @__PURE__ */ $({
+const kt = /* @__PURE__ */ V(jt, [["__scopeId", "data-v-058329aa"]]), $t = ["aria-checked", "aria-hidden"], Vt = { class: "joy-checkbox__input-wrapper" }, xt = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], Ot = { class: "joy-checkbox__content-wrapper" }, It = { class: "joy-checkbox__content" }, Bt = /* @__PURE__ */ $({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -206,6 +214,7 @@ const kt = /* @__PURE__ */ V(jt, [["__scopeId", "data-v-5e0e1d63"]]), $t = ["ari
     return t({
       isIndeterminate: r
     }), (c, f) => (m(), p("div", {
+      class: "joy-checkbox__wrapper",
       "aria-checked": e.checked,
       "aria-hidden": e.disabled
     }, [
@@ -244,7 +253,7 @@ const kt = /* @__PURE__ */ V(jt, [["__scopeId", "data-v-5e0e1d63"]]), $t = ["ari
         ]),
         h("div", Ot, [
           g(c.$slots, "default", {}, () => [
-            J(I(e.label), 1)
+            J(L(e.label), 1)
           ], !0),
           h("div", It, [
             g(c.$slots, "checkbox-content", {}, void 0, !0)
@@ -254,13 +263,13 @@ const kt = /* @__PURE__ */ V(jt, [["__scopeId", "data-v-5e0e1d63"]]), $t = ["ari
     ], 8, $t));
   }
 });
-const he = /* @__PURE__ */ V(Bt, [["__scopeId", "data-v-a39797a6"]]), We = (e) => (te("data-v-0d1ab3f2"), e = e(), le(), e), Lt = { class: "joy-counter" }, Et = ["aria-label", "disabled"], Pt = /* @__PURE__ */ We(() => /* @__PURE__ */ h("joy-icon", {
+const he = /* @__PURE__ */ V(Bt, [["__scopeId", "data-v-192cc0d3"]]), Ue = (e) => (te("data-v-0d1ab3f2"), e = e(), le(), e), Lt = { class: "joy-counter" }, Et = ["aria-label", "disabled"], Pt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ h("joy-icon", {
   name: "minus",
   color: "teal",
   lazy: !1
 }, null, -1)), Ct = [
   Pt
-], Jt = { class: "joy-counter__input-wrapper" }, qt = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Tt = ["aria-label", "disabled"], zt = /* @__PURE__ */ We(() => /* @__PURE__ */ h("joy-icon", {
+], Jt = { class: "joy-counter__input-wrapper" }, qt = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Tt = ["aria-label", "disabled"], zt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ h("joy-icon", {
   name: "add",
   lazy: !1,
   color: "teal"
@@ -382,9 +391,9 @@ const he = /* @__PURE__ */ V(Bt, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: L(() => [
+        default: B(() => [
           g(d.$slots, "default", {}, () => [
-            J(I(e.label), 1)
+            J(L(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -429,7 +438,7 @@ const he = /* @__PURE__ */ V(Bt, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
           onClick: a
         }, At, 8, Tt),
         e.invalid && e.errorMessage ? (m(), p("div", Ft, [
-          fe(_(et), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
+          fe(_(tt), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : w("", !0)
       ], 2)
     ]));
@@ -437,12 +446,12 @@ const he = /* @__PURE__ */ V(Bt, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
 });
 const Rt = /* @__PURE__ */ V(Dt, [["__scopeId", "data-v-0d1ab3f2"]]);
 var _e;
-const U = typeof window < "u", Ue = (e) => typeof e == "string", z = () => {
+const U = typeof window < "u", Ge = (e) => typeof e == "string", z = () => {
 }, ee = U && ((_e = window == null ? void 0 : window.navigator) == null ? void 0 : _e.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function P(e) {
   return typeof e == "function" ? e() : _(e);
 }
-function Ge(e, t) {
+function Ke(e, t) {
   function l(...o) {
     return new Promise((n, r) => {
       Promise.resolve(e(() => t.apply(this, o), { fn: t, thisArg: this, args: o })).then(n).catch(r);
@@ -489,19 +498,19 @@ function Ht(e) {
   return e;
 }
 function G(e) {
-  return ot() ? (nt(e), !0) : !1;
+  return nt() ? (at(e), !0) : !1;
 }
 function Wt(e, t = 200, l = {}) {
-  return Ge(Mt(t, l), e);
+  return Ke(Mt(t, l), e);
 }
 function Ut(e, t = 200, l = !1, o = !0, n = !1) {
-  return Ge(Nt(t, l, o, n), e);
+  return Ke(Nt(t, l, o, n), e);
 }
 function Gt(e) {
-  return typeof e == "function" ? x(e) : b(e);
+  return typeof e == "function" ? O(e) : b(e);
 }
-function Ke(e, t = !0) {
-  at() ? Z(e) : t ? e() : Me(e);
+function Qe(e, t = !0) {
+  it() ? Z(e) : t ? e() : Me(e);
 }
 function H(e) {
   var t;
@@ -514,12 +523,12 @@ U && window.navigator;
 U && window.location;
 function ae(...e) {
   let t, l, o, n;
-  if (Ue(e[0]) || Array.isArray(e[0]) ? ([l, o, n] = e, t = be) : [t, l, o, n] = e, !t)
+  if (Ge(e[0]) || Array.isArray(e[0]) ? ([l, o, n] = e, t = be) : [t, l, o, n] = e, !t)
     return z;
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
   const r = [], s = () => {
     r.forEach((u) => u()), r.length = 0;
-  }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = B(() => [H(t), P(n)], ([u, v]) => {
+  }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = E(() => [H(t), P(n)], ([u, v]) => {
     s(), u && r.push(...l.flatMap((i) => o.map((y) => a(u, i, y, v))));
   }, { immediate: !0, flush: "post" }), f = () => {
     c(), s();
@@ -565,7 +574,7 @@ function Kt(e, t, l = {}) {
 }
 function Qt(e, t = !1) {
   const l = b(), o = () => l.value = Boolean(e());
-  return o(), Ke(o, t), l;
+  return o(), Qe(o, t), l;
 }
 const ie = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, re = "__vueuse_ssr_handlers__";
 ie[re] = ie[re] || {};
@@ -584,7 +593,7 @@ function el(e, t, l = {}) {
   let s;
   const a = Qt(() => n && "ResizeObserver" in n), c = () => {
     s && (s.disconnect(), s = void 0);
-  }, f = B(() => H(e), (v) => {
+  }, f = E(() => H(e), (v) => {
     c(), a.value && n && v && (s = new ResizeObserver(t), s.observe(v, r));
   }, { immediate: !0, flush: "post" }), u = () => {
     c(), f();
@@ -604,7 +613,7 @@ function tl(e) {
     var n, r;
     t.value && (t.value.style.height = "1px", t.value.style.height = `${(n = t.value) == null ? void 0 : n.scrollHeight}px`, (r = e == null ? void 0 : e.onResize) == null || r.call(e));
   }
-  return B([l, t], o, { immediate: !0 }), el(t, () => o()), e != null && e.watch && B(e.watch, o, { immediate: !0, deep: !0 }), {
+  return E([l, t], o, { immediate: !0 }), el(t, () => o()), e != null && e.watch && E(e.watch, o, { immediate: !0, deep: !0 }), {
     textarea: t,
     input: l,
     triggerResize: o
@@ -657,7 +666,7 @@ const rl = /* @__PURE__ */ $({
       l("trigger", n);
     }, e.options), () => {
       if (t.default)
-        return it(e.as || "div", { ref: o }, t.default());
+        return rt(e.as || "div", { ref: o }, t.default());
     };
   }
 });
@@ -669,12 +678,12 @@ function C(e) {
 const M = U ? window : void 0;
 function A(...e) {
   let t, l, o, n;
-  if (Ue(e[0]) || Array.isArray(e[0]) ? ([l, o, n] = e, t = M) : [t, l, o, n] = e, !t)
+  if (Ge(e[0]) || Array.isArray(e[0]) ? ([l, o, n] = e, t = M) : [t, l, o, n] = e, !t)
     return z;
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
   const r = [], s = () => {
     r.forEach((u) => u()), r.length = 0;
-  }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = B(() => [C(t), P(n)], ([u, v]) => {
+  }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = E(() => [C(t), P(n)], ([u, v]) => {
     s(), u && r.push(...l.flatMap((i) => o.map((y) => a(u, i, y, v))));
   }, { immediate: !0, flush: "post" }), f = () => {
     c(), s();
@@ -740,7 +749,7 @@ R.mounted + "";
 const yl = 500;
 function Le(e, t, l) {
   var o, n;
-  const r = x(() => C(e));
+  const r = O(() => C(e));
   let s;
   function a() {
     s && (clearTimeout(s), s = void 0);
@@ -759,9 +768,9 @@ R.mounted + "";
 const se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ue = "__vueuse_ssr_handlers__";
 se[ue] = se[ue] || {};
 se[ue];
-function Qe(e, t = !1) {
+function Ze(e, t = !1) {
   const l = b(), o = () => l.value = Boolean(e());
-  return o(), Ke(o, t), l;
+  return o(), Qe(o, t), l;
 }
 function vl(e, t = {}) {
   const l = t ? t.delayEnter : 0, o = t ? t.delayLeave : 0, n = b(!1);
@@ -785,9 +794,9 @@ var Ee = Object.getOwnPropertySymbols, ml = Object.prototype.hasOwnProperty, pl
 function bl(e, t, l = {}) {
   const o = l, { window: n = M } = o, r = hl(o, ["window"]);
   let s;
-  const a = Qe(() => n && "ResizeObserver" in n), c = () => {
+  const a = Ze(() => n && "ResizeObserver" in n), c = () => {
     s && (s.disconnect(), s = void 0);
-  }, f = B(() => C(e), (v) => {
+  }, f = E(() => C(e), (v) => {
     c(), a.value && n && v && (s = new ResizeObserver(t), s.observe(v, r));
   }, { immediate: !0, flush: "post" }), u = () => {
     c(), f();
@@ -798,7 +807,7 @@ function bl(e, t, l = {}) {
   };
 }
 function gl(e, t = { width: 0, height: 0 }, l = {}) {
-  const { window: o = M, box: n = "content-box" } = l, r = x(() => {
+  const { window: o = M, box: n = "content-box" } = l, r = O(() => {
     var c, f;
     return (f = (c = C(e)) == null ? void 0 : c.namespaceURI) == null ? void 0 : f.includes("svg");
   }), s = b(t.width), a = b(t.height);
@@ -815,7 +824,7 @@ function gl(e, t = { width: 0, height: 0 }, l = {}) {
       s.value = u.reduce((v, { inlineSize: i }) => v + i, 0), a.value = u.reduce((v, { blockSize: i }) => v + i, 0);
     } else
       s.value = c.contentRect.width, a.value = c.contentRect.height;
-  }, l), B(() => C(e), (c) => {
+  }, l), E(() => C(e), (c) => {
     s.value = c ? t.width : 0, a.value = c ? t.height : 0;
   }), {
     width: s,
@@ -835,7 +844,7 @@ function Pe(e, { window: t = M, scrollTarget: l } = {}) {
       o.value = a.top <= (t.innerHeight || r.documentElement.clientHeight) && a.left <= (t.innerWidth || r.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
     }
   };
-  return B(() => C(e), () => n(), { immediate: !0, flush: "post" }), t && A(l || t, "scroll", n, {
+  return E(() => C(e), () => n(), { immediate: !0, flush: "post" }), t && A(l || t, "scroll", n, {
     capture: !1,
     passive: !0
   }), o;
@@ -859,27 +868,27 @@ function de(e, t = {}) {
       passive: !0
     },
     behavior: c = "auto"
-  } = t, f = b(0), u = b(0), v = x({
+  } = t, f = b(0), u = b(0), v = O({
     get() {
       return f.value;
     },
-    set(O) {
-      y(O, void 0);
+    set(I) {
+      y(I, void 0);
     }
-  }), i = x({
+  }), i = O({
     get() {
       return u.value;
     },
-    set(O) {
-      y(void 0, O);
+    set(I) {
+      y(void 0, I);
     }
   });
-  function y(O, T) {
+  function y(I, T) {
     var D, F, ge;
     const ne = P(e);
     ne && ((ge = ne instanceof Document ? document.body : ne) == null || ge.scrollTo({
       top: (D = P(T)) != null ? D : i.value,
-      left: (F = P(O)) != null ? F : v.value,
+      left: (F = P(I)) != null ? F : v.value,
       behavior: P(c)
     }));
   }
@@ -893,15 +902,15 @@ function de(e, t = {}) {
     right: !1,
     top: !1,
     bottom: !1
-  }), Y = (O) => {
-    d.value && (d.value = !1, S.left = !1, S.right = !1, S.top = !1, S.bottom = !1, n(O));
-  }, oe = Wt(Y, l + o), E = (O) => {
-    const T = O.target === document ? O.target.documentElement : O.target, D = T.scrollLeft;
+  }), Y = (I) => {
+    d.value && (d.value = !1, S.left = !1, S.right = !1, S.top = !1, S.bottom = !1, n(I));
+  }, oe = Wt(Y, l + o), x = (I) => {
+    const T = I.target === document ? I.target.documentElement : I.target, D = T.scrollLeft;
     S.left = D < f.value, S.right = D > u.value, j.left = D <= 0 + (s.left || 0), j.right = D + T.clientWidth >= T.scrollWidth - (s.right || 0) - Ce, f.value = D;
     let F = T.scrollTop;
-    O.target === document && !F && (F = document.body.scrollTop), S.top = F < u.value, S.bottom = F > u.value, j.top = F <= 0 + (s.top || 0), j.bottom = F + T.clientHeight >= T.scrollHeight - (s.bottom || 0) - Ce, u.value = F, d.value = !0, oe(O), r(O);
+    I.target === document && !F && (F = document.body.scrollTop), S.top = F < u.value, S.bottom = F > u.value, j.top = F <= 0 + (s.top || 0), j.bottom = F + T.clientHeight >= T.scrollHeight - (s.bottom || 0) - Ce, u.value = F, d.value = !0, oe(I), r(I);
   };
-  return A(e, "scroll", l ? Ut(E, l, !0, !1) : E, a), A(e, "scrollend", Y, a), {
+  return A(e, "scroll", l ? Ut(x, l, !0, !1) : x, a), A(e, "scrollend", Y, a), {
     x: v,
     y: i,
     isScrolling: d,
@@ -924,7 +933,7 @@ function ze(e, t, l = {}) {
       [r]: (n = l.distance) != null ? n : 0
     }, l.offset)
   })));
-  B(() => s.arrivedState[r], async (a) => {
+  E(() => s.arrivedState[r], async (a) => {
     var c, f;
     if (a) {
       const u = P(e), v = {
@@ -947,9 +956,9 @@ function Ae(e, t, l = {}) {
     rootMargin: n = "0px",
     threshold: r = 0.1,
     window: s = M
-  } = l, a = Qe(() => s && "IntersectionObserver" in s);
+  } = l, a = Ze(() => s && "IntersectionObserver" in s);
   let c = z;
-  const f = a.value ? B(() => ({
+  const f = a.value ? E(() => ({
     el: C(e),
     root: C(o)
   }), ({ el: v, root: i }) => {
@@ -981,23 +990,23 @@ var Vl = Object.defineProperty, xl = Object.defineProperties, Ol = Object.getOwn
   return e;
 }, El = (e, t) => xl(e, Ol(t));
 R.mounted + "";
-function Ze(e) {
+function Ye(e) {
   const t = window.getComputedStyle(e);
   if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientHeight < e.scrollHeight || t.overflowY === "auto" && e.clientWidth < e.scrollWidth)
     return !0;
   {
     const l = e.parentNode;
-    return !l || l.tagName === "BODY" ? !1 : Ze(l);
+    return !l || l.tagName === "BODY" ? !1 : Ye(l);
   }
 }
 function Pl(e) {
   const t = e || window.event, l = t.target;
-  return Ze(l) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return Ye(l) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
 function Cl(e, t = !1) {
   const l = b(t);
   let o = null, n;
-  B(Gt(e), (a) => {
+  E(Gt(e), (a) => {
     if (a) {
       const c = a;
       n = c.style.overflow, l.value && (c.style.overflow = "hidden");
@@ -1014,7 +1023,7 @@ function Cl(e, t = !1) {
     const a = P(e);
     !a || !l.value || (ee && (o == null || o()), a.style.overflow = n, l.value = !1);
   };
-  return G(s), x({
+  return G(s), O({
     get() {
       return l.value;
     },
@@ -1031,14 +1040,17 @@ const Jl = () => {
       return;
     e = !0;
     const n = Cl(l, o.value);
-    B(t, (r) => n.value = r);
+    E(t, (r) => n.value = r);
   };
 };
 Jl();
-const Ye = ["medium", "small"], ql = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Tl = {
+const Xe = ["medium", "small"], ql = {
   key: 0,
+  class: "joy-dropdown-list__header"
+}, Tl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], zl = {
+  key: 1,
   class: "joy-dropdown-list__footer"
-}, zl = /* @__PURE__ */ $({
+}, Al = /* @__PURE__ */ $({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -1057,7 +1069,7 @@ const Ye = ["medium", "small"], ql = ["id", "tabindex", "aria-disabled", "aria-s
       type: String,
       default: "medium",
       validator(e) {
-        return Ye.includes(e);
+        return Xe.includes(e);
       }
     },
     modelValue: {
@@ -1074,7 +1086,7 @@ const Ye = ["medium", "small"], ql = ["id", "tabindex", "aria-disabled", "aria-s
   },
   emits: ["update:modelValue", "close:dropdownList"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = b(), r = x(() => (i) => !o.modelValue && !i.value && !i.id ? !1 : o.modelValue === i.value || o.modelValue === i.id);
+    const o = e, n = b(), r = O(() => (i) => !o.modelValue && !i.value && !i.id ? !1 : o.modelValue === i.value || o.modelValue === i.id);
     function s(i) {
       i.disabled || l("update:modelValue", i.value || i.id);
     }
@@ -1121,49 +1133,57 @@ const Ye = ["medium", "small"], ql = ["id", "tabindex", "aria-disabled", "aria-s
       isSelected: r
     }), (i, y) => (m(), p("div", {
       class: "joy-dropdown-list",
-      style: K({ width: `${e.width}px`, "max-width": `${e.width}px`, "max-height": `${e.height}px` })
+      style: K({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      h("ul", {
-        ref_key: "listbox",
-        ref: n,
-        role: "listbox",
-        class: "joy-dropdown-list__items",
+      i.$slots["dropdown-list-header"] ? (m(), p("header", ql, [
+        g(i.$slots, "dropdown-list-header", {}, void 0, !0)
+      ])) : w("", !0),
+      h("div", {
+        class: k(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": i.$slots["dropdown-list-items"] }]),
         style: K({ "max-height": `${e.height}px` })
       }, [
-        (m(!0), p(ye, null, ve(e.options, (d) => (m(), p("li", {
-          id: d.id,
-          key: d.label,
-          style: K({ "max-width": `${e.width}px` }),
-          class: k([
-            "joy-dropdown-list__item",
-            `joy-dropdown-list__item--${e.size}`,
-            {
-              "joy-dropdown-list__item--selected": _(r)(d),
-              "joy-dropdown-list__item--disabled": d.disabled
-            }
-          ]),
-          tabindex: d.disabled ? void 0 : 0,
-          "aria-disabled": d.disabled,
-          "aria-selected": _(r)(d),
-          title: d.label,
-          "aria-label": d.label,
-          ".dataModel": d.value || d.id,
-          role: "option",
-          onClick: (j) => s(d)
+        g(i.$slots, "dropdown-list-items", {}, void 0, !0),
+        e.options.length ? (m(), p("ul", {
+          key: 0,
+          ref_key: "listbox",
+          ref: n,
+          role: "listbox"
         }, [
-          g(i.$slots, "label", me(pe(d)), () => [
-            h("span", null, I(d.label), 1)
-          ], !0)
-        ], 14, ql))), 128))
-      ], 4),
-      i.$slots.footer ? (m(), p("footer", Tl, [
-        g(i.$slots, "footer", {}, void 0, !0)
+          (m(!0), p(ye, null, ve(e.options, (d) => (m(), p("li", {
+            id: d.id,
+            key: d.label,
+            style: K({ "max-width": `${e.width}px` }),
+            class: k([
+              "joy-dropdown-list__item",
+              `joy-dropdown-list__item--${e.size}`,
+              {
+                "joy-dropdown-list__item--selected": _(r)(d),
+                "joy-dropdown-list__item--disabled": d.disabled
+              }
+            ]),
+            tabindex: d.disabled ? void 0 : 0,
+            "aria-disabled": d.disabled,
+            "aria-selected": _(r)(d),
+            title: d.label,
+            "aria-label": d.label,
+            ".dataModel": d.value || d.id,
+            role: "option",
+            onClick: (j) => s(d)
+          }, [
+            g(i.$slots, "label", me(pe(d)), () => [
+              h("span", null, L(d.label), 1)
+            ], !0)
+          ], 14, Tl))), 128))
+        ], 512)) : w("", !0)
+      ], 6),
+      i.$slots["dropdown-list-footer"] ? (m(), p("footer", zl, [
+        g(i.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : w("", !0)
     ], 4));
   }
 });
-const Xe = /* @__PURE__ */ V(zl, [["__scopeId", "data-v-af851385"]]);
-function Al(e) {
+const et = /* @__PURE__ */ V(Al, [["__scopeId", "data-v-63134a7f"]]);
+function Fl(e) {
   const t = () => e();
   Z(() => {
     window.addEventListener("resize", t);
@@ -1171,7 +1191,7 @@ function Al(e) {
     window.removeEventListener("resize", t);
   });
 }
-const Fl = /* @__PURE__ */ $({
+const Dl = /* @__PURE__ */ $({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -1219,7 +1239,7 @@ const Fl = /* @__PURE__ */ $({
       type: String,
       default: "medium",
       validator(e) {
-        return Ye.includes(e);
+        return Xe.includes(e);
       }
     },
     modelValue: {
@@ -1264,8 +1284,8 @@ const Fl = /* @__PURE__ */ $({
         n.value = !1, f.value = !1, l("dropdown:hide");
       }, 300);
     }
-    function d(E) {
-      f.value = !1, v && clearTimeout(v), Y(), c.value = E.target, n.value = !0, l("dropdown:open");
+    function d(x) {
+      f.value = !1, v && clearTimeout(v), Y(), c.value = x.target, n.value = !0, l("dropdown:open");
     }
     function j() {
       y(), S();
@@ -1274,31 +1294,31 @@ const Fl = /* @__PURE__ */ $({
       c.value && c.value.focus();
     }
     function Y() {
-      const E = s.value.getBoundingClientRect(), O = document.documentElement.scrollTop + E.top, T = E.height, D = E.left, F = E.width;
-      o.justify === "left" ? i.left = D + "px" : i.left = D + F - parseInt(o.width) + "px", o.direction === "down" ? i.top = O + T + parseInt(o.dropdownGap) + "px" : i.top = O - (parseInt(o.height) + parseInt(o.dropdownGap)) + "px";
+      const x = s.value.getBoundingClientRect(), I = document.documentElement.scrollTop + x.top, T = x.height, D = x.left, F = x.width;
+      o.justify === "left" ? i.left = D + "px" : i.left = D + F - parseInt(o.width) + "px", o.direction === "down" ? i.top = I + T + parseInt(o.dropdownGap) + "px" : i.top = I - (parseInt(o.height) + parseInt(o.dropdownGap)) + "px";
     }
-    function oe(E) {
-      l("update:modelValue", E), o.closeOnSelect && (y(), S());
+    function oe(x) {
+      l("update:modelValue", x), o.closeOnSelect && (y(), S());
     }
-    return Al(y), t({
+    return Fl(y), t({
       showDropdownList: n
-    }), (E, O) => (m(), q(_(rl), {
+    }), (x, I) => (m(), q(_(rl), {
       ref_key: "dropdown",
       ref: r,
       options: u,
       class: "joy-dropdown",
       onTrigger: y
     }, {
-      default: L(() => [
+      default: B(() => [
         h("div", {
           ref_key: "button",
           ref: s,
           class: "joy-dropdown__button",
           onClick: d
         }, [
-          g(E.$slots, "dropdown-button", {}, void 0, !0)
+          g(x.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
-        (m(), q(rt, {
+        (m(), q(st, {
           to: e.appendTo,
           disabled: e.disableTeleport
         }, [
@@ -1319,7 +1339,7 @@ const Fl = /* @__PURE__ */ $({
               left: i.left
             })
           }, [
-            fe(Xe, {
+            fe(et, {
               "model-value": e.modelValue,
               options: e.options,
               size: e.size,
@@ -1327,14 +1347,36 @@ const Fl = /* @__PURE__ */ $({
               height: e.height,
               "onUpdate:modelValue": oe,
               "onClose:dropdownList": j
-            }, {
-              label: L((T) => [
-                g(E.$slots, "dropdown-item", me(pe(T)), () => [
-                  h("span", null, I(T.label), 1)
+            }, He({
+              label: B((T) => [
+                g(x.$slots, "dropdown-item", me(pe(T)), () => [
+                  h("span", null, L(T.label), 1)
                 ], !0)
               ]),
-              _: 3
-            }, 8, ["model-value", "options", "size", "width", "height"])
+              _: 2
+            }, [
+              x.$slots["dropdown-header"] ? {
+                name: "dropdown-list-header",
+                fn: B(() => [
+                  g(x.$slots, "dropdown-header", {}, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0,
+              x.$slots["dropdown-items"] ? {
+                name: "dropdown-list-items",
+                fn: B(() => [
+                  g(x.$slots, "dropdown-items", {}, void 0, !0)
+                ]),
+                key: "1"
+              } : void 0,
+              x.$slots["dropdown-footer"] ? {
+                name: "dropdown-list-footer",
+                fn: B(() => [
+                  g(x.$slots, "dropdown-footer", {}, void 0, !0)
+                ]),
+                key: "2"
+              } : void 0
+            ]), 1032, ["model-value", "options", "size", "width", "height"])
           ], 6)) : w("", !0)
         ], 8, ["to", "disabled"]))
       ]),
@@ -1342,10 +1384,10 @@ const Fl = /* @__PURE__ */ $({
     }, 512));
   }
 });
-const Dl = /* @__PURE__ */ V(Fl, [["__scopeId", "data-v-6caf97fb"]]), Rl = (e) => (te("data-v-50e209d6"), e = e(), le(), e), Ml = ["aria-hidden"], Nl = /* @__PURE__ */ Rl(() => /* @__PURE__ */ h("joy-icon", {
+const Rl = /* @__PURE__ */ V(Dl, [["__scopeId", "data-v-2657fbc4"]]), Ml = (e) => (te("data-v-50e209d6"), e = e(), le(), e), Nl = ["aria-hidden"], Hl = /* @__PURE__ */ Ml(() => /* @__PURE__ */ h("joy-icon", {
   "custom-class": "joy-icon-error",
   name: "warning-triangle"
-}, null, -1)), Hl = /* @__PURE__ */ $({
+}, null, -1)), Wl = /* @__PURE__ */ $({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1362,17 +1404,17 @@ const Dl = /* @__PURE__ */ V(Fl, [["__scopeId", "data-v-6caf97fb"]]), Rl = (e) =
       class: k(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      Nl,
+      Hl,
       h("div", null, [
         g(t.$slots, "default", {}, () => [
-          J(I(e.noHtmlErrorText), 1)
+          J(L(e.noHtmlErrorText), 1)
         ], !0)
       ])
-    ], 10, Ml));
+    ], 10, Nl));
   }
 });
-const et = /* @__PURE__ */ V(Hl, [["__scopeId", "data-v-50e209d6"]]);
-function Wl(e) {
+const tt = /* @__PURE__ */ V(Wl, [["__scopeId", "data-v-50e209d6"]]);
+function Ul(e) {
   let t;
   switch (e) {
     case "error":
@@ -1386,7 +1428,7 @@ function Wl(e) {
   }
   return t;
 }
-const Ul = [...pt], Gl = ["name"], Kl = { class: "joy-highlight--text" }, Ql = /* @__PURE__ */ $({
+const Gl = [...pt], Kl = ["name"], Ql = { class: "joy-highlight--text" }, Zl = /* @__PURE__ */ $({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -1402,12 +1444,12 @@ const Ul = [...pt], Gl = ["name"], Kl = { class: "joy-highlight--text" }, Ql = /
       type: String,
       default: "neutral",
       validator(e) {
-        return Ul.includes(e);
+        return Gl.includes(e);
       }
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = x(() => l.icon ? l.icon : Wl(l.level));
+    const l = e, o = O(() => l.icon ? l.icon : Ul(l.level));
     return t({
       getRelevantIcon: o
     }), (n, r) => (m(), p("div", {
@@ -1423,8 +1465,8 @@ const Ul = [...pt], Gl = ["name"], Kl = { class: "joy-highlight--text" }, Ql = /
       e.displayIcon ? (m(), p("joy-icon", {
         key: 0,
         name: _(o)
-      }, null, 8, Gl)) : w("", !0),
-      h("div", Kl, [
+      }, null, 8, Kl)) : w("", !0),
+      h("div", Ql, [
         h("strong", null, [
           g(n.$slots, "highlight-title", {}, void 0, !0)
         ]),
@@ -1433,20 +1475,20 @@ const Ul = [...pt], Gl = ["name"], Kl = { class: "joy-highlight--text" }, Ql = /
     ], 2));
   }
 });
-const Zl = /* @__PURE__ */ V(Ql, [["__scopeId", "data-v-a0ff7a60"]]), Yl = ["small", "medium", "large"], Xl = {
+const Yl = /* @__PURE__ */ V(Zl, [["__scopeId", "data-v-a0ff7a60"]]), Xl = ["small", "medium", "large"], eo = {
   key: 0,
   class: "joy-label-required"
-}, eo = {
+}, to = {
   key: 1,
   class: "joy-label-optional"
-}, to = /* @__PURE__ */ $({
+}, lo = /* @__PURE__ */ $({
   __name: "VJoyLabel",
   props: {
     size: {
       type: String,
       default: "medium",
       validator(e) {
-        return Yl.includes(e);
+        return Xl.includes(e);
       }
     },
     tagName: {
@@ -1465,16 +1507,16 @@ const Zl = /* @__PURE__ */ V(Ql, [["__scopeId", "data-v-a0ff7a60"]]), Yl = ["sma
     return (t, l) => (m(), q(ce(e.tagName), Q({
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
-      default: L(() => [
+      default: B(() => [
         g(t.$slots, "default", {}, void 0, !0),
-        e.required ? (m(), p("span", Xl, "*")) : w("", !0),
-        e.optionalLabel ? (m(), p("span", eo, "- " + I(e.optionalLabel), 1)) : w("", !0)
+        e.required ? (m(), p("span", eo, "*")) : w("", !0),
+        e.optionalLabel ? (m(), p("span", to, "- " + L(e.optionalLabel), 1)) : w("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["large", "medium", "small"], oo = ["id", "disabled", "type", "value"], no = ["name"], ao = ["data-unit"], io = /* @__PURE__ */ $({
+const N = /* @__PURE__ */ V(lo, [["__scopeId", "data-v-1e682734"]]), oo = ["large", "medium", "small"], no = ["id", "disabled", "type", "value"], ao = ["name"], io = ["data-unit"], ro = /* @__PURE__ */ $({
   __name: "VJoyInput",
   props: {
     disabled: {
@@ -1525,7 +1567,7 @@ const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["larg
       type: String,
       default: "medium",
       validator(e) {
-        return lo.includes(e);
+        return oo.includes(e);
       }
     },
     type: String,
@@ -1534,11 +1576,11 @@ const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["larg
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, o = b(), n = b(), r = Re(), s = W(), a = b(!1), c = x(() => l.clearable && l.modelValue.length > 0 && !l.unit), f = x(() => s.default && s.default()), u = x(() => {
+    const l = e, o = b(), n = b(), r = Re(), s = W(), a = b(!1), c = O(() => l.clearable && l.modelValue.length > 0 && !l.unit), f = O(() => s.default && s.default()), u = O(() => {
       var y, d;
       return !!((y = n.value) != null && y.closest("joy-wrapper")) || !!((d = n.value) != null && d.closest(".joy-wrapper"));
     }), v = b(l.type);
-    st(() => {
+    ut(() => {
       v.value = l.unit ? "number" : l.unit || "text";
     });
     const i = {
@@ -1579,9 +1621,9 @@ const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["larg
           "optional-label": e.optionalLabel,
           size: e.labelSize
         }, {
-          default: L(() => [
+          default: B(() => [
             g(y.$slots, "default", {}, () => [
-              J(I(e.label), 1)
+              J(L(e.label), 1)
             ], !0)
           ]),
           _: 3
@@ -1616,7 +1658,7 @@ const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["larg
             (...j) => i.onBlur && i.onBlur(...j)),
             onInput: d[2] || (d[2] = //@ts-ignore
             (...j) => i.onInput && i.onInput(...j))
-          }), null, 16, oo),
+          }), null, 16, no),
           _(c) ? (m(), p("joy-icon", {
             key: 0,
             size: "xxsmall",
@@ -1630,18 +1672,18 @@ const N = /* @__PURE__ */ V(to, [["__scopeId", "data-v-1e682734"]]), lo = ["larg
             role: "img",
             class: "joy-input--decorative-icon",
             name: e.icon
-          }, null, 8, no)) : w("", !0),
+          }, null, 8, ao)) : w("", !0),
           e.unit ? (m(), p("div", {
             key: 2,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, ao)) : w("", !0)
+          }, null, 8, io)) : w("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const ro = /* @__PURE__ */ V(io, [["__scopeId", "data-v-8258d6d7"]]), so = ["teal", "white"], uo = ["href"], co = ["color", "name"], fo = /* @__PURE__ */ $({
+const so = /* @__PURE__ */ V(ro, [["__scopeId", "data-v-8258d6d7"]]), uo = ["teal", "white"], co = ["href"], fo = ["color", "name"], yo = /* @__PURE__ */ $({
   __name: "VJoyLink",
   props: {
     href: {
@@ -1652,13 +1694,13 @@ const ro = /* @__PURE__ */ V(io, [["__scopeId", "data-v-8258d6d7"]]), so = ["tea
       type: String,
       default: "teal",
       validator(e) {
-        return so.includes(e);
+        return uo.includes(e);
       }
     },
     icon: String
   },
   setup(e) {
-    const t = e, l = x(() => t.color === "white" ? "white" : "teal");
+    const t = e, l = O(() => t.color === "white" ? "white" : "teal");
     return (o, n) => (m(), p("a", Q({ href: e.href }, o.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
@@ -1666,14 +1708,14 @@ const ro = /* @__PURE__ */ V(io, [["__scopeId", "data-v-8258d6d7"]]), so = ["tea
         key: 0,
         color: _(l),
         name: e.icon
-      }, null, 8, co)) : w("", !0),
+      }, null, 8, fo)) : w("", !0),
       g(o.$slots, "default", {}, void 0, !0)
-    ], 16, uo));
+    ], 16, co));
   }
 });
-const yo = /* @__PURE__ */ V(fo, [["__scopeId", "data-v-7ef59bc8"]]), vo = ["id"], mo = {
+const vo = /* @__PURE__ */ V(yo, [["__scopeId", "data-v-7ef59bc8"]]), mo = ["id"], po = {
   class: /* @__PURE__ */ k(["joy-multi-checkbox"])
-}, po = /* @__PURE__ */ $({
+}, ho = /* @__PURE__ */ $({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {
@@ -1731,12 +1773,12 @@ const yo = /* @__PURE__ */ V(fo, [["__scopeId", "data-v-7ef59bc8"]]), vo = ["id"
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: L(() => [
-          J(I(e.label), 1)
+        default: B(() => [
+          J(L(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
-      h("div", mo, [
+      h("div", po, [
         (m(!0), p(ye, null, ve(e.options, (a) => (m(), q(_(he), {
           id: a.id,
           key: a.id,
@@ -1745,33 +1787,33 @@ const yo = /* @__PURE__ */ V(fo, [["__scopeId", "data-v-7ef59bc8"]]), vo = ["id"
           checked: o(a),
           "onUpdate:checked": (c) => n(a.value, c)
         }, {
-          default: L(() => [
+          default: B(() => [
             g(r.$slots, "checkbox", me(pe(a)), () => [
-              J(I(a.label), 1)
+              J(L(a.label), 1)
             ], !0)
           ]),
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, vo));
+    ], 8, mo));
   }
 });
-const ho = /* @__PURE__ */ V(po, [["__scopeId", "data-v-f4301a1f"]]), bo = ["small", "medium", "large"], go = {
+const bo = /* @__PURE__ */ V(ho, [["__scopeId", "data-v-f4301a1f"]]), go = ["small", "medium", "large"], _o = {
   key: 0,
   class: /* @__PURE__ */ k(["joy-panel__header"])
-}, _o = {
+}, wo = {
   key: 0,
   class: "joy-panel__header-title"
-}, wo = {
+}, So = {
   key: 1,
   class: "joy-panel__header-action"
-}, So = {
+}, jo = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, jo = { class: "joy-panel__body" }, ko = {
+}, ko = { class: "joy-panel__body" }, $o = {
   key: 1,
   class: "joy-panel__footer"
-}, $o = /* @__PURE__ */ $({
+}, Vo = /* @__PURE__ */ $({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -1785,59 +1827,59 @@ const ho = /* @__PURE__ */ V(po, [["__scopeId", "data-v-f4301a1f"]]), bo = ["sma
       type: String,
       default: "medium",
       validator(e) {
-        return bo.includes(e);
+        return go.includes(e);
       }
     }
   },
   setup(e) {
-    const t = W(), l = b(), o = x(() => t["panel-title"] || t["panel-subtitle"] || t["panel-title-action"]);
+    const t = W(), l = b(), o = O(() => t["panel-title"] || t["panel-subtitle"] || t["panel-title-action"]);
     return (n, r) => (m(), p("section", {
       ref_key: "panel",
       ref: l,
       style: K({ flex: e.flex }),
       class: k(["joy-panel", `joy-panel--${e.padding}`, { "joy-panel--no-margin": e.noMargin }])
     }, [
-      _(o) ? (m(), p("header", go, [
-        _(t)["panel-title"] ? (m(), p("div", _o, [
+      _(o) ? (m(), p("header", _o, [
+        _(t)["panel-title"] ? (m(), p("div", wo, [
           g(n.$slots, "panel-title", {}, void 0, !0)
         ])) : w("", !0),
-        _(t)["panel-title-action"] ? (m(), p("div", wo, [
+        _(t)["panel-title-action"] ? (m(), p("div", So, [
           g(n.$slots, "panel-title-action", {}, void 0, !0)
         ])) : w("", !0),
-        _(t)["panel-subtitle"] ? (m(), p("div", So, [
+        _(t)["panel-subtitle"] ? (m(), p("div", jo, [
           g(n.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : w("", !0)
       ])) : w("", !0),
-      h("div", jo, [
+      h("div", ko, [
         g(n.$slots, "panel-body", {}, void 0, !0)
       ]),
-      _(t)["panel-action"] ? (m(), p("footer", ko, [
+      _(t)["panel-action"] ? (m(), p("footer", $o, [
         g(n.$slots, "panel-action", {}, void 0, !0)
       ])) : w("", !0)
     ], 6));
   }
 });
-const Vo = /* @__PURE__ */ V($o, [["__scopeId", "data-v-1aadee0b"]]), xo = { class: "joy-panel-section" }, Oo = {
+const xo = /* @__PURE__ */ V(Vo, [["__scopeId", "data-v-1aadee0b"]]), Oo = { class: "joy-panel-section" }, Io = {
   key: 0,
   class: "joy-panel-section__title"
-}, Io = {
+}, Bo = {
   key: 1,
   class: "joy-panel-section__content"
-}, Bo = /* @__PURE__ */ $({
+}, Lo = /* @__PURE__ */ $({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = W();
-    return (l, o) => (m(), p("div", xo, [
-      _(t)["panel-section-title"] ? (m(), p("div", Oo, [
+    return (l, o) => (m(), p("div", Oo, [
+      _(t)["panel-section-title"] ? (m(), p("div", Io, [
         g(l.$slots, "panel-section-title", {}, void 0, !0)
       ])) : w("", !0),
-      _(t)["panel-section-content"] ? (m(), p("div", Io, [
+      _(t)["panel-section-content"] ? (m(), p("div", Bo, [
         g(l.$slots, "panel-section-content", {}, void 0, !0)
       ])) : w("", !0)
     ]));
   }
 });
-const Lo = /* @__PURE__ */ V(Bo, [["__scopeId", "data-v-d88510ab"]]), Eo = ["id", "value", "checked", "disabled", "required", "name"], Po = { class: "joy-radio-label" }, Co = { class: "joy-radio-content__wrapper" }, Jo = { class: "joy-radio-content" }, qo = /* @__PURE__ */ $({
+const Eo = /* @__PURE__ */ V(Lo, [["__scopeId", "data-v-d88510ab"]]), Po = ["id", "value", "checked", "disabled", "required", "name"], Co = { class: "joy-radio-label" }, Jo = { class: "joy-radio-content__wrapper" }, qo = { class: "joy-radio-content" }, To = /* @__PURE__ */ $({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -1873,7 +1915,7 @@ const Lo = /* @__PURE__ */ V(Bo, [["__scopeId", "data-v-d88510ab"]]), Eo = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = b(!1), r = b(!1), s = b(null), a = b(null), c = W(), f = x(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
+    const o = e, n = b(!1), r = b(!1), s = b(null), a = b(null), c = W(), f = O(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
     function u() {
       n.value = !!c["expandable-content"] && f.value;
     }
@@ -1889,7 +1931,7 @@ const Lo = /* @__PURE__ */ V(Bo, [["__scopeId", "data-v-d88510ab"]]), Eo = ["id"
     function y() {
       r.value = !1;
     }
-    return B(
+    return E(
       () => o.modelValue,
       () => {
         u();
@@ -1923,12 +1965,12 @@ const Lo = /* @__PURE__ */ V(Bo, [["__scopeId", "data-v-d88510ab"]]), Eo = ["id"
         onChange: v,
         onFocus: i,
         onBlur: y
-      }, null, 40, Eo),
-      h("span", Po, [
+      }, null, 40, Po),
+      h("span", Co, [
         g(d.$slots, "default", {}, void 0, !0)
       ]),
-      h("div", Co, [
-        h("div", Jo, [
+      h("div", Jo, [
+        h("div", qo, [
           g(d.$slots, "radio-content", {}, void 0, !0)
         ]),
         h("div", {
@@ -1942,7 +1984,7 @@ const Lo = /* @__PURE__ */ V(Bo, [["__scopeId", "data-v-d88510ab"]]), Eo = ["id"
     ], 2));
   }
 });
-const To = /* @__PURE__ */ V(qo, [["__scopeId", "data-v-24cea99b"]]), zo = ["form", "name"], Ao = /* @__PURE__ */ $({
+const zo = /* @__PURE__ */ V(To, [["__scopeId", "data-v-24cea99b"]]), Ao = ["form", "name"], Fo = /* @__PURE__ */ $({
   __name: "VJoyRadioGroup",
   props: {
     direction: {
@@ -1970,13 +2012,13 @@ const To = /* @__PURE__ */ V(qo, [["__scopeId", "data-v-24cea99b"]]), zo = ["for
       }, [
         g(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, zo));
+    ], 8, Ao));
   }
 });
-const Fo = /* @__PURE__ */ V(Ao, [["__scopeId", "data-v-de56c3c4"]]), Do = (e) => (te("data-v-d251a432"), e = e(), le(), e), Ro = ["id", "name", "aria-invalid", "required", "disabled", "value"], Mo = /* @__PURE__ */ Do(() => /* @__PURE__ */ h("joy-icon", {
+const Do = /* @__PURE__ */ V(Fo, [["__scopeId", "data-v-de56c3c4"]]), Ro = (e) => (te("data-v-d251a432"), e = e(), le(), e), Mo = ["id", "name", "aria-invalid", "required", "disabled", "value"], No = /* @__PURE__ */ Ro(() => /* @__PURE__ */ h("joy-icon", {
   class: "joy-select__chevron",
   name: "chevron-down"
-}, null, -1)), No = /* @__PURE__ */ $({
+}, null, -1)), Ho = /* @__PURE__ */ $({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -2055,8 +2097,8 @@ const Fo = /* @__PURE__ */ V(Ao, [["__scopeId", "data-v-de56c3c4"]]), Do = (e) =
           for: e.id || e.name,
           size: e.labelSize
         }, {
-          default: L(() => [
-            J(I(e.label), 1)
+          default: B(() => [
+            J(L(e.label), 1)
           ]),
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : w("", !0)
@@ -2084,13 +2126,13 @@ const Fo = /* @__PURE__ */ V(Ao, [["__scopeId", "data-v-de56c3c4"]]), Do = (e) =
           onBlur: f
         }, [
           g(u.$slots, "default", {}, void 0, !0)
-        ], 40, Ro),
-        Mo
+        ], 40, Mo),
+        No
       ], 2)
     ], 512));
   }
 });
-const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-d251a432"]]), Wo = ["aria-disabled"], Uo = ["id", "value", "checked", "disabled", "required", "name"], Go = /* @__PURE__ */ $({
+const Wo = /* @__PURE__ */ V(Ho, [["__scopeId", "data-v-d251a432"]]), Uo = ["aria-disabled"], Go = ["id", "value", "checked", "disabled", "required", "name"], Ko = /* @__PURE__ */ $({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -2175,7 +2217,7 @@ const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-d251a432"]]), Wo = ["ari
         (...v) => a.onFocus && a.onFocus(...v)),
         onBlur: u[2] || (u[2] = //@ts-ignore
         (...v) => a.onBlur && a.onBlur(...v))
-      }, null, 40, Uo)),
+      }, null, 40, Go)),
       (m(), q(ce(_(s)), {
         for: e.id,
         class: k([
@@ -2189,7 +2231,7 @@ const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-d251a432"]]), Wo = ["ari
         ]),
         onClick: a.onLabelClick
       }, {
-        default: L(() => [
+        default: B(() => [
           e.multiple ? (m(), q(_(he), {
             key: 0,
             id: e.id,
@@ -2206,7 +2248,7 @@ const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-d251a432"]]), Wo = ["ari
             onFocus: a.onFocus,
             onBlur: a.onBlur
           }, {
-            default: L(() => [
+            default: B(() => [
               g(f.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
@@ -2220,10 +2262,10 @@ const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-d251a432"]]), Wo = ["ari
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, Wo));
+    ], 10, Uo));
   }
 });
-const tt = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-cb2531c0"]]), Ko = ["id"], Qo = /* @__PURE__ */ $({
+const lt = /* @__PURE__ */ V(Ko, [["__scopeId", "data-v-cb2531c0"]]), Qo = ["id"], Zo = /* @__PURE__ */ $({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -2285,8 +2327,8 @@ const tt = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-cb2531c0"]]), Ko = ["id"
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: L(() => [
-          J(I(e.label), 1)
+        default: B(() => [
+          J(L(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
@@ -2300,7 +2342,7 @@ const tt = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-cb2531c0"]]), Ko = ["id"
           }
         ])
       }, [
-        (m(!0), p(ye, null, ve(e.options, (a) => (m(), q(_(tt), {
+        (m(!0), p(ye, null, ve(e.options, (a) => (m(), q(_(lt), {
           id: a.id,
           key: a.id,
           name: a.name,
@@ -2308,25 +2350,25 @@ const tt = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-cb2531c0"]]), Ko = ["id"
           multiple: e.multiple,
           checked: o(a),
           "onUpdate:checked": (c) => n(a.value, c)
-        }, ut({
-          default: L(() => [
-            J(I(a.label) + " ", 1)
+        }, He({
+          default: B(() => [
+            J(L(a.label) + " ", 1)
           ]),
           _: 2
         }, [
           a.subLabel ? {
             name: "selectable-item-sublabel",
-            fn: L(() => [
-              J(I(a.subLabel), 1)
+            fn: B(() => [
+              J(L(a.subLabel), 1)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["id", "name", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, Ko));
+    ], 8, Qo));
   }
 });
-const Zo = /* @__PURE__ */ V(Qo, [["__scopeId", "data-v-3ba17434"]]), Yo = /* @__PURE__ */ $({
+const Yo = /* @__PURE__ */ V(Zo, [["__scopeId", "data-v-3ba17434"]]), Xo = /* @__PURE__ */ $({
   __name: "VJoyWrapper",
   props: {
     justify: {
@@ -2365,45 +2407,45 @@ const Zo = /* @__PURE__ */ V(Qo, [["__scopeId", "data-v-3ba17434"]]), Yo = /* @_
     ], 2));
   }
 });
-const Xo = /* @__PURE__ */ V(Yo, [["__scopeId", "data-v-477e149b"]]), en = { class: "joy-template__wrapper" }, tn = {
+const en = /* @__PURE__ */ V(Xo, [["__scopeId", "data-v-477e149b"]]), tn = { class: "joy-template__wrapper" }, ln = {
   key: 0,
   class: "joy-template__heading"
-}, ln = {
+}, on = {
   key: 0,
   class: "joy-template-slot-back"
-}, on = { class: "joy-template__heading___headings" }, nn = {
+}, nn = { class: "joy-template__heading___headings" }, an = {
   key: 0,
   class: "joy-template-slot-title"
-}, an = {
+}, rn = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, rn = {
+}, sn = {
   key: 0,
   class: "joy-template-slot-main"
-}, sn = {
+}, un = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, un = /* @__PURE__ */ $({
+}, dn = /* @__PURE__ */ $({
   __name: "VJoyTemplate",
   props: {
     full: { type: Boolean, default: !1 },
     sidebar: { type: String, default: "right" }
   },
   setup(e) {
-    const t = e, l = W(), o = x(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"]);
+    const t = e, l = W(), o = O(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"]);
     return (n, r) => (m(), p("main", {
       class: k(["joy-template", { "joy-template--full": t.full }])
     }, [
-      h("div", en, [
-        _(o) ? (m(), p("div", tn, [
-          _(l)["template-back"] ? (m(), p("div", ln, [
+      h("div", tn, [
+        _(o) ? (m(), p("div", ln, [
+          _(l)["template-back"] ? (m(), p("div", on, [
             g(n.$slots, "template-back", {}, void 0, !0)
           ])) : w("", !0),
-          h("div", on, [
-            _(l)["template-title"] ? (m(), p("div", nn, [
+          h("div", nn, [
+            _(l)["template-title"] ? (m(), p("div", an, [
               g(n.$slots, "template-title", {}, void 0, !0)
             ])) : w("", !0),
-            _(l)["template-subtitle"] ? (m(), p("div", an, [
+            _(l)["template-subtitle"] ? (m(), p("div", rn, [
               g(n.$slots, "template-subtitle", {}, void 0, !0)
             ])) : w("", !0)
           ])
@@ -2416,10 +2458,10 @@ const Xo = /* @__PURE__ */ V(Yo, [["__scopeId", "data-v-477e149b"]]), en = { cla
             }
           ])
         }, [
-          n.$slots["template-main"] ? (m(), p("div", rn, [
+          n.$slots["template-main"] ? (m(), p("div", sn, [
             g(n.$slots, "template-main", {}, void 0, !0)
           ])) : w("", !0),
-          n.$slots["template-sidebar"] ? (m(), p("div", sn, [
+          n.$slots["template-sidebar"] ? (m(), p("div", un, [
             g(n.$slots, "template-sidebar", {}, void 0, !0)
           ])) : w("", !0)
         ], 2)
@@ -2427,15 +2469,15 @@ const Xo = /* @__PURE__ */ V(Yo, [["__scopeId", "data-v-477e149b"]]), en = { cla
     ], 2));
   }
 });
-const dn = /* @__PURE__ */ V(un, [["__scopeId", "data-v-f891bd85"]]), cn = ["aria-disabled"], fn = { class: "joy-textarea_wrapper" }, yn = ["id", "disabled", "name", "required", "minlength", "value"], vn = {
+const cn = /* @__PURE__ */ V(dn, [["__scopeId", "data-v-f891bd85"]]), fn = ["aria-disabled"], yn = { class: "joy-textarea_wrapper" }, vn = ["id", "disabled", "name", "required", "minlength", "value"], mn = {
   key: 0,
   class: "joy-textarea_helpers"
-}, mn = {
+}, pn = {
   key: 0,
   name: "check",
   color: "grey",
   size: "xxsmall"
-}, pn = /* @__PURE__ */ $({
+}, hn = /* @__PURE__ */ $({
   __name: "VJoyTextarea",
   props: {
     disabled: {
@@ -2486,7 +2528,7 @@ const dn = /* @__PURE__ */ V(un, [["__scopeId", "data-v-f891bd85"]]), cn = ["ari
   setup(e, { expose: t, emit: l }) {
     const o = e, n = b(), { triggerResize: r } = tl({
       element: o.autogrow ? n : void 0
-    }), s = b(!1), a = b(!1), c = x(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), f = x(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
+    }), s = b(!1), a = b(!1), c = O(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), f = O(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
       onInput: (v) => {
         l("update:modelValue", v.target.value), r();
       },
@@ -2519,14 +2561,14 @@ const dn = /* @__PURE__ */ V(un, [["__scopeId", "data-v-f891bd85"]]), cn = ["ari
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: L(() => [
+        default: B(() => [
           g(v.$slots, "default", {}, () => [
-            J(I(e.label), 1)
+            J(L(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
-      h("div", fn, [
+      h("div", yn, [
         h("textarea", Q(v.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -2543,25 +2585,25 @@ const dn = /* @__PURE__ */ V(un, [["__scopeId", "data-v-f891bd85"]]), cn = ["ari
           (...y) => u.onFocus && u.onFocus(...y)),
           onBlur: i[2] || (i[2] = //@ts-ignore
           (...y) => u.onBlur && u.onBlur(...y))
-        }), null, 16, yn)
+        }), null, 16, vn)
       ]),
-      e.minlength || e.maxlength ? (m(), p("div", vn, [
+      e.minlength || e.maxlength ? (m(), p("div", mn, [
         e.minlength ? (m(), p("p", {
           key: 0,
           class: k(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          _(f) ? w("", !0) : (m(), p("joy-icon", mn)),
-          J(" " + I(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+          _(f) ? w("", !0) : (m(), p("joy-icon", pn)),
+          J(" " + L(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : w("", !0),
         e.maxlength ? (m(), p("p", {
           key: 1,
           class: k(["joy-textarea-count", { "joy-textarea-count-invalid": _(c) }])
-        }, I(e.modelValue.length + "/" + e.maxlength), 3)) : w("", !0)
+        }, L(e.modelValue.length + "/" + e.maxlength), 3)) : w("", !0)
       ])) : w("", !0)
-    ], 10, cn));
+    ], 10, fn));
   }
 });
-const hn = /* @__PURE__ */ V(pn, [["__scopeId", "data-v-1496c389"]]), lt = (e) => (te("data-v-cf79d999"), e = e(), le(), e), bn = { class: "joy-toggle__wrapper" }, gn = ["name", "disabled", "checked", "required", "aria-checked", "value"], _n = { class: "joy-toggle__content" }, wn = /* @__PURE__ */ lt(() => /* @__PURE__ */ h("span", { class: "joy-toggle__symbol" }, null, -1)), Sn = { class: "joy-toggle__content-label" }, jn = /* @__PURE__ */ lt(() => /* @__PURE__ */ h("span", { class: "joy-toggle__smile" }, [
+const bn = /* @__PURE__ */ V(hn, [["__scopeId", "data-v-1496c389"]]), ot = (e) => (te("data-v-cf79d999"), e = e(), le(), e), gn = { class: "joy-toggle__wrapper" }, _n = ["name", "disabled", "checked", "required", "aria-checked", "value"], wn = { class: "joy-toggle__content" }, Sn = /* @__PURE__ */ ot(() => /* @__PURE__ */ h("span", { class: "joy-toggle__symbol" }, null, -1)), jn = { class: "joy-toggle__content-label" }, kn = /* @__PURE__ */ ot(() => /* @__PURE__ */ h("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ h("svg", {
     width: "18",
     height: "10",
@@ -2574,7 +2616,7 @@ const hn = /* @__PURE__ */ V(pn, [["__scopeId", "data-v-1496c389"]]), lt = (e) =
       fill: "currentColor"
     })
   ])
-], -1)), kn = /* @__PURE__ */ $({
+], -1)), $n = /* @__PURE__ */ $({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -2620,7 +2662,7 @@ const hn = /* @__PURE__ */ V(pn, [["__scopeId", "data-v-1496c389"]]), lt = (e) =
         l.value = !1;
       }
     };
-    return (n, r) => (m(), p("div", bn, [
+    return (n, r) => (m(), p("div", gn, [
       h("label", {
         class: k([
           "joy-toggle",
@@ -2648,77 +2690,77 @@ const hn = /* @__PURE__ */ V(pn, [["__scopeId", "data-v-1496c389"]]), lt = (e) =
           (...s) => o.onFocus && o.onFocus(...s)),
           onBlur: r[2] || (r[2] = //@ts-ignore
           (...s) => o.onBlur && o.onBlur(...s))
-        }, null, 40, gn),
-        h("p", _n, [
-          wn,
-          h("span", Sn, [
+        }, null, 40, _n),
+        h("p", wn, [
+          Sn,
+          h("span", jn, [
             g(n.$slots, "default", {}, () => [
-              J(I(e.label), 1)
+              J(L(e.label), 1)
             ], !0)
           ]),
-          jn
+          kn
         ])
       ], 2)
     ]));
   }
 });
-const $n = /* @__PURE__ */ V(kn, [["__scopeId", "data-v-cf79d999"]]), Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Vn = /* @__PURE__ */ V($n, [["__scopeId", "data-v-cf79d999"]]), xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VJoyBadge: ft,
   VJoyButton: kt,
   VJoyCheckbox: he,
   VJoyCounter: Rt,
-  VJoyDropdown: Dl,
-  VJoyDropdownList: Xe,
-  VJoyFormError: et,
-  VJoyHighlight: Zl,
-  VJoyInput: ro,
+  VJoyDropdown: Rl,
+  VJoyDropdownList: et,
+  VJoyFormError: tt,
+  VJoyHighlight: Yl,
+  VJoyInput: so,
   VJoyLabel: N,
-  VJoyLink: yo,
-  VJoyMultiCheckbox: ho,
-  VJoyPanel: Vo,
-  VJoyPanelSection: Lo,
-  VJoyRadio: To,
-  VJoyRadioGroup: Fo,
-  VJoySelect: Ho,
-  VJoySelectableItem: tt,
-  VJoySelectableItemGroup: Zo,
-  VJoySpinner: He,
-  VJoyTemplate: dn,
-  VJoyTextarea: hn,
-  VJoyToggle: $n,
-  VJoyWrapper: Xo
-}, Symbol.toStringTag, { value: "Module" })), On = {
+  VJoyLink: vo,
+  VJoyMultiCheckbox: bo,
+  VJoyPanel: xo,
+  VJoyPanelSection: Eo,
+  VJoyRadio: zo,
+  VJoyRadioGroup: Do,
+  VJoySelect: Wo,
+  VJoySelectableItem: lt,
+  VJoySelectableItemGroup: Yo,
+  VJoySpinner: We,
+  VJoyTemplate: cn,
+  VJoyTextarea: bn,
+  VJoyToggle: Vn,
+  VJoyWrapper: en
+}, Symbol.toStringTag, { value: "Module" })), In = {
   install: (e) => {
-    Object.entries(Vn).forEach(([t, l]) => {
+    Object.entries(xn).forEach(([t, l]) => {
       e.component(t, l);
     });
   }
 };
 export {
-  On as JoyVuePlugin,
+  In as JoyVuePlugin,
   ft as VJoyBadge,
   kt as VJoyButton,
   he as VJoyCheckbox,
   Rt as VJoyCounter,
-  Dl as VJoyDropdown,
-  Xe as VJoyDropdownList,
-  et as VJoyFormError,
-  Zl as VJoyHighlight,
-  ro as VJoyInput,
+  Rl as VJoyDropdown,
+  et as VJoyDropdownList,
+  tt as VJoyFormError,
+  Yl as VJoyHighlight,
+  so as VJoyInput,
   N as VJoyLabel,
-  yo as VJoyLink,
-  ho as VJoyMultiCheckbox,
-  Vo as VJoyPanel,
-  Lo as VJoyPanelSection,
-  To as VJoyRadio,
-  Fo as VJoyRadioGroup,
-  Ho as VJoySelect,
-  tt as VJoySelectableItem,
-  Zo as VJoySelectableItemGroup,
-  He as VJoySpinner,
-  dn as VJoyTemplate,
-  hn as VJoyTextarea,
-  $n as VJoyToggle,
-  Xo as VJoyWrapper
+  vo as VJoyLink,
+  bo as VJoyMultiCheckbox,
+  xo as VJoyPanel,
+  Eo as VJoyPanelSection,
+  zo as VJoyRadio,
+  Do as VJoyRadioGroup,
+  Wo as VJoySelect,
+  lt as VJoySelectableItem,
+  Yo as VJoySelectableItemGroup,
+  We as VJoySpinner,
+  cn as VJoyTemplate,
+  bn as VJoyTextarea,
+  Vn as VJoyToggle,
+  en as VJoyWrapper
 };