@varlet/ui 2.18.0-alpha.1697608760113 → 2.18.1

package/es/varlet.esm.js

@@ -1,4 +1,4 @@
-import { reactive as je, onMounted as Oo, nextTick as Ye, onActivated as gt, isRef as em, watch as ce, onBeforeUnmount as $r, onDeactivated as Kt, onUnmounted as To, inject as nm, getCurrentInstance as Zt, computed as M, ref as C, unref as ao, provide as tm, isVNode as om, Comment as rm, Fragment as Ne, createApp as am, h as Pd, onBeforeMount as im, defineComponent as x, createVNode as Z, Teleport as jn, Transition as We, withDirectives as Te, vShow as Un, mergeProps as ze, openBlock as p, createBlock as $e, resolveDynamicComponent as Jt, normalizeClass as v, normalizeStyle as F, resolveComponent as ae, resolveDirective as Ve, withCtx as me, createElementVNode as B, renderSlot as R, toDisplayString as ie, createElementBlock as S, renderList as Ge, createCommentVNode as Q, onUpdated as Eo, createTextVNode as Ie, pushScopeId as bt, popScopeId as yt, withModifiers as Cn, normalizeProps as st, guardReactiveProps as Io, vModelText as lm, createSlots as rr, withKeys as ds, TransitionGroup as sm } from "vue";
+import { reactive as je, onMounted as Oo, nextTick as Ye, onActivated as gt, isRef as em, watch as ce, onBeforeUnmount as $r, onDeactivated as Kt, onUnmounted as To, inject as nm, getCurrentInstance as Zt, computed as M, ref as C, unref as ao, provide as tm, isVNode as om, Comment as rm, Fragment as Ne, createApp as am, h as Pd, onBeforeMount as im, defineComponent as x, createVNode as Z, Teleport as jn, Transition as We, withDirectives as Te, vShow as Un, mergeProps as ze, openBlock as p, createBlock as $e, resolveDynamicComponent as Jt, normalizeClass as v, normalizeStyle as F, resolveComponent as ie, resolveDirective as Ve, withCtx as me, createElementVNode as B, renderSlot as R, toDisplayString as ae, createElementBlock as S, renderList as Ge, createCommentVNode as Q, onUpdated as Eo, createTextVNode as Ie, pushScopeId as bt, popScopeId as yt, withModifiers as Cn, normalizeProps as st, guardReactiveProps as Io, vModelText as lm, createSlots as rr, withKeys as ds, TransitionGroup as sm } from "vue";
 const Od = {
   locks: {},
   zIndex: 2e3,
@@ -11,7 +11,7 @@ var wn = je(Od), um = Object.defineProperty, dm = Object.defineProperties, cm =
     for (var t of cs(n))
       vm.call(n, t) && fs(e, t, n[t]);
   return e;
-}, hm = (e, n) => dm(e, cm(n)), en = (e) => typeof e == "string", gi = (e) => typeof e == "boolean", mn = (e) => typeof e == "number", co = (e) => Object.prototype.toString.call(e) === "[object Object]", pm = (e) => typeof e == "object" && e !== null, Qt = (e) => typeof e == "function", Ae = (e) => Array.isArray(e), gm = (e) => e ? /^(http)|(\.*\/)/.test(e) : !1, Rn = (e) => e == null || e === "" || Array.isArray(e) && !e.length, bi = (e) => e === window, bm = () => Jn() && "ontouchstart" in window, Jn = () => typeof window < "u", vs = (e) => [...new Set(e)], Qo = (e) => Ae(e) ? e : [e], ar = (e, n) => {
+}, hm = (e, n) => dm(e, cm(n)), nn = (e) => typeof e == "string", gi = (e) => typeof e == "boolean", mn = (e) => typeof e == "number", co = (e) => Object.prototype.toString.call(e) === "[object Object]", pm = (e) => typeof e == "object" && e !== null, Qt = (e) => typeof e == "function", Ae = (e) => Array.isArray(e), gm = (e) => e ? /^(http)|(\.*\/)/.test(e) : !1, Rn = (e) => e == null || e === "" || Array.isArray(e) && !e.length, bi = (e) => e === window, bm = () => Jn() && "ontouchstart" in window, Jn = () => typeof window < "u", vs = (e) => [...new Set(e)], Qo = (e) => Ae(e) ? e : [e], ar = (e, n) => {
   if (e.length) {
     const t = e.indexOf(n);
     if (t > -1)
@@ -37,7 +37,7 @@ var wn = je(Od), um = Object.defineProperty, dm = Object.defineProperties, cm =
   fo(() => {
     fo(e);
   });
-}), Tt = (e) => window.getComputedStyle(e), xe = (e) => {
+}), Tt = (e) => window.getComputedStyle(e), en = (e) => {
   if (bi(e)) {
     const n = e.innerWidth, t = e.innerHeight, o = {
       x: 0,
@@ -55,7 +55,7 @@ var wn = je(Od), um = Object.defineProperty, dm = Object.defineProperties, cm =
   }
   return e.getBoundingClientRect();
 }, $m = (e) => {
-  const { top: n, bottom: t, left: o, right: r } = xe(e), { width: a, height: i } = xe(window), l = o <= a && r >= 0, s = n <= i && t >= 0;
+  const { top: n, bottom: t, left: o, right: r } = en(e), { width: a, height: i } = en(window), l = o <= a && r >= 0, s = n <= i && t >= 0;
   return l && s;
 }, wm = (e) => new Promise((n) => {
   const t = new FileReader();
@@ -78,7 +78,7 @@ var wn = je(Od), um = Object.defineProperty, dm = Object.defineProperties, cm =
       r.apply(this, a);
     }, n - l);
   };
-}, z = (e) => e == null ? 0 : en(e) ? (e = parseFloat(e), e = Number.isNaN(e) ? 0 : e, e) : gi(e) ? Number(e) : e, ct = (e, n, t) => Math.min(t, Math.max(n, e)), Cm = (e, n) => ct(e, 0, n.length - 1), Sm = (e) => wi(e).replace(e.charAt(0), e.charAt(0).toUpperCase()), wi = (e) => e.replace(/-(\w)/g, (n, t) => t.toUpperCase()), Ed = (e) => e.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase(), km = Object.defineProperty, ir = Object.getOwnPropertySymbols, Id = Object.prototype.hasOwnProperty, Bd = Object.prototype.propertyIsEnumerable, hs = (e, n, t) => n in e ? km(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, Pm = (e, n) => {
+}, L = (e) => e == null ? 0 : nn(e) ? (e = parseFloat(e), e = Number.isNaN(e) ? 0 : e, e) : gi(e) ? Number(e) : e, ct = (e, n, t) => Math.min(t, Math.max(n, e)), Cm = (e, n) => ct(e, 0, n.length - 1), Sm = (e) => wi(e).replace(e.charAt(0), e.charAt(0).toUpperCase()), wi = (e) => e.replace(/-(\w)/g, (n, t) => t.toUpperCase()), Ed = (e) => e.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase(), km = Object.defineProperty, ir = Object.getOwnPropertySymbols, Id = Object.prototype.hasOwnProperty, Bd = Object.prototype.propertyIsEnumerable, hs = (e, n, t) => n in e ? km(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, Pm = (e, n) => {
   for (var t in n || (n = {}))
     Id.call(n, t) && hs(e, t, n[t]);
   if (ir)
@@ -277,8 +277,8 @@ function xt() {
     },
     isReachTop: (I) => Ht(I) === 0 && o.value > 0,
     isReachBottom: (I, k = 1) => {
-      const { scrollHeight: D, clientHeight: O, scrollTop: N } = I, L = Math.abs(D - N - O);
-      return o.value < 0 && L <= k;
+      const { scrollHeight: D, clientHeight: O, scrollTop: N } = I, z = Math.abs(D - N - O);
+      return o.value < 0 && z <= k;
     }
   };
 }
@@ -454,7 +454,7 @@ function jm(e) {
   e.style.overflow = "hidden", e.style.overflowX = "hidden", e.style.overflowY = "hidden", t === "static" && (e.style.position = "relative"), n === "auto" && (e.style.zIndex = "1");
 }
 function Wm(e, n) {
-  const { top: t, left: o } = xe(e), { clientWidth: r, clientHeight: a } = e, i = Math.sqrt(r ** 2 + a ** 2) / 2, l = i * 2, s = n.touches[0].clientX - o, u = n.touches[0].clientY - t, d = (r - i * 2) / 2, c = (a - i * 2) / 2, f = s - i, m = u - i;
+  const { top: t, left: o } = en(e), { clientWidth: r, clientHeight: a } = e, i = Math.sqrt(r ** 2 + a ** 2) / 2, l = i * 2, s = n.touches[0].clientX - o, u = n.touches[0].clientY - t, d = (r - i * 2) / 2, c = (a - i * 2) / 2, f = s - i, m = u - i;
   return { x: f, y: m, centerX: d, centerY: c, size: l };
 }
 function zd(e) {
@@ -731,11 +731,11 @@ function Ps(e, n) {
   console.warn(`Varlet [${e}]: ${n}`);
 }
 function nh(e) {
-  const { left: n } = xe(e);
+  const { left: n } = en(e);
   return n + (document.body.scrollLeft || document.documentElement.scrollLeft);
 }
 function Os(e) {
-  const { top: n } = xe(e);
+  const { top: n } = en(e);
   return n + (document.body.scrollTop || document.documentElement.scrollTop);
 }
 function zr(e) {
@@ -759,7 +759,7 @@ function th(e) {
   return n;
 }
 function Fd(e, n) {
-  if (en(e)) {
+  if (nn(e)) {
     const t = document.querySelector(e);
     return t || Sn(n, "target element cannot found"), t;
   }
@@ -768,7 +768,7 @@ function Fd(e, n) {
   Sn(n, 'type of prop "target" should be a selector or an element object');
 }
 function oh() {
-  const { width: e, height: n } = xe(window);
+  const { width: e, height: n } = en(window);
   return {
     vw: e,
     vh: n,
@@ -776,7 +776,7 @@ function oh() {
     vMax: Math.max(e, n)
   };
 }
-const Yd = (e) => en(e) && e.endsWith("rem"), rh = (e) => en(e) && e.endsWith("em") && !e.endsWith("rem"), ah = (e) => en(e) && e.endsWith("px") || mn(e), ih = (e) => en(e) && e.endsWith("%"), jd = (e) => en(e) && e.endsWith("vw"), Wd = (e) => en(e) && e.endsWith("vh"), qd = (e) => en(e) && e.endsWith("vmin"), Gd = (e) => en(e) && e.endsWith("vmax"), lh = (e) => en(e) && e.startsWith("calc("), sh = (e) => en(e) && e.startsWith("var("), Fe = (e) => {
+const Yd = (e) => nn(e) && e.endsWith("rem"), rh = (e) => nn(e) && e.endsWith("em") && !e.endsWith("rem"), ah = (e) => nn(e) && e.endsWith("px") || mn(e), ih = (e) => nn(e) && e.endsWith("%"), jd = (e) => nn(e) && e.endsWith("vw"), Wd = (e) => nn(e) && e.endsWith("vh"), qd = (e) => nn(e) && e.endsWith("vmin"), Gd = (e) => nn(e) && e.endsWith("vmax"), lh = (e) => nn(e) && e.startsWith("calc("), sh = (e) => nn(e) && e.startsWith("var("), Fe = (e) => {
   if (mn(e))
     return e;
   if (ah(e))
@@ -796,7 +796,7 @@ const Yd = (e) => en(e) && e.endsWith("rem"), rh = (e) => en(e) && e.endsWith("e
     const a = +e.replace("rem", ""), i = Tt(document.documentElement).fontSize;
     return a * parseFloat(i);
   }
-  return en(e) ? z(e) : 0;
+  return nn(e) ? L(e) : 0;
 }, Se = (e) => {
   if (e != null)
     return ih(e) || jd(e) || Wd(e) || rh(e) || Yd(e) || lh(e) || sh(e) || qd(e) || Gd(e) ? e : `${Fe(e)}px`;
@@ -877,13 +877,13 @@ const Kd = x({
     function o(r, a) {
       return uh(this, null, function* () {
         const { transition: i } = e;
-        if (a == null || z(i) === 0) {
+        if (a == null || L(i) === 0) {
           n.value = r;
           return;
         }
         t.value = !0, yield Ye(), setTimeout(() => {
           a != null && (n.value = r), t.value = !1;
-        }, z(i));
+        }, L(i));
       });
     }
     return {
@@ -892,7 +892,7 @@ const Kd = x({
       n: ch,
       classes: fh,
       isURL: gm,
-      toNumber: z,
+      toNumber: L,
       toSizeUnit: Se
     };
   }
@@ -1035,10 +1035,13 @@ var ki = {
     }
   },
   datePickerSelected: "个被选择",
+  datePickerHint: "选择日期",
   // pagination
   paginationItem: "条",
   paginationPage: "页",
-  paginationJump: "前往"
+  paginationJump: "前往",
+  // time-picker
+  timePickerHint: "选择时间"
 }, Zd = {
   // Dialog
   dialogTitle: "Hint",
@@ -1136,10 +1139,13 @@ var ki = {
     }
   },
   datePickerSelected: " selected",
+  datePickerHint: "SELECT DATE",
   // pagination
   paginationItem: "",
   paginationPage: "page",
-  paginationJump: "Go to"
+  paginationJump: "Go to",
+  // time-picker
+  timePickerHint: "SELECT TIME"
 }, Jd = {
   // Dialog
   dialogTitle: "提示",
@@ -1271,17 +1277,17 @@ function Pi() {
     }
   };
 }
-const { packs: Qd, pack: nn, add: Oi, use: Ti, merge: _d } = Pi();
+const { packs: Qd, pack: Qe, add: Oi, use: Ti, merge: _d } = Pi();
 Oi("zh-CN", ki);
 Ti("zh-CN");
-const ME = { zhCN: ki, enUS: Zd, packs: Qd, pack: nn, add: Oi, use: Ti, merge: _d, useLocale: Pi };
+const ME = { zhCN: ki, enUS: Zd, packs: Qd, pack: Qe, add: Oi, use: Ti, merge: _d, useLocale: Pi };
 var Kr = {
   zhCN: ki,
   enUS: Zd,
   zhTW: Jd,
   zhHK: yh,
   packs: Qd,
-  pack: nn,
+  pack: Qe,
   add: Oi,
   use: Ti,
   merge: _d,
@@ -1289,7 +1295,7 @@ var Kr = {
 };
 const { name: Sh, n: kh, classes: Ph } = ee("action-sheet"), Oh = ["onClick"];
 function Th(e, n) {
-  const t = ae("var-icon"), o = ae("var-popup"), r = Ve("ripple");
+  const t = ie("var-icon"), o = ie("var-popup"), r = Ve("ripple");
   return p(), $e(o, ze({
     class: e.n("popup-radius"),
     position: "bottom",
@@ -1325,7 +1331,7 @@ function Th(e, n) {
                 {
                   class: v(e.n("title"))
                 },
-                ie((a = e.title) != null ? a : e.pack.actionSheetTitle),
+                ae((a = e.title) != null ? a : e.pack.actionSheetTitle),
                 3
                 /* TEXT, CLASS */
               )
@@ -1354,7 +1360,7 @@ function Th(e, n) {
                   {
                     class: v(e.n("action-name"))
                   },
-                  ie(a.name),
+                  ae(a.name),
                   3
                   /* TEXT, CLASS */
                 )
@@ -1403,7 +1409,7 @@ const xd = x({
     }
     return {
       popupShow: n,
-      pack: nn,
+      pack: Qe,
       n: kh,
       classes: Ph,
       handlePopupUpdateShow: o,
@@ -1524,7 +1530,7 @@ function zh(e, n) {
                 [
                   R(e.$slots, "default", {}, () => [
                     Ie(
-                      ie(e.title),
+                      ae(e.title),
                       1
                       /* TEXT */
                     )
@@ -1546,7 +1552,7 @@ function zh(e, n) {
             [
               R(e.$slots, "default", {}, () => [
                 Ie(
-                  ie(e.title),
+                  ae(e.title),
                   1
                   /* TEXT */
                 )
@@ -1571,7 +1577,7 @@ function zh(e, n) {
                 [
                   R(e.$slots, "default", {}, () => [
                     Ie(
-                      ie(e.title),
+                      ae(e.title),
                       1
                       /* TEXT */
                     )
@@ -1629,7 +1635,7 @@ var Ii = ec;
 re(Ii);
 const NE = Ii;
 var Jr = Ii;
-const As = (e) => en(e) ? e.startsWith("data:image") || /\.(png|jpg|gif|jpeg|svg|webp|ico)$/i.test(e) : !1, zs = (e) => en(e) ? e.startsWith("data:video") || /\.(mp4|webm|ogg)$/.test(e) : !1, Lh = (e) => {
+const As = (e) => nn(e) ? e.startsWith("data:image") || /\.(png|jpg|gif|jpeg|svg|webp|ico)$/i.test(e) : !1, zs = (e) => nn(e) ? e.startsWith("data:video") || /\.(mp4|webm|ogg)$/.test(e) : !1, Lh = (e) => {
   const n = [];
   return {
     cache: n,
@@ -1675,14 +1681,14 @@ var Rh = Object.defineProperty, Rs = Object.getOwnPropertySymbols, Uh = Object.p
   }, l = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(a, i);
   l((t = t.apply(e, n)).next());
 });
-const Yh = "background-image", jh = "lazy-loading", Wh = "lazy-error", Hs = "lazy-attempt", qh = ["scroll", "wheel", "mousewheel", "resize", "animationend", "transitionend", "touchmove"], _r = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==", Ft = [], sr = [], tc = Lh(100), Qe = {
+const Yh = "background-image", jh = "lazy-loading", Wh = "lazy-error", Hs = "lazy-attempt", qh = ["scroll", "wheel", "mousewheel", "resize", "animationend", "transitionend", "touchmove"], _r = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==", Ft = [], sr = [], tc = Lh(100), _e = {
   loading: _r,
   error: _r,
   attempt: 3,
   throttleWait: 300,
   events: qh
 };
-let Bi = $i(Vo, Qe.throttleWait);
+let Bi = $i(Vo, _e.throttleWait);
 function Sr(e, n) {
   e._lazy.arg === Yh ? e.style.backgroundImage = `url(${n})` : e.setAttribute("src", n);
 }
@@ -1697,14 +1703,14 @@ function oc(e, n) {
 }
 function Kh(e) {
   var n;
-  sr.includes(e) || (sr.push(e), (n = Qe.events) == null || n.forEach((t) => {
+  sr.includes(e) || (sr.push(e), (n = _e.events) == null || n.forEach((t) => {
     e.addEventListener(t, Bi, { passive: !0 });
   }));
 }
 function Zh() {
   sr.forEach((e) => {
     var n;
-    (n = Qe.events) == null || n.forEach((t) => {
+    (n = _e.events) == null || n.forEach((t) => {
       e.removeEventListener(t, Bi);
     });
   }), sr.length = 0;
@@ -1712,9 +1718,9 @@ function Zh() {
 function Jh(e, n) {
   var t, o;
   const r = {
-    loading: (t = e.getAttribute(jh)) != null ? t : Qe.loading,
-    error: (o = e.getAttribute(Wh)) != null ? o : Qe.error,
-    attempt: e.getAttribute(Hs) ? Number(e.getAttribute(Hs)) : Qe.attempt
+    loading: (t = e.getAttribute(jh)) != null ? t : _e.loading,
+    error: (o = e.getAttribute(Wh)) != null ? o : _e.error,
+    attempt: e.getAttribute(Hs) ? Number(e.getAttribute(Hs)) : _e.attempt
   };
   e._lazy = Fh({
     src: n.value,
@@ -1722,7 +1728,7 @@ function Jh(e, n) {
     currentAttempt: 0,
     state: "pending",
     attemptLock: !1
-  }, r), Sr(e, _r), y(Qe.filter, e._lazy);
+  }, r), Sr(e, _r), y(_e.filter, e._lazy);
 }
 function Qh(e, n) {
   const t = new Image();
@@ -1779,14 +1785,14 @@ function ep(e, n) {
 }
 function np(e = {}) {
   const { events: n, loading: t, error: o, attempt: r, throttleWait: a, filter: i } = e;
-  Qe.events = n ?? Qe.events, Qe.loading = t ?? Qe.loading, Qe.error = o ?? Qe.error, Qe.attempt = r ?? Qe.attempt, Qe.throttleWait = a ?? Qe.throttleWait, Qe.filter = i;
+  _e.events = n ?? _e.events, _e.loading = t ?? _e.loading, _e.error = o ?? _e.error, _e.attempt = r ?? _e.attempt, _e.throttleWait = a ?? _e.throttleWait, _e.filter = i;
 }
 const ic = {
   mounted: ac,
   unmounted: Di,
   updated: ep,
   install(e, n) {
-    np(n), Bi = $i(Vo, Qe.throttleWait), e.directive("lazy", this);
+    np(n), Bi = $i(Vo, _e.throttleWait), e.directive("lazy", this);
   }
 }, VE = ic;
 var mo = ic;
@@ -2110,7 +2116,7 @@ function wp(e, n) {
             [
               R(e.$slots, "description", {}, () => [
                 Ie(
-                  ie(e.description),
+                  ae(e.description),
                   1
                   /* TEXT */
                 )
@@ -2329,7 +2335,7 @@ function Yp() {
 }
 const { name: jp, n: Wp, classes: qp } = ee("button"), Gp = ["type", "disabled"];
 function Xp(e, n) {
-  const t = ae("var-loading"), o = ae("var-hover-overlay"), r = Ve("ripple"), a = Ve("hover");
+  const t = ie("var-loading"), o = ie("var-hover-overlay"), r = Ve("ripple"), a = Ve("hover");
   return Te((p(), S("button", {
     class: v(
       e.classes(
@@ -2463,7 +2469,7 @@ const Kp = {
   onClick: A()
 }, { name: Zp, n: Jp, classes: Qp } = ee("back-top");
 function _p(e, n) {
-  const t = ae("var-icon"), o = ae("var-button");
+  const t = ie("var-icon"), o = ie("var-button");
   return p(), $e(jn, {
     to: "body",
     disabled: e.disabled
@@ -2573,7 +2579,7 @@ const xp = {
   color: String
 }, { name: eg, n: ng, classes: tg } = ee("badge");
 function og(e, n) {
-  const t = ae("var-icon");
+  const t = ie("var-icon");
   return p(), S(
     "div",
     {
@@ -2613,7 +2619,7 @@ function og(e, n) {
                     key: 0,
                     class: v(e.n("value"))
                   },
-                  ie(e.value),
+                  ae(e.value),
                   3
                   /* TEXT, CLASS */
                 )) : Q("v-if", !0)
@@ -2642,7 +2648,7 @@ const wc = x({
     return {
       value: M(() => {
         const { value: t, maxValue: o } = e;
-        return t != null && o != null && z(t) > z(o) ? `${o}+` : t;
+        return t != null && o != null && L(t) > L(o) ? `${o}+` : t;
       }),
       n: ng,
       classes: tg
@@ -2698,7 +2704,7 @@ const { name: ug, n: dg, classes: cg } = ee("bottom-navigation"), { n: kr } = ee
   type: "primary"
 };
 function vg(e, n) {
-  const t = ae("var-button");
+  const t = ie("var-button");
   return p(), S(
     "div",
     {
@@ -2778,13 +2784,13 @@ const Sc = x({
     }
     function T(k) {
       const D = P(), O = D.length, N = k % 2 === 0;
-      D.forEach((L, U) => {
-        $(N, L, U, O);
+      D.forEach((z, U) => {
+        $(N, z, U, O);
       });
     }
     function $(k, D, O, N) {
-      const L = O === N - 1;
-      if (!k && L) {
+      const z = O === N - 1;
+      if (!k && z) {
         D.classList.add(Ks);
         return;
       }
@@ -2838,7 +2844,7 @@ const { name: pg, n: gg, classes: bg } = ee("bottom-navigation-item"), yg = {
   dot: !0
 };
 function $g(e, n) {
-  const t = ae("var-icon"), o = ae("var-badge"), r = Ve("ripple");
+  const t = ie("var-icon"), o = ie("var-badge"), r = Ve("ripple");
   return Te((p(), S(
     "button",
     {
@@ -2874,7 +2880,7 @@ function $g(e, n) {
             { key: 0 },
             [
               Ie(
-                ie(e.label),
+                ae(e.label),
                 1
                 /* TEXT */
               )
@@ -2991,7 +2997,7 @@ function Tg(e, n) {
             {
               class: v(e.n("separator"))
             },
-            ie((t = e.separator) != null ? t : e.parentSeparator),
+            ae((t = e.separator) != null ? t : e.parentSeparator),
             3
             /* TEXT, CLASS */
           )
@@ -3174,7 +3180,7 @@ var Zs = (e, n, t) => new Promise((o, r) => {
 });
 const { name: Rg, n: Ug, classes: Hg } = ee("card"), Fg = 500, Yg = ["src", "alt"];
 function jg(e, n) {
-  const t = ae("var-icon"), o = ae("var-button"), r = Ve("ripple");
+  const t = ie("var-icon"), o = ie("var-button"), r = Ve("ripple");
   return Te((p(), S(
     "div",
     {
@@ -3228,7 +3234,7 @@ function jg(e, n) {
                     key: 0,
                     class: v(e.n("title"))
                   },
-                  ie(e.title),
+                  ae(e.title),
                   3
                   /* TEXT, CLASS */
                 )) : Q("v-if", !0)
@@ -3240,7 +3246,7 @@ function jg(e, n) {
                     key: 0,
                     class: v(e.n("subtitle"))
                   },
-                  ie(e.subtitle),
+                  ae(e.subtitle),
                   3
                   /* TEXT, CLASS */
                 )) : Q("v-if", !0)
@@ -3252,7 +3258,7 @@ function jg(e, n) {
                     key: 0,
                     class: v(e.n("description"))
                   },
-                  ie(e.description),
+                  ae(e.description),
                   3
                   /* TEXT, CLASS */
                 )) : Q("v-if", !0)
@@ -3376,8 +3382,8 @@ const Ic = x({
       return Zs(this, null, function* () {
         clearTimeout($.value), clearTimeout(T), $.value = null, $.value = setTimeout(
           () => Zs(this, null, function* () {
-            const { width: O, height: N, left: L, top: U } = xe(n.value);
-            o.value = Se(O), r.value = Se(N), a.value = o.value, i.value = r.value, l.value = Se(U), s.value = Se(L), u.value = "fixed", w = l.value, E = s.value, g.value = !0, yield fn(), l.value = "0", s.value = "0", a.value = "100vw", i.value = "100vh", c.value = "auto", f.value = "1", d.value = "auto", h.value = !0;
+            const { width: O, height: N, left: z, top: U } = en(n.value);
+            o.value = Se(O), r.value = Se(N), a.value = o.value, i.value = r.value, l.value = Se(U), s.value = Se(z), u.value = "fixed", w = l.value, E = s.value, g.value = !0, yield fn(), l.value = "0", s.value = "0", a.value = "100vw", i.value = "100vh", c.value = "auto", f.value = "1", d.value = "auto", h.value = !0;
           }),
           e.ripple ? Fg : 0
         );
@@ -3441,7 +3447,7 @@ const Wg = {
   onClick: A()
 }, { name: qg, n: Gg, classes: Xg } = ee("cell");
 function Kg(e, n) {
-  const t = ae("var-icon"), o = Ve("ripple");
+  const t = ie("var-icon"), o = Ve("ripple");
   return Te((p(), S(
     "div",
     {
@@ -3480,7 +3486,7 @@ function Kg(e, n) {
                 key: 0,
                 class: v(e.classes(e.n("title"), e.titleClass))
               },
-              ie(e.title),
+              ae(e.title),
               3
               /* TEXT, CLASS */
             )) : Q("v-if", !0)
@@ -3492,7 +3498,7 @@ function Kg(e, n) {
                 key: 0,
                 class: v(e.classes(e.n("description"), e.descriptionClass))
               },
-              ie(e.description),
+              ae(e.description),
               3
               /* TEXT, CLASS */
             )) : Q("v-if", !0)
@@ -3582,7 +3588,7 @@ function e0(e, n) {
                   e.errorMessage ? (p(), S(
                     "div",
                     _g,
-                    ie(e.errorMessage),
+                    ae(e.errorMessage),
                     1
                     /* TEXT */
                   )) : Q("v-if", !0)
@@ -3608,7 +3614,7 @@ function e0(e, n) {
                     e.extraMessage ? (p(), S(
                       "div",
                       xg,
-                      ie(e.extraMessage),
+                      ae(e.extraMessage),
                       1
                       /* TEXT */
                     )) : Q("v-if", !0)
@@ -3722,7 +3728,7 @@ function c0() {
 }
 const { name: f0, n: v0, classes: m0 } = ee("checkbox");
 function h0(e, n) {
-  const t = ae("var-icon"), o = ae("var-hover-overlay"), r = ae("var-form-details"), a = Ve("hover"), i = Ve("ripple");
+  const t = ie("var-icon"), o = ie("var-hover-overlay"), r = ie("var-form-details"), a = Ve("hover"), i = Ve("ripple");
   return p(), S(
     "div",
     {
@@ -3839,25 +3845,25 @@ const Vc = x({
     y(l, b), y(c, b);
     function w(O) {
       Ye(() => {
-        const { validateTrigger: N, rules: L, modelValue: U } = e;
-        m(N, O, L, U);
+        const { validateTrigger: N, rules: z, modelValue: U } = e;
+        m(N, O, z, U);
       });
     }
     function E(O) {
-      const { checkedValue: N, onChange: L } = e;
-      n.value = O, t.value = !1, y(L, n.value), w("onChange"), O === N ? i == null || i.onChecked(N) : i == null || i.onUnchecked(N);
+      const { checkedValue: N, onChange: z } = e;
+      n.value = O, t.value = !1, y(z, n.value), w("onChange"), O === N ? i == null || i.onChecked(N) : i == null || i.onUnchecked(N);
     }
     function T(O) {
-      const { disabled: N, readonly: L, checkedValue: U, uncheckedValue: te, onClick: G } = e;
-      if (d != null && d.disabled.value || N || (y(G, O), d != null && d.readonly.value || L))
+      const { disabled: N, readonly: z, checkedValue: U, uncheckedValue: te, onClick: G } = e;
+      if (d != null && d.disabled.value || N || (y(G, O), d != null && d.readonly.value || z))
         return;
       a.value = !0;
       const j = i ? i.checkedCount.value >= Number(i.max.value) : !1;
       !o.value && j || E(o.value ? te : U);
     }
     function $(O) {
-      const { checkedValue: N, uncheckedValue: L } = e;
-      n.value = O.includes(N) ? N : L;
+      const { checkedValue: N, uncheckedValue: z } = e;
+      n.value = O.includes(N) ? N : z;
     }
     function P() {
       a.value = !1;
@@ -3866,8 +3872,8 @@ const Vc = x({
       n.value = e.uncheckedValue, h();
     }
     function k(O) {
-      const { checkedValue: N, uncheckedValue: L } = e;
-      ![N, L].includes(O) && (O = o.value ? L : N), E(O);
+      const { checkedValue: N, uncheckedValue: z } = e;
+      ![N, z].includes(O) && (O = o.value ? z : N), E(O);
     }
     function D() {
       return g(e.rules, e.modelValue);
@@ -3916,7 +3922,7 @@ const p0 = {
   "onUpdate:modelValue": A()
 }, { name: g0, n: b0, classes: y0 } = ee("checkbox-group");
 function $0(e, n) {
-  const t = ae("var-form-details");
+  const t = ie("var-form-details");
   return p(), S(
     "div",
     {
@@ -4035,11 +4041,13 @@ const w0 = {
     default: !0
   },
   block: Boolean,
+  /** @deprecated Use closeable to instead. */
   closable: Boolean,
+  closeable: Boolean,
   onClose: A()
 }, { name: C0, n: Qn, classes: S0 } = ee("chip");
 function k0(e, n) {
-  const t = ae("var-icon");
+  const t = ie("var-icon");
   return p(), $e(We, {
     name: e.n("$-fade")
   }, {
@@ -4064,7 +4072,7 @@ function k0(e, n) {
             /* CLASS */
           ),
           R(e.$slots, "right"),
-          e.closable ? (p(), S(
+          e.closeable || e.closable ? (p(), S(
             "span",
             {
               key: 0,
@@ -4205,7 +4213,7 @@ const Rc = x({
   name: E0,
   props: P0,
   setup(e) {
-    const n = M(() => z(e.span)), t = M(() => z(e.offset)), o = C({ left: 0, right: 0, top: 0, bottom: 0 }), { row: r, bindRow: a } = T0(), i = {
+    const n = M(() => L(e.span)), t = M(() => L(e.offset)), o = C({ left: 0, right: 0, top: 0, bottom: 0 }), { row: r, bindRow: a } = T0(), i = {
       setPadding(u) {
         o.value = u;
       }
@@ -4233,7 +4241,7 @@ const Rc = x({
       padding: o,
       n: Yo,
       classes: I0,
-      toNumber: z,
+      toNumber: L,
       toSizeUnit: Se,
       getSize: l,
       handleClick: s,
@@ -4392,7 +4400,7 @@ var _s = (e, n, t) => new Promise((o, r) => {
 });
 const { name: R0, n: U0, classes: H0 } = ee("collapse-item");
 function F0(e, n) {
-  const t = ae("var-icon");
+  const t = ie("var-icon");
   return p(), S(
     "div",
     {
@@ -4424,7 +4432,7 @@ function F0(e, n) {
             [
               R(e.$slots, "title", {}, () => [
                 Ie(
-                  ie(e.title),
+                  ae(e.title),
                   1
                   /* TEXT */
                 )
@@ -4581,7 +4589,7 @@ function q0(e, n) {
     [
       R(e.$slots, "default", st(Io(e.timeData)), () => [
         Ie(
-          ie(e.showTime),
+          ae(e.showTime),
           1
           /* TEXT */
         )
@@ -4636,14 +4644,14 @@ const Yc = x({
     }
     function d() {
       const { time: g, onEnd: h } = e, b = performance.now();
-      if (o || (o = b + z(g)), i = o - b, i < 0 && (i = 0), u(i), i === 0) {
+      if (o || (o = b + L(g)), i = o - b, i < 0 && (i = 0), u(i), i === 0) {
         y(h);
         return;
       }
       r && (a = fo(d));
     }
     function c(g = !1) {
-      r && !g || (r = !0, o = performance.now() + (i || z(e.time)), d());
+      r && !g || (r = !0, o = performance.now() + (i || L(e.time)), d());
     }
     function f() {
       r = !1, ms(a);
@@ -4731,7 +4739,7 @@ var Vt = 9e15, $t = 1e9, pa = "0123456789abcdef", fr = "2.3025850929940456840179
   // Whether to use cryptographically-secure random number generation, if available.
   crypto: !1
   // true/false
-}, jc, qn, we = !0, Pr = "[DecimalError] ", ht = Pr + "Invalid argument: ", Wc = Pr + "Precision limit exceeded", qc = Pr + "crypto unavailable", Gc = "[object Decimal]", sn = Math.floor, _e = Math.pow, G0 = /^0b([01]+(\.[01]*)?|\.[01]+)(p[+-]?\d+)?$/i, X0 = /^0x([0-9a-f]+(\.[0-9a-f]*)?|\.[0-9a-f]+)(p[+-]?\d+)?$/i, K0 = /^0o([0-7]+(\.[0-7]*)?|\.[0-7]+)(p[+-]?\d+)?$/i, Xc = /^(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i, zn = 1e7, be = 7, Z0 = 9007199254740991, J0 = fr.length - 1, ba = vr.length - 1, K = { toStringTag: Gc };
+}, jc, qn, we = !0, Pr = "[DecimalError] ", ht = Pr + "Invalid argument: ", Wc = Pr + "Precision limit exceeded", qc = Pr + "crypto unavailable", Gc = "[object Decimal]", sn = Math.floor, xe = Math.pow, G0 = /^0b([01]+(\.[01]*)?|\.[01]+)(p[+-]?\d+)?$/i, X0 = /^0x([0-9a-f]+(\.[0-9a-f]*)?|\.[0-9a-f]+)(p[+-]?\d+)?$/i, K0 = /^0o([0-7]+(\.[0-7]*)?|\.[0-7]+)(p[+-]?\d+)?$/i, Xc = /^(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i, zn = 1e7, be = 7, Z0 = 9007199254740991, J0 = fr.length - 1, ba = vr.length - 1, K = { toStringTag: Gc };
 K.absoluteValue = K.abs = function() {
   var e = new this.constructor(this);
   return e.s < 0 && (e.s = 1), pe(e);
@@ -4770,7 +4778,7 @@ K.cubeRoot = K.cbrt = function() {
   var e, n, t, o, r, a, i, l, s, u, d = this, c = d.constructor;
   if (!d.isFinite() || d.isZero())
     return new c(d);
-  for (we = !1, a = d.s * _e(d.s * d, 1 / 3), !a || Math.abs(a) == 1 / 0 ? (t = on(d.d), e = d.e, (a = (e - t.length + 1) % 3) && (t += a == 1 || a == -2 ? "0" : "00"), a = _e(t, 1 / 3), e = sn((e + 1) / 3) - (e % 3 == (e < 0 ? -1 : 2)), a == 1 / 0 ? t = "5e" + e : (t = a.toExponential(), t = t.slice(0, t.indexOf("e") + 1) + e), o = new c(t), o.s = d.s) : o = new c(a.toString()), i = (e = c.precision) + 3; ; )
+  for (we = !1, a = d.s * xe(d.s * d, 1 / 3), !a || Math.abs(a) == 1 / 0 ? (t = on(d.d), e = d.e, (a = (e - t.length + 1) % 3) && (t += a == 1 || a == -2 ? "0" : "00"), a = xe(t, 1 / 3), e = sn((e + 1) / 3) - (e % 3 == (e < 0 ? -1 : 2)), a == 1 / 0 ? t = "5e" + e : (t = a.toExponential(), t = t.slice(0, t.indexOf("e") + 1) + e), o = new c(t), o.s = d.s) : o = new c(a.toString()), i = (e = c.precision) + 3; ; )
     if (l = o, s = l.times(l).times(l), u = s.plus(d), o = Re(u.plus(d).times(l), u.plus(s), i + 2, 1), on(l.d).slice(0, i) === (t = on(o.d)).slice(0, i))
       if (t = t.slice(i - 3, i + 1), t == "9999" || !r && t == "4999") {
         if (!r && (pe(l, e + 1, 0), l.times(l).times(l).eq(d))) {
@@ -5081,7 +5089,7 @@ K.toFraction = function(e) {
   var n, t, o, r, a, i, l, s, u, d, c, f, m = this, g = m.d, h = m.constructor;
   if (!g)
     return new h(m);
-  if (u = t = new h(1), o = s = new h(0), n = new h(o), a = n.e = Kc(g) - m.e - 1, i = a % be, n.d[0] = _e(10, i < 0 ? be + i : i), e == null)
+  if (u = t = new h(1), o = s = new h(0), n = new h(o), a = n.e = Kc(g) - m.e - 1, i = a % be, n.d[0] = xe(10, i < 0 ? be + i : i), e == null)
     e = a > 0 ? n : u;
   else {
     if (l = new h(e), !l.isInt() || l.lt(u))
@@ -5118,7 +5126,7 @@ K.toOctal = function(e, n) {
 K.toPower = K.pow = function(e) {
   var n, t, o, r, a, i, l = this, s = l.constructor, u = +(e = new s(e));
   if (!l.d || !e.d || !l.d[0] || !e.d[0])
-    return new s(_e(+l, u));
+    return new s(xe(+l, u));
   if (l = new s(l), l.eq(1))
     return l;
   if (o = s.precision, a = s.rounding, e.eq(1))
@@ -5131,7 +5139,7 @@ K.toPower = K.pow = function(e) {
     if (e.d[n] & 1 || (i = 1), l.e == 0 && l.d[0] == 1 && l.d.length == 1)
       return l.s = i, l;
   }
-  return t = _e(+l, u), n = t == 0 || !isFinite(t) ? sn(u * (Math.log("0." + on(l.d)) / Math.LN10 + l.e + 1)) : new s(t + "").e, n > s.maxE + 1 || n < s.minE - 1 ? new s(n > 0 ? i / 0 : 0) : (we = !1, s.rounding = l.s = 1, t = Math.min(12, (n + "").length), r = ya(e.times(it(l, o + t)), o), r.d && (r = pe(r, o + 5, 1), po(r.d, o, a) && (n = o + 10, r = pe(ya(e.times(it(l, n + t)), n), n + 5, 1), +on(r.d).slice(o + 1, o + 15) + 1 == 1e14 && (r = pe(r, o + 1, 0)))), r.s = i, we = !0, s.rounding = a, pe(r, o, a));
+  return t = xe(+l, u), n = t == 0 || !isFinite(t) ? sn(u * (Math.log("0." + on(l.d)) / Math.LN10 + l.e + 1)) : new s(t + "").e, n > s.maxE + 1 || n < s.minE - 1 ? new s(n > 0 ? i / 0 : 0) : (we = !1, s.rounding = l.s = 1, t = Math.min(12, (n + "").length), r = ya(e.times(it(l, o + t)), o), r.d && (r = pe(r, o + 5, 1), po(r.d, o, a) && (n = o + 10, r = pe(ya(e.times(it(l, n + t)), n), n + 5, 1), +on(r.d).slice(o + 1, o + 15) + 1 == 1e14 && (r = pe(r, o + 1, 0)))), r.s = i, we = !0, s.rounding = a, pe(r, o, a));
 };
 K.toPrecision = function(e, n) {
   var t, o = this, r = o.constructor;
@@ -5172,7 +5180,7 @@ function po(e, n, t, o) {
   var r, a, i, l;
   for (a = e[0]; a >= 10; a /= 10)
     --n;
-  return --n < 0 ? (n += be, r = 0) : (r = Math.ceil((n + 1) / be), n %= be), a = _e(10, be - n), l = e[r] % a | 0, o == null ? n < 3 ? (n == 0 ? l = l / 100 | 0 : n == 1 && (l = l / 10 | 0), i = t < 4 && l == 99999 || t > 3 && l == 49999 || l == 5e4 || l == 0) : i = (t < 4 && l + 1 == a || t > 3 && l + 1 == a / 2) && (e[r + 1] / a / 100 | 0) == _e(10, n - 2) - 1 || (l == a / 2 || l == 0) && (e[r + 1] / a / 100 | 0) == 0 : n < 4 ? (n == 0 ? l = l / 1e3 | 0 : n == 1 ? l = l / 100 | 0 : n == 2 && (l = l / 10 | 0), i = (o || t < 4) && l == 9999 || !o && t > 3 && l == 4999) : i = ((o || t < 4) && l + 1 == a || !o && t > 3 && l + 1 == a / 2) && (e[r + 1] / a / 1e3 | 0) == _e(10, n - 3) - 1, i;
+  return --n < 0 ? (n += be, r = 0) : (r = Math.ceil((n + 1) / be), n %= be), a = xe(10, be - n), l = e[r] % a | 0, o == null ? n < 3 ? (n == 0 ? l = l / 100 | 0 : n == 1 && (l = l / 10 | 0), i = t < 4 && l == 99999 || t > 3 && l == 49999 || l == 5e4 || l == 0) : i = (t < 4 && l + 1 == a || t > 3 && l + 1 == a / 2) && (e[r + 1] / a / 100 | 0) == xe(10, n - 2) - 1 || (l == a / 2 || l == 0) && (e[r + 1] / a / 100 | 0) == 0 : n < 4 ? (n == 0 ? l = l / 1e3 | 0 : n == 1 ? l = l / 100 | 0 : n == 2 && (l = l / 10 | 0), i = (o || t < 4) && l == 9999 || !o && t > 3 && l == 4999) : i = ((o || t < 4) && l + 1 == a || !o && t > 3 && l + 1 == a / 2) && (e[r + 1] / a / 1e3 | 0) == xe(10, n - 3) - 1, i;
 }
 function xo(e, n, t) {
   for (var o, r = [0], a, i = 0, l = e.length; i < l; ) {
@@ -5220,7 +5228,7 @@ var Re = function() {
       o.shift();
   }
   return function(o, r, a, i, l, s) {
-    var u, d, c, f, m, g, h, b, w, E, T, $, P, I, k, D, O, N, L, U, te = o.constructor, G = o.s == r.s ? 1 : -1, j = o.d, X = r.d;
+    var u, d, c, f, m, g, h, b, w, E, T, $, P, I, k, D, O, N, z, U, te = o.constructor, G = o.s == r.s ? 1 : -1, j = o.d, X = r.d;
     if (!j || !j[0] || !X || !X[0])
       return new te(
         // Return NaN if either NaN, or both Infinity or 0.
@@ -5229,21 +5237,21 @@ var Re = function() {
           j && j[0] == 0 || !X ? G * 0 : G / 0
         )
       );
-    for (s ? (m = 1, d = o.e - r.e) : (s = zn, m = be, d = sn(o.e / m) - sn(r.e / m)), L = X.length, O = j.length, w = new te(G), E = w.d = [], c = 0; X[c] == (j[c] || 0); c++)
+    for (s ? (m = 1, d = o.e - r.e) : (s = zn, m = be, d = sn(o.e / m) - sn(r.e / m)), z = X.length, O = j.length, w = new te(G), E = w.d = [], c = 0; X[c] == (j[c] || 0); c++)
       ;
     if (X[c] > (j[c] || 0) && d--, a == null ? (I = a = te.precision, i = te.rounding) : l ? I = a + (o.e - r.e) + 1 : I = a, I < 0)
       E.push(1), g = !0;
     else {
-      if (I = I / m + 2 | 0, c = 0, L == 1) {
+      if (I = I / m + 2 | 0, c = 0, z == 1) {
         for (f = 0, X = X[0], I++; (c < O || f) && I--; c++)
           k = f * s + (j[c] || 0), E[c] = k / X | 0, f = k % X | 0;
         g = f || c < O;
       } else {
-        for (f = s / (X[0] + 1) | 0, f > 1 && (X = e(X, f, s), j = e(j, f, s), L = X.length, O = j.length), D = L, T = j.slice(0, L), $ = T.length; $ < L; )
+        for (f = s / (X[0] + 1) | 0, f > 1 && (X = e(X, f, s), j = e(j, f, s), z = X.length, O = j.length), D = z, T = j.slice(0, z), $ = T.length; $ < z; )
           T[$++] = 0;
         U = X.slice(), U.unshift(0), N = X[0], X[1] >= s / 2 && ++N;
         do
-          f = 0, u = n(X, T, L, $), u < 0 ? (P = T[0], L != $ && (P = P * s + (T[1] || 0)), f = P / N | 0, f > 1 ? (f >= s && (f = s - 1), h = e(X, f, s), b = h.length, $ = T.length, u = n(h, T, b, $), u == 1 && (f--, t(h, L < b ? U : X, b, s))) : (f == 0 && (u = f = 1), h = X.slice()), b = h.length, b < $ && h.unshift(0), t(T, h, $, s), u == -1 && ($ = T.length, u = n(X, T, L, $), u < 1 && (f++, t(T, L < $ ? U : X, $, s))), $ = T.length) : u === 0 && (f++, T = [0]), E[c++] = f, u && T[0] ? T[$++] = j[D] || 0 : (T = [j[D]], $ = 1);
+          f = 0, u = n(X, T, z, $), u < 0 ? (P = T[0], z != $ && (P = P * s + (T[1] || 0)), f = P / N | 0, f > 1 ? (f >= s && (f = s - 1), h = e(X, f, s), b = h.length, $ = T.length, u = n(h, T, b, $), u == 1 && (f--, t(h, z < b ? U : X, b, s))) : (f == 0 && (u = f = 1), h = X.slice()), b = h.length, b < $ && h.unshift(0), t(T, h, $, s), u == -1 && ($ = T.length, u = n(X, T, z, $), u < 1 && (f++, t(T, z < $ ? U : X, $, s))), $ = T.length) : u === 0 && (f++, T = [0]), E[c++] = f, u && T[0] ? T[$++] = j[D] || 0 : (T = [j[D]], $ = 1);
         while ((D++ < O || T[0] !== void 0) && I--);
         g = T[0] !== void 0;
       }
@@ -5268,7 +5276,7 @@ function pe(e, n, t, o) {
       for (r = 1, l = c[0]; l >= 10; l /= 10)
         r++;
       if (a = n - r, a < 0)
-        a += be, i = n, d = c[f = 0], s = d / _e(10, r - i - 1) % 10 | 0;
+        a += be, i = n, d = c[f = 0], s = d / xe(10, r - i - 1) % 10 | 0;
       else if (f = Math.ceil((a + 1) / be), l = c.length, f >= l)
         if (o) {
           for (; l++ <= f; )
@@ -5279,12 +5287,12 @@ function pe(e, n, t, o) {
       else {
         for (d = l = c[f], r = 1; l >= 10; l /= 10)
           r++;
-        a %= be, i = a - be + r, s = i < 0 ? 0 : d / _e(10, r - i - 1) % 10 | 0;
+        a %= be, i = a - be + r, s = i < 0 ? 0 : d / xe(10, r - i - 1) % 10 | 0;
       }
-      if (o = o || n < 0 || c[f + 1] !== void 0 || (i < 0 ? d : d % _e(10, r - i - 1)), u = t < 4 ? (s || o) && (t == 0 || t == (e.s < 0 ? 3 : 2)) : s > 5 || s == 5 && (t == 4 || o || t == 6 && // Check whether the digit to the left of the rounding digit is odd.
-      (a > 0 ? i > 0 ? d / _e(10, r - i) : 0 : c[f - 1]) % 10 & 1 || t == (e.s < 0 ? 8 : 7)), n < 1 || !c[0])
-        return c.length = 0, u ? (n -= e.e + 1, c[0] = _e(10, (be - n % be) % be), e.e = -n || 0) : c[0] = e.e = 0, e;
-      if (a == 0 ? (c.length = f, l = 1, f--) : (c.length = f + 1, l = _e(10, be - a), c[f] = i > 0 ? (d / _e(10, r - i) % _e(10, i) | 0) * l : 0), u)
+      if (o = o || n < 0 || c[f + 1] !== void 0 || (i < 0 ? d : d % xe(10, r - i - 1)), u = t < 4 ? (s || o) && (t == 0 || t == (e.s < 0 ? 3 : 2)) : s > 5 || s == 5 && (t == 4 || o || t == 6 && // Check whether the digit to the left of the rounding digit is odd.
+      (a > 0 ? i > 0 ? d / xe(10, r - i) : 0 : c[f - 1]) % 10 & 1 || t == (e.s < 0 ? 8 : 7)), n < 1 || !c[0])
+        return c.length = 0, u ? (n -= e.e + 1, c[0] = xe(10, (be - n % be) % be), e.e = -n || 0) : c[0] = e.e = 0, e;
+      if (a == 0 ? (c.length = f, l = 1, f--) : (c.length = f + 1, l = xe(10, be - a), c[f] = i > 0 ? (d / xe(10, r - i) % xe(10, i) | 0) * l : 0), u)
         for (; ; )
           if (f == 0) {
             for (a = 1, i = c[0]; i >= 10; i /= 10)
@@ -5370,7 +5378,7 @@ function ya(e, n) {
     return new f(e.d ? e.d[0] ? e.s < 0 ? 0 : 1 / 0 : 1 : e.s ? e.s < 0 ? 0 : e : 0 / 0);
   for (n == null ? (we = !1, s = g) : s = n, l = new f(0.03125); e.e > -2; )
     e = e.times(l), c += 5;
-  for (o = Math.log(_e(2, c)) / Math.LN10 * 2 + 5 | 0, s += o, t = a = i = new f(1), f.precision = s; ; ) {
+  for (o = Math.log(xe(2, c)) / Math.LN10 * 2 + 5 | 0, s += o, t = a = i = new f(1), f.precision = s; ; ) {
     if (a = pe(a.times(e), s, 1), t = t.times(++d), l = i.plus(Re(a, t, s, 1)), on(l.d).slice(0, s) === on(i.d).slice(0, s)) {
       for (r = c; r--; )
         i = pe(i.times(i), s, 1);
@@ -5447,7 +5455,7 @@ function _0(e, n) {
     throw Error(ht + n);
   for (a = n.search(/p/i), a > 0 ? (s = +n.slice(a + 1), n = n.substring(2, a)) : n = n.slice(2), a = n.indexOf("."), i = a >= 0, o = e.constructor, i && (n = n.replace(".", ""), l = n.length, a = l - a, r = Zc(o, new o(t), a, a * 2)), u = xo(n, t, zn), d = u.length - 1, a = d; u[a] === 0; --a)
     u.pop();
-  return a < 0 ? new o(e.s * 0) : (e.e = Or(u, d), e.d = u, we = !1, i && (e = Re(e, r, l * 4)), s && (e = e.times(Math.abs(s) < 54 ? _e(2, s) : lt.pow(2, s))), we = !0, e);
+  return a < 0 ? new o(e.s * 0) : (e.e = Or(u, d), e.d = u, we = !1, i && (e = Re(e, r, l * 4)), s && (e = e.times(Math.abs(s) < 54 ? xe(2, s) : lt.pow(2, s))), we = !0, e);
 }
 function x0(e, n) {
   var t, o = n.d.length;
@@ -5725,7 +5733,7 @@ function Eb(e) {
   else
     for (; a < o; )
       l[a++] = Math.random() * 1e7 | 0;
-  for (o = l[--a], e %= be, o && e && (r = _e(10, be - e), l[a] = (o / r | 0) * r); l[a] === 0; a--)
+  for (o = l[--a], e %= be, o && e && (r = xe(10, be - e), l[a] = (o / r | 0) * r); l[a] === 0; a--)
     l.pop();
   if (a < 0)
     t = 0, l = [0];
@@ -5830,7 +5838,7 @@ const Ub = {
   "onUpdate:modelValue": A()
 }, ou = 100, ru = 600, { name: Hb, n: Fb, classes: Yb } = ee("counter"), jb = ["inputmode", "readonly", "disabled"];
 function Wb(e, n) {
-  const t = ae("var-icon"), o = ae("var-button"), r = ae("var-form-details");
+  const t = ie("var-icon"), o = ie("var-button"), r = ie("var-form-details");
   return p(), S(
     "div",
     {
@@ -5846,7 +5854,7 @@ function Wb(e, n) {
             [e.disabled || e.formDisabled, e.n("--disabled")],
             [e.errorMessage, e.n("--error")]
           ),
-          style: { background: e.color ? e.color : void 0 }
+          style: { background: e.color }
         }, e.$attrs),
         [
           Z(o, {
@@ -5944,10 +5952,10 @@ const ef = x({
       resetValidation: l
     } = Bn(), { readonly: s, disabled: u } = o ?? {}, d = M(() => {
       const { max: X, modelValue: J } = e;
-      return X != null && z(J) >= z(X);
+      return X != null && L(J) >= L(X);
     }), c = M(() => {
       const { min: X, modelValue: J } = e;
-      return X != null && z(J) <= z(X);
+      return X != null && L(J) <= L(X);
     });
     let f, m, g, h;
     y(t, {
@@ -5957,7 +5965,7 @@ const ef = x({
     }), ce(
       () => e.modelValue,
       (X) => {
-        G($(String(X))), y(e.onChange, z(X));
+        G($(String(X))), y(e.onChange, L(X));
       }
     ), G($(String(e.modelValue)));
     function w() {
@@ -5971,16 +5979,16 @@ const ef = x({
     }
     function T() {
       const { min: X } = e;
-      y(e["onUpdate:modelValue"], X != null ? z(X) : 0), l();
+      y(e["onUpdate:modelValue"], X != null ? L(X) : 0), l();
     }
     function $(X) {
       const { decimalLength: J, max: Y, min: le } = e;
-      let q = z(X);
-      return Y != null && q > z(Y) && (q = z(Y)), le != null && q < z(le) && (q = z(le)), X = String(q), J != null && (X = q.toFixed(z(J))), X;
+      let q = L(X);
+      return Y != null && q > L(Y) && (q = L(Y)), le != null && q < L(le) && (q = L(le)), X = String(q), J != null && (X = q.toFixed(L(J))), X;
     }
     function P(X) {
       const { lazyChange: J, onBeforeChange: Y } = e, { value: le } = X.target, q = $(le);
-      J ? y(Y, z(q), j) : G(q), E("onInputChange");
+      J ? y(Y, L(q), j) : G(q), E("onInputChange");
     }
     function I() {
       const {
@@ -5996,7 +6004,7 @@ const ef = x({
       } = e;
       if (u != null && u.value || s != null && s.value || X || J || Y || !le || c.value)
         return;
-      const V = new lt(z(H)).minus(new lt(z(ne))).toString(), W = $(V), he = z(W);
+      const V = new lt(L(H)).minus(new lt(L(ne))).toString(), W = $(V), he = L(W);
       y(_, he), q ? y(ue, he, j) : (G(W), E("onDecrement"));
     }
     function k() {
@@ -6013,7 +6021,7 @@ const ef = x({
       } = e;
       if (u != null && u.value || s != null && s.value || X || J || Y || !le || d.value)
         return;
-      const V = new lt(z(H)).plus(new lt(z(ne))).toString(), W = $(V), he = z(W);
+      const V = new lt(L(H)).plus(new lt(L(ne))).toString(), W = $(V), he = L(W);
       y(_, he), q ? y(ue, he, j) : (G(W), E("onIncrement"));
     }
     function D() {
@@ -6031,7 +6039,7 @@ const ef = x({
     function N() {
       m && clearTimeout(m), h && clearTimeout(h);
     }
-    function L() {
+    function z() {
       f && clearTimeout(f), g && clearTimeout(g);
     }
     function U() {
@@ -6046,7 +6054,7 @@ const ef = x({
     }
     function G(X) {
       n.value = X;
-      const J = z(X);
+      const J = L(X);
       y(e["onUpdate:modelValue"], J);
     }
     function j(X) {
@@ -6071,9 +6079,9 @@ const ef = x({
       pressDecrement: D,
       pressIncrement: O,
       releaseDecrement: N,
-      releaseIncrement: L,
+      releaseIncrement: z,
       toSizeUnit: Se,
-      toNumber: z
+      toNumber: L
     };
   }
 });
@@ -6427,9 +6435,12 @@ const lf = function(e, n) {
     type: String,
     default: "date"
   },
+  hint: String,
   allowedDates: Function,
   color: String,
+  /** @deprecated Use titleColor to instead. */
   headerColor: String,
+  titleColor: String,
   elevation: {
     type: [Boolean, Number, String],
     default: !1
@@ -6460,7 +6471,7 @@ const lf = function(e, n) {
   "onUpdate:modelValue": A()
 }, { n: ly } = ee("picker-header");
 function sy(e, n) {
-  const t = ae("var-icon"), o = ae("var-button");
+  const t = ie("var-icon"), o = ie("var-button");
   return p(), S(
     "div",
     {
@@ -6494,7 +6505,7 @@ function sy(e, n) {
               (p(), S(
                 "div",
                 { key: e.showDate },
-                ie(e.showDate),
+                ae(e.showDate),
                 1
                 /* TEXT */
               ))
@@ -6550,9 +6561,9 @@ const uf = x({
       var i;
       const { date: l, type: s } = e, { previewMonth: u, previewYear: d } = l;
       if (s === "month")
-        return z(d) + o.value;
-      const c = (i = nn.value.datePickerMonthDict) == null ? void 0 : i[u.index].name;
-      return nn.value.lang === "zh-CN" ? `${d} ${c}` : `${c} ${d}`;
+        return L(d) + o.value;
+      const c = (i = Qe.value.datePickerMonthDict) == null ? void 0 : i[u.index].name;
+      return Qe.value.lang === "zh-CN" ? `${d} ${c}` : `${c} ${d}`;
     }), a = (i) => {
       i === "prev" && e.disabled.left || i === "next" && e.disabled.right || (n("check-date", i), t.value = i === "prev", o.value += i === "prev" ? -1 : 1);
     };
@@ -6582,7 +6593,7 @@ ve.extend(lf);
 ve.extend(sf);
 const { n: jo, classes: vy } = ee("month-picker"), { n: Wo } = ee("date-picker");
 function my(e, n) {
-  const t = ae("panel-header"), o = ae("var-button");
+  const t = ie("panel-header"), o = ie("var-button");
   return p(), S(
     "div",
     {
@@ -6624,7 +6635,7 @@ function my(e, n) {
                     }), {
                       default: me(() => [
                         Ie(
-                          ie(e.getMonthAbbr(r.index)),
+                          ae(e.getMonthAbbr(r.index)),
                           1
                           /* TEXT */
                         )
@@ -6685,7 +6696,7 @@ const cf = x({
       right: !1
     }), s = M(() => e.choose.chooseYear === e.preview.previewYear), u = M(() => e.preview.previewYear === t), d = (w) => {
       var E, T;
-      return (T = (E = nn.value.datePickerMonthDict) == null ? void 0 : E[w].abbr) != null ? T : "";
+      return (T = (E = Qe.value.datePickerMonthDict) == null ? void 0 : E[w].abbr) != null ? T : "";
     }, c = (w) => {
       const {
         preview: { previewYear: E },
@@ -6711,15 +6722,15 @@ const cf = x({
         choose: { chooseMonth: E },
         preview: { previewYear: T },
         componentProps: { allowedDates: $, color: P, multiple: I, range: k }
-      } = e, D = `${T}-${w}`, O = () => k || I ? f(D) : (E == null ? void 0 : E.index) === w && s.value, L = (() => c(w) ? $ ? !$(D) : !1 : !0)(), U = () => L ? !0 : k || I ? !f(D) : !s.value || (E == null ? void 0 : E.index) !== w, te = () => u.value && o === w && e.componentProps.showCurrent ? (k || I || s.value) && L ? !0 : k || I ? !f(D) : s.value ? (E == null ? void 0 : E.index) !== o : !0 : !1, G = () => L ? "" : te() ? P ?? "" : O() ? "" : `${Wo()}-color-cover`, j = G().startsWith(Wo());
+      } = e, D = `${T}-${w}`, O = () => k || I ? f(D) : (E == null ? void 0 : E.index) === w && s.value, z = (() => c(w) ? $ ? !$(D) : !1 : !0)(), U = () => z ? !0 : k || I ? !f(D) : !s.value || (E == null ? void 0 : E.index) !== w, te = () => u.value && o === w && e.componentProps.showCurrent ? (k || I || s.value) && z ? !0 : k || I ? !f(D) : s.value ? (E == null ? void 0 : E.index) !== o : !0 : !1, G = () => z ? "" : te() ? P ?? "" : O() ? "" : `${Wo()}-color-cover`, j = G().startsWith(Wo());
       return {
         outline: te(),
         text: U(),
         color: U() ? "" : P,
         textColor: j ? "" : G(),
         [`${Wo()}-color-cover`]: j,
-        class: vy(jo("button"), [L, jo("button--disabled")]),
-        disabled: L
+        class: vy(jo("button"), [z, jo("button--disabled")]),
+        disabled: z
       };
     }, g = (w, E) => {
       E.currentTarget.classList.contains(jo("button--disabled")) || n("choose-month", w);
@@ -6734,13 +6745,13 @@ const cf = x({
         const {
           componentProps: { min: E, max: T }
         } = e;
-        T && (l.right = !ve(`${z(w) + 1}`).isSameOrBefore(ve(T), "year")), E && (l.left = !ve(`${z(w) - 1}`).isSameOrAfter(ve(E), "year"));
+        T && (l.right = !ve(`${L(w) + 1}`).isSameOrBefore(ve(T), "year")), E && (l.left = !ve(`${L(w) - 1}`).isSameOrAfter(ve(E), "year"));
       },
       { immediate: !0 }
     ), {
       n: jo,
       nDate: Wo,
-      pack: nn,
+      pack: Qe,
       MONTH_LIST: nr,
       headerEl: i,
       reverse: r,
@@ -6761,6 +6772,7 @@ function by(e, n) {
   return p(), S(
     "ul",
     {
+      ref: "panel",
       class: v(e.n())
     },
     [
@@ -6772,7 +6784,7 @@ function by(e, n) {
           class: v(e.classes(e.n("item"), [t === e.toNumber(e.preview), e.n("item--active")])),
           style: F({ color: t === e.toNumber(e.preview) ? e.componentProps.color : "" }),
           onClick: (o) => e.chooseYear(t)
-        }, ie(t), 15, gy))),
+        }, ae(t), 15, gy))),
         128
         /* KEYED_FRAGMENT */
       ))
@@ -6794,41 +6806,42 @@ const ff = x({
   },
   emits: ["choose-year"],
   setup(e, { emit: n }) {
-    const t = M(() => {
-      const r = [], {
-        preview: a,
-        componentProps: { max: i, min: l }
+    const t = C(), o = M(() => {
+      const a = [], {
+        preview: i,
+        componentProps: { max: l, min: s }
       } = e;
-      if (!a)
-        return r;
-      let s = [z(a) + 100, z(a) - 100];
-      if (i) {
-        const u = ve(i).format("YYYY-MM-D"), d = z(u.split("-")[0]);
-        if (d < s[0] && d > s[1] && (s = [d, s[1]]), d <= s[1])
-          return [d];
-      }
+      if (!i)
+        return a;
+      let u = [L(i) + 100, L(i) - 100];
       if (l) {
-        const u = ve(l).format("YYYY-MM-D"), d = z(u.split("-")[0]);
-        if (d < s[0] && d > s[1] && (s = [s[0], d]), d >= s[0])
-          return [d];
+        const d = ve(l).format("YYYY-MM-D"), c = L(d.split("-")[0]);
+        if (c < u[0] && c > u[1] && (u = [c, u[1]]), c <= u[1])
+          return [c];
       }
-      for (let u = s[0]; u >= s[1]; u--)
-        r.push(u);
-      return r;
-    }), o = (r) => {
-      n("choose-year", r);
+      if (s) {
+        const d = ve(s).format("YYYY-MM-D"), c = L(d.split("-")[0]);
+        if (c < u[0] && c > u[1] && (u = [u[0], c]), c >= u[0])
+          return [c];
+      }
+      for (let d = u[0]; d >= u[1]; d--)
+        a.push(d);
+      return a;
+    }), r = (a) => {
+      n("choose-year", a);
     };
     return rn(() => {
-      const r = document.querySelector(`.${uu("item--active")}`);
-      r == null || r.scrollIntoView({
+      const a = t.value.querySelector(`.${uu("item--active")}`);
+      a == null || a.scrollIntoView({
         block: "center"
       });
     }), {
       n: uu,
       classes: py,
-      yearList: t,
-      chooseYear: o,
-      toNumber: z
+      panel: t,
+      yearList: o,
+      chooseYear: r,
+      toNumber: L
     };
   }
 });
@@ -6845,7 +6858,7 @@ ve.extend(lf);
 ve.extend(sf);
 const { n: Dt, classes: ky } = ee("day-picker"), { n: qo } = ee("date-picker");
 function Py(e, n) {
-  const t = ae("panel-header"), o = ae("var-button");
+  const t = ie("panel-header"), o = ie("var-button");
   return p(), S(
     "div",
     {
@@ -6885,7 +6898,7 @@ function Py(e, n) {
                         {
                           key: r.index
                         },
-                        ie(e.getDayAbbr(r.index)),
+                        ae(e.getDayAbbr(r.index)),
                         1
                         /* TEXT */
                       ))),
@@ -6917,7 +6930,7 @@ function Py(e, n) {
                         }), {
                           default: me(() => [
                             Ie(
-                              ie(e.filterDay(r)),
+                              ae(e.filterDay(r)),
                               1
                               /* TEXT */
                             )
@@ -6992,33 +7005,33 @@ const vf = x({
       return k === -1 || k === 0 ? ro : ro.slice(k).concat(ro.slice(0, k));
     }), m = (k) => {
       var D, O;
-      return (O = (D = nn.value.datePickerWeekDict) == null ? void 0 : D[k].abbr) != null ? O : "";
+      return (O = (D = Qe.value.datePickerWeekDict) == null ? void 0 : D[k].abbr) != null ? O : "";
     }, g = (k) => k > 0 ? k : "", h = () => {
       const {
         preview: { previewMonth: k, previewYear: D }
-      } = e, O = ve(`${D}-${k.index}`).daysInMonth(), N = ve(`${D}-${k.index}-01`).day(), L = f.value.findIndex((U) => U.index === `${N}`);
-      a.value = [...Array(L).fill(-1), ...Array.from(Array(O + 1).keys())].filter((U) => U);
+      } = e, O = ve(`${D}-${k.index}`).daysInMonth(), N = ve(`${D}-${k.index}-01`).day(), z = f.value.findIndex((U) => U.index === `${N}`);
+      a.value = [...Array(z).fill(-1), ...Array.from(Array(O + 1).keys())].filter((U) => U);
     }, b = () => {
       const {
         preview: { previewYear: k, previewMonth: D },
         componentProps: { max: O, min: N }
       } = e;
       if (O) {
-        const L = `${k}-${z(D.index) + 1}`;
-        u.right = !ve(L).isSameOrBefore(ve(O), "month");
+        const z = `${k}-${L(D.index) + 1}`;
+        u.right = !ve(z).isSameOrBefore(ve(O), "month");
       }
       if (N) {
-        const L = `${k}-${z(D.index) - 1}`;
-        u.left = !ve(L).isSameOrAfter(ve(N), "month");
+        const z = `${k}-${L(D.index) - 1}`;
+        u.left = !ve(z).isSameOrAfter(ve(N), "month");
       }
     }, w = (k) => {
       const {
         preview: { previewYear: D, previewMonth: O },
-        componentProps: { min: N, max: L }
+        componentProps: { min: N, max: z }
       } = e;
       let U = !0, te = !0;
       const G = `${D}-${O.index}-${k}`;
-      return L && (U = ve(G).isSameOrBefore(ve(L), "day")), N && (te = ve(G).isSameOrAfter(ve(N), "day")), U && te;
+      return z && (U = ve(G).isSameOrBefore(ve(z), "day")), N && (te = ve(G).isSameOrAfter(ve(N), "day")), U && te;
     }, E = (k) => {
       const {
         choose: { chooseDays: D, chooseRangeDay: O },
@@ -7027,8 +7040,8 @@ const vf = x({
       if (N) {
         if (!O.length)
           return !1;
-        const L = ve(k).isSameOrBefore(ve(O[1]), "day"), U = ve(k).isSameOrAfter(ve(O[0]), "day");
-        return L && U;
+        const z = ve(k).isSameOrBefore(ve(O[1]), "day"), U = ve(k).isSameOrAfter(ve(O[0]), "day");
+        return z && U;
       }
       return D.includes(k);
     }, T = (k) => {
@@ -7043,8 +7056,8 @@ const vf = x({
       const {
         choose: { chooseDay: D },
         preview: { previewYear: O, previewMonth: N },
-        componentProps: { allowedDates: L, color: U, multiple: te, range: G }
-      } = e, j = `${O}-${N.index}-${k}`, X = () => G || te ? E(j) : z(D) === k && c.value, Y = (() => w(k) ? L ? !L(j) : !1 : !0)(), le = () => Y ? !0 : G || te ? !E(j) : !c.value || z(D) !== k, q = () => d.value && z(r) === k && e.componentProps.showCurrent ? (G || te || c.value) && Y ? !0 : G || te ? !E(j) : c.value ? D !== r : !0 : !1, ne = () => Y ? "" : q() ? U ?? "" : X() ? "" : `${qo()}-color-cover`, H = ne().startsWith(qo());
+        componentProps: { allowedDates: z, color: U, multiple: te, range: G }
+      } = e, j = `${O}-${N.index}-${k}`, X = () => G || te ? E(j) : L(D) === k && c.value, Y = (() => w(k) ? z ? !z(j) : !1 : !0)(), le = () => Y ? !0 : G || te ? !E(j) : !c.value || L(D) !== k, q = () => d.value && L(r) === k && e.componentProps.showCurrent ? (G || te || c.value) && Y ? !0 : G || te ? !E(j) : c.value ? D !== r : !0 : !1, ne = () => Y ? "" : q() ? U ?? "" : X() ? "" : `${qo()}-color-cover`, H = ne().startsWith(qo());
       return {
         text: le(),
         outline: q(),
@@ -7104,7 +7117,8 @@ var Oy = vf, Ty = (e, n, t) => new Promise((o, r) => {
 });
 const { name: Ey, n: Iy, classes: By } = ee("date-picker");
 function My(e, n) {
-  const t = ae("year-picker-panel"), o = ae("month-picker-panel"), r = ae("day-picker-panel");
+  var t;
+  const o = ie("year-picker-panel"), r = ie("month-picker-panel"), a = ie("day-picker-panel");
   return p(), S(
     "div",
     {
@@ -7115,23 +7129,42 @@ function My(e, n) {
         "div",
         {
           class: v(e.n("title")),
-          style: F({ background: e.headerColor || e.color })
+          style: F({ background: e.titleColor || e.headerColor || e.color })
         },
         [
           B(
             "div",
             {
-              class: v(e.classes(e.n("title-year"), [e.isYearPanel, e.n("title-year--active")])),
-              onClick: n[0] || (n[0] = (a) => e.clickEl("year"))
+              class: v(e.n("title-select"))
             },
             [
-              R(e.$slots, "year", { year: e.chooseYear }, () => [
-                Ie(
-                  ie(e.chooseYear),
-                  1
-                  /* TEXT */
-                )
-              ])
+              B(
+                "div",
+                {
+                  class: v(e.n("title-hint"))
+                },
+                ae((t = e.hint) != null ? t : e.pack.datePickerHint),
+                3
+                /* TEXT, CLASS */
+              ),
+              B(
+                "div",
+                {
+                  class: v(e.classes(e.n("title-year"), [e.isYearPanel, e.n("title-year--active")])),
+                  onClick: n[0] || (n[0] = (i) => e.clickEl("year"))
+                },
+                [
+                  R(e.$slots, "year", { year: e.chooseYear }, () => [
+                    Ie(
+                      ae(e.chooseYear),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ],
+                2
+                /* CLASS */
+              )
             ],
             2
             /* CLASS */
@@ -7140,24 +7173,24 @@ function My(e, n) {
             "div",
             {
               class: v(e.classes(e.n("title-date"), [!e.isYearPanel, e.n("title-date--active")], [e.range, e.n("title-date--range")])),
-              onClick: n[1] || (n[1] = (a) => e.clickEl("date"))
+              onClick: n[1] || (n[1] = (i) => e.clickEl("date"))
             },
             [
               Z(We, {
                 name: e.multiple ? "" : `${e.n()}${e.reverse ? "-reverse" : ""}-translatey`
               }, {
                 default: me(() => {
-                  var a, i, l;
+                  var i, l, s;
                   return [
                     e.type === "month" ? (p(), S("div", {
-                      key: `${e.chooseYear}${(a = e.chooseMonth) == null ? void 0 : a.index}`
+                      key: `${e.chooseYear}${(i = e.chooseMonth) == null ? void 0 : i.index}`
                     }, [
                       e.range ? R(e.$slots, "range", {
                         key: 0,
                         choose: e.getChoose.chooseRangeMonth
                       }, () => [
                         Ie(
-                          ie(e.getMonthTitle),
+                          ae(e.getMonthTitle),
                           1
                           /* TEXT */
                         )
@@ -7166,30 +7199,30 @@ function My(e, n) {
                         choose: e.getChoose.chooseMonths
                       }, () => [
                         Ie(
-                          ie(e.getMonthTitle),
+                          ae(e.getMonthTitle),
                           1
                           /* TEXT */
                         )
                       ]) : R(e.$slots, "month", {
                         key: 2,
-                        month: (i = e.chooseMonth) == null ? void 0 : i.index,
+                        month: (l = e.chooseMonth) == null ? void 0 : l.index,
                         year: e.chooseYear
                       }, () => [
                         Ie(
-                          ie(e.getMonthTitle),
+                          ae(e.getMonthTitle),
                           1
                           /* TEXT */
                         )
                       ])
                     ])) : (p(), S("div", {
-                      key: `${e.chooseYear}${(l = e.chooseMonth) == null ? void 0 : l.index}${e.chooseDay}`
+                      key: `${e.chooseYear}${(s = e.chooseMonth) == null ? void 0 : s.index}${e.chooseDay}`
                     }, [
                       e.range ? R(e.$slots, "range", {
                         key: 0,
                         choose: e.formatRange
                       }, () => [
                         Ie(
-                          ie(e.getDateTitle),
+                          ae(e.getDateTitle),
                           1
                           /* TEXT */
                         )
@@ -7198,13 +7231,13 @@ function My(e, n) {
                         choose: e.getChoose.chooseDays
                       }, () => [
                         Ie(
-                          ie(e.getDateTitle),
+                          ae(e.getDateTitle),
                           1
                           /* TEXT */
                         )
                       ]) : R(e.$slots, "date", st(ze({ key: 2 }, e.slotProps)), () => [
                         Ie(
-                          ie(e.getDateTitle),
+                          ae(e.getDateTitle),
                           1
                           /* TEXT */
                         )
@@ -7227,21 +7260,21 @@ function My(e, n) {
         "div",
         {
           class: v(e.n("body")),
-          onTouchstart: n[2] || (n[2] = (...a) => e.handleTouchstart && e.handleTouchstart(...a)),
-          onTouchmove: n[3] || (n[3] = (...a) => e.handleTouchmove && e.handleTouchmove(...a)),
-          onTouchend: n[4] || (n[4] = (...a) => e.handleTouchend && e.handleTouchend(...a))
+          onTouchstart: n[2] || (n[2] = (...i) => e.handleTouchstart && e.handleTouchstart(...i)),
+          onTouchmove: n[3] || (n[3] = (...i) => e.handleTouchmove && e.handleTouchmove(...i)),
+          onTouchend: n[4] || (n[4] = (...i) => e.handleTouchend && e.handleTouchend(...i))
         },
         [
           Z(We, {
             name: `${e.n()}-panel-fade`
           }, {
             default: me(() => [
-              e.getPanelType === "year" ? (p(), $e(t, {
+              e.getPanelType === "year" ? (p(), $e(o, {
                 key: 0,
                 "component-props": e.componentProps,
                 preview: e.previewYear,
                 onChooseYear: e.getChooseYear
-              }, null, 8, ["component-props", "preview", "onChooseYear"])) : e.getPanelType === "month" ? (p(), $e(o, {
+              }, null, 8, ["component-props", "preview", "onChooseYear"])) : e.getPanelType === "month" ? (p(), $e(r, {
                 key: 1,
                 ref: "monthPanelEl",
                 current: e.currentDate,
@@ -7251,7 +7284,7 @@ function My(e, n) {
                 "component-props": e.componentProps,
                 onChooseMonth: e.getChooseMonth,
                 onCheckPreview: e.checkPreview
-              }, null, 8, ["current", "choose", "preview", "click-year", "component-props", "onChooseMonth", "onCheckPreview"])) : e.getPanelType === "date" ? (p(), $e(r, {
+              }, null, 8, ["current", "choose", "preview", "click-year", "component-props", "onChooseMonth", "onCheckPreview"])) : e.getPanelType === "date" ? (p(), $e(a, {
                 key: 2,
                 ref: "dayPanelEl",
                 current: e.currentDate,
@@ -7312,7 +7345,7 @@ const mf = x({
       if (Me)
         return b.value.length ? `${b.value[0]} ~ ${b.value[1]}` : "";
       let Be = "";
-      return s.value && (Be = (Ce = (fe = nn.value.datePickerMonthDict) == null ? void 0 : fe[s.value.index].name) != null ? Ce : ""), ye ? `${g.value.length}${nn.value.datePickerSelected}` : Be;
+      return s.value && (Be = (Ce = (fe = Qe.value.datePickerMonthDict) == null ? void 0 : fe[s.value.index].name) != null ? Ce : ""), ye ? `${g.value.length}${Qe.value.datePickerSelected}` : Be;
     }), D = M(() => {
       var fe, Ce, ye, Me;
       const { multiple: Be, range: Je } = e;
@@ -7321,12 +7354,12 @@ const mf = x({
         return no.length ? `${no[0]} ~ ${no[1]}` : "";
       }
       if (Be)
-        return `${h.value.length}${nn.value.datePickerSelected}`;
+        return `${h.value.length}${Qe.value.datePickerSelected}`;
       if (!u.value || !s.value || !d.value)
         return "";
-      const bn = ve(`${u.value}-${s.value.index}-${d.value}`).day(), Pn = ro.find((no) => no.index === `${bn}`), Ct = (Ce = (fe = nn.value.datePickerWeekDict) == null ? void 0 : fe[Pn.index].name) != null ? Ce : "", Qv = (Me = (ye = nn.value.datePickerMonthDict) == null ? void 0 : ye[s.value.index].name) != null ? Me : "", _v = kt(d.value, 2, "0");
-      return nn.value.lang === "zh-CN" ? `${s.value.index}-${_v} ${Ct.slice(0, 3)}` : `${Ct.slice(0, 3)}, ${Qv.slice(0, 3)} ${d.value}`;
-    }), O = M(() => a.value ? "year" : e.type === "month" || i.value ? "month" : e.type === "date" ? "date" : ""), N = M(() => !e.touchable || ["", "year"].includes(O.value)), L = M(() => {
+      const bn = ve(`${u.value}-${s.value.index}-${d.value}`).day(), Pn = ro.find((no) => no.index === `${bn}`), Ct = (Ce = (fe = Qe.value.datePickerWeekDict) == null ? void 0 : fe[Pn.index].name) != null ? Ce : "", Qv = (Me = (ye = Qe.value.datePickerMonthDict) == null ? void 0 : ye[s.value.index].name) != null ? Me : "", _v = kt(d.value, 2, "0");
+      return Qe.value.lang === "zh-CN" ? `${s.value.index}-${_v} ${Ct.slice(0, 3)}` : `${Ct.slice(0, 3)}, ${Qv.slice(0, 3)} ${d.value}`;
+    }), O = M(() => a.value ? "year" : e.type === "month" || i.value ? "month" : e.type === "date" ? "date" : ""), N = M(() => !e.touchable || ["", "year"].includes(O.value)), z = M(() => {
       var fe, Ce, ye, Me;
       const Be = ve(`${u.value}-${(fe = s.value) == null ? void 0 : fe.index}-${d.value}`).day(), Je = d.value ? kt(d.value, 2, "0") : "";
       return {
@@ -7397,7 +7430,7 @@ const mf = x({
       Je === -1 ? Be.push(fe) : Be.splice(Je, 1), y(e["onUpdate:modelValue"], Be), y(e.onChange, Be);
     }
     function W(fe, Ce) {
-      return !u.value || !s.value ? !1 : te.value ? fe === "month" ? Ce.index < s.value.index : G.value ? Ce < z(d.value) : s.value.index > c.value.index : u.value > f.value;
+      return !u.value || !s.value ? !1 : te.value ? fe === "month" ? Ce.index < s.value.index : G.value ? Ce < L(d.value) : s.value.index > c.value.index : u.value > f.value;
     }
     function he(fe) {
       const { readonly: Ce, range: ye, multiple: Me, onChange: Be, "onUpdate:modelValue": Je } = e;
@@ -7413,21 +7446,21 @@ const mf = x({
         const Ct = `${f.value}-${fe.index}`;
         Me ? ue(Ct, "month") : Be ? V(Ct, "month") : (y(Pn, Ct), y(Je, Ct));
       } else
-        c.value = fe, y(bn, z(f.value), z(c.value.index));
+        c.value = fe, y(bn, L(f.value), L(c.value.index));
       i.value = !1;
     }
     function oe(fe) {
-      f.value = `${fe}`, a.value = !1, i.value = !0, y(e.onPreview, z(f.value), z(c.value.index));
+      f.value = `${fe}`, a.value = !1, i.value = !0, y(e.onPreview, L(f.value), L(c.value.index));
     }
     function de(fe, Ce) {
       const ye = Ce === "prev" ? -1 : 1;
       if (fe === "year")
-        f.value = `${z(f.value) + ye}`;
+        f.value = `${L(f.value) + ye}`;
       else {
-        let Me = z(c.value.index) + ye;
-        Me < 1 && (f.value = `${z(f.value) - 1}`, Me = 12), Me > 12 && (f.value = `${z(f.value) + 1}`, Me = 1), c.value = nr.find((Be) => z(Be.index) === Me);
+        let Me = L(c.value.index) + ye;
+        Me < 1 && (f.value = `${L(f.value) - 1}`, Me = 12), Me > 12 && (f.value = `${L(f.value) + 1}`, Me = 1), c.value = nr.find((Be) => L(Be.index) === Me);
       }
-      y(e.onPreview, z(f.value), z(c.value.index));
+      y(e.onPreview, L(f.value), L(c.value.index));
     }
     function ke() {
       return (e.multiple || e.range) && !Ae(e.modelValue) ? (console.error('[Varlet] DatePicker: type of prop "modelValue" should be an Array'), !1) : !e.multiple && !e.range && Ae(e.modelValue) ? (console.error('[Varlet] DatePicker: type of prop "modelValue" should be a String'), !1) : !0;
@@ -7474,8 +7507,9 @@ const mf = x({
       getChoose: P,
       getPreview: I,
       componentProps: $,
-      slotProps: L,
+      slotProps: z,
       formatRange: U,
+      pack: Qe,
       n: Iy,
       classes: By,
       clickEl: le,
@@ -7556,7 +7590,7 @@ var Ly = Object.defineProperty, mu = Object.getOwnPropertySymbols, Ry = Object.p
 };
 const { name: Fy, n: Yy, classes: jy } = ee("dialog");
 function Wy(e, n) {
-  const t = ae("var-button"), o = ae("var-popup");
+  const t = ie("var-button"), o = ie("var-popup");
   return p(), $e(o, {
     class: v(e.n("popup")),
     "var-dialog-cover": "",
@@ -7592,7 +7626,7 @@ function Wy(e, n) {
                 var r;
                 return [
                   Ie(
-                    ie((r = e.title) != null ? r : e.pack.dialogTitle),
+                    ae((r = e.title) != null ? r : e.pack.dialogTitle),
                     1
                     /* TEXT */
                   )
@@ -7611,7 +7645,7 @@ function Wy(e, n) {
             [
               R(e.$slots, "default", {}, () => [
                 Ie(
-                  ie(e.message),
+                  ae(e.message),
                   1
                   /* TEXT */
                 )
@@ -7639,7 +7673,7 @@ function Wy(e, n) {
                   var r;
                   return [
                     Ie(
-                      ie((r = e.cancelButtonText) != null ? r : e.pack.dialogCancelButtonText),
+                      ae((r = e.cancelButtonText) != null ? r : e.pack.dialogCancelButtonText),
                       1
                       /* TEXT */
                     )
@@ -7661,7 +7695,7 @@ function Wy(e, n) {
                   var r;
                   return [
                     Ie(
-                      ie((r = e.confirmButtonText) != null ? r : e.pack.dialogConfirmButtonText),
+                      ae((r = e.confirmButtonText) != null ? r : e.pack.dialogConfirmButtonText),
                       1
                       /* TEXT */
                     )
@@ -7740,7 +7774,7 @@ const hf = x({
       y(e["onUpdate:show"], !1);
     }
     return {
-      pack: nn,
+      pack: Qe,
       popupShow: n,
       popupCloseOnClickOverlay: t,
       n: Yy,
@@ -7763,7 +7797,7 @@ var Ao = hf, qy = Object.defineProperty, Gy = Object.defineProperties, Xy = Obje
 }, Jy = (e, n) => Gy(e, Xy(n));
 let ot, pr = {};
 function Qy(e = {}) {
-  return en(e) ? Jy(Rr({}, pr), { message: e }) : Rr(Rr({}, pr), e);
+  return nn(e) ? Jy(Rr({}, pr), { message: e }) : Rr(Rr({}, pr), e);
 }
 function Bt(e) {
   return Jn() ? new Promise((n) => {
@@ -7848,7 +7882,7 @@ function t1(e, n) {
             key: 0,
             class: v(e.n("text"))
           },
-          ie(e.description),
+          ae(e.description),
           3
           /* TEXT, CLASS */
         )) : Q("v-if", !0)
@@ -7869,7 +7903,7 @@ const pf = x({
       const { inset: i, vertical: l, margin: s } = e;
       if (gi(i) || l)
         return { margin: s };
-      const u = z(i), d = Math.abs(u) + (i + "").replace(u + "", "");
+      const u = L(i), d = Math.abs(u) + (i + "").replace(u + "", "");
       return {
         margin: s,
         width: `calc(100% - ${Se(d)})`,
@@ -8005,7 +8039,7 @@ const gf = x({
       o.value = G, r.value = j;
     }
     function I() {
-      const G = xe(t.value), j = xe(window), X = G.top - j.top, J = j.bottom - G.bottom, Y = G.left - j.left, le = j.right - G.right, { width: q, height: ne } = G, { width: H, height: _ } = j;
+      const G = en(t.value), j = en(window), X = G.top - j.top, J = j.bottom - G.bottom, Y = G.left - j.left, le = j.right - G.right, { width: q, height: ne } = G, { width: H, height: _ } = j;
       return {
         top: X,
         bottom: J,
@@ -8043,7 +8077,7 @@ const gf = x({
       const { top: G = 0, bottom: j = 0, left: X = 0, right: J = 0 } = e.boundary;
       b.top = Fe(G), b.bottom = Fe(j), b.left = Fe(X), b.right = Fe(J);
     }
-    function L() {
+    function z() {
       var G;
       const j = (G = n.style) != null ? G : {};
       return wu($u({}, n), {
@@ -8072,7 +8106,7 @@ const gf = x({
       teleportDisabled: h,
       n: c1,
       classes: f1,
-      getAttrs: L,
+      getAttrs: z,
       handleTouchstart: w,
       handleTouchmove: E,
       handleTouchend: T,
@@ -8387,9 +8421,9 @@ function Sf(e, n) {
     bottom: O.bottom - P.bottom + w.bottom,
     left: P.left - O.left + w.left,
     right: O.right - P.right + w.right
-  }, L = e.modifiersData.offset;
-  if (f === to && L) {
-    var U = L[r];
+  }, z = e.modifiersData.offset;
+  if (f === to && z) {
+    var U = z[r];
     Object.keys(N).forEach(function(te) {
       var G = [Pt, pt].indexOf(te) >= 0 ? 1 : -1, j = [Gn, pt].indexOf(te) >= 0 ? "y" : "x";
       N[te] += U[j] * G;
@@ -8436,8 +8470,8 @@ function Y1(e) {
         allowedAutoPlacements: h
       }) : V);
     }, []), P = n.rects.reference, I = n.rects.popper, k = /* @__PURE__ */ new Map(), D = !0, O = $[0], N = 0; N < $.length; N++) {
-      var L = $[N], U = dt(L), te = bo(L) === Br, G = [Gn, pt].indexOf(U) >= 0, j = G ? "width" : "height", X = Sf(n, {
-        placement: L,
+      var z = $[N], U = dt(z), te = bo(z) === Br, G = [Gn, pt].indexOf(U) >= 0, j = G ? "width" : "height", X = Sf(n, {
+        placement: z,
         boundary: d,
         rootBoundary: c,
         altBoundary: f,
@@ -8448,10 +8482,10 @@ function Y1(e) {
       if (a && le.push(X[U] <= 0), l && le.push(X[J] <= 0, X[Y] <= 0), le.every(function(ue) {
         return ue;
       })) {
-        O = L, D = !1;
+        O = z, D = !1;
         break;
       }
-      k.set(L, le);
+      k.set(z, le);
     }
     if (D)
       for (var q = g ? 3 : 1, ne = function(V) {
@@ -8549,7 +8583,7 @@ function Tu(e) {
       m -= N - o.width, m *= s ? 1 : -1;
     }
   }
-  var L = Object.assign({
+  var z = Object.assign({
     position: l
   }, u && X1), U = d === !0 ? K1({
     x: m,
@@ -8560,9 +8594,9 @@ function Tu(e) {
   };
   if (m = U.x, h = U.y, s) {
     var te;
-    return Object.assign({}, L, (te = {}, te[$] = E ? "0" : "", te[T] = w ? "0" : "", te.transform = (P.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + h + "px)" : "translate3d(" + m + "px, " + h + "px, 0)", te));
+    return Object.assign({}, z, (te = {}, te[$] = E ? "0" : "", te[T] = w ? "0" : "", te.transform = (P.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + h + "px)" : "translate3d(" + m + "px, " + h + "px, 0)", te));
   }
-  return Object.assign({}, L, (n = {}, n[$] = E ? h + "px" : "", n[T] = w ? m + "px" : "", n.transform = "", n));
+  return Object.assign({}, z, (n = {}, n[$] = E ? h + "px" : "", n[T] = w ? m + "px" : "", n.transform = "", n));
 }
 function Z1(e) {
   var n = e.state, t = e.options, o = t.gpuAcceleration, r = o === void 0 ? !0 : o, a = t.adaptive, i = a === void 0 ? !0 : a, l = t.roundOffsets, s = l === void 0 ? !0 : l, u = {
@@ -8961,13 +8995,13 @@ function Pf(e) {
   }, E = () => {
     I(), y(e.onClosed);
   }, T = () => {
-    const { offsetX: O, offsetY: N, placement: L } = e;
+    const { offsetX: O, offsetY: N, placement: z } = e;
     u();
     const U = {
       x: Fe(O),
       y: Fe(N)
     };
-    switch (L) {
+    switch (z) {
       case "cover-top":
         return {
           placement: "bottom",
@@ -9020,7 +9054,7 @@ function Pf(e) {
       case "left-start":
       case "left-end":
         return {
-          placement: L,
+          placement: z,
           skidding: U.y,
           distance: -U.x
         };
@@ -9028,7 +9062,7 @@ function Pf(e) {
       case "top-start":
       case "top-end":
         return {
-          placement: L,
+          placement: z,
           skidding: U.x,
           distance: -U.y
         };
@@ -9036,7 +9070,7 @@ function Pf(e) {
       case "bottom-start":
       case "bottom-end":
         return {
-          placement: L,
+          placement: z,
           skidding: U.x,
           distance: U.y
         };
@@ -9044,19 +9078,19 @@ function Pf(e) {
       case "right-start":
       case "right-end":
         return {
-          placement: L,
+          placement: z,
           skidding: U.y,
           distance: U.x
         };
     }
   }, $ = () => {
-    const { placement: O, skidding: N, distance: L } = T(), U = [
+    const { placement: O, skidding: N, distance: z } = T(), U = [
       Hr(Ur({}, j1), {
         enabled: r.value
       }),
       Hr(Ur({}, G1), {
         options: {
-          offset: [N, L]
+          offset: [N, z]
         }
       }),
       Hr(Ur({}, kf), {
@@ -9198,7 +9232,7 @@ function k$(e, n) {
                   [
                     R(e.$slots, "content", {}, () => [
                       Ie(
-                        ie(e.content),
+                        ae(e.content),
                         1
                         /* TEXT */
                       )
@@ -9295,7 +9329,7 @@ var O$ = Object.defineProperty, Nu = Object.getOwnPropertySymbols, T$ = Object.p
 };
 const { name: B$, n: M$, classes: D$ } = ee("ellipsis"), N$ = { key: 0 };
 function V$(e, n) {
-  const t = ae("var-tooltip");
+  const t = ie("var-tooltip");
   return p(), $e(
     t,
     st(Io(e.tooltip)),
@@ -9307,7 +9341,7 @@ function V$(e, n) {
             (o = e.tooltip) != null && o.content ? (p(), S(
               "span",
               N$,
-              ie(e.tooltip.content),
+              ae(e.tooltip.content),
               1
               /* TEXT */
             )) : R(e.$slots, "default", { key: 1 })
@@ -9581,7 +9615,7 @@ const bl = {
   onClear: A()
 }, { name: L$, n: Yr, classes: R$ } = ee("field-decorator"), U$ = ["for"];
 function H$(e, n) {
-  const t = ae("var-icon");
+  const t = ie("var-icon");
   return p(), S(
     "div",
     {
@@ -9649,7 +9683,7 @@ function H$(e, n) {
             B(
               "span",
               null,
-              ie(e.placeholder),
+              ae(e.placeholder),
               1
               /* TEXT */
             )
@@ -9714,7 +9748,7 @@ function H$(e, n) {
                           e.classes(e.n("placeholder-text"), e.n("$--ellipsis"), [e.size === "small", e.n("placeholder-text--small")])
                         )
                       },
-                      ie(e.placeholder),
+                      ae(e.placeholder),
                       3
                       /* TEXT, CLASS */
                     )
@@ -9849,7 +9883,9 @@ function G$(e, n) {
         style: F({
           height: `${e.toSizeUnit(e.maxAnchor)}`,
           transform: `translateY(calc(100% - ${e.toSizeUnit(e.visibleHeight)}))`,
-          transition: e.touching ? "none" : `transform ${e.toNumber(e.duration)}ms var(--floating-panel-transition-timing-function)`
+          transition: e.touching ? "none" : `transform ${e.toNumber(
+            e.duration
+          )}ms var(--floating-panel-transition-timing-function), background-color 0.25s`
         }),
         onTouchstart: n[0] || (n[0] = (...t) => e.handleTouchstart && e.handleTouchstart(...t)),
         onTouchmove: n[1] || (n[1] = (...t) => e.handleTouchmove && e.handleTouchmove(...t)),
@@ -9919,9 +9955,11 @@ const If = x({
     function $(O) {
       var N;
       m(O);
-      const L = O.target;
-      if ((t.value === L || ((N = t.value) == null ? void 0 : N.contains(L))) && !e.contentDraggable) {
-        (h(t.value) || b(t.value)) && Ln(O);
+      const z = O.target, U = t.value === z || ((N = t.value) == null ? void 0 : N.contains(z));
+      if (U && !e.contentDraggable)
+        return;
+      if (U && e.contentDraggable && n.value >= s.value && !h(t.value)) {
+        b(t.value) && Ln(O);
         return;
       }
       const te = w - d.value;
@@ -9949,11 +9987,11 @@ const If = x({
     function D(O) {
       if (i.value.includes(O))
         return O;
-      let N = 1 / 0, L = 0;
+      let N = 1 / 0, z = 0;
       return i.value.forEach((U) => {
         const te = Math.abs(U - O);
-        te < N && (N = te, L = U);
-      }), L;
+        te < N && (N = te, z = U);
+      }), z;
     }
     return {
       contentRef: t,
@@ -9965,7 +10003,7 @@ const If = x({
       n: j$,
       classes: W$,
       toSizeUnit: Se,
-      toNumber: z,
+      toNumber: L,
       formatElevation: un,
       handleTouchstart: T,
       handleTouchmove: $,
@@ -10266,7 +10304,7 @@ var Nt = (e, n, t) => new Promise((o, r) => {
 });
 const aw = 250, iw = 20, { name: lw, n: Lu, classes: sw } = ee("swipe"), uw = ["onClick"];
 function dw(e, n) {
-  const t = ae("var-icon"), o = ae("var-button"), r = Ve("hover");
+  const t = ie("var-icon"), o = ie("var-button"), r = Ve("hover");
   return Te((p(), S(
     "div",
     {
@@ -10443,7 +10481,7 @@ const Vf = x({
       moveTouch: D,
       endTouch: O
     } = xt(), N = M(() => P.value === (e.vertical ? "vertical" : "horizontal"));
-    let L = !1, U = -1;
+    let z = !1, U = -1;
     d({
       size: t,
       vertical: o
@@ -10482,13 +10520,13 @@ const Vf = x({
       });
     }
     function q() {
-      L || (l.value = Y(z(e.initialIndex)), L = !0);
+      z || (l.value = Y(L(e.initialIndex)), z = !0);
     }
     function ne() {
       const { autoplay: se } = e;
       !se || c.value <= 1 || (H(), U = window.setTimeout(() => {
         de(), ne();
-      }, z(se)));
+      }, L(se)));
     }
     function H() {
       U && clearTimeout(U);
@@ -10578,7 +10616,7 @@ const Vf = x({
       prev: ke,
       to: Ue,
       resize: oe,
-      toNumber: z,
+      toNumber: L,
       handleHovering: he,
       getNavigationAnimation: Ee
     };
@@ -10678,7 +10716,7 @@ const bw = Hu(Hu({
   "onRouteChange"
 ])), { name: yw, n: Fu, classes: $w } = ee("image-preview"), jr = 12, Yu = 200, ww = 350, ju = 200, Cw = 500, Sw = ["onTouchstart"], kw = ["src", "alt"];
 function Pw(e, n) {
-  const t = ae("var-swipe-item"), o = ae("var-swipe"), r = ae("var-icon"), a = ae("var-popup");
+  const t = ie("var-swipe-item"), o = ie("var-swipe"), r = ie("var-icon"), a = ie("var-popup");
   return p(), $e(a, {
     class: v(e.n("popup")),
     "var-image-preview-cover": "",
@@ -10752,7 +10790,7 @@ function Pw(e, n) {
                 key: 0,
                 class: v(e.n("indicators"))
               },
-              ie(i + 1) + " / " + ie(l),
+              ae(i + 1) + " / " + ae(l),
               3
               /* TEXT, CLASS */
             )) : Q("v-if", !0)
@@ -10800,7 +10838,7 @@ const zf = x({
     const n = C(!1), t = C(1), o = C(0), r = C(0), a = C(), i = C(), l = C(!0), s = C(null), { moveX: u, moveY: d, distance: c, startTime: f, startTouch: m, moveTouch: g, endTouch: h } = xt(), b = M(() => {
       const { images: H, current: _, initialIndex: ue } = e;
       if (ue != null)
-        return z(ue);
+        return L(ue);
       const V = H.findIndex((W) => W === _);
       return Math.max(V, 0);
     }), w = M(() => {
@@ -10820,7 +10858,7 @@ const zf = x({
       { immediate: !0 }
     );
     function I() {
-      t.value = z(e.zoom), l.value = !1, P.prev = null, window.setTimeout(() => {
+      t.value = L(e.zoom), l.value = !1, P.prev = null, window.setTimeout(() => {
         a.value = "linear", i.value = "0s";
       }, ju);
     }
@@ -10836,7 +10874,7 @@ const zf = x({
     function N() {
       h(), window.clearTimeout(T), $ = !1, P.start = null;
     }
-    function L(H) {
+    function z(H) {
       if (h(), window.clearTimeout(T), $) {
         $ = !1;
         return;
@@ -10864,7 +10902,7 @@ const zf = x({
         height: ue,
         imageRadio: W / V,
         rootRadio: ue / _,
-        zoom: z(e.zoom)
+        zoom: L(e.zoom)
       };
     }
     function G(H) {
@@ -10929,7 +10967,7 @@ const zf = x({
       classes: $w,
       handleTouchstart: U,
       handleTouchmove: X,
-      handleTouchend: L,
+      handleTouchend: z,
       handleTouchcancel: N,
       close: J,
       prev: Y,
@@ -10949,7 +10987,7 @@ var Lo = zf, Ow = Object.defineProperty, Tw = Object.defineProperties, Ew = Obje
 }, Gu = (e, n) => Tw(e, Ew(n));
 let rt, uo = {};
 function Mw(e = {}) {
-  return en(e) ? Gu(Xo({}, uo), { images: [e] }) : Ae(e) ? Gu(Xo({}, uo), { images: e }) : Xo(Xo({}, uo), e);
+  return nn(e) ? Gu(Xo({}, uo), { images: [e] }) : Ae(e) ? Gu(Xo({}, uo), { images: e }) : Xo(Xo({}, uo), e);
 }
 function Mt(e) {
   if (!Jn())
@@ -11072,10 +11110,10 @@ const Lf = x({
         return;
       let P = 0;
       if (m !== window) {
-        const { top: L } = xe(m);
-        P = L;
+        const { top: z } = en(m);
+        P = z;
       }
-      const I = t.value, k = n.value, { top: D, left: O } = xe(k), N = D - P;
+      const I = t.value, k = n.value, { top: D, left: O } = en(k), N = D - P;
       return N <= f.value ? (T || (i.value = `${k.offsetWidth}px`, l.value = `${k.offsetHeight}px`, r.value = `${P + f.value}px`, a.value = `${O}px`, s.value = `${I.offsetWidth}px`, u.value = `${I.offsetHeight}px`, o.value = !0), {
         offsetTop: f.value,
         isFixed: !0
@@ -11119,7 +11157,7 @@ const Lf = x({
       n: Nw,
       classes: Vw,
       resize: b,
-      toNumber: z
+      toNumber: L
     };
   }
 });
@@ -11169,7 +11207,7 @@ function Yw(e, n) {
         [
           R(e.$slots, "default", {}, () => [
             Ie(
-              ie(e.name),
+              ae(e.name),
               1
               /* TEXT */
             )
@@ -11289,7 +11327,7 @@ function Kw(e, n) {
               class: v(e.classes(e.n("anchor-item"), [e.active === t, e.n("anchor-item--active")])),
               style: F({ color: e.active === t && e.highlightColor ? e.highlightColor : "" }),
               onClick: (o) => e.anchorClick({ anchorName: t, manualCall: !0 })
-            }, ie(t), 15, Xw))),
+            }, ae(t), 15, Xw))),
             128
             /* KEYED_FRAGMENT */
           ))
@@ -11339,13 +11377,13 @@ const Hf = x({
     function b() {
       if (bi(f))
         return 0;
-      const { top: k } = xe(f), { scrollTop: D } = f, { top: O } = xe(t.value);
+      const { top: k } = en(f), { scrollTop: D } = f, { top: O } = en(t.value);
       return D - k + O;
     }
     function w() {
       const k = Ht(f), D = f === window ? document.body.scrollHeight : f.scrollHeight, O = b();
-      d.forEach((N, L) => {
-        const U = N.ownTop.value, te = k - U + l.value - O, G = L === d.length - 1 ? D : d[L + 1].ownTop.value - N.ownTop.value;
+      d.forEach((N, z) => {
+        const U = N.ownTop.value, te = k - U + l.value - O, G = z === d.length - 1 ? D : d[z + 1].ownTop.value - N.ownTop.value;
         N.setDisabled(!0), te >= 0 && te < G && n.value === "" && (N.setDisabled(!1), h(N));
       });
     }
@@ -11353,15 +11391,15 @@ const Hf = x({
       return Ko(this, arguments, function* ({ anchorName: D, manualCall: O = !1, options: N }) {
         if (O && y(e.onClick, D), D === r.value && !m)
           return;
-        const L = d.find(({ name: j }) => D === j.value);
-        if (!L)
+        const z = d.find(({ name: j }) => D === j.value);
+        if (!z)
           return;
-        const U = b(), te = L.ownTop.value - l.value + U, G = yi(f);
+        const U = b(), te = z.ownTop.value - l.value + U, G = yi(f);
         n.value = D, h(D, N), yield vo(f, {
           left: G,
           top: te,
           animation: nc,
-          duration: z(e.duration)
+          duration: L(e.duration)
         }), yield fn(), n.value = "";
       });
     }
@@ -11386,7 +11424,7 @@ const Hf = x({
       anchorNameList: o,
       n: qw,
       classes: Gw,
-      toNumber: z,
+      toNumber: L,
       scrollTo: I,
       anchorClick: E
     };
@@ -11449,7 +11487,7 @@ const xw = _w({
   "onClick"
 ])), { name: eC, n: nC, classes: tC } = ee("input"), oC = ["placeholder", "enterkeyhint"], rC = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"], aC = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
 function iC(e, n) {
-  const t = ae("var-field-decorator"), o = ae("var-form-details");
+  const t = ie("var-field-decorator"), o = ie("var-form-details");
   return p(), S(
     "div",
     {
@@ -11645,7 +11683,7 @@ const Ff = x({
     function T(Y) {
       const le = Y.target;
       let { value: q } = le;
-      return e.type === "number" && (q = N(q)), U(L(q));
+      return e.type === "number" && (q = N(q)), U(z(q));
     }
     function $() {
       r.value = !0;
@@ -11675,11 +11713,11 @@ const Ff = x({
       const le = Y.indexOf("-"), q = Y.indexOf(".");
       return le > -1 && (Y = le === 0 ? "-" + Y.replace(/-/g, "") : Y.replace(/-/g, "")), q > -1 && (Y = Y.slice(0, q + 1) + Y.slice(q).replace(/\./g, "")), Y.replace(/[^-0-9.]/g, "");
     }
-    function L(Y) {
+    function z(Y) {
       return e.modelModifiers.trim ? Y.trim() : Y;
     }
     function U(Y) {
-      return e.maxlength ? Y.slice(0, z(e.maxlength)) : Y;
+      return e.maxlength ? Y.slice(0, L(e.maxlength)) : Y;
     }
     function te(Y) {
       const { disabled: le } = e;
@@ -11877,7 +11915,7 @@ var gC = (e, n, t) => new Promise((o, r) => {
 });
 const { name: bC, n: yC, classes: $C } = ee("list");
 function wC(e, n) {
-  const t = ae("var-loading"), o = Ve("ripple");
+  const t = ie("var-loading"), o = Ve("ripple");
   return p(), S(
     "div",
     {
@@ -11900,7 +11938,7 @@ function wC(e, n) {
                 {
                   class: v(e.n("loading-text"))
                 },
-                ie((r = e.loadingText) != null ? r : e.pack.listLoadingText),
+                ae((r = e.loadingText) != null ? r : e.pack.listLoadingText),
                 3
                 /* TEXT, CLASS */
               ),
@@ -11922,7 +11960,7 @@ function wC(e, n) {
             {
               class: v(e.n("finished"))
             },
-            ie((r = e.finishedText) != null ? r : e.pack.listFinishedText),
+            ae((r = e.finishedText) != null ? r : e.pack.listFinishedText),
             3
             /* TEXT, CLASS */
           )
@@ -11939,7 +11977,7 @@ function wC(e, n) {
             },
             [
               Ie(
-                ie((r = e.errorText) != null ? r : e.pack.listErrorText),
+                ae((r = e.errorText) != null ? r : e.pack.listErrorText),
                 1
                 /* TEXT */
               )
@@ -11981,7 +12019,7 @@ const qf = x({
       y(e["onUpdate:error"], !1), y(e["onUpdate:loading"], !0), y(e.onLoad);
     }
     function l() {
-      const { bottom: d } = xe(a), { bottom: c } = xe(t.value);
+      const { bottom: d } = en(a), { bottom: c } = en(t.value);
       return Math.floor(c) - Fe(e.offset) <= d;
     }
     function s() {
@@ -11993,7 +12031,7 @@ const qf = x({
       });
     }
     return {
-      pack: nn,
+      pack: Qe,
       listEl: n,
       detectorEl: t,
       isNumber: mn,
@@ -12282,7 +12320,7 @@ const RC = {
   disabled: Boolean
 }, { name: UC, n: HC, classes: FC } = ee("menu-option");
 function YC(e, n) {
-  const t = ae("var-checkbox"), o = ae("var-hover-overlay"), r = Ve("ripple"), a = Ve("hover");
+  const t = ie("var-checkbox"), o = ie("var-hover-overlay"), r = Ve("ripple"), a = Ve("hover");
   return Te((p(), S(
     "div",
     {
@@ -12317,7 +12355,7 @@ function YC(e, n) {
           {
             class: v(e.classes(e.n("text"), e.n("$--ellipsis")))
           },
-          ie(e.label),
+          ae(e.label),
           3
           /* TEXT, CLASS */
         )
@@ -12457,7 +12495,7 @@ function ov(e) {
 }
 const { name: KC, n: ZC, classes: JC } = ee("menu-select");
 function QC(e, n) {
-  const t = ae("var-menu");
+  const t = ie("var-menu");
   return p(), $e(t, {
     ref: "menu",
     class: v(e.n()),
@@ -12575,7 +12613,7 @@ const eS = {
   disabled: Boolean
 }, { name: nS, n: tS, classes: oS } = ee("option");
 function rS(e, n) {
-  const t = ae("var-checkbox"), o = ae("var-hover-overlay"), r = Ve("ripple"), a = Ve("hover");
+  const t = ie("var-checkbox"), o = ie("var-hover-overlay"), r = Ve("ripple"), a = Ve("hover");
   return Te((p(), S(
     "div",
     {
@@ -12615,7 +12653,7 @@ function rS(e, n) {
           {
             class: v(e.classes(e.n("text"), e.n("$--ellipsis")))
           },
-          ie(e.label),
+          ae(e.label),
           3
           /* TEXT, CLASS */
         )
@@ -12775,7 +12813,7 @@ const lS = {
   "onUpdate:size": A()
 }, { name: sS, n: uS, classes: dS } = ee("pagination"), cS = ["item-mode", "onClick"];
 function fS(e, n) {
-  const t = ae("var-icon"), o = ae("var-input"), r = ae("var-cell"), a = ae("var-menu"), i = Ve("ripple");
+  const t = ie("var-icon"), o = ie("var-input"), r = ie("var-cell"), a = ie("var-menu"), i = Ve("ripple");
   return p(), S(
     "ul",
     {
@@ -12823,7 +12861,7 @@ function fS(e, n) {
           }, null, 8, ["disabled", "modelValue"]),
           B("span", null, [
             Ie(
-              " / " + ie(e.pageCount) + " ",
+              " / " + ae(e.pageCount) + " ",
               1
               /* TEXT */
             ),
@@ -12859,7 +12897,7 @@ function fS(e, n) {
           onClick: (u) => e.clickItem(l, s)
         }, [
           Ie(
-            ie(l),
+            ae(l),
             1
             /* TEXT */
           )
@@ -12916,7 +12954,7 @@ function fS(e, n) {
                 }, {
                   default: me(() => [
                     Ie(
-                      ie(l) + ie(e.pack.paginationItem) + " / " + ie(e.pack.paginationPage),
+                      ae(l) + ae(e.pack.paginationItem) + " / " + ae(e.pack.paginationPage),
                       1
                       /* TEXT */
                     )
@@ -12941,7 +12979,7 @@ function fS(e, n) {
                   B(
                     "span",
                     null,
-                    ie(e.size) + ie(e.pack.paginationItem) + " / " + ie(e.pack.paginationPage),
+                    ae(e.size) + ae(e.pack.paginationItem) + " / " + ae(e.pack.paginationPage),
                     1
                     /* TEXT */
                   ),
@@ -12970,7 +13008,7 @@ function fS(e, n) {
         },
         [
           Ie(
-            ie(e.pack.paginationJump) + " ",
+            ae(e.pack.paginationJump) + " ",
             1
             /* TEXT */
           ),
@@ -12992,7 +13030,7 @@ function fS(e, n) {
           key: 4,
           class: v(e.classes(e.n("total"), [e.disabled, e.n("item--disabled")]))
         },
-        ie(e.totalText),
+        ae(e.totalText),
         3
         /* TEXT, CLASS */
       )) : Q("v-if", !0)
@@ -13012,17 +13050,17 @@ const lv = x({
   directives: { Ripple: Ze },
   props: lS,
   setup(e) {
-    const n = C(!1), t = C(""), o = C("1"), r = C(!1), a = C(!1), i = C(z(e.current) || 1), l = C(z(e.size) || 10), s = C([]), u = M(() => Math.ceil(e.maxPagerCount / 2)), d = M(() => Math.ceil(z(e.total) / z(l.value))), c = M(() => {
-      const $ = l.value * (i.value - 1) + 1, P = Math.min(l.value * i.value, z(e.total));
+    const n = C(!1), t = C(""), o = C("1"), r = C(!1), a = C(!1), i = C(L(e.current) || 1), l = C(L(e.size) || 10), s = C([]), u = M(() => Math.ceil(e.maxPagerCount / 2)), d = M(() => Math.ceil(L(e.total) / L(l.value))), c = M(() => {
+      const $ = l.value * (i.value - 1) + 1, P = Math.min(l.value * i.value, L(e.total));
       return [$, P];
-    }), f = M(() => e.showTotal ? e.showTotal(z(e.total), c.value) : "");
+    }), f = M(() => e.showTotal ? e.showTotal(L(e.total), c.value) : "");
     ce([() => e.current, () => e.size], ([$, P]) => {
-      i.value = z($) || 1, l.value = z(P || 10);
+      i.value = L($) || 1, l.value = L(P || 10);
     }), ce(
       [i, l, d],
       ([$, P, I], [k, D]) => {
         let O = [];
-        const { maxPagerCount: N, total: L, onChange: U } = e, te = Math.ceil(z(L) / z(D)), G = I - (N - u.value) - 1;
+        const { maxPagerCount: N, total: z, onChange: U } = e, te = Math.ceil(L(z) / L(D)), G = I - (N - u.value) - 1;
         if (o.value = `${$}`, I - 2 > N) {
           if (k === void 0 || I !== te)
             for (let j = 2; j < N + 2; j++)
@@ -13091,11 +13129,11 @@ const lv = x({
     }
     function T($, P, I) {
       I.target.blur();
-      const k = E(z(P));
+      const k = E(L(P));
       o.value = String(k), i.value = k, $ === "quick" && (t.value = "");
     }
     return {
-      pack: nn,
+      pack: Qe,
       current: i,
       menuVisible: n,
       size: l,
@@ -13112,7 +13150,7 @@ const lv = x({
       showMenu: b,
       clickSize: w,
       setPage: T,
-      toNumber: z,
+      toNumber: L,
       formatElevation: un
     };
   }
@@ -13256,7 +13294,7 @@ const CS = wS({
 let ad = 0;
 const ES = ["onTouchstartPassive", "onTouchmove", "onTouchend"], IS = ["onTransitionend"], BS = ["onClick"];
 function MS(e, n) {
-  const t = ae("var-button");
+  const t = ie("var-button");
   return p(), $e(
     Jt(e.dynamic ? e.n("$-popup") : e.Transition),
     ze(
@@ -13304,7 +13342,7 @@ function MS(e, n) {
                       var o;
                       return [
                         Ie(
-                          ie((o = e.cancelButtonText) != null ? o : e.pack.pickerCancelButtonText),
+                          ae((o = e.cancelButtonText) != null ? o : e.pack.pickerCancelButtonText),
                           1
                           /* TEXT */
                         )
@@ -13322,7 +13360,7 @@ function MS(e, n) {
                       {
                         class: v(e.n("title"))
                       },
-                      ie((o = e.title) != null ? o : e.pack.pickerTitle),
+                      ae((o = e.title) != null ? o : e.pack.pickerTitle),
                       3
                       /* TEXT, CLASS */
                     )
@@ -13340,7 +13378,7 @@ function MS(e, n) {
                       var o;
                       return [
                         Ie(
-                          ie((o = e.confirmButtonText) != null ? o : e.pack.pickerConfirmButtonText),
+                          ae((o = e.confirmButtonText) != null ? o : e.pack.pickerConfirmButtonText),
                           1
                           /* TEXT */
                         )
@@ -13396,7 +13434,7 @@ function MS(e, n) {
                             {
                               class: v(e.classes(e.n("text"), r.textClassName))
                             },
-                            ie(r[e.getOptionKey("text")]),
+                            ae(r[e.getOptionKey("text")]),
                             3
                             /* TEXT, CLASS */
                           )
@@ -13544,7 +13582,7 @@ const uv = x({
       const he = Math.round((a.value - W) / o.value);
       return Cm(he, V.column);
     }
-    function L(V) {
+    function z(V) {
       return V.translate = a.value - V.index * o.value, V.translate;
     }
     function U() {
@@ -13559,7 +13597,7 @@ const uv = x({
       };
     }
     function te(V, W = 0) {
-      L(V), V.duration = W;
+      z(V), V.duration = W;
     }
     function G(V, W, he) {
       V.translate += Math.abs(W / he) / 3e-3 * (W < 0 ? -1 : 1);
@@ -13620,7 +13658,7 @@ const uv = x({
       b(W), y(e.onCancel, V, W, he);
     }
     return {
-      pack: nn,
+      pack: Qe,
       optionHeight: o,
       optionCount: r,
       scrollColumns: t,
@@ -13813,7 +13851,7 @@ function YS(e, n) {
             [
               R(e.$slots, "default", {}, () => [
                 Ie(
-                  ie(e.linearProps.roundValue),
+                  ae(e.linearProps.roundValue),
                   1
                   /* TEXT */
                 )
@@ -13893,7 +13931,7 @@ function YS(e, n) {
             [
               R(e.$slots, "default", {}, () => [
                 Ie(
-                  ie(e.circleProps.roundValue),
+                  ae(e.circleProps.roundValue),
                   1
                   /* TEXT */
                 )
@@ -13916,13 +13954,13 @@ const dv = x({
   props: DS,
   setup(e) {
     const n = Dd(), t = M(() => {
-      const i = z(e.value), l = i > _n ? _n : i, s = i > _n ? _n : Math.round(i);
+      const i = L(e.value), l = i > _n ? _n : i, s = i > _n ? _n : Math.round(i);
       return {
         width: `${l}%`,
         roundValue: `${s}%`
       };
     }), o = M(() => {
-      const { size: i, lineWidth: l, value: s } = e, u = Wn / (1 - Fe(l) / Fe(i)) * 2, d = `0 0 ${u} ${u}`, c = z(s) > _n ? _n : Math.round(z(s)), f = `${(_n - c) / _n * id}`, m = Fe(l) / Fe(i) * u, g = 0, h = -Wn, b = 0, w = -2 * Wn, E = `M ${u / 2} ${u / 2} m ${g} ${h} a ${Wn} ${Wn} 
+      const { size: i, lineWidth: l, value: s } = e, u = Wn / (1 - Fe(l) / Fe(i)) * 2, d = `0 0 ${u} ${u}`, c = L(s) > _n ? _n : Math.round(L(s)), f = `${(_n - c) / _n * id}`, m = Fe(l) / Fe(i) * u, g = 0, h = -Wn, b = 0, w = -2 * Wn, E = `M ${u / 2} ${u / 2} m ${g} ${h} a ${Wn} ${Wn} 
         0 1 1 ${b} ${-w} a ${Wn} ${Wn} 0 1 1 ${-b} ${w}`;
       return {
         strokeWidth: m,
@@ -13991,7 +14029,7 @@ var ld = (e, n, t) => new Promise((o, r) => {
 });
 const { name: WS, n: sd, classes: qS } = ee("pull-refresh"), ud = 150;
 function GS(e, n) {
-  const t = ae("var-icon");
+  const t = ie("var-icon");
   return p(), S(
     "div",
     {
@@ -14034,7 +14072,7 @@ const cv = x({
     const n = C(0), t = C(null), o = C(null), r = C(0), a = C("-125%"), i = C("arrow-down"), l = C("default"), s = C(!1), u = M(() => Math.abs(2 * n.value)), d = M(() => l.value === "success"), c = M(
       () => l.value !== "loading" && l.value !== "success" && !e.disabled
     ), f = M(() => ({
-      transform: `translate3d(0px, ${en(a.value) ? a.value : `${a.value}px`}, 0px) translate(-50%, 0)`,
+      transform: `translate3d(0px, ${nn(a.value) ? a.value : `${a.value}px`}, 0px) translate(-50%, 0)`,
       transition: s.value ? `transform ${e.animationDuration}ms` : void 0,
       background: d.value ? e.successBgColor : e.bgColor,
       color: d.value ? e.successColor : e.color
@@ -14045,14 +14083,14 @@ const cv = x({
       (N) => {
         N === !1 && (s.value = !0, l.value = "success", i.value = "checkbox-marked-circle", setTimeout(() => {
           a.value = n.value, O();
-        }, z(e.successDuration)));
+        }, L(e.successDuration)));
       }
     ), rn(D), ft(t, "touchmove", I);
     function T(N) {
       return ld(this, null, function* () {
         if (i.value !== N)
-          return i.value = N, new Promise((L) => {
-            window.setTimeout(L, ud);
+          return i.value = N, new Promise((z) => {
+            window.setTimeout(z, ud);
           });
       });
     }
@@ -14061,8 +14099,8 @@ const cv = x({
     }
     function P(N) {
       if (m(N), n.value === 0) {
-        const { width: L } = xe(o.value);
-        n.value = -(L + L * 0.25);
+        const { width: z } = en(o.value);
+        n.value = -(z + z * 0.25);
       }
       E = mt(N.target);
     }
@@ -14075,11 +14113,11 @@ const cv = x({
     }
     function k() {
       return ld(this, null, function* () {
-        h(), c.value && (s.value = !0, z(a.value) >= u.value * 0.2 ? (yield T("refresh"), l.value = "loading", a.value = u.value * 0.3, y(e["onUpdate:modelValue"], !0), Ye(() => {
+        h(), c.value && (s.value = !0, L(a.value) >= u.value * 0.2 ? (yield T("refresh"), l.value = "loading", a.value = u.value * 0.3, y(e["onUpdate:modelValue"], !0), Ye(() => {
           y(e.onRefresh);
         }), $("remove")) : (l.value = "loosing", i.value = "arrow-down", a.value = n.value, setTimeout(() => {
           s.value = !1, $("remove");
-        }, z(e.animationDuration))), E = null);
+        }, L(e.animationDuration))), E = null);
       });
     }
     function D() {
@@ -14088,7 +14126,7 @@ const cv = x({
     function O() {
       setTimeout(() => {
         l.value = "default", i.value = "arrow-down", s.value = !1;
-      }, z(e.animationDuration));
+      }, L(e.animationDuration));
     }
     return {
       ICON_TRANSITION: ud,
@@ -14162,7 +14200,7 @@ function ZS() {
 }
 const { name: JS, n: QS, classes: _S } = ee("radio");
 function xS(e, n) {
-  const t = ae("var-icon"), o = ae("var-hover-overlay"), r = ae("var-form-details"), a = Ve("ripple"), i = Ve("hover");
+  const t = ie("var-icon"), o = ie("var-hover-overlay"), r = ie("var-form-details"), a = Ve("ripple"), i = Ve("hover");
   return p(), S(
     "div",
     {
@@ -14277,8 +14315,8 @@ const vv = x({
       r && n.value === k || (n.value = I, y(D, n.value), r == null || r.onToggle(k), h("onChange"));
     }
     function w(I) {
-      const { disabled: k, readonly: D, uncheckedValue: O, checkedValue: N, onClick: L } = e;
-      s != null && s.disabled.value || k || (y(L, I), !(s != null && s.readonly.value || D) && (o.value = !0, b(t.value ? O : N)));
+      const { disabled: k, readonly: D, uncheckedValue: O, checkedValue: N, onClick: z } = e;
+      s != null && s.disabled.value || k || (y(z, I), !(s != null && s.readonly.value || D) && (o.value = !0, b(t.value ? O : N)));
     }
     function E(I) {
       const { checkedValue: k, uncheckedValue: D } = e;
@@ -14336,7 +14374,7 @@ const ek = {
   "onUpdate:modelValue": A()
 }, { name: nk, n: tk, classes: ok } = ee("radio-group");
 function rk(e, n) {
-  const t = ae("var-form-details");
+  const t = ie("var-form-details");
   return p(), S(
     "div",
     {
@@ -14414,7 +14452,7 @@ const LI = Yl;
 var Ka = Yl;
 const ak = {
   modelValue: {
-    type: [String, Number],
+    type: Number,
     default: 0
   },
   count: {
@@ -14454,7 +14492,7 @@ const ak = {
   "onUpdate:modelValue": A()
 }, { name: ik, n: oo } = ee("rate"), lk = ["onClick"];
 function sk(e, n) {
-  const t = ae("var-icon"), o = ae("var-hover-overlay"), r = ae("var-form-details"), a = Ve("ripple"), i = Ve("hover");
+  const t = ie("var-icon"), o = ie("var-hover-overlay"), r = ie("var-form-details"), a = Ve("ripple"), i = Ve("hover");
   return p(), S(
     "div",
     {
@@ -14515,7 +14553,7 @@ const hv = x({
   props: ak,
   setup(e) {
     const n = C(-1), { form: t, bindForm: o } = Mn(), { errorMessage: r, validateWithTrigger: a, validate: i, resetValidation: l } = Bn(), { hovering: s } = Hn();
-    let u = Number(e.modelValue);
+    let u = L(e.modelValue);
     y(o, {
       reset: T,
       validate: h,
@@ -14525,7 +14563,7 @@ const hv = x({
       const { count: P, gap: I } = e;
       return {
         color: m($).color,
-        marginRight: $ !== z(P) ? Se(I) : 0
+        marginRight: $ !== L(P) ? Se(I) : 0
       };
     }
     function f($) {
@@ -14545,7 +14583,7 @@ const hv = x({
         color: D,
         half: O,
         emptyColor: N,
-        icon: L,
+        icon: z,
         halfIcon: U,
         emptyIcon: te,
         namespace: G,
@@ -14553,7 +14591,7 @@ const hv = x({
         emptyIconNamespace: X
       } = e;
       let J = D;
-      return (I || t != null && t.disabled.value) && (J = k), $ <= z(P) ? { color: J, name: L, namespace: G } : O && $ <= z(P) + 0.5 ? { color: J, name: U, namespace: j } : {
+      return (I || t != null && t.disabled.value) && (J = k), $ <= P ? { color: J, name: z, namespace: G } : O && $ <= P + 0.5 ? { color: J, name: U, namespace: j } : {
         color: I || t != null && t.disabled.value ? k : N,
         name: te,
         namespace: X
@@ -14561,17 +14599,17 @@ const hv = x({
     }
     function g($, P) {
       const { half: I, clearable: k } = e, { offsetWidth: D } = P.target;
-      I && P.offsetX <= Math.floor(D / 2) && ($ -= 0.5), u === $ && k && ($ = 0), u = $, y(e["onUpdate:modelValue"], $);
+      I && P.offsetX <= Math.floor(D / 2) && ($ -= 0.5), u === $ && k && ($ = 0), u !== $ && (y(e["onUpdate:modelValue"], $), y(e.onChange, $)), u = $;
     }
     function h() {
-      return i(e.rules, z(e.modelValue));
+      return i(e.rules, e.modelValue);
     }
     function b() {
       return Ye(() => a(["onChange"], "onChange", e.rules, e.modelValue));
     }
     function w($, P) {
-      const { readonly: I, disabled: k, onChange: D } = e;
-      I || k || t != null && t.disabled.value || t != null && t.readonly.value || (g($, P), y(D, $), b());
+      const { readonly: I, disabled: k } = e;
+      I || k || t != null && t.disabled.value || t != null && t.readonly.value || (g($, P), b());
     }
     function E($) {
       return (P) => {
@@ -14596,7 +14634,7 @@ const hv = x({
       validate: h,
       resetValidation: l,
       toSizeUnit: Se,
-      toNumber: z,
+      toNumber: L,
       n: oo
     };
   }
@@ -14751,7 +14789,7 @@ const yv = x({
     return {
       n: Tk,
       classes: Ek,
-      toNumber: z
+      toNumber: L
     };
   }
 });
@@ -14852,7 +14890,7 @@ function Xk(e, n) {
             key: 0,
             class: v(e.n("title"))
           },
-          ie(e.title),
+          ae(e.title),
           3
           /* TEXT, CLASS */
         )) : Q("v-if", !0)
@@ -14864,7 +14902,7 @@ function Xk(e, n) {
             key: 0,
             class: v(e.n("description"))
           },
-          ie(e.description),
+          ae(e.description),
           3
           /* TEXT, CLASS */
         )) : Q("v-if", !0)
@@ -14911,7 +14949,7 @@ const Cv = x({
       toSizeUnit: Se,
       n: qk,
       classes: Gk,
-      toNumber: z,
+      toNumber: L,
       toPxNum: Fe
     };
   }
@@ -15037,7 +15075,7 @@ const oP = tP({
   "onClick"
 ])), { name: rP, n: aP, classes: iP } = ee("select"), lP = { key: 1 };
 function sP(e, n) {
-  const t = ae("var-chip"), o = ae("var-icon"), r = ae("var-field-decorator"), a = ae("var-menu"), i = ae("var-form-details");
+  const t = ie("var-chip"), o = ie("var-icon"), r = ie("var-field-decorator"), a = ie("var-menu"), i = ie("var-form-details");
   return p(), S(
     "div",
     {
@@ -15134,7 +15172,7 @@ function sP(e, n) {
                                     Ge(e.labels, (l) => (p(), $e(t, {
                                       class: v(e.n("chip")),
                                       "var-select-cover": "",
-                                      closable: "",
+                                      closeable: "",
                                       size: "small",
                                       type: e.errorMessage ? "danger" : void 0,
                                       key: l,
@@ -15144,7 +15182,7 @@ function sP(e, n) {
                                     }, {
                                       default: me(() => [
                                         Ie(
-                                          ie(l),
+                                          ae(l),
                                           1
                                           /* TEXT */
                                         )
@@ -15164,7 +15202,7 @@ function sP(e, n) {
                                   key: 1,
                                   class: v(e.n("values"))
                                 },
-                                ie(e.labels.join(e.separator)),
+                                ae(e.labels.join(e.separator)),
                                 3
                                 /* TEXT, CLASS */
                               ))
@@ -15174,7 +15212,7 @@ function sP(e, n) {
                           )) : (p(), S(
                             "span",
                             lP,
-                            ie(e.label),
+                            ae(e.label),
                             1
                             /* TEXT */
                           ))
@@ -15192,7 +15230,7 @@ function sP(e, n) {
                           color: e.placeholderColor
                         })
                       },
-                      ie(e.placeholder),
+                      ae(e.placeholder),
                       7
                       /* TEXT, CLASS, STYLE */
                     )) : Q("v-if", !0),
@@ -15285,7 +15323,7 @@ const kv = x({
         E(H, ne, _, ue);
       });
     }
-    function L() {
+    function z() {
       const { disabled: ne, readonly: H, onFocus: _ } = e;
       u != null && u.disabled.value || u != null && u.readonly.value || ne || H || (l.value = Fe(e.offsetY), n.value = !0, y(_), N("onFocus"));
     }
@@ -15352,7 +15390,7 @@ const kv = x({
       enableCustomPlaceholder: D,
       n: aP,
       classes: iP,
-      handleFocus: L,
+      handleFocus: z,
       handleBlur: U,
       handleClear: G,
       handleClick: j,
@@ -15573,7 +15611,7 @@ const Pv = x({
     n: cP,
     classes: fP,
     toSizeUnit: Se,
-    toNumber: z
+    toNumber: L
   })
 });
 Pv.render = vP;
@@ -15623,7 +15661,7 @@ const mP = {
   "onUpdate:modelValue": A()
 }, { name: hP, n: fd, classes: pP } = ee("slider"), gP = ["onTouchstart"];
 function bP(e, n) {
-  const t = ae("var-hover-overlay"), o = ae("var-form-details"), r = Ve("hover");
+  const t = ie("var-hover-overlay"), o = ie("var-form-details"), r = Ve("hover");
   return p(), S(
     "div",
     {
@@ -15736,7 +15774,7 @@ function bP(e, n) {
                     B(
                       "span",
                       null,
-                      ie(a.text),
+                      ae(a.text),
                       1
                       /* TEXT */
                     )
@@ -15772,7 +15810,7 @@ const Ov = x({
   directives: { Hover: kn },
   props: mP,
   setup(e) {
-    const n = C(0), t = C(null), o = C(!1), r = M(() => z(e.max) - z(e.min)), a = M(() => n.value / r.value * z(e.step)), i = M(() => e.disabled || (d == null ? void 0 : d.disabled.value)), l = M(() => e.readonly || (d == null ? void 0 : d.readonly.value)), s = M(() => e.direction === "vertical"), { bindForm: u, form: d } = Mn(), { errorMessage: c, validateWithTrigger: f, validate: m, resetValidation: g } = Bn(), { hovering: h, handleHovering: b } = Hn(), { hovering: w, handleHovering: E } = Hn(), T = M(() => {
+    const n = C(0), t = C(null), o = C(!1), r = M(() => L(e.max) - L(e.min)), a = M(() => n.value / r.value * L(e.step)), i = M(() => e.disabled || (d == null ? void 0 : d.disabled.value)), l = M(() => e.readonly || (d == null ? void 0 : d.readonly.value)), s = M(() => e.direction === "vertical"), { bindForm: u, form: d } = Mn(), { errorMessage: c, validateWithTrigger: f, validate: m, resetValidation: g } = Bn(), { hovering: h, handleHovering: b } = Hn(), { hovering: w, handleHovering: E } = Hn(), T = M(() => {
       const { modelValue: oe, range: de } = e;
       let ke = [];
       return de && Ae(oe) ? ke = [
@@ -15822,7 +15860,7 @@ const Ov = x({
       validate: D,
       resetValidation: g
     }), ce([() => e.modelValue, () => e.step], ([oe, de]) => {
-      !V() || !W() || o.value || he(oe, z(de));
+      !V() || !W() || o.value || he(oe, L(de));
     }), ce(n, () => he()), rn(() => {
       !V() || !W() || (n.value = t.value[s.value ? "offsetHeight" : "offsetWidth"]);
     }), $r(() => {
@@ -15842,9 +15880,9 @@ const Ov = x({
     function N() {
       return Ye(() => f(["onChange"], "onChange", e.rules, e.modelValue));
     }
-    function L(oe) {
+    function z(oe) {
       const de = oe.currentTarget;
-      return de ? s.value ? n.value - (oe.clientY - xe(de).top) : oe.clientX - nh(de) : 0;
+      return de ? s.value ? n.value - (oe.clientY - en(de).top) : oe.clientX - nh(de) : 0;
     }
     function U(oe) {
       return {
@@ -15857,20 +15895,20 @@ const Ov = x({
     }
     function G(oe) {
       const { min: de, max: ke } = e;
-      return oe < z(de) ? 0 : oe > z(ke) ? 100 : (oe - z(de)) / r.value * 100;
+      return oe < L(de) ? 0 : oe > L(ke) ? 100 : (oe - L(de)) / r.value * 100;
     }
     function j(oe) {
       if (!mn(oe))
         return 0;
       let de = oe;
-      return de < Number(e.min) && (de = Number(e.min)), de > Number(e.max) && (de = Number(e.max)), parseInt(`${de}`, 10) === de ? de : z(de.toPrecision(5));
+      return de < Number(e.min) && (de = Number(e.min)), de > Number(e.max) && (de = Number(e.max)), parseInt(`${de}`, 10) === de ? de : L(de.toPrecision(5));
     }
     function X(oe, de) {
       i.value || de.handleHovering(oe);
     }
     function J(oe, de) {
       let ke = [];
-      const { step: Ue, range: se, modelValue: ge, onChange: De, min: qe } = e, fe = z(Ue), Ce = Math.round(oe / a.value), ye = Ce * fe + z(qe), Me = P[de].percentValue * fe + z(qe);
+      const { step: Ue, range: se, modelValue: ge, onChange: De, min: qe } = e, fe = L(Ue), Ce = Math.round(oe / a.value), ye = Ce * fe + L(qe), Me = P[de].percentValue * fe + L(qe);
       if (P[de].percentValue = Ce, se && Ae(ge) && (ke = de === Xe.First ? [ye, ge[1]] : [ge[0], ye]), Me !== ye) {
         const Be = se ? ke.map((Je) => j(Je)) : j(ye);
         y(De, Be), y(e["onUpdate:modelValue"], Be), N();
@@ -15909,27 +15947,27 @@ const Ov = x({
         return;
       let ge = [];
       P[I].currentOffset = P[I].percentValue * a.value;
-      const De = P[I].percentValue * z(Ue) + z(se);
+      const De = P[I].percentValue * L(Ue) + L(se);
       oe && Ae(de) && (ge = I === Xe.First ? [De, de[1]] : [de[0], De]), y(ke, oe ? ge : De), o.value = !1;
     }
     function ue(oe) {
       if (i.value || l.value || oe.target.closest(`.${fd("thumb")}`))
         return;
-      const de = L(oe), ke = Y(de);
+      const de = z(oe), ke = Y(de);
       I = ke, J(de, ke), _();
     }
     function V() {
-      const oe = z(e.step);
+      const oe = L(e.step);
       return isNaN(oe) ? (Ps("Slider", 'type of prop "step" should be Number'), !1) : oe < 0 ? (Ps("Slider", '"step" should be > 0'), !1) : !0;
     }
     function W() {
       const { range: oe, modelValue: de } = e;
       return oe && !Ae(de) ? (console.error('[Varlet] Slider: "modelValue" should be an Array'), !1) : !oe && Ae(de) ? (console.error('[Varlet] Slider: "modelValue" should be a Number'), !1) : oe && Ae(de) && de.length < 2 ? (console.error('[Varlet] Slider: "modelValue" should have two value'), !1) : !0;
     }
-    function he(oe = e.modelValue, de = z(e.step)) {
+    function he(oe = e.modelValue, de = L(e.step)) {
       const ke = (Ue) => {
         const { min: se, max: ge } = e;
-        return Ue < z(se) ? 0 : Ue > z(ge) ? r.value / de : (Ue - z(se)) / de;
+        return Ue < L(se) ? 0 : Ue > L(ge) ? r.value / de : (Ue - L(se)) / de;
       };
       e.range && Ae(oe) ? (P[Xe.First].percentValue = ke(oe[0]), P[Xe.First].currentOffset = P[Xe.First].percentValue * a.value, P[Xe.Second].percentValue = ke(oe[1]), P[Xe.Second].currentOffset = P[Xe.Second].percentValue * a.value) : mn(oe) && (P[Xe.First].currentOffset = ke(oe) * a.value);
     }
@@ -15951,7 +15989,7 @@ const Ov = x({
       thumbStyle: U,
       hover: X,
       multiplySizeUnit: dn,
-      toNumber: z,
+      toNumber: L,
       showLabel: te,
       start: ne,
       move: H,
@@ -16014,7 +16052,7 @@ const Tv = {
   loading: ""
 };
 function IP(e, n) {
-  const t = ae("var-icon"), o = ae("var-loading");
+  const t = ie("var-icon"), o = ie("var-loading");
   return Te((p(), S(
     "div",
     {
@@ -16045,7 +16083,7 @@ function IP(e, n) {
             [
               R(e.$slots, "default", {}, () => [
                 Ie(
-                  ie(e.content),
+                  ae(e.content),
                   1
                   /* TEXT */
                 )
@@ -16142,7 +16180,7 @@ Ev.render = IP;
 var Iv = Ev;
 const { name: BP, n: MP } = ee("snackbar");
 function DP(e, n) {
-  const t = ae("var-snackbar-core");
+  const t = ie("var-snackbar-core");
   return p(), $e(jn, {
     to: e.teleport === !1 ? void 0 : e.teleport,
     disabled: e.disabled || e.teleport === !1
@@ -16165,7 +16203,7 @@ function DP(e, n) {
           default: me(() => [
             R(e.$slots, "default", {}, () => [
               Ie(
-                ie(e.content),
+                ae(e.content),
                 1
                 /* TEXT */
               )
@@ -16316,19 +16354,19 @@ Zn.resetDefaultOptions = function() {
   Zl = Nv;
 };
 function RP(e) {
-  const n = e.getAttribute("data-id"), t = En.find((o) => o.id === z(n));
+  const n = e.getAttribute("data-id"), t = En.find((o) => o.id === L(n));
   t && y(t.reactiveSnackOptions.onOpened);
 }
 function UP(e) {
   e.parentElement && e.parentElement.classList.remove("var-pointer-auto");
-  const n = e.getAttribute("data-id"), t = En.find((r) => r.id === z(n));
+  const n = e.getAttribute("data-id"), t = En.find((r) => r.id === L(n));
   t && (t.animationEnd = !0, y(t.reactiveSnackOptions.onClosed)), En.every((r) => r.animationEnd) && (y(Dv), En = je([]), ni = !1);
 }
 function HP(e) {
   En.push(e);
 }
 function FP(e = {}) {
-  return en(e) ? {
+  return nn(e) ? {
     content: e
   } : e;
 }
@@ -16460,7 +16498,7 @@ function _P() {
 }
 const { name: xP, n: eO, classes: nO } = ee("step"), tO = { key: 3 };
 function oO(e, n) {
-  const t = ae("var-icon");
+  const t = ie("var-icon");
   return p(), S(
     "div",
     {
@@ -16502,7 +16540,7 @@ function oO(e, n) {
               }, null, 8, ["class", "name", "namespace"])) : (p(), S(
                 "span",
                 tO,
-                ie(e.index + 1),
+                ae(e.index + 1),
                 1
                 /* TEXT */
               ))
@@ -16545,7 +16583,7 @@ const Av = x({
   components: { VarIcon: He },
   props: JP,
   setup() {
-    const { index: e, steps: n, bindSteps: t } = _P(), { active: o, activeColor: r, inactiveColor: a, direction: i, clickStep: l } = n, s = M(() => o.value === e.value), u = M(() => e.value !== -1 && z(o.value) > e.value);
+    const { index: e, steps: n, bindSteps: t } = _P(), { active: o, activeColor: r, inactiveColor: a, direction: i, clickStep: l } = n, s = M(() => o.value === e.value), u = M(() => e.value !== -1 && L(o.value) > e.value);
     t({ index: e });
     function c() {
       return l(e.value);
@@ -16697,7 +16735,7 @@ const fO = {
   gO
 ];
 function yO(e, n) {
-  const t = ae("var-hover-overlay"), o = ae("var-form-details"), r = Ve("ripple"), a = Ve("hover");
+  const t = ie("var-hover-overlay"), o = ie("var-form-details"), r = Ve("ripple"), a = Ve("hover");
   return Te((p(), S(
     "div",
     {
@@ -16846,8 +16884,8 @@ const Lv = x({
       } = e;
       if (y(E, w), $ || P || I || t != null && t.disabled.value || t != null && t.readonly.value)
         return;
-      const L = k === D ? O : D;
-      y(T, L), y(N, L), m();
+      const z = k === D ? O : D;
+      y(T, z), y(N, z), m();
     }
     function h(w) {
       e.disabled || t != null && t.disabled.value || s(w);
@@ -16966,7 +17004,7 @@ const OO = {
   name: [String, Number]
 }, { name: TO, n: EO, classes: IO } = ee("tab-item");
 function BO(e, n) {
-  const t = ae("var-swipe-item");
+  const t = ie("var-swipe-item");
   return p(), $e(t, {
     class: v(e.classes(e.n(), [!e.current, e.n("--inactive")])),
     "var-tab-item-cover": ""
@@ -17230,37 +17268,37 @@ const Yv = x({
         yield fn(), O();
       })
     ), ce(() => [e.active, e.scrollable], O), gt(O), _t(O);
-    function E(L) {
+    function E(z) {
       var U;
-      const te = (U = L.name.value) != null ? U : L.index.value, { active: G, onChange: j, onClick: X } = e;
+      const te = (U = z.name.value) != null ? U : z.index.value, { active: G, onChange: j, onClick: X } = e;
       y(e["onUpdate:active"], te), y(X, te), te !== G && y(j, te);
     }
     function T() {
-      return g.find(({ name: L }) => e.active === L.value);
+      return g.find(({ name: z }) => e.active === z.value);
     }
-    function $(L) {
-      return g.find(({ index: U }) => (L ?? e.active) === U.value);
+    function $(z) {
+      return g.find(({ index: U }) => (z ?? e.active) === U.value);
     }
     function P() {
       if (b.value === 0)
         return;
-      const { active: L } = e;
-      if (mn(L)) {
-        const U = ct(L, 0, b.value - 1);
+      const { active: z } = e;
+      if (mn(z)) {
+        const U = ct(z, 0, b.value - 1);
         return y(e["onUpdate:active"], U), $(U);
       }
     }
     function I() {
       a.value = e.scrollable === "always" || g.length >= 5;
     }
-    function k({ element: L }) {
-      const U = L.value;
+    function k({ element: z }) {
+      const U = z.value;
       U && (e.layoutDirection === "horizontal" ? (n.value = `${U.offsetWidth}px`, o.value = `${U.offsetLeft}px`) : (t.value = `${U.offsetHeight}px`, r.value = `${U.offsetTop}px`));
     }
-    function D({ element: L }) {
+    function D({ element: z }) {
       if (!a.value)
         return;
-      const U = i.value, te = L.value;
+      const U = i.value, te = z.value;
       if (e.layoutDirection === "horizontal") {
         const G = te.offsetLeft + te.offsetWidth / 2 - U.offsetWidth / 2;
         vo(U, {
@@ -17276,8 +17314,8 @@ const Yv = x({
       }
     }
     function O() {
-      const L = T() || $() || P();
-      !L || L.disabled.value || (I(), k(L), D(L));
+      const z = T() || $() || P();
+      !z || z.disabled.value || (I(), k(z), D(z));
     }
     function N() {
       return bd(this, null, function* () {
@@ -17338,7 +17376,7 @@ var YO = (e, n, t) => new Promise((o, r) => {
 });
 const { name: jO, n: WO } = ee("tabs-items");
 function qO(e, n) {
-  const t = ae("var-swipe");
+  const t = ie("var-swipe");
   return p(), $e(t, {
     class: v(e.n()),
     ref: "swipe",
@@ -17571,8 +17609,11 @@ const On = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"], cn =
     type: [Boolean, Number, String],
     default: !1
   },
+  hint: String,
   color: String,
+  /** @deprecated Use titleColor to instead. */
   headerColor: String,
+  titleColor: String,
   format: {
     type: String,
     default: "ampm"
@@ -17585,17 +17626,17 @@ const On = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"], cn =
   "onUpdate:modelValue": A(),
   onChange: A()
 }, Wv = (e, n) => e === "24hr" || n === "am", is = (e, n, t) => {
-  const o = On.findIndex((a) => z(a) === z(t)), r = Wv(e, n) ? t : cn[o];
+  const o = On.findIndex((a) => L(a) === L(t)), r = Wv(e, n) ? t : cn[o];
   return {
     hourStr: r,
-    hourNum: z(r)
+    hourNum: L(r)
   };
 }, vn = (e) => {
   const [n, t, o] = e.split(":");
   return {
-    hour: z(n),
-    minute: z(t),
-    second: z(o)
+    hour: L(n),
+    minute: L(t),
+    second: L(o)
   };
 }, qv = (e) => {
   var n, t;
@@ -17669,7 +17710,7 @@ function YT(e, n) {
             key: t,
             style: F(e.getStyle(o, t, !1))
           },
-          ie(t),
+          ae(t),
           7
           /* TEXT, CLASS, STYLE */
         ))),
@@ -17700,7 +17741,7 @@ function YT(e, n) {
                 key: t,
                 style: F(e.getStyle(o, t, !0))
               },
-              ie(t),
+              ae(t),
               7
               /* TEXT, CLASS, STYLE */
             ))),
@@ -17766,7 +17807,7 @@ const Xv = x({
   emits: ["update", "change-prevent-update"],
   setup(e, { emit: n }) {
     const t = C(null), o = C([]), r = C([]), a = M(() => ({
-      transform: `rotate(${z(e.rad)}deg)`,
+      transform: `rotate(${L(e.rad)}deg)`,
       height: e.isInner && e.type === "hour" ? "calc(50% - 40px)" : "calc(50% - 4px)",
       backgroundColor: u(),
       borderColor: u()
@@ -17778,11 +17819,11 @@ const Xv = x({
     }), l = M(() => e.type === "hour" ? On : wd), s = (h, b) => {
       h = h ?? (e.type === "minute" ? e.time.minute : e.time.second);
       const w = e.type === "minute" ? qv : Gv, E = {
-        time: z(h),
+        time: L(h),
         format: e.format,
         ampm: e.ampm,
         hour: e.time.hour,
-        minute: z(e.time.minute),
+        minute: L(e.time.minute),
         max: e.max,
         min: e.min,
         allowedTime: e.allowedTime,
@@ -17820,7 +17861,7 @@ const Xv = x({
         color: k
       };
     }, m = () => {
-      const { width: h, height: b } = xe(t.value);
+      const { width: h, height: b } = en(t.value);
       return {
         width: h,
         height: b
@@ -17860,19 +17901,19 @@ const Xv = x({
       [() => e.max, () => e.min, () => e.allowedTime],
       ([h, b, w]) => {
         if (o.value = [], h && !b) {
-          const { hour: E } = vn(h), T = On.filter((P) => z(P) > E), $ = cn.filter((P) => z(P) > E);
+          const { hour: E } = vn(h), T = On.filter((P) => L(P) > E), $ = cn.filter((P) => L(P) > E);
           o.value = [...T, ...$];
         }
         if (!h && b) {
-          const { hour: E } = vn(b), T = On.filter((P) => z(P) < E), $ = cn.filter((P) => z(P) < E);
+          const { hour: E } = vn(b), T = On.filter((P) => L(P) < E), $ = cn.filter((P) => L(P) < E);
           o.value = [...T, ...$];
         }
         if (h && b) {
-          const { hour: E } = vn(h), { hour: T } = vn(b), $ = On.filter((I) => z(I) < T || z(I) > E), P = cn.filter((I) => z(I) < T || z(I) > E);
+          const { hour: E } = vn(h), { hour: T } = vn(b), $ = On.filter((I) => L(I) < T || L(I) > E), P = cn.filter((I) => L(I) < T || L(I) > E);
           o.value = [...$, ...P];
         }
         if (w != null && w.hours) {
-          const { hours: E } = w, T = On.filter((P) => !E(z(P))), $ = cn.filter((P) => !E(z(P)));
+          const { hours: E } = w, T = On.filter((P) => !E(L(P))), $ = cn.filter((P) => !E(L(P)));
           o.value = [.../* @__PURE__ */ new Set([...o.value, ...T, ...$])];
         }
         r.value = o.value.map((E) => cn.findIndex((T) => E === T)).filter((E) => E >= 0);
@@ -17904,7 +17945,8 @@ const { name: WT, n: qT, classes: GT } = ee("time-picker"), XT = (e) => (bt(""),
   /* HOISTED */
 )), ZT = { key: 0 };
 function JT(e, n) {
-  const t = ae("clock");
+  var t;
+  const o = ie("clock");
   return p(), S(
     "div",
     {
@@ -17916,83 +17958,102 @@ function JT(e, n) {
         "div",
         {
           class: v(e.n("title")),
-          style: F({ background: e.headerColor || e.color })
+          style: F({ background: e.titleColor || e.headerColor || e.color })
         },
         [
           B(
             "div",
             {
-              class: v(e.n("title-time"))
+              class: v(e.n("title-hint"))
             },
-            [
-              B(
-                "div",
-                {
-                  class: v(e.classes(e.n("title-btn"), [e.type === "hour", e.n("title-btn--active")])),
-                  onClick: n[0] || (n[0] = (o) => e.checkPanel("hour"))
-                },
-                ie(e.time.hour),
-                3
-                /* TEXT, CLASS */
-              ),
-              KT,
-              B(
-                "div",
-                {
-                  class: v(e.classes(e.n("title-btn"), [e.type === "minute", e.n("title-btn--active")])),
-                  onClick: n[1] || (n[1] = (o) => e.checkPanel("minute"))
-                },
-                ie(e.time.minute),
-                3
-                /* TEXT, CLASS */
-              ),
-              e.useSeconds ? (p(), S("span", ZT, ":")) : Q("v-if", !0),
-              e.useSeconds ? (p(), S(
-                "div",
-                {
-                  key: 1,
-                  class: v(e.classes(e.n("title-btn"), [e.type === "second", e.n("title-btn--active")])),
-                  onClick: n[2] || (n[2] = (o) => e.checkPanel("second"))
-                },
-                ie(e.time.second),
-                3
-                /* TEXT, CLASS */
-              )) : Q("v-if", !0)
-            ],
-            2
-            /* CLASS */
+            ae((t = e.hint) != null ? t : e.pack.timePickerHint),
+            3
+            /* TEXT, CLASS */
           ),
-          e.format === "ampm" ? (p(), S(
+          B(
             "div",
             {
-              key: 0,
-              class: v(e.n("title-ampm"))
+              class: v(e.n("title-time-container"))
             },
             [
               B(
                 "div",
                 {
-                  class: v(e.classes(e.n("title-btn"), [e.ampm === "am", e.n("title-btn--active")])),
-                  onClick: n[3] || (n[3] = (o) => e.checkAmpm("am"))
+                  class: v(e.n("title-time"))
                 },
-                "AM",
+                [
+                  B(
+                    "div",
+                    {
+                      class: v(e.classes(e.n("title-btn"), [e.type === "hour", e.n("title-btn--active")])),
+                      onClick: n[0] || (n[0] = (r) => e.checkPanel("hour"))
+                    },
+                    ae(e.time.hour),
+                    3
+                    /* TEXT, CLASS */
+                  ),
+                  KT,
+                  B(
+                    "div",
+                    {
+                      class: v(e.classes(e.n("title-btn"), [e.type === "minute", e.n("title-btn--active")])),
+                      onClick: n[1] || (n[1] = (r) => e.checkPanel("minute"))
+                    },
+                    ae(e.time.minute),
+                    3
+                    /* TEXT, CLASS */
+                  ),
+                  e.useSeconds ? (p(), S("span", ZT, ":")) : Q("v-if", !0),
+                  e.useSeconds ? (p(), S(
+                    "div",
+                    {
+                      key: 1,
+                      class: v(e.classes(e.n("title-btn"), [e.type === "second", e.n("title-btn--active")])),
+                      onClick: n[2] || (n[2] = (r) => e.checkPanel("second"))
+                    },
+                    ae(e.time.second),
+                    3
+                    /* TEXT, CLASS */
+                  )) : Q("v-if", !0)
+                ],
                 2
                 /* CLASS */
               ),
-              B(
+              e.format === "ampm" ? (p(), S(
                 "div",
                 {
-                  class: v(e.classes(e.n("title-btn"), [e.ampm === "pm", e.n("title-btn--active")])),
-                  onClick: n[4] || (n[4] = (o) => e.checkAmpm("pm"))
+                  key: 0,
+                  class: v(e.n("title-ampm"))
                 },
-                "PM",
+                [
+                  B(
+                    "div",
+                    {
+                      class: v(e.classes(e.n("title-btn"), [e.ampm === "am", e.n("title-btn--active")])),
+                      onClick: n[3] || (n[3] = (r) => e.checkAmpm("am"))
+                    },
+                    " AM ",
+                    2
+                    /* CLASS */
+                  ),
+                  B(
+                    "div",
+                    {
+                      class: v(e.classes(e.n("title-btn"), [e.ampm === "pm", e.n("title-btn--active")])),
+                      onClick: n[4] || (n[4] = (r) => e.checkAmpm("pm"))
+                    },
+                    " PM ",
+                    2
+                    /* CLASS */
+                  )
+                ],
                 2
                 /* CLASS */
-              )
+              )) : Q("v-if", !0)
             ],
             2
             /* CLASS */
-          )) : Q("v-if", !0)
+          )
         ],
         6
         /* CLASS, STYLE */
@@ -18007,9 +18068,9 @@ function JT(e, n) {
             "div",
             {
               class: v(e.n("clock-container")),
-              onTouchstart: n[5] || (n[5] = (...o) => e.moveHand && e.moveHand(...o)),
-              onTouchmove: n[6] || (n[6] = (...o) => e.moveHand && e.moveHand(...o)),
-              onTouchend: n[7] || (n[7] = (...o) => e.end && e.end(...o)),
+              onTouchstart: n[5] || (n[5] = (...r) => e.moveHand && e.moveHand(...r)),
+              onTouchmove: n[6] || (n[6] = (...r) => e.moveHand && e.moveHand(...r)),
+              onTouchend: n[7] || (n[7] = (...r) => e.end && e.end(...r)),
               ref: "container"
             },
             [
@@ -18017,7 +18078,7 @@ function JT(e, n) {
                 name: `${e.n()}-panel-fade`
               }, {
                 default: me(() => [
-                  (p(), $e(t, {
+                  (p(), $e(o, {
                     key: e.type,
                     ref: "inner",
                     type: e.type,
@@ -18073,7 +18134,7 @@ const Kv = x({
       (q) => {
         if (q) {
           const { hour: ne, minute: H, second: _ } = vn(q), ue = ve().hour(ne).format("hh"), V = ve().hour(ne).format("HH"), W = ve().minute(H).format("mm"), he = ve().second(_).format("ss");
-          m.value = (ue === "12" ? 0 : z(ue)) * 30, c.value = z(W) * 6, f.value = z(he) * 6, b.value = N(q), e.format !== "24hr" && (h.value = kt(`${ne}`, 2, "0") === V && cn.includes(V) ? "pm" : "am"), r.value = e.format === "24hr" && cn.includes(V);
+          m.value = (ue === "12" ? 0 : L(ue)) * 30, c.value = L(W) * 6, f.value = L(he) * 6, b.value = N(q), e.format !== "24hr" && (h.value = kt(`${ne}`, 2, "0") === V && cn.includes(V) ? "pm" : "am"), r.value = e.format === "24hr" && cn.includes(V);
         }
       },
       { immediate: !0 }
@@ -18088,7 +18149,7 @@ const Kv = x({
       l.value = !1, d.value = !1, g.value = q;
     }
     function k(q) {
-      const { disableHour: ne } = o.value, H = On.findIndex((V) => z(V) === z(b.value.hour)), _ = q === "am" ? On : cn;
+      const { disableHour: ne } = o.value, H = On.findIndex((V) => L(V) === L(b.value.hour)), _ = q === "am" ? On : cn;
       return [..._.slice(H), ..._.slice(0, H)].find((V, W) => (a.value = W !== 0, !ne.includes(V)));
     }
     function D(q) {
@@ -18113,7 +18174,7 @@ const Kv = x({
         second: ve().second(ue).format("ss")
       };
     }
-    function L(q) {
+    function z(q) {
       const ne = q / 30;
       return ne >= 0 ? ne : ne + 12;
     }
@@ -18129,7 +18190,7 @@ const Kv = x({
     function te(q, ne, H) {
       const { disableHour: _ } = o.value;
       i.value = O(q, ne);
-      const ue = Math.round(H / 30) * 30 + 90, V = L(ue), W = r.value ? On[V] : cn[V];
+      const ue = Math.round(H / 30) * 30 + 90, V = z(ue), W = r.value ? On[V] : cn[V];
       if (_.includes(W) || (r.value = e.format === "24hr" ? O(q, ne) : !1), r.value !== i.value)
         return;
       const he = r.value || h.value === "pm" ? cn[V] : On[V];
@@ -18154,7 +18215,7 @@ const Kv = x({
         format: e.format,
         ampm: h.value,
         hour: b.value.hour,
-        minute: z(b.value.minute),
+        minute: L(b.value.minute),
         max: e.max,
         min: e.min,
         disableHour: ne,
@@ -18163,7 +18224,7 @@ const Kv = x({
       Gv(ue) || (f.value = H);
     }
     function X() {
-      const { left: q, top: ne, width: H, height: _ } = xe(n.value);
+      const { left: q, top: ne, width: H, height: _ } = en(n.value);
       if (w.x = q + H / 2, w.y = ne + _ / 2, g.value === "hour" && e.format === "24hr") {
         const { rangeXMin: ue, rangeXMax: V, rangeYMin: W, rangeYMax: he } = U();
         E.x = [ue, V], E.y = [W, he];
@@ -18200,6 +18261,7 @@ const Kv = x({
       isPreventNextUpdate: a,
       n: qT,
       classes: GT,
+      pack: Qe,
       moveHand: J,
       checkPanel: I,
       checkAmpm: D,
@@ -18289,7 +18351,7 @@ const { name: _T, n: xT, classes: eE } = ee("uploader");
 let nE = 0;
 const tE = ["onClick"], oE = ["onClick"], rE = ["src", "alt"], aE = ["multiple", "accept", "capture", "disabled"], iE = ["src"];
 function lE(e, n) {
-  const t = ae("var-icon"), o = ae("var-hover-overlay"), r = ae("var-form-details"), a = ae("var-popup"), i = Ve("ripple"), l = Ve("hover");
+  const t = ie("var-icon"), o = ie("var-hover-overlay"), r = ie("var-form-details"), a = ie("var-popup"), i = Ve("ripple"), l = Ve("hover");
   return p(), S(
     "div",
     {
@@ -18315,7 +18377,7 @@ function lE(e, n) {
                 {
                   class: v(e.n("file-name"))
                 },
-                ie(s.name || s.url),
+                ae(s.name || s.url),
                 3
                 /* TEXT, CLASS */
               ),
@@ -18489,7 +18551,7 @@ const Zv = x({
     const h = {
       getSuccess: O,
       getError: N,
-      getLoading: L
+      getLoading: z
     };
     y(i, {
       validate: j,
@@ -18563,8 +18625,8 @@ const Zv = x({
         const { maxsize: Y, maxlength: le, modelValue: q, onOversize: ne, onAfterRead: H, onBeforeFilter: _, readonly: ue, disabled: V } = e;
         if (a != null && a.disabled.value || a != null && a.readonly.value || V || ue)
           return;
-        const W = (ge) => ge.filter((De) => De.file.size > z(Y) ? (y(ne, je(De)), !1) : !0), he = (ge) => {
-          const De = Math.min(ge.length, z(le) - q.length);
+        const W = (ge) => ge.filter((De) => De.file.size > L(Y) ? (y(ne, je(De)), !1) : !0), he = (ge) => {
+          const De = Math.min(ge.length, L(le) - q.length);
           return ge.slice(0, De);
         }, Ee = (ge) => Jo(this, null, function* () {
           if (!_)
@@ -18600,7 +18662,7 @@ const Zv = x({
     function N() {
       return e.modelValue.filter((J) => J.state === "error");
     }
-    function L() {
+    function z() {
       return e.modelValue.filter((J) => J.state === "loading");
     }
     function U() {
@@ -18634,7 +18696,7 @@ const Zv = x({
       n: xT,
       classes: eE,
       formatElevation: un,
-      toNumber: z,
+      toNumber: L,
       handleHovering: f,
       isHTMLSupportVideo: zs,
       isHTMLSupportImage: As,
@@ -18643,7 +18705,7 @@ const Zv = x({
       handleRemove: D,
       getSuccess: O,
       getError: N,
-      getLoading: L,
+      getLoading: z,
       validate: j,
       resetValidation: d,
       reset: X,
@@ -18793,7 +18855,7 @@ function SE(e, n) {
                             {
                               style: F(hE(mE({}, e.font), { fontSize: `${e.font.fontSize}px`, color: e.textColor }))
                             },
-                            ie(e.content),
+                            ae(e.content),
                             5
                             /* TEXT, STYLE */
                           )
@@ -18902,7 +18964,7 @@ var us = Jv;
 re(us);
 const r3 = us;
 var pi = us;
-const kE = "2.18.0-alpha.1697608760113";
+const kE = "2.18.1";
 function PE(e) {
   Zr.install && e.use(Zr), Jr.install && e.use(Jr), xr.install && e.use(xr), ea.install && e.use(ea), na.install && e.use(na), ur.install && e.use(ur), ta.install && e.use(ta), oa.install && e.use(oa), ra.install && e.use(ra), aa.install && e.use(aa), hn.install && e.use(hn), ia.install && e.use(ia), la.install && e.use(la), dr.install && e.use(dr), ho.install && e.use(ho), sa.install && e.use(sa), cr.install && e.use(cr), ua.install && e.use(ua), da.install && e.use(da), ca.install && e.use(ca), wn.install && e.use(wn), ha.install && e.use(ha), wa.install && e.use(wa), Sa.install && e.use(Sa), ka.install && e.use(ka), Pa.install && e.use(Pa), gr.install && e.use(gr), Ea.install && e.use(Ea), Ia.install && e.use(Ia), yo.install && e.use(yo), Ba.install && e.use(Ba), Ma.install && e.use(Ma), pn.install && e.use(pn), kn.install && e.use(kn), In.install && e.use(In), He.install && e.use(He), Da.install && e.use(Da), Co.install && e.use(Co), Na.install && e.use(Na), Va.install && e.use(Va), yr.install && e.use(yr), mo.install && e.use(mo), Aa.install && e.use(Aa), za.install && e.use(za), Yt.install && e.use(Yt), La.install && e.use(La), Kr.install && e.use(Kr), Xt.install && e.use(Xt), Ra.install && e.use(Ra), Ua.install && e.use(Ua), Ha.install && e.use(Ha), Fa.install && e.use(Fa), Ya.install && e.use(Ya), ja.install && e.use(ja), Wa.install && e.use(Wa), vt.install && e.use(vt), qa.install && e.use(qa), Ga.install && e.use(Ga), Xa.install && e.use(Xa), Ka.install && e.use(Ka), Za.install && e.use(Za), Ja.install && e.use(Ja), Ze.install && e.use(Ze), Qa.install && e.use(Qa), _a.install && e.use(_a), xa.install && e.use(xa), ei.install && e.use(ei), ti.install && e.use(ti), oi.install && e.use(oi), ri.install && e.use(ri), ai.install && e.use(ai), So.install && e.use(So), ii.install && e.use(ii), $o.install && e.use($o), wo.install && e.use(wo), li.install && e.use(li), si.install && e.use(si), ui.install && e.use(ui), di.install && e.use(di), ci.install && e.use(ci), fi.install && e.use(fi), vi.install && e.use(vi), mi.install && e.use(mi), br.install && e.use(br), hi.install && e.use(hi), pi.install && e.use(pi);
 }
@@ -19195,7 +19257,7 @@ export {
   Ub as counterProps,
   iy as datePickerProps,
   a3 as default,
-  Qe as defaultLazyOptions,
+  _e as defaultLazyOptions,
   zy as dialogProps,
   _y as dividerProps,
   o1 as dragProps,
@@ -19220,7 +19282,7 @@ export {
   _d as merge,
   eS as optionProps,
   aS as overlayProps,
-  nn as pack,
+  Qe as pack,
   Qd as packs,
   lS as paginationProps,
   vS as paperProps,