@evance/evance-ui 1.0.38 → 1.0.40

package/dist/evance-ui.mjs

@@ -1,8 +1,8 @@
 var Ir = Object.defineProperty;
 var Vr = (n, e, t) => e in n ? Ir(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var V = (n, e, t) => Vr(n, typeof e != "symbol" ? e + "" : e, t);
-import { computed as v, unref as i, capitalize as Ro, onScopeDispose as Ye, getCurrentInstance as zo, reactive as zt, watchEffect as at, toRefs as bs, inject as Ae, watch as Q, ref as W, provide as Ne, shallowRef as Y, isRef as ze, createElementBlock as _, openBlock as h, createElementVNode as O, defineComponent as H, onMounted as nt, normalizeClass as G, renderSlot as k, toRaw as Ge, useCssVars as Mn, useAttrs as qe, createBlock as T, resolveDynamicComponent as ke, Transition as et, h as Ct, mergeProps as N, useSlots as le, normalizeStyle as Z, createCommentVNode as P, nextTick as Pe, onBeforeMount as Ss, onBeforeUnmount as _t, resolveDirective as _s, withDirectives as Qe, withCtx as $, createVNode as I, vShow as Pt, createTextVNode as ge, toDisplayString as ce, effectScope as ws, Fragment as Se, toRef as Me, renderList as Le, normalizeProps as ve, guardReactiveProps as De, createSlots as We, TransitionGroup as Ho, createStaticVNode as Br, withModifiers as Rr, withKeys as yt, readonly as ks, Teleport as No, vModelDynamic as zr, camelize as Hr, onUnmounted as Nr, onUpdated as Wr, vModelText as jr, render as wn } from "vue";
-/*! Evance UI v1.0.38 | MIT License */
+import { computed as v, unref as i, capitalize as Ro, onScopeDispose as Ye, getCurrentInstance as zo, reactive as zt, watchEffect as at, toRefs as bs, inject as Ae, watch as Q, ref as W, provide as Ne, shallowRef as Y, isRef as ze, createElementBlock as _, openBlock as h, createElementVNode as O, defineComponent as H, onMounted as nt, normalizeClass as q, renderSlot as k, toRaw as Ge, useCssVars as Mn, useAttrs as qe, createBlock as T, resolveDynamicComponent as ke, Transition as et, h as Ct, mergeProps as N, useSlots as le, normalizeStyle as Z, createCommentVNode as P, nextTick as Pe, onBeforeMount as Ss, onBeforeUnmount as _t, resolveDirective as _s, withDirectives as Qe, withCtx as $, createVNode as I, vShow as Pt, createTextVNode as ge, toDisplayString as ce, effectScope as ws, Fragment as Se, toRef as Me, renderList as Le, normalizeProps as ve, guardReactiveProps as De, createSlots as We, TransitionGroup as Ho, createStaticVNode as Br, withModifiers as Rr, withKeys as yt, readonly as ks, Teleport as No, vModelDynamic as zr, camelize as Hr, onUnmounted as Nr, onUpdated as Wr, vModelText as jr, render as wn } from "vue";
+/*! Evance UI v1.0.40 | MIT License */
 class ut {
   constructor(e, t) {
     this.side = e, this.alignment = t;
@@ -2534,7 +2534,7 @@ const Ca = M(
     }), nt(() => {
       o.value && document.body.classList.add(o.value);
     }), (a, r) => (h(), _("div", {
-      class: G(["ev-application", s.value, e.class])
+      class: q(["ev-application", s.value, e.class])
     }, [
       O("div", Wu, [
         k(a.$slots, "default")
@@ -2627,7 +2627,7 @@ const Ma = M(
     }));
     const t = Ke(e), s = qe(), o = v(() => !t.appearance || t.appearance === "default" ? null : t.appearance === "primary" ? "var(--text-brand)" : `var(--text-${t.appearance})`), a = v(() => Ge(t.glyph));
     return (r, l) => (h(), _("i", {
-      class: G(["ev-icon", [
+      class: q(["ev-icon", [
         {
           "is-clickable": !!i(s).onClick
         },
@@ -2721,7 +2721,7 @@ const gt = (n, { slots: e }) => {
   setup(n) {
     const e = n, t = le(), { aspectStyles: s } = La(e), o = xt(e);
     return (a, r) => (h(), _("div", {
-      class: G([
+      class: q([
         "ev-responsive",
         {
           "is-inline": e.inline
@@ -2737,7 +2737,7 @@ const gt = (n, { slots: e }) => {
       k(a.$slots, "additional"),
       i(t).default ? (h(), _("div", {
         key: 0,
-        class: G(["ev-responsive--content", e.contentClass])
+        class: q(["ev-responsive--content", e.contentClass])
       }, [
         k(a.$slots, "default")
       ], 2)) : P("", !0)
@@ -2925,7 +2925,7 @@ const gt = (n, { slots: e }) => {
             default: $(() => [
               d.value.lazySrc && r.value !== "loaded" ? (h(), _("img", {
                 key: 0,
-                class: G([
+                class: q([
                   "ev-img--img",
                   "ev-img--preload",
                   g.value
@@ -2997,7 +2997,7 @@ const gt = (n, { slots: e }) => {
   setup(n) {
     const t = Ke(n), { appearanceClass: s, variantClass: o } = Ht(t), { sizeClasses: a, sizeStyles: r } = Yu(t), { roundedClasses: l } = Gu(t);
     return (u, c) => (h(), _("div", {
-      class: G([
+      class: q([
         "ev-avatar",
         i(s),
         i(o),
@@ -3145,7 +3145,7 @@ const nd = ["aria-label"], Fs = /* @__PURE__ */ H({
   setup(n) {
     const t = Ke(n), s = le(), o = oe(t, "modelValue"), a = v(() => Number(t.content)), r = v(() => !t.max || isNaN(a.value) ? t.content : a.value <= +t.max ? a.value : `${t.max}+`), { positionStyles: l } = td(t, !0, (c) => (t.floating ? t.dot ? 2 : 4 : t.dot ? 8 : 12) + (["top", "bottom"].includes(c) ? +(t.offsetY ?? 0) : ["left", "right"].includes(c) ? +(t.offsetX ?? 0) : 0)), u = v(() => t.inline ? !0 : !s.default);
     return (c, d) => (h(), _("div", {
-      class: G([
+      class: q([
         "ev-badge",
         {
           "is-inline": u.value,
@@ -3164,7 +3164,7 @@ const nd = ["aria-label"], Fs = /* @__PURE__ */ H({
       }, {
         default: $(() => [
           Qe(O("div", {
-            class: G([
+            class: q([
               "ev-badge--content",
               i(st)(i(t).appearance),
               {
@@ -3529,7 +3529,7 @@ const Nn = M(
       "aria-valuemin": "0",
       "aria-valuemax": "100",
       "aria-valuenow": p.percentage,
-      class: G(["ev-progress-circular", [
+      class: q(["ev-progress-circular", [
         {
           "is-indeterminate": e.indeterminate,
           "is-size-default": e.size === "default"
@@ -3648,7 +3648,7 @@ const pd = {
       var w;
       return h(), T(ke(f.value), {
         href: i(l).href.value,
-        class: G([
+        class: q([
           "ev-button",
           (w = i(r)) == null ? void 0 : w.selectedClass.value,
           i(m),
@@ -3735,7 +3735,7 @@ const pd = {
       return t.gap === "auto" ? tt(l, "is-gap") : tt(t.gap, "is-gap");
     });
     return (l, u) => (h(), T(ke(i(t).tag), {
-      class: G([
+      class: q([
         "ev-button-group",
         o.value,
         a.value,
@@ -3811,7 +3811,7 @@ const pd = {
     le();
     const s = v(() => tt(t.justify, "justify")), o = v(() => it(t.size));
     return (a, r) => (h(), _("div", {
-      class: G(["ev-card-actions", s.value, o.value, i(t).class]),
+      class: q(["ev-card-actions", s.value, o.value, i(t).class]),
       style: Z(i(t).style)
     }, [
       I(i(bt), {
@@ -3893,7 +3893,7 @@ const pd = {
         return je(t.truncate) ? "is-truncate" : "is-truncate-lines";
     }), r = v(() => At(t.truncate) ? t.truncate : 1);
     return (l, u) => (h(), T(ke(s.value), {
-      class: G(["ev-heading", o.value, a.value, i(t).class]),
+      class: q(["ev-heading", o.value, a.value, i(t).class]),
       style: Z(i(t).style)
     }, {
       default: $(() => [
@@ -3941,7 +3941,7 @@ const pd = {
         return je(t.truncate) ? "is-truncate" : "is-truncate-lines";
     }), a = v(() => At(t.truncate) ? t.truncate : 1), r = v(() => t.weight ? tt(t.weight, "text-weight") : void 0), { appearanceClass: l } = Ht(t);
     return (u, c) => (h(), T(ke(i(t).tag), {
-      class: G([
+      class: q([
         "ev-text",
         {
           "typeface-monospace": i(t).monospace
@@ -3980,7 +3980,7 @@ const pd = {
     le();
     const { appearanceClass: t } = tl(e);
     return (s, o) => (h(), T(ke(e.tag), {
-      class: G(["ev-eyebrow", "text-eyebrow", i(t), e.class]),
+      class: q(["ev-eyebrow", "text-eyebrow", i(t), e.class]),
       style: Z(e.style)
     }, {
       default: $(() => [
@@ -4024,7 +4024,7 @@ const pd = {
       }
     });
     return (l, u) => (h(), _("div", {
-      class: G(["ev-card-content", a.value, i(t).class]),
+      class: q(["ev-card-content", a.value, i(t).class]),
       style: Z(i(t).style)
     }, [
       i(s).icon || i(t).icon ? (h(), _("div", Ed, [
@@ -4163,7 +4163,7 @@ const Ya = M(
       }
     }
     return (a, r) => (h(), T(ke(e.tag), {
-      class: G([
+      class: q([
         "ev-surface",
         i(Ka)(e.elevation),
         s(e.rounded),
@@ -4206,7 +4206,7 @@ const Ya = M(
     return (f, b) => (h(), T(i(Ft), {
       tag: d.value,
       href: i(o).href.value,
-      class: G([
+      class: q([
         "ev-card",
         {
           "is-clickable": c.value,
@@ -4642,7 +4642,7 @@ const jt = M(
   setup(n) {
     const e = n;
     return le(), (t, s) => (h(), _("label", {
-      class: G([
+      class: q([
         "ev-label",
         {
           "is-clickable": e.clickable
@@ -4715,7 +4715,7 @@ const Ja = M(
     return (s, o) => (h(), T(Ho, {
       appear: "",
       tag: "div",
-      class: G(["ev-errors", e.class]),
+      class: q(["ev-errors", e.class]),
       style: Z(e.style),
       name: "list",
       role: "alert",
@@ -4829,7 +4829,7 @@ const Ja = M(
   setup(n) {
     const e = n;
     return le(), (t, s) => (h(), _("code", {
-      class: G(["ev-code", e.class]),
+      class: q(["ev-code", e.class]),
       style: Z(e.style)
     }, [
       k(t.$slots, "default", {}, () => [
@@ -4869,7 +4869,7 @@ const Ja = M(
     le();
     const t = v(() => e.align ? `text-${e.align}` : void 0), s = xt(e);
     return (o, a) => (h(), T(ke(e.tag), {
-      class: G([
+      class: q([
         "ev-data-table-cell",
         { "pa-0": e.noPadding },
         t.value,
@@ -5210,7 +5210,7 @@ const ri = /* @__PURE__ */ H({
       isSelected: s,
       toggleSelect: o
     }), (S, y) => (h(), _("tr", {
-      class: G([
+      class: q([
         "ev-data-table-row",
         {
           "is-clickable": p.value,
@@ -5424,7 +5424,7 @@ const sf = /* @__PURE__ */ O("hr", { class: "ev-divider--line" }, null, -1), of
     ]);
     return (c, d) => i(s) ? (h(), _("div", {
       key: 0,
-      class: G(["ev-divider", u.value]),
+      class: q(["ev-divider", u.value]),
       role: "separator"
     }, [
       sf,
@@ -5434,7 +5434,7 @@ const sf = /* @__PURE__ */ O("hr", { class: "ev-divider--line" }, null, -1), of
       af
     ], 2)) : (h(), _("hr", {
       key: 1,
-      class: G(["ev-divider", u.value]),
+      class: q(["ev-divider", u.value]),
       role: "separator"
     }, null, 2));
   }
@@ -5957,7 +5957,7 @@ const mi = Symbol.for("ev:nested"), bf = {
       () => !!a.isClickable.value || !!t.onClick
     );
     return (w, L) => (h(), T(ke(E()), {
-      class: G([
+      class: q([
         "ev-list-item",
         {
           "is-active": b.value,
@@ -6052,7 +6052,7 @@ const mi = Symbol.for("ev:nested"), bf = {
       ref_key: "containerRef",
       ref: a,
       role: "listbox",
-      class: G([
+      class: q([
         "ev-list",
         {
           "is-disabled": t.disabled
@@ -7315,7 +7315,7 @@ const Mt = /* @__PURE__ */ H({
         }
       }
     );
-    const q = () => {
+    const G = () => {
       var ie;
       return (ie = a.activator) == null ? void 0 : ie.call(a, {
         isActive: f.value,
@@ -7332,7 +7332,7 @@ const Mt = /* @__PURE__ */ H({
     return (ie, $e) => {
       const Ve = _s("click-outside");
       return h(), _(Se, null, [
-        I(q),
+        I(G),
         z.value ? (h(), T(No, {
           key: 0,
           disabled: !i(A),
@@ -7491,7 +7491,7 @@ const Mt = /* @__PURE__ */ H({
     return (s, o) => (h(), T(ke(e.tag), {
       role: "group",
       "aria-label": e.title,
-      class: G([
+      class: q([
         "ev-section",
         e.class
       ]),
@@ -7623,19 +7623,19 @@ const qf = ["hidden"], Zf = ["hidden"], Lt = /* @__PURE__ */ H({
         () => {
           cancelAnimationFrame(U), U = requestAnimationFrame(() => {
             if (g.value && b.value) {
-              const q = c.value ? "width" : "height";
-              l.value = g.value[q], u.value = b.value[q], a.value = l.value + 1 < u.value;
+              const G = c.value ? "width" : "height";
+              l.value = g.value[G], u.value = b.value[G], a.value = l.value + 1 < u.value;
             }
             if (m.value >= 0 && f.value) {
-              const q = f.value.children[S.value];
+              const G = f.value.children[S.value];
               m.value === 0 || !a.value ? r.value = 0 : e.centerActive ? r.value = Gf({
-                selectedElement: q,
+                selectedElement: G,
                 containerSize: l.value,
                 contentSize: u.value,
                 isRtl: s.value,
                 isHorizontal: c.value
               }) : a.value && (r.value = Lo({
-                selectedElement: q,
+                selectedElement: G,
                 containerSize: l.value,
                 contentSize: u.value,
                 isRtl: s.value,
@@ -7648,10 +7648,10 @@ const qf = ["hidden"], Zf = ["hidden"], Lt = /* @__PURE__ */ H({
       );
     }
     function y(U) {
-      var q, fe, be, ie, $e;
+      var G, fe, be, ie, $e;
       if (f.value)
         if (!U)
-          (q = rl(f.value)[0]) == null || q.focus();
+          (G = rl(f.value)[0]) == null || G.focus();
         else if (U === "next") {
           const Ve = (fe = f.value.querySelector(":focus")) == null ? void 0 : fe.nextElementSibling;
           Ve ? Ve.focus() : y("first");
@@ -7661,14 +7661,14 @@ const qf = ["hidden"], Zf = ["hidden"], Lt = /* @__PURE__ */ H({
         } else U === "first" ? (ie = f.value.firstElementChild) == null || ie.focus() : U === "last" && (($e = f.value.lastElementChild) == null || $e.focus());
     }
     function E(U) {
-      var q;
-      !o.value && !(U.relatedTarget && ((q = f.value) != null && q.contains(U.relatedTarget))) && y();
+      var G;
+      !o.value && !(U.relatedTarget && ((G = f.value) != null && G.contains(U.relatedTarget))) && y();
     }
     function D(U) {
       if (o.value = !0, !(!a.value || !f.value)) {
-        for (const q of U.composedPath())
+        for (const G of U.composedPath())
           for (const fe of f.value.children)
-            if (fe === q) {
+            if (fe === G) {
               r.value = Lo({
                 selectedElement: fe,
                 containerSize: l.value,
@@ -7692,23 +7692,23 @@ const qf = ["hidden"], Zf = ["hidden"], Lt = /* @__PURE__ */ H({
     }
     let w = 0, L = 0;
     function B(U) {
-      const q = c.value ? "clientX" : "clientY";
-      L = (s.value && c.value ? -1 : 1) * r.value, w = U.touches[0][q], d.value = !0;
+      const G = c.value ? "clientX" : "clientY";
+      L = (s.value && c.value ? -1 : 1) * r.value, w = U.touches[0][G], d.value = !0;
     }
     function ne(U) {
       if (!a.value)
         return;
-      const q = c.value ? "clientX" : "clientY", fe = s.value && c.value ? -1 : 1;
-      r.value = fe * (L + w - U.touches[0][q]);
+      const G = c.value ? "clientX" : "clientY", fe = s.value && c.value ? -1 : 1;
+      r.value = fe * (L + w - U.touches[0][G]);
     }
     function x(U) {
-      const q = u.value - l.value;
-      r.value < 0 || !a.value ? r.value = 0 : r.value >= q && (r.value = q), d.value = !1;
+      const G = u.value - l.value;
+      r.value < 0 || !a.value ? r.value = 0 : r.value >= G && (r.value = G), d.value = !1;
     }
     function z(U) {
-      const q = r.value + (U === "previous" ? -1 : 1) * l.value;
+      const G = r.value + (U === "previous" ? -1 : 1) * l.value;
       r.value = Bt(
-        q,
+        G,
         0,
         u.value - l.value
       );
@@ -7720,9 +7720,9 @@ const qf = ["hidden"], Zf = ["hidden"], Lt = /* @__PURE__ */ H({
     ), ue = v(() => je(e.arrowsHidden) && e.arrowsHidden), ye = v(() => {
       let U = r.value > u.value - l.value ? -(u.value - l.value) + Mo(u.value - l.value - r.value) : -r.value;
       r.value <= 0 && (U = Mo(-r.value));
-      const q = s.value && c.value ? -1 : 1;
+      const G = s.value && c.value ? -1 : 1;
       return {
-        transform: `translate${c.value ? "X" : "Y"}(${q * U}px)`,
+        transform: `translate${c.value ? "X" : "Y"}(${G * U}px)`,
         transition: d.value ? "none" : "",
         willChange: d.value ? "transform" : ""
       };
@@ -7732,8 +7732,8 @@ const qf = ["hidden"], Zf = ["hidden"], Lt = /* @__PURE__ */ H({
       select: t.select,
       isSelected: t.isSelected
     })), re = v(() => Math.abs(r.value) > 0), pe = v(() => u.value > Math.abs(r.value) + l.value), ee = v(() => je(e.arrowsHidden) && e.arrowsHidden ? !1 : a.value || Math.abs(r.value) > 0), ae = v(() => `is-arrows-${e.arrowsAlign}`), se = v(() => e.iconNext ? e.iconNext : c.value ? Sa : In), K = v(() => e.iconPrevious ? e.iconPrevious : c.value ? ba : Rc);
-    return (U, q) => (h(), T(ke(e.tag), {
-      class: G([
+    return (U, G) => (h(), T(ke(e.tag), {
+      class: q([
         "ev-slide-group",
         {
           "is-overflowing": a.value,
@@ -7771,13 +7771,13 @@ const qf = ["hidden"], Zf = ["hidden"], Lt = /* @__PURE__ */ H({
         ], 544),
         ee.value ? (h(), _("div", {
           key: "previous",
-          class: G([
+          class: q([
             "ev-slide-group--previous",
             { "is-disabled": !re.value },
             ...i(j)
           ]),
           hidden: ue.value,
-          onClick: q[0] || (q[0] = () => z("previous"))
+          onClick: G[0] || (G[0] = () => z("previous"))
         }, [
           k(U.$slots, "previous", {}, () => [
             I(i(_e), {
@@ -7788,13 +7788,13 @@ const qf = ["hidden"], Zf = ["hidden"], Lt = /* @__PURE__ */ H({
         ], 10, qf)) : P("", !0),
         ee.value ? (h(), _("div", {
           key: "next",
-          class: G([
+          class: q([
             "ev-slide-group--next",
             { "is-disabled": !pe.value },
             ...i(j)
           ]),
           hidden: ue.value,
-          onClick: q[1] || (q[1] = () => z("next"))
+          onClick: G[1] || (G[1] = () => z("next"))
         }, [
           k(U.$slots, "next", {}, () => [
             I(i(_e), {
@@ -7883,7 +7883,7 @@ const qf = ["hidden"], Zf = ["hidden"], Lt = /* @__PURE__ */ H({
       "aria-valuemin": "0",
       "aria-valuemax": "100",
       "aria-valuenow": a.percentage,
-      class: G(["ev-progress", [
+      class: q(["ev-progress", [
         {
           "is-indeterminate": e.indeterminate
         },
@@ -8015,7 +8015,7 @@ const qf = ["hidden"], Zf = ["hidden"], Lt = /* @__PURE__ */ H({
           }, 8, ["for", "title", "hint"])
         ])) : P("", !0),
         O("div", {
-          class: G([
+          class: q([
             "ev-textfield--control",
             {
               "is-rounded": s.rounded,
@@ -8350,7 +8350,7 @@ const hv = Fi(
           }, null, 8, ["model-value", "indeterminate", "onUpdate:modelValue"])
         ])) : P("", !0),
         O("div", {
-          class: G([
+          class: q([
             "ev-data-table-search--modifiers",
             {
               "is-transitioning": C.value
@@ -8609,17 +8609,17 @@ function Vi(n, e) {
   function X() {
     if (!u.value || !f.value)
       return;
-    const ee = B - d, ae = Math.sign(ne), se = Math.max(0, ee - Jn), K = Bt(L(se), 0, e.value.length), U = ee + f.value + Jn, q = Bt(
+    const ee = B - d, ae = Math.sign(ne), se = Math.max(0, ee - Jn), K = Bt(L(se), 0, e.value.length), U = ee + f.value + Jn, G = Bt(
       L(U) + 1,
       K + 1,
       e.value.length
     );
     if (
       // Only update the side we're scrolling towards, the other side will be updated incidentally
-      (ae !== Pv || K < o.value) && (ae !== Av || q > a.value)
+      (ae !== Pv || K < o.value) && (ae !== Av || G > a.value)
     ) {
-      const fe = w(o.value) - w(K), be = w(q) - w(a.value);
-      Math.max(fe, be) > Jn ? (o.value = K, a.value = q) : (K <= 0 && (o.value = K), q >= e.value.length && (a.value = q));
+      const fe = w(o.value) - w(K), be = w(G) - w(a.value);
+      Math.max(fe, be) > Jn ? (o.value = K, a.value = G) : (K <= 0 && (o.value = K), G >= e.value.length && (a.value = G));
     }
     r.value = w(o.value), l.value = w(e.value.length) - w(a.value);
   }
@@ -8889,10 +8889,9 @@ function Vv(n, e) {
   if (Ee.supportsIntersection) {
     const o = new IntersectionObserver(
       (a) => {
-        s.value = !!a.find((r) => {
-          const u = r.target.getBoundingClientRect(), c = r.boundingClientRect;
-          return r.isIntersecting && Math.abs(u.top - c.top) < 1e-4 && Math.abs(u.left - c.left) < 1e-4;
-        });
+        s.value = !!a.find(
+          (r) => r.isIntersecting
+        );
       },
       e
     );
@@ -9034,7 +9033,7 @@ const Fo = /* @__PURE__ */ H({
     }), (x, z) => (h(), T(ke(s.tag), {
       ref_key: "rootEl",
       ref: r,
-      class: G([
+      class: q([
         "ev-infinite-scroll",
         `ev-infinite-scroll--${s.direction}`,
         {
@@ -9194,10 +9193,10 @@ const Fo = /* @__PURE__ */ H({
     function pe() {
       a.value = !0;
       const K = 1;
-      function U(q, fe = !1) {
-        r.value = q, l.value = K, Pe(() => {
+      function U(G, fe = !1) {
+        r.value = G, l.value = K, Pe(() => {
           ae(
-            q.length < s.itemsPerPage || fe ? "finished" : "ok"
+            G.length < s.itemsPerPage || fe ? "finished" : "ok"
           ), a.value = !1;
         });
       }
@@ -9205,10 +9204,10 @@ const Fo = /* @__PURE__ */ H({
     }
     function ee(K) {
       const U = l.value + 1;
-      function q(fe, be = !1) {
+      function G(fe, be = !1) {
         r.value.push(...fe), l.value = U, fe.length < s.itemsPerPage || be ? K.done() : K.next();
       }
-      t("load", { setPageItems: q, page: U });
+      t("load", { setPageItems: G, page: U });
     }
     function ae(K = "ok") {
       var U;
@@ -9228,18 +9227,18 @@ const Fo = /* @__PURE__ */ H({
       var K;
       (K = r.value) != null && K.length || pe();
     }), (K, U) => (h(), _("div", {
-      class: G(["ev-data-table", s.class]),
+      class: q(["ev-data-table", s.class]),
       style: Z([i(u), s.style])
     }, [
       I(i(vs), N(ye.value, {
         search: i(x),
         "onUpdate:search": [
-          U[0] || (U[0] = (q) => ze(x) ? x.value = q : null),
+          U[0] || (U[0] = (G) => ze(x) ? x.value = G : null),
           pe
         ],
         sort: i(ne),
         "onUpdate:sort": [
-          U[1] || (U[1] = (q) => ze(ne) ? ne.value = q : null),
+          U[1] || (U[1] = (G) => ze(ne) ? ne.value = G : null),
           pe
         ],
         loading: i(a),
@@ -9281,14 +9280,14 @@ const Fo = /* @__PURE__ */ H({
             k(K.$slots, "colgroup", {}, () => [
               O("colgroup", null, [
                 s.showSelect ? (h(), _("col", zv)) : P("", !0),
-                (h(!0), _(Se, null, Le(i(c), (q, fe) => (h(), _("col", {
+                (h(!0), _(Se, null, Le(i(c), (G, fe) => (h(), _("col", {
                   key: fe,
-                  style: Z(se(q))
+                  style: Z(se(G))
                 }, null, 4))), 128))
               ])
             ]),
             s.showHeaders ? (h(), _("thead", Hv, [
-              (h(!0), _(Se, null, Le(i(d), (q, fe) => (h(), _("tr", { key: fe }, [
+              (h(!0), _(Se, null, Le(i(d), (G, fe) => (h(), _("tr", { key: fe }, [
                 i(b) && fe === 0 ? (h(), T(i(Jt), {
                   key: 0,
                   tag: "th",
@@ -9305,7 +9304,7 @@ const Fo = /* @__PURE__ */ H({
                   ]),
                   _: 1
                 }, 8, ["rowspan"])) : P("", !0),
-                (h(!0), _(Se, null, Le(q, (be, ie) => (h(), T(i(Jt), N({
+                (h(!0), _(Se, null, Le(G, (be, ie) => (h(), T(i(Jt), N({
                   key: ie,
                   tag: "th"
                 }, be.headerProps, {
@@ -9334,16 +9333,16 @@ const Fo = /* @__PURE__ */ H({
                   style: { height: 0, border: 0 }
                 }, null, 8, Wv)
               ], 4),
-              (h(!0), _(Se, null, Le(i(F), (q) => (h(), T(ps, {
-                key: q.index,
+              (h(!0), _(Se, null, Le(i(F), (G) => (h(), T(ps, {
+                key: G.raw.key ?? G.index,
                 renderless: "",
-                "onUpdate:height": (fe) => i(C)(q.index, fe)
+                "onUpdate:height": (fe) => i(C)(G.index, fe)
               }, {
                 default: $(({ itemRef: fe }) => [
                   I(i(ri), ve(De({
                     ref: fe,
-                    item: q.raw,
-                    index: q.index,
+                    item: G.raw,
+                    index: G.index,
                     ...i(ol)(
                       s,
                       ":row",
@@ -9506,7 +9505,7 @@ const Fo = /* @__PURE__ */ H({
     return Q(o, (f) => {
       r.value = f, a.value = f;
     }), (f, b) => (h(), _("div", {
-      class: G([
+      class: q([
         "ev-date-picker-month",
         {
           "is-select-single": e.selectionMode === "single",
@@ -9522,7 +9521,7 @@ const Fo = /* @__PURE__ */ H({
         }, ce(m), 1))), 128)),
         (h(!0), _(Se, null, Le(u.value, (m) => (h(), _("div", {
           key: m.isoDate,
-          class: G([
+          class: q([
             "ev-date-picker-month--day",
             {
               "is-adjacent": m.isAdjacent,
@@ -9691,7 +9690,7 @@ const Fo = /* @__PURE__ */ H({
         return r === "grow" ? { width: "100%" } : { width: r };
     });
     return (r, l) => (h(), T(ke(e.tag), {
-      class: G([
+      class: q([
         "ev-container",
         {
           "is-fluid": e.fluid,
@@ -9745,7 +9744,7 @@ const Fo = /* @__PURE__ */ H({
         return p === "grow" ? { flex: "1 0 auto", maxWidth: "100%", width: "100%" } : { flex: `0 0 ${p}`, maxWidth: p, width: p };
     });
     return (p, g) => (h(), T(ke(e.tag), {
-      class: G([
+      class: q([
         "ev-layout",
         {
           "is-column": e.column,
@@ -9798,7 +9797,7 @@ const Fo = /* @__PURE__ */ H({
         return { height: d };
     });
     return (d, p) => (h(), T(ke(e.tag), {
-      class: G([
+      class: q([
         "ev-block",
         {
           "is-scrollable": e.scrollable
@@ -9832,7 +9831,7 @@ const Fo = /* @__PURE__ */ H({
   setup(n) {
     const e = n;
     return (t, s) => (h(), _("div", {
-      class: G(["ev-spacer", e.class]),
+      class: q(["ev-spacer", e.class]),
       style: Z([e.style])
     }, [
       k(t.$slots, "default")
@@ -10268,7 +10267,7 @@ const Fo = /* @__PURE__ */ H({
   setup(n) {
     const e = n, t = v(() => e.padding ? void 0 : "pa-0");
     return (s, o) => (h(), _("div", {
-      class: G([
+      class: q([
         "ev-dialog--body",
         "is-scrollable",
         t.value
@@ -10392,7 +10391,7 @@ const hp = /* @__PURE__ */ dp(fp, [["render", pp]]), qs = M(
         O("div", {
           ref_key: "sliderEl",
           ref: u,
-          class: G(["ev-tab--slider"])
+          class: q(["ev-tab--slider"])
         }, null, 512)
       ]),
       _: 2
@@ -10527,7 +10526,7 @@ const hp = /* @__PURE__ */ dp(fp, [["render", pp]]), qs = M(
       return r.value || S && y === "subtle";
     });
     return (S, y) => (h(), _("div", {
-      class: G([
+      class: q([
         "ev-toolbar",
         {
           "is-adjust-start": b.value,
@@ -10617,7 +10616,7 @@ const hp = /* @__PURE__ */ dp(fp, [["render", pp]]), qs = M(
     const r = v(() => t.closeable ? a : void 0), l = v(() => Oe(gs, t));
     return (u, c) => i(s).default ? (h(), _("div", {
       key: 0,
-      class: G(["ev-dialog--header", t.class]),
+      class: q(["ev-dialog--header", t.class]),
       style: Z(t.style)
     }, [
       k(u.$slots, "default")
@@ -10712,8 +10711,8 @@ const hp = /* @__PURE__ */ dp(fp, [["render", pp]]), qs = M(
         var pe;
         const re = (pe = a.value) == null ? void 0 : pe.contentEl;
         if (m && re) {
-          const ee = ul(re), ae = cl(re), se = X.pageX - S, K = X.pageY - y, U = re.getBoundingClientRect(), q = U.left + se, fe = U.top + K, be = dl(), ie = getComputedStyle(re), $e = parseFloat(ie.marginLeft), Ve = parseFloat(ie.marginTop);
-          re.style.position = "fixed", s.dragWithinViewport ? (q >= s.dragMinX && q + ee < be.width && (S = X.pageX, re.style.left = q - $e + "px"), fe >= s.dragMinY && fe + ae < be.height && (y = X.pageY, re.style.top = fe - Ve + "px")) : (S = X.pageX, re.style.left = q - $e + "px", y = X.pageY, re.style.top = fe - Ve + "px");
+          const ee = ul(re), ae = cl(re), se = X.pageX - S, K = X.pageY - y, U = re.getBoundingClientRect(), G = U.left + se, fe = U.top + K, be = dl(), ie = getComputedStyle(re), $e = parseFloat(ie.marginLeft), Ve = parseFloat(ie.marginTop);
+          re.style.position = "fixed", s.dragWithinViewport ? (G >= s.dragMinX && G + ee < be.width && (S = X.pageX, re.style.left = G - $e + "px"), fe >= s.dragMinY && fe + ae < be.height && (y = X.pageY, re.style.top = fe - Ve + "px")) : (S = X.pageX, re.style.left = G - $e + "px", y = X.pageY, re.style.top = fe - Ve + "px");
         }
       }, window.document.addEventListener("mousemove", E);
     }
@@ -10928,7 +10927,7 @@ const hp = /* @__PURE__ */ dp(fp, [["render", pp]]), qs = M(
     return (f, b) => {
       var m;
       return h(), _("div", {
-        class: G([
+        class: q([
           "ev-empty-state",
           e.class,
           i(it)(e.size, ["medium"])
@@ -10998,7 +10997,7 @@ const hp = /* @__PURE__ */ dp(fp, [["render", pp]]), qs = M(
       return ((l = s[r]) == null ? void 0 : l.value) ?? !1;
     });
     return (r, l) => (h(), _("div", {
-      class: G(["ev-field-help", { "is-visible": a.value }, i(t).class]),
+      class: q(["ev-field-help", { "is-visible": a.value }, i(t).class]),
       style: Z(i(t).style)
     }, [
       O("div", Tp, [
@@ -11085,7 +11084,7 @@ const hp = /* @__PURE__ */ dp(fp, [["render", pp]]), qs = M(
       ref_key: "formRef",
       ref: o,
       novalidate: "",
-      class: G(["ev-form", s.class]),
+      class: q(["ev-form", s.class]),
       style: Z([s.style]),
       onReset: r,
       onSubmit: l
@@ -11118,7 +11117,7 @@ const hp = /* @__PURE__ */ dp(fp, [["render", pp]]), qs = M(
       return ((a = t[o]) == null ? void 0 : a.value) ?? !1;
     });
     return (o, a) => (h(), _("div", {
-      class: G(["ev-form-help", { "is-visible": s.value }, e.class]),
+      class: q(["ev-form-help", { "is-visible": s.value }, e.class]),
       style: Z(e.style)
     }, [
       k(o.$slots, "default")
@@ -11139,7 +11138,7 @@ const hp = /* @__PURE__ */ dp(fp, [["render", pp]]), qs = M(
   setup(n) {
     const e = n;
     return (t, s) => (h(), _("kbd", {
-      class: G([
+      class: q([
         "ev-kbd",
         e.class,
         i(it)(e.size, [i(Tn).default])
@@ -11185,7 +11184,7 @@ const Kp = { render: Up }, Yp = ["href"], Gp = /* @__PURE__ */ H({
     le();
     const o = un(t, s), a = v(() => st(t.appearance)), r = v(() => s.target === "_blank" && !t.iconEnd ? Kp : t.iconEnd);
     return (l, u) => (h(), _("a", {
-      class: G([
+      class: q([
         "ev-link",
         {
           "is-disabled": i(t).disabled
@@ -11234,7 +11233,7 @@ const Kp = { render: Up }, Yp = ["href"], Gp = /* @__PURE__ */ H({
   setup(n) {
     const e = n, t = () => As(e.maxWidth), s = v(() => t() ? `${e.maxWidth}px` : e.maxWidth), { appearanceClass: o, variantClass: a } = Ht(e);
     return (r, l) => (h(), T(ke(e.tag), {
-      class: G(["ev-lozenge", i(o), i(a), e.class]),
+      class: q(["ev-lozenge", i(o), i(a), e.class]),
       style: Z([{ "max-width": s.value }, e.style])
     }, {
       default: $(() => [
@@ -11359,7 +11358,7 @@ const Kp = { render: Up }, Yp = ["href"], Gp = /* @__PURE__ */ H({
       });
     }
     return (E, D) => Qe((h(), T(ke(t.tag), {
-      class: G([
+      class: q([
         "ev-message",
         p.value,
         i(st)(t.appearance),
@@ -11406,7 +11405,7 @@ const Kp = { render: Up }, Yp = ["href"], Gp = /* @__PURE__ */ H({
         t.expandable ? (h(), _("div", sh, [
           I(_e, {
             rounded: "",
-            class: G([{ "is-expanded": l.value }]),
+            class: q([{ "is-expanded": l.value }]),
             "aria-label": i(u)("expand"),
             icon: i(In),
             size: "small",
@@ -12103,7 +12102,7 @@ const ih = 100, rh = 0.25, lh = /* @__PURE__ */ H({
       }
     });
     return (o, a) => (h(), _("span", {
-      class: G([
+      class: q([
         "ev-quickfind",
         {
           "is-variant-bold": o.bold
@@ -12152,7 +12151,7 @@ const ih = 100, rh = 0.25, lh = /* @__PURE__ */ H({
     const e = n, t = le(), s = rt(), o = v(() => e.id || `radio-group-${s}`), a = Wt(e);
     return Ne(Js, a), (r, l) => (h(), _("div", {
       id: o.value,
-      class: G([
+      class: q([
         "ev-radio-group",
         e.class,
         {
@@ -12511,7 +12510,7 @@ const br = /* @__PURE__ */ H({
       key: 1,
       ref_key: "containerRef",
       ref: r,
-      class: G(["ev-virtual-scroll", t.class]),
+      class: q(["ev-virtual-scroll", t.class]),
       style: Z([i(o), t.style]),
       onScrollPassive: S[0] || (S[0] = //@ts-ignore
       (...y) => i(u) && i(u)(...y)),
@@ -12701,7 +12700,7 @@ const br = /* @__PURE__ */ H({
       var x, z;
       return i(u) ? (h(), T(ke(f.value), {
         key: 0,
-        class: G([
+        class: q([
           "ev-tag",
           {
             "is-active": (x = i(c)) == null ? void 0 : x.isSelected.value,
@@ -12906,7 +12905,7 @@ const br = /* @__PURE__ */ H({
     function U(R) {
       t.openOnClear && (f.value = !0), F.value = "";
     }
-    function q(R) {
+    function G(R) {
       F.value = R.target.value;
     }
     function fe(R) {
@@ -13044,7 +13043,7 @@ const br = /* @__PURE__ */ H({
       onBlur: se,
       onChange: K,
       "onClick:clear": U,
-      onInput: q,
+      onInput: G,
       onKeydown: fe,
       "onMousedown:control": ie,
       "onUpdate:modelValue": Lr
@@ -13052,7 +13051,7 @@ const br = /* @__PURE__ */ H({
       default: $(() => [
         (h(!0), _(Se, null, Le(L.value, (de, Be) => (h(), _("div", {
           key: de.key,
-          class: G([
+          class: q([
             "ev-select--selected",
             {
               "is-selected": Be === B.value
@@ -13389,7 +13388,7 @@ const br = /* @__PURE__ */ H({
         }, 8, ["for", "title", "hint"])
       ])) : P("", !0),
       O("div", {
-        class: G([
+        class: q([
           "ev-textarea--control",
           i(st)(s.appearance, [i(xs).default])
         ]),
@@ -13729,7 +13728,7 @@ const Dr = {
     }), (A, w) => Qe((h(), T(ke(t.tag), {
       ref_key: "rootRef",
       ref: r,
-      class: G([
+      class: q([
         "ev-window",
         {
           "is-show-arrows-on-hover": t.showArrows === "hover"
@@ -13856,7 +13855,7 @@ const ym = /* @__PURE__ */ H({
     }, {
       default: $(() => [
         Qe(O("div", {
-          class: G(["ev-window-item", e.class]),
+          class: q(["ev-window-item", e.class]),
           style: Z(e.style)
         }, [
           i(g) ? k(f.$slots, "default", { key: 0 }) : P("", !0)