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

package/dist/joy-vue.js

@@ -32,8 +32,8 @@ const dt = ["info", "gray", "green", "orange", "red", "teal", "turquoise", "pink
 });
 const V = (e, t) => {
   const l = e.__vccOpts || e;
-  for (const [o, a] of t)
-    l[o] = a;
+  for (const [o, n] of t)
+    l[o] = n;
   return l;
 }, ft = /* @__PURE__ */ V(ct, [["__scopeId", "data-v-c0310e42"]]), yt = ["teal", "white"], vt = /* @__PURE__ */ $({
   __name: "VJoySpinner",
@@ -98,8 +98,8 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
         default:
           return "small";
       }
-    }), a = x(() => ["white", "ghost", "secondary"].includes(t.variant) ? "teal" : "white");
-    return (i, s) => (m(), q(ce(_(l).href ? "a" : "button"), {
+    }), n = x(() => ["white", "ghost", "secondary"].includes(t.variant) ? "teal" : "white");
+    return (r, s) => (m(), q(ce(_(l).href ? "a" : "button"), {
       disabled: e.loading || _(l).disabled,
       class: k([
         "joy-button",
@@ -120,10 +120,10 @@ const He = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-616a29d0"]]), mt = ["pri
         }, null, 8, _t)) : w("", !0),
         e.loading ? (m(), q(He, {
           key: 1,
-          color: _(a)
+          color: _(n)
         }, null, 8, ["color"])) : w("", !0),
         h("span", wt, [
-          g(i.$slots, "default", {}, void 0, !0)
+          g(r.$slots, "default", {}, void 0, !0)
         ])
       ]),
       _: 3
@@ -178,10 +178,10 @@ const jt = /* @__PURE__ */ V(St, [["__scopeId", "data-v-ff4bd9af"]]), kt = ["ari
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = b(), i = b(o.indeterminate), s = b(!1), n = {
+    const o = e, n = b(), r = b(o.indeterminate), s = b(!1), a = {
       onChange: (c) => {
         const f = c.target.checked;
-        i.value = !1, l("update:checked", f);
+        r.value = !1, l("update:checked", f);
       },
       onFocus: () => {
         s.value = !0, l("focus");
@@ -191,7 +191,7 @@ const jt = /* @__PURE__ */ V(St, [["__scopeId", "data-v-ff4bd9af"]]), kt = ["ari
       }
     };
     return t({
-      isIndeterminate: i
+      isIndeterminate: r
     }), (c, f) => (m(), p("div", {
       "aria-checked": e.checked,
       "aria-hidden": e.disabled
@@ -201,7 +201,7 @@ const jt = /* @__PURE__ */ V(St, [["__scopeId", "data-v-ff4bd9af"]]), kt = ["ari
           "joy-checkbox",
           {
             "joy-checkbox__checked": e.checked,
-            "joy-checkbox__indeterminate": i.value,
+            "joy-checkbox__indeterminate": r.value,
             "joy-checkbox__focusing": s.value && e.displayFocus
           }
         ])
@@ -210,7 +210,7 @@ const jt = /* @__PURE__ */ V(St, [["__scopeId", "data-v-ff4bd9af"]]), kt = ["ari
           h("input", {
             id: e.id,
             ref_key: "input",
-            ref: a,
+            ref: n,
             type: "checkbox",
             class: "joy-checkbox__input",
             role: "checkbox",
@@ -220,13 +220,13 @@ const jt = /* @__PURE__ */ V(St, [["__scopeId", "data-v-ff4bd9af"]]), kt = ["ari
             required: e.required,
             "aria-checked": e.checked,
             value: e.value,
-            indeterminate: i.value,
+            indeterminate: r.value,
             onChange: f[0] || (f[0] = //@ts-ignore
-            (...u) => n.onChange && n.onChange(...u)),
+            (...u) => a.onChange && a.onChange(...u)),
             onFocus: f[1] || (f[1] = //@ts-ignore
-            (...u) => n.onFocus && n.onFocus(...u)),
+            (...u) => a.onFocus && a.onFocus(...u)),
             onBlur: f[2] || (f[2] = //@ts-ignore
-            (...u) => n.onBlur && n.onBlur(...u))
+            (...u) => a.onBlur && a.onBlur(...u))
           }, null, 40, Vt)
         ]),
         h("div", xt, [
@@ -323,40 +323,40 @@ const he = /* @__PURE__ */ V(It, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = b(!1), i = b(!1);
+    const o = e, n = b(!1), r = b(!1);
     function s() {
       const d = f(!1);
       d >= 0 ? l("update:modelValue", d <= o.min ? o.min : d) : l("update:modelValue", 0), c();
     }
-    function n() {
+    function a() {
       const d = f();
       o.max && d <= o.max ? l("update:modelValue", d >= o.max ? o.max : d) : o.max && d > o.max ? l("update:modelValue", o.max) : l("update:modelValue", d), c();
     }
     function c() {
-      a.value = !u();
+      n.value = !u();
     }
     function f(d = !0) {
       const j = o.step.toString().split("."), S = j.length === 2 ? j[1].length : 0;
       return parseFloat(d ? (o.modelValue + o.step).toFixed(S) : (o.modelValue - o.step).toFixed(S));
     }
     function u() {
-      return v() && r();
+      return v() && i();
     }
     function v() {
       return !o.max || o.modelValue <= o.max;
     }
-    function r() {
+    function i() {
       return o.min <= o.modelValue;
     }
     const y = {
       onInput: (d) => {
-        l("update:modelValue", +d.target.value || 0), a.value = !1;
+        l("update:modelValue", +d.target.value || 0), n.value = !1;
       },
       onFocus: () => {
-        i.value = !0;
+        r.value = !0;
       },
       onBlur: () => {
-        i.value = !1, c();
+        r.value = !1, c();
       }
     };
     return t({
@@ -377,7 +377,7 @@ const he = /* @__PURE__ */ V(It, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : w("", !0),
       h("div", {
-        class: k(["joy-counter__wrapper", { "joy-counter--focusing": i.value }])
+        class: k(["joy-counter__wrapper", { "joy-counter--focusing": r.value }])
       }, [
         h("button", {
           class: "joy-counter__decrement",
@@ -391,10 +391,10 @@ const he = /* @__PURE__ */ V(It, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
             id: e.id,
             ref: "input",
             type: "number",
-            class: { "joy-counter__invalid": e.invalid || a.value },
+            class: { "joy-counter__invalid": e.invalid || n.value },
             min: e.min,
             max: e.max,
-            "aria-invalid": e.invalid || a.value,
+            "aria-invalid": e.invalid || n.value,
             name: e.name,
             required: e.required,
             step: "any",
@@ -413,7 +413,7 @@ const he = /* @__PURE__ */ V(It, [["__scopeId", "data-v-a39797a6"]]), We = (e) =
           type: "button",
           "aria-label": e.labelIncrement,
           disabled: e.max ? e.modelValue >= e.max : !1,
-          onClick: n
+          onClick: a
         }, zt, 8, qt),
         e.invalid && e.errorMessage ? (m(), p("div", At, [
           fe(_(et), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
@@ -431,40 +431,40 @@ function C(e) {
 }
 function Ge(e, t) {
   function l(...o) {
-    return new Promise((a, i) => {
-      Promise.resolve(e(() => t.apply(this, o), { fn: t, thisArg: this, args: o })).then(a).catch(i);
+    return new Promise((n, r) => {
+      Promise.resolve(e(() => t.apply(this, o), { fn: t, thisArg: this, args: o })).then(n).catch(r);
     });
   }
   return l;
 }
 function Rt(e, t = {}) {
-  let l, o, a = z;
-  const i = (n) => {
-    clearTimeout(n), a(), a = z;
+  let l, o, n = z;
+  const r = (a) => {
+    clearTimeout(a), n(), n = z;
   };
-  return (n) => {
+  return (a) => {
     const c = C(e), f = C(t.maxWait);
-    return l && i(l), c <= 0 || f !== void 0 && f <= 0 ? (o && (i(o), o = null), Promise.resolve(n())) : new Promise((u, v) => {
-      a = t.rejectOnCancel ? v : u, f && !o && (o = setTimeout(() => {
-        l && i(l), o = null, u(n());
+    return l && r(l), c <= 0 || f !== void 0 && f <= 0 ? (o && (r(o), o = null), Promise.resolve(a())) : new Promise((u, v) => {
+      n = t.rejectOnCancel ? v : u, f && !o && (o = setTimeout(() => {
+        l && r(l), o = null, u(a());
       }, f)), l = setTimeout(() => {
-        o && i(o), o = null, u(n());
+        o && r(o), o = null, u(a());
       }, c);
     });
   };
 }
 function Mt(e, t = !0, l = !0, o = !1) {
-  let a = 0, i, s = !0, n = z, c;
+  let n = 0, r, s = !0, a = z, c;
   const f = () => {
-    i && (clearTimeout(i), i = void 0, n(), n = z);
+    r && (clearTimeout(r), r = void 0, a(), a = z);
   };
   return (v) => {
-    const r = C(e), y = Date.now() - a, d = () => c = v();
-    return f(), r <= 0 ? (a = Date.now(), d()) : (y > r && (l || !s) ? (a = Date.now(), d()) : t && (c = new Promise((j, S) => {
-      n = o ? S : j, i = setTimeout(() => {
-        a = Date.now(), s = !0, j(d()), f();
-      }, Math.max(0, r - y));
-    })), !l && !i && (i = setTimeout(() => s = !0, r)), s = !1, c);
+    const i = C(e), y = Date.now() - n, d = () => c = v();
+    return f(), i <= 0 ? (n = Date.now(), d()) : (y > i && (l || !s) ? (n = Date.now(), d()) : t && (c = new Promise((j, S) => {
+      a = o ? S : j, r = setTimeout(() => {
+        n = Date.now(), s = !0, j(d()), f();
+      }, Math.max(0, i - y));
+    })), !l && !r && (r = setTimeout(() => s = !0, i)), s = !1, c);
   };
 }
 const R = {
@@ -481,8 +481,8 @@ function G(e) {
 function Ht(e, t = 200, l = {}) {
   return Ge(Rt(t, l), e);
 }
-function Wt(e, t = 200, l = !1, o = !0, a = !1) {
-  return Ge(Mt(t, l, o, a), e);
+function Wt(e, t = 200, l = !1, o = !0, n = !1) {
+  return Ge(Mt(t, l, o, n), e);
 }
 function Ut(e) {
   return typeof e == "function" ? x(e) : b(e);
@@ -500,14 +500,14 @@ U && window.document;
 U && window.navigator;
 U && 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)
+  let t, l, o, n;
+  if (Ue(e[0]) || Array.isArray(e[0]) ? ([l, o, n] = e, t = be) : [t, l, o, n] = e, !t)
     return z;
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
-  const i = [], s = () => {
-    i.forEach((u) => u()), i.length = 0;
-  }, n = (u, v, r, y) => (u.addEventListener(v, r, y), () => u.removeEventListener(v, r, y)), c = B(() => [H(t), C(a)], ([u, v]) => {
-    s(), u && i.push(...l.flatMap((r) => o.map((y) => n(u, r, y, v))));
+  const r = [], s = () => {
+    r.forEach((u) => u()), r.length = 0;
+  }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = B(() => [H(t), C(n)], ([u, v]) => {
+    s(), u && r.push(...l.flatMap((i) => o.map((y) => a(u, i, y, v))));
   }, { immediate: !0, flush: "post" }), f = () => {
     c(), s();
   };
@@ -515,40 +515,40 @@ function ae(...e) {
 }
 let we = !1;
 function Gt(e, t, l = {}) {
-  const { window: o = be, ignore: a = [], capture: i = !0, detectIframe: s = !1 } = l;
+  const { window: o = be, ignore: n = [], capture: r = !0, detectIframe: s = !1 } = l;
   if (!o)
     return;
-  ee && !we && (we = !0, Array.from(o.document.body.children).forEach((r) => r.addEventListener("click", z)));
-  let n = !0;
-  const c = (r) => a.some((y) => {
+  ee && !we && (we = !0, Array.from(o.document.body.children).forEach((i) => i.addEventListener("click", z)));
+  let a = !0;
+  const c = (i) => n.some((y) => {
     if (typeof y == "string")
-      return Array.from(o.document.querySelectorAll(y)).some((d) => d === r.target || r.composedPath().includes(d));
+      return Array.from(o.document.querySelectorAll(y)).some((d) => d === i.target || i.composedPath().includes(d));
     {
       const d = H(y);
-      return d && (r.target === d || r.composedPath().includes(d));
+      return d && (i.target === d || i.composedPath().includes(d));
     }
   }), u = [
-    ae(o, "click", (r) => {
+    ae(o, "click", (i) => {
       const y = H(e);
-      if (!(!y || y === r.target || r.composedPath().includes(y))) {
-        if (r.detail === 0 && (n = !c(r)), !n) {
-          n = !0;
+      if (!(!y || y === i.target || i.composedPath().includes(y))) {
+        if (i.detail === 0 && (a = !c(i)), !a) {
+          a = !0;
           return;
         }
-        t(r);
+        t(i);
       }
-    }, { passive: !0, capture: i }),
-    ae(o, "pointerdown", (r) => {
+    }, { passive: !0, capture: r }),
+    ae(o, "pointerdown", (i) => {
       const y = H(e);
-      y && (n = !r.composedPath().includes(y) && !c(r));
+      y && (a = !i.composedPath().includes(y) && !c(i));
     }, { passive: !0 }),
-    s && ae(o, "blur", (r) => {
+    s && ae(o, "blur", (i) => {
       var y;
       const d = H(e);
-      ((y = o.document.activeElement) == null ? void 0 : y.tagName) === "IFRAME" && !(d != null && d.contains(o.document.activeElement)) && t(r);
+      ((y = o.document.activeElement) == null ? void 0 : y.tagName) === "IFRAME" && !(d != null && d.contains(o.document.activeElement)) && t(i);
     })
   ].filter(Boolean);
-  return () => u.forEach((r) => r());
+  return () => u.forEach((i) => i());
 }
 function Kt(e, t = !1) {
   const l = b(), o = () => l.value = Boolean(e());
@@ -567,17 +567,17 @@ var Se = Object.getOwnPropertySymbols, Qt = Object.prototype.hasOwnProperty, Zt
   return l;
 };
 function Xt(e, t, l = {}) {
-  const o = l, { window: a = be } = o, i = Yt(o, ["window"]);
+  const o = l, { window: n = be } = o, r = Yt(o, ["window"]);
   let s;
-  const n = Kt(() => a && "ResizeObserver" in a), c = () => {
+  const a = Kt(() => n && "ResizeObserver" in n), c = () => {
     s && (s.disconnect(), s = void 0);
   }, f = B(() => H(e), (v) => {
-    c(), n.value && a && v && (s = new ResizeObserver(t), s.observe(v, i));
+    c(), a.value && n && v && (s = new ResizeObserver(t), s.observe(v, r));
   }, { immediate: !0, flush: "post" }), u = () => {
     c(), f();
   };
   return G(u), {
-    isSupported: n,
+    isSupported: a,
     stop: u
   };
 }
@@ -588,8 +588,8 @@ var je;
 function el(e) {
   const t = b(e == null ? void 0 : e.element), l = b(e == null ? void 0 : e.input);
   function o() {
-    var a, i;
-    t.value && (t.value.style.height = "1px", t.value.style.height = `${(a = t.value) == null ? void 0 : a.scrollHeight}px`, (i = e == null ? void 0 : e.onResize) == null || i.call(e));
+    var n, r;
+    t.value && (t.value.style.height = "1px", t.value.style.height = `${(n = t.value) == null ? void 0 : n.scrollHeight}px`, (r = e == null ? void 0 : e.onResize) == null || r.call(e));
   }
   return B([l, t], o, { immediate: !0 }), Xt(t, () => o()), e != null && e.watch && B(e.watch, o, { immediate: !0, deep: !0 }), {
     textarea: t,
@@ -640,8 +640,8 @@ const il = /* @__PURE__ */ $({
   emits: ["trigger"],
   setup(e, { slots: t, emit: l }) {
     const o = b();
-    return Gt(o, (a) => {
-      l("trigger", a);
+    return Gt(o, (n) => {
+      l("trigger", n);
     }, e.options), () => {
       if (t.default)
         return it(e.as || "div", { ref: o }, t.default());
@@ -655,14 +655,14 @@ function P(e) {
 }
 const M = U ? window : void 0;
 function A(...e) {
-  let t, l, o, a;
-  if (Ue(e[0]) || Array.isArray(e[0]) ? ([l, o, a] = e, t = M) : [t, l, o, a] = e, !t)
+  let t, l, o, n;
+  if (Ue(e[0]) || Array.isArray(e[0]) ? ([l, o, n] = e, t = M) : [t, l, o, n] = e, !t)
     return z;
   Array.isArray(l) || (l = [l]), Array.isArray(o) || (o = [o]);
-  const i = [], s = () => {
-    i.forEach((u) => u()), i.length = 0;
-  }, n = (u, v, r, y) => (u.addEventListener(v, r, y), () => u.removeEventListener(v, r, y)), c = B(() => [P(t), C(a)], ([u, v]) => {
-    s(), u && i.push(...l.flatMap((r) => o.map((y) => n(u, r, y, v))));
+  const r = [], s = () => {
+    r.forEach((u) => u()), r.length = 0;
+  }, a = (u, v, i, y) => (u.addEventListener(v, i, y), () => u.removeEventListener(v, i, y)), c = B(() => [P(t), C(n)], ([u, v]) => {
+    s(), u && r.push(...l.flatMap((i) => o.map((y) => a(u, i, y, v))));
   }, { immediate: !0, flush: "post" }), f = () => {
     c(), s();
   };
@@ -670,49 +670,49 @@ function A(...e) {
 }
 let Ve = !1;
 function xe(e, t, l = {}) {
-  const { window: o = M, ignore: a = [], capture: i = !0, detectIframe: s = !1 } = l;
+  const { window: o = M, ignore: n = [], capture: r = !0, detectIframe: s = !1 } = l;
   if (!o)
     return;
-  ee && !Ve && (Ve = !0, Array.from(o.document.body.children).forEach((r) => r.addEventListener("click", z)));
-  let n = !0;
-  const c = (r) => a.some((y) => {
+  ee && !Ve && (Ve = !0, Array.from(o.document.body.children).forEach((i) => i.addEventListener("click", z)));
+  let a = !0;
+  const c = (i) => n.some((y) => {
     if (typeof y == "string")
-      return Array.from(o.document.querySelectorAll(y)).some((d) => d === r.target || r.composedPath().includes(d));
+      return Array.from(o.document.querySelectorAll(y)).some((d) => d === i.target || i.composedPath().includes(d));
     {
       const d = P(y);
-      return d && (r.target === d || r.composedPath().includes(d));
+      return d && (i.target === d || i.composedPath().includes(d));
     }
   }), u = [
-    A(o, "click", (r) => {
+    A(o, "click", (i) => {
       const y = P(e);
-      if (!(!y || y === r.target || r.composedPath().includes(y))) {
-        if (r.detail === 0 && (n = !c(r)), !n) {
-          n = !0;
+      if (!(!y || y === i.target || i.composedPath().includes(y))) {
+        if (i.detail === 0 && (a = !c(i)), !a) {
+          a = !0;
           return;
         }
-        t(r);
+        t(i);
       }
-    }, { passive: !0, capture: i }),
-    A(o, "pointerdown", (r) => {
+    }, { passive: !0, capture: r }),
+    A(o, "pointerdown", (i) => {
       const y = P(e);
-      y && (n = !r.composedPath().includes(y) && !c(r));
+      y && (a = !i.composedPath().includes(y) && !c(i));
     }, { passive: !0 }),
-    s && A(o, "blur", (r) => {
+    s && A(o, "blur", (i) => {
       var y;
       const d = P(e);
-      ((y = o.document.activeElement) == null ? void 0 : y.tagName) === "IFRAME" && !(d != null && d.contains(o.document.activeElement)) && t(r);
+      ((y = o.document.activeElement) == null ? void 0 : y.tagName) === "IFRAME" && !(d != null && d.contains(o.document.activeElement)) && t(i);
     })
   ].filter(Boolean);
-  return () => u.forEach((r) => r());
+  return () => u.forEach((i) => i());
 }
 R.mounted + "", R.unmounted + "";
 const rl = (e) => typeof e == "function" ? e : typeof e == "string" ? (t) => t.key === e : Array.isArray(e) ? (t) => e.includes(t.key) : () => !0;
 function Oe(...e) {
   let t, l, o = {};
   e.length === 3 ? (t = e[0], l = e[1], o = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, l = e[0], o = e[1]) : (t = e[0], l = e[1]) : (t = !0, l = e[0]);
-  const { target: a = M, eventName: i = "keydown", passive: s = !1 } = o, n = rl(t);
-  return A(a, i, (f) => {
-    n(f) && l(f);
+  const { target: n = M, eventName: r = "keydown", passive: s = !1 } = o, a = rl(t);
+  return A(n, r, (f) => {
+    a(f) && l(f);
   }, s);
 }
 var sl = Object.defineProperty, Ie = Object.getOwnPropertySymbols, ul = Object.prototype.hasOwnProperty, dl = Object.prototype.propertyIsEnumerable, Be = (e, t, l) => t in e ? sl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, cl = (e, t) => {
@@ -726,21 +726,21 @@ var sl = Object.defineProperty, Ie = Object.getOwnPropertySymbols, ul = Object.p
 R.mounted + "";
 const fl = 500;
 function Le(e, t, l) {
-  var o, a;
-  const i = x(() => P(e));
+  var o, n;
+  const r = x(() => P(e));
   let s;
-  function n() {
+  function a() {
     s && (clearTimeout(s), s = void 0);
   }
   function c(u) {
-    var v, r, y, d;
-    (v = l == null ? void 0 : l.modifiers) != null && v.self && u.target !== i.value || (n(), (r = l == null ? void 0 : l.modifiers) != null && r.prevent && u.preventDefault(), (y = l == null ? void 0 : l.modifiers) != null && y.stop && u.stopPropagation(), s = setTimeout(() => t(u), (d = l == null ? void 0 : l.delay) != null ? d : fl));
+    var v, i, y, d;
+    (v = l == null ? void 0 : l.modifiers) != null && v.self && u.target !== r.value || (a(), (i = l == null ? void 0 : l.modifiers) != null && i.prevent && u.preventDefault(), (y = l == null ? void 0 : l.modifiers) != null && y.stop && u.stopPropagation(), s = setTimeout(() => t(u), (d = l == null ? void 0 : l.delay) != null ? d : fl));
   }
   const f = {
     capture: (o = l == null ? void 0 : l.modifiers) == null ? void 0 : o.capture,
-    once: (a = l == null ? void 0 : l.modifiers) == null ? void 0 : a.once
+    once: (n = l == null ? void 0 : l.modifiers) == null ? void 0 : n.once
   };
-  A(i, "pointerdown", c, f), A(i, "pointerup", n, f), A(i, "pointerleave", n, f);
+  A(r, "pointerdown", c, f), A(r, "pointerup", a, f), A(r, "pointerleave", a, f);
 }
 R.mounted + "";
 const se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ue = "__vueuse_ssr_handlers__";
@@ -751,13 +751,13 @@ function Qe(e, t = !1) {
   return o(), Ke(o, t), l;
 }
 function yl(e, t = {}) {
-  const l = t ? t.delayEnter : 0, o = t ? t.delayLeave : 0, a = b(!1);
-  let i;
-  const s = (n) => {
-    const c = n ? l : o;
-    i && (clearTimeout(i), i = void 0), c ? i = setTimeout(() => a.value = n, c) : a.value = n;
+  const l = t ? t.delayEnter : 0, o = t ? t.delayLeave : 0, n = b(!1);
+  let r;
+  const s = (a) => {
+    const c = a ? l : o;
+    r && (clearTimeout(r), r = void 0), c ? r = setTimeout(() => n.value = a, c) : n.value = a;
   };
-  return window && (A(e, "mouseenter", () => s(!0), { passive: !0 }), A(e, "mouseleave", () => s(!1), { passive: !0 })), a;
+  return window && (A(e, "mouseenter", () => s(!0), { passive: !0 }), A(e, "mouseleave", () => s(!1), { passive: !0 })), n;
 }
 R.mounted + "";
 var Ee = Object.getOwnPropertySymbols, vl = Object.prototype.hasOwnProperty, ml = Object.prototype.propertyIsEnumerable, pl = (e, t) => {
@@ -770,59 +770,59 @@ var Ee = Object.getOwnPropertySymbols, vl = Object.prototype.hasOwnProperty, ml
   return l;
 };
 function hl(e, t, l = {}) {
-  const o = l, { window: a = M } = o, i = pl(o, ["window"]);
+  const o = l, { window: n = M } = o, r = pl(o, ["window"]);
   let s;
-  const n = Qe(() => a && "ResizeObserver" in a), c = () => {
+  const a = Qe(() => n && "ResizeObserver" in n), c = () => {
     s && (s.disconnect(), s = void 0);
   }, f = B(() => P(e), (v) => {
-    c(), n.value && a && v && (s = new ResizeObserver(t), s.observe(v, i));
+    c(), a.value && n && v && (s = new ResizeObserver(t), s.observe(v, r));
   }, { immediate: !0, flush: "post" }), u = () => {
     c(), f();
   };
   return G(u), {
-    isSupported: n,
+    isSupported: a,
     stop: u
   };
 }
 function bl(e, t = { width: 0, height: 0 }, l = {}) {
-  const { window: o = M, box: a = "content-box" } = l, i = x(() => {
+  const { window: o = M, box: n = "content-box" } = l, r = x(() => {
     var c, f;
     return (f = (c = P(e)) == null ? void 0 : c.namespaceURI) == null ? void 0 : f.includes("svg");
-  }), s = b(t.width), n = b(t.height);
+  }), s = b(t.width), a = b(t.height);
   return hl(e, ([c]) => {
-    const f = a === "border-box" ? c.borderBoxSize : a === "content-box" ? c.contentBoxSize : c.devicePixelContentBoxSize;
-    if (o && i.value) {
+    const f = n === "border-box" ? c.borderBoxSize : n === "content-box" ? c.contentBoxSize : c.devicePixelContentBoxSize;
+    if (o && r.value) {
       const u = P(e);
       if (u) {
         const v = o.getComputedStyle(u);
-        s.value = parseFloat(v.width), n.value = parseFloat(v.height);
+        s.value = parseFloat(v.width), a.value = parseFloat(v.height);
       }
     } else if (f) {
       const u = Array.isArray(f) ? f : [f];
-      s.value = u.reduce((v, { inlineSize: r }) => v + r, 0), n.value = u.reduce((v, { blockSize: r }) => v + r, 0);
+      s.value = u.reduce((v, { inlineSize: i }) => v + i, 0), a.value = u.reduce((v, { blockSize: i }) => v + i, 0);
     } else
-      s.value = c.contentRect.width, n.value = c.contentRect.height;
+      s.value = c.contentRect.width, a.value = c.contentRect.height;
   }, l), B(() => P(e), (c) => {
-    s.value = c ? t.width : 0, n.value = c ? t.height : 0;
+    s.value = c ? t.width : 0, a.value = c ? t.height : 0;
   }), {
     width: s,
-    height: n
+    height: a
   };
 }
 R.mounted + "";
 function Ce(e, { window: t = M, scrollTarget: l } = {}) {
-  const o = b(!1), a = () => {
+  const o = b(!1), n = () => {
     if (!t)
       return;
-    const i = t.document, s = P(e);
+    const r = t.document, s = P(e);
     if (!s)
       o.value = !1;
     else {
-      const n = s.getBoundingClientRect();
-      o.value = n.top <= (t.innerHeight || i.documentElement.clientHeight) && n.left <= (t.innerWidth || i.documentElement.clientWidth) && n.bottom >= 0 && n.right >= 0;
+      const a = s.getBoundingClientRect();
+      o.value = a.top <= (t.innerHeight || r.documentElement.clientHeight) && a.left <= (t.innerWidth || r.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
     }
   };
-  return B(() => P(e), () => a(), { immediate: !0, flush: "post" }), t && A(l || t, "scroll", a, {
+  return B(() => P(e), () => n(), { immediate: !0, flush: "post" }), t && A(l || t, "scroll", n, {
     capture: !1,
     passive: !0
   }), o;
@@ -833,15 +833,15 @@ function de(e, t = {}) {
   const {
     throttle: l = 0,
     idle: o = 200,
-    onStop: a = z,
-    onScroll: i = z,
+    onStop: n = z,
+    onScroll: r = z,
     offset: s = {
       left: 0,
       right: 0,
       top: 0,
       bottom: 0
     },
-    eventListenerOptions: n = {
+    eventListenerOptions: a = {
       capture: !1,
       passive: !0
     },
@@ -853,7 +853,7 @@ function de(e, t = {}) {
     set(O) {
       y(O, void 0);
     }
-  }), r = x({
+  }), i = x({
     get() {
       return u.value;
     },
@@ -865,7 +865,7 @@ function de(e, t = {}) {
     var D, F, ge;
     const ne = C(e);
     ne && ((ge = ne instanceof Document ? document.body : ne) == null || ge.scrollTo({
-      top: (D = C(T)) != null ? D : r.value,
+      top: (D = C(T)) != null ? D : i.value,
       left: (F = C(O)) != null ? F : v.value,
       behavior: C(c)
     }));
@@ -881,16 +881,16 @@ function de(e, t = {}) {
     top: !1,
     bottom: !1
   }), Y = (O) => {
-    d.value && (d.value = !1, S.left = !1, S.right = !1, S.top = !1, S.bottom = !1, a(O));
+    d.value && (d.value = !1, S.left = !1, S.right = !1, S.top = !1, S.bottom = !1, n(O));
   }, oe = Ht(Y, l + o), E = (O) => {
     const T = O.target === document ? O.target.documentElement : O.target, D = T.scrollLeft;
     S.left = D < f.value, S.right = D > u.value, j.left = D <= 0 + (s.left || 0), j.right = D + T.clientWidth >= T.scrollWidth - (s.right || 0) - Pe, f.value = D;
     let F = T.scrollTop;
-    O.target === document && !F && (F = document.body.scrollTop), S.top = F < u.value, S.bottom = F > u.value, j.top = F <= 0 + (s.top || 0), j.bottom = F + T.clientHeight >= T.scrollHeight - (s.bottom || 0) - Pe, u.value = F, d.value = !0, oe(O), i(O);
+    O.target === document && !F && (F = document.body.scrollTop), S.top = F < u.value, S.bottom = F > u.value, j.top = F <= 0 + (s.top || 0), j.bottom = F + T.clientHeight >= T.scrollHeight - (s.bottom || 0) - Pe, u.value = F, d.value = !0, oe(O), r(O);
   };
-  return A(e, "scroll", l ? Wt(E, l, !0, !1) : E, n), A(e, "scrollend", Y, n), {
+  return A(e, "scroll", l ? Wt(E, l, !0, !1) : E, a), A(e, "scrollend", Y, a), {
     x: v,
-    y: r,
+    y: i,
     isScrolling: d,
     arrivedState: j,
     directions: S
@@ -905,15 +905,15 @@ var gl = Object.defineProperty, _l = Object.defineProperties, wl = Object.getOwn
   return e;
 }, kl = (e, t) => _l(e, wl(t));
 function ze(e, t, l = {}) {
-  var o, a;
-  const i = (o = l.direction) != null ? o : "bottom", s = X(de(e, kl(Te({}, l), {
+  var o, n;
+  const r = (o = l.direction) != null ? o : "bottom", s = X(de(e, kl(Te({}, l), {
     offset: Te({
-      [i]: (a = l.distance) != null ? a : 0
+      [r]: (n = l.distance) != null ? n : 0
     }, l.offset)
   })));
-  B(() => s.arrivedState[i], async (n) => {
+  B(() => s.arrivedState[r], async (a) => {
     var c, f;
-    if (n) {
+    if (a) {
       const u = C(e), v = {
         height: (c = u == null ? void 0 : u.scrollHeight) != null ? c : 0,
         width: (f = u == null ? void 0 : u.scrollWidth) != null ? f : 0
@@ -931,21 +931,21 @@ R.mounted + "";
 function Ae(e, t, l = {}) {
   const {
     root: o,
-    rootMargin: a = "0px",
-    threshold: i = 0.1,
+    rootMargin: n = "0px",
+    threshold: r = 0.1,
     window: s = M
-  } = l, n = Qe(() => s && "IntersectionObserver" in s);
+  } = l, a = Qe(() => s && "IntersectionObserver" in s);
   let c = z;
-  const f = n.value ? B(() => ({
+  const f = a.value ? B(() => ({
     el: P(e),
     root: P(o)
-  }), ({ el: v, root: r }) => {
+  }), ({ el: v, root: i }) => {
     if (c(), !v)
       return;
     const y = new IntersectionObserver(t, {
-      root: r,
-      rootMargin: a,
-      threshold: i
+      root: i,
+      rootMargin: n,
+      threshold: r
     });
     y.observe(v), c = () => {
       y.disconnect(), c = z;
@@ -954,7 +954,7 @@ function Ae(e, t, l = {}) {
     c(), f();
   };
   return G(u), {
-    isSupported: n,
+    isSupported: a,
     stop: u
   };
 }
@@ -983,30 +983,30 @@ function El(e) {
 }
 function Cl(e, t = !1) {
   const l = b(t);
-  let o = null, a;
-  B(Ut(e), (n) => {
-    if (n) {
-      const c = n;
-      a = c.style.overflow, l.value && (c.style.overflow = "hidden");
+  let o = null, n;
+  B(Ut(e), (a) => {
+    if (a) {
+      const c = a;
+      n = c.style.overflow, l.value && (c.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
-  const i = () => {
-    const n = C(e);
-    !n || l.value || (ee && (o = A(n, "touchmove", (c) => {
+  const r = () => {
+    const a = C(e);
+    !a || l.value || (ee && (o = A(a, "touchmove", (c) => {
       El(c);
-    }, { passive: !1 })), n.style.overflow = "hidden", l.value = !0);
+    }, { passive: !1 })), a.style.overflow = "hidden", l.value = !0);
   }, s = () => {
-    const n = C(e);
-    !n || !l.value || (ee && (o == null || o()), n.style.overflow = a, l.value = !1);
+    const a = C(e);
+    !a || !l.value || (ee && (o == null || o()), a.style.overflow = n, l.value = !1);
   };
   return G(s), x({
     get() {
       return l.value;
     },
-    set(n) {
-      n ? i() : s();
+    set(a) {
+      a ? r() : s();
     }
   });
 }
@@ -1017,8 +1017,8 @@ const Pl = () => {
     if (t.value = o.value, e)
       return;
     e = !0;
-    const a = Cl(l, o.value);
-    B(t, (i) => a.value = i);
+    const n = Cl(l, o.value);
+    B(t, (r) => n.value = r);
   };
 };
 Pl();
@@ -1058,26 +1058,26 @@ const Ye = ["medium", "small"], Jl = ["id", "tabindex", "aria-disabled", "aria-s
   },
   emits: ["update:modelValue", "close:dropdownList"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = b(), i = x(() => (r) => !o.modelValue && !r.value ? !1 : o.modelValue === r.label || o.modelValue === r.value);
-    function s(r) {
-      r.disabled || l("update:modelValue", r.label);
+    const o = e, n = b(), r = x(() => (i) => !o.modelValue && !i.value ? !1 : o.modelValue === i.label || o.modelValue === i.value);
+    function s(i) {
+      i.disabled || l("update:modelValue", i.label);
     }
-    function n() {
-      var r;
-      return Array.from(((r = a.value) == null ? void 0 : r.querySelectorAll("li")) || []);
+    function a() {
+      var i;
+      return Array.from(((i = n.value) == null ? void 0 : i.querySelectorAll("li")) || []);
     }
     function c() {
-      const r = n().find((y) => y.getAttribute("aria-selected") === "true");
-      r && (r.focus(), a.value.scrollTo({
-        top: r.offsetTop
+      const i = a().find((y) => y.getAttribute("aria-selected") === "true");
+      i && (i.focus(), n.value.scrollTo({
+        top: i.offsetTop
       }));
     }
     function f() {
-      return n().find((r) => r === document.activeElement);
+      return a().find((i) => i === document.activeElement);
     }
-    function u(r) {
+    function u(i) {
       var y;
-      if ((r.key === "Escape" || r.key === "Tab") && l("close:dropdownList"), (r.key === "Enter" || r.key === "enter") && (r.preventDefault(), f() && ((y = a.value) != null && y.contains(f())))) {
+      if ((i.key === "Escape" || i.key === "Tab") && l("close:dropdownList"), (i.key === "Enter" || i.key === "enter") && (i.preventDefault(), f() && ((y = n.value) != null && y.contains(f())))) {
         const d = f();
         if (!d)
           return;
@@ -1085,31 +1085,31 @@ const Ye = ["medium", "small"], Jl = ["id", "tabindex", "aria-disabled", "aria-s
           return d.querySelector("a").click();
         l("update:modelValue", d.dataLabel);
       }
-      if (r.key === " " && r.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key)) {
-        const d = n(), j = f();
+      if (i.key === " " && i.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key)) {
+        const d = a(), j = f();
         let S = d.indexOf(j);
         if (d.length) {
-          r.preventDefault(), r.key === "ArrowDown" ? S++ : r.key === "ArrowUp" ? S-- : r.key === "Home" ? S = 0 : r.key === "End" && (S = d.length - 1), S < 0 && (S = 0), S > d.length - 1 && (S = 0), v(d[S]);
+          i.preventDefault(), i.key === "ArrowDown" ? S++ : i.key === "ArrowUp" ? S-- : i.key === "Home" ? S = 0 : i.key === "End" && (S = d.length - 1), S < 0 && (S = 0), S > d.length - 1 && (S = 0), v(d[S]);
           return;
         }
       }
     }
-    function v(r) {
-      r.focus();
+    function v(i) {
+      i.focus();
     }
     return Z(() => {
       window.addEventListener("keydown", u), c();
     }), Ne(() => {
       window.removeEventListener("keydown", u);
     }), t({
-      isSelected: i
-    }), (r, y) => (m(), p("div", {
+      isSelected: r
+    }), (i, y) => (m(), p("div", {
       class: "joy-dropdown-list",
       style: K({ "max-width": `${e.width}px`, "max-height": `${e.height}px` })
     }, [
       h("ul", {
         ref_key: "listbox",
-        ref: a,
+        ref: n,
         role: "listbox",
         class: "joy-dropdown-list__items",
         style: K({ "max-height": `${e.height}px` })
@@ -1122,26 +1122,26 @@ const Ye = ["medium", "small"], Jl = ["id", "tabindex", "aria-disabled", "aria-s
             "joy-dropdown-list__item",
             `joy-dropdown-list__item--${e.size}`,
             {
-              "joy-dropdown-list__item--selected": _(i)(d),
+              "joy-dropdown-list__item--selected": _(r)(d),
               "joy-dropdown-list__item--disabled": d.disabled
             }
           ]),
           tabindex: d.disabled ? void 0 : 0,
           "aria-disabled": d.disabled,
-          "aria-selected": _(i)(d),
+          "aria-selected": _(r)(d),
           title: d.label,
           "aria-label": d.label,
           ".dataLabel": d.value || d.label,
           role: "option",
           onClick: (j) => s(d)
         }, [
-          g(r.$slots, "label", me(pe(d)), () => [
+          g(i.$slots, "label", me(pe(d)), () => [
             h("span", null, I(d.label), 1)
           ], !0)
         ], 14, Jl))), 128))
       ], 4),
-      r.$slots.footer ? (m(), p("footer", ql, [
-        g(r.$slots, "footer", {}, void 0, !0)
+      i.$slots.footer ? (m(), p("footer", ql, [
+        g(i.$slots, "footer", {}, void 0, !0)
       ])) : w("", !0)
     ], 4));
   }
@@ -1234,22 +1234,22 @@ const Al = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = b(!1), i = b(null), s = b(), n = b(null), c = b(null), f = b(!1), u = {
+    const o = e, n = b(!1), r = b(null), s = b(), a = b(null), c = b(null), f = b(!1), u = {
       ignore: [s, ".joy-dropdown__list"]
     };
     let v = null;
-    const r = X({
+    const i = X({
       left: "auto",
       top: "0px",
       right: "auto"
     });
     function y() {
       v && clearTimeout(v), f.value = !0, v = setTimeout(() => {
-        a.value = !1, f.value = !1;
+        n.value = !1, f.value = !1;
       }, 300);
     }
     function d(E) {
-      f.value = !1, v && clearTimeout(v), Y(), c.value = E.target, a.value = !0;
+      f.value = !1, v && clearTimeout(v), Y(), c.value = E.target, n.value = !0;
     }
     function j() {
       y(), S();
@@ -1259,16 +1259,16 @@ const Al = /* @__PURE__ */ $({
     }
     function Y() {
       const E = s.value.getBoundingClientRect(), O = document.documentElement.scrollTop + E.top, T = E.height, D = E.left, F = E.width;
-      o.justify === "left" ? r.left = D + "px" : r.left = D + F - parseInt(o.width) + "px", o.direction === "down" ? r.top = O + T + parseInt(o.dropdownGap) + "px" : r.top = O - (parseInt(o.height) + parseInt(o.dropdownGap)) + "px";
+      o.justify === "left" ? i.left = D + "px" : i.left = D + F - parseInt(o.width) + "px", o.direction === "down" ? i.top = O + T + parseInt(o.dropdownGap) + "px" : i.top = O - (parseInt(o.height) + parseInt(o.dropdownGap)) + "px";
     }
     function oe(E) {
       l("update:modelValue", E), o.closeOnSelect && (y(), S());
     }
     return zl(y), t({
-      showDropdownList: a
+      showDropdownList: n
     }), (E, O) => (m(), q(_(il), {
       ref_key: "dropdown",
-      ref: i,
+      ref: r,
       options: u,
       class: "joy-dropdown",
       onTrigger: y
@@ -1286,10 +1286,10 @@ const Al = /* @__PURE__ */ $({
           to: e.appendTo,
           disabled: e.disableTeleport
         }, [
-          a.value ? (m(), p("div", {
+          n.value ? (m(), p("div", {
             key: 0,
             ref_key: "list",
-            ref: n,
+            ref: a,
             class: k([
               "joy-dropdown__list",
               `joy-dropdown__list--${e.direction}`,
@@ -1299,8 +1299,8 @@ const Al = /* @__PURE__ */ $({
               }
             ]),
             style: K({
-              top: r.top,
-              left: r.left
+              top: i.top,
+              left: i.left
             })
           }, [
             fe(Xe, {
@@ -1394,13 +1394,13 @@ const Wl = [...pt], Ul = ["name"], Gl = { class: "joy-highlight--text" }, Kl = /
     const l = e, o = x(() => l.icon ? l.icon : Hl(l.level));
     return t({
       getRelevantIcon: o
-    }), (a, i) => (m(), p("div", {
+    }), (n, r) => (m(), p("div", {
       class: k([
         "joy-highlight",
         `joy-highlight_${e.level}`,
         {
           "joy-highlight__accent": e.accent,
-          "joy-highlight__titled": a.$slots["highlight-title"]
+          "joy-highlight__titled": n.$slots["highlight-title"]
         }
       ])
     }, [
@@ -1410,9 +1410,9 @@ const Wl = [...pt], Ul = ["name"], Gl = { class: "joy-highlight--text" }, Kl = /
       }, null, 8, Ul)) : w("", !0),
       h("div", Gl, [
         h("strong", null, [
-          g(a.$slots, "highlight-title", {}, void 0, !0)
+          g(n.$slots, "highlight-title", {}, void 0, !0)
         ]),
-        g(a.$slots, "default", {}, void 0, !0)
+        g(n.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -1518,19 +1518,19 @@ const N = /* @__PURE__ */ V(eo, [["__scopeId", "data-v-1e682734"]]), to = ["larg
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, o = b(), a = b(), i = Re(), s = W(), n = b(!1), c = x(() => l.clearable && l.modelValue.length > 0 && !l.unit), f = x(() => s.default && s.default()), u = x(() => {
+    const l = e, o = b(), n = b(), r = Re(), s = W(), a = b(!1), c = x(() => l.clearable && l.modelValue.length > 0 && !l.unit), f = x(() => s.default && s.default()), u = x(() => {
       var y, d;
-      return !!((y = a.value) != null && y.closest("joy-wrapper")) || !!((d = a.value) != null && d.closest(".joy-wrapper"));
+      return !!((y = n.value) != null && y.closest("joy-wrapper")) || !!((d = n.value) != null && d.closest(".joy-wrapper"));
     }), v = b(l.type);
     st(() => {
       v.value = l.unit ? "number" : l.unit || "text";
     });
-    const r = {
+    const i = {
       onFocus: () => {
-        n.value = !0;
+        a.value = !0;
       },
       onBlur: () => {
-        n.value = !1;
+        a.value = !1;
       },
       onInput: (y) => {
         let d = y.target.value;
@@ -1542,17 +1542,17 @@ const N = /* @__PURE__ */ V(eo, [["__scopeId", "data-v-1e682734"]]), to = ["larg
     };
     return (y, d) => (m(), p("div", {
       ref_key: "root",
-      ref: a,
+      ref: n,
       class: k([`joy-input--${l.size}`])
     }, [
       h("div", {
         class: k([
           "joy-input",
           {
-            "joy-input--focusing": n.value,
+            "joy-input--focusing": a.value,
             "joy-input--disabled": e.disabled,
             "joy-input--invalid": e.invalid,
-            "joy-input--valid": !e.invalid && !_(i).disabled
+            "joy-input--valid": !e.invalid && !_(r).disabled
           }
         ])
       }, [
@@ -1595,11 +1595,11 @@ const N = /* @__PURE__ */ V(eo, [["__scopeId", "data-v-1e682734"]]), to = ["larg
             type: v.value,
             value: e.modelValue,
             onFocus: d[0] || (d[0] = //@ts-ignore
-            (...j) => r.onFocus && r.onFocus(...j)),
+            (...j) => i.onFocus && i.onFocus(...j)),
             onBlur: d[1] || (d[1] = //@ts-ignore
-            (...j) => r.onBlur && r.onBlur(...j)),
+            (...j) => i.onBlur && i.onBlur(...j)),
             onInput: d[2] || (d[2] = //@ts-ignore
-            (...j) => r.onInput && r.onInput(...j))
+            (...j) => i.onInput && i.onInput(...j))
           }), null, 16, lo),
           _(c) ? (m(), p("joy-icon", {
             key: 0,
@@ -1607,7 +1607,7 @@ const N = /* @__PURE__ */ V(eo, [["__scopeId", "data-v-1e682734"]]), to = ["larg
             name: "cross",
             class: "joy-input--clear",
             onClick: d[3] || (d[3] = //@ts-ignore
-            (...j) => r.clearValue && r.clearValue(...j))
+            (...j) => i.clearValue && i.clearValue(...j))
           })) : w("", !0),
           e.icon && !e.clearable ? (m(), p("joy-icon", {
             key: 1,
@@ -1643,7 +1643,7 @@ const io = /* @__PURE__ */ V(ao, [["__scopeId", "data-v-8258d6d7"]]), ro = ["tea
   },
   setup(e) {
     const t = e, l = x(() => t.color === "white" ? "white" : "teal");
-    return (o, a) => (m(), p("a", Q({ href: e.href }, o.$attrs, {
+    return (o, n) => (m(), p("a", Q({ href: e.href }, o.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
       e.icon ? (m(), p("joy-icon", {
@@ -1697,14 +1697,14 @@ const fo = /* @__PURE__ */ V(co, [["__scopeId", "data-v-7ef59bc8"]]), yo = ["id"
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const l = e;
-    function o(i) {
-      return l.value.includes(i.value);
+    function o(r) {
+      return l.value.includes(r.value);
     }
-    function a(i, s) {
-      let n = [...l.value || []];
-      s ? n.push(i) : n.splice(n.indexOf(i), 1), t("update:value", n);
+    function n(r, s) {
+      let a = [...l.value || []];
+      s ? a.push(r) : a.splice(a.indexOf(r), 1), t("update:value", a);
     }
-    return (i, s) => (m(), p("fieldset", {
+    return (r, s) => (m(), p("fieldset", {
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
@@ -1721,17 +1721,17 @@ const fo = /* @__PURE__ */ V(co, [["__scopeId", "data-v-7ef59bc8"]]), yo = ["id"
         _: 1
       }, 8, ["required", "optional-label", "size"])) : w("", !0),
       h("div", vo, [
-        (m(!0), p(ye, null, ve(e.options, (n) => (m(), q(_(he), {
-          id: n.id,
-          key: n.id,
-          name: n.name,
-          value: n.value,
-          checked: o(n),
-          "onUpdate:checked": (c) => a(n.value, c)
+        (m(!0), p(ye, null, ve(e.options, (a) => (m(), q(_(he), {
+          id: a.id,
+          key: a.id,
+          name: a.name,
+          value: a.value,
+          checked: o(a),
+          "onUpdate:checked": (c) => n(a.value, c)
         }, {
           default: L(() => [
-            g(i.$slots, "checkbox", me(pe(n)), () => [
-              J(I(n.label), 1)
+            g(r.$slots, "checkbox", me(pe(a)), () => [
+              J(I(a.label), 1)
             ], !0)
           ]),
           _: 2
@@ -1774,37 +1774,34 @@ const po = /* @__PURE__ */ V(mo, [["__scopeId", "data-v-f4301a1f"]]), ho = ["sma
     }
   },
   setup(e) {
-    const t = W(), l = b(), o = x(() => {
-      var i;
-      return (i = l.value) == null ? void 0 : i.closest(".joy-wrapper");
-    }), a = x(() => t["panel-title"] || t["panel-subtitle"] || t["panel-title-action"]);
-    return (i, s) => (m(), p("section", {
+    const t = W(), l = b(), o = x(() => t["panel-title"] || t["panel-subtitle"] || t["panel-title-action"]);
+    return (n, r) => (m(), p("section", {
       ref_key: "panel",
       ref: l,
       style: K({ flex: e.flex }),
-      class: k(["joy-panel", `joy-panel--${e.padding}`, { "joy-panel--no-margin": e.noMargin || _(o) }])
+      class: k(["joy-panel", `joy-panel--${e.padding}`, { "joy-panel--no-margin": e.noMargin }])
     }, [
-      _(a) ? (m(), p("header", bo, [
+      _(o) ? (m(), p("header", bo, [
         _(t)["panel-title"] ? (m(), p("div", go, [
-          g(i.$slots, "panel-title", {}, void 0, !0)
+          g(n.$slots, "panel-title", {}, void 0, !0)
         ])) : w("", !0),
-        _(t)["panel-action"] ? (m(), p("div", _o, [
-          g(i.$slots, "panel-title-action", {}, void 0, !0)
+        _(t)["panel-title-action"] ? (m(), p("div", _o, [
+          g(n.$slots, "panel-title-action", {}, void 0, !0)
         ])) : w("", !0),
         _(t)["panel-subtitle"] ? (m(), p("div", wo, [
-          g(i.$slots, "panel-subtitle", {}, void 0, !0)
+          g(n.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : w("", !0)
       ])) : w("", !0),
       h("div", So, [
-        g(i.$slots, "panel-body", {}, void 0, !0)
+        g(n.$slots, "panel-body", {}, void 0, !0)
       ]),
       _(t)["panel-action"] ? (m(), p("footer", jo, [
-        g(i.$slots, "panel-action", {}, void 0, !0)
+        g(n.$slots, "panel-action", {}, void 0, !0)
       ])) : w("", !0)
     ], 6));
   }
 });
-const $o = /* @__PURE__ */ V(ko, [["__scopeId", "data-v-54ce815b"]]), Vo = { class: "joy-panel-section" }, xo = {
+const $o = /* @__PURE__ */ V(ko, [["__scopeId", "data-v-1aadee0b"]]), Vo = { class: "joy-panel-section" }, xo = {
   key: 0,
   class: "joy-panel-section__title"
 }, Oo = {
@@ -1860,9 +1857,9 @@ const Bo = /* @__PURE__ */ V(Io, [["__scopeId", "data-v-d88510ab"]]), Lo = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = b(!1), i = b(!1), s = b(null), n = b(null), c = W(), f = x(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
+    const o = e, n = b(!1), r = b(!1), s = b(null), a = b(null), c = W(), f = x(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
     function u() {
-      a.value = !!c["expandable-content"] && f.value;
+      n.value = !!c["expandable-content"] && f.value;
     }
     function v() {
       l("update:modelValue", o.value), u();
@@ -1870,11 +1867,11 @@ const Bo = /* @__PURE__ */ V(Io, [["__scopeId", "data-v-d88510ab"]]), Lo = ["id"
     Z(() => {
       o.theme === "outline" && u();
     });
-    function r() {
-      i.value = !0;
+    function i() {
+      r.value = !0;
     }
     function y() {
-      i.value = !1;
+      r.value = !1;
     }
     return B(
       () => o.modelValue,
@@ -1883,7 +1880,7 @@ const Bo = /* @__PURE__ */ V(Io, [["__scopeId", "data-v-d88510ab"]]), Lo = ["id"
       }
     ), t({
       checked: f,
-      isExpanded: a
+      isExpanded: n
     }), (d, j) => (m(), p("label", {
       ref_key: "root",
       ref: s,
@@ -1894,8 +1891,8 @@ const Bo = /* @__PURE__ */ V(Io, [["__scopeId", "data-v-d88510ab"]]), Lo = ["id"
           "joy-radio--checked": _(f),
           "joy-radio--disabled": e.disabled,
           "joy-radio--invalid": e.invalid,
-          "joy-radio--outline-focus": i.value && e.theme === "outline",
-          "joy-radio--focus": i.value && e.theme === "default"
+          "joy-radio--outline-focus": r.value && e.theme === "outline",
+          "joy-radio--focus": r.value && e.theme === "default"
         }
       ])
     }, [
@@ -1908,7 +1905,7 @@ const Bo = /* @__PURE__ */ V(Io, [["__scopeId", "data-v-d88510ab"]]), Lo = ["id"
         required: e.required,
         name: e.name,
         onChange: v,
-        onFocus: r,
+        onFocus: i,
         onBlur: y
       }, null, 40, Lo),
       h("span", Eo, [
@@ -1920,8 +1917,8 @@ const Bo = /* @__PURE__ */ V(Io, [["__scopeId", "data-v-d88510ab"]]), Lo = ["id"
         ]),
         h("div", {
           ref_key: "expandableElement",
-          ref: n,
-          class: k(["joy-radio-expandable", { "joy-radio-expandable--expanded": a.value }])
+          ref: a,
+          class: k(["joy-radio-expandable", { "joy-radio-expandable--expanded": n.value }])
         }, [
           g(d.$slots, "expandable-content", {}, void 0, !0)
         ], 2)
@@ -2004,15 +2001,15 @@ const Ao = /* @__PURE__ */ V(zo, [["__scopeId", "data-v-de56c3c4"]]), Fo = (e) =
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, o = b(), a = b(), i = W(), s = b(!1);
+    const l = e, o = b(), n = b(), r = W(), s = b(!1);
     Z(() => {
-      var r;
-      const u = i.label && i.label();
+      var i;
+      const u = r.label && r.label();
       if (!u || !u.length)
         return;
       const v = u[0];
       if (v.type === "JoyLabel") {
-        const y = (r = v.props) == null ? void 0 : r.for;
+        const y = (i = v.props) == null ? void 0 : i.for;
         if (!y) {
           console.warn("JoyLabel for attribute is missing");
           return;
@@ -2020,7 +2017,7 @@ const Ao = /* @__PURE__ */ V(zo, [["__scopeId", "data-v-de56c3c4"]]), Fo = (e) =
         y !== l.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
-    function n(u) {
+    function a(u) {
       const v = u.target.value;
       t("update:modelValue", v);
     }
@@ -2059,14 +2056,14 @@ const Ao = /* @__PURE__ */ V(zo, [["__scopeId", "data-v-de56c3c4"]]), Fo = (e) =
         h("select", {
           id: e.id || e.name,
           ref_key: "select",
-          ref: a,
+          ref: n,
           class: "joy-select",
           name: e.name,
           "aria-invalid": e.invalid,
           required: e.required,
           disabled: e.disabled,
           value: e.modelValue,
-          onInput: n,
+          onInput: a,
           onFocus: c,
           onBlur: f
         }, [
@@ -2114,7 +2111,7 @@ const No = /* @__PURE__ */ V(Mo, [["__scopeId", "data-v-d251a432"]]), Ho = ["ari
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const l = e, o = b(l.checked), a = b(), i = b(!1), s = l.multiple ? "div" : "label", n = {
+    const l = e, o = b(l.checked), n = b(), r = b(!1), s = l.multiple ? "div" : "label", a = {
       onRadioChange: () => {
         t("update:checked", l.value);
       },
@@ -2125,10 +2122,10 @@ const No = /* @__PURE__ */ V(Mo, [["__scopeId", "data-v-d251a432"]]), Ho = ["ari
         l.multiple || f.stopPropagation();
       },
       onFocus: () => {
-        i.value = !0;
+        r.value = !0;
       },
       onBlur: () => {
-        i.value = !1;
+        r.value = !1;
       }
     };
     function c(f) {
@@ -2138,18 +2135,18 @@ const No = /* @__PURE__ */ V(Mo, [["__scopeId", "data-v-d251a432"]]), Ho = ["ari
       class: k([
         "joy-selectable-item__wrapper",
         {
-          "joy-selectable-item--focusing": i.value
+          "joy-selectable-item--focusing": r.value
         }
       ]),
       "aria-disabled": e.disabled,
       onClick: u[4] || (u[4] = //@ts-ignore
-      (...v) => n.onClick && n.onClick(...v))
+      (...v) => a.onClick && a.onClick(...v))
     }, [
       e.multiple ? w("", !0) : (m(), p("input", {
         key: 0,
         id: e.id,
         ref_key: "inputRadio",
-        ref: a,
+        ref: n,
         type: "radio",
         value: e.value,
         checked: e.checked,
@@ -2157,11 +2154,11 @@ const No = /* @__PURE__ */ V(Mo, [["__scopeId", "data-v-d251a432"]]), Ho = ["ari
         required: e.required,
         name: e.name,
         onChange: u[0] || (u[0] = //@ts-ignore
-        (...v) => n.onRadioChange && n.onRadioChange(...v)),
+        (...v) => a.onRadioChange && a.onRadioChange(...v)),
         onFocus: u[1] || (u[1] = //@ts-ignore
-        (...v) => n.onFocus && n.onFocus(...v)),
+        (...v) => a.onFocus && a.onFocus(...v)),
         onBlur: u[2] || (u[2] = //@ts-ignore
-        (...v) => n.onBlur && n.onBlur(...v))
+        (...v) => a.onBlur && a.onBlur(...v))
       }, null, 40, Wo)),
       (m(), q(ce(_(s)), {
         for: e.id,
@@ -2174,7 +2171,7 @@ const No = /* @__PURE__ */ V(Mo, [["__scopeId", "data-v-d251a432"]]), Ho = ["ari
             "joy-selectable-item--single": !e.multiple
           }
         ]),
-        onClick: n.onLabelClick
+        onClick: a.onLabelClick
       }, {
         default: L(() => [
           e.multiple ? (m(), q(_(he), {
@@ -2190,8 +2187,8 @@ const No = /* @__PURE__ */ V(Mo, [["__scopeId", "data-v-d251a432"]]), Ho = ["ari
             name: e.name,
             "display-focus": !1,
             required: e.required,
-            onFocus: n.onFocus,
-            onBlur: n.onBlur
+            onFocus: a.onFocus,
+            onBlur: a.onBlur
           }, {
             default: L(() => [
               g(f.$slots, "default", {}, void 0, !0)
@@ -2252,16 +2249,16 @@ const tt = /* @__PURE__ */ V(Uo, [["__scopeId", "data-v-cb2531c0"]]), Go = ["id"
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const l = e;
-    function o(i) {
-      return typeof l.value == "string" ? l.value === i.value : (l.value || []).includes(i.value);
+    function o(r) {
+      return typeof l.value == "string" ? l.value === r.value : (l.value || []).includes(r.value);
     }
-    function a(i, s) {
+    function n(r, s) {
       if (!l.multiple)
         return t("update:value", s);
-      let n = [...l.value || []];
-      s && typeof s == "boolean" ? n.push(i) : n.splice(n.indexOf(i), 1), t("update:value", n);
+      let a = [...l.value || []];
+      s && typeof s == "boolean" ? a.push(r) : a.splice(a.indexOf(r), 1), t("update:value", a);
     }
-    return (i, s) => (m(), p("fieldset", {
+    return (r, s) => (m(), p("fieldset", {
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
@@ -2287,24 +2284,24 @@ const tt = /* @__PURE__ */ V(Uo, [["__scopeId", "data-v-cb2531c0"]]), Go = ["id"
           }
         ])
       }, [
-        (m(!0), p(ye, null, ve(e.options, (n) => (m(), q(_(tt), {
-          id: n.id,
-          key: n.id,
-          name: n.name,
-          value: n.value,
+        (m(!0), p(ye, null, ve(e.options, (a) => (m(), q(_(tt), {
+          id: a.id,
+          key: a.id,
+          name: a.name,
+          value: a.value,
           multiple: e.multiple,
-          checked: o(n),
-          "onUpdate:checked": (c) => a(n.value, c)
+          checked: o(a),
+          "onUpdate:checked": (c) => n(a.value, c)
         }, ut({
           default: L(() => [
-            J(I(n.label) + " ", 1)
+            J(I(a.label) + " ", 1)
           ]),
           _: 2
         }, [
-          n.subLabel ? {
+          a.subLabel ? {
             name: "selectable-item-sublabel",
             fn: L(() => [
-              J(I(n.subLabel), 1)
+              J(I(a.subLabel), 1)
             ]),
             key: "0"
           } : void 0
@@ -2378,20 +2375,20 @@ const Yo = /* @__PURE__ */ V(Zo, [["__scopeId", "data-v-477e149b"]]), Xo = { cla
   },
   setup(e) {
     const t = e, l = W(), o = x(() => !!l["template-back"] || !!l["template-title"] || !!l["template-subtitle"]);
-    return (a, i) => (m(), p("main", {
+    return (n, r) => (m(), p("main", {
       class: k(["joy-template", { "joy-template--full": t.full }])
     }, [
       h("div", Xo, [
         _(o) ? (m(), p("div", en, [
           _(l)["template-back"] ? (m(), p("div", tn, [
-            g(a.$slots, "template-back", {}, void 0, !0)
+            g(n.$slots, "template-back", {}, void 0, !0)
           ])) : w("", !0),
           h("div", ln, [
             _(l)["template-title"] ? (m(), p("div", on, [
-              g(a.$slots, "template-title", {}, void 0, !0)
+              g(n.$slots, "template-title", {}, void 0, !0)
             ])) : w("", !0),
             _(l)["template-subtitle"] ? (m(), p("div", nn, [
-              g(a.$slots, "template-subtitle", {}, void 0, !0)
+              g(n.$slots, "template-subtitle", {}, void 0, !0)
             ])) : w("", !0)
           ])
         ])) : w("", !0),
@@ -2403,11 +2400,11 @@ const Yo = /* @__PURE__ */ V(Zo, [["__scopeId", "data-v-477e149b"]]), Xo = { cla
             }
           ])
         }, [
-          a.$slots["template-main"] ? (m(), p("div", an, [
-            g(a.$slots, "template-main", {}, void 0, !0)
+          n.$slots["template-main"] ? (m(), p("div", an, [
+            g(n.$slots, "template-main", {}, void 0, !0)
           ])) : w("", !0),
-          a.$slots["template-sidebar"] ? (m(), p("div", rn, [
-            g(a.$slots, "template-sidebar", {}, void 0, !0)
+          n.$slots["template-sidebar"] ? (m(), p("div", rn, [
+            g(n.$slots, "template-sidebar", {}, void 0, !0)
           ])) : w("", !0)
         ], 2)
       ])
@@ -2471,24 +2468,24 @@ const un = /* @__PURE__ */ V(sn, [["__scopeId", "data-v-f891bd85"]]), dn = ["ari
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, a = b(), { triggerResize: i } = el({
-      element: o.autogrow ? a : void 0
-    }), s = b(!1), n = b(!1), c = x(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), f = x(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
+    const o = e, n = b(), { triggerResize: r } = el({
+      element: o.autogrow ? n : void 0
+    }), s = b(!1), a = b(!1), c = x(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), f = x(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
       onInput: (v) => {
-        l("update:modelValue", v.target.value), i();
+        l("update:modelValue", v.target.value), r();
       },
       onBlur: () => {
-        n.value = !1, s.value = c.value || f.value;
+        a.value = !1, s.value = c.value || f.value;
       },
       onFocus: () => {
-        n.value = !0;
+        a.value = !0;
       }
     };
     return t({
       isInvalid: s,
       valueOverMaxlength: c,
       valueUnderMinlength: f
-    }), (v, r) => (m(), p("div", {
+    }), (v, i) => (m(), p("div", {
       "aria-disabled": e.disabled,
       class: k([
         "joy-textarea",
@@ -2496,7 +2493,7 @@ const un = /* @__PURE__ */ V(sn, [["__scopeId", "data-v-f891bd85"]]), dn = ["ari
           "joy-textarea_invalid": s.value || e.invalid,
           "joy-textarea_disabled": e.disabled,
           "joy-textarea_autogrow": e.autogrow,
-          "joy-textarea_focusing": n.value
+          "joy-textarea_focusing": a.value
         }
       ])
     }, [
@@ -2517,18 +2514,18 @@ const un = /* @__PURE__ */ V(sn, [["__scopeId", "data-v-f891bd85"]]), dn = ["ari
         h("textarea", Q(v.$attrs, {
           id: e.id,
           ref_key: "textarea",
-          ref: a,
+          ref: n,
           class: "joy-native-textarea",
           disabled: e.disabled,
           name: e.name,
           required: e.required,
           minlength: e.minlength,
           value: e.modelValue,
-          onInput: r[0] || (r[0] = //@ts-ignore
+          onInput: i[0] || (i[0] = //@ts-ignore
           (...y) => u.onInput && u.onInput(...y)),
-          onFocus: r[1] || (r[1] = //@ts-ignore
+          onFocus: i[1] || (i[1] = //@ts-ignore
           (...y) => u.onFocus && u.onFocus(...y)),
-          onBlur: r[2] || (r[2] = //@ts-ignore
+          onBlur: i[2] || (i[2] = //@ts-ignore
           (...y) => u.onBlur && u.onBlur(...y))
         }), null, 16, fn)
       ]),
@@ -2596,9 +2593,9 @@ const pn = /* @__PURE__ */ V(mn, [["__scopeId", "data-v-1496c389"]]), lt = (e) =
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const l = b(!1), o = {
-      onChange: (a) => {
-        const i = a.target.checked;
-        t("update:modelValue", i);
+      onChange: (n) => {
+        const r = n.target.checked;
+        t("update:modelValue", r);
       },
       onFocus: () => {
         l.value = !0;
@@ -2607,7 +2604,7 @@ const pn = /* @__PURE__ */ V(mn, [["__scopeId", "data-v-1496c389"]]), lt = (e) =
         l.value = !1;
       }
     };
-    return (a, i) => (m(), p("div", hn, [
+    return (n, r) => (m(), p("div", hn, [
       h("label", {
         class: k([
           "joy-toggle",
@@ -2629,17 +2626,17 @@ const pn = /* @__PURE__ */ V(mn, [["__scopeId", "data-v-1496c389"]]), lt = (e) =
           required: e.required,
           "aria-checked": e.modelValue,
           value: e.value,
-          onChange: i[0] || (i[0] = //@ts-ignore
+          onChange: r[0] || (r[0] = //@ts-ignore
           (...s) => o.onChange && o.onChange(...s)),
-          onFocus: i[1] || (i[1] = //@ts-ignore
+          onFocus: r[1] || (r[1] = //@ts-ignore
           (...s) => o.onFocus && o.onFocus(...s)),
-          onBlur: i[2] || (i[2] = //@ts-ignore
+          onBlur: r[2] || (r[2] = //@ts-ignore
           (...s) => o.onBlur && o.onBlur(...s))
         }, null, 40, bn),
         h("p", gn, [
           _n,
           h("span", wn, [
-            g(a.$slots, "default", {}, () => [
+            g(n.$slots, "default", {}, () => [
               J(I(e.label), 1)
             ], !0)
           ]),