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

package/dist/joy-vue.js

@@ -51,7 +51,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 = /* @__PURE__ */ $({
+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__ */ $({
   __name: "VJoyButton",
   props: {
     /**
@@ -64,6 +64,11 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
     },
     /** Name of the icon, placed before the text */
     icon: String,
+    /** Left to the text or right */
+    iconPosition: {
+      type: String,
+      default: "left"
+    },
     /** Change the component's state and display a JoySpinner. */
     loading: {
       type: Boolean,
@@ -90,7 +95,7 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
     const t = e, l = Re(), o = x(() => {
       switch (t.size) {
         case "xxsmall":
-          return "xsmall";
+          return "xxsmall";
         case "xsmall":
           return "xxsmall";
         case "small":
@@ -112,8 +117,9 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
       ])
     }, {
       default: L(() => [
-        e.icon ? (m(), p("joy-icon", {
+        e.icon && e.iconPosition === "left" ? (m(), p("joy-icon", {
           key: 0,
+          class: "joy-button_icon joy-button_icon--left",
           name: e.icon,
           size: _(o),
           lazy: !1
@@ -124,13 +130,20 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
         }, null, 8, ["color"])) : w("", !0),
         h("span", wt, [
           g(r.$slots, "default", {}, void 0, !0)
-        ])
+        ]),
+        e.icon && e.iconPosition === "right" ? (m(), p("joy-icon", {
+          key: 2,
+          class: "joy-button_icon joy-button_icon--right",
+          name: e.icon,
+          size: _(o),
+          lazy: !1
+        }, null, 8, St)) : w("", !0)
       ]),
       _: 3
     }, 8, ["disabled", "class"]));
   }
 });
-const jt = /* @__PURE__ */ V(St, [["__scopeId", "data-v-ff4bd9af"]]), kt = ["aria-checked", "aria-hidden"], $t = { class: "joy-checkbox__input-wrapper" }, Vt = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], xt = { class: "joy-checkbox__content-wrapper" }, Ot = { class: "joy-checkbox__content" }, It = /* @__PURE__ */ $({
+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__ */ $({
   __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,7 +219,7 @@ const jt = /* @__PURE__ */ V(St, [["__scopeId", "data-v-ff4bd9af"]]), kt = ["ari
           }
         ])
       }, [
-        h("div", $t, [
+        h("div", Vt, [
           h("input", {
             id: e.id,
             ref_key: "input",
@@ -227,36 +240,36 @@ const jt = /* @__PURE__ */ V(St, [["__scopeId", "data-v-ff4bd9af"]]), kt = ["ari
             (...u) => a.onFocus && a.onFocus(...u)),
             onBlur: f[2] || (f[2] = //@ts-ignore
             (...u) => a.onBlur && a.onBlur(...u))
-          }, null, 40, Vt)
+          }, null, 40, xt)
         ]),
-        h("div", xt, [
+        h("div", Ot, [
           g(c.$slots, "default", {}, () => [
             J(I(e.label), 1)
           ], !0),
-          h("div", Ot, [
+          h("div", It, [
             g(c.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
-    ], 8, kt));
+    ], 8, $t));
   }
 });
-const he = /* @__PURE__ */ V(It, [["__scopeId", "data-v-a39797a6"]]), We = (e) => (te("data-v-0d1ab3f2"), e = e(), le(), e), Bt = { class: "joy-counter" }, Lt = ["aria-label", "disabled"], Et = /* @__PURE__ */ We(() => /* @__PURE__ */ h("joy-icon", {
+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", {
   name: "minus",
   color: "teal",
   lazy: !1
 }, null, -1)), Ct = [
-  Et
-], Pt = { class: "joy-counter__input-wrapper" }, Jt = ["id", "min", "max", "aria-invalid", "name", "required", "value"], qt = ["aria-label", "disabled"], Tt = /* @__PURE__ */ We(() => /* @__PURE__ */ h("joy-icon", {
+  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", {
   name: "add",
   lazy: !1,
   color: "teal"
-}, null, -1)), zt = [
-  Tt
-], At = {
+}, null, -1)), At = [
+  zt
+], Ft = {
   key: 0,
   class: "joy-counter_error"
-}, Ft = /* @__PURE__ */ $({
+}, Dt = /* @__PURE__ */ $({
   __name: "VJoyCounter",
   props: {
     /** Removes any interactivity */
@@ -361,7 +374,7 @@ const he = /* @__PURE__ */ V(It, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
     };
     return t({
       props: o
-    }), (d, j) => (m(), p("div", Bt, [
+    }), (d, j) => (m(), p("div", Lt, [
       e.label ? (m(), q(_(N), {
         key: 0,
         for: e.id,
@@ -385,8 +398,8 @@ const he = /* @__PURE__ */ V(It, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
           "aria-label": e.labelDecrement,
           disabled: e.modelValue <= e.min,
           onClick: s
-        }, Ct, 8, Lt),
-        h("div", Pt, [
+        }, Ct, 8, Et),
+        h("div", Jt, [
           h("input", Q({
             id: e.id,
             ref: "input",
@@ -406,7 +419,7 @@ const he = /* @__PURE__ */ V(It, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
             (...S) => y.onBlur && y.onBlur(...S)),
             onFocus: j[2] || (j[2] = //@ts-ignore
             (...S) => y.onFocus && y.onFocus(...S))
-          }), null, 16, Jt)
+          }), null, 16, qt)
         ]),
         h("button", {
           class: "joy-counter__increment",
@@ -414,19 +427,19 @@ const he = /* @__PURE__ */ V(It, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
           "aria-label": e.labelIncrement,
           disabled: e.max ? e.modelValue >= e.max : !1,
           onClick: a
-        }, zt, 8, qt),
-        e.invalid && e.errorMessage ? (m(), p("div", At, [
+        }, 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"])
         ])) : w("", !0)
       ], 2)
     ]));
   }
 });
-const Dt = /* @__PURE__ */ V(Ft, [["__scopeId", "data-v-0d1ab3f2"]]);
+const Rt = /* @__PURE__ */ V(Dt, [["__scopeId", "data-v-0d1ab3f2"]]);
 var _e;
 const U = typeof window < "u", Ue = (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 C(e) {
+function P(e) {
   return typeof e == "function" ? e() : _(e);
 }
 function Ge(e, t) {
@@ -437,13 +450,13 @@ function Ge(e, t) {
   }
   return l;
 }
-function Rt(e, t = {}) {
+function Mt(e, t = {}) {
   let l, o, n = z;
   const r = (a) => {
     clearTimeout(a), n(), n = z;
   };
   return (a) => {
-    const c = C(e), f = C(t.maxWait);
+    const c = P(e), f = P(t.maxWait);
     return l && r(l), c <= 0 || f !== void 0 && f <= 0 ? (o && (r(o), o = null), Promise.resolve(a())) : new Promise((u, v) => {
       n = t.rejectOnCancel ? v : u, f && !o && (o = setTimeout(() => {
         l && r(l), o = null, u(a());
@@ -453,13 +466,13 @@ function Rt(e, t = {}) {
     });
   };
 }
-function Mt(e, t = !0, l = !0, o = !1) {
+function Nt(e, t = !0, l = !0, o = !1) {
   let n = 0, r, s = !0, a = z, c;
   const f = () => {
     r && (clearTimeout(r), r = void 0, a(), a = z);
   };
   return (v) => {
-    const i = C(e), y = Date.now() - n, d = () => c = v();
+    const i = P(e), y = Date.now() - n, d = () => c = v();
     return f(), i <= 0 ? (n = Date.now(), d()) : (y > i && (l || !s) ? (n = Date.now(), d()) : t && (c = new Promise((j, S) => {
       a = o ? S : j, r = setTimeout(() => {
         n = Date.now(), s = !0, j(d()), f();
@@ -472,19 +485,19 @@ const R = {
   updated: "updated",
   unmounted: "unmounted"
 };
-function Nt(e) {
+function Ht(e) {
   return e;
 }
 function G(e) {
   return ot() ? (nt(e), !0) : !1;
 }
-function Ht(e, t = 200, l = {}) {
-  return Ge(Rt(t, l), e);
+function Wt(e, t = 200, l = {}) {
+  return Ge(Mt(t, l), e);
 }
-function Wt(e, t = 200, l = !1, o = !0, n = !1) {
-  return Ge(Mt(t, l, o, n), e);
+function Ut(e, t = 200, l = !1, o = !0, n = !1) {
+  return Ge(Nt(t, l, o, n), e);
 }
-function Ut(e) {
+function Gt(e) {
   return typeof e == "function" ? x(e) : b(e);
 }
 function Ke(e, t = !0) {
@@ -492,7 +505,7 @@ function Ke(e, t = !0) {
 }
 function H(e) {
   var t;
-  const l = C(e);
+  const l = P(e);
   return (t = l == null ? void 0 : l.$el) != null ? t : l;
 }
 const be = U ? window : void 0;
@@ -506,7 +519,7 @@ function ae(...e) {
   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), C(n)], ([u, v]) => {
+  }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = B(() => [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();
@@ -514,7 +527,7 @@ function ae(...e) {
   return G(f), f;
 }
 let we = !1;
-function Gt(e, t, l = {}) {
+function Kt(e, t, l = {}) {
   const { window: o = be, ignore: n = [], capture: r = !0, detectIframe: s = !1 } = l;
   if (!o)
     return;
@@ -550,26 +563,26 @@ function Gt(e, t, l = {}) {
   ].filter(Boolean);
   return () => u.forEach((i) => i());
 }
-function Kt(e, t = !1) {
+function Qt(e, t = !1) {
   const l = b(), o = () => l.value = Boolean(e());
   return o(), Ke(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] || {};
 ie[re];
-var Se = Object.getOwnPropertySymbols, Qt = Object.prototype.hasOwnProperty, Zt = Object.prototype.propertyIsEnumerable, Yt = (e, t) => {
+var Se = Object.getOwnPropertySymbols, Zt = Object.prototype.hasOwnProperty, Yt = Object.prototype.propertyIsEnumerable, Xt = (e, t) => {
   var l = {};
   for (var o in e)
-    Qt.call(e, o) && t.indexOf(o) < 0 && (l[o] = e[o]);
+    Zt.call(e, o) && t.indexOf(o) < 0 && (l[o] = e[o]);
   if (e != null && Se)
     for (var o of Se(e))
-      t.indexOf(o) < 0 && Zt.call(e, o) && (l[o] = e[o]);
+      t.indexOf(o) < 0 && Yt.call(e, o) && (l[o] = e[o]);
   return l;
 };
-function Xt(e, t, l = {}) {
-  const o = l, { window: n = be } = o, r = Yt(o, ["window"]);
+function el(e, t, l = {}) {
+  const o = l, { window: n = be } = o, r = Xt(o, ["window"]);
   let s;
-  const a = Kt(() => n && "ResizeObserver" in n), c = () => {
+  const a = Qt(() => n && "ResizeObserver" in n), c = () => {
     s && (s.disconnect(), s = void 0);
   }, f = B(() => H(e), (v) => {
     c(), a.value && n && v && (s = new ResizeObserver(t), s.observe(v, r));
@@ -585,27 +598,27 @@ var je;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(je || (je = {}));
-function el(e) {
+function tl(e) {
   const t = b(e == null ? void 0 : e.element), l = b(e == null ? void 0 : e.input);
   function o() {
     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 }), Xt(t, () => o()), e != null && e.watch && B(e.watch, o, { immediate: !0, deep: !0 }), {
+  return B([l, t], o, { immediate: !0 }), el(t, () => o()), e != null && e.watch && B(e.watch, o, { immediate: !0, deep: !0 }), {
     textarea: t,
     input: l,
     triggerResize: o
   };
 }
-var tl = Object.defineProperty, ke = Object.getOwnPropertySymbols, ll = Object.prototype.hasOwnProperty, ol = Object.prototype.propertyIsEnumerable, $e = (e, t, l) => t in e ? tl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, nl = (e, t) => {
+var ll = Object.defineProperty, ke = Object.getOwnPropertySymbols, ol = Object.prototype.hasOwnProperty, nl = Object.prototype.propertyIsEnumerable, $e = (e, t, l) => t in e ? ll(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, al = (e, t) => {
   for (var l in t || (t = {}))
-    ll.call(t, l) && $e(e, l, t[l]);
+    ol.call(t, l) && $e(e, l, t[l]);
   if (ke)
     for (var l of ke(t))
-      ol.call(t, l) && $e(e, l, t[l]);
+      nl.call(t, l) && $e(e, l, t[l]);
   return e;
 };
-const al = {
+const il = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -631,16 +644,16 @@ const al = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-nl({
-  linear: Nt
-}, al);
-const il = /* @__PURE__ */ $({
+al({
+  linear: Ht
+}, il);
+const rl = /* @__PURE__ */ $({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: l }) {
     const o = b();
-    return Gt(o, (n) => {
+    return Kt(o, (n) => {
       l("trigger", n);
     }, e.options), () => {
       if (t.default)
@@ -648,9 +661,9 @@ const il = /* @__PURE__ */ $({
     };
   }
 });
-function P(e) {
+function C(e) {
   var t;
-  const l = C(e);
+  const l = P(e);
   return (t = l == null ? void 0 : l.$el) != null ? t : l;
 }
 const M = U ? window : void 0;
@@ -661,7 +674,7 @@ function A(...e) {
   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(() => [P(t), C(n)], ([u, v]) => {
+  }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = B(() => [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();
@@ -679,12 +692,12 @@ function xe(e, t, l = {}) {
     if (typeof y == "string")
       return Array.from(o.document.querySelectorAll(y)).some((d) => d === i.target || i.composedPath().includes(d));
     {
-      const d = P(y);
+      const d = C(y);
       return d && (i.target === d || i.composedPath().includes(d));
     }
   }), u = [
     A(o, "click", (i) => {
-      const y = P(e);
+      const y = C(e);
       if (!(!y || y === i.target || i.composedPath().includes(y))) {
         if (i.detail === 0 && (a = !c(i)), !a) {
           a = !0;
@@ -694,47 +707,47 @@ function xe(e, t, l = {}) {
       }
     }, { passive: !0, capture: r }),
     A(o, "pointerdown", (i) => {
-      const y = P(e);
+      const y = C(e);
       y && (a = !i.composedPath().includes(y) && !c(i));
     }, { passive: !0 }),
     s && A(o, "blur", (i) => {
       var y;
-      const d = P(e);
+      const d = C(e);
       ((y = o.document.activeElement) == null ? void 0 : y.tagName) === "IFRAME" && !(d != null && d.contains(o.document.activeElement)) && t(i);
     })
   ].filter(Boolean);
   return () => u.forEach((i) => i());
 }
 R.mounted + "", R.unmounted + "";
-const rl = (e) => typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
+const sl = (e) => typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
 function Oe(...e) {
   let t, l, o = {};
   e.length === 3 ? (t = e[0], l = e[1], o = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, l = e[0], o = e[1]) : (t = e[0], l = e[1]) : (t = !0, l = e[0]);
-  const { target: n = M, eventName: r = "keydown", passive: s = !1 } = o, a = rl(t);
+  const { target: n = M, eventName: r = "keydown", passive: s = !1 } = o, a = sl(t);
   return A(n, r, (f) => {
     a(f) && l(f);
   }, s);
 }
-var sl = Object.defineProperty, Ie = Object.getOwnPropertySymbols, ul = Object.prototype.hasOwnProperty, dl = Object.prototype.propertyIsEnumerable, Be = (e, t, l) => t in e ? sl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, cl = (e, t) => {
+var ul = Object.defineProperty, Ie = Object.getOwnPropertySymbols, dl = Object.prototype.hasOwnProperty, cl = Object.prototype.propertyIsEnumerable, Be = (e, t, l) => t in e ? ul(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, fl = (e, t) => {
   for (var l in t || (t = {}))
-    ul.call(t, l) && Be(e, l, t[l]);
+    dl.call(t, l) && Be(e, l, t[l]);
   if (Ie)
     for (var l of Ie(t))
-      dl.call(t, l) && Be(e, l, t[l]);
+      cl.call(t, l) && Be(e, l, t[l]);
   return e;
 };
 R.mounted + "";
-const fl = 500;
+const yl = 500;
 function Le(e, t, l) {
   var o, n;
-  const r = x(() => P(e));
+  const r = x(() => C(e));
   let s;
   function a() {
     s && (clearTimeout(s), s = void 0);
   }
   function c(u) {
     var v, i, y, d;
-    (v = l == null ? void 0 : l.modifiers) != null && v.self && u.target !== r.value || (a(), (i = l == null ? void 0 : l.modifiers) != null && i.prevent && u.preventDefault(), (y = l == null ? void 0 : l.modifiers) != null && y.stop && u.stopPropagation(), s = setTimeout(() => t(u), (d = l == null ? void 0 : l.delay) != null ? d : fl));
+    (v = l == null ? void 0 : l.modifiers) != null && v.self && u.target !== r.value || (a(), (i = l == null ? void 0 : l.modifiers) != null && i.prevent && u.preventDefault(), (y = l == null ? void 0 : l.modifiers) != null && y.stop && u.stopPropagation(), s = setTimeout(() => t(u), (d = l == null ? void 0 : l.delay) != null ? d : yl));
   }
   const f = {
     capture: (o = l == null ? void 0 : l.modifiers) == null ? void 0 : o.capture,
@@ -750,7 +763,7 @@ function Qe(e, t = !1) {
   const l = b(), o = () => l.value = Boolean(e());
   return o(), Ke(o, t), l;
 }
-function yl(e, t = {}) {
+function vl(e, t = {}) {
   const l = t ? t.delayEnter : 0, o = t ? t.delayLeave : 0, n = b(!1);
   let r;
   const s = (a) => {
@@ -760,21 +773,21 @@ function yl(e, t = {}) {
   return window && (A(e, "mouseenter", () => s(!0), { passive: !0 }), A(e, "mouseleave", () => s(!1), { passive: !0 })), n;
 }
 R.mounted + "";
-var Ee = Object.getOwnPropertySymbols, vl = Object.prototype.hasOwnProperty, ml = Object.prototype.propertyIsEnumerable, pl = (e, t) => {
+var Ee = Object.getOwnPropertySymbols, ml = Object.prototype.hasOwnProperty, pl = Object.prototype.propertyIsEnumerable, hl = (e, t) => {
   var l = {};
   for (var o in e)
-    vl.call(e, o) && t.indexOf(o) < 0 && (l[o] = e[o]);
+    ml.call(e, o) && t.indexOf(o) < 0 && (l[o] = e[o]);
   if (e != null && Ee)
     for (var o of Ee(e))
-      t.indexOf(o) < 0 && ml.call(e, o) && (l[o] = e[o]);
+      t.indexOf(o) < 0 && pl.call(e, o) && (l[o] = e[o]);
   return l;
 };
-function hl(e, t, l = {}) {
-  const o = l, { window: n = M } = o, r = pl(o, ["window"]);
+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 = () => {
     s && (s.disconnect(), s = void 0);
-  }, f = B(() => P(e), (v) => {
+  }, f = B(() => C(e), (v) => {
     c(), a.value && n && v && (s = new ResizeObserver(t), s.observe(v, r));
   }, { immediate: !0, flush: "post" }), u = () => {
     c(), f();
@@ -784,15 +797,15 @@ function hl(e, t, l = {}) {
     stop: u
   };
 }
-function bl(e, t = { width: 0, height: 0 }, l = {}) {
+function gl(e, t = { width: 0, height: 0 }, l = {}) {
   const { window: o = M, box: n = "content-box" } = l, r = x(() => {
     var c, f;
-    return (f = (c = P(e)) == null ? void 0 : c.namespaceURI) == null ? void 0 : f.includes("svg");
+    return (f = (c = C(e)) == null ? void 0 : c.namespaceURI) == null ? void 0 : f.includes("svg");
   }), s = b(t.width), a = b(t.height);
-  return hl(e, ([c]) => {
+  return bl(e, ([c]) => {
     const f = n === "border-box" ? c.borderBoxSize : n === "content-box" ? c.contentBoxSize : c.devicePixelContentBoxSize;
     if (o && r.value) {
-      const u = P(e);
+      const u = C(e);
       if (u) {
         const v = o.getComputedStyle(u);
         s.value = parseFloat(v.width), a.value = parseFloat(v.height);
@@ -802,7 +815,7 @@ function bl(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(() => P(e), (c) => {
+  }, l), B(() => C(e), (c) => {
     s.value = c ? t.width : 0, a.value = c ? t.height : 0;
   }), {
     width: s,
@@ -810,11 +823,11 @@ function bl(e, t = { width: 0, height: 0 }, l = {}) {
   };
 }
 R.mounted + "";
-function Ce(e, { window: t = M, scrollTarget: l } = {}) {
+function Pe(e, { window: t = M, scrollTarget: l } = {}) {
   const o = b(!1), n = () => {
     if (!t)
       return;
-    const r = t.document, s = P(e);
+    const r = t.document, s = C(e);
     if (!s)
       o.value = !1;
     else {
@@ -822,13 +835,13 @@ function Ce(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(() => P(e), () => n(), { immediate: !0, flush: "post" }), t && A(l || t, "scroll", n, {
+  return B(() => C(e), () => n(), { immediate: !0, flush: "post" }), t && A(l || t, "scroll", n, {
     capture: !1,
     passive: !0
   }), o;
 }
 R.mounted + "";
-const Pe = 1;
+const Ce = 1;
 function de(e, t = {}) {
   const {
     throttle: l = 0,
@@ -863,11 +876,11 @@ function de(e, t = {}) {
   });
   function y(O, T) {
     var D, F, ge;
-    const ne = C(e);
+    const ne = P(e);
     ne && ((ge = ne instanceof Document ? document.body : ne) == null || ge.scrollTo({
-      top: (D = C(T)) != null ? D : i.value,
-      left: (F = C(O)) != null ? F : v.value,
-      behavior: C(c)
+      top: (D = P(T)) != null ? D : i.value,
+      left: (F = P(O)) != null ? F : v.value,
+      behavior: P(c)
     }));
   }
   const d = b(!1), j = X({
@@ -882,13 +895,13 @@ function de(e, t = {}) {
     bottom: !1
   }), Y = (O) => {
     d.value && (d.value = !1, S.left = !1, S.right = !1, S.top = !1, S.bottom = !1, n(O));
-  }, oe = Ht(Y, l + o), E = (O) => {
+  }, oe = Wt(Y, l + o), E = (O) => {
     const T = O.target === document ? O.target.documentElement : O.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) - Pe, f.value = D;
+    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) - Pe, u.value = F, d.value = !0, oe(O), r(O);
+    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);
   };
-  return A(e, "scroll", l ? Wt(E, l, !0, !1) : E, a), A(e, "scrollend", Y, a), {
+  return A(e, "scroll", l ? Ut(E, l, !0, !1) : E, a), A(e, "scrollend", Y, a), {
     x: v,
     y: i,
     isScrolling: d,
@@ -896,17 +909,17 @@ function de(e, t = {}) {
     directions: S
   };
 }
-var gl = Object.defineProperty, _l = Object.defineProperties, wl = Object.getOwnPropertyDescriptors, Je = Object.getOwnPropertySymbols, Sl = Object.prototype.hasOwnProperty, jl = Object.prototype.propertyIsEnumerable, qe = (e, t, l) => t in e ? gl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, Te = (e, t) => {
+var _l = Object.defineProperty, wl = Object.defineProperties, Sl = Object.getOwnPropertyDescriptors, Je = Object.getOwnPropertySymbols, jl = Object.prototype.hasOwnProperty, kl = Object.prototype.propertyIsEnumerable, qe = (e, t, l) => t in e ? _l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, Te = (e, t) => {
   for (var l in t || (t = {}))
-    Sl.call(t, l) && qe(e, l, t[l]);
+    jl.call(t, l) && qe(e, l, t[l]);
   if (Je)
     for (var l of Je(t))
-      jl.call(t, l) && qe(e, l, t[l]);
+      kl.call(t, l) && qe(e, l, t[l]);
   return e;
-}, kl = (e, t) => _l(e, wl(t));
+}, $l = (e, t) => wl(e, Sl(t));
 function ze(e, t, l = {}) {
   var o, n;
-  const r = (o = l.direction) != null ? o : "bottom", s = X(de(e, kl(Te({}, l), {
+  const r = (o = l.direction) != null ? o : "bottom", s = X(de(e, $l(Te({}, l), {
     offset: Te({
       [r]: (n = l.distance) != null ? n : 0
     }, l.offset)
@@ -914,7 +927,7 @@ function ze(e, t, l = {}) {
   B(() => s.arrivedState[r], async (a) => {
     var c, f;
     if (a) {
-      const u = C(e), v = {
+      const u = P(e), v = {
         height: (c = u == null ? void 0 : u.scrollHeight) != null ? c : 0,
         width: (f = u == null ? void 0 : u.scrollWidth) != null ? f : 0
       };
@@ -937,8 +950,8 @@ function Ae(e, t, l = {}) {
   } = l, a = Qe(() => s && "IntersectionObserver" in s);
   let c = z;
   const f = a.value ? B(() => ({
-    el: P(e),
-    root: P(o)
+    el: C(e),
+    root: C(o)
   }), ({ el: v, root: i }) => {
     if (c(), !v)
       return;
@@ -959,14 +972,14 @@ function Ae(e, t, l = {}) {
   };
 }
 R.mounted + "";
-var $l = Object.defineProperty, Vl = Object.defineProperties, xl = Object.getOwnPropertyDescriptors, Fe = Object.getOwnPropertySymbols, Ol = Object.prototype.hasOwnProperty, Il = Object.prototype.propertyIsEnumerable, De = (e, t, l) => t in e ? $l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, Bl = (e, t) => {
+var Vl = Object.defineProperty, xl = Object.defineProperties, Ol = Object.getOwnPropertyDescriptors, Fe = Object.getOwnPropertySymbols, Il = Object.prototype.hasOwnProperty, Bl = Object.prototype.propertyIsEnumerable, De = (e, t, l) => t in e ? Vl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, Ll = (e, t) => {
   for (var l in t || (t = {}))
-    Ol.call(t, l) && De(e, l, t[l]);
+    Il.call(t, l) && De(e, l, t[l]);
   if (Fe)
     for (var l of Fe(t))
-      Il.call(t, l) && De(e, l, t[l]);
+      Bl.call(t, l) && De(e, l, t[l]);
   return e;
-}, Ll = (e, t) => Vl(e, xl(t));
+}, El = (e, t) => xl(e, Ol(t));
 R.mounted + "";
 function Ze(e) {
   const t = window.getComputedStyle(e);
@@ -977,14 +990,14 @@ function Ze(e) {
     return !l || l.tagName === "BODY" ? !1 : Ze(l);
   }
 }
-function El(e) {
+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);
 }
 function Cl(e, t = !1) {
   const l = b(t);
   let o = null, n;
-  B(Ut(e), (a) => {
+  B(Gt(e), (a) => {
     if (a) {
       const c = a;
       n = c.style.overflow, l.value && (c.style.overflow = "hidden");
@@ -993,12 +1006,12 @@ function Cl(e, t = !1) {
     immediate: !0
   });
   const r = () => {
-    const a = C(e);
+    const a = P(e);
     !a || l.value || (ee && (o = A(a, "touchmove", (c) => {
-      El(c);
+      Pl(c);
     }, { passive: !1 })), a.style.overflow = "hidden", l.value = !0);
   }, s = () => {
-    const a = C(e);
+    const a = P(e);
     !a || !l.value || (ee && (o == null || o()), a.style.overflow = n, l.value = !1);
   };
   return G(s), x({
@@ -1010,7 +1023,7 @@ function Cl(e, t = !1) {
     }
   });
 }
-const Pl = () => {
+const Jl = () => {
   let e = !1;
   const t = b(!1);
   return (l, o) => {
@@ -1021,17 +1034,20 @@ const Pl = () => {
     B(t, (r) => n.value = r);
   };
 };
-Pl();
-const Ye = ["medium", "small"], Jl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataLabel", "onClick"], ql = {
+Jl();
+const Ye = ["medium", "small"], ql = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Tl = {
   key: 0,
   class: "joy-dropdown-list__footer"
-}, Tl = /* @__PURE__ */ $({
+}, zl = /* @__PURE__ */ $({
   __name: "VJoyDropdownList",
   props: {
+    /**
+     * In order to make it work with v-model, you need to pass for each option, a value or an ID.
+     */
     options: {
       type: Array,
       validator(e) {
-        return e.every((l) => Object.keys(l).includes("label"));
+        return e.every((t) => Object.keys(t).includes("value") || Object.keys(t).includes("id"));
       },
       default() {
         return [];
@@ -1058,9 +1074,9 @@ const Ye = ["medium", "small"], Jl = ["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 ? !1 : o.modelValue === i.label || o.modelValue === i.value);
+    const o = e, n = b(), r = x(() => (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.label);
+      i.disabled || l("update:modelValue", i.value || i.id);
     }
     function a() {
       var i;
@@ -1083,13 +1099,13 @@ const Ye = ["medium", "small"], Jl = ["id", "tabindex", "aria-disabled", "aria-s
           return;
         if (d.querySelector("a"))
           return d.querySelector("a").click();
-        l("update:modelValue", d.dataLabel);
+        l("update:modelValue", d.dataModel);
       }
       if (i.key === " " && i.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key)) {
         const d = a(), j = f();
         let S = d.indexOf(j);
         if (d.length) {
-          i.preventDefault(), i.key === "ArrowDown" ? S++ : i.key === "ArrowUp" ? S-- : i.key === "Home" ? S = 0 : i.key === "End" && (S = d.length - 1), S < 0 && (S = 0), S > d.length - 1 && (S = 0), v(d[S]);
+          i.preventDefault(), i.key === "ArrowDown" ? S++ : i.key === "ArrowUp" ? S-- : i.key === "Home" ? S = 0 : i.key === "End" && (S = d.length - 1), S < 0 && (S = d.length - 1), S > d.length - 1 && (S = 0), v(d[S]);
           return;
         }
       }
@@ -1105,7 +1121,7 @@ const Ye = ["medium", "small"], Jl = ["id", "tabindex", "aria-disabled", "aria-s
       isSelected: r
     }), (i, y) => (m(), p("div", {
       class: "joy-dropdown-list",
-      style: K({ "max-width": `${e.width}px`, "max-height": `${e.height}px` })
+      style: K({ width: `${e.width}px`, "max-width": `${e.width}px`, "max-height": `${e.height}px` })
     }, [
       h("ul", {
         ref_key: "listbox",
@@ -1131,23 +1147,23 @@ const Ye = ["medium", "small"], Jl = ["id", "tabindex", "aria-disabled", "aria-s
           "aria-selected": _(r)(d),
           title: d.label,
           "aria-label": d.label,
-          ".dataLabel": d.value || d.label,
+          ".dataModel": d.value || d.id,
           role: "option",
           onClick: (j) => s(d)
         }, [
           g(i.$slots, "label", me(pe(d)), () => [
             h("span", null, I(d.label), 1)
           ], !0)
-        ], 14, Jl))), 128))
+        ], 14, ql))), 128))
       ], 4),
-      i.$slots.footer ? (m(), p("footer", ql, [
+      i.$slots.footer ? (m(), p("footer", Tl, [
         g(i.$slots, "footer", {}, void 0, !0)
       ])) : w("", !0)
     ], 4));
   }
 });
-const Xe = /* @__PURE__ */ V(Tl, [["__scopeId", "data-v-5ab31622"]]);
-function zl(e) {
+const Xe = /* @__PURE__ */ V(zl, [["__scopeId", "data-v-af851385"]]);
+function Al(e) {
   const t = () => e();
   Z(() => {
     window.addEventListener("resize", t);
@@ -1155,7 +1171,7 @@ function zl(e) {
     window.removeEventListener("resize", t);
   });
 }
-const Al = /* @__PURE__ */ $({
+const Fl = /* @__PURE__ */ $({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -1232,7 +1248,7 @@ const Al = /* @__PURE__ */ $({
       default: "300"
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "dropdown:open", "dropdown:hide"],
   setup(e, { expose: t, emit: l }) {
     const o = e, n = b(!1), r = b(null), s = b(), a = b(null), c = b(null), f = b(!1), u = {
       ignore: [s, ".joy-dropdown__list"]
@@ -1245,11 +1261,11 @@ const Al = /* @__PURE__ */ $({
     });
     function y() {
       v && clearTimeout(v), f.value = !0, v = setTimeout(() => {
-        n.value = !1, f.value = !1;
+        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;
+      f.value = !1, v && clearTimeout(v), Y(), c.value = E.target, n.value = !0, l("dropdown:open");
     }
     function j() {
       y(), S();
@@ -1264,9 +1280,9 @@ const Al = /* @__PURE__ */ $({
     function oe(E) {
       l("update:modelValue", E), o.closeOnSelect && (y(), S());
     }
-    return zl(y), t({
+    return Al(y), t({
       showDropdownList: n
-    }), (E, O) => (m(), q(_(il), {
+    }), (E, O) => (m(), q(_(rl), {
       ref_key: "dropdown",
       ref: r,
       options: u,
@@ -1326,10 +1342,10 @@ const Al = /* @__PURE__ */ $({
     }, 512));
   }
 });
-const Fl = /* @__PURE__ */ V(Al, [["__scopeId", "data-v-49159b35"]]), Dl = (e) => (te("data-v-50e209d6"), e = e(), le(), e), Rl = ["aria-hidden"], Ml = /* @__PURE__ */ Dl(() => /* @__PURE__ */ h("joy-icon", {
+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", {
   "custom-class": "joy-icon-error",
   name: "warning-triangle"
-}, null, -1)), Nl = /* @__PURE__ */ $({
+}, null, -1)), Hl = /* @__PURE__ */ $({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1346,17 +1362,17 @@ const Fl = /* @__PURE__ */ V(Al, [["__scopeId", "data-v-49159b35"]]), Dl = (e) =
       class: k(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      Ml,
+      Nl,
       h("div", null, [
         g(t.$slots, "default", {}, () => [
           J(I(e.noHtmlErrorText), 1)
         ], !0)
       ])
-    ], 10, Rl));
+    ], 10, Ml));
   }
 });
-const et = /* @__PURE__ */ V(Nl, [["__scopeId", "data-v-50e209d6"]]);
-function Hl(e) {
+const et = /* @__PURE__ */ V(Hl, [["__scopeId", "data-v-50e209d6"]]);
+function Wl(e) {
   let t;
   switch (e) {
     case "error":
@@ -1370,7 +1386,7 @@ function Hl(e) {
   }
   return t;
 }
-const Wl = [...pt], Ul = ["name"], Gl = { class: "joy-highlight--text" }, Kl = /* @__PURE__ */ $({
+const Ul = [...pt], Gl = ["name"], Kl = { class: "joy-highlight--text" }, Ql = /* @__PURE__ */ $({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -1386,12 +1402,12 @@ const Wl = [...pt], Ul = ["name"], Gl = { class: "joy-highlight--text" }, Kl = /
       type: String,
       default: "neutral",
       validator(e) {
-        return Wl.includes(e);
+        return Ul.includes(e);
       }
     }
   },
   setup(e, { expose: t }) {
-    const l = e, o = x(() => l.icon ? l.icon : Hl(l.level));
+    const l = e, o = x(() => l.icon ? l.icon : Wl(l.level));
     return t({
       getRelevantIcon: o
     }), (n, r) => (m(), p("div", {
@@ -1407,8 +1423,8 @@ const Wl = [...pt], Ul = ["name"], Gl = { class: "joy-highlight--text" }, Kl = /
       e.displayIcon ? (m(), p("joy-icon", {
         key: 0,
         name: _(o)
-      }, null, 8, Ul)) : w("", !0),
-      h("div", Gl, [
+      }, null, 8, Gl)) : w("", !0),
+      h("div", Kl, [
         h("strong", null, [
           g(n.$slots, "highlight-title", {}, void 0, !0)
         ]),
@@ -1417,20 +1433,20 @@ const Wl = [...pt], Ul = ["name"], Gl = { class: "joy-highlight--text" }, Kl = /
     ], 2));
   }
 });
-const Ql = /* @__PURE__ */ V(Kl, [["__scopeId", "data-v-a0ff7a60"]]), Zl = ["small", "medium", "large"], Yl = {
+const Zl = /* @__PURE__ */ V(Ql, [["__scopeId", "data-v-a0ff7a60"]]), Yl = ["small", "medium", "large"], Xl = {
   key: 0,
   class: "joy-label-required"
-}, Xl = {
+}, eo = {
   key: 1,
   class: "joy-label-optional"
-}, eo = /* @__PURE__ */ $({
+}, to = /* @__PURE__ */ $({
   __name: "VJoyLabel",
   props: {
     size: {
       type: String,
       default: "medium",
       validator(e) {
-        return Zl.includes(e);
+        return Yl.includes(e);
       }
     },
     tagName: {
@@ -1451,14 +1467,14 @@ const Ql = /* @__PURE__ */ V(Kl, [["__scopeId", "data-v-a0ff7a60"]]), Zl = ["sma
     }, t.$attrs), {
       default: L(() => [
         g(t.$slots, "default", {}, void 0, !0),
-        e.required ? (m(), p("span", Yl, "*")) : w("", !0),
-        e.optionalLabel ? (m(), p("span", Xl, "- " + I(e.optionalLabel), 1)) : w("", !0)
+        e.required ? (m(), p("span", Xl, "*")) : w("", !0),
+        e.optionalLabel ? (m(), p("span", eo, "- " + I(e.optionalLabel), 1)) : w("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const N = /* @__PURE__ */ V(eo, [["__scopeId", "data-v-1e682734"]]), to = ["large", "medium", "small"], lo = ["id", "disabled", "type", "value"], oo = ["name"], no = ["data-unit"], ao = /* @__PURE__ */ $({
+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__ */ $({
   __name: "VJoyInput",
   props: {
     disabled: {
@@ -1509,7 +1525,7 @@ const N = /* @__PURE__ */ V(eo, [["__scopeId", "data-v-1e682734"]]), to = ["larg
       type: String,
       default: "medium",
       validator(e) {
-        return to.includes(e);
+        return lo.includes(e);
       }
     },
     type: String,
@@ -1600,7 +1616,7 @@ const N = /* @__PURE__ */ V(eo, [["__scopeId", "data-v-1e682734"]]), to = ["larg
             (...j) => i.onBlur && i.onBlur(...j)),
             onInput: d[2] || (d[2] = //@ts-ignore
             (...j) => i.onInput && i.onInput(...j))
-          }), null, 16, lo),
+          }), null, 16, oo),
           _(c) ? (m(), p("joy-icon", {
             key: 0,
             size: "xxsmall",
@@ -1614,18 +1630,18 @@ const N = /* @__PURE__ */ V(eo, [["__scopeId", "data-v-1e682734"]]), to = ["larg
             role: "img",
             class: "joy-input--decorative-icon",
             name: e.icon
-          }, null, 8, oo)) : w("", !0),
+          }, null, 8, no)) : w("", !0),
           e.unit ? (m(), p("div", {
             key: 2,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, no)) : w("", !0)
+          }, null, 8, ao)) : w("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const io = /* @__PURE__ */ V(ao, [["__scopeId", "data-v-8258d6d7"]]), ro = ["teal", "white"], so = ["href"], uo = ["color", "name"], co = /* @__PURE__ */ $({
+const ro = /* @__PURE__ */ V(io, [["__scopeId", "data-v-8258d6d7"]]), so = ["teal", "white"], uo = ["href"], co = ["color", "name"], fo = /* @__PURE__ */ $({
   __name: "VJoyLink",
   props: {
     href: {
@@ -1636,7 +1652,7 @@ const io = /* @__PURE__ */ V(ao, [["__scopeId", "data-v-8258d6d7"]]), ro = ["tea
       type: String,
       default: "teal",
       validator(e) {
-        return ro.includes(e);
+        return so.includes(e);
       }
     },
     icon: String
@@ -1650,14 +1666,14 @@ const io = /* @__PURE__ */ V(ao, [["__scopeId", "data-v-8258d6d7"]]), ro = ["tea
         key: 0,
         color: _(l),
         name: e.icon
-      }, null, 8, uo)) : w("", !0),
+      }, null, 8, co)) : w("", !0),
       g(o.$slots, "default", {}, void 0, !0)
-    ], 16, so));
+    ], 16, uo));
   }
 });
-const fo = /* @__PURE__ */ V(co, [["__scopeId", "data-v-7ef59bc8"]]), yo = ["id"], vo = {
+const yo = /* @__PURE__ */ V(fo, [["__scopeId", "data-v-7ef59bc8"]]), vo = ["id"], mo = {
   class: /* @__PURE__ */ k(["joy-multi-checkbox"])
-}, mo = /* @__PURE__ */ $({
+}, po = /* @__PURE__ */ $({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {
@@ -1720,7 +1736,7 @@ const fo = /* @__PURE__ */ V(co, [["__scopeId", "data-v-7ef59bc8"]]), yo = ["id"
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
-      h("div", vo, [
+      h("div", mo, [
         (m(!0), p(ye, null, ve(e.options, (a) => (m(), q(_(he), {
           id: a.id,
           key: a.id,
@@ -1737,25 +1753,25 @@ const fo = /* @__PURE__ */ V(co, [["__scopeId", "data-v-7ef59bc8"]]), yo = ["id"
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, yo));
+    ], 8, vo));
   }
 });
-const po = /* @__PURE__ */ V(mo, [["__scopeId", "data-v-f4301a1f"]]), ho = ["small", "medium", "large"], bo = {
+const ho = /* @__PURE__ */ V(po, [["__scopeId", "data-v-f4301a1f"]]), bo = ["small", "medium", "large"], go = {
   key: 0,
   class: /* @__PURE__ */ k(["joy-panel__header"])
-}, go = {
+}, _o = {
   key: 0,
   class: "joy-panel__header-title"
-}, _o = {
+}, wo = {
   key: 1,
   class: "joy-panel__header-action"
-}, wo = {
+}, So = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, So = { class: "joy-panel__body" }, jo = {
+}, jo = { class: "joy-panel__body" }, ko = {
   key: 1,
   class: "joy-panel__footer"
-}, ko = /* @__PURE__ */ $({
+}, $o = /* @__PURE__ */ $({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -1769,7 +1785,7 @@ const po = /* @__PURE__ */ V(mo, [["__scopeId", "data-v-f4301a1f"]]), ho = ["sma
       type: String,
       default: "medium",
       validator(e) {
-        return ho.includes(e);
+        return bo.includes(e);
       }
     }
   },
@@ -1781,47 +1797,47 @@ const po = /* @__PURE__ */ V(mo, [["__scopeId", "data-v-f4301a1f"]]), ho = ["sma
       style: K({ flex: e.flex }),
       class: k(["joy-panel", `joy-panel--${e.padding}`, { "joy-panel--no-margin": e.noMargin }])
     }, [
-      _(o) ? (m(), p("header", bo, [
-        _(t)["panel-title"] ? (m(), p("div", go, [
+      _(o) ? (m(), p("header", go, [
+        _(t)["panel-title"] ? (m(), p("div", _o, [
           g(n.$slots, "panel-title", {}, void 0, !0)
         ])) : w("", !0),
-        _(t)["panel-title-action"] ? (m(), p("div", _o, [
+        _(t)["panel-title-action"] ? (m(), p("div", wo, [
           g(n.$slots, "panel-title-action", {}, void 0, !0)
         ])) : w("", !0),
-        _(t)["panel-subtitle"] ? (m(), p("div", wo, [
+        _(t)["panel-subtitle"] ? (m(), p("div", So, [
           g(n.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : w("", !0)
       ])) : w("", !0),
-      h("div", So, [
+      h("div", jo, [
         g(n.$slots, "panel-body", {}, void 0, !0)
       ]),
-      _(t)["panel-action"] ? (m(), p("footer", jo, [
+      _(t)["panel-action"] ? (m(), p("footer", ko, [
         g(n.$slots, "panel-action", {}, void 0, !0)
       ])) : w("", !0)
     ], 6));
   }
 });
-const $o = /* @__PURE__ */ V(ko, [["__scopeId", "data-v-1aadee0b"]]), Vo = { class: "joy-panel-section" }, xo = {
+const Vo = /* @__PURE__ */ V($o, [["__scopeId", "data-v-1aadee0b"]]), xo = { class: "joy-panel-section" }, Oo = {
   key: 0,
   class: "joy-panel-section__title"
-}, Oo = {
+}, Io = {
   key: 1,
   class: "joy-panel-section__content"
-}, Io = /* @__PURE__ */ $({
+}, Bo = /* @__PURE__ */ $({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = W();
-    return (l, o) => (m(), p("div", Vo, [
-      _(t)["panel-section-title"] ? (m(), p("div", xo, [
+    return (l, o) => (m(), p("div", xo, [
+      _(t)["panel-section-title"] ? (m(), p("div", Oo, [
         g(l.$slots, "panel-section-title", {}, void 0, !0)
       ])) : w("", !0),
-      _(t)["panel-section-content"] ? (m(), p("div", Oo, [
+      _(t)["panel-section-content"] ? (m(), p("div", Io, [
         g(l.$slots, "panel-section-content", {}, void 0, !0)
       ])) : w("", !0)
     ]));
   }
 });
-const Bo = /* @__PURE__ */ V(Io, [["__scopeId", "data-v-d88510ab"]]), Lo = ["id", "value", "checked", "disabled", "required", "name"], Eo = { class: "joy-radio-label" }, Co = { class: "joy-radio-content__wrapper" }, Po = { class: "joy-radio-content" }, Jo = /* @__PURE__ */ $({
+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__ */ $({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -1907,12 +1923,12 @@ const Bo = /* @__PURE__ */ V(Io, [["__scopeId", "data-v-d88510ab"]]), Lo = ["id"
         onChange: v,
         onFocus: i,
         onBlur: y
-      }, null, 40, Lo),
-      h("span", Eo, [
+      }, null, 40, Eo),
+      h("span", Po, [
         g(d.$slots, "default", {}, void 0, !0)
       ]),
       h("div", Co, [
-        h("div", Po, [
+        h("div", Jo, [
           g(d.$slots, "radio-content", {}, void 0, !0)
         ]),
         h("div", {
@@ -1926,7 +1942,7 @@ const Bo = /* @__PURE__ */ V(Io, [["__scopeId", "data-v-d88510ab"]]), Lo = ["id"
     ], 2));
   }
 });
-const qo = /* @__PURE__ */ V(Jo, [["__scopeId", "data-v-24cea99b"]]), To = ["form", "name"], zo = /* @__PURE__ */ $({
+const To = /* @__PURE__ */ V(qo, [["__scopeId", "data-v-24cea99b"]]), zo = ["form", "name"], Ao = /* @__PURE__ */ $({
   __name: "VJoyRadioGroup",
   props: {
     direction: {
@@ -1954,13 +1970,13 @@ const qo = /* @__PURE__ */ V(Jo, [["__scopeId", "data-v-24cea99b"]]), To = ["for
       }, [
         g(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, To));
+    ], 8, zo));
   }
 });
-const Ao = /* @__PURE__ */ V(zo, [["__scopeId", "data-v-de56c3c4"]]), Fo = (e) => (te("data-v-d251a432"), e = e(), le(), e), Do = ["id", "name", "aria-invalid", "required", "disabled", "value"], Ro = /* @__PURE__ */ Fo(() => /* @__PURE__ */ h("joy-icon", {
+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", {
   class: "joy-select__chevron",
   name: "chevron-down"
-}, null, -1)), Mo = /* @__PURE__ */ $({
+}, null, -1)), No = /* @__PURE__ */ $({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -2068,13 +2084,13 @@ const Ao = /* @__PURE__ */ V(zo, [["__scopeId", "data-v-de56c3c4"]]), Fo = (e) =
           onBlur: f
         }, [
           g(u.$slots, "default", {}, void 0, !0)
-        ], 40, Do),
-        Ro
+        ], 40, Ro),
+        Mo
       ], 2)
     ], 512));
   }
 });
-const No = /* @__PURE__ */ V(Mo, [["__scopeId", "data-v-d251a432"]]), Ho = ["aria-disabled"], Wo = ["id", "value", "checked", "disabled", "required", "name"], Uo = /* @__PURE__ */ $({
+const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-d251a432"]]), Wo = ["aria-disabled"], Uo = ["id", "value", "checked", "disabled", "required", "name"], Go = /* @__PURE__ */ $({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -2159,7 +2175,7 @@ const No = /* @__PURE__ */ V(Mo, [["__scopeId", "data-v-d251a432"]]), Ho = ["ari
         (...v) => a.onFocus && a.onFocus(...v)),
         onBlur: u[2] || (u[2] = //@ts-ignore
         (...v) => a.onBlur && a.onBlur(...v))
-      }, null, 40, Wo)),
+      }, null, 40, Uo)),
       (m(), q(ce(_(s)), {
         for: e.id,
         class: k([
@@ -2204,10 +2220,10 @@ const No = /* @__PURE__ */ V(Mo, [["__scopeId", "data-v-d251a432"]]), Ho = ["ari
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, Ho));
+    ], 10, Wo));
   }
 });
-const tt = /* @__PURE__ */ V(Uo, [["__scopeId", "data-v-cb2531c0"]]), Go = ["id"], Ko = /* @__PURE__ */ $({
+const tt = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-cb2531c0"]]), Ko = ["id"], Qo = /* @__PURE__ */ $({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -2307,10 +2323,10 @@ const tt = /* @__PURE__ */ V(Uo, [["__scopeId", "data-v-cb2531c0"]]), Go = ["id"
           } : void 0
         ]), 1032, ["id", "name", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, Go));
+    ], 8, Ko));
   }
 });
-const Qo = /* @__PURE__ */ V(Ko, [["__scopeId", "data-v-3ba17434"]]), Zo = /* @__PURE__ */ $({
+const Zo = /* @__PURE__ */ V(Qo, [["__scopeId", "data-v-3ba17434"]]), Yo = /* @__PURE__ */ $({
   __name: "VJoyWrapper",
   props: {
     justify: {
@@ -2349,25 +2365,25 @@ const Qo = /* @__PURE__ */ V(Ko, [["__scopeId", "data-v-3ba17434"]]), Zo = /* @_
     ], 2));
   }
 });
-const Yo = /* @__PURE__ */ V(Zo, [["__scopeId", "data-v-477e149b"]]), Xo = { class: "joy-template__wrapper" }, en = {
+const Xo = /* @__PURE__ */ V(Yo, [["__scopeId", "data-v-477e149b"]]), en = { class: "joy-template__wrapper" }, tn = {
   key: 0,
   class: "joy-template__heading"
-}, tn = {
+}, ln = {
   key: 0,
   class: "joy-template-slot-back"
-}, ln = { class: "joy-template__heading___headings" }, on = {
+}, on = { class: "joy-template__heading___headings" }, nn = {
   key: 0,
   class: "joy-template-slot-title"
-}, nn = {
+}, an = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, an = {
+}, rn = {
   key: 0,
   class: "joy-template-slot-main"
-}, rn = {
+}, sn = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, sn = /* @__PURE__ */ $({
+}, un = /* @__PURE__ */ $({
   __name: "VJoyTemplate",
   props: {
     full: { type: Boolean, default: !1 },
@@ -2378,16 +2394,16 @@ const Yo = /* @__PURE__ */ V(Zo, [["__scopeId", "data-v-477e149b"]]), Xo = { cla
     return (n, r) => (m(), p("main", {
       class: k(["joy-template", { "joy-template--full": t.full }])
     }, [
-      h("div", Xo, [
-        _(o) ? (m(), p("div", en, [
-          _(l)["template-back"] ? (m(), p("div", tn, [
+      h("div", en, [
+        _(o) ? (m(), p("div", tn, [
+          _(l)["template-back"] ? (m(), p("div", ln, [
             g(n.$slots, "template-back", {}, void 0, !0)
           ])) : w("", !0),
-          h("div", ln, [
-            _(l)["template-title"] ? (m(), p("div", on, [
+          h("div", on, [
+            _(l)["template-title"] ? (m(), p("div", nn, [
               g(n.$slots, "template-title", {}, void 0, !0)
             ])) : w("", !0),
-            _(l)["template-subtitle"] ? (m(), p("div", nn, [
+            _(l)["template-subtitle"] ? (m(), p("div", an, [
               g(n.$slots, "template-subtitle", {}, void 0, !0)
             ])) : w("", !0)
           ])
@@ -2400,10 +2416,10 @@ const Yo = /* @__PURE__ */ V(Zo, [["__scopeId", "data-v-477e149b"]]), Xo = { cla
             }
           ])
         }, [
-          n.$slots["template-main"] ? (m(), p("div", an, [
+          n.$slots["template-main"] ? (m(), p("div", rn, [
             g(n.$slots, "template-main", {}, void 0, !0)
           ])) : w("", !0),
-          n.$slots["template-sidebar"] ? (m(), p("div", rn, [
+          n.$slots["template-sidebar"] ? (m(), p("div", sn, [
             g(n.$slots, "template-sidebar", {}, void 0, !0)
           ])) : w("", !0)
         ], 2)
@@ -2411,15 +2427,15 @@ const Yo = /* @__PURE__ */ V(Zo, [["__scopeId", "data-v-477e149b"]]), Xo = { cla
     ], 2));
   }
 });
-const un = /* @__PURE__ */ V(sn, [["__scopeId", "data-v-f891bd85"]]), dn = ["aria-disabled"], cn = { class: "joy-textarea_wrapper" }, fn = ["id", "disabled", "name", "required", "minlength", "value"], yn = {
+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 = {
   key: 0,
   class: "joy-textarea_helpers"
-}, vn = {
+}, mn = {
   key: 0,
   name: "check",
   color: "grey",
   size: "xxsmall"
-}, mn = /* @__PURE__ */ $({
+}, pn = /* @__PURE__ */ $({
   __name: "VJoyTextarea",
   props: {
     disabled: {
@@ -2468,7 +2484,7 @@ const un = /* @__PURE__ */ V(sn, [["__scopeId", "data-v-f891bd85"]]), dn = ["ari
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = b(), { triggerResize: r } = el({
+    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 = {
       onInput: (v) => {
@@ -2510,7 +2526,7 @@ const un = /* @__PURE__ */ V(sn, [["__scopeId", "data-v-f891bd85"]]), dn = ["ari
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
-      h("div", cn, [
+      h("div", fn, [
         h("textarea", Q(v.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -2527,14 +2543,14 @@ const un = /* @__PURE__ */ V(sn, [["__scopeId", "data-v-f891bd85"]]), dn = ["ari
           (...y) => u.onFocus && u.onFocus(...y)),
           onBlur: i[2] || (i[2] = //@ts-ignore
           (...y) => u.onBlur && u.onBlur(...y))
-        }), null, 16, fn)
+        }), null, 16, yn)
       ]),
-      e.minlength || e.maxlength ? (m(), p("div", yn, [
+      e.minlength || e.maxlength ? (m(), p("div", vn, [
         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", vn)),
+          _(f) ? w("", !0) : (m(), p("joy-icon", mn)),
           J(" " + I(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : w("", !0),
         e.maxlength ? (m(), p("p", {
@@ -2542,10 +2558,10 @@ const un = /* @__PURE__ */ V(sn, [["__scopeId", "data-v-f891bd85"]]), dn = ["ari
           class: k(["joy-textarea-count", { "joy-textarea-count-invalid": _(c) }])
         }, I(e.modelValue.length + "/" + e.maxlength), 3)) : w("", !0)
       ])) : w("", !0)
-    ], 10, dn));
+    ], 10, cn));
   }
 });
-const pn = /* @__PURE__ */ V(mn, [["__scopeId", "data-v-1496c389"]]), lt = (e) => (te("data-v-cf79d999"), e = e(), le(), e), hn = { class: "joy-toggle__wrapper" }, bn = ["name", "disabled", "checked", "required", "aria-checked", "value"], gn = { class: "joy-toggle__content" }, _n = /* @__PURE__ */ lt(() => /* @__PURE__ */ h("span", { class: "joy-toggle__symbol" }, null, -1)), wn = { class: "joy-toggle__content-label" }, Sn = /* @__PURE__ */ lt(() => /* @__PURE__ */ h("span", { class: "joy-toggle__smile" }, [
+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" }, [
   /* @__PURE__ */ h("svg", {
     width: "18",
     height: "10",
@@ -2558,7 +2574,7 @@ const pn = /* @__PURE__ */ V(mn, [["__scopeId", "data-v-1496c389"]]), lt = (e) =
       fill: "currentColor"
     })
   ])
-], -1)), jn = /* @__PURE__ */ $({
+], -1)), kn = /* @__PURE__ */ $({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -2604,7 +2620,7 @@ const pn = /* @__PURE__ */ V(mn, [["__scopeId", "data-v-1496c389"]]), lt = (e) =
         l.value = !1;
       }
     };
-    return (n, r) => (m(), p("div", hn, [
+    return (n, r) => (m(), p("div", bn, [
       h("label", {
         class: k([
           "joy-toggle",
@@ -2632,77 +2648,77 @@ const pn = /* @__PURE__ */ V(mn, [["__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, bn),
-        h("p", gn, [
-          _n,
-          h("span", wn, [
+        }, null, 40, gn),
+        h("p", _n, [
+          wn,
+          h("span", Sn, [
             g(n.$slots, "default", {}, () => [
               J(I(e.label), 1)
             ], !0)
           ]),
-          Sn
+          jn
         ])
       ], 2)
     ]));
   }
 });
-const kn = /* @__PURE__ */ V(jn, [["__scopeId", "data-v-cf79d999"]]), $n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $n = /* @__PURE__ */ V(kn, [["__scopeId", "data-v-cf79d999"]]), Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VJoyBadge: ft,
-  VJoyButton: jt,
+  VJoyButton: kt,
   VJoyCheckbox: he,
-  VJoyCounter: Dt,
-  VJoyDropdown: Fl,
+  VJoyCounter: Rt,
+  VJoyDropdown: Dl,
   VJoyDropdownList: Xe,
   VJoyFormError: et,
-  VJoyHighlight: Ql,
-  VJoyInput: io,
+  VJoyHighlight: Zl,
+  VJoyInput: ro,
   VJoyLabel: N,
-  VJoyLink: fo,
-  VJoyMultiCheckbox: po,
-  VJoyPanel: $o,
-  VJoyPanelSection: Bo,
-  VJoyRadio: qo,
-  VJoyRadioGroup: Ao,
-  VJoySelect: No,
+  VJoyLink: yo,
+  VJoyMultiCheckbox: ho,
+  VJoyPanel: Vo,
+  VJoyPanelSection: Lo,
+  VJoyRadio: To,
+  VJoyRadioGroup: Fo,
+  VJoySelect: Ho,
   VJoySelectableItem: tt,
-  VJoySelectableItemGroup: Qo,
+  VJoySelectableItemGroup: Zo,
   VJoySpinner: He,
-  VJoyTemplate: un,
-  VJoyTextarea: pn,
-  VJoyToggle: kn,
-  VJoyWrapper: Yo
-}, Symbol.toStringTag, { value: "Module" })), xn = {
+  VJoyTemplate: dn,
+  VJoyTextarea: hn,
+  VJoyToggle: $n,
+  VJoyWrapper: Xo
+}, Symbol.toStringTag, { value: "Module" })), On = {
   install: (e) => {
-    Object.entries($n).forEach(([t, l]) => {
+    Object.entries(Vn).forEach(([t, l]) => {
       e.component(t, l);
     });
   }
 };
 export {
-  xn as JoyVuePlugin,
+  On as JoyVuePlugin,
   ft as VJoyBadge,
-  jt as VJoyButton,
+  kt as VJoyButton,
   he as VJoyCheckbox,
-  Dt as VJoyCounter,
-  Fl as VJoyDropdown,
+  Rt as VJoyCounter,
+  Dl as VJoyDropdown,
   Xe as VJoyDropdownList,
   et as VJoyFormError,
-  Ql as VJoyHighlight,
-  io as VJoyInput,
+  Zl as VJoyHighlight,
+  ro as VJoyInput,
   N as VJoyLabel,
-  fo as VJoyLink,
-  po as VJoyMultiCheckbox,
-  $o as VJoyPanel,
-  Bo as VJoyPanelSection,
-  qo as VJoyRadio,
-  Ao as VJoyRadioGroup,
-  No as VJoySelect,
+  yo as VJoyLink,
+  ho as VJoyMultiCheckbox,
+  Vo as VJoyPanel,
+  Lo as VJoyPanelSection,
+  To as VJoyRadio,
+  Fo as VJoyRadioGroup,
+  Ho as VJoySelect,
   tt as VJoySelectableItem,
-  Qo as VJoySelectableItemGroup,
+  Zo as VJoySelectableItemGroup,
   He as VJoySpinner,
-  un as VJoyTemplate,
-  pn as VJoyTextarea,
-  kn as VJoyToggle,
-  Yo as VJoyWrapper
+  dn as VJoyTemplate,
+  hn as VJoyTextarea,
+  $n as VJoyToggle,
+  Xo as VJoyWrapper
 };