@varlet/ui 3.6.4 → 3.7.0

package/lib/varlet.cjs.js

@@ -7,7 +7,7 @@ const context = {
   enableRipple: true
 };
 const _ContextComponent = vue.reactive(context);
-var stdin_default$69 = vue.reactive(context);
+var stdin_default$6b = vue.reactive(context);
 var __defProp$z = Object.defineProperty;
 var __defProps$d = Object.defineProperties;
 var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
@@ -263,6 +263,81 @@ function createStorage(storage) {
 }
 createStorage(getGlobalThis().sessionStorage);
 createStorage(getGlobalThis().localStorage);
+function motion(options) {
+  const {
+    from,
+    to,
+    duration = 300,
+    frame = () => {
+    },
+    timingFunction = (value2) => value2,
+    onStateChange = () => {
+    }
+  } = options;
+  let state = "pending";
+  let value = from;
+  const distance = to - from;
+  let ticker = void 0;
+  let startTime = void 0;
+  let pausedTime = void 0;
+  let sleepTime = 0;
+  function start2() {
+    if (state === "running" || state === "finished") {
+      return;
+    }
+    setState("running");
+    const now = performance.now();
+    startTime = startTime != null ? startTime : now;
+    sleepTime += pausedTime != null ? now - pausedTime : 0;
+    pausedTime = void 0;
+    tick2();
+    function tick2() {
+      ticker = requestAnimationFrame$1(() => {
+        const now2 = performance.now();
+        const executionTime = now2 - startTime - sleepTime;
+        const progress = clamp$1(executionTime / duration, 0, 1);
+        value = distance * timingFunction(progress) + from;
+        if (progress >= 1) {
+          setState("finished");
+          frame({ value: to, done: true });
+          return;
+        }
+        frame({ value, done: false });
+        tick2();
+      });
+    }
+  }
+  function pause() {
+    if (state !== "running") {
+      return;
+    }
+    cancelAnimationFrame(ticker);
+    setState("paused");
+    pausedTime = performance.now();
+  }
+  function reset() {
+    cancelAnimationFrame(ticker);
+    setState("pending");
+    value = from;
+    ticker = void 0;
+    startTime = void 0;
+    pausedTime = void 0;
+    sleepTime = 0;
+  }
+  function getState() {
+    return state;
+  }
+  function setState(_state) {
+    state = _state;
+    onStateChange(_state);
+  }
+  return {
+    start: start2,
+    pause,
+    reset,
+    getState
+  };
+}
 function call(fn2, ...args) {
   if (isArray(fn2)) {
     return fn2.map((f) => f(...args));
@@ -302,6 +377,17 @@ function toDataURL(file) {
     fileReader.readAsDataURL(file);
   });
 }
+function baseRound(val, precision = 0, fn2) {
+  precision = clamp$1(precision, -292, 292);
+  if (!precision) {
+    return fn2(val);
+  }
+  const value = fn2(`${val}e${precision}`);
+  return +`${value}e${-precision}`;
+}
+function floor$1(val, precision = 0) {
+  return baseRound(val, precision, Math.floor);
+}
 var isURL = (val) => {
   if (!val) {
     return false;
@@ -716,6 +802,51 @@ function useVModel(props2, key, options = {}) {
   );
   return proxy;
 }
+function useMotion(options) {
+  const value = vue.ref(getter(options.from));
+  const state = vue.ref("pending");
+  let ctx2 = createMotionContext();
+  function getter(value2) {
+    return isFunction(value2) ? value2() : value2;
+  }
+  function reset() {
+    ctx2.reset();
+    value.value = getter(options.from);
+    state.value = "pending";
+    ctx2 = createMotionContext();
+  }
+  function start2() {
+    ctx2.start();
+  }
+  function pause() {
+    ctx2.pause();
+  }
+  function createMotionContext() {
+    return motion({
+      from: getter(options.from),
+      to: getter(options.to),
+      duration: options.duration ? getter(options.duration) : 300,
+      timingFunction: options.timingFunction,
+      onStateChange(newState) {
+        state.value = newState;
+      },
+      frame({ value: newValue, done }) {
+        var _a;
+        value.value = newValue;
+        if (done) {
+          (_a = options.onFinished) == null ? void 0 : _a.call(options, value.value);
+        }
+      }
+    });
+  }
+  return {
+    value,
+    state,
+    start: start2,
+    pause,
+    reset
+  };
+}
 var __defProp$x = Object.defineProperty;
 var __defProps$c = Object.defineProperties;
 var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
@@ -937,7 +1068,7 @@ var __spreadValues$w = (a, b) => {
   return a;
 };
 var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
-const { n: n$1v } = createNamespace("ripple");
+const { n: n$1w } = createNamespace("ripple");
 const ANIMATION_DURATION$1 = 250;
 function setStyles(element) {
   const { zIndex, position } = getStyle$1(element);
@@ -966,14 +1097,14 @@ function computeRippleStyles(element, event) {
 function createRipple(event) {
   const _ripple = this._ripple;
   _ripple.removeRipple();
-  if (_ripple.disabled || _ripple.tasker || !stdin_default$69.enableRipple) {
+  if (_ripple.disabled || _ripple.tasker || !stdin_default$6b.enableRipple) {
     return;
   }
   const task = () => {
     _ripple.tasker = null;
     const { x, y, centerX, centerY, size } = computeRippleStyles(this, event);
     const ripple = document.createElement("div");
-    ripple.classList.add(n$1v());
+    ripple.classList.add(n$1w());
     ripple.style.opacity = `0`;
     ripple.style.transform = `translate(${x}px, ${y}px) scale3d(.3, .3, .3)`;
     ripple.style.width = `${size}px`;
@@ -992,7 +1123,7 @@ function createRipple(event) {
 function removeRipple() {
   const _ripple = this._ripple;
   const task = () => {
-    const ripples = this.querySelectorAll(`.${n$1v()}`);
+    const ripples = this.querySelectorAll(`.${n$1w()}`);
     if (!ripples.length) {
       return;
     }
@@ -1009,7 +1140,7 @@ function removeRipple() {
   _ripple.tasker ? window.setTimeout(task, 30) : task();
 }
 function forbidRippleTask() {
-  if (!supportTouch() || !stdin_default$69.enableRipple) {
+  if (!supportTouch() || !stdin_default$6b.enableRipple) {
     return;
   }
   const _ripple = this._ripple;
@@ -1082,8 +1213,8 @@ const Ripple = {
   }
 };
 const _RippleComponent = Ripple;
-var stdin_default$68 = Ripple;
-const props$1k = {
+var stdin_default$6a = Ripple;
+const props$1l = {
   show: Boolean,
   position: {
     type: String,
@@ -1129,17 +1260,17 @@ const props$1k = {
   // internal for Dialog
   onRouteChange: defineListenerProp()
 };
-const { n: n$1u } = createNamespace("");
+const { n: n$1v } = createNamespace("");
 function resolveLock() {
-  const lockCounts = Object.keys(stdin_default$69.locks).length;
-  lockCounts <= 0 ? document.body.classList.remove(n$1u("$--lock")) : document.body.classList.add(n$1u("$--lock"));
+  const lockCounts = Object.keys(stdin_default$6b.locks).length;
+  lockCounts <= 0 ? document.body.classList.remove(n$1v("$--lock")) : document.body.classList.add(n$1v("$--lock"));
 }
 function addLock(uid) {
-  stdin_default$69.locks[uid] = 1;
+  stdin_default$6b.locks[uid] = 1;
   resolveLock();
 }
 function releaseLock(uid) {
-  delete stdin_default$69.locks[uid];
+  delete stdin_default$6b.locks[uid];
   resolveLock();
 }
 function useLock(source, useSource) {
@@ -1197,13 +1328,13 @@ function useLock(source, useSource) {
   });
 }
 function useZIndex(source, count) {
-  const zIndex = vue.ref(stdin_default$69.zIndex);
+  const zIndex = vue.ref(stdin_default$6b.zIndex);
   vue.watch(
     source,
     (newValue) => {
       if (newValue) {
-        stdin_default$69.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
-        zIndex.value = stdin_default$69.zIndex;
+        stdin_default$6b.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
+        zIndex.value = stdin_default$6b.zIndex;
       }
     },
     { immediate: true }
@@ -1284,14 +1415,14 @@ var __spreadValues$v = (a, b) => {
   return a;
 };
 const {
-  name: name$1m,
-  n: n$1t,
+  name: name$1n,
+  n: n$1u,
   classes: classes$1c
 } = createNamespace("popup");
-var stdin_default$67 = vue.defineComponent({
-  name: name$1m,
+var stdin_default$69 = vue.defineComponent({
+  name: name$1n,
   inheritAttrs: false,
-  props: props$1k,
+  props: props$1l,
   setup(props2, {
     slots,
     attrs
@@ -1339,7 +1470,7 @@ var stdin_default$67 = vue.defineComponent({
         overlayStyle
       } = props2;
       return vue.createVNode("div", {
-        "class": classes$1c(n$1t("overlay"), overlayClass),
+        "class": classes$1c(n$1u("overlay"), overlayClass),
         "style": __spreadValues$v({
           zIndex: normalizedZIndex.value - 1
         }, overlayStyle),
@@ -1348,7 +1479,7 @@ var stdin_default$67 = vue.defineComponent({
     }
     function renderContent() {
       return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
-        "class": classes$1c(n$1t("content"), n$1t(`--${props2.position}`), [props2.defaultStyle, n$1t("--content-background-color")], [props2.defaultStyle, n$1t("$-elevation--3")], [props2.safeArea, n$1t("--safe-area")], [props2.safeAreaTop, n$1t("--safe-area-top")]),
+        "class": classes$1c(n$1u("content"), n$1u(`--${props2.position}`), [props2.defaultStyle, n$1u("--content-background-color")], [props2.defaultStyle, n$1u("$-elevation--3")], [props2.safeArea, n$1u("--safe-area")], [props2.safeAreaTop, n$1u("--safe-area-top")]),
         "style": {
           zIndex: normalizedZIndex.value
         },
@@ -1358,17 +1489,17 @@ var stdin_default$67 = vue.defineComponent({
     }
     function renderPopup() {
       return vue.createVNode(vue.Transition, {
-        "name": n$1t("$-fade"),
+        "name": n$1u("$-fade"),
         "onAfterEnter": props2.onOpened,
         "onAfterLeave": props2.onClosed
       }, {
         default: () => [vue.withDirectives(vue.createVNode("div", {
-          "class": classes$1c(n$1t("$--box"), n$1t(), [!props2.overlay, n$1t("--pointer-events-none")]),
+          "class": classes$1c(n$1u("$--box"), n$1u(), [!props2.overlay, n$1u("--pointer-events-none")]),
           "style": {
             zIndex: normalizedZIndex.value - 2
           }
         }, [props2.overlay && renderOverlay(), vue.createVNode(vue.Transition, {
-          "name": props2.transition || n$1t(`$-pop-${props2.position}`)
+          "name": props2.transition || n$1u(`$-pop-${props2.position}`)
         }, {
           default: () => [renderContent()]
         })]), [[vue.vShow, props2.show]])]
@@ -1401,11 +1532,11 @@ var stdin_default$67 = vue.defineComponent({
     };
   }
 });
-withInstall(stdin_default$67);
-withPropsDefaultsSetter(stdin_default$67, props$1k);
-const _PopupComponent = stdin_default$67;
-var stdin_default$66 = stdin_default$67;
-const props$1j = {
+withInstall(stdin_default$69);
+withPropsDefaultsSetter(stdin_default$69, props$1l);
+const _PopupComponent = stdin_default$69;
+var stdin_default$68 = stdin_default$69;
+const props$1k = {
   name: String,
   size: [Number, String],
   color: String,
@@ -1622,8 +1753,8 @@ var __async$j = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$1l, n: n$1s, classes: classes$1b } = createNamespace("icon");
-function __render__$1q(_ctx, _cache) {
+const { name: name$1m, n: n$1t, classes: classes$1b } = createNamespace("icon");
+function __render__$1r(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.isURL(_ctx.name) ? "img" : "i"), {
     class: vue.normalizeClass(
       _ctx.classes(
@@ -1645,9 +1776,9 @@ function __render__$1q(_ctx, _cache) {
     onClick: _ctx.onClick
   }, null, 8, ["class", "style", "src", "onClick"]);
 }
-const __sfc__$1t = vue.defineComponent({
-  name: name$1l,
-  props: props$1j,
+const __sfc__$1u = vue.defineComponent({
+  name: name$1m,
+  props: props$1k,
   setup(props2) {
     const nextName = vue.ref("");
     const animateInProgress = vue.ref(false);
@@ -1672,7 +1803,7 @@ const __sfc__$1t = vue.defineComponent({
     return {
       nextName,
       animateInProgress,
-      n: n$1s,
+      n: n$1t,
       classes: classes$1b,
       isURL,
       toNumber,
@@ -1680,18 +1811,18 @@ const __sfc__$1t = vue.defineComponent({
     };
   }
 });
-__sfc__$1t.render = __render__$1q;
-var stdin_default$65 = __sfc__$1t;
-withInstall(stdin_default$65);
-withPropsDefaultsSetter(stdin_default$65, props$1j);
-const _IconComponent = stdin_default$65;
-var stdin_default$64 = stdin_default$65;
-const props$1i = {
+__sfc__$1u.render = __render__$1r;
+var stdin_default$67 = __sfc__$1u;
+withInstall(stdin_default$67);
+withPropsDefaultsSetter(stdin_default$67, props$1k);
+const _IconComponent = stdin_default$67;
+var stdin_default$66 = stdin_default$67;
+const props$1j = {
   hovering: Boolean,
   focusing: Boolean
 };
-const { name: name$1k, n: n$1r, classes: classes$1a } = createNamespace("hover-overlay");
-function __render__$1p(_ctx, _cache) {
+const { name: name$1l, n: n$1s, classes: classes$1a } = createNamespace("hover-overlay");
+function __render__$1q(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -1702,19 +1833,19 @@ function __render__$1p(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1s = vue.defineComponent({
-  name: name$1k,
-  props: props$1i,
+const __sfc__$1t = vue.defineComponent({
+  name: name$1l,
+  props: props$1j,
   setup: () => ({
-    n: n$1r,
+    n: n$1s,
     classes: classes$1a,
     inMobile
   })
 });
-__sfc__$1s.render = __render__$1p;
-var stdin_default$63 = __sfc__$1s;
-withInstall(stdin_default$63);
-withPropsDefaultsSetter(stdin_default$63, props$1i);
+__sfc__$1t.render = __render__$1q;
+var stdin_default$65 = __sfc__$1t;
+withInstall(stdin_default$65);
+withPropsDefaultsSetter(stdin_default$65, props$1j);
 function useHoverOverlay() {
   const hovering = vue.ref(false);
   const handleHovering = (value) => {
@@ -1725,8 +1856,8 @@ function useHoverOverlay() {
     handleHovering
   };
 }
-const _HoverOverlayComponent = stdin_default$63;
-var stdin_default$62 = stdin_default$63;
+const _HoverOverlayComponent = stdin_default$65;
+var stdin_default$64 = stdin_default$65;
 function shouldDisabled(arg) {
   if (!arg) {
     return false;
@@ -1847,9 +1978,9 @@ const Hover = {
   }
 };
 const _HoverComponent = Hover;
-var stdin_default$61 = Hover;
-const { name: name$1j, n: n$1q, classes: classes$19 } = createNamespace("action-sheet");
-function __render__$1o(_ctx, _cache) {
+var stdin_default$63 = Hover;
+const { name: name$1k, n: n$1r, classes: classes$19 } = createNamespace("action-sheet");
+function __render__$1p(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -1889,13 +2020,13 @@ function __render__$1o(_ctx, _cache) {
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
 }
-const __sfc__$1r = vue.defineComponent({
-  name: name$1j,
+const __sfc__$1s = vue.defineComponent({
+  name: name$1k,
   components: {
-    VarHoverOverlay: stdin_default$62,
-    VarIcon: stdin_default$64
+    VarHoverOverlay: stdin_default$64,
+    VarIcon: stdin_default$66
   },
-  directives: { Ripple: stdin_default$68, Hover: stdin_default$61 },
+  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
   props: {
     name: String,
     className: String,
@@ -1909,14 +2040,14 @@ const __sfc__$1r = vue.defineComponent({
     const { hovering, handleHovering } = useHoverOverlay();
     return {
       hovering,
-      n: n$1q,
+      n: n$1r,
       classes: classes$19,
       handleHovering
     };
   }
 });
-__sfc__$1r.render = __render__$1o;
-var stdin_default$60 = __sfc__$1r;
+__sfc__$1s.render = __render__$1p;
+var stdin_default$62 = __sfc__$1s;
 var __defProp$u = Object.defineProperty;
 var __getOwnPropSymbols$u = Object.getOwnPropertySymbols;
 var __hasOwnProp$u = Object.prototype.hasOwnProperty;
@@ -1933,7 +2064,7 @@ var __spreadValues$u = (a, b) => {
     }
   return a;
 };
-const props$1h = __spreadValues$u({
+const props$1i = __spreadValues$u({
   show: Boolean,
   title: String,
   actions: {
@@ -1946,7 +2077,7 @@ const props$1h = __spreadValues$u({
   },
   onSelect: defineListenerProp(),
   "onUpdate:show": defineListenerProp()
-}, pickProps(props$1k, [
+}, pickProps(props$1l, [
   "overlay",
   "overlayClass",
   "overlayStyle",
@@ -1964,7 +2095,7 @@ const props$1h = __spreadValues$u({
   "onRouteChange",
   "onKeyEscape"
 ]));
-var stdin_default$5$ = {
+var stdin_default$61 = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "确认",
@@ -2069,7 +2200,7 @@ var stdin_default$5$ = {
   // time-picker
   timePickerHint: "选择时间"
 };
-var stdin_default$5_ = {
+var stdin_default$60 = {
   // Dialog
   dialogTitle: "Hint",
   dialogConfirmButtonText: "Confirm",
@@ -2174,7 +2305,7 @@ var stdin_default$5_ = {
   // time-picker
   timePickerHint: "SELECT TIME"
 };
-var stdin_default$5Z = {
+var stdin_default$5$ = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "確認",
@@ -2276,8 +2407,8 @@ var stdin_default$5Z = {
   paginationPage: "頁",
   paginationJump: "前往"
 };
-var stdin_default$5Y = stdin_default$5Z;
-var stdin_default$5X = {
+var stdin_default$5_ = stdin_default$5$;
+var stdin_default$5Z = {
   // Dialog
   dialogTitle: "اشاره",
   dialogConfirmButtonText: "تایید",
@@ -2435,14 +2566,14 @@ function useLocale() {
   };
 }
 const { messages, currentMessage, add: add$2, use, merge, t } = useLocale();
-add$2("zh-CN", stdin_default$5$);
+add$2("zh-CN", stdin_default$61);
 use("zh-CN");
 const _LocaleComponent = {
-  zhCN: stdin_default$5$,
-  enUS: stdin_default$5_,
-  zhTW: stdin_default$5Z,
-  zhHK: stdin_default$5Y,
-  faIR: stdin_default$5X,
+  zhCN: stdin_default$61,
+  enUS: stdin_default$60,
+  zhTW: stdin_default$5$,
+  zhHK: stdin_default$5_,
+  faIR: stdin_default$5Z,
   messages,
   currentMessage,
   add: add$2,
@@ -2451,12 +2582,12 @@ const _LocaleComponent = {
   t,
   useLocale
 };
-var stdin_default$5W = {
-  zhCN: stdin_default$5$,
-  enUS: stdin_default$5_,
-  zhTW: stdin_default$5Z,
-  zhHK: stdin_default$5Y,
-  faIR: stdin_default$5X,
+var stdin_default$5Y = {
+  zhCN: stdin_default$61,
+  enUS: stdin_default$60,
+  zhTW: stdin_default$5$,
+  zhHK: stdin_default$5_,
+  faIR: stdin_default$5Z,
   messages,
   currentMessage,
   add: add$2,
@@ -2475,8 +2606,8 @@ function injectLocaleProvider() {
   }
   return vue.inject(LOCALE_PROVIDER_KEY);
 }
-const { name: name$1i, n: n$1p, classes: classes$18 } = createNamespace("action-sheet");
-function __render__$1n(_ctx, _cache) {
+const { name: name$1j, n: n$1q, classes: classes$18 } = createNamespace("action-sheet");
+function __render__$1o(_ctx, _cache) {
   const _component_var_action_item = vue.resolveComponent("var-action-item");
   const _component_var_popup = vue.resolveComponent("var-popup");
   return vue.openBlock(), vue.createBlock(_component_var_popup, {
@@ -2549,15 +2680,15 @@ function __render__$1n(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["class", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "close-on-key-escape", "teleport", "safe-area", "show", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange", "onKeyEscape"]);
 }
-const __sfc__$1q = vue.defineComponent({
-  name: name$1i,
-  directives: { Ripple: stdin_default$68 },
+const __sfc__$1r = vue.defineComponent({
+  name: name$1j,
+  directives: { Ripple: stdin_default$6a },
   components: {
-    VarPopup: stdin_default$66,
-    VarActionItem: stdin_default$60
+    VarPopup: stdin_default$68,
+    VarActionItem: stdin_default$62
   },
   inheritAttrs: false,
-  props: props$1h,
+  props: props$1i,
   setup(props2) {
     const show = useVModel(props2, "show");
     const { t: pt } = injectLocaleProvider();
@@ -2575,14 +2706,14 @@ const __sfc__$1q = vue.defineComponent({
       show,
       pt,
       t,
-      n: n$1p,
+      n: n$1q,
       classes: classes$18,
       handleSelect
     };
   }
 });
-__sfc__$1q.render = __render__$1n;
-var stdin_default$5V = __sfc__$1q;
+__sfc__$1r.render = __render__$1o;
+var stdin_default$5X = __sfc__$1r;
 var __defProp$s = Object.defineProperty;
 var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
 var __hasOwnProp$s = Object.prototype.hasOwnProperty;
@@ -2613,7 +2744,7 @@ function ActionSheet(options) {
     const reactiveActionSheetOptions = vue.reactive(normalizeOptions$3(options));
     reactiveActionSheetOptions.teleport = "body";
     singletonOptions$3 = reactiveActionSheetOptions;
-    const { unmountInstance } = mountInstance(stdin_default$5V, reactiveActionSheetOptions, {
+    const { unmountInstance } = mountInstance(stdin_default$5X, reactiveActionSheetOptions, {
       onSelect: (action) => {
         call(reactiveActionSheetOptions.onSelect, action);
         resolve(action);
@@ -2653,13 +2784,13 @@ ActionSheet.close = function() {
     });
   }
 };
-ActionSheet.Component = stdin_default$5V;
-withInstall(stdin_default$5V);
-withInstall(stdin_default$5V, ActionSheet);
-withPropsDefaultsSetter(ActionSheet, props$1h);
-const _ActionSheetComponent = stdin_default$5V;
-var stdin_default$5U = ActionSheet;
-const props$1g = {
+ActionSheet.Component = stdin_default$5X;
+withInstall(stdin_default$5X);
+withInstall(stdin_default$5X, ActionSheet);
+withPropsDefaultsSetter(ActionSheet, props$1i);
+const _ActionSheetComponent = stdin_default$5X;
+var stdin_default$5W = ActionSheet;
+const props$1h = {
   type: {
     type: String,
     default: "info"
@@ -2678,14 +2809,14 @@ const props$1g = {
   },
   onClose: defineListenerProp()
 };
-const { name: name$1h, n: n$1o, classes: classes$17 } = createNamespace("alert");
+const { name: name$1i, n: n$1p, classes: classes$17 } = createNamespace("alert");
 const iconTypeMap = {
   success: "checkbox-marked-circle",
   warning: "warning",
   info: "information",
   danger: "error"
 };
-function __render__$1m(_ctx, _cache) {
+function __render__$1n(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -2782,19 +2913,19 @@ function __render__$1m(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$1p = vue.defineComponent({
-  name: name$1h,
+const __sfc__$1q = vue.defineComponent({
+  name: name$1i,
   components: {
-    VarIcon: stdin_default$64
+    VarIcon: stdin_default$66
   },
-  props: props$1g,
+  props: props$1h,
   setup(props2) {
     const isInternalType = vue.computed(() => ["info", "success", "danger", "warning"].includes(props2.type));
     function handleClose(e) {
       call(props2.onClose, e);
     }
     return {
-      n: n$1o,
+      n: n$1p,
       classes: classes$17,
       iconTypeMap,
       isInternalType,
@@ -2803,13 +2934,13 @@ const __sfc__$1p = vue.defineComponent({
     };
   }
 });
-__sfc__$1p.render = __render__$1m;
-var stdin_default$5T = __sfc__$1p;
-withInstall(stdin_default$5T);
-withPropsDefaultsSetter(stdin_default$5T, props$1g);
-const _AlertComponent = stdin_default$5T;
-var stdin_default$5S = stdin_default$5T;
-const props$1f = {
+__sfc__$1q.render = __render__$1n;
+var stdin_default$5V = __sfc__$1q;
+withInstall(stdin_default$5V);
+withPropsDefaultsSetter(stdin_default$5V, props$1h);
+const _AlertComponent = stdin_default$5V;
+var stdin_default$5U = stdin_default$5V;
+const props$1g = {
   color: String,
   textColor: String,
   title: String,
@@ -2833,8 +2964,8 @@ const props$1f = {
   fixed: Boolean,
   placeholder: Boolean
 };
-const { name: name$1g, n: n$1n, classes: classes$16 } = createNamespace("app-bar");
-function __render__$1l(_ctx, _cache) {
+const { name: name$1h, n: n$1o, classes: classes$16 } = createNamespace("app-bar");
+function __render__$1m(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     vue.Fragment,
     null,
@@ -2964,9 +3095,9 @@ function __render__$1l(_ctx, _cache) {
     /* STABLE_FRAGMENT */
   );
 }
-const __sfc__$1o = vue.defineComponent({
-  name: name$1g,
-  props: props$1f,
+const __sfc__$1p = vue.defineComponent({
+  name: name$1h,
+  props: props$1g,
   setup(props2, { slots }) {
     const appBar = vue.ref(null);
     const paddingLeft = vue.ref();
@@ -3010,7 +3141,7 @@ const __sfc__$1o = vue.defineComponent({
       rootStyles,
       paddingLeft,
       paddingRight,
-      n: n$1n,
+      n: n$1o,
       classes: classes$16,
       formatElevation,
       appBar,
@@ -3018,13 +3149,13 @@ const __sfc__$1o = vue.defineComponent({
     };
   }
 });
-__sfc__$1o.render = __render__$1l;
-var stdin_default$5R = __sfc__$1o;
-withInstall(stdin_default$5R);
-withPropsDefaultsSetter(stdin_default$5R, props$1f);
-const _AppBarComponent = stdin_default$5R;
-var stdin_default$5Q = stdin_default$5R;
-const props$1e = {
+__sfc__$1p.render = __render__$1m;
+var stdin_default$5T = __sfc__$1p;
+withInstall(stdin_default$5T);
+withPropsDefaultsSetter(stdin_default$5T, props$1g);
+const _AppBarComponent = stdin_default$5T;
+var stdin_default$5S = stdin_default$5T;
+const props$1f = {
   errorMessage: {
     type: String,
     default: ""
@@ -3034,10 +3165,10 @@ const props$1e = {
     default: ""
   }
 };
-const { name: name$1f, n: n$1m } = createNamespace("form-details");
+const { name: name$1g, n: n$1n } = createNamespace("form-details");
 const _hoisted_1$z = { key: 0 };
 const _hoisted_2$9 = { key: 0 };
-function __render__$1k(_ctx, _cache) {
+function __render__$1l(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.Transition, {
     name: _ctx.n()
   }, {
@@ -3110,18 +3241,18 @@ function __render__$1k(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["name"]);
 }
-const __sfc__$1n = vue.defineComponent({
-  name: name$1f,
-  props: props$1e,
-  setup: () => ({ n: n$1m })
+const __sfc__$1o = vue.defineComponent({
+  name: name$1g,
+  props: props$1f,
+  setup: () => ({ n: n$1n })
 });
-__sfc__$1n.render = __render__$1k;
-var stdin_default$5P = __sfc__$1n;
-withInstall(stdin_default$5P);
-withPropsDefaultsSetter(stdin_default$5P, props$1e);
-const _FormDetailsComponent = stdin_default$5P;
-var stdin_default$5O = stdin_default$5P;
-const props$1d = {
+__sfc__$1o.render = __render__$1l;
+var stdin_default$5R = __sfc__$1o;
+withInstall(stdin_default$5R);
+withPropsDefaultsSetter(stdin_default$5R, props$1f);
+const _FormDetailsComponent = stdin_default$5R;
+var stdin_default$5Q = stdin_default$5R;
+const props$1e = {
   value: {
     type: null,
     required: true
@@ -3216,9 +3347,9 @@ var __async$i = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$1e, n: n$1l, classes: classes$15 } = createNamespace("field-decorator");
+const { name: name$1f, n: n$1m, classes: classes$15 } = createNamespace("field-decorator");
 const _hoisted_1$y = ["for"];
-function __render__$1j(_ctx, _cache) {
+function __render__$1k(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -3412,10 +3543,10 @@ function __render__$1j(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1m = vue.defineComponent({
-  name: name$1e,
-  components: { VarIcon: stdin_default$64 },
-  props: props$1d,
+const __sfc__$1n = vue.defineComponent({
+  name: name$1f,
+  components: { VarIcon: stdin_default$66 },
+  props: props$1e,
   setup(props2) {
     const placeholderTextEl = vue.ref(null);
     const middleEl = vue.ref(null);
@@ -3458,10 +3589,10 @@ const __sfc__$1m = vue.defineComponent({
     function computePlaceholderState() {
       const { hint, value, composing } = props2;
       if (!hint && (!isEmpty(value) || composing)) {
-        return n$1l("--placeholder-hidden");
+        return n$1m("--placeholder-hidden");
       }
       if (isFloating.value) {
-        return n$1l("--placeholder-hint");
+        return n$1m("--placeholder-hint");
       }
     }
     function handleClear(e) {
@@ -3492,7 +3623,7 @@ const __sfc__$1m = vue.defineComponent({
       transitionDisabled,
       resize,
       computePlaceholderState,
-      n: n$1l,
+      n: n$1m,
       classes: classes$15,
       isEmpty,
       handleClear,
@@ -3500,12 +3631,12 @@ const __sfc__$1m = vue.defineComponent({
     };
   }
 });
-__sfc__$1m.render = __render__$1j;
-var stdin_default$5N = __sfc__$1m;
-withInstall(stdin_default$5N);
-withPropsDefaultsSetter(stdin_default$5N, props$1d);
-const _FieldDecoratorComponent = stdin_default$5N;
-var stdin_default$5M = stdin_default$5N;
+__sfc__$1n.render = __render__$1k;
+var stdin_default$5P = __sfc__$1n;
+withInstall(stdin_default$5P);
+withPropsDefaultsSetter(stdin_default$5P, props$1e);
+const _FieldDecoratorComponent = stdin_default$5P;
+var stdin_default$5O = stdin_default$5P;
 var __defProp$r = Object.defineProperty;
 var __defProps$a = Object.defineProperties;
 var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
@@ -3525,7 +3656,7 @@ var __spreadValues$r = (a, b) => {
   return a;
 };
 var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-const props$1c = __spreadProps$a(__spreadValues$r({
+const props$1d = __spreadProps$a(__spreadValues$r({
   modelValue: String,
   modelModifiers: {
     type: Object,
@@ -3556,7 +3687,7 @@ const props$1c = __spreadProps$a(__spreadValues$r({
   onChange: defineListenerProp(),
   onClear: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
-}, pickProps(props$1d, [
+}, pickProps(props$1e, [
   "size",
   "variant",
   "placeholder",
@@ -3625,11 +3756,11 @@ function useFormItems() {
     bindFormItems: bindChildren
   };
 }
-const { name: name$1d, n: n$1k, classes: classes$14 } = createNamespace("input");
+const { name: name$1e, n: n$1l, classes: classes$14 } = createNamespace("input");
 const _hoisted_1$x = ["placeholder", "enterkeyhint"];
 const _hoisted_2$8 = ["autocomplete", "id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
 const _hoisted_3$4 = ["autocomplete", "id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
-function __render__$1i(_ctx, _cache) {
+function __render__$1j(_ctx, _cache) {
   const _component_var_field_decorator = vue.resolveComponent("var-field-decorator");
   const _component_var_form_details = vue.resolveComponent("var-form-details");
   return vue.openBlock(), vue.createElementBlock(
@@ -3785,13 +3916,13 @@ function __render__$1i(_ctx, _cache) {
     /* CLASS, NEED_HYDRATION */
   );
 }
-const __sfc__$1l = vue.defineComponent({
-  name: name$1d,
+const __sfc__$1m = vue.defineComponent({
+  name: name$1e,
   components: {
-    VarFormDetails: stdin_default$5O,
-    VarFieldDecorator: stdin_default$5M
+    VarFormDetails: stdin_default$5Q,
+    VarFieldDecorator: stdin_default$5O
   },
-  props: props$1c,
+  props: props$1d,
   setup(props2) {
     const id = useClientId();
     const el = vue.ref(null);
@@ -3969,7 +4100,7 @@ const __sfc__$1l = vue.defineComponent({
       maxlengthText,
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
-      n: n$1k,
+      n: n$1l,
       classes: classes$14,
       isEmpty,
       handleFocus,
@@ -3989,13 +4120,13 @@ const __sfc__$1l = vue.defineComponent({
     };
   }
 });
-__sfc__$1l.render = __render__$1i;
-var stdin_default$5L = __sfc__$1l;
-withInstall(stdin_default$5L);
-withPropsDefaultsSetter(stdin_default$5L, props$1c);
-const _InputComponent = stdin_default$5L;
-var stdin_default$5K = stdin_default$5L;
-const props$1b = {
+__sfc__$1m.render = __render__$1j;
+var stdin_default$5N = __sfc__$1m;
+withInstall(stdin_default$5N);
+withPropsDefaultsSetter(stdin_default$5N, props$1d);
+const _InputComponent = stdin_default$5N;
+var stdin_default$5M = stdin_default$5N;
+const props$1c = {
   show: Boolean,
   disabled: Boolean,
   trigger: {
@@ -5659,8 +5790,8 @@ function usePopover(options) {
     close
   };
 }
-const { name: name$1c, n: n$1j, classes: classes$13 } = createNamespace("menu");
-function __render__$1h(_ctx, _cache) {
+const { name: name$1d, n: n$1k, classes: classes$13 } = createNamespace("menu");
+function __render__$1i(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -5723,9 +5854,9 @@ function __render__$1h(_ctx, _cache) {
     /* CLASS, NEED_HYDRATION */
   );
 }
-const __sfc__$1k = vue.defineComponent({
-  name: name$1c,
-  props: props$1b,
+const __sfc__$1l = vue.defineComponent({
+  name: name$1d,
+  props: props$1c,
   setup(props2) {
     const { disabled: teleportDisabled } = useTeleport();
     const {
@@ -5757,7 +5888,7 @@ const __sfc__$1k = vue.defineComponent({
       teleportDisabled,
       formatElevation,
       toSizeUnit,
-      n: n$1j,
+      n: n$1k,
       classes: classes$13,
       handleHostClick,
       handleHostMouseenter,
@@ -5772,13 +5903,13 @@ const __sfc__$1k = vue.defineComponent({
     };
   }
 });
-__sfc__$1k.render = __render__$1h;
-var stdin_default$5J = __sfc__$1k;
-withInstall(stdin_default$5J);
-withPropsDefaultsSetter(stdin_default$5J, props$1b);
-const _MenuComponent = stdin_default$5J;
-var stdin_default$5I = stdin_default$5J;
-const props$1a = {
+__sfc__$1l.render = __render__$1i;
+var stdin_default$5L = __sfc__$1l;
+withInstall(stdin_default$5L);
+withPropsDefaultsSetter(stdin_default$5L, props$1c);
+const _MenuComponent = stdin_default$5L;
+var stdin_default$5K = stdin_default$5L;
+const props$1b = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
     default: false
@@ -5832,9 +5963,9 @@ function useCheckboxGroup() {
     bindCheckboxGroup: bindParent
   };
 }
-const { name: name$1b, n: n$1i, classes: classes$12 } = createNamespace("checkbox");
+const { name: name$1c, n: n$1j, classes: classes$12 } = createNamespace("checkbox");
 const _hoisted_1$w = ["tabindex"];
-function __render__$1g(_ctx, _cache) {
+function __render__$1h(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
   const _component_var_form_details = vue.resolveComponent("var-form-details");
@@ -5929,15 +6060,15 @@ function __render__$1g(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1j = vue.defineComponent({
-  name: name$1b,
-  directives: { Ripple: stdin_default$68, Hover: stdin_default$61 },
+const __sfc__$1k = vue.defineComponent({
+  name: name$1c,
+  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
   components: {
-    VarIcon: stdin_default$64,
-    VarFormDetails: stdin_default$5O,
-    VarHoverOverlay: stdin_default$62
+    VarIcon: stdin_default$66,
+    VarFormDetails: stdin_default$5Q,
+    VarHoverOverlay: stdin_default$64
   },
-  props: props$1a,
+  props: props$1b,
   setup(props2) {
     const action = vue.ref(null);
     const isFocusing = vue.ref(false);
@@ -6056,7 +6187,7 @@ const __sfc__$1j = vue.defineComponent({
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
       hovering,
-      n: n$1i,
+      n: n$1j,
       classes: classes$12,
       handleHovering,
       handleClick,
@@ -6068,12 +6199,12 @@ const __sfc__$1j = vue.defineComponent({
     };
   }
 });
-__sfc__$1j.render = __render__$1g;
-var stdin_default$5H = __sfc__$1j;
-withInstall(stdin_default$5H);
-withPropsDefaultsSetter(stdin_default$5H, props$1a);
-const _CheckboxComponent = stdin_default$5H;
-var stdin_default$5G = stdin_default$5H;
+__sfc__$1k.render = __render__$1h;
+var stdin_default$5J = __sfc__$1k;
+withInstall(stdin_default$5J);
+withPropsDefaultsSetter(stdin_default$5J, props$1b);
+const _CheckboxComponent = stdin_default$5J;
+var stdin_default$5I = stdin_default$5J;
 const MENU_SELECT_BIND_MENU_OPTION_KEY = Symbol("MENU_SELECT_BIND_MENU_OPTION_KEY");
 function useMenuOptions() {
   const { length, childProviders, bindChildren } = useChildren(
@@ -6098,7 +6229,7 @@ function useMenuSelect() {
     bindMenuSelect: bindParent
   };
 }
-const props$19 = {
+const props$1a = {
   label: {},
   value: {},
   disabled: Boolean,
@@ -6109,9 +6240,9 @@ const props$19 = {
   // internal
   option: Object
 };
-const { name: name$1a, n: n$1h, classes: classes$11 } = createNamespace("menu-option");
+const { name: name$1b, n: n$1i, classes: classes$11 } = createNamespace("menu-option");
 const _hoisted_1$v = ["tabindex"];
-function __render__$1f(_ctx, _cache) {
+function __render__$1g(_ctx, _cache) {
   const _component_var_checkbox = vue.resolveComponent("var-checkbox");
   const _component_maybe_v_node = vue.resolveComponent("maybe-v-node");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
@@ -6171,15 +6302,15 @@ function __render__$1f(_ctx, _cache) {
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
 }
-const __sfc__$1i = vue.defineComponent({
-  name: name$1a,
-  directives: { Ripple: stdin_default$68, Hover: stdin_default$61 },
+const __sfc__$1j = vue.defineComponent({
+  name: name$1b,
+  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
   components: {
-    VarCheckbox: stdin_default$5G,
-    VarHoverOverlay: stdin_default$62,
+    VarCheckbox: stdin_default$5I,
+    VarHoverOverlay: stdin_default$64,
     MaybeVNode
   },
-  props: props$19,
+  props: props$1a,
   setup(props2) {
     const root = vue.ref();
     const isFocusing = vue.ref(false);
@@ -6256,7 +6387,7 @@ const __sfc__$1i = vue.defineComponent({
       hovering,
       isFocusing,
       labelVNode,
-      n: n$1h,
+      n: n$1i,
       classes: classes$11,
       handleHovering,
       handleClick,
@@ -6264,12 +6395,12 @@ const __sfc__$1i = vue.defineComponent({
     };
   }
 });
-__sfc__$1i.render = __render__$1f;
-var stdin_default$5F = __sfc__$1i;
-withInstall(stdin_default$5F);
-withPropsDefaultsSetter(stdin_default$5F, props$19);
-const _MenuOptionComponent = stdin_default$5F;
-var stdin_default$5E = stdin_default$5F;
+__sfc__$1j.render = __render__$1g;
+var stdin_default$5H = __sfc__$1j;
+withInstall(stdin_default$5H);
+withPropsDefaultsSetter(stdin_default$5H, props$1a);
+const _MenuOptionComponent = stdin_default$5H;
+var stdin_default$5G = stdin_default$5H;
 var __defProp$o = Object.defineProperty;
 var __defProps$7 = Object.defineProperties;
 var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
@@ -6289,7 +6420,7 @@ var __spreadValues$o = (a, b) => {
   return a;
 };
 var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-const props$18 = __spreadProps$7(__spreadValues$o({
+const props$19 = __spreadProps$7(__spreadValues$o({
   modelValue: {
     type: [String, Number, Boolean, Array],
     default: void 0
@@ -6317,7 +6448,7 @@ const props$18 = __spreadProps$7(__spreadValues$o({
     default: true
   },
   "onUpdate:modelValue": defineListenerProp()
-}, pickProps(props$1b, [
+}, pickProps(props$1c, [
   "show",
   "disabled",
   "trigger",
@@ -6402,8 +6533,8 @@ function useSelectController(options) {
     getSelectedValue
   };
 }
-const { name: name$19, n: n$1g, classes: classes$10 } = createNamespace("menu-select");
-function __render__$1e(_ctx, _cache) {
+const { name: name$1a, n: n$1h, classes: classes$10 } = createNamespace("menu-select");
+function __render__$1f(_ctx, _cache) {
   const _component_var_menu_option = vue.resolveComponent("var-menu-option");
   const _component_var_menu = vue.resolveComponent("var-menu");
   return vue.openBlock(), vue.createBlock(_component_var_menu, {
@@ -6469,10 +6600,10 @@ function __render__$1e(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["class", "disabled", "trigger", "reference", "placement", "strategy", "offset-x", "offset-y", "teleport", "same-width", "elevation", "popover-class", "close-on-click-reference", "show", "onOpen", "onOpened", "onClose", "onClosed", "onClickOutside"]);
 }
-const __sfc__$1h = vue.defineComponent({
-  name: name$19,
-  components: { VarMenu: stdin_default$5I, VarMenuOption: stdin_default$5E },
-  props: props$18,
+const __sfc__$1i = vue.defineComponent({
+  name: name$1a,
+  components: { VarMenu: stdin_default$5K, VarMenuOption: stdin_default$5G },
+  props: props$19,
   setup(props2) {
     const menu = vue.ref(null);
     const menuOptionsRef = vue.ref(null);
@@ -6534,7 +6665,7 @@ const __sfc__$1h = vue.defineComponent({
       show,
       menu,
       menuOptionsRef,
-      n: n$1g,
+      n: n$1h,
       classes: classes$10,
       formatElevation,
       open,
@@ -6543,12 +6674,12 @@ const __sfc__$1h = vue.defineComponent({
     };
   }
 });
-__sfc__$1h.render = __render__$1e;
-var stdin_default$5D = __sfc__$1h;
-withInstall(stdin_default$5D);
-withPropsDefaultsSetter(stdin_default$5D, props$18);
-const _MenuSelectComponent = stdin_default$5D;
-var stdin_default$5C = stdin_default$5D;
+__sfc__$1i.render = __render__$1f;
+var stdin_default$5F = __sfc__$1i;
+withInstall(stdin_default$5F);
+withPropsDefaultsSetter(stdin_default$5F, props$19);
+const _MenuSelectComponent = stdin_default$5F;
+var stdin_default$5E = stdin_default$5F;
 var __defProp$n = Object.defineProperty;
 var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
 var __hasOwnProp$n = Object.prototype.hasOwnProperty;
@@ -6565,7 +6696,7 @@ var __spreadValues$n = (a, b) => {
     }
   return a;
 };
-const props$17 = __spreadValues$n({
+const props$18 = __spreadValues$n({
   modelValue: String,
   options: {
     type: Array,
@@ -6595,7 +6726,7 @@ const props$17 = __spreadValues$n({
   onClear: defineListenerProp(),
   onClick: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
-}, pickProps(props$1c, [
+}, pickProps(props$1d, [
   "size",
   "variant",
   "placeholder",
@@ -6627,9 +6758,9 @@ var __async$g = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$18, n: n$1f } = createNamespace("auto-complete");
+const { name: name$19, n: n$1g } = createNamespace("auto-complete");
 const _hoisted_1$u = ["tabindex"];
-function __render__$1d(_ctx, _cache) {
+function __render__$1e(_ctx, _cache) {
   const _component_var_input = vue.resolveComponent("var-input");
   const _component_var_menu_option = vue.resolveComponent("var-menu-option");
   const _component_var_menu_select = vue.resolveComponent("var-menu-select");
@@ -6751,15 +6882,15 @@ function __render__$1d(_ctx, _cache) {
     }, null, 8, ["error-message", "extra-message"])
   ], 42, _hoisted_1$u);
 }
-const __sfc__$1g = vue.defineComponent({
-  name: name$18,
+const __sfc__$1h = vue.defineComponent({
+  name: name$19,
   components: {
-    VarInput: stdin_default$5K,
-    VarMenuSelect: stdin_default$5C,
-    VarMenuOption: stdin_default$5E,
-    VarFormDetails: stdin_default$5O
+    VarInput: stdin_default$5M,
+    VarMenuSelect: stdin_default$5E,
+    VarMenuOption: stdin_default$5G,
+    VarFormDetails: stdin_default$5Q
   },
-  props: props$17,
+  props: props$18,
   setup(props2) {
     const root = vue.ref();
     const input = vue.ref();
@@ -6935,7 +7066,7 @@ const __sfc__$1g = vue.defineComponent({
       formReadonly: form == null ? void 0 : form.readonly,
       errorMessage,
       maxlengthText,
-      n: n$1f,
+      n: n$1g,
       handleInput,
       handleClear,
       handleClick,
@@ -6951,12 +7082,12 @@ const __sfc__$1g = vue.defineComponent({
     };
   }
 });
-__sfc__$1g.render = __render__$1d;
-var stdin_default$5B = __sfc__$1g;
-withInstall(stdin_default$5B);
-withPropsDefaultsSetter(stdin_default$5B, props$17);
-const _AutoCompleteComponent = stdin_default$5B;
-var stdin_default$5A = stdin_default$5B;
+__sfc__$1h.render = __render__$1e;
+var stdin_default$5D = __sfc__$1h;
+withInstall(stdin_default$5D);
+withPropsDefaultsSetter(stdin_default$5D, props$18);
+const _AutoCompleteComponent = stdin_default$5D;
+var stdin_default$5C = stdin_default$5D;
 const isHTMLSupportImage = (val) => {
   if (!isString(val)) {
     return false;
@@ -7207,8 +7338,8 @@ const Lazy = {
   }
 };
 const _LazyComponent = Lazy;
-var stdin_default$5z = Lazy;
-const props$16 = {
+var stdin_default$5B = Lazy;
+const props$17 = {
   round: {
     type: Boolean,
     default: true
@@ -7235,10 +7366,10 @@ const props$16 = {
   onError: defineListenerProp()
 };
 const isInternalSize$1 = (size) => ["mini", "small", "normal", "large"].includes(size);
-const { name: name$17, n: n$1e, classes: classes$$ } = createNamespace("avatar");
+const { name: name$18, n: n$1f, classes: classes$$ } = createNamespace("avatar");
 const _hoisted_1$t = ["src", "alt", "lazy-loading", "lazy-error"];
 const _hoisted_2$7 = ["src", "alt"];
-function __render__$1c(_ctx, _cache) {
+function __render__$1d(_ctx, _cache) {
   const _directive_lazy = vue.resolveDirective("lazy");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -7311,10 +7442,10 @@ function __render__$1c(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$1f = vue.defineComponent({
-  name: name$17,
-  directives: { Lazy: stdin_default$5z },
-  props: props$16,
+const __sfc__$1g = vue.defineComponent({
+  name: name$18,
+  directives: { Lazy: stdin_default$5B },
+  props: props$17,
   setup(props2) {
     const avatarElement = vue.ref(null);
     const textElement = vue.ref(null);
@@ -7354,7 +7485,7 @@ const __sfc__$1f = vue.defineComponent({
       avatarElement,
       textElement,
       scale,
-      n: n$1e,
+      n: n$1f,
       classes: classes$$,
       isInternalSize: isInternalSize$1,
       toSizeUnit,
@@ -7364,18 +7495,18 @@ const __sfc__$1f = vue.defineComponent({
     };
   }
 });
-__sfc__$1f.render = __render__$1c;
-var stdin_default$5y = __sfc__$1f;
-withInstall(stdin_default$5y);
-withPropsDefaultsSetter(stdin_default$5y, props$16);
-const _AvatarComponent = stdin_default$5y;
-var stdin_default$5x = stdin_default$5y;
-const props$15 = {
+__sfc__$1g.render = __render__$1d;
+var stdin_default$5A = __sfc__$1g;
+withInstall(stdin_default$5A);
+withPropsDefaultsSetter(stdin_default$5A, props$17);
+const _AvatarComponent = stdin_default$5A;
+var stdin_default$5z = stdin_default$5A;
+const props$16 = {
   offset: [Number, String],
   vertical: Boolean
 };
-const { name: name$16, n: n$1d, classes: classes$_ } = createNamespace("avatar-group");
-function __render__$1b(_ctx, _cache) {
+const { name: name$17, n: n$1e, classes: classes$_ } = createNamespace("avatar-group");
+function __render__$1c(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -7389,9 +7520,9 @@ function __render__$1b(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$1e = vue.defineComponent({
-  name: name$16,
-  props: props$15,
+const __sfc__$1f = vue.defineComponent({
+  name: name$17,
+  props: props$16,
   setup(props2) {
     const rootStyles = vue.computed(() => {
       if (props2.offset == null) {
@@ -7403,18 +7534,18 @@ const __sfc__$1e = vue.defineComponent({
     });
     return {
       rootStyles,
-      n: n$1d,
+      n: n$1e,
       classes: classes$_
     };
   }
 });
-__sfc__$1e.render = __render__$1b;
-var stdin_default$5w = __sfc__$1e;
-withInstall(stdin_default$5w);
-withPropsDefaultsSetter(stdin_default$5w, props$15);
-const _AvatarGroupComponent = stdin_default$5w;
-var stdin_default$5v = stdin_default$5w;
-const props$14 = {
+__sfc__$1f.render = __render__$1c;
+var stdin_default$5y = __sfc__$1f;
+withInstall(stdin_default$5y);
+withPropsDefaultsSetter(stdin_default$5y, props$16);
+const _AvatarGroupComponent = stdin_default$5y;
+var stdin_default$5x = stdin_default$5y;
+const props$15 = {
   type: {
     type: String,
     default: "circle"
@@ -7428,8 +7559,8 @@ const props$14 = {
   description: String,
   loading: Boolean
 };
-const { name: name$15, n: n$1c, classes: classes$Z } = createNamespace("loading");
-function __render__$1a(_ctx, _cache) {
+const { name: name$16, n: n$1d, classes: classes$Z } = createNamespace("loading");
+function __render__$1b(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -7579,9 +7710,9 @@ function __render__$1a(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1d = vue.defineComponent({
-  name: name$15,
-  props: props$14,
+const __sfc__$1e = vue.defineComponent({
+  name: name$16,
+  props: props$15,
   setup(props2, { slots }) {
     const isShow = vue.computed(() => {
       if (!call(slots.default)) {
@@ -7598,18 +7729,18 @@ const __sfc__$1d = vue.defineComponent({
     return {
       loadingTypeDict,
       isShow,
-      n: n$1c,
+      n: n$1d,
       classes: classes$Z,
       multiplySizeUnit
     };
   }
 });
-__sfc__$1d.render = __render__$1a;
-var stdin_default$5u = __sfc__$1d;
-withInstall(stdin_default$5u);
-withPropsDefaultsSetter(stdin_default$5u, props$14);
-const _LoadingComponent = stdin_default$5u;
-var stdin_default$5t = stdin_default$5u;
+__sfc__$1e.render = __render__$1b;
+var stdin_default$5w = __sfc__$1e;
+withInstall(stdin_default$5w);
+withPropsDefaultsSetter(stdin_default$5w, props$15);
+const _LoadingComponent = stdin_default$5w;
+var stdin_default$5v = stdin_default$5w;
 var __defProp$l = Object.defineProperty;
 var __defProps$6 = Object.defineProperties;
 var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
@@ -7629,7 +7760,7 @@ var __spreadValues$l = (a, b) => {
   return a;
 };
 var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-const props$13 = {
+const props$14 = {
   type: String,
   nativeType: {
     type: String,
@@ -7659,11 +7790,11 @@ const props$13 = {
     default: true
   },
   loadingRadius: [Number, String],
-  loadingType: pickProps(props$14, "type"),
-  loadingSize: __spreadProps$6(__spreadValues$l({}, pickProps(props$14, "size")), {
+  loadingType: pickProps(props$15, "type"),
+  loadingSize: __spreadProps$6(__spreadValues$l({}, pickProps(props$15, "size")), {
     default: void 0
   }),
-  loadingColor: __spreadProps$6(__spreadValues$l({}, pickProps(props$14, "color")), {
+  loadingColor: __spreadProps$6(__spreadValues$l({}, pickProps(props$15, "color")), {
     default: "currentColor"
   }),
   onClick: defineListenerProp(),
@@ -7686,9 +7817,9 @@ function useButtonGroup() {
     bindButtonGroup: bindParent
   };
 }
-const { name: name$14, n: n$1b, classes: classes$Y } = createNamespace("button");
+const { name: name$15, n: n$1c, classes: classes$Y } = createNamespace("button");
 const _hoisted_1$s = ["tabindex", "type", "disabled"];
-function __render__$19(_ctx, _cache) {
+function __render__$1a(_ctx, _cache) {
   const _component_var_loading = vue.resolveComponent("var-loading");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -7752,14 +7883,14 @@ function __render__$19(_ctx, _cache) {
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
 }
-const __sfc__$1c = vue.defineComponent({
-  name: name$14,
+const __sfc__$1d = vue.defineComponent({
+  name: name$15,
   components: {
-    VarLoading: stdin_default$5t,
-    VarHoverOverlay: stdin_default$62
+    VarLoading: stdin_default$5v,
+    VarHoverOverlay: stdin_default$64
   },
-  directives: { Ripple: stdin_default$68, Hover: stdin_default$61 },
-  props: props$13,
+  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
+  props: props$14,
   setup(props2) {
     const isFocusing = vue.ref(false);
     const pending = vue.ref(false);
@@ -7826,7 +7957,7 @@ const __sfc__$1c = vue.defineComponent({
       states,
       hovering,
       isFocusing,
-      n: n$1b,
+      n: n$1c,
       classes: classes$Y,
       handleHovering,
       handleClick,
@@ -7835,13 +7966,13 @@ const __sfc__$1c = vue.defineComponent({
     };
   }
 });
-__sfc__$1c.render = __render__$19;
-var stdin_default$5s = __sfc__$1c;
-withInstall(stdin_default$5s);
-withPropsDefaultsSetter(stdin_default$5s, props$13);
-const _ButtonComponent = stdin_default$5s;
-var stdin_default$5r = stdin_default$5s;
-const props$12 = {
+__sfc__$1d.render = __render__$1a;
+var stdin_default$5u = __sfc__$1d;
+withInstall(stdin_default$5u);
+withPropsDefaultsSetter(stdin_default$5u, props$14);
+const _ButtonComponent = stdin_default$5u;
+var stdin_default$5t = stdin_default$5u;
+const props$13 = {
   visibilityHeight: {
     type: [Number, String],
     default: 200
@@ -7859,8 +7990,8 @@ const props$12 = {
   target: [String, Object],
   onClick: defineListenerProp()
 };
-const { name: name$13, n: n$1a, classes: classes$X } = createNamespace("back-top");
-function __render__$18(_ctx, _cache) {
+const { name: name$14, n: n$1b, classes: classes$X } = createNamespace("back-top");
+function __render__$19(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
   return vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -7899,14 +8030,14 @@ function __render__$18(_ctx, _cache) {
     )
   ], 8, ["disabled"]);
 }
-const __sfc__$1b = vue.defineComponent({
-  name: name$13,
+const __sfc__$1c = vue.defineComponent({
+  name: name$14,
   components: {
-    VarButton: stdin_default$5r,
-    VarIcon: stdin_default$64
+    VarButton: stdin_default$5t,
+    VarIcon: stdin_default$66
   },
   inheritAttrs: false,
-  props: props$12,
+  props: props$13,
   setup(props2) {
     const show = vue.ref(false);
     const backTopEl = vue.ref(null);
@@ -7952,19 +8083,19 @@ const __sfc__$1b = vue.defineComponent({
       show,
       backTopEl,
       toSizeUnit,
-      n: n$1a,
+      n: n$1b,
       classes: classes$X,
       handleClick
     };
   }
 });
-__sfc__$1b.render = __render__$18;
-var stdin_default$5q = __sfc__$1b;
-withInstall(stdin_default$5q);
-withPropsDefaultsSetter(stdin_default$5q, props$12);
-const _BackTopComponent = stdin_default$5q;
-var stdin_default$5p = stdin_default$5q;
-const props$11 = {
+__sfc__$1c.render = __render__$19;
+var stdin_default$5s = __sfc__$1c;
+withInstall(stdin_default$5s);
+withPropsDefaultsSetter(stdin_default$5s, props$13);
+const _BackTopComponent = stdin_default$5s;
+var stdin_default$5r = stdin_default$5s;
+const props$12 = {
   type: {
     type: String,
     default: "default"
@@ -7980,8 +8111,8 @@ const props$11 = {
   },
   maxValue: [String, Number],
   dot: Boolean,
-  icon: pickProps(props$1j, "name"),
-  namespace: pickProps(props$1j, "namespace"),
+  icon: pickProps(props$1k, "name"),
+  namespace: pickProps(props$1k, "namespace"),
   color: String,
   offsetX: {
     type: [String, Number],
@@ -8008,9 +8139,9 @@ var __spreadValues$k = (a, b) => {
     }
   return a;
 };
-const { name: name$12, n: n$19, classes: classes$W } = createNamespace("badge");
+const { name: name$13, n: n$1a, classes: classes$W } = createNamespace("badge");
 const _hoisted_1$r = { key: 0 };
-function __render__$17(_ctx, _cache) {
+function __render__$18(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -8068,11 +8199,11 @@ function __render__$17(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1a = vue.defineComponent({
-  name: name$12,
-  components: { VarIcon: stdin_default$64 },
+const __sfc__$1b = vue.defineComponent({
+  name: name$13,
+  components: { VarIcon: stdin_default$66 },
   inheritAttrs: false,
-  props: props$11,
+  props: props$12,
   setup(props2) {
     const value = vue.computed(() => {
       const { value: value2, maxValue } = props2;
@@ -8085,18 +8216,18 @@ const __sfc__$1a = vue.defineComponent({
     return {
       value,
       offsetStyle,
-      n: n$19,
+      n: n$1a,
       classes: classes$W
     };
   }
 });
-__sfc__$1a.render = __render__$17;
-var stdin_default$5o = __sfc__$1a;
-withInstall(stdin_default$5o);
-withPropsDefaultsSetter(stdin_default$5o, props$11);
-const _BadgeComponent = stdin_default$5o;
-var stdin_default$5n = stdin_default$5o;
-const props$10 = {
+__sfc__$1b.render = __render__$18;
+var stdin_default$5q = __sfc__$1b;
+withInstall(stdin_default$5q);
+withPropsDefaultsSetter(stdin_default$5q, props$12);
+const _BadgeComponent = stdin_default$5q;
+var stdin_default$5p = stdin_default$5q;
+const props$11 = {
   active: {
     type: [Number, String],
     default: 0
@@ -8147,7 +8278,7 @@ var __spreadValues$j = (a, b) => {
     }
   return a;
 };
-const { name: name$11, n: n$18, classes: classes$V } = createNamespace("bottom-navigation");
+const { name: name$12, n: n$19, classes: classes$V } = createNamespace("bottom-navigation");
 const { n: nItem } = createNamespace("bottom-navigation-item");
 const RIGHT_HALF_SPACE_CLASS = nItem("--right-half-space");
 const LEFT_HALF_SPACE_CLASS = nItem("--left-half-space");
@@ -8155,7 +8286,7 @@ const RIGHT_SPACE_CLASS = nItem("--right-space");
 const defaultFabProps = {
   type: "primary"
 };
-function __render__$16(_ctx, _cache) {
+function __render__$17(_ctx, _cache) {
   const _component_var_button = vue.resolveComponent("var-button");
   return vue.openBlock(), vue.createElementBlock(
     vue.Fragment,
@@ -8209,10 +8340,10 @@ function __render__$16(_ctx, _cache) {
     /* STABLE_FRAGMENT */
   );
 }
-const __sfc__$19 = vue.defineComponent({
-  name: name$11,
-  components: { VarButton: stdin_default$5r },
-  props: props$10,
+const __sfc__$1a = vue.defineComponent({
+  name: name$12,
+  components: { VarButton: stdin_default$5t },
+  props: props$11,
   setup(props2, { slots }) {
     const bottomNavigationDom = vue.ref(null);
     const active = vue.computed(() => props2.active);
@@ -8339,23 +8470,23 @@ const __sfc__$19 = vue.defineComponent({
       bottomNavigationDom,
       fabProps,
       placeholderHeight,
-      n: n$18,
+      n: n$19,
       classes: classes$V,
       handleFabClick
     };
   }
 });
-__sfc__$19.render = __render__$16;
-var stdin_default$5m = __sfc__$19;
-withInstall(stdin_default$5m);
-withPropsDefaultsSetter(stdin_default$5m, props$10);
-const _BottomNavigationComponent = stdin_default$5m;
-var stdin_default$5l = stdin_default$5m;
-const props$$ = {
+__sfc__$1a.render = __render__$17;
+var stdin_default$5o = __sfc__$1a;
+withInstall(stdin_default$5o);
+withPropsDefaultsSetter(stdin_default$5o, props$11);
+const _BottomNavigationComponent = stdin_default$5o;
+var stdin_default$5n = stdin_default$5o;
+const props$10 = {
   name: String,
   label: String,
-  icon: pickProps(props$1j, "name"),
-  namespace: pickProps(props$1j, "namespace"),
+  icon: pickProps(props$1k, "name"),
+  namespace: pickProps(props$1k, "namespace"),
   badge: {
     type: [Boolean, Object],
     default: false
@@ -8375,12 +8506,12 @@ function useBottomNavigation() {
     bindBottomNavigation: bindParent
   };
 }
-const { name: name$10, n: n$17, classes: classes$U } = createNamespace("bottom-navigation-item");
+const { name: name$11, n: n$18, classes: classes$U } = createNamespace("bottom-navigation-item");
 const defaultBadgeProps = {
   type: "danger",
   dot: true
 };
-function __render__$15(_ctx, _cache) {
+function __render__$16(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_badge = vue.resolveComponent("var-badge");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -8463,14 +8594,14 @@ function __render__$15(_ctx, _cache) {
     [_directive_ripple]
   ]);
 }
-const __sfc__$18 = vue.defineComponent({
-  name: name$10,
+const __sfc__$19 = vue.defineComponent({
+  name: name$11,
   components: {
-    VarBadge: stdin_default$5n,
-    VarIcon: stdin_default$64
+    VarBadge: stdin_default$5p,
+    VarIcon: stdin_default$66
   },
-  directives: { Ripple: stdin_default$68 },
-  props: props$$,
+  directives: { Ripple: stdin_default$6a },
+  props: props$10,
   setup(props2) {
     const name2 = vue.computed(() => props2.name);
     const isActive = vue.computed(() => [name2.value, index.value].includes(active.value));
@@ -8494,19 +8625,19 @@ const __sfc__$18 = vue.defineComponent({
       badgeProps,
       isActive,
       variant,
-      n: n$17,
+      n: n$18,
       classes: classes$U,
       handleClick
     };
   }
 });
-__sfc__$18.render = __render__$15;
-var stdin_default$5k = __sfc__$18;
-withInstall(stdin_default$5k);
-withPropsDefaultsSetter(stdin_default$5k, props$$);
-const _BottomNavigationItemComponent = stdin_default$5k;
-var stdin_default$5j = stdin_default$5k;
-const props$_ = {
+__sfc__$19.render = __render__$16;
+var stdin_default$5m = __sfc__$19;
+withInstall(stdin_default$5m);
+withPropsDefaultsSetter(stdin_default$5m, props$10);
+const _BottomNavigationItemComponent = stdin_default$5m;
+var stdin_default$5l = stdin_default$5m;
+const props$$ = {
   separator: String,
   onClick: defineListenerProp()
 };
@@ -8534,8 +8665,8 @@ function useBreadcrumb() {
     bindBreadcrumb: bindParent
   };
 }
-const { name: name$$, n: n$16, classes: classes$T } = createNamespace("breadcrumb");
-function __render__$14(_ctx, _cache) {
+const { name: name$10, n: n$17, classes: classes$T } = createNamespace("breadcrumb");
+function __render__$15(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -8574,9 +8705,9 @@ function __render__$14(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$17 = vue.defineComponent({
-  name: name$$,
-  props: props$_,
+const __sfc__$18 = vue.defineComponent({
+  name: name$10,
+  props: props$$,
   setup(props2) {
     const { index, breadcrumb, bindBreadcrumb } = useBreadcrumb();
     const isLast = vue.computed(() => index.value === breadcrumb.length.value - 1);
@@ -8589,7 +8720,7 @@ const __sfc__$17 = vue.defineComponent({
       call(props2.onClick, e);
     }
     return {
-      n: n$16,
+      n: n$17,
       classes: classes$T,
       isLast,
       parentSeparator,
@@ -8597,20 +8728,20 @@ const __sfc__$17 = vue.defineComponent({
     };
   }
 });
-__sfc__$17.render = __render__$14;
-var stdin_default$5i = __sfc__$17;
-withInstall(stdin_default$5i);
-withPropsDefaultsSetter(stdin_default$5i, props$_);
-const _BreadcrumbComponent = stdin_default$5i;
-var stdin_default$5h = stdin_default$5i;
-const props$Z = {
+__sfc__$18.render = __render__$15;
+var stdin_default$5k = __sfc__$18;
+withInstall(stdin_default$5k);
+withPropsDefaultsSetter(stdin_default$5k, props$$);
+const _BreadcrumbComponent = stdin_default$5k;
+var stdin_default$5j = stdin_default$5k;
+const props$_ = {
   separator: {
     type: String,
     default: "/"
   }
 };
-const { name: name$_, n: n$15 } = createNamespace("breadcrumbs");
-function __render__$13(_ctx, _cache) {
+const { name: name$$, n: n$16 } = createNamespace("breadcrumbs");
+function __render__$14(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -8625,9 +8756,9 @@ function __render__$13(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$16 = vue.defineComponent({
-  name: name$_,
-  props: props$Z,
+const __sfc__$17 = vue.defineComponent({
+  name: name$$,
+  props: props$_,
   setup(props2) {
     const separator = vue.computed(() => props2.separator);
     const { bindBreadcrumbList, length } = useBreadcrumbsList();
@@ -8636,16 +8767,16 @@ const __sfc__$16 = vue.defineComponent({
       separator
     };
     bindBreadcrumbList(breadcrumbsProvider);
-    return { n: n$15 };
+    return { n: n$16 };
   }
 });
-__sfc__$16.render = __render__$13;
-var stdin_default$5g = __sfc__$16;
-withInstall(stdin_default$5g);
-withPropsDefaultsSetter(stdin_default$5g, props$Z);
-const _BreadcrumbsComponent = stdin_default$5g;
-var stdin_default$5f = stdin_default$5g;
-const props$Y = {
+__sfc__$17.render = __render__$14;
+var stdin_default$5i = __sfc__$17;
+withInstall(stdin_default$5i);
+withPropsDefaultsSetter(stdin_default$5i, props$_);
+const _BreadcrumbsComponent = stdin_default$5i;
+var stdin_default$5h = stdin_default$5i;
+const props$Z = {
   type: {
     type: String,
     default: "default"
@@ -8666,8 +8797,8 @@ const props$Y = {
   },
   vertical: Boolean
 };
-const { name: name$Z, n: n$14, classes: classes$S } = createNamespace("button-group");
-function __render__$12(_ctx, _cache) {
+const { name: name$_, n: n$15, classes: classes$S } = createNamespace("button-group");
+function __render__$13(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -8688,9 +8819,9 @@ function __render__$12(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$15 = vue.defineComponent({
-  name: name$Z,
-  props: props$Y,
+const __sfc__$16 = vue.defineComponent({
+  name: name$_,
+  props: props$Z,
   setup(props2) {
     const { bindButtons } = useButtons();
     const buttonGroupProvider = {
@@ -8703,19 +8834,19 @@ const __sfc__$15 = vue.defineComponent({
     };
     bindButtons(buttonGroupProvider);
     return {
-      n: n$14,
+      n: n$15,
       classes: classes$S,
       formatElevation
     };
   }
 });
-__sfc__$15.render = __render__$12;
-var stdin_default$5e = __sfc__$15;
-withInstall(stdin_default$5e);
-withPropsDefaultsSetter(stdin_default$5e, props$Y);
-const _ButtonGroupComponent = stdin_default$5e;
-var stdin_default$5d = stdin_default$5e;
-const props$X = {
+__sfc__$16.render = __render__$13;
+var stdin_default$5g = __sfc__$16;
+withInstall(stdin_default$5g);
+withPropsDefaultsSetter(stdin_default$5g, props$Z);
+const _ButtonGroupComponent = stdin_default$5g;
+var stdin_default$5f = stdin_default$5g;
+const props$Y = {
   src: String,
   fit: {
     type: String,
@@ -8772,10 +8903,10 @@ var __async$e = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$Y, n: n$13, classes: classes$R } = createNamespace("card");
+const { name: name$Z, n: n$14, classes: classes$R } = createNamespace("card");
 const RIPPLE_DELAY = 500;
 const _hoisted_1$q = ["src", "alt"];
-function __render__$11(_ctx, _cache) {
+function __render__$12(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -8979,14 +9110,14 @@ function __render__$11(_ctx, _cache) {
     [_directive_ripple, { disabled: !_ctx.ripple || _ctx.floater }]
   ]);
 }
-const __sfc__$14 = vue.defineComponent({
-  name: name$Y,
-  directives: { Ripple: stdin_default$68 },
+const __sfc__$15 = vue.defineComponent({
+  name: name$Z,
+  directives: { Ripple: stdin_default$6a },
   components: {
-    VarIcon: stdin_default$64,
-    VarButton: stdin_default$5r
+    VarIcon: stdin_default$66,
+    VarButton: stdin_default$5t
   },
-  props: props$X,
+  props: props$Y,
   setup(props2) {
     const card = vue.ref(null);
     const cardFloater = vue.ref(null);
@@ -9103,7 +9234,7 @@ const __sfc__$14 = vue.defineComponent({
       isRow,
       showFloatingButtons,
       floated,
-      n: n$13,
+      n: n$14,
       classes: classes$R,
       toSizeUnit,
       close,
@@ -9112,16 +9243,16 @@ const __sfc__$14 = vue.defineComponent({
     };
   }
 });
-__sfc__$14.render = __render__$11;
-var stdin_default$5c = __sfc__$14;
-withInstall(stdin_default$5c);
-withPropsDefaultsSetter(stdin_default$5c, props$X);
-const _CardComponent = stdin_default$5c;
-var stdin_default$5b = stdin_default$5c;
-const props$W = {
+__sfc__$15.render = __render__$12;
+var stdin_default$5e = __sfc__$15;
+withInstall(stdin_default$5e);
+withPropsDefaultsSetter(stdin_default$5e, props$Y);
+const _CardComponent = stdin_default$5e;
+var stdin_default$5d = stdin_default$5e;
+const props$X = {
   title: String,
-  icon: pickProps(props$1j, "name"),
-  namespace: pickProps(props$1j, "namespace"),
+  icon: pickProps(props$1k, "name"),
+  namespace: pickProps(props$1k, "namespace"),
   description: String,
   border: Boolean,
   borderOffset: [Number, String],
@@ -9132,8 +9263,8 @@ const props$W = {
   ripple: Boolean,
   onClick: defineListenerProp()
 };
-const { name: name$X, n: n$12, classes: classes$Q } = createNamespace("cell");
-function __render__$10(_ctx, _cache) {
+const { name: name$Y, n: n$13, classes: classes$Q } = createNamespace("cell");
+function __render__$11(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _directive_ripple = vue.resolveDirective("ripple");
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
@@ -9213,12 +9344,12 @@ function __render__$10(_ctx, _cache) {
   )), [
     [_directive_ripple, { disabled: !_ctx.ripple }]
   ]);
-}
-const __sfc__$13 = vue.defineComponent({
-  name: name$X,
-  components: { VarIcon: stdin_default$64 },
-  directives: { Ripple: stdin_default$68 },
-  props: props$W,
+}
+const __sfc__$14 = vue.defineComponent({
+  name: name$Y,
+  components: { VarIcon: stdin_default$66 },
+  directives: { Ripple: stdin_default$6a },
+  props: props$X,
   setup(props2) {
     const borderOffsetStyles = vue.computed(() => {
       if (props2.borderOffset == null) {
@@ -9234,20 +9365,20 @@ const __sfc__$13 = vue.defineComponent({
     }
     return {
       borderOffsetStyles,
-      n: n$12,
+      n: n$13,
       classes: classes$Q,
       toSizeUnit,
       handleClick
     };
   }
 });
-__sfc__$13.render = __render__$10;
-var stdin_default$5a = __sfc__$13;
-withInstall(stdin_default$5a);
-withPropsDefaultsSetter(stdin_default$5a, props$W);
-const _CellComponent = stdin_default$5a;
-var stdin_default$59 = stdin_default$5a;
-const props$V = {
+__sfc__$14.render = __render__$11;
+var stdin_default$5c = __sfc__$14;
+withInstall(stdin_default$5c);
+withPropsDefaultsSetter(stdin_default$5c, props$X);
+const _CellComponent = stdin_default$5c;
+var stdin_default$5b = stdin_default$5c;
+const props$W = {
   modelValue: {
     type: Array,
     default: () => []
@@ -9277,8 +9408,8 @@ const props$V = {
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
-const { name: name$W, n: n$11, classes: classes$P } = createNamespace("checkbox-group");
-function __render__$$(_ctx, _cache) {
+const { name: name$X, n: n$12, classes: classes$P } = createNamespace("checkbox-group");
+function __render__$10(_ctx, _cache) {
   const _component_maybe_v_node = vue.resolveComponent("maybe-v-node");
   const _component_var_checkbox = vue.resolveComponent("var-checkbox");
   const _component_var_form_details = vue.resolveComponent("var-form-details");
@@ -9326,10 +9457,10 @@ function __render__$$(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$12 = vue.defineComponent({
-  name: name$W,
-  components: { VarFormDetails: stdin_default$5O, VarCheckbox: stdin_default$5G, MaybeVNode },
-  props: props$V,
+const __sfc__$13 = vue.defineComponent({
+  name: name$X,
+  components: { VarFormDetails: stdin_default$5Q, VarCheckbox: stdin_default$5I, MaybeVNode },
+  props: props$W,
   setup(props2) {
     const max2 = vue.computed(() => props2.max);
     const checkedCount = vue.computed(() => props2.modelValue.length);
@@ -9410,7 +9541,7 @@ const __sfc__$12 = vue.defineComponent({
     }
     return {
       errorMessage,
-      n: n$11,
+      n: n$12,
       classes: classes$P,
       checkAll: checkAll2,
       inverseAll,
@@ -9421,13 +9552,13 @@ const __sfc__$12 = vue.defineComponent({
     };
   }
 });
-__sfc__$12.render = __render__$$;
-var stdin_default$58 = __sfc__$12;
-withInstall(stdin_default$58);
-withPropsDefaultsSetter(stdin_default$58, props$V);
-const _CheckboxGroupComponent = stdin_default$58;
-var stdin_default$57 = stdin_default$58;
-const props$U = {
+__sfc__$13.render = __render__$10;
+var stdin_default$5a = __sfc__$13;
+withInstall(stdin_default$5a);
+withPropsDefaultsSetter(stdin_default$5a, props$W);
+const _CheckboxGroupComponent = stdin_default$5a;
+var stdin_default$59 = stdin_default$5a;
+const props$V = {
   type: {
     type: String,
     default: "default"
@@ -9438,8 +9569,8 @@ const props$U = {
   },
   color: String,
   textColor: String,
-  iconName: pickProps(props$1j, "name"),
-  namespace: pickProps(props$1j, "namespace"),
+  iconName: pickProps(props$1k, "name"),
+  namespace: pickProps(props$1k, "namespace"),
   plain: Boolean,
   round: {
     type: Boolean,
@@ -9453,8 +9584,8 @@ const props$U = {
   closeable: Boolean,
   onClose: defineListenerProp()
 };
-const { name: name$V, n: n$10, classes: classes$O } = createNamespace("chip");
-function __render__$_(_ctx, _cache) {
+const { name: name$W, n: n$11, classes: classes$O } = createNamespace("chip");
+function __render__$$(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createBlock(vue.Transition, {
     name: _ctx.n("$-fade")
@@ -9505,13 +9636,13 @@ function __render__$_(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["name"]);
 }
-const __sfc__$11 = vue.defineComponent({
-  name: name$V,
+const __sfc__$12 = vue.defineComponent({
+  name: name$W,
   components: {
-    VarIcon: stdin_default$64
+    VarIcon: stdin_default$66
   },
   inheritAttrs: false,
-  props: props$U,
+  props: props$V,
   setup(props2) {
     const chipStyle = vue.computed(() => {
       const { plain, textColor, color } = props2;
@@ -9528,10 +9659,10 @@ const __sfc__$11 = vue.defineComponent({
     });
     const contentClass = vue.computed(() => {
       const { size, block, type, plain, round: round2 } = props2;
-      const blockClass = block ? n$10("$--flex") : n$10("$--inline-flex");
-      const plainTypeClass = plain ? `${n$10("plain")} ${n$10(`plain-${type}`)}` : n$10(`--${type}`);
-      const roundClass = round2 ? n$10("--round") : null;
-      return [n$10(`--${size}`), blockClass, plainTypeClass, roundClass];
+      const blockClass = block ? n$11("$--flex") : n$11("$--inline-flex");
+      const plainTypeClass = plain ? `${n$11("plain")} ${n$11(`plain-${type}`)}` : n$11(`--${type}`);
+      const roundClass = round2 ? n$11("--round") : null;
+      return [n$11(`--${size}`), blockClass, plainTypeClass, roundClass];
     });
     function handleClose(e) {
       call(props2.onClose, e);
@@ -9539,20 +9670,20 @@ const __sfc__$11 = vue.defineComponent({
     return {
       chipStyle,
       contentClass,
-      n: n$10,
+      n: n$11,
       classes: classes$O,
       formatElevation,
       handleClose
     };
   }
 });
-__sfc__$11.render = __render__$_;
-var stdin_default$56 = __sfc__$11;
-withInstall(stdin_default$56);
-withPropsDefaultsSetter(stdin_default$56, props$U);
-const _ChipComponent = stdin_default$56;
-var stdin_default$55 = stdin_default$56;
-const props$T = {
+__sfc__$12.render = __render__$$;
+var stdin_default$58 = __sfc__$12;
+withInstall(stdin_default$58);
+withPropsDefaultsSetter(stdin_default$58, props$V);
+const _ChipComponent = stdin_default$58;
+var stdin_default$57 = stdin_default$58;
+const props$U = {
   code: {
     type: String,
     default: ""
@@ -9595,17 +9726,17 @@ var __async$d = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$U, n: n$$, classes: classes$N } = createNamespace("code");
+const { name: name$V, n: n$10, classes: classes$N } = createNamespace("code");
 const _hoisted_1$p = ["innerHTML"];
-function __render__$Z(_ctx, _cache) {
+function __render__$_(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.classes(_ctx.n(), [_ctx.wordWrap, _ctx.n("--word-wrap")])),
     innerHTML: _ctx.highlightedCode
   }, null, 10, _hoisted_1$p);
 }
-const __sfc__$10 = vue.defineComponent({
-  name: name$U,
-  props: props$T,
+const __sfc__$11 = vue.defineComponent({
+  name: name$V,
+  props: props$U,
   setup(props2) {
     const { highlighter, theme } = injectHighlighterProvider();
     const highlightedCode = vue.ref("");
@@ -9626,19 +9757,19 @@ const __sfc__$10 = vue.defineComponent({
       );
     }
     return {
-      n: n$$,
+      n: n$10,
       classes: classes$N,
       highlightedCode
     };
   }
 });
-__sfc__$10.render = __render__$Z;
-var stdin_default$54 = __sfc__$10;
-withInstall(stdin_default$54);
-withPropsDefaultsSetter(stdin_default$54, props$T);
-const _CodeComponent = stdin_default$54;
-var stdin_default$53 = stdin_default$54;
-const props$S = {
+__sfc__$11.render = __render__$_;
+var stdin_default$56 = __sfc__$11;
+withInstall(stdin_default$56);
+withPropsDefaultsSetter(stdin_default$56, props$U);
+const _CodeComponent = stdin_default$56;
+var stdin_default$55 = stdin_default$56;
+const props$T = {
   span: {
     type: [String, Number],
     default: 24
@@ -9677,8 +9808,8 @@ function useRow() {
     bindRow: bindParent
   };
 }
-const { name: name$T, n: n$_, classes: classes$M } = createNamespace("col");
-function __render__$Y(_ctx, _cache) {
+const { name: name$U, n: n$$, classes: classes$M } = createNamespace("col");
+function __render__$Z(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -9713,9 +9844,9 @@ function __render__$Y(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$$ = vue.defineComponent({
-  name: name$T,
-  props: props$S,
+const __sfc__$10 = vue.defineComponent({
+  name: name$U,
+  props: props$T,
   setup(props2) {
     const span = vue.computed(() => toNumber(props2.span));
     const offset2 = vue.computed(() => toNumber(props2.offset));
@@ -9734,15 +9865,15 @@ const __sfc__$$ = vue.defineComponent({
       if (isPlainObject(size)) {
         const { offset: offset22, span: span2 } = size;
         if (Number(span2) >= 0) {
-          classes2.push(n$_(`--span-${mode}-${span2}`));
+          classes2.push(n$$(`--span-${mode}-${span2}`));
         }
         if (offset22) {
-          classes2.push(n$_(`--offset-${mode}-${offset22}`));
+          classes2.push(n$$(`--offset-${mode}-${offset22}`));
         }
         return classes2;
       }
       if (Number(size) >= 0) {
-        classes2.push(n$_(`--span-${mode}-${size}`));
+        classes2.push(n$$(`--span-${mode}-${size}`));
       }
       return classes2;
     }
@@ -9753,7 +9884,7 @@ const __sfc__$$ = vue.defineComponent({
       span,
       offset: offset2,
       padding,
-      n: n$_,
+      n: n$$,
       classes: classes$M,
       toNumber,
       toSizeUnit,
@@ -9763,12 +9894,12 @@ const __sfc__$$ = vue.defineComponent({
     };
   }
 });
-__sfc__$$.render = __render__$Y;
-var stdin_default$52 = __sfc__$$;
-withInstall(stdin_default$52);
-withPropsDefaultsSetter(stdin_default$52, props$S);
-const _ColComponent = stdin_default$52;
-var stdin_default$51 = stdin_default$52;
+__sfc__$10.render = __render__$Z;
+var stdin_default$54 = __sfc__$10;
+withInstall(stdin_default$54);
+withPropsDefaultsSetter(stdin_default$54, props$T);
+const _ColComponent = stdin_default$54;
+var stdin_default$53 = stdin_default$54;
 const COLLAPSE_BIND_COLLAPSE_ITEM_KEY = Symbol("COLLAPSE_BIND_COLLAPSE_ITEM_KEY");
 function useCollapseItem() {
   const { childProviders, length, bindChildren } = useChildren(
@@ -9780,7 +9911,7 @@ function useCollapseItem() {
     bindCollapseItems: bindChildren
   };
 }
-const props$R = {
+const props$S = {
   modelValue: [Array, String, Number],
   accordion: Boolean,
   offset: {
@@ -9798,8 +9929,8 @@ const props$R = {
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
-const { name: name$S, n: n$Z } = createNamespace("collapse");
-function __render__$X(_ctx, _cache) {
+const { name: name$T, n: n$_ } = createNamespace("collapse");
+function __render__$Y(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -9812,9 +9943,9 @@ function __render__$X(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$_ = vue.defineComponent({
-  name: name$S,
-  props: props$R,
+const __sfc__$$ = vue.defineComponent({
+  name: name$T,
+  props: props$S,
   setup(props2) {
     const offset2 = vue.computed(() => props2.offset);
     const divider = vue.computed(() => props2.divider);
@@ -9899,17 +10030,17 @@ const __sfc__$_ = vue.defineComponent({
     };
     return {
       divider,
-      n: n$Z,
+      n: n$_,
       toggleAll
     };
   }
 });
-__sfc__$_.render = __render__$X;
-var stdin_default$50 = __sfc__$_;
-withInstall(stdin_default$50);
-withPropsDefaultsSetter(stdin_default$50, props$R);
-const _CollapseComponent = stdin_default$50;
-var stdin_default$4$ = stdin_default$50;
+__sfc__$$.render = __render__$Y;
+var stdin_default$52 = __sfc__$$;
+withInstall(stdin_default$52);
+withPropsDefaultsSetter(stdin_default$52, props$S);
+const _CollapseComponent = stdin_default$52;
+var stdin_default$51 = stdin_default$52;
 function useCollapse() {
   const { parentProvider, index, bindParent } = useParent(
     COLLAPSE_BIND_COLLAPSE_ITEM_KEY
@@ -9923,7 +10054,7 @@ function useCollapse() {
     bindCollapse: bindParent
   };
 }
-const props$Q = {
+const props$R = {
   name: [String, Number],
   title: String,
   icon: {
@@ -10014,9 +10145,9 @@ function useCollapseTransition(options) {
     handleTransitionStart
   };
 }
-const { name: name$R, n: n$Y, classes: classes$L } = createNamespace("collapse-item");
+const { name: name$S, n: n$Z, classes: classes$L } = createNamespace("collapse-item");
 const _hoisted_1$o = ["aria-expanded", "aria-disabled", "role"];
-function __render__$W(_ctx, _cache) {
+function __render__$X(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -10114,12 +10245,12 @@ function __render__$W(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$Z = vue.defineComponent({
-  name: name$R,
+const __sfc__$_ = vue.defineComponent({
+  name: name$S,
   components: {
-    VarIcon: stdin_default$64
+    VarIcon: stdin_default$66
   },
-  props: props$Q,
+  props: props$R,
   setup(props2) {
     const isShow = vue.ref(false);
     const showContent = vue.ref(false);
@@ -10158,7 +10289,7 @@ const __sfc__$Z = vue.defineComponent({
       elevation,
       contentEl,
       accordion,
-      n: n$Y,
+      n: n$Z,
       classes: classes$L,
       toggle,
       formatElevation,
@@ -10167,17 +10298,17 @@ const __sfc__$Z = vue.defineComponent({
     };
   }
 });
-__sfc__$Z.render = __render__$W;
-var stdin_default$4_ = __sfc__$Z;
-withInstall(stdin_default$4_);
-withPropsDefaultsSetter(stdin_default$4_, props$Q);
-const _CollapseItemComponent = stdin_default$4_;
-var stdin_default$4Z = stdin_default$4_;
-const props$P = {
+__sfc__$_.render = __render__$X;
+var stdin_default$50 = __sfc__$_;
+withInstall(stdin_default$50);
+withPropsDefaultsSetter(stdin_default$50, props$R);
+const _CollapseItemComponent = stdin_default$50;
+var stdin_default$4$ = stdin_default$50;
+const props$Q = {
   expand: Boolean
 };
-const { name: name$Q, n: n$X } = createNamespace("collapse-transition");
-function __render__$V(_ctx, _cache) {
+const { name: name$R, n: n$Y } = createNamespace("collapse-transition");
+function __render__$W(_ctx, _cache) {
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -10195,9 +10326,9 @@ function __render__$V(_ctx, _cache) {
     [vue.vShow, _ctx.showContent]
   ]);
 }
-const __sfc__$Y = vue.defineComponent({
-  name: name$Q,
-  props: props$P,
+const __sfc__$Z = vue.defineComponent({
+  name: name$R,
+  props: props$Q,
   setup(props2) {
     const showContent = vue.ref(false);
     const contentEl = vue.ref(null);
@@ -10210,17 +10341,109 @@ const __sfc__$Y = vue.defineComponent({
     return {
       showContent,
       contentEl,
-      n: n$X,
+      n: n$Y,
       handleTransitionEnd,
       handleTransitionStart
     };
   }
 });
+__sfc__$Z.render = __render__$W;
+var stdin_default$4_ = __sfc__$Z;
+withInstall(stdin_default$4_);
+withPropsDefaultsSetter(stdin_default$4_, props$Q);
+const _CollapseTransitionComponent = stdin_default$4_;
+var stdin_default$4Z = stdin_default$4_;
+const props$P = {
+  from: {
+    type: [String, Number],
+    default: 0
+  },
+  to: {
+    type: [String, Number],
+    default: 0
+  },
+  duration: {
+    type: [String, Number],
+    default: 2e3
+  },
+  precision: {
+    type: [String, Number],
+    default: 0
+  },
+  autoStart: {
+    type: Boolean,
+    default: true
+  },
+  timingFunction: {
+    type: Function
+  },
+  onEnd: defineListenerProp()
+};
+const { name: name$Q, n: n$X } = createNamespace("count-to");
+function __render__$V(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock(
+    "div",
+    {
+      class: vue.normalizeClass(_ctx.n())
+    },
+    [
+      vue.renderSlot(_ctx.$slots, "default", { value: _ctx.value }, () => [
+        vue.createTextVNode(
+          vue.toDisplayString(_ctx.value),
+          1
+          /* TEXT */
+        )
+      ])
+    ],
+    2
+    /* CLASS */
+  );
+}
+const __sfc__$Y = vue.defineComponent({
+  name: name$Q,
+  props: props$P,
+  setup(props2) {
+    const {
+      value: _value,
+      reset: _reset,
+      // expose
+      start: start2,
+      // expose
+      pause
+    } = useMotion({
+      from: () => toNumber(props2.from),
+      to: () => toNumber(props2.to),
+      duration: () => toNumber(props2.duration),
+      timingFunction: props2.timingFunction,
+      onFinished() {
+        call(props2.onEnd);
+      }
+    });
+    const value = vue.computed(() => floor$1(_value.value, toNumber(props2.precision)));
+    vue.watch(() => [props2.from, props2.to, props2.duration], reset);
+    vue.onMounted(reset);
+    function reset() {
+      _reset();
+      if (props2.autoStart) {
+        start2();
+      }
+    }
+    return {
+      value,
+      n: n$X,
+      start: start2,
+      pause,
+      reset,
+      toNumber,
+      floor: floor$1
+    };
+  }
+});
 __sfc__$Y.render = __render__$V;
 var stdin_default$4Y = __sfc__$Y;
 withInstall(stdin_default$4Y);
 withPropsDefaultsSetter(stdin_default$4Y, props$P);
-const _CollapseTransitionComponent = stdin_default$4Y;
+const _CountToComponent = stdin_default$4Y;
 var stdin_default$4X = stdin_default$4Y;
 const props$O = {
   time: {
@@ -12702,11 +12925,11 @@ function __render__$T(_ctx, _cache) {
 const __sfc__$W = vue.defineComponent({
   name: name$O,
   components: {
-    VarButton: stdin_default$5r,
-    VarIcon: stdin_default$64,
-    VarFormDetails: stdin_default$5O
+    VarButton: stdin_default$5t,
+    VarIcon: stdin_default$66,
+    VarFormDetails: stdin_default$5Q
   },
-  directives: { Ripple: stdin_default$68 },
+  directives: { Ripple: stdin_default$6a },
   inheritAttrs: false,
   props: props$N,
   setup(props2) {
@@ -13443,8 +13666,8 @@ function __render__$S(_ctx, _cache) {
 const __sfc__$V = vue.defineComponent({
   name: "PanelHeader",
   components: {
-    VarButton: stdin_default$5r,
-    VarIcon: stdin_default$64
+    VarButton: stdin_default$5t,
+    VarIcon: stdin_default$66
   },
   props: {
     date: {
@@ -13590,7 +13813,7 @@ function __render__$R(_ctx, _cache) {
 const __sfc__$U = vue.defineComponent({
   name: "MonthPickerPanel",
   components: {
-    VarButton: stdin_default$5r,
+    VarButton: stdin_default$5t,
     PanelHeader: stdin_default$4S
   },
   props: {
@@ -14025,7 +14248,7 @@ function __render__$P(_ctx, _cache) {
 const __sfc__$S = vue.defineComponent({
   name: "YearPickerPanel",
   components: {
-    VarButton: stdin_default$5r,
+    VarButton: stdin_default$5t,
     VarSticky: stdin_default$4P,
     PanelHeader: stdin_default$4S
   },
@@ -14327,7 +14550,7 @@ function __render__$O(_ctx, _cache) {
 const __sfc__$R = vue.defineComponent({
   name: "DayPickerPanel",
   components: {
-    VarButton: stdin_default$5r,
+    VarButton: stdin_default$5t,
     PanelHeader: stdin_default$4S
   },
   props: {
@@ -15218,7 +15441,7 @@ const props$K = __spreadValues$f({
   onConfirm: defineListenerProp(),
   onCancel: defineListenerProp(),
   "onUpdate:show": defineListenerProp()
-}, pickProps(props$1k, [
+}, pickProps(props$1l, [
   "overlay",
   "overlayClass",
   "overlayStyle",
@@ -15392,8 +15615,8 @@ function __render__$M(_ctx, _cache) {
 const __sfc__$P = vue.defineComponent({
   name: name$L,
   components: {
-    VarPopup: stdin_default$66,
-    VarButton: stdin_default$5r
+    VarPopup: stdin_default$68,
+    VarButton: stdin_default$5t
   },
   inheritAttrs: false,
   props: props$K,
@@ -16262,10 +16485,10 @@ const props$F = {
     type: String,
     default: "window-close"
   },
-  inactiveIconSize: pickProps(props$1j, "size"),
-  activeIconSize: pickProps(props$1j, "size"),
-  inactiveIconNamespace: pickProps(props$1j, "namespace"),
-  activeIconNamespace: pickProps(props$1j, "namespace"),
+  inactiveIconSize: pickProps(props$1k, "size"),
+  activeIconSize: pickProps(props$1k, "size"),
+  inactiveIconNamespace: pickProps(props$1k, "namespace"),
+  activeIconNamespace: pickProps(props$1k, "namespace"),
   fixed: {
     type: Boolean,
     default: true
@@ -16356,7 +16579,7 @@ var stdin_default$4A = vue.defineComponent({
           active: isActive.value
         }) : null;
       }
-      return vue.withDirectives(vue.createVNode(stdin_default$5r, {
+      return vue.withDirectives(vue.createVNode(stdin_default$5t, {
         "var-fab-cover": true,
         "class": n$J("trigger"),
         "type": props2.type,
@@ -16365,7 +16588,7 @@ var stdin_default$4A = vue.defineComponent({
         "elevation": props2.elevation,
         "iconContainer": true
       }, {
-        default: () => [vue.createVNode(stdin_default$64, {
+        default: () => [vue.createVNode(stdin_default$66, {
           "var-fab-cover": true,
           "class": classes$z([isActive.value, n$J("trigger-active-icon"), n$J("trigger-inactive-icon")]),
           "name": isActive.value ? props2.activeIcon : props2.inactiveIcon,
@@ -16872,8 +17095,8 @@ function __render__$F(_ctx, _cache) {
 const __sfc__$H = vue.defineComponent({
   name: name$C,
   directives: {
-    Lazy: stdin_default$5z,
-    Ripple: stdin_default$68
+    Lazy: stdin_default$5B,
+    Ripple: stdin_default$6a
   },
   props: props$B,
   setup(props2, { slots }) {
@@ -17140,8 +17363,8 @@ function __render__$E(_ctx, _cache) {
 }
 const __sfc__$G = vue.defineComponent({
   name: name$B,
-  directives: { Hover: stdin_default$61 },
-  components: { VarButton: stdin_default$5r, VarIcon: stdin_default$64 },
+  directives: { Hover: stdin_default$63 },
+  components: { VarButton: stdin_default$5t, VarIcon: stdin_default$66 },
   props: props$A,
   setup(props2) {
     const swipeEl = vue.ref(null);
@@ -17571,7 +17794,7 @@ const props$z = __spreadValues$a(__spreadValues$a({
   closeable: Boolean,
   "onUpdate:show": defineListenerProp(),
   onLongPress: defineListenerProp()
-}, pickProps(props$A, ["loop", "indicator", "onChange"])), pickProps(props$1k, [
+}, pickProps(props$A, ["loop", "indicator", "onChange"])), pickProps(props$1l, [
   "lockScroll",
   "teleport",
   "closeOnKeyEscape",
@@ -17716,8 +17939,8 @@ const __sfc__$E = vue.defineComponent({
   components: {
     VarSwipe: stdin_default$4p,
     VarSwipeItem: stdin_default$4n,
-    VarPopup: stdin_default$66,
-    VarIcon: stdin_default$64
+    VarPopup: stdin_default$68,
+    VarIcon: stdin_default$66
   },
   inheritAttrs: false,
   props: props$z,
@@ -18591,8 +18814,8 @@ function __render__$y(_ctx, _cache) {
 }
 const __sfc__$A = vue.defineComponent({
   name: name$v,
-  directives: { Ripple: stdin_default$68 },
-  components: { VarLoading: stdin_default$5t },
+  directives: { Ripple: stdin_default$6a },
+  components: { VarLoading: stdin_default$5v },
   props: props$v,
   setup(props2) {
     const listEl = vue.ref(null);
@@ -18685,7 +18908,7 @@ var stdin_default$4c = vue.defineComponent({
     return () => vue.createVNode("div", {
       "class": classes$q(n$x(), [props2.error, n$x("--error")]),
       "style": {
-        zIndex: stdin_default$69.zIndex + 10,
+        zIndex: stdin_default$6b.zIndex + 10,
         width: `${props2.value}%`,
         opacity: props2.opacity,
         height: toSizeUnit(props2.height),
@@ -18955,10 +19178,10 @@ function __render__$x(_ctx, _cache) {
 }
 const __sfc__$y = vue.defineComponent({
   name: name$s,
-  directives: { Ripple: stdin_default$68, Hover: stdin_default$61 },
+  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
   components: {
-    VarCheckbox: stdin_default$5G,
-    VarHoverOverlay: stdin_default$62,
+    VarCheckbox: stdin_default$5I,
+    VarHoverOverlay: stdin_default$64,
     MaybeVNode
   },
   props: props$s,
@@ -19416,12 +19639,12 @@ function __render__$w(_ctx, _cache) {
 const __sfc__$x = vue.defineComponent({
   name: name$q,
   components: {
-    VarMenuSelect: stdin_default$5C,
-    VarMenuOption: stdin_default$5E,
-    VarIcon: stdin_default$64,
-    VarInput: stdin_default$5K
+    VarMenuSelect: stdin_default$5E,
+    VarMenuOption: stdin_default$5G,
+    VarIcon: stdin_default$66,
+    VarInput: stdin_default$5M
   },
-  directives: { Ripple: stdin_default$68 },
+  directives: { Ripple: stdin_default$6a },
   props: props$q,
   setup(props2) {
     const quickJumperValue = vue.ref("");
@@ -19626,7 +19849,7 @@ function __render__$v(_ctx, _cache) {
 }
 const __sfc__$w = vue.defineComponent({
   name: name$p,
-  directives: { Ripple: stdin_default$68 },
+  directives: { Ripple: stdin_default$6a },
   props: props$p,
   setup(props2) {
     function handleClick(e) {
@@ -19709,7 +19932,7 @@ const props$o = __spreadValues$7({
   onConfirm: defineListenerProp(),
   onCancel: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
-}, pickProps(props$1k, [
+}, pickProps(props$1l, [
   "show",
   "onUpdate:show",
   "closeOnClickOverlay",
@@ -19935,8 +20158,8 @@ function __render__$u(_ctx, _cache) {
 const __sfc__$v = vue.defineComponent({
   name: name$o,
   components: {
-    VarButton: stdin_default$5r,
-    VarPopup: stdin_default$66
+    VarButton: stdin_default$5t,
+    VarPopup: stdin_default$68
   },
   inheritAttrs: false,
   props: props$o,
@@ -20652,7 +20875,7 @@ function __render__$s(_ctx, _cache) {
 }
 const __sfc__$t = vue.defineComponent({
   name: name$m,
-  components: { VarIcon: stdin_default$64 },
+  components: { VarIcon: stdin_default$66 },
   props: props$m,
   setup(props2) {
     const controlPosition = vue.ref(0);
@@ -20942,11 +21165,11 @@ function __render__$r(_ctx, _cache) {
 }
 const __sfc__$s = vue.defineComponent({
   name: name$l,
-  directives: { Ripple: stdin_default$68, Hover: stdin_default$61 },
+  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
   components: {
-    VarIcon: stdin_default$64,
-    VarFormDetails: stdin_default$5O,
-    VarHoverOverlay: stdin_default$62
+    VarIcon: stdin_default$66,
+    VarFormDetails: stdin_default$5Q,
+    VarHoverOverlay: stdin_default$64
   },
   inheritAttrs: false,
   props: props$l,
@@ -21164,7 +21387,7 @@ function __render__$q(_ctx, _cache) {
 }
 const __sfc__$r = vue.defineComponent({
   name: name$k,
-  components: { VarFormDetails: stdin_default$5O, VarRadio: stdin_default$3V, MaybeVNode },
+  components: { VarFormDetails: stdin_default$5Q, VarRadio: stdin_default$3V, MaybeVNode },
   props: props$k,
   setup(props2) {
     const { length, radios, bindRadios } = useRadios();
@@ -21289,9 +21512,9 @@ const props$j = {
     type: String,
     default: "star-half-full"
   },
-  namespace: pickProps(props$1j, "namespace"),
-  emptyIconNamespace: pickProps(props$1j, "namespace"),
-  halfIconNamespace: pickProps(props$1j, "namespace"),
+  namespace: pickProps(props$1k, "namespace"),
+  emptyIconNamespace: pickProps(props$1k, "namespace"),
+  halfIconNamespace: pickProps(props$1k, "namespace"),
   emptyColor: String,
   size: [String, Number],
   gap: [String, Number],
@@ -21370,11 +21593,11 @@ function __render__$p(_ctx, _cache) {
 const __sfc__$q = vue.defineComponent({
   name: name$j,
   components: {
-    VarIcon: stdin_default$64,
-    VarFormDetails: stdin_default$5O,
-    VarHoverOverlay: stdin_default$62
+    VarIcon: stdin_default$66,
+    VarFormDetails: stdin_default$5Q,
+    VarHoverOverlay: stdin_default$64
   },
-  directives: { Ripple: stdin_default$68, Hover: stdin_default$61 },
+  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
   props: props$j,
   setup(props2) {
     const currentHoveringValue = vue.ref(-1);
@@ -21933,7 +22156,7 @@ const props$g = __spreadValues$6({
   onChange: defineListenerProp(),
   onClear: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
-}, pickProps(props$1d, [
+}, pickProps(props$1e, [
   "size",
   "variant",
   "placeholder",
@@ -22195,12 +22418,12 @@ function __render__$g(_ctx, _cache) {
 const __sfc__$h = vue.defineComponent({
   name: name$g,
   components: {
-    VarIcon: stdin_default$64,
-    VarMenu: stdin_default$5I,
-    VarChip: stdin_default$55,
+    VarIcon: stdin_default$66,
+    VarMenu: stdin_default$5K,
+    VarChip: stdin_default$57,
     VarOption: stdin_default$47,
-    VarFieldDecorator: stdin_default$5M,
-    VarFormDetails: stdin_default$5O,
+    VarFieldDecorator: stdin_default$5O,
+    VarFormDetails: stdin_default$5Q,
     MaybeVNode
   },
   props: props$g,
@@ -22872,10 +23095,10 @@ function __render__$e(_ctx, _cache) {
 const __sfc__$f = vue.defineComponent({
   name: name$e,
   components: {
-    VarFormDetails: stdin_default$5O,
-    VarHoverOverlay: stdin_default$62
+    VarFormDetails: stdin_default$5Q,
+    VarHoverOverlay: stdin_default$64
   },
-  directives: { Hover: stdin_default$61 },
+  directives: { Hover: stdin_default$63 },
   props: props$e,
   setup(props2) {
     const maxDistance = vue.ref(0);
@@ -23303,10 +23526,10 @@ const props$d = {
     default: true
   },
   vertical: Boolean,
-  loadingType: pickProps(props$14, "type"),
-  loadingSize: pickProps(props$14, "size"),
-  loadingRadius: pickProps(props$14, "radius"),
-  loadingColor: __spreadProps$1(__spreadValues$5({}, pickProps(props$14, "color")), {
+  loadingType: pickProps(props$15, "type"),
+  loadingSize: pickProps(props$15, "size"),
+  loadingRadius: pickProps(props$15, "radius"),
+  loadingColor: __spreadProps$1(__spreadValues$5({}, pickProps(props$15, "color")), {
     default: "currentColor"
   }),
   lockScroll: Boolean,
@@ -23422,8 +23645,8 @@ function __render__$d(_ctx, _cache) {
 const __sfc__$e = vue.defineComponent({
   name: "VarSnackbarCore",
   components: {
-    VarLoading: stdin_default$5t,
-    VarIcon: stdin_default$64
+    VarLoading: stdin_default$5v,
+    VarIcon: stdin_default$66
   },
   props: props$d,
   setup(props2) {
@@ -23631,7 +23854,7 @@ const TransitionGroupHost = {
       });
       return vue.createVNode(vue.TransitionGroup, vue.mergeProps(transitionGroupProps, {
         "style": {
-          zIndex: stdin_default$69.zIndex
+          zIndex: stdin_default$6b.zIndex
         },
         "onAfterEnter": opened,
         "onAfterLeave": removeUniqOption
@@ -23870,11 +24093,11 @@ const props$b = {
     type: String,
     default: "check"
   },
-  currentIcon: pickProps(props$1j, "name"),
-  inactiveIcon: pickProps(props$1j, "name"),
-  activeIconNamespace: pickProps(props$1j, "namespace"),
-  currentIconNamespace: pickProps(props$1j, "namespace"),
-  inactiveIconNamespace: pickProps(props$1j, "namespace")
+  currentIcon: pickProps(props$1k, "name"),
+  inactiveIcon: pickProps(props$1k, "name"),
+  activeIconNamespace: pickProps(props$1k, "namespace"),
+  currentIconNamespace: pickProps(props$1k, "namespace"),
+  inactiveIconNamespace: pickProps(props$1k, "namespace")
 };
 const STEPS_BIND_STEP_KEY = Symbol("STEPS_BIND_STEP_KEY");
 function useStep() {
@@ -23981,7 +24204,7 @@ function __render__$b(_ctx, _cache) {
 }
 const __sfc__$c = vue.defineComponent({
   name: name$b,
-  components: { VarIcon: stdin_default$64 },
+  components: { VarIcon: stdin_default$66 },
   props: props$b,
   setup() {
     const { index, steps, bindSteps } = useSteps();
@@ -24274,10 +24497,10 @@ function __render__$9(_ctx, _cache) {
 const __sfc__$9 = vue.defineComponent({
   name: name$8,
   components: {
-    VarFormDetails: stdin_default$5O,
-    VarHoverOverlay: stdin_default$62
+    VarFormDetails: stdin_default$5Q,
+    VarHoverOverlay: stdin_default$64
   },
-  directives: { Ripple: stdin_default$68, Hover: stdin_default$61 },
+  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
   props: props$8,
   setup(props2) {
     const switchRef = vue.ref(null);
@@ -24471,7 +24694,7 @@ function __render__$8(_ctx, _cache) {
 }
 const __sfc__$8 = vue.defineComponent({
   name: name$7,
-  directives: { Ripple: stdin_default$68 },
+  directives: { Ripple: stdin_default$6a },
   props: props$7,
   setup(props2) {
     const tabEl = vue.ref(null);
@@ -29211,12 +29434,12 @@ function __render__$1(_ctx, _cache) {
 }
 const __sfc__$1 = vue.defineComponent({
   name: name$1,
-  directives: { Ripple: stdin_default$68, Hover: stdin_default$61 },
+  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
   components: {
-    VarIcon: stdin_default$64,
-    VarPopup: stdin_default$66,
-    VarFormDetails: stdin_default$5O,
-    VarHoverOverlay: stdin_default$62
+    VarIcon: stdin_default$66,
+    VarPopup: stdin_default$68,
+    VarFormDetails: stdin_default$5Q,
+    VarHoverOverlay: stdin_default$64
   },
   props: props$1,
   setup(props2) {
@@ -29790,33 +30013,34 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.6.4";
+const version = "3.7.0";
 function install(app) {
+  stdin_default$5W.install && app.use(stdin_default$5W);
   stdin_default$5U.install && app.use(stdin_default$5U);
   stdin_default$5S.install && app.use(stdin_default$5S);
-  stdin_default$5Q.install && app.use(stdin_default$5Q);
-  stdin_default$5A.install && app.use(stdin_default$5A);
+  stdin_default$5C.install && app.use(stdin_default$5C);
+  stdin_default$5z.install && app.use(stdin_default$5z);
   stdin_default$5x.install && app.use(stdin_default$5x);
-  stdin_default$5v.install && app.use(stdin_default$5v);
+  stdin_default$5r.install && app.use(stdin_default$5r);
   stdin_default$5p.install && app.use(stdin_default$5p);
   stdin_default$5n.install && app.use(stdin_default$5n);
   stdin_default$5l.install && app.use(stdin_default$5l);
   stdin_default$5j.install && app.use(stdin_default$5j);
   stdin_default$5h.install && app.use(stdin_default$5h);
+  stdin_default$5t.install && app.use(stdin_default$5t);
   stdin_default$5f.install && app.use(stdin_default$5f);
-  stdin_default$5r.install && app.use(stdin_default$5r);
   stdin_default$5d.install && app.use(stdin_default$5d);
   stdin_default$5b.install && app.use(stdin_default$5b);
+  stdin_default$5I.install && app.use(stdin_default$5I);
   stdin_default$59.install && app.use(stdin_default$59);
-  stdin_default$5G.install && app.use(stdin_default$5G);
   stdin_default$57.install && app.use(stdin_default$57);
   stdin_default$55.install && app.use(stdin_default$55);
   stdin_default$53.install && app.use(stdin_default$53);
   stdin_default$51.install && app.use(stdin_default$51);
   stdin_default$4$.install && app.use(stdin_default$4$);
   stdin_default$4Z.install && app.use(stdin_default$4Z);
+  stdin_default$6b.install && app.use(stdin_default$6b);
   stdin_default$4X.install && app.use(stdin_default$4X);
-  stdin_default$69.install && app.use(stdin_default$69);
   stdin_default$4V.install && app.use(stdin_default$4V);
   stdin_default$4T.install && app.use(stdin_default$4T);
   stdin_default$4L.install && app.use(stdin_default$4L);
@@ -29825,42 +30049,42 @@ function install(app) {
   stdin_default$4F.install && app.use(stdin_default$4F);
   stdin_default$4B.install && app.use(stdin_default$4B);
   stdin_default$4z.install && app.use(stdin_default$4z);
-  stdin_default$5M.install && app.use(stdin_default$5M);
+  stdin_default$5O.install && app.use(stdin_default$5O);
   stdin_default$4x.install && app.use(stdin_default$4x);
   stdin_default$4v.install && app.use(stdin_default$4v);
-  stdin_default$5O.install && app.use(stdin_default$5O);
+  stdin_default$5Q.install && app.use(stdin_default$5Q);
   stdin_default$4t.install && app.use(stdin_default$4t);
-  stdin_default$61.install && app.use(stdin_default$61);
-  stdin_default$62.install && app.use(stdin_default$62);
+  stdin_default$63.install && app.use(stdin_default$63);
   stdin_default$64.install && app.use(stdin_default$64);
+  stdin_default$66.install && app.use(stdin_default$66);
   stdin_default$4r.install && app.use(stdin_default$4r);
   stdin_default$4l.install && app.use(stdin_default$4l);
   stdin_default$4j.install && app.use(stdin_default$4j);
   stdin_default$4h.install && app.use(stdin_default$4h);
-  stdin_default$5K.install && app.use(stdin_default$5K);
-  stdin_default$5z.install && app.use(stdin_default$5z);
+  stdin_default$5M.install && app.use(stdin_default$5M);
+  stdin_default$5B.install && app.use(stdin_default$5B);
   stdin_default$4f.install && app.use(stdin_default$4f);
   stdin_default$4d.install && app.use(stdin_default$4d);
-  stdin_default$5t.install && app.use(stdin_default$5t);
+  stdin_default$5v.install && app.use(stdin_default$5v);
   stdin_default$4b.install && app.use(stdin_default$4b);
-  stdin_default$5W.install && app.use(stdin_default$5W);
+  stdin_default$5Y.install && app.use(stdin_default$5Y);
   stdin_default$49.install && app.use(stdin_default$49);
-  stdin_default$5I.install && app.use(stdin_default$5I);
+  stdin_default$5K.install && app.use(stdin_default$5K);
+  stdin_default$5G.install && app.use(stdin_default$5G);
   stdin_default$5E.install && app.use(stdin_default$5E);
-  stdin_default$5C.install && app.use(stdin_default$5C);
   stdin_default$47.install && app.use(stdin_default$47);
   stdin_default$45.install && app.use(stdin_default$45);
   stdin_default$43.install && app.use(stdin_default$43);
   stdin_default$41.install && app.use(stdin_default$41);
   stdin_default$3$.install && app.use(stdin_default$3$);
-  stdin_default$66.install && app.use(stdin_default$66);
+  stdin_default$68.install && app.use(stdin_default$68);
   stdin_default$3Z.install && app.use(stdin_default$3Z);
   stdin_default$3X.install && app.use(stdin_default$3X);
   stdin_default$3V.install && app.use(stdin_default$3V);
   stdin_default$3T.install && app.use(stdin_default$3T);
   stdin_default$3R.install && app.use(stdin_default$3R);
   stdin_default$3J.install && app.use(stdin_default$3J);
-  stdin_default$68.install && app.use(stdin_default$68);
+  stdin_default$6a.install && app.use(stdin_default$6a);
   stdin_default$3H.install && app.use(stdin_default$3H);
   stdin_default$3F.install && app.use(stdin_default$3F);
   stdin_default$3D.install && app.use(stdin_default$3D);
@@ -29888,31 +30112,32 @@ function install(app) {
 const index_bundle = {
   version,
   install,
-  ActionSheet: stdin_default$5U,
-  Alert: stdin_default$5S,
-  AppBar: stdin_default$5Q,
-  AutoComplete: stdin_default$5A,
-  Avatar: stdin_default$5x,
-  AvatarGroup: stdin_default$5v,
-  BackTop: stdin_default$5p,
-  Badge: stdin_default$5n,
-  BottomNavigation: stdin_default$5l,
-  BottomNavigationItem: stdin_default$5j,
-  Breadcrumb: stdin_default$5h,
-  Breadcrumbs: stdin_default$5f,
-  Button: stdin_default$5r,
-  ButtonGroup: stdin_default$5d,
-  Card: stdin_default$5b,
-  Cell: stdin_default$59,
-  Checkbox: stdin_default$5G,
-  CheckboxGroup: stdin_default$57,
-  Chip: stdin_default$55,
-  Code: stdin_default$53,
-  Col: stdin_default$51,
-  Collapse: stdin_default$4$,
-  CollapseItem: stdin_default$4Z,
-  CollapseTransition: stdin_default$4X,
-  Context: stdin_default$69,
+  ActionSheet: stdin_default$5W,
+  Alert: stdin_default$5U,
+  AppBar: stdin_default$5S,
+  AutoComplete: stdin_default$5C,
+  Avatar: stdin_default$5z,
+  AvatarGroup: stdin_default$5x,
+  BackTop: stdin_default$5r,
+  Badge: stdin_default$5p,
+  BottomNavigation: stdin_default$5n,
+  BottomNavigationItem: stdin_default$5l,
+  Breadcrumb: stdin_default$5j,
+  Breadcrumbs: stdin_default$5h,
+  Button: stdin_default$5t,
+  ButtonGroup: stdin_default$5f,
+  Card: stdin_default$5d,
+  Cell: stdin_default$5b,
+  Checkbox: stdin_default$5I,
+  CheckboxGroup: stdin_default$59,
+  Chip: stdin_default$57,
+  Code: stdin_default$55,
+  Col: stdin_default$53,
+  Collapse: stdin_default$51,
+  CollapseItem: stdin_default$4$,
+  CollapseTransition: stdin_default$4Z,
+  Context: stdin_default$6b,
+  CountTo: stdin_default$4X,
   Countdown: stdin_default$4V,
   Counter: stdin_default$4T,
   DatePicker: stdin_default$4L,
@@ -29921,42 +30146,42 @@ const index_bundle = {
   Drag: stdin_default$4F,
   Ellipsis: stdin_default$4B,
   Fab: stdin_default$4z,
-  FieldDecorator: stdin_default$5M,
+  FieldDecorator: stdin_default$5O,
   FloatingPanel: stdin_default$4x,
   Form: stdin_default$4v,
-  FormDetails: stdin_default$5O,
+  FormDetails: stdin_default$5Q,
   HighlighterProvider: stdin_default$4t,
-  Hover: stdin_default$61,
-  HoverOverlay: stdin_default$62,
-  Icon: stdin_default$64,
+  Hover: stdin_default$63,
+  HoverOverlay: stdin_default$64,
+  Icon: stdin_default$66,
   Image: stdin_default$4r,
   ImagePreview: stdin_default$4l,
   IndexAnchor: stdin_default$4j,
   IndexBar: stdin_default$4h,
-  Input: stdin_default$5K,
-  Lazy: stdin_default$5z,
+  Input: stdin_default$5M,
+  Lazy: stdin_default$5B,
   Link: stdin_default$4f,
   List: stdin_default$4d,
-  Loading: stdin_default$5t,
+  Loading: stdin_default$5v,
   LoadingBar: stdin_default$4b,
-  Locale: stdin_default$5W,
+  Locale: stdin_default$5Y,
   LocaleProvider: stdin_default$49,
-  Menu: stdin_default$5I,
-  MenuOption: stdin_default$5E,
-  MenuSelect: stdin_default$5C,
+  Menu: stdin_default$5K,
+  MenuOption: stdin_default$5G,
+  MenuSelect: stdin_default$5E,
   Option: stdin_default$47,
   Overlay: stdin_default$45,
   Pagination: stdin_default$43,
   Paper: stdin_default$41,
   Picker: stdin_default$3$,
-  Popup: stdin_default$66,
+  Popup: stdin_default$68,
   Progress: stdin_default$3Z,
   PullRefresh: stdin_default$3X,
   Radio: stdin_default$3V,
   RadioGroup: stdin_default$3T,
   Rate: stdin_default$3R,
   Result: stdin_default$3J,
-  Ripple: stdin_default$68,
+  Ripple: stdin_default$6a,
   Row: stdin_default$3H,
   Select: stdin_default$3F,
   Skeleton: stdin_default$3D,
@@ -29981,31 +30206,32 @@ const index_bundle = {
   Uploader: stdin_default$2,
   Watermark: stdin_default
 };
-exports.ActionSheet = stdin_default$5U;
-exports.Alert = stdin_default$5S;
-exports.AppBar = stdin_default$5Q;
-exports.AutoComplete = stdin_default$5A;
-exports.Avatar = stdin_default$5x;
-exports.AvatarGroup = stdin_default$5v;
-exports.BackTop = stdin_default$5p;
-exports.Badge = stdin_default$5n;
-exports.BottomNavigation = stdin_default$5l;
-exports.BottomNavigationItem = stdin_default$5j;
-exports.Breadcrumb = stdin_default$5h;
-exports.Breadcrumbs = stdin_default$5f;
-exports.Button = stdin_default$5r;
-exports.ButtonGroup = stdin_default$5d;
-exports.Card = stdin_default$5b;
-exports.Cell = stdin_default$59;
-exports.Checkbox = stdin_default$5G;
-exports.CheckboxGroup = stdin_default$57;
-exports.Chip = stdin_default$55;
-exports.Code = stdin_default$53;
-exports.Col = stdin_default$51;
-exports.Collapse = stdin_default$4$;
-exports.CollapseItem = stdin_default$4Z;
-exports.CollapseTransition = stdin_default$4X;
-exports.Context = stdin_default$69;
+exports.ActionSheet = stdin_default$5W;
+exports.Alert = stdin_default$5U;
+exports.AppBar = stdin_default$5S;
+exports.AutoComplete = stdin_default$5C;
+exports.Avatar = stdin_default$5z;
+exports.AvatarGroup = stdin_default$5x;
+exports.BackTop = stdin_default$5r;
+exports.Badge = stdin_default$5p;
+exports.BottomNavigation = stdin_default$5n;
+exports.BottomNavigationItem = stdin_default$5l;
+exports.Breadcrumb = stdin_default$5j;
+exports.Breadcrumbs = stdin_default$5h;
+exports.Button = stdin_default$5t;
+exports.ButtonGroup = stdin_default$5f;
+exports.Card = stdin_default$5d;
+exports.Cell = stdin_default$5b;
+exports.Checkbox = stdin_default$5I;
+exports.CheckboxGroup = stdin_default$59;
+exports.Chip = stdin_default$57;
+exports.Code = stdin_default$55;
+exports.Col = stdin_default$53;
+exports.Collapse = stdin_default$51;
+exports.CollapseItem = stdin_default$4$;
+exports.CollapseTransition = stdin_default$4Z;
+exports.Context = stdin_default$6b;
+exports.CountTo = stdin_default$4X;
 exports.Countdown = stdin_default$4V;
 exports.Counter = stdin_default$4T;
 exports.DatePicker = stdin_default$4L;
@@ -30014,43 +30240,43 @@ exports.Divider = stdin_default$4H;
 exports.Drag = stdin_default$4F;
 exports.Ellipsis = stdin_default$4B;
 exports.Fab = stdin_default$4z;
-exports.FieldDecorator = stdin_default$5M;
+exports.FieldDecorator = stdin_default$5O;
 exports.FloatingPanel = stdin_default$4x;
 exports.Form = stdin_default$4v;
-exports.FormDetails = stdin_default$5O;
+exports.FormDetails = stdin_default$5Q;
 exports.HighlighterProvider = stdin_default$4t;
-exports.Hover = stdin_default$61;
-exports.HoverOverlay = stdin_default$62;
-exports.Icon = stdin_default$64;
+exports.Hover = stdin_default$63;
+exports.HoverOverlay = stdin_default$64;
+exports.Icon = stdin_default$66;
 exports.Image = stdin_default$4r;
 exports.ImagePreview = stdin_default$4l;
 exports.IndexAnchor = stdin_default$4j;
 exports.IndexBar = stdin_default$4h;
-exports.Input = stdin_default$5K;
-exports.Lazy = stdin_default$5z;
+exports.Input = stdin_default$5M;
+exports.Lazy = stdin_default$5B;
 exports.Link = stdin_default$4f;
 exports.List = stdin_default$4d;
-exports.Loading = stdin_default$5t;
+exports.Loading = stdin_default$5v;
 exports.LoadingBar = stdin_default$4b;
-exports.Locale = stdin_default$5W;
+exports.Locale = stdin_default$5Y;
 exports.LocaleProvider = stdin_default$49;
-exports.Menu = stdin_default$5I;
-exports.MenuOption = stdin_default$5E;
-exports.MenuSelect = stdin_default$5C;
+exports.Menu = stdin_default$5K;
+exports.MenuOption = stdin_default$5G;
+exports.MenuSelect = stdin_default$5E;
 exports.Option = stdin_default$47;
 exports.Overlay = stdin_default$45;
 exports.PIXEL = PIXEL;
 exports.Pagination = stdin_default$43;
 exports.Paper = stdin_default$41;
 exports.Picker = stdin_default$3$;
-exports.Popup = stdin_default$66;
+exports.Popup = stdin_default$68;
 exports.Progress = stdin_default$3Z;
 exports.PullRefresh = stdin_default$3X;
 exports.Radio = stdin_default$3V;
 exports.RadioGroup = stdin_default$3T;
 exports.Rate = stdin_default$3R;
 exports.Result = stdin_default$3J;
-exports.Ripple = stdin_default$68;
+exports.Ripple = stdin_default$6a;
 exports.Row = stdin_default$3H;
 exports.SNACKBAR_TYPE = SNACKBAR_TYPE;
 exports.Select = stdin_default$3F;
@@ -30100,6 +30326,7 @@ exports._CollapseComponent = _CollapseComponent;
 exports._CollapseItemComponent = _CollapseItemComponent;
 exports._CollapseTransitionComponent = _CollapseTransitionComponent;
 exports._ContextComponent = _ContextComponent;
+exports._CountToComponent = _CountToComponent;
 exports._CountdownComponent = _CountdownComponent;
 exports._CounterComponent = _CounterComponent;
 exports._DatePickerComponent = _DatePickerComponent;
@@ -30167,30 +30394,31 @@ exports._TimePickerComponent = _TimePickerComponent;
 exports._TooltipComponent = _TooltipComponent;
 exports._UploaderComponent = _UploaderComponent;
 exports._WatermarkComponent = _WatermarkComponent;
-exports.actionSheetProps = props$1h;
+exports.actionSheetProps = props$1i;
 exports.add = add$2;
-exports.alertProps = props$1g;
-exports.appBarProps = props$1f;
-exports.avatarGroupProps = props$15;
-exports.avatarProps = props$16;
-exports.backTopProps = props$12;
-exports.badgeProps = props$11;
-exports.bottomNavigationItemProps = props$$;
-exports.bottomNavigationProps = props$10;
-exports.breadcrumbProps = props$_;
-exports.breadcrumbsProps = props$Z;
-exports.buttonGroupProps = props$Y;
-exports.buttonProps = props$13;
-exports.cardProps = props$X;
-exports.cellProps = props$W;
-exports.checkboxGroupProps = props$V;
-exports.checkboxProps = props$1a;
-exports.chipProps = props$U;
-exports.codeProps = props$T;
-exports.colProps = props$S;
-exports.collapseItemProps = props$Q;
-exports.collapseProps = props$R;
-exports.collapseTransitionProps = props$P;
+exports.alertProps = props$1h;
+exports.appBarProps = props$1g;
+exports.avatarGroupProps = props$16;
+exports.avatarProps = props$17;
+exports.backTopProps = props$13;
+exports.badgeProps = props$12;
+exports.bottomNavigationItemProps = props$10;
+exports.bottomNavigationProps = props$11;
+exports.breadcrumbProps = props$$;
+exports.breadcrumbsProps = props$_;
+exports.buttonGroupProps = props$Z;
+exports.buttonProps = props$14;
+exports.cardProps = props$Y;
+exports.cellProps = props$X;
+exports.checkboxGroupProps = props$W;
+exports.checkboxProps = props$1b;
+exports.chipProps = props$V;
+exports.codeProps = props$U;
+exports.colProps = props$T;
+exports.collapseItemProps = props$R;
+exports.collapseProps = props$S;
+exports.collapseTransitionProps = props$Q;
+exports.countToProps = props$P;
 exports.countdownProps = props$O;
 exports.counterProps = props$N;
 exports.currentMessage = currentMessage;
@@ -30201,28 +30429,28 @@ exports.dialogProps = props$K;
 exports.dividerProps = props$J;
 exports.dragProps = props$I;
 exports.ellipsisProps = props$G;
-exports.enUS = stdin_default$5_;
-exports.faIR = stdin_default$5X;
+exports.enUS = stdin_default$60;
+exports.faIR = stdin_default$5Z;
 exports.fabProps = props$F;
-exports.fieldDecoratorProps = props$1d;
-exports.formDetailsProps = props$1e;
+exports.fieldDecoratorProps = props$1e;
+exports.formDetailsProps = props$1f;
 exports.formProps = props$D;
-exports.hoverOverlayProps = props$1i;
-exports.iconProps = props$1j;
+exports.hoverOverlayProps = props$1j;
+exports.iconProps = props$1k;
 exports.imageCache = imageCache;
 exports.imagePreviewProps = props$z;
 exports.imageProps = props$B;
 exports.indexAnchorProps = props$y;
 exports.indexBarProps = props$x;
-exports.inputProps = props$1c;
+exports.inputProps = props$1d;
 exports.install = install;
 exports.linkProps = props$w;
 exports.listProps = props$v;
 exports.loadingBarProps = props$u;
-exports.loadingProps = props$14;
-exports.menuOptionProps = props$19;
-exports.menuProps = props$1b;
-exports.menuSelectProps = props$18;
+exports.loadingProps = props$15;
+exports.menuOptionProps = props$1a;
+exports.menuProps = props$1c;
+exports.menuSelectProps = props$19;
 exports.merge = merge;
 exports.messages = messages;
 exports.optionProps = props$s;
@@ -30230,7 +30458,7 @@ exports.overlayProps = props$r;
 exports.paginationProps = props$q;
 exports.paperProps = props$p;
 exports.pickerProps = props$o;
-exports.popupProps = props$1k;
+exports.popupProps = props$1l;
 exports.progressProps = props$n;
 exports.pullRefreshProps = props$m;
 exports.radioGroupProps = props$k;
@@ -30263,6 +30491,6 @@ exports.useHoverOverlay = useHoverOverlay;
 exports.useLocale = useLocale;
 exports.version = version;
 exports.watermarkProps = props;
-exports.zhCN = stdin_default$5$;
-exports.zhHK = stdin_default$5Y;
-exports.zhTW = stdin_default$5Z;
+exports.zhCN = stdin_default$61;
+exports.zhHK = stdin_default$5_;
+exports.zhTW = stdin_default$5$;