@evance/evance-ui 1.0.33 → 1.0.36

package/dist/evance-ui.mjs

@@ -1,8 +1,8 @@
 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.33 | MIT License */
+var $ = (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, createElementBlock, openBlock, createElementVNode, defineComponent, onMounted, normalizeClass, 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.36 | MIT License */
 class Anchor {
   constructor(e, t) {
     this.side = e, this.alignment = t;
@@ -476,7 +476,7 @@ const ne = class ne {
     return this.hasWindow && ("ontouchstart" in window || window.navigator.maxTouchPoints > 0);
   }
 };
-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)")));
+$(ne, "hasWindow", typeof window < "u"), $(ne, "supportsIntersection", ne.hasWindow && "IntersectionObserver" in window), $(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;
@@ -663,6 +663,15 @@ function getPropertyValueByPath(n, e, t) {
   const o = objectPathToPropertyKeys(e);
   return getNestedPropertyValue(n, o, t);
 }
+function setPropertyValueByPath(n, e, t) {
+  if (n == null || !e)
+    return;
+  const o = objectPathToPropertyKeys(e);
+  let r = n;
+  for (; o.length > 1; )
+    r = r[o.shift()];
+  r[o[0]] = t;
+}
 function getNestedPropertyValue(n, e, t) {
   let o = n;
   for (const r of e) {
@@ -673,10 +682,7 @@ function getNestedPropertyValue(n, e, t) {
   return o === void 0 ? t : o;
 }
 function objectPathToPropertyKeys(n) {
-  const e = /^([\da-z_-]+)(?:[\/.]([\da-z_-]+)|\[(\d+)\])*$/i;
-  if (!n.match(e))
-    throw new Error(`Evance UI: Invalid Object Path '${n}'.`);
-  return n = n.replace("]", "").replace("[", ".").replace("/", "."), n.split(".");
+  return n.split(/[.\[\]\/]+/).filter(Boolean);
 }
 function refElement(n) {
   return n && "$el" in n ? n.$el : n;
@@ -784,9 +790,9 @@ function isFixedPosition(n) {
 }
 class KeyLogger {
   constructor() {
-    P(this, "lastTime", 0);
-    P(this, "timeToKeep", 1e3);
-    P(this, "value", "");
+    $(this, "lastTime", 0);
+    $(this, "timeToKeep", 1e3);
+    $(this, "value", "");
   }
   /**
    * ## Log
@@ -953,8 +959,8 @@ const te = class te {
    * @param options
    */
   constructor(e) {
-    P(this, "locale");
-    P(this, "formats");
+    $(this, "locale");
+    $(this, "formats");
     this.locale = e.locale, this.formats = e.formats;
   }
   /**
@@ -1250,7 +1256,7 @@ const te = class te {
     return e;
   }
 };
-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", {
+$(te, "PATTERN_ISO", /([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))/), $(te, "firstDayOfWeek", {
   "001": 1,
   AD: 1,
   AE: 6,
@@ -1401,7 +1407,7 @@ P(te, "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(te, "formatOptions", {
+}), $(te, "formatOptions", {
   fullDateWithWeekday: {
     weekday: "long",
     day: "numeric",
@@ -1870,8 +1876,8 @@ class LanguagePack {
 class Translator extends Localized {
   constructor() {
     super(...arguments);
-    P(this, "languagePacks", []);
-    P(this, "translatables", /* @__PURE__ */ new Map());
+    $(this, "languagePacks", []);
+    $(this, "translatables", /* @__PURE__ */ new Map());
   }
   /**
    * ## Add Language Pack
@@ -2004,8 +2010,8 @@ class LocaleManager extends Localized {
   constructor(t) {
     const o = shallowRef((t == null ? void 0 : t.locale) ?? "en-GB"), r = shallowRef("en-GB");
     super(r, o);
-    P(this, "numberFormatter");
-    P(this, "translator");
+    $(this, "numberFormatter");
+    $(this, "translator");
     this.numberFormatter = new NumberFormatter(
       this.defaultLocale,
       this.currentLocale
@@ -2050,122 +2056,7 @@ function useRtl() {
     rtlClasses: e
   };
 }
-const makeComponentProps = propsFactory(
-  {
-    class: [String, Array],
-    style: {
-      type: [String, Array, Object],
-      default: null
-    }
-  },
-  "component"
-), makeTagProps = propsFactory(
-  {
-    tag: {
-      type: String,
-      default: "div"
-    }
-  },
-  "tag"
-), EvDialogServiceSymbol = Symbol.for("ev:dialog-service"), EvDialogInstanceSymbol = Symbol.for("ev:dialog-instance");
-function useDialog() {
-  const n = inject(EvDialogServiceSymbol);
-  if (!n)
-    throw new Error("Evance UI: Unable to find injected dialog service");
-  return n;
-}
-function injectDialog() {
-  return inject(EvDialogInstanceSymbol);
-}
-function provideDialog(n) {
-  provide(EvDialogInstanceSymbol, n);
-}
-const EvDrawerServiceSymbol = Symbol.for("ev:drawer-service"), EvDrawerInstanceSymbol = Symbol.for("ev:drawer-instance");
-function useDrawer() {
-  const n = inject(EvDrawerServiceSymbol);
-  if (!n)
-    throw new Error("Evance UI: Unable to find injected drawer service");
-  return n;
-}
-function injectDrawer() {
-  return inject(EvDrawerInstanceSymbol);
-}
-function provideDrawer(n) {
-  provide(EvDrawerInstanceSymbol, n);
-}
-const EvNotificationServiceSymbol = Symbol.for("ev:notification-service");
-function injectNotifications() {
-  const n = inject(EvNotificationServiceSymbol);
-  if (!n)
-    throw new Error(
-      "Evance UI: Unable to find inject notification service."
-    );
-  return n;
-}
-function useNotification() {
-  const n = injectNotifications();
-  return {
-    add: (e, t) => n.add(e, t),
-    dismiss: (e) => n.dismiss(e)
-  };
-}
-const ThemeSymbol = Symbol.for("ev:theme"), makeThemeProps = propsFactory(
-  {
-    theme: String
-  },
-  "theme"
-), defaultThemeOptions = {
-  defaultTheme: "system"
-};
-function parseThemeOptions(n = defaultThemeOptions) {
-  return n ? mergeDeep(defaultThemeOptions, n) : defaultThemeOptions;
-}
-function createTheme(n) {
-  const e = parseThemeOptions(n), t = ref(e.defaultTheme), o = computed(() => `ev-theme-${t.value}`);
-  return {
-    name: t,
-    themeClasses: o
-  };
-}
-function provideTheme(n) {
-  getCurrentComponent("provideTheme");
-  const e = inject(ThemeSymbol, null);
-  if (!e)
-    throw new Error("Unable to find theme provider.");
-  const t = computed(() => n.theme ?? e.name.value), o = computed(() => `ev-theme-${t.value}`), r = {
-    name: t,
-    themeClasses: o
-  };
-  return provide(ThemeSymbol, r), r;
-}
-const makeEvAppProps = propsFactory(
-  {
-    themeScope: {
-      type: String,
-      default: "body"
-    },
-    ...makeComponentProps(),
-    ...makeThemeProps()
-  },
-  "EvApp"
-), _hoisted_1$X = { class: "ev-application--container" }, _sfc_main$1j = /* @__PURE__ */ defineComponent({
-  __name: "EvApp",
-  props: { ...makeEvAppProps() },
-  setup(n) {
-    const e = n, { themeClasses: t } = provideTheme(e), o = computed(() => e.themeScope === "app" ? t.value : void 0), r = computed(() => e.themeScope === "body" ? t.value : void 0);
-    return watch(r, (s, a) => {
-      a && document.body.classList.remove(a), s && document.body.classList.add(s);
-    }), onMounted(() => {
-      r.value && document.body.classList.add(r.value);
-    }), (s, a) => (openBlock(), createElementBlock("div", {
-      class: normalizeClass(["ev-application", o.value, e.class])
-    }, [
-      createElementVNode("div", _hoisted_1$X, [
-        renderSlot(s.$slots, "default")
-      ])
-    ], 2));
-  }
-}), _hoisted_1$W = {
+const _hoisted_1$X = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2174,9 +2065,9 @@ const makeEvAppProps = propsFactory(
   _hoisted_2$N
 ];
 function render$m(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$W, _hoisted_3$J);
+  return openBlock(), createElementBlock("svg", _hoisted_1$X, _hoisted_3$J);
 }
-const ArrowBackIcon = { render: render$m }, _hoisted_1$V = {
+const ArrowBackIcon = { render: render$m }, _hoisted_1$W = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2185,9 +2076,9 @@ const ArrowBackIcon = { render: render$m }, _hoisted_1$V = {
   _hoisted_2$M
 ];
 function render$l(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$V, _hoisted_3$I);
+  return openBlock(), createElementBlock("svg", _hoisted_1$W, _hoisted_3$I);
 }
-const ArrowContinueIcon = { render: render$l }, _hoisted_1$U = {
+const ArrowContinueIcon = { render: render$l }, _hoisted_1$V = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2196,9 +2087,9 @@ const ArrowContinueIcon = { render: render$l }, _hoisted_1$U = {
   _hoisted_2$L
 ];
 function render$k(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$U, _hoisted_3$H);
+  return openBlock(), createElementBlock("svg", _hoisted_1$V, _hoisted_3$H);
 }
-const ArrowDownIcon = { render: render$k }, _hoisted_1$T = {
+const ArrowDownIcon = { render: render$k }, _hoisted_1$U = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2207,9 +2098,9 @@ const ArrowDownIcon = { render: render$k }, _hoisted_1$T = {
   _hoisted_2$K
 ];
 function render$j(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$T, _hoisted_3$G);
+  return openBlock(), createElementBlock("svg", _hoisted_1$U, _hoisted_3$G);
 }
-const ArrowUpIcon = { render: render$j }, _hoisted_1$S = {
+const ArrowUpIcon = { render: render$j }, _hoisted_1$T = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2219,9 +2110,9 @@ const ArrowUpIcon = { render: render$j }, _hoisted_1$S = {
   _hoisted_3$F
 ];
 function render$i(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$S, _hoisted_4$l);
+  return openBlock(), createElementBlock("svg", _hoisted_1$T, _hoisted_4$l);
 }
-const CalendarIcon = { render: render$i }, _hoisted_1$R = {
+const CalendarIcon = { render: render$i }, _hoisted_1$S = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2230,9 +2121,9 @@ const CalendarIcon = { render: render$i }, _hoisted_1$R = {
   _hoisted_2$I
 ];
 function render$h(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$R, _hoisted_3$E);
+  return openBlock(), createElementBlock("svg", _hoisted_1$S, _hoisted_3$E);
 }
-const CancelIcon = { render: render$h }, _hoisted_1$Q = {
+const CancelIcon = { render: render$h }, _hoisted_1$R = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2245,9 +2136,9 @@ const CancelIcon = { render: render$h }, _hoisted_1$Q = {
   _hoisted_2$H
 ];
 function render$g(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$Q, _hoisted_3$D);
+  return openBlock(), createElementBlock("svg", _hoisted_1$R, _hoisted_3$D);
 }
-const CheckCircleIcon = { render: render$g }, _hoisted_1$P = {
+const CheckCircleIcon = { render: render$g }, _hoisted_1$Q = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2256,9 +2147,9 @@ const CheckCircleIcon = { render: render$g }, _hoisted_1$P = {
   _hoisted_2$G
 ];
 function render$f(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$P, _hoisted_3$C);
+  return openBlock(), createElementBlock("svg", _hoisted_1$Q, _hoisted_3$C);
 }
-const CheckIcon = { render: render$f }, _hoisted_1$O = {
+const CheckIcon = { render: render$f }, _hoisted_1$P = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2267,9 +2158,9 @@ const CheckIcon = { render: render$f }, _hoisted_1$O = {
   _hoisted_2$F
 ];
 function render$e(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$O, _hoisted_3$B);
+  return openBlock(), createElementBlock("svg", _hoisted_1$P, _hoisted_3$B);
 }
-const ChevronDownIcon = { render: render$e }, _hoisted_1$N = {
+const ChevronDownIcon = { render: render$e }, _hoisted_1$O = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2278,9 +2169,9 @@ const ChevronDownIcon = { render: render$e }, _hoisted_1$N = {
   _hoisted_2$E
 ];
 function render$d(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$N, _hoisted_3$A);
+  return openBlock(), createElementBlock("svg", _hoisted_1$O, _hoisted_3$A);
 }
-const ChevronLeftIcon = { render: render$d }, _hoisted_1$M = {
+const ChevronLeftIcon = { render: render$d }, _hoisted_1$N = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2289,9 +2180,9 @@ const ChevronLeftIcon = { render: render$d }, _hoisted_1$M = {
   _hoisted_2$D
 ];
 function render$c(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$M, _hoisted_3$z);
+  return openBlock(), createElementBlock("svg", _hoisted_1$N, _hoisted_3$z);
 }
-const ChevronRightIcon = { render: render$c }, _hoisted_1$L = {
+const ChevronRightIcon = { render: render$c }, _hoisted_1$M = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2300,9 +2191,9 @@ const ChevronRightIcon = { render: render$c }, _hoisted_1$L = {
   _hoisted_2$C
 ];
 function render$b(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$L, _hoisted_3$y);
+  return openBlock(), createElementBlock("svg", _hoisted_1$M, _hoisted_3$y);
 }
-const ChevronUpIcon = { render: render$b }, _hoisted_1$K = {
+const ChevronUpIcon = { render: render$b }, _hoisted_1$L = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2315,9 +2206,9 @@ const ChevronUpIcon = { render: render$b }, _hoisted_1$K = {
   _hoisted_2$B
 ];
 function render$a(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_3$x);
+  return openBlock(), createElementBlock("svg", _hoisted_1$L, _hoisted_3$x);
 }
-const DangerIcon = { render: render$a }, _hoisted_1$J = {
+const DangerIcon = { render: render$a }, _hoisted_1$K = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2330,9 +2221,9 @@ const DangerIcon = { render: render$a }, _hoisted_1$J = {
   _hoisted_2$A
 ];
 function render$9(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$J, _hoisted_3$w);
+  return openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_3$w);
 }
-const FilterIcon = { render: render$9 }, _hoisted_1$I = {
+const FilterIcon = { render: render$9 }, _hoisted_1$J = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2341,9 +2232,9 @@ const FilterIcon = { render: render$9 }, _hoisted_1$I = {
   _hoisted_2$z
 ];
 function render$8(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$I, _hoisted_3$v);
+  return openBlock(), createElementBlock("svg", _hoisted_1$J, _hoisted_3$v);
 }
-const HelpIcon = { render: render$8 }, _hoisted_1$H = {
+const HelpIcon = { render: render$8 }, _hoisted_1$I = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2352,9 +2243,9 @@ const HelpIcon = { render: render$8 }, _hoisted_1$H = {
   _hoisted_2$y
 ];
 function render$7(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$u);
+  return openBlock(), createElementBlock("svg", _hoisted_1$I, _hoisted_3$u);
 }
-const InfoIcon = { render: render$7 }, _hoisted_1$G = {
+const InfoIcon = { render: render$7 }, _hoisted_1$H = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2363,9 +2254,9 @@ const InfoIcon = { render: render$7 }, _hoisted_1$G = {
   _hoisted_2$x
 ];
 function render$6(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$G, _hoisted_3$t);
+  return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$t);
 }
-const MinusIcon = { render: render$6 }, _hoisted_1$F = {
+const MinusIcon = { render: render$6 }, _hoisted_1$G = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2374,9 +2265,9 @@ const MinusIcon = { render: render$6 }, _hoisted_1$F = {
   _hoisted_2$w
 ];
 function render$5(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$F, _hoisted_3$s);
+  return openBlock(), createElementBlock("svg", _hoisted_1$G, _hoisted_3$s);
 }
-const NoteIcon = { render: render$5 }, _hoisted_1$E = {
+const NoteIcon = { render: render$5 }, _hoisted_1$F = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2385,9 +2276,9 @@ const NoteIcon = { render: render$5 }, _hoisted_1$E = {
   _hoisted_2$v
 ];
 function render$4(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$r);
+  return openBlock(), createElementBlock("svg", _hoisted_1$F, _hoisted_3$r);
 }
-const PlusIcon = { render: render$4 }, _hoisted_1$D = {
+const PlusIcon = { render: render$4 }, _hoisted_1$E = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2400,9 +2291,9 @@ const PlusIcon = { render: render$4 }, _hoisted_1$D = {
   _hoisted_2$u
 ];
 function render$3(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$q);
 }
-const QuickfindIcon = { render: render$3 }, _hoisted_1$C = {
+const QuickfindIcon = { render: render$3 }, _hoisted_1$D = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2415,9 +2306,9 @@ const QuickfindIcon = { render: render$3 }, _hoisted_1$C = {
   _hoisted_2$t
 ];
 function render$2(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$p);
+  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$p);
 }
-const SearchIcon = { render: render$2 }, _hoisted_1$B = {
+const SearchIcon = { render: render$2 }, _hoisted_1$C = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
@@ -2430,7 +2321,7 @@ const SearchIcon = { render: render$2 }, _hoisted_1$B = {
   _hoisted_2$s
 ];
 function render$1(n, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_3$o);
+  return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$o);
 }
 const WarningIcon = { render: render$1 }, IconProp = [
   String,
@@ -2453,7 +2344,143 @@ function appearanceIcon(n) {
   }
   return HelpIcon;
 }
-const Size = {
+const makeComponentProps = propsFactory(
+  {
+    class: [String, Array],
+    style: {
+      type: [String, Array, Object],
+      default: null
+    }
+  },
+  "component"
+), makeDimensionsProps = propsFactory(
+  {
+    height: [Number, String],
+    maxHeight: [Number, String],
+    maxWidth: [Number, String],
+    minHeight: [Number, String],
+    minWidth: [Number, String],
+    width: [Number, String]
+  },
+  "dimensions"
+);
+function useDimensions(n) {
+  return computed(() => ({
+    height: toWebUnit(n.height),
+    maxHeight: toWebUnit(n.maxHeight),
+    maxWidth: toWebUnit(n.maxWidth),
+    minHeight: toWebUnit(n.minHeight),
+    minWidth: toWebUnit(n.minWidth),
+    width: toWebUnit(n.width)
+  }));
+}
+const makeTagProps = propsFactory(
+  {
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  "tag"
+), EvDialogServiceSymbol = Symbol.for("ev:dialog-service"), EvDialogInstanceSymbol = Symbol.for("ev:dialog-instance");
+function useDialog() {
+  const n = inject(EvDialogServiceSymbol);
+  if (!n)
+    throw new Error("Evance UI: Unable to find injected dialog service");
+  return n;
+}
+function injectDialog() {
+  return inject(EvDialogInstanceSymbol);
+}
+function provideDialog(n) {
+  provide(EvDialogInstanceSymbol, n);
+}
+const EvDrawerServiceSymbol = Symbol.for("ev:drawer-service"), EvDrawerInstanceSymbol = Symbol.for("ev:drawer-instance");
+function useDrawer() {
+  const n = inject(EvDrawerServiceSymbol);
+  if (!n)
+    throw new Error("Evance UI: Unable to find injected drawer service");
+  return n;
+}
+function injectDrawer() {
+  return inject(EvDrawerInstanceSymbol);
+}
+function provideDrawer(n) {
+  provide(EvDrawerInstanceSymbol, n);
+}
+const EvNotificationServiceSymbol = Symbol.for("ev:notification-service");
+function injectNotifications() {
+  const n = inject(EvNotificationServiceSymbol);
+  if (!n)
+    throw new Error(
+      "Evance UI: Unable to find inject notification service."
+    );
+  return n;
+}
+function useNotification() {
+  const n = injectNotifications();
+  return {
+    add: (e, t) => n.add(e, t),
+    dismiss: (e) => n.dismiss(e)
+  };
+}
+const ThemeSymbol = Symbol.for("ev:theme"), makeThemeProps = propsFactory(
+  {
+    theme: String
+  },
+  "theme"
+), defaultThemeOptions = {
+  defaultTheme: "system"
+};
+function parseThemeOptions(n = defaultThemeOptions) {
+  return n ? mergeDeep(defaultThemeOptions, n) : defaultThemeOptions;
+}
+function createTheme(n) {
+  const e = parseThemeOptions(n), t = ref(e.defaultTheme), o = computed(() => `ev-theme-${t.value}`);
+  return {
+    name: t,
+    themeClasses: o
+  };
+}
+function provideTheme(n) {
+  getCurrentComponent("provideTheme");
+  const e = inject(ThemeSymbol, null);
+  if (!e)
+    throw new Error("Unable to find theme provider.");
+  const t = computed(() => n.theme ?? e.name.value), o = computed(() => `ev-theme-${t.value}`), r = {
+    name: t,
+    themeClasses: o
+  };
+  return provide(ThemeSymbol, r), r;
+}
+const makeEvAppProps = propsFactory(
+  {
+    themeScope: {
+      type: String,
+      default: "body"
+    },
+    ...makeComponentProps(),
+    ...makeThemeProps()
+  },
+  "EvApp"
+), _hoisted_1$B = { class: "ev-application--container" }, _sfc_main$1j = /* @__PURE__ */ defineComponent({
+  __name: "EvApp",
+  props: { ...makeEvAppProps() },
+  setup(n) {
+    const e = n, { themeClasses: t } = provideTheme(e), o = computed(() => e.themeScope === "app" ? t.value : void 0), r = computed(() => e.themeScope === "body" ? t.value : void 0);
+    return watch(r, (s, a) => {
+      a && document.body.classList.remove(a), s && document.body.classList.add(s);
+    }), onMounted(() => {
+      r.value && document.body.classList.add(r.value);
+    }), (s, a) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["ev-application", o.value, e.class])
+    }, [
+      createElementVNode("div", _hoisted_1$B, [
+        renderSlot(s.$slots, "default")
+      ])
+    ], 2));
+  }
+}), Size = {
   default: "medium",
   xSmall: "x-small",
   small: "small",
@@ -2550,27 +2577,7 @@ const makeEvIconProps = propsFactory(
       (openBlock(), createBlock(resolveDynamicComponent(s.value)))
     ], 2));
   }
-}), makeDimensionsProps = propsFactory(
-  {
-    height: [Number, String],
-    maxHeight: [Number, String],
-    maxWidth: [Number, String],
-    minHeight: [Number, String],
-    minWidth: [Number, String],
-    width: [Number, String]
-  },
-  "dimensions"
-);
-function useDimensions(n) {
-  return computed(() => ({
-    height: toWebUnit(n.height),
-    maxHeight: toWebUnit(n.maxHeight),
-    maxWidth: toWebUnit(n.maxWidth),
-    minHeight: toWebUnit(n.minHeight),
-    minWidth: toWebUnit(n.minWidth),
-    width: toWebUnit(n.width)
-  }));
-}
+});
 function useAspectStyles(n) {
   return {
     aspectStyles: computed(() => n.aspectRatio ? {
@@ -2714,14 +2721,14 @@ const EvTransition = (n, { slots: e }) => {
     function g(_) {
       if (!(t.eager && _) && !(Browser.supportsIntersection && !_ && !t.eager)) {
         if (a.value = "loading", d.value.lazySrc) {
-          const B = new Image();
-          B.src = d.value.lazySrc, k(B, null);
+          const C = new Image();
+          C.src = d.value.lazySrc, k(C, null);
         }
         d.value.src && nextTick(() => {
-          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) {
+          var C;
+          e("loadstart", ((C = s.value) == null ? void 0 : C.currentSrc) || d.value.src), setTimeout(() => {
+            var x;
+            if ((x = s.value) != null && x.complete) {
               if (s.value.naturalWidth || p(), a.value === "error")
                 return;
               f.value || k(s.value, null), a.value === "loading" && y();
@@ -2740,18 +2747,18 @@ const EvTransition = (n, { slots: e }) => {
       u(), k(s.value), a.value = "loaded", e("load", ((_ = s.value) == null ? void 0 : _.currentSrc) || d.value.src);
     }
     let v = -1;
-    function k(_, B = 100) {
-      const V = () => {
+    function k(_, C = 100) {
+      const x = () => {
         if (clearTimeout(v), !_)
           return;
-        if (!(_ != null && _.complete) && a.value === "loading" && B != null) {
-          v = window.setTimeout(V, B);
+        if (!(_ != null && _.complete) && a.value === "loading" && C != null) {
+          v = window.setTimeout(x, C);
           return;
         }
-        const { naturalHeight: L, naturalWidth: E } = _;
-        L || E ? (i.value = E, l.value = L) : (_.currentSrc.endsWith(".svg") || _.currentSrc.startsWith("data:image/svg+xml")) && (i.value = 1, l.value = 1);
+        const { naturalHeight: M, naturalWidth: S } = _;
+        M || S ? (i.value = S, l.value = M) : (_.currentSrc.endsWith(".svg") || _.currentSrc.startsWith("data:image/svg+xml")) && (i.value = 1, l.value = 1);
       };
-      V();
+      x();
     }
     if (watch(
       () => t.src,
@@ -2760,33 +2767,33 @@ const EvTransition = (n, { slots: e }) => {
           g(!0);
         }));
       }
-    ), watch(f, (_, B) => {
-      !_ && B && s.value && k(s.value);
+    ), watch(f, (_, C) => {
+      !_ && C && s.value && k(s.value);
     }), onBeforeMount(() => g()), Browser.hasWindow) {
-      const _ = ref(window.innerWidth), B = () => {
+      const _ = ref(window.innerWidth), C = () => {
         _.value = window.innerWidth;
       };
       onMounted(() => {
-        window.addEventListener("resize", B), B();
+        window.addEventListener("resize", C), C();
       }), onBeforeUnmount(() => {
-        window.removeEventListener("resize", B);
-      }), watch(_, (V, L) => {
-        V != L && u();
+        window.removeEventListener("resize", C);
+      }), watch(_, (x, M) => {
+        x != M && u();
       });
     }
     const w = shallowRef(!1);
     {
-      const _ = watch(f, (B) => {
-        B && (requestAnimationFrame(() => {
+      const _ = watch(f, (C) => {
+        C && (requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             w.value = !0;
           });
         }), _());
       });
     }
-    const C = computed(() => a.value === "loaded"), b = computed(
+    const P = computed(() => a.value === "loaded"), E = computed(
       () => filterComponentProps(_sfc_main$1h, t)
-    ), S = computed(() => ({
+    ), b = computed(() => ({
       src: d.value.src,
       srcset: d.value.srcset,
       alt: t.alt,
@@ -2795,8 +2802,8 @@ const EvTransition = (n, { slots: e }) => {
       draggable: t.draggable,
       sizes: t.sizes
     }));
-    return (_, B) => {
-      const V = resolveDirective("intersect");
+    return (_, C) => {
+      const x = resolveDirective("intersect");
       return withDirectives((openBlock(), createBlock(unref(_sfc_main$1h), mergeProps({
         class: [
           "ev-img",
@@ -2813,7 +2820,7 @@ const EvTransition = (n, { slots: e }) => {
           },
           t.style
         ]
-      }, b.value, {
+      }, E.value, {
         "aria-label": t.alt,
         "aspect-ratio": f.value,
         role: t.alt ? "img" : void 0
@@ -2832,23 +2839,23 @@ const EvTransition = (n, { slots: e }) => {
                   ref: s,
                   class: ["ev-img--img", m.value],
                   style: { objectPosition: t.position }
-                }, S.value, {
+                }, b.value, {
                   onLoad: y,
                   onError: p
                 }), null, 16)
               ], 512)), [
-                [vShow, C.value]
+                [vShow, P.value]
               ]) : withDirectives((openBlock(), createElementBlock("img", mergeProps({
                 key: 1,
                 ref_key: "image",
                 ref: s,
                 class: ["ev-img--img", m.value],
                 style: { objectPosition: t.position }
-              }, S.value, {
+              }, b.value, {
                 onLoad: y,
                 onError: p
               }), null, 16)), [
-                [vShow, C.value]
+                [vShow, P.value]
               ])
             ]),
             _: 3
@@ -2910,7 +2917,7 @@ const EvTransition = (n, { slots: e }) => {
         _: 3
       }, 16, ["class", "style", "aria-label", "aspect-ratio", "role"])), [
         [
-          V,
+          x,
           {
             handler: g,
             options: t.options
@@ -3553,14 +3560,14 @@ const _hoisted_1$x = {
   emits: ["group:selected"],
   setup(n, { expose: e }) {
     const o = useDefaults(n), r = useAttrs(), s = useSlots(), a = useGroupItem(o, o.symbol, !1), i = useRouterLinkOrHref(o, r), l = computed(() => {
-      var b;
-      return o.active !== void 0 ? o.active : i.isLink.value ? (b = i.isActive) == null ? void 0 : b.value : a == null ? void 0 : a.isSelected.value;
+      var E;
+      return o.active !== void 0 ? o.active : i.isLink.value ? (E = i.isActive) == null ? void 0 : E.value : a == null ? void 0 : a.isSelected.value;
     }), c = computed(() => (a == null ? void 0 : a.disabled.value) || o.disabled), d = computed(() => !c.value && !o.loading), f = computed(() => ([o.icon, o.iconStart, o.iconEnd].filter(
-      (S) => !!S
+      (b) => !!b
     ).length === 1 && !s.default && !o.text || o.icon === !0) && !o.fullWidth), m = computed(() => i.isLink.value), u = computed(() => m.value ? "a" : "button");
-    function g(b) {
-      var S;
-      c.value || m.value && (b.metaKey || b.ctrlKey || b.shiftKey || b.button !== 0 || r.target === "_blank") || ((S = i.navigate) == null || S.call(i, b), a == null || a.toggle());
+    function g(E) {
+      var b;
+      c.value || m.value && (E.metaKey || E.ctrlKey || E.shiftKey || E.button !== 0 || r.target === "_blank") || ((b = i.navigate) == null || b.call(i, E), a == null || a.toggle());
     }
     useSelectLink(i, a == null ? void 0 : a.select);
     const { appearanceClass: p, variantClass: y } = useAppearance(
@@ -3575,8 +3582,8 @@ const _hoisted_1$x = {
     e({
       group: a
     });
-    const k = computed(() => a != null && a.isSelected.value ? o.selectedIcon ?? o.icon : o.icon), w = computed(() => a != null && a.isSelected.value ? o.selectedIconStart ?? o.iconStart : o.iconStart), C = computed(() => a != null && a.isSelected.value ? o.selectedIconEnd ?? o.iconEnd : o.iconEnd);
-    return (b, S) => {
+    const k = computed(() => a != null && a.isSelected.value ? o.selectedIcon ?? o.icon : o.icon), w = computed(() => a != null && a.isSelected.value ? o.selectedIconStart ?? o.iconStart : o.iconStart), P = computed(() => a != null && a.isSelected.value ? o.selectedIconEnd ?? o.iconEnd : o.iconEnd);
+    return (E, b) => {
       var _;
       return openBlock(), createBlock(resolveDynamicComponent(u.value), {
         href: unref(i).href.value,
@@ -3605,35 +3612,35 @@ const _hoisted_1$x = {
       }, {
         default: withCtx(() => [
           w.value || unref(s)["icon-start"] ? (openBlock(), createElementBlock("span", _hoisted_1$x, [
-            renderSlot(b.$slots, "icon-start", {}, () => [
+            renderSlot(E.$slots, "icon-start", {}, () => [
               createVNode(unref(_sfc_main$1i), { glyph: w.value }, null, 8, ["glyph"])
             ])
           ])) : createCommentVNode("", !0),
           unref(s).prefix ? (openBlock(), createElementBlock("span", _hoisted_2$p, [
-            renderSlot(b.$slots, "prefix")
+            renderSlot(E.$slots, "prefix")
           ])) : createCommentVNode("", !0),
           (k.value || unref(s).icon) && !unref(isBoolean)(k.value) ? (openBlock(), createElementBlock("span", _hoisted_3$l, [
-            renderSlot(b.$slots, "icon", {}, () => [
+            renderSlot(E.$slots, "icon", {}, () => [
               createVNode(unref(_sfc_main$1i), { glyph: k.value }, null, 8, ["glyph"])
             ])
           ])) : createCommentVNode("", !0),
           unref(o).text || unref(s).default ? (openBlock(), createElementBlock("span", _hoisted_4$i, [
-            renderSlot(b.$slots, "default", {}, () => [
+            renderSlot(E.$slots, "default", {}, () => [
               createTextVNode(toDisplayString(unref(o).text), 1)
             ])
           ])) : createCommentVNode("", !0),
           unref(s).suffix ? (openBlock(), createElementBlock("span", _hoisted_5$d, [
-            renderSlot(b.$slots, "suffix")
+            renderSlot(E.$slots, "suffix")
           ])) : createCommentVNode("", !0),
-          C.value || unref(s)["icon-end"] ? (openBlock(), createElementBlock("span", _hoisted_6$9, [
-            renderSlot(b.$slots, "icon-end", {}, () => [
-              createVNode(unref(_sfc_main$1i), { glyph: C.value }, null, 8, ["glyph"])
+          P.value || unref(s)["icon-end"] ? (openBlock(), createElementBlock("span", _hoisted_6$9, [
+            renderSlot(E.$slots, "icon-end", {}, () => [
+              createVNode(unref(_sfc_main$1i), { glyph: P.value }, null, 8, ["glyph"])
             ])
           ])) : createCommentVNode("", !0),
           unref(o).loading ? (openBlock(), createElementBlock("span", _hoisted_7$5, [
             createVNode(unref(_sfc_main$1d), { indeterminate: "" })
           ])) : createCommentVNode("", !0),
-          renderSlot(b.$slots, "additional")
+          renderSlot(E.$slots, "additional")
         ]),
         _: 3
       }, 8, ["href", "class", "style", "disabled", "value"]);
@@ -4206,15 +4213,32 @@ function useAutofocus(n) {
   };
 }
 class Form {
-  constructor(e, t, o, r) {
-    P(this, "errors", ref([]));
-    P(this, "fields", []);
-    P(this, "isDisabled");
-    P(this, "isReadonly");
-    P(this, "isValid");
-    P(this, "isValidating", shallowRef(!1));
-    P(this, "validateOn");
-    this.isDisabled = t ?? shallowRef(!1), this.isReadonly = o ?? shallowRef(!1), this.isValid = e ?? shallowRef(null), this.validateOn = r ?? shallowRef("input");
+  constructor(e) {
+    $(this, "fields", []);
+    $(this, "valid");
+    $(this, "validating", shallowRef(!1));
+    $(this, "errors", ref([]));
+    $(this, "data");
+    $(this, "validateOn");
+    this.props = e, this.data = useModelProxy(this.props, "data"), this.valid = useModelProxy(this.props, "modelValue"), this.validateOn = toRef(e, "validateOn");
+  }
+  get isDisabled() {
+    return this.props.disabled;
+  }
+  get isReadonly() {
+    return this.props.readonly;
+  }
+  get isValid() {
+    return this.valid.value;
+  }
+  get isValidating() {
+    return this.validating.value;
+  }
+  addErrors(e) {
+    e.forEach(({ name: t, message: o }) => {
+      var r;
+      (r = this.getField(t)) == null || r.addError(o);
+    }), this.valid.value = !1, this.errors.value.push(...e);
   }
   /**
    * ## Add Field
@@ -4223,22 +4247,12 @@ class Form {
   addField(e) {
     this.hasField(e.id) && consoleWarn(`Duplicate form field with name "${e.id}"`), this.fields.push(e);
   }
-  /**
-   * ## Expose
-   */
-  expose() {
-    return {
-      reset: this.reset.bind(this),
-      resetValidation: this.resetValidation.bind(this),
-      validate: this.validate.bind(this)
-    };
-  }
   /**
    * ## Get Field
-   * @param id
+   * @param name
    */
   getField(e) {
-    return this.fields.find((t) => t.id === e);
+    return this.fields.find((t) => t.name === e);
   }
   /**
    * ## Has Field
@@ -4261,20 +4275,20 @@ class Form {
    * ## Reset
    */
   reset() {
-    this.fields.forEach((e) => e.reset());
+    this.fields.forEach((e) => e.reset()), this.valid.value = null, this.errors.value = [];
   }
   /**
    * ## Reset Validation
    */
   resetValidation() {
-    this.fields.forEach((e) => e.resetValidation());
+    this.fields.forEach((e) => e.resetValidation()), this.valid.value = null, this.errors.value = [];
   }
   /**
    * ## Validate
    */
   async validate() {
     let e = !0;
-    this.errors.value = [], this.isValidating.value = !0;
+    this.errors.value = [], this.validating.value = !0;
     const t = [];
     for (const o of this.fields) {
       const r = await o.validate();
@@ -4284,14 +4298,18 @@ class Form {
           message: s
         });
     }
-    return this.errors.value = t, this.isValidating.value = !1, {
+    return this.errors.value = t, this.validating.value = !1, this.valid.value = e, {
       valid: e,
-      errors: toRaw(this.errors.value)
+      errors: [...toRaw(this.errors.value)],
+      addErrors: (o) => {
+        this.addErrors(o);
+      }
     };
   }
 }
 const FormKey = Symbol.for("ev:form"), makeFormProps = propsFactory(
   {
+    data: Object,
     disabled: Boolean,
     readonly: Boolean,
     modelValue: {
@@ -4306,28 +4324,42 @@ const FormKey = Symbol.for("ev:form"), makeFormProps = propsFactory(
   "form"
 );
 function createForm(n) {
-  const e = useModelProxy(n, "modelValue"), t = computed(() => n.disabled), o = computed(() => n.readonly), r = toRef(n, "validateOn"), s = new Form(e, t, o, r);
-  return provide(FormKey, s), s;
+  const e = new Form(n);
+  return provide(FormKey, e), e;
 }
 function useForm() {
   return inject(FormKey, null);
 }
 class FormField {
   constructor(e, t, o = void 0) {
-    P(this, "focused");
-    P(this, "focusedVisible");
-    P(this, "messages", ref([]));
-    P(this, "model");
-    P(this, "pristine", shallowRef(!0));
-    P(this, "uid", getNextId());
-    P(this, "validating", shallowRef(!1));
-    P(this, "validationModel");
-    this.form = e, this.props = t, this.group = o, this.model = this.group ? this.group.model : useModelProxy(this.props, "modelValue"), this.focused = useModelProxy(this.props, "focused"), this.focusedVisible = ref(!1), this.validationModel = computed(() => this.props.validationValue === void 0 ? this.model.value : this.props.validationValue), onBeforeMount(() => {
-      var r;
-      (r = this.form) == null || r.addField(this);
+    $(this, "focused");
+    $(this, "focusedVisible");
+    $(this, "messages", ref([]));
+    $(this, "model");
+    $(this, "pristine", shallowRef(!0));
+    $(this, "uid", getNextId());
+    $(this, "validating", shallowRef(!1));
+    $(this, "validationModel");
+    this.form = e, this.props = t, this.group = o;
+    const r = getCurrentComponent("FormField"), s = ref(t.modelValue);
+    watch(
+      () => t.modelValue,
+      (a) => {
+        s.value = a;
+      }
+    ), this.model = computed({
+      get() {
+        return o ? o.model.value : e != null && e.data.value && t.name ? getPropertyValueByPath(e.data.value, t.name) : s.value;
+      },
+      set(a) {
+        o ? o.model.value = a : e != null && e.data.value && t.name ? setPropertyValueByPath(e.data.value, t.name, a) : s.value = a, r.emit("update:modelValue", a);
+      }
+    }), this.focused = useModelProxy(this.props, "focused"), this.focusedVisible = ref(!1), this.validationModel = computed(() => this.props.validationValue === void 0 ? this.model.value : this.props.validationValue), onBeforeMount(() => {
+      var a;
+      (a = this.form) == null || a.addField(this);
     }), onBeforeUnmount(() => {
-      var r;
-      (r = this.form) == null || r.removeField(this.id);
+      var a;
+      (a = this.form) == null || a.removeField(this.id);
     }), onMounted(async () => {
       this.validateOn.lazy || await this.validate(!0);
     }), useToggleScope(
@@ -4337,10 +4369,10 @@ class FormField {
           if (this.validationModel.value != null)
             this.validate();
           else if (this.isFocused) {
-            const r = watch(
+            const a = watch(
               () => this.focused.value,
-              (s) => {
-                s || this.validate(), r();
+              (i) => {
+                i || this.validate(), a();
               }
             );
           }
@@ -4351,8 +4383,8 @@ class FormField {
       () => {
         watch(
           () => this.focused.value,
-          (r) => {
-            r || this.validate();
+          (a) => {
+            a || this.validate();
           }
         );
       }
@@ -4381,7 +4413,7 @@ class FormField {
   }
   get isDisabled() {
     var e, t;
-    return !!(this.props.disabled ?? ((e = this.group) == null ? void 0 : e.isDisabled) ?? ((t = this.form) == null ? void 0 : t.isDisabled.value));
+    return !!(this.props.disabled || (e = this.group) != null && e.isDisabled || (t = this.form) != null && t.isDisabled);
   }
   get isFocused() {
     return this.focused.value;
@@ -4391,7 +4423,7 @@ class FormField {
   }
   get isReadonly() {
     var e, t;
-    return !!(this.props.readonly ?? ((e = this.group) == null ? void 0 : e.isReadonly) ?? ((t = this.form) == null ? void 0 : t.isReadonly.value));
+    return !!(this.props.readonly || (e = this.group) != null && e.isReadonly || (t = this.form) != null && t.isReadonly);
   }
   get isPristine() {
     return this.pristine.value;
@@ -4400,7 +4432,7 @@ class FormField {
     return !!this.errorMessages.length && !this.isPristine;
   }
   get isValid() {
-    return this.group && this.group.isValid === !1 || this.props.error ? !1 : this.props.validators.length ? this.isPristine ? this.messages.value.length || this.validateOn.lazy ? null : !0 : !this.messages.value.length : !0;
+    return this.group && this.group.isValid === !1 || this.props.error ? !1 : (this.props.validators.length, this.isPristine ? this.messages.value.length || this.validateOn.lazy ? null : !0 : !this.messages.value.length);
   }
   get isValidating() {
     return this.validating.value;
@@ -4434,7 +4466,7 @@ class FormField {
    *
    * @param message
    */
-  addErrorMessage(...e) {
+  addError(...e) {
     this.messages.value.push(...e);
   }
   /**
@@ -4454,16 +4486,6 @@ class FormField {
   blur() {
     this.focused.value = !1, this.focusedVisible.value = !1;
   }
-  /**
-   * ## Expose
-   */
-  expose() {
-    return {
-      reset: this.reset.bind(this),
-      resetValidation: this.resetValidation.bind(this),
-      validate: this.validate.bind(this)
-    };
-  }
   /**
    * ## Focus
    *
@@ -4670,12 +4692,12 @@ const makeEvErrorsProps = propsFactory(
       m.value = y.target.checked, u.value && (u.value = !1);
     }
     return e({
+      field: d,
       input: i,
       focus: () => {
         var y;
         (y = g()) == null || y.focus();
-      },
-      ...d.expose()
+      }
     }), (y, v) => (openBlock(), createElementBlock("div", mergeProps({
       ref_key: "containerRef",
       ref: a,
@@ -4859,7 +4881,7 @@ function provideSelection(n, e) {
       wrapInArray(v).map((k) => {
         var w;
         return ((w = e.value.find(
-          (C) => n.valueComparator(k, C.value)
+          (P) => n.valueComparator(k, P.value)
         )) == null ? void 0 : w.value) ?? k;
       })
     ),
@@ -4899,15 +4921,15 @@ function provideSelection(n, e) {
   function f(v, k = !1) {
     const w = l([v]);
     if (r.value && k) {
-      const C = a.value.findIndex((E) => n.valueComparator(E, r.value)), b = a.value.findIndex((E) => n.valueComparator(E, v));
-      if (C === -1 || b === -1) {
+      const P = a.value.findIndex((S) => n.valueComparator(S, r.value)), E = a.value.findIndex((S) => n.valueComparator(S, v));
+      if (P === -1 || E === -1) {
         d([v], !l([v])), r.value = s.value.size > 0 ? v : null;
         return;
       }
-      const [S, _] = C < b ? [C, b] : [b, C], B = a.value.slice(S, _ + 1), V = l([r.value]), L = B.filter(
-        (E) => l([E]) !== V
+      const [b, _] = P < E ? [P, E] : [E, P], C = a.value.slice(b, _ + 1), x = l([r.value]), M = C.filter(
+        (S) => l([S]) !== x
       );
-      d(L, V), V === w && d([v], !w);
+      d(M, x), x === w && d([v], !w);
     } else
       d([v], !l([v]));
     r.value = s.value.size > 0 ? v : null;
@@ -5863,23 +5885,23 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
     function w() {
       return u.value ? a ? -2 : 0 : null;
     }
-    function C(_) {
-      var B;
-      e("click", _), u.value && ((B = s.navigate) == null || B.call(s, _), t.value != null && l(!c.value, _));
+    function P(_) {
+      var C;
+      e("click", _), u.value && ((C = s.navigate) == null || C.call(s, _), t.value != null && l(!c.value, _));
     }
-    function b(_) {
-      _.preventDefault(), C(_);
+    function E(_) {
+      _.preventDefault(), P(_);
     }
-    const S = computed(
+    const b = computed(
       () => !!s.isClickable.value || !!t.onClick
     );
-    return (_, B) => (openBlock(), createBlock(resolveDynamicComponent(k()), {
+    return (_, C) => (openBlock(), createBlock(resolveDynamicComponent(k()), {
       class: normalizeClass([
         "ev-list-item",
         {
           "is-active": g.value,
           "is-active--exact": p.value,
-          "is-clickable": u.value || S.value,
+          "is-clickable": u.value || b.value,
           "is-disabled": t.disabled
         },
         t.class
@@ -5887,10 +5909,10 @@ const EvNestedSymbol = Symbol.for("ev:nested"), emptyNestedList = {
       style: normalizeStyle(t.style),
       href: unref(s).href.value,
       tabindex: w(),
-      onClick: C,
+      onClick: P,
       onKeydown: [
-        withKeys(b, ["enter"]),
-        withKeys(b, ["space"])
+        withKeys(E, ["enter"]),
+        withKeys(E, ["space"])
       ]
     }, {
       default: withCtx(() => [
@@ -6042,22 +6064,22 @@ function useActivator(n, e, t) {
 }
 class Activator {
   constructor(e, t, o) {
-    P(this, "activatorEl", ref());
-    P(this, "activatorEvents");
-    P(this, "activatorRef", ref());
-    P(this, "availableEvents");
-    P(this, "component");
-    P(this, "contentEvents");
-    P(this, "delayClose");
-    P(this, "delayOpen");
-    P(this, "openOnClick");
-    P(this, "openOnFocus");
-    P(this, "veilEvents");
-    P(this, "isHovered", !1);
-    P(this, "isFocused", !1);
-    P(this, "firstEnter", !0);
-    P(this, "watcher");
-    P(this, "scope");
+    $(this, "activatorEl", ref());
+    $(this, "activatorEvents");
+    $(this, "activatorRef", ref());
+    $(this, "availableEvents");
+    $(this, "component");
+    $(this, "contentEvents");
+    $(this, "delayClose");
+    $(this, "delayOpen");
+    $(this, "openOnClick");
+    $(this, "openOnFocus");
+    $(this, "veilEvents");
+    $(this, "isHovered", !1);
+    $(this, "isFocused", !1);
+    $(this, "firstEnter", !0);
+    $(this, "watcher");
+    $(this, "scope");
     this.props = e, this.isActive = t, this.isTopOfStack = o, this.component = getCurrentComponent("Activator"), this.openOnFocus = computed(
       () => e.openOnFocus || e.openOnFocus == null && e.openOnHover
     ), this.openOnClick = computed(
@@ -6307,21 +6329,21 @@ function connectedPositionStrategy(n, e, t) {
 }
 class ConnectedPosition {
   constructor(e, t, o) {
-    P(this, "contentScrollParents");
-    P(this, "contentRect");
-    P(this, "maxHeight");
-    P(this, "maxWidth");
-    P(this, "minHeight");
-    P(this, "minWidth");
-    P(this, "observe", !1);
-    P(this, "observer");
-    P(this, "offset");
-    P(this, "preferredPosition");
-    P(this, "preferredOrigin");
-    P(this, "targetRect");
-    P(this, "viewportRect");
-    P(this, "viewportMargin", 12);
-    P(this, "zoneCalculator");
+    $(this, "contentScrollParents");
+    $(this, "contentRect");
+    $(this, "maxHeight");
+    $(this, "maxWidth");
+    $(this, "minHeight");
+    $(this, "minWidth");
+    $(this, "observe", !1);
+    $(this, "observer");
+    $(this, "offset");
+    $(this, "preferredPosition");
+    $(this, "preferredOrigin");
+    $(this, "targetRect");
+    $(this, "viewportRect");
+    $(this, "viewportMargin", 12);
+    $(this, "zoneCalculator");
     this.data = e, this.props = t, this.contentStyles = o, this.resolveFixedActivator(), this.minWidth = this.computedNumericProp("minWidth"), this.maxWidth = this.computedNumericProp("maxWidth"), this.minHeight = this.computedNumericProp("minHeight"), this.maxHeight = this.computedNumericProp("maxHeight"), this.offset = this.computedOffset(), this.zoneCalculator = new ZoneCalculator(), this.calculatePreferences(), this.addResizeObserver(), this.watch();
   }
   /**
@@ -6605,8 +6627,8 @@ class ConnectedPosition {
 }
 class Zone {
   constructor(e, t, o) {
-    P(this, "available");
-    P(this, "isFitsContent");
+    $(this, "available");
+    $(this, "isFitsContent");
     this.position = e, this.rect = t, this.content = o, this.available = {
       width: this.rect.width - o.width,
       height: this.rect.height - o.height
@@ -6904,25 +6926,25 @@ const makeEvOverlayProps = propsFactory(
     }
     function o(f, m) {
       const u = Rect.fromElement(f), g = Rect.fromElement(m, !0), p = getComputedStyle(m), [y, v] = p.transformOrigin.split(" ").map((D) => parseFloat(D)), [k, w] = p.getPropertyValue("--ev-overlay-position").split(" ");
-      let C = u.left;
-      k === "center" || w === "center" ? C += u.width / 2 : (k === "right" || w === "right") && (C += u.width);
-      let b = u.top;
-      k === "center" || w === "center" ? b += u.height / 2 : (k === "bottom" || w === "bottom") && (b += u.height);
-      const S = u.width / g.width, _ = u.height / g.height, B = Math.max(1, S, _), V = S / B || 0, L = _ / B || 0, E = g.width * g.height / (window.innerWidth * window.innerHeight), x = E > 0.12 ? Math.min(1.5, (E - 0.12) * 10 + 1) : 1;
+      let P = u.left;
+      k === "center" || w === "center" ? P += u.width / 2 : (k === "right" || w === "right") && (P += u.width);
+      let E = u.top;
+      k === "center" || w === "center" ? E += u.height / 2 : (k === "bottom" || w === "bottom") && (E += u.height);
+      const b = u.width / g.width, _ = u.height / g.height, C = Math.max(1, b, _), x = b / C || 0, M = _ / C || 0, S = g.width * g.height / (window.innerWidth * window.innerHeight), V = S > 0.12 ? Math.min(1.5, (S - 0.12) * 10 + 1) : 1;
       return {
-        x: C - (y + g.left),
-        y: b - (v + g.top),
-        scaleX: V,
-        scaleY: L,
-        speedFactor: x
+        x: P - (y + g.left),
+        y: E - (v + g.top),
+        scaleX: x,
+        scaleY: M,
+        speedFactor: V
       };
     }
     function r(f) {
       f.style.pointerEvents = "none", f.style.visibility = "hidden";
     }
     async function s(f, m) {
-      var C;
-      await new Promise((b) => requestAnimationFrame(b)), await new Promise((b) => requestAnimationFrame(b)), f.style.visibility = "";
+      var P;
+      await new Promise((E) => requestAnimationFrame(E)), await new Promise((E) => requestAnimationFrame(E)), f.style.visibility = "";
       const { x: u, y: g, scaleX: p, scaleY: y, speedFactor: v } = o(
         e.target,
         f
@@ -6940,8 +6962,8 @@ const makeEvOverlayProps = propsFactory(
           easing: easingStandard
         }
       );
-      (C = t(f)) == null || C.forEach((b) => {
-        animate(b, [{ opacity: 0 }, { opacity: 0, offset: 0.25 }, {}], {
+      (P = t(f)) == null || P.forEach((E) => {
+        animate(E, [{ opacity: 0 }, { opacity: 0, offset: 0.25 }, {}], {
           duration: k * v,
           easing: easingStandard
         });
@@ -6955,7 +6977,7 @@ const makeEvOverlayProps = propsFactory(
     }
     async function l(f, m) {
       var w;
-      await new Promise((C) => requestAnimationFrame(C));
+      await new Promise((P) => requestAnimationFrame(P));
       const { x: u, y: g, scaleX: p, scaleY: y, speedFactor: v } = o(
         e.target,
         f
@@ -6973,8 +6995,8 @@ const makeEvOverlayProps = propsFactory(
           duration: 125 * v,
           easing: easingAccelerate
         }
-      ).finished.then(() => m()), (w = t(f)) == null || w.forEach((C) => {
-        animate(C, [{}, { opacity: 0, offset: 0.25 }, { opacity: 0 }], {
+      ).finished.then(() => m()), (w = t(f)) == null || w.forEach((P) => {
+        animate(P, [{}, { opacity: 0, offset: 0.25 }, { opacity: 0 }], {
           duration: 250 * v,
           easing: easingStandard
         });
@@ -7131,12 +7153,12 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       activatorEl: v,
       activatorRef: k,
       activatorEvents: w,
-      contentEvents: C,
-      veilEvents: b
-    } = useActivator(o, u, p), S = useTeleport(
+      contentEvents: P,
+      veilEvents: E
+    } = useActivator(o, u, p), b = useTeleport(
       computed(() => o.attach || o.contained)
-    ), { rtlClasses: _, isRtl: B } = useRtl(), { contentStyles: V, updatePosition: L } = usePositionStrategies(o, {
-      isRtl: B,
+    ), { rtlClasses: _, isRtl: C } = useRtl(), { contentStyles: x, updatePosition: M } = usePositionStrategies(o, {
+      isRtl: C,
       contentEl: c,
       activatorEl: v,
       isActive: u
@@ -7146,22 +7168,22 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       contentEl: c,
       activatorEl: v,
       isActive: u,
-      updatePosition: L
+      updatePosition: M
     }), e({
       activatorEl: v,
       contentEl: c,
       isTopGlobal: g,
       isTopLocal: p,
-      updatePosition: L
+      updatePosition: M
     }), watch(
       () => o.disabled,
       (O) => {
         O && (u.value = !1);
       }
     );
-    const E = computed(() => u.value && !!o.veil), x = shallowRef(!1);
+    const S = computed(() => u.value && !!o.veil), V = shallowRef(!1);
     watch(u, () => {
-      x.value = !0;
+      V.value = !0;
     });
     function D() {
       return u.value && g.value;
@@ -7181,7 +7203,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       }
       t("enter");
     }
-    function F(O) {
+    function N(O) {
       if (!O.dataset.afterEnter) {
         O.dataset.afterEnter = "true";
         return;
@@ -7194,15 +7216,15 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     function K() {
       t("leave");
     }
-    function I() {
-      x.value = !1, t("afterLeave");
+    function R() {
+      V.value = !1, t("afterLeave");
     }
     const z = {
-      handler: M,
+      handler: L,
       condition: D,
       include: () => [v.value]
     };
-    function M(O) {
+    function L(O) {
       t("click:outside", O), W(!1);
     }
     function A(O) {
@@ -7224,7 +7246,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     );
     const T = ref();
     watch(
-      () => u.value && (o.absolute || o.contained) && S.value == null,
+      () => u.value && (o.absolute || o.contained) && b.value == null,
       (O) => {
         if (O) {
           const q = getScrollParent(l.value);
@@ -7232,7 +7254,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         }
       }
     );
-    const N = () => {
+    const F = () => {
       var O;
       return (O = s.activator) == null ? void 0 : O.call(s, {
         isActive: u.value,
@@ -7242,18 +7264,18 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           o.activatorProps
         )
       });
-    }, U = mergeProps(C.value, o.contentProps), Y = {
+    }, U = mergeProps(P.value, o.contentProps), Y = {
       ...m,
       ...r
     };
     return (O, q) => {
       const Z = resolveDirective("click-outside");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(N),
-        x.value ? (openBlock(), createBlock(Teleport, {
+        createVNode(F),
+        V.value ? (openBlock(), createBlock(Teleport, {
           key: 0,
-          disabled: !unref(S),
-          to: unref(S)
+          disabled: !unref(b),
+          to: unref(b)
         }, [
           createElementVNode("div", mergeProps({
             ref_key: "containerEl",
@@ -7279,10 +7301,10 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
               name: "transition-fade"
             }, {
               default: withCtx(() => [
-                E.value ? (openBlock(), createElementBlock("div", mergeProps({
+                S.value ? (openBlock(), createElementBlock("div", mergeProps({
                   key: 0,
                   class: "ev-overlay--veil"
-                }, unref(b)), null, 16)) : createCommentVNode("", !0)
+                }, unref(E)), null, 16)) : createCommentVNode("", !0)
               ]),
               _: 1
             }),
@@ -7291,17 +7313,17 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
               transition: unref(d),
               target: unref(v),
               onEnter: G,
-              onAfterEnter: F,
+              onAfterEnter: N,
               onBeforeLeave: H,
               onLeave: K,
-              onAfterLeave: I
+              onAfterLeave: R
             }, {
               default: withCtx(() => [
                 withDirectives((openBlock(), createElementBlock("div", mergeProps({
                   ref_key: "contentEl",
                   ref: c,
                   class: ["ev-overlay--content", [o.contentClass]],
-                  style: [unref(f), unref(V)]
+                  style: [unref(f), unref(x)]
                 }, unref(U)), [
                   renderSlot(O.$slots, "default")
                 ], 16)), [
@@ -7540,19 +7562,19 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
         () => {
           cancelAnimationFrame(T), T = requestAnimationFrame(() => {
             if (m.value && g.value) {
-              const N = c.value ? "width" : "height";
-              i.value = m.value[N], l.value = g.value[N], s.value = i.value + 1 < l.value;
+              const F = c.value ? "width" : "height";
+              i.value = m.value[F], l.value = g.value[F], s.value = i.value + 1 < l.value;
             }
             if (p.value >= 0 && u.value) {
-              const N = u.value.children[y.value];
+              const F = u.value.children[y.value];
               p.value === 0 || !s.value ? a.value = 0 : e.centerActive ? a.value = calculateCenteredOffset({
-                selectedElement: N,
+                selectedElement: F,
                 containerSize: i.value,
                 contentSize: l.value,
                 isRtl: o.value,
                 isHorizontal: c.value
               }) : s.value && (a.value = calculateUpdatedOffset({
-                selectedElement: N,
+                selectedElement: F,
                 containerSize: i.value,
                 contentSize: l.value,
                 isRtl: o.value,
@@ -7565,10 +7587,10 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
       );
     }
     function v(T) {
-      var N, U, Y, O, q;
+      var F, U, Y, O, q;
       if (u.value)
         if (!T)
-          (N = focusableChildren(u.value)[0]) == null || N.focus();
+          (F = focusableChildren(u.value)[0]) == null || F.focus();
         else if (T === "next") {
           const Z = (U = u.value.querySelector(":focus")) == null ? void 0 : U.nextElementSibling;
           Z ? Z.focus() : v("first");
@@ -7578,14 +7600,14 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
         } else T === "first" ? (O = u.value.firstElementChild) == null || O.focus() : T === "last" && ((q = u.value.lastElementChild) == null || q.focus());
     }
     function k(T) {
-      var N;
-      !r.value && !(T.relatedTarget && ((N = u.value) != null && N.contains(T.relatedTarget))) && v();
+      var F;
+      !r.value && !(T.relatedTarget && ((F = u.value) != null && F.contains(T.relatedTarget))) && v();
     }
     function w(T) {
       if (r.value = !0, !(!s.value || !u.value)) {
-        for (const N of T.composedPath())
+        for (const F of T.composedPath())
           for (const U of u.value.children)
-            if (U === N) {
+            if (U === F) {
               a.value = calculateUpdatedOffset({
                 selectedElement: U,
                 containerSize: i.value,
@@ -7598,34 +7620,34 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
             }
       }
     }
-    function C(T) {
+    function P(T) {
       r.value = !1;
     }
-    function b(T) {
+    function E(T) {
       u.value && (c.value ? T.key === "ArrowRight" ? v(o.value ? "previous" : "next") : T.key === "ArrowLeft" && v(o.value ? "next" : "previous") : T.key === "ArrowDown" ? v("next") : T.key === "ArrowUp" && v("previous"), T.key === "Home" ? v("first") : T.key === "End" && v("last"));
     }
-    function S() {
+    function b() {
       f.value && (f.value[c.value ? "scrollLeft" : "scrollTop"] = 0);
     }
-    let _ = 0, B = 0;
-    function V(T) {
-      const N = c.value ? "clientX" : "clientY";
-      B = (o.value && c.value ? -1 : 1) * a.value, _ = T.touches[0][N], d.value = !0;
+    let _ = 0, C = 0;
+    function x(T) {
+      const F = c.value ? "clientX" : "clientY";
+      C = (o.value && c.value ? -1 : 1) * a.value, _ = T.touches[0][F], d.value = !0;
     }
-    function L(T) {
+    function M(T) {
       if (!s.value)
         return;
-      const N = c.value ? "clientX" : "clientY", U = o.value && c.value ? -1 : 1;
-      a.value = U * (B + _ - T.touches[0][N]);
+      const F = c.value ? "clientX" : "clientY", U = o.value && c.value ? -1 : 1;
+      a.value = U * (C + _ - T.touches[0][F]);
     }
-    function E(T) {
-      const N = l.value - i.value;
-      a.value < 0 || !s.value ? a.value = 0 : a.value >= N && (a.value = N), d.value = !1;
+    function S(T) {
+      const F = l.value - i.value;
+      a.value < 0 || !s.value ? a.value = 0 : a.value >= F && (a.value = F), d.value = !1;
     }
-    function x(T) {
-      const N = a.value + (T === "previous" ? -1 : 1) * i.value;
+    function V(T) {
+      const F = a.value + (T === "previous" ? -1 : 1) * i.value;
       a.value = clamp(
-        N,
+        F,
         0,
         l.value - i.value
       );
@@ -7637,19 +7659,19 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
     ), W = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden), G = computed(() => {
       let T = a.value > l.value - i.value ? -(l.value - i.value) + bias(l.value - i.value - a.value) : -a.value;
       a.value <= 0 && (T = bias(-a.value));
-      const N = o.value && c.value ? -1 : 1;
+      const F = o.value && c.value ? -1 : 1;
       return {
-        transform: `translate${c.value ? "X" : "Y"}(${N * T}px)`,
+        transform: `translate${c.value ? "X" : "Y"}(${F * T}px)`,
         transition: d.value ? "none" : "",
         willChange: d.value ? "transform" : ""
       };
-    }), F = computed(() => ({
+    }), N = computed(() => ({
       next: t.next,
       previous: t.previous,
       select: t.select,
       isSelected: t.isSelected
-    })), H = computed(() => Math.abs(a.value) > 0), K = computed(() => l.value > Math.abs(a.value) + i.value), I = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden ? !1 : s.value || Math.abs(a.value) > 0), z = computed(() => `is-arrows-${e.arrowsAlign}`), M = computed(() => e.iconNext ? e.iconNext : c.value ? ChevronRightIcon : ChevronDownIcon), A = computed(() => e.iconPrevious ? e.iconPrevious : c.value ? ChevronLeftIcon : ChevronUpIcon);
-    return (T, N) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
+    })), H = computed(() => Math.abs(a.value) > 0), K = computed(() => l.value > Math.abs(a.value) + i.value), R = computed(() => isBoolean(e.arrowsHidden) && e.arrowsHidden ? !1 : s.value || Math.abs(a.value) > 0), z = computed(() => `is-arrows-${e.arrowsAlign}`), L = computed(() => e.iconNext ? e.iconNext : c.value ? ChevronRightIcon : ChevronDownIcon), A = computed(() => e.iconPrevious ? e.iconPrevious : c.value ? ChevronLeftIcon : ChevronUpIcon);
+    return (T, F) => (openBlock(), createBlock(resolveDynamicComponent(e.tag), {
       class: normalizeClass([
         "ev-slide-group",
         {
@@ -7669,24 +7691,24 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
           ref_key: "containerRef",
           ref: f,
           class: "ev-slide-group--container",
-          onScroll: S
+          onScroll: b
         }, [
           createElementVNode("div", {
             ref_key: "contentRef",
             ref: u,
             class: "ev-slide-group--content",
             style: normalizeStyle(G.value),
-            onTouchstartPassive: V,
-            onTouchmovePassive: L,
-            onTouchendPassive: E,
+            onTouchstartPassive: x,
+            onTouchmovePassive: M,
+            onTouchendPassive: S,
             onFocusin: w,
-            onFocusout: C,
-            onKeydown: b
+            onFocusout: P,
+            onKeydown: E
           }, [
-            renderSlot(T.$slots, "default", normalizeProps(guardReactiveProps(F.value)))
+            renderSlot(T.$slots, "default", normalizeProps(guardReactiveProps(N.value)))
           ], 36)
         ], 544),
-        I.value ? (openBlock(), createElementBlock("div", {
+        R.value ? (openBlock(), createElementBlock("div", {
           key: "previous",
           class: normalizeClass([
             "ev-slide-group--previous",
@@ -7694,16 +7716,16 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
             ...unref(D)
           ]),
           hidden: W.value,
-          onClick: N[0] || (N[0] = () => x("previous"))
+          onClick: F[0] || (F[0] = () => V("previous"))
         }, [
           renderSlot(T.$slots, "previous", {}, () => [
             createVNode(unref(_sfc_main$1c), {
-              icon: unref(o) && c.value ? M.value : A.value,
+              icon: unref(o) && c.value ? L.value : A.value,
               variant: "subtle"
             }, null, 8, ["icon"])
           ])
         ], 10, _hoisted_1$p)) : createCommentVNode("", !0),
-        I.value ? (openBlock(), createElementBlock("div", {
+        R.value ? (openBlock(), createElementBlock("div", {
           key: "next",
           class: normalizeClass([
             "ev-slide-group--next",
@@ -7711,11 +7733,11 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
             ...unref(D)
           ]),
           hidden: W.value,
-          onClick: N[1] || (N[1] = () => x("next"))
+          onClick: F[1] || (F[1] = () => V("next"))
         }, [
           renderSlot(T.$slots, "next", {}, () => [
             createVNode(unref(_sfc_main$1c), {
-              icon: unref(o) && c.value ? A.value : M.value,
+              icon: unref(o) && c.value ? A.value : L.value,
               variant: "subtle"
             }, null, 8, ["icon"])
           ])
@@ -7744,9 +7766,11 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
   }
 }), makeEvTextfieldProps = propsFactory(
   {
+    autocomplete: String,
     autofocus: Boolean,
     autoselect: Boolean,
     clearable: Boolean,
+    dataFormType: String,
     iconStart: IconProp,
     iconEnd: IconProp,
     loading: Boolean,
@@ -7832,7 +7856,7 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
 }, _hoisted_5$8 = {
   class: "ev-textfield--input",
   "data-no-activator": ""
-}, _hoisted_6$6 = ["id", "type", "name", "disabled", "readonly", "autofocus", "placeholder"], _hoisted_7$4 = {
+}, _hoisted_6$6 = ["id", "type", "name", "disabled", "readonly", "autofocus", "placeholder", "autocomplete", "data-form-type"], _hoisted_7$4 = {
   key: 0,
   class: "ev-textfield--clearable"
 }, _hoisted_8$3 = {
@@ -7866,40 +7890,44 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
     function g() {
       return i.value;
     }
-    function p(S) {
-      var _;
-      S.stopPropagation(), nextTick(() => {
-        d.value = null, t("click:clear", S);
-      }), o.readonly || (_ = g()) == null || _.focus();
+    function p(C) {
+      var x;
+      C.stopPropagation(), nextTick(() => {
+        d.value = null, t("click:clear", C);
+      }), o.readonly || (x = g()) == null || x.focus();
     }
-    function y(S) {
-      S.preventDefault(), S.stopPropagation();
+    function y(C) {
+      C.preventDefault(), C.stopPropagation();
     }
-    function v(S) {
-      var _;
-      d.focus(S), o.autoselect && ((_ = g()) == null || _.select());
+    function v(C) {
+      var x;
+      d.focus(C), o.autoselect && ((x = g()) == null || x.select());
     }
-    function k(S) {
-      var _;
-      (_ = i.value) == null || _.focus(S), t("click:control", S);
+    function k(C) {
+      var x;
+      (x = i.value) == null || x.focus(C), t("click:control", C);
     }
-    function w(S) {
-      t("mousedown:control", S), S.target !== i.value && (v(), S.preventDefault());
+    function w(C) {
+      t("mousedown:control", C), C.target !== i.value && (v(), C.preventDefault());
     }
-    const C = useAutofocus(o);
+    const P = useAutofocus(o);
     e({
+      field: d,
       input: i,
       focus: () => {
-        var S;
-        (S = g()) == null || S.focus();
-      },
-      ...d.expose()
+        var C;
+        (C = g()) == null || C.focus();
+      }
     });
-    function b(S) {
+    function E(C) {
       t("click:outside");
     }
-    return (S, _) => {
-      const B = resolveDirective("click-outside");
+    const b = computed(() => o.autocomplete || "off"), _ = computed(() => {
+      var C;
+      return o.dataFormType || ((C = b.value) == null ? void 0 : C.toLowerCase()) === "off" ? "other" : void 0;
+    });
+    return (C, x) => {
+      const M = resolveDirective("click-outside");
       return withDirectives((openBlock(), createElementBlock("div", mergeProps({
         ref_key: "containerRef",
         ref: a,
@@ -7920,7 +7948,7 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
             hint: o.hint
           }, {
             default: withCtx(() => [
-              renderSlot(S.$slots, "label")
+              renderSlot(C.$slots, "label")
             ]),
             _: 3
           }, 8, ["for", "title", "hint"])
@@ -7959,31 +7987,33 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
             })
           ])) : createCommentVNode("", !0),
           o.prefix || unref(r).prefix ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
-            renderSlot(S.$slots, "prefix", {}, () => [
+            renderSlot(C.$slots, "prefix", {}, () => [
               createTextVNode(toDisplayString(o.prefix), 1)
             ])
           ])) : createCommentVNode("", !0),
           createElementVNode("div", _hoisted_5$8, [
-            renderSlot(S.$slots, "default"),
+            renderSlot(C.$slots, "default"),
             withDirectives(createElementVNode("input", mergeProps({
               id: unref(d).id,
               ref_key: "inputRef",
               ref: i,
-              "onUpdate:modelValue": _[0] || (_[0] = (V) => unref(d).value = V),
+              "onUpdate:modelValue": x[0] || (x[0] = (S) => unref(d).value = S),
               class: "ev-textfield--input-native",
               type: o.type,
               name: unref(d).name,
               disabled: unref(d).isDisabled,
               readonly: unref(d).isReadonly,
               autofocus: o.autofocus,
-              placeholder: o.placeholder
+              placeholder: o.placeholder,
+              autocomplete: b.value,
+              "data-form-type": _.value
             }, unref(c), {
               onFocus: v,
-              onBlur: _[1] || (_[1] = //@ts-ignore
-              (...V) => unref(d).blur && unref(d).blur(...V))
+              onBlur: x[1] || (x[1] = //@ts-ignore
+              (...S) => unref(d).blur && unref(d).blur(...S))
             }), null, 16, _hoisted_6$6), [
               [vModelDynamic, unref(d).value],
-              [unref(C)]
+              [unref(P)]
             ])
           ]),
           createVNode(Transition, { name: "slide-fade" }, {
@@ -7999,7 +8029,7 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
             _: 1
           }),
           o.suffix || unref(r).suffix ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
-            renderSlot(S.$slots, "suffix", {}, () => [
+            renderSlot(C.$slots, "suffix", {}, () => [
               createTextVNode(toDisplayString(o.suffix), 1)
             ])
           ])) : createCommentVNode("", !0),
@@ -8020,7 +8050,7 @@ const _hoisted_1$p = ["hidden"], _hoisted_2$i = ["hidden"], _sfc_main$P = /* @__
           }, null, 8, ["messages"])
         ])) : createCommentVNode("", !0)
       ], 16)), [
-        [B, b]
+        [M, E]
       ]);
     };
   }
@@ -8200,26 +8230,26 @@ const EvTransitionExpand = createJavaScriptTransition(
       sortDirectionOptions: u,
       onSortTitleSelected: g,
       sortIcon: p
-    } = useSortOptions(t), y = useSlots(), { allSelected: v, someSelected: k, selectAll: w, showSelectAll: C } = useSelection(), b = shallowRef(!1), S = ref(null), _ = shallowRef(null), B = shallowRef(!1);
-    function V(M) {
-      B.value = !B.value, e("click:filter", M);
+    } = useSortOptions(t), y = useSlots(), { allSelected: v, someSelected: k, selectAll: w, showSelectAll: P } = useSelection(), E = shallowRef(!1), b = ref(null), _ = shallowRef(null), C = shallowRef(!1);
+    function x(L) {
+      C.value = !C.value, e("click:filter", L);
     }
-    const L = computed(
+    const M = computed(
       () => {
-        var M;
-        return (M = t.searchPlaceholder) != null && M.length ? t.searchPlaceholder : s("search.placeholder");
+        var L;
+        return (L = t.searchPlaceholder) != null && L.length ? t.searchPlaceholder : s("search.placeholder");
       }
-    ), E = debounce((M) => {
-      a.value = M;
-    }, t.searchDelay), x = computed(() => {
-      const M = y["select-actions"] || t.selectActions;
-      return k.value && M;
+    ), S = debounce((L) => {
+      a.value = L;
+    }, t.searchDelay), V = computed(() => {
+      const L = y["select-actions"] || t.selectActions;
+      return k.value && L;
     }), D = computed(() => _.value < filtersBreakpoint), W = {
-      EvFilterButton: { size: "small", rounded: !0 },
+      EvFilterButton: { size: "small" },
       EvButton: { size: "small" }
-    }, G = computed(() => _.value > sortBreakpoint ? d.value : void 0), F = computed(() => {
-      for (const M in t.filters) {
-        const A = t.filters[M];
+    }, G = computed(() => _.value > sortBreakpoint ? d.value : void 0), N = computed(() => {
+      for (const L in t.filters) {
+        const A = t.filters[L];
         if (isBoolean(A) && A)
           return !0;
         if (Array.isArray(A) && A.length > 0)
@@ -8229,29 +8259,29 @@ const EvTransitionExpand = createJavaScriptTransition(
       }
       return !1;
     });
-    function H(M) {
-      E(M);
+    function H(L) {
+      S(L);
     }
     function K() {
-      b.value = !0;
+      E.value = !0;
     }
-    function I() {
-      b.value = !1;
+    function R() {
+      E.value = !1;
     }
     function z() {
-      _.value = S.value.getBoundingClientRect().width;
+      _.value = b.value.getBoundingClientRect().width;
     }
     return onMounted(() => {
       window.addEventListener("resize", z, { passive: !0 }), z();
     }), onUnmounted(() => {
       window.removeEventListener("resize", z);
-    }), (M, A) => (openBlock(), createElementBlock(Fragment, null, [
+    }), (L, A) => (openBlock(), createElementBlock(Fragment, null, [
       createElementVNode("div", {
         ref_key: "containerRef",
-        ref: S,
+        ref: b,
         class: "ev-data-table-search"
       }, [
-        unref(C) && !t.hideSelectAll ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+        unref(P) && !t.hideSelectAll ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
           createVNode(unref(_sfc_main$10), {
             "model-value": unref(v),
             indeterminate: unref(k) && !unref(v),
@@ -8262,7 +8292,7 @@ const EvTransitionExpand = createJavaScriptTransition(
           class: normalizeClass([
             "ev-data-table-search--modifiers",
             {
-              "is-transitioning": b.value
+              "is-transitioning": E.value
             }
           ])
         }, [
@@ -8270,11 +8300,11 @@ const EvTransitionExpand = createJavaScriptTransition(
             name: "transition-slide-up",
             mode: "out-in",
             onBeforeLeave: K,
-            onAfterEnter: I
+            onAfterEnter: R
           }, {
             default: withCtx(() => [
-              x.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
-                renderSlot(M.$slots, "select-actions", {}, () => [
+              V.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
+                renderSlot(L.$slots, "select-actions", {}, () => [
                   createVNode(unref(_sfc_main$1b), {
                     size: "small",
                     variant: "subtle",
@@ -8289,12 +8319,11 @@ const EvTransitionExpand = createJavaScriptTransition(
                       A[0] || (A[0] = (T) => i.value = T),
                       H
                     ],
-                    rounded: "",
                     clearable: "",
                     appearance: "subtle",
                     size: "small",
                     loading: t.loading,
-                    placeholder: L.value,
+                    placeholder: M.value,
                     "icon-start": unref(SearchIcon)
                   }, null, 8, ["modelValue", "loading", "placeholder", "icon-start"])
                 ]),
@@ -8304,18 +8333,17 @@ const EvTransitionExpand = createJavaScriptTransition(
                     bold: "",
                     pulsate: "",
                     appearance: "primary",
-                    "model-value": F.value && !B.value
+                    "model-value": N.value && !C.value
                   }, {
                     default: withCtx(() => [
                       createVNode(unref(_sfc_main$1c), {
                         ref_key: "filterButtonRef",
                         ref: r,
-                        rounded: "",
                         size: "small",
-                        appearance: F.value ? "primary" : "default",
-                        variant: F.value ? "tonal" : "subtle",
+                        appearance: N.value ? "primary" : "default",
+                        variant: N.value ? "tonal" : "subtle",
                         icon: unref(FilterIcon),
-                        onClick: V
+                        onClick: x
                       }, null, 8, ["appearance", "variant", "icon"])
                     ]),
                     _: 1
@@ -8330,7 +8358,7 @@ const EvTransitionExpand = createJavaScriptTransition(
                     default: withCtx(() => [
                       createVNode(unref(_sfc_main$P), null, {
                         default: withCtx(() => [
-                          renderSlot(M.$slots, "filters")
+                          renderSlot(L.$slots, "filters")
                         ]),
                         _: 3
                       })
@@ -8342,7 +8370,6 @@ const EvTransitionExpand = createJavaScriptTransition(
                   createVNode(unref(_sfc_main$1c), {
                     ref_key: "sortButtonRef",
                     ref: o,
-                    rounded: "",
                     size: "small",
                     variant: "subtle",
                     text: G.value,
@@ -8409,13 +8436,13 @@ const EvTransitionExpand = createJavaScriptTransition(
       ], 512),
       createVNode(unref(EvTransitionExpand), null, {
         default: withCtx(() => [
-          D.value && B.value && unref(y).filters && !x.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
+          D.value && C.value && unref(y).filters && !V.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
             createElementVNode("div", _hoisted_9$1, [
               createVNode(unref(_sfc_main$Y), { defaults: W }, {
                 default: withCtx(() => [
                   createVNode(unref(_sfc_main$P), null, {
                     default: withCtx(() => [
-                      renderSlot(M.$slots, "filters")
+                      renderSlot(L.$slots, "filters")
                     ]),
                     _: 3
                   })
@@ -8442,8 +8469,8 @@ const EvTransitionExpand = createJavaScriptTransition(
 function useVirtual(n, e) {
   const t = useDisplay(), o = shallowRef(0);
   watchEffect(() => {
-    const I = n.itemHeight || 0;
-    o.value = isNumber(I) ? I : parseFloat(I);
+    const R = n.itemHeight || 0;
+    o.value = isNumber(R) ? R : parseFloat(R);
   });
   const r = shallowRef(0), s = shallowRef(
     Math.ceil(
@@ -8460,93 +8487,93 @@ function useVirtual(n, e) {
   });
   const u = computed(() => {
     var z;
-    const I = isNumber(n.height) ? n.height : parseInt(n.height);
-    return l.value === document.documentElement ? t.height.value : ((z = m.value) == null ? void 0 : z.height) || I || 0;
+    const R = isNumber(n.height) ? n.height : parseInt(n.height);
+    return l.value === document.documentElement ? t.height.value : ((z = m.value) == null ? void 0 : z.height) || R || 0;
   }), g = computed(() => !!(l.value && c.value && u.value && o.value));
   let p = Array.from({ length: e.value.length }), y = Array.from({ length: e.value.length });
   const v = shallowRef(0);
   let k = -1;
-  function w(I) {
-    return p[I] || o.value;
+  function w(R) {
+    return p[R] || o.value;
   }
-  const C = debounce(() => {
-    const I = performance.now();
+  const P = debounce(() => {
+    const R = performance.now();
     y[0] = 0;
     const z = e.value.length;
-    for (let M = 1; M <= z - 1; M++)
-      y[M] = (y[M - 1] || 0) + w(M - 1);
+    for (let L = 1; L <= z - 1; L++)
+      y[L] = (y[L - 1] || 0) + w(L - 1);
     v.value = Math.max(
       v.value,
-      performance.now() - I
+      performance.now() - R
     );
-  }, v), b = watch(g, (I) => {
-    I && (b(), d = c.value.offsetTop, C.immediate(), G(), ~k && nextTick(() => {
+  }, v), E = watch(g, (R) => {
+    R && (E(), d = c.value.offsetTop, P.immediate(), G(), ~k && nextTick(() => {
       Browser.hasWindow && window.requestAnimationFrame(() => {
         H(k), k = -1;
       });
     }));
   });
   onScopeDispose(() => {
-    C.clear();
+    P.clear();
   });
-  function S(I, z) {
-    const M = p[I], A = o.value;
-    o.value = A ? Math.min(o.value, z) : z, (M !== z || A !== o.value) && (p[I] = z, C());
+  function b(R, z) {
+    const L = p[R], A = o.value;
+    o.value = A ? Math.min(o.value, z) : z, (L !== z || A !== o.value) && (p[R] = z, P());
   }
-  function _(I) {
-    return I = clamp(I, 0, e.value.length - 1), y[I] || 0;
+  function _(R) {
+    return R = clamp(R, 0, e.value.length - 1), y[R] || 0;
   }
-  function B(I) {
-    return binaryClosest(y, I);
+  function C(R) {
+    return binaryClosest(y, R);
   }
-  let V = 0, L = 0, E = 0;
-  watch(u, (I, z) => {
-    z && (G(), I < z && requestAnimationFrame(() => {
-      L = 0, G();
+  let x = 0, M = 0, S = 0;
+  watch(u, (R, z) => {
+    z && (G(), R < z && requestAnimationFrame(() => {
+      M = 0, G();
     }));
   });
-  function x() {
+  function V() {
     if (!l.value || !c.value)
       return;
-    const I = l.value.scrollTop, z = performance.now();
-    z - E > 500 ? (L = Math.sign(I - V), d = c.value.offsetTop) : L = I - V, V = I, E = z, G();
+    const R = l.value.scrollTop, z = performance.now();
+    z - S > 500 ? (M = Math.sign(R - x), d = c.value.offsetTop) : M = R - x, x = R, S = z, G();
   }
   function D() {
-    !l.value || !c.value || (L = 0, E = 0, G());
+    !l.value || !c.value || (M = 0, S = 0, G());
   }
   let W = -1;
   function G() {
-    cancelAnimationFrame(W), W = requestAnimationFrame(F);
+    cancelAnimationFrame(W), W = requestAnimationFrame(N);
   }
-  function F() {
+  function N() {
     if (!l.value || !u.value)
       return;
-    const I = V - d, z = Math.sign(L), M = Math.max(0, I - BUFFER_PX), A = clamp(B(M), 0, e.value.length), T = I + u.value + BUFFER_PX, N = clamp(
-      B(T) + 1,
+    const R = x - d, z = Math.sign(M), L = Math.max(0, R - BUFFER_PX), A = clamp(C(L), 0, e.value.length), T = R + u.value + BUFFER_PX, F = clamp(
+      C(T) + 1,
       A + 1,
       e.value.length
     );
     if (
       // Only update the side we're scrolling towards, the other side will be updated incidentally
-      (z !== UP || A < r.value) && (z !== DOWN || N > s.value)
+      (z !== UP || A < r.value) && (z !== DOWN || F > s.value)
     ) {
-      const U = _(r.value) - _(A), Y = _(N) - _(s.value);
-      Math.max(U, Y) > BUFFER_PX ? (r.value = A, s.value = N) : (A <= 0 && (r.value = A), N >= e.value.length && (s.value = N));
+      const U = _(r.value) - _(A), Y = _(F) - _(s.value);
+      Math.max(U, Y) > BUFFER_PX ? (r.value = A, s.value = F) : (A <= 0 && (r.value = A), F >= e.value.length && (s.value = F));
     }
     a.value = _(r.value), i.value = _(e.value.length) - _(s.value);
   }
-  function H(I) {
-    const z = _(I);
-    !l.value || I && !z ? k = I : l.value.scrollTop = z;
+  function H(R) {
+    const z = _(R);
+    !l.value || R && !z ? k = R : l.value.scrollTop = z;
   }
-  const K = computed(() => e.value.slice(r.value, s.value).map((I, z) => ({
-    raw: I,
+  const K = computed(() => e.value.slice(r.value, s.value).map((R, z) => ({
+    raw: R,
     index: z + r.value
   })));
   return watch(
     e,
     () => {
-      p = Array.from({ length: e.value.length }), y = Array.from({ length: e.value.length }), C.immediate(), G();
+      p = Array.from({ length: e.value.length }), y = Array.from({ length: e.value.length }), P.immediate(), G();
     },
     { deep: !0 }
   ), {
@@ -8557,9 +8584,9 @@ function useVirtual(n, e) {
     paddingTop: a,
     paddingBottom: i,
     scrollToIndex: H,
-    handleScroll: x,
+    handleScroll: V,
     handleScrollend: D,
-    handleItemResize: S
+    handleItemResize: b
   };
 }
 function binaryClosest(n, e) {
@@ -8867,46 +8894,46 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     function y() {
       if (!a.value)
         return 0;
-      const E = o.direction === "vertical" ? "clientHeight" : "clientWidth";
-      return a.value[E];
+      const S = o.direction === "vertical" ? "clientHeight" : "clientWidth";
+      return a.value[S];
     }
     function v() {
       if (!a.value)
         return 0;
-      const E = o.direction === "vertical" ? "scrollTop" : "scrollLeft";
-      return a.value[E];
+      const S = o.direction === "vertical" ? "scrollTop" : "scrollLeft";
+      return a.value[S];
     }
     function k() {
       if (!a.value)
         return 0;
-      const E = o.direction === "vertical" ? "scrollHeight" : "scrollWidth";
-      return a.value[E];
+      const S = o.direction === "vertical" ? "scrollHeight" : "scrollWidth";
+      return a.value[S];
     }
-    function w(E) {
-      return E === "start" ? i.value : l.value;
+    function w(S) {
+      return S === "start" ? i.value : l.value;
     }
-    const C = debounce((E) => {
-      d.value && !m.value && S(E);
+    const P = debounce((S) => {
+      d.value && !m.value && b(S);
     }, o.intersectDelay);
-    function b(E, x) {
-      d.value = x, C(E);
+    function E(S, V) {
+      d.value = V, P(S);
     }
-    function S(E) {
+    function b(S) {
       if (o.mode !== "manual" && !d.value)
         return;
-      const x = w(E);
-      if (!a.value || ["finished", "loading"].includes(x))
+      const V = w(S);
+      if (!a.value || ["finished", "loading"].includes(V))
         return;
-      f = k(), B(E, "loading");
+      f = k(), C(S, "loading");
       function D(W) {
-        B(E, W), nextTick(() => {
-          W === "finished" || W === "error" || (W === "ok" && E === "start" && _(
+        C(S, W), nextTick(() => {
+          W === "finished" || W === "error" || (W === "ok" && S === "start" && _(
             k() - f + v()
           ), o.mode !== "manual" && nextTick(() => {
             window.requestAnimationFrame(() => {
               window.requestAnimationFrame(() => {
                 window.requestAnimationFrame(() => {
-                  S(E);
+                  b(S);
                 });
               });
             });
@@ -8914,36 +8941,36 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         });
       }
       t("load", {
-        side: E,
+        side: S,
         error: () => D("error"),
         done: () => D("finished"),
         next: () => D("ok")
       });
     }
-    function _(E) {
+    function _(S) {
       if (!a.value)
         return;
-      const x = o.direction === "vertical" ? "scrollTop" : "scrollLeft";
-      a.value[x] = E;
+      const V = o.direction === "vertical" ? "scrollTop" : "scrollLeft";
+      a.value[V] = S;
     }
-    function B(E, x) {
-      E === "start" ? i.value = x : E === "end" && (l.value = x);
+    function C(S, V) {
+      S === "start" ? i.value = V : S === "end" && (l.value = V);
     }
     onMounted(() => {
-      V();
+      x();
     });
-    function V(E = "ok") {
-      a.value && (d.value = !1, o.side === "start" ? _(k()) : o.side === "both" ? _(k() / 2 - y() / 2) : _(0), B("start", E), B("end", E));
+    function x(S = "ok") {
+      a.value && (d.value = !1, o.side === "start" ? _(k()) : o.side === "both" ? _(k() / 2 - y() / 2) : _(0), C("start", S), C("end", S));
     }
-    const L = computed(() => ({
+    const M = computed(() => ({
       mode: o.mode,
       textFinished: o.textFinished,
       textMore: o.textMore
     }));
     return e({
-      reset: V,
+      reset: x,
       rootElement: a
-    }), (E, x) => (openBlock(), createBlock(resolveDynamicComponent(o.tag), {
+    }), (S, V) => (openBlock(), createBlock(resolveDynamicComponent(o.tag), {
       ref_key: "rootEl",
       ref: a,
       class: normalizeClass([
@@ -8960,36 +8987,36 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         ["start", "both"].includes(o.side) && !m.value ? (openBlock(), createBlock(_sfc_main$I, mergeProps({
           key: 0,
           side: "start"
-        }, L.value, {
+        }, M.value, {
           status: i.value,
           "show-finished": o.showFinished,
-          "onClick:more": x[0] || (x[0] = (D) => S("start"))
+          "onClick:more": V[0] || (V[0] = (D) => b("start"))
         }), createSlots({ _: 2 }, [
           unref(r).finished ? {
             name: "finished",
             fn: withCtx(({ side: D }) => [
-              renderSlot(E.$slots, "finished", { side: D })
+              renderSlot(S.$slots, "finished", { side: D })
             ]),
             key: "0"
           } : void 0,
           unref(r).error ? {
             name: "error",
             fn: withCtx(({ side: D }) => [
-              renderSlot(E.$slots, "error", { side: D })
+              renderSlot(S.$slots, "error", { side: D })
             ]),
             key: "1"
           } : void 0,
           unref(r).loading ? {
             name: "loading",
             fn: withCtx(({ side: D }) => [
-              renderSlot(E.$slots, "loading", { side: D })
+              renderSlot(S.$slots, "loading", { side: D })
             ]),
             key: "2"
           } : void 0,
           unref(r).more ? {
             name: "more",
             fn: withCtx(({ side: D, props: W }) => [
-              renderSlot(E.$slots, "more", {
+              renderSlot(S.$slots, "more", {
                 side: D,
                 props: W
               })
@@ -9002,49 +9029,49 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           side: "start",
           "root-ref": a.value,
           "root-margin": c.value,
-          onIntersect: b
+          onIntersect: E
         }, null, 8, ["root-ref", "root-margin"])) : createCommentVNode("", !0),
-        renderSlot(E.$slots, "default"),
+        renderSlot(S.$slots, "default"),
         a.value && g.value && p.value && !m.value ? (openBlock(), createBlock(_sfc_main$H, {
           key: "end",
           side: "end",
           "root-ref": a.value,
           "root-margin": c.value,
-          onIntersect: b
+          onIntersect: E
         }, null, 8, ["root-ref", "root-margin"])) : createCommentVNode("", !0),
         ["end", "both"].includes(o.side) && !m.value ? (openBlock(), createBlock(_sfc_main$I, mergeProps({
           key: 3,
           side: "end"
-        }, L.value, {
+        }, M.value, {
           status: l.value,
           "show-finished": o.showFinished,
-          "onClick:more": x[1] || (x[1] = (D) => S("end"))
+          "onClick:more": V[1] || (V[1] = (D) => b("end"))
         }), createSlots({ _: 2 }, [
           unref(r).finished ? {
             name: "finished",
             fn: withCtx(({ side: D }) => [
-              renderSlot(E.$slots, "finished", { side: D })
+              renderSlot(S.$slots, "finished", { side: D })
             ]),
             key: "0"
           } : void 0,
           unref(r).error ? {
             name: "error",
             fn: withCtx(({ side: D }) => [
-              renderSlot(E.$slots, "error", { side: D })
+              renderSlot(S.$slots, "error", { side: D })
             ]),
             key: "1"
           } : void 0,
           unref(r).loading ? {
             name: "loading",
             fn: withCtx(({ side: D }) => [
-              renderSlot(E.$slots, "loading", { side: D })
+              renderSlot(S.$slots, "loading", { side: D })
             ]),
             key: "2"
           } : void 0,
           unref(r).more ? {
             name: "more",
             fn: withCtx(({ side: D, props: W }) => [
-              renderSlot(E.$slots, "more", {
+              renderSlot(S.$slots, "more", {
                 side: D,
                 props: W
               })
@@ -9076,22 +9103,22 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       markerRef: v,
       paddingTop: k,
       paddingBottom: w,
-      computedItems: C,
-      handleItemResize: b,
-      handleScroll: S,
+      computedItems: P,
+      handleItemResize: E,
+      handleScroll: b,
       handleScrollend: _
-    } = useVirtual(o, f), B = computed(() => c.value.length + (o.showSelect ? 1 : 0)), { t: V } = useLocaleFunctions(), L = useModelProxy(o, "sort"), E = useModelProxy(o, "search"), x = ref(), D = computed(() => s.value), W = computed(() => {
+    } = useVirtual(o, f), C = computed(() => c.value.length + (o.showSelect ? 1 : 0)), { t: x } = useLocaleFunctions(), M = useModelProxy(o, "sort"), S = useModelProxy(o, "search"), V = ref(), D = computed(() => s.value), W = computed(() => {
       var A;
       return !((A = a.value) != null && A.length);
     }), G = computed(() => omit(filterComponentProps(_sfc_main$K, o), [
       "loading",
       "search",
       "sort"
-    ])), F = computed(() => toWebUnit(k.value)), H = computed(() => toWebUnit(w.value));
+    ])), N = computed(() => toWebUnit(k.value)), H = computed(() => toWebUnit(w.value));
     watch(
       () => {
         var A;
-        return (A = x.value) == null ? void 0 : A.rootElement;
+        return (A = V.value) == null ? void 0 : A.rootElement;
       },
       (A) => {
         y.value = A;
@@ -9106,27 +9133,27 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     function K() {
       s.value = !0;
       const A = 1;
-      function T(N, U = !1) {
-        a.value = N, i.value = A, nextTick(() => {
+      function T(F, U = !1) {
+        a.value = F, i.value = A, nextTick(() => {
           z(
-            N.length < o.itemsPerPage || U ? "finished" : "ok"
+            F.length < o.itemsPerPage || U ? "finished" : "ok"
           ), s.value = !1;
         });
       }
       t("load", { setPageItems: T, page: A });
     }
-    function I(A) {
+    function R(A) {
       const T = i.value + 1;
-      function N(U, Y = !1) {
+      function F(U, Y = !1) {
         a.value.push(...U), i.value = T, U.length < o.itemsPerPage || Y ? A.done() : A.next();
       }
-      t("load", { setPageItems: N, page: T });
+      t("load", { setPageItems: F, page: T });
     }
     function z(A = "ok") {
       var T;
-      (T = x.value) == null || T.reset(A);
+      (T = V.value) == null || T.reset(A);
     }
-    function M(A) {
+    function L(A) {
       return {
         width: calculateDisplayRuleValue(A.width),
         minWidth: calculateDisplayRuleValue(A.minWidth),
@@ -9144,14 +9171,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       style: normalizeStyle([unref(l), o.style])
     }, [
       createVNode(unref(_sfc_main$K), mergeProps(G.value, {
-        search: unref(E),
+        search: unref(S),
         "onUpdate:search": [
-          T[0] || (T[0] = (N) => isRef(E) ? E.value = N : null),
+          T[0] || (T[0] = (F) => isRef(S) ? S.value = F : null),
           K
         ],
-        sort: unref(L),
+        sort: unref(M),
         "onUpdate:sort": [
-          T[1] || (T[1] = (N) => isRef(L) ? L.value = N : null),
+          T[1] || (T[1] = (F) => isRef(M) ? M.value = F : null),
           K
         ],
         loading: unref(s),
@@ -9175,17 +9202,17 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       ]), 1040, ["search", "sort", "loading", "hide-select-all", "filters"]),
       W.value ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
         renderSlot(A.$slots, "empty", {}, () => [
-          createTextVNode(toDisplayString(unref(V)("table.empty")), 1)
+          createTextVNode(toDisplayString(unref(x)("table.empty")), 1)
         ])
       ])) : (openBlock(), createBlock(unref(_sfc_main$G), {
         key: 1,
         ref_key: "infiniteScrollRef",
-        ref: x,
+        ref: V,
         class: "ev-data-table--wrapper",
         disabled: D.value,
         "show-finished": o.showFinished,
-        onLoad: I,
-        onScrollPassive: unref(S),
+        onLoad: R,
+        onScrollPassive: unref(b),
         onScrollend: unref(_)
       }, createSlots({
         default: withCtx(() => [
@@ -9193,14 +9220,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             renderSlot(A.$slots, "colgroup", {}, () => [
               createElementVNode("colgroup", null, [
                 o.showSelect ? (openBlock(), createElementBlock("col", _hoisted_3$d)) : createCommentVNode("", !0),
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(c), (N, U) => (openBlock(), createElementBlock("col", {
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(c), (F, U) => (openBlock(), createElementBlock("col", {
                   key: U,
-                  style: normalizeStyle(M(N))
+                  style: normalizeStyle(L(F))
                 }, null, 4))), 128))
               ])
             ]),
             o.showHeaders ? (openBlock(), createElementBlock("thead", _hoisted_4$b, [
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(d), (N, U) => (openBlock(), createElementBlock("tr", { key: U }, [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(d), (F, U) => (openBlock(), createElementBlock("tr", { key: U }, [
                 unref(g) && U === 0 ? (openBlock(), createBlock(unref(_sfc_main$_), {
                   key: 0,
                   tag: "th",
@@ -9217,7 +9244,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["rowspan"])) : createCommentVNode("", !0),
-                (openBlock(!0), createElementBlock(Fragment, null, renderList(N, (Y, O) => (openBlock(), createBlock(unref(_sfc_main$_), mergeProps({
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(F, (Y, O) => (openBlock(), createBlock(unref(_sfc_main$_), mergeProps({
                   key: O,
                   tag: "th"
                 }, Y.headerProps, {
@@ -9239,23 +9266,23 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 ref_key: "markerRef",
                 ref: v,
                 class: "ev-data-table--spacer-above",
-                style: normalizeStyle({ height: F.value, border: 0 })
+                style: normalizeStyle({ height: N.value, border: 0 })
               }, [
                 createElementVNode("td", {
-                  colspan: B.value,
+                  colspan: C.value,
                   style: { height: 0, border: 0 }
                 }, null, 8, _hoisted_6$4)
               ], 4),
-              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(C), (N) => (openBlock(), createBlock(_sfc_main$J, {
-                key: N.index,
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(P), (F) => (openBlock(), createBlock(_sfc_main$J, {
+                key: F.index,
                 renderless: "",
-                "onUpdate:height": (U) => unref(b)(N.index, U)
+                "onUpdate:height": (U) => unref(E)(F.index, U)
               }, {
                 default: withCtx(({ itemRef: U }) => [
                   createVNode(unref(_sfc_main$Z), normalizeProps(guardReactiveProps({
                     ref: U,
-                    item: N.raw,
-                    index: N.index,
+                    item: F.raw,
+                    index: F.index,
                     ...unref(getPrefixedEventHandlers)(
                       o,
                       ":row",
@@ -9282,7 +9309,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 style: normalizeStyle({ height: H.value, border: 0 })
               }, [
                 createElementVNode("td", {
-                  colspan: B.value,
+                  colspan: C.value,
                   style: { height: 0, border: 0 }
                 }, null, 8, _hoisted_7$2)
               ], 4)
@@ -9364,7 +9391,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     }), l = computed(() => {
       const u = i.value.flat(), g = t.date();
       return u.map((p, y) => {
-        const v = t.toISO(p), k = !t.isSameMonth(p, a.value), w = e.selectionMode === "range" && o.value[0] && t.isAfter(p, o.value[0]) && o.value[1] && t.isBefore(p, o.value[1]), C = e.selectionMode === "range" && o.value[0] && t.isSameDay(p, o.value[0]), b = e.selectionMode === "range" && o.value[1] && t.isSameDay(p, o.value[1]);
+        const v = t.toISO(p), k = !t.isSameMonth(p, a.value), w = e.selectionMode === "range" && o.value[0] && t.isAfter(p, o.value[0]) && o.value[1] && t.isBefore(p, o.value[1]), P = e.selectionMode === "range" && o.value[0] && t.isSameDay(p, o.value[0]), E = e.selectionMode === "range" && o.value[1] && t.isSameDay(p, o.value[1]);
         return {
           date: p,
           isoDate: v,
@@ -9375,13 +9402,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           isWeekStart: y % 7 === 0,
           isWeekEnd: y % 7 === 6,
           isSelected: o.value.some(
-            (S) => t.isSameDay(p, S)
+            (b) => t.isSameDay(p, b)
           ),
           isToday: t.isSameDay(p, g),
           isAdjacent: k,
           isInRange: w,
-          isRangeStart: C,
-          isRangeEnd: b,
+          isRangeStart: P,
+          isRangeEnd: E,
           isHidden: k && !e.showAdjacentMonths,
           isHovered: !1,
           localized: t.format(p, "dayOfMonth")
@@ -9766,15 +9793,15 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       t,
       "modelValue",
       void 0,
-      (C) => wrapInArray(C)
+      (P) => wrapInArray(P)
     ), a = computed(() => {
-      var b;
-      const C = o.date((b = s.value) == null ? void 0 : b[0]);
-      return C && o.isValid(C) ? C : o.date();
+      var E;
+      const P = o.date((E = s.value) == null ? void 0 : E[0]);
+      return P && o.isValid(P) ? P : o.date();
     });
-    watch(s, (C, b) => {
-      const S = o.date(wrapInArray(C)[0]), _ = o.date(wrapInArray(b)[0]);
-      r.value = o.isBefore(S, _);
+    watch(s, (P, E) => {
+      const b = o.date(wrapInArray(P)[0]), _ = o.date(wrapInArray(E)[0]);
+      r.value = o.isBefore(b, _);
     });
     const i = useModelProxy(t, "viewMode"), l = ref(
       Number(
@@ -9783,8 +9810,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     ), c = computed(
       () => filterComponentProps(_sfc_main$E, t)
     ), d = computed(() => {
-      const C = o.startOfMonth(o.date());
-      return o.format(o.setMonth(C, l.value), "month");
+      const P = o.startOfMonth(o.date());
+      return o.format(o.setMonth(P, l.value), "month");
     });
     watch(l, () => {
       i.value === "months" && k();
@@ -9807,11 +9834,11 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       i.value === "years" && w();
     });
     const g = computed(() => {
-      const C = o.date(t.min);
-      return t.min && o.isValid(C) ? C : null;
+      const P = o.date(t.min);
+      return t.min && o.isValid(P) ? P : null;
     }), p = computed(() => {
-      const C = o.date(t.max);
-      return t.max && o.isValid(C) ? C : null;
+      const P = o.date(t.max);
+      return t.max && o.isValid(P) ? P : null;
     });
     function y() {
       l.value < 11 ? l.value++ : (f.value++, l.value = 0, e("update:year", f.value)), e("update:month", l.value);
@@ -9825,17 +9852,17 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     function w() {
       i.value = i.value === "years" ? "month" : "years";
     }
-    return (C, b) => (openBlock(), createElementBlock("div", _hoisted_1$g, [
+    return (P, E) => (openBlock(), createElementBlock("div", _hoisted_1$g, [
       createElementVNode("div", _hoisted_2$c, [
         createVNode(unref(_sfc_main$1c), {
           variant: "subtle",
           text: d.value,
-          onClick: b[0] || (b[0] = (S) => k())
+          onClick: E[0] || (E[0] = (b) => k())
         }, null, 8, ["text"]),
         createVNode(unref(_sfc_main$1c), {
           variant: "subtle",
           text: u.value,
-          onClick: b[1] || (b[1] = (S) => w())
+          onClick: E[1] || (E[1] = (b) => w())
         }, null, 8, ["text"]),
         createVNode(unref(_sfc_main$y)),
         createElementVNode("div", _hoisted_3$c, [
@@ -9844,7 +9871,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             variant: "subtle",
             disabled: unref(i) !== "month",
             icon: unref(ChevronLeftIcon),
-            onClick: b[2] || (b[2] = (S) => v())
+            onClick: E[2] || (E[2] = (b) => v())
           }, null, 8, ["disabled", "icon"])
         ]),
         createElementVNode("div", _hoisted_4$a, [
@@ -9853,26 +9880,26 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             variant: "subtle",
             disabled: unref(i) !== "month",
             icon: unref(ChevronRightIcon),
-            onClick: b[3] || (b[3] = (S) => y())
+            onClick: E[3] || (E[3] = (b) => y())
           }, null, 8, ["disabled", "icon"])
         ])
       ]),
       unref(i) === "years" ? (openBlock(), createBlock(unref(_sfc_main$D), mergeProps({ key: 0 }, m.value, {
         modelValue: f.value,
-        "onUpdate:modelValue": b[4] || (b[4] = (S) => f.value = S),
+        "onUpdate:modelValue": E[4] || (E[4] = (b) => f.value = b),
         min: g.value,
         max: p.value
       }), null, 16, ["modelValue", "min", "max"])) : unref(i) === "months" ? (openBlock(), createBlock(unref(_sfc_main$C), {
         key: 1,
         modelValue: l.value,
-        "onUpdate:modelValue": b[5] || (b[5] = (S) => l.value = S)
+        "onUpdate:modelValue": E[5] || (E[5] = (b) => l.value = b)
       }, null, 8, ["modelValue"])) : (openBlock(), createBlock(unref(_sfc_main$E), mergeProps({ key: 2 }, c.value, {
         modelValue: unref(s),
-        "onUpdate:modelValue": b[6] || (b[6] = (S) => isRef(s) ? s.value = S : null),
+        "onUpdate:modelValue": E[6] || (E[6] = (b) => isRef(s) ? s.value = b : null),
         month: l.value,
-        "onUpdate:month": b[7] || (b[7] = (S) => l.value = S),
+        "onUpdate:month": E[7] || (E[7] = (b) => l.value = b),
         year: f.value,
-        "onUpdate:year": b[8] || (b[8] = (S) => f.value = S),
+        "onUpdate:year": E[8] || (E[8] = (b) => f.value = b),
         min: g.value,
         max: p.value
       }), null, 16, ["modelValue", "month", "year", "min", "max"]))
@@ -9899,8 +9926,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       e,
       "modelValue",
       void 0,
-      (b) => wrapInArray(b),
-      (b) => b[0] ?? null
+      (E) => wrapInArray(E),
+      (E) => E[0] ?? null
     ), m = shallowRef(null);
     function u() {
       i.value && s.value && s.value.focus();
@@ -9908,11 +9935,11 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     function g() {
       i.value = !0, d.value = !0;
     }
-    function p(b) {
-      var S;
-      (S = l.value) != null && S.$el.contains(b.relatedTarget) || (d.value = !1);
+    function p(E) {
+      var b;
+      (b = l.value) != null && b.$el.contains(E.relatedTarget) || (d.value = !1);
     }
-    function y(b) {
+    function y(E) {
       i.value = !0;
     }
     function v() {
@@ -9921,45 +9948,45 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     function k() {
       w(null);
     }
-    function w(b) {
-      f.value = wrapInArray(b);
+    function w(E) {
+      f.value = wrapInArray(E);
     }
-    function C(b) {
+    function P(E) {
       var _;
       if (!((_ = m.value) != null && _.length)) {
         w(null);
         return;
       }
-      const S = t.date(m.value);
-      S && t.isValid(S) && t.getYear(S).toString().length === 4 && t.format(S, "displayDate") === m.value && w(S);
+      const b = t.date(m.value);
+      b && t.isValid(b) && t.getYear(b).toString().length === 4 && t.format(b, "displayDate") === m.value && w(b);
     }
     return watch(f, () => {
-      const b = f.value[0] ?? null;
-      !b || !t.isValid(b) ? m.value = null : m.value = t.format(
+      const E = f.value[0] ?? null;
+      !E || !t.isValid(E) ? m.value = null : m.value = t.format(
         f.value[0],
         "displayDate"
       );
-    }), (b, S) => (openBlock(), createBlock(unref(_sfc_main$M), mergeProps({
+    }), (E, b) => (openBlock(), createBlock(unref(_sfc_main$M), mergeProps({
       ref_key: "evTextfieldRef",
       ref: s
     }, a.value, {
       modelValue: m.value,
-      "onUpdate:modelValue": S[3] || (S[3] = (_) => m.value = _),
+      "onUpdate:modelValue": b[3] || (b[3] = (_) => m.value = _),
       focused: i.value,
-      "onUpdate:focused": S[4] || (S[4] = (_) => i.value = _),
+      "onUpdate:focused": b[4] || (b[4] = (_) => i.value = _),
       class: "ev-date-field",
       "validation-value": unref(f),
       "onClick:control": g,
       onBlur: p,
       "onClick:clear": k,
-      onInput: C
+      onInput: P
     }), createSlots({
       default: withCtx(() => [
         createVNode(unref(_sfc_main$R), {
           ref_key: "evMenuRef",
           ref: r,
           modelValue: d.value,
-          "onUpdate:modelValue": S[2] || (S[2] = (_) => d.value = _),
+          "onUpdate:modelValue": b[2] || (b[2] = (_) => d.value = _),
           activator: "parent",
           position: "bottom-start",
           "open-on-click": !1,
@@ -9978,8 +10005,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 }, c.value, {
                   modelValue: unref(f),
                   "onUpdate:modelValue": [
-                    S[0] || (S[0] = (_) => isRef(f) ? f.value = _ : null),
-                    S[1] || (S[1] = (_) => v())
+                    b[0] || (b[0] = (_) => isRef(f) ? f.value = _ : null),
+                    b[1] || (b[1] = (_) => v())
                   ],
                   onFocusin: y
                 }), null, 16, ["modelValue"])
@@ -9995,7 +10022,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       e.label || unref(o).label ? {
         name: "label",
         fn: withCtx(() => [
-          renderSlot(b.$slots, "label", {}, () => [
+          renderSlot(E.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(e.label), 1)
           ])
         ]),
@@ -10016,18 +10043,18 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   setup(n) {
     const e = n;
     function t(c, d) {
-      const f = getTargetRect(c), m = adjustedBoundingRect(d), [u, g] = getComputedStyle(d).transformOrigin.split(" ").map((L) => parseFloat(L)), [p, y] = getComputedStyle(d).getPropertyValue("--ev-overlay-position").split(" ");
+      const f = getTargetRect(c), m = adjustedBoundingRect(d), [u, g] = getComputedStyle(d).transformOrigin.split(" ").map((M) => parseFloat(M)), [p, y] = getComputedStyle(d).getPropertyValue("--ev-overlay-position").split(" ");
       let v = f.left + f.width / 2;
       p === "left" || y === "left" ? v -= f.width / 2 : (p === "right" || y === "right") && (v += f.width / 2);
       let k = f.top + f.height / 2;
       p === "top" || y === "top" ? k -= f.height / 2 : (p === "bottom" || y === "bottom") && (k += f.height / 2);
-      const w = f.width / m.width, C = f.height / m.height, b = Math.max(1, w, C), S = w / b || 0, _ = C / b || 0, B = m.width * m.height / (window.innerWidth * window.innerHeight), V = B > 0.12 ? Math.min(1.5, (B - 0.12) * 10 + 1) : 1;
+      const w = f.width / m.width, P = f.height / m.height, E = Math.max(1, w, P), b = w / E || 0, _ = P / E || 0, C = m.width * m.height / (window.innerWidth * window.innerHeight), x = C > 0.12 ? Math.min(1.5, (C - 0.12) * 10 + 1) : 1;
       return {
         x: v - (u + m.left),
         y: k - (g + m.top),
-        sx: S,
+        sx: b,
         sy: _,
-        speed: V
+        speed: x
       };
     }
     function o(c) {
@@ -10263,22 +10290,22 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc
       }
     ), s = computed(() => o.direction === "horizontal"), a = computed(() => filterComponentProps(_sfc_main$1c, o)), i = ref(), l = ref();
     function c({ value: d }) {
-      var x, D;
+      var V, D;
       if (!d)
         return;
-      const f = (D = (x = i.value) == null ? void 0 : x.$el.parentElement) == null ? void 0 : D.querySelector(
+      const f = (D = (V = i.value) == null ? void 0 : V.$el.parentElement) == null ? void 0 : D.querySelector(
         ".ev-tab.is-active .ev-tab--slider"
       ), m = l.value;
       if (!f || !m)
         return;
-      const u = getComputedStyle(f).color, g = f.getBoundingClientRect(), p = m.getBoundingClientRect(), y = s.value ? "x" : "y", v = s.value ? "X" : "Y", k = s.value ? "right" : "bottom", w = s.value ? "width" : "height", C = g[y], b = p[y], S = C > b ? g[k] - p[k] : g[y] - p[y], _ = 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 ? g[w] : p[w])) / Math.max(g[w], p[w]) || 0, L = g[w] / p[w] || 0, E = 1.5;
+      const u = getComputedStyle(f).color, g = f.getBoundingClientRect(), p = m.getBoundingClientRect(), y = s.value ? "x" : "y", v = s.value ? "X" : "Y", k = s.value ? "right" : "bottom", w = s.value ? "width" : "height", P = g[y], E = p[y], b = P > E ? g[k] - p[k] : g[y] - p[y], _ = Math.sign(b) > 0 ? s.value ? "right" : "bottom" : Math.sign(b) < 0 ? s.value ? "left" : "top" : "center", x = (Math.abs(b) + (Math.sign(b) < 0 ? g[w] : p[w])) / Math.max(g[w], p[w]) || 0, M = g[w] / p[w] || 0, S = 1.5;
       animate(
         m,
         {
           backgroundColor: [u, "currentcolor"],
           transform: [
-            `translate${v}(${S}px) scale${v}(${L})`,
-            `translate${v}(${S / E}px) scale${v}(${(V - 1) / E + 1})`,
+            `translate${v}(${b}px) scale${v}(${M})`,
+            `translate${v}(${b / S}px) scale${v}(${(x - 1) / S + 1})`,
             "none"
           ],
           transformOrigin: Array(3).fill(_)
@@ -10434,8 +10461,8 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc
           return "small";
       }
     }), g = computed(() => s.value), p = computed(() => {
-      var k, w, C;
-      const y = !!((k = t.actions) != null && k.length), v = ((C = (w = t.actions) == null ? void 0 : w.at(-1)) == null ? void 0 : C.variant) ?? "subtle";
+      var k, w, P;
+      const y = !!((k = t.actions) != null && k.length), v = ((P = (w = t.actions) == null ? void 0 : w.at(-1)) == null ? void 0 : P.variant) ?? "subtle";
       return a.value || y && v === "subtle";
     });
     return (y, v) => (openBlock(), createElementBlock("div", {
@@ -10552,44 +10579,44 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc
       },
       o.activatorProps
     )), d = computed(() => {
-      const F = {
+      const N = {
         actions: o.headerActions,
         closeable: o.closeable,
         icon: o.icon,
         title: o.title
       }, H = o.headerProps ?? {};
-      return Object.assign(F, H);
+      return Object.assign(N, H);
     }), f = computed(() => {
-      const F = {
+      const N = {
         padding: !o.noPadding
       }, H = o.bodyProps ?? {};
-      return Object.assign(F, H);
+      return Object.assign(N, H);
     }), m = computed(() => {
-      const F = o.width ?? DialogSizeToWidth[DialogSize.medium];
-      return DialogSizeToWidth[F] ?? F;
+      const N = o.width ?? DialogSizeToWidth[DialogSize.medium];
+      return DialogSizeToWidth[N] ?? N;
     });
-    function u(F) {
-      var I, z;
-      const H = F.relatedTarget, K = F.target;
-      if (H !== K && ((I = s.value) != null && I.contentEl) && ((z = s.value) != null && z.isTopGlobal) && ![document, s.value.contentEl].includes(K) && !s.value.contentEl.contains(K)) {
-        const M = getFocusableChildren(s.value.contentEl);
-        if (!M.length)
+    function u(N) {
+      var R, z;
+      const H = N.relatedTarget, K = N.target;
+      if (H !== K && ((R = s.value) != null && R.contentEl) && ((z = s.value) != null && z.isTopGlobal) && ![document, s.value.contentEl].includes(K) && !s.value.contentEl.contains(K)) {
+        const L = getFocusableChildren(s.value.contentEl);
+        if (!L.length)
           return;
-        const A = M[0], T = M[M.length - 1];
+        const A = L[0], T = L[L.length - 1];
         H === A ? T.focus() : A.focus();
       }
     }
     Browser.hasWindow && watch(
       () => a.value && o.retainFocus,
-      (F) => {
-        F ? document.addEventListener("focusin", u) : document.removeEventListener("focusin", u);
+      (N) => {
+        N ? document.addEventListener("focusin", u) : document.removeEventListener("focusin", u);
       },
       {
         immediate: !0
       }
-    ), watch(a, async (F) => {
+    ), watch(a, async (N) => {
       var H, K;
-      await nextTick(), F ? (H = s.value.contentEl) == null || H.focus({ preventScroll: !0 }) : (K = s.value.activatorEl) == null || K.focus({ preventScroll: !0 });
+      await nextTick(), N ? (H = s.value.contentEl) == null || H.focus({ preventScroll: !0 }) : (K = s.value.activatorEl) == null || K.focus({ preventScroll: !0 });
     });
     function g() {
       a.value = !1;
@@ -10598,40 +10625,40 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc
       close: g
     });
     let p = !1, y = null, v = null, k = null, w = null;
-    function C(F) {
-      !o.draggable || F.target instanceof Element && F.target.closest("[data-no-drag]") || (p = !0, y = F.pageX, v = F.pageY, document.body.style.userSelect = "none", t("dragstart", F));
+    function P(N) {
+      !o.draggable || N.target instanceof Element && N.target.closest("[data-no-drag]") || (p = !0, y = N.pageX, v = N.pageY, document.body.style.userSelect = "none", t("dragstart", N));
     }
-    function b() {
-      t("open"), L();
+    function E() {
+      t("open"), M();
     }
-    function S() {
+    function b() {
       t("after-open");
     }
     function _() {
       p && w && w();
     }
-    function B() {
+    function C() {
       t("close");
     }
-    function V() {
+    function x() {
       D(), t("after-close");
     }
-    function L() {
-      o.draggable && (E(), x());
+    function M() {
+      o.draggable && (S(), V());
     }
-    function E() {
-      k = (F) => {
+    function S() {
+      k = (N) => {
         var K;
         const H = (K = s.value) == null ? void 0 : K.contentEl;
         if (p && H) {
-          const I = getOuterWidth(H), z = getOuterHeight(H), M = F.pageX - y, A = F.pageY - v, T = H.getBoundingClientRect(), N = T.left + M, U = T.top + A, Y = getViewport(), O = getComputedStyle(H), q = parseFloat(O.marginLeft), Z = parseFloat(O.marginTop);
-          H.style.position = "fixed", o.dragWithinViewport ? (N >= o.dragMinX && N + I < Y.width && (y = F.pageX, H.style.left = N - q + "px"), U >= o.dragMinY && U + z < Y.height && (v = F.pageY, H.style.top = U - Z + "px")) : (y = F.pageX, H.style.left = N - q + "px", v = F.pageY, H.style.top = U - Z + "px");
+          const R = getOuterWidth(H), z = getOuterHeight(H), L = N.pageX - y, A = N.pageY - v, T = H.getBoundingClientRect(), F = T.left + L, U = T.top + A, Y = getViewport(), O = getComputedStyle(H), q = parseFloat(O.marginLeft), Z = parseFloat(O.marginTop);
+          H.style.position = "fixed", o.dragWithinViewport ? (F >= o.dragMinX && F + R < Y.width && (y = N.pageX, H.style.left = F - q + "px"), U >= o.dragMinY && U + z < Y.height && (v = N.pageY, H.style.top = U - Z + "px")) : (y = N.pageX, H.style.left = F - q + "px", v = N.pageY, H.style.top = U - Z + "px");
         }
       }, window.document.addEventListener("mousemove", k);
     }
-    function x() {
-      w = (F) => {
-        p && (p = !1, document.body.style.userSelect = "", t("dragend", F));
+    function V() {
+      w = (N) => {
+        p && (p = !1, document.body.style.userSelect = "", t("dragend", N));
       }, window.document.addEventListener("mouseup", w);
     }
     function D() {
@@ -10645,7 +10672,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc
     }
     return onBeforeUnmount(() => {
       D();
-    }), (F, H) => (openBlock(), createBlock(unref(_sfc_main$S), mergeProps({
+    }), (N, H) => (openBlock(), createBlock(unref(_sfc_main$S), mergeProps({
       ref_key: "overlayRef",
       ref: s
     }, l.value, {
@@ -10664,14 +10691,14 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc
       style: o.style,
       "activator-props": c.value,
       width: m.value,
-      onEnter: b,
-      onAfterEnter: S,
+      onEnter: E,
+      onAfterEnter: b,
       onBeforeLeave: _,
-      onLeave: B,
-      onAfterLeave: V
+      onLeave: C,
+      onAfterLeave: x
     }), createSlots({
       default: withCtx(() => [
-        unref(r).container ? renderSlot(F.$slots, "container", { key: 0 }) : (openBlock(), createBlock(_sfc_main$14, {
+        unref(r).container ? renderSlot(N.$slots, "container", { key: 0 }) : (openBlock(), createBlock(_sfc_main$14, {
           key: 1,
           class: "ev-dialog--surface",
           elevation: "overlay",
@@ -10682,24 +10709,24 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc
               key: 0,
               modelValue: unref(a),
               "onUpdate:modelValue": H[0] || (H[0] = (K) => isRef(a) ? a.value = K : null)
-            }, d.value, { onMousedown: C }), createSlots({ _: 2 }, [
+            }, d.value, { onMousedown: P }), createSlots({ _: 2 }, [
               unref(r).header ? {
                 name: "default",
                 fn: withCtx(() => [
-                  renderSlot(F.$slots, "header")
+                  renderSlot(N.$slots, "header")
                 ]),
                 key: "0"
               } : void 0
             ]), 1040, ["modelValue"])),
             createVNode(_sfc_main$u, normalizeProps(guardReactiveProps(f.value)), {
               default: withCtx(() => [
-                renderSlot(F.$slots, "default")
+                renderSlot(N.$slots, "default")
               ]),
               _: 3
             }, 16),
             unref(r).footer ? (openBlock(), createBlock(EvDialogFooter, { key: 1 }, {
               default: withCtx(() => [
-                renderSlot(F.$slots, "footer")
+                renderSlot(N.$slots, "footer")
               ]),
               _: 3
             })) : createCommentVNode("", !0)
@@ -10711,10 +10738,10 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc
     }, [
       unref(r).activator ? {
         name: "activator",
-        fn: withCtx(({ isActive: K, props: I }) => [
-          renderSlot(F.$slots, "activator", {
+        fn: withCtx(({ isActive: K, props: R }) => [
+          renderSlot(N.$slots, "activator", {
             isActive: K,
-            props: I
+            props: R
           })
         ]),
         key: "0"
@@ -10980,6 +11007,9 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc
   emits: ["update:modelValue", "submit"],
   setup(n, { expose: e, emit: t }) {
     const o = n, r = ref(), s = createForm(o);
+    e({
+      form: s
+    });
     function a(l) {
       l.preventDefault(), s.reset();
     }
@@ -10990,9 +11020,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc
         f && ((m = r.value) == null || m.submit());
       }), c.preventDefault();
     }
-    return e({
-      ...s.expose()
-    }), (l, c) => (openBlock(), createElementBlock("form", {
+    return (l, c) => (openBlock(), createElementBlock("form", {
       ref_key: "formRef",
       ref: r,
       novalidate: "",
@@ -11001,7 +11029,7 @@ const EvDialogFooter = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc
       onReset: a,
       onSubmit: i
     }, [
-      renderSlot(l.$slots, "default")
+      renderSlot(l.$slots, "default", normalizeProps(guardReactiveProps({ form: unref(s) })))
     ], 38));
   }
 }), makeEvFormHelpProps = propsFactory(
@@ -11238,12 +11266,12 @@ const LinkExternalIcon = { render }, _hoisted_1$a = ["href"], _sfc_main$g = /* @
         return [];
       const k = [];
       for (const w of t.actions) {
-        const C = {
+        const P = {
           appearance: t.variant === "bold" ? "inverse" : t.appearance,
           variant: "link",
           size: "small"
         };
-        k.push(Object.assign(C, w));
+        k.push(Object.assign(P, w));
       }
       return k;
     });
@@ -11251,9 +11279,9 @@ const LinkExternalIcon = { render }, _hoisted_1$a = ["href"], _sfc_main$g = /* @
       nextTick(() => {
         const w = k;
         w.style.height = "auto";
-        const C = getComputedStyle(w).height;
+        const P = getComputedStyle(w).height;
         w.style.height = "0px", requestAnimationFrame(() => {
-          w.style.height = C;
+          w.style.height = P;
         });
       });
     }
@@ -11416,8 +11444,8 @@ const LinkExternalIcon = { render }, _hoisted_1$a = ["href"], _sfc_main$g = /* @
 });
 class EvNotificationsManager {
   constructor() {
-    P(this, "notifications", ref([]));
-    P(this, "num", 0);
+    $(this, "notifications", ref([]));
+    $(this, "num", 0);
   }
   /**
    * ## add
@@ -11551,16 +11579,16 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
 );
 class NumberParser {
   constructor(n, e) {
-    P(this, "_currencyPattern");
-    P(this, "_decimalPattern");
-    P(this, "_groupPattern");
-    P(this, "_minusSignPattern");
-    P(this, "_numberFormat");
-    P(this, "_numerals");
-    P(this, "_numeralsIndex");
-    P(this, "_numeralPattern");
-    P(this, "_prefixPattern");
-    P(this, "_suffixPattern");
+    $(this, "_currencyPattern");
+    $(this, "_decimalPattern");
+    $(this, "_groupPattern");
+    $(this, "_minusSignPattern");
+    $(this, "_numberFormat");
+    $(this, "_numerals");
+    $(this, "_numeralsIndex");
+    $(this, "_numeralPattern");
+    $(this, "_prefixPattern");
+    $(this, "_suffixPattern");
     this.localeManager = n, this.props = e, this.cachePatterns(), this.watchProps();
   }
   cachePatterns() {
@@ -11821,42 +11849,42 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
         () => e.minFractionDigits,
         () => e.maxFractionDigits
       ],
-      (E, x) => {
-        E !== x && (l.value = a.formatValue(i.value));
+      (S, V) => {
+        S !== V && (l.value = a.formatValue(i.value));
       }
     );
     const c = computed(() => e.min ?? null), d = computed(() => e.max ?? null), f = computed(() => e.step ?? 1);
     let m = null, u = !1;
-    function g(E) {
-      const x = {
+    function g(S) {
+      const V = {
         useGrouping: !1,
         minimumFractionDigits: 0,
         maximumFractionDigits: 20
-      }, D = t.numberFormatter.formatter(x).formatToParts(E).find((W) => W.type === "fraction");
+      }, D = t.numberFormatter.formatter(V).formatToParts(S).find((W) => W.type === "fraction");
       return D ? D.value.length : 0;
     }
-    function p(E) {
-      if (isEmpty(E))
-        return E ?? null;
-      typeof E == "string" && (E = parseFloat(E)), v(E) ? E = c.value : y(E) && (E = d.value);
-      const x = g(E);
-      return !isEmpty(e.minFractionDigits) && x < e.minFractionDigits && (E = parseFloat(E.toFixed(e.minFractionDigits))), !isEmpty(e.maxFractionDigits) && x > e.maxFractionDigits && (E = parseFloat(E.toFixed(e.maxFractionDigits))), E;
+    function p(S) {
+      if (isEmpty(S))
+        return S ?? null;
+      typeof S == "string" && (S = parseFloat(S)), v(S) ? S = c.value : y(S) && (S = d.value);
+      const V = g(S);
+      return !isEmpty(e.minFractionDigits) && V < e.minFractionDigits && (S = parseFloat(S.toFixed(e.minFractionDigits))), !isEmpty(e.maxFractionDigits) && V > e.maxFractionDigits && (S = parseFloat(S.toFixed(e.maxFractionDigits))), S;
     }
-    function y(E) {
-      return d.value !== null && d.value < E;
+    function y(S) {
+      return d.value !== null && d.value < S;
     }
-    function v(E) {
-      return c.value !== null && c.value > E;
+    function v(S) {
+      return c.value !== null && c.value > S;
     }
-    function k(E) {
+    function k(S) {
       l.value === "-" && (l.value = "");
-      const x = a.parseValue(l.value), D = p(x);
+      const V = a.parseValue(l.value), D = p(V);
       l.value = a.formatValue(D), i.value = a.parseValue(l.value);
     }
-    function w(E) {
+    function w(S) {
       e.readonly || (l.value = isEmpty(i.value) ? "" : i.value.toString());
     }
-    function C(E) {
+    function P(S) {
       if ([
         "Backspace",
         "Delete",
@@ -11865,91 +11893,91 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
         "ArrowLeft",
         "ArrowRight",
         "Tab"
-      ].includes(E.key))
+      ].includes(S.key))
         return;
-      if (E.key === "ArrowUp") {
-        E.preventDefault(), _(1);
+      if (S.key === "ArrowUp") {
+        S.preventDefault(), _(1);
         return;
       }
-      if (E.key === "ArrowDown") {
-        E.preventDefault(), _(-1);
+      if (S.key === "ArrowDown") {
+        S.preventDefault(), _(-1);
         return;
       }
-      if (E.key === "Enter") {
-        E.preventDefault();
-        const G = a.parseValue(l.value), F = p(G);
-        i.value = F, nextTick(() => {
-          l.value = isEmpty(F) ? "" : F.toString();
+      if (S.key === "Enter") {
+        S.preventDefault();
+        const G = a.parseValue(l.value), N = p(G);
+        i.value = N, nextTick(() => {
+          l.value = isEmpty(N) ? "" : N.toString();
         });
         return;
       }
-      const D = E.key === "v" && E.ctrlKey;
-      !new RegExp("[0-9 +-/()*]").test(E.key) && !D && E.preventDefault();
+      const D = S.key === "v" && S.ctrlKey;
+      !new RegExp("[0-9 +-/()*]").test(S.key) && !D && S.preventDefault();
     }
-    function b(E) {
-      (E.code === "ArrowUp" || E.code === "ArrowDown") && E.preventDefault(), B();
+    function E(S) {
+      (S.code === "ArrowUp" || S.code === "ArrowDown") && S.preventDefault(), C();
     }
-    function S(E) {
+    function b(S) {
       var D;
-      E.preventDefault();
-      const x = (D = E.clipboardData) == null ? void 0 : D.getData("Text");
-      if (x) {
-        const W = a.parseValue(x), G = p(W);
+      S.preventDefault();
+      const V = (D = S.clipboardData) == null ? void 0 : D.getData("Text");
+      if (V) {
+        const W = a.parseValue(V), G = p(W);
         l.value = isEmpty(G) ? "" : G.toString(), i.value = G;
       }
     }
-    function _(E) {
+    function _(S) {
       if (u || e.readonly)
         return;
       u = !0;
-      let x;
-      isEmpty(i.value) ? x = c.value ?? 0 : x = p(
-        i.value + E * f.value
-      ), l.value = a.formatValue(x);
+      let V;
+      isEmpty(i.value) ? V = c.value ?? 0 : V = p(
+        i.value + S * f.value
+      ), l.value = a.formatValue(V);
       const D = Date.now();
       let W = f.value;
       m = setInterval(() => {
-        const F = (Date.now() - D) / 1e3;
-        if (F < incrementDelay)
+        const N = (Date.now() - D) / 1e3;
+        if (N < incrementDelay)
           return;
-        const H = Math.floor(Math.pow(2, F - 1));
-        W = f.value * H, x = p(
-          x + E * W
-        ), l.value = a.formatValue(x);
+        const H = Math.floor(Math.pow(2, N - 1));
+        W = f.value * H, V = p(
+          V + S * W
+        ), l.value = a.formatValue(V);
       }, incrementRate);
     }
-    function B() {
+    function C() {
       if (u) {
         clearInterval(m);
-        const E = a.parseValue(l.value);
-        i.value = p(E), u = !1;
+        const S = a.parseValue(l.value);
+        i.value = p(S), u = !1;
       }
     }
-    const V = computed(() => e.showButtons || o.prefix || e.prefix), L = computed(() => e.showButtons || o.suffix || e.suffix);
-    return (E, x) => (openBlock(), createBlock(unref(_sfc_main$M), mergeProps({
+    const x = computed(() => e.showButtons || o.prefix || e.prefix), M = computed(() => e.showButtons || o.suffix || e.suffix);
+    return (S, V) => (openBlock(), createBlock(unref(_sfc_main$M), mergeProps({
       ref_key: "evTextfieldRef",
       ref: r
     }, s.value, {
       modelValue: l.value,
-      "onUpdate:modelValue": x[10] || (x[10] = (D) => l.value = D),
+      "onUpdate:modelValue": V[10] || (V[10] = (D) => l.value = D),
       class: "ev-number-field",
       type: "text",
-      onPaste: S,
+      onPaste: b,
       onBlur: k,
       onFocus: w,
-      onKeydown: C,
-      onKeyup: b
+      onKeydown: P,
+      onKeyup: E
     }), createSlots({ _: 2 }, [
       e.label || unref(o).label ? {
         name: "label",
         fn: withCtx(() => [
-          renderSlot(E.$slots, "label", {}, () => [
+          renderSlot(S.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(e.label), 1)
           ])
         ]),
         key: "0"
       } : void 0,
-      V.value ? {
+      x.value ? {
         name: "prefix",
         fn: withCtx(() => [
           e.showButtons ? (openBlock(), createBlock(unref(_sfc_main$1c), {
@@ -11960,22 +11988,22 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
             variant: "subtle",
             icon: unref(MinusIcon),
             disabled: e.readonly || e.disabled,
-            onKeydown: x[0] || (x[0] = withKeys((D) => _(-1), ["space", "enter"])),
-            onKeyup: x[1] || (x[1] = (D) => B()),
-            onMousedown: x[2] || (x[2] = (D) => _(-1)),
-            onMouseup: x[3] || (x[3] = (D) => B()),
-            onMouseleave: x[4] || (x[4] = (D) => B())
+            onKeydown: V[0] || (V[0] = withKeys((D) => _(-1), ["space", "enter"])),
+            onKeyup: V[1] || (V[1] = (D) => C()),
+            onMousedown: V[2] || (V[2] = (D) => _(-1)),
+            onMouseup: V[3] || (V[3] = (D) => C()),
+            onMouseleave: V[4] || (V[4] = (D) => C())
           }, null, 8, ["icon", "disabled"])) : createCommentVNode("", !0),
-          renderSlot(E.$slots, "prefix", {}, () => [
+          renderSlot(S.$slots, "prefix", {}, () => [
             createTextVNode(toDisplayString(e.prefix), 1)
           ])
         ]),
         key: "1"
       } : void 0,
-      L.value ? {
+      M.value ? {
         name: "suffix",
         fn: withCtx(() => [
-          renderSlot(E.$slots, "suffix", {}, () => [
+          renderSlot(S.$slots, "suffix", {}, () => [
             createTextVNode(toDisplayString(e.suffix), 1)
           ]),
           e.showButtons ? (openBlock(), createBlock(unref(_sfc_main$1c), {
@@ -11986,11 +12014,11 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
             variant: "subtle",
             icon: unref(PlusIcon),
             disabled: e.readonly || e.disabled,
-            onKeydown: x[5] || (x[5] = withKeys((D) => _(1), ["space", "enter"])),
-            onKeyup: x[6] || (x[6] = (D) => B()),
-            onMousedown: x[7] || (x[7] = (D) => _(1)),
-            onMouseup: x[8] || (x[8] = (D) => B()),
-            onMouseleave: x[9] || (x[9] = (D) => B())
+            onKeydown: V[5] || (V[5] = withKeys((D) => _(1), ["space", "enter"])),
+            onKeyup: V[6] || (V[6] = (D) => C()),
+            onMousedown: V[7] || (V[7] = (D) => _(1)),
+            onMouseup: V[8] || (V[8] = (D) => C()),
+            onMouseleave: V[9] || (V[9] = (D) => C())
           }, null, 8, ["icon", "disabled"])) : createCommentVNode("", !0)
         ]),
         key: "2"
@@ -12129,12 +12157,12 @@ const incrementRate = 100, incrementDelay = 0.25, _sfc_main$b = /* @__PURE__ */
       return i.value;
     }
     return e({
+      field: d,
       input: i,
       focus: () => {
         var v;
         (v = y()) == null || v.focus();
-      },
-      ...d.expose()
+      }
     }), (v, k) => (openBlock(), createElementBlock("div", mergeProps({
       ref_key: "containerRef",
       ref: a,
@@ -12585,15 +12613,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       EvTagGroupSymbol,
       !1
     ), d = computed(() => o.link !== !1 && a.isLink.value), f = computed(() => !o.disabled && o.link !== !1 && (!!c || o.link || a.isClickable.value)), m = computed(() => i("close")), u = computed(() => a.isLink.value ? "a" : o.tag);
-    function g(V) {
-      var L;
-      e("click", V), f.value && ((L = a.navigate) == null || L.call(a, V), c == null || c.toggle());
+    function g(x) {
+      var M;
+      e("click", x), f.value && ((M = a.navigate) == null || M.call(a, x), c == null || c.toggle());
     }
-    function p(V) {
-      V.stopPropagation(), l.value = !1, e("click:close", V);
+    function p(x) {
+      x.stopPropagation(), l.value = !1, e("click:close", x);
     }
-    function y(V) {
-      d.value || !f.value || (V.preventDefault(), g(V));
+    function y(x) {
+      d.value || !f.value || (x.preventDefault(), g(x));
     }
     const v = computed(() => (r.filter || o.filter) && c), k = computed(() => ({
       isSelected: c == null ? void 0 : c.isSelected.value,
@@ -12604,27 +12632,27 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       toggle: c == null ? void 0 : c.toggle,
       value: c == null ? void 0 : c.value.value,
       disabled: o.disabled
-    })), w = computed(() => !!(o.avatarStart || o.iconStart)), C = computed(() => !!(o.avatarEnd || o.iconEnd)), b = computed(() => !!(w.value || r.prefix)), S = computed(() => !!(C.value || r.suffix)), { appearanceClass: _, variantClass: B } = useAppearance(
+    })), w = computed(() => !!(o.avatarStart || o.iconStart)), P = computed(() => !!(o.avatarEnd || o.iconEnd)), E = computed(() => !!(w.value || r.prefix)), b = computed(() => !!(P.value || r.suffix)), { appearanceClass: _, variantClass: C } = useAppearance(
       o,
       c,
       l
     );
-    return (V, L) => {
-      var E, x;
+    return (x, M) => {
+      var S, V;
       return unref(l) ? (openBlock(), createBlock(resolveDynamicComponent(u.value), {
         key: 0,
         class: normalizeClass([
           "ev-tag",
           {
-            "is-active": (E = unref(c)) == null ? void 0 : E.isSelected.value,
+            "is-active": (S = unref(c)) == null ? void 0 : S.isSelected.value,
             "is-clickable": f.value,
             "is-disabled": unref(o).disabled,
             "is-filter": v.value,
             "is-rounded": unref(o).rounded
           },
-          (x = unref(c)) == null ? void 0 : x.selectedClass.value,
+          (V = unref(c)) == null ? void 0 : V.selectedClass.value,
           unref(_),
-          unref(B),
+          unref(C),
           unref(o).class
         ]),
         style: normalizeStyle([unref(o).style]),
@@ -12650,7 +12678,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     defaults: { EvIcon: { glyph: unref(o).iconFilter } }
                   }, {
                     default: withCtx(() => [
-                      renderSlot(V.$slots, "filter")
+                      renderSlot(x.$slots, "filter")
                     ]),
                     _: 3
                   }, 8, ["disabled", "defaults"])) : (openBlock(), createBlock(unref(_sfc_main$1i), {
@@ -12664,7 +12692,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             }),
             _: 3
           })) : createCommentVNode("", !0),
-          b.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+          E.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
             unref(r).prefix ? (openBlock(), createBlock(unref(_sfc_main$Y), {
               key: "prefix-defaults",
               disabled: !w.value,
@@ -12674,7 +12702,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               }
             }, {
               default: withCtx(() => [
-                renderSlot(V.$slots, "prefix")
+                renderSlot(x.$slots, "prefix")
               ]),
               _: 3
             }, 8, ["disabled", "defaults"])) : (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -12689,21 +12717,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             ], 64))
           ])) : createCommentVNode("", !0),
           createElementVNode("div", _hoisted_3$4, [
-            renderSlot(V.$slots, "default", normalizeProps(guardReactiveProps(k.value)), () => [
+            renderSlot(x.$slots, "default", normalizeProps(guardReactiveProps(k.value)), () => [
               createTextVNode(toDisplayString(unref(o).text), 1)
             ])
           ]),
-          S.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+          b.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
             unref(r).suffix ? (openBlock(), createBlock(unref(_sfc_main$Y), {
               key: "suffix-defaults",
-              disabled: !C.value,
+              disabled: !P.value,
               defaults: {
                 EvAvatar: { image: unref(o).avatarEnd },
                 EvIcon: { glyph: unref(o).iconEnd }
               }
             }, {
               default: withCtx(() => [
-                renderSlot(V.$slots, "suffix")
+                renderSlot(x.$slots, "suffix")
               ]),
               _: 3
             }, 8, ["disabled", "defaults"])) : (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -12762,190 +12790,190 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   setup(n, { emit: e }) {
     const t = n, o = useSlots(), r = ref(), s = computed(() => filterComponentProps(_sfc_main$M, t)), a = shallowRef(!1), i = shallowRef(!0), l = computed(() => t.behavior !== "select"), c = shallowRef(!1), d = shallowRef(!1), f = ref(), m = useModelProxy(t, "menuOpen"), u = computed({
       get: () => m.value,
-      set: ($) => {
-        var R;
-        m.value && !$ && ((R = f.value) != null && R.openChildren) || (m.value = $);
+      set: (B) => {
+        var I;
+        m.value && !B && ((I = f.value) != null && I.openChildren) || (m.value = B);
       }
-    }), g = computed(() => t.hideItemsEmpty && !v.value.length || !!t.readonly), p = ref(), y = ref(), { items: v, transformIn: k, transformOut: w } = useItems(t), C = useModelProxy(t, "search", ""), { filteredItems: b } = useFilter(
+    }), g = computed(() => t.hideItemsEmpty && !v.value.length || !!t.readonly), p = ref(), y = ref(), { items: v, transformIn: k, transformOut: w } = useItems(t), P = useModelProxy(t, "search", ""), { filteredItems: E } = useFilter(
       t,
       v,
-      () => i.value || !l.value ? "" : C.value
-    ), S = computed(() => t.hideSelected ? b.value.filter(
-      ($) => !_.value.some(
-        (R) => R.value === $.value
+      () => i.value || !l.value ? "" : P.value
+    ), b = computed(() => t.hideSelected ? E.value.filter(
+      (B) => !_.value.some(
+        (I) => I.value === B.value
       )
-    ) : b.value), _ = useModelProxy(
+    ) : E.value), _ = useModelProxy(
       t,
       "modelValue",
       [],
-      ($) => k($ === null ? [null] : wrapInArray($)),
-      ($) => {
-        const R = w($);
-        return t.multiple ? R : R[0] ?? null;
+      (B) => k(B === null ? [null] : wrapInArray(B)),
+      (B) => {
+        const I = w(B);
+        return t.multiple ? I : I[0] ?? null;
       }
-    ), B = computed(() => _.value.map(($) => v.value.find((R) => t.valueComparator(R.value, $.value)) || $)), V = shallowRef(-1), L = computed(() => B.value.map(($) => $.props.value)), E = new KeyLogger(), x = computed(() => {
-      var R;
-      return (t.autoSelectFirst === !0 || t.autoSelectFirst === "exact" && C.value === ((R = S.value[0]) == null ? void 0 : R.title)) && S.value.length > 0 && !i.value && !c.value;
+    ), C = computed(() => _.value.map((B) => v.value.find((I) => t.valueComparator(I.value, B.value)) || B)), x = shallowRef(-1), M = computed(() => C.value.map((B) => B.props.value)), S = new KeyLogger(), V = computed(() => {
+      var I;
+      return (t.autoSelectFirst === !0 || t.autoSelectFirst === "exact" && P.value === ((I = b.value[0]) == null ? void 0 : I.title)) && b.value.length > 0 && !i.value && !c.value;
     }), D = useForm(), { t: W } = useLocaleFunctions();
     function G() {
-      var $;
-      a.value && (i.value = !0, ($ = r.value) == null || $.focus());
+      var B;
+      a.value && (i.value = !0, (B = r.value) == null || B.focus());
     }
-    function F($) {
+    function N(B) {
       setTimeout(() => {
         a.value = !0, c.value = !0;
       });
     }
-    function H($) {
+    function H(B) {
       c.value = !1;
     }
-    function K($) {
-      $.preventDefault();
+    function K(B) {
+      B.preventDefault();
     }
-    const { onListScroll: I, onListKeydown: z } = useScrolling(p, r);
-    function M($) {
-      var R;
-      (R = p.value) != null && R.$el.contains($.relatedTarget) || (u.value = !1), V.value = -1;
+    const { onListScroll: R, onListKeydown: z } = useScrolling(p, r);
+    function L(B) {
+      var I;
+      (I = p.value) != null && I.$el.contains(B.relatedTarget) || (u.value = !1), x.value = -1;
     }
-    function A($) {
+    function A(B) {
       if (matchesSelector(r.value, ":autofill") || matchesSelector(r.value, ":-webkit-autofill")) {
-        const R = v.value.find(
-          (j) => j.title === $.target.value
+        const I = v.value.find(
+          (j) => j.title === B.target.value
         );
-        R && q(R);
+        I && q(I);
       }
     }
-    function T($) {
-      t.openOnClear && (u.value = !0), C.value = "";
+    function T(B) {
+      t.openOnClear && (u.value = !0), P.value = "";
     }
-    function N($) {
-      C.value = $.target.value;
+    function F(B) {
+      P.value = B.target.value;
     }
-    function U($) {
+    function U(B) {
       var ae, ie, le, ce, ue;
-      if (!$.key || isComposingIgnoreKey($) || t.readonly || D != null && D.isReadonly.value)
+      if (!B.key || isComposingIgnoreKey(B) || t.readonly || D != null && D.isReadonly.value)
         return;
-      const R = ["Enter", "ArrowDown", "ArrowUp"], j = ["Enter", "ArrowDown"], X = ["Escape"];
-      if (l.value || (R.push(" ", "Home", "End"), j.push(" "), X.push("Tab")), (V.value > -1 || R.includes($.key)) && $.preventDefault(), j.includes($.key) && (u.value = !0), X.includes($.key) && (u.value = !1), !l.value) {
-        Y($);
+      const I = ["Enter", "ArrowDown", "ArrowUp"], j = ["Enter", "ArrowDown"], X = ["Escape"];
+      if (l.value || (I.push(" ", "Home", "End"), j.push(" "), X.push("Tab")), (x.value > -1 || I.includes(B.key)) && B.preventDefault(), j.includes(B.key) && (u.value = !0), X.includes(B.key) && (u.value = !1), !l.value) {
+        Y(B);
         return;
       }
-      if (["Enter", "Tab"].includes($.key) && (x.value ? q(S.value[0]) : !t.multiple && t.behavior === "combobox" && q(transformItem$1(t, C.value))), $.key === "ArrowDown" && x.value && ((ae = p.value) == null || ae.focus("next")), !t.multiple)
+      if (["Enter", "Tab"].includes(B.key) && (V.value ? q(b.value[0]) : !t.multiple && t.behavior === "combobox" && q(transformItem$1(t, P.value))), B.key === "ArrowDown" && V.value && ((ae = p.value) == null || ae.focus("next")), !t.multiple)
         return;
       const J = r.value.selectionStart, Q = _.value.length;
-      if (["Backspace", "Delete"].includes($.key)) {
-        if (V.value < 0) {
-          $.key === "Backspace" && !C.value && (V.value = Q - 1);
+      if (["Backspace", "Delete"].includes(B.key)) {
+        if (x.value < 0) {
+          B.key === "Backspace" && !P.value && (x.value = Q - 1);
           return;
         }
-        const ee = V.value, re = _.value[V.value];
-        re && !re.props.disabled && q(re, !1), V.value = ee >= Q - 1 ? Q - 2 : ee;
+        const ee = x.value, re = _.value[x.value];
+        re && !re.props.disabled && q(re, !1), x.value = ee >= Q - 1 ? Q - 2 : ee;
       }
-      if ($.key === "ArrowLeft") {
-        if (V.value < 0 && J > 0)
+      if (B.key === "ArrowLeft") {
+        if (x.value < 0 && J > 0)
           return;
-        const ee = V.value > -1 ? V.value - 1 : Q - 1;
-        _.value[ee] ? V.value = ee : (V.value = -1, (ce = r.value) == null || ce.input.setSelectionRange(
-          (ie = C.value) == null ? void 0 : ie.length,
-          (le = C.value) == null ? void 0 : le.length
+        const ee = x.value > -1 ? x.value - 1 : Q - 1;
+        _.value[ee] ? x.value = ee : (x.value = -1, (ce = r.value) == null || ce.input.setSelectionRange(
+          (ie = P.value) == null ? void 0 : ie.length,
+          (le = P.value) == null ? void 0 : le.length
         ));
       }
-      if ($.key === "ArrowRight") {
-        if (V.value < 0)
+      if (B.key === "ArrowRight") {
+        if (x.value < 0)
           return;
-        const ee = V.value + 1;
-        _.value[ee] ? V.value = ee : (V.value = -1, (ue = r.value) == null || ue.input.setSelectionRange(0, 0));
+        const ee = x.value + 1;
+        _.value[ee] ? x.value = ee : (x.value = -1, (ue = r.value) == null || ue.input.setSelectionRange(0, 0));
       }
-      t.behavior === "combobox" && (t.delimiters.includes($.key) || $.key === "Enter") && C.value && ($.preventDefault(), q(transformItem$1(t, C.value)), C.value = "");
+      t.behavior === "combobox" && (t.delimiters.includes(B.key) || B.key === "Enter") && P.value && (B.preventDefault(), q(transformItem$1(t, P.value)), P.value = "");
     }
-    function Y($) {
+    function Y(B) {
       var j, X, J;
-      if ($.key === "Home" ? (j = p.value) == null || j.focus("first") : $.key === "End" && ((X = p.value) == null || X.focus("last")), t.multiple || !E.log($))
+      if (B.key === "Home" ? (j = p.value) == null || j.focus("first") : B.key === "End" && ((X = p.value) == null || X.focus("last")), t.multiple || !S.log(B))
         return;
-      const R = v.value.findIndex(
-        (Q) => Q.title.toLowerCase().startsWith(E.value)
+      const I = v.value.findIndex(
+        (Q) => Q.title.toLowerCase().startsWith(S.value)
       );
-      if (R >= 0 && (_.value = [v.value[R]], u.value)) {
-        const Q = R > 0 ? R - 1 : 0;
+      if (I >= 0 && (_.value = [v.value[I]], u.value)) {
+        const Q = I > 0 ? I - 1 : 0;
         (J = y.value) == null || J.scrollToIndex(Q);
       }
     }
     function O() {
       g.value || (u.value = !u.value);
     }
-    function q($, R = !0) {
-      if (!$.props.disabled) {
+    function q(B, I = !0) {
+      if (!B.props.disabled) {
         if (t.multiple) {
-          const j = _.value.findIndex((J) => t.valueComparator(J.value, $.value)), X = R ?? !~j;
+          const j = _.value.findIndex((J) => t.valueComparator(J.value, B.value)), X = I ?? !~j;
           if (~j) {
-            const J = X ? [..._.value, $] : [..._.value];
+            const J = X ? [..._.value, B] : [..._.value];
             J.splice(j, 1), _.value = J;
-          } else X && (_.value = [..._.value, $]);
-          C.value = "";
+          } else X && (_.value = [..._.value, B]);
+          P.value = "";
         } else {
-          const j = R !== !1;
-          _.value = j ? [$] : [], C.value = $.title, nextTick(() => {
+          const j = I !== !1;
+          _.value = j ? [B] : [], P.value = B.title, nextTick(() => {
             u.value = !1, i.value = !0, d.value = !1, r.value.input.blur(), a.value = !1;
           });
         }
-        V.value = -1;
+        x.value = -1;
       }
     }
-    const Z = computed(() => l.value ? C.value : _.value.map(($) => $.props.value).join(", "));
-    function fe($) {
-      ($ === null || $ === "" && !t.multiple) && (_.value = []);
+    const Z = computed(() => l.value ? P.value : _.value.map((B) => B.props.value).join(", "));
+    function fe(B) {
+      (B === null || B === "" && !t.multiple) && (_.value = []);
     }
-    function pe($, R, j) {
-      return mergeProps($.props, {
+    function pe(B, I, j) {
+      return mergeProps(B.props, {
         ref: j,
-        key: R,
-        onClick: () => q($)
+        key: I,
+        onClick: () => q(B)
       });
     }
-    function me($) {
+    function me(B) {
       return {
-        "onClick:close"(R) {
-          R.stopPropagation(), R.preventDefault(), q($, !1);
+        "onClick:close"(I) {
+          I.stopPropagation(), I.preventDefault(), q(B, !1);
         },
-        onKeydown(R) {
-          R.key !== "Enter" && R.key !== " " || (R.preventDefault(), R.stopPropagation(), q($, !1));
+        onKeydown(I) {
+          I.key !== "Enter" && I.key !== " " || (I.preventDefault(), I.stopPropagation(), q(B, !1));
         },
-        onMousedown(R) {
-          R.preventDefault(), R.stopPropagation();
+        onMousedown(I) {
+          I.preventDefault(), I.stopPropagation();
         }
       };
     }
-    watch(C, ($, R) => {
-      !a.value || d.value || ($ && (u.value = !0), i.value = !$);
-    }), watch(a, ($, R) => {
-      $ !== R && e("update:focused", $);
+    watch(P, (B, I) => {
+      !a.value || d.value || (B && (u.value = !0), i.value = !B);
+    }), watch(a, (B, I) => {
+      B !== I && e("update:focused", B);
     }), watch(u, () => {
       if (t.hideSelected || !u.value || !_.value.length || !Browser.hasWindow)
         return;
-      const $ = _.value[_.value.length - 1], R = S.value.findIndex(
-        (j) => j.value === $.value
+      const B = _.value[_.value.length - 1], I = b.value.findIndex(
+        (j) => j.value === B.value
       );
       window.requestAnimationFrame(() => {
         var j;
-        R >= 0 && ((j = y.value) == null || j.scrollToIndex(R));
+        I >= 0 && ((j = y.value) == null || j.scrollToIndex(I));
       });
     });
     const ve = computed(() => _.externalValue), se = computed(
-      () => !B.value.length && !!o.placeholder
+      () => !C.value.length && !!o.placeholder
     );
-    return ($, R) => (openBlock(), createBlock(unref(_sfc_main$M), mergeProps({
+    return (B, I) => (openBlock(), createBlock(unref(_sfc_main$M), mergeProps({
       ref_key: "evTextfieldRef",
       ref: r
     }, s.value, {
       focused: a.value,
-      "onUpdate:focused": R[1] || (R[1] = (j) => a.value = j),
+      "onUpdate:focused": I[1] || (I[1] = (j) => a.value = j),
       class: [
         "ev-select",
         {
           "is-single": !t.multiple,
           "is-multiple": t.multiple,
           "is-searchable": l.value,
-          "is-selecting": V.value > -1,
+          "is-selecting": x.value > -1,
           "is-placeholder": se.value
         }
       ],
@@ -12953,25 +12981,25 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       readonly: !l.value || t.readonly,
       placeholder: unref(_).length ? void 0 : t.placeholder,
       "validation-value": ve.value,
-      onBlur: M,
+      onBlur: L,
       onChange: A,
       "onClick:clear": T,
-      onInput: N,
+      onInput: F,
       onKeydown: U,
       "onMousedown:control": O,
       "onUpdate:modelValue": fe
     }), createSlots({
       default: withCtx(() => [
-        (openBlock(!0), createElementBlock(Fragment, null, renderList(B.value, (j, X) => (openBlock(), createElementBlock("div", {
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(C.value, (j, X) => (openBlock(), createElementBlock("div", {
           key: j.key,
           class: normalizeClass([
             "ev-select--selected",
             {
-              "is-selected": X === V.value
+              "is-selected": X === x.value
             }
           ])
         }, [
-          renderSlot($.$slots, "selection", normalizeProps(guardReactiveProps({ item: j, index: X })), () => [
+          renderSlot(B.$slots, "selection", normalizeProps(guardReactiveProps({ item: j, index: X })), () => [
             t.tags ? (openBlock(), createBlock(unref(_sfc_main$5), mergeProps({
               key: 0,
               closable: t.multiple
@@ -12979,18 +13007,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               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)
+              t.multiple && X < C.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_2$3, ",")) : createCommentVNode("", !0)
             ]))
           ])
         ], 2))), 128)),
         se.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
-          renderSlot($.$slots, "placeholder")
+          renderSlot(B.$slots, "placeholder")
         ])) : createCommentVNode("", !0),
         createVNode(unref(_sfc_main$R), {
           ref_key: "evMenuRef",
           ref: f,
           modelValue: u.value,
-          "onUpdate:modelValue": R[0] || (R[0] = (j) => u.value = j),
+          "onUpdate:modelValue": I[0] || (I[0] = (j) => u.value = j),
           class: "ev-select--menu",
           "max-height": "310",
           disabled: g.value,
@@ -13006,24 +13034,24 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 unref(o)["list-prefix"] ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
-                  renderSlot($.$slots, "list-prefix")
+                  renderSlot(B.$slots, "list-prefix")
                 ])) : createCommentVNode("", !0),
                 createVNode(unref(_sfc_main$U), {
                   ref_key: "evListRef",
                   ref: p,
                   class: "ev-select--list",
-                  selected: L.value,
+                  selected: M.value,
                   "select-strategy": t.multiple ? "multi-any" : "single-any",
                   tabindex: "-1",
-                  onFocusin: F,
+                  onFocusin: N,
                   onFocusout: H,
                   onKeydown: unref(z),
                   onMousedown: K,
-                  onScrollPassive: unref(I)
+                  onScrollPassive: unref(R)
                 }, {
                   default: withCtx(() => [
-                    renderSlot($.$slots, "items-prefix"),
-                    !S.value.length && !t.hideItemsEmpty ? renderSlot($.$slots, "items-empty", { key: 0 }, () => [
+                    renderSlot(B.$slots, "items-prefix"),
+                    !b.value.length && !t.hideItemsEmpty ? renderSlot(B.$slots, "items-empty", { key: 0 }, () => [
                       createVNode(unref(_sfc_main$W), {
                         title: unref(W)(t.itemsEmptyText)
                       }, null, 8, ["title"])
@@ -13032,10 +13060,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                       ref_key: "evVirtualScrollRef",
                       ref: y,
                       renderless: "",
-                      items: S.value
+                      items: b.value
                     }, {
                       default: withCtx(({ item: j, index: X, itemRef: J }) => [
-                        renderSlot($.$slots, "item", normalizeProps(guardReactiveProps({
+                        renderSlot(B.$slots, "item", normalizeProps(guardReactiveProps({
                           item: j,
                           index: X,
                           props: pe(j, X, J)
@@ -13048,12 +13076,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 3
                     }, 8, ["items"]),
-                    renderSlot($.$slots, "items-suffix")
+                    renderSlot(B.$slots, "items-suffix")
                   ]),
                   _: 3
                 }, 8, ["selected", "select-strategy", "onKeydown", "onScrollPassive"]),
                 unref(o)["list-suffix"] ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-                  renderSlot($.$slots, "list-suffix")
+                  renderSlot(B.$slots, "list-suffix")
                 ])) : createCommentVNode("", !0)
               ]),
               _: 3
@@ -13067,7 +13095,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       t.label || unref(o).label ? {
         name: "label",
         fn: withCtx(() => [
-          renderSlot($.$slots, "label", {}, () => [
+          renderSlot(B.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(t.label), 1)
           ])
         ]),
@@ -13076,14 +13104,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       unref(o).prefix ? {
         name: "prefix",
         fn: withCtx(() => [
-          renderSlot($.$slots, "prefix")
+          renderSlot(B.$slots, "prefix")
         ]),
         key: "1"
       } : void 0,
       unref(o).suffix ? {
         name: "suffix",
         fn: withCtx(() => [
-          renderSlot($.$slots, "suffix")
+          renderSlot(B.$slots, "suffix")
         ]),
         key: "2"
       } : void 0
@@ -13116,12 +13144,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       f.value = g.target.checked;
     }
     return e({
+      field: c,
       input: a,
       focus: () => {
         var g;
         (g = m()) == null || g.focus();
-      },
-      ...c.expose()
+      }
     }), (g, p) => (openBlock(), createElementBlock("div", mergeProps({
       ref_key: "containerRef",
       ref: s,
@@ -13228,17 +13256,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return i.value;
     }
     function u(_) {
-      var B;
+      var C;
       _.stopPropagation(), nextTick(() => {
         d.value = null, t("click:clear", _);
-      }), (B = m()) == null || B.focus();
+      }), (C = m()) == null || C.focus();
     }
     function g(_) {
       _.preventDefault(), _.stopPropagation();
     }
     function p(_) {
-      var B;
-      d.focus(_), o.autoselect && ((B = m()) == null || B.select());
+      var C;
+      d.focus(_), o.autoselect && ((C = m()) == null || C.select());
     }
     function y(_) {
       p(), t("click:control", _);
@@ -13247,34 +13275,34 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       t("mousedown:control", _), _.target !== i.value && (p(), _.preventDefault());
     }
     function k(_) {
-      b();
+      E();
     }
     function w(_) {
-      b();
+      E();
     }
-    function C(_) {
+    function P(_) {
       o.autosubmit && o.autosubmit();
     }
-    function b() {
+    function E() {
       if (!o.autogrow)
         return;
       const _ = m();
       _ && (_.style.height = "auto", _.style.height = _.scrollHeight + 1 + "px");
     }
     onUpdated(() => {
-      b();
+      E();
     }), onMounted(() => {
-      b();
+      E();
     });
-    const S = useAutofocus(o);
+    const b = useAutofocus(o);
     return e({
+      field: d,
       input: i,
       focus: () => {
         var _;
         (_ = m()) == null || _.focus();
-      },
-      ...d.expose()
-    }), (_, B) => (openBlock(), createElementBlock("div", mergeProps({
+      }
+    }), (_, C) => (openBlock(), createElementBlock("div", mergeProps({
       ref_key: "containerRef",
       ref: a,
       class: ["ev-textarea", [
@@ -13313,7 +13341,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             id: unref(d).id,
             ref_key: "inputRef",
             ref: i,
-            "onUpdate:modelValue": B[0] || (B[0] = (V) => unref(d).value = V),
+            "onUpdate:modelValue": C[0] || (C[0] = (x) => unref(d).value = x),
             name: unref(d).name,
             disabled: unref(d).isDisabled,
             readonly: unref(d).isReadonly,
@@ -13321,16 +13349,16 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             autofocus: _.autofocus
           }, unref(c), {
             onFocus: p,
-            onBlur: B[1] || (B[1] = //@ts-ignore
-            (...V) => unref(d).blur && unref(d).blur(...V)),
+            onBlur: C[1] || (C[1] = //@ts-ignore
+            (...x) => unref(d).blur && unref(d).blur(...x)),
             onKeydown: k,
             onKeyup: [
               w,
-              withKeys(C, ["enter"])
+              withKeys(P, ["enter"])
             ]
           }), null, 16, _hoisted_3$1), [
             [vModelText, unref(d).value],
-            [unref(S)]
+            [unref(b)]
           ])
         ]),
         createVNode(Transition, { name: "slide-fade" }, {
@@ -13587,18 +13615,18 @@ const Touch = {
     const t = n, { isRtl: o } = useRtl(), { t: r } = useLocaleFunctions(), s = useGroup(t, EvWindowGroupSymbol), a = ref(), i = computed(
       () => o.value ? !t.reverse : t.reverse
     ), l = shallowRef(!1), c = computed(() => {
-      const S = t.direction === "vertical" ? "y" : "x", B = (i.value ? !l.value : l.value) ? "-reverse" : "";
-      return `ev-window-${S}${B}-transition`;
+      const b = t.direction === "vertical" ? "y" : "x", C = (i.value ? !l.value : l.value) ? "-reverse" : "";
+      return `ev-window-${b}${C}-transition`;
     }), d = shallowRef(0), f = ref(void 0), m = computed(() => s.items.value.findIndex(
-      (S) => s.selected.value.includes(S.id)
+      (b) => s.selected.value.includes(b.id)
     )), u = computed(() => t.continuous || m.value !== 0), g = computed(
       () => t.continuous || m.value !== s.items.value.length - 1
     );
     function p() {
-      b = "previous", u.value && s.previous();
+      E = "previous", u.value && s.previous();
     }
     function y() {
-      b = "next", g.value && s.next();
+      E = "next", g.value && s.next();
     }
     const v = computed(() => t.touch === !1 ? t.touch : {
       ...{
@@ -13623,10 +13651,10 @@ const Touch = {
       class: `ev-window--${i.value ? "left" : "right"}`,
       onClick: y,
       ariaLabel: r("carousel.next")
-    })), C = Touch;
-    let b;
-    return watch(m, (S, _) => {
-      l.value = i.value ? b === "next" || b !== "previous" && S > _ : b === "previous" || b !== "next" && S < _, b = void 0;
+    })), P = Touch;
+    let E;
+    return watch(m, (b, _) => {
+      l.value = i.value ? E === "next" || E !== "previous" && b > _ : E === "previous" || E !== "next" && b < _, E = void 0;
     }), provide(EvWindowSymbol, {
       transition: c,
       isReversed: l,
@@ -13638,7 +13666,7 @@ const Touch = {
       canMoveForward: g,
       previous: p,
       next: y
-    }), (S, _) => withDirectives((openBlock(), createBlock(resolveDynamicComponent(t.tag), {
+    }), (b, _) => withDirectives((openBlock(), createBlock(resolveDynamicComponent(t.tag), {
       ref_key: "rootRef",
       ref: a,
       class: normalizeClass([
@@ -13657,12 +13685,12 @@ const Touch = {
             height: f.value
           })
         }, [
-          renderSlot(S.$slots, "default", normalizeProps(guardReactiveProps({ group: unref(s) }))),
+          renderSlot(b.$slots, "default", normalizeProps(guardReactiveProps({ group: unref(s) }))),
           t.showArrows !== !1 ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            u.value ? renderSlot(S.$slots, "previous", normalizeProps(mergeProps({ key: 0 }, { props: k.value })), () => [
+            u.value ? renderSlot(b.$slots, "previous", normalizeProps(mergeProps({ key: 0 }, { props: k.value })), () => [
               createVNode(unref(_sfc_main$1c), normalizeProps(guardReactiveProps(k.value)), null, 16)
             ]) : (openBlock(), createElementBlock("div", _hoisted_2)),
-            g.value ? renderSlot(S.$slots, "next", normalizeProps(mergeProps({ key: 2 }, { props: w.value })), () => [
+            g.value ? renderSlot(b.$slots, "next", normalizeProps(mergeProps({ key: 2 }, { props: w.value })), () => [
               createVNode(unref(_sfc_main$1c), normalizeProps(guardReactiveProps(w.value)), null, 16)
             ]) : (openBlock(), createElementBlock("div", _hoisted_3))
           ])) : createCommentVNode("", !0)
@@ -13670,7 +13698,7 @@ const Touch = {
       ]),
       _: 3
     }, 8, ["class", "style"])), [
-      [unref(C), v.value]
+      [unref(P), v.value]
     ]);
   }
 }), makeLazyProps = propsFactory(
@@ -13975,14 +14003,14 @@ class EvDialogRenderer {
    * @param options
    */
   constructor(e, t, o) {
-    P(this, "app");
-    P(this, "id");
-    P(this, "instance");
-    P(this, "container");
-    P(this, "modelValue", shallowRef(!1));
-    P(this, "options");
-    P(this, "promiseResolver");
-    P(this, "isRendered", !1);
+    $(this, "app");
+    $(this, "id");
+    $(this, "instance");
+    $(this, "container");
+    $(this, "modelValue", shallowRef(!1));
+    $(this, "options");
+    $(this, "promiseResolver");
+    $(this, "isRendered", !1);
     this.app = e, this.id = t, this.options = o;
   }
   get data() {
@@ -14065,7 +14093,7 @@ class EvDialogRenderer {
 }
 class EvDialogServiceOpener {
   constructor(e) {
-    P(this, "instanceId", 0);
+    $(this, "instanceId", 0);
     this.app = e;
   }
   /**
@@ -14108,14 +14136,14 @@ class EvDrawerRenderer {
    * @param options
    */
   constructor(e, t, o) {
-    P(this, "app");
-    P(this, "id");
-    P(this, "instance");
-    P(this, "container");
-    P(this, "modelValue", shallowRef(!1));
-    P(this, "options");
-    P(this, "promiseResolver");
-    P(this, "isRendered", !1);
+    $(this, "app");
+    $(this, "id");
+    $(this, "instance");
+    $(this, "container");
+    $(this, "modelValue", shallowRef(!1));
+    $(this, "options");
+    $(this, "promiseResolver");
+    $(this, "isRendered", !1);
     this.app = e, this.id = t, this.options = o;
   }
   get data() {
@@ -14198,7 +14226,7 @@ class EvDrawerRenderer {
 }
 class EvDrawerServiceOpener {
   constructor(e) {
-    P(this, "instanceId", 0);
+    $(this, "instanceId", 0);
     this.app = e;
   }
   /**
@@ -14359,6 +14387,7 @@ export {
   EvWindowSymbol,
   EventProp,
   IconAppearance,
+  IconProp,
   InputAppearance,
   InputSize,
   IntegerishPattern,
@@ -14451,6 +14480,7 @@ export {
   makeAppearanceProps,
   makeClassName,
   makeComponentProps,
+  makeDimensionsProps,
   makeElevationClass,
   makeEvAppProps,
   makeEvAvatarProps,
@@ -14544,6 +14574,7 @@ export {
   registerPlugin,
   requestNewFrame,
   services,
+  setPropertyValueByPath,
   setVueInstance,
   sizeModifier,
   spaceSeparatedValues,