@maltjoy/core-vue 3.6.1 → 3.6.2

package/dist/joy-vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as $, openBlock as v, createElementBlock as p, normalizeClass as S, renderSlot as h, createTextVNode as C, toDisplayString as I, createElementVNode as b, useAttrs as Me, computed as L, createBlock as x, resolveDynamicComponent as ce, unref as w, withCtx as B, createCommentVNode as _, ref as g, createVNode as N, mergeProps as Y, getCurrentScope as ot, onScopeDispose as nt, getCurrentInstance as at, onMounted as X, nextTick as Ne, watch as J, h as it, reactive as te, onBeforeUnmount as He, normalizeStyle as Z, Fragment as fe, renderList as ye, normalizeProps as ve, guardReactiveProps as me, Teleport as rt, createSlots as We, useSlots as G, onBeforeMount as st, inject as ut, provide as dt, pushScopeId as ct, popScopeId as ft } from "vue";
-const yt = ["info", "gray", "green", "orange", "red", "teal", "turquoise", "pink", "dark-blue", "yellow"], vt = /* @__PURE__ */ $({
+import { defineComponent as $, openBlock as v, createElementBlock as p, normalizeClass as S, renderSlot as h, createTextVNode as C, toDisplayString as I, createElementVNode as g, useAttrs as Me, computed as L, createBlock as x, resolveDynamicComponent as ce, unref as w, withCtx as B, createCommentVNode as _, ref as b, createVNode as N, mergeProps as Y, getCurrentScope as nt, onScopeDispose as at, getCurrentInstance as it, onMounted as X, nextTick as Ne, watch as J, h as rt, reactive as te, onBeforeUnmount as He, normalizeStyle as Z, Fragment as fe, renderList as ye, normalizeProps as ve, guardReactiveProps as me, Teleport as st, createSlots as We, useSlots as G, onBeforeMount as ut, inject as dt, provide as ct, pushScopeId as ft, popScopeId as yt } from "vue";
+const vt = ["info", "gray", "green", "orange", "red", "teal", "turquoise", "pink", "dark-blue", "yellow"], mt = /* @__PURE__ */ $({
   __name: "VJoyBadge",
   props: {
     /**
@@ -22,7 +22,7 @@ const yt = ["info", "gray", "green", "orange", "red", "teal", "turquoise", "pink
     variant: {
       type: String,
       validator(e) {
-        return yt.includes(e);
+        return vt.includes(e);
       }
     }
   },
@@ -42,13 +42,13 @@ const V = (e, t) => {
   for (const [o, a] of t)
     l[o] = a;
   return l;
-}, mt = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-41907acc"]]), pt = ["teal", "white"], ht = /* @__PURE__ */ $({
+}, pt = /* @__PURE__ */ V(mt, [["__scopeId", "data-v-41907acc"]]), ht = ["teal", "white"], gt = /* @__PURE__ */ $({
   __name: "VJoySpinner",
   props: {
     color: {
       type: String,
       validator(e) {
-        return pt.includes(e);
+        return ht.includes(e);
       }
     }
   },
@@ -58,7 +58,7 @@ const V = (e, t) => {
     }, null, 2));
   }
 });
-const pe = /* @__PURE__ */ V(ht, [["__scopeId", "data-v-616a29d0"]]), D = /* @__PURE__ */ $({
+const pe = /* @__PURE__ */ V(gt, [["__scopeId", "data-v-616a29d0"]]), R = /* @__PURE__ */ $({
   __name: "VJoyIcon",
   props: {
     name: {
@@ -78,13 +78,13 @@ const pe = /* @__PURE__ */ V(ht, [["__scopeId", "data-v-616a29d0"]]), D = /* @__
     return (t, l) => (v(), p("span", {
       class: S(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`])
     }, [
-      b("i", {
+      g("i", {
         class: S(["icon", `icon-${e.name}`])
       }, null, 2)
     ], 2));
   }
 });
-const bt = ["primary", "secondary"], gt = ["neutral", "success", "info", "warning", "error"], _t = ["main", "admin", "ghost", "white"], wt = [...bt, ..._t], St = ["large", "medium", "small", "xsmall", "xxsmall"], jt = { class: "joy-button--slot" }, kt = /* @__PURE__ */ $({
+const bt = ["primary", "secondary"], _t = ["neutral", "success", "info", "warning", "error"], wt = ["main", "admin", "ghost", "white"], St = [...bt, ...wt], jt = ["large", "medium", "small", "xsmall", "xxsmall"], kt = { class: "joy-button--slot" }, $t = /* @__PURE__ */ $({
   __name: "VJoyButton",
   props: {
     /**
@@ -120,7 +120,7 @@ const bt = ["primary", "secondary"], gt = ["neutral", "success", "info", "warnin
       type: String,
       default: "primary",
       validator(e) {
-        return wt.includes(e);
+        return St.includes(e);
       }
     },
     /** Button or Link size */
@@ -128,7 +128,7 @@ const bt = ["primary", "secondary"], gt = ["neutral", "success", "info", "warnin
       type: String,
       default: "medium",
       validator(e) {
-        return St.includes(e);
+        return jt.includes(e);
       }
     }
   },
@@ -159,7 +159,7 @@ const bt = ["primary", "secondary"], gt = ["neutral", "success", "info", "warnin
       ])
     }, {
       default: B(() => [
-        e.icon && e.iconPosition === "left" ? (v(), x(D, {
+        e.icon && e.iconPosition === "left" ? (v(), x(R, {
           key: 0,
           class: "joy-button_icon joy-button_icon--left",
           name: e.icon,
@@ -169,12 +169,12 @@ const bt = ["primary", "secondary"], gt = ["neutral", "success", "info", "warnin
           key: 1,
           color: w(a)
         }, null, 8, ["color"])) : _("", !0),
-        b("span", jt, [
+        g("span", kt, [
           h(r.$slots, "default", {}, () => [
             C(I(e.label), 1)
           ], !0)
         ]),
-        e.icon && e.iconPosition === "right" ? (v(), x(D, {
+        e.icon && e.iconPosition === "right" ? (v(), x(R, {
           key: 2,
           class: "joy-button_icon joy-button_icon--right",
           name: e.icon,
@@ -185,7 +185,7 @@ const bt = ["primary", "secondary"], gt = ["neutral", "success", "info", "warnin
     }, 8, ["disabled", "type", "class"]));
   }
 });
-const $t = /* @__PURE__ */ V(kt, [["__scopeId", "data-v-ae0676bb"]]), Vt = ["aria-checked", "aria-hidden"], xt = { class: "joy-checkbox__input-wrapper" }, It = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], Ot = { class: "joy-checkbox__content-wrapper" }, Bt = { class: "joy-checkbox__content" }, Lt = /* @__PURE__ */ $({
+const Ue = /* @__PURE__ */ V($t, [["__scopeId", "data-v-ae0676bb"]]), Vt = ["aria-checked", "aria-hidden"], xt = { class: "joy-checkbox__input-wrapper" }, It = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], Ot = { class: "joy-checkbox__content-wrapper" }, Bt = { class: "joy-checkbox__content" }, Lt = /* @__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 */
@@ -233,7 +233,7 @@ const $t = /* @__PURE__ */ V(kt, [["__scopeId", "data-v-ae0676bb"]]), Vt = ["ari
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = g(), r = g(o.indeterminate), s = g(!1), n = {
+    const o = e, a = b(), r = b(o.indeterminate), s = b(!1), n = {
       onChange: (f) => {
         const c = f.target.checked;
         r.value = !1, l("update:checked", c);
@@ -252,7 +252,7 @@ const $t = /* @__PURE__ */ V(kt, [["__scopeId", "data-v-ae0676bb"]]), Vt = ["ari
       "aria-checked": e.checked,
       "aria-hidden": e.disabled
     }, [
-      b("label", {
+      g("label", {
         class: S([
           "joy-checkbox",
           {
@@ -263,8 +263,8 @@ const $t = /* @__PURE__ */ V(kt, [["__scopeId", "data-v-ae0676bb"]]), Vt = ["ari
           }
         ])
       }, [
-        b("div", xt, [
-          b("input", {
+        g("div", xt, [
+          g("input", {
             id: e.id,
             ref_key: "input",
             ref: a,
@@ -286,11 +286,11 @@ const $t = /* @__PURE__ */ V(kt, [["__scopeId", "data-v-ae0676bb"]]), Vt = ["ari
             (...u) => n.onBlur && n.onBlur(...u))
           }, null, 40, It)
         ]),
-        b("div", Ot, [
+        g("div", Ot, [
           h(f.$slots, "default", {}, () => [
             C(I(e.label), 1)
           ], !0),
-          b("div", Bt, [
+          g("div", Bt, [
             h(f.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
@@ -371,7 +371,7 @@ const he = /* @__PURE__ */ V(Lt, [["__scopeId", "data-v-e8b172ed"]]), Et = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = g(!1), r = g(!1);
+    const o = e, a = b(!1), r = b(!1);
     function s() {
       const d = c(!1);
       d >= 0 ? l("update:modelValue", d <= o.min ? o.min : d) : l("update:modelValue", 0), f();
@@ -424,20 +424,20 @@ const he = /* @__PURE__ */ V(Lt, [["__scopeId", "data-v-e8b172ed"]]), Et = { cla
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
-      b("div", {
+      g("div", {
         class: S(["joy-counter__wrapper", { "joy-counter--focusing": r.value }])
       }, [
-        b("button", {
+        g("button", {
           class: "joy-counter__decrement",
           type: "button",
           "aria-label": e.labelDecrement,
           disabled: e.modelValue <= e.min,
           onClick: s
         }, [
-          N(w(D), { name: "minus" })
+          N(w(R), { name: "minus" })
         ], 8, Ct),
-        b("div", Jt, [
-          b("input", Y({
+        g("div", Jt, [
+          g("input", Y({
             id: e.id,
             ref: "input",
             type: "number",
@@ -458,17 +458,17 @@ const he = /* @__PURE__ */ V(Lt, [["__scopeId", "data-v-e8b172ed"]]), Et = { cla
             (...j) => y.onFocus && y.onFocus(...j))
           }), null, 16, Pt)
         ]),
-        b("button", {
+        g("button", {
           class: "joy-counter__increment",
           type: "button",
           "aria-label": e.labelIncrement,
           disabled: e.max ? e.modelValue >= e.max : !1,
           onClick: n
         }, [
-          N(w(D), { name: "add" })
+          N(w(R), { name: "add" })
         ], 8, Tt),
         e.invalid && e.errorMessage ? (v(), p("div", qt, [
-          N(w(et), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
+          N(w(tt), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : _("", !0)
       ], 2)
     ]));
@@ -476,12 +476,12 @@ const he = /* @__PURE__ */ V(Lt, [["__scopeId", "data-v-e8b172ed"]]), Et = { cla
 });
 const Ft = /* @__PURE__ */ V(At, [["__scopeId", "data-v-a59ac0ad"]]);
 var we;
-const K = typeof window < "u", Ue = (e) => typeof e == "string", z = () => {
+const K = typeof window < "u", Ge = (e) => typeof e == "string", z = () => {
 }, le = K && ((we = window == null ? void 0 : window.navigator) == null ? void 0 : we.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function P(e) {
   return typeof e == "function" ? e() : w(e);
 }
-function Ge(e, t) {
+function Ke(e, t) {
   function l(...o) {
     return new Promise((a, r) => {
       Promise.resolve(e(() => t.apply(this, o), { fn: t, thisArg: this, args: o })).then(a).catch(r);
@@ -528,32 +528,32 @@ function Mt(e) {
   return e;
 }
 function Q(e) {
-  return ot() ? (nt(e), !0) : !1;
+  return nt() ? (at(e), !0) : !1;
 }
 function Nt(e, t = 200, l = {}) {
-  return Ge(Dt(t, l), e);
+  return Ke(Dt(t, l), e);
 }
 function Ht(e, t = 200, l = !1, o = !0, a = !1) {
-  return Ge(Rt(t, l, o, a), e);
+  return Ke(Rt(t, l, o, a), e);
 }
 function Wt(e) {
-  return typeof e == "function" ? L(e) : g(e);
+  return typeof e == "function" ? L(e) : b(e);
 }
-function Ke(e, t = !0) {
-  at() ? X(e) : t ? e() : Ne(e);
+function Qe(e, t = !0) {
+  it() ? X(e) : t ? e() : Ne(e);
 }
 function U(e) {
   var t;
   const l = P(e);
   return (t = l == null ? void 0 : l.$el) != null ? t : l;
 }
-const be = K ? window : void 0;
+const ge = K ? window : void 0;
 K && window.document;
 K && window.navigator;
 K && window.location;
 function ae(...e) {
   let t, l, o, a;
-  if (Ue(e[0]) || Array.isArray(e[0]) ? ([l, o, a] = e, t = be) : [t, l, o, a] = e, !t)
+  if (Ge(e[0]) || Array.isArray(e[0]) ? ([l, o, a] = e, t = ge) : [t, l, o, a] = e, !t)
     return z;
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
   const r = [], s = () => {
@@ -567,7 +567,7 @@ function ae(...e) {
 }
 let Se = !1;
 function Ut(e, t, l = {}) {
-  const { window: o = be, ignore: a = [], capture: r = !0, detectIframe: s = !1 } = l;
+  const { window: o = ge, ignore: a = [], capture: r = !0, detectIframe: s = !1 } = l;
   if (!o)
     return;
   le && !Se && (Se = !0, Array.from(o.document.body.children).forEach((i) => i.addEventListener("click", z)));
@@ -603,8 +603,8 @@ function Ut(e, t, l = {}) {
   return () => u.forEach((i) => i());
 }
 function Gt(e, t = !1) {
-  const l = g(), o = () => l.value = Boolean(e());
-  return o(), Ke(o, t), l;
+  const l = b(), o = () => l.value = Boolean(e());
+  return o(), Qe(o, t), l;
 }
 const ie = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, re = "__vueuse_ssr_handlers__";
 ie[re] = ie[re] || {};
@@ -619,7 +619,7 @@ var je = Object.getOwnPropertySymbols, Kt = Object.prototype.hasOwnProperty, Qt
   return l;
 };
 function Yt(e, t, l = {}) {
-  const o = l, { window: a = be } = o, r = Zt(o, ["window"]);
+  const o = l, { window: a = ge } = o, r = Zt(o, ["window"]);
   let s;
   const n = Gt(() => a && "ResizeObserver" in a), f = () => {
     s && (s.disconnect(), s = void 0);
@@ -638,7 +638,7 @@ var ke;
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(ke || (ke = {}));
 function Xt(e) {
-  const t = g(e == null ? void 0 : e.element), l = g(e == null ? void 0 : e.input);
+  const t = b(e == null ? void 0 : e.element), l = b(e == null ? void 0 : e.input);
   function o() {
     var a, r;
     t.value && (t.value.style.height = "1px", t.value.style.height = `${(a = t.value) == null ? void 0 : a.scrollHeight}px`, (r = e == null ? void 0 : e.onResize) == null || r.call(e));
@@ -691,12 +691,12 @@ const al = /* @__PURE__ */ $({
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: t, emit: l }) {
-    const o = g();
+    const o = b();
     return Ut(o, (a) => {
       l("trigger", a);
     }, e.options), () => {
       if (t.default)
-        return it(e.as || "div", { ref: o }, t.default());
+        return rt(e.as || "div", { ref: o }, t.default());
     };
   }
 });
@@ -708,7 +708,7 @@ function T(e) {
 const H = K ? window : void 0;
 function A(...e) {
   let t, l, o, a;
-  if (Ue(e[0]) || Array.isArray(e[0]) ? ([l, o, a] = e, t = H) : [t, l, o, a] = e, !t)
+  if (Ge(e[0]) || Array.isArray(e[0]) ? ([l, o, a] = e, t = H) : [t, l, o, a] = e, !t)
     return z;
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
   const r = [], s = () => {
@@ -798,12 +798,12 @@ M.mounted + "";
 const se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ue = "__vueuse_ssr_handlers__";
 se[ue] = se[ue] || {};
 se[ue];
-function Qe(e, t = !1) {
-  const l = g(), o = () => l.value = Boolean(e());
-  return o(), Ke(o, t), l;
+function Ze(e, t = !1) {
+  const l = b(), o = () => l.value = Boolean(e());
+  return o(), Qe(o, t), l;
 }
 function fl(e, t = {}) {
-  const l = t ? t.delayEnter : 0, o = t ? t.delayLeave : 0, a = g(!1);
+  const l = t ? t.delayEnter : 0, o = t ? t.delayLeave : 0, a = b(!1);
   let r;
   const s = (n) => {
     const f = n ? l : o;
@@ -824,7 +824,7 @@ var Ce = Object.getOwnPropertySymbols, yl = Object.prototype.hasOwnProperty, vl
 function pl(e, t, l = {}) {
   const o = l, { window: a = H } = o, r = ml(o, ["window"]);
   let s;
-  const n = Qe(() => a && "ResizeObserver" in a), f = () => {
+  const n = Ze(() => a && "ResizeObserver" in a), f = () => {
     s && (s.disconnect(), s = void 0);
   }, c = J(() => T(e), (m) => {
     f(), n.value && a && m && (s = new ResizeObserver(t), s.observe(m, r));
@@ -840,7 +840,7 @@ function hl(e, t = { width: 0, height: 0 }, l = {}) {
   const { window: o = H, box: a = "content-box" } = l, r = L(() => {
     var f, c;
     return (c = (f = T(e)) == null ? void 0 : f.namespaceURI) == null ? void 0 : c.includes("svg");
-  }), s = g(t.width), n = g(t.height);
+  }), s = b(t.width), n = b(t.height);
   return pl(e, ([f]) => {
     const c = a === "border-box" ? f.borderBoxSize : a === "content-box" ? f.contentBoxSize : f.devicePixelContentBoxSize;
     if (o && r.value) {
@@ -863,7 +863,7 @@ function hl(e, t = { width: 0, height: 0 }, l = {}) {
 }
 M.mounted + "";
 function Je(e, { window: t = H, scrollTarget: l } = {}) {
-  const o = g(!1), a = () => {
+  const o = b(!1), a = () => {
     if (!t)
       return;
     const r = t.document, s = T(e);
@@ -898,7 +898,7 @@ function de(e, t = {}) {
       passive: !0
     },
     behavior: f = "auto"
-  } = t, c = g(0), u = g(0), m = L({
+  } = t, c = b(0), u = b(0), m = L({
     get() {
       return c.value;
     },
@@ -914,15 +914,15 @@ function de(e, t = {}) {
     }
   });
   function y(E, q) {
-    var R, F, _e;
+    var D, F, _e;
     const ne = P(e);
     ne && ((_e = ne instanceof Document ? document.body : ne) == null || _e.scrollTo({
-      top: (R = P(q)) != null ? R : i.value,
+      top: (D = P(q)) != null ? D : i.value,
       left: (F = P(E)) != null ? F : m.value,
       behavior: P(f)
     }));
   }
-  const d = g(!1), k = te({
+  const d = b(!1), k = te({
     left: !0,
     right: !1,
     top: !0,
@@ -935,8 +935,8 @@ function de(e, t = {}) {
   }), ee = (E) => {
     d.value && (d.value = !1, j.left = !1, j.right = !1, j.top = !1, j.bottom = !1, a(E));
   }, oe = Nt(ee, l + o), O = (E) => {
-    const q = E.target === document ? E.target.documentElement : E.target, R = q.scrollLeft;
-    j.left = R < c.value, j.right = R > u.value, k.left = R <= 0 + (s.left || 0), k.right = R + q.clientWidth >= q.scrollWidth - (s.right || 0) - Pe, c.value = R;
+    const q = E.target === document ? E.target.documentElement : E.target, D = q.scrollLeft;
+    j.left = D < c.value, j.right = D > u.value, k.left = D <= 0 + (s.left || 0), k.right = D + q.clientWidth >= q.scrollWidth - (s.right || 0) - Pe, c.value = D;
     let F = q.scrollTop;
     E.target === document && !F && (F = document.body.scrollTop), j.top = F < u.value, j.bottom = F > u.value, k.top = F <= 0 + (s.top || 0), k.bottom = F + q.clientHeight >= q.scrollHeight - (s.bottom || 0) - Pe, u.value = F, d.value = !0, oe(E), r(E);
   };
@@ -948,14 +948,14 @@ function de(e, t = {}) {
     directions: j
   };
 }
-var bl = Object.defineProperty, gl = Object.defineProperties, _l = Object.getOwnPropertyDescriptors, Te = Object.getOwnPropertySymbols, wl = Object.prototype.hasOwnProperty, Sl = Object.prototype.propertyIsEnumerable, qe = (e, t, l) => t in e ? bl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, ze = (e, t) => {
+var gl = Object.defineProperty, bl = Object.defineProperties, _l = Object.getOwnPropertyDescriptors, Te = Object.getOwnPropertySymbols, wl = Object.prototype.hasOwnProperty, Sl = Object.prototype.propertyIsEnumerable, qe = (e, t, l) => t in e ? gl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, ze = (e, t) => {
   for (var l in t || (t = {}))
     wl.call(t, l) && qe(e, l, t[l]);
   if (Te)
     for (var l of Te(t))
       Sl.call(t, l) && qe(e, l, t[l]);
   return e;
-}, jl = (e, t) => gl(e, _l(t));
+}, jl = (e, t) => bl(e, _l(t));
 function Ae(e, t, l = {}) {
   var o, a;
   const r = (o = l.direction) != null ? o : "bottom", s = te(de(e, jl(ze({}, l), {
@@ -986,7 +986,7 @@ function Fe(e, t, l = {}) {
     rootMargin: a = "0px",
     threshold: r = 0.1,
     window: s = H
-  } = l, n = Qe(() => s && "IntersectionObserver" in s);
+  } = l, n = Ze(() => s && "IntersectionObserver" in s);
   let f = z;
   const c = n.value ? J(() => ({
     el: T(e),
@@ -1020,21 +1020,21 @@ var kl = Object.defineProperty, $l = Object.defineProperties, Vl = Object.getOwn
   return e;
 }, Bl = (e, t) => $l(e, Vl(t));
 M.mounted + "";
-function Ze(e) {
+function Ye(e) {
   const t = window.getComputedStyle(e);
   if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientHeight < e.scrollHeight || t.overflowY === "auto" && e.clientWidth < e.scrollWidth)
     return !0;
   {
     const l = e.parentNode;
-    return !l || l.tagName === "BODY" ? !1 : Ze(l);
+    return !l || l.tagName === "BODY" ? !1 : Ye(l);
   }
 }
 function Ll(e) {
   const t = e || window.event, l = t.target;
-  return Ze(l) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return Ye(l) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
 function El(e, t = !1) {
-  const l = g(t);
+  const l = b(t);
   let o = null, a;
   J(Wt(e), (n) => {
     if (n) {
@@ -1064,7 +1064,7 @@ function El(e, t = !1) {
 }
 const Cl = () => {
   let e = !1;
-  const t = g(!1);
+  const t = b(!1);
   return (l, o) => {
     if (t.value = o.value, e)
       return;
@@ -1074,7 +1074,7 @@ const Cl = () => {
   };
 };
 Cl();
-const Ye = ["medium", "small"], Jl = {
+const Xe = ["medium", "small"], Jl = {
   key: 0,
   class: "joy-dropdown-list__header"
 }, Pl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Tl = {
@@ -1099,7 +1099,7 @@ const Ye = ["medium", "small"], Jl = {
       type: String,
       default: "medium",
       validator(e) {
-        return Ye.includes(e);
+        return Xe.includes(e);
       }
     },
     modelValue: {
@@ -1116,7 +1116,7 @@ const Ye = ["medium", "small"], Jl = {
   },
   emits: ["update:modelValue", "close:dropdownList"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = g(), r = L(() => (i) => !o.modelValue && !i.value && !i.id ? !1 : o.modelValue === i.value || o.modelValue === i.id);
+    const o = e, a = b(), r = L(() => (i) => !o.modelValue && !i.value && !i.id ? !1 : o.modelValue === i.value || o.modelValue === i.id);
     function s(i) {
       i.disabled || l("update:modelValue", i.value || i.id);
     }
@@ -1168,7 +1168,7 @@ const Ye = ["medium", "small"], Jl = {
       i.$slots["dropdown-list-header"] ? (v(), p("header", Jl, [
         h(i.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : _("", !0),
-      b("div", {
+      g("div", {
         class: S(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": i.$slots["dropdown-list-items"] }]),
         style: Z({ "max-height": `${e.height}px` })
       }, [
@@ -1201,7 +1201,7 @@ const Ye = ["medium", "small"], Jl = {
             onClick: (k) => s(d)
           }, [
             h(i.$slots, "label", ve(me(d)), () => [
-              b("span", null, I(d.label), 1)
+              g("span", null, I(d.label), 1)
             ], !0)
           ], 14, Pl))), 128))
         ], 512)) : _("", !0)
@@ -1212,7 +1212,7 @@ const Ye = ["medium", "small"], Jl = {
     ], 4));
   }
 });
-const Xe = /* @__PURE__ */ V(ql, [["__scopeId", "data-v-1085f269"]]);
+const et = /* @__PURE__ */ V(ql, [["__scopeId", "data-v-1085f269"]]);
 function zl(e) {
   const t = () => e();
   X(() => {
@@ -1269,7 +1269,7 @@ const Al = /* @__PURE__ */ $({
       type: String,
       default: "medium",
       validator(e) {
-        return Ye.includes(e);
+        return Xe.includes(e);
       }
     },
     modelValue: {
@@ -1300,7 +1300,7 @@ const Al = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = g(!1), r = g(null), s = g(), n = g(null), f = g(null), c = g(!1), u = {
+    const o = e, a = b(!1), r = b(null), s = b(), n = b(null), f = b(null), c = b(!1), u = {
       ignore: [s, ".joy-dropdown__list"]
     };
     let m = null;
@@ -1324,8 +1324,8 @@ const Al = /* @__PURE__ */ $({
       f.value && f.value.focus();
     }
     function ee() {
-      const O = s.value.getBoundingClientRect(), E = document.documentElement.scrollTop + O.top, q = O.height, R = O.left, F = O.width;
-      o.justify === "left" ? i.left = R + "px" : i.left = R + F - parseInt(o.width) + "px", o.direction === "down" ? i.top = E + q + parseInt(o.dropdownGap) + "px" : i.top = E - (parseInt(o.height) + parseInt(o.dropdownGap)) + "px";
+      const O = s.value.getBoundingClientRect(), E = document.documentElement.scrollTop + O.top, q = O.height, D = O.left, F = O.width;
+      o.justify === "left" ? i.left = D + "px" : i.left = D + F - parseInt(o.width) + "px", o.direction === "down" ? i.top = E + q + parseInt(o.dropdownGap) + "px" : i.top = E - (parseInt(o.height) + parseInt(o.dropdownGap)) + "px";
     }
     function oe(O) {
       l("update:modelValue", O), o.closeOnSelect && (y(), j());
@@ -1340,7 +1340,7 @@ const Al = /* @__PURE__ */ $({
       onTrigger: y
     }, {
       default: B(() => [
-        b("div", {
+        g("div", {
           ref_key: "button",
           ref: s,
           class: "joy-dropdown__button",
@@ -1348,7 +1348,7 @@ const Al = /* @__PURE__ */ $({
         }, [
           h(O.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
-        (v(), x(rt, {
+        (v(), x(st, {
           to: e.appendTo,
           disabled: e.disableTeleport
         }, [
@@ -1369,7 +1369,7 @@ const Al = /* @__PURE__ */ $({
               left: i.left
             })
           }, [
-            N(Xe, {
+            N(et, {
               "model-value": e.modelValue,
               options: e.options,
               size: e.size,
@@ -1380,7 +1380,7 @@ const Al = /* @__PURE__ */ $({
             }, We({
               label: B((q) => [
                 h(O.$slots, "dropdown-item", ve(me(q)), () => [
-                  b("span", null, I(q.label), 1)
+                  g("span", null, I(q.label), 1)
                 ], !0)
               ]),
               _: 2
@@ -1431,11 +1431,11 @@ const Fl = /* @__PURE__ */ V(Al, [["__scopeId", "data-v-2657fbc4"]]), Dl = ["ari
       class: S(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      N(D, {
+      N(R, {
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
-      b("div", null, [
+      g("div", null, [
         h(t.$slots, "default", {}, () => [
           C(I(e.noHtmlErrorText), 1)
         ], !0)
@@ -1443,7 +1443,7 @@ const Fl = /* @__PURE__ */ V(Al, [["__scopeId", "data-v-2657fbc4"]]), Dl = ["ari
     ], 10, Dl));
   }
 });
-const et = /* @__PURE__ */ V(Rl, [["__scopeId", "data-v-581fd33b"]]);
+const tt = /* @__PURE__ */ V(Rl, [["__scopeId", "data-v-581fd33b"]]);
 function Ml(e) {
   let t;
   switch (e) {
@@ -1458,7 +1458,7 @@ function Ml(e) {
   }
   return t;
 }
-const Nl = [...gt], Hl = { class: "joy-highlight--text" }, Wl = /* @__PURE__ */ $({
+const Nl = [..._t], Hl = { class: "joy-highlight--text" }, Wl = { key: 0 }, Ul = /* @__PURE__ */ $({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -1494,33 +1494,33 @@ const Nl = [...gt], Hl = { class: "joy-highlight--text" }, Wl = /* @__PURE__ */
         }
       ])
     }, [
-      e.displayIcon ? (v(), x(D, {
+      e.displayIcon ? (v(), x(R, {
         key: 0,
         name: w(o)
       }, null, 8, ["name"])) : _("", !0),
-      b("div", Hl, [
-        b("strong", null, [
+      g("div", Hl, [
+        a.$slots["highlight-title"] ? (v(), p("strong", Wl, [
           h(a.$slots, "highlight-title", {}, void 0, !0)
-        ]),
+        ])) : _("", !0),
         h(a.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const Ul = /* @__PURE__ */ V(Wl, [["__scopeId", "data-v-aac4eb8a"]]), Gl = ["small", "medium", "large"], Kl = {
+const Gl = /* @__PURE__ */ V(Ul, [["__scopeId", "data-v-ba5e6101"]]), Kl = ["small", "medium", "large"], Ql = {
   key: 0,
   class: "joy-label-required"
-}, Ql = {
+}, Zl = {
   key: 1,
   class: "joy-label-optional"
-}, Zl = /* @__PURE__ */ $({
+}, Yl = /* @__PURE__ */ $({
   __name: "VJoyLabel",
   props: {
     size: {
       type: String,
       default: "medium",
       validator(e) {
-        return Gl.includes(e);
+        return Kl.includes(e);
       }
     },
     tagName: {
@@ -1544,17 +1544,17 @@ const Ul = /* @__PURE__ */ V(Wl, [["__scopeId", "data-v-aac4eb8a"]]), Gl = ["sma
         h(t.$slots, "default", {}, () => [
           C(I(e.text), 1)
         ], !0),
-        e.required ? (v(), p("span", Kl, "*")) : _("", !0),
-        e.optionalLabel ? (v(), p("span", Ql, "- " + I(e.optionalLabel), 1)) : _("", !0)
+        e.required ? (v(), p("span", Ql, "*")) : _("", !0),
+        e.optionalLabel ? (v(), p("span", Zl, "- " + I(e.optionalLabel), 1)) : _("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const W = /* @__PURE__ */ V(Zl, [["__scopeId", "data-v-1265214a"]]), Yl = ["large", "medium", "small"], Xl = ["id", "disabled", "type", "value"], eo = ["data-unit"], to = {
+const W = /* @__PURE__ */ V(Yl, [["__scopeId", "data-v-1265214a"]]), Xl = ["large", "medium", "small"], eo = ["id", "disabled", "type", "value"], to = ["data-unit"], lo = {
   inheritAttrs: !1
-}, lo = /* @__PURE__ */ $({
-  ...to,
+}, oo = /* @__PURE__ */ $({
+  ...lo,
   __name: "VJoyInput",
   props: {
     disabled: {
@@ -1606,7 +1606,7 @@ const W = /* @__PURE__ */ V(Zl, [["__scopeId", "data-v-1265214a"]]), Yl = ["larg
       type: String,
       default: "medium",
       validator(e) {
-        return Yl.includes(e);
+        return Xl.includes(e);
       }
     },
     type: String,
@@ -1615,11 +1615,11 @@ const W = /* @__PURE__ */ V(Zl, [["__scopeId", "data-v-1265214a"]]), Yl = ["larg
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, o = g(), a = g(), r = Me(), s = G(), n = g(!1), f = L(() => typeof l.modelValue == "number" || !l.clearable || l.unit || !l.modelValue ? !1 : l.modelValue.length > 0 && !l.unit), c = L(() => s.default && s.default()), u = L(() => {
+    const l = e, o = b(), a = b(), r = Me(), s = G(), n = b(!1), f = L(() => typeof l.modelValue == "number" || !l.clearable || l.unit || !l.modelValue ? !1 : l.modelValue.length > 0 && !l.unit), c = L(() => s.default && s.default()), u = L(() => {
       var y, d;
       return !!((y = a.value) != null && y.closest("joy-wrapper")) || !!((d = a.value) != null && d.closest(".joy-wrapper"));
-    }), m = g(l.type);
-    st(() => {
+    }), m = b(l.type);
+    ut(() => {
       m.value = l.unit ? "number" : l.unit || "text";
     });
     const i = {
@@ -1642,7 +1642,7 @@ const W = /* @__PURE__ */ V(Zl, [["__scopeId", "data-v-1265214a"]]), Yl = ["larg
       ref: a,
       class: S([`joy-input--${l.size}`])
     }, [
-      b("div", {
+      g("div", {
         class: S([
           "joy-input",
           {
@@ -1667,7 +1667,7 @@ const W = /* @__PURE__ */ V(Zl, [["__scopeId", "data-v-1265214a"]]), Yl = ["larg
           ]),
           _: 3
         }, 8, ["for", "required", "optional-label", "size"])) : _("", !0),
-        b("div", {
+        g("div", {
           class: S([
             "joy-input--wrapper",
             {
@@ -1678,7 +1678,7 @@ const W = /* @__PURE__ */ V(Zl, [["__scopeId", "data-v-1265214a"]]), Yl = ["larg
             }
           ])
         }, [
-          b("input", Y(y.$attrs, {
+          g("input", Y(y.$attrs, {
             id: l.name,
             ref_key: "input",
             ref: o,
@@ -1697,15 +1697,17 @@ const W = /* @__PURE__ */ V(Zl, [["__scopeId", "data-v-1265214a"]]), Yl = ["larg
             (...k) => i.onBlur && i.onBlur(...k)),
             onInput: d[2] || (d[2] = //@ts-ignore
             (...k) => i.onInput && i.onInput(...k))
-          }), null, 16, Xl),
-          w(f) ? (v(), x(D, {
+          }), null, 16, eo),
+          w(f) ? (v(), x(Ue, {
             key: 0,
-            size: "xxsmall",
-            name: "cross",
             class: "joy-input--clear",
+            circle: "",
+            variant: "ghost",
+            size: "xxsmall",
+            icon: "cross",
             onClick: i.clearValue
           }, null, 8, ["onClick"])) : _("", !0),
-          e.icon && !e.clearable ? (v(), x(D, {
+          e.icon && !e.clearable ? (v(), x(R, {
             key: 1,
             role: "img",
             class: "joy-input--decorative-icon",
@@ -1715,13 +1717,13 @@ const W = /* @__PURE__ */ V(Zl, [["__scopeId", "data-v-1265214a"]]), Yl = ["larg
             key: 2,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, eo)) : _("", !0)
+          }, null, 8, to)) : _("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const oo = /* @__PURE__ */ V(lo, [["__scopeId", "data-v-b6f3034b"]]), no = ["teal", "white"], ao = ["href"], io = /* @__PURE__ */ $({
+const no = /* @__PURE__ */ V(oo, [["__scopeId", "data-v-c37d9a7a"]]), ao = ["teal", "white"], io = ["href"], ro = /* @__PURE__ */ $({
   __name: "VJoyLink",
   props: {
     href: {
@@ -1732,7 +1734,7 @@ const oo = /* @__PURE__ */ V(lo, [["__scopeId", "data-v-b6f3034b"]]), no = ["tea
       type: String,
       default: "teal",
       validator(e) {
-        return no.includes(e);
+        return ao.includes(e);
       }
     },
     icon: {
@@ -1744,19 +1746,19 @@ const oo = /* @__PURE__ */ V(lo, [["__scopeId", "data-v-b6f3034b"]]), no = ["tea
     return (t, l) => (v(), p("a", Y({ href: e.href }, t.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (v(), x(D, {
+      e.icon ? (v(), x(R, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : _("", !0),
       h(t.$slots, "default", {}, () => [
         C(I(e.text), 1)
       ], !0)
-    ], 16, ao));
+    ], 16, io));
   }
 });
-const ro = /* @__PURE__ */ V(io, [["__scopeId", "data-v-a8db21c2"]]), so = ["id"], uo = {
+const so = /* @__PURE__ */ V(ro, [["__scopeId", "data-v-a8db21c2"]]), uo = ["id"], co = {
   class: /* @__PURE__ */ S(["joy-multi-checkbox"])
-}, co = /* @__PURE__ */ $({
+}, fo = /* @__PURE__ */ $({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {
@@ -1815,7 +1817,7 @@ const ro = /* @__PURE__ */ V(io, [["__scopeId", "data-v-a8db21c2"]]), so = ["id"
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : _("", !0),
-      b("div", uo, [
+      g("div", co, [
         (v(!0), p(fe, null, ye(e.options, (n) => (v(), x(w(he), {
           id: n.id,
           key: n.id,
@@ -1832,22 +1834,22 @@ const ro = /* @__PURE__ */ V(io, [["__scopeId", "data-v-a8db21c2"]]), so = ["id"
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, so));
+    ], 8, uo));
   }
 });
-const fo = /* @__PURE__ */ V(co, [["__scopeId", "data-v-47574ced"]]), yo = ["small", "medium", "large"], vo = ["small", "large"], mo = {
+const yo = /* @__PURE__ */ V(fo, [["__scopeId", "data-v-47574ced"]]), vo = ["small", "medium", "large"], mo = ["small", "large"], po = {
   key: 0,
   class: /* @__PURE__ */ S(["joy-panel__header"])
-}, po = {
+}, ho = {
   key: 1,
   class: "joy-panel__header-action"
-}, ho = {
+}, go = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, bo = { class: "joy-panel__body" }, go = {
+}, bo = { class: "joy-panel__body" }, _o = {
   key: 1,
   class: "joy-panel__footer"
-}, _o = /* @__PURE__ */ $({
+}, wo = /* @__PURE__ */ $({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -1861,14 +1863,14 @@ const fo = /* @__PURE__ */ V(co, [["__scopeId", "data-v-47574ced"]]), yo = ["sma
       type: String,
       default: "medium",
       validator(e) {
-        return yo.includes(e);
+        return vo.includes(e);
       }
     },
     titleSize: {
       type: String,
       default: "large",
       validator(e) {
-        return vo.includes(e);
+        return mo.includes(e);
       }
     },
     loading: {
@@ -1881,7 +1883,7 @@ const fo = /* @__PURE__ */ V(co, [["__scopeId", "data-v-47574ced"]]), yo = ["sma
     }
   },
   setup(e) {
-    const t = ut("VJoyWrapperContext", {}), l = L(() => Object.keys(t).length > 0), o = G(), a = g(), r = L(() => o["panel-title"] || o["panel-subtitle"] || o["panel-title-action"]);
+    const t = dt("VJoyWrapperContext", {}), l = L(() => Object.keys(t).length > 0), o = G(), a = b(), r = L(() => o["panel-title"] || o["panel-subtitle"] || o["panel-title-action"]);
     return (s, n) => (v(), p("section", {
       ref_key: "panel",
       ref: a,
@@ -1895,27 +1897,27 @@ const fo = /* @__PURE__ */ V(co, [["__scopeId", "data-v-47574ced"]]), yo = ["sma
         }
       ])
     }, [
-      w(r) ? (v(), p("header", mo, [
+      w(r) ? (v(), p("header", po, [
         w(o)["panel-title"] ? (v(), p("div", {
           key: 0,
           class: S(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
           h(s.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : _("", !0),
-        w(o)["panel-title-action"] ? (v(), p("div", po, [
+        w(o)["panel-title-action"] ? (v(), p("div", ho, [
           h(s.$slots, "panel-title-action", {}, void 0, !0)
         ])) : _("", !0),
-        w(o)["panel-subtitle"] ? (v(), p("div", ho, [
+        w(o)["panel-subtitle"] ? (v(), p("div", go, [
           h(s.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : _("", !0)
       ])) : _("", !0),
-      b("div", bo, [
+      g("div", bo, [
         h(s.$slots, "panel-body", {}, void 0, !0)
       ]),
-      w(o)["panel-action"] ? (v(), p("footer", go, [
+      w(o)["panel-action"] ? (v(), p("footer", _o, [
         h(s.$slots, "panel-action", {}, void 0, !0)
       ])) : _("", !0),
-      e.loading ? (v(), x(w(ge), {
+      e.loading ? (v(), x(w(be), {
         key: 2,
         overlay: "",
         color: e.loadingColor
@@ -1928,27 +1930,27 @@ const fo = /* @__PURE__ */ V(co, [["__scopeId", "data-v-47574ced"]]), yo = ["sma
     ], 6));
   }
 });
-const wo = /* @__PURE__ */ V(_o, [["__scopeId", "data-v-2e3a2baa"]]), So = { class: "joy-panel-section" }, jo = {
+const So = /* @__PURE__ */ V(wo, [["__scopeId", "data-v-2e3a2baa"]]), jo = { class: "joy-panel-section" }, ko = {
   key: 0,
   class: "joy-panel-section__title"
-}, ko = {
+}, $o = {
   key: 1,
   class: "joy-panel-section__content"
-}, $o = /* @__PURE__ */ $({
+}, Vo = /* @__PURE__ */ $({
   __name: "VJoyPanelSection",
   setup(e) {
     const t = G();
-    return (l, o) => (v(), p("div", So, [
-      w(t)["panel-section-title"] ? (v(), p("div", jo, [
+    return (l, o) => (v(), p("div", jo, [
+      w(t)["panel-section-title"] ? (v(), p("div", ko, [
         h(l.$slots, "panel-section-title", {}, void 0, !0)
       ])) : _("", !0),
-      w(t)["panel-section-content"] ? (v(), p("div", ko, [
+      w(t)["panel-section-content"] ? (v(), p("div", $o, [
         h(l.$slots, "panel-section-content", {}, void 0, !0)
       ])) : _("", !0)
     ]));
   }
 });
-const Vo = /* @__PURE__ */ V($o, [["__scopeId", "data-v-d88510ab"]]), xo = ["id", "value", "checked", "disabled", "required", "name"], Io = { class: "joy-radio-label" }, Oo = { class: "joy-radio-content__wrapper" }, Bo = { class: "joy-radio-content" }, Lo = /* @__PURE__ */ $({
+const xo = /* @__PURE__ */ V(Vo, [["__scopeId", "data-v-d88510ab"]]), Io = ["id", "value", "checked", "disabled", "required", "name"], Oo = { class: "joy-radio-label" }, Bo = { class: "joy-radio-content__wrapper" }, Lo = { class: "joy-radio-content" }, Eo = /* @__PURE__ */ $({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -1984,7 +1986,7 @@ const Vo = /* @__PURE__ */ V($o, [["__scopeId", "data-v-d88510ab"]]), xo = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = g(!1), r = g(!1), s = g(null), n = g(null), f = G(), c = L(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
+    const o = e, a = b(!1), r = b(!1), s = b(null), n = b(null), f = G(), c = L(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
     function u() {
       a.value = !!f["expandable-content"] && c.value;
     }
@@ -2023,7 +2025,7 @@ const Vo = /* @__PURE__ */ V($o, [["__scopeId", "data-v-d88510ab"]]), xo = ["id"
         }
       ])
     }, [
-      b("input", {
+      g("input", {
         id: e.id,
         type: "radio",
         value: e.value,
@@ -2034,15 +2036,15 @@ const Vo = /* @__PURE__ */ V($o, [["__scopeId", "data-v-d88510ab"]]), xo = ["id"
         onChange: m,
         onFocus: i,
         onBlur: y
-      }, null, 40, xo),
-      b("span", Io, [
+      }, null, 40, Io),
+      g("span", Oo, [
         h(d.$slots, "default", {}, void 0, !0)
       ]),
-      b("div", Oo, [
-        b("div", Bo, [
+      g("div", Bo, [
+        g("div", Lo, [
           h(d.$slots, "radio-content", {}, void 0, !0)
         ]),
-        b("div", {
+        g("div", {
           ref_key: "expandableElement",
           ref: n,
           class: S(["joy-radio-expandable", { "joy-radio-expandable--expanded": a.value }])
@@ -2053,13 +2055,19 @@ const Vo = /* @__PURE__ */ V($o, [["__scopeId", "data-v-d88510ab"]]), xo = ["id"
     ], 2));
   }
 });
-const Eo = /* @__PURE__ */ V(Lo, [["__scopeId", "data-v-24cea99b"]]), Co = ["form", "name"], Jo = /* @__PURE__ */ $({
+const Co = /* @__PURE__ */ V(Eo, [["__scopeId", "data-v-24cea99b"]]), Jo = ["form", "name"], Po = /* @__PURE__ */ $({
   __name: "VJoyRadioGroup",
   props: {
+    /**
+     * Change the layout
+     */
     direction: {
       type: String,
       default: "horizontal"
     },
+    /**
+     * Applied to the generated fieldset. Can bind a form ID to your component if you can't include it into the form itself.
+     */
     form: {
       type: String
     },
@@ -2076,18 +2084,18 @@ const Eo = /* @__PURE__ */ V(Lo, [["__scopeId", "data-v-24cea99b"]]), Co = ["for
       name: e.name
     }, [
       h(t.$slots, "radio-group-legend", {}, void 0, !0),
-      b("div", {
+      g("div", {
         class: S(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
         h(t.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, Co));
+    ], 8, Jo));
   }
 });
-const Po = /* @__PURE__ */ V(Jo, [["__scopeId", "data-v-ace1a80f"]]), To = { class: "joy-screen-loader__content" }, qo = {
+const To = /* @__PURE__ */ V(Po, [["__scopeId", "data-v-a77e7f95"]]), qo = { class: "joy-screen-loader__content" }, zo = {
   key: 0,
   class: "joy-screen-loader__content"
-}, zo = /* @__PURE__ */ $({
+}, Ao = /* @__PURE__ */ $({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -2105,20 +2113,20 @@ const Po = /* @__PURE__ */ V(Jo, [["__scopeId", "data-v-ace1a80f"]]), To = { cla
     return (t, l) => (v(), p("div", {
       class: S(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      b("div", To, [
+      g("div", qo, [
         h(t.$slots, "spinner", {}, () => [
           N(pe, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        t.$slots.content ? (v(), p("div", qo, [
+        t.$slots.content ? (v(), p("div", zo, [
           h(t.$slots, "content", {}, void 0, !0)
         ])) : _("", !0)
       ])
     ], 2));
   }
 });
-const ge = /* @__PURE__ */ V(zo, [["__scopeId", "data-v-5c4f6d7f"]]), Ao = ["id", "name", "aria-invalid", "required", "disabled", "value"], Fo = /* @__PURE__ */ $({
+const be = /* @__PURE__ */ V(Ao, [["__scopeId", "data-v-5c4f6d7f"]]), Fo = ["id", "name", "aria-invalid", "required", "disabled", "value"], Do = /* @__PURE__ */ $({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -2159,7 +2167,7 @@ const ge = /* @__PURE__ */ V(zo, [["__scopeId", "data-v-5c4f6d7f"]]), Ao = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, o = g(), a = g(), r = G(), s = g(!1);
+    const l = e, o = b(), a = b(), r = G(), s = b(!1);
     X(() => {
       var i;
       const u = r.label && r.label();
@@ -2203,7 +2211,7 @@ const ge = /* @__PURE__ */ V(zo, [["__scopeId", "data-v-5c4f6d7f"]]), Ao = ["id"
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : _("", !0)
       ], !0),
-      b("div", {
+      g("div", {
         class: S({
           "joy-select__wrapper": !0,
           "joy-select--invalid": e.invalid,
@@ -2211,7 +2219,7 @@ const ge = /* @__PURE__ */ V(zo, [["__scopeId", "data-v-5c4f6d7f"]]), Ao = ["id"
           "joy-select--focusing": s.value
         })
       }, [
-        b("select", {
+        g("select", {
           id: e.id || e.name,
           ref_key: "select",
           ref: a,
@@ -2226,8 +2234,8 @@ const ge = /* @__PURE__ */ V(zo, [["__scopeId", "data-v-5c4f6d7f"]]), Ao = ["id"
           onBlur: c
         }, [
           h(u.$slots, "default", {}, void 0, !0)
-        ], 40, Ao),
-        N(D, {
+        ], 40, Fo),
+        N(R, {
           class: "joy-select__chevron",
           name: "chevron-down"
         })
@@ -2235,7 +2243,7 @@ const ge = /* @__PURE__ */ V(zo, [["__scopeId", "data-v-5c4f6d7f"]]), Ao = ["id"
     ], 512));
   }
 });
-const Do = /* @__PURE__ */ V(Fo, [["__scopeId", "data-v-b1af08d1"]]), Ro = ["aria-disabled"], Mo = ["id", "value", "checked", "disabled", "required", "name"], No = /* @__PURE__ */ $({
+const Ro = /* @__PURE__ */ V(Do, [["__scopeId", "data-v-b1af08d1"]]), Mo = ["aria-disabled"], No = ["id", "value", "checked", "disabled", "required", "name"], Ho = /* @__PURE__ */ $({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -2272,7 +2280,7 @@ const Do = /* @__PURE__ */ V(Fo, [["__scopeId", "data-v-b1af08d1"]]), Ro = ["ari
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = e, o = g(l.checked), a = g(), r = g(!1), s = l.multiple ? "div" : "label", n = {
+    const l = e, o = b(l.checked), a = b(), r = b(!1), s = l.multiple ? "div" : "label", n = {
       onRadioChange: () => {
         t("update:checked", l.value);
       },
@@ -2320,7 +2328,7 @@ const Do = /* @__PURE__ */ V(Fo, [["__scopeId", "data-v-b1af08d1"]]), Ro = ["ari
         (...m) => n.onFocus && n.onFocus(...m)),
         onBlur: u[2] || (u[2] = //@ts-ignore
         (...m) => n.onBlur && n.onBlur(...m))
-      }, null, 40, Mo)),
+      }, null, 40, No)),
       (v(), x(ce(w(s)), {
         for: e.id,
         class: S([
@@ -2357,7 +2365,7 @@ const Do = /* @__PURE__ */ V(Fo, [["__scopeId", "data-v-b1af08d1"]]), Ro = ["ari
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "onFocus", "onBlur"])) : _("", !0),
           e.multiple ? _("", !0) : h(c.$slots, "default", { key: 1 }, void 0, !0),
-          b("div", {
+          g("div", {
             class: S([{ "joy-selectable-item__sublabel": c.$slots["selectable-item-sublabel"] }])
           }, [
             h(c.$slots, "selectable-item-sublabel", {}, void 0, !0)
@@ -2365,10 +2373,10 @@ const Do = /* @__PURE__ */ V(Fo, [["__scopeId", "data-v-b1af08d1"]]), Ro = ["ari
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, Ro));
+    ], 10, Mo));
   }
 });
-const tt = /* @__PURE__ */ V(No, [["__scopeId", "data-v-cb2531c0"]]), Ho = ["id"], Wo = /* @__PURE__ */ $({
+const lt = /* @__PURE__ */ V(Ho, [["__scopeId", "data-v-cb2531c0"]]), Wo = ["id"], Uo = /* @__PURE__ */ $({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
@@ -2435,7 +2443,7 @@ const tt = /* @__PURE__ */ V(No, [["__scopeId", "data-v-cb2531c0"]]), Ho = ["id"
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : _("", !0),
-      b("div", {
+      g("div", {
         class: S([
           "joy-selectable-item-group",
           {
@@ -2445,10 +2453,11 @@ const tt = /* @__PURE__ */ V(No, [["__scopeId", "data-v-cb2531c0"]]), Ho = ["id"
           }
         ])
       }, [
-        (v(!0), p(fe, null, ye(e.options, (n) => (v(), x(w(tt), {
+        (v(!0), p(fe, null, ye(e.options, (n) => (v(), x(w(lt), {
           id: n.id,
           key: n.id,
           name: n.name,
+          disabled: n.disabled,
           value: n.value,
           multiple: e.multiple,
           checked: o(n),
@@ -2466,12 +2475,12 @@ const tt = /* @__PURE__ */ V(No, [["__scopeId", "data-v-cb2531c0"]]), Ho = ["id"
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["id", "name", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
+        ]), 1032, ["id", "name", "disabled", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, Ho));
+    ], 8, Wo));
   }
 });
-const Uo = /* @__PURE__ */ V(Wo, [["__scopeId", "data-v-3ba17434"]]), Go = /* @__PURE__ */ $({
+const Go = /* @__PURE__ */ V(Uo, [["__scopeId", "data-v-0730aed0"]]), Ko = /* @__PURE__ */ $({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -2505,7 +2514,7 @@ const Uo = /* @__PURE__ */ V(Wo, [["__scopeId", "data-v-3ba17434"]]), Go = /* @_
     }
   },
   setup(e) {
-    return dt("VJoyWrapperContext", e), (l, o) => (v(), p("div", {
+    return ct("VJoyWrapperContext", e), (l, o) => (v(), p("div", {
       class: S([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
@@ -2520,28 +2529,28 @@ const Uo = /* @__PURE__ */ V(Wo, [["__scopeId", "data-v-3ba17434"]]), Go = /* @_
     ], 2));
   }
 });
-const Ko = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-e2f29698"]]), Qo = { class: "joy-template__wrapper" }, Zo = {
+const Qo = /* @__PURE__ */ V(Ko, [["__scopeId", "data-v-e2f29698"]]), Zo = { class: "joy-template__wrapper" }, Yo = {
   key: 0,
   class: "joy-template__heading"
-}, Yo = {
+}, Xo = {
   key: 0,
   class: "joy-template-slot-back"
-}, Xo = { class: "joy-template__heading___headings" }, en = {
+}, en = { class: "joy-template__heading___headings" }, tn = {
   key: 0,
   class: "joy-template-slot-title"
-}, tn = {
+}, ln = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, ln = {
+}, on = {
   key: 1,
   class: "joy-template-slot-actions"
-}, on = {
+}, nn = {
   key: 0,
   class: "joy-template-slot-main"
-}, nn = {
+}, an = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, an = /* @__PURE__ */ $({
+}, rn = /* @__PURE__ */ $({
   __name: "VJoyTemplate",
   props: {
     full: { type: Boolean, default: !1 },
@@ -2560,24 +2569,24 @@ const Ko = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-e2f29698"]]), Qo = { cla
     return (a, r) => (v(), p("main", {
       class: S(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      b("div", Qo, [
-        w(o) ? (v(), p("div", Zo, [
-          w(l)["template-back"] ? (v(), p("div", Yo, [
+      g("div", Zo, [
+        w(o) ? (v(), p("div", Yo, [
+          w(l)["template-back"] ? (v(), p("div", Xo, [
             h(a.$slots, "template-back", {}, void 0, !0)
           ])) : _("", !0),
-          b("div", Xo, [
-            w(l)["template-title"] ? (v(), p("div", en, [
+          g("div", en, [
+            w(l)["template-title"] ? (v(), p("div", tn, [
               h(a.$slots, "template-title", {}, void 0, !0)
             ])) : _("", !0),
-            w(l)["template-subtitle"] ? (v(), p("div", tn, [
+            w(l)["template-subtitle"] ? (v(), p("div", ln, [
               h(a.$slots, "template-subtitle", {}, void 0, !0)
             ])) : _("", !0)
           ]),
-          w(l)["template-actions"] ? (v(), p("div", ln, [
+          w(l)["template-actions"] ? (v(), p("div", on, [
             h(a.$slots, "template-actions", {}, void 0, !0)
           ])) : _("", !0)
         ])) : _("", !0),
-        b("div", {
+        g("div", {
           class: S([
             "joy-template__content",
             {
@@ -2585,15 +2594,15 @@ const Ko = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-e2f29698"]]), Qo = { cla
             }
           ])
         }, [
-          a.$slots["template-main"] ? (v(), p("div", on, [
+          a.$slots["template-main"] ? (v(), p("div", nn, [
             h(a.$slots, "template-main", {}, void 0, !0)
           ])) : _("", !0),
-          a.$slots["template-sidebar"] ? (v(), p("div", nn, [
+          a.$slots["template-sidebar"] ? (v(), p("div", an, [
             h(a.$slots, "template-sidebar", {}, void 0, !0)
           ])) : _("", !0)
         ], 2)
       ]),
-      e.loading ? (v(), x(ge, {
+      e.loading ? (v(), x(be, {
         key: 0,
         overlay: "",
         color: e.loadingColor
@@ -2606,13 +2615,13 @@ const Ko = /* @__PURE__ */ V(Go, [["__scopeId", "data-v-e2f29698"]]), Qo = { cla
     ], 2));
   }
 });
-const rn = /* @__PURE__ */ V(an, [["__scopeId", "data-v-a2355e4b"]]), sn = ["aria-disabled"], un = { class: "joy-textarea_wrapper" }, dn = ["id", "disabled", "name", "required", "minlength", "value"], cn = {
+const sn = /* @__PURE__ */ V(rn, [["__scopeId", "data-v-a2355e4b"]]), un = ["aria-disabled"], dn = { class: "joy-textarea_wrapper" }, cn = ["id", "disabled", "name", "required", "minlength", "value"], fn = {
   key: 0,
   class: "joy-textarea_helpers"
-}, fn = {
+}, yn = {
   inheritAttrs: !1
-}, yn = /* @__PURE__ */ $({
-  ...fn,
+}, vn = /* @__PURE__ */ $({
+  ...yn,
   __name: "VJoyTextarea",
   props: {
     disabled: {
@@ -2661,9 +2670,9 @@ const rn = /* @__PURE__ */ V(an, [["__scopeId", "data-v-a2355e4b"]]), sn = ["ari
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = g(), { triggerResize: r } = Xt({
+    const o = e, a = b(), { triggerResize: r } = Xt({
       element: o.autogrow ? a : void 0
-    }), s = g(!1), n = g(!1), f = L(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), c = L(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
+    }), s = b(!1), n = b(!1), f = L(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), c = L(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
       onInput: (m) => {
         l("update:modelValue", m.target.value), r();
       },
@@ -2703,8 +2712,8 @@ const rn = /* @__PURE__ */ V(an, [["__scopeId", "data-v-a2355e4b"]]), sn = ["ari
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
-      b("div", un, [
-        b("textarea", Y(m.$attrs, {
+      g("div", dn, [
+        g("textarea", Y(m.$attrs, {
           id: e.id,
           ref_key: "textarea",
           ref: a,
@@ -2720,14 +2729,14 @@ const rn = /* @__PURE__ */ V(an, [["__scopeId", "data-v-a2355e4b"]]), sn = ["ari
           (...y) => u.onFocus && u.onFocus(...y)),
           onBlur: i[2] || (i[2] = //@ts-ignore
           (...y) => u.onBlur && u.onBlur(...y))
-        }), null, 16, dn)
+        }), null, 16, cn)
       ]),
-      e.minlength || e.maxlength ? (v(), p("div", cn, [
+      e.minlength || e.maxlength ? (v(), p("div", fn, [
         e.minlength ? (v(), p("p", {
           key: 0,
           class: S(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          w(c) ? _("", !0) : (v(), x(D, {
+          w(c) ? _("", !0) : (v(), x(R, {
             key: 0,
             name: "check",
             color: "neutral",
@@ -2740,23 +2749,23 @@ const rn = /* @__PURE__ */ V(an, [["__scopeId", "data-v-a2355e4b"]]), sn = ["ari
           class: S(["joy-textarea-count", { "joy-textarea-count-invalid": w(f) }])
         }, I(e.modelValue.length + "/" + e.maxlength), 3)) : _("", !0)
       ])) : _("", !0)
-    ], 10, sn));
+    ], 10, un));
   }
 });
-const vn = /* @__PURE__ */ V(yn, [["__scopeId", "data-v-d0d2c93e"]]), lt = (e) => (ct("data-v-cf79d999"), e = e(), ft(), e), mn = { class: "joy-toggle__wrapper" }, pn = ["name", "disabled", "checked", "required", "aria-checked", "value"], hn = { class: "joy-toggle__content" }, bn = /* @__PURE__ */ lt(() => /* @__PURE__ */ b("span", { class: "joy-toggle__symbol" }, null, -1)), gn = { class: "joy-toggle__content-label" }, _n = /* @__PURE__ */ lt(() => /* @__PURE__ */ b("span", { class: "joy-toggle__smile" }, [
-  /* @__PURE__ */ b("svg", {
+const mn = /* @__PURE__ */ V(vn, [["__scopeId", "data-v-d0d2c93e"]]), ot = (e) => (ft("data-v-cf79d999"), e = e(), yt(), e), pn = { class: "joy-toggle__wrapper" }, hn = ["name", "disabled", "checked", "required", "aria-checked", "value"], gn = { class: "joy-toggle__content" }, bn = /* @__PURE__ */ ot(() => /* @__PURE__ */ g("span", { class: "joy-toggle__symbol" }, null, -1)), _n = { class: "joy-toggle__content-label" }, wn = /* @__PURE__ */ ot(() => /* @__PURE__ */ g("span", { class: "joy-toggle__smile" }, [
+  /* @__PURE__ */ g("svg", {
     width: "18",
     height: "10",
     viewBox: "0 0 18 10",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ b("path", {
+    /* @__PURE__ */ g("path", {
       d: "M9.0237 9.14856C15.7144 9.14856 17.8736 2.22231 17.9649 1.91853L17.9345 1.94891C18.1778 1.15908 17.7216 0.308485 16.9309 0.0654591C16.1402 -0.177566 15.2886 0.278108 15.0453 1.06794C14.9845 1.25021 13.5551 6.11073 8.99328 6.11073C4.43147 6.11073 3.03249 1.43248 2.97167 1.21983C2.75878 0.399622 1.90724 -0.0560541 1.11652 0.156593C0.295397 0.369241 -0.160787 1.18945 0.0520982 2.00967C0.721165 4.4703 3.48869 9.14856 9.0237 9.14856Z",
       fill: "currentColor"
     })
   ])
-], -1)), wn = /* @__PURE__ */ $({
+], -1)), Sn = /* @__PURE__ */ $({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -2790,7 +2799,7 @@ const vn = /* @__PURE__ */ V(yn, [["__scopeId", "data-v-d0d2c93e"]]), lt = (e) =
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = g(!1), o = {
+    const l = b(!1), o = {
       onChange: (a) => {
         const r = a.target.checked;
         t("update:modelValue", r);
@@ -2802,8 +2811,8 @@ const vn = /* @__PURE__ */ V(yn, [["__scopeId", "data-v-d0d2c93e"]]), lt = (e) =
         l.value = !1;
       }
     };
-    return (a, r) => (v(), p("div", mn, [
-      b("label", {
+    return (a, r) => (v(), p("div", pn, [
+      g("label", {
         class: S([
           "joy-toggle",
           {
@@ -2813,7 +2822,7 @@ const vn = /* @__PURE__ */ V(yn, [["__scopeId", "data-v-d0d2c93e"]]), lt = (e) =
           }
         ])
       }, [
-        b("input", {
+        g("input", {
           ref: "input",
           type: "checkbox",
           class: "joy-toggle__input",
@@ -2830,81 +2839,81 @@ const vn = /* @__PURE__ */ V(yn, [["__scopeId", "data-v-d0d2c93e"]]), lt = (e) =
           (...s) => o.onFocus && o.onFocus(...s)),
           onBlur: r[2] || (r[2] = //@ts-ignore
           (...s) => o.onBlur && o.onBlur(...s))
-        }, null, 40, pn),
-        b("p", hn, [
+        }, null, 40, hn),
+        g("p", gn, [
           bn,
-          b("span", gn, [
+          g("span", _n, [
             h(a.$slots, "default", {}, () => [
               C(I(e.label), 1)
             ], !0)
           ]),
-          _n
+          wn
         ])
       ], 2)
     ]));
   }
 });
-const Sn = /* @__PURE__ */ V(wn, [["__scopeId", "data-v-cf79d999"]]), jn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const jn = /* @__PURE__ */ V(Sn, [["__scopeId", "data-v-cf79d999"]]), kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VJoyBadge: mt,
-  VJoyButton: $t,
+  VJoyBadge: pt,
+  VJoyButton: Ue,
   VJoyCheckbox: he,
   VJoyCounter: Ft,
   VJoyDropdown: Fl,
-  VJoyDropdownList: Xe,
-  VJoyFormError: et,
-  VJoyHighlight: Ul,
-  VJoyIcon: D,
-  VJoyInput: oo,
+  VJoyDropdownList: et,
+  VJoyFormError: tt,
+  VJoyHighlight: Gl,
+  VJoyIcon: R,
+  VJoyInput: no,
   VJoyLabel: W,
-  VJoyLink: ro,
-  VJoyMultiCheckbox: fo,
-  VJoyPanel: wo,
-  VJoyPanelSection: Vo,
-  VJoyRadio: Eo,
-  VJoyRadioGroup: Po,
-  VJoyScreenLoader: ge,
-  VJoySelect: Do,
-  VJoySelectableItem: tt,
-  VJoySelectableItemGroup: Uo,
+  VJoyLink: so,
+  VJoyMultiCheckbox: yo,
+  VJoyPanel: So,
+  VJoyPanelSection: xo,
+  VJoyRadio: Co,
+  VJoyRadioGroup: To,
+  VJoyScreenLoader: be,
+  VJoySelect: Ro,
+  VJoySelectableItem: lt,
+  VJoySelectableItemGroup: Go,
   VJoySpinner: pe,
-  VJoyTemplate: rn,
-  VJoyTextarea: vn,
-  VJoyToggle: Sn,
-  VJoyWrapper: Ko
-}, Symbol.toStringTag, { value: "Module" })), $n = {
+  VJoyTemplate: sn,
+  VJoyTextarea: mn,
+  VJoyToggle: jn,
+  VJoyWrapper: Qo
+}, Symbol.toStringTag, { value: "Module" })), Vn = {
   install: (e) => {
-    Object.entries(jn).forEach(([t, l]) => {
+    Object.entries(kn).forEach(([t, l]) => {
       e.component(t, l);
     });
   }
 };
 export {
-  $n as JoyVuePlugin,
-  mt as VJoyBadge,
-  $t as VJoyButton,
+  Vn as JoyVuePlugin,
+  pt as VJoyBadge,
+  Ue as VJoyButton,
   he as VJoyCheckbox,
   Ft as VJoyCounter,
   Fl as VJoyDropdown,
-  Xe as VJoyDropdownList,
-  et as VJoyFormError,
-  Ul as VJoyHighlight,
-  D as VJoyIcon,
-  oo as VJoyInput,
+  et as VJoyDropdownList,
+  tt as VJoyFormError,
+  Gl as VJoyHighlight,
+  R as VJoyIcon,
+  no as VJoyInput,
   W as VJoyLabel,
-  ro as VJoyLink,
-  fo as VJoyMultiCheckbox,
-  wo as VJoyPanel,
-  Vo as VJoyPanelSection,
-  Eo as VJoyRadio,
-  Po as VJoyRadioGroup,
-  ge as VJoyScreenLoader,
-  Do as VJoySelect,
-  tt as VJoySelectableItem,
-  Uo as VJoySelectableItemGroup,
+  so as VJoyLink,
+  yo as VJoyMultiCheckbox,
+  So as VJoyPanel,
+  xo as VJoyPanelSection,
+  Co as VJoyRadio,
+  To as VJoyRadioGroup,
+  be as VJoyScreenLoader,
+  Ro as VJoySelect,
+  lt as VJoySelectableItem,
+  Go as VJoySelectableItemGroup,
   pe as VJoySpinner,
-  rn as VJoyTemplate,
-  vn as VJoyTextarea,
-  Sn as VJoyToggle,
-  Ko as VJoyWrapper
+  sn as VJoyTemplate,
+  mn as VJoyTextarea,
+  jn as VJoyToggle,
+  Qo as VJoyWrapper
 };