@maltjoy/core-vue 1.0.0-rc.3 → 3.4.4

package/dist/joy-vue.js

@@ -272,7 +272,7 @@ const Vt = /* @__PURE__ */ V($t, [["__scopeId", "data-v-44b223fb"]]), xt = ["ari
     ], 8, xt));
   }
 });
-const he = /* @__PURE__ */ V(Lt, [["__scopeId", "data-v-e8b172ed"]]), Ue = (e) => (te("data-v-0d1ab3f2"), e = e(), le(), e), Ct = { class: "joy-counter" }, Pt = ["aria-label", "disabled"], Jt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ h("joy-icon", {
+const he = /* @__PURE__ */ V(Lt, [["__scopeId", "data-v-e8b172ed"]]), Ue = (e) => (te("data-v-9aab3fa1"), e = e(), le(), e), Ct = { class: "joy-counter" }, Pt = ["aria-label", "disabled"], Jt = /* @__PURE__ */ Ue(() => /* @__PURE__ */ h("joy-icon", {
   name: "minus",
   color: "teal",
   lazy: !1
@@ -287,7 +287,10 @@ const he = /* @__PURE__ */ V(Lt, [["__scopeId", "data-v-e8b172ed"]]), Ue = (e) =
 ], Rt = {
   key: 0,
   class: "joy-counter_error"
-}, Mt = /* @__PURE__ */ $({
+}, Mt = {
+  inheritAttrs: !1
+}, Nt = /* @__PURE__ */ $({
+  ...Mt,
   __name: "VJoyCounter",
   props: {
     /** Removes any interactivity */
@@ -453,7 +456,7 @@ const he = /* @__PURE__ */ V(Lt, [["__scopeId", "data-v-e8b172ed"]]), Ue = (e) =
     ]));
   }
 });
-const Nt = /* @__PURE__ */ V(Mt, [["__scopeId", "data-v-0d1ab3f2"]]);
+const Ht = /* @__PURE__ */ V(Nt, [["__scopeId", "data-v-9aab3fa1"]]);
 var _e;
 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);
@@ -468,7 +471,7 @@ function Ke(e, l) {
   }
   return t;
 }
-function Ht(e, l = {}) {
+function Wt(e, l = {}) {
   let t, o, a = z;
   const r = (n) => {
     clearTimeout(n), a(), a = z;
@@ -484,7 +487,7 @@ function Ht(e, l = {}) {
     });
   };
 }
-function Wt(e, l = !0, t = !0, o = !1) {
+function Ut(e, l = !0, t = !0, o = !1) {
   let a = 0, r, s = !0, n = z, c;
   const f = () => {
     r && (clearTimeout(r), r = void 0, n(), n = z);
@@ -503,19 +506,19 @@ const R = {
   updated: "updated",
   unmounted: "unmounted"
 };
-function Ut(e) {
+function Gt(e) {
   return e;
 }
 function G(e) {
   return nt() ? (at(e), !0) : !1;
 }
-function Gt(e, l = 200, t = {}) {
-  return Ke(Ht(l, t), e);
+function Kt(e, l = 200, t = {}) {
+  return Ke(Wt(l, t), e);
 }
-function Kt(e, l = 200, t = !1, o = !0, a = !1) {
-  return Ke(Wt(l, t, o, a), e);
+function Qt(e, l = 200, t = !1, o = !0, a = !1) {
+  return Ke(Ut(l, t, o, a), e);
 }
-function Qt(e) {
+function Zt(e) {
   return typeof e == "function" ? I(e) : g(e);
 }
 function Qe(e, l = !0) {
@@ -545,7 +548,7 @@ function ae(...e) {
   return G(f), f;
 }
 let we = !1;
-function Zt(e, l, t = {}) {
+function Yt(e, l, t = {}) {
   const { window: o = be, ignore: a = [], capture: r = !0, detectIframe: s = !1 } = t;
   if (!o)
     return;
@@ -581,26 +584,26 @@ function Zt(e, l, t = {}) {
   ].filter(Boolean);
   return () => u.forEach((i) => i());
 }
-function Yt(e, l = !1) {
+function Xt(e, l = !1) {
   const t = g(), o = () => t.value = Boolean(e());
   return o(), Qe(o, l), t;
 }
 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, Xt = Object.prototype.hasOwnProperty, el = Object.prototype.propertyIsEnumerable, tl = (e, l) => {
+var Se = Object.getOwnPropertySymbols, el = Object.prototype.hasOwnProperty, tl = Object.prototype.propertyIsEnumerable, ll = (e, l) => {
   var t = {};
   for (var o in e)
-    Xt.call(e, o) && l.indexOf(o) < 0 && (t[o] = e[o]);
+    el.call(e, o) && l.indexOf(o) < 0 && (t[o] = e[o]);
   if (e != null && Se)
     for (var o of Se(e))
-      l.indexOf(o) < 0 && el.call(e, o) && (t[o] = e[o]);
+      l.indexOf(o) < 0 && tl.call(e, o) && (t[o] = e[o]);
   return t;
 };
-function ll(e, l, t = {}) {
-  const o = t, { window: a = be } = o, r = tl(o, ["window"]);
+function ol(e, l, t = {}) {
+  const o = t, { window: a = be } = o, r = ll(o, ["window"]);
   let s;
-  const n = Yt(() => a && "ResizeObserver" in a), c = () => {
+  const n = Xt(() => a && "ResizeObserver" in a), c = () => {
     s && (s.disconnect(), s = void 0);
   }, f = C(() => H(e), (m) => {
     c(), n.value && a && m && (s = new ResizeObserver(l), s.observe(m, r));
@@ -616,27 +619,27 @@ var je;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(je || (je = {}));
-function ol(e) {
+function nl(e) {
   const l = g(e == null ? void 0 : e.element), t = g(e == null ? void 0 : e.input);
   function o() {
     var a, r;
     l.value && (l.value.style.height = "1px", l.value.style.height = `${(a = l.value) == null ? void 0 : a.scrollHeight}px`, (r = e == null ? void 0 : e.onResize) == null || r.call(e));
   }
-  return C([t, l], o, { immediate: !0 }), ll(l, () => o()), e != null && e.watch && C(e.watch, o, { immediate: !0, deep: !0 }), {
+  return C([t, l], o, { immediate: !0 }), ol(l, () => o()), e != null && e.watch && C(e.watch, o, { immediate: !0, deep: !0 }), {
     textarea: l,
     input: t,
     triggerResize: o
   };
 }
-var nl = Object.defineProperty, ke = Object.getOwnPropertySymbols, al = Object.prototype.hasOwnProperty, il = Object.prototype.propertyIsEnumerable, $e = (e, l, t) => l in e ? nl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, rl = (e, l) => {
+var al = Object.defineProperty, ke = Object.getOwnPropertySymbols, il = Object.prototype.hasOwnProperty, rl = Object.prototype.propertyIsEnumerable, $e = (e, l, t) => l in e ? al(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, sl = (e, l) => {
   for (var t in l || (l = {}))
-    al.call(l, t) && $e(e, t, l[t]);
+    il.call(l, t) && $e(e, t, l[t]);
   if (ke)
     for (var t of ke(l))
-      il.call(l, t) && $e(e, t, l[t]);
+      rl.call(l, t) && $e(e, t, l[t]);
   return e;
 };
-const sl = {
+const ul = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -662,16 +665,16 @@ const sl = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-rl({
-  linear: Ut
-}, sl);
-const ul = /* @__PURE__ */ $({
+sl({
+  linear: Gt
+}, ul);
+const dl = /* @__PURE__ */ $({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: l, emit: t }) {
     const o = g();
-    return Zt(o, (a) => {
+    return Yt(o, (a) => {
       t("trigger", a);
     }, e.options), () => {
       if (l.default)
@@ -737,25 +740,25 @@ function xe(e, l, t = {}) {
   return () => u.forEach((i) => i());
 }
 R.mounted + "", R.unmounted + "";
-const dl = (e) => typeof e == "function" ? e : typeof e == "string" ? (l) => l.key === e : Array.isArray(e) ? (l) => e.includes(l.key) : () => !0;
+const cl = (e) => typeof e == "function" ? e : typeof e == "string" ? (l) => l.key === e : Array.isArray(e) ? (l) => e.includes(l.key) : () => !0;
 function Oe(...e) {
   let l, t, o = {};
   e.length === 3 ? (l = e[0], t = e[1], o = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (l = !0, t = e[0], o = e[1]) : (l = e[0], t = e[1]) : (l = !0, t = e[0]);
-  const { target: a = M, eventName: r = "keydown", passive: s = !1 } = o, n = dl(l);
+  const { target: a = M, eventName: r = "keydown", passive: s = !1 } = o, n = cl(l);
   return A(a, r, (f) => {
     n(f) && t(f);
   }, s);
 }
-var cl = Object.defineProperty, Ie = Object.getOwnPropertySymbols, fl = Object.prototype.hasOwnProperty, yl = Object.prototype.propertyIsEnumerable, Be = (e, l, t) => l in e ? cl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, ml = (e, l) => {
+var fl = Object.defineProperty, Ie = Object.getOwnPropertySymbols, yl = Object.prototype.hasOwnProperty, ml = Object.prototype.propertyIsEnumerable, Be = (e, l, t) => l in e ? fl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, vl = (e, l) => {
   for (var t in l || (l = {}))
-    fl.call(l, t) && Be(e, t, l[t]);
+    yl.call(l, t) && Be(e, t, l[t]);
   if (Ie)
     for (var t of Ie(l))
-      yl.call(l, t) && Be(e, t, l[t]);
+      ml.call(l, t) && Be(e, t, l[t]);
   return e;
 };
 R.mounted + "";
-const vl = 500;
+const pl = 500;
 function Ee(e, l, t) {
   var o, a;
   const r = I(() => J(e));
@@ -765,7 +768,7 @@ function Ee(e, l, t) {
   }
   function c(u) {
     var m, i, y, d;
-    (m = t == null ? void 0 : t.modifiers) != null && m.self && u.target !== r.value || (n(), (i = t == null ? void 0 : t.modifiers) != null && i.prevent && u.preventDefault(), (y = t == null ? void 0 : t.modifiers) != null && y.stop && u.stopPropagation(), s = setTimeout(() => l(u), (d = t == null ? void 0 : t.delay) != null ? d : vl));
+    (m = t == null ? void 0 : t.modifiers) != null && m.self && u.target !== r.value || (n(), (i = t == null ? void 0 : t.modifiers) != null && i.prevent && u.preventDefault(), (y = t == null ? void 0 : t.modifiers) != null && y.stop && u.stopPropagation(), s = setTimeout(() => l(u), (d = t == null ? void 0 : t.delay) != null ? d : pl));
   }
   const f = {
     capture: (o = t == null ? void 0 : t.modifiers) == null ? void 0 : o.capture,
@@ -781,7 +784,7 @@ function Ze(e, l = !1) {
   const t = g(), o = () => t.value = Boolean(e());
   return o(), Qe(o, l), t;
 }
-function pl(e, l = {}) {
+function hl(e, l = {}) {
   const t = l ? l.delayEnter : 0, o = l ? l.delayLeave : 0, a = g(!1);
   let r;
   const s = (n) => {
@@ -791,17 +794,17 @@ function pl(e, l = {}) {
   return window && (A(e, "mouseenter", () => s(!0), { passive: !0 }), A(e, "mouseleave", () => s(!1), { passive: !0 })), a;
 }
 R.mounted + "";
-var Le = Object.getOwnPropertySymbols, hl = Object.prototype.hasOwnProperty, bl = Object.prototype.propertyIsEnumerable, gl = (e, l) => {
+var Le = Object.getOwnPropertySymbols, bl = Object.prototype.hasOwnProperty, gl = Object.prototype.propertyIsEnumerable, _l = (e, l) => {
   var t = {};
   for (var o in e)
-    hl.call(e, o) && l.indexOf(o) < 0 && (t[o] = e[o]);
+    bl.call(e, o) && l.indexOf(o) < 0 && (t[o] = e[o]);
   if (e != null && Le)
     for (var o of Le(e))
-      l.indexOf(o) < 0 && bl.call(e, o) && (t[o] = e[o]);
+      l.indexOf(o) < 0 && gl.call(e, o) && (t[o] = e[o]);
   return t;
 };
-function _l(e, l, t = {}) {
-  const o = t, { window: a = M } = o, r = gl(o, ["window"]);
+function wl(e, l, t = {}) {
+  const o = t, { window: a = M } = o, r = _l(o, ["window"]);
   let s;
   const n = Ze(() => a && "ResizeObserver" in a), c = () => {
     s && (s.disconnect(), s = void 0);
@@ -815,12 +818,12 @@ function _l(e, l, t = {}) {
     stop: u
   };
 }
-function wl(e, l = { width: 0, height: 0 }, t = {}) {
+function Sl(e, l = { width: 0, height: 0 }, t = {}) {
   const { window: o = M, box: a = "content-box" } = t, r = I(() => {
     var c, f;
     return (f = (c = J(e)) == null ? void 0 : c.namespaceURI) == null ? void 0 : f.includes("svg");
   }), s = g(l.width), n = g(l.height);
-  return _l(e, ([c]) => {
+  return wl(e, ([c]) => {
     const f = a === "border-box" ? c.borderBoxSize : a === "content-box" ? c.contentBoxSize : c.devicePixelContentBoxSize;
     if (o && r.value) {
       const u = J(e);
@@ -913,13 +916,13 @@ function de(e, l = {}) {
     bottom: !1
   }), Y = (B) => {
     d.value && (d.value = !1, S.left = !1, S.right = !1, S.top = !1, S.bottom = !1, a(B));
-  }, oe = Gt(Y, t + o), O = (B) => {
+  }, oe = Kt(Y, t + o), O = (B) => {
     const q = B.target === document ? B.target.documentElement : B.target, D = q.scrollLeft;
     S.left = D < f.value, S.right = D > u.value, j.left = D <= 0 + (s.left || 0), j.right = D + q.clientWidth >= q.scrollWidth - (s.right || 0) - Pe, f.value = D;
     let F = q.scrollTop;
     B.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 + q.clientHeight >= q.scrollHeight - (s.bottom || 0) - Pe, u.value = F, d.value = !0, oe(B), r(B);
   };
-  return A(e, "scroll", t ? Kt(O, t, !0, !1) : O, n), A(e, "scrollend", Y, n), {
+  return A(e, "scroll", t ? Qt(O, t, !0, !1) : O, n), A(e, "scrollend", Y, n), {
     x: m,
     y: i,
     isScrolling: d,
@@ -927,17 +930,17 @@ function de(e, l = {}) {
     directions: S
   };
 }
-var Sl = Object.defineProperty, jl = Object.defineProperties, kl = Object.getOwnPropertyDescriptors, Je = Object.getOwnPropertySymbols, $l = Object.prototype.hasOwnProperty, Vl = Object.prototype.propertyIsEnumerable, Te = (e, l, t) => l in e ? Sl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, qe = (e, l) => {
+var jl = Object.defineProperty, kl = Object.defineProperties, $l = Object.getOwnPropertyDescriptors, Je = Object.getOwnPropertySymbols, Vl = Object.prototype.hasOwnProperty, xl = Object.prototype.propertyIsEnumerable, Te = (e, l, t) => l in e ? jl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, qe = (e, l) => {
   for (var t in l || (l = {}))
-    $l.call(l, t) && Te(e, t, l[t]);
+    Vl.call(l, t) && Te(e, t, l[t]);
   if (Je)
     for (var t of Je(l))
-      Vl.call(l, t) && Te(e, t, l[t]);
+      xl.call(l, t) && Te(e, t, l[t]);
   return e;
-}, xl = (e, l) => jl(e, kl(l));
+}, Ol = (e, l) => kl(e, $l(l));
 function ze(e, l, t = {}) {
   var o, a;
-  const r = (o = t.direction) != null ? o : "bottom", s = X(de(e, xl(qe({}, t), {
+  const r = (o = t.direction) != null ? o : "bottom", s = X(de(e, Ol(qe({}, t), {
     offset: qe({
       [r]: (a = t.distance) != null ? a : 0
     }, t.offset)
@@ -990,14 +993,14 @@ function Ae(e, l, t = {}) {
   };
 }
 R.mounted + "";
-var Ol = Object.defineProperty, Il = Object.defineProperties, Bl = Object.getOwnPropertyDescriptors, Fe = Object.getOwnPropertySymbols, El = Object.prototype.hasOwnProperty, Ll = Object.prototype.propertyIsEnumerable, De = (e, l, t) => l in e ? Ol(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Cl = (e, l) => {
+var Il = Object.defineProperty, Bl = Object.defineProperties, El = Object.getOwnPropertyDescriptors, Fe = Object.getOwnPropertySymbols, Ll = Object.prototype.hasOwnProperty, Cl = Object.prototype.propertyIsEnumerable, De = (e, l, t) => l in e ? Il(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Pl = (e, l) => {
   for (var t in l || (l = {}))
-    El.call(l, t) && De(e, t, l[t]);
+    Ll.call(l, t) && De(e, t, l[t]);
   if (Fe)
     for (var t of Fe(l))
-      Ll.call(l, t) && De(e, t, l[t]);
+      Cl.call(l, t) && De(e, t, l[t]);
   return e;
-}, Pl = (e, l) => Il(e, Bl(l));
+}, Jl = (e, l) => Bl(e, El(l));
 R.mounted + "";
 function Ye(e) {
   const l = window.getComputedStyle(e);
@@ -1008,14 +1011,14 @@ function Ye(e) {
     return !t || t.tagName === "BODY" ? !1 : Ye(t);
   }
 }
-function Jl(e) {
+function Tl(e) {
   const l = e || window.event, t = l.target;
   return Ye(t) ? !1 : l.touches.length > 1 ? !0 : (l.preventDefault && l.preventDefault(), !1);
 }
-function Tl(e, l = !1) {
+function ql(e, l = !1) {
   const t = g(l);
   let o = null, a;
-  C(Qt(e), (n) => {
+  C(Zt(e), (n) => {
     if (n) {
       const c = n;
       a = c.style.overflow, t.value && (c.style.overflow = "hidden");
@@ -1026,7 +1029,7 @@ function Tl(e, l = !1) {
   const r = () => {
     const n = P(e);
     !n || t.value || (ee && (o = A(n, "touchmove", (c) => {
-      Jl(c);
+      Tl(c);
     }, { passive: !1 })), n.style.overflow = "hidden", t.value = !0);
   }, s = () => {
     const n = P(e);
@@ -1041,25 +1044,25 @@ function Tl(e, l = !1) {
     }
   });
 }
-const ql = () => {
+const zl = () => {
   let e = !1;
   const l = g(!1);
   return (t, o) => {
     if (l.value = o.value, e)
       return;
     e = !0;
-    const a = Tl(t, o.value);
+    const a = ql(t, o.value);
     C(l, (r) => a.value = r);
   };
 };
-ql();
-const Xe = ["medium", "small"], zl = {
+zl();
+const Xe = ["medium", "small"], Al = {
   key: 0,
   class: "joy-dropdown-list__header"
-}, Al = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Fl = {
+}, Fl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Dl = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, Dl = /* @__PURE__ */ $({
+}, Rl = /* @__PURE__ */ $({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -1144,7 +1147,7 @@ const Xe = ["medium", "small"], zl = {
       class: "joy-dropdown-list",
       style: K({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      i.$slots["dropdown-list-header"] ? (v(), p("header", zl, [
+      i.$slots["dropdown-list-header"] ? (v(), p("header", Al, [
         b(i.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : w("", !0),
       h("div", {
@@ -1182,17 +1185,17 @@ const Xe = ["medium", "small"], zl = {
             b(i.$slots, "label", ve(pe(d)), () => [
               h("span", null, x(d.label), 1)
             ], !0)
-          ], 14, Al))), 128))
+          ], 14, Fl))), 128))
         ], 512)) : w("", !0)
       ], 6),
-      i.$slots["dropdown-list-footer"] ? (v(), p("footer", Fl, [
+      i.$slots["dropdown-list-footer"] ? (v(), p("footer", Dl, [
         b(i.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : w("", !0)
     ], 4));
   }
 });
-const et = /* @__PURE__ */ V(Dl, [["__scopeId", "data-v-63134a7f"]]);
-function Rl(e) {
+const et = /* @__PURE__ */ V(Rl, [["__scopeId", "data-v-63134a7f"]]);
+function Ml(e) {
   const l = () => e();
   Z(() => {
     window.addEventListener("resize", l);
@@ -1200,7 +1203,7 @@ function Rl(e) {
     window.removeEventListener("resize", l);
   });
 }
-const Ml = /* @__PURE__ */ $({
+const Nl = /* @__PURE__ */ $({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -1309,9 +1312,9 @@ const Ml = /* @__PURE__ */ $({
     function oe(O) {
       t("update:modelValue", O), o.closeOnSelect && (y(), S());
     }
-    return Rl(y), l({
+    return Ml(y), l({
       showDropdownList: a
-    }), (O, B) => (v(), T(_(ul), {
+    }), (O, B) => (v(), T(_(dl), {
       ref_key: "dropdown",
       ref: r,
       options: u,
@@ -1393,10 +1396,10 @@ const Ml = /* @__PURE__ */ $({
     }, 512));
   }
 });
-const Nl = /* @__PURE__ */ V(Ml, [["__scopeId", "data-v-2657fbc4"]]), Hl = (e) => (te("data-v-50e209d6"), e = e(), le(), e), Wl = ["aria-hidden"], Ul = /* @__PURE__ */ Hl(() => /* @__PURE__ */ h("joy-icon", {
+const Hl = /* @__PURE__ */ V(Nl, [["__scopeId", "data-v-2657fbc4"]]), Wl = (e) => (te("data-v-50e209d6"), e = e(), le(), e), Ul = ["aria-hidden"], Gl = /* @__PURE__ */ Wl(() => /* @__PURE__ */ h("joy-icon", {
   "custom-class": "joy-icon-error",
   name: "warning-triangle"
-}, null, -1)), Gl = /* @__PURE__ */ $({
+}, null, -1)), Kl = /* @__PURE__ */ $({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1413,17 +1416,17 @@ const Nl = /* @__PURE__ */ V(Ml, [["__scopeId", "data-v-2657fbc4"]]), Hl = (e) =
       class: k(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      Ul,
+      Gl,
       h("div", null, [
         b(l.$slots, "default", {}, () => [
           L(x(e.noHtmlErrorText), 1)
         ], !0)
       ])
-    ], 10, Wl));
+    ], 10, Ul));
   }
 });
-const tt = /* @__PURE__ */ V(Gl, [["__scopeId", "data-v-50e209d6"]]);
-function Kl(e) {
+const tt = /* @__PURE__ */ V(Kl, [["__scopeId", "data-v-50e209d6"]]);
+function Ql(e) {
   let l;
   switch (e) {
     case "error":
@@ -1437,7 +1440,7 @@ function Kl(e) {
   }
   return l;
 }
-const Ql = [...bt], Zl = ["name"], Yl = { class: "joy-highlight--text" }, Xl = /* @__PURE__ */ $({
+const Zl = [...bt], Yl = ["name"], Xl = { class: "joy-highlight--text" }, eo = /* @__PURE__ */ $({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -1453,12 +1456,12 @@ const Ql = [...bt], Zl = ["name"], Yl = { class: "joy-highlight--text" }, Xl = /
       type: String,
       default: "neutral",
       validator(e) {
-        return Ql.includes(e);
+        return Zl.includes(e);
       }
     }
   },
   setup(e, { expose: l }) {
-    const t = e, o = I(() => t.icon ? t.icon : Kl(t.level));
+    const t = e, o = I(() => t.icon ? t.icon : Ql(t.level));
     return l({
       getRelevantIcon: o
     }), (a, r) => (v(), p("div", {
@@ -1474,8 +1477,8 @@ const Ql = [...bt], Zl = ["name"], Yl = { class: "joy-highlight--text" }, Xl = /
       e.displayIcon ? (v(), p("joy-icon", {
         key: 0,
         name: _(o)
-      }, null, 8, Zl)) : w("", !0),
-      h("div", Yl, [
+      }, null, 8, Yl)) : w("", !0),
+      h("div", Xl, [
         h("strong", null, [
           b(a.$slots, "highlight-title", {}, void 0, !0)
         ]),
@@ -1484,20 +1487,20 @@ const Ql = [...bt], Zl = ["name"], Yl = { class: "joy-highlight--text" }, Xl = /
     ], 2));
   }
 });
-const eo = /* @__PURE__ */ V(Xl, [["__scopeId", "data-v-a0ff7a60"]]), to = ["small", "medium", "large"], lo = {
+const to = /* @__PURE__ */ V(eo, [["__scopeId", "data-v-a0ff7a60"]]), lo = ["small", "medium", "large"], oo = {
   key: 0,
   class: "joy-label-required"
-}, oo = {
+}, no = {
   key: 1,
   class: "joy-label-optional"
-}, no = /* @__PURE__ */ $({
+}, ao = /* @__PURE__ */ $({
   __name: "VJoyLabel",
   props: {
     size: {
       type: String,
       default: "medium",
       validator(e) {
-        return to.includes(e);
+        return lo.includes(e);
       }
     },
     tagName: {
@@ -1521,14 +1524,17 @@ const eo = /* @__PURE__ */ V(Xl, [["__scopeId", "data-v-a0ff7a60"]]), to = ["sma
         b(l.$slots, "default", {}, () => [
           L(x(e.text), 1)
         ], !0),
-        e.required ? (v(), p("span", lo, "*")) : w("", !0),
-        e.optionalLabel ? (v(), p("span", oo, "- " + x(e.optionalLabel), 1)) : w("", !0)
+        e.required ? (v(), p("span", oo, "*")) : w("", !0),
+        e.optionalLabel ? (v(), p("span", no, "- " + x(e.optionalLabel), 1)) : w("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const N = /* @__PURE__ */ V(no, [["__scopeId", "data-v-1265214a"]]), ao = ["large", "medium", "small"], io = ["id", "disabled", "type", "value"], ro = ["name"], so = ["data-unit"], uo = /* @__PURE__ */ $({
+const N = /* @__PURE__ */ V(ao, [["__scopeId", "data-v-1265214a"]]), io = ["large", "medium", "small"], ro = ["id", "disabled", "type", "value"], so = ["name"], uo = ["data-unit"], co = {
+  inheritAttrs: !1
+}, fo = /* @__PURE__ */ $({
+  ...co,
   __name: "VJoyInput",
   props: {
     disabled: {
@@ -1578,7 +1584,7 @@ const N = /* @__PURE__ */ V(no, [["__scopeId", "data-v-1265214a"]]), ao = ["larg
       type: String,
       default: "medium",
       validator(e) {
-        return ao.includes(e);
+        return io.includes(e);
       }
     },
     type: String,
@@ -1669,7 +1675,7 @@ const N = /* @__PURE__ */ V(no, [["__scopeId", "data-v-1265214a"]]), ao = ["larg
             (...j) => i.onBlur && i.onBlur(...j)),
             onInput: d[2] || (d[2] = //@ts-ignore
             (...j) => i.onInput && i.onInput(...j))
-          }), null, 16, io),
+          }), null, 16, ro),
           _(c) ? (v(), p("joy-icon", {
             key: 0,
             size: "xxsmall",
@@ -1683,18 +1689,18 @@ const N = /* @__PURE__ */ V(no, [["__scopeId", "data-v-1265214a"]]), ao = ["larg
             role: "img",
             class: "joy-input--decorative-icon",
             name: e.icon
-          }, null, 8, ro)) : w("", !0),
+          }, null, 8, so)) : w("", !0),
           e.unit ? (v(), p("div", {
             key: 2,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, so)) : w("", !0)
+          }, null, 8, uo)) : w("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const co = /* @__PURE__ */ V(uo, [["__scopeId", "data-v-4155cc79"]]), fo = ["teal", "white"], yo = ["href"], mo = ["color", "name"], vo = /* @__PURE__ */ $({
+const yo = /* @__PURE__ */ V(fo, [["__scopeId", "data-v-35fce715"]]), mo = ["teal", "white"], vo = ["href"], po = ["color", "name"], ho = /* @__PURE__ */ $({
   __name: "VJoyLink",
   props: {
     href: {
@@ -1705,7 +1711,7 @@ const co = /* @__PURE__ */ V(uo, [["__scopeId", "data-v-4155cc79"]]), fo = ["tea
       type: String,
       default: "teal",
       validator(e) {
-        return fo.includes(e);
+        return mo.includes(e);
       }
     },
     icon: String,
@@ -1720,16 +1726,16 @@ const co = /* @__PURE__ */ V(uo, [["__scopeId", "data-v-4155cc79"]]), fo = ["tea
         key: 0,
         color: _(t),
         name: e.icon
-      }, null, 8, mo)) : w("", !0),
+      }, null, 8, po)) : w("", !0),
       b(o.$slots, "default", {}, () => [
         L(x(e.text), 1)
       ], !0)
-    ], 16, yo));
+    ], 16, vo));
   }
 });
-const po = /* @__PURE__ */ V(vo, [["__scopeId", "data-v-920769ba"]]), ho = ["id"], bo = {
+const bo = /* @__PURE__ */ V(ho, [["__scopeId", "data-v-920769ba"]]), go = ["id"], _o = {
   class: /* @__PURE__ */ k(["joy-multi-checkbox"])
-}, go = /* @__PURE__ */ $({
+}, wo = /* @__PURE__ */ $({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {
@@ -1788,7 +1794,7 @@ const po = /* @__PURE__ */ V(vo, [["__scopeId", "data-v-920769ba"]]), ho = ["id"
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
-      h("div", bo, [
+      h("div", _o, [
         (v(!0), p(ye, null, me(e.options, (n) => (v(), T(_(he), {
           id: n.id,
           key: n.id,
@@ -1805,22 +1811,22 @@ const po = /* @__PURE__ */ V(vo, [["__scopeId", "data-v-920769ba"]]), ho = ["id"
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, ho));
+    ], 8, go));
   }
 });
-const _o = /* @__PURE__ */ V(go, [["__scopeId", "data-v-47574ced"]]), wo = ["small", "medium", "large"], So = ["small", "large"], jo = {
+const So = /* @__PURE__ */ V(wo, [["__scopeId", "data-v-47574ced"]]), jo = ["small", "medium", "large"], ko = ["small", "large"], $o = {
   key: 0,
   class: /* @__PURE__ */ k(["joy-panel__header"])
-}, ko = {
+}, Vo = {
   key: 1,
   class: "joy-panel__header-action"
-}, $o = {
+}, xo = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, Vo = { class: "joy-panel__body" }, xo = {
+}, Oo = { class: "joy-panel__body" }, Io = {
   key: 1,
   class: "joy-panel__footer"
-}, Oo = /* @__PURE__ */ $({
+}, Bo = /* @__PURE__ */ $({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -1834,14 +1840,14 @@ const _o = /* @__PURE__ */ V(go, [["__scopeId", "data-v-47574ced"]]), wo = ["sma
       type: String,
       default: "medium",
       validator(e) {
-        return wo.includes(e);
+        return jo.includes(e);
       }
     },
     titleSize: {
       type: String,
       default: "large",
       validator(e) {
-        return So.includes(e);
+        return ko.includes(e);
       }
     }
   },
@@ -1859,50 +1865,50 @@ const _o = /* @__PURE__ */ V(go, [["__scopeId", "data-v-47574ced"]]), wo = ["sma
         }
       ])
     }, [
-      _(r) ? (v(), p("header", jo, [
+      _(r) ? (v(), p("header", $o, [
         _(o)["panel-title"] ? (v(), p("div", {
           key: 0,
           class: k(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           b(s.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : w("", !0),
-        _(o)["panel-title-action"] ? (v(), p("div", ko, [
+        _(o)["panel-title-action"] ? (v(), p("div", Vo, [
           b(s.$slots, "panel-title-action", {}, void 0, !0)
         ])) : w("", !0),
-        _(o)["panel-subtitle"] ? (v(), p("div", $o, [
+        _(o)["panel-subtitle"] ? (v(), p("div", xo, [
           b(s.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : w("", !0)
       ])) : w("", !0),
-      h("div", Vo, [
+      h("div", Oo, [
         b(s.$slots, "panel-body", {}, void 0, !0)
       ]),
-      _(o)["panel-action"] ? (v(), p("footer", xo, [
+      _(o)["panel-action"] ? (v(), p("footer", Io, [
         b(s.$slots, "panel-action", {}, void 0, !0)
       ])) : w("", !0)
     ], 6));
   }
 });
-const Io = /* @__PURE__ */ V(Oo, [["__scopeId", "data-v-49d83306"]]), Bo = { class: "joy-panel-section" }, Eo = {
+const Eo = /* @__PURE__ */ V(Bo, [["__scopeId", "data-v-49d83306"]]), Lo = { class: "joy-panel-section" }, Co = {
   key: 0,
   class: "joy-panel-section__title"
-}, Lo = {
+}, Po = {
   key: 1,
   class: "joy-panel-section__content"
-}, Co = /* @__PURE__ */ $({
+}, Jo = /* @__PURE__ */ $({
   __name: "VJoyPanelSection",
   setup(e) {
     const l = W();
-    return (t, o) => (v(), p("div", Bo, [
-      _(l)["panel-section-title"] ? (v(), p("div", Eo, [
+    return (t, o) => (v(), p("div", Lo, [
+      _(l)["panel-section-title"] ? (v(), p("div", Co, [
         b(t.$slots, "panel-section-title", {}, void 0, !0)
       ])) : w("", !0),
-      _(l)["panel-section-content"] ? (v(), p("div", Lo, [
+      _(l)["panel-section-content"] ? (v(), p("div", Po, [
         b(t.$slots, "panel-section-content", {}, void 0, !0)
       ])) : w("", !0)
     ]));
   }
 });
-const Po = /* @__PURE__ */ V(Co, [["__scopeId", "data-v-d88510ab"]]), Jo = ["id", "value", "checked", "disabled", "required", "name"], To = { class: "joy-radio-label" }, qo = { class: "joy-radio-content__wrapper" }, zo = { class: "joy-radio-content" }, Ao = /* @__PURE__ */ $({
+const To = /* @__PURE__ */ V(Jo, [["__scopeId", "data-v-d88510ab"]]), qo = ["id", "value", "checked", "disabled", "required", "name"], zo = { class: "joy-radio-label" }, Ao = { class: "joy-radio-content__wrapper" }, Fo = { class: "joy-radio-content" }, Do = /* @__PURE__ */ $({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -1988,12 +1994,12 @@ const Po = /* @__PURE__ */ V(Co, [["__scopeId", "data-v-d88510ab"]]), Jo = ["id"
         onChange: m,
         onFocus: i,
         onBlur: y
-      }, null, 40, Jo),
-      h("span", To, [
+      }, null, 40, qo),
+      h("span", zo, [
         b(d.$slots, "default", {}, void 0, !0)
       ]),
-      h("div", qo, [
-        h("div", zo, [
+      h("div", Ao, [
+        h("div", Fo, [
           b(d.$slots, "radio-content", {}, void 0, !0)
         ]),
         h("div", {
@@ -2007,7 +2013,7 @@ const Po = /* @__PURE__ */ V(Co, [["__scopeId", "data-v-d88510ab"]]), Jo = ["id"
     ], 2));
   }
 });
-const Fo = /* @__PURE__ */ V(Ao, [["__scopeId", "data-v-24cea99b"]]), Do = ["form", "name"], Ro = /* @__PURE__ */ $({
+const Ro = /* @__PURE__ */ V(Do, [["__scopeId", "data-v-24cea99b"]]), Mo = ["form", "name"], No = /* @__PURE__ */ $({
   __name: "VJoyRadioGroup",
   props: {
     direction: {
@@ -2035,13 +2041,13 @@ const Fo = /* @__PURE__ */ V(Ao, [["__scopeId", "data-v-24cea99b"]]), Do = ["for
       }, [
         b(l.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, Do));
+    ], 8, Mo));
   }
 });
-const Mo = /* @__PURE__ */ V(Ro, [["__scopeId", "data-v-ace1a80f"]]), No = (e) => (te("data-v-ab4d0113"), e = e(), le(), e), Ho = ["id", "name", "aria-invalid", "required", "disabled", "value"], Wo = /* @__PURE__ */ No(() => /* @__PURE__ */ h("joy-icon", {
+const Ho = /* @__PURE__ */ V(No, [["__scopeId", "data-v-ace1a80f"]]), Wo = (e) => (te("data-v-ab4d0113"), e = e(), le(), e), Uo = ["id", "name", "aria-invalid", "required", "disabled", "value"], Go = /* @__PURE__ */ Wo(() => /* @__PURE__ */ h("joy-icon", {
   class: "joy-select__chevron",
   name: "chevron-down"
-}, null, -1)), Uo = /* @__PURE__ */ $({
+}, null, -1)), Ko = /* @__PURE__ */ $({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -2149,13 +2155,13 @@ const Mo = /* @__PURE__ */ V(Ro, [["__scopeId", "data-v-ace1a80f"]]), No = (e) =
           onBlur: f
         }, [
           b(u.$slots, "default", {}, void 0, !0)
-        ], 40, Ho),
-        Wo
+        ], 40, Uo),
+        Go
       ], 2)
     ], 512));
   }
 });
-const Go = /* @__PURE__ */ V(Uo, [["__scopeId", "data-v-ab4d0113"]]), Ko = ["aria-disabled"], Qo = ["id", "value", "checked", "disabled", "required", "name"], Zo = /* @__PURE__ */ $({
+const Qo = /* @__PURE__ */ V(Ko, [["__scopeId", "data-v-ab4d0113"]]), Zo = ["aria-disabled"], Yo = ["id", "value", "checked", "disabled", "required", "name"], Xo = /* @__PURE__ */ $({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -2240,7 +2246,7 @@ const Go = /* @__PURE__ */ V(Uo, [["__scopeId", "data-v-ab4d0113"]]), Ko = ["ari
         (...m) => n.onFocus && n.onFocus(...m)),
         onBlur: u[2] || (u[2] = //@ts-ignore
         (...m) => n.onBlur && n.onBlur(...m))
-      }, null, 40, Qo)),
+      }, null, 40, Yo)),
       (v(), T(ce(_(s)), {
         for: e.id,
         class: k([
@@ -2285,10 +2291,10 @@ const Go = /* @__PURE__ */ V(Uo, [["__scopeId", "data-v-ab4d0113"]]), Ko = ["ari
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, Ko));
+    ], 10, Zo));
   }
 });
-const lt = /* @__PURE__ */ V(Zo, [["__scopeId", "data-v-cb2531c0"]]), Yo = ["id"], Xo = /* @__PURE__ */ $({
+const lt = /* @__PURE__ */ V(Xo, [["__scopeId", "data-v-cb2531c0"]]), en = ["id"], tn = /* @__PURE__ */ $({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -2388,10 +2394,10 @@ const lt = /* @__PURE__ */ V(Zo, [["__scopeId", "data-v-cb2531c0"]]), Yo = ["id"
           } : void 0
         ]), 1032, ["id", "name", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, Yo));
+    ], 8, en));
   }
 });
-const en = /* @__PURE__ */ V(Xo, [["__scopeId", "data-v-3ba17434"]]), tn = /* @__PURE__ */ $({
+const ln = /* @__PURE__ */ V(tn, [["__scopeId", "data-v-3ba17434"]]), on = /* @__PURE__ */ $({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -2440,28 +2446,28 @@ const en = /* @__PURE__ */ V(Xo, [["__scopeId", "data-v-3ba17434"]]), tn = /* @_
     ], 2));
   }
 });
-const ln = /* @__PURE__ */ V(tn, [["__scopeId", "data-v-e2f29698"]]), on = { class: "joy-template__wrapper" }, nn = {
+const nn = /* @__PURE__ */ V(on, [["__scopeId", "data-v-e2f29698"]]), an = { class: "joy-template__wrapper" }, rn = {
   key: 0,
   class: "joy-template__heading"
-}, an = {
+}, sn = {
   key: 0,
   class: "joy-template-slot-back"
-}, rn = { class: "joy-template__heading___headings" }, sn = {
+}, un = { class: "joy-template__heading___headings" }, dn = {
   key: 0,
   class: "joy-template-slot-title"
-}, un = {
+}, cn = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, dn = {
+}, fn = {
   key: 1,
   class: "joy-template-slot-actions"
-}, cn = {
+}, yn = {
   key: 0,
   class: "joy-template-slot-main"
-}, fn = {
+}, mn = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, yn = /* @__PURE__ */ $({
+}, vn = /* @__PURE__ */ $({
   __name: "VJoyTemplate",
   props: {
     full: { type: Boolean, default: !1 },
@@ -2472,20 +2478,20 @@ const ln = /* @__PURE__ */ V(tn, [["__scopeId", "data-v-e2f29698"]]), on = { cla
     return (a, r) => (v(), p("main", {
       class: k(["joy-template", { "joy-template--full": l.full }])
     }, [
-      h("div", on, [
-        _(o) ? (v(), p("div", nn, [
-          _(t)["template-back"] ? (v(), p("div", an, [
+      h("div", an, [
+        _(o) ? (v(), p("div", rn, [
+          _(t)["template-back"] ? (v(), p("div", sn, [
             b(a.$slots, "template-back", {}, void 0, !0)
           ])) : w("", !0),
-          h("div", rn, [
-            _(t)["template-title"] ? (v(), p("div", sn, [
+          h("div", un, [
+            _(t)["template-title"] ? (v(), p("div", dn, [
               b(a.$slots, "template-title", {}, void 0, !0)
             ])) : w("", !0),
-            _(t)["template-subtitle"] ? (v(), p("div", un, [
+            _(t)["template-subtitle"] ? (v(), p("div", cn, [
               b(a.$slots, "template-subtitle", {}, void 0, !0)
             ])) : w("", !0)
           ]),
-          _(t)["template-actions"] ? (v(), p("div", dn, [
+          _(t)["template-actions"] ? (v(), p("div", fn, [
             b(a.$slots, "template-actions", {}, void 0, !0)
           ])) : w("", !0)
         ])) : w("", !0),
@@ -2497,10 +2503,10 @@ const ln = /* @__PURE__ */ V(tn, [["__scopeId", "data-v-e2f29698"]]), on = { cla
             }
           ])
         }, [
-          a.$slots["template-main"] ? (v(), p("div", cn, [
+          a.$slots["template-main"] ? (v(), p("div", yn, [
             b(a.$slots, "template-main", {}, void 0, !0)
           ])) : w("", !0),
-          a.$slots["template-sidebar"] ? (v(), p("div", fn, [
+          a.$slots["template-sidebar"] ? (v(), p("div", mn, [
             b(a.$slots, "template-sidebar", {}, void 0, !0)
           ])) : w("", !0)
         ], 2)
@@ -2508,15 +2514,18 @@ const ln = /* @__PURE__ */ V(tn, [["__scopeId", "data-v-e2f29698"]]), on = { cla
     ], 2));
   }
 });
-const mn = /* @__PURE__ */ V(yn, [["__scopeId", "data-v-85e0d8cf"]]), vn = ["aria-disabled"], pn = { class: "joy-textarea_wrapper" }, hn = ["id", "disabled", "name", "required", "minlength", "value"], bn = {
+const pn = /* @__PURE__ */ V(vn, [["__scopeId", "data-v-85e0d8cf"]]), hn = ["aria-disabled"], bn = { class: "joy-textarea_wrapper" }, gn = ["id", "disabled", "name", "required", "minlength", "value"], _n = {
   key: 0,
   class: "joy-textarea_helpers"
-}, gn = {
+}, wn = {
   key: 0,
   name: "check",
   color: "grey",
   size: "xxsmall"
-}, _n = /* @__PURE__ */ $({
+}, Sn = {
+  inheritAttrs: !1
+}, jn = /* @__PURE__ */ $({
+  ...Sn,
   __name: "VJoyTextarea",
   props: {
     disabled: {
@@ -2565,7 +2574,7 @@ const mn = /* @__PURE__ */ V(yn, [["__scopeId", "data-v-85e0d8cf"]]), vn = ["ari
   },
   emits: ["update:modelValue"],
   setup(e, { expose: l, emit: t }) {
-    const o = e, a = g(), { triggerResize: r } = ol({
+    const o = e, a = g(), { triggerResize: r } = nl({
       element: o.autogrow ? a : void 0
     }), s = g(!1), n = g(!1), c = I(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), f = I(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
       onInput: (m) => {
@@ -2607,7 +2616,7 @@ const mn = /* @__PURE__ */ V(yn, [["__scopeId", "data-v-85e0d8cf"]]), vn = ["ari
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
-      h("div", pn, [
+      h("div", bn, [
         h("textarea", Q(m.$attrs, {
           id: e.id,
           ref_key: "textarea",
@@ -2624,14 +2633,14 @@ const mn = /* @__PURE__ */ V(yn, [["__scopeId", "data-v-85e0d8cf"]]), vn = ["ari
           (...y) => u.onFocus && u.onFocus(...y)),
           onBlur: i[2] || (i[2] = //@ts-ignore
           (...y) => u.onBlur && u.onBlur(...y))
-        }), null, 16, hn)
+        }), null, 16, gn)
       ]),
-      e.minlength || e.maxlength ? (v(), p("div", bn, [
+      e.minlength || e.maxlength ? (v(), p("div", _n, [
         e.minlength ? (v(), p("p", {
           key: 0,
           class: k(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          _(f) ? w("", !0) : (v(), p("joy-icon", gn)),
+          _(f) ? w("", !0) : (v(), p("joy-icon", wn)),
           L(" " + x(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : w("", !0),
         e.maxlength ? (v(), p("p", {
@@ -2639,10 +2648,10 @@ const mn = /* @__PURE__ */ V(yn, [["__scopeId", "data-v-85e0d8cf"]]), vn = ["ari
           class: k(["joy-textarea-count", { "joy-textarea-count-invalid": _(c) }])
         }, x(e.modelValue.length + "/" + e.maxlength), 3)) : w("", !0)
       ])) : w("", !0)
-    ], 10, vn));
+    ], 10, hn));
   }
 });
-const wn = /* @__PURE__ */ V(_n, [["__scopeId", "data-v-1496c389"]]), ot = (e) => (te("data-v-cf79d999"), e = e(), le(), e), Sn = { class: "joy-toggle__wrapper" }, jn = ["name", "disabled", "checked", "required", "aria-checked", "value"], kn = { class: "joy-toggle__content" }, $n = /* @__PURE__ */ ot(() => /* @__PURE__ */ h("span", { class: "joy-toggle__symbol" }, null, -1)), Vn = { class: "joy-toggle__content-label" }, xn = /* @__PURE__ */ ot(() => /* @__PURE__ */ h("span", { class: "joy-toggle__smile" }, [
+const kn = /* @__PURE__ */ V(jn, [["__scopeId", "data-v-627a255b"]]), ot = (e) => (te("data-v-cf79d999"), e = e(), le(), e), $n = { class: "joy-toggle__wrapper" }, Vn = ["name", "disabled", "checked", "required", "aria-checked", "value"], xn = { class: "joy-toggle__content" }, On = /* @__PURE__ */ ot(() => /* @__PURE__ */ h("span", { class: "joy-toggle__symbol" }, null, -1)), In = { class: "joy-toggle__content-label" }, Bn = /* @__PURE__ */ ot(() => /* @__PURE__ */ h("span", { class: "joy-toggle__smile" }, [
   /* @__PURE__ */ h("svg", {
     width: "18",
     height: "10",
@@ -2655,7 +2664,7 @@ const wn = /* @__PURE__ */ V(_n, [["__scopeId", "data-v-1496c389"]]), ot = (e) =
       fill: "currentColor"
     })
   ])
-], -1)), On = /* @__PURE__ */ $({
+], -1)), En = /* @__PURE__ */ $({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -2701,7 +2710,7 @@ const wn = /* @__PURE__ */ V(_n, [["__scopeId", "data-v-1496c389"]]), ot = (e) =
         t.value = !1;
       }
     };
-    return (a, r) => (v(), p("div", Sn, [
+    return (a, r) => (v(), p("div", $n, [
       h("label", {
         class: k([
           "joy-toggle",
@@ -2729,77 +2738,77 @@ const wn = /* @__PURE__ */ V(_n, [["__scopeId", "data-v-1496c389"]]), ot = (e) =
           (...s) => o.onFocus && o.onFocus(...s)),
           onBlur: r[2] || (r[2] = //@ts-ignore
           (...s) => o.onBlur && o.onBlur(...s))
-        }, null, 40, jn),
-        h("p", kn, [
-          $n,
-          h("span", Vn, [
+        }, null, 40, Vn),
+        h("p", xn, [
+          On,
+          h("span", In, [
             b(a.$slots, "default", {}, () => [
               L(x(e.label), 1)
             ], !0)
           ]),
-          xn
+          Bn
         ])
       ], 2)
     ]));
   }
 });
-const In = /* @__PURE__ */ V(On, [["__scopeId", "data-v-cf79d999"]]), Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ln = /* @__PURE__ */ V(En, [["__scopeId", "data-v-cf79d999"]]), Cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VJoyBadge: mt,
   VJoyButton: Vt,
   VJoyCheckbox: he,
-  VJoyCounter: Nt,
-  VJoyDropdown: Nl,
+  VJoyCounter: Ht,
+  VJoyDropdown: Hl,
   VJoyDropdownList: et,
   VJoyFormError: tt,
-  VJoyHighlight: eo,
-  VJoyInput: co,
+  VJoyHighlight: to,
+  VJoyInput: yo,
   VJoyLabel: N,
-  VJoyLink: po,
-  VJoyMultiCheckbox: _o,
-  VJoyPanel: Io,
-  VJoyPanelSection: Po,
-  VJoyRadio: Fo,
-  VJoyRadioGroup: Mo,
-  VJoySelect: Go,
+  VJoyLink: bo,
+  VJoyMultiCheckbox: So,
+  VJoyPanel: Eo,
+  VJoyPanelSection: To,
+  VJoyRadio: Ro,
+  VJoyRadioGroup: Ho,
+  VJoySelect: Qo,
   VJoySelectableItem: lt,
-  VJoySelectableItemGroup: en,
+  VJoySelectableItemGroup: ln,
   VJoySpinner: We,
-  VJoyTemplate: mn,
-  VJoyTextarea: wn,
-  VJoyToggle: In,
-  VJoyWrapper: ln
-}, Symbol.toStringTag, { value: "Module" })), Ln = {
+  VJoyTemplate: pn,
+  VJoyTextarea: kn,
+  VJoyToggle: Ln,
+  VJoyWrapper: nn
+}, Symbol.toStringTag, { value: "Module" })), Jn = {
   install: (e) => {
-    Object.entries(Bn).forEach(([l, t]) => {
+    Object.entries(Cn).forEach(([l, t]) => {
       e.component(l, t);
     });
   }
 };
 export {
-  Ln as JoyVuePlugin,
+  Jn as JoyVuePlugin,
   mt as VJoyBadge,
   Vt as VJoyButton,
   he as VJoyCheckbox,
-  Nt as VJoyCounter,
-  Nl as VJoyDropdown,
+  Ht as VJoyCounter,
+  Hl as VJoyDropdown,
   et as VJoyDropdownList,
   tt as VJoyFormError,
-  eo as VJoyHighlight,
-  co as VJoyInput,
+  to as VJoyHighlight,
+  yo as VJoyInput,
   N as VJoyLabel,
-  po as VJoyLink,
-  _o as VJoyMultiCheckbox,
-  Io as VJoyPanel,
-  Po as VJoyPanelSection,
-  Fo as VJoyRadio,
-  Mo as VJoyRadioGroup,
-  Go as VJoySelect,
+  bo as VJoyLink,
+  So as VJoyMultiCheckbox,
+  Eo as VJoyPanel,
+  To as VJoyPanelSection,
+  Ro as VJoyRadio,
+  Ho as VJoyRadioGroup,
+  Qo as VJoySelect,
   lt as VJoySelectableItem,
-  en as VJoySelectableItemGroup,
+  ln as VJoySelectableItemGroup,
   We as VJoySpinner,
-  mn as VJoyTemplate,
-  wn as VJoyTextarea,
-  In as VJoyToggle,
-  ln as VJoyWrapper
+  pn as VJoyTemplate,
+  kn as VJoyTextarea,
+  Ln as VJoyToggle,
+  nn as VJoyWrapper
 };