@maltjoy/core-vue 3.14.0 → 3.15.0

package/dist/joy-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, computed as V, openBlock as s, createElementBlock as m, normalizeClass as S, createElementVNode as _, Fragment as H, createTextVNode as B, toDisplayString as L, createCommentVNode as h, createBlock as C, resolveDynamicComponent as oe, mergeProps as K, withCtx as O, pushScopeId as se, popScopeId as ue, renderSlot as g, unref as j, renderList as G, createStaticVNode as tt, useAttrs as we, ref as w, createVNode as R, getCurrentScope as _t, onScopeDispose as ht, getCurrentInstance as gt, onMounted as Q, nextTick as lt, watch as P, h as bt, reactive as pe, onBeforeUnmount as Se, normalizeStyle as Z, normalizeProps as $e, guardReactiveProps as je, provide as ke, createSlots as at, inject as de, useSlots as Y, onBeforeMount as wt, withModifiers as St } from "vue";
+import { defineComponent as $, computed as V, openBlock as s, createElementBlock as m, normalizeClass as S, createElementVNode as _, Fragment as H, createTextVNode as B, toDisplayString as L, createCommentVNode as h, createBlock as C, resolveDynamicComponent as oe, mergeProps as K, withCtx as O, pushScopeId as se, popScopeId as ue, renderSlot as g, unref as j, renderList as U, createStaticVNode as tt, useAttrs as we, ref as w, createVNode as R, getCurrentScope as _t, onScopeDispose as ht, getCurrentInstance as gt, onMounted as Q, nextTick as lt, watch as P, h as bt, reactive as pe, onBeforeUnmount as Se, normalizeStyle as Z, normalizeProps as $e, guardReactiveProps as je, provide as ke, createSlots as at, inject as de, useSlots as Y, onBeforeMount as wt, withModifiers as St } from "vue";
 const $t = ["title"], jt = /* @__PURE__ */ $({
   __name: "VJoyAvailability",
   props: {
@@ -245,7 +245,7 @@ const D = (e) => (se("data-v-f258a344"), e = e(), ue(), e), qt = { class: "joy-b
     fill: "#FFC200",
     d: "M.00241952 6.50818C.00887156 4.89669.639559 3.38347 1.77754 2.24877c.8186-.8155 1.82835-1.366202 2.926-1.608251h.00081c.04516-.009747.09113-.019494.1371-.028429.00565-.001625.0121-.002437.01775-.004061.04032-.008123.08065-.015433.12097-.021931.0113-.001624.02259-.004061.03388-.005686.03548-.005685.07097-.011371.10726-.016245.01613-.002436.03146-.004873.04759-.006498.03064-.004873.0629-.008934.09436-.012995.01935-.002437.03871-.004874.05887-.006498.02823-.003249.05646-.006498.08549-.008935.02178-.002437.04436-.004874.06694-.006498.02581-.002437.05242-.004061.07823-.006498.0242-.001625.0492-.003249.07339-.004874.0242-.001624.0492-.003249.0742-.004061.02581-.001624.05081-.002437.07662-.003249.0242-.000812.04839-.001624.07259-.002437C5.87539.500812 5.9004.500812 5.92621.5h.07419c.0242 0 .0492 0 .0734.000812.0258 0 .05161.000812.07661.001625.0242.000812.04839.001624.07259.002436.02581 0 .05162.001625.07742.002437.02501.000812.0492.002437.0742.004061.0242.001625.0492.003249.07339.004874.02581.001624.05243.004061.07824.006498.02177.001624.04435.004061.06694.006498.02822.002437.05645.005686.08549.008935.01935.002436.03871.004061.05887.006498.03145.004061.06291.008122.09436.012183.01613.002437.03145.004874.04758.00731.03549.004874.07098.01056.10646.017058.01129.001624.02259.003249.03388.004873.04032.00731.08065.014621.12097.021931.00565.000812.0121.002436.01775.003249.04597.009747.09194.018681.1371.029241h.00081c1.09846.242861 2.1082.792751 2.92604 1.608251 1.1379 1.1347 1.7686 2.64792 1.7751 4.25941L12 7.00284l-.0016.41506L6.0004 13.5.00161301 7.4179 0 7.00284l.00241952-.49466Z"
   })
-], -1)), Ut = /* @__PURE__ */ D(() => /* @__PURE__ */ _("defs", null, [
+], -1)), Gt = /* @__PURE__ */ D(() => /* @__PURE__ */ _("defs", null, [
   /* @__PURE__ */ _("clipPath", { id: "a" }, [
     /* @__PURE__ */ _("path", {
       fill: "#fff",
@@ -253,9 +253,9 @@ const D = (e) => (se("data-v-f258a344"), e = e(), ue(), e), qt = { class: "joy-b
       transform: "translate(0 .5)"
     })
   ])
-], -1)), Gt = [
+], -1)), Ut = [
   Wt,
-  Ut
+  Gt
 ], Zt = {
   key: 2,
   class: "joy-badge-level__high-potential-auto",
@@ -349,14 +349,14 @@ const D = (e) => (se("data-v-f258a344"), e = e(), ue(), e), qt = { class: "joy-b
       }
     });
     return (a, o) => (s(), m("span", qt, [
-      e.type === j(J).SUPER_MALTER ? (s(!0), m(H, { key: 0 }, G(e.superMalterLevel, (i, r) => (s(), m("svg", {
+      e.type === j(J).SUPER_MALTER ? (s(!0), m(H, { key: 0 }, U(e.superMalterLevel, (i, r) => (s(), m("svg", {
         key: r,
         class: "joy-badge-level__supermalter",
         xmlns: "http://www.w3.org/2000/svg",
         fill: "none",
         viewBox: "0 0 12 18"
       }, Ht))), 128)) : h("", !0),
-      e.type === j(J).HIGH_POTENTIAL ? (s(), m("svg", Dt, Gt)) : h("", !0),
+      e.type === j(J).HIGH_POTENTIAL ? (s(), m("svg", Dt, Ut)) : h("", !0),
       e.type === j(J).HIGH_POTENTIAL_AUTO ? (s(), m("svg", Zt, el)) : h("", !0),
       e.type === j(J).MALT_LINKER ? (s(), m("svg", tl, al)) : h("", !0),
       e.type === j(ie).HIGH_POTENTIAL ? (s(), m("svg", ol, rl)) : h("", !0),
@@ -394,8 +394,33 @@ const ul = /* @__PURE__ */ k(sl, [["__scopeId", "data-v-f258a344"]]), dl = ["tea
   }
 });
 const Ve = /* @__PURE__ */ k(cl, [["__scopeId", "data-v-616a29d0"]]), fl = ["primary", "secondary"], yl = ["neutral", "success", "info", "warning", "error"], vl = ["main", "admin", "ghost", "white"], pl = [...fl, ...vl], ml = ["large", "medium", "small", "xsmall", "xxsmall"];
-let ot = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((l, t) => (t &= 63, t < 36 ? l += t.toString(36) : t < 62 ? l += (t - 26).toString(36).toUpperCase() : t > 62 ? l += "-" : l += "_", l), "");
-const _l = /* @__PURE__ */ $({
+function _l(e) {
+  let l;
+  switch (e) {
+    case "error":
+      l = "warning-triangle";
+      break;
+    case "success":
+      l = "check";
+      break;
+    default:
+      l = "info-circle";
+  }
+  return l;
+}
+function hl(e) {
+  if (!e) {
+    console.warn("Missing ref element for focusOnFirstFocusableFormField use");
+    return;
+  }
+  let l = ["input", "textarea", "select"];
+  const t = (e.value ?? e).querySelectorAll(l.join(","));
+  if (t.length)
+    return t[0].focus();
+}
+const ot = function(e = 10) {
+  return Math.random().toString(36).substring(2, e + 2);
+}, gl = /* @__PURE__ */ $({
   __name: "VJoyButton",
   props: {
     /**
@@ -443,9 +468,9 @@ const _l = /* @__PURE__ */ $({
       }
     }
   },
-  setup(e) {
-    const l = e, t = we(), a = "joy-button--" + ot(), o = V(() => {
-      switch (l.size) {
+  setup(e, { expose: l }) {
+    const t = e, a = we(), o = "joy-button--" + ot(), i = V(() => {
+      switch (t.size) {
         case "xxsmall":
           return "xxsmall";
         case "xsmall":
@@ -455,10 +480,10 @@ const _l = /* @__PURE__ */ $({
         default:
           return "small";
       }
-    }), i = V(() => ["white", "ghost", "secondary"].includes(l.variant) ? "teal" : "white");
-    return (r, n) => (s(), C(oe(j(t).href ? "a" : "button"), {
-      disabled: e.loading || j(t).disabled,
-      type: j(t).type || "button",
+    }), r = V(() => ["white", "ghost", "secondary"].includes(t.variant) ? "teal" : "white");
+    return l({ randomId: o }), (n, c) => (s(), C(oe(j(a).href ? "a" : "button"), {
+      disabled: e.loading || j(a).disabled,
+      type: j(a).type || "button",
       class: S([
         "joy-button",
         `joy-button_${e.variant}`,
@@ -468,25 +493,25 @@ const _l = /* @__PURE__ */ $({
           "joy-button_loading": e.loading
         }
       ]),
-      "aria-labelledby": (r.$slots.default || e.label) && a
+      "aria-labelledby": (n.$slots.default || e.label) && o
     }, {
       default: O(() => [
         e.icon && e.iconPosition === "left" ? (s(), C(E, {
           key: 0,
           class: "joy-button_icon joy-button_icon--left",
           name: e.icon,
-          size: o.value,
+          size: i.value,
           "aria-hidden": "true"
         }, null, 8, ["name", "size"])) : h("", !0),
         e.loading ? (s(), C(Ve, {
           key: 1,
-          color: i.value
+          color: r.value
         }, null, 8, ["color"])) : h("", !0),
         _("span", {
-          id: a,
+          id: o,
           class: "joy-button--slot"
         }, [
-          g(r.$slots, "default", {}, () => [
+          g(n.$slots, "default", {}, () => [
             B(L(e.label), 1)
           ], !0)
         ]),
@@ -494,7 +519,7 @@ const _l = /* @__PURE__ */ $({
           key: 2,
           class: "joy-button_icon joy-button_icon--right",
           name: e.icon,
-          size: o.value,
+          size: i.value,
           "aria-hidden": "true"
         }, null, 8, ["name", "size"])) : h("", !0)
       ]),
@@ -502,7 +527,7 @@ const _l = /* @__PURE__ */ $({
     }, 8, ["disabled", "type", "class", "aria-labelledby"]));
   }
 });
-const xe = /* @__PURE__ */ k(_l, [["__scopeId", "data-v-41fbf260"]]), hl = ["aria-checked", "aria-hidden"], gl = { class: "joy-checkbox__input-wrapper" }, bl = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], wl = { class: "joy-checkbox__content-wrapper" }, Sl = { class: "joy-checkbox__content" }, $l = /* @__PURE__ */ $({
+const xe = /* @__PURE__ */ k(gl, [["__scopeId", "data-v-a1870b08"]]), bl = ["aria-checked", "aria-hidden"], wl = { class: "joy-checkbox__input-wrapper" }, Sl = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], $l = { class: "joy-checkbox__content-wrapper" }, jl = { class: "joy-checkbox__content" }, kl = /* @__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 */
@@ -588,7 +613,7 @@ const xe = /* @__PURE__ */ k(_l, [["__scopeId", "data-v-41fbf260"]]), hl = ["ari
           }
         ])
       }, [
-        _("div", gl, [
+        _("div", wl, [
           _("input", {
             id: e.id,
             ref_key: "input",
@@ -609,21 +634,21 @@ const xe = /* @__PURE__ */ k(_l, [["__scopeId", "data-v-41fbf260"]]), hl = ["ari
             (...y) => c.onFocus && c.onFocus(...y)),
             onBlur: d[2] || (d[2] = //@ts-ignore
             (...y) => c.onBlur && c.onBlur(...y))
-          }, null, 40, bl)
+          }, null, 40, Sl)
         ]),
-        _("div", wl, [
+        _("div", $l, [
           g(v.$slots, "default", {}, () => [
             B(L(e.label), 1)
           ], !0),
-          _("div", Sl, [
+          _("div", jl, [
             g(v.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
-    ], 8, hl));
+    ], 8, bl));
   }
 });
-const Ce = /* @__PURE__ */ k($l, [["__scopeId", "data-v-27cc9d8c"]]), jl = ["src", "alt", "title"], kl = /* @__PURE__ */ $({
+const Ce = /* @__PURE__ */ k(kl, [["__scopeId", "data-v-27cc9d8c"]]), Vl = ["src", "alt", "title"], xl = /* @__PURE__ */ $({
   __name: "VJoyCompanyAvatar",
   props: {
     imgSrc: String,
@@ -655,7 +680,7 @@ const Ce = /* @__PURE__ */ k($l, [["__scopeId", "data-v-27cc9d8c"]]), jl = ["src
         src: e.imgSrc,
         alt: e.imgAlt || e.companyName,
         title: e.companyName
-      }, null, 8, jl)) : (s(), C(j(E), {
+      }, null, 8, Vl)) : (s(), C(j(E), {
         key: 1,
         name: "company-placeholder",
         size: t.value
@@ -663,13 +688,13 @@ const Ce = /* @__PURE__ */ k($l, [["__scopeId", "data-v-27cc9d8c"]]), jl = ["src
     ], 2));
   }
 });
-const Vl = /* @__PURE__ */ k(kl, [["__scopeId", "data-v-7ab52b19"]]), xl = { class: "joy-counter" }, Cl = ["aria-label", "disabled"], Ll = { class: "joy-counter__input-wrapper" }, Il = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Bl = ["aria-label", "disabled"], Ol = {
+const Cl = /* @__PURE__ */ k(xl, [["__scopeId", "data-v-7ab52b19"]]), Ll = { class: "joy-counter" }, Il = ["aria-label", "disabled"], Bl = { class: "joy-counter__input-wrapper" }, Ol = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Tl = ["aria-label", "disabled"], Pl = {
   key: 0,
   class: "joy-counter_error"
-}, Tl = {
+}, Jl = {
   inheritAttrs: !1
-}, Pl = /* @__PURE__ */ $({
-  ...Tl,
+}, El = /* @__PURE__ */ $({
+  ...Jl,
   __name: "VJoyCounter",
   props: {
     /** Removes any interactivity */
@@ -774,7 +799,7 @@ const Vl = /* @__PURE__ */ k(kl, [["__scopeId", "data-v-7ab52b19"]]), xl = { cla
     };
     return l({
       props: a
-    }), (p, b) => (s(), m("div", xl, [
+    }), (p, b) => (s(), m("div", Ll, [
       e.label ? (s(), C(j(ee), {
         key: 0,
         for: e.id,
@@ -800,8 +825,8 @@ const Vl = /* @__PURE__ */ k(kl, [["__scopeId", "data-v-7ab52b19"]]), xl = { cla
           onClick: r
         }, [
           R(j(E), { name: "minus" })
-        ], 8, Cl),
-        _("div", Ll, [
+        ], 8, Il),
+        _("div", Bl, [
           _("input", K({
             id: e.id,
             ref: "input",
@@ -821,7 +846,7 @@ const Vl = /* @__PURE__ */ k(kl, [["__scopeId", "data-v-7ab52b19"]]), xl = { cla
             (...x) => u.onBlur && u.onBlur(...x)),
             onFocus: b[2] || (b[2] = //@ts-ignore
             (...x) => u.onFocus && u.onFocus(...x))
-          }), null, 16, Il)
+          }), null, 16, Ol)
         ]),
         _("button", {
           class: "joy-counter__increment",
@@ -831,15 +856,15 @@ const Vl = /* @__PURE__ */ k(kl, [["__scopeId", "data-v-7ab52b19"]]), xl = { cla
           onClick: n
         }, [
           R(j(E), { name: "add" })
-        ], 8, Bl),
-        e.invalid && e.errorMessage ? (s(), m("div", Ol, [
+        ], 8, Tl),
+        e.invalid && e.errorMessage ? (s(), m("div", Pl, [
           R(j(ft), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : h("", !0)
       ], 2)
     ]));
   }
 });
-const Jl = /* @__PURE__ */ k(Pl, [["__scopeId", "data-v-a59ac0ad"]]), El = ["disabled"], zl = { class: "joy-divider-cta--icon" }, Al = { class: "joy-divider-cta--content" }, Fl = { class: "joy-divider-cta--content---title" }, ql = /* @__PURE__ */ $({
+const zl = /* @__PURE__ */ k(El, [["__scopeId", "data-v-a59ac0ad"]]), Al = ["disabled"], Fl = { class: "joy-divider-cta--icon" }, ql = { class: "joy-divider-cta--content" }, Nl = { class: "joy-divider-cta--content---title" }, Ml = /* @__PURE__ */ $({
   __name: "VJoyDividerCta",
   props: {
     disabled: {
@@ -853,19 +878,19 @@ const Jl = /* @__PURE__ */ k(Pl, [["__scopeId", "data-v-a59ac0ad"]]), El = ["dis
       class: S(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
       disabled: e.disabled
     }, [
-      _("div", zl, [
+      _("div", Fl, [
         R(E, { name: "add" })
       ]),
-      _("div", Al, [
-        _("p", Fl, [
+      _("div", ql, [
+        _("p", Nl, [
           g(l.$slots, "default", {}, void 0, !0)
         ]),
         g(l.$slots, "divider-content", {}, void 0, !0)
       ])
-    ], 10, El));
+    ], 10, Al));
   }
 });
-const Nl = /* @__PURE__ */ k(ql, [["__scopeId", "data-v-a3d693c3"]]);
+const Rl = /* @__PURE__ */ k(Ml, [["__scopeId", "data-v-a3d693c3"]]);
 var Oe;
 const le = typeof window < "u", nt = (e) => typeof e == "string", N = () => {
 }, re = le && ((Oe = window == null ? void 0 : window.navigator) == null ? void 0 : Oe.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
@@ -880,7 +905,7 @@ function it(e, l) {
   }
   return t;
 }
-function Ml(e, l = {}) {
+function Hl(e, l = {}) {
   let t, a, o = N;
   const i = (n) => {
     clearTimeout(n), o(), o = N;
@@ -896,7 +921,7 @@ function Ml(e, l = {}) {
     });
   };
 }
-function Rl(e, l = !0, t = !0, a = !1) {
+function Dl(e, l = !0, t = !0, a = !1) {
   let o = 0, i, r = !0, n = N, c;
   const v = () => {
     i && (clearTimeout(i), i = void 0, n(), n = N);
@@ -915,19 +940,19 @@ const W = {
   updated: "updated",
   unmounted: "unmounted"
 };
-function Hl(e) {
+function Wl(e) {
   return e;
 }
 function ae(e) {
   return _t() ? (ht(e), !0) : !1;
 }
-function Dl(e, l = 200, t = {}) {
-  return it(Ml(l, t), e);
+function Gl(e, l = 200, t = {}) {
+  return it(Hl(l, t), e);
 }
-function Wl(e, l = 200, t = !1, a = !0, o = !1) {
-  return it(Rl(l, t, a, o), e);
+function Ul(e, l = 200, t = !1, a = !0, o = !1) {
+  return it(Dl(l, t, a, o), e);
 }
-function Ul(e) {
+function Zl(e) {
   return typeof e == "function" ? V(e) : w(e);
 }
 function rt(e, l = !0) {
@@ -957,7 +982,7 @@ function ve(...e) {
   return ae(v), v;
 }
 let Te = !1;
-function Gl(e, l, t = {}) {
+function Kl(e, l, t = {}) {
   const { window: a = Le, ignore: o = [], capture: i = !0, detectIframe: r = !1 } = t;
   if (!a)
     return;
@@ -993,26 +1018,26 @@ function Gl(e, l, t = {}) {
   ].filter(Boolean);
   return () => d.forEach((f) => f());
 }
-function Zl(e, l = !1) {
+function Ql(e, l = !1) {
   const t = w(), a = () => t.value = Boolean(e());
   return a(), rt(a, l), t;
 }
 const me = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, _e = "__vueuse_ssr_handlers__";
 me[_e] = me[_e] || {};
 me[_e];
-var Pe = Object.getOwnPropertySymbols, Kl = Object.prototype.hasOwnProperty, Ql = Object.prototype.propertyIsEnumerable, Yl = (e, l) => {
+var Pe = Object.getOwnPropertySymbols, Yl = Object.prototype.hasOwnProperty, Xl = Object.prototype.propertyIsEnumerable, ea = (e, l) => {
   var t = {};
   for (var a in e)
-    Kl.call(e, a) && l.indexOf(a) < 0 && (t[a] = e[a]);
+    Yl.call(e, a) && l.indexOf(a) < 0 && (t[a] = e[a]);
   if (e != null && Pe)
     for (var a of Pe(e))
-      l.indexOf(a) < 0 && Ql.call(e, a) && (t[a] = e[a]);
+      l.indexOf(a) < 0 && Xl.call(e, a) && (t[a] = e[a]);
   return t;
 };
-function Xl(e, l, t = {}) {
-  const a = t, { window: o = Le } = a, i = Yl(a, ["window"]);
+function ta(e, l, t = {}) {
+  const a = t, { window: o = Le } = a, i = ea(a, ["window"]);
   let r;
-  const n = Zl(() => o && "ResizeObserver" in o), c = () => {
+  const n = Ql(() => o && "ResizeObserver" in o), c = () => {
     r && (r.disconnect(), r = void 0);
   }, v = P(() => te(e), (y) => {
     c(), n.value && o && y && (r = new ResizeObserver(l), r.observe(y, i));
@@ -1028,27 +1053,27 @@ var Je;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(Je || (Je = {}));
-function ea(e) {
+function la(e) {
   const l = w(e == null ? void 0 : e.element), t = w(e == null ? void 0 : e.input);
   function a() {
     var o, i;
     l.value && (l.value.style.height = "1px", l.value.style.height = `${(o = l.value) == null ? void 0 : o.scrollHeight}px`, (i = e == null ? void 0 : e.onResize) == null || i.call(e));
   }
-  return P([t, l], a, { immediate: !0 }), Xl(l, () => a()), e != null && e.watch && P(e.watch, a, { immediate: !0, deep: !0 }), {
+  return P([t, l], a, { immediate: !0 }), ta(l, () => a()), e != null && e.watch && P(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: l,
     input: t,
     triggerResize: a
   };
 }
-var ta = Object.defineProperty, Ee = Object.getOwnPropertySymbols, la = Object.prototype.hasOwnProperty, aa = Object.prototype.propertyIsEnumerable, ze = (e, l, t) => l in e ? ta(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, oa = (e, l) => {
+var aa = Object.defineProperty, Ee = Object.getOwnPropertySymbols, oa = Object.prototype.hasOwnProperty, na = Object.prototype.propertyIsEnumerable, ze = (e, l, t) => l in e ? aa(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, ia = (e, l) => {
   for (var t in l || (l = {}))
-    la.call(l, t) && ze(e, t, l[t]);
+    oa.call(l, t) && ze(e, t, l[t]);
   if (Ee)
     for (var t of Ee(l))
-      aa.call(l, t) && ze(e, t, l[t]);
+      na.call(l, t) && ze(e, t, l[t]);
   return e;
 };
-const na = {
+const ra = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -1074,16 +1099,16 @@ const na = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-oa({
-  linear: Hl
-}, na);
-const ia = /* @__PURE__ */ $({
+ia({
+  linear: Wl
+}, ra);
+const sa = /* @__PURE__ */ $({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: l, emit: t }) {
     const a = w();
-    return Gl(a, (o) => {
+    return Kl(a, (o) => {
       t("trigger", o);
     }, e.options), () => {
       if (l.default)
@@ -1149,25 +1174,25 @@ function Fe(e, l, t = {}) {
   return () => d.forEach((f) => f());
 }
 W.mounted + "", W.unmounted + "";
-const ra = (e) => typeof e == "function" ? e : typeof e == "string" ? (l) => l.key === e : Array.isArray(e) ? (l) => e.includes(l.key) : () => !0;
+const ua = (e) => typeof e == "function" ? e : typeof e == "string" ? (l) => l.key === e : Array.isArray(e) ? (l) => e.includes(l.key) : () => !0;
 function qe(...e) {
   let l, t, a = {};
   e.length === 3 ? (l = e[0], t = e[1], a = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (l = !0, t = e[0], a = e[1]) : (l = e[0], t = e[1]) : (l = !0, t = e[0]);
-  const { target: o = X, eventName: i = "keydown", passive: r = !1 } = a, n = ra(l);
+  const { target: o = X, eventName: i = "keydown", passive: r = !1 } = a, n = ua(l);
   return M(o, i, (v) => {
     n(v) && t(v);
   }, r);
 }
-var sa = Object.defineProperty, Ne = Object.getOwnPropertySymbols, ua = Object.prototype.hasOwnProperty, da = Object.prototype.propertyIsEnumerable, Me = (e, l, t) => l in e ? sa(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, ca = (e, l) => {
+var da = Object.defineProperty, Ne = Object.getOwnPropertySymbols, ca = Object.prototype.hasOwnProperty, fa = Object.prototype.propertyIsEnumerable, Me = (e, l, t) => l in e ? da(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, ya = (e, l) => {
   for (var t in l || (l = {}))
-    ua.call(l, t) && Me(e, t, l[t]);
+    ca.call(l, t) && Me(e, t, l[t]);
   if (Ne)
     for (var t of Ne(l))
-      da.call(l, t) && Me(e, t, l[t]);
+      fa.call(l, t) && Me(e, t, l[t]);
   return e;
 };
 W.mounted + "";
-const fa = 500;
+const va = 500;
 function Re(e, l, t) {
   var a, o;
   const i = V(() => F(e));
@@ -1177,7 +1202,7 @@ function Re(e, l, t) {
   }
   function c(d) {
     var y, f, u, p;
-    (y = t == null ? void 0 : t.modifiers) != null && y.self && d.target !== i.value || (n(), (f = t == null ? void 0 : t.modifiers) != null && f.prevent && d.preventDefault(), (u = t == null ? void 0 : t.modifiers) != null && u.stop && d.stopPropagation(), r = setTimeout(() => l(d), (p = t == null ? void 0 : t.delay) != null ? p : fa));
+    (y = t == null ? void 0 : t.modifiers) != null && y.self && d.target !== i.value || (n(), (f = t == null ? void 0 : t.modifiers) != null && f.prevent && d.preventDefault(), (u = t == null ? void 0 : t.modifiers) != null && u.stop && d.stopPropagation(), r = setTimeout(() => l(d), (p = t == null ? void 0 : t.delay) != null ? p : va));
   }
   const v = {
     capture: (a = t == null ? void 0 : t.modifiers) == null ? void 0 : a.capture,
@@ -1193,7 +1218,7 @@ function st(e, l = !1) {
   const t = w(), a = () => t.value = Boolean(e());
   return a(), rt(a, l), t;
 }
-function ya(e, l = {}) {
+function pa(e, l = {}) {
   const t = l ? l.delayEnter : 0, a = l ? l.delayLeave : 0, o = w(!1);
   let i;
   const r = (n) => {
@@ -1203,17 +1228,17 @@ function ya(e, l = {}) {
   return window && (M(e, "mouseenter", () => r(!0), { passive: !0 }), M(e, "mouseleave", () => r(!1), { passive: !0 })), o;
 }
 W.mounted + "";
-var He = Object.getOwnPropertySymbols, va = Object.prototype.hasOwnProperty, pa = Object.prototype.propertyIsEnumerable, ma = (e, l) => {
+var He = Object.getOwnPropertySymbols, ma = Object.prototype.hasOwnProperty, _a = Object.prototype.propertyIsEnumerable, ha = (e, l) => {
   var t = {};
   for (var a in e)
-    va.call(e, a) && l.indexOf(a) < 0 && (t[a] = e[a]);
+    ma.call(e, a) && l.indexOf(a) < 0 && (t[a] = e[a]);
   if (e != null && He)
     for (var a of He(e))
-      l.indexOf(a) < 0 && pa.call(e, a) && (t[a] = e[a]);
+      l.indexOf(a) < 0 && _a.call(e, a) && (t[a] = e[a]);
   return t;
 };
-function _a(e, l, t = {}) {
-  const a = t, { window: o = X } = a, i = ma(a, ["window"]);
+function ga(e, l, t = {}) {
+  const a = t, { window: o = X } = a, i = ha(a, ["window"]);
   let r;
   const n = st(() => o && "ResizeObserver" in o), c = () => {
     r && (r.disconnect(), r = void 0);
@@ -1227,12 +1252,12 @@ function _a(e, l, t = {}) {
     stop: d
   };
 }
-function ha(e, l = { width: 0, height: 0 }, t = {}) {
+function ba(e, l = { width: 0, height: 0 }, t = {}) {
   const { window: a = X, box: o = "content-box" } = t, i = V(() => {
     var c, v;
     return (v = (c = F(e)) == null ? void 0 : c.namespaceURI) == null ? void 0 : v.includes("svg");
   }), r = w(l.width), n = w(l.height);
-  return _a(e, ([c]) => {
+  return ga(e, ([c]) => {
     const v = o === "border-box" ? c.borderBoxSize : o === "content-box" ? c.contentBoxSize : c.devicePixelContentBoxSize;
     if (a && i.value) {
       const d = F(e);
@@ -1305,10 +1330,10 @@ function be(e, l = {}) {
     }
   });
   function u(z, I) {
-    var U, q, Be;
+    var G, q, Be;
     const ye = A(e);
     ye && ((Be = ye instanceof Document ? document.body : ye) == null || Be.scrollTo({
-      top: (U = A(I)) != null ? U : f.value,
+      top: (G = A(I)) != null ? G : f.value,
       left: (q = A(z)) != null ? q : y.value,
       behavior: A(c)
     }));
@@ -1325,13 +1350,13 @@ function be(e, l = {}) {
     bottom: !1
   }), T = (z) => {
     p.value && (p.value = !1, x.left = !1, x.right = !1, x.top = !1, x.bottom = !1, o(z));
-  }, fe = Dl(T, t + a), ne = (z) => {
-    const I = z.target === document ? z.target.documentElement : z.target, U = I.scrollLeft;
-    x.left = U < v.value, x.right = U > d.value, b.left = U <= 0 + (r.left || 0), b.right = U + I.clientWidth >= I.scrollWidth - (r.right || 0) - We, v.value = U;
+  }, fe = Gl(T, t + a), ne = (z) => {
+    const I = z.target === document ? z.target.documentElement : z.target, G = I.scrollLeft;
+    x.left = G < v.value, x.right = G > d.value, b.left = G <= 0 + (r.left || 0), b.right = G + I.clientWidth >= I.scrollWidth - (r.right || 0) - We, v.value = G;
     let q = I.scrollTop;
     z.target === document && !q && (q = document.body.scrollTop), x.top = q < d.value, x.bottom = q > d.value, b.top = q <= 0 + (r.top || 0), b.bottom = q + I.clientHeight >= I.scrollHeight - (r.bottom || 0) - We, d.value = q, p.value = !0, fe(z), i(z);
   };
-  return M(e, "scroll", t ? Wl(ne, t, !0, !1) : ne, n), M(e, "scrollend", T, n), {
+  return M(e, "scroll", t ? Ul(ne, t, !0, !1) : ne, n), M(e, "scrollend", T, n), {
     x: y,
     y: f,
     isScrolling: p,
@@ -1339,17 +1364,17 @@ function be(e, l = {}) {
     directions: x
   };
 }
-var ga = Object.defineProperty, ba = Object.defineProperties, wa = Object.getOwnPropertyDescriptors, Ue = Object.getOwnPropertySymbols, Sa = Object.prototype.hasOwnProperty, $a = Object.prototype.propertyIsEnumerable, Ge = (e, l, t) => l in e ? ga(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Ze = (e, l) => {
+var wa = Object.defineProperty, Sa = Object.defineProperties, $a = Object.getOwnPropertyDescriptors, Ge = Object.getOwnPropertySymbols, ja = Object.prototype.hasOwnProperty, ka = Object.prototype.propertyIsEnumerable, Ue = (e, l, t) => l in e ? wa(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Ze = (e, l) => {
   for (var t in l || (l = {}))
-    Sa.call(l, t) && Ge(e, t, l[t]);
-  if (Ue)
-    for (var t of Ue(l))
-      $a.call(l, t) && Ge(e, t, l[t]);
+    ja.call(l, t) && Ue(e, t, l[t]);
+  if (Ge)
+    for (var t of Ge(l))
+      ka.call(l, t) && Ue(e, t, l[t]);
   return e;
-}, ja = (e, l) => ba(e, wa(l));
+}, Va = (e, l) => Sa(e, $a(l));
 function Ke(e, l, t = {}) {
   var a, o;
-  const i = (a = t.direction) != null ? a : "bottom", r = pe(be(e, ja(Ze({}, t), {
+  const i = (a = t.direction) != null ? a : "bottom", r = pe(be(e, Va(Ze({}, t), {
     offset: Ze({
       [i]: (o = t.distance) != null ? o : 0
     }, t.offset)
@@ -1402,14 +1427,14 @@ function Qe(e, l, t = {}) {
   };
 }
 W.mounted + "";
-var ka = Object.defineProperty, Va = Object.defineProperties, xa = Object.getOwnPropertyDescriptors, Ye = Object.getOwnPropertySymbols, Ca = Object.prototype.hasOwnProperty, La = Object.prototype.propertyIsEnumerable, Xe = (e, l, t) => l in e ? ka(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Ia = (e, l) => {
+var xa = Object.defineProperty, Ca = Object.defineProperties, La = Object.getOwnPropertyDescriptors, Ye = Object.getOwnPropertySymbols, Ia = Object.prototype.hasOwnProperty, Ba = Object.prototype.propertyIsEnumerable, Xe = (e, l, t) => l in e ? xa(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Oa = (e, l) => {
   for (var t in l || (l = {}))
-    Ca.call(l, t) && Xe(e, t, l[t]);
+    Ia.call(l, t) && Xe(e, t, l[t]);
   if (Ye)
     for (var t of Ye(l))
-      La.call(l, t) && Xe(e, t, l[t]);
+      Ba.call(l, t) && Xe(e, t, l[t]);
   return e;
-}, Ba = (e, l) => Va(e, xa(l));
+}, Ta = (e, l) => Ca(e, La(l));
 W.mounted + "";
 function ut(e) {
   const l = window.getComputedStyle(e);
@@ -1420,14 +1445,14 @@ function ut(e) {
     return !t || t.tagName === "BODY" ? !1 : ut(t);
   }
 }
-function Oa(e) {
+function Pa(e) {
   const l = e || window.event, t = l.target;
   return ut(t) ? !1 : l.touches.length > 1 ? !0 : (l.preventDefault && l.preventDefault(), !1);
 }
-function Ta(e, l = !1) {
+function Ja(e, l = !1) {
   const t = w(l);
   let a = null, o;
-  P(Ul(e), (n) => {
+  P(Zl(e), (n) => {
     if (n) {
       const c = n;
       o = c.style.overflow, t.value && (c.style.overflow = "hidden");
@@ -1438,7 +1463,7 @@ function Ta(e, l = !1) {
   const i = () => {
     const n = A(e);
     !n || t.value || (re && (a = M(n, "touchmove", (c) => {
-      Oa(c);
+      Pa(c);
     }, { passive: !1 })), n.style.overflow = "hidden", t.value = !0);
   }, r = () => {
     const n = A(e);
@@ -1453,25 +1478,25 @@ function Ta(e, l = !1) {
     }
   });
 }
-const Pa = () => {
+const Ea = () => {
   let e = !1;
   const l = w(!1);
   return (t, a) => {
     if (l.value = a.value, e)
       return;
     e = !0;
-    const o = Ta(t, a.value);
+    const o = Ja(t, a.value);
     P(l, (i) => o.value = i);
   };
 };
-Pa();
-const dt = ["medium", "small", "xsmall"], Ja = {
+Ea();
+const dt = ["medium", "small", "xsmall"], za = {
   key: 0,
   class: "joy-dropdown-list__header"
-}, Ea = ["aria-label", "aria-labelledby"], za = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Aa = {
+}, Aa = ["aria-label", "aria-labelledby"], Fa = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], qa = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, Fa = /* @__PURE__ */ $({
+}, Na = /* @__PURE__ */ $({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -1575,7 +1600,7 @@ const dt = ["medium", "small", "xsmall"], Ja = {
       class: "joy-dropdown-list",
       style: Z({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      u.$slots["dropdown-list-header"] || e.reset ? (s(), m("header", Ja, [
+      u.$slots["dropdown-list-header"] || e.reset ? (s(), m("header", za, [
         e.reset ? (s(), m("button", {
           key: 0,
           type: "button",
@@ -1599,7 +1624,7 @@ const dt = ["medium", "small", "xsmall"], Ja = {
           "aria-label": e.ariaLabel,
           "aria-labelledby": e.ariaLabelledBy
         }, [
-          (s(!0), m(H, null, G(e.options, (b) => (s(), m("li", {
+          (s(!0), m(H, null, U(e.options, (b) => (s(), m("li", {
             id: b.id,
             key: b.label,
             style: Z({ "max-width": `${e.width}px` }),
@@ -1623,17 +1648,17 @@ const dt = ["medium", "small", "xsmall"], Ja = {
             g(u.$slots, "label", $e(je(b)), () => [
               _("span", null, L(b.label), 1)
             ], !0)
-          ], 14, za))), 128))
-        ], 8, Ea)) : h("", !0)
+          ], 14, Fa))), 128))
+        ], 8, Aa)) : h("", !0)
       ], 6),
-      u.$slots["dropdown-list-footer"] ? (s(), m("footer", Aa, [
+      u.$slots["dropdown-list-footer"] ? (s(), m("footer", qa, [
         g(u.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : h("", !0)
     ], 4));
   }
 });
-const ct = /* @__PURE__ */ k(Fa, [["__scopeId", "data-v-f46e79bc"]]);
-function qa(e) {
+const ct = /* @__PURE__ */ k(Na, [["__scopeId", "data-v-f46e79bc"]]);
+function Ma(e) {
   const l = () => e();
   Q(() => {
     window.addEventListener("resize", l);
@@ -1641,30 +1666,6 @@ function qa(e) {
     window.removeEventListener("resize", l);
   });
 }
-function Na(e) {
-  let l;
-  switch (e) {
-    case "error":
-      l = "warning-triangle";
-      break;
-    case "success":
-      l = "check";
-      break;
-    default:
-      l = "info-circle";
-  }
-  return l;
-}
-function Ma(e) {
-  if (!e) {
-    console.warn("Missing ref element for focusOnFirstFocusableFormField use");
-    return;
-  }
-  let l = ["input", "textarea", "select"];
-  const t = (e.value ?? e).querySelectorAll(l.join(","));
-  if (t.length)
-    return t[0].focus();
-}
 const Ra = /* @__PURE__ */ $({
   __name: "VJoyDropdown",
   props: {
@@ -1768,7 +1769,7 @@ const Ra = /* @__PURE__ */ $({
     P(
       () => o.value,
       (I) => {
-        I && Ma(n);
+        I && hl(n);
       },
       { flush: "post" }
     );
@@ -1801,12 +1802,12 @@ const Ra = /* @__PURE__ */ $({
     function z() {
       !r.value || !r.value.children.length || (r.value.children[0].id = d);
     }
-    return qa(p), Q(() => {
+    return Ma(p), Q(() => {
       z();
     }), l({
       showDropdownList: o,
       generatedId: d
-    }), (I, U) => (s(), C(j(ia), {
+    }), (I, G) => (s(), C(j(sa), {
       ref_key: "dropdown",
       ref: i,
       options: y,
@@ -1886,7 +1887,7 @@ const Ra = /* @__PURE__ */ $({
     }, 512));
   }
 });
-const Ha = /* @__PURE__ */ k(Ra, [["__scopeId", "data-v-887e17ba"]]), Da = ["aria-label"], Wa = { class: "joy-filter-bar__wrapper" }, Ua = /* @__PURE__ */ $({
+const Ha = /* @__PURE__ */ k(Ra, [["__scopeId", "data-v-df017105"]]), Da = ["aria-label"], Wa = { class: "joy-filter-bar__wrapper" }, Ga = /* @__PURE__ */ $({
   __name: "VJoyFilterBar",
   props: {
     ariaLabel: String
@@ -1903,7 +1904,7 @@ const Ha = /* @__PURE__ */ k(Ra, [["__scopeId", "data-v-887e17ba"]]), Da = ["ari
     ], 8, Da));
   }
 });
-const Ga = /* @__PURE__ */ k(Ua, [["__scopeId", "data-v-114f8274"]]), Za = /* @__PURE__ */ $({
+const Ua = /* @__PURE__ */ k(Ga, [["__scopeId", "data-v-114f8274"]]), Za = /* @__PURE__ */ $({
   __name: "VJoyFilterBarButton",
   props: {
     label: String,
@@ -2030,7 +2031,7 @@ const eo = /* @__PURE__ */ k(Xa, [["__scopeId", "data-v-8a4ecbad"]]), to = [...y
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = V(() => t.icon ? t.icon : Na(t.level));
+    const t = e, a = V(() => t.icon ? t.icon : _l(t.level));
     return l({
       getRelevantIcon: a
     }), (o, i) => (s(), m("div", {
@@ -2104,6 +2105,9 @@ const ee = /* @__PURE__ */ k(uo, [["__scopeId", "data-v-1265214a"]]), co = ["lar
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
+    modelValue: {
+      type: [String, Number]
+    },
     disabled: {
       type: Boolean,
       default: !1
@@ -2137,9 +2141,6 @@ const ee = /* @__PURE__ */ k(uo, [["__scopeId", "data-v-1265214a"]]), co = ["lar
       type: Boolean,
       default: !1
     },
-    modelValue: {
-      type: [String, Number]
-    },
     modelModifiers: {
       default: () => ({
         lazy: !1
@@ -2284,7 +2285,7 @@ const ee = /* @__PURE__ */ k(uo, [["__scopeId", "data-v-1265214a"]]), co = ["lar
     ], 2));
   }
 });
-const po = /* @__PURE__ */ k(vo, [["__scopeId", "data-v-534f3025"]]), mo = ["teal", "white"], _o = ["href"], ho = /* @__PURE__ */ $({
+const po = /* @__PURE__ */ k(vo, [["__scopeId", "data-v-9f3d7271"]]), mo = ["teal", "white"], _o = ["href"], ho = /* @__PURE__ */ $({
   __name: "VJoyLink",
   props: {
     href: {
@@ -2377,7 +2378,7 @@ const go = /* @__PURE__ */ k(ho, [["__scopeId", "data-v-76f0342e"]]), bo = ["id"
         _: 1
       }, 8, ["required", "optional-label", "size"])) : h("", !0),
       _("div", wo, [
-        (s(!0), m(H, null, G(e.options, (n) => (s(), C(j(Ce), {
+        (s(!0), m(H, null, U(e.options, (n) => (s(), C(j(Ce), {
           id: n.id,
           key: n.id,
           name: n.name,
@@ -2494,7 +2495,7 @@ const $o = /* @__PURE__ */ k(So, [["__scopeId", "data-v-47574ced"]]), et = /* @_
         ]),
         _("li", null, [
           _("ul", null, [
-            (s(!0), m(H, null, G(i.value, (y) => (s(), m("li", { key: y }, [
+            (s(!0), m(H, null, U(i.value, (y) => (s(), m("li", { key: y }, [
               _("button", {
                 type: "button",
                 "aria-current": y === e.currentPage ? "true" : "false",
@@ -2677,7 +2678,7 @@ const Ho = /* @__PURE__ */ k(Ro, [["__scopeId", "data-v-d88510ab"]]), Do = { cla
     ]));
   }
 });
-const Uo = /* @__PURE__ */ k(Wo, [["__scopeId", "data-v-a28eae43"]]), Go = ["id", "value", "checked", "disabled", "required", "name"], Zo = { class: "joy-radio-label" }, Ko = { class: "joy-radio-content__wrapper" }, Qo = { class: "joy-radio-content" }, Yo = /* @__PURE__ */ $({
+const Go = /* @__PURE__ */ k(Wo, [["__scopeId", "data-v-a28eae43"]]), Uo = ["id", "value", "checked", "disabled", "required", "name"], Zo = { class: "joy-radio-label" }, Ko = { class: "joy-radio-content__wrapper" }, Qo = { class: "joy-radio-content" }, Yo = /* @__PURE__ */ $({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -2763,7 +2764,7 @@ const Uo = /* @__PURE__ */ k(Wo, [["__scopeId", "data-v-a28eae43"]]), Go = ["id"
         onChange: y,
         onFocus: f,
         onBlur: u
-      }, null, 40, Go),
+      }, null, 40, Uo),
       _("span", Zo, [
         g(p.$slots, "default", {}, void 0, !0)
       ]),
@@ -2886,7 +2887,7 @@ const ln = /* @__PURE__ */ k(tn, [["__scopeId", "data-v-a77e7f95"]]), ce = (e) =
       ariaLabel: j(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
     }, [
       _("ul", on, [
-        (s(!0), m(H, null, G(i.value, (c, v) => (s(), m("li", { key: v }, [
+        (s(!0), m(H, null, U(i.value, (c, v) => (s(), m("li", { key: v }, [
           c === "full" ? (s(), m("svg", {
             key: 0,
             "aria-hidden": "true",
@@ -3067,7 +3068,7 @@ const Ie = /* @__PURE__ */ k(Sn, [["__scopeId", "data-v-5c4f6d7f"]]), $n = ["id"
           required: e.required,
           disabled: e.disabled,
           value: e.modelValue,
-          onInput: c,
+          onChange: c,
           onFocus: v,
           onBlur: d
         }, [
@@ -3081,7 +3082,7 @@ const Ie = /* @__PURE__ */ k(Sn, [["__scopeId", "data-v-5c4f6d7f"]]), $n = ["id"
     ], 512));
   }
 });
-const kn = /* @__PURE__ */ k(jn, [["__scopeId", "data-v-26bd5a41"]]), Vn = ["aria-disabled"], xn = ["id", "value", "checked", "disabled", "required", "name"], Cn = /* @__PURE__ */ $({
+const kn = /* @__PURE__ */ k(jn, [["__scopeId", "data-v-3e9d2dae"]]), Vn = ["aria-disabled"], xn = ["id", "value", "checked", "disabled", "required", "name"], Cn = /* @__PURE__ */ $({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -3291,7 +3292,7 @@ const yt = /* @__PURE__ */ k(Cn, [["__scopeId", "data-v-cb2531c0"]]), Ln = ["id"
           }
         ])
       }, [
-        (s(!0), m(H, null, G(e.options, (n) => (s(), C(j(yt), {
+        (s(!0), m(H, null, U(e.options, (n) => (s(), C(j(yt), {
           id: n.id,
           key: n.id,
           name: n.name,
@@ -3522,7 +3523,7 @@ const Fn = /* @__PURE__ */ k(An, [["__scopeId", "data-v-b1e62ec8"]]), qn = { cla
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (s(!0), m(H, null, G(v.value, (x) => (s(), m("div", {
+          (s(!0), m(H, null, U(v.value, (x) => (s(), m("div", {
             key: x.props.tab
           }, [
             R(Fn, {
@@ -3591,7 +3592,7 @@ const Mn = /* @__PURE__ */ k(Nn, [["__scopeId", "data-v-e3dffafe"]]), Rn = ["id"
     ], 10, Rn));
   }
 });
-const Dn = /* @__PURE__ */ k(Hn, [["__scopeId", "data-v-47a75127"]]), Wn = ["role"], Un = /* @__PURE__ */ $({
+const Dn = /* @__PURE__ */ k(Hn, [["__scopeId", "data-v-47a75127"]]), Wn = ["role"], Gn = /* @__PURE__ */ $({
   __name: "VJoyTag",
   props: {
     /** Text injected within the tag */
@@ -3666,7 +3667,7 @@ const Dn = /* @__PURE__ */ k(Hn, [["__scopeId", "data-v-47a75127"]]), Wn = ["rol
     ], 10, Wn));
   }
 });
-const vt = /* @__PURE__ */ k(Un, [["__scopeId", "data-v-01b9f7cc"]]), Gn = /* @__PURE__ */ $({
+const vt = /* @__PURE__ */ k(Gn, [["__scopeId", "data-v-01b9f7cc"]]), Un = /* @__PURE__ */ $({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -3706,7 +3707,7 @@ const vt = /* @__PURE__ */ k(Un, [["__scopeId", "data-v-01b9f7cc"]]), Gn = /* @_
     return (r, n) => (s(), m("div", {
       class: S(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (s(!0), m(H, null, G(e.tags, (c) => (s(), C(j(vt), K({
+      (s(!0), m(H, null, U(e.tags, (c) => (s(), C(j(vt), K({
         key: c.value,
         selectable: !!e.modelValue && !e.removable
       }, c, {
@@ -3718,7 +3719,7 @@ const vt = /* @__PURE__ */ k(Un, [["__scopeId", "data-v-01b9f7cc"]]), Gn = /* @_
     ], 2));
   }
 });
-const Zn = /* @__PURE__ */ k(Gn, [["__scopeId", "data-v-510c6367"]]);
+const Zn = /* @__PURE__ */ k(Un, [["__scopeId", "data-v-510c6367"]]);
 const Kn = {}, Qn = {
   class: /* @__PURE__ */ S(["joy-template-shape__shapes"])
 }, Yn = /* @__PURE__ */ tt('<div class="shapes__wrapper" data-v-8b258f92><div class="shape_1" data-v-8b258f92></div><div class="shape_2" data-v-8b258f92></div><div class="shape_3" data-v-8b258f92></div><div class="shape_4" data-v-8b258f92></div></div>', 1), Xn = [
@@ -3878,7 +3879,7 @@ const ci = /* @__PURE__ */ k(di, [["__scopeId", "data-v-750153b6"]]), fi = ["ari
   },
   emits: ["update:modelValue"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, o = w(), { triggerResize: i } = ea({
+    const a = e, o = w(), { triggerResize: i } = la({
       element: a.autogrow ? o : void 0
     }), r = w(!1), n = w(!1), c = V(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), v = V(() => a.minlength ? a.modelValue.length < a.minlength : !1), d = {
       onInput: (y) => {
@@ -4075,12 +4076,12 @@ const Vi = /* @__PURE__ */ k(ki, [["__scopeId", "data-v-cf79d999"]]), xi = /* @_
   VJoyBadgeLevel: ul,
   VJoyButton: xe,
   VJoyCheckbox: Ce,
-  VJoyCompanyAvatar: Vl,
-  VJoyCounter: Jl,
-  VJoyDividerCta: Nl,
+  VJoyCompanyAvatar: Cl,
+  VJoyCounter: zl,
+  VJoyDividerCta: Rl,
   VJoyDropdown: Ha,
   VJoyDropdownList: ct,
-  VJoyFilterBar: Ga,
+  VJoyFilterBar: Ua,
   VJoyFilterBarButton: Ka,
   VJoyFormError: ft,
   VJoyFormFieldSkeleton: eo,
@@ -4093,7 +4094,7 @@ const Vi = /* @__PURE__ */ k(ki, [["__scopeId", "data-v-cf79d999"]]), xi = /* @_
   VJoyPagination: Io,
   VJoyPanel: Fo,
   VJoyPanelSection: Ho,
-  VJoyProgressBar: Uo,
+  VJoyProgressBar: Go,
   VJoyRadio: Xo,
   VJoyRadioGroup: ln,
   VJoyRatingStars: gn,
@@ -4128,12 +4129,12 @@ export {
   ul as VJoyBadgeLevel,
   xe as VJoyButton,
   Ce as VJoyCheckbox,
-  Vl as VJoyCompanyAvatar,
-  Jl as VJoyCounter,
-  Nl as VJoyDividerCta,
+  Cl as VJoyCompanyAvatar,
+  zl as VJoyCounter,
+  Rl as VJoyDividerCta,
   Ha as VJoyDropdown,
   ct as VJoyDropdownList,
-  Ga as VJoyFilterBar,
+  Ua as VJoyFilterBar,
   Ka as VJoyFilterBarButton,
   ft as VJoyFormError,
   eo as VJoyFormFieldSkeleton,
@@ -4146,7 +4147,7 @@ export {
   Io as VJoyPagination,
   Fo as VJoyPanel,
   Ho as VJoyPanelSection,
-  Uo as VJoyProgressBar,
+  Go as VJoyProgressBar,
   Xo as VJoyRadio,
   ln as VJoyRadioGroup,
   gn as VJoyRatingStars,