@evance/evance-ui 1.0.22 → 1.0.23

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.21 | MIT License */
+/*! Evance UI v1.0.22 | MIT License */
 class Anchor {
   constructor(e, t) {
     this.side = e, this.alignment = t;
@@ -459,7 +459,7 @@ function unbindProps(n, e) {
   });
 }
 var oe, de;
-const ee = class ee {
+const ne = class ne {
   /**
    * ## Supports Touch
    * Added into a static getter method to avoid issues during development when switching between emulators.
@@ -468,8 +468,8 @@ const ee = class ee {
     return this.hasWindow && ("ontouchstart" in window || window.navigator.maxTouchPoints > 0);
   }
 };
-P(ee, "hasWindow", typeof window < "u"), P(ee, "supportsIntersection", ee.hasWindow && "IntersectionObserver" in window), P(ee, "supportsFocusVisible", ee.hasWindow && ((de = (oe = window.CSS) == null ? void 0 : oe.supports) == null ? void 0 : de.call(oe, "selector(:focus-visible)")));
-let Browser = ee;
+P(ne, "hasWindow", typeof window < "u"), P(ne, "supportsIntersection", ne.hasWindow && "IntersectionObserver" in window), P(ne, "supportsFocusVisible", ne.hasWindow && ((de = (oe = window.CSS) == null ? void 0 : oe.supports) == null ? void 0 : de.call(oe, "selector(:focus-visible)")));
+let Browser = ne;
 function findChildren(n) {
   var e;
   return !n || typeof n != "object" ? [] : Array.isArray(n) ? n.map((t) => findChildren(t)).filter((t) => t).flat(1) : Array.isArray(n.children) ? n.children.map((t) => findChildren(t)).filter((t) => t).flat(1) : n.component ? [n.component, ...findChildren((e = n.component) == null ? void 0 : e.subTree)].filter((t) => t).flat(1) : [];
@@ -592,6 +592,32 @@ function adjustedBoundingRect(n) {
 function getTargetRect(n) {
   return Array.isArray(n) ? new Rect(n[0], n[1], 0, 0) : n.getBoundingClientRect();
 }
+function getOuterHeight(n, e) {
+  if (n) {
+    let t = n.offsetHeight;
+    if (e) {
+      const o = getComputedStyle(n);
+      t += parseFloat(o.marginTop), t += parseFloat(o.marginBottom);
+    }
+    return t;
+  }
+  return 0;
+}
+function getOuterWidth(n, e) {
+  if (n instanceof HTMLElement) {
+    let t = n.offsetWidth;
+    if (e) {
+      const o = getComputedStyle(n);
+      t += parseFloat(o.marginLeft), t += parseFloat(o.marginRight);
+    }
+    return t;
+  }
+  return 0;
+}
+function getViewport() {
+  const n = window, e = document, t = e.documentElement, o = e.getElementsByTagName("body")[0], r = n.innerWidth || t.clientWidth || o.clientWidth, s = n.innerHeight || t.clientHeight || o.clientHeight;
+  return { width: r, height: s };
+}
 let currentId = 0, assignedIds = /* @__PURE__ */ new WeakMap();
 function getNextId() {
   const n = getCurrentComponent("getNextId()");
@@ -914,7 +940,7 @@ class LocaleCode extends TranslationCode {
     return this.isRegional && e.push(this.languageCode), e;
   }
 }
-const Q = class Q {
+const te = class te {
   /**
    * @param options
    */
@@ -998,7 +1024,7 @@ const Q = class Q {
     const o = this.date(e) ?? /* @__PURE__ */ new Date(), r = (a = this.formats) == null ? void 0 : a[t];
     if (isFunction(r))
       return r(o, t, this.locale);
-    const s = Q.formatOptions[t] || (r ?? { timeZone: "UTC", timeZoneName: "short" });
+    const s = te.formatOptions[t] || (r ?? { timeZone: "UTC", timeZoneName: "short" });
     return new Intl.DateTimeFormat(this.locale, s).format(o);
   }
   /**
@@ -1024,7 +1050,7 @@ const Q = class Q {
    * @private
    */
   getFirstDayOfWeek() {
-    return Q.firstDayOfWeek[this.getCountryCode()] ?? 1;
+    return te.firstDayOfWeek[this.getCountryCode()] ?? 1;
   }
   /**
    * ## Get Month
@@ -1115,7 +1141,7 @@ const Q = class Q {
    * @protected
    */
   isISO(e) {
-    return Q.PATTERN_ISO.test(e);
+    return te.PATTERN_ISO.test(e);
   }
   /**
    * ## Is Same Day
@@ -1216,7 +1242,7 @@ const Q = class Q {
     return e;
   }
 };
-P(Q, "PATTERN_ISO", /([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))/), P(Q, "firstDayOfWeek", {
+P(te, "PATTERN_ISO", /([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))/), P(te, "firstDayOfWeek", {
   "001": 1,
   AD: 1,
   AE: 6,
@@ -1367,7 +1393,7 @@ P(Q, "PATTERN_ISO", /([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]
   YE: 0,
   ZA: 0,
   ZW: 0
-}), P(Q, "formatOptions", {
+}), P(te, "formatOptions", {
   fullDateWithWeekday: {
     weekday: "long",
     day: "numeric",
@@ -1389,7 +1415,7 @@ P(Q, "PATTERN_ISO", /([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]
   year: { year: "numeric" },
   displayDate: { day: "2-digit", month: "short", year: "numeric" }
 });
-let DefaultDateAdapter = Q;
+let DefaultDateAdapter = te;
 const DateAdapterSymbol = Symbol.for("ev:date-adapter");
 function createDate(n, e) {
   const t = mergeDeep(
@@ -2114,7 +2140,7 @@ const makeEvAppProps = propsFactory(
     ...makeThemeProps()
   },
   "EvApp"
-), _hoisted_1$Y = { class: "ev-application--container" }, _sfc_main$1i = /* @__PURE__ */ defineComponent({
+), _hoisted_1$W = { class: "ev-application--container" }, _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "EvApp",
   props: { ...makeEvAppProps() },
   setup(n) {
@@ -2126,12 +2152,12 @@ const makeEvAppProps = propsFactory(
     }), (s, a) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["ev-application", o.value, e.class])
     }, [
-      createElementVNode("div", _hoisted_1$Y, [
+      createElementVNode("div", _hoisted_1$W, [
         renderSlot(s.$slots, "default")
       ])
     ], 2));
   }
-}), _hoisted_1$X = {
+}), _hoisted_1$V = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2144,9 +2170,9 @@ const makeEvAppProps = propsFactory(
   _hoisted_2$M
 ];
 function render$m(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$X, _hoisted_3$I);
+  return openBlock(), createElementBlock("svg", _hoisted_1$V, _hoisted_3$I);
 }
-const ArrowBackIcon = { render: render$m }, _hoisted_1$W = {
+const ArrowBackIcon = { render: render$m }, _hoisted_1$U = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2159,9 +2185,9 @@ const ArrowBackIcon = { render: render$m }, _hoisted_1$W = {
   _hoisted_2$L
 ];
 function render$l(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$W, _hoisted_3$H);
+  return openBlock(), createElementBlock("svg", _hoisted_1$U, _hoisted_3$H);
 }
-const ArrowContinueIcon = { render: render$l }, _hoisted_1$V = {
+const ArrowContinueIcon = { render: render$l }, _hoisted_1$T = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2174,9 +2200,9 @@ const ArrowContinueIcon = { render: render$l }, _hoisted_1$V = {
   _hoisted_2$K
 ];
 function render$k(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$V, _hoisted_3$G);
+  return openBlock(), createElementBlock("svg", _hoisted_1$T, _hoisted_3$G);
 }
-const ArrowDownIcon = { render: render$k }, _hoisted_1$U = {
+const ArrowDownIcon = { render: render$k }, _hoisted_1$S = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2189,9 +2215,9 @@ const ArrowDownIcon = { render: render$k }, _hoisted_1$U = {
   _hoisted_2$J
 ];
 function render$j(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$U, _hoisted_3$F);
+  return openBlock(), createElementBlock("svg", _hoisted_1$S, _hoisted_3$F);
 }
-const ArrowUpIcon = { render: render$j }, _hoisted_1$T = {
+const ArrowUpIcon = { render: render$j }, _hoisted_1$R = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2208,9 +2234,9 @@ const ArrowUpIcon = { render: render$j }, _hoisted_1$T = {
   _hoisted_3$E
 ];
 function render$i(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$T, _hoisted_4$k);
+  return openBlock(), createElementBlock("svg", _hoisted_1$R, _hoisted_4$k);
 }
-const CalendarIcon = { render: render$i }, _hoisted_1$S = {
+const CalendarIcon = { render: render$i }, _hoisted_1$Q = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2223,9 +2249,9 @@ const CalendarIcon = { render: render$i }, _hoisted_1$S = {
   _hoisted_2$H
 ];
 function render$h(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$S, _hoisted_3$D);
+  return openBlock(), createElementBlock("svg", _hoisted_1$Q, _hoisted_3$D);
 }
-const CancelIcon = { render: render$h }, _hoisted_1$R = {
+const CancelIcon = { render: render$h }, _hoisted_1$P = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2240,9 +2266,9 @@ const CancelIcon = { render: render$h }, _hoisted_1$R = {
   _hoisted_2$G
 ];
 function render$g(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$R, _hoisted_3$C);
+  return openBlock(), createElementBlock("svg", _hoisted_1$P, _hoisted_3$C);
 }
-const CheckCircleIcon = { render: render$g }, _hoisted_1$Q = {
+const CheckCircleIcon = { render: render$g }, _hoisted_1$O = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2255,9 +2281,9 @@ const CheckCircleIcon = { render: render$g }, _hoisted_1$Q = {
   _hoisted_2$F
 ];
 function render$f(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Q, _hoisted_3$B);
+  return openBlock(), createElementBlock("svg", _hoisted_1$O, _hoisted_3$B);
 }
-const CheckIcon = { render: render$f }, _hoisted_1$P = {
+const CheckIcon = { render: render$f }, _hoisted_1$N = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2270,9 +2296,9 @@ const CheckIcon = { render: render$f }, _hoisted_1$P = {
   _hoisted_2$E
 ];
 function render$e(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$P, _hoisted_3$A);
+  return openBlock(), createElementBlock("svg", _hoisted_1$N, _hoisted_3$A);
 }
-const ChevronDownIcon = { render: render$e }, _hoisted_1$O = {
+const ChevronDownIcon = { render: render$e }, _hoisted_1$M = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2285,9 +2311,9 @@ const ChevronDownIcon = { render: render$e }, _hoisted_1$O = {
   _hoisted_2$D
 ];
 function render$d(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$O, _hoisted_3$z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$M, _hoisted_3$z);
 }
-const ChevronLeftIcon = { render: render$d }, _hoisted_1$N = {
+const ChevronLeftIcon = { render: render$d }, _hoisted_1$L = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2300,9 +2326,9 @@ const ChevronLeftIcon = { render: render$d }, _hoisted_1$N = {
   _hoisted_2$C
 ];
 function render$c(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$N, _hoisted_3$y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$L, _hoisted_3$y);
 }
-const ChevronRightIcon = { render: render$c }, _hoisted_1$M = {
+const ChevronRightIcon = { render: render$c }, _hoisted_1$K = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2315,9 +2341,9 @@ const ChevronRightIcon = { render: render$c }, _hoisted_1$M = {
   _hoisted_2$B
 ];
 function render$b(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$M, _hoisted_3$x);
+  return openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_3$x);
 }
-const ChevronUpIcon = { render: render$b }, _hoisted_1$L = {
+const ChevronUpIcon = { render: render$b }, _hoisted_1$J = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2332,9 +2358,9 @@ const ChevronUpIcon = { render: render$b }, _hoisted_1$L = {
   _hoisted_2$A
 ];
 function render$a(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$L, _hoisted_3$w);
+  return openBlock(), createElementBlock("svg", _hoisted_1$J, _hoisted_3$w);
 }
-const DangerIcon = { render: render$a }, _hoisted_1$K = {
+const DangerIcon = { render: render$a }, _hoisted_1$I = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2349,9 +2375,9 @@ const DangerIcon = { render: render$a }, _hoisted_1$K = {
   _hoisted_2$z
 ];
 function render$9(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_3$v);
+  return openBlock(), createElementBlock("svg", _hoisted_1$I, _hoisted_3$v);
 }
-const FilterIcon = { render: render$9 }, _hoisted_1$J = {
+const FilterIcon = { render: render$9 }, _hoisted_1$H = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2364,9 +2390,9 @@ const FilterIcon = { render: render$9 }, _hoisted_1$J = {
   _hoisted_2$y
 ];
 function render$8(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$J, _hoisted_3$u);
+  return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$u);
 }
-const HelpIcon = { render: render$8 }, _hoisted_1$I = {
+const HelpIcon = { render: render$8 }, _hoisted_1$G = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2379,9 +2405,9 @@ const HelpIcon = { render: render$8 }, _hoisted_1$I = {
   _hoisted_2$x
 ];
 function render$7(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$I, _hoisted_3$t);
+  return openBlock(), createElementBlock("svg", _hoisted_1$G, _hoisted_3$t);
 }
-const InfoIcon = { render: render$7 }, _hoisted_1$H = {
+const InfoIcon = { render: render$7 }, _hoisted_1$F = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2394,9 +2420,9 @@ const InfoIcon = { render: render$7 }, _hoisted_1$H = {
   _hoisted_2$w
 ];
 function render$6(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$s);
+  return openBlock(), createElementBlock("svg", _hoisted_1$F, _hoisted_3$s);
 }
-const MinusIcon = { render: render$6 }, _hoisted_1$G = {
+const MinusIcon = { render: render$6 }, _hoisted_1$E = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2409,9 +2435,9 @@ const MinusIcon = { render: render$6 }, _hoisted_1$G = {
   _hoisted_2$v
 ];
 function render$5(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$G, _hoisted_3$r);
+  return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$r);
 }
-const NoteIcon = { render: render$5 }, _hoisted_1$F = {
+const NoteIcon = { render: render$5 }, _hoisted_1$D = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2424,9 +2450,9 @@ const NoteIcon = { render: render$5 }, _hoisted_1$F = {
   _hoisted_2$u
 ];
 function render$4(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$F, _hoisted_3$q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$q);
 }
-const PlusIcon = { render: render$4 }, _hoisted_1$E = {
+const PlusIcon = { render: render$4 }, _hoisted_1$C = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2441,9 +2467,9 @@ const PlusIcon = { render: render$4 }, _hoisted_1$E = {
   _hoisted_2$t
 ];
 function render$3(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$p);
+  return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$p);
 }
-const QuickfindIcon = { render: render$3 }, _hoisted_1$D = {
+const QuickfindIcon = { render: render$3 }, _hoisted_1$B = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2458,9 +2484,9 @@ const QuickfindIcon = { render: render$3 }, _hoisted_1$D = {
   _hoisted_2$s
 ];
 function render$2(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$o);
+  return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_3$o);
 }
-const SearchIcon = { render: render$2 }, _hoisted_1$C = {
+const SearchIcon = { render: render$2 }, _hoisted_1$A = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2475,7 +2501,7 @@ const SearchIcon = { render: render$2 }, _hoisted_1$C = {
   _hoisted_2$r
 ];
 function render$1(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$n);
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$n);
 }
 const WarningIcon = { render: render$1 }, IconProp = [
   String,
@@ -2720,7 +2746,7 @@ const EvTransition = (n, { slots: e }) => {
       ], 2)) : createCommentVNode("", !0)
     ], 6));
   }
-}), _hoisted_1$B = {
+}), _hoisted_1$z = {
   key: 0,
   class: "ev-img--picture"
 }, _hoisted_2$q = ["src", "alt", "crossorigin", "referrerpolicy", "draggable"], _hoisted_3$m = {
@@ -2759,14 +2785,14 @@ const EvTransition = (n, { slots: e }) => {
     function v(g) {
       if (!(t.eager && g) && !(Browser.supportsIntersection && !g && !t.eager)) {
         if (a.value = "loading", d.value.lazySrc) {
-          const V = new Image();
-          V.src = d.value.lazySrc, k(V, null);
+          const B = new Image();
+          B.src = d.value.lazySrc, k(B, null);
         }
         d.value.src && nextTick(() => {
-          var V;
-          e("loadstart", ((V = s.value) == null ? void 0 : V.currentSrc) || d.value.src), setTimeout(() => {
-            var D;
-            if ((D = s.value) != null && D.complete) {
+          var B;
+          e("loadstart", ((B = s.value) == null ? void 0 : B.currentSrc) || d.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" && _();
@@ -2785,18 +2811,18 @@ const EvTransition = (n, { slots: e }) => {
       u(), k(s.value), a.value = "loaded", e("load", ((g = s.value) == null ? void 0 : g.currentSrc) || d.value.src);
     }
     let y = -1;
-    function k(g, V = 100) {
-      const D = () => {
+    function k(g, B = 100) {
+      const V = () => {
         if (clearTimeout(y), !g)
           return;
-        if (!(g != null && g.complete) && a.value === "loading" && V != null) {
-          y = window.setTimeout(D, V);
+        if (!(g != null && g.complete) && a.value === "loading" && B != null) {
+          y = window.setTimeout(V, B);
           return;
         }
-        const { naturalHeight: z, naturalWidth: b } = g;
-        z || b ? (i.value = b, c.value = z) : (g.currentSrc.endsWith(".svg") || g.currentSrc.startsWith("data:image/svg+xml")) && (i.value = 1, c.value = 1);
+        const { naturalHeight: M, naturalWidth: b } = g;
+        M || b ? (i.value = b, c.value = M) : (g.currentSrc.endsWith(".svg") || g.currentSrc.startsWith("data:image/svg+xml")) && (i.value = 1, c.value = 1);
       };
-      D();
+      V();
     }
     if (watch(
       () => t.src,
@@ -2805,24 +2831,24 @@ const EvTransition = (n, { slots: e }) => {
           v(!0);
         }));
       }
-    ), watch(f, (g, V) => {
-      !g && V && s.value && k(s.value);
+    ), watch(f, (g, B) => {
+      !g && B && s.value && k(s.value);
     }), onBeforeMount(() => v()), Browser.hasWindow) {
-      const g = ref(window.innerWidth), V = () => {
+      const g = ref(window.innerWidth), B = () => {
         g.value = window.innerWidth;
       };
       onMounted(() => {
-        window.addEventListener("resize", V), V();
+        window.addEventListener("resize", B), B();
       }), onBeforeUnmount(() => {
-        window.removeEventListener("resize", V);
-      }), watch(g, (D, z) => {
-        D != z && u();
+        window.removeEventListener("resize", B);
+      }), watch(g, (V, M) => {
+        V != M && u();
       });
     }
     const C = shallowRef(!1);
     {
-      const g = watch(f, (V) => {
-        V && (requestAnimationFrame(() => {
+      const g = watch(f, (B) => {
+        B && (requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             C.value = !0;
           });
@@ -2840,8 +2866,8 @@ const EvTransition = (n, { slots: e }) => {
       draggable: t.draggable,
       sizes: t.sizes
     }));
-    return (g, V) => {
-      const D = resolveDirective("intersect");
+    return (g, B) => {
+      const V = resolveDirective("intersect");
       return withDirectives((openBlock(), createBlock(unref(_sfc_main$1g), mergeProps({
         class: [
           "ev-img",
@@ -2870,7 +2896,7 @@ const EvTransition = (n, { slots: e }) => {
             appear: ""
           }, {
             default: withCtx(() => [
-              unref(o).sources ? withDirectives((openBlock(), createElementBlock("picture", _hoisted_1$B, [
+              unref(o).sources ? withDirectives((openBlock(), createElementBlock("picture", _hoisted_1$z, [
                 renderSlot(g.$slots, "sources"),
                 createElementVNode("img", mergeProps({
                   ref_key: "image",
@@ -2955,7 +2981,7 @@ const EvTransition = (n, { slots: e }) => {
         _: 3
       }, 16, ["class", "style", "aria-label", "aspect-ratio", "role"])), [
         [
-          D,
+          V,
           {
             handler: v,
             options: t.options
@@ -3114,7 +3140,7 @@ function useModelProxy(n, e, t, o = (s) => s, r = (s) => s) {
     get: () => l.value ? n[e] : a.value
   }), d;
 }
-const _hoisted_1$A = ["aria-label"], _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$y = ["aria-label"], _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "EvBadge",
   props: {
     ...makeEvBadgeProps()
@@ -3162,7 +3188,7 @@ const _hoisted_1$A = ["aria-label"], _sfc_main$1d = /* @__PURE__ */ defineCompon
             }, null, 8, ["glyph"])) : unref(t).dot ? createCommentVNode("", !0) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
               createTextVNode(toDisplayString(a.value), 1)
             ], 64))
-          ], 14, _hoisted_1$A), [
+          ], 14, _hoisted_1$y), [
             [vShow, unref(r)]
           ])
         ]),
@@ -3464,7 +3490,7 @@ const makeEvButtonProps = propsFactory(
     ...makeGroupItemProps()
   },
   "EvButton"
-), _hoisted_1$z = ["aria-valuenow"], _hoisted_2$p = ["r", "stroke-width", "stroke-dasharray"], _hoisted_3$l = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], _hoisted_4$i = { class: "ev-progress-circular--content" }, defaultSize = 48, defaultRotation = -90, _sfc_main$1c = /* @__PURE__ */ defineComponent({
+), _hoisted_1$x = ["aria-valuenow"], _hoisted_2$p = ["r", "stroke-width", "stroke-dasharray"], _hoisted_3$l = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], _hoisted_4$i = { class: "ev-progress-circular--content" }, defaultSize = 48, defaultRotation = -90, _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "EvProgressCircular",
   props: {
     appearance: { default: "default" },
@@ -3549,7 +3575,7 @@ const makeEvButtonProps = propsFactory(
       createElementVNode("span", _hoisted_4$i, [
         renderSlot(f.$slots, "default")
       ])
-    ], 14, _hoisted_1$z));
+    ], 14, _hoisted_1$x));
   }
 });
 function useSelectLink(n, e) {
@@ -3568,7 +3594,7 @@ function useSelectLink(n, e) {
     }
   );
 }
-const _hoisted_1$y = {
+const _hoisted_1$w = {
   key: 0,
   class: "ev-button--icon-start"
 }, _hoisted_2$o = {
@@ -3649,7 +3675,7 @@ const _hoisted_1$y = {
         onClick: v
       }, {
         default: withCtx(() => [
-          C.value || unref(s)["icon-start"] ? (openBlock(), createElementBlock("span", _hoisted_1$y, [
+          C.value || unref(s)["icon-start"] ? (openBlock(), createElementBlock("span", _hoisted_1$w, [
             renderSlot(E.$slots, "icon-start", {}, () => [
               createVNode(unref(_sfc_main$1h), { glyph: C.value }, null, 8, ["glyph"])
             ])
@@ -3684,7 +3710,7 @@ const _hoisted_1$y = {
       }, 8, ["href", "class", "style", "disabled", "value"]);
     };
   }
-}), _hoisted_1$x = { class: "ev-button-group--container" }, _sfc_main$1a = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$v = { class: "ev-button-group--container" }, _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "EvButtonGroup",
   props: {
     ...makeEvButtonGroupProps()
@@ -3725,7 +3751,7 @@ const _hoisted_1$y = {
       style: normalizeStyle(unref(t).style)
     }, {
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_1$x, [
+        createElementVNode("div", _hoisted_1$v, [
           renderSlot(i.$slots, "default", {}, () => [
             (openBlock(!0), createElementBlock(Fragment, null, renderList(o.value, (l) => (openBlock(), createBlock(unref(_sfc_main$1b), mergeProps({
               key: l.id
@@ -3968,7 +3994,7 @@ const _hoisted_1$y = {
       _: 3
     }, 8, ["class", "style"]));
   }
-}), _hoisted_1$w = {
+}), _hoisted_1$u = {
   key: 0,
   class: "ev-card-content--icon"
 }, _hoisted_2$n = { class: "ev-card-content--detail" }, _sfc_main$14 = /* @__PURE__ */ defineComponent({
@@ -4004,7 +4030,7 @@ const _hoisted_1$y = {
       class: normalizeClass(["ev-card-content", s.value, unref(t).class]),
       style: normalizeStyle(unref(t).style)
     }, [
-      unref(o).icon || unref(t).icon ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
+      unref(o).icon || unref(t).icon ? (openBlock(), createElementBlock("div", _hoisted_1$u, [
         renderSlot(i.$slots, "icon", {}, () => [
           createVNode(unref(_sfc_main$1h), {
             glyph: unref(t).icon,
@@ -4155,7 +4181,7 @@ const makeEvSurfaceProps = propsFactory(
       _: 3
     }, 8, ["class", "style"]));
   }
-}), _hoisted_1$v = {
+}), _hoisted_1$t = {
   key: 0,
   class: "ev-card--header"
 }, _hoisted_2$m = {
@@ -4200,7 +4226,7 @@ const makeEvSurfaceProps = propsFactory(
       tabindex: l.value ? 0 : void 0
     }, {
       default: withCtx(() => [
-        unref(o).header ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
+        unref(o).header ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
           renderSlot(u.$slots, "header")
         ])) : createCommentVNode("", !0),
         unref(o).prefix ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
@@ -4590,7 +4616,7 @@ const makeLabelProps = propsFactory(
     ...makeComponentProps()
   },
   "EvLabel"
-), _hoisted_1$u = {
+), _hoisted_1$s = {
   key: 0,
   class: "ev-label--title"
 }, _hoisted_2$l = {
@@ -4614,7 +4640,7 @@ const makeLabelProps = propsFactory(
       style: normalizeStyle(e.style)
     }, [
       renderSlot(t.$slots, "default", {}, () => [
-        e.title ? (openBlock(), createElementBlock("div", _hoisted_1$u, toDisplayString(e.title), 1)) : createCommentVNode("", !0),
+        e.title ? (openBlock(), createElementBlock("div", _hoisted_1$s, toDisplayString(e.title), 1)) : createCommentVNode("", !0),
         e.hint ? (openBlock(), createElementBlock("div", _hoisted_2$l, toDisplayString(e.hint), 1)) : createCommentVNode("", !0)
       ])
     ], 6));
@@ -4693,7 +4719,7 @@ const makeEvErrorsProps = propsFactory(
       _: 1
     }, 8, ["class", "style"]));
   }
-}), _hoisted_1$t = { class: "ev-checkbox--control" }, _hoisted_2$k = /* @__PURE__ */ createStaticVNode('<div class="ev-checkbox--boxes"><div class="ev-checkbox--outer-box"></div><div class="ev-checkbox--inner-box"><svg class="ev-checkbox--checkmark" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="ev-checkbox--checkmark-path" d="M3 7.5L6.5 11L13.5 4" stroke="currentColor" stroke-width="2"></path></svg></div></div>', 1), _hoisted_3$i = ["id", "name", "disabled", "readonly", "checked", "value", "aria-disabled", "aria-checked"], _hoisted_4$f = {
+}), _hoisted_1$r = { class: "ev-checkbox--control" }, _hoisted_2$k = /* @__PURE__ */ createStaticVNode('<div class="ev-checkbox--boxes"><div class="ev-checkbox--outer-box"></div><div class="ev-checkbox--inner-box"><svg class="ev-checkbox--checkmark" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="ev-checkbox--checkmark-path" d="M3 7.5L6.5 11L13.5 4" stroke="currentColor" stroke-width="2"></path></svg></div></div>', 1), _hoisted_3$i = ["id", "name", "disabled", "readonly", "checked", "value", "aria-disabled", "aria-checked"], _hoisted_4$f = {
   key: 0,
   class: "ev-checkbox--label"
 }, _hoisted_5$b = {
@@ -4736,7 +4762,7 @@ const makeEvErrorsProps = propsFactory(
       ],
       style: unref(o).style
     }, unref(c)), [
-      createElementVNode("div", _hoisted_1$t, [
+      createElementVNode("div", _hoisted_1$r, [
         _hoisted_2$k,
         createElementVNode("input", mergeProps({
           id: unref(d).id,
@@ -4949,10 +4975,10 @@ function provideSelection(n, {
         f([k], !l([k])), r.value = s.value.size > 0 ? k : null;
         return;
       }
-      const [g, V] = E < S ? [E, S] : [S, E], D = a.value.slice(g, V + 1), z = l([r.value]), b = D.filter(
-        ($) => l([$]) !== z
+      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, z), z === w && f([k], !w);
+      f(b, M), M === w && f([k], !w);
     } else
       f([k], !l([k]));
     r.value = s.value.size > 0 ? k : null;
@@ -5340,7 +5366,7 @@ function hasSlotWithContent(n, e) {
     }) : !1;
   });
 }
-const _hoisted_1$s = /* @__PURE__ */ createElementVNode("hr", { class: "ev-divider--line" }, null, -1), _hoisted_2$j = { class: "ev-divider--content" }, _hoisted_3$h = /* @__PURE__ */ createElementVNode("hr", { class: "ev-divider--line" }, null, -1), _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _hoisted_1$q = /* @__PURE__ */ createElementVNode("hr", { class: "ev-divider--line" }, null, -1), _hoisted_2$j = { class: "ev-divider--content" }, _hoisted_3$h = /* @__PURE__ */ createElementVNode("hr", { class: "ev-divider--line" }, null, -1), _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "EvDivider",
   props: {
     appearance: { default: "default" },
@@ -5369,7 +5395,7 @@ const _hoisted_1$s = /* @__PURE__ */ createElementVNode("hr", { class: "ev-divid
       class: normalizeClass(["ev-divider", c.value]),
       role: "separator"
     }, [
-      _hoisted_1$s,
+      _hoisted_1$q,
       createElementVNode("div", _hoisted_2$j, [
         renderSlot(l.$slots, "default")
       ]),
@@ -5854,7 +5880,7 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
     ...makeComponentProps()
   },
   "EvListItem"
-), _hoisted_1$r = {
+), _hoisted_1$p = {
   key: 0,
   class: "ev-list-item--icon-start"
 }, _hoisted_2$i = {
@@ -5889,8 +5915,8 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
       return u.value ? a ? -2 : 0 : null;
     }
     function w(g) {
-      var V;
-      e("click", g), u.value && ((V = s.navigate) == null || V.call(s, g), t.value != null && c(!l.value, g));
+      var B;
+      e("click", g), u.value && ((B = s.navigate) == null || B.call(s, g), t.value != null && c(!l.value, g));
     }
     function E(g) {
       g.preventDefault(), w(g);
@@ -5898,7 +5924,7 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
     const S = computed(
       () => !!s.isClickable.value || !!t.onClick
     );
-    return (g, V) => (openBlock(), createBlock(resolveDynamicComponent(k()), {
+    return (g, B) => (openBlock(), createBlock(resolveDynamicComponent(k()), {
       class: normalizeClass([
         "ev-list-item",
         {
@@ -5919,7 +5945,7 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
       ]
     }, {
       default: withCtx(() => [
-        unref(_) ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
+        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, [
@@ -6928,17 +6954,17 @@ const makeEvOverlayProps = propsFactory(
       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((T) => parseFloat(T)), [k, C] = m.getPropertyValue("--ev-overlay-position").split(" ");
+      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(" ");
       let w = u.left;
       k === "center" || C === "center" ? w += u.width / 2 : (k === "right" || C === "right") && (w += u.width);
       let E = u.top;
       k === "center" || C === "center" ? E += u.height / 2 : (k === "bottom" || C === "bottom") && (E += u.height);
-      const S = u.width / v.width, g = u.height / v.height, V = Math.max(1, S, g), D = S / V || 0, z = g / V || 0, b = v.width * v.height / (window.innerWidth * window.innerHeight), $ = b > 0.12 ? Math.min(1.5, (b - 0.12) * 10 + 1) : 1;
+      const S = u.width / v.width, g = u.height / v.height, B = Math.max(1, S, g), V = S / B || 0, M = g / B || 0, b = v.width * v.height / (window.innerWidth * window.innerHeight), $ = b > 0.12 ? Math.min(1.5, (b - 0.12) * 10 + 1) : 1;
       return {
         x: w - (_ + v.left),
         y: E - (y + v.top),
-        scaleX: D,
-        scaleY: z,
+        scaleX: V,
+        scaleY: M,
         speedFactor: $
       };
     }
@@ -7133,12 +7159,20 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     disableGlobalStack: Boolean,
     ...makeEvOverlayProps()
   },
-  emits: ["click:outside", "update:modelValue", "afterLeave"],
+  emits: [
+    "click:outside",
+    "update:modelValue",
+    "enter",
+    "afterEnter",
+    "beforeLeave",
+    "leave",
+    "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({
       get: () => i.value,
-      set: (B) => {
-        B && o.disabled || (i.value = B);
+      set: (H) => {
+        H && o.disabled || (i.value = H);
       }
     }), { isTopGlobal: v, isTopLocal: m, stackStyles: _ } = useStack(
       u,
@@ -7152,8 +7186,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       veilEvents: E
     } = useActivator(o, u, m), S = useTeleport(
       computed(() => o.attach || o.contained)
-    ), { rtlClasses: g, isRtl: V } = useRtl(), { contentStyles: D, updatePosition: z } = usePositionStrategies(o, {
-      isRtl: V,
+    ), { rtlClasses: g, isRtl: B } = useRtl(), { contentStyles: V, updatePosition: M } = usePositionStrategies(o, {
+      isRtl: B,
       contentEl: l,
       activatorEl: y,
       isActive: u
@@ -7163,75 +7197,95 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       contentEl: l,
       activatorEl: y,
       isActive: u,
-      updatePosition: z
+      updatePosition: M
     }), e({
       activatorEl: y,
       contentEl: l,
       isTopGlobal: v,
       isTopLocal: m,
-      updatePosition: z
+      updatePosition: M
     }), watch(
       () => o.disabled,
-      (B) => {
-        B && (u.value = !1);
+      (H) => {
+        H && (u.value = !1);
       }
     );
     const b = computed(() => u.value && !!o.veil), $ = shallowRef(!1);
     watch(u, () => {
       $.value = !0;
     });
-    function T() {
+    function D() {
       return u.value && v.value;
     }
-    function L(B = !1) {
-      var N, j;
+    function L(H = !1) {
+      var q, Z;
       if (o.persistent) {
         clickBlockedAnimation(l.value);
         return;
       }
-      u.value = !1, B && ((N = l.value) != null && N.contains(document.activeElement)) && ((j = y.value) == null || j.focus());
+      u.value = !1, H && ((q = l.value) != null && q.contains(document.activeElement)) && ((Z = y.value) == null || Z.focus());
     }
-    function H() {
+    function G(H) {
+      if (!H.dataset.enter) {
+        H.dataset.enter = "true";
+        return;
+      }
+      t("enter");
+    }
+    function F(H) {
+      if (!H.dataset.afterEnter) {
+        H.dataset.afterEnter = "true";
+        return;
+      }
+      t("afterEnter");
+    }
+    function W() {
+      t("beforeLeave");
+    }
+    function K() {
+      t("leave");
+    }
+    function I() {
       $.value = !1, t("afterLeave");
     }
-    const W = {
-      handler: K,
-      condition: T,
+    const O = {
+      handler: z,
+      condition: D,
       include: () => [y.value]
     };
-    function K(B) {
-      t("click:outside", B), L(!1);
+    function z(H) {
+      t("click:outside", H), L(!1);
     }
-    function G(B) {
-      B.key === "Escape" && v.value && L(!0);
+    function A(H) {
+      H.key === "Escape" && v.value && L(!0);
     }
     watch(
       u,
-      (B) => {
-        B ? window.addEventListener("keydown", G) : window.removeEventListener("keydown", G);
+      (H) => {
+        H ? window.addEventListener("keydown", A) : window.removeEventListener("keydown", A);
       },
       { immediate: !0 }
     ), useToggleScope(
       () => o.closeOnBack,
       () => {
-        useBackButton(a, (B) => {
-          v.value && u.value ? (B(!1), L(!1)) : B();
+        useBackButton(a, (H) => {
+          v.value && u.value ? (H(!1), L(!1)) : H();
         });
       }
     );
-    const R = ref();
+    const T = ref();
     watch(
       () => u.value && (o.absolute || o.contained) && S.value == null,
-      (B) => {
-        if (B) {
-          const N = getScrollParent(c.value);
-          N && N !== document.scrollingElement && (R.value = N.scrollTop);
+      (H) => {
+        if (H) {
+          const q = getScrollParent(c.value);
+          q && q !== document.scrollingElement && (T.value = q.scrollTop);
         }
       }
     );
-    const A = () => {
-      var B;
-      return (B = s.activator) == null ? void 0 : B.call(s, {
+    const N = () => {
+      var H;
+      return (H = s.activator) == null ? void 0 : H.call(s, {
         isActive: u.value,
         props: mergeProps(
           { ref: k },
@@ -7239,14 +7293,14 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           o.activatorProps
         )
       });
-    }, I = mergeProps(w.value, o.contentProps), M = {
+    }, U = mergeProps(w.value, o.contentProps), Y = {
       ...p,
       ...r
     };
-    return (B, N) => {
-      const j = resolveDirective("click-outside");
+    return (H, q) => {
+      const Z = resolveDirective("click-outside");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(A),
+        createVNode(N),
         $.value ? (openBlock(), createBlock(Teleport, {
           key: 0,
           disabled: !unref(S),
@@ -7266,11 +7320,11 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             style: [
               unref(_),
               {
-                top: unref(toWebUnit)(R.value)
+                top: unref(toWebUnit)(T.value)
               },
               o.style
             ]
-          }, M), [
+          }, Y), [
             createVNode(Transition, {
               appear: "",
               name: "transition-fade"
@@ -7287,19 +7341,23 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
               appear: "",
               transition: unref(d),
               target: unref(y),
-              onAfterLeave: H
+              onEnter: G,
+              onAfterEnter: F,
+              onBeforeLeave: W,
+              onLeave: K,
+              onAfterLeave: I
             }, {
               default: withCtx(() => [
                 withDirectives((openBlock(), createElementBlock("div", mergeProps({
                   ref_key: "contentEl",
                   ref: l,
                   class: ["ev-overlay--content", [o.contentClass]],
-                  style: [unref(f), unref(D)]
-                }, unref(I)), [
-                  renderSlot(B.$slots, "default")
+                  style: [unref(f), unref(V)]
+                }, unref(U)), [
+                  renderSlot(H.$slots, "default")
                 ], 16)), [
                   [vShow, u.value],
-                  [j, W]
+                  [Z, O]
                 ])
               ]),
               _: 3
@@ -7510,19 +7568,19 @@ function calculateCenteredOffset({
   const s = r ? n.clientWidth : n.clientHeight, a = r ? n.offsetLeft : n.offsetTop, i = o && r ? t - a - s / 2 - e / 2 : a + s / 2 - e / 2;
   return Math.min(t - e, Math.max(0, i));
 }
-const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _hoisted_1$o = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "EvSlideGroup",
   props: {
     ...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(
-      (B) => B.id === t.selected.value[0]
+      (T) => T.id === t.selected.value[0]
     ) : -1), _ = computed(() => t.selected.value.length ? t.items.value.findIndex(
-      (B) => B.id === t.selected.value[t.selected.value.length - 1]
+      (T) => T.id === t.selected.value[t.selected.value.length - 1]
     ) : -1);
     if (Browser.hasWindow) {
-      let B = -1;
+      let T = -1;
       watch(
         () => [
           t.selected.value,
@@ -7531,7 +7589,7 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
           l.value
         ],
         () => {
-          cancelAnimationFrame(B), B = requestAnimationFrame(() => {
+          cancelAnimationFrame(T), T = requestAnimationFrame(() => {
             if (p.value && v.value) {
               const N = l.value ? "width" : "height";
               i.value = p.value[N], c.value = v.value[N], s.value = i.value + 1 < c.value;
@@ -7557,30 +7615,30 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
         }
       );
     }
-    function y(B) {
-      var N, j, te, ne, Y;
+    function y(T) {
+      var N, U, Y, H, q;
       if (u.value)
-        if (!B)
+        if (!T)
           (N = focusableChildren(u.value)[0]) == null || N.focus();
-        else if (B === "next") {
-          const X = (j = u.value.querySelector(":focus")) == null ? void 0 : j.nextElementSibling;
-          X ? X.focus() : y("first");
-        } else if (B === "previous") {
-          const X = (te = u.value.querySelector(":focus")) == null ? void 0 : te.previousElementSibling;
-          X ? X.focus() : y("last");
-        } else B === "first" ? (ne = u.value.firstElementChild) == null || ne.focus() : B === "last" && ((Y = u.value.lastElementChild) == null || Y.focus());
-    }
-    function k(B) {
+        else if (T === "next") {
+          const Z = (U = u.value.querySelector(":focus")) == null ? void 0 : U.nextElementSibling;
+          Z ? Z.focus() : y("first");
+        } else if (T === "previous") {
+          const Z = (Y = u.value.querySelector(":focus")) == null ? void 0 : Y.previousElementSibling;
+          Z ? Z.focus() : y("last");
+        } else T === "first" ? (H = u.value.firstElementChild) == null || H.focus() : T === "last" && ((q = u.value.lastElementChild) == null || q.focus());
+    }
+    function k(T) {
       var N;
-      !r.value && !(B.relatedTarget && ((N = u.value) != null && N.contains(B.relatedTarget))) && y();
+      !r.value && !(T.relatedTarget && ((N = u.value) != null && N.contains(T.relatedTarget))) && y();
     }
-    function C(B) {
+    function C(T) {
       if (r.value = !0, !(!s.value || !u.value)) {
-        for (const N of B.composedPath())
-          for (const j of u.value.children)
-            if (j === N) {
+        for (const N of T.composedPath())
+          for (const U of u.value.children)
+            if (U === N) {
               a.value = calculateUpdatedOffset({
-                selectedElement: j,
+                selectedElement: U,
                 containerSize: i.value,
                 contentSize: c.value,
                 isRtl: o.value,
@@ -7591,65 +7649,65 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
             }
       }
     }
-    function w(B) {
+    function w(T) {
       r.value = !1;
     }
-    function E(B) {
-      u.value && (l.value ? B.key === "ArrowRight" ? y(o.value ? "previous" : "next") : B.key === "ArrowLeft" && y(o.value ? "next" : "previous") : B.key === "ArrowDown" ? y("next") : B.key === "ArrowUp" && y("previous"), B.key === "Home" ? y("first") : B.key === "End" && y("last"));
+    function E(T) {
+      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);
     }
-    let g = 0, V = 0;
-    function D(B) {
+    let g = 0, B = 0;
+    function V(T) {
       const N = l.value ? "clientX" : "clientY";
-      V = (o.value && l.value ? -1 : 1) * a.value, g = B.touches[0][N], d.value = !0;
+      B = (o.value && l.value ? -1 : 1) * a.value, g = T.touches[0][N], d.value = !0;
     }
-    function z(B) {
+    function M(T) {
       if (!s.value)
         return;
-      const N = l.value ? "clientX" : "clientY", j = o.value && l.value ? -1 : 1;
-      a.value = j * (V + g - B.touches[0][N]);
+      const N = l.value ? "clientX" : "clientY", U = o.value && l.value ? -1 : 1;
+      a.value = U * (B + g - T.touches[0][N]);
     }
-    function b(B) {
+    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;
     }
-    function $(B) {
-      const N = a.value + (B === "previous" ? -1 : 1) * i.value;
+    function $(T) {
+      const N = a.value + (T === "previous" ? -1 : 1) * i.value;
       a.value = clamp(
         N,
         0,
         c.value - i.value
       );
     }
-    const T = useDisplayRuleClasses(
+    const D = useDisplayRuleClasses(
       e,
       "arrowsHidden",
       "hidden"
-    ), L = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden), H = computed(() => {
-      let B = a.value > c.value - i.value ? -(c.value - i.value) + bias(c.value - i.value - a.value) : -a.value;
-      a.value <= 0 && (B = bias(-a.value));
+    ), L = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden), G = computed(() => {
+      let T = a.value > c.value - i.value ? -(c.value - i.value) + bias(c.value - i.value - a.value) : -a.value;
+      a.value <= 0 && (T = bias(-a.value));
       const N = o.value && l.value ? -1 : 1;
       return {
-        transform: `translate${l.value ? "X" : "Y"}(${N * B}px)`,
+        transform: `translate${l.value ? "X" : "Y"}(${N * T}px)`,
         transition: d.value ? "none" : "",
         willChange: d.value ? "transform" : ""
       };
-    }), W = computed(() => ({
+    }), F = computed(() => ({
       next: t.next,
       previous: t.previous,
       select: t.select,
       isSelected: t.isSelected
-    })), K = computed(() => Math.abs(a.value) > 0), G = computed(() => c.value > Math.abs(a.value) + i.value), R = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden ? !1 : s.value || Math.abs(a.value) > 0), A = computed(() => `is-arrows-${e.arrowsAlign}`), I = computed(() => e.iconNext ? e.iconNext : l.value ? ChevronRightIcon : ChevronDownIcon), M = computed(() => e.iconPrevious ? e.iconPrevious : l.value ? ChevronLeftIcon : ChevronUpIcon);
-    return (B, N) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
+    })), W = computed(() => Math.abs(a.value) > 0), K = computed(() => c.value > Math.abs(a.value) + i.value), I = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden ? !1 : s.value || Math.abs(a.value) > 0), O = computed(() => `is-arrows-${e.arrowsAlign}`), z = computed(() => e.iconNext ? e.iconNext : l.value ? ChevronRightIcon : ChevronDownIcon), A = computed(() => e.iconPrevious ? e.iconPrevious : l.value ? ChevronLeftIcon : ChevronUpIcon);
+    return (T, N) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
       class: normalizeClass([
         "ev-slide-group",
         {
           "is-overflowing": s.value,
           "is-vertical": !l.value
         },
-        A.value,
+        O.value,
         e.class
       ]),
       style: normalizeStyle(e.style),
@@ -7668,47 +7726,47 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
             ref_key: "contentRef",
             ref: u,
             class: "ev-slide-group--content",
-            style: normalizeStyle(H.value),
-            onTouchstartPassive: D,
-            onTouchmovePassive: z,
+            style: normalizeStyle(G.value),
+            onTouchstartPassive: V,
+            onTouchmovePassive: M,
             onTouchendPassive: b,
             onFocusin: C,
             onFocusout: w,
             onKeydown: E
           }, [
-            renderSlot(B.$slots, "default", normalizeProps(guardReactiveProps(W.value)))
+            renderSlot(T.$slots, "default", normalizeProps(guardReactiveProps(F.value)))
           ], 36)
         ], 544),
-        R.value ? (openBlock(), createElementBlock("div", {
+        I.value ? (openBlock(), createElementBlock("div", {
           key: "previous",
           class: normalizeClass([
             "ev-slide-group--previous",
-            { "is-disabled": !K.value },
-            ...unref(T)
+            { "is-disabled": !W.value },
+            ...unref(D)
           ]),
           hidden: L.value,
           onClick: N[0] || (N[0] = () => $("previous"))
         }, [
-          renderSlot(B.$slots, "previous", {}, () => [
+          renderSlot(T.$slots, "previous", {}, () => [
             createVNode(unref(_sfc_main$1b), {
-              icon: unref(o) && l.value ? I.value : M.value,
+              icon: unref(o) && l.value ? z.value : A.value,
               variant: "subtle"
             }, null, 8, ["icon"])
           ])
-        ], 10, _hoisted_1$q)) : createCommentVNode("", !0),
-        R.value ? (openBlock(), createElementBlock("div", {
+        ], 10, _hoisted_1$o)) : createCommentVNode("", !0),
+        I.value ? (openBlock(), createElementBlock("div", {
           key: "next",
           class: normalizeClass([
             "ev-slide-group--next",
-            { "is-disabled": !G.value },
-            ...unref(T)
+            { "is-disabled": !K.value },
+            ...unref(D)
           ]),
           hidden: L.value,
           onClick: N[1] || (N[1] = () => $("next"))
         }, [
-          renderSlot(B.$slots, "next", {}, () => [
+          renderSlot(T.$slots, "next", {}, () => [
             createVNode(unref(_sfc_main$1b), {
-              icon: unref(o) && l.value ? M.value : I.value,
+              icon: unref(o) && l.value ? A.value : z.value,
               variant: "subtle"
             }, null, 8, ["icon"])
           ])
@@ -7761,7 +7819,7 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
     ...makeComponentProps()
   },
   "EvTextfield"
-), _hoisted_1$p = ["aria-valuenow"], _hoisted_2$g = /* @__PURE__ */ createElementVNode("div", { class: "ev-progress--track" }, null, -1), _hoisted_3$f = {
+), _hoisted_1$n = ["aria-valuenow"], _hoisted_2$g = /* @__PURE__ */ createElementVNode("div", { class: "ev-progress--track" }, null, -1), _hoisted_3$f = {
   key: 1,
   class: "ev-progress--indeterminate"
 }, _hoisted_4$d = /* @__PURE__ */ createElementVNode("div", { class: "ev-progress--bar ev-progress--indeterminate--primary" }, null, -1), _hoisted_5$9 = /* @__PURE__ */ createElementVNode("div", { class: "ev-progress--bar ev-progress--indeterminate--secondary" }, null, -1), _hoisted_6$7 = [
@@ -7811,9 +7869,9 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
         })
       }, null, 4)),
       e.indeterminate ? (openBlock(), createElementBlock("div", _hoisted_3$f, _hoisted_6$7)) : createCommentVNode("", !0)
-    ], 14, _hoisted_1$p));
+    ], 14, _hoisted_1$n));
   }
-}), _hoisted_1$o = {
+}), _hoisted_1$m = {
   key: 0,
   class: "ev-textfield--label"
 }, _hoisted_2$f = ["role"], _hoisted_3$e = {
@@ -7892,7 +7950,7 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
       t("click:outside");
     }
     return (S, g) => {
-      const V = resolveDirective("click-outside");
+      const B = resolveDirective("click-outside");
       return withDirectives((openBlock(), createElementBlock("div", mergeProps({
         ref_key: "containerRef",
         ref: a,
@@ -7906,7 +7964,7 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
         ],
         style: o.style
       }, unref(c)), [
-        o.label || unref(r).label || o.hint ? (openBlock(), createElementBlock("div", _hoisted_1$o, [
+        o.label || unref(r).label || o.hint ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
           createVNode(unref(_sfc_main$11), {
             for: unref(d).id,
             title: o.label,
@@ -7962,7 +8020,7 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
               id: unref(d).id,
               ref_key: "inputRef",
               ref: i,
-              "onUpdate:modelValue": g[0] || (g[0] = (D) => unref(d).value = D),
+              "onUpdate:modelValue": g[0] || (g[0] = (V) => unref(d).value = V),
               class: "ev-textfield--input-native",
               type: o.type,
               name: unref(d).name,
@@ -7973,7 +8031,7 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
             }, unref(l), {
               onFocus: y,
               onBlur: g[1] || (g[1] = //@ts-ignore
-              (...D) => unref(d).blur && unref(d).blur(...D))
+              (...V) => unref(d).blur && unref(d).blur(...V))
             }), null, 16, _hoisted_6$6), [
               [vModelDynamic, unref(d).value],
               [unref(w)]
@@ -8013,7 +8071,7 @@ const _hoisted_1$q = ["hidden"], _hoisted_2$h = ["hidden"], _sfc_main$O = /* @__
           }, null, 8, ["messages"])
         ])) : createCommentVNode("", !0)
       ], 16)), [
-        [V, E]
+        [B, E]
       ]);
     };
   }
@@ -8158,7 +8216,7 @@ const EvTransitionExpand = createJavaScriptTransition(
 ), EvTransitionExpandX = createJavaScriptTransition(
   "expand-x-transition",
   ExpandTransitionGenerator("", !0)
-), _hoisted_1$n = {
+), _hoisted_1$l = {
   key: 0,
   class: "ev-data-table-search--checkbox"
 }, _hoisted_2$e = {
@@ -8193,58 +8251,58 @@ const EvTransitionExpand = createJavaScriptTransition(
       sortDirectionOptions: u,
       onSortTitleSelected: v,
       sortIcon: m
-    } = useSortOptions(t), _ = useSlots(), { allSelected: y, someSelected: k, selectAll: C, showSelectAll: w } = useSelection(), E = shallowRef(!1), S = ref(null), g = shallowRef(null), V = shallowRef(!1);
-    function D(I) {
-      V.value = !V.value, e("click:filter", I);
+    } = useSortOptions(t), _ = useSlots(), { allSelected: y, someSelected: k, selectAll: C, showSelectAll: w } = useSelection(), E = shallowRef(!1), S = ref(null), g = shallowRef(null), B = shallowRef(!1);
+    function V(z) {
+      B.value = !B.value, e("click:filter", z);
     }
-    const z = computed(
+    const M = computed(
       () => {
-        var I;
-        return (I = t.searchPlaceholder) != null && I.length ? t.searchPlaceholder : s("search.placeholder");
+        var z;
+        return (z = t.searchPlaceholder) != null && z.length ? t.searchPlaceholder : s("search.placeholder");
       }
-    ), b = debounce((I) => {
-      a.value = I;
+    ), b = debounce((z) => {
+      a.value = z;
     }, t.searchDelay), $ = computed(() => {
-      const I = _["select-actions"] || t.selectActions;
-      return k.value && I;
-    }), T = computed(() => g.value < filtersBreakpoint), L = {
+      const z = _["select-actions"] || t.selectActions;
+      return k.value && z;
+    }), D = computed(() => g.value < filtersBreakpoint), L = {
       EvFilterButton: { size: "small", rounded: !0 },
       EvButton: { size: "small" }
-    }, H = computed(() => g.value > sortBreakpoint ? d.value : void 0), W = computed(() => {
-      for (const I in t.filters) {
-        const M = t.filters[I];
-        if (isBoolean(M) && M)
+    }, G = computed(() => g.value > sortBreakpoint ? d.value : void 0), F = computed(() => {
+      for (const z in t.filters) {
+        const A = t.filters[z];
+        if (isBoolean(A) && A)
           return !0;
-        if (Array.isArray(M) && M.length > 0)
+        if (Array.isArray(A) && A.length > 0)
           return !0;
-        if (!isBoolean(M) && !isArray(M) && !isEmpty(M))
+        if (!isBoolean(A) && !isArray(A) && !isEmpty(A))
           return !0;
       }
       return !1;
     });
-    function K(I) {
-      b(I);
+    function W(z) {
+      b(z);
     }
-    function G() {
+    function K() {
       E.value = !0;
     }
-    function R() {
+    function I() {
       E.value = !1;
     }
-    function A() {
+    function O() {
       g.value = S.value.getBoundingClientRect().width;
     }
     return onMounted(() => {
-      window.addEventListener("resize", A, { passive: !0 }), A();
+      window.addEventListener("resize", O, { passive: !0 }), O();
     }), onUnmounted(() => {
-      window.removeEventListener("resize", A);
-    }), (I, M) => (openBlock(), createElementBlock(Fragment, null, [
+      window.removeEventListener("resize", O);
+    }), (z, A) => (openBlock(), createElementBlock(Fragment, null, [
       createElementVNode("div", {
         ref_key: "containerRef",
         ref: S,
         class: "ev-data-table-search"
       }, [
-        unref(w) && !t.hideSelectAll ? (openBlock(), createElementBlock("div", _hoisted_1$n, [
+        unref(w) && !t.hideSelectAll ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
           createVNode(unref(_sfc_main$$), {
             "model-value": unref(y),
             indeterminate: unref(k) && !unref(y),
@@ -8262,12 +8320,12 @@ const EvTransitionExpand = createJavaScriptTransition(
           createVNode(Transition, {
             name: "transition-slide-up",
             mode: "out-in",
-            onBeforeLeave: G,
-            onAfterEnter: R
+            onBeforeLeave: K,
+            onAfterEnter: I
           }, {
             default: withCtx(() => [
               $.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
-                renderSlot(I.$slots, "select-actions", {}, () => [
+                renderSlot(z.$slots, "select-actions", {}, () => [
                   createVNode(unref(_sfc_main$1a), {
                     size: "small",
                     variant: "subtle",
@@ -8279,25 +8337,25 @@ const EvTransitionExpand = createJavaScriptTransition(
                   createVNode(unref(_sfc_main$L), {
                     modelValue: i.value,
                     "onUpdate:modelValue": [
-                      M[0] || (M[0] = (B) => i.value = B),
-                      K
+                      A[0] || (A[0] = (T) => i.value = T),
+                      W
                     ],
                     rounded: "",
                     clearable: "",
                     appearance: "subtle",
                     size: "small",
                     loading: t.loading,
-                    placeholder: z.value,
+                    placeholder: M.value,
                     "icon-start": unref(SearchIcon)
                   }, null, 8, ["modelValue", "loading", "placeholder", "icon-start"])
                 ]),
-                T.value && unref(_).filters ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
+                D.value && unref(_).filters ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
                   createVNode(unref(_sfc_main$1d), {
                     dot: "",
                     bold: "",
                     pulsate: "",
                     appearance: "primary",
-                    "model-value": W.value && !V.value
+                    "model-value": F.value && !B.value
                   }, {
                     default: withCtx(() => [
                       createVNode(unref(_sfc_main$1b), {
@@ -8305,10 +8363,10 @@ const EvTransitionExpand = createJavaScriptTransition(
                         ref: r,
                         rounded: "",
                         size: "small",
-                        appearance: W.value ? "primary" : "default",
-                        variant: W.value ? "tonal" : "subtle",
+                        appearance: F.value ? "primary" : "default",
+                        variant: F.value ? "tonal" : "subtle",
                         icon: unref(FilterIcon),
-                        onClick: D
+                        onClick: V
                       }, null, 8, ["appearance", "variant", "icon"])
                     ]),
                     _: 1
@@ -8318,12 +8376,12 @@ const EvTransitionExpand = createJavaScriptTransition(
                     text: unref(s)("search.filter")
                   }, null, 8, ["activator", "text"])
                 ])) : createCommentVNode("", !0),
-                !T.value && unref(_).filters ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+                !D.value && unref(_).filters ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
                   createVNode(unref(_sfc_main$X), { defaults: L }, {
                     default: withCtx(() => [
                       createVNode(unref(_sfc_main$O), null, {
                         default: withCtx(() => [
-                          renderSlot(I.$slots, "filters")
+                          renderSlot(z.$slots, "filters")
                         ]),
                         _: 3
                       })
@@ -8338,7 +8396,7 @@ const EvTransitionExpand = createJavaScriptTransition(
                     rounded: "",
                     size: "small",
                     variant: "subtle",
-                    text: H.value,
+                    text: G.value,
                     "icon-end": unref(m)
                   }, null, 8, ["text", "icon-end"]),
                   createVNode(unref(_sfc_main$K), {
@@ -8378,7 +8436,7 @@ const EvTransitionExpand = createJavaScriptTransition(
                             default: withCtx(() => [
                               createVNode(unref(_sfc_main$T), {
                                 selected: unref(l),
-                                "onUpdate:selected": M[1] || (M[1] = (B) => isRef(l) ? l.value = B : null),
+                                "onUpdate:selected": A[1] || (A[1] = (T) => isRef(l) ? l.value = T : null),
                                 required: "",
                                 "select-strategy": "single-any",
                                 "item-title": "direction",
@@ -8402,13 +8460,13 @@ const EvTransitionExpand = createJavaScriptTransition(
       ], 512),
       createVNode(unref(EvTransitionExpand), null, {
         default: withCtx(() => [
-          T.value && V.value && unref(_).filters && !$.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
+          D.value && B.value && unref(_).filters && !$.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
             createElementVNode("div", _hoisted_9$1, [
               createVNode(unref(_sfc_main$X), { defaults: L }, {
                 default: withCtx(() => [
                   createVNode(unref(_sfc_main$O), null, {
                     default: withCtx(() => [
-                      renderSlot(I.$slots, "filters")
+                      renderSlot(z.$slots, "filters")
                     ]),
                     _: 3
                   })
@@ -8435,8 +8493,8 @@ const EvTransitionExpand = createJavaScriptTransition(
 function useVirtual(n, e) {
   const t = useDisplay(), o = shallowRef(0);
   watchEffect(() => {
-    const R = n.itemHeight || 0;
-    o.value = isNumber(R) ? R : parseFloat(R);
+    const I = n.itemHeight || 0;
+    o.value = isNumber(I) ? I : parseFloat(I);
   });
   const r = shallowRef(0), s = shallowRef(
     Math.ceil(
@@ -8452,106 +8510,106 @@ function useVirtual(n, e) {
     f.value = c.value;
   });
   const u = computed(() => {
-    var A;
-    const R = isNumber(n.height) ? n.height : parseInt(n.height);
-    return c.value === document.documentElement ? t.height.value : ((A = p.value) == null ? void 0 : A.height) || R || 0;
+    var O;
+    const I = isNumber(n.height) ? n.height : parseInt(n.height);
+    return c.value === document.documentElement ? t.height.value : ((O = p.value) == null ? void 0 : O.height) || I || 0;
   }), v = computed(() => !!(c.value && l.value && u.value && o.value));
   let m = Array.from({ length: e.value.length }), _ = Array.from({ length: e.value.length });
   const y = shallowRef(0);
   let k = -1;
-  function C(R) {
-    return m[R] || o.value;
+  function C(I) {
+    return m[I] || o.value;
   }
   const w = debounce(() => {
-    const R = performance.now();
+    const I = performance.now();
     _[0] = 0;
-    const A = e.value.length;
-    for (let I = 1; I <= A - 1; I++)
-      _[I] = (_[I - 1] || 0) + C(I - 1);
+    const O = e.value.length;
+    for (let z = 1; z <= O - 1; z++)
+      _[z] = (_[z - 1] || 0) + C(z - 1);
     y.value = Math.max(
       y.value,
-      performance.now() - R
+      performance.now() - I
     );
-  }, y), E = watch(v, (R) => {
-    R && (E(), d = l.value.offsetTop, w.immediate(), H(), ~k && nextTick(() => {
+  }, y), E = watch(v, (I) => {
+    I && (E(), d = l.value.offsetTop, w.immediate(), G(), ~k && nextTick(() => {
       Browser.hasWindow && window.requestAnimationFrame(() => {
-        K(k), k = -1;
+        W(k), k = -1;
       });
     }));
   });
   onScopeDispose(() => {
     w.clear();
   });
-  function S(R, A) {
-    const I = m[R], M = o.value;
-    o.value = M ? Math.min(o.value, A) : A, (I !== A || M !== o.value) && (m[R] = A, w());
+  function S(I, O) {
+    const z = m[I], A = o.value;
+    o.value = A ? Math.min(o.value, O) : O, (z !== O || A !== o.value) && (m[I] = O, w());
   }
-  function g(R) {
-    return R = clamp(R, 0, e.value.length - 1), _[R] || 0;
+  function g(I) {
+    return I = clamp(I, 0, e.value.length - 1), _[I] || 0;
   }
-  function V(R) {
-    return binaryClosest(_, R);
+  function B(I) {
+    return binaryClosest(_, I);
   }
-  let D = 0, z = 0, b = 0;
-  watch(u, (R, A) => {
-    A && (H(), R < A && requestAnimationFrame(() => {
-      z = 0, H();
+  let V = 0, M = 0, b = 0;
+  watch(u, (I, O) => {
+    O && (G(), I < O && requestAnimationFrame(() => {
+      M = 0, G();
     }));
   });
   function $() {
     if (!c.value || !l.value)
       return;
-    const R = c.value.scrollTop, A = performance.now();
-    A - b > 500 ? (z = Math.sign(R - D), d = l.value.offsetTop) : z = R - D, D = R, b = A, H();
+    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();
   }
-  function T() {
-    !c.value || !l.value || (z = 0, b = 0, H());
+  function D() {
+    !c.value || !l.value || (M = 0, b = 0, G());
   }
   let L = -1;
-  function H() {
-    cancelAnimationFrame(L), L = requestAnimationFrame(W);
+  function G() {
+    cancelAnimationFrame(L), L = requestAnimationFrame(F);
   }
-  function W() {
+  function F() {
     if (!c.value || !u.value)
       return;
-    const R = D - d, A = Math.sign(z), I = Math.max(0, R - BUFFER_PX), M = clamp(V(I), 0, e.value.length), B = R + u.value + BUFFER_PX, N = clamp(
-      V(B) + 1,
-      M + 1,
+    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(
+      B(T) + 1,
+      A + 1,
       e.value.length
     );
     if (
       // Only update the side we're scrolling towards, the other side will be updated incidentally
-      (A !== UP || M < r.value) && (A !== DOWN || N > s.value)
+      (O !== UP || A < r.value) && (O !== DOWN || N > s.value)
     ) {
-      const j = g(r.value) - g(M), te = g(N) - g(s.value);
-      Math.max(j, te) > BUFFER_PX ? (r.value = M, s.value = N) : (M <= 0 && (r.value = M), N >= e.value.length && (s.value = N));
+      const U = g(r.value) - g(A), Y = g(N) - g(s.value);
+      Math.max(U, Y) > BUFFER_PX ? (r.value = A, s.value = N) : (A <= 0 && (r.value = A), N >= e.value.length && (s.value = N));
     }
     a.value = g(r.value), i.value = g(e.value.length) - g(s.value);
   }
-  function K(R) {
-    const A = g(R);
-    !c.value || R && !A ? k = R : c.value.scrollTop = A;
+  function W(I) {
+    const O = g(I);
+    !c.value || I && !O ? k = I : c.value.scrollTop = O;
   }
-  const G = computed(() => e.value.slice(r.value, s.value).map((R, A) => ({
-    raw: R,
-    index: A + r.value
+  const K = computed(() => e.value.slice(r.value, s.value).map((I, O) => ({
+    raw: I,
+    index: O + r.value
   })));
   return watch(
     e,
     () => {
-      m = Array.from({ length: e.value.length }), _ = Array.from({ length: e.value.length }), w.immediate(), H();
+      m = Array.from({ length: e.value.length }), _ = Array.from({ length: e.value.length }), w.immediate(), G();
     },
     { deep: !0 }
   ), {
-    calculateVisibleItems: H,
+    calculateVisibleItems: G,
     containerRef: c,
     markerRef: l,
-    computedItems: G,
+    computedItems: K,
     paddingTop: a,
     paddingBottom: i,
-    scrollToIndex: K,
+    scrollToIndex: W,
     handleScroll: $,
-    handleScrollend: T,
+    handleScrollend: D,
     handleItemResize: S
   };
 }
@@ -8711,7 +8769,7 @@ const makeEvDataTableProps = propsFactory(
     ...makeDimensionsProps()
   },
   "EvInfiniteScroll"
-), _hoisted_1$m = { class: "ev-infinite-scroll-side" }, _hoisted_2$d = { class: "ev-infinite-scroll-finished" }, _sfc_main$H = /* @__PURE__ */ defineComponent({
+), _hoisted_1$k = { class: "ev-infinite-scroll-side" }, _hoisted_2$d = { class: "ev-infinite-scroll-finished" }, _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "EvInfiniteScrollSide",
   props: {
     mode: {
@@ -8747,7 +8805,7 @@ 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$m, [
+    return (d, f) => (openBlock(), createElementBlock("div", _hoisted_1$k, [
       a.value ? renderSlot(d.$slots, "error", normalizeProps(mergeProps({ key: 0 }, r))) : i.value ? renderSlot(d.$slots, "finished", normalizeProps(mergeProps({ key: 1 }, r)), () => [
         createElementVNode("div", _hoisted_2$d, toDisplayString(unref(s)(t.textFinished)), 1)
       ]) : c.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
@@ -8873,9 +8931,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       const $ = C(b);
       if (!a.value || ["finished", "loading"].includes($))
         return;
-      f = k(), V(b, "loading");
-      function T(L) {
-        V(b, L), nextTick(() => {
+      f = k(), B(b, "loading");
+      function D(L) {
+        B(b, L), nextTick(() => {
           L === "finished" || L === "error" || (L === "ok" && b === "start" && g(
             k() - f + y()
           ), o.mode !== "manual" && nextTick(() => {
@@ -8891,9 +8949,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       }
       t("load", {
         side: b,
-        error: () => T("error"),
-        done: () => T("finished"),
-        next: () => T("ok")
+        error: () => D("error"),
+        done: () => D("finished"),
+        next: () => D("ok")
       });
     }
     function g(b) {
@@ -8902,22 +8960,22 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       const $ = o.direction === "vertical" ? "scrollTop" : "scrollLeft";
       a.value[$] = b;
     }
-    function V(b, $) {
+    function B(b, $) {
       b === "start" ? i.value = $ : b === "end" && (c.value = $);
     }
     onMounted(() => {
-      D();
+      V();
     });
-    function D(b = "ok") {
-      a.value && (d.value = !1, o.side === "start" ? g(k()) : o.side === "both" ? g(k() / 2 - _() / 2) : g(0), V("start", b), V("end", b));
+    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));
     }
-    const z = computed(() => ({
+    const M = computed(() => ({
       mode: o.mode,
       textFinished: o.textFinished,
       textMore: o.textMore
     }));
     return e({
-      reset: D,
+      reset: V,
       rootElement: a
     }), (b, $) => (openBlock(), createBlock(resolveDynamicComponent(o.tag), {
       ref_key: "rootEl",
@@ -8936,15 +8994,15 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ["start", "both"].includes(o.side) && !p.value ? (openBlock(), createBlock(_sfc_main$H, mergeProps({
           key: 0,
           side: "start"
-        }, z.value, {
+        }, M.value, {
           status: i.value,
-          "onClick:more": $[0] || ($[0] = (T) => S("start"))
+          "onClick:more": $[0] || ($[0] = (D) => S("start"))
         }), createSlots({ _: 2 }, [
           unref(r).finished ? {
             name: "finished",
-            fn: withCtx(({ side: T, props: L }) => [
+            fn: withCtx(({ side: D, props: L }) => [
               renderSlot(b.$slots, "finished", {
-                side: T,
+                side: D,
                 props: L
               })
             ]),
@@ -8952,9 +9010,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           } : void 0,
           unref(r).error ? {
             name: "error",
-            fn: withCtx(({ side: T, props: L }) => [
+            fn: withCtx(({ side: D, props: L }) => [
               renderSlot(b.$slots, "error", {
-                side: T,
+                side: D,
                 props: L
               })
             ]),
@@ -8962,9 +9020,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           } : void 0,
           unref(r).loading ? {
             name: "loading",
-            fn: withCtx(({ side: T, props: L }) => [
+            fn: withCtx(({ side: D, props: L }) => [
               renderSlot(b.$slots, "loading", {
-                side: T,
+                side: D,
                 props: L
               })
             ]),
@@ -8972,9 +9030,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           } : void 0,
           unref(r).more ? {
             name: "more",
-            fn: withCtx(({ side: T, props: L }) => [
+            fn: withCtx(({ side: D, props: L }) => [
               renderSlot(b.$slots, "more", {
-                side: T,
+                side: D,
                 props: L
               })
             ]),
@@ -8999,15 +9057,15 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         ["end", "both"].includes(o.side) && !p.value ? (openBlock(), createBlock(_sfc_main$H, mergeProps({
           key: 3,
           side: "end"
-        }, z.value, {
+        }, M.value, {
           status: c.value,
-          "onClick:more": $[1] || ($[1] = (T) => S("end"))
+          "onClick:more": $[1] || ($[1] = (D) => S("end"))
         }), createSlots({ _: 2 }, [
           unref(r).finished ? {
             name: "finished",
-            fn: withCtx(({ side: T, props: L }) => [
+            fn: withCtx(({ side: D, props: L }) => [
               renderSlot(b.$slots, "finished", {
-                side: T,
+                side: D,
                 props: L
               })
             ]),
@@ -9015,9 +9073,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           } : void 0,
           unref(r).error ? {
             name: "error",
-            fn: withCtx(({ side: T, props: L }) => [
+            fn: withCtx(({ side: D, props: L }) => [
               renderSlot(b.$slots, "error", {
-                side: T,
+                side: D,
                 props: L
               })
             ]),
@@ -9025,9 +9083,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           } : void 0,
           unref(r).loading ? {
             name: "loading",
-            fn: withCtx(({ side: T, props: L }) => [
+            fn: withCtx(({ side: D, props: L }) => [
               renderSlot(b.$slots, "loading", {
-                side: T,
+                side: D,
                 props: L
               })
             ]),
@@ -9035,9 +9093,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           } : void 0,
           unref(r).more ? {
             name: "more",
-            fn: withCtx(({ side: T, props: L }) => [
+            fn: withCtx(({ side: D, props: L }) => [
               renderSlot(b.$slots, "more", {
-                side: T,
+                side: D,
                 props: L
               })
             ]),
@@ -9048,7 +9106,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       _: 3
     }, 8, ["class", "style"]));
   }
-}), _hoisted_1$l = {
+}), _hoisted_1$j = {
   key: 0,
   class: "ev-data-table--empty"
 }, _hoisted_2$c = { class: "ev-data-table--native" }, _hoisted_3$c = { key: 0 }, _hoisted_4$a = {
@@ -9075,14 +9133,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       handleItemResize: E,
       handleScroll: S,
       handleScrollend: g
-    } = useVirtual(o, f), V = computed(() => l.value.length + (o.showSelect ? 1 : 0)), { t: D } = useLocaleFunctions(), z = useModelProxy(o, "sort"), b = useModelProxy(o, "search"), $ = ref(), T = computed(() => s.value), L = computed(() => {
+    } = 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(() => {
       var A;
       return !((A = a.value) != null && A.length);
-    }), H = computed(() => omit(filterComponentProps(_sfc_main$J, o), [
+    }), G = computed(() => omit(filterComponentProps(_sfc_main$J, o), [
       "loading",
       "search",
       "sort"
-    ]));
+    ])), F = computed(() => toWebUnit(k.value)), W = computed(() => toWebUnit(C.value));
     watch(
       () => {
         var A;
@@ -9094,30 +9152,30 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     ), watch(
       () => o.filters,
       () => {
-        W();
+        K();
       },
       { deep: !0 }
     );
-    function W() {
+    function K() {
       s.value = !0;
       const A = 1;
-      function I(M) {
-        a.value = M, i.value = A, s.value = !1, G(M.length < o.itemsPerPage ? "finished" : "ok");
+      function T(N) {
+        a.value = N, i.value = A, s.value = !1, O(N.length < o.itemsPerPage ? "finished" : "ok");
       }
-      t("load", { next: I, page: A });
+      t("load", { next: T, page: A });
     }
-    function K(A) {
-      const I = i.value + 1;
-      function M(B) {
-        a.value.push(...B), i.value = I, B.length < o.itemsPerPage ? A.done() : A.next();
+    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();
       }
-      t("load", { next: M, page: I });
+      t("load", { next: N, page: T });
     }
-    function G(A = "ok") {
-      var I;
-      (I = $.value) == null || I.reset(A);
+    function O(A = "ok") {
+      var T;
+      (T = $.value) == null || T.reset(A);
     }
-    function R(A) {
+    function z(A) {
       return {
         width: calculateDisplayRuleValue(A.width),
         minWidth: calculateDisplayRuleValue(A.minWidth),
@@ -9125,22 +9183,22 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       };
     }
     return e({
-      resetScroll: G,
-      reload: W
-    }), (A, I) => (openBlock(), createElementBlock("div", {
+      resetScroll: O,
+      reload: K
+    }), (A, T) => (openBlock(), createElementBlock("div", {
       class: normalizeClass(["ev-data-table", o.class]),
       style: normalizeStyle([unref(c), o.style])
     }, [
-      createVNode(unref(_sfc_main$J), mergeProps(H.value, {
+      createVNode(unref(_sfc_main$J), mergeProps(G.value, {
         search: unref(b),
         "onUpdate:search": [
-          I[0] || (I[0] = (M) => isRef(b) ? b.value = M : null),
-          W
+          T[0] || (T[0] = (N) => isRef(b) ? b.value = N : null),
+          K
         ],
-        sort: unref(z),
+        sort: unref(M),
         "onUpdate:sort": [
-          I[1] || (I[1] = (M) => isRef(z) ? z.value = M : null),
-          W
+          T[1] || (T[1] = (N) => isRef(M) ? M.value = N : null),
+          K
         ],
         loading: unref(s),
         "hide-select-all": o.showHeaders,
@@ -9161,17 +9219,17 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           key: "1"
         } : void 0
       ]), 1040, ["search", "sort", "loading", "hide-select-all", "filters"]),
-      L.value ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
+      L.value ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
         renderSlot(A.$slots, "empty", {}, () => [
-          createTextVNode(toDisplayString(unref(D)("table.empty")), 1)
+          createTextVNode(toDisplayString(unref(V)("table.empty")), 1)
         ])
       ])) : (openBlock(), createBlock(unref(_sfc_main$F), {
         key: 1,
         ref_key: "infiniteScrollRef",
         ref: $,
         class: "ev-data-table--wrapper",
-        disabled: T.value,
-        onLoad: K,
+        disabled: D.value,
+        onLoad: I,
         onScrollPassive: unref(S),
         onScrollend: unref(g)
       }, {
@@ -9180,15 +9238,15 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             renderSlot(A.$slots, "colgroup", {}, () => [
               createElementVNode("colgroup", null, [
                 o.showSelect ? (openBlock(), createElementBlock("col", _hoisted_3$c)) : createCommentVNode("", !0),
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (M, B) => (openBlock(), createElementBlock("col", {
-                  key: B,
-                  style: normalizeStyle(R(M))
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (N, U) => (openBlock(), createElementBlock("col", {
+                  key: U,
+                  style: normalizeStyle(z(N))
                 }, null, 4))), 128))
               ])
             ]),
             o.showHeaders ? (openBlock(), createElementBlock("thead", _hoisted_4$a, [
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(d), (M, B) => (openBlock(), createElementBlock("tr", { key: B }, [
-                unref(v) && B === 0 ? (openBlock(), createBlock(unref(_sfc_main$Z), {
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(d), (N, U) => (openBlock(), createElementBlock("tr", { key: U }, [
+                unref(v) && U === 0 ? (openBlock(), createBlock(unref(_sfc_main$Z), {
                   key: 0,
                   tag: "th",
                   colspan: 1,
@@ -9204,17 +9262,17 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["rowspan"])) : createCommentVNode("", !0),
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(M, (N, j) => (openBlock(), createBlock(unref(_sfc_main$Z), mergeProps({
-                  key: j,
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(N, (Y, H) => (openBlock(), createBlock(unref(_sfc_main$Z), mergeProps({
+                  key: H,
                   tag: "th"
-                }, N.headerProps, {
-                  align: N.align,
-                  colspan: N.colspan,
-                  rowspan: N.rowspan
+                }, Y.headerProps, {
+                  align: Y.align,
+                  colspan: Y.colspan,
+                  rowspan: Y.rowspan
                 }), {
                   default: withCtx(() => [
-                    renderSlot(A.$slots, `header.${N.key}`, normalizeProps(guardReactiveProps({ header: N })), () => [
-                      createTextVNode(toDisplayString(N.title), 1)
+                    renderSlot(A.$slots, `header.${Y.key}`, normalizeProps(guardReactiveProps({ header: Y })), () => [
+                      createTextVNode(toDisplayString(Y.title), 1)
                     ])
                   ]),
                   _: 2
@@ -9226,33 +9284,33 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 ref_key: "markerRef",
                 ref: y,
                 class: "ev-data-table--spacer-above",
-                style: normalizeStyle({ height: unref(toWebUnit)(unref(k)), border: 0 })
+                style: normalizeStyle({ height: F.value, border: 0 })
               }, [
                 createElementVNode("td", {
-                  colspan: V.value,
+                  colspan: B.value,
                   style: { height: 0, border: 0 }
                 }, null, 8, _hoisted_6$4)
               ], 4),
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(w), (M) => (openBlock(), createBlock(_sfc_main$I, {
-                key: M.index,
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(w), (N) => (openBlock(), createBlock(_sfc_main$I, {
+                key: N.index,
                 renderless: "",
-                "onUpdate:height": (B) => unref(E)(M.index, B)
+                "onUpdate:height": (U) => unref(E)(N.index, U)
               }, {
-                default: withCtx(({ itemRef: B }) => [
+                default: withCtx(({ itemRef: U }) => [
                   createVNode(unref(_sfc_main$Y), normalizeProps(guardReactiveProps({
-                    ref: B,
-                    item: M.raw,
-                    index: M.index
+                    ref: U,
+                    item: N.raw,
+                    index: N.index
                   })), createSlots({
-                    default: withCtx((N) => [
-                      renderSlot(A.$slots, "item", normalizeProps(guardReactiveProps(N)))
+                    default: withCtx((Y) => [
+                      renderSlot(A.$slots, "item", normalizeProps(guardReactiveProps(Y)))
                     ]),
                     _: 2
                   }, [
-                    renderList(unref(l), (N) => ({
-                      name: `item.${N.key}`,
-                      fn: withCtx((j) => [
-                        unref(r).item ? createCommentVNode("", !0) : renderSlot(A.$slots, `item.${N.key}`, normalizeProps(mergeProps({ key: 0 }, j)))
+                    renderList(unref(l), (Y) => ({
+                      name: `item.${Y.key}`,
+                      fn: withCtx((H) => [
+                        unref(r).item ? createCommentVNode("", !0) : renderSlot(A.$slots, `item.${Y.key}`, normalizeProps(mergeProps({ key: 0 }, H)))
                       ])
                     }))
                   ]), 1040)
@@ -9261,13 +9319,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               }, 1032, ["onUpdate:height"]))), 128)),
               createElementVNode("tr", {
                 class: "ev-data-table--spacer-below",
-                style: normalizeStyle({
-                  height: unref(toWebUnit)(unref(C)),
-                  border: 0
-                })
+                style: normalizeStyle({ height: W.value, border: 0 })
               }, [
                 createElementVNode("td", {
-                  colspan: V.value,
+                  colspan: B.value,
                   style: { height: 0, border: 0 }
                 }, null, 8, _hoisted_7$2)
               ], 4)
@@ -9296,7 +9351,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     year: [Number, String]
   },
   "EvDatePickerMonth"
-), _hoisted_1$k = { class: "ev-date-picker-month--days" }, _sfc_main$D = /* @__PURE__ */ defineComponent({
+), _hoisted_1$i = { class: "ev-date-picker-month--days" }, _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "EvDatePickerMonth",
   props: {
     ...makeEvDatePickerMonthProps()
@@ -9404,7 +9459,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         }
       ])
     }, [
-      createElementVNode("div", _hoisted_1$k, [
+      createElementVNode("div", _hoisted_1$i, [
         (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(t).getWeekdays(), (m) => (openBlock(), createElementBlock("div", {
           key: m,
           class: "ev-date-picker-month--weekday"
@@ -9446,7 +9501,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     modelValue: Number
   },
   "EvDatePickerYears"
-), _hoisted_1$j = { class: "ev-date-picker-years" }, offsetMin = -120, offsetMax = 50, _sfc_main$C = /* @__PURE__ */ defineComponent({
+), _hoisted_1$h = { class: "ev-date-picker-years" }, offsetMin = -120, offsetMax = 50, _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "EvDatePickerYears",
   props: {
     ...makeEvDatePickerYearsProps()
@@ -9479,7 +9534,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     }
     return onMounted(async () => {
       await nextTick(), i();
-    }), (c, l) => (openBlock(), createElementBlock("div", _hoisted_1$j, [
+    }), (c, l) => (openBlock(), createElementBlock("div", _hoisted_1$h, [
       createVNode(unref(_sfc_main$T), {
         ref_key: "listRef",
         ref: a,
@@ -9514,7 +9569,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     modelValue: Number
   },
   "EvDatePickerMonths"
-), _hoisted_1$i = { class: "ev-date-picker-months" }, _sfc_main$B = /* @__PURE__ */ defineComponent({
+), _hoisted_1$g = { class: "ev-date-picker-months" }, _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "EvDatePickerMonths",
   props: {
     ...makeEvDatePickerMonthsProps()
@@ -9540,7 +9595,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     function c(l) {
       return l === s.value ? "bold" : "subtle";
     }
-    return (l, d) => (openBlock(), createElementBlock("div", _hoisted_1$i, [
+    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), {
         key: p,
         text: f.text,
@@ -9725,7 +9780,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       renderSlot(t.$slots, "default")
     ], 6));
   }
-}), _hoisted_1$h = { class: "ev-date-picker" }, _hoisted_2$b = { class: "ev-date-picker-controls" }, _hoisted_3$b = { class: "ev-date-picker-controls--previous" }, _hoisted_4$9 = { class: "ev-date-picker-controls--next" }, _sfc_main$w = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$f = { class: "ev-date-picker" }, _hoisted_2$b = { class: "ev-date-picker-controls" }, _hoisted_3$b = { class: "ev-date-picker-controls--previous" }, _hoisted_4$9 = { class: "ev-date-picker-controls--next" }, _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "EvDatePicker",
   props: {
     ...makeEvDatePickerProps()
@@ -9800,7 +9855,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     function C() {
       i.value = i.value === "years" ? "month" : "years";
     }
-    return (w, E) => (openBlock(), createElementBlock("div", _hoisted_1$h, [
+    return (w, E) => (openBlock(), createElementBlock("div", _hoisted_1$f, [
       createElementVNode("div", _hoisted_2$b, [
         createVNode(unref(_sfc_main$1b), {
           variant: "subtle",
@@ -9991,18 +10046,18 @@ 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((z) => parseFloat(z)), [m, _] = getComputedStyle(d).getPropertyValue("--ev-overlay-position").split(" ");
+      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, V = p.width * p.height / (window.innerWidth * window.innerHeight), D = V > 0.12 ? Math.min(1.5, (V - 0.12) * 10 + 1) : 1;
+      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;
       return {
         x: y - (u + p.left),
         y: k - (v + p.top),
         sx: S,
         sy: g,
-        speed: D
+        speed: V
       };
     }
     function o(l) {
@@ -10086,16 +10141,36 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 }), makeEvDialogProps = propsFactory(
   {
-    fullscreen: Boolean,
-    retainFocus: {
+    bodyProps: Object,
+    closeable: {
       type: Boolean,
       default: !0
     },
-    scrollable: Boolean,
-    showHeader: {
+    draggable: Boolean,
+    dragWithinViewport: {
+      type: Boolean,
+      default: !0
+    },
+    dragMinX: {
+      type: Number,
+      default: 0
+    },
+    dragMinY: {
+      type: Number,
+      default: 0
+    },
+    fullscreen: Boolean,
+    headerActions: Array,
+    headerProps: Object,
+    hideHeader: Boolean,
+    icon: IconProp,
+    noPadding: Boolean,
+    retainFocus: {
       type: Boolean,
       default: !0
     },
+    scrollable: Boolean,
+    title: String,
     ...makeEvOverlayProps({
       origin: "center center",
       scrollStrategy: "block",
@@ -10119,183 +10194,586 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   [DialogSize.medium]: 600,
   [DialogSize.large]: 800,
   [DialogSize.xLarge]: 968
-}, _export_sfc = (n, e) => {
+}, makeEvDialogBodyProps = propsFactory(
+  {
+    padding: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  "EvDialogBody"
+), _sfc_main$t = /* @__PURE__ */ defineComponent({
+  __name: "EvDialogBody",
+  props: {
+    ...makeEvDialogBodyProps()
+  },
+  setup(n) {
+    const e = n, t = computed(() => e.padding ? void 0 : "pa-0");
+    return (o, r) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass([
+        "ev-dialog--body",
+        "is-scrollable",
+        t.value
+      ])
+    }, [
+      renderSlot(o.$slots, "default")
+    ], 2));
+  }
+}), _export_sfc = (n, e) => {
   const t = n.__vccOpts || n;
   for (const [o, r] of e)
     t[o] = r;
   return t;
-}, _sfc_main$t = {}, _hoisted_1$g = { class: "ev-dialog--body is-scrollable" };
-function _sfc_render$1(n, e) {
-  return openBlock(), createElementBlock("div", _hoisted_1$g, [
-    renderSlot(n.$slots, "default")
-  ]);
-}
-const EvDialogBody = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$1]]), _sfc_main$s = {}, _hoisted_1$f = { class: "ev-dialog--footer" };
+}, _sfc_main$s = {}, _hoisted_1$e = { class: "ev-dialog--footer" };
 function _sfc_render(n, e) {
-  return openBlock(), createElementBlock("div", _hoisted_1$f, [
+  return openBlock(), createElementBlock("div", _hoisted_1$e, [
     renderSlot(n.$slots, "default")
   ]);
 }
-const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render]]), _hoisted_1$e = { class: "ev-dialog---header" }, makeEvDialogHeaderProps = propsFactory(
+const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render]]), makeEvToolbarProps = propsFactory(
   {
-    modelValue: Boolean
+    actions: Array,
+    icon: IconProp,
+    size: {
+      type: String,
+      default: "medium"
+    },
+    tab: {
+      type: null,
+      default: void 0
+    },
+    tabs: Array,
+    title: String,
+    ...makeComponentProps()
   },
-  "EvDialogHeader"
+  "EvToolbar"
+), makeEvTabProps = propsFactory(
+  {
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    ...omit(
+      makeEvButtonProps({
+        variant: "subtle",
+        selectedClass: "is-selected",
+        selectedAppearance: "primary",
+        selectedVariant: "subtle"
+      }),
+      ["active", "symbol"]
+    )
+  },
+  "EvTab"
+), EvTabsSymbol = Symbol.for("ev:tabs"), makeEvTabsProps = propsFactory(
+  {
+    alignTabs: {
+      type: String,
+      default: "start"
+    },
+    grow: Boolean,
+    items: {
+      type: Array,
+      default: () => []
+    },
+    size: String,
+    ...makeEvSlideGroupProps({ mandatory: "force" }),
+    ...makeTagProps()
+  },
+  "EvTabs"
 ), _sfc_main$r = /* @__PURE__ */ defineComponent({
-  __name: "EvDialogHeader",
+  __name: "EvTab",
   props: {
-    ...makeEvDialogHeaderProps()
+    ...makeEvTabProps()
   },
   setup(n) {
-    const t = useModelProxy(n, "modelValue");
-    function o() {
-      t.value = !1;
-    }
-    return (r, s) => (openBlock(), createElementBlock("div", _hoisted_1$e, [
-      renderSlot(r.$slots, "default"),
-      createVNode(unref(_sfc_main$1b), {
-        rounded: "",
-        variant: "subtle",
-        icon: unref(CancelIcon),
-        onClick: s[0] || (s[0] = (a) => o())
-      }, null, 8, ["icon"])
-    ]));
-  }
-}), _sfc_main$q = /* @__PURE__ */ defineComponent({
-  __name: "EvDialog",
-  props: {
-    ...makeEvDialogProps()
-  },
-  setup(n, { expose: e }) {
-    const t = n, o = useSlots(), r = ref(), s = useModelProxy(t, "modelValue"), a = useModelProxy(t, "fullscreen"), i = computed(() => filterComponentProps(_sfc_main$R, t)), c = computed(() => mergeProps(
-      {
-        "aria-haspopup": "dialog",
-        "aria-expanded": String(s.value)
-      },
-      t.activatorProps
-    )), l = computed(() => {
-      const p = t.width ?? DialogSizeToWidth[DialogSize.medium];
-      return DialogSizeToWidth[p] ?? p;
-    });
-    function d(p) {
-      var m, _;
-      const u = p.relatedTarget, v = p.target;
-      if (u !== v && ((m = r.value) != null && m.contentEl) && ((_ = r.value) != null && _.isTopGlobal) && ![document, r.value.contentEl].includes(v) && !r.value.contentEl.contains(v)) {
-        const y = getFocusableChildren(r.value.contentEl);
-        if (!y.length)
-          return;
-        const k = y[0], C = y[y.length - 1];
-        u === k ? C.focus() : k.focus();
-      }
-    }
-    Browser.hasWindow && watch(
-      () => s.value && t.retainFocus,
-      (p) => {
-        p ? document.addEventListener("focusin", d) : document.removeEventListener("focusin", d);
-      },
-      {
-        immediate: !0
+    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;
       }
-    ), watch(s, async (p) => {
-      var u, v;
-      await nextTick(), p ? (u = r.value.contentEl) == null || u.focus({ preventScroll: !0 }) : (v = r.value.activatorEl) == null || v.focus({ preventScroll: !0 });
-    });
-    function f() {
-      s.value = !1;
-    }
-    return provideDialog(t.__instance), e({
-      close: f
-    }), (p, u) => (openBlock(), createBlock(unref(_sfc_main$R), mergeProps({
-      ref_key: "overlayRef",
-      ref: r
-    }, i.value, {
-      modelValue: unref(s),
-      "onUpdate:modelValue": u[1] || (u[1] = (v) => isRef(s) ? s.value = v : null),
-      "aria-modal": "true",
-      role: "dialog",
-      class: [
-        "ev-dialog",
+    ), s = computed(() => o.direction === "horizontal"), a = computed(() => filterComponentProps(_sfc_main$1b, o)), i = ref(), c = ref();
+    function l({ value: d }) {
+      var $, D;
+      if (!d)
+        return;
+      const f = (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)
+        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;
+      animate(
+        p,
         {
-          "is-fullscreen": unref(a),
-          "is-scrollable": t.scrollable
+          backgroundColor: [u, "currentcolor"],
+          transform: [
+            `translate${y}(${S}px) scale${y}(${M})`,
+            `translate${y}(${S / b}px) scale${y}(${(V - 1) / b + 1})`,
+            "none"
+          ],
+          transformOrigin: Array(3).fill(g)
         },
-        t.class
-      ],
-      style: t.style,
-      "activator-props": c.value,
-      width: l.value
-    }), createSlots({
-      default: withCtx(() => [
-        unref(o).container ? renderSlot(p.$slots, "container", { key: 0 }) : (openBlock(), createBlock(_sfc_main$13, {
-          key: 1,
-          class: "ev-dialog--surface",
-          elevation: "overlay",
-          rounded: "small"
-        }, {
-          default: withCtx(() => [
-            t.showHeader ? (openBlock(), createBlock(_sfc_main$r, {
-              key: 0,
-              modelValue: unref(s),
-              "onUpdate:modelValue": u[0] || (u[0] = (v) => isRef(s) ? s.value = v : null)
-            }, {
-              default: withCtx(() => [
-                renderSlot(p.$slots, "header")
-              ]),
-              _: 3
-            }, 8, ["modelValue"])) : createCommentVNode("", !0),
-            createVNode(EvDialogBody, null, {
-              default: withCtx(() => [
-                renderSlot(p.$slots, "default")
-              ]),
-              _: 3
-            }),
-            unref(o).footer ? (openBlock(), createBlock(EvDialogFooter, { key: 1 }, {
-              default: withCtx(() => [
-                renderSlot(p.$slots, "footer")
-              ]),
-              _: 3
-            })) : createCommentVNode("", !0)
-          ]),
-          _: 3
-        }))
+        {
+          duration: 225,
+          easing: easingStandard
+        }
+      );
+    }
+    return (d, f) => (openBlock(), createBlock(unref(_sfc_main$1b), mergeProps({
+      ref_key: "rootEl",
+      ref: i,
+      role: "tab",
+      class: ["ev-tab", unref(o).class],
+      active: void 0,
+      "aria-selected": String(r.value),
+      symbol: unref(EvTabsSymbol),
+      tabindex: r.value ? 0 : -1,
+      style: unref(o).style
+    }, a.value, { "onGroup:selected": l }), createSlots({
+      additional: withCtx(() => [
+        createElementVNode("div", {
+          ref_key: "sliderEl",
+          ref: c,
+          class: normalizeClass(["ev-tab--slider"])
+        }, null, 512)
       ]),
       _: 2
     }, [
-      unref(o).activator ? {
-        name: "activator",
-        fn: withCtx(({ isActive: v, props: m }) => [
-          renderSlot(p.$slots, "activator", {
-            isActive: v,
-            props: m
-          })
+      unref(o).text || unref(t).default ? {
+        name: "default",
+        fn: withCtx(() => [
+          renderSlot(d.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(unref(o).text), 1)
+          ])
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["modelValue", "class", "style", "activator-props", "width"]));
+    ]), 1040, ["class", "aria-selected", "symbol", "tabindex", "style"]));
   }
-}), makeEvDrawerProps = propsFactory(
-  {
-    position: {
-      type: String,
-      default: "left"
-    },
-    ...omit(makeEvDialogProps(), ["position"])
-  },
-  "EvDrawer"
-), _sfc_main$p = /* @__PURE__ */ defineComponent({
-  __name: "EvDrawer",
+}), _sfc_main$q = /* @__PURE__ */ defineComponent({
+  __name: "EvTabs",
   props: {
-    ...makeEvDrawerProps()
+    ...makeEvTabsProps()
   },
-  setup(n, { expose: e }) {
-    const t = n, o = computed(() => omit(filterComponentProps(_sfc_main$q, t), ["position"])), r = useModelProxy(t, "modelValue"), s = ref(), a = computed(() => `is-position-${t.position}`), i = computed(() => `ev-drawer--transition-${t.position}`), c = computed(() => t.position === "top" || t.position === "bottom" ? "100%" : t.width ?? "medium");
-    function l() {
-      r.value = !1;
+  setup(n) {
+    const e = n;
+    function t(i) {
+      return i ? i.map((c) => isObject(c) ? c : { text: c, value: c }) : [];
     }
-    return provideDrawer(t.__instance), e({
-      close: l
-    }), (d, f) => (openBlock(), createBlock(unref(_sfc_main$q), mergeProps({
-      ref_key: "dialogRef",
+    const o = useModelProxy(e, "modelValue"), r = computed(() => t(e.items));
+    provideDefaults({
+      EvTab: {
+        direction: toRef(e, "direction"),
+        size: toRef(e, "size"),
+        selectedAppearance: toRef(e, "selectedAppearance"),
+        selectedVariant: toRef(e, "selectedVariant")
+      }
+    });
+    const s = computed(
+      () => filterComponentProps(_sfc_main$O, e)
+    ), a = computed(() => `is-align-tabs-${e.alignTabs}`);
+    return (i, c) => (openBlock(), createBlock(unref(_sfc_main$O), mergeProps(s.value, {
+      modelValue: unref(o),
+      "onUpdate:modelValue": c[0] || (c[0] = (l) => isRef(o) ? o.value = l : null),
+      role: "tablist",
+      class: [
+        "ev-tabs",
+        a.value,
+        {
+          "is-grow": e.grow
+        },
+        e.class
+      ],
+      style: e.style,
+      symbol: unref(EvTabsSymbol)
+    }), {
+      default: withCtx(() => [
+        renderSlot(i.$slots, "default", {}, () => [
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(r.value, (l) => (openBlock(), createBlock(unref(_sfc_main$r), mergeProps({
+            key: l.text
+          }, l), null, 16))), 128))
+        ])
+      ]),
+      _: 3
+    }, 16, ["modelValue", "class", "style", "symbol"]));
+  }
+}), _hoisted_1$d = { class: "ev-toolbar--section-start" }, _hoisted_2$a = {
+  key: 0,
+  class: "ev-toolbar--prefix"
+}, _hoisted_3$a = {
+  key: 0,
+  class: "ev-toolbar--back",
+  "data-no-drag": ""
+}, _hoisted_4$8 = {
+  key: 1,
+  class: "ev-toolbar--icon"
+}, _hoisted_5$5 = {
+  key: 2,
+  class: "ev-toolbar--title"
+}, _hoisted_6$3 = {
+  key: 1,
+  class: "ev-toolbar--start",
+  "data-no-drag": ""
+}, _hoisted_7$1 = {
+  class: "ev-toolbar--section-end",
+  "data-no-drag": ""
+}, _hoisted_8$1 = {
+  key: 0,
+  class: "ev-toolbar--end"
+}, _hoisted_9 = { class: "ev-toolbar--actions" }, _hoisted_10 = {
+  key: 1,
+  class: "ev-toolbar--close"
+}, _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "EvToolbar",
+  props: {
+    ...makeEvToolbarProps()
+  },
+  emits: ["click:back", "click:close", "update:tab"],
+  setup(n, { emit: e }) {
+    const t = n, o = useSlots(), r = getCurrentInstance(), s = computed(() => {
+      var _;
+      return !!((_ = r == null ? void 0 : r.vnode.props) != null && _["onClick:back"]);
+    }), a = computed(() => {
+      var _;
+      return !!((_ = r == null ? void 0 : r.vnode.props) != null && _["onClick:close"]);
+    }), i = computed(() => s.value || t.icon || t.title);
+    function c(_) {
+      _.stopPropagation(), e("click:back", _);
+    }
+    function l(_) {
+      _.stopPropagation(), e("click:close", _);
+    }
+    const d = useModelProxy(t, "tab"), f = computed(() => sizeModifier(t.size)), p = computed(() => {
+      switch (t.size) {
+        case "large":
+          return "x-large";
+        case "small":
+          return "medium";
+        case "medium":
+        default:
+          return "large";
+      }
+    }), u = computed(() => {
+      switch (t.size) {
+        case "large":
+          return "medium";
+        case "small":
+          return "x-small";
+        case "medium":
+        default:
+          return "small";
+      }
+    }), v = computed(() => s.value), m = computed(() => {
+      var k, C, w;
+      const _ = !!((k = t.actions) != null && k.length), y = ((w = (C = t.actions) == null ? void 0 : C.at(-1)) == null ? void 0 : w.variant) ?? "subtle";
+      return a.value || _ && y === "subtle";
+    });
+    return (_, y) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass([
+        "ev-toolbar",
+        {
+          "is-adjust-start": v.value,
+          "is-adjust-end": m.value
+        },
+        f.value,
+        t.class
+      ]),
+      style: normalizeStyle(t.style)
+    }, [
+      createElementVNode("div", _hoisted_1$d, [
+        i.value ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
+          s.value ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
+            createVNode(unref(_sfc_main$1b), {
+              variant: "subtle",
+              icon: unref(ArrowBackIcon),
+              size: u.value,
+              onClick: c
+            }, null, 8, ["icon", "size"])
+          ])) : createCommentVNode("", !0),
+          t.icon ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
+            createVNode(unref(_sfc_main$1h), {
+              glyph: t.icon
+            }, null, 8, ["glyph"])
+          ])) : createCommentVNode("", !0),
+          t.title ? (openBlock(), createElementBlock("div", _hoisted_5$5, toDisplayString(t.title), 1)) : createCommentVNode("", !0)
+        ])) : createCommentVNode("", !0),
+        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),
+              class: "ev-toolbar--tabs",
+              size: p.value,
+              items: t.tabs
+            }, null, 8, ["modelValue", "size", "items"])
+          ])
+        ])) : createCommentVNode("", !0)
+      ]),
+      createElementVNode("div", _hoisted_7$1, [
+        unref(o).end || t.actions ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+          renderSlot(_.$slots, "end", {}, () => [
+            createElementVNode("div", _hoisted_9, [
+              createVNode(unref(_sfc_main$1a), {
+                gap: "medium",
+                variant: "subtle",
+                size: u.value,
+                items: t.actions
+              }, null, 8, ["size", "items"])
+            ])
+          ])
+        ])) : createCommentVNode("", !0),
+        a.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          createVNode(unref(_sfc_main$1b), {
+            size: u.value,
+            icon: unref(CancelIcon),
+            variant: "subtle",
+            onClick: l
+          }, null, 8, ["size", "icon"])
+        ])) : createCommentVNode("", !0)
+      ])
+    ], 6));
+  }
+}), makeEvDialogHeaderProps = propsFactory(
+  {
+    modelValue: Boolean,
+    closeable: {
+      type: Boolean,
+      default: !0
+    },
+    ...makeEvToolbarProps({
+      size: "large"
+    })
+  },
+  "EvDialogHeader"
+), _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "EvDialogHeader",
+  props: {
+    ...makeEvDialogHeaderProps()
+  },
+  emits: ["update:modelValue", "close"],
+  setup(n, { emit: e }) {
+    const t = n, o = useSlots(), r = useModelProxy(t, "modelValue");
+    function s() {
+      r.value = !1, e("close");
+    }
+    const a = computed(() => t.closeable ? s : void 0), i = computed(() => filterComponentProps(_sfc_main$p, t));
+    return (c, l) => unref(o).default ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(["ev-dialog--header", t.class]),
+      style: normalizeStyle(t.style)
+    }, [
+      renderSlot(c.$slots, "default")
+    ], 6)) : (openBlock(), createBlock(unref(_sfc_main$p), mergeProps({
+      key: 1,
+      class: ["ev-dialog--header", { "is-untitled": !t.title }]
+    }, i.value, { "onClick:close": a.value }), null, 16, ["class", "onClick:close"]));
+  }
+}), _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "EvDialog",
+  props: {
+    ...makeEvDialogProps()
+  },
+  emits: ["update:modelValue", "update:fullscreen", "dragstart", "dragend", "open", "after-open", "close", "after-close"],
+  setup(n, { expose: e, emit: t }) {
+    const o = n, r = useSlots(), s = ref(), a = useModelProxy(o, "modelValue"), i = useModelProxy(o, "fullscreen"), c = computed(() => filterComponentProps(_sfc_main$R, o)), l = computed(() => mergeProps(
+      {
+        "aria-haspopup": "dialog",
+        "aria-expanded": String(a.value)
+      },
+      o.activatorProps
+    )), d = computed(() => {
+      const F = {
+        actions: o.headerActions,
+        closeable: o.closeable,
+        icon: o.icon,
+        title: o.title
+      }, W = o.headerProps ?? {};
+      return Object.assign(F, W);
+    }), f = computed(() => {
+      const F = {
+        padding: !o.noPadding
+      }, W = o.bodyProps ?? {};
+      return Object.assign(F, W);
+    }), p = computed(() => {
+      const F = o.width ?? DialogSizeToWidth[DialogSize.medium];
+      return DialogSizeToWidth[F] ?? F;
+    });
+    function u(F) {
+      var I, O;
+      const W = F.relatedTarget, K = F.target;
+      if (W !== K && ((I = s.value) != null && I.contentEl) && ((O = s.value) != null && O.isTopGlobal) && ![document, s.value.contentEl].includes(K) && !s.value.contentEl.contains(K)) {
+        const z = getFocusableChildren(s.value.contentEl);
+        if (!z.length)
+          return;
+        const A = z[0], T = z[z.length - 1];
+        W === A ? T.focus() : A.focus();
+      }
+    }
+    Browser.hasWindow && watch(
+      () => a.value && o.retainFocus,
+      (F) => {
+        F ? document.addEventListener("focusin", u) : document.removeEventListener("focusin", u);
+      },
+      {
+        immediate: !0
+      }
+    ), watch(a, async (F) => {
+      var W, K;
+      await nextTick(), F ? (W = s.value.contentEl) == null || W.focus({ preventScroll: !0 }) : (K = s.value.activatorEl) == null || K.focus({ preventScroll: !0 });
+    });
+    function v() {
+      a.value = !1;
+    }
+    provideDialog(o.__instance), e({
+      close: v
+    });
+    let m = !1, _ = null, y = null, k = null, C = null;
+    function w(F) {
+      !o.draggable || F.target.closest("[data-no-drag]") || (m = !0, _ = F.pageX, y = F.pageY, document.body.style.userSelect = "none", t("dragstart", F));
+    }
+    function E() {
+      t("open"), M();
+    }
+    function S() {
+      t("after-open");
+    }
+    function g() {
+      m && C && C();
+    }
+    function B() {
+      t("close");
+    }
+    function V() {
+      D(), t("after-close");
+    }
+    function M() {
+      o.draggable && (b(), $());
+    }
+    function b() {
+      k = (F) => {
+        var K;
+        const W = (K = s.value) == null ? void 0 : K.contentEl;
+        if (m && W) {
+          const I = getOuterWidth(W), O = getOuterHeight(W), z = F.pageX - _, A = F.pageY - y, T = W.getBoundingClientRect(), N = T.left + z, U = T.top + A, Y = getViewport(), H = getComputedStyle(W), q = parseFloat(H.marginLeft), Z = parseFloat(H.marginTop);
+          W.style.position = "fixed", o.dragWithinViewport ? (N >= o.dragMinX && N + I < Y.width && (_ = F.pageX, W.style.left = N - q + "px"), U >= o.dragMinY && U + O < Y.height && (y = F.pageY, W.style.top = U - Z + "px")) : (_ = F.pageX, W.style.left = N - q + "px", y = F.pageY, W.style.top = U - Z + "px");
+        }
+      }, window.document.addEventListener("mousemove", k);
+    }
+    function $() {
+      C = (F) => {
+        m && (m = !1, document.body.style.userSelect = "", t("dragend", F));
+      }, window.document.addEventListener("mouseup", C);
+    }
+    function D() {
+      L(), G();
+    }
+    function L() {
+      k && (window.document.removeEventListener("mousemove", k), k = null);
+    }
+    function G() {
+      C && (window.document.removeEventListener("mouseup", C), C = null);
+    }
+    return onBeforeUnmount(() => {
+      D();
+    }), (F, W) => (openBlock(), createBlock(unref(_sfc_main$R), mergeProps({
+      ref_key: "overlayRef",
+      ref: s
+    }, c.value, {
+      modelValue: unref(a),
+      "onUpdate:modelValue": W[1] || (W[1] = (K) => isRef(a) ? a.value = K : null),
+      "aria-modal": "true",
+      role: "dialog",
+      class: [
+        "ev-dialog",
+        {
+          "is-fullscreen": unref(i),
+          "is-scrollable": o.scrollable
+        },
+        o.class
+      ],
+      style: o.style,
+      "activator-props": l.value,
+      width: p.value,
+      onEnter: E,
+      onAfterEnter: S,
+      onBeforeLeave: g,
+      onLeave: B,
+      onAfterLeave: V
+    }), createSlots({
+      default: withCtx(() => [
+        unref(r).container ? renderSlot(F.$slots, "container", { key: 0 }) : (openBlock(), createBlock(_sfc_main$13, {
+          key: 1,
+          class: "ev-dialog--surface",
+          elevation: "overlay",
+          rounded: "small"
+        }, {
+          default: withCtx(() => [
+            o.hideHeader ? createCommentVNode("", !0) : (openBlock(), createBlock(_sfc_main$o, mergeProps({
+              key: 0,
+              modelValue: unref(a),
+              "onUpdate:modelValue": W[0] || (W[0] = (K) => isRef(a) ? a.value = K : null)
+            }, d.value, { onMousedown: w }), createSlots({ _: 2 }, [
+              unref(r).header ? {
+                name: "default",
+                fn: withCtx(() => [
+                  renderSlot(F.$slots, "header")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["modelValue"])),
+            createVNode(_sfc_main$t, normalizeProps(guardReactiveProps(f.value)), {
+              default: withCtx(() => [
+                renderSlot(F.$slots, "default")
+              ]),
+              _: 3
+            }, 16),
+            unref(r).footer ? (openBlock(), createBlock(EvDialogFooter, { key: 1 }, {
+              default: withCtx(() => [
+                renderSlot(F.$slots, "footer")
+              ]),
+              _: 3
+            })) : createCommentVNode("", !0)
+          ]),
+          _: 3
+        }))
+      ]),
+      _: 2
+    }, [
+      unref(r).activator ? {
+        name: "activator",
+        fn: withCtx(({ isActive: K, props: I }) => [
+          renderSlot(F.$slots, "activator", {
+            isActive: K,
+            props: I
+          })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["modelValue", "class", "style", "activator-props", "width"]));
+  }
+}), makeEvDrawerProps = propsFactory(
+  {
+    position: {
+      type: String,
+      default: "left"
+    },
+    ...omit(makeEvDialogProps(), ["position"])
+  },
+  "EvDrawer"
+), _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "EvDrawer",
+  props: {
+    ...makeEvDrawerProps()
+  },
+  setup(n, { expose: e }) {
+    const t = n, o = computed(() => omit(filterComponentProps(_sfc_main$n, t), ["position"])), r = useModelProxy(t, "modelValue"), s = ref(), a = computed(() => `is-position-${t.position}`), i = computed(() => `ev-drawer--transition-${t.position}`), c = computed(() => t.position === "top" || t.position === "bottom" ? "100%" : t.width ?? "medium");
+    function l() {
+      r.value = !1;
+    }
+    return provideDrawer(t.__instance), e({
+      close: l
+    }), (d, f) => (openBlock(), createBlock(unref(_sfc_main$n), mergeProps({
+      ref_key: "dialogRef",
       ref: s
     }, o.value, {
       modelValue: unref(r),
@@ -10319,10 +10797,10 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     ...makeComponentProps()
   },
   "EvFieldHelp"
-), _hoisted_1$d = { class: "ev-field-help--field" }, _hoisted_2$a = ["hidden"], _hoisted_3$a = /* @__PURE__ */ createElementVNode("div", { class: "ev-field-help--pointer" }, [
+), _hoisted_1$c = { class: "ev-field-help--field" }, _hoisted_2$9 = ["hidden"], _hoisted_3$9 = /* @__PURE__ */ createElementVNode("div", { class: "ev-field-help--pointer" }, [
   /* @__PURE__ */ createElementVNode("div", { class: "ev-field-help--pointer-circle" }),
   /* @__PURE__ */ createElementVNode("div", { class: "ev-field-help--pointer-line" })
-], -1), _sfc_main$o = /* @__PURE__ */ defineComponent({
+], -1), _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "EvFieldHelp",
   props: { ...makeEvFieldHelpProps() },
   setup(n) {
@@ -10342,16 +10820,16 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
       class: normalizeClass(["ev-field-help", { "is-visible": s.value }, unref(t).class]),
       style: normalizeStyle(unref(t).style)
     }, [
-      createElementVNode("div", _hoisted_1$d, [
+      createElementVNode("div", _hoisted_1$c, [
         renderSlot(a.$slots, "field")
       ]),
       createElementVNode("div", {
         class: "ev-field-help--content",
         hidden: !s.value
       }, [
-        _hoisted_3$a,
+        _hoisted_3$9,
         renderSlot(a.$slots, "help")
-      ], 8, _hoisted_2$a)
+      ], 8, _hoisted_2$9)
     ], 6));
   }
 }), makeEvFilterButtonProps = propsFactory(
@@ -10368,7 +10846,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     ...omit(makeEvButtonProps(), ["text", "value"])
   },
   "EvFilterButton"
-), _sfc_main$n = /* @__PURE__ */ defineComponent({
+), _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "EvFilterButton",
   props: {
     ...makeEvFilterButtonProps()
@@ -10401,7 +10879,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     ...makeFormProps()
   },
   "EvForm"
-), _sfc_main$m = /* @__PURE__ */ defineComponent({
+), _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "EvForm",
   props: {
     ...makeEvFormProps()
@@ -10442,7 +10920,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     ...makeComponentProps()
   },
   "EvFormHelp"
-), _sfc_main$l = /* @__PURE__ */ defineComponent({
+), _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "EvFormHelp",
   props: { ...makeEvFormHelpProps() },
   setup(n) {
@@ -10471,7 +10949,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     ...makeComponentProps()
   },
   "EvKbd"
-), _sfc_main$k = /* @__PURE__ */ defineComponent({
+), _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "EvKbd",
   props: {
     ...makeEvKbdProps()
@@ -10505,20 +10983,20 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc
     ...makeRouterLinkOrHrefProps()
   },
   "EvLink"
-), _hoisted_1$c = {
+), _hoisted_1$b = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   fill: "currentColor",
   viewBox: "0 0 24 24"
-}, _hoisted_2$9 = /* @__PURE__ */ createElementVNode("path", { d: "M14 5h3.657l-4.72 4.72 1.414 1.414L19 6.485V10h2V5a2 2 0 0 0-2-2h-5v2Z" }, null, -1), _hoisted_3$9 = /* @__PURE__ */ createElementVNode("path", { d: "M17 12v5H7V7h5V5H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-5h-2Z" }, null, -1), _hoisted_4$8 = [
-  _hoisted_2$9,
-  _hoisted_3$9
+}, _hoisted_2$8 = /* @__PURE__ */ createElementVNode("path", { d: "M14 5h3.657l-4.72 4.72 1.414 1.414L19 6.485V10h2V5a2 2 0 0 0-2-2h-5v2Z" }, null, -1), _hoisted_3$8 = /* @__PURE__ */ createElementVNode("path", { d: "M17 12v5H7V7h5V5H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-5h-2Z" }, null, -1), _hoisted_4$7 = [
+  _hoisted_2$8,
+  _hoisted_3$8
 ];
 function render(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_4$8);
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_4$7);
 }
-const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @__PURE__ */ defineComponent({
+const LinkExternalIcon = { render }, _hoisted_1$a = ["href"], _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "EvLink",
   props: { ...makeEvLinkProps() },
   setup(n) {
@@ -10550,7 +11028,7 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
         glyph: a.value,
         class: "ev-link--icon-end"
       }, null, 8, ["glyph"])) : createCommentVNode("", !0)
-    ], 14, _hoisted_1$b));
+    ], 14, _hoisted_1$a));
   }
 }), makeEvLozengeProps = propsFactory(
   {
@@ -10567,7 +11045,7 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
     })
   },
   "EvLozenge"
-), _hoisted_1$a = { class: "ev-lozenge--label" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
+), _hoisted_1$9 = { class: "ev-lozenge--label" }, _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "EvLozenge",
   props: {
     ...makeEvLozengeProps()
@@ -10584,7 +11062,7 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
           glyph: e.iconStart,
           size: "small"
         }, null, 8, ["glyph"])) : createCommentVNode("", !0),
-        createElementVNode("span", _hoisted_1$a, [
+        createElementVNode("span", _hoisted_1$9, [
           renderSlot(a.$slots, "default")
         ]),
         e.iconEnd ? (openBlock(), createBlock(unref(_sfc_main$1h), {
@@ -10621,22 +11099,22 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
     ...makeComponentProps()
   },
   "EvMessage"
-), _hoisted_1$9 = { class: "ev-message--icon" }, _hoisted_2$8 = { class: "ev-message--content" }, _hoisted_3$8 = {
+), _hoisted_1$8 = { class: "ev-message--icon" }, _hoisted_2$7 = { class: "ev-message--content" }, _hoisted_3$7 = {
   key: 0,
   class: "ev-message--expandable"
-}, _hoisted_4$7 = {
+}, _hoisted_4$6 = {
   key: 0,
   class: "ev-message--description"
-}, _hoisted_5$5 = ["innerHTML"], _hoisted_6$3 = {
+}, _hoisted_5$4 = ["innerHTML"], _hoisted_6$2 = {
   key: 2,
   class: "ev-message--actions"
-}, _hoisted_7$1 = {
+}, _hoisted_7 = {
   key: 0,
   class: "ev-message--expand"
-}, _hoisted_8$1 = {
+}, _hoisted_8 = {
   key: 0,
   class: "ev-message--dismiss"
-}, _sfc_main$h = /* @__PURE__ */ defineComponent({
+}, _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "EvMessage",
   props: {
     ...makeEvMessageProps()
@@ -10671,7 +11149,7 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
         const w = {
           appearance: t.variant === "bold" ? "inverse" : t.appearance,
           variant: "link",
-          size: "x-small"
+          size: "small"
         };
         k.push(Object.assign(w, C));
       }
@@ -10708,12 +11186,12 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
       ])
     }, {
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_1$9, [
+        createElementVNode("div", _hoisted_1$8, [
           renderSlot(k.$slots, "icon", {}, () => [
             createVNode(_sfc_main$1h, { glyph: l.value }, null, 8, ["glyph"])
           ])
         ]),
-        createElementVNode("div", _hoisted_2$8, [
+        createElementVNode("div", _hoisted_2$7, [
           createVNode(unref(_sfc_main$17), {
             class: "ev-message--title",
             size: "small",
@@ -10726,15 +11204,15 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
             onLeave: y
           }, {
             default: withCtx(() => [
-              d.value ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
-                unref(r) ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
+              d.value ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+                unref(r) ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
                   renderSlot(k.$slots, "default")
                 ])) : t.description ? (openBlock(), createElementBlock("div", {
                   key: 1,
                   class: "ev-message--description",
                   innerHTML: t.description
-                }, null, 8, _hoisted_5$5)) : createCommentVNode("", !0),
-                unref(s) || v.value.length ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+                }, null, 8, _hoisted_5$4)) : createCommentVNode("", !0),
+                unref(s) || v.value.length ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
                   renderSlot(k.$slots, "actions", {}, () => [
                     createVNode(unref(_sfc_main$1a), { items: v.value }, null, 8, ["items"])
                   ])
@@ -10744,7 +11222,7 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
             _: 3
           })
         ]),
-        t.expandable ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+        t.expandable ? (openBlock(), createElementBlock("div", _hoisted_7, [
           createVNode(_sfc_main$1b, {
             rounded: "",
             class: normalizeClass([{ "is-expanded": i.value }]),
@@ -10757,7 +11235,7 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
         ])) : createCommentVNode("", !0),
         createVNode(Transition, { name: "transition-fade" }, {
           default: withCtx(() => [
-            t.dismissible ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+            t.dismissible ? (openBlock(), createElementBlock("div", _hoisted_8, [
               createVNode(_sfc_main$1b, {
                 rounded: "",
                 "aria-label": unref(c)("dismiss"),
@@ -10791,7 +11269,7 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
     })
   },
   "EvNotification"
-), _sfc_main$g = /* @__PURE__ */ defineComponent({
+), _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "EvNotification",
   props: {
     ...makeEvNotificationProps()
@@ -10800,7 +11278,7 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
   setup(n, { emit: e }) {
     const t = n;
     useSlots();
-    const o = useModelProxy(t, "modelValue"), r = useModelProxy(t, "timeout"), s = computed(() => omit(filterComponentProps(_sfc_main$h, t), ["modelValue"]));
+    const o = useModelProxy(t, "modelValue"), r = useModelProxy(t, "timeout"), s = computed(() => omit(filterComponentProps(_sfc_main$e, t), ["modelValue"]));
     function a() {
       o.value = !1, e("dismiss");
     }
@@ -10827,7 +11305,7 @@ const LinkExternalIcon = { render }, _hoisted_1$b = ["href"], _sfc_main$j = /* @
       style: normalizeStyle([unref(i)])
     }, {
       default: withCtx(() => [
-        createVNode(unref(_sfc_main$h), mergeProps(s.value, { "onClick:dismiss": a }), {
+        createVNode(unref(_sfc_main$e), mergeProps(s.value, { "onClick:dismiss": a }), {
           icon: withCtx(() => [
             renderSlot(f.$slots, "icon")
           ]),
@@ -10909,7 +11387,7 @@ class EvNotificationsManager {
     this.notifications.value.splice(t, 1);
   }
 }
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "EvNotifications",
   setup(n) {
     const e = useTeleport(shallowRef(!1)), t = injectNotifications(), o = t.notifications, r = computed(() => getLastZIndex() ?? 2e3);
@@ -10923,7 +11401,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (i, c) => (openBlock(), createBlock(unref(_sfc_main$g), mergeProps({
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(o), (i, c) => (openBlock(), createBlock(unref(_sfc_main$d), mergeProps({
             key: i.id
           }, i.props, {
             dismissible: c === 0 ? i.props.dismissible : !1,
@@ -11230,7 +11708,7 @@ class NumberParser {
     );
   }
 }
-const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */ defineComponent({
+const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "EvNumberField",
   props: {
     ...makeEvNumberFieldProps()
@@ -11262,8 +11740,8 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
         useGrouping: !1,
         minimumFractionDigits: 0,
         maximumFractionDigits: 20
-      }, T = t.numberFormatter.formatter($).formatToParts(b).find((L) => L.type === "fraction");
-      return T ? T.value.length : 0;
+      }, D = t.numberFormatter.formatter($).formatToParts(b).find((L) => L.type === "fraction");
+      return D ? D.value.length : 0;
     }
     function m(b) {
       if (isEmpty(b))
@@ -11280,8 +11758,8 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
     }
     function k(b) {
       c.value === "-" && (c.value = "");
-      const $ = a.parseValue(c.value), T = m($);
-      c.value = a.formatValue(T), i.value = a.parseValue(c.value);
+      const $ = a.parseValue(c.value), D = m($);
+      c.value = a.formatValue(D), i.value = a.parseValue(c.value);
     }
     function C(b) {
       e.readonly || (c.value = isEmpty(i.value) ? "" : i.value.toString());
@@ -11307,25 +11785,25 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
       }
       if (b.key === "Enter") {
         b.preventDefault();
-        const H = a.parseValue(c.value), W = m(H);
-        i.value = W, nextTick(() => {
-          c.value = isEmpty(W) ? "" : W.toString();
+        const G = a.parseValue(c.value), F = m(G);
+        i.value = F, nextTick(() => {
+          c.value = isEmpty(F) ? "" : F.toString();
         });
         return;
       }
-      const T = b.key === "v" && b.ctrlKey;
-      !new RegExp("[0-9 +-/()*]").test(b.key) && !T && b.preventDefault();
+      const D = b.key === "v" && b.ctrlKey;
+      !new RegExp("[0-9 +-/()*]").test(b.key) && !D && b.preventDefault();
     }
     function E(b) {
-      (b.code === "ArrowUp" || b.code === "ArrowDown") && b.preventDefault(), V();
+      (b.code === "ArrowUp" || b.code === "ArrowDown") && b.preventDefault(), B();
     }
     function S(b) {
-      var T;
+      var D;
       b.preventDefault();
-      const $ = (T = b.clipboardData) == null ? void 0 : T.getData("Text");
+      const $ = (D = b.clipboardData) == null ? void 0 : D.getData("Text");
       if ($) {
-        const L = a.parseValue($), H = m(L);
-        c.value = isEmpty(H) ? "" : H.toString(), i.value = H;
+        const L = a.parseValue($), G = m(L);
+        c.value = isEmpty(G) ? "" : G.toString(), i.value = G;
       }
     }
     function g(b) {
@@ -11336,32 +11814,32 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
       isEmpty(i.value) ? $ = l.value ?? 0 : $ = m(
         i.value + b * f.value
       ), c.value = a.formatValue($);
-      const T = Date.now();
+      const D = Date.now();
       let L = f.value;
       p = setInterval(() => {
-        const W = (Date.now() - T) / 1e3;
-        if (W < incrementDelay)
+        const F = (Date.now() - D) / 1e3;
+        if (F < incrementDelay)
           return;
-        const K = Math.floor(Math.pow(2, W - 1));
-        L = f.value * K, $ = m(
+        const W = Math.floor(Math.pow(2, F - 1));
+        L = f.value * W, $ = m(
           $ + b * L
         ), c.value = a.formatValue($);
       }, incrementRate);
     }
-    function V() {
+    function B() {
       if (u) {
         clearInterval(p);
         const b = a.parseValue(c.value);
         i.value = m(b), u = !1;
       }
     }
-    const D = computed(() => e.showButtons || o.prefix || e.prefix), z = computed(() => e.showButtons || o.suffix || e.suffix);
+    const V = computed(() => e.showButtons || o.prefix || e.prefix), M = computed(() => e.showButtons || o.suffix || e.suffix);
     return (b, $) => (openBlock(), createBlock(unref(_sfc_main$L), mergeProps({
       ref_key: "evTextfieldRef",
       ref: r
     }, s.value, {
       modelValue: c.value,
-      "onUpdate:modelValue": $[10] || ($[10] = (T) => c.value = T),
+      "onUpdate:modelValue": $[10] || ($[10] = (D) => c.value = D),
       class: "ev-number-field",
       type: "text",
       onPaste: S,
@@ -11379,7 +11857,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
         ]),
         key: "0"
       } : void 0,
-      D.value ? {
+      V.value ? {
         name: "prefix",
         fn: withCtx(() => [
           e.showButtons ? (openBlock(), createBlock(unref(_sfc_main$1b), {
@@ -11390,11 +11868,11 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
             variant: "subtle",
             icon: unref(MinusIcon),
             disabled: e.readonly || e.disabled,
-            onKeydown: $[0] || ($[0] = withKeys((T) => g(-1), ["space", "enter"])),
-            onKeyup: $[1] || ($[1] = (T) => V()),
-            onMousedown: $[2] || ($[2] = (T) => g(-1)),
-            onMouseup: $[3] || ($[3] = (T) => V()),
-            onMouseleave: $[4] || ($[4] = (T) => V())
+            onKeydown: $[0] || ($[0] = withKeys((D) => g(-1), ["space", "enter"])),
+            onKeyup: $[1] || ($[1] = (D) => B()),
+            onMousedown: $[2] || ($[2] = (D) => g(-1)),
+            onMouseup: $[3] || ($[3] = (D) => B()),
+            onMouseleave: $[4] || ($[4] = (D) => B())
           }, null, 8, ["icon", "disabled"])) : createCommentVNode("", !0),
           renderSlot(b.$slots, "prefix", {}, () => [
             createTextVNode(toDisplayString(e.prefix), 1)
@@ -11402,7 +11880,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
         ]),
         key: "1"
       } : void 0,
-      z.value ? {
+      M.value ? {
         name: "suffix",
         fn: withCtx(() => [
           renderSlot(b.$slots, "suffix", {}, () => [
@@ -11416,18 +11894,18 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
             variant: "subtle",
             icon: unref(PlusIcon),
             disabled: e.readonly || e.disabled,
-            onKeydown: $[5] || ($[5] = withKeys((T) => g(1), ["space", "enter"])),
-            onKeyup: $[6] || ($[6] = (T) => V()),
-            onMousedown: $[7] || ($[7] = (T) => g(1)),
-            onMouseup: $[8] || ($[8] = (T) => V()),
-            onMouseleave: $[9] || ($[9] = (T) => V())
+            onKeydown: $[5] || ($[5] = withKeys((D) => g(1), ["space", "enter"])),
+            onKeyup: $[6] || ($[6] = (D) => B()),
+            onMousedown: $[7] || ($[7] = (D) => g(1)),
+            onMouseup: $[8] || ($[8] = (D) => B()),
+            onMouseleave: $[9] || ($[9] = (D) => B())
           }, null, 8, ["icon", "disabled"])) : createCommentVNode("", !0)
         ]),
         key: "2"
       } : void 0
     ]), 1040, ["modelValue"]));
   }
-}), _hoisted_1$8 = { class: "ev-quickfind--code" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$7 = { class: "ev-quickfind--code" }, _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "EvQuickfind",
   props: {
     modelValue: {},
@@ -11457,7 +11935,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
         glyph: unref(QuickfindIcon),
         size: o.value
       }, null, 8, ["glyph", "size"]),
-      createElementVNode("span", _hoisted_1$8, toDisplayString(unref(t)), 1)
+      createElementVNode("span", _hoisted_1$7, toDisplayString(unref(t)), 1)
     ], 2));
   }
 }), makeEvRadioProps = propsFactory(
@@ -11477,13 +11955,13 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
     ...makeComponentProps()
   },
   "EvRadioGroup"
-), _hoisted_1$7 = ["id"], _hoisted_2$7 = {
+), _hoisted_1$6 = ["id"], _hoisted_2$6 = {
   key: 0,
   class: "ev-radio-group--label"
-}, _hoisted_3$7 = { class: "ev-radio-group--control" }, _hoisted_4$6 = {
+}, _hoisted_3$6 = { class: "ev-radio-group--control" }, _hoisted_4$5 = {
   key: 1,
   class: "ev-radio-group-errors"
-}, _sfc_main$c = /* @__PURE__ */ defineComponent({
+}, _sfc_main$9 = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "EvRadioGroup",
   props: {
@@ -11503,7 +11981,7 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
       ]),
       style: normalizeStyle(e.style)
     }, [
-      e.label || e.hint || unref(t).label ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+      e.label || e.hint || unref(t).label ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
         createVNode(_sfc_main$11, {
           title: e.label,
           hint: e.hint
@@ -11514,23 +11992,23 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
           _: 3
         }, 8, ["title", "hint"])
       ])) : createCommentVNode("", !0),
-      createElementVNode("div", _hoisted_3$7, [
+      createElementVNode("div", _hoisted_3$6, [
         renderSlot(a.$slots, "default")
       ]),
-      unref(s).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
+      unref(s).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
         createVNode(_sfc_main$10, {
           messages: unref(s).errorMessages
         }, null, 8, ["messages"])
       ])) : createCommentVNode("", !0)
-    ], 14, _hoisted_1$7));
+    ], 14, _hoisted_1$6));
   }
-}), _hoisted_1$6 = { class: "ev-radio--control" }, _hoisted_2$6 = /* @__PURE__ */ createElementVNode("div", { class: "ev-radio--circles" }, [
+}), _hoisted_1$5 = { class: "ev-radio--control" }, _hoisted_2$5 = /* @__PURE__ */ createElementVNode("div", { class: "ev-radio--circles" }, [
   /* @__PURE__ */ createElementVNode("div", { class: "ev-radio--outer-circle" }),
   /* @__PURE__ */ createElementVNode("div", { class: "ev-radio--inner-circle" })
-], -1), _hoisted_3$6 = ["id", "name", "disabled", "value", "checked", "onKeyup"], _hoisted_4$5 = {
+], -1), _hoisted_3$5 = ["id", "name", "disabled", "value", "checked", "onKeyup"], _hoisted_4$4 = {
   key: 0,
   class: "ev-radio--label"
-}, _sfc_main$b = /* @__PURE__ */ defineComponent({
+}, _sfc_main$8 = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "EvRadio",
   props: {
@@ -11579,8 +12057,8 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
       ],
       style: t.style
     }, unref(c)), [
-      createElementVNode("div", _hoisted_1$6, [
-        _hoisted_2$6,
+      createElementVNode("div", _hoisted_1$5, [
+        _hoisted_2$5,
         createElementVNode("input", mergeProps({
           id: unref(d).id,
           ref_key: "inputRef",
@@ -11598,9 +12076,9 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$e = /* @__PURE__ */
           (...C) => unref(d).focus && unref(d).focus(...C)),
           onInput: v,
           onKeyup: withKeys(m, ["space"])
-        }), null, 16, _hoisted_3$6)
+        }), null, 16, _hoisted_3$5)
       ]),
-      t.label || unref(o).label ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+      t.label || unref(o).label ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
         createVNode(_sfc_main$11, {
           clickable: "",
           for: unref(d).id,
@@ -11790,7 +12268,7 @@ function useScrolling(n, e) {
     onListKeydown: a
   };
 }
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "EvVirtualScroll",
   props: {
     ...makeEvVirtualScrollProps()
@@ -11945,7 +12423,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     ...makeTagProps()
   },
   "EvTagGroup"
-), _sfc_main$9 = /* @__PURE__ */ defineComponent({
+), _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "EvTagGroup",
   props: {
     ...makeEvTagGroupProps()
@@ -11986,19 +12464,19 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       _: 3
     }, 16, ["class", "style"]));
   }
-}), _hoisted_1$5 = {
+}), _hoisted_1$4 = {
   key: "filter",
   class: "ev-tag--filter"
-}, _hoisted_2$5 = {
+}, _hoisted_2$4 = {
   key: "prefix",
   class: "ev-tag--prefix"
-}, _hoisted_3$5 = {
+}, _hoisted_3$4 = {
   class: "ev-tag--content",
   "data-no-activator": ""
-}, _hoisted_4$4 = {
+}, _hoisted_4$3 = {
   key: "suffix",
   class: "ev-tag--suffix"
-}, _hoisted_5$4 = ["aria-label"], _sfc_main$8 = /* @__PURE__ */ defineComponent({
+}, _hoisted_5$3 = ["aria-label"], _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "EvTag",
   props: {
     ...makeEvTagProps()
@@ -12015,15 +12493,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       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);
-    function v(D) {
-      var z;
-      e("click", D), f.value && ((z = a.navigate) == null || z.call(a, D), l == null || l.toggle());
+    function v(V) {
+      var M;
+      e("click", V), f.value && ((M = a.navigate) == null || M.call(a, V), l == null || l.toggle());
     }
-    function m(D) {
-      D.stopPropagation(), c.value = !1, e("click:close", D);
+    function m(V) {
+      V.stopPropagation(), c.value = !1, e("click:close", V);
     }
-    function _(D) {
-      d.value || !f.value || (D.preventDefault(), v(D));
+    function _(V) {
+      d.value || !f.value || (V.preventDefault(), v(V));
     }
     const y = computed(() => (r.filter || o.filter) && l), k = computed(() => ({
       isSelected: l == null ? void 0 : l.isSelected.value,
@@ -12034,12 +12512,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       toggle: l == null ? void 0 : l.toggle,
       value: l == null ? void 0 : l.value.value,
       disabled: o.disabled
-    })), C = computed(() => !!(o.avatarStart || o.iconStart)), w = computed(() => !!(o.avatarEnd || o.iconEnd)), E = computed(() => !!(C.value || r.prefix)), S = computed(() => !!(w.value || r.suffix)), { appearanceClass: g, variantClass: V } = useAppearance(
+    })), C = computed(() => !!(o.avatarStart || o.iconStart)), w = computed(() => !!(o.avatarEnd || o.iconEnd)), E = computed(() => !!(C.value || r.prefix)), S = computed(() => !!(w.value || r.suffix)), { appearanceClass: g, variantClass: B } = useAppearance(
       o,
       l,
       c
     );
-    return (D, z) => {
+    return (V, M) => {
       var b, $;
       return unref(c) ? (openBlock(), createBlock(resolveDynamicComponent(u.value), {
         key: 0,
@@ -12054,7 +12532,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           },
           ($ = unref(l)) == null ? void 0 : $.selectedClass.value,
           unref(g),
-          unref(V),
+          unref(B),
           unref(o).class
         ]),
         style: normalizeStyle([unref(o).style]),
@@ -12071,16 +12549,16 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           y.value ? (openBlock(), createBlock(unref(EvTransitionExpandX), { key: "filter" }, {
             default: withCtx(() => {
-              var T;
+              var D;
               return [
-                withDirectives(createElementVNode("div", _hoisted_1$5, [
+                withDirectives(createElementVNode("div", _hoisted_1$4, [
                   unref(r).filter ? (openBlock(), createBlock(unref(_sfc_main$X), {
                     key: "filter-defaults",
                     disabled: !unref(o).iconFilter,
                     defaults: { EvIcon: { glyph: unref(o).iconFilter } }
                   }, {
                     default: withCtx(() => [
-                      renderSlot(D.$slots, "filter")
+                      renderSlot(V.$slots, "filter")
                     ]),
                     _: 3
                   }, 8, ["disabled", "defaults"])) : (openBlock(), createBlock(unref(_sfc_main$1h), {
@@ -12088,13 +12566,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                     glyph: unref(o).iconFilter
                   }, null, 8, ["glyph"]))
                 ], 512), [
-                  [vShow, (T = unref(l)) == null ? void 0 : T.isSelected.value]
+                  [vShow, (D = unref(l)) == null ? void 0 : D.isSelected.value]
                 ])
               ];
             }),
             _: 3
           })) : createCommentVNode("", !0),
-          E.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+          E.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
             unref(r).prefix ? (openBlock(), createBlock(unref(_sfc_main$X), {
               key: "prefix-defaults",
               disabled: !C.value,
@@ -12104,7 +12582,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               }
             }, {
               default: withCtx(() => [
-                renderSlot(D.$slots, "prefix")
+                renderSlot(V.$slots, "prefix")
               ]),
               _: 3
             }, 8, ["disabled", "defaults"])) : (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -12118,12 +12596,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               }, null, 8, ["image"])) : createCommentVNode("", !0)
             ], 64))
           ])) : createCommentVNode("", !0),
-          createElementVNode("div", _hoisted_3$5, [
-            renderSlot(D.$slots, "default", normalizeProps(guardReactiveProps(k.value)), () => [
+          createElementVNode("div", _hoisted_3$4, [
+            renderSlot(V.$slots, "default", normalizeProps(guardReactiveProps(k.value)), () => [
               createTextVNode(toDisplayString(unref(o).text), 1)
             ])
           ]),
-          S.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
+          S.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
             unref(r).suffix ? (openBlock(), createBlock(unref(_sfc_main$X), {
               key: "suffix-defaults",
               disabled: !w.value,
@@ -12133,7 +12611,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               }
             }, {
               default: withCtx(() => [
-                renderSlot(D.$slots, "suffix")
+                renderSlot(V.$slots, "suffix")
               ]),
               _: 3
             }, 8, ["disabled", "defaults"])) : (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -12157,28 +12635,28 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               glyph: unref(CancelIcon),
               size: "small"
             }, null, 8, ["glyph"])
-          ], 8, _hoisted_5$4)) : createCommentVNode("", !0)
+          ], 8, _hoisted_5$3)) : createCommentVNode("", !0)
         ]),
         _: 3
       }, 40, ["class", "style", "disabled", "draggable", "href", "tabindex", "onKeydown"])) : createCommentVNode("", !0);
     };
   }
-}), _hoisted_1$4 = {
+}), _hoisted_1$3 = {
   key: 1,
   class: "ev-select--selected-text"
-}, _hoisted_2$4 = {
+}, _hoisted_2$3 = {
   key: 0,
   class: "ev-select--selected-comma"
-}, _hoisted_3$4 = {
+}, _hoisted_3$3 = {
   key: 0,
   class: "ev-select--placeholder"
-}, _hoisted_4$3 = {
+}, _hoisted_4$2 = {
   key: 0,
   class: "ev-select--list-prefix"
-}, _hoisted_5$3 = {
+}, _hoisted_5$2 = {
   key: 1,
   class: "ev-select--list-suffix"
-}, _sfc_main$7 = /* @__PURE__ */ defineComponent({
+}, _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "EvSelect",
   props: {
     ...makeEvSelectProps()
@@ -12193,8 +12671,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     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({
       get: () => p.value,
       set: (x) => {
-        var F;
-        p.value && !x && ((F = f.value) != null && F.openChildren) || (p.value = x);
+        var R;
+        p.value && !x && ((R = f.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,
@@ -12202,7 +12680,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       () => i.value || !c.value ? "" : w.value
     ), S = computed(() => t.hideSelected ? E.value.filter(
       (x) => !g.value.some(
-        (F) => F.value === x.value
+        (R) => R.value === x.value
       )
     ) : E.value), g = useModelProxy(
       t,
@@ -12210,224 +12688,224 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       [],
       (x) => k(x === null ? [null] : wrapInArray(x)),
       (x) => {
-        const F = C(x);
-        return t.multiple ? F : F[0] ?? null;
+        const R = C(x);
+        return t.multiple ? R : R[0] ?? null;
       }
-    ), V = computed(() => g.value.map((x) => y.value.find((F) => t.valueComparator(F.value, x.value)) || x)), D = shallowRef(-1), z = computed(() => V.value.map((x) => x.props.value)), b = new KeyLogger(), $ = computed(() => {
-      var F;
-      return (t.autoSelectFirst === !0 || t.autoSelectFirst === "exact" && w.value === ((F = S.value[0]) == null ? void 0 : F.title)) && S.value.length > 0 && !i.value && !l.value;
-    }), T = useForm(), { t: L } = useLocaleFunctions();
-    function H() {
+    ), B = computed(() => g.value.map((x) => y.value.find((R) => t.valueComparator(R.value, x.value)) || x)), V = shallowRef(-1), M = computed(() => B.value.map((x) => x.props.value)), b = new KeyLogger(), $ = computed(() => {
+      var R;
+      return (t.autoSelectFirst === !0 || t.autoSelectFirst === "exact" && w.value === ((R = S.value[0]) == null ? void 0 : R.title)) && S.value.length > 0 && !i.value && !l.value;
+    }), D = useForm(), { t: L } = useLocaleFunctions();
+    function G() {
       var x;
       a.value && (i.value = !0, (x = r.value) == null || x.focus());
     }
-    function W(x) {
+    function F(x) {
       setTimeout(() => {
         a.value = !0, l.value = !0;
       });
     }
-    function K(x) {
+    function W(x) {
       l.value = !1;
     }
-    function G(x) {
+    function K(x) {
       x.preventDefault();
     }
-    const { onListScroll: R, onListKeydown: A } = useScrolling(m, r);
-    function I(x) {
-      var F;
-      (F = m.value) != null && F.$el.contains(x.relatedTarget) || (u.value = !1), D.value = -1;
+    const { onListScroll: I, onListKeydown: O } = useScrolling(m, r);
+    function z(x) {
+      var R;
+      (R = m.value) != null && R.$el.contains(x.relatedTarget) || (u.value = !1), V.value = -1;
     }
-    function M(x) {
+    function A(x) {
       if (matchesSelector(r.value, ":autofill") || matchesSelector(r.value, ":-webkit-autofill")) {
-        const F = y.value.find(
-          (O) => O.title === x.target.value
+        const R = y.value.find(
+          (j) => j.title === x.target.value
         );
-        F && Y(F);
+        R && q(R);
       }
     }
-    function B(x) {
+    function T(x) {
       t.openOnClear && (u.value = !0), w.value = "";
     }
     function N(x) {
       w.value = x.target.value;
     }
-    function j(x) {
+    function U(x) {
       var ae, ie, le, ce, ue;
-      if (!x.key || isComposingIgnoreKey(x) || t.readonly || T != null && T.isReadonly.value)
+      if (!x.key || isComposingIgnoreKey(x) || t.readonly || D != null && D.isReadonly.value)
         return;
-      const F = ["Enter", "ArrowDown", "ArrowUp"], O = ["Enter", "ArrowDown"], U = ["Escape"];
-      if (c.value || (F.push(" ", "Home", "End"), O.push(" "), U.push("Tab")), (D.value > -1 || F.includes(x.key)) && x.preventDefault(), O.includes(x.key) && (u.value = !0), U.includes(x.key) && (u.value = !1), !c.value) {
-        te(x);
+      const R = ["Enter", "ArrowDown", "ArrowUp"], j = ["Enter", "ArrowDown"], X = ["Escape"];
+      if (c.value || (R.push(" ", "Home", "End"), j.push(" "), X.push("Tab")), (V.value > -1 || R.includes(x.key)) && x.preventDefault(), j.includes(x.key) && (u.value = !0), X.includes(x.key) && (u.value = !1), !c.value) {
+        Y(x);
         return;
       }
-      if (["Enter", "Tab"].includes(x.key) && ($.value ? Y(S.value[0]) : !t.multiple && t.behavior === "combobox" && Y(transformItem$1(t, w.value))), x.key === "ArrowDown" && $.value && ((ae = m.value) == null || ae.focus("next")), !t.multiple)
+      if (["Enter", "Tab"].includes(x.key) && ($.value ? q(S.value[0]) : !t.multiple && t.behavior === "combobox" && q(transformItem$1(t, w.value))), x.key === "ArrowDown" && $.value && ((ae = m.value) == null || ae.focus("next")), !t.multiple)
         return;
-      const q = r.value.selectionStart, Z = g.value.length;
+      const J = r.value.selectionStart, Q = g.value.length;
       if (["Backspace", "Delete"].includes(x.key)) {
-        if (D.value < 0) {
-          x.key === "Backspace" && !w.value && (D.value = Z - 1);
+        if (V.value < 0) {
+          x.key === "Backspace" && !w.value && (V.value = Q - 1);
           return;
         }
-        const J = D.value, re = g.value[D.value];
-        re && !re.props.disabled && Y(re, !1), D.value = J >= Z - 1 ? Z - 2 : J;
+        const ee = V.value, re = g.value[V.value];
+        re && !re.props.disabled && q(re, !1), V.value = ee >= Q - 1 ? Q - 2 : ee;
       }
       if (x.key === "ArrowLeft") {
-        if (D.value < 0 && q > 0)
+        if (V.value < 0 && J > 0)
           return;
-        const J = D.value > -1 ? D.value - 1 : Z - 1;
-        g.value[J] ? D.value = J : (D.value = -1, (ce = r.value) == null || ce.input.setSelectionRange(
+        const ee = V.value > -1 ? V.value - 1 : Q - 1;
+        g.value[ee] ? V.value = ee : (V.value = -1, (ce = r.value) == null || ce.input.setSelectionRange(
           (ie = w.value) == null ? void 0 : ie.length,
           (le = w.value) == null ? void 0 : le.length
         ));
       }
       if (x.key === "ArrowRight") {
-        if (D.value < 0)
+        if (V.value < 0)
           return;
-        const J = D.value + 1;
-        g.value[J] ? D.value = J : (D.value = -1, (ue = r.value) == null || ue.input.setSelectionRange(0, 0));
+        const ee = V.value + 1;
+        g.value[ee] ? V.value = ee : (V.value = -1, (ue = r.value) == null || ue.input.setSelectionRange(0, 0));
       }
-      t.behavior === "combobox" && (t.delimiters.includes(x.key) || x.key === "Enter") && w.value && (x.preventDefault(), Y(transformItem$1(t, w.value)), w.value = "");
+      t.behavior === "combobox" && (t.delimiters.includes(x.key) || x.key === "Enter") && w.value && (x.preventDefault(), q(transformItem$1(t, w.value)), w.value = "");
     }
-    function te(x) {
-      var O, U, q;
-      if (x.key === "Home" ? (O = m.value) == null || O.focus("first") : x.key === "End" && ((U = m.value) == null || U.focus("last")), t.multiple || !b.log(x))
+    function Y(x) {
+      var j, X, J;
+      if (x.key === "Home" ? (j = m.value) == null || j.focus("first") : x.key === "End" && ((X = m.value) == null || X.focus("last")), t.multiple || !b.log(x))
         return;
-      const F = y.value.findIndex(
-        (Z) => Z.title.toLowerCase().startsWith(b.value)
+      const R = y.value.findIndex(
+        (Q) => Q.title.toLowerCase().startsWith(b.value)
       );
-      if (F >= 0 && (g.value = [y.value[F]], u.value)) {
-        const Z = F > 0 ? F - 1 : 0;
-        (q = _.value) == null || q.scrollToIndex(Z);
+      if (R >= 0 && (g.value = [y.value[R]], u.value)) {
+        const Q = R > 0 ? R - 1 : 0;
+        (J = _.value) == null || J.scrollToIndex(Q);
       }
     }
-    function ne() {
+    function H() {
       v.value || (u.value = !u.value);
     }
-    function Y(x, F = !0) {
+    function q(x, R = !0) {
       if (!x.props.disabled) {
         if (t.multiple) {
-          const O = g.value.findIndex((q) => t.valueComparator(q.value, x.value)), U = F ?? !~O;
-          if (~O) {
-            const q = U ? [...g.value, x] : [...g.value];
-            q.splice(O, 1), g.value = q;
-          } else U && (g.value = [...g.value, x]);
+          const j = g.value.findIndex((J) => t.valueComparator(J.value, x.value)), X = R ?? !~j;
+          if (~j) {
+            const J = X ? [...g.value, x] : [...g.value];
+            J.splice(j, 1), g.value = J;
+          } else X && (g.value = [...g.value, x]);
           w.value = "";
         } else {
-          const O = F !== !1;
-          g.value = O ? [x] : [], w.value = x.title, nextTick(() => {
+          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;
           });
         }
-        D.value = -1;
+        V.value = -1;
       }
     }
-    const X = computed(() => c.value ? w.value : g.value.map((x) => x.props.value).join(", "));
+    const Z = computed(() => c.value ? w.value : g.value.map((x) => x.props.value).join(", "));
     function fe(x) {
       (x === null || x === "" && !t.multiple) && (g.value = []);
     }
-    function pe(x, F, O) {
+    function pe(x, R, j) {
       return mergeProps(x.props, {
-        ref: O,
-        key: F,
-        onClick: () => Y(x)
+        ref: j,
+        key: R,
+        onClick: () => q(x)
       });
     }
     function me(x) {
       return {
-        "onClick:close"(F) {
-          F.stopPropagation(), F.preventDefault(), Y(x, !1);
+        "onClick:close"(R) {
+          R.stopPropagation(), R.preventDefault(), q(x, !1);
         },
-        onKeydown(F) {
-          F.key !== "Enter" && F.key !== " " || (F.preventDefault(), F.stopPropagation(), Y(x, !1));
+        onKeydown(R) {
+          R.key !== "Enter" && R.key !== " " || (R.preventDefault(), R.stopPropagation(), q(x, !1));
         },
-        onMousedown(F) {
-          F.preventDefault(), F.stopPropagation();
+        onMousedown(R) {
+          R.preventDefault(), R.stopPropagation();
         }
       };
     }
-    watch(w, (x, F) => {
+    watch(w, (x, R) => {
       !a.value || d.value || (x && (u.value = !0), i.value = !x);
-    }), watch(a, (x, F) => {
-      x !== F && e("update:focused", x);
+    }), watch(a, (x, R) => {
+      x !== R && e("update:focused", x);
     }), watch(u, () => {
       if (t.hideSelected || !u.value || !g.value.length || !Browser.hasWindow)
         return;
-      const x = g.value[g.value.length - 1], F = S.value.findIndex(
-        (O) => O.value === x.value
+      const x = g.value[g.value.length - 1], R = S.value.findIndex(
+        (j) => j.value === x.value
       );
       window.requestAnimationFrame(() => {
-        var O;
-        F >= 0 && ((O = _.value) == null || O.scrollToIndex(F));
+        var j;
+        R >= 0 && ((j = _.value) == null || j.scrollToIndex(R));
       });
     });
     const ve = computed(() => g.externalValue), se = computed(
-      () => !V.value.length && !!o.placeholder
+      () => !B.value.length && !!o.placeholder
     );
-    return (x, F) => (openBlock(), createBlock(unref(_sfc_main$L), mergeProps({
+    return (x, R) => (openBlock(), createBlock(unref(_sfc_main$L), mergeProps({
       ref_key: "evTextfieldRef",
       ref: r
     }, s.value, {
       focused: a.value,
-      "onUpdate:focused": F[1] || (F[1] = (O) => a.value = O),
+      "onUpdate:focused": R[1] || (R[1] = (j) => a.value = j),
       class: [
         "ev-select",
         {
           "is-single": !t.multiple,
           "is-multiple": t.multiple,
           "is-searchable": c.value,
-          "is-selecting": D.value > -1,
+          "is-selecting": V.value > -1,
           "is-placeholder": se.value
         }
       ],
-      "model-value": X.value,
+      "model-value": Z.value,
       readonly: !c.value || t.readonly,
       placeholder: unref(g).length ? void 0 : t.placeholder,
       "validation-value": ve.value,
-      onBlur: I,
-      onChange: M,
-      "onClick:clear": B,
+      onBlur: z,
+      onChange: A,
+      "onClick:clear": T,
       onInput: N,
-      onKeydown: j,
-      "onMousedown:control": ne,
+      onKeydown: U,
+      "onMousedown:control": H,
       "onUpdate:modelValue": fe
     }), createSlots({
       default: withCtx(() => [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(V.value, (O, U) => (openBlock(), createElementBlock("div", {
-          key: O.key,
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(B.value, (j, X) => (openBlock(), createElementBlock("div", {
+          key: j.key,
           class: normalizeClass([
             "ev-select--selected",
             {
-              "is-selected": U === D.value
+              "is-selected": X === V.value
             }
           ])
         }, [
-          renderSlot(x.$slots, "selection", normalizeProps(guardReactiveProps({ item: O, index: U })), () => [
-            t.tags ? (openBlock(), createBlock(unref(_sfc_main$8), mergeProps({
+          renderSlot(x.$slots, "selection", normalizeProps(guardReactiveProps({ item: j, index: X })), () => [
+            t.tags ? (openBlock(), createBlock(unref(_sfc_main$5), mergeProps({
               key: 0,
               closable: t.multiple
-            }, me(O), {
-              text: O.title
-            }), null, 16, ["closable", "text"])) : (openBlock(), createElementBlock("span", _hoisted_1$4, [
-              createTextVNode(toDisplayString(O.title) + " ", 1),
-              t.multiple && U < V.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$4, ",")) : createCommentVNode("", !0)
+            }, me(j), {
+              text: j.title
+            }), null, 16, ["closable", "text"])) : (openBlock(), createElementBlock("span", _hoisted_1$3, [
+              createTextVNode(toDisplayString(j.title) + " ", 1),
+              t.multiple && X < B.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$3, ",")) : createCommentVNode("", !0)
             ]))
           ])
         ], 2))), 128)),
-        se.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+        se.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
           renderSlot(x.$slots, "placeholder")
         ])) : createCommentVNode("", !0),
         createVNode(unref(_sfc_main$Q), {
           ref_key: "evMenuRef",
           ref: f,
           modelValue: u.value,
-          "onUpdate:modelValue": F[0] || (F[0] = (O) => u.value = O),
+          "onUpdate:modelValue": R[0] || (R[0] = (j) => u.value = j),
           class: "ev-select--menu",
           "max-height": "310",
           disabled: v.value,
           activator: "parent",
           "close-on-content-click": !1,
           "open-on-click": !1,
-          onAfterLeave: H
+          onAfterLeave: G
         }, {
           default: withCtx(() => [
             createVNode(unref(_sfc_main$13), {
@@ -12435,21 +12913,21 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               scrollable: ""
             }, {
               default: withCtx(() => [
-                unref(o)["list-prefix"] ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+                unref(o)["list-prefix"] ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
                   renderSlot(x.$slots, "list-prefix")
                 ])) : createCommentVNode("", !0),
                 createVNode(unref(_sfc_main$T), {
                   ref_key: "evListRef",
                   ref: m,
                   class: "ev-select--list",
-                  selected: z.value,
+                  selected: M.value,
                   "select-strategy": t.multiple ? "multi-any" : "single-any",
                   tabindex: "-1",
-                  onFocusin: W,
-                  onFocusout: K,
-                  onKeydown: unref(A),
-                  onMousedown: G,
-                  onScrollPassive: unref(R)
+                  onFocusin: F,
+                  onFocusout: W,
+                  onKeydown: unref(O),
+                  onMousedown: K,
+                  onScrollPassive: unref(I)
                 }, {
                   default: withCtx(() => [
                     renderSlot(x.$slots, "items-prefix"),
@@ -12458,21 +12936,21 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                         title: unref(L)(t.itemsEmptyText)
                       }, null, 8, ["title"])
                     ]) : createCommentVNode("", !0),
-                    createVNode(unref(_sfc_main$a), {
+                    createVNode(unref(_sfc_main$7), {
                       ref_key: "evVirtualScrollRef",
                       ref: _,
                       renderless: "",
                       items: S.value
                     }, {
-                      default: withCtx(({ item: O, index: U, itemRef: q }) => [
+                      default: withCtx(({ item: j, index: X, itemRef: J }) => [
                         renderSlot(x.$slots, "item", normalizeProps(guardReactiveProps({
-                          item: O,
-                          index: U,
-                          props: pe(O, U, q)
+                          item: j,
+                          index: X,
+                          props: pe(j, X, J)
                         })), () => [
-                          (openBlock(), createBlock(unref(_sfc_main$V), mergeProps({ ref: q }, O.props, {
-                            key: U,
-                            onClick: (Z) => Y(O, null)
+                          (openBlock(), createBlock(unref(_sfc_main$V), mergeProps({ ref: J }, j.props, {
+                            key: X,
+                            onClick: (Q) => q(j, null)
                           }), null, 16, ["onClick"]))
                         ])
                       ]),
@@ -12482,7 +12960,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 3
                 }, 8, ["selected", "select-strategy", "onKeydown", "onScrollPassive"]),
-                unref(o)["list-suffix"] ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+                unref(o)["list-suffix"] ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
                   renderSlot(x.$slots, "list-suffix")
                 ])) : createCommentVNode("", !0)
               ]),
@@ -12524,13 +13002,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     ...makeEvCheckboxProps()
   },
   "EvSwitch"
-), _hoisted_1$3 = { class: "ev-switch--control" }, _hoisted_2$3 = /* @__PURE__ */ createElementVNode("div", { class: "ev-switch--track" }, null, -1), _hoisted_3$3 = /* @__PURE__ */ createElementVNode("div", { class: "ev-switch--thumb" }, null, -1), _hoisted_4$2 = ["id", "name", "disabled", "readonly", "checked", "value", "aria-disabled", "aria-checked"], _hoisted_5$2 = {
+), _hoisted_1$2 = { class: "ev-switch--control" }, _hoisted_2$2 = /* @__PURE__ */ createElementVNode("div", { class: "ev-switch--track" }, null, -1), _hoisted_3$2 = /* @__PURE__ */ createElementVNode("div", { class: "ev-switch--thumb" }, null, -1), _hoisted_4$1 = ["id", "name", "disabled", "readonly", "checked", "value", "aria-disabled", "aria-checked"], _hoisted_5$1 = {
   key: 0,
   class: "ev-switch--label"
-}, _hoisted_6$2 = {
+}, _hoisted_6$1 = {
   key: 0,
   class: "ev-switch--errors"
-}, _sfc_main$6 = /* @__PURE__ */ defineComponent({
+}, _sfc_main$3 = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "EvSwitch",
   props: {
@@ -12565,9 +13043,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       ]],
       style: t.style
     }, unref(i)), [
-      createElementVNode("div", _hoisted_1$3, [
-        _hoisted_2$3,
-        _hoisted_3$3,
+      createElementVNode("div", _hoisted_1$2, [
+        _hoisted_2$2,
+        _hoisted_3$2,
         createElementVNode("input", mergeProps({
           id: unref(l).id,
           ref_key: "inputRef",
@@ -12587,9 +13065,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           (..._) => unref(l).focus && unref(l).focus(..._)),
           onBlur: m[1] || (m[1] = //@ts-ignore
           (..._) => unref(l).blur && unref(l).blur(..._))
-        }), null, 16, _hoisted_4$2)
+        }), null, 16, _hoisted_4$1)
       ]),
-      t.label || t.hint || unref(o).label ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+      t.label || t.hint || unref(o).label ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
         createVNode(unref(_sfc_main$11), {
           clickable: "",
           for: unref(l).id,
@@ -12601,7 +13079,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["for", "title", "hint"]),
-        unref(l).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+        unref(l).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
           createVNode(unref(_sfc_main$10), {
             messages: unref(l).errorMessages
           }, null, 8, ["messages"])
@@ -12609,156 +13087,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       ])) : createCommentVNode("", !0)
     ], 16));
   }
-}), makeEvTabProps = propsFactory(
-  {
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    ...omit(
-      makeEvButtonProps({
-        variant: "subtle",
-        selectedClass: "is-selected",
-        selectedAppearance: "primary",
-        selectedVariant: "subtle"
-      }),
-      ["active", "symbol"]
-    )
-  },
-  "EvTab"
-), EvTabsSymbol = Symbol.for("ev:tabs"), makeEvTabsProps = propsFactory(
-  {
-    alignTabs: {
-      type: String,
-      default: "start"
-    },
-    grow: Boolean,
-    items: {
-      type: Array,
-      default: () => []
-    },
-    size: String,
-    ...makeEvSlideGroupProps({ mandatory: "force" }),
-    ...makeTagProps()
-  },
-  "EvTabs"
-), _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "EvTab",
-  props: {
-    ...makeEvTabProps()
-  },
-  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;
-      }
-    ), s = computed(() => o.direction === "horizontal"), a = computed(() => filterComponentProps(_sfc_main$1b, o)), i = ref(), c = ref();
-    function l({ value: d }) {
-      var $, T;
-      if (!d)
-        return;
-      const f = (T = ($ = i.value) == null ? void 0 : $.$el.parentElement) == null ? void 0 : T.querySelector(
-        ".ev-tab.is-active .ev-tab--slider"
-      ), p = c.value;
-      if (!f || !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", D = (Math.abs(S) + (Math.sign(S) < 0 ? v[C] : m[C])) / Math.max(v[C], m[C]) || 0, z = v[C] / m[C] || 0, b = 1.5;
-      animate(
-        p,
-        {
-          backgroundColor: [u, "currentcolor"],
-          transform: [
-            `translate${y}(${S}px) scale${y}(${z})`,
-            `translate${y}(${S / b}px) scale${y}(${(D - 1) / b + 1})`,
-            "none"
-          ],
-          transformOrigin: Array(3).fill(g)
-        },
-        {
-          duration: 225,
-          easing: easingStandard
-        }
-      );
-    }
-    return (d, f) => (openBlock(), createBlock(unref(_sfc_main$1b), mergeProps({
-      ref_key: "rootEl",
-      ref: i,
-      role: "tab",
-      class: ["ev-tab", unref(o).class],
-      active: void 0,
-      "aria-selected": String(r.value),
-      symbol: unref(EvTabsSymbol),
-      tabindex: r.value ? 0 : -1,
-      style: unref(o).style
-    }, a.value, { "onGroup:selected": l }), createSlots({
-      additional: withCtx(() => [
-        createElementVNode("div", {
-          ref_key: "sliderEl",
-          ref: c,
-          class: normalizeClass(["ev-tab--slider"])
-        }, null, 512)
-      ]),
-      _: 2
-    }, [
-      unref(o).text || unref(t).default ? {
-        name: "default",
-        fn: withCtx(() => [
-          renderSlot(d.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(unref(o).text), 1)
-          ])
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["class", "aria-selected", "symbol", "tabindex", "style"]));
-  }
-}), _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "EvTabs",
-  props: {
-    ...makeEvTabsProps()
-  },
-  setup(n) {
-    const e = n;
-    function t(i) {
-      return i ? i.map((c) => isObject(c) ? c : { text: c, value: c }) : [];
-    }
-    const o = useModelProxy(e, "modelValue"), r = computed(() => t(e.items));
-    provideDefaults({
-      EvTab: {
-        direction: toRef(e, "direction"),
-        size: toRef(e, "size"),
-        selectedAppearance: toRef(e, "selectedAppearance"),
-        selectedVariant: toRef(e, "selectedVariant")
-      }
-    });
-    const s = computed(
-      () => filterComponentProps(_sfc_main$O, e)
-    ), a = computed(() => `is-align-tabs-${e.alignTabs}`);
-    return (i, c) => (openBlock(), createBlock(unref(_sfc_main$O), mergeProps(s.value, {
-      modelValue: unref(o),
-      "onUpdate:modelValue": c[0] || (c[0] = (l) => isRef(o) ? o.value = l : null),
-      role: "tablist",
-      class: [
-        "ev-tabs",
-        a.value,
-        {
-          "is-grow": e.grow
-        },
-        e.class
-      ],
-      style: e.style,
-      symbol: unref(EvTabsSymbol)
-    }), {
-      default: withCtx(() => [
-        renderSlot(i.$slots, "default", {}, () => [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(r.value, (l) => (openBlock(), createBlock(unref(_sfc_main$5), mergeProps({
-            key: l.text
-          }, l), null, 16))), 128))
-        ])
-      ]),
-      _: 3
-    }, 16, ["modelValue", "class", "style", "symbol"]));
-  }
 }), makeEvTextareaProps = propsFactory(
   {
     autofocus: Boolean,
@@ -12777,19 +13105,19 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     ...makeComponentProps()
   },
   "EvTextarea"
-), _hoisted_1$2 = {
+), _hoisted_1$1 = {
   key: 0,
   class: "ev-textarea--label"
-}, _hoisted_2$2 = { class: "ev-textarea--input" }, _hoisted_3$2 = ["id", "name", "disabled", "readonly", "placeholder", "autofocus", "onKeyup"], _hoisted_4$1 = {
+}, _hoisted_2$1 = { class: "ev-textarea--input" }, _hoisted_3$1 = ["id", "name", "disabled", "readonly", "placeholder", "autofocus", "onKeyup"], _hoisted_4 = {
   key: 0,
   class: "ev-textarea--clearable"
-}, _hoisted_5$1 = {
+}, _hoisted_5 = {
   key: 0,
   class: "ev-textarea--loader"
-}, _hoisted_6$1 = {
+}, _hoisted_6 = {
   key: 1,
   class: "ev-textarea--errors"
-}, _sfc_main$3 = /* @__PURE__ */ defineComponent({
+}, _sfc_main$2 = /* @__PURE__ */ defineComponent({
   inheritAttrs: !1,
   __name: "EvTextarea",
   props: {
@@ -12808,17 +13136,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       return i.value;
     }
     function u(g) {
-      var V;
+      var B;
       g.stopPropagation(), nextTick(() => {
         d.value = null, t("click:clear", g);
-      }), (V = p()) == null || V.focus();
+      }), (B = p()) == null || B.focus();
     }
     function v(g) {
       g.preventDefault(), g.stopPropagation();
     }
     function m(g) {
-      var V;
-      d.focus(g), o.autoselect && ((V = p()) == null || V.select());
+      var B;
+      d.focus(g), o.autoselect && ((B = p()) == null || B.select());
     }
     function _(g) {
       m(), t("click:control", g);
@@ -12854,7 +13182,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         (g = p()) == null || g.focus();
       },
       ...d.expose()
-    }), (g, V) => (openBlock(), createElementBlock("div", mergeProps({
+    }), (g, B) => (openBlock(), createElementBlock("div", mergeProps({
       ref_key: "containerRef",
       ref: a,
       class: ["ev-textarea", [
@@ -12868,7 +13196,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       style: o.style,
       role: "textbox"
     }, unref(c)), [
-      o.label || o.hint || unref(r).label ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+      o.label || o.hint || unref(r).label ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
         createVNode(unref(_sfc_main$11), {
           for: unref(d).id,
           title: o.label,
@@ -12888,12 +13216,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         onClick: _,
         onMousedown: y
       }, [
-        createElementVNode("div", _hoisted_2$2, [
+        createElementVNode("div", _hoisted_2$1, [
           withDirectives(createElementVNode("textarea", mergeProps({
             id: unref(d).id,
             ref_key: "inputRef",
             ref: i,
-            "onUpdate:modelValue": V[0] || (V[0] = (D) => unref(d).value = D),
+            "onUpdate:modelValue": B[0] || (B[0] = (V) => unref(d).value = V),
             name: unref(d).name,
             disabled: unref(d).isDisabled,
             readonly: unref(d).isReadonly,
@@ -12901,21 +13229,21 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             autofocus: g.autofocus
           }, unref(l), {
             onFocus: m,
-            onBlur: V[1] || (V[1] = //@ts-ignore
-            (...D) => unref(d).blur && unref(d).blur(...D)),
+            onBlur: B[1] || (B[1] = //@ts-ignore
+            (...V) => unref(d).blur && unref(d).blur(...V)),
             onKeydown: k,
             onKeyup: [
               C,
               withKeys(w, ["enter"])
             ]
-          }), null, 16, _hoisted_3$2), [
+          }), null, 16, _hoisted_3$1), [
             [vModelText, unref(d).value],
             [unref(S)]
           ])
         ]),
         createVNode(Transition, { name: "slide-fade" }, {
           default: withCtx(() => [
-            f.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+            f.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
               createVNode(unref(_sfc_main$1h), {
                 glyph: unref(CancelIcon),
                 onClick: u,
@@ -12925,7 +13253,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        g.loading ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+        g.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [
           createVNode(unref(_sfc_main$M), {
             indeterminate: "",
             appearance: unref(d).isFocused ? unref(Appearance).notice : unref(Appearance).default,
@@ -12933,149 +13261,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           }, null, 8, ["appearance"])
         ])) : createCommentVNode("", !0)
       ], 34),
-      unref(d).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+      unref(d).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_6, [
         createVNode(unref(_sfc_main$10), {
           messages: unref(d).errorMessages
         }, null, 8, ["messages"])
       ])) : createCommentVNode("", !0)
     ], 16));
   }
-}), makeEvToolbarProps = propsFactory(
-  {
-    actions: Array,
-    icon: IconProp,
-    size: {
-      type: String,
-      default: "medium"
-    },
-    tab: {
-      type: null,
-      default: void 0
-    },
-    tabs: Array,
-    title: String,
-    ...makeComponentProps()
-  },
-  "EvToolbar"
-), _hoisted_1$1 = { class: "ev-toolbar--section-start" }, _hoisted_2$1 = {
-  key: 0,
-  class: "ev-toolbar--prefix"
-}, _hoisted_3$1 = {
-  key: 0,
-  class: "ev-toolbar--back"
-}, _hoisted_4 = {
-  key: 1,
-  class: "ev-toolbar--icon"
-}, _hoisted_5 = {
-  key: 2,
-  class: "ev-toolbar--title"
-}, _hoisted_6 = {
-  key: 1,
-  class: "ev-toolbar--start"
-}, _hoisted_7 = { class: "ev-toolbar--section-end" }, _hoisted_8 = {
-  key: 0,
-  class: "ev-toolbar--end"
-}, _hoisted_9 = { class: "ev-toolbar--actions" }, _hoisted_10 = {
-  key: 1,
-  class: "ev-toolbar--close"
-}, _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "EvToolbar",
-  props: {
-    ...makeEvToolbarProps()
-  },
-  emits: ["click:back", "click:close", "update:tab"],
-  setup(n, { emit: e }) {
-    const t = n, o = useSlots(), r = getCurrentInstance(), s = computed(() => {
-      var v;
-      return !!((v = r == null ? void 0 : r.vnode.props) != null && v["onClick:back"]);
-    }), a = computed(() => {
-      var v;
-      return !!((v = r == null ? void 0 : r.vnode.props) != null && v["onClick:close"]);
-    }), i = computed(() => s.value || t.icon || t.title);
-    function c(v) {
-      v.stopPropagation(), e("click:back", v);
-    }
-    function l(v) {
-      v.stopPropagation(), e("click:close", v);
-    }
-    const d = useModelProxy(t, "tab"), f = computed(() => sizeModifier(t.size)), p = computed(() => {
-      switch (t.size) {
-        case "large":
-          return "x-large";
-        case "small":
-          return "medium";
-        case "medium":
-        default:
-          return "large";
-      }
-    }), u = computed(() => {
-      switch (t.size) {
-        case "large":
-          return "medium";
-        case "small":
-          return "x-small";
-        case "medium":
-        default:
-          return "small";
-      }
-    });
-    return (v, m) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(["ev-toolbar", f.value, t.class]),
-      style: normalizeStyle(t.style)
-    }, [
-      createElementVNode("div", _hoisted_1$1, [
-        i.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-          s.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-            createVNode(unref(_sfc_main$1b), {
-              rounded: "",
-              size: "small",
-              variant: "subtle",
-              icon: unref(ArrowBackIcon),
-              onClick: c
-            }, null, 8, ["icon"])
-          ])) : createCommentVNode("", !0),
-          t.icon ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createVNode(unref(_sfc_main$1h), {
-              glyph: t.icon
-            }, null, 8, ["glyph"])
-          ])) : createCommentVNode("", !0),
-          t.title ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(t.title), 1)) : createCommentVNode("", !0)
-        ])) : createCommentVNode("", !0),
-        unref(o).start || t.tabs ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          renderSlot(v.$slots, "start", {}, () => [
-            createVNode(unref(_sfc_main$4), {
-              modelValue: unref(d),
-              "onUpdate:modelValue": m[0] || (m[0] = (_) => isRef(d) ? d.value = _ : null),
-              size: p.value,
-              items: t.tabs
-            }, null, 8, ["modelValue", "size", "items"])
-          ])
-        ])) : createCommentVNode("", !0)
-      ]),
-      createElementVNode("div", _hoisted_7, [
-        unref(o).end || t.actions ? (openBlock(), createElementBlock("div", _hoisted_8, [
-          renderSlot(v.$slots, "end", {}, () => [
-            createElementVNode("div", _hoisted_9, [
-              createVNode(unref(_sfc_main$1a), {
-                gap: "medium",
-                items: t.actions,
-                size: u.value
-              }, null, 8, ["items", "size"])
-            ])
-          ])
-        ])) : createCommentVNode("", !0),
-        a.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
-          createVNode(unref(_sfc_main$1b), {
-            rounded: "",
-            size: "small",
-            icon: unref(CancelIcon),
-            variant: "subtle",
-            onClick: l
-          }, null, 8, ["icon"])
-        ])) : createCommentVNode("", !0)
-      ])
-    ], 6));
-  }
 }), EvWindowSymbol = Symbol.for("ev:window"), EvWindowGroupSymbol = Symbol.for("ev:window-group"), makeEvWindowProps = propsFactory(
   {
     continuous: Boolean,
@@ -13517,15 +13709,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   EvDateField: _sfc_main$v,
   EvDatePicker: _sfc_main$w,
   EvDefaultsProvider: _sfc_main$X,
-  EvDialog: _sfc_main$q,
+  EvDialog: _sfc_main$n,
   EvDivider: _sfc_main$W,
-  EvDrawer: _sfc_main$p,
+  EvDrawer: _sfc_main$m,
   EvErrors: _sfc_main$10,
   EvEyebrow: _sfc_main$15,
-  EvFieldHelp: _sfc_main$o,
-  EvFilterButton: _sfc_main$n,
-  EvForm: _sfc_main$m,
-  EvFormHelp: _sfc_main$l,
+  EvFieldHelp: _sfc_main$l,
+  EvFilterButton: _sfc_main$k,
+  EvForm: _sfc_main$j,
+  EvFormHelp: _sfc_main$i,
   EvHeading: _sfc_main$17,
   EvHeadingClass,
   EvHeadingSize,
@@ -13533,51 +13725,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   EvIcon: _sfc_main$1h,
   EvImg: _sfc_main$1f,
   EvInfiniteScroll: _sfc_main$F,
-  EvKbd: _sfc_main$k,
+  EvKbd: _sfc_main$h,
   EvLabel: _sfc_main$11,
   EvLayout: _sfc_main$z,
-  EvLink: _sfc_main$j,
+  EvLink: _sfc_main$g,
   EvList: _sfc_main$T,
   EvListItem: _sfc_main$V,
-  EvLozenge: _sfc_main$i,
+  EvLozenge: _sfc_main$f,
   EvMenu: _sfc_main$Q,
   EvMenuTransition: _sfc_main$S,
-  EvMessage: _sfc_main$h,
-  EvNotification: _sfc_main$g,
-  EvNotifications: _sfc_main$f,
+  EvMessage: _sfc_main$e,
+  EvNotification: _sfc_main$d,
+  EvNotifications: _sfc_main$c,
   EvNotificationsManager,
-  EvNumberField: _sfc_main$e,
+  EvNumberField: _sfc_main$b,
   EvOverlay: _sfc_main$R,
   EvProgress: _sfc_main$M,
   EvProgressCircular: _sfc_main$1c,
-  EvQuickfind: _sfc_main$d,
-  EvRadio: _sfc_main$b,
-  EvRadioGroup: _sfc_main$c,
+  EvQuickfind: _sfc_main$a,
+  EvRadio: _sfc_main$8,
+  EvRadioGroup: _sfc_main$9,
   EvRadioGroupSymbol,
   EvResponsive: _sfc_main$1g,
   EvSection: _sfc_main$P,
-  EvSelect: _sfc_main$7,
+  EvSelect: _sfc_main$4,
   EvSlideGroup: _sfc_main$O,
   EvSlideGroupItem: _sfc_main$N,
   EvSlideGroupSymbol,
   EvSpacer: _sfc_main$x,
   EvSurface: _sfc_main$13,
-  EvSwitch: _sfc_main$6,
-  EvTab: _sfc_main$5,
-  EvTabs: _sfc_main$4,
+  EvSwitch: _sfc_main$3,
+  EvTab: _sfc_main$r,
+  EvTabs: _sfc_main$q,
   EvTabsSymbol,
-  EvTag: _sfc_main$8,
-  EvTagGroup: _sfc_main$9,
+  EvTag: _sfc_main$5,
+  EvTagGroup: _sfc_main$6,
   EvTagGroupSymbol,
   EvText: _sfc_main$16,
   EvTextSize,
   EvTextSizeClass,
-  EvTextarea: _sfc_main$3,
+  EvTextarea: _sfc_main$2,
   EvTextfield: _sfc_main$L,
-  EvToolbar: _sfc_main$2,
+  EvToolbar: _sfc_main$p,
   EvTooltip: _sfc_main$K,
   EvTransition,
-  EvVirtualScroll: _sfc_main$a,
+  EvVirtualScroll: _sfc_main$7,
   EvWindow: _sfc_main$1,
   EvWindowGroupSymbol,
   EvWindowItem: _sfc_main,
@@ -13767,7 +13959,7 @@ class EvDialogRenderer {
       return;
     this.createContainer();
     const e = h(
-      _sfc_main$q,
+      _sfc_main$n,
       this.createProps(),
       this.createSlots()
     );
@@ -13900,7 +14092,7 @@ class EvDrawerRenderer {
       return;
     this.createContainer();
     const e = h(
-      _sfc_main$p,
+      _sfc_main$m,
       this.createProps(),
       this.createSlots()
     );
@@ -13999,17 +14191,17 @@ export {
   _sfc_main$v as EvDateField,
   _sfc_main$w as EvDatePicker,
   _sfc_main$X as EvDefaultsProvider,
-  _sfc_main$q as EvDialog,
+  _sfc_main$n as EvDialog,
   dialog as EvDialogService,
   _sfc_main$W as EvDivider,
-  _sfc_main$p as EvDrawer,
+  _sfc_main$m as EvDrawer,
   drawer as EvDrawerService,
   _sfc_main$10 as EvErrors,
   _sfc_main$15 as EvEyebrow,
-  _sfc_main$o as EvFieldHelp,
-  _sfc_main$n as EvFilterButton,
-  _sfc_main$m as EvForm,
-  _sfc_main$l as EvFormHelp,
+  _sfc_main$l as EvFieldHelp,
+  _sfc_main$k as EvFilterButton,
+  _sfc_main$j as EvForm,
+  _sfc_main$i as EvFormHelp,
   _sfc_main$17 as EvHeading,
   EvHeadingClass,
   EvHeadingSize,
@@ -14017,52 +14209,52 @@ export {
   _sfc_main$1h as EvIcon,
   _sfc_main$1f as EvImg,
   _sfc_main$F as EvInfiniteScroll,
-  _sfc_main$k as EvKbd,
+  _sfc_main$h as EvKbd,
   _sfc_main$11 as EvLabel,
   _sfc_main$z as EvLayout,
-  _sfc_main$j as EvLink,
+  _sfc_main$g as EvLink,
   _sfc_main$T as EvList,
   _sfc_main$V as EvListItem,
-  _sfc_main$i as EvLozenge,
+  _sfc_main$f as EvLozenge,
   _sfc_main$Q as EvMenu,
   _sfc_main$S as EvMenuTransition,
-  _sfc_main$h as EvMessage,
-  _sfc_main$g as EvNotification,
+  _sfc_main$e as EvMessage,
+  _sfc_main$d as EvNotification,
   notification as EvNotificationService,
-  _sfc_main$f as EvNotifications,
+  _sfc_main$c as EvNotifications,
   EvNotificationsManager,
-  _sfc_main$e as EvNumberField,
+  _sfc_main$b as EvNumberField,
   _sfc_main$R as EvOverlay,
   _sfc_main$M as EvProgress,
   _sfc_main$1c as EvProgressCircular,
-  _sfc_main$d as EvQuickfind,
-  _sfc_main$b as EvRadio,
-  _sfc_main$c as EvRadioGroup,
+  _sfc_main$a as EvQuickfind,
+  _sfc_main$8 as EvRadio,
+  _sfc_main$9 as EvRadioGroup,
   EvRadioGroupSymbol,
   _sfc_main$1g as EvResponsive,
   _sfc_main$P as EvSection,
-  _sfc_main$7 as EvSelect,
+  _sfc_main$4 as EvSelect,
   _sfc_main$O as EvSlideGroup,
   _sfc_main$N as EvSlideGroupItem,
   EvSlideGroupSymbol,
   _sfc_main$x as EvSpacer,
   _sfc_main$13 as EvSurface,
-  _sfc_main$6 as EvSwitch,
-  _sfc_main$5 as EvTab,
-  _sfc_main$4 as EvTabs,
+  _sfc_main$3 as EvSwitch,
+  _sfc_main$r as EvTab,
+  _sfc_main$q as EvTabs,
   EvTabsSymbol,
-  _sfc_main$8 as EvTag,
-  _sfc_main$9 as EvTagGroup,
+  _sfc_main$5 as EvTag,
+  _sfc_main$6 as EvTagGroup,
   EvTagGroupSymbol,
   _sfc_main$16 as EvText,
   EvTextSize,
   EvTextSizeClass,
-  _sfc_main$3 as EvTextarea,
+  _sfc_main$2 as EvTextarea,
   _sfc_main$L as EvTextfield,
-  _sfc_main$2 as EvToolbar,
+  _sfc_main$p as EvToolbar,
   _sfc_main$K as EvTooltip,
   EvTransition,
-  _sfc_main$a as EvVirtualScroll,
+  _sfc_main$7 as EvVirtualScroll,
   _sfc_main$1 as EvWindow,
   EvWindowGroupSymbol,
   _sfc_main as EvWindowItem,
@@ -14117,12 +14309,15 @@ export {
   getFocusableChildren,
   getNestedPropertyValue,
   getNextId,
+  getOuterHeight,
+  getOuterWidth,
   getPropertyDescriptor,
   getPropertyValue,
   getPropertyValueByPath,
   getScrollParent,
   getScrollParents,
   getTargetRect,
+  getViewport,
   hasEventListener,
   hasScrollbar,
   injectDialog,