@evance/evance-ui 1.0.23 → 1.0.24

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.24 | 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) {
@@ -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 = () => {
@@ -2847,7 +2847,7 @@ const EvTransition = (n, { slots: e }) => {
     }
     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
       );
-      f(b, M), M === w && f([k], !w);
+      d(b, M), M === 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,15 +6946,15 @@ 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;
@@ -6968,17 +6968,17 @@ const makeEvOverlayProps = propsFactory(
         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,7 +7169,7 @@ 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);
@@ -7339,7 +7339,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             }),
             createVNode(unref(EvTransition), {
               appear: "",
-              transition: unref(d),
+              transition: unref(f),
               target: unref(y),
               onEnter: G,
               onAfterEnter: F,
@@ -7352,7 +7352,7 @@ 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")
                 ], 16)), [
@@ -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]
@@ -7656,12 +7656,12 @@ 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;
+      B = (o.value && l.value ? -1 : 1) * a.value, g = T.touches[0][N], f.value = !0;
     }
     function M(T) {
       if (!s.value)
@@ -7671,7 +7671,7 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
     }
     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;
+      a.value < 0 || !s.value ? a.value = 0 : a.value >= N && (a.value = N), f.value = !1;
     }
     function $(T) {
       const N = a.value + (T === "previous" ? -1 : 1) * i.value;
@@ -7691,8 +7691,8 @@ const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
       const N = o.value && l.value ? -1 : 1;
       return {
         transform: `translate${l.value ? "X" : "Y"}(${N * T}px)`,
-        transition: d.value ? "none" : "",
-        willChange: d.value ? "transform" : ""
+        transition: f.value ? "none" : "",
+        willChange: f.value ? "transform" : ""
       };
     }), F = computed(() => ({
       next: t.next,
@@ -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
         }, [
@@ -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,8 +8245,8 @@ 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,
@@ -8268,7 +8268,7 @@ const EvTransitionExpand = createJavaScriptTransition(
     }), D = computed(() => g.value < filtersBreakpoint), L = {
       EvFilterButton: { size: "small", rounded: !0 },
       EvButton: { size: "small" }
-    }, G = computed(() => g.value > sortBreakpoint ? d.value : void 0), F = computed(() => {
+    }, G = computed(() => g.value > sortBreakpoint ? f.value : void 0), F = computed(() => {
       for (const z in t.filters) {
         const A = t.filters[z];
         if (isBoolean(A) && A)
@@ -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"])
@@ -8504,10 +8504,10 @@ 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;
@@ -8531,7 +8531,7 @@ function useVirtual(n, e) {
       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;
       });
@@ -8560,7 +8560,7 @@ function useVirtual(n, e) {
     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();
+    O - b > 500 ? (M = Math.sign(I - V), f = l.value.offsetTop) : M = I - V, V = I, b = O, G();
   }
   function D() {
     !c.value || !l.value || (M = 0, b = 0, G());
@@ -8572,7 +8572,7 @@ function useVirtual(n, e) {
   function F() {
     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, 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(
       B(T) + 1,
       A + 1,
       e.value.length
@@ -8805,18 +8805,18 @@ 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)), () => [
+    return (f, d) => (openBlock(), createElementBlock("div", _hoisted_1$k, [
+      a.value ? renderSlot(f.$slots, "error", normalizeProps(mergeProps({ key: 0 }, r))) : i.value ? renderSlot(f.$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)), () => [
+        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 +8824,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 +8895,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 +8920,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");
+      d = k(), B(b, "loading");
       function D(L) {
         B(b, L), nextTick(() => {
           L === "finished" || L === "error" || (L === "ok" && b === "start" && g(
-            k() - f + y()
+            k() - d + y()
           ), o.mode !== "manual" && nextTick(() => {
             window.requestAnimationFrame(() => {
               window.requestAnimationFrame(() => {
@@ -8967,7 +8967,7 @@ 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(() => ({
       mode: o.mode,
@@ -9121,9 +9121,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"), 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,7 +9133,7 @@ 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(), M = useModelProxy(o, "sort"), b = useModelProxy(o, "search"), $ = ref(), D = computed(() => s.value), L = computed(() => {
       var A;
       return !((A = a.value) != null && A.length);
     }), G = computed(() => omit(filterComponentProps(_sfc_main$J, o), [
@@ -9159,17 +9159,19 @@ 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(N, U = !1) {
+        a.value = N, i.value = A, s.value = !1, O(
+          N.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 N(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: N, page: T });
     }
     function O(A = "ok") {
       var T;
@@ -9245,12 +9247,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               ])
             ]),
             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), (N, 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(() => [
@@ -9424,10 +9426,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 +9487,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 +9517,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 +9541,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 +9580,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 +9597,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 +9660,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 +9681,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 +9700,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 +9735,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 +9760,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 +9816,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 +9834,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 +9848,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 +9863,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 +9892,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 +9905,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 +9929,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 +9940,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 +9967,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 +9982,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 +9992,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 +10010,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 +10049,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((M) => parseFloat(M)), [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 +10067,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 +10077,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 +10086,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 +10094,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 +10105,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 +10113,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,20 +10292,20 @@ 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, M = v[C] / m[C] || 0, b = 1.5;
       animate(
         p,
         {
@@ -10319,7 +10323,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 +10346,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 +10447,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 +10479,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 +10504,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,7 +10585,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
         "aria-expanded": String(a.value)
       },
       o.activatorProps
-    )), d = computed(() => {
+    )), f = computed(() => {
       const F = {
         actions: o.headerActions,
         closeable: o.closeable,
@@ -10589,7 +10593,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
         title: o.title
       }, W = o.headerProps ?? {};
       return Object.assign(F, W);
-    }), f = computed(() => {
+    }), d = computed(() => {
       const F = {
         padding: !o.noPadding
       }, W = o.bodyProps ?? {};
@@ -10712,7 +10716,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
               key: 0,
               modelValue: unref(a),
               "onUpdate:modelValue": W[0] || (W[0] = (K) => isRef(a) ? a.value = K : null)
-            }, d.value, { onMousedown: w }), createSlots({ _: 2 }, [
+            }, f.value, { onMousedown: w }), createSlots({ _: 2 }, [
               unref(r).header ? {
                 name: "default",
                 fn: withCtx(() => [
@@ -10721,7 +10725,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
                 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")
               ]),
@@ -10772,18 +10776,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 +10857,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 +10895,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 +11130,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 +11184,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 +11208,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 +11288,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 +11298,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 +11311,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,7 +11737,7 @@ 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 $ = {
@@ -11746,12 +11750,12 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
     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;
@@ -11812,16 +11816,16 @@ 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 L = d.value;
       p = setInterval(() => {
         const F = (Date.now() - D) / 1e3;
         if (F < incrementDelay)
           return;
         const W = Math.floor(Math.pow(2, F - 1));
-        L = f.value * W, $ = m(
+        L = d.value * W, $ = m(
           $ + b * L
         ), c.value = a.formatValue($);
       }, incrementRate);
@@ -12016,12 +12020,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 +12046,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 +12056,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 +12064,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 +12085,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 +12118,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 +12154,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 +12163,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 +12234,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 +12284,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 +12309,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 +12320,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 +12356,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 +12452,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 +12496,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());
+      e("click", V), d.value && ((M = a.navigate) == null || M.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,
@@ -12525,7 +12529,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 +12543,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 +12672,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,
@@ -12793,7 +12797,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 +12828,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, () => {
@@ -12896,7 +12900,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",
@@ -13016,12 +13020,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 +13039,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 +13059,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 +13135,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 +13150,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 +13185,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 +13194,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 +13202,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 +13222,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 +13260,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 +13381,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 +13501,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 +13563,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 +13653,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 +13668,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 +14138,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 +14147,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 +14164,7 @@ function createEvanceUi$1(n = {}) {
     defaults: i,
     display: c,
     locale: l,
-    date: d
+    date: f
   };
 }
 const createEvanceUi = (n = {}) => createEvanceUi$1({ components, directives, services, ...n });