@evance/evance-ui 1.0.23 → 1.0.25

package/dist/evance-ui.mjs

@@ -2,7 +2,7 @@ var he = Object.defineProperty;
 var ge = (n, e, t) => e in n ? he(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var P = (n, e, t) => ge(n, typeof e != "symbol" ? e + "" : e, t);
 import { computed, unref, capitalize, onScopeDispose, getCurrentInstance, reactive, watchEffect, toRefs, inject, watch, ref, provide, shallowRef, isRef, defineComponent, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, toRaw, useCssVars, useAttrs, createBlock, resolveDynamicComponent, Transition, h, mergeProps, useSlots, normalizeStyle, createCommentVNode, nextTick, onBeforeMount, onBeforeUnmount, resolveDirective, withDirectives, withCtx, createVNode, vShow, createTextVNode, toDisplayString, effectScope, Fragment, toRef, renderList, normalizeProps, guardReactiveProps, createSlots, TransitionGroup, createStaticVNode, withModifiers, withKeys, readonly, Teleport, vModelDynamic, camelize, onUnmounted, onUpdated, vModelText, render as render$n } from "vue";
-/*! Evance UI v1.0.22 | MIT License */
+/*! Evance UI v1.0.25 | MIT License */
 class Anchor {
   constructor(e, t) {
     this.side = e, this.alignment = t;
@@ -584,8 +584,8 @@ function adjustedBoundingRect(n) {
       r = o.slice(7, -1).split(/, /), s = +r[0], a = +r[3], i = +r[4], c = +r[5];
     else
       return Rect.fromRect(e);
-    const l = t.transformOrigin, d = e.x - i - (1 - s) * parseFloat(l), f = e.y - c - (1 - a) * parseFloat(l.slice(l.indexOf(" ") + 1)), p = s ? e.width / s : n.offsetWidth + 1, u = a ? e.height / a : n.offsetHeight + 1;
-    return new Rect(d, f, p, u);
+    const l = t.transformOrigin, f = e.x - i - (1 - s) * parseFloat(l), d = e.y - c - (1 - a) * parseFloat(l.slice(l.indexOf(" ") + 1)), p = s ? e.width / s : n.offsetWidth + 1, u = a ? e.height / a : n.offsetHeight + 1;
+    return new Rect(f, d, p, u);
   } else
     return Rect.fromRect(e);
 }
@@ -1462,8 +1462,8 @@ function provideDefaults(n, e) {
     if (a)
       return l;
     if (i || c) {
-      const d = Number(i || 1 / 0);
-      for (let f = 0; f <= d && !(!l || !("previous" in l)); f++)
+      const f = Number(i || 1 / 0);
+      for (let d = 0; d <= f && !(!l || !("previous" in l)); d++)
         l = l.previous;
       return l && typeof c == "string" && c in l && (l = mergeDeep(
         mergeDeep(l, { previous: l }),
@@ -1489,11 +1489,11 @@ function internalUseDefaults(n = {}, e, t = injectDefaults()) {
     }
   ), s = new Proxy(n, {
     get(c, l) {
-      var f, p, u, v;
-      const d = Reflect.get(c, l);
-      return l === "class" || l === "style" ? [(f = r.value) == null ? void 0 : f[l], d].filter(
+      var d, p, u, v;
+      const f = Reflect.get(c, l);
+      return l === "class" || l === "style" ? [(d = r.value) == null ? void 0 : d[l], f].filter(
         (m) => m != null
-      ) : typeof l == "string" && !propIsDefined(o.vnode, l) ? ((p = r.value) == null ? void 0 : p[l]) ?? ((v = (u = t.value) == null ? void 0 : u.global) == null ? void 0 : v[l]) ?? d : d;
+      ) : typeof l == "string" && !propIsDefined(o.vnode, l) ? ((p = r.value) == null ? void 0 : p[l]) ?? ((v = (u = t.value) == null ? void 0 : u.global) == null ? void 0 : v[l]) ?? f : f;
     }
   }), a = shallowRef();
   watchEffect(() => {
@@ -1571,8 +1571,8 @@ function createDisplay(n, e) {
   function l() {
     c(), s.value = getPlatform();
   }
-  function d(f) {
-    const p = toDisplayRuleArray(f);
+  function f(d) {
+    const p = toDisplayRuleArray(d);
     for (const u of p) {
       if (!isString(u))
         continue;
@@ -1589,12 +1589,12 @@ function createDisplay(n, e) {
     return !1;
   }
   return watchEffect(() => {
-    const f = i.value < t.sm, p = i.value < t.md && !f, u = i.value < t.lg && !(p || f), v = i.value < t.xl && !(u || p || f), m = i.value < t.xxl && !(v || u || p || f), _ = i.value >= t.xxl, y = f ? "xs" : p ? "sm" : u ? "md" : v ? "lg" : m ? "xl" : "xxl", k = typeof o == "number" ? o : t[o], C = i.value < k;
-    a.xs = f, a.sm = p, a.md = u, a.lg = v, a.xl = m, a.xxl = _, a.xsUp = !0, a.smUp = !f, a.mdUp = !(f || p), a.lgUp = !(f || p || u), a.xlUp = !(f || p || u || v), a.xxlUp = !(f || p || u || v || m), a.smDown = !(u || v || m || _), a.mdDown = !(v || m || _), a.lgDown = !(m || _), a.xlDown = !_, a.name = y, a.height = r.value, a.width = i.value, a.mobile = C, a.mobileBreakpoint = o, a.platform = s.value, a.thresholds = t;
+    const d = i.value < t.sm, p = i.value < t.md && !d, u = i.value < t.lg && !(p || d), v = i.value < t.xl && !(u || p || d), m = i.value < t.xxl && !(v || u || p || d), _ = i.value >= t.xxl, y = d ? "xs" : p ? "sm" : u ? "md" : v ? "lg" : m ? "xl" : "xxl", k = typeof o == "number" ? o : t[o], C = i.value < k;
+    a.xs = d, a.sm = p, a.md = u, a.lg = v, a.xl = m, a.xxl = _, a.xsUp = !0, a.smUp = !d, a.mdUp = !(d || p), a.lgUp = !(d || p || u), a.xlUp = !(d || p || u || v), a.xxlUp = !(d || p || u || v || m), a.smDown = !(u || v || m || _), a.mdDown = !(v || m || _), a.lgDown = !(m || _), a.xlDown = !_, a.name = y, a.height = r.value, a.width = i.value, a.mobile = C, a.mobileBreakpoint = o, a.platform = s.value, a.thresholds = t;
   }), Browser.hasWindow && window.addEventListener("resize", c, { passive: !0 }), {
     ...toRefs(a),
     update: l,
-    hasActiveRule: d,
+    hasActiveRule: f,
     ssr: !!e
   };
 }
@@ -2761,7 +2761,7 @@ const EvTransition = (n, { slots: e }) => {
   setup(n, { emit: e }) {
     const t = n, o = useSlots(), r = shallowRef(""), s = ref(), a = shallowRef(
       t.eager ? "loading" : "idle"
-    ), i = shallowRef(), c = shallowRef(), l = useEvTransition(t), d = computed(() => {
+    ), i = shallowRef(), c = shallowRef(), l = useEvTransition(t), f = computed(() => {
       const g = t;
       return isObject(g.src) ? {
         src: g.src.src,
@@ -2774,7 +2774,7 @@ const EvTransition = (n, { slots: e }) => {
         lazySrc: t.lazySrc,
         aspect: t.aspectRatio || 0
       };
-    }), f = computed(() => d.value.aspect || i.value / c.value || 0), p = computed(() => ({
+    }), d = computed(() => f.value.aspect || i.value / c.value || 0), p = computed(() => ({
       "is-object-cover": t.cover,
       "is-object-contain": !t.cover
     }));
@@ -2784,31 +2784,31 @@ const EvTransition = (n, { slots: e }) => {
     }
     function v(g) {
       if (!(t.eager && g) && !(Browser.supportsIntersection && !g && !t.eager)) {
-        if (a.value = "loading", d.value.lazySrc) {
+        if (a.value = "loading", f.value.lazySrc) {
           const B = new Image();
-          B.src = d.value.lazySrc, k(B, null);
+          B.src = f.value.lazySrc, k(B, null);
         }
-        d.value.src && nextTick(() => {
+        f.value.src && nextTick(() => {
           var B;
-          e("loadstart", ((B = s.value) == null ? void 0 : B.currentSrc) || d.value.src), setTimeout(() => {
+          e("loadstart", ((B = s.value) == null ? void 0 : B.currentSrc) || f.value.src), setTimeout(() => {
             var V;
             if ((V = s.value) != null && V.complete) {
               if (s.value.naturalWidth || m(), a.value === "error")
                 return;
-              f.value || k(s.value, null), a.value === "loading" && _();
+              d.value || k(s.value, null), a.value === "loading" && _();
             } else
-              f.value || k(s.value), u();
+              d.value || k(s.value), u();
           });
         });
       }
     }
     function m() {
       var g;
-      a.value = "error", e("error", ((g = s.value) == null ? void 0 : g.currentSrc) || d.value.src);
+      a.value = "error", e("error", ((g = s.value) == null ? void 0 : g.currentSrc) || f.value.src);
     }
     function _() {
       var g;
-      u(), k(s.value), a.value = "loaded", e("load", ((g = s.value) == null ? void 0 : g.currentSrc) || d.value.src);
+      u(), k(s.value), a.value = "loaded", e("load", ((g = s.value) == null ? void 0 : g.currentSrc) || f.value.src);
     }
     let y = -1;
     function k(g, B = 100) {
@@ -2819,8 +2819,8 @@ const EvTransition = (n, { slots: e }) => {
           y = window.setTimeout(V, B);
           return;
         }
-        const { naturalHeight: M, naturalWidth: b } = g;
-        M || b ? (i.value = b, c.value = M) : (g.currentSrc.endsWith(".svg") || g.currentSrc.startsWith("data:image/svg+xml")) && (i.value = 1, c.value = 1);
+        const { naturalHeight: L, naturalWidth: b } = g;
+        L || b ? (i.value = b, c.value = L) : (g.currentSrc.endsWith(".svg") || g.currentSrc.startsWith("data:image/svg+xml")) && (i.value = 1, c.value = 1);
       };
       V();
     }
@@ -2831,7 +2831,7 @@ const EvTransition = (n, { slots: e }) => {
           v(!0);
         }));
       }
-    ), watch(f, (g, B) => {
+    ), watch(d, (g, B) => {
       !g && B && s.value && k(s.value);
     }), onBeforeMount(() => v()), Browser.hasWindow) {
       const g = ref(window.innerWidth), B = () => {
@@ -2841,13 +2841,13 @@ const EvTransition = (n, { slots: e }) => {
         window.addEventListener("resize", B), B();
       }), onBeforeUnmount(() => {
         window.removeEventListener("resize", B);
-      }), watch(g, (V, M) => {
-        V != M && u();
+      }), watch(g, (V, L) => {
+        V != L && u();
       });
     }
     const C = shallowRef(!1);
     {
-      const g = watch(f, (B) => {
+      const g = watch(d, (B) => {
         B && (requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             C.value = !0;
@@ -2858,8 +2858,8 @@ const EvTransition = (n, { slots: e }) => {
     const w = computed(() => a.value === "loaded"), E = computed(
       () => filterComponentProps(_sfc_main$1g, t)
     ), S = computed(() => ({
-      src: d.value.src,
-      srcset: d.value.srcset,
+      src: f.value.src,
+      srcset: f.value.srcset,
       alt: t.alt,
       crossorigin: t.crossorigin,
       referrerpolicy: t.referrerpolicy,
@@ -2886,11 +2886,11 @@ const EvTransition = (n, { slots: e }) => {
         ]
       }, E.value, {
         "aria-label": t.alt,
-        "aspect-ratio": f.value,
+        "aspect-ratio": d.value,
         role: t.alt ? "img" : void 0
       }), {
         additional: withCtx(() => [
-          d.value.src && a.value !== "idle" ? (openBlock(), createBlock(unref(EvTransition), {
+          f.value.src && a.value !== "idle" ? (openBlock(), createBlock(unref(EvTransition), {
             key: 0,
             transition: unref(l),
             appear: ""
@@ -2926,7 +2926,7 @@ const EvTransition = (n, { slots: e }) => {
           }, 8, ["transition"])) : createCommentVNode("", !0),
           createVNode(unref(EvTransition), { transition: unref(l) }, {
             default: withCtx(() => [
-              d.value.lazySrc && a.value !== "loaded" ? (openBlock(), createElementBlock("img", {
+              f.value.lazySrc && a.value !== "loaded" ? (openBlock(), createElementBlock("img", {
                 key: 0,
                 class: normalizeClass([
                   "ev-img--img",
@@ -2934,7 +2934,7 @@ const EvTransition = (n, { slots: e }) => {
                   p.value
                 ]),
                 style: normalizeStyle({ objectPosition: t.position }),
-                src: d.value.lazySrc,
+                src: f.value.lazySrc,
                 alt: t.alt,
                 crossorigin: t.crossorigin,
                 referrerpolicy: t.referrerpolicy,
@@ -3116,29 +3116,29 @@ function useModelProxy(n, e, t, o = (s) => s, r = (s) => s) {
     () => {
       watch(
         () => n[e],
-        (f) => {
-          a.value = f;
+        (d) => {
+          a.value = d;
         }
       );
     }
   );
-  const d = computed({
+  const f = computed({
     get() {
-      const f = n[e];
+      const d = n[e];
       return o(
-        l.value ? f : a.value
+        l.value ? d : a.value
       );
     },
-    set(f) {
-      const p = r(f), u = toRaw(
+    set(d) {
+      const p = r(d), u = toRaw(
         l.value ? n[e] : a.value
       );
-      u === p || o(u) === f || (a.value = p, s.emit(`update:${e}`, p));
+      u === p || o(u) === d || (a.value = p, s.emit(`update:${e}`, p));
     }
   });
-  return Object.defineProperty(d, "externalValue", {
+  return Object.defineProperty(f, "externalValue", {
     get: () => l.value ? n[e] : a.value
-  }), d;
+  }), f;
 }
 const _hoisted_1$y = ["aria-label"], _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "EvBadge",
@@ -3147,7 +3147,7 @@ const _hoisted_1$y = ["aria-label"], _sfc_main$1d = /* @__PURE__ */ defineCompon
   },
   setup(n) {
     const t = useDefaults(n), o = useSlots(), r = useModelProxy(t, "modelValue"), s = computed(() => Number(t.content)), a = computed(() => !t.max || isNaN(s.value) ? t.content : s.value <= +t.max ? s.value : `${t.max}+`), { positionStyles: i } = usePosition(t, !0, (l) => (t.floating ? t.dot ? 2 : 4 : t.dot ? 8 : 12) + (["top", "bottom"].includes(l) ? +(t.offsetY ?? 0) : ["left", "right"].includes(l) ? +(t.offsetX ?? 0) : 0)), c = computed(() => t.inline ? !0 : !o.default);
-    return (l, d) => (openBlock(), createElementBlock("div", {
+    return (l, f) => (openBlock(), createElementBlock("div", {
       class: normalizeClass([
         "ev-badge",
         {
@@ -3337,7 +3337,7 @@ function useGroup(n, e) {
         r.value = u ?? !m ? [p] : [];
       }
   }
-  function d(p) {
+  function f(p) {
     if (n.multiple && consoleWarn(
       'This method is not supported when using "multiple" prop'
     ), r.value.length) {
@@ -3353,14 +3353,14 @@ function useGroup(n, e) {
       u && (r.value = [u.id]);
     }
   }
-  const f = {
+  const d = {
     register: a,
     unregister: i,
     selected: r,
     select: l,
     disabled: toRef(n, "disabled"),
-    previous: () => d(o.length - 1),
-    next: () => d(1),
+    previous: () => f(o.length - 1),
+    next: () => f(1),
     isSelected: (p) => r.value.includes(p),
     selectedClass: computed(() => n.selectedClass),
     selectedAppearance: computed(() => n.selectedAppearance),
@@ -3368,7 +3368,7 @@ function useGroup(n, e) {
     items: computed(() => o),
     getItemIndex: (p) => getItemIndex(o, p)
   };
-  return provide(e, f), f;
+  return provide(e, d), d;
 }
 const makeEvButtonGroupProps = propsFactory(
   {
@@ -3431,7 +3431,7 @@ function useGroupItem(n, e, t) {
       `Evance UI: Could not find \`useGroup()\` injection with symbol '${e.description}'.`
     );
   }
-  const a = toRef(n, "value"), i = computed(() => !!(s.disabled.value || n.disabled)), c = computed(() => s.isSelected(r)), l = computed(() => c.value && [s.selectedClass.value, n.selectedClass]), d = computed(() => c.value ? n.selectedAppearance ?? (s == null ? void 0 : s.selectedAppearance.value) : void 0), f = computed(() => c.value ? n.selectedVariant ?? (s == null ? void 0 : s.selectedVariant.value) : void 0);
+  const a = toRef(n, "value"), i = computed(() => !!(s.disabled.value || n.disabled)), c = computed(() => s.isSelected(r)), l = computed(() => c.value && [s.selectedClass.value, n.selectedClass]), f = computed(() => c.value ? n.selectedAppearance ?? (s == null ? void 0 : s.selectedAppearance.value) : void 0), d = computed(() => c.value ? n.selectedVariant ?? (s == null ? void 0 : s.selectedVariant.value) : void 0);
   return s.register(
     {
       id: r,
@@ -3449,8 +3449,8 @@ function useGroupItem(n, e, t) {
     toggle: () => s.select(r, !c.value),
     select: (p) => s.select(r, p),
     selectedClass: l,
-    selectedAppearance: d,
-    selectedVariant: f,
+    selectedAppearance: f,
+    selectedVariant: d,
     value: a,
     disabled: i,
     group: s
@@ -3516,22 +3516,22 @@ const makeEvButtonProps = propsFactory(
       return e.indeterminate ? 0 : s() * (1 - e.percentage / 100);
     }
     function c() {
-      return o - d() / 2;
+      return o - f() / 2;
     }
     function l() {
       return `rotate(${defaultRotation + e.rotate}deg)`;
     }
-    function d() {
-      const f = defaultSize / 2, p = e.thickness / a() * defaultSize;
-      return p > f ? f : p;
+    function f() {
+      const d = defaultSize / 2, p = e.thickness / a() * defaultSize;
+      return p > d ? d : p;
     }
-    return (f, p) => (openBlock(), createElementBlock("span", {
+    return (d, p) => (openBlock(), createElementBlock("span", {
       ref_key: "container",
       ref: t,
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
-      "aria-valuenow": f.percentage,
+      "aria-valuenow": d.percentage,
       class: normalizeClass(["ev-progress-circular", [
         {
           "is-indeterminate": e.indeterminate,
@@ -3557,7 +3557,7 @@ const makeEvButtonProps = propsFactory(
           cx: "50%",
           cy: "50%",
           r: c(),
-          "stroke-width": d(),
+          "stroke-width": f(),
           "stroke-dasharray": s(),
           "stroke-dashoffset": "0"
         }, null, 8, _hoisted_2$p),
@@ -3567,13 +3567,13 @@ const makeEvButtonProps = propsFactory(
           cx: "50%",
           cy: "50%",
           r: c(),
-          "stroke-width": d(),
+          "stroke-width": f(),
           "stroke-dasharray": s(),
           "stroke-dashoffset": i()
         }, null, 8, _hoisted_3$l)
       ], 4)),
       createElementVNode("span", _hoisted_4$i, [
-        renderSlot(f.$slots, "default")
+        renderSlot(d.$slots, "default")
       ])
     ], 14, _hoisted_1$x));
   }
@@ -3626,7 +3626,7 @@ const _hoisted_1$w = {
     const o = useDefaults(n), r = useAttrs(), s = useSlots(), a = useGroupItem(o, o.symbol, !1), i = useRouterLinkOrHref(o, r), c = computed(() => {
       var E;
       return o.active !== void 0 ? o.active : i.isLink.value ? (E = i.isActive) == null ? void 0 : E.value : a == null ? void 0 : a.isSelected.value;
-    }), l = computed(() => (a == null ? void 0 : a.disabled.value) || o.disabled), d = computed(() => !l.value && !o.loading), f = computed(() => ([o.icon, o.iconStart, o.iconEnd].filter(
+    }), l = computed(() => (a == null ? void 0 : a.disabled.value) || o.disabled), f = computed(() => !l.value && !o.loading), d = computed(() => ([o.icon, o.iconStart, o.iconEnd].filter(
       (S) => !!S
     ).length === 1 && !s.default && !o.text || o.icon === !0) && !o.fullWidth), p = computed(() => i.isLink.value), u = computed(() => p.value ? "a" : "button");
     function v(E) {
@@ -3660,11 +3660,11 @@ const _hoisted_1$w = {
           {
             "is-active": c.value,
             "is-disabled": l.value,
-            "is-icon": f.value,
+            "is-icon": d.value,
             "is-fullwidth": unref(o).fullWidth,
             "is-loading": unref(o).loading,
             "is-rounded": unref(o).rounded,
-            "is-clickable": d.value
+            "is-clickable": f.value
           },
           unref(o).class
         ]),
@@ -3779,12 +3779,12 @@ const _hoisted_1$w = {
       select: a
     });
     const c = computed(() => filterComponentProps(_sfc_main$1a, t)), l = { isSelected: o, next: r, previous: s, select: a, selected: i };
-    return (d, f) => (openBlock(), createBlock(unref(_sfc_main$1a), mergeProps({
+    return (f, d) => (openBlock(), createBlock(unref(_sfc_main$1a), mergeProps({
       class: ["ev-button-toggle", t.class],
       style: t.style
     }, c.value), {
       default: withCtx(() => [
-        renderSlot(d.$slots, "default", normalizeProps(guardReactiveProps(l)))
+        renderSlot(f.$slots, "default", normalizeProps(guardReactiveProps(l)))
       ]),
       _: 3
     }, 16, ["class", "style"]));
@@ -4006,14 +4006,14 @@ const _hoisted_1$w = {
         return [];
       const i = isString(t.text) ? [t.text] : [...t.text];
       for (const [c, l] of i.entries()) {
-        const d = isString(l) ? { text: l } : l;
+        const f = isString(l) ? { text: l } : l;
         i[c] = {
           id: getNextId(),
           props: Object.assign(
             {
               size: a.value
             },
-            d
+            f
           )
         };
       }
@@ -4205,9 +4205,9 @@ const makeEvSurfaceProps = propsFactory(
       text: e.text,
       title: e.title,
       appearance: e.iconAppearance ?? e.appearance
-    })), { appearanceClass: i, variantClass: c } = useAppearance(e), l = computed(() => r.isClickable.value), d = computed(() => r.isLink.value ? "a" : e.tag), f = computed(() => e.actions || o.actions), p = computed(() => o.text || e.text || e.title || e.eyebrow);
+    })), { appearanceClass: i, variantClass: c } = useAppearance(e), l = computed(() => r.isClickable.value), f = computed(() => r.isLink.value ? "a" : e.tag), d = computed(() => e.actions || o.actions), p = computed(() => o.text || e.text || e.title || e.eyebrow);
     return (u, v) => (openBlock(), createBlock(unref(_sfc_main$13), {
-      tag: d.value,
+      tag: f.value,
       href: unref(r).href.value,
       class: normalizeClass([
         "ev-card",
@@ -4248,7 +4248,7 @@ const makeEvSurfaceProps = propsFactory(
             } : void 0
           ]), 1040)) : createCommentVNode("", !0),
           renderSlot(u.$slots, "default"),
-          f.value ? (openBlock(), createBlock(unref(_sfc_main$18), normalizeProps(mergeProps({ key: 1 }, s.value)), {
+          d.value ? (openBlock(), createBlock(unref(_sfc_main$18), normalizeProps(mergeProps({ key: 1 }, s.value)), {
             default: withCtx(() => [
               renderSlot(u.$slots, "actions")
             ]),
@@ -4733,7 +4733,7 @@ const makeEvErrorsProps = propsFactory(
   },
   emits: ["update:focused", "update:modelValue", "update:indeterminate"],
   setup(n, { expose: e }) {
-    const o = useDefaults(n), r = useSlots(), s = useAttrs(), a = ref(null), i = ref(null), [c, l] = splitInputAttrs(s), d = useFormField(o), { trueValue: f, isChecked: p } = useToggleControl(d.model, o), u = useModelProxy(o, "indeterminate");
+    const o = useDefaults(n), r = useSlots(), s = useAttrs(), a = ref(null), i = ref(null), [c, l] = splitInputAttrs(s), f = useFormField(o), { trueValue: d, isChecked: p } = useToggleControl(f.model, o), u = useModelProxy(o, "indeterminate");
     function v() {
       return i.value;
     }
@@ -4746,7 +4746,7 @@ const makeEvErrorsProps = propsFactory(
         var _;
         (_ = v()) == null || _.focus();
       },
-      ...d.expose()
+      ...f.expose()
     }), (_, y) => (openBlock(), createElementBlock("div", mergeProps({
       ref_key: "containerRef",
       ref: a,
@@ -4757,7 +4757,7 @@ const makeEvErrorsProps = propsFactory(
           "is-labelled": unref(o).label || unref(r).label,
           "is-indeterminate": unref(u)
         },
-        unref(d).classes,
+        unref(f).classes,
         unref(o).class
       ],
       style: unref(o).style
@@ -4765,30 +4765,30 @@ const makeEvErrorsProps = propsFactory(
       createElementVNode("div", _hoisted_1$r, [
         _hoisted_2$k,
         createElementVNode("input", mergeProps({
-          id: unref(d).id,
+          id: unref(f).id,
           ref_key: "inputRef",
           ref: i,
           type: "checkbox",
           role: "switch",
-          name: unref(d).name,
-          disabled: unref(d).isDisabled,
-          readonly: unref(d).isReadonly,
+          name: unref(f).name,
+          disabled: unref(f).isDisabled,
+          readonly: unref(f).isReadonly,
           checked: unref(p),
-          value: unref(f),
-          "aria-disabled": unref(d).isDisabled,
+          value: unref(d),
+          "aria-disabled": unref(f).isDisabled,
           "aria-checked": unref(u) ? "mixed" : unref(p)
         }, unref(l), {
           onInput: m,
           onFocus: y[0] || (y[0] = //@ts-ignore
-          (...k) => unref(d).focus && unref(d).focus(...k)),
+          (...k) => unref(f).focus && unref(f).focus(...k)),
           onBlur: y[1] || (y[1] = //@ts-ignore
-          (...k) => unref(d).blur && unref(d).blur(...k))
+          (...k) => unref(f).blur && unref(f).blur(...k))
         }), null, 16, _hoisted_3$i)
       ]),
       unref(o).label || unref(o).hint || unref(r).label ? (openBlock(), createElementBlock("div", _hoisted_4$f, [
         createVNode(unref(_sfc_main$11), {
           clickable: "",
-          for: unref(d).id,
+          for: unref(f).id,
           title: unref(o).label,
           hint: unref(o).hint
         }, {
@@ -4797,9 +4797,9 @@ const makeEvErrorsProps = propsFactory(
           ]),
           _: 3
         }, 8, ["for", "title", "hint"]),
-        unref(d).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
+        unref(f).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
           createVNode(unref(_sfc_main$10), {
-            messages: unref(d).errorMessages
+            messages: unref(f).errorMessages
           }, null, 8, ["messages"])
         ])) : createCommentVNode("", !0)
       ])) : createCommentVNode("", !0)
@@ -4955,12 +4955,12 @@ function provideSelection(n, {
       (C) => s.value.has(C.value)
     );
   }
-  function d(k) {
+  function f(k) {
     return wrapInArray(k).some(
       (C) => s.value.has(C.value)
     );
   }
-  function f(k, C) {
+  function d(k, C) {
     s.value = c.value.select({
       items: k,
       value: C,
@@ -4972,15 +4972,15 @@ function provideSelection(n, {
     if (r.value && C) {
       const E = a.value.findIndex(($) => n.valueComparator($, r.value)), S = a.value.findIndex(($) => n.valueComparator($, k));
       if (E === -1 || S === -1) {
-        f([k], !l([k])), r.value = s.value.size > 0 ? k : null;
+        d([k], !l([k])), r.value = s.value.size > 0 ? k : null;
         return;
       }
-      const [g, B] = E < S ? [E, S] : [S, E], V = a.value.slice(g, B + 1), M = l([r.value]), b = V.filter(
-        ($) => l([$]) !== M
+      const [g, B] = E < S ? [E, S] : [S, E], V = a.value.slice(g, B + 1), L = l([r.value]), b = V.filter(
+        ($) => l([$]) !== L
       );
-      f(b, M), M === w && f([k], !w);
+      d(b, L), L === w && d([k], !w);
     } else
-      f([k], !l([k]));
+      d([k], !l([k]));
     r.value = s.value.size > 0 ? k : null;
   }
   function u(k) {
@@ -5002,10 +5002,10 @@ function provideSelection(n, {
   ), y = {
     selected: s,
     toggleSelect: p,
-    select: f,
+    select: d,
     selectAll: u,
     isSelected: l,
-    isSomeSelected: d,
+    isSomeSelected: f,
     someSelected: v,
     allSelected: m,
     showSelect: o,
@@ -5113,15 +5113,15 @@ function parse(n, e) {
     const i = [];
     let c = 1;
     for (; a > 0; ) {
-      const { element: l, priority: d } = r.dequeue(), f = e - o - getDepth(l);
+      const { element: l, priority: f } = r.dequeue(), d = e - o - getDepth(l);
       if (i.push({
         ...l,
-        rowspan: f ?? 1,
+        rowspan: d ?? 1,
         colspan: l.children ? extractLeaves(l).length : 1
       }), l.children)
         for (const p of l.children) {
-          const u = d % 1 + c / Math.pow(10, o + 1);
-          r.enqueue(p, o + f + u);
+          const u = f % 1 + c / Math.pow(10, o + 1);
+          r.enqueue(p, o + d + u);
         }
       c += 1, a -= 1;
     }
@@ -5153,9 +5153,9 @@ function createHeaders(n) {
       title: capitalize(u)
     }))).slice(), l = convertToInternalHeaders(c, s);
     parseFixedColumns(l);
-    const d = Math.max(...l.map((u) => getDepth(u))) + 1, f = parse(l, d);
-    e.value = f.headers, t.value = f.columns;
-    const p = f.headers.flat(1);
+    const f = Math.max(...l.map((u) => getDepth(u))) + 1, d = parse(l, f);
+    e.value = d.headers, t.value = d.columns;
+    const p = d.headers.flat(1);
     o.value = p.reduce(
       (u, v) => (v.sortable && v.key && v.sort && (u[v.key] = v.sort), u),
       {}
@@ -5177,10 +5177,10 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     const e = n;
     useSlots();
     const t = computed(() => e.onClick || e.onContextmenu || e.onDblclick), { isSelected: o, toggleSelect: r, showSelect: s } = useSelection(), { columns: a } = useHeaders(), i = e.item, c = computed(() => o(i));
-    function l(d) {
-      r(i, d.shiftKey);
+    function l(f) {
+      r(i, f.shiftKey);
     }
-    return (d, f) => (openBlock(), createElementBlock("tr", {
+    return (f, d) => (openBlock(), createElementBlock("tr", {
       class: normalizeClass([
         "ev-data-table-row",
         {
@@ -5188,11 +5188,11 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
           "is-selected": c.value
         }
       ]),
-      onClick: f[0] || (f[0] = //@ts-ignore
+      onClick: d[0] || (d[0] = //@ts-ignore
       (...p) => e.onClick && e.onClick(...p)),
-      onContextmenu: f[1] || (f[1] = //@ts-ignore
+      onContextmenu: d[1] || (d[1] = //@ts-ignore
       (...p) => e.onContextmenu && e.onContextmenu(...p)),
-      onDblclick: f[2] || (f[2] = //@ts-ignore
+      onDblclick: d[2] || (d[2] = //@ts-ignore
       (...p) => e.onClick && e.onClick(...p))
     }, [
       unref(s) ? (openBlock(), createBlock(unref(_sfc_main$Z), {
@@ -5207,8 +5207,8 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         ]),
         _: 1
       })) : createCommentVNode("", !0),
-      renderSlot(d.$slots, "default", normalizeProps(guardReactiveProps({
-        index: d.index,
+      renderSlot(f.$slots, "default", normalizeProps(guardReactiveProps({
+        index: f.index,
         columns: unref(a),
         item: unref(i).raw,
         internalItem: unref(i),
@@ -5216,13 +5216,13 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         toggleSelect: unref(r)
       })), () => [
         (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(a), (p) => (openBlock(), createBlock(unref(_sfc_main$Z), mergeProps({
-          key: `item-${d.index}-${p.key}`
+          key: `item-${f.index}-${p.key}`
         }, p.cellProps, {
           align: p.align
         }), {
           default: withCtx(() => [
-            renderSlot(d.$slots, `item.${p.key}`, normalizeProps(guardReactiveProps({
-              index: d.index,
+            renderSlot(f.$slots, `item.${p.key}`, normalizeProps(guardReactiveProps({
+              index: f.index,
               item: unref(i).raw,
               internalItem: unref(i),
               value: unref(getPropertyValue)(unref(i).columns, p.key),
@@ -5284,12 +5284,12 @@ function useSortOptions(n) {
         }
       });
     return _;
-  }), d = computed(() => {
+  }), f = computed(() => {
     const m = [];
     for (const _ of e.value)
       m.push(a(_));
     return m;
-  }), f = computed(() => d.value[0]), p = computed(() => s(f.value).map((_) => Object.assign(
+  }), d = computed(() => f.value[0]), p = computed(() => s(d.value).map((_) => Object.assign(
     {
       props: {
         disabled: _.disabled,
@@ -5305,9 +5305,9 @@ function useSortOptions(n) {
     hasSort: o,
     sortOptions: c,
     sortSelected: e,
-    sortTitle: f,
+    sortTitle: d,
     sortTitleOptions: l,
-    sortTitleSelected: d,
+    sortTitleSelected: f,
     sortDirectionOptions: p,
     onSortTitleSelected: u,
     sortIcon: v
@@ -5390,7 +5390,7 @@ const _hoisted_1$q = /* @__PURE__ */ createElementVNode("hr", { class: "ev-divid
       },
       appearanceModifier(e.appearance, [Appearance.default])
     ]);
-    return (l, d) => unref(o) ? (openBlock(), createElementBlock("div", {
+    return (l, f) => unref(o) ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: normalizeClass(["ev-divider", c.value]),
       role: "separator"
@@ -5492,23 +5492,23 @@ const cascadeLeaf = (n) => {
       t = toRaw(t);
       const i = new Map(r), c = [t];
       for (; c.length; ) {
-        const d = c.shift();
-        r.set(d, o ? "on" : "off"), s.has(d) && c.push(...s.get(d));
+        const f = c.shift();
+        r.set(f, o ? "on" : "off"), s.has(f) && c.push(...s.get(f));
       }
       let l = a.get(t);
       for (; l; ) {
-        const d = s.get(l), f = d.every(
+        const f = s.get(l), d = f.every(
           (u) => r.get(u) === "on"
-        ), p = d.every(
+        ), p = f.every(
           (u) => !r.has(u) || r.get(u) === "off"
         );
         r.set(
           l,
-          f ? "on" : p ? "off" : "indeterminate"
+          d ? "on" : p ? "off" : "indeterminate"
         ), l = a.get(l);
       }
       return n && !o && Array.from(r.entries()).reduce(
-        (f, [p, u]) => u === "on" ? [...f, p] : f,
+        (d, [p, u]) => u === "on" ? [...d, p] : d,
         []
       ).length === 0 ? i : r;
     },
@@ -5536,7 +5536,7 @@ const cascadeLeaf = (n) => {
   const e = (r) => {
     const s = toRaw(r.id);
     if (n && !r.value) {
-      const a = (c, [l, d]) => d === "on" ? [...c, l] : c, i = Array.from(r.selected.entries()).reduce(a, []);
+      const a = (c, [l, f]) => f === "on" ? [...c, l] : c, i = Array.from(r.selected.entries()).reduce(a, []);
       if (i.length === 1 && i[0] === s)
         return r.selected;
     }
@@ -5710,13 +5710,13 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
     n,
     "selected",
     n.selected,
-    (f) => s.value.in(
-      f,
+    (d) => s.value.in(
+      d,
       o.value,
       r.value
     ),
-    (f) => s.value.out(
-      f,
+    (d) => s.value.out(
+      d,
       o.value,
       r.value
     )
@@ -5724,73 +5724,73 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
     n,
     "opened",
     n.opened,
-    (f) => new Set(f),
-    (f) => [...f.values()]
+    (d) => new Set(d),
+    (d) => [...d.values()]
   );
   onBeforeMount(() => {
     e = !0;
   });
-  function l(f) {
+  function l(d) {
     const p = [];
-    let u = f;
+    let u = d;
     for (; u != null; )
       p.unshift(u), u = r.value.get(u);
     return p;
   }
-  const d = {
+  const f = {
     id: shallowRef(),
     root: {
       children: o,
       parents: r,
       selected: a,
       selectedValues: useSelectedValues(a),
-      select: (f, p, u) => {
+      select: (d, p, u) => {
         t.emit("click:select", {
-          id: f,
+          id: d,
           value: p,
-          path: l(f),
+          path: l(d),
           event: u
         });
         const v = s.value.select({
-          id: f,
+          id: d,
           value: p,
           selected: new Map(a.value),
           children: o.value,
           parents: r.value,
           event: u
         });
-        v && (a.value = v), d.root.openOnSelect(f, p, u);
+        v && (a.value = v), f.root.openOnSelect(d, p, u);
       },
-      register: (f, p, u) => {
-        p && f !== p && r.value.set(f, p), u && o.value.set(f, []), p != null && o.value.set(p, [
+      register: (d, p, u) => {
+        p && d !== p && r.value.set(d, p), u && o.value.set(d, []), p != null && o.value.set(p, [
           ...o.value.get(p) || [],
-          f
+          d
         ]);
       },
-      unregister: (f) => {
+      unregister: (d) => {
         if (e)
           return;
-        o.value.delete(f);
-        const p = r.value.get(f);
+        o.value.delete(d);
+        const p = r.value.get(d);
         if (p) {
           const u = o.value.get(p) ?? [];
           o.value.set(
             p,
-            u.filter((v) => v !== f)
+            u.filter((v) => v !== d)
           );
         }
-        r.value.delete(f);
+        r.value.delete(d);
       },
       opened: c,
-      open: (f, p, u) => {
+      open: (d, p, u) => {
         t.emit("click:open", {
-          id: f,
+          id: d,
           value: p,
-          path: l(f),
+          path: l(d),
           event: u
         });
         const v = i.value.open({
-          id: f,
+          id: d,
           value: p,
           opened: new Set(c.value),
           children: o.value,
@@ -5799,9 +5799,9 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
         });
         v && (c.value = v);
       },
-      openOnSelect: (f, p, u) => {
+      openOnSelect: (d, p, u) => {
         const v = i.value.select({
-          id: f,
+          id: d,
           value: p,
           selected: new Map(a.value),
           opened: new Set(c.value),
@@ -5813,7 +5813,7 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
       }
     }
   };
-  return provide(EvNestedSymbol, d), d.root;
+  return provide(EvNestedSymbol, f), f.root;
 }, useNestedListItem = (n, e) => {
   const t = inject(EvNestedSymbol, emptyNestedList), o = Symbol(getNextId()), r = computed(() => n.value !== void 0 ? n.value : o), s = {
     ...t,
@@ -5901,7 +5901,7 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
   setup(n, { emit: e }) {
     const t = n, o = useSlots(), r = useAttrs(), s = useRouterLinkOrHref(t, r), a = useList(), i = computed(
       () => t.value === void 0 ? s.href.value : t.value
-    ), { select: c, isSelected: l } = useNestedListItem(i, !1), d = hasSlotWithContent(o, "suffix"), f = hasSlotWithContent(o, "prefix"), p = computed(() => t.link !== !1 && s.isLink.value), u = computed(() => !t.disabled && t.link !== !1 && (t.link || s.isClickable.value || t.value != null && !!a)), v = computed(() => {
+    ), { select: c, isSelected: l } = useNestedListItem(i, !1), f = hasSlotWithContent(o, "suffix"), d = hasSlotWithContent(o, "prefix"), p = computed(() => t.link !== !1 && s.isLink.value), u = computed(() => !t.disabled && t.link !== !1 && (t.link || s.isClickable.value || t.value != null && !!a)), v = computed(() => {
       var g;
       return t.active !== !1 && (t.active || ((g = s.isActive) == null ? void 0 : g.value) || l.value);
     }), m = computed(() => {
@@ -5948,7 +5948,7 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
         unref(_) ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
           createVNode(unref(_sfc_main$1h), { glyph: unref(_) }, null, 8, ["glyph"])
         ])) : createCommentVNode("", !0),
-        unref(f) ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
+        unref(d) ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
           renderSlot(g.$slots, "prefix")
         ])) : createCommentVNode("", !0),
         createElementVNode("div", _hoisted_3$g, [
@@ -5956,7 +5956,7 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
             createTextVNode(toDisplayString(t.title), 1)
           ])
         ]),
-        unref(d) ? (openBlock(), createElementBlock("div", _hoisted_4$e, [
+        unref(f) ? (openBlock(), createElementBlock("div", _hoisted_4$e, [
           renderSlot(g.$slots, "suffix")
         ])) : createCommentVNode("", !0),
         unref(y) ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
@@ -5991,11 +5991,11 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
   setup(n, { expose: e }) {
     const t = n, { items: o } = useItems(t), { select: r } = useNestedList(t), s = ref(void 0), a = shallowRef(!1), i = shallowRef(void 0), c = computed(() => t.disabled || a.value ? -1 : 0), l = useDimensions(t);
     createList();
-    function d(m) {
+    function f(m) {
       var _;
       !a.value && !(m.relatedTarget && ((_ = s.value) != null && _.contains(m.relatedTarget))) && s.value && (i.value ? i.value.focus() : v());
     }
-    function f(m) {
+    function d(m) {
       a.value = !0;
     }
     function p(m) {
@@ -6030,8 +6030,8 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
       style: normalizeStyle([t.style, unref(l)]),
       tabindex: c.value,
       onKeydown: u,
-      onFocus: d,
-      onFocusin: f,
+      onFocus: f,
+      onFocusin: d,
       onFocusout: p
     }, {
       default: withCtx(() => [
@@ -6725,12 +6725,12 @@ class ZoneCalculator {
         }
       }
     }, l = [];
-    for (const [d, f] of Object.entries(i))
+    for (const [f, d] of Object.entries(i))
       for (const [p, u] of Object.entries(
-        c[f.align]
+        c[d.align]
       )) {
         const v = new Anchor(
-          d,
+          f,
           p
         ), m = Object.assign(
           {
@@ -6739,12 +6739,12 @@ class ZoneCalculator {
             x: 0,
             y: 0
           },
-          f,
+          d,
           u
         ), _ = Rect.fromRect(m);
         l.push(new Zone(v, _, r));
       }
-    return l.sort((d, f) => f.availableArea - d.availableArea), l;
+    return l.sort((f, d) => d.availableArea - f.availableArea), l;
   }
 }
 function staticPositionStrategy(n, e, t) {
@@ -6829,13 +6829,13 @@ function blockScrollStrategy(n, e) {
     ), c.classList.add("ev-overlay-scroll-blocked");
   }), onScopeDispose(() => {
     var c;
-    o.forEach((l, d) => {
-      const f = parseFloat(
+    o.forEach((l, f) => {
+      const d = parseFloat(
         l.style.getPropertyValue("--ev-body-scroll-x")
       ), p = parseFloat(
         l.style.getPropertyValue("--ev-body-scroll-y")
       );
-      l.style.removeProperty("--ev-body-scroll-x"), l.style.removeProperty("--ev-body-scroll-y"), l.style.removeProperty("--ev-scrollbar-offset"), l.classList.remove("ev-overlay-scroll-blocked"), l.scrollLeft = -f, l.scrollTop = -p;
+      l.style.removeProperty("--ev-body-scroll-x"), l.style.removeProperty("--ev-body-scroll-y"), l.style.removeProperty("--ev-scrollbar-offset"), l.classList.remove("ev-overlay-scroll-blocked"), l.scrollLeft = -d, l.scrollTop = -p;
     }), s && ((c = n.containerEl.value) == null || c.classList.remove(
       "ev-overlay--scroll-blocked"
     ));
@@ -6854,9 +6854,9 @@ function repositionScrollStrategy(n, e, t) {
   let o = !1, r = -1, s = -1;
   function a(i) {
     requestNewFrame(() => {
-      var d, f;
+      var f, d;
       const c = performance.now();
-      (f = (d = n.updatePosition).value) == null || f.call(d, i), o = (performance.now() - c) / (1e3 / 60) > 2;
+      (d = (f = n.updatePosition).value) == null || d.call(f, i), o = (performance.now() - c) / (1e3 / 60) > 2;
     });
   }
   s = (typeof requestIdleCallback > "u" ? (i) => i() : requestIdleCallback)(() => {
@@ -6946,39 +6946,39 @@ const makeEvOverlayProps = propsFactory(
   },
   setup(n) {
     const e = n;
-    function t(f) {
+    function t(d) {
       var u;
-      const p = (u = f.querySelector(
+      const p = (u = d.querySelector(
         ":scope > .ev-card, :scope > .ev-surface, :scope > .ev-list"
       )) == null ? void 0 : u.children;
       return p && [...p];
     }
-    function o(f, p) {
-      const u = Rect.fromElement(f), v = Rect.fromElement(p, !0), m = getComputedStyle(p), [_, y] = m.transformOrigin.split(" ").map((D) => parseFloat(D)), [k, C] = m.getPropertyValue("--ev-overlay-position").split(" ");
+    function o(d, p) {
+      const u = Rect.fromElement(d), v = Rect.fromElement(p, !0), m = getComputedStyle(p), [_, y] = m.transformOrigin.split(" ").map((D) => parseFloat(D)), [k, C] = m.getPropertyValue("--ev-overlay-position").split(" ");
       let w = u.left;
       k === "center" || C === "center" ? w += u.width / 2 : (k === "right" || C === "right") && (w += u.width);
       let E = u.top;
       k === "center" || C === "center" ? E += u.height / 2 : (k === "bottom" || C === "bottom") && (E += u.height);
-      const S = u.width / v.width, g = u.height / v.height, B = Math.max(1, S, g), V = S / B || 0, M = g / B || 0, b = v.width * v.height / (window.innerWidth * window.innerHeight), $ = b > 0.12 ? Math.min(1.5, (b - 0.12) * 10 + 1) : 1;
+      const S = u.width / v.width, g = u.height / v.height, B = Math.max(1, S, g), V = S / B || 0, L = g / B || 0, b = v.width * v.height / (window.innerWidth * window.innerHeight), $ = b > 0.12 ? Math.min(1.5, (b - 0.12) * 10 + 1) : 1;
       return {
         x: w - (_ + v.left),
         y: E - (y + v.top),
         scaleX: V,
-        scaleY: M,
+        scaleY: L,
         speedFactor: $
       };
     }
-    function r(f) {
-      f.style.pointerEvents = "none", f.style.visibility = "hidden";
+    function r(d) {
+      d.style.pointerEvents = "none", d.style.visibility = "hidden";
     }
-    async function s(f, p) {
+    async function s(d, p) {
       var w;
-      await new Promise((E) => requestAnimationFrame(E)), await new Promise((E) => requestAnimationFrame(E)), f.style.visibility = "";
+      await new Promise((E) => requestAnimationFrame(E)), await new Promise((E) => requestAnimationFrame(E)), d.style.visibility = "";
       const { x: u, y: v, scaleX: m, scaleY: _, speedFactor: y } = o(
         e.target,
-        f
+        d
       ), k = 250, C = animate(
-        f,
+        d,
         [
           {
             transform: `translate(${u}px, ${v}px) scale(${m}, ${_})`,
@@ -6991,28 +6991,28 @@ const makeEvOverlayProps = propsFactory(
           easing: easingStandard
         }
       );
-      (w = t(f)) == null || w.forEach((E) => {
+      (w = t(d)) == null || w.forEach((E) => {
         animate(E, [{ opacity: 0 }, { opacity: 0, offset: 0.25 }, {}], {
           duration: k * y,
           easing: easingStandard
         });
       }), C.finished.then(() => p());
     }
-    function a(f) {
-      f.style.removeProperty("pointer-events");
+    function a(d) {
+      d.style.removeProperty("pointer-events");
     }
-    function i(f) {
-      f.style.pointerEvents = "none";
+    function i(d) {
+      d.style.pointerEvents = "none";
     }
-    async function c(f, p) {
+    async function c(d, p) {
       var C;
       await new Promise((w) => requestAnimationFrame(w));
       const { x: u, y: v, scaleX: m, scaleY: _, speedFactor: y } = o(
         e.target,
-        f
+        d
       );
       animate(
-        f,
+        d,
         [
           {},
           {
@@ -7024,17 +7024,17 @@ const makeEvOverlayProps = propsFactory(
           duration: 125 * y,
           easing: easingAccelerate
         }
-      ).finished.then(() => p()), (C = t(f)) == null || C.forEach((w) => {
+      ).finished.then(() => p()), (C = t(d)) == null || C.forEach((w) => {
         animate(w, [{}, { opacity: 0, offset: 0.25 }, { opacity: 0 }], {
           duration: 250 * y,
           easing: easingStandard
         });
       });
     }
-    function l(f) {
-      f.style.removeProperty("pointer-events");
+    function l(d) {
+      d.style.removeProperty("pointer-events");
     }
-    const d = computed(() => e.target ? {
+    const f = computed(() => e.target ? {
       css: !1,
       onBeforeEnter: r,
       onEnter: s,
@@ -7043,9 +7043,9 @@ const makeEvOverlayProps = propsFactory(
       onLeave: c,
       onAfterLeave: l
     } : {});
-    return (f, p) => (openBlock(), createBlock(Transition, mergeProps({ name: "ev-menu-transition" }, d.value), {
+    return (d, p) => (openBlock(), createBlock(Transition, mergeProps({ name: "ev-menu-transition" }, f.value), {
       default: withCtx(() => [
-        renderSlot(f.$slots, "default")
+        renderSlot(d.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -7110,8 +7110,8 @@ function useStack(n, e, t) {
   });
   const c = shallowRef(!0);
   r && watchEffect(() => {
-    const d = isTopComponent(o);
-    setTimeout(() => c.value = d);
+    const f = isTopComponent(o);
+    setTimeout(() => c.value = f);
   });
   const l = computed(() => !a.activeChildren.size);
   return {
@@ -7169,10 +7169,10 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     "afterLeave"
   ],
   setup(n, { expose: e, emit: t }) {
-    const o = n, r = useAttrs(), s = useSlots(), a = useRouter(), i = useModelProxy(o, "modelValue"), c = ref(void 0), l = ref(void 0), d = useEvTransition(o), f = useDimensions(o), { scopeId: p } = useScopeId(), u = computed({
+    const o = n, r = useAttrs(), s = useSlots(), a = useRouter(), i = useModelProxy(o, "modelValue"), c = ref(void 0), l = ref(void 0), f = useEvTransition(o), d = useDimensions(o), { scopeId: p } = useScopeId(), u = computed({
       get: () => i.value,
-      set: (H) => {
-        H && o.disabled || (i.value = H);
+      set: (O) => {
+        O && o.disabled || (i.value = O);
       }
     }), { isTopGlobal: v, isTopLocal: m, stackStyles: _ } = useStack(
       u,
@@ -7186,7 +7186,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       veilEvents: E
     } = useActivator(o, u, m), S = useTeleport(
       computed(() => o.attach || o.contained)
-    ), { rtlClasses: g, isRtl: B } = useRtl(), { contentStyles: V, updatePosition: M } = usePositionStrategies(o, {
+    ), { rtlClasses: g, isRtl: B } = useRtl(), { contentStyles: V, updatePosition: L } = usePositionStrategies(o, {
       isRtl: B,
       contentEl: l,
       activatorEl: y,
@@ -7197,17 +7197,17 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       contentEl: l,
       activatorEl: y,
       isActive: u,
-      updatePosition: M
+      updatePosition: L
     }), e({
       activatorEl: y,
       contentEl: l,
       isTopGlobal: v,
       isTopLocal: m,
-      updatePosition: M
+      updatePosition: L
     }), watch(
       () => o.disabled,
-      (H) => {
-        H && (u.value = !1);
+      (O) => {
+        O && (u.value = !1);
       }
     );
     const b = computed(() => u.value && !!o.veil), $ = shallowRef(!1);
@@ -7217,29 +7217,29 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     function D() {
       return u.value && v.value;
     }
-    function L(H = !1) {
+    function W(O = !1) {
       var q, Z;
       if (o.persistent) {
         clickBlockedAnimation(l.value);
         return;
       }
-      u.value = !1, H && ((q = l.value) != null && q.contains(document.activeElement)) && ((Z = y.value) == null || Z.focus());
+      u.value = !1, O && ((q = l.value) != null && q.contains(document.activeElement)) && ((Z = y.value) == null || Z.focus());
     }
-    function G(H) {
-      if (!H.dataset.enter) {
-        H.dataset.enter = "true";
+    function G(O) {
+      if (!O.dataset.enter) {
+        O.dataset.enter = "true";
         return;
       }
       t("enter");
     }
-    function F(H) {
-      if (!H.dataset.afterEnter) {
-        H.dataset.afterEnter = "true";
+    function N(O) {
+      if (!O.dataset.afterEnter) {
+        O.dataset.afterEnter = "true";
         return;
       }
       t("afterEnter");
     }
-    function W() {
+    function H() {
       t("beforeLeave");
     }
     function K() {
@@ -7248,44 +7248,44 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     function I() {
       $.value = !1, t("afterLeave");
     }
-    const O = {
-      handler: z,
+    const z = {
+      handler: M,
       condition: D,
       include: () => [y.value]
     };
-    function z(H) {
-      t("click:outside", H), L(!1);
+    function M(O) {
+      t("click:outside", O), W(!1);
     }
-    function A(H) {
-      H.key === "Escape" && v.value && L(!0);
+    function A(O) {
+      O.key === "Escape" && v.value && W(!0);
     }
     watch(
       u,
-      (H) => {
-        H ? window.addEventListener("keydown", A) : window.removeEventListener("keydown", A);
+      (O) => {
+        O ? window.addEventListener("keydown", A) : window.removeEventListener("keydown", A);
       },
       { immediate: !0 }
     ), useToggleScope(
       () => o.closeOnBack,
       () => {
-        useBackButton(a, (H) => {
-          v.value && u.value ? (H(!1), L(!1)) : H();
+        useBackButton(a, (O) => {
+          v.value && u.value ? (O(!1), W(!1)) : O();
         });
       }
     );
     const T = ref();
     watch(
       () => u.value && (o.absolute || o.contained) && S.value == null,
-      (H) => {
-        if (H) {
+      (O) => {
+        if (O) {
           const q = getScrollParent(c.value);
           q && q !== document.scrollingElement && (T.value = q.scrollTop);
         }
       }
     );
-    const N = () => {
-      var H;
-      return (H = s.activator) == null ? void 0 : H.call(s, {
+    const F = () => {
+      var O;
+      return (O = s.activator) == null ? void 0 : O.call(s, {
         isActive: u.value,
         props: mergeProps(
           { ref: k },
@@ -7297,10 +7297,10 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       ...p,
       ...r
     };
-    return (H, q) => {
+    return (O, q) => {
       const Z = resolveDirective("click-outside");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(N),
+        createVNode(F),
         $.value ? (openBlock(), createBlock(Teleport, {
           key: 0,
           disabled: !unref(S),
@@ -7339,11 +7339,11 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             }),
             createVNode(unref(EvTransition), {
               appear: "",
-              transition: unref(d),
+              transition: unref(f),
               target: unref(y),
               onEnter: G,
-              onAfterEnter: F,
-              onBeforeLeave: W,
+              onAfterEnter: N,
+              onBeforeLeave: H,
               onLeave: K,
               onAfterLeave: I
             }, {
@@ -7352,12 +7352,12 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                   ref_key: "contentEl",
                   ref: l,
                   class: ["ev-overlay--content", [o.contentClass]],
-                  style: [unref(f), unref(V)]
+                  style: [unref(d), unref(V)]
                 }, unref(U)), [
-                  renderSlot(H.$slots, "default")
+                  renderSlot(O.$slots, "default")
                 ], 16)), [
                   [vShow, u.value],
-                  [Z, O]
+                  [Z, z]
                 ])
               ]),
               _: 3
@@ -7387,10 +7387,10 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
         }, 40);
       }
     }), watch(r, (m) => m ? c == null ? void 0 : c.register() : c == null ? void 0 : c.unregister());
-    function d() {
+    function f() {
       c == null || c.closeParents();
     }
-    function f(m) {
+    function d(m) {
       var _, y;
       t.disabled || m.key === "Tab" && (r.value = !1, (y = (_ = i.value) == null ? void 0 : _.activatorEl) == null || y.focus());
     }
@@ -7424,8 +7424,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       class: ["ev-menu", t.class],
       style: t.style,
       "activator-props": u.value,
-      "onClick:outside": d,
-      onKeydown: f
+      "onClick:outside": f,
+      onKeydown: d
     }), createSlots({
       default: withCtx(() => [
         renderSlot(m.$slots, "default")
@@ -7549,12 +7549,12 @@ function calculateUpdatedOffset({
   currentScrollOffset: r,
   isHorizontal: s
 }) {
-  const a = s ? n.clientWidth : n.clientHeight, i = s ? n.offsetLeft : n.offsetTop, c = o && s ? t - i - a : i, l = e + r, d = a + c, f = a * 0.4;
+  const a = s ? n.clientWidth : n.clientHeight, i = s ? n.offsetLeft : n.offsetTop, c = o && s ? t - i - a : i, l = e + r, f = a + c, d = a * 0.4;
   return c <= r ? r = Math.max(
-    c - f,
+    c - d,
     0
-  ) : l <= d && (r = Math.min(
-    r - (l - d - f),
+  ) : l <= f && (r = Math.min(
+    r - (l - f - d),
     t - e
   )), r;
 }
@@ -7574,7 +7574,7 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
     ...makeEvSlideGroupProps()
   },
   setup(n) {
-    const e = n, t = useGroup(e, e.symbol), { isRtl: o } = useRtl(), r = shallowRef(!1), s = shallowRef(!1), a = shallowRef(0), i = shallowRef(0), c = shallowRef(0), l = computed(() => e.direction === "horizontal"), d = shallowRef(!1), { resizeRef: f, contentRect: p } = useResizeObserver(), { resizeRef: u, contentRect: v } = useResizeObserver(), m = computed(() => t.selected.value.length ? t.items.value.findIndex(
+    const e = n, t = useGroup(e, e.symbol), { isRtl: o } = useRtl(), r = shallowRef(!1), s = shallowRef(!1), a = shallowRef(0), i = shallowRef(0), c = shallowRef(0), l = computed(() => e.direction === "horizontal"), f = shallowRef(!1), { resizeRef: d, contentRect: p } = useResizeObserver(), { resizeRef: u, contentRect: v } = useResizeObserver(), m = computed(() => t.selected.value.length ? t.items.value.findIndex(
       (T) => T.id === t.selected.value[0]
     ) : -1), _ = computed(() => t.selected.value.length ? t.items.value.findIndex(
       (T) => T.id === t.selected.value[t.selected.value.length - 1]
@@ -7591,19 +7591,19 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
         () => {
           cancelAnimationFrame(T), T = requestAnimationFrame(() => {
             if (p.value && v.value) {
-              const N = l.value ? "width" : "height";
-              i.value = p.value[N], c.value = v.value[N], s.value = i.value + 1 < c.value;
+              const F = l.value ? "width" : "height";
+              i.value = p.value[F], c.value = v.value[F], s.value = i.value + 1 < c.value;
             }
             if (m.value >= 0 && u.value) {
-              const N = u.value.children[_.value];
+              const F = u.value.children[_.value];
               m.value === 0 || !s.value ? a.value = 0 : e.centerActive ? a.value = calculateCenteredOffset({
-                selectedElement: N,
+                selectedElement: F,
                 containerSize: i.value,
                 contentSize: c.value,
                 isRtl: o.value,
                 isHorizontal: l.value
               }) : s.value && (a.value = calculateUpdatedOffset({
-                selectedElement: N,
+                selectedElement: F,
                 containerSize: i.value,
                 contentSize: c.value,
                 isRtl: o.value,
@@ -7616,27 +7616,27 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
       );
     }
     function y(T) {
-      var N, U, Y, H, q;
+      var F, U, Y, O, q;
       if (u.value)
         if (!T)
-          (N = focusableChildren(u.value)[0]) == null || N.focus();
+          (F = focusableChildren(u.value)[0]) == null || F.focus();
         else if (T === "next") {
           const Z = (U = u.value.querySelector(":focus")) == null ? void 0 : U.nextElementSibling;
           Z ? Z.focus() : y("first");
         } else if (T === "previous") {
           const Z = (Y = u.value.querySelector(":focus")) == null ? void 0 : Y.previousElementSibling;
           Z ? Z.focus() : y("last");
-        } else T === "first" ? (H = u.value.firstElementChild) == null || H.focus() : T === "last" && ((q = u.value.lastElementChild) == null || q.focus());
+        } else T === "first" ? (O = u.value.firstElementChild) == null || O.focus() : T === "last" && ((q = u.value.lastElementChild) == null || q.focus());
     }
     function k(T) {
-      var N;
-      !r.value && !(T.relatedTarget && ((N = u.value) != null && N.contains(T.relatedTarget))) && y();
+      var F;
+      !r.value && !(T.relatedTarget && ((F = u.value) != null && F.contains(T.relatedTarget))) && y();
     }
     function C(T) {
       if (r.value = !0, !(!s.value || !u.value)) {
-        for (const N of T.composedPath())
+        for (const F of T.composedPath())
           for (const U of u.value.children)
-            if (U === N) {
+            if (U === F) {
               a.value = calculateUpdatedOffset({
                 selectedElement: U,
                 containerSize: i.value,
@@ -7656,27 +7656,27 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
       u.value && (l.value ? T.key === "ArrowRight" ? y(o.value ? "previous" : "next") : T.key === "ArrowLeft" && y(o.value ? "next" : "previous") : T.key === "ArrowDown" ? y("next") : T.key === "ArrowUp" && y("previous"), T.key === "Home" ? y("first") : T.key === "End" && y("last"));
     }
     function S() {
-      f.value && (f.value[l.value ? "scrollLeft" : "scrollTop"] = 0);
+      d.value && (d.value[l.value ? "scrollLeft" : "scrollTop"] = 0);
     }
     let g = 0, B = 0;
     function V(T) {
-      const N = l.value ? "clientX" : "clientY";
-      B = (o.value && l.value ? -1 : 1) * a.value, g = T.touches[0][N], d.value = !0;
+      const F = l.value ? "clientX" : "clientY";
+      B = (o.value && l.value ? -1 : 1) * a.value, g = T.touches[0][F], f.value = !0;
     }
-    function M(T) {
+    function L(T) {
       if (!s.value)
         return;
-      const N = l.value ? "clientX" : "clientY", U = o.value && l.value ? -1 : 1;
-      a.value = U * (B + g - T.touches[0][N]);
+      const F = l.value ? "clientX" : "clientY", U = o.value && l.value ? -1 : 1;
+      a.value = U * (B + g - T.touches[0][F]);
     }
     function b(T) {
-      const N = c.value - i.value;
-      a.value < 0 || !s.value ? a.value = 0 : a.value >= N && (a.value = N), d.value = !1;
+      const F = c.value - i.value;
+      a.value < 0 || !s.value ? a.value = 0 : a.value >= F && (a.value = F), f.value = !1;
     }
     function $(T) {
-      const N = a.value + (T === "previous" ? -1 : 1) * i.value;
+      const F = a.value + (T === "previous" ? -1 : 1) * i.value;
       a.value = clamp(
-        N,
+        F,
         0,
         c.value - i.value
       );
@@ -7685,29 +7685,29 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
       e,
       "arrowsHidden",
       "hidden"
-    ), L = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden), G = computed(() => {
+    ), W = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden), G = computed(() => {
       let T = a.value > c.value - i.value ? -(c.value - i.value) + bias(c.value - i.value - a.value) : -a.value;
       a.value <= 0 && (T = bias(-a.value));
-      const N = o.value && l.value ? -1 : 1;
+      const F = o.value && l.value ? -1 : 1;
       return {
-        transform: `translate${l.value ? "X" : "Y"}(${N * T}px)`,
-        transition: d.value ? "none" : "",
-        willChange: d.value ? "transform" : ""
+        transform: `translate${l.value ? "X" : "Y"}(${F * T}px)`,
+        transition: f.value ? "none" : "",
+        willChange: f.value ? "transform" : ""
       };
-    }), F = computed(() => ({
+    }), N = computed(() => ({
       next: t.next,
       previous: t.previous,
       select: t.select,
       isSelected: t.isSelected
-    })), W = computed(() => Math.abs(a.value) > 0), K = computed(() => c.value > Math.abs(a.value) + i.value), I = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden ? !1 : s.value || Math.abs(a.value) > 0), O = computed(() => `is-arrows-${e.arrowsAlign}`), z = computed(() => e.iconNext ? e.iconNext : l.value ? ChevronRightIcon : ChevronDownIcon), A = computed(() => e.iconPrevious ? e.iconPrevious : l.value ? ChevronLeftIcon : ChevronUpIcon);
-    return (T, N) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
+    })), H = computed(() => Math.abs(a.value) > 0), K = computed(() => c.value > Math.abs(a.value) + i.value), I = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden ? !1 : s.value || Math.abs(a.value) > 0), z = computed(() => `is-arrows-${e.arrowsAlign}`), M = computed(() => e.iconNext ? e.iconNext : l.value ? ChevronRightIcon : ChevronDownIcon), A = computed(() => e.iconPrevious ? e.iconPrevious : l.value ? ChevronLeftIcon : ChevronUpIcon);
+    return (T, F) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
       class: normalizeClass([
         "ev-slide-group",
         {
           "is-overflowing": s.value,
           "is-vertical": !l.value
         },
-        O.value,
+        z.value,
         e.class
       ]),
       style: normalizeStyle(e.style),
@@ -7718,7 +7718,7 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
         createElementVNode("div", {
           key: "container",
           ref_key: "containerRef",
-          ref: f,
+          ref: d,
           class: "ev-slide-group--container",
           onScroll: S
         }, [
@@ -7728,28 +7728,28 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
             class: "ev-slide-group--content",
             style: normalizeStyle(G.value),
             onTouchstartPassive: V,
-            onTouchmovePassive: M,
+            onTouchmovePassive: L,
             onTouchendPassive: b,
             onFocusin: C,
             onFocusout: w,
             onKeydown: E
           }, [
-            renderSlot(T.$slots, "default", normalizeProps(guardReactiveProps(F.value)))
+            renderSlot(T.$slots, "default", normalizeProps(guardReactiveProps(N.value)))
           ], 36)
         ], 544),
         I.value ? (openBlock(), createElementBlock("div", {
           key: "previous",
           class: normalizeClass([
             "ev-slide-group--previous",
-            { "is-disabled": !W.value },
+            { "is-disabled": !H.value },
             ...unref(D)
           ]),
-          hidden: L.value,
-          onClick: N[0] || (N[0] = () => $("previous"))
+          hidden: W.value,
+          onClick: F[0] || (F[0] = () => $("previous"))
         }, [
           renderSlot(T.$slots, "previous", {}, () => [
             createVNode(unref(_sfc_main$1b), {
-              icon: unref(o) && l.value ? z.value : A.value,
+              icon: unref(o) && l.value ? M.value : A.value,
               variant: "subtle"
             }, null, 8, ["icon"])
           ])
@@ -7761,12 +7761,12 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
             { "is-disabled": !K.value },
             ...unref(D)
           ]),
-          hidden: L.value,
-          onClick: N[1] || (N[1] = () => $("next"))
+          hidden: W.value,
+          onClick: F[1] || (F[1] = () => $("next"))
         }, [
           renderSlot(T.$slots, "next", {}, () => [
             createVNode(unref(_sfc_main$1b), {
-              icon: unref(o) && l.value ? A.value : z.value,
+              icon: unref(o) && l.value ? A.value : M.value,
               variant: "subtle"
             }, null, 8, ["icon"])
           ])
@@ -7913,14 +7913,14 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
     "update:modelValue"
   ],
   setup(n, { expose: e, emit: t }) {
-    const o = n, r = useSlots(), s = useAttrs(), a = ref(null), i = ref(null), [c, l] = splitInputAttrs(s), d = useFormField(o), f = computed(() => o.clearable && !!d.value), p = useIcon(o, "iconStart"), u = useIcon(o, "iconEnd");
+    const o = n, r = useSlots(), s = useAttrs(), a = ref(null), i = ref(null), [c, l] = splitInputAttrs(s), f = useFormField(o), d = computed(() => o.clearable && !!f.value), p = useIcon(o, "iconStart"), u = useIcon(o, "iconEnd");
     function v() {
       return i.value;
     }
     function m(S) {
       var g;
       S.stopPropagation(), nextTick(() => {
-        d.value = null, t("click:clear", S);
+        f.value = null, t("click:clear", S);
       }), o.readonly || (g = v()) == null || g.focus();
     }
     function _(S) {
@@ -7928,7 +7928,7 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
     }
     function y(S) {
       var g;
-      d.focus(S), o.autoselect && ((g = v()) == null || g.select());
+      f.focus(S), o.autoselect && ((g = v()) == null || g.select());
     }
     function k(S) {
       var g;
@@ -7944,7 +7944,7 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
         var S;
         (S = v()) == null || S.focus();
       },
-      ...d.expose()
+      ...f.expose()
     });
     function E(S) {
       t("click:outside");
@@ -7959,14 +7959,14 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
           {
             "is-loading": o.loading
           },
-          unref(d).classes,
+          unref(f).classes,
           o.class
         ],
         style: o.style
       }, unref(c)), [
         o.label || unref(r).label || o.hint ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
           createVNode(unref(_sfc_main$11), {
-            for: unref(d).id,
+            for: unref(f).id,
             title: o.label,
             hint: o.hint
           }, {
@@ -8000,7 +8000,7 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
                 o.loading ? (openBlock(), createBlock(unref(_sfc_main$1c), {
                   key: 1,
                   indeterminate: "",
-                  appearance: unref(d).isFocused ? unref(Appearance).notice : unref(Appearance).default
+                  appearance: unref(f).isFocused ? unref(Appearance).notice : unref(Appearance).default
                 }, null, 8, ["appearance"])) : (openBlock(), createBlock(unref(_sfc_main$1h), {
                   key: 0,
                   glyph: unref(p)
@@ -8017,29 +8017,29 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
           createElementVNode("div", _hoisted_5$8, [
             renderSlot(S.$slots, "default"),
             withDirectives(createElementVNode("input", mergeProps({
-              id: unref(d).id,
+              id: unref(f).id,
               ref_key: "inputRef",
               ref: i,
-              "onUpdate:modelValue": g[0] || (g[0] = (V) => unref(d).value = V),
+              "onUpdate:modelValue": g[0] || (g[0] = (V) => unref(f).value = V),
               class: "ev-textfield--input-native",
               type: o.type,
-              name: unref(d).name,
-              disabled: unref(d).isDisabled,
-              readonly: unref(d).isReadonly,
+              name: unref(f).name,
+              disabled: unref(f).isDisabled,
+              readonly: unref(f).isReadonly,
               autofocus: o.autofocus,
               placeholder: o.placeholder
             }, unref(l), {
               onFocus: y,
               onBlur: g[1] || (g[1] = //@ts-ignore
-              (...V) => unref(d).blur && unref(d).blur(...V))
+              (...V) => unref(f).blur && unref(f).blur(...V))
             }), null, 16, _hoisted_6$6), [
-              [vModelDynamic, unref(d).value],
+              [vModelDynamic, unref(f).value],
               [unref(w)]
             ])
           ]),
           createVNode(Transition, { name: "slide-fade" }, {
             default: withCtx(() => [
-              f.value ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
+              d.value ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
                 createVNode(unref(_sfc_main$1h), {
                   glyph: unref(CancelIcon),
                   onClick: m,
@@ -8060,14 +8060,14 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
           o.loading && !o.iconStart ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
             createVNode(unref(_sfc_main$M), {
               indeterminate: "",
-              appearance: unref(d).isFocused ? unref(Appearance).notice : unref(Appearance).default,
+              appearance: unref(f).isFocused ? unref(Appearance).notice : unref(Appearance).default,
               size: 2
             }, null, 8, ["appearance"])
           ])) : createCommentVNode("", !0)
         ], 42, _hoisted_2$f),
-        unref(d).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_11, [
+        unref(f).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_11, [
           createVNode(unref(_sfc_main$10), {
-            messages: unref(d).errorMessages
+            messages: unref(f).errorMessages
           }, null, 8, ["messages"])
         ])) : createCommentVNode("", !0)
       ], 16)), [
@@ -8104,13 +8104,13 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
     ...makeEvTooltipProps()
   },
   setup(n) {
-    const e = n, t = useModelProxy(e, "modelValue"), o = getNextId(), r = computed(() => e.id || `ev-tooltip-${o}`), s = ref(), a = computed(() => filterComponentProps(_sfc_main$R, e)), i = computed(() => e.position.split(" ").length > 1 ? e.position : e.position + " center"), c = computed(() => e.origin === "auto" || e.origin === "overlap" || e.origin.split(" ").length > 1 || e.position.split(" ").length > 1 ? e.origin : e.origin + " center"), l = computed(() => e.transition ? e.transition : t.value ? "transition-scale" : "transition-fade"), d = computed(() => mergeProps(
+    const e = n, t = useModelProxy(e, "modelValue"), o = getNextId(), r = computed(() => e.id || `ev-tooltip-${o}`), s = ref(), a = computed(() => filterComponentProps(_sfc_main$R, e)), i = computed(() => e.position.split(" ").length > 1 ? e.position : e.position + " center"), c = computed(() => e.origin === "auto" || e.origin === "overlap" || e.origin.split(" ").length > 1 || e.position.split(" ").length > 1 ? e.origin : e.origin + " center"), l = computed(() => e.transition ? e.transition : t.value ? "transition-scale" : "transition-fade"), f = computed(() => mergeProps(
       {
         "aria-describedby": r.value
       },
       e.activatorProps
     ));
-    return (f, p) => (openBlock(), createBlock(unref(_sfc_main$R), mergeProps({
+    return (d, p) => (openBlock(), createBlock(unref(_sfc_main$R), mergeProps({
       id: r.value,
       ref_key: "overlayRef",
       ref: s
@@ -8123,12 +8123,12 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
       transition: l.value,
       position: i.value,
       origin: c.value,
-      "activator-props": d.value,
+      "activator-props": f.value,
       absolute: "",
       "disable-global-stack": ""
     }), {
       default: withCtx(() => [
-        renderSlot(f.$slots, "default", {}, () => [
+        renderSlot(d.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(e.text), 1)
         ])
       ]),
@@ -8245,32 +8245,32 @@ const EvTransitionExpand = createJavaScriptTransition(
     const t = n, o = ref(), r = ref(), { t: s } = useLocaleFunctions(), a = useModelProxy(t, "search"), i = shallowRef(""), {
       hasSort: c,
       sortSelected: l,
-      sortTitle: d,
-      sortTitleOptions: f,
+      sortTitle: f,
+      sortTitleOptions: d,
       sortTitleSelected: p,
       sortDirectionOptions: u,
       onSortTitleSelected: v,
       sortIcon: m
     } = useSortOptions(t), _ = useSlots(), { allSelected: y, someSelected: k, selectAll: C, showSelectAll: w } = useSelection(), E = shallowRef(!1), S = ref(null), g = shallowRef(null), B = shallowRef(!1);
-    function V(z) {
-      B.value = !B.value, e("click:filter", z);
+    function V(M) {
+      B.value = !B.value, e("click:filter", M);
     }
-    const M = computed(
+    const L = computed(
       () => {
-        var z;
-        return (z = t.searchPlaceholder) != null && z.length ? t.searchPlaceholder : s("search.placeholder");
+        var M;
+        return (M = t.searchPlaceholder) != null && M.length ? t.searchPlaceholder : s("search.placeholder");
       }
-    ), b = debounce((z) => {
-      a.value = z;
+    ), b = debounce((M) => {
+      a.value = M;
     }, t.searchDelay), $ = computed(() => {
-      const z = _["select-actions"] || t.selectActions;
-      return k.value && z;
-    }), D = computed(() => g.value < filtersBreakpoint), L = {
+      const M = _["select-actions"] || t.selectActions;
+      return k.value && M;
+    }), D = computed(() => g.value < filtersBreakpoint), W = {
       EvFilterButton: { size: "small", rounded: !0 },
       EvButton: { size: "small" }
-    }, G = computed(() => g.value > sortBreakpoint ? d.value : void 0), F = computed(() => {
-      for (const z in t.filters) {
-        const A = t.filters[z];
+    }, G = computed(() => g.value > sortBreakpoint ? f.value : void 0), N = computed(() => {
+      for (const M in t.filters) {
+        const A = t.filters[M];
         if (isBoolean(A) && A)
           return !0;
         if (Array.isArray(A) && A.length > 0)
@@ -8280,8 +8280,8 @@ const EvTransitionExpand = createJavaScriptTransition(
       }
       return !1;
     });
-    function W(z) {
-      b(z);
+    function H(M) {
+      b(M);
     }
     function K() {
       E.value = !0;
@@ -8289,14 +8289,14 @@ const EvTransitionExpand = createJavaScriptTransition(
     function I() {
       E.value = !1;
     }
-    function O() {
+    function z() {
       g.value = S.value.getBoundingClientRect().width;
     }
     return onMounted(() => {
-      window.addEventListener("resize", O, { passive: !0 }), O();
+      window.addEventListener("resize", z, { passive: !0 }), z();
     }), onUnmounted(() => {
-      window.removeEventListener("resize", O);
-    }), (z, A) => (openBlock(), createElementBlock(Fragment, null, [
+      window.removeEventListener("resize", z);
+    }), (M, A) => (openBlock(), createElementBlock(Fragment, null, [
       createElementVNode("div", {
         ref_key: "containerRef",
         ref: S,
@@ -8325,7 +8325,7 @@ const EvTransitionExpand = createJavaScriptTransition(
           }, {
             default: withCtx(() => [
               $.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
-                renderSlot(z.$slots, "select-actions", {}, () => [
+                renderSlot(M.$slots, "select-actions", {}, () => [
                   createVNode(unref(_sfc_main$1a), {
                     size: "small",
                     variant: "subtle",
@@ -8338,14 +8338,14 @@ const EvTransitionExpand = createJavaScriptTransition(
                     modelValue: i.value,
                     "onUpdate:modelValue": [
                       A[0] || (A[0] = (T) => i.value = T),
-                      W
+                      H
                     ],
                     rounded: "",
                     clearable: "",
                     appearance: "subtle",
                     size: "small",
                     loading: t.loading,
-                    placeholder: M.value,
+                    placeholder: L.value,
                     "icon-start": unref(SearchIcon)
                   }, null, 8, ["modelValue", "loading", "placeholder", "icon-start"])
                 ]),
@@ -8355,7 +8355,7 @@ const EvTransitionExpand = createJavaScriptTransition(
                     bold: "",
                     pulsate: "",
                     appearance: "primary",
-                    "model-value": F.value && !B.value
+                    "model-value": N.value && !B.value
                   }, {
                     default: withCtx(() => [
                       createVNode(unref(_sfc_main$1b), {
@@ -8363,8 +8363,8 @@ const EvTransitionExpand = createJavaScriptTransition(
                         ref: r,
                         rounded: "",
                         size: "small",
-                        appearance: F.value ? "primary" : "default",
-                        variant: F.value ? "tonal" : "subtle",
+                        appearance: N.value ? "primary" : "default",
+                        variant: N.value ? "tonal" : "subtle",
                         icon: unref(FilterIcon),
                         onClick: V
                       }, null, 8, ["appearance", "variant", "icon"])
@@ -8377,11 +8377,11 @@ const EvTransitionExpand = createJavaScriptTransition(
                   }, null, 8, ["activator", "text"])
                 ])) : createCommentVNode("", !0),
                 !D.value && unref(_).filters ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
-                  createVNode(unref(_sfc_main$X), { defaults: L }, {
+                  createVNode(unref(_sfc_main$X), { defaults: W }, {
                     default: withCtx(() => [
                       createVNode(unref(_sfc_main$O), null, {
                         default: withCtx(() => [
-                          renderSlot(z.$slots, "filters")
+                          renderSlot(M.$slots, "filters")
                         ]),
                         _: 3
                       })
@@ -8422,7 +8422,7 @@ const EvTransitionExpand = createJavaScriptTransition(
                               createVNode(unref(_sfc_main$T), {
                                 required: "",
                                 "select-strategy": "single-any",
-                                items: unref(f),
+                                items: unref(d),
                                 selected: unref(p),
                                 "onUpdate:selected": unref(v)
                               }, null, 8, ["items", "selected", "onUpdate:selected"])
@@ -8462,11 +8462,11 @@ const EvTransitionExpand = createJavaScriptTransition(
         default: withCtx(() => [
           D.value && B.value && unref(_).filters && !$.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
             createElementVNode("div", _hoisted_9$1, [
-              createVNode(unref(_sfc_main$X), { defaults: L }, {
+              createVNode(unref(_sfc_main$X), { defaults: W }, {
                 default: withCtx(() => [
                   createVNode(unref(_sfc_main$O), null, {
                     default: withCtx(() => [
-                      renderSlot(z.$slots, "filters")
+                      renderSlot(M.$slots, "filters")
                     ]),
                     _: 3
                   })
@@ -8504,15 +8504,15 @@ function useVirtual(n, e) {
       (parseInt(`${n.height}`) || t.height.value) / (o.value || 16)
     ) || 1
   ), a = shallowRef(0), i = shallowRef(0), c = ref(), l = ref();
-  let d = 0;
-  const { resizeRef: f, contentRect: p } = useResizeObserver();
+  let f = 0;
+  const { resizeRef: d, contentRect: p } = useResizeObserver();
   watchEffect(() => {
-    f.value = c.value;
+    d.value = c.value;
   });
   const u = computed(() => {
-    var O;
+    var z;
     const I = isNumber(n.height) ? n.height : parseInt(n.height);
-    return c.value === document.documentElement ? t.height.value : ((O = p.value) == null ? void 0 : O.height) || I || 0;
+    return c.value === document.documentElement ? t.height.value : ((z = p.value) == null ? void 0 : z.height) || I || 0;
   }), v = computed(() => !!(c.value && l.value && u.value && o.value));
   let m = Array.from({ length: e.value.length }), _ = Array.from({ length: e.value.length });
   const y = shallowRef(0);
@@ -8523,26 +8523,26 @@ function useVirtual(n, e) {
   const w = debounce(() => {
     const I = performance.now();
     _[0] = 0;
-    const O = e.value.length;
-    for (let z = 1; z <= O - 1; z++)
-      _[z] = (_[z - 1] || 0) + C(z - 1);
+    const z = e.value.length;
+    for (let M = 1; M <= z - 1; M++)
+      _[M] = (_[M - 1] || 0) + C(M - 1);
     y.value = Math.max(
       y.value,
       performance.now() - I
     );
   }, y), E = watch(v, (I) => {
-    I && (E(), d = l.value.offsetTop, w.immediate(), G(), ~k && nextTick(() => {
+    I && (E(), f = l.value.offsetTop, w.immediate(), G(), ~k && nextTick(() => {
       Browser.hasWindow && window.requestAnimationFrame(() => {
-        W(k), k = -1;
+        H(k), k = -1;
       });
     }));
   });
   onScopeDispose(() => {
     w.clear();
   });
-  function S(I, O) {
-    const z = m[I], A = o.value;
-    o.value = A ? Math.min(o.value, O) : O, (z !== O || A !== o.value) && (m[I] = O, w());
+  function S(I, z) {
+    const M = m[I], A = o.value;
+    o.value = A ? Math.min(o.value, z) : z, (M !== z || A !== o.value) && (m[I] = z, w());
   }
   function g(I) {
     return I = clamp(I, 0, e.value.length - 1), _[I] || 0;
@@ -8550,49 +8550,49 @@ function useVirtual(n, e) {
   function B(I) {
     return binaryClosest(_, I);
   }
-  let V = 0, M = 0, b = 0;
-  watch(u, (I, O) => {
-    O && (G(), I < O && requestAnimationFrame(() => {
-      M = 0, G();
+  let V = 0, L = 0, b = 0;
+  watch(u, (I, z) => {
+    z && (G(), I < z && requestAnimationFrame(() => {
+      L = 0, G();
     }));
   });
   function $() {
     if (!c.value || !l.value)
       return;
-    const I = c.value.scrollTop, O = performance.now();
-    O - b > 500 ? (M = Math.sign(I - V), d = l.value.offsetTop) : M = I - V, V = I, b = O, G();
+    const I = c.value.scrollTop, z = performance.now();
+    z - b > 500 ? (L = Math.sign(I - V), f = l.value.offsetTop) : L = I - V, V = I, b = z, G();
   }
   function D() {
-    !c.value || !l.value || (M = 0, b = 0, G());
+    !c.value || !l.value || (L = 0, b = 0, G());
   }
-  let L = -1;
+  let W = -1;
   function G() {
-    cancelAnimationFrame(L), L = requestAnimationFrame(F);
+    cancelAnimationFrame(W), W = requestAnimationFrame(N);
   }
-  function F() {
+  function N() {
     if (!c.value || !u.value)
       return;
-    const I = V - d, O = Math.sign(M), z = Math.max(0, I - BUFFER_PX), A = clamp(B(z), 0, e.value.length), T = I + u.value + BUFFER_PX, N = clamp(
+    const I = V - f, z = Math.sign(L), M = Math.max(0, I - BUFFER_PX), A = clamp(B(M), 0, e.value.length), T = I + u.value + BUFFER_PX, F = clamp(
       B(T) + 1,
       A + 1,
       e.value.length
     );
     if (
       // Only update the side we're scrolling towards, the other side will be updated incidentally
-      (O !== UP || A < r.value) && (O !== DOWN || N > s.value)
+      (z !== UP || A < r.value) && (z !== DOWN || F > s.value)
     ) {
-      const U = g(r.value) - g(A), Y = g(N) - g(s.value);
-      Math.max(U, Y) > BUFFER_PX ? (r.value = A, s.value = N) : (A <= 0 && (r.value = A), N >= e.value.length && (s.value = N));
+      const U = g(r.value) - g(A), Y = g(F) - g(s.value);
+      Math.max(U, Y) > BUFFER_PX ? (r.value = A, s.value = F) : (A <= 0 && (r.value = A), F >= e.value.length && (s.value = F));
     }
     a.value = g(r.value), i.value = g(e.value.length) - g(s.value);
   }
-  function W(I) {
-    const O = g(I);
-    !c.value || I && !O ? k = I : c.value.scrollTop = O;
+  function H(I) {
+    const z = g(I);
+    !c.value || I && !z ? k = I : c.value.scrollTop = z;
   }
-  const K = computed(() => e.value.slice(r.value, s.value).map((I, O) => ({
+  const K = computed(() => e.value.slice(r.value, s.value).map((I, z) => ({
     raw: I,
-    index: O + r.value
+    index: z + r.value
   })));
   return watch(
     e,
@@ -8607,7 +8607,7 @@ function useVirtual(n, e) {
     computedItems: K,
     paddingTop: a,
     paddingBottom: i,
-    scrollToIndex: W,
+    scrollToIndex: H,
     handleScroll: $,
     handleScrollend: D,
     handleItemResize: S
@@ -8676,6 +8676,10 @@ const makeEvDataTableProps = propsFactory(
     page: { type: Number, default: 1 },
     itemsPerPage: { type: Number, default: 50 },
     showHeaders: Boolean,
+    showFinished: {
+      type: Boolean,
+      default: !1
+    },
     ...makeEvDataTableSearchProps(),
     ...makeDataTableHeaderProps(),
     ...makeDataTableItemsProps(),
@@ -8752,6 +8756,10 @@ const makeEvDataTableProps = propsFactory(
       default: "intersect",
       validator: (n) => ["intersect", "manual"].includes(n)
     },
+    showFinished: {
+      type: Boolean,
+      default: !0
+    },
     side: {
       type: String,
       default: "end",
@@ -8776,6 +8784,10 @@ const makeEvDataTableProps = propsFactory(
       type: String,
       default: void 0
     },
+    showFinished: {
+      type: Boolean,
+      default: !0
+    },
     side: {
       type: String,
       default: void 0
@@ -8805,18 +8817,20 @@ const makeEvDataTableProps = propsFactory(
         onClick: o
       }
     }, { t: s } = useLocaleFunctions(), a = computed(() => t.status === "error"), i = computed(() => t.status === "finished"), c = computed(() => t.mode === "manual"), l = computed(() => t.status === "loading");
-    return (d, f) => (openBlock(), createElementBlock("div", _hoisted_1$k, [
-      a.value ? renderSlot(d.$slots, "error", normalizeProps(mergeProps({ key: 0 }, r))) : i.value ? renderSlot(d.$slots, "finished", normalizeProps(mergeProps({ key: 1 }, r)), () => [
-        createElementVNode("div", _hoisted_2$d, toDisplayString(unref(s)(t.textFinished)), 1)
-      ]) : c.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-        l.value ? renderSlot(d.$slots, "loading", normalizeProps(mergeProps({ key: 1 }, r)), () => [
+    return (f, d) => (openBlock(), createElementBlock("div", _hoisted_1$k, [
+      a.value ? renderSlot(f.$slots, "error", normalizeProps(mergeProps({ key: 0 }, r))) : i.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        n.showFinished ? renderSlot(f.$slots, "finished", normalizeProps(mergeProps({ key: 0 }, r)), () => [
+          createElementVNode("div", _hoisted_2$d, toDisplayString(unref(s)(t.textFinished)), 1)
+        ]) : createCommentVNode("", !0)
+      ], 64)) : c.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        l.value ? renderSlot(f.$slots, "loading", normalizeProps(mergeProps({ key: 1 }, r)), () => [
           createVNode(unref(_sfc_main$1b), { loading: "" }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(s)(t.textMore)), 1)
             ]),
             _: 1
           })
-        ]) : renderSlot(d.$slots, "more", normalizeProps(mergeProps({ key: 0 }, r)), () => [
+        ]) : renderSlot(f.$slots, "more", normalizeProps(mergeProps({ key: 0 }, r)), () => [
           createVNode(unref(_sfc_main$1b), { onClick: o }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(s)(t.textMore)), 1)
@@ -8824,7 +8838,7 @@ const makeEvDataTableProps = propsFactory(
             _: 1
           })
         ])
-      ], 64)) : renderSlot(d.$slots, "loading", normalizeProps(mergeProps({ key: 3 }, r)), () => [
+      ], 64)) : renderSlot(f.$slots, "loading", normalizeProps(mergeProps({ key: 3 }, r)), () => [
         createVNode(unref(_sfc_main$1c), { indeterminate: "" })
       ])
     ]));
@@ -8895,8 +8909,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   props: { ...makeEvInfiniteScrollProps() },
   emits: ["load"],
   setup(n, { expose: e, emit: t }) {
-    const o = n, r = useSlots(), s = useDimensions(o), a = ref(), i = shallowRef("ok"), c = shallowRef("ok"), l = computed(() => toWebUnit(o.margin)), d = shallowRef(!1);
-    let f = 0;
+    const o = n, r = useSlots(), s = useDimensions(o), a = ref(), i = shallowRef("ok"), c = shallowRef("ok"), l = computed(() => toWebUnit(o.margin)), f = shallowRef(!1);
+    let d = 0;
     const p = toRef(o, "disabled"), u = computed(() => o.side === "start" || o.side === "both"), v = computed(() => o.side === "end" || o.side === "both"), m = computed(() => o.mode === "intersect");
     function _() {
       if (!a.value)
@@ -8920,22 +8934,22 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       return b === "start" ? i.value : c.value;
     }
     const w = debounce((b) => {
-      d.value && !p.value && S(b);
+      f.value && !p.value && S(b);
     }, o.intersectDelay);
     function E(b, $) {
-      d.value = $, w(b);
+      f.value = $, w(b);
     }
     function S(b) {
-      if (o.mode !== "manual" && !d.value)
+      if (o.mode !== "manual" && !f.value)
         return;
       const $ = C(b);
       if (!a.value || ["finished", "loading"].includes($))
         return;
-      f = k(), B(b, "loading");
-      function D(L) {
-        B(b, L), nextTick(() => {
-          L === "finished" || L === "error" || (L === "ok" && b === "start" && g(
-            k() - f + y()
+      d = k(), B(b, "loading");
+      function D(W) {
+        B(b, W), nextTick(() => {
+          W === "finished" || W === "error" || (W === "ok" && b === "start" && g(
+            k() - d + y()
           ), o.mode !== "manual" && nextTick(() => {
             window.requestAnimationFrame(() => {
               window.requestAnimationFrame(() => {
@@ -8967,9 +8981,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       V();
     });
     function V(b = "ok") {
-      a.value && (d.value = !1, o.side === "start" ? g(k()) : o.side === "both" ? g(k() / 2 - _() / 2) : g(0), B("start", b), B("end", b));
+      a.value && (f.value = !1, o.side === "start" ? g(k()) : o.side === "both" ? g(k() / 2 - _() / 2) : g(0), B("start", b), B("end", b));
     }
-    const M = computed(() => ({
+    const L = computed(() => ({
       mode: o.mode,
       textFinished: o.textFinished,
       textMore: o.textMore
@@ -8994,51 +9008,43 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ["start", "both"].includes(o.side) && !p.value ? (openBlock(), createBlock(_sfc_main$H, mergeProps({
           key: 0,
           side: "start"
-        }, M.value, {
+        }, L.value, {
           status: i.value,
+          "show-finished": o.showFinished,
           "onClick:more": $[0] || ($[0] = (D) => S("start"))
         }), createSlots({ _: 2 }, [
           unref(r).finished ? {
             name: "finished",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "finished", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "finished", { side: D })
             ]),
             key: "0"
           } : void 0,
           unref(r).error ? {
             name: "error",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "error", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "error", { side: D })
             ]),
             key: "1"
           } : void 0,
           unref(r).loading ? {
             name: "loading",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "loading", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "loading", { side: D })
             ]),
             key: "2"
           } : void 0,
           unref(r).more ? {
             name: "more",
-            fn: withCtx(({ side: D, props: L }) => [
+            fn: withCtx(({ side: D, props: W }) => [
               renderSlot(b.$slots, "more", {
                 side: D,
-                props: L
+                props: W
               })
             ]),
             key: "3"
           } : void 0
-        ]), 1040, ["status"])) : createCommentVNode("", !0),
+        ]), 1040, ["status", "show-finished"])) : createCommentVNode("", !0),
         a.value && u.value && m.value && !p.value ? (openBlock(), createBlock(_sfc_main$G, {
           key: "start",
           side: "start",
@@ -9057,51 +9063,43 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ["end", "both"].includes(o.side) && !p.value ? (openBlock(), createBlock(_sfc_main$H, mergeProps({
           key: 3,
           side: "end"
-        }, M.value, {
+        }, L.value, {
           status: c.value,
+          "show-finished": o.showFinished,
           "onClick:more": $[1] || ($[1] = (D) => S("end"))
         }), createSlots({ _: 2 }, [
           unref(r).finished ? {
             name: "finished",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "finished", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "finished", { side: D })
             ]),
             key: "0"
           } : void 0,
           unref(r).error ? {
             name: "error",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "error", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "error", { side: D })
             ]),
             key: "1"
           } : void 0,
           unref(r).loading ? {
             name: "loading",
-            fn: withCtx(({ side: D, props: L }) => [
-              renderSlot(b.$slots, "loading", {
-                side: D,
-                props: L
-              })
+            fn: withCtx(({ side: D }) => [
+              renderSlot(b.$slots, "loading", { side: D })
             ]),
             key: "2"
           } : void 0,
           unref(r).more ? {
             name: "more",
-            fn: withCtx(({ side: D, props: L }) => [
+            fn: withCtx(({ side: D, props: W }) => [
               renderSlot(b.$slots, "more", {
                 side: D,
-                props: L
+                props: W
               })
             ]),
             key: "3"
           } : void 0
-        ]), 1040, ["status"])) : createCommentVNode("", !0)
+        ]), 1040, ["status", "show-finished"])) : createCommentVNode("", !0)
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -9121,9 +9119,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   props: { ...makeEvDataTableProps() },
   emits: ["load", "update:modelValue", "update:page", "update:search", "update:sort"],
   setup(n, { expose: e, emit: t }) {
-    const o = n, r = useSlots(), s = useModelProxy(o, "loading"), a = useModelProxy(o, "items"), i = useModelProxy(o, "page"), c = useDimensions(o), { columns: l, headers: d } = createHeaders(o), { items: f } = useDataTableItems(a, o, l), { allSelected: p, selectAll: u, showSelectAll: v, someSelected: m } = provideSelection(o, {
-      allItems: f,
-      currentPage: f
+    const o = n, r = useSlots(), s = useModelProxy(o, "loading", !1), a = useModelProxy(o, "items"), i = useModelProxy(o, "page"), c = useDimensions(o), { columns: l, headers: f } = createHeaders(o), { items: d } = useDataTableItems(a, o, l), { allSelected: p, selectAll: u, showSelectAll: v, someSelected: m } = provideSelection(o, {
+      allItems: d,
+      currentPage: d
     }), {
       containerRef: _,
       markerRef: y,
@@ -9133,14 +9131,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       handleItemResize: E,
       handleScroll: S,
       handleScrollend: g
-    } = useVirtual(o, f), B = computed(() => l.value.length + (o.showSelect ? 1 : 0)), { t: V } = useLocaleFunctions(), M = useModelProxy(o, "sort"), b = useModelProxy(o, "search"), $ = ref(), D = computed(() => s.value), L = computed(() => {
+    } = useVirtual(o, d), B = computed(() => l.value.length + (o.showSelect ? 1 : 0)), { t: V } = useLocaleFunctions(), L = useModelProxy(o, "sort"), b = useModelProxy(o, "search"), $ = ref(), D = computed(() => s.value), W = computed(() => {
       var A;
       return !((A = a.value) != null && A.length);
     }), G = computed(() => omit(filterComponentProps(_sfc_main$J, o), [
       "loading",
       "search",
       "sort"
-    ])), F = computed(() => toWebUnit(k.value)), W = computed(() => toWebUnit(C.value));
+    ])), N = computed(() => toWebUnit(k.value)), H = computed(() => toWebUnit(C.value));
     watch(
       () => {
         var A;
@@ -9159,23 +9157,25 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     function K() {
       s.value = !0;
       const A = 1;
-      function T(N) {
-        a.value = N, i.value = A, s.value = !1, O(N.length < o.itemsPerPage ? "finished" : "ok");
+      function T(F, U = !1) {
+        a.value = F, i.value = A, s.value = !1, z(
+          F.length < o.itemsPerPage || U ? "finished" : "ok"
+        );
       }
-      t("load", { next: T, page: A });
+      t("load", { setPageItems: T, page: A });
     }
     function I(A) {
       const T = i.value + 1;
-      function N(U) {
-        a.value.push(...U), i.value = T, U.length < o.itemsPerPage ? A.done() : A.next();
+      function F(U, Y = !1) {
+        a.value.push(...U), i.value = T, U.length < o.itemsPerPage || Y ? A.done() : A.next();
       }
-      t("load", { next: N, page: T });
+      t("load", { setPageItems: F, page: T });
     }
-    function O(A = "ok") {
+    function z(A = "ok") {
       var T;
       (T = $.value) == null || T.reset(A);
     }
-    function z(A) {
+    function M(A) {
       return {
         width: calculateDisplayRuleValue(A.width),
         minWidth: calculateDisplayRuleValue(A.minWidth),
@@ -9183,8 +9183,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       };
     }
     return e({
-      resetScroll: O,
+      resetScroll: z,
       reload: K
+    }), onMounted(() => {
+      var A;
+      (A = a.value) != null && A.length || K();
     }), (A, T) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["ev-data-table", o.class]),
       style: normalizeStyle([unref(c), o.style])
@@ -9192,12 +9195,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       createVNode(unref(_sfc_main$J), mergeProps(G.value, {
         search: unref(b),
         "onUpdate:search": [
-          T[0] || (T[0] = (N) => isRef(b) ? b.value = N : null),
+          T[0] || (T[0] = (F) => isRef(b) ? b.value = F : null),
           K
         ],
-        sort: unref(M),
+        sort: unref(L),
         "onUpdate:sort": [
-          T[1] || (T[1] = (N) => isRef(M) ? M.value = N : null),
+          T[1] || (T[1] = (F) => isRef(L) ? L.value = F : null),
           K
         ],
         loading: unref(s),
@@ -9219,7 +9222,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           key: "1"
         } : void 0
       ]), 1040, ["search", "sort", "loading", "hide-select-all", "filters"]),
-      L.value ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
+      W.value ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
         renderSlot(A.$slots, "empty", {}, () => [
           createTextVNode(toDisplayString(unref(V)("table.empty")), 1)
         ])
@@ -9229,28 +9232,32 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ref: $,
         class: "ev-data-table--wrapper",
         disabled: D.value,
+        "show-finished": o.showFinished,
         onLoad: I,
         onScrollPassive: unref(S),
         onScrollend: unref(g)
       }, {
+        finished: withCtx(() => [
+          renderSlot(A.$slots, "finished")
+        ]),
         default: withCtx(() => [
           createElementVNode("table", _hoisted_2$c, [
             renderSlot(A.$slots, "colgroup", {}, () => [
               createElementVNode("colgroup", null, [
                 o.showSelect ? (openBlock(), createElementBlock("col", _hoisted_3$c)) : createCommentVNode("", !0),
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (N, U) => (openBlock(), createElementBlock("col", {
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (F, U) => (openBlock(), createElementBlock("col", {
                   key: U,
-                  style: normalizeStyle(z(N))
+                  style: normalizeStyle(M(F))
                 }, null, 4))), 128))
               ])
             ]),
             o.showHeaders ? (openBlock(), createElementBlock("thead", _hoisted_4$a, [
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(d), (N, U) => (openBlock(), createElementBlock("tr", { key: U }, [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(f), (F, U) => (openBlock(), createElementBlock("tr", { key: U }, [
                 unref(v) && U === 0 ? (openBlock(), createBlock(unref(_sfc_main$Z), {
                   key: 0,
                   tag: "th",
                   colspan: 1,
-                  rowspan: unref(d).length,
+                  rowspan: unref(f).length,
                   class: "ev-data-table-cell--checkbox"
                 }, {
                   default: withCtx(() => [
@@ -9262,8 +9269,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["rowspan"])) : createCommentVNode("", !0),
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(N, (Y, H) => (openBlock(), createBlock(unref(_sfc_main$Z), mergeProps({
-                  key: H,
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(F, (Y, O) => (openBlock(), createBlock(unref(_sfc_main$Z), mergeProps({
+                  key: O,
                   tag: "th"
                 }, Y.headerProps, {
                   align: Y.align,
@@ -9284,23 +9291,23 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 ref_key: "markerRef",
                 ref: y,
                 class: "ev-data-table--spacer-above",
-                style: normalizeStyle({ height: F.value, border: 0 })
+                style: normalizeStyle({ height: N.value, border: 0 })
               }, [
                 createElementVNode("td", {
                   colspan: B.value,
                   style: { height: 0, border: 0 }
                 }, null, 8, _hoisted_6$4)
               ], 4),
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(w), (N) => (openBlock(), createBlock(_sfc_main$I, {
-                key: N.index,
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(w), (F) => (openBlock(), createBlock(_sfc_main$I, {
+                key: F.index,
                 renderless: "",
-                "onUpdate:height": (U) => unref(E)(N.index, U)
+                "onUpdate:height": (U) => unref(E)(F.index, U)
               }, {
                 default: withCtx(({ itemRef: U }) => [
                   createVNode(unref(_sfc_main$Y), normalizeProps(guardReactiveProps({
                     ref: U,
-                    item: N.raw,
-                    index: N.index
+                    item: F.raw,
+                    index: F.index
                   })), createSlots({
                     default: withCtx((Y) => [
                       renderSlot(A.$slots, "item", normalizeProps(guardReactiveProps(Y)))
@@ -9309,8 +9316,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                   }, [
                     renderList(unref(l), (Y) => ({
                       name: `item.${Y.key}`,
-                      fn: withCtx((H) => [
-                        unref(r).item ? createCommentVNode("", !0) : renderSlot(A.$slots, `item.${Y.key}`, normalizeProps(mergeProps({ key: 0 }, H)))
+                      fn: withCtx((O) => [
+                        unref(r).item ? createCommentVNode("", !0) : renderSlot(A.$slots, `item.${Y.key}`, normalizeProps(mergeProps({ key: 0 }, O)))
                       ])
                     }))
                   ]), 1040)
@@ -9319,7 +9326,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               }, 1032, ["onUpdate:height"]))), 128)),
               createElementVNode("tr", {
                 class: "ev-data-table--spacer-below",
-                style: normalizeStyle({ height: W.value, border: 0 })
+                style: normalizeStyle({ height: H.value, border: 0 })
               }, [
                 createElementVNode("td", {
                   colspan: B.value,
@@ -9330,7 +9337,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           ])
         ]),
         _: 3
-      }, 8, ["disabled", "onScrollPassive", "onScrollend"]))
+      }, 8, ["disabled", "show-finished", "onScrollPassive", "onScrollend"]))
     ], 6));
   }
 }), makeEvDatePickerMonthProps = propsFactory(
@@ -9424,10 +9431,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       const v = t.date(u);
       return e.min && t.isBefore(v, e.min) || e.max && t.isAfter(v, e.max) ? !0 : Array.isArray(e.allowedDates) ? !e.allowedDates.some((m) => t.isSameDay(t.date(m), v)) : typeof e.allowedDates == "function" ? !e.allowedDates(v) : !1;
     }
-    function d(u) {
+    function f(u) {
       return u.isSelected || u.isInRange || u.isToday ? "primary" : "default";
     }
-    function f(u) {
+    function d(u) {
       return u.isSelected || u.isInRange ? "bold" : u.isToday ? "tonal" : "subtle";
     }
     function p(u) {
@@ -9485,8 +9492,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             rounded: "",
             icon: !0,
             disabled: m.isDisabled,
-            appearance: d(m),
-            variant: f(m),
+            appearance: f(m),
+            variant: d(m),
             text: m.localized,
             onClick: (_) => p(m.date)
           }, null, 8, ["disabled", "appearance", "variant", "text", "onClick"]))
@@ -9515,15 +9522,15 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       (c) => wrapInArray(c),
       (c) => c[0] ?? null
     ), r = t.getYear(t.date()), s = computed(() => {
-      const c = e.min ? t.getYear(e.min) : r + offsetMin, l = e.max ? t.getYear(e.max) : r + offsetMax, d = [];
-      for (let f = c; f <= l; f++) {
-        const p = t.setYear(t.date(), f);
-        d.push({
+      const c = e.min ? t.getYear(e.min) : r + offsetMin, l = e.max ? t.getYear(e.max) : r + offsetMax, f = [];
+      for (let d = c; d <= l; d++) {
+        const p = t.setYear(t.date(), d);
+        f.push({
           title: t.format(p, "year"),
-          value: f
+          value: d
         });
       }
-      return d.reverse();
+      return f.reverse();
     }), a = ref();
     function i() {
       var l;
@@ -9539,15 +9546,15 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ref_key: "listRef",
         ref: a,
         selected: unref(o),
-        "onUpdate:selected": l[0] || (l[0] = (d) => isRef(o) ? o.value = d : null),
+        "onUpdate:selected": l[0] || (l[0] = (f) => isRef(o) ? o.value = f : null),
         required: "",
         "select-strategy": "single-any"
       }, {
         default: withCtx(() => [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (d, f) => (openBlock(), createBlock(unref(_sfc_main$V), {
-            key: f,
-            title: d.title,
-            value: d.value
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(s.value, (f, d) => (openBlock(), createBlock(unref(_sfc_main$V), {
+            key: d,
+            title: f.title,
+            value: f.value
           }, null, 8, ["title", "value"]))), 128))
         ]),
         _: 1
@@ -9578,11 +9585,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   setup(n) {
     const e = n, t = useDate(), o = useModelProxy(e, "modelValue"), r = computed(() => {
       let l = t.startOfYear(t.date());
-      return createRange(12).map((d) => {
-        const f = t.format(l, "monthShort");
+      return createRange(12).map((f) => {
+        const d = t.format(l, "monthShort");
         return l = t.getNextMonth(l), {
-          text: f,
-          value: d
+          text: d,
+          value: f
         };
       });
     }), s = computed(() => o.value ?? t.getMonth(t.date()));
@@ -9595,13 +9602,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     function c(l) {
       return l === s.value ? "bold" : "subtle";
     }
-    return (l, d) => (openBlock(), createElementBlock("div", _hoisted_1$g, [
-      (openBlock(!0), createElementBlock(Fragment, null, renderList(r.value, (f, p) => (openBlock(), createBlock(unref(_sfc_main$1b), {
+    return (l, f) => (openBlock(), createElementBlock("div", _hoisted_1$g, [
+      (openBlock(!0), createElementBlock(Fragment, null, renderList(r.value, (d, p) => (openBlock(), createBlock(unref(_sfc_main$1b), {
         key: p,
-        text: f.text,
-        appearance: i(f.value),
-        variant: c(f.value),
-        onClick: (u) => a(f.value)
+        text: d.text,
+        appearance: i(d.value),
+        variant: c(d.value),
+        onClick: (u) => a(d.value)
       }, null, 8, ["text", "appearance", "variant", "onClick"]))), 128))
     ]));
   }
@@ -9658,6 +9665,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     align: [String, Object],
     alignContent: [String, Object],
     column: Boolean,
+    gap: [String, Number, Object],
     gutter: [String, Number, Object],
     justify: [String, Object],
     nowrap: Boolean,
@@ -9678,16 +9686,16 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       e,
       "alignContent",
       "align-content"
-    ), r = useBreakpointClasses(e, "justify", "justify"), s = useBreakpointClasses(e, "gutter", "gutter"), a = useDisplayRuleClasses(e, "hidden", "hidden"), i = computed(() => isBoolean(e.hidden) && e.hidden), c = computed(() => {
+    ), r = useBreakpointClasses(e, "justify", "justify"), s = useBreakpointClasses(e, "gutter", "gutter"), a = useBreakpointClasses(e, "gap", "ga"), i = useDisplayRuleClasses(e, "hidden", "hidden"), c = computed(() => isBoolean(e.hidden) && e.hidden), l = computed(() => {
       const d = calculateDisplayRuleValue(e.height);
       if (!isEmpty(d))
         return { height: d };
-    }), l = computed(() => {
+    }), f = computed(() => {
       const d = calculateDisplayRuleValue(e.width);
       if (!isEmpty(d))
         return d === "grow" ? { flex: "1 0 auto", maxWidth: "100%", width: "100%" } : { flex: `0 0 ${d}`, maxWidth: d, width: d };
     });
-    return (d, f) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
+    return (d, p) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
       class: normalizeClass([
         "ev-layout",
         {
@@ -9697,12 +9705,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ...unref(t),
         ...unref(o),
         ...unref(r),
-        ...unref(s),
         ...unref(a),
+        ...unref(s),
+        ...unref(i),
         e.class
       ]),
-      style: normalizeStyle([e.style, l.value, c.value]),
-      hidden: i.value
+      style: normalizeStyle([e.style, f.value, l.value]),
+      hidden: c.value
     }, {
       default: withCtx(() => [
         renderSlot(d.$slots, "default")
@@ -9731,15 +9740,15 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   },
   setup(n) {
     const e = n, t = useBreakpointClasses(e, "size", void 0, !0), o = useBreakpointClasses(e, "order", "order"), r = useBreakpointClasses(e, "offset", "offset"), s = useBreakpointClasses(e, "alignSelf", "align-self"), a = computed(() => {
-      const d = calculateDisplayRuleValue(e.width);
-      if (!isEmpty(d))
-        return d === "grow" ? { flex: "1 0 auto", maxWidth: "100%" } : { flex: `0 0 ${d}`, maxWidth: d };
+      const f = calculateDisplayRuleValue(e.width);
+      if (!isEmpty(f))
+        return f === "grow" ? { flex: "1 0 auto", maxWidth: "100%" } : { flex: `0 0 ${f}`, maxWidth: f };
     }), i = useDisplayRuleClasses(e, "hidden", "hidden"), c = computed(() => isBoolean(e.hidden) && e.hidden), l = computed(() => {
-      const d = calculateDisplayRuleValue(e.height);
-      if (!isEmpty(d))
-        return { height: d };
+      const f = calculateDisplayRuleValue(e.height);
+      if (!isEmpty(f))
+        return { height: f };
     });
-    return (d, f) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
+    return (f, d) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
       class: normalizeClass([
         "ev-block",
         {
@@ -9756,7 +9765,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       hidden: c.value
     }, {
       default: withCtx(() => [
-        renderSlot(d.$slots, "default")
+        renderSlot(f.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style", "hidden"]));
@@ -9812,14 +9821,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       )
     ), l = computed(
       () => filterComponentProps(_sfc_main$D, t)
-    ), d = computed(() => {
+    ), f = computed(() => {
       const w = o.startOfMonth(o.date());
       return o.format(o.setMonth(w, c.value), "month");
     });
     watch(c, () => {
       i.value === "months" && k();
     });
-    const f = ref(
+    const d = ref(
       Number(
         t.year ?? o.getYear(
           o.startOfYear(
@@ -9830,10 +9839,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     ), p = computed(
       () => omit(filterComponentProps(_sfc_main$C, t), ["modelValue"])
     ), u = computed(() => o.format(
-      o.setYear(o.date(), f.value),
+      o.setYear(o.date(), d.value),
       "year"
     ));
-    watch(f, () => {
+    watch(d, () => {
       i.value === "years" && C();
     });
     const v = computed(() => {
@@ -9844,10 +9853,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       return t.max && o.isValid(w) ? w : null;
     });
     function _() {
-      c.value < 11 ? c.value++ : (f.value++, c.value = 0, e("update:year", f.value)), e("update:month", c.value);
+      c.value < 11 ? c.value++ : (d.value++, c.value = 0, e("update:year", d.value)), e("update:month", c.value);
     }
     function y() {
-      c.value > 0 ? c.value-- : (f.value--, c.value = 11, e("update:year", f.value)), e("update:month", c.value);
+      c.value > 0 ? c.value-- : (d.value--, c.value = 11, e("update:year", d.value)), e("update:month", c.value);
     }
     function k() {
       i.value = i.value === "months" ? "month" : "months";
@@ -9859,7 +9868,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       createElementVNode("div", _hoisted_2$b, [
         createVNode(unref(_sfc_main$1b), {
           variant: "subtle",
-          text: d.value,
+          text: f.value,
           onClick: E[0] || (E[0] = (S) => k())
         }, null, 8, ["text"]),
         createVNode(unref(_sfc_main$1b), {
@@ -9888,8 +9897,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ])
       ]),
       unref(i) === "years" ? (openBlock(), createBlock(unref(_sfc_main$C), mergeProps({ key: 0 }, p.value, {
-        modelValue: f.value,
-        "onUpdate:modelValue": E[4] || (E[4] = (S) => f.value = S),
+        modelValue: d.value,
+        "onUpdate:modelValue": E[4] || (E[4] = (S) => d.value = S),
         min: v.value,
         max: m.value
       }), null, 16, ["modelValue", "min", "max"])) : unref(i) === "months" ? (openBlock(), createBlock(unref(_sfc_main$B), {
@@ -9901,8 +9910,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": E[6] || (E[6] = (S) => isRef(s) ? s.value = S : null),
         month: c.value,
         "onUpdate:month": E[7] || (E[7] = (S) => c.value = S),
-        year: f.value,
-        "onUpdate:year": E[8] || (E[8] = (S) => f.value = S),
+        year: d.value,
+        "onUpdate:year": E[8] || (E[8] = (S) => d.value = S),
         min: v.value,
         max: m.value
       }), null, 16, ["modelValue", "month", "year", "min", "max"]))
@@ -9925,7 +9934,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     ...makeEvDateFieldProps()
   },
   setup(n) {
-    const e = n, t = useDate(), o = useSlots(), r = ref(), s = ref(), a = computed(() => omit(filterComponentProps(_sfc_main$L, e), ["modelValue"])), i = shallowRef(!1), c = ref(), l = computed(() => omit(filterComponentProps(_sfc_main$w, e), ["modelValue"])), d = shallowRef(!1), f = useModelProxy(
+    const e = n, t = useDate(), o = useSlots(), r = ref(), s = ref(), a = computed(() => omit(filterComponentProps(_sfc_main$L, e), ["modelValue"])), i = shallowRef(!1), c = ref(), l = computed(() => omit(filterComponentProps(_sfc_main$w, e), ["modelValue"])), f = shallowRef(!1), d = useModelProxy(
       e,
       "modelValue",
       void 0,
@@ -9936,23 +9945,23 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       i.value && s.value && s.value.focus();
     }
     function v() {
-      i.value = !0, d.value = !0;
+      i.value = !0, f.value = !0;
     }
     function m(E) {
       var S;
-      (S = c.value) != null && S.$el.contains(E.relatedTarget) || (d.value = !1);
+      (S = c.value) != null && S.$el.contains(E.relatedTarget) || (f.value = !1);
     }
     function _(E) {
       i.value = !0;
     }
     function y() {
-      d.value = !1;
+      f.value = !1;
     }
     function k() {
       C(null);
     }
     function C(E) {
-      f.value = wrapInArray(E);
+      d.value = wrapInArray(E);
     }
     function w(E) {
       var g;
@@ -9963,10 +9972,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       const S = t.date(p.value);
       S && t.isValid(S) && t.getYear(S).toString().length === 4 && t.format(S, "displayDate") === p.value && C(S);
     }
-    return watch(f, () => {
-      const E = f.value[0] ?? null;
+    return watch(d, () => {
+      const E = d.value[0] ?? null;
       !E || !t.isValid(E) ? p.value = null : p.value = t.format(
-        f.value[0],
+        d.value[0],
         "displayDate"
       );
     }), (E, S) => (openBlock(), createBlock(unref(_sfc_main$L), mergeProps({
@@ -9978,7 +9987,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       focused: i.value,
       "onUpdate:focused": S[4] || (S[4] = (g) => i.value = g),
       class: "ev-date-field",
-      "validation-value": unref(f),
+      "validation-value": unref(d),
       "onClick:control": v,
       onBlur: m,
       "onClick:clear": k,
@@ -9988,8 +9997,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         createVNode(unref(_sfc_main$Q), {
           ref_key: "evMenuRef",
           ref: r,
-          modelValue: d.value,
-          "onUpdate:modelValue": S[2] || (S[2] = (g) => d.value = g),
+          modelValue: f.value,
+          "onUpdate:modelValue": S[2] || (S[2] = (g) => f.value = g),
           activator: "parent",
           position: "bottom-start",
           "open-on-click": !1,
@@ -10006,9 +10015,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                   ref_key: "datePickerRef",
                   ref: c
                 }, l.value, {
-                  modelValue: unref(f),
+                  modelValue: unref(d),
                   "onUpdate:modelValue": [
-                    S[0] || (S[0] = (g) => isRef(f) ? f.value = g : null),
+                    S[0] || (S[0] = (g) => isRef(d) ? d.value = g : null),
                     S[1] || (S[1] = (g) => y())
                   ],
                   onFocusin: _
@@ -10045,13 +10054,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   },
   setup(n) {
     const e = n;
-    function t(l, d) {
-      const f = getTargetRect(l), p = adjustedBoundingRect(d), [u, v] = getComputedStyle(d).transformOrigin.split(" ").map((M) => parseFloat(M)), [m, _] = getComputedStyle(d).getPropertyValue("--ev-overlay-position").split(" ");
-      let y = f.left + f.width / 2;
-      m === "left" || _ === "left" ? y -= f.width / 2 : (m === "right" || _ === "right") && (y += f.width / 2);
-      let k = f.top + f.height / 2;
-      m === "top" || _ === "top" ? k -= f.height / 2 : (m === "bottom" || _ === "bottom") && (k += f.height / 2);
-      const C = f.width / p.width, w = f.height / p.height, E = Math.max(1, C, w), S = C / E || 0, g = w / E || 0, B = p.width * p.height / (window.innerWidth * window.innerHeight), V = B > 0.12 ? Math.min(1.5, (B - 0.12) * 10 + 1) : 1;
+    function t(l, f) {
+      const d = getTargetRect(l), p = adjustedBoundingRect(f), [u, v] = getComputedStyle(f).transformOrigin.split(" ").map((L) => parseFloat(L)), [m, _] = getComputedStyle(f).getPropertyValue("--ev-overlay-position").split(" ");
+      let y = d.left + d.width / 2;
+      m === "left" || _ === "left" ? y -= d.width / 2 : (m === "right" || _ === "right") && (y += d.width / 2);
+      let k = d.top + d.height / 2;
+      m === "top" || _ === "top" ? k -= d.height / 2 : (m === "bottom" || _ === "bottom") && (k += d.height / 2);
+      const C = d.width / p.width, w = d.height / p.height, E = Math.max(1, C, w), S = C / E || 0, g = w / E || 0, B = p.width * p.height / (window.innerWidth * window.innerHeight), V = B > 0.12 ? Math.min(1.5, (B - 0.12) * 10 + 1) : 1;
       return {
         x: y - (u + p.left),
         y: k - (v + p.top),
@@ -10063,9 +10072,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     function o(l) {
       l.style.pointerEvents = "none", l.style.visibility = "hidden";
     }
-    async function r(l, d) {
+    async function r(l, f) {
       await new Promise((y) => requestAnimationFrame(y)), await new Promise((y) => requestAnimationFrame(y)), l.style.visibility = "";
-      const { x: f, y: p, sx: u, sy: v, speed: m } = t(
+      const { x: d, y: p, sx: u, sy: v, speed: m } = t(
         e.target,
         l
       );
@@ -10073,7 +10082,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         l,
         [
           {
-            transform: `translate(${f}px, ${p}px) scale(${u}, ${v})`,
+            transform: `translate(${d}px, ${p}px) scale(${u}, ${v})`,
             opacity: 0
           },
           {}
@@ -10082,7 +10091,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           duration: 225 * m,
           easing: easingDecelerate
         }
-      ).finished.then(() => d());
+      ).finished.then(() => f());
     }
     function s(l) {
       l.style.removeProperty("pointer-events");
@@ -10090,9 +10099,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     function a(l) {
       l.style.pointerEvents = "none";
     }
-    async function i(l, d) {
+    async function i(l, f) {
       await new Promise((y) => requestAnimationFrame(y));
-      const { x: f, y: p, sx: u, sy: v, speed: m } = t(
+      const { x: d, y: p, sx: u, sy: v, speed: m } = t(
         e.target,
         l
       );
@@ -10101,7 +10110,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         [
           {},
           {
-            transform: `translate(${f}px, ${p}px) scale(${u}, ${v})`,
+            transform: `translate(${d}px, ${p}px) scale(${u}, ${v})`,
             opacity: 0
           }
         ],
@@ -10109,12 +10118,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           duration: 125 * m,
           easing: easingAccelerate
         }
-      ).finished.then(() => d());
+      ).finished.then(() => f());
     }
     function c(l) {
       l.style.removeProperty("pointer-events");
     }
-    return (l, d) => e.target ? (openBlock(), createBlock(Transition, {
+    return (l, f) => e.target ? (openBlock(), createBlock(Transition, {
       key: 0,
       name: "ev-dialog-transition",
       css: !1,
@@ -10288,26 +10297,26 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
   setup(n) {
     const e = n, t = useSlots(), o = useDefaults(e), r = computed(
       () => {
-        var d, f;
-        return ((f = (d = i.value) == null ? void 0 : d.group) == null ? void 0 : f.isSelected.value) ?? !1;
+        var f, d;
+        return ((d = (f = i.value) == null ? void 0 : f.group) == null ? void 0 : d.isSelected.value) ?? !1;
       }
     ), s = computed(() => o.direction === "horizontal"), a = computed(() => filterComponentProps(_sfc_main$1b, o)), i = ref(), c = ref();
-    function l({ value: d }) {
+    function l({ value: f }) {
       var $, D;
-      if (!d)
+      if (!f)
         return;
-      const f = (D = ($ = i.value) == null ? void 0 : $.$el.parentElement) == null ? void 0 : D.querySelector(
+      const d = (D = ($ = i.value) == null ? void 0 : $.$el.parentElement) == null ? void 0 : D.querySelector(
         ".ev-tab.is-active .ev-tab--slider"
       ), p = c.value;
-      if (!f || !p)
+      if (!d || !p)
         return;
-      const u = getComputedStyle(f).color, v = f.getBoundingClientRect(), m = p.getBoundingClientRect(), _ = s.value ? "x" : "y", y = s.value ? "X" : "Y", k = s.value ? "right" : "bottom", C = s.value ? "width" : "height", w = v[_], E = m[_], S = w > E ? v[k] - m[k] : v[_] - m[_], g = Math.sign(S) > 0 ? s.value ? "right" : "bottom" : Math.sign(S) < 0 ? s.value ? "left" : "top" : "center", V = (Math.abs(S) + (Math.sign(S) < 0 ? v[C] : m[C])) / Math.max(v[C], m[C]) || 0, M = v[C] / m[C] || 0, b = 1.5;
+      const u = getComputedStyle(d).color, v = d.getBoundingClientRect(), m = p.getBoundingClientRect(), _ = s.value ? "x" : "y", y = s.value ? "X" : "Y", k = s.value ? "right" : "bottom", C = s.value ? "width" : "height", w = v[_], E = m[_], S = w > E ? v[k] - m[k] : v[_] - m[_], g = Math.sign(S) > 0 ? s.value ? "right" : "bottom" : Math.sign(S) < 0 ? s.value ? "left" : "top" : "center", V = (Math.abs(S) + (Math.sign(S) < 0 ? v[C] : m[C])) / Math.max(v[C], m[C]) || 0, L = v[C] / m[C] || 0, b = 1.5;
       animate(
         p,
         {
           backgroundColor: [u, "currentcolor"],
           transform: [
-            `translate${y}(${S}px) scale${y}(${M})`,
+            `translate${y}(${S}px) scale${y}(${L})`,
             `translate${y}(${S / b}px) scale${y}(${(V - 1) / b + 1})`,
             "none"
           ],
@@ -10319,7 +10328,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
         }
       );
     }
-    return (d, f) => (openBlock(), createBlock(unref(_sfc_main$1b), mergeProps({
+    return (f, d) => (openBlock(), createBlock(unref(_sfc_main$1b), mergeProps({
       ref_key: "rootEl",
       ref: i,
       role: "tab",
@@ -10342,7 +10351,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
       unref(o).text || unref(t).default ? {
         name: "default",
         fn: withCtx(() => [
-          renderSlot(d.$slots, "default", {}, () => [
+          renderSlot(f.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(unref(o).text), 1)
           ])
         ]),
@@ -10443,7 +10452,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     function l(_) {
       _.stopPropagation(), e("click:close", _);
     }
-    const d = useModelProxy(t, "tab"), f = computed(() => sizeModifier(t.size)), p = computed(() => {
+    const f = useModelProxy(t, "tab"), d = computed(() => sizeModifier(t.size)), p = computed(() => {
       switch (t.size) {
         case "large":
           return "x-large";
@@ -10475,7 +10484,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
           "is-adjust-start": v.value,
           "is-adjust-end": m.value
         },
-        f.value,
+        d.value,
         t.class
       ]),
       style: normalizeStyle(t.style)
@@ -10500,8 +10509,8 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
         unref(o).start || t.tabs ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
           renderSlot(_.$slots, "start", {}, () => [
             createVNode(unref(_sfc_main$q), {
-              modelValue: unref(d),
-              "onUpdate:modelValue": y[0] || (y[0] = (k) => isRef(d) ? d.value = k : null),
+              modelValue: unref(f),
+              "onUpdate:modelValue": y[0] || (y[0] = (k) => isRef(f) ? f.value = k : null),
               class: "ev-toolbar--tabs",
               size: p.value,
               items: t.tabs
@@ -10581,45 +10590,45 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
         "aria-expanded": String(a.value)
       },
       o.activatorProps
-    )), d = computed(() => {
-      const F = {
+    )), f = computed(() => {
+      const N = {
         actions: o.headerActions,
         closeable: o.closeable,
         icon: o.icon,
         title: o.title
-      }, W = o.headerProps ?? {};
-      return Object.assign(F, W);
-    }), f = computed(() => {
-      const F = {
+      }, H = o.headerProps ?? {};
+      return Object.assign(N, H);
+    }), d = computed(() => {
+      const N = {
         padding: !o.noPadding
-      }, W = o.bodyProps ?? {};
-      return Object.assign(F, W);
+      }, H = o.bodyProps ?? {};
+      return Object.assign(N, H);
     }), p = computed(() => {
-      const F = o.width ?? DialogSizeToWidth[DialogSize.medium];
-      return DialogSizeToWidth[F] ?? F;
+      const N = o.width ?? DialogSizeToWidth[DialogSize.medium];
+      return DialogSizeToWidth[N] ?? N;
     });
-    function u(F) {
-      var I, O;
-      const W = F.relatedTarget, K = F.target;
-      if (W !== K && ((I = s.value) != null && I.contentEl) && ((O = s.value) != null && O.isTopGlobal) && ![document, s.value.contentEl].includes(K) && !s.value.contentEl.contains(K)) {
-        const z = getFocusableChildren(s.value.contentEl);
-        if (!z.length)
+    function u(N) {
+      var I, z;
+      const H = N.relatedTarget, K = N.target;
+      if (H !== K && ((I = s.value) != null && I.contentEl) && ((z = s.value) != null && z.isTopGlobal) && ![document, s.value.contentEl].includes(K) && !s.value.contentEl.contains(K)) {
+        const M = getFocusableChildren(s.value.contentEl);
+        if (!M.length)
           return;
-        const A = z[0], T = z[z.length - 1];
-        W === A ? T.focus() : A.focus();
+        const A = M[0], T = M[M.length - 1];
+        H === A ? T.focus() : A.focus();
       }
     }
     Browser.hasWindow && watch(
       () => a.value && o.retainFocus,
-      (F) => {
-        F ? document.addEventListener("focusin", u) : document.removeEventListener("focusin", u);
+      (N) => {
+        N ? document.addEventListener("focusin", u) : document.removeEventListener("focusin", u);
       },
       {
         immediate: !0
       }
-    ), watch(a, async (F) => {
-      var W, K;
-      await nextTick(), F ? (W = s.value.contentEl) == null || W.focus({ preventScroll: !0 }) : (K = s.value.activatorEl) == null || K.focus({ preventScroll: !0 });
+    ), watch(a, async (N) => {
+      var H, K;
+      await nextTick(), N ? (H = s.value.contentEl) == null || H.focus({ preventScroll: !0 }) : (K = s.value.activatorEl) == null || K.focus({ preventScroll: !0 });
     });
     function v() {
       a.value = !1;
@@ -10628,11 +10637,11 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
       close: v
     });
     let m = !1, _ = null, y = null, k = null, C = null;
-    function w(F) {
-      !o.draggable || F.target.closest("[data-no-drag]") || (m = !0, _ = F.pageX, y = F.pageY, document.body.style.userSelect = "none", t("dragstart", F));
+    function w(N) {
+      !o.draggable || N.target.closest("[data-no-drag]") || (m = !0, _ = N.pageX, y = N.pageY, document.body.style.userSelect = "none", t("dragstart", N));
     }
     function E() {
-      t("open"), M();
+      t("open"), L();
     }
     function S() {
       t("after-open");
@@ -10646,28 +10655,28 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     function V() {
       D(), t("after-close");
     }
-    function M() {
+    function L() {
       o.draggable && (b(), $());
     }
     function b() {
-      k = (F) => {
+      k = (N) => {
         var K;
-        const W = (K = s.value) == null ? void 0 : K.contentEl;
-        if (m && W) {
-          const I = getOuterWidth(W), O = getOuterHeight(W), z = F.pageX - _, A = F.pageY - y, T = W.getBoundingClientRect(), N = T.left + z, U = T.top + A, Y = getViewport(), H = getComputedStyle(W), q = parseFloat(H.marginLeft), Z = parseFloat(H.marginTop);
-          W.style.position = "fixed", o.dragWithinViewport ? (N >= o.dragMinX && N + I < Y.width && (_ = F.pageX, W.style.left = N - q + "px"), U >= o.dragMinY && U + O < Y.height && (y = F.pageY, W.style.top = U - Z + "px")) : (_ = F.pageX, W.style.left = N - q + "px", y = F.pageY, W.style.top = U - Z + "px");
+        const H = (K = s.value) == null ? void 0 : K.contentEl;
+        if (m && H) {
+          const I = getOuterWidth(H), z = getOuterHeight(H), M = N.pageX - _, A = N.pageY - y, T = H.getBoundingClientRect(), F = T.left + M, U = T.top + A, Y = getViewport(), O = getComputedStyle(H), q = parseFloat(O.marginLeft), Z = parseFloat(O.marginTop);
+          H.style.position = "fixed", o.dragWithinViewport ? (F >= o.dragMinX && F + I < Y.width && (_ = N.pageX, H.style.left = F - q + "px"), U >= o.dragMinY && U + z < Y.height && (y = N.pageY, H.style.top = U - Z + "px")) : (_ = N.pageX, H.style.left = F - q + "px", y = N.pageY, H.style.top = U - Z + "px");
         }
       }, window.document.addEventListener("mousemove", k);
     }
     function $() {
-      C = (F) => {
-        m && (m = !1, document.body.style.userSelect = "", t("dragend", F));
+      C = (N) => {
+        m && (m = !1, document.body.style.userSelect = "", t("dragend", N));
       }, window.document.addEventListener("mouseup", C);
     }
     function D() {
-      L(), G();
+      W(), G();
     }
-    function L() {
+    function W() {
       k && (window.document.removeEventListener("mousemove", k), k = null);
     }
     function G() {
@@ -10675,12 +10684,12 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     }
     return onBeforeUnmount(() => {
       D();
-    }), (F, W) => (openBlock(), createBlock(unref(_sfc_main$R), mergeProps({
+    }), (N, H) => (openBlock(), createBlock(unref(_sfc_main$R), mergeProps({
       ref_key: "overlayRef",
       ref: s
     }, c.value, {
       modelValue: unref(a),
-      "onUpdate:modelValue": W[1] || (W[1] = (K) => isRef(a) ? a.value = K : null),
+      "onUpdate:modelValue": H[1] || (H[1] = (K) => isRef(a) ? a.value = K : null),
       "aria-modal": "true",
       role: "dialog",
       class: [
@@ -10701,7 +10710,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
       onAfterLeave: V
     }), createSlots({
       default: withCtx(() => [
-        unref(r).container ? renderSlot(F.$slots, "container", { key: 0 }) : (openBlock(), createBlock(_sfc_main$13, {
+        unref(r).container ? renderSlot(N.$slots, "container", { key: 0 }) : (openBlock(), createBlock(_sfc_main$13, {
           key: 1,
           class: "ev-dialog--surface",
           elevation: "overlay",
@@ -10711,25 +10720,25 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
             o.hideHeader ? createCommentVNode("", !0) : (openBlock(), createBlock(_sfc_main$o, mergeProps({
               key: 0,
               modelValue: unref(a),
-              "onUpdate:modelValue": W[0] || (W[0] = (K) => isRef(a) ? a.value = K : null)
-            }, d.value, { onMousedown: w }), createSlots({ _: 2 }, [
+              "onUpdate:modelValue": H[0] || (H[0] = (K) => isRef(a) ? a.value = K : null)
+            }, f.value, { onMousedown: w }), createSlots({ _: 2 }, [
               unref(r).header ? {
                 name: "default",
                 fn: withCtx(() => [
-                  renderSlot(F.$slots, "header")
+                  renderSlot(N.$slots, "header")
                 ]),
                 key: "0"
               } : void 0
             ]), 1040, ["modelValue"])),
-            createVNode(_sfc_main$t, normalizeProps(guardReactiveProps(f.value)), {
+            createVNode(_sfc_main$t, normalizeProps(guardReactiveProps(d.value)), {
               default: withCtx(() => [
-                renderSlot(F.$slots, "default")
+                renderSlot(N.$slots, "default")
               ]),
               _: 3
             }, 16),
             unref(r).footer ? (openBlock(), createBlock(EvDialogFooter, { key: 1 }, {
               default: withCtx(() => [
-                renderSlot(F.$slots, "footer")
+                renderSlot(N.$slots, "footer")
               ]),
               _: 3
             })) : createCommentVNode("", !0)
@@ -10742,7 +10751,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
       unref(r).activator ? {
         name: "activator",
         fn: withCtx(({ isActive: K, props: I }) => [
-          renderSlot(F.$slots, "activator", {
+          renderSlot(N.$slots, "activator", {
             isActive: K,
             props: I
           })
@@ -10772,18 +10781,18 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     }
     return provideDrawer(t.__instance), e({
       close: l
-    }), (d, f) => (openBlock(), createBlock(unref(_sfc_main$n), mergeProps({
+    }), (f, d) => (openBlock(), createBlock(unref(_sfc_main$n), mergeProps({
       ref_key: "dialogRef",
       ref: s
     }, o.value, {
       modelValue: unref(r),
-      "onUpdate:modelValue": f[0] || (f[0] = (p) => isRef(r) ? r.value = p : null),
+      "onUpdate:modelValue": d[0] || (d[0] = (p) => isRef(r) ? r.value = p : null),
       class: ["ev-drawer", a.value, t.class],
       style: t.style,
       transition: i.value,
       width: c.value
     }), createSlots({ _: 2 }, [
-      renderList(d.$slots, (p, u) => ({
+      renderList(f.$slots, (p, u) => ({
         name: u,
         fn: withCtx((v) => [
           (openBlock(), createBlock(resolveDynamicComponent(p), normalizeProps(guardReactiveProps(v)), null, 16))
@@ -10853,7 +10862,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
   },
   setup(n) {
     const t = useDefaults(n), o = computed(() => filterComponentProps(_sfc_main$1b, t)), r = useModelProxy(t, "modelValue"), s = computed(() => r.value.map((l) => isObject(l) ? getPropertyValue(l, t.filterTitle) : l)), a = computed(() => s.value.length ? `${t.title}: ${s.value[0]}` : t.title), i = computed(() => r.value.length > 1 ? r.value.length - 1 : void 0), c = computed(() => !!r.value.length);
-    return (l, d) => (openBlock(), createBlock(unref(_sfc_main$1b), mergeProps(o.value, {
+    return (l, f) => (openBlock(), createBlock(unref(_sfc_main$1b), mergeProps(o.value, {
       "icon-end": unref(ChevronDownIcon),
       text: a.value,
       appearance: c.value ? "primary" : "default",
@@ -10891,10 +10900,10 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
       c.preventDefault(), s.reset();
     }
     function i(c) {
-      const l = c, d = s.validate();
-      l.then = d.then.bind(d), l.catch = d.catch.bind(d), l.finally = d.finally.bind(d), t("submit", l), l.defaultPrevented || d.then(({ valid: f }) => {
+      const l = c, f = s.validate();
+      l.then = f.then.bind(f), l.catch = f.catch.bind(f), l.finally = f.finally.bind(f), t("submit", l), l.defaultPrevented || f.then(({ valid: d }) => {
         var p;
-        f && ((p = r.value) == null || p.submit());
+        d && ((p = r.value) == null || p.submit());
       }), l.preventDefault();
     }
     return e({
@@ -11126,7 +11135,7 @@ const LinkExternalIcon = { render }, _hoisted_1$a = ["href"], _sfc_main$g = /* @
     "update:modelValue"
   ],
   setup(n, { emit: e }) {
-    const t = n, o = useSlots(), r = hasSlotWithContent(o, "default"), s = hasSlotWithContent(o, "action"), a = useModelProxy(t, "modelValue"), i = shallowRef(!1), { t: c } = useLocaleFunctions(), l = computed(() => t.icon ? t.icon : appearanceIcon(t.appearance)), d = computed(() => (r.value || !!t.description || s.value || !!v.value.length) && (!t.expandable || i.value)), f = computed(() => makeClassName(t.variant, "is-variant"));
+    const t = n, o = useSlots(), r = hasSlotWithContent(o, "default"), s = hasSlotWithContent(o, "action"), a = useModelProxy(t, "modelValue"), i = shallowRef(!1), { t: c } = useLocaleFunctions(), l = computed(() => t.icon ? t.icon : appearanceIcon(t.appearance)), f = computed(() => (r.value || !!t.description || s.value || !!v.value.length) && (!t.expandable || i.value)), d = computed(() => makeClassName(t.variant, "is-variant"));
     function p() {
       if (!t.dismissDelay)
         a.value = !1;
@@ -11180,7 +11189,7 @@ const LinkExternalIcon = { render }, _hoisted_1$a = ["href"], _sfc_main$g = /* @
     return (k, C) => withDirectives((openBlock(), createBlock(resolveDynamicComponent(t.tag), {
       class: normalizeClass([
         "ev-message",
-        f.value,
+        d.value,
         unref(appearanceModifier)(t.appearance),
         t.class
       ])
@@ -11204,7 +11213,7 @@ const LinkExternalIcon = { render }, _hoisted_1$a = ["href"], _sfc_main$g = /* @
             onLeave: y
           }, {
             default: withCtx(() => [
-              d.value ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+              f.value ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
                 unref(r) ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
                   renderSlot(k.$slots, "default")
                 ])) : t.description ? (openBlock(), createElementBlock("div", {
@@ -11284,7 +11293,7 @@ const LinkExternalIcon = { render }, _hoisted_1$a = ["href"], _sfc_main$g = /* @
     }
     const { stackStyles: i } = useStack(o, toRef(t, "zIndex"), !1);
     watch(r, () => {
-      r.value ? l() : d();
+      r.value ? l() : f();
     }), onMounted(() => {
       r.value && l();
     });
@@ -11294,10 +11303,10 @@ const LinkExternalIcon = { render }, _hoisted_1$a = ["href"], _sfc_main$g = /* @
         a();
       }, r.value);
     }
-    function d() {
+    function f() {
       clearTimeout(c);
     }
-    return (f, p) => (openBlock(), createBlock(unref(_sfc_main$13), {
+    return (d, p) => (openBlock(), createBlock(unref(_sfc_main$13), {
       class: "ev-notification",
       role: "alert",
       rounded: "small",
@@ -11307,13 +11316,13 @@ const LinkExternalIcon = { render }, _hoisted_1$a = ["href"], _sfc_main$g = /* @
       default: withCtx(() => [
         createVNode(unref(_sfc_main$e), mergeProps(s.value, { "onClick:dismiss": a }), {
           icon: withCtx(() => [
-            renderSlot(f.$slots, "icon")
+            renderSlot(d.$slots, "icon")
           ]),
           default: withCtx(() => [
-            renderSlot(f.$slots, "default")
+            renderSlot(d.$slots, "default")
           ]),
           actions: withCtx(() => [
-            renderSlot(f.$slots, "actions")
+            renderSlot(d.$slots, "actions")
           ]),
           _: 3
         }, 16)
@@ -11733,25 +11742,25 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
         b !== $ && (c.value = a.formatValue(i.value));
       }
     );
-    const l = computed(() => e.min ?? null), d = computed(() => e.max ?? null), f = computed(() => e.step ?? 1);
+    const l = computed(() => e.min ?? null), f = computed(() => e.max ?? null), d = computed(() => e.step ?? 1);
     let p = null, u = !1;
     function v(b) {
       const $ = {
         useGrouping: !1,
         minimumFractionDigits: 0,
         maximumFractionDigits: 20
-      }, D = t.numberFormatter.formatter($).formatToParts(b).find((L) => L.type === "fraction");
+      }, D = t.numberFormatter.formatter($).formatToParts(b).find((W) => W.type === "fraction");
       return D ? D.value.length : 0;
     }
     function m(b) {
       if (isEmpty(b))
         return b ?? null;
-      typeof b == "string" && (b = parseFloat(b)), y(b) ? b = l.value : _(b) && (b = d.value);
+      typeof b == "string" && (b = parseFloat(b)), y(b) ? b = l.value : _(b) && (b = f.value);
       const $ = v(b);
       return !isEmpty(e.minFractionDigits) && $ < e.minFractionDigits && (b = parseFloat(b.toFixed(e.minFractionDigits))), !isEmpty(e.maxFractionDigits) && $ > e.maxFractionDigits && (b = parseFloat(b.toFixed(e.maxFractionDigits))), b;
     }
     function _(b) {
-      return d.value !== null && d.value < b;
+      return f.value !== null && f.value < b;
     }
     function y(b) {
       return l.value !== null && l.value > b;
@@ -11785,9 +11794,9 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
       }
       if (b.key === "Enter") {
         b.preventDefault();
-        const G = a.parseValue(c.value), F = m(G);
-        i.value = F, nextTick(() => {
-          c.value = isEmpty(F) ? "" : F.toString();
+        const G = a.parseValue(c.value), N = m(G);
+        i.value = N, nextTick(() => {
+          c.value = isEmpty(N) ? "" : N.toString();
         });
         return;
       }
@@ -11802,7 +11811,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
       b.preventDefault();
       const $ = (D = b.clipboardData) == null ? void 0 : D.getData("Text");
       if ($) {
-        const L = a.parseValue($), G = m(L);
+        const W = a.parseValue($), G = m(W);
         c.value = isEmpty(G) ? "" : G.toString(), i.value = G;
       }
     }
@@ -11812,17 +11821,17 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
       u = !0;
       let $;
       isEmpty(i.value) ? $ = l.value ?? 0 : $ = m(
-        i.value + b * f.value
+        i.value + b * d.value
       ), c.value = a.formatValue($);
       const D = Date.now();
-      let L = f.value;
+      let W = d.value;
       p = setInterval(() => {
-        const F = (Date.now() - D) / 1e3;
-        if (F < incrementDelay)
+        const N = (Date.now() - D) / 1e3;
+        if (N < incrementDelay)
           return;
-        const W = Math.floor(Math.pow(2, F - 1));
-        L = f.value * W, $ = m(
-          $ + b * L
+        const H = Math.floor(Math.pow(2, N - 1));
+        W = d.value * H, $ = m(
+          $ + b * W
         ), c.value = a.formatValue($);
       }, incrementRate);
     }
@@ -11833,7 +11842,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
         i.value = m(b), u = !1;
       }
     }
-    const V = computed(() => e.showButtons || o.prefix || e.prefix), M = computed(() => e.showButtons || o.suffix || e.suffix);
+    const V = computed(() => e.showButtons || o.prefix || e.prefix), L = computed(() => e.showButtons || o.suffix || e.suffix);
     return (b, $) => (openBlock(), createBlock(unref(_sfc_main$L), mergeProps({
       ref_key: "evTextfieldRef",
       ref: r
@@ -11880,7 +11889,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
         ]),
         key: "1"
       } : void 0,
-      M.value ? {
+      L.value ? {
         name: "suffix",
         fn: withCtx(() => [
           renderSlot(b.$slots, "suffix", {}, () => [
@@ -12016,12 +12025,12 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
   },
   emits: ["update:focused", "update:modelValue"],
   setup(n, { expose: e }) {
-    const t = n, o = useSlots(), r = inject(EvRadioGroupSymbol, void 0), s = useAttrs(), a = ref(null), i = ref(null), [c, l] = splitInputAttrs(s), d = useFormField(t, r), f = isDeepEqual, p = computed({
+    const t = n, o = useSlots(), r = inject(EvRadioGroupSymbol, void 0), s = useAttrs(), a = ref(null), i = ref(null), [c, l] = splitInputAttrs(s), f = useFormField(t, r), d = isDeepEqual, p = computed({
       get() {
-        return f(d.value, t.value);
+        return d(f.value, t.value);
       },
       set(y) {
-        t.readonly || (d.value = y ? t.value : "");
+        t.readonly || (f.value = y ? t.value : "");
       }
     });
     function u(y) {
@@ -12042,7 +12051,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
         var y;
         (y = _()) == null || y.focus();
       },
-      ...d.expose()
+      ...f.expose()
     }), (y, k) => (openBlock(), createElementBlock("div", mergeProps({
       ref_key: "containerRef",
       ref: a,
@@ -12052,7 +12061,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
           "is-checked": p.value,
           "is-labelled": t.label || unref(o).label
         },
-        unref(d).classes,
+        unref(f).classes,
         t.class
       ],
       style: t.style
@@ -12060,20 +12069,20 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
       createElementVNode("div", _hoisted_1$5, [
         _hoisted_2$5,
         createElementVNode("input", mergeProps({
-          id: unref(d).id,
+          id: unref(f).id,
           ref_key: "inputRef",
           ref: i,
           type: "radio",
-          name: unref(d).name,
-          disabled: unref(d).isDisabled || unref(d).isReadonly,
+          name: unref(f).name,
+          disabled: unref(f).isDisabled || unref(f).isReadonly,
           value: t.value,
           checked: p.value
         }, unref(l), {
           onBlur: k[0] || (k[0] = //@ts-ignore
-          (...C) => unref(d).blur && unref(d).blur(...C)),
+          (...C) => unref(f).blur && unref(f).blur(...C)),
           onClick: u,
           onFocus: k[1] || (k[1] = //@ts-ignore
-          (...C) => unref(d).focus && unref(d).focus(...C)),
+          (...C) => unref(f).focus && unref(f).focus(...C)),
           onInput: v,
           onKeyup: withKeys(m, ["space"])
         }), null, 16, _hoisted_3$5)
@@ -12081,7 +12090,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
       t.label || unref(o).label ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
         createVNode(_sfc_main$11, {
           clickable: "",
-          for: unref(d).id,
+          for: unref(f).id,
           title: t.label,
           hint: t.hint
         }, {
@@ -12114,31 +12123,31 @@ function filterItems(n, e, t) {
   if (!(n != null && n.length))
     return o;
   e: for (let c = 0; c < n.length; c++) {
-    const [l, d = l] = wrapInArray(n[c]), f = {}, p = {};
+    const [l, f = l] = wrapInArray(n[c]), d = {}, p = {};
     let u = -1;
     if (e && !(t != null && t.noFilter)) {
       if (typeof l == "object") {
-        const _ = s || Object.keys(d);
+        const _ = s || Object.keys(f);
         for (const y of _) {
           const k = getPropertyValue(
-            d,
+            f,
             y,
-            d
+            f
           ), C = (i = t == null ? void 0 : t.filterKeyFunctions) == null ? void 0 : i[y];
           if (u = C ? C(k, e, l) : r(k, e, l), u !== -1 && u !== !1)
-            C ? f[y] = u : p[y] = u;
+            C ? d[y] = u : p[y] = u;
           else if ((t == null ? void 0 : t.filterMode) === "every")
             continue e;
         }
       } else
         u = r(l, e, l), u !== -1 && u !== !1 && (p.title = u);
-      const v = Object.keys(p).length, m = Object.keys(f).length;
+      const v = Object.keys(p).length, m = Object.keys(d).length;
       if (!v && !m || (t == null ? void 0 : t.filterMode) === "union" && m !== a && !v || (t == null ? void 0 : t.filterMode) === "intersection" && (m !== a || !v))
         continue;
     }
     o.push({
       index: c,
-      matches: { ...p, ...f }
+      matches: { ...p, ...d }
     });
   }
   return o;
@@ -12150,7 +12159,7 @@ function useFilter(n, e, t, o) {
     () => unref(e)
   );
   watchEffect(() => {
-    const c = typeof t == "function" ? t() : unref(t), l = typeof c != "string" ? "" : String(c), d = filterItems(a.value, l, {
+    const c = typeof t == "function" ? t() : unref(t), l = typeof c != "string" ? "" : String(c), f = filterItems(a.value, l, {
       filterKeyFunctions: {
         ...n.filterKeyFunctions,
         ...unref(o == null ? void 0 : o.filterKeyFunctions)
@@ -12159,9 +12168,9 @@ function useFilter(n, e, t, o) {
       filterKeys: n.filterKeys,
       filterMode: n.filterMode,
       noFilter: n.noFilter
-    }), f = unref(e), p = [], u = /* @__PURE__ */ new Map();
-    d.forEach(({ index: v, matches: m }) => {
-      const _ = f[v];
+    }), d = unref(e), p = [], u = /* @__PURE__ */ new Map();
+    f.forEach(({ index: v, matches: m }) => {
+      const _ = d[v];
       p.push(_), u.set(_.value, m);
     }), r.value = p, s.value = u;
   });
@@ -12230,14 +12239,14 @@ function useScrolling(n, e) {
     });
   }
   async function a(i) {
-    var d, f;
+    var f, d;
     if (i.key === "Tab") {
-      (d = e.value) == null || d.focus();
+      (f = e.value) == null || f.focus();
       return;
     }
     if (!["PageDown", "PageUp", "Home", "End"].includes(i.key))
       return;
-    const c = (f = n.value) == null ? void 0 : f.$el;
+    const c = (d = n.value) == null ? void 0 : d.$el;
     if (!c)
       return;
     (i.key === "Home" || i.key === "End") && c.scrollTo({
@@ -12280,8 +12289,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       markerRef: i,
       handleScroll: c,
       handleScrollend: l,
-      handleItemResize: d,
-      scrollToIndex: f,
+      handleItemResize: f,
+      scrollToIndex: d,
       paddingTop: p,
       paddingBottom: u,
       computedItems: v
@@ -12305,7 +12314,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }
     ), e({
       calculateVisibleItems: s,
-      scrollToIndex: f
+      scrollToIndex: d
     }), (m, _) => t.renderless ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       createElementVNode("div", {
         ref_key: "markerRef",
@@ -12316,7 +12325,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(v), (y) => (openBlock(), createBlock(_sfc_main$I, {
         key: y.index,
         renderless: t.renderless,
-        "onUpdate:height": (k) => unref(d)(y.index, k)
+        "onUpdate:height": (k) => unref(f)(y.index, k)
       }, {
         default: withCtx(({ itemRef: k }) => [
           renderSlot(m.$slots, "default", normalizeProps(guardReactiveProps({ item: y.raw, index: y.index, itemRef: k })))
@@ -12352,7 +12361,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(v), (y) => (openBlock(), createBlock(_sfc_main$I, {
           key: y.index,
           renderless: t.renderless,
-          "onUpdate:height": (k) => unref(d)(y.index, k)
+          "onUpdate:height": (k) => unref(f)(y.index, k)
         }, {
           default: withCtx(({ itemRef: k }) => [
             renderSlot(m.$slots, "default", normalizeProps(guardReactiveProps({
@@ -12448,7 +12457,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const c = computed(
       () => filterComponentProps(_sfc_main$O, e)
     );
-    return (l, d) => (openBlock(), createBlock(unref(_sfc_main$O), mergeProps(c.value, {
+    return (l, f) => (openBlock(), createBlock(unref(_sfc_main$O), mergeProps(c.value, {
       class: [
         "ev-tag-group",
         {
@@ -12492,16 +12501,16 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       o,
       EvTagGroupSymbol,
       !1
-    ), d = computed(() => o.link !== !1 && a.isLink.value), f = computed(() => !o.disabled && o.link !== !1 && (!!l || o.link || a.isClickable.value)), p = computed(() => i("close")), u = computed(() => a.isLink.value ? "a" : o.tag);
+    ), f = computed(() => o.link !== !1 && a.isLink.value), d = computed(() => !o.disabled && o.link !== !1 && (!!l || o.link || a.isClickable.value)), p = computed(() => i("close")), u = computed(() => a.isLink.value ? "a" : o.tag);
     function v(V) {
-      var M;
-      e("click", V), f.value && ((M = a.navigate) == null || M.call(a, V), l == null || l.toggle());
+      var L;
+      e("click", V), d.value && ((L = a.navigate) == null || L.call(a, V), l == null || l.toggle());
     }
     function m(V) {
       V.stopPropagation(), c.value = !1, e("click:close", V);
     }
     function _(V) {
-      d.value || !f.value || (V.preventDefault(), v(V));
+      f.value || !d.value || (V.preventDefault(), v(V));
     }
     const y = computed(() => (r.filter || o.filter) && l), k = computed(() => ({
       isSelected: l == null ? void 0 : l.isSelected.value,
@@ -12517,7 +12526,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       l,
       c
     );
-    return (V, M) => {
+    return (V, L) => {
       var b, $;
       return unref(c) ? (openBlock(), createBlock(resolveDynamicComponent(u.value), {
         key: 0,
@@ -12525,7 +12534,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           "ev-tag",
           {
             "is-active": (b = unref(l)) == null ? void 0 : b.isSelected.value,
-            "is-clickable": f.value,
+            "is-clickable": d.value,
             "is-disabled": unref(o).disabled,
             "is-filter": y.value,
             "is-rounded": unref(o).rounded
@@ -12539,7 +12548,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         disabled: unref(o).disabled || void 0,
         draggable: unref(o).draggable,
         href: unref(a).href.value,
-        tabindex: f.value ? 0 : void 0,
+        tabindex: d.value ? 0 : void 0,
         onClick: v,
         onKeydown: [
           withKeys(_, ["enter"]),
@@ -12668,11 +12677,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     "update:search"
   ],
   setup(n, { emit: e }) {
-    const t = n, o = useSlots(), r = ref(), s = computed(() => filterComponentProps(_sfc_main$L, t)), a = shallowRef(!1), i = shallowRef(!0), c = computed(() => t.behavior !== "select"), l = shallowRef(!1), d = shallowRef(!1), f = ref(), p = useModelProxy(t, "menuOpen"), u = computed({
+    const t = n, o = useSlots(), r = ref(), s = computed(() => filterComponentProps(_sfc_main$L, t)), a = shallowRef(!1), i = shallowRef(!0), c = computed(() => t.behavior !== "select"), l = shallowRef(!1), f = shallowRef(!1), d = ref(), p = useModelProxy(t, "menuOpen"), u = computed({
       get: () => p.value,
       set: (x) => {
         var R;
-        p.value && !x && ((R = f.value) != null && R.openChildren) || (p.value = x);
+        p.value && !x && ((R = d.value) != null && R.openChildren) || (p.value = x);
       }
     }), v = computed(() => t.hideItemsEmpty && !y.value.length || !!t.readonly), m = ref(), _ = ref(), { items: y, transformIn: k, transformOut: C } = useItems(t), w = useModelProxy(t, "search", ""), { filteredItems: E } = useFilter(
       t,
@@ -12691,27 +12700,27 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         const R = C(x);
         return t.multiple ? R : R[0] ?? null;
       }
-    ), B = computed(() => g.value.map((x) => y.value.find((R) => t.valueComparator(R.value, x.value)) || x)), V = shallowRef(-1), M = computed(() => B.value.map((x) => x.props.value)), b = new KeyLogger(), $ = computed(() => {
+    ), B = computed(() => g.value.map((x) => y.value.find((R) => t.valueComparator(R.value, x.value)) || x)), V = shallowRef(-1), L = computed(() => B.value.map((x) => x.props.value)), b = new KeyLogger(), $ = computed(() => {
       var R;
       return (t.autoSelectFirst === !0 || t.autoSelectFirst === "exact" && w.value === ((R = S.value[0]) == null ? void 0 : R.title)) && S.value.length > 0 && !i.value && !l.value;
-    }), D = useForm(), { t: L } = useLocaleFunctions();
+    }), D = useForm(), { t: W } = useLocaleFunctions();
     function G() {
       var x;
       a.value && (i.value = !0, (x = r.value) == null || x.focus());
     }
-    function F(x) {
+    function N(x) {
       setTimeout(() => {
         a.value = !0, l.value = !0;
       });
     }
-    function W(x) {
+    function H(x) {
       l.value = !1;
     }
     function K(x) {
       x.preventDefault();
     }
-    const { onListScroll: I, onListKeydown: O } = useScrolling(m, r);
-    function z(x) {
+    const { onListScroll: I, onListKeydown: z } = useScrolling(m, r);
+    function M(x) {
       var R;
       (R = m.value) != null && R.$el.contains(x.relatedTarget) || (u.value = !1), V.value = -1;
     }
@@ -12726,7 +12735,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     function T(x) {
       t.openOnClear && (u.value = !0), w.value = "";
     }
-    function N(x) {
+    function F(x) {
       w.value = x.target.value;
     }
     function U(x) {
@@ -12778,7 +12787,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         (J = _.value) == null || J.scrollToIndex(Q);
       }
     }
-    function H() {
+    function O() {
       v.value || (u.value = !u.value);
     }
     function q(x, R = !0) {
@@ -12793,7 +12802,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         } else {
           const j = R !== !1;
           g.value = j ? [x] : [], w.value = x.title, nextTick(() => {
-            u.value = !1, i.value = !0, d.value = !1, r.value.input.blur(), a.value = !1;
+            u.value = !1, i.value = !0, f.value = !1, r.value.input.blur(), a.value = !1;
           });
         }
         V.value = -1;
@@ -12824,7 +12833,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       };
     }
     watch(w, (x, R) => {
-      !a.value || d.value || (x && (u.value = !0), i.value = !x);
+      !a.value || f.value || (x && (u.value = !0), i.value = !x);
     }), watch(a, (x, R) => {
       x !== R && e("update:focused", x);
     }), watch(u, () => {
@@ -12861,12 +12870,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       readonly: !c.value || t.readonly,
       placeholder: unref(g).length ? void 0 : t.placeholder,
       "validation-value": ve.value,
-      onBlur: z,
+      onBlur: M,
       onChange: A,
       "onClick:clear": T,
-      onInput: N,
+      onInput: F,
       onKeydown: U,
-      "onMousedown:control": H,
+      "onMousedown:control": O,
       "onUpdate:modelValue": fe
     }), createSlots({
       default: withCtx(() => [
@@ -12896,7 +12905,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         ])) : createCommentVNode("", !0),
         createVNode(unref(_sfc_main$Q), {
           ref_key: "evMenuRef",
-          ref: f,
+          ref: d,
           modelValue: u.value,
           "onUpdate:modelValue": R[0] || (R[0] = (j) => u.value = j),
           class: "ev-select--menu",
@@ -12920,12 +12929,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   ref_key: "evListRef",
                   ref: m,
                   class: "ev-select--list",
-                  selected: M.value,
+                  selected: L.value,
                   "select-strategy": t.multiple ? "multi-any" : "single-any",
                   tabindex: "-1",
-                  onFocusin: F,
-                  onFocusout: W,
-                  onKeydown: unref(O),
+                  onFocusin: N,
+                  onFocusout: H,
+                  onKeydown: unref(z),
                   onMousedown: K,
                   onScrollPassive: unref(I)
                 }, {
@@ -12933,7 +12942,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     renderSlot(x.$slots, "items-prefix"),
                     !S.value.length && !t.hideItemsEmpty ? renderSlot(x.$slots, "items-empty", { key: 0 }, () => [
                       createVNode(unref(_sfc_main$V), {
-                        title: unref(L)(t.itemsEmptyText)
+                        title: unref(W)(t.itemsEmptyText)
                       }, null, 8, ["title"])
                     ]) : createCommentVNode("", !0),
                     createVNode(unref(_sfc_main$7), {
@@ -13016,12 +13025,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:focused", "update:modelValue"],
   setup(n, { expose: e }) {
-    const t = n, o = useSlots(), r = useAttrs(), s = ref(null), a = ref(null), [i, c] = splitInputAttrs(r), l = useFormField(t), { trueValue: d, isChecked: f } = useToggleControl(l.model, t);
+    const t = n, o = useSlots(), r = useAttrs(), s = ref(null), a = ref(null), [i, c] = splitInputAttrs(r), l = useFormField(t), { trueValue: f, isChecked: d } = useToggleControl(l.model, t);
     function p() {
       return a.value;
     }
     function u(v) {
-      f.value = v.target.checked;
+      d.value = v.target.checked;
     }
     return e({
       input: a,
@@ -13035,7 +13044,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       ref: s,
       class: ["ev-switch", [
         {
-          "is-checked": unref(f),
+          "is-checked": unref(d),
           "is-labelled": t.label || unref(o).label
         },
         unref(l).classes,
@@ -13055,10 +13064,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           name: unref(l).name,
           disabled: unref(l).isDisabled,
           readonly: unref(l).isReadonly,
-          checked: unref(f),
-          value: unref(d),
+          checked: unref(d),
+          value: unref(f),
           "aria-disabled": unref(l).isDisabled,
-          "aria-checked": unref(f)
+          "aria-checked": unref(d)
         }, unref(c), {
           onInput: u,
           onFocus: m[0] || (m[0] = //@ts-ignore
@@ -13131,14 +13140,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     "update:modelValue"
   ],
   setup(n, { expose: e, emit: t }) {
-    const o = n, r = useSlots(), s = useAttrs(), a = ref(null), i = ref(null), [c, l] = splitInputAttrs(s), d = useFormField(o), f = computed(() => o.clearable && !!d.value);
+    const o = n, r = useSlots(), s = useAttrs(), a = ref(null), i = ref(null), [c, l] = splitInputAttrs(s), f = useFormField(o), d = computed(() => o.clearable && !!f.value);
     function p() {
       return i.value;
     }
     function u(g) {
       var B;
       g.stopPropagation(), nextTick(() => {
-        d.value = null, t("click:clear", g);
+        f.value = null, t("click:clear", g);
       }), (B = p()) == null || B.focus();
     }
     function v(g) {
@@ -13146,7 +13155,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     }
     function m(g) {
       var B;
-      d.focus(g), o.autoselect && ((B = p()) == null || B.select());
+      f.focus(g), o.autoselect && ((B = p()) == null || B.select());
     }
     function _(g) {
       m(), t("click:control", g);
@@ -13181,7 +13190,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         var g;
         (g = p()) == null || g.focus();
       },
-      ...d.expose()
+      ...f.expose()
     }), (g, B) => (openBlock(), createElementBlock("div", mergeProps({
       ref_key: "containerRef",
       ref: a,
@@ -13190,7 +13199,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           "is-loading": g.loading,
           "is-autogrow": g.autogrow
         },
-        unref(d).classes,
+        unref(f).classes,
         o.class
       ]],
       style: o.style,
@@ -13198,7 +13207,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     }, unref(c)), [
       o.label || o.hint || unref(r).label ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
         createVNode(unref(_sfc_main$11), {
-          for: unref(d).id,
+          for: unref(f).id,
           title: o.label,
           hint: o.hint
         }, {
@@ -13218,32 +13227,32 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", _hoisted_2$1, [
           withDirectives(createElementVNode("textarea", mergeProps({
-            id: unref(d).id,
+            id: unref(f).id,
             ref_key: "inputRef",
             ref: i,
-            "onUpdate:modelValue": B[0] || (B[0] = (V) => unref(d).value = V),
-            name: unref(d).name,
-            disabled: unref(d).isDisabled,
-            readonly: unref(d).isReadonly,
+            "onUpdate:modelValue": B[0] || (B[0] = (V) => unref(f).value = V),
+            name: unref(f).name,
+            disabled: unref(f).isDisabled,
+            readonly: unref(f).isReadonly,
             placeholder: g.placeholder,
             autofocus: g.autofocus
           }, unref(l), {
             onFocus: m,
             onBlur: B[1] || (B[1] = //@ts-ignore
-            (...V) => unref(d).blur && unref(d).blur(...V)),
+            (...V) => unref(f).blur && unref(f).blur(...V)),
             onKeydown: k,
             onKeyup: [
               C,
               withKeys(w, ["enter"])
             ]
           }), null, 16, _hoisted_3$1), [
-            [vModelText, unref(d).value],
+            [vModelText, unref(f).value],
             [unref(S)]
           ])
         ]),
         createVNode(Transition, { name: "slide-fade" }, {
           default: withCtx(() => [
-            f.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            d.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
               createVNode(unref(_sfc_main$1h), {
                 glyph: unref(CancelIcon),
                 onClick: u,
@@ -13256,14 +13265,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         g.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [
           createVNode(unref(_sfc_main$M), {
             indeterminate: "",
-            appearance: unref(d).isFocused ? unref(Appearance).notice : unref(Appearance).default,
+            appearance: unref(f).isFocused ? unref(Appearance).notice : unref(Appearance).default,
             size: 2
           }, null, 8, ["appearance"])
         ])) : createCommentVNode("", !0)
       ], 34),
-      unref(d).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_6, [
+      unref(f).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_6, [
         createVNode(unref(_sfc_main$10), {
-          messages: unref(d).errorMessages
+          messages: unref(f).errorMessages
         }, null, 8, ["messages"])
       ])) : createCommentVNode("", !0)
     ], 16));
@@ -13377,14 +13386,14 @@ function mounted$1(n, e) {
     return;
   const t = e.modifiers || {}, o = e.value, { handler: r, options: s } = typeof o == "object" ? o : { handler: o, options: {} }, a = new IntersectionObserver(
     (i = [], c) => {
-      var f;
-      const l = (f = n._observe) == null ? void 0 : f[e.instance.$.uid];
+      var d;
+      const l = (d = n._observe) == null ? void 0 : d[e.instance.$.uid];
       if (!l)
         return;
-      const d = i.some(
+      const f = i.some(
         (p) => p.isIntersecting
       );
-      r && (!t.quiet || l.init) && (!t.once || d || l.init) && r(d, i, c), d && t.once ? unmounted$1(n, e) : l.init = !0;
+      r && (!t.quiet || l.init) && (!t.once || f || l.init) && r(f, i, c), f && t.once ? unmounted$1(n, e) : l.init = !0;
     },
     s
   );
@@ -13497,21 +13506,21 @@ const Touch = {
     ), i = shallowRef(!1), c = computed(() => {
       const w = e.direction === "vertical" ? "y" : "x", S = (a.value ? !i.value : i.value) ? "-reverse" : "";
       return `ev-window-${w}${S}-transition`;
-    }), l = shallowRef(0), d = ref(void 0), f = computed(() => r.items.value.findIndex(
+    }), l = shallowRef(0), f = ref(void 0), d = computed(() => r.items.value.findIndex(
       (w) => r.selected.value.includes(w.id)
     ));
-    watch(f, (w, E) => {
+    watch(d, (w, E) => {
       const S = r.items.value.length, g = S - 1;
       S <= 2 ? i.value = w < E : w === g && E === 0 ? i.value = !0 : w === 0 && E === g ? i.value = !1 : i.value = w < E;
     }), provide(EvWindowSymbol, {
       transition: c,
       isReversed: i,
       transitionCount: l,
-      transitionHeight: d,
+      transitionHeight: f,
       rootRef: s
     });
-    const p = computed(() => e.continuous || f.value !== 0), u = computed(
-      () => e.continuous || f.value !== r.items.value.length - 1
+    const p = computed(() => e.continuous || d.value !== 0), u = computed(
+      () => e.continuous || d.value !== r.items.value.length - 1
     );
     function v() {
       p.value && r.previous();
@@ -13559,7 +13568,7 @@ const Touch = {
         createElementVNode("div", {
           class: "ev-window--container",
           style: normalizeStyle({
-            height: d.value
+            height: f.value
           })
         }, [
           renderSlot(w.$slots, "default", normalizeProps(guardReactiveProps({ group: unref(r) }))),
@@ -13649,12 +13658,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function l() {
       i();
     }
-    function d(u) {
+    function f(u) {
       s.value && nextTick(() => {
         !a.value || !s.value || !t || (t.transitionHeight.value = toWebUnit(u.clientHeight));
       });
     }
-    const f = computed(() => {
+    const d = computed(() => {
       const u = t.isReversed.value ? e.reverseTransition : e.transition;
       return a.value ? {
         name: isString(u) ? u : t.transition.value,
@@ -13664,11 +13673,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onBeforeLeave: c,
         onAfterLeave: i,
         onLeaveCancelled: l,
-        onEnter: d
+        onEnter: f
       } : !1;
     }), { hasContent: p } = useLazy(e, o.isSelected);
     return (u, v) => (openBlock(), createBlock(unref(EvTransition), {
-      transition: f.value,
+      transition: d.value,
       disabled: !unref(r)
     }, {
       default: withCtx(() => [
@@ -14134,7 +14143,7 @@ const drawer = {
   EvNotificationService: notification
 }, Symbol.toStringTag, { value: "Module" }));
 function createEvanceUi$1(n = {}) {
-  const { blueprint: e, ...t } = n, o = mergeDeep(e, t), { components: r = {}, directives: s = {}, services: a = {} } = o, i = createDefaults(o.defaults), c = createDisplay(o.display, o.ssr), l = createLocaleManager(o.locale ?? {}), d = createDate(o.date, l), f = createTheme(o.theme);
+  const { blueprint: e, ...t } = n, o = mergeDeep(e, t), { components: r = {}, directives: s = {}, services: a = {} } = o, i = createDefaults(o.defaults), c = createDisplay(o.display, o.ssr), l = createLocaleManager(o.locale ?? {}), f = createDate(o.date, l), d = createTheme(o.theme);
   return {
     install: (u) => {
       for (const v in s)
@@ -14143,7 +14152,7 @@ function createEvanceUi$1(n = {}) {
         u.component(v, r[v]);
       for (const v in a)
         u.use(a[v]);
-      if (u.provide(DefaultsSymbol, i), u.provide(DisplaySymbol, c), u.provide(LocaleSymbol, l), u.provide(DateAdapterSymbol, d), u.provide(ThemeSymbol, f), Browser.hasWindow && o.ssr)
+      if (u.provide(DefaultsSymbol, i), u.provide(DisplaySymbol, c), u.provide(LocaleSymbol, l), u.provide(DateAdapterSymbol, f), u.provide(ThemeSymbol, d), Browser.hasWindow && o.ssr)
         if ("$nuxt" in u)
           u.$nuxt.hook("app:suspense:resolve", () => {
             c.update();
@@ -14160,7 +14169,7 @@ function createEvanceUi$1(n = {}) {
     defaults: i,
     display: c,
     locale: l,
-    date: d
+    date: f
   };
 }
 const createEvanceUi = (n = {}) => createEvanceUi$1({ components, directives, services, ...n });