@varlet/ui 3.7.4 → 3.8.0

package/lib/varlet.cjs.js

@@ -7,7 +7,7 @@ const context = {
   enableRipple: true
 };
 const _ContextComponent = vue.reactive(context);
-var stdin_default$6b = vue.reactive(context);
+var stdin_default$6c = vue.reactive(context);
 function default2(n2) {
   return { all: n2 = n2 || /* @__PURE__ */ new Map(), on: function(t2, e) {
     var i = n2.get(t2);
@@ -28,36 +28,36 @@ const mitt_star = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   __proto__: null,
   default: default2
 }, Symbol.toStringTag, { value: "Module" }));
-var __defProp$z = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
+var __defProp$B = Object.defineProperty;
+var __defProps$e = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
-var __hasOwnProp$z = Object.prototype.hasOwnProperty;
-var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$z = (obj, key3, value) => key3 in obj ? __defProp$z(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$z = (a, b) => {
+var __getOwnPropSymbols$B = Object.getOwnPropertySymbols;
+var __hasOwnProp$B = Object.prototype.hasOwnProperty;
+var __propIsEnum$B = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$B = (obj, key3, value) => key3 in obj ? __defProp$B(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$B = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$z.call(b, prop))
-      __defNormalProp$z(a, prop, b[prop]);
-  if (__getOwnPropSymbols$z)
-    for (var prop of __getOwnPropSymbols$z(b)) {
-      if (__propIsEnum$z.call(b, prop))
-        __defNormalProp$z(a, prop, b[prop]);
+    if (__hasOwnProp$B.call(b, prop))
+      __defNormalProp$B(a, prop, b[prop]);
+  if (__getOwnPropSymbols$B)
+    for (var prop of __getOwnPropSymbols$B(b)) {
+      if (__propIsEnum$B.call(b, prop))
+        __defNormalProp$B(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
 var __export = (target, all) => {
   for (var name2 in all)
-    __defProp$z(target, name2, { get: all[name2], enumerable: true });
+    __defProp$B(target, name2, { get: all[name2], enumerable: true });
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key3 of __getOwnPropNames(from))
-      if (!__hasOwnProp$z.call(to, key3) && key3 !== except)
-        __defProp$z(to, key3, { get: () => from[key3], enumerable: !(desc = __getOwnPropDesc(from, key3)) || desc.enumerable });
+      if (!__hasOwnProp$B.call(to, key3) && key3 !== except)
+        __defProp$B(to, key3, { get: () => from[key3], enumerable: !(desc = __getOwnPropDesc(from, key3)) || desc.enumerable });
   }
   return to;
 };
@@ -825,7 +825,7 @@ function getRect(element) {
       width,
       height
     };
-    return __spreadProps$d(__spreadValues$z({}, rect), {
+    return __spreadProps$e(__spreadValues$B({}, rect), {
       toJSON: () => rect
     });
   }
@@ -861,7 +861,7 @@ function raf() {
   });
 }
 function createStorage(storage) {
-  return __spreadProps$d(__spreadValues$z({}, storage), {
+  return __spreadProps$e(__spreadValues$B({}, storage), {
     set(key3, value) {
       if (value == null) {
         return;
@@ -1278,30 +1278,30 @@ var isURL = (val) => {
   }
   return /^(http)|(\.*\/)/.test(val);
 };
-var __defProp$y = Object.defineProperty;
-var __getOwnPropSymbols$y = Object.getOwnPropertySymbols;
-var __hasOwnProp$y = Object.prototype.hasOwnProperty;
-var __propIsEnum$y = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$y = (obj, key3, value) => key3 in obj ? __defProp$y(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$y = (a, b) => {
+var __defProp$A = Object.defineProperty;
+var __getOwnPropSymbols$A = Object.getOwnPropertySymbols;
+var __hasOwnProp$A = Object.prototype.hasOwnProperty;
+var __propIsEnum$A = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$A = (obj, key3, value) => key3 in obj ? __defProp$A(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$A = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$y.call(b, prop))
-      __defNormalProp$y(a, prop, b[prop]);
-  if (__getOwnPropSymbols$y)
-    for (var prop of __getOwnPropSymbols$y(b)) {
-      if (__propIsEnum$y.call(b, prop))
-        __defNormalProp$y(a, prop, b[prop]);
+    if (__hasOwnProp$A.call(b, prop))
+      __defNormalProp$A(a, prop, b[prop]);
+  if (__getOwnPropSymbols$A)
+    for (var prop of __getOwnPropSymbols$A(b)) {
+      if (__propIsEnum$A.call(b, prop))
+        __defNormalProp$A(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$y.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$A.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$y)
-    for (var prop of __getOwnPropSymbols$y(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$y.call(source, prop))
+  if (source != null && __getOwnPropSymbols$A)
+    for (var prop of __getOwnPropSymbols$A(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$A.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1477,7 +1477,7 @@ function useChildren(key3) {
     removeItem(childProviders, childProvider);
   };
   const bindChildren = (parentProvider) => {
-    vue.provide(key3, __spreadValues$y({
+    vue.provide(key3, __spreadValues$A({
       childInstances,
       collect,
       clear: clear2
@@ -1731,26 +1731,26 @@ function useMotion(options) {
     reset
   };
 }
-var __defProp$x = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
-var __hasOwnProp$x = Object.prototype.hasOwnProperty;
-var __propIsEnum$x = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$x = (obj, key3, value) => key3 in obj ? __defProp$x(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$x = (a, b) => {
+var __defProp$z = Object.defineProperty;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
+var __hasOwnProp$z = Object.prototype.hasOwnProperty;
+var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$z = (obj, key3, value) => key3 in obj ? __defProp$z(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$z = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$x.call(b, prop))
-      __defNormalProp$x(a, prop, b[prop]);
-  if (__getOwnPropSymbols$x)
-    for (var prop of __getOwnPropSymbols$x(b)) {
-      if (__propIsEnum$x.call(b, prop))
-        __defNormalProp$x(a, prop, b[prop]);
+    if (__hasOwnProp$z.call(b, prop))
+      __defNormalProp$z(a, prop, b[prop]);
+  if (__getOwnPropSymbols$z)
+    for (var prop of __getOwnPropSymbols$z(b)) {
+      if (__propIsEnum$z.call(b, prop))
+        __defNormalProp$z(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
-var __async$k = (__this, __arguments, generator) => {
+var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __async$m = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1794,7 +1794,7 @@ function withPropsDefaultsSetter(target, props2) {
         return;
       }
       if (isPlainObject(prop)) {
-        props2[key3] = __spreadProps$c(__spreadValues$x({}, prop), {
+        props2[key3] = __spreadProps$d(__spreadValues$z({}, prop), {
           default: value
         });
         return;
@@ -1823,7 +1823,7 @@ function mount$1(component) {
 function mountInstance(component, props2 = {}, eventListener = {}) {
   const Host = {
     setup() {
-      return () => vue.h(component, __spreadValues$x(__spreadValues$x({}, props2), eventListener));
+      return () => vue.h(component, __spreadValues$z(__spreadValues$z({}, props2), eventListener));
     }
   };
   const { unmount: unmount2 } = mount$1(Host);
@@ -1853,7 +1853,7 @@ function isZodResult(result) {
 }
 function useValidation() {
   const errorMessage = vue.ref("");
-  const validate = (ruleOrRules, value, apis) => __async$k(this, null, function* () {
+  const validate = (ruleOrRules, value, apis) => __async$m(this, null, function* () {
     const rules = normalizeToArray(ruleOrRules).filter((rule) => isZodRule(rule) || isFunction(rule));
     const results = yield Promise.all(
       rules.map((rule) => isZodRule(rule) ? rule.safeParseAsync(value) : rule(value, apis))
@@ -1875,7 +1875,7 @@ function useValidation() {
   const resetValidation = () => {
     errorMessage.value = "";
   };
-  const validateWithTrigger = (validateTrigger, trigger, rules, value, apis) => __async$k(this, null, function* () {
+  const validateWithTrigger = (validateTrigger, trigger, rules, value, apis) => __async$m(this, null, function* () {
     if (validateTrigger.includes(trigger)) {
       (yield validate(rules, value, apis)) && (errorMessage.value = "");
     }
@@ -1933,26 +1933,26 @@ const MaybeVNode = vue.defineComponent({
     return () => isString(props2.is) ? vue.h(props2.tag, props2.is) : props2.is;
   }
 });
-var __defProp$w = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
-var __hasOwnProp$w = Object.prototype.hasOwnProperty;
-var __propIsEnum$w = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$w = (obj, key3, value) => key3 in obj ? __defProp$w(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$w = (a, b) => {
+var __defProp$y = Object.defineProperty;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$y = Object.getOwnPropertySymbols;
+var __hasOwnProp$y = Object.prototype.hasOwnProperty;
+var __propIsEnum$y = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$y = (obj, key3, value) => key3 in obj ? __defProp$y(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$y = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$w.call(b, prop))
-      __defNormalProp$w(a, prop, b[prop]);
-  if (__getOwnPropSymbols$w)
-    for (var prop of __getOwnPropSymbols$w(b)) {
-      if (__propIsEnum$w.call(b, prop))
-        __defNormalProp$w(a, prop, b[prop]);
+    if (__hasOwnProp$y.call(b, prop))
+      __defNormalProp$y(a, prop, b[prop]);
+  if (__getOwnPropSymbols$y)
+    for (var prop of __getOwnPropSymbols$y(b)) {
+      if (__propIsEnum$y.call(b, prop))
+        __defNormalProp$y(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
-const { n: n$1w } = createNamespace("ripple");
+var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+const { n: n$1x } = createNamespace("ripple");
 const ANIMATION_DURATION$1 = 250;
 function setStyles(element) {
   const { zIndex, position } = getStyle$1(element);
@@ -1981,14 +1981,14 @@ function computeRippleStyles(element, event) {
 function createRipple(event) {
   const _ripple = this._ripple;
   _ripple.removeRipple();
-  if (_ripple.disabled || _ripple.tasker || !stdin_default$6b.enableRipple) {
+  if (_ripple.disabled || _ripple.tasker || !stdin_default$6c.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$1w());
+    ripple.classList.add(n$1x());
     ripple.style.opacity = `0`;
     ripple.style.transform = `translate(${x}px, ${y}px) scale3d(.3, .3, .3)`;
     ripple.style.width = `${size}px`;
@@ -2007,7 +2007,7 @@ function createRipple(event) {
 function removeRipple() {
   const _ripple = this._ripple;
   const task = () => {
-    const ripples = this.querySelectorAll(`.${n$1w()}`);
+    const ripples = this.querySelectorAll(`.${n$1x()}`);
     if (!ripples.length) {
       return;
     }
@@ -2024,7 +2024,7 @@ function removeRipple() {
   _ripple.tasker ? window.setTimeout(task, 30) : task();
 }
 function forbidRippleTask() {
-  if (!supportTouch() || !stdin_default$6b.enableRipple) {
+  if (!supportTouch() || !stdin_default$6c.enableRipple) {
     return;
   }
   const _ripple = this._ripple;
@@ -2048,7 +2048,7 @@ function removeKeyboardRipple() {
 }
 function mounted$2(el, binding) {
   var _a;
-  el._ripple = __spreadProps$b(__spreadValues$w({
+  el._ripple = __spreadProps$c(__spreadValues$y({
     tasker: null
   }, (_a = binding.value) != null ? _a : {}), {
     removeRipple: removeRipple.bind(el)
@@ -2082,7 +2082,7 @@ function updated$2(el, binding) {
   };
   const diff2 = newBinding.color !== ((_c = el._ripple) == null ? void 0 : _c.color) || newBinding.disabled !== ((_d = el._ripple) == null ? void 0 : _d.disabled);
   if (diff2) {
-    el._ripple = __spreadValues$w({
+    el._ripple = __spreadValues$y({
       tasker: newBinding.disabled ? null : (_e = el._ripple) == null ? void 0 : _e.tasker,
       removeRipple: (_f = el._ripple) == null ? void 0 : _f.removeRipple
     }, newBinding);
@@ -2097,7 +2097,7 @@ const Ripple = {
   }
 };
 const _RippleComponent = Ripple;
-var stdin_default$6a = Ripple;
+var stdin_default$6b = Ripple;
 const props$1l = {
   show: Boolean,
   position: {
@@ -2144,17 +2144,17 @@ const props$1l = {
   // internal for Dialog
   onRouteChange: defineListenerProp()
 };
-const { n: n$1v } = createNamespace("");
+const { n: n$1w } = createNamespace("");
 function resolveLock() {
-  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"));
+  const lockCounts = Object.keys(stdin_default$6c.locks).length;
+  lockCounts <= 0 ? document.body.classList.remove(n$1w("$--lock")) : document.body.classList.add(n$1w("$--lock"));
 }
 function addLock(uid) {
-  stdin_default$6b.locks[uid] = 1;
+  stdin_default$6c.locks[uid] = 1;
   resolveLock();
 }
 function releaseLock(uid) {
-  delete stdin_default$6b.locks[uid];
+  delete stdin_default$6c.locks[uid];
   resolveLock();
 }
 function useLock(source, useSource) {
@@ -2212,13 +2212,13 @@ function useLock(source, useSource) {
   });
 }
 function useZIndex(source, count) {
-  const zIndex = vue.ref(stdin_default$6b.zIndex);
+  const zIndex = vue.ref(stdin_default$6c.zIndex);
   vue.watch(
     source,
     (newValue) => {
       if (newValue) {
-        stdin_default$6b.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
-        zIndex.value = stdin_default$6b.zIndex;
+        stdin_default$6c.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
+        zIndex.value = stdin_default$6c.zIndex;
       }
     },
     { immediate: true }
@@ -2282,29 +2282,29 @@ function usePopupItems() {
     bindPopupItems: bindChildren
   };
 }
-var __defProp$v = Object.defineProperty;
-var __getOwnPropSymbols$v = Object.getOwnPropertySymbols;
-var __hasOwnProp$v = Object.prototype.hasOwnProperty;
-var __propIsEnum$v = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$v = (obj, key3, value) => key3 in obj ? __defProp$v(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$v = (a, b) => {
+var __defProp$x = Object.defineProperty;
+var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
+var __hasOwnProp$x = Object.prototype.hasOwnProperty;
+var __propIsEnum$x = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$x = (obj, key3, value) => key3 in obj ? __defProp$x(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$x = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$v.call(b, prop))
-      __defNormalProp$v(a, prop, b[prop]);
-  if (__getOwnPropSymbols$v)
-    for (var prop of __getOwnPropSymbols$v(b)) {
-      if (__propIsEnum$v.call(b, prop))
-        __defNormalProp$v(a, prop, b[prop]);
+    if (__hasOwnProp$x.call(b, prop))
+      __defNormalProp$x(a, prop, b[prop]);
+  if (__getOwnPropSymbols$x)
+    for (var prop of __getOwnPropSymbols$x(b)) {
+      if (__propIsEnum$x.call(b, prop))
+        __defNormalProp$x(a, prop, b[prop]);
     }
   return a;
 };
 const {
-  name: name$1n,
-  n: n$1u,
+  name: name$1o,
+  n: n$1v,
   classes: classes$1c
 } = createNamespace("popup");
-var stdin_default$69 = vue.defineComponent({
-  name: name$1n,
+var stdin_default$6a = vue.defineComponent({
+  name: name$1o,
   inheritAttrs: false,
   props: props$1l,
   setup(props2, {
@@ -2354,8 +2354,8 @@ var stdin_default$69 = vue.defineComponent({
         overlayStyle
       } = props2;
       return vue.createVNode("div", {
-        "class": classes$1c(n$1u("overlay"), overlayClass),
-        "style": __spreadValues$v({
+        "class": classes$1c(n$1v("overlay"), overlayClass),
+        "style": __spreadValues$x({
           zIndex: normalizedZIndex.value - 1
         }, overlayStyle),
         "onClick": hidePopup
@@ -2363,7 +2363,7 @@ var stdin_default$69 = vue.defineComponent({
     }
     function renderContent() {
       return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
-        "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")]),
+        "class": classes$1c(n$1v("content"), n$1v(`--${props2.position}`), [props2.defaultStyle, n$1v("--content-background-color")], [props2.defaultStyle, n$1v("$-elevation--3")], [props2.safeArea, n$1v("--safe-area")], [props2.safeAreaTop, n$1v("--safe-area-top")]),
         "style": {
           zIndex: normalizedZIndex.value
         },
@@ -2373,17 +2373,17 @@ var stdin_default$69 = vue.defineComponent({
     }
     function renderPopup() {
       return vue.createVNode(vue.Transition, {
-        "name": n$1u("$-fade"),
+        "name": n$1v("$-fade"),
         "onAfterEnter": props2.onOpened,
         "onAfterLeave": props2.onClosed
       }, {
         default: () => [vue.withDirectives(vue.createVNode("div", {
-          "class": classes$1c(n$1u("$--box"), n$1u(), [!props2.overlay, n$1u("--pointer-events-none")]),
+          "class": classes$1c(n$1v("$--box"), n$1v(), [!props2.overlay, n$1v("--pointer-events-none")]),
           "style": {
             zIndex: normalizedZIndex.value - 2
           }
         }, [props2.overlay && renderOverlay(), vue.createVNode(vue.Transition, {
-          "name": props2.transition || n$1u(`$-pop-${props2.position}`)
+          "name": props2.transition || n$1v(`$-pop-${props2.position}`)
         }, {
           default: () => [renderContent()]
         })]), [[vue.vShow, props2.show]])]
@@ -2416,10 +2416,10 @@ var stdin_default$69 = vue.defineComponent({
     };
   }
 });
-withInstall(stdin_default$69);
-withPropsDefaultsSetter(stdin_default$69, props$1l);
-const _PopupComponent = stdin_default$69;
-var stdin_default$68 = stdin_default$69;
+withInstall(stdin_default$6a);
+withPropsDefaultsSetter(stdin_default$6a, props$1l);
+const _PopupComponent = stdin_default$6a;
+var stdin_default$69 = stdin_default$6a;
 const props$1k = {
   name: String,
   size: [Number, String],
@@ -2578,10 +2578,22 @@ function formatStyleVars(styleVars) {
 function padStartFlex(style) {
   return style === "start" || style === "end" ? `flex-${style}` : style;
 }
+function isDisplayNoneElement(element) {
+  let parent = element;
+  while (parent && parent !== document.documentElement) {
+    if (getStyle$1(parent).display === "none") {
+      return true;
+    }
+    parent = parent.parentNode;
+  }
+  return false;
+}
 const focusableSelector = ["button", "input", "select", "textarea", "[tabindex]", "[href]"].map((s) => `${s}:not([disabled])`).join(", ");
 function focusChildElementByKey(hostElement, parentElement, key3) {
   var _a;
-  const focusableElements = parentElement.querySelectorAll(focusableSelector);
+  const focusableElements = Array.from(parentElement.querySelectorAll(focusableSelector)).filter(
+    (element) => !isDisplayNoneElement(element)
+  );
   if (!focusableElements.length) {
     return;
   }
@@ -2609,7 +2621,7 @@ function focusChildElementByKey(hostElement, parentElement, key3) {
     }
   }
 }
-var __async$j = (__this, __arguments, generator) => {
+var __async$l = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2629,8 +2641,8 @@ var __async$j = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$1m, n: n$1t, classes: classes$1b } = createNamespace("icon");
-function __render__$1r(_ctx, _cache) {
+const { name: name$1n, n: n$1u, classes: classes$1b } = createNamespace("icon");
+function __render__$1s(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.isURL(_ctx.name) ? "img" : "i"), {
     class: vue.normalizeClass(
       _ctx.classes(
@@ -2652,15 +2664,15 @@ function __render__$1r(_ctx, _cache) {
     onClick: _ctx.onClick
   }, null, 8, ["class", "style", "src", "onClick"]);
 }
-const __sfc__$1u = vue.defineComponent({
-  name: name$1m,
+const __sfc__$1v = vue.defineComponent({
+  name: name$1n,
   props: props$1k,
   setup(props2) {
     const nextName = vue.ref("");
     const animateInProgress = vue.ref(false);
     vue.watch(() => props2.name, handleNameChange, { immediate: true });
     function handleNameChange(newName, oldName) {
-      return __async$j(this, null, function* () {
+      return __async$l(this, null, function* () {
         const { transition } = props2;
         if (oldName == null || toNumber(transition) === 0) {
           nextName.value = newName;
@@ -2679,7 +2691,7 @@ const __sfc__$1u = vue.defineComponent({
     return {
       nextName,
       animateInProgress,
-      n: n$1t,
+      n: n$1u,
       classes: classes$1b,
       isURL,
       toNumber,
@@ -2687,18 +2699,18 @@ const __sfc__$1u = vue.defineComponent({
     };
   }
 });
-__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;
+__sfc__$1v.render = __render__$1s;
+var stdin_default$68 = __sfc__$1v;
+withInstall(stdin_default$68);
+withPropsDefaultsSetter(stdin_default$68, props$1k);
+const _IconComponent = stdin_default$68;
+var stdin_default$67 = stdin_default$68;
 const props$1j = {
   hovering: Boolean,
   focusing: Boolean
 };
-const { name: name$1l, n: n$1s, classes: classes$1a } = createNamespace("hover-overlay");
-function __render__$1q(_ctx, _cache) {
+const { name: name$1m, n: n$1t, classes: classes$1a } = createNamespace("hover-overlay");
+function __render__$1r(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -2709,19 +2721,19 @@ function __render__$1q(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1t = vue.defineComponent({
-  name: name$1l,
+const __sfc__$1u = vue.defineComponent({
+  name: name$1m,
   props: props$1j,
   setup: () => ({
-    n: n$1s,
+    n: n$1t,
     classes: classes$1a,
     inMobile
   })
 });
-__sfc__$1t.render = __render__$1q;
-var stdin_default$65 = __sfc__$1t;
-withInstall(stdin_default$65);
-withPropsDefaultsSetter(stdin_default$65, props$1j);
+__sfc__$1u.render = __render__$1r;
+var stdin_default$66 = __sfc__$1u;
+withInstall(stdin_default$66);
+withPropsDefaultsSetter(stdin_default$66, props$1j);
 function useHoverOverlay() {
   const hovering = vue.ref(false);
   const handleHovering = (value) => {
@@ -2732,8 +2744,8 @@ function useHoverOverlay() {
     handleHovering
   };
 }
-const _HoverOverlayComponent = stdin_default$65;
-var stdin_default$64 = stdin_default$65;
+const _HoverOverlayComponent = stdin_default$66;
+var stdin_default$65 = stdin_default$66;
 function shouldDisabled(arg) {
   if (!arg) {
     return false;
@@ -2854,9 +2866,9 @@ const Hover = {
   }
 };
 const _HoverComponent = Hover;
-var stdin_default$63 = Hover;
-const { name: name$1k, n: n$1r, classes: classes$19 } = createNamespace("action-sheet");
-function __render__$1p(_ctx, _cache) {
+var stdin_default$64 = Hover;
+const { name: name$1l, n: n$1s, classes: classes$19 } = createNamespace("action-sheet");
+function __render__$1q(_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");
@@ -2896,13 +2908,13 @@ function __render__$1p(_ctx, _cache) {
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
 }
-const __sfc__$1s = vue.defineComponent({
-  name: name$1k,
+const __sfc__$1t = vue.defineComponent({
+  name: name$1l,
   components: {
-    VarHoverOverlay: stdin_default$64,
-    VarIcon: stdin_default$66
+    VarHoverOverlay: stdin_default$65,
+    VarIcon: stdin_default$67
   },
-  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
+  directives: { Ripple: stdin_default$6b, Hover: stdin_default$64 },
   props: {
     name: String,
     className: String,
@@ -2916,31 +2928,31 @@ const __sfc__$1s = vue.defineComponent({
     const { hovering, handleHovering } = useHoverOverlay();
     return {
       hovering,
-      n: n$1r,
+      n: n$1s,
       classes: classes$19,
       handleHovering
     };
   }
 });
-__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;
-var __propIsEnum$u = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$u = (obj, key3, value) => key3 in obj ? __defProp$u(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$u = (a, b) => {
+__sfc__$1t.render = __render__$1q;
+var stdin_default$63 = __sfc__$1t;
+var __defProp$w = Object.defineProperty;
+var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
+var __hasOwnProp$w = Object.prototype.hasOwnProperty;
+var __propIsEnum$w = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$w = (obj, key3, value) => key3 in obj ? __defProp$w(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$w = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$u.call(b, prop))
-      __defNormalProp$u(a, prop, b[prop]);
-  if (__getOwnPropSymbols$u)
-    for (var prop of __getOwnPropSymbols$u(b)) {
-      if (__propIsEnum$u.call(b, prop))
-        __defNormalProp$u(a, prop, b[prop]);
+    if (__hasOwnProp$w.call(b, prop))
+      __defNormalProp$w(a, prop, b[prop]);
+  if (__getOwnPropSymbols$w)
+    for (var prop of __getOwnPropSymbols$w(b)) {
+      if (__propIsEnum$w.call(b, prop))
+        __defNormalProp$w(a, prop, b[prop]);
     }
   return a;
 };
-const props$1i = __spreadValues$u({
+const props$1i = __spreadValues$w({
   show: Boolean,
   title: String,
   actions: {
@@ -2971,7 +2983,7 @@ const props$1i = __spreadValues$u({
   "onRouteChange",
   "onKeyEscape"
 ]));
-var stdin_default$61 = {
+var stdin_default$62 = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "确认",
@@ -3076,7 +3088,7 @@ var stdin_default$61 = {
   // time-picker
   timePickerHint: "选择时间"
 };
-var stdin_default$60 = {
+var stdin_default$61 = {
   // Dialog
   dialogTitle: "Hint",
   dialogConfirmButtonText: "Confirm",
@@ -3181,7 +3193,7 @@ var stdin_default$60 = {
   // time-picker
   timePickerHint: "SELECT TIME"
 };
-var stdin_default$5$ = {
+var stdin_default$60 = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "確認",
@@ -3283,8 +3295,8 @@ var stdin_default$5$ = {
   paginationPage: "頁",
   paginationJump: "前往"
 };
-var stdin_default$5_ = stdin_default$5$;
-var stdin_default$5Z = {
+var stdin_default$5$ = stdin_default$60;
+var stdin_default$5_ = {
   // Dialog
   dialogTitle: "اشاره",
   dialogConfirmButtonText: "تایید",
@@ -3389,19 +3401,19 @@ var stdin_default$5Z = {
   // time-picker
   timePickerHint: "انتخاب زمان"
 };
-var __defProp$t = Object.defineProperty;
-var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
-var __hasOwnProp$t = Object.prototype.hasOwnProperty;
-var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$t = (obj, key3, value) => key3 in obj ? __defProp$t(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$t = (a, b) => {
+var __defProp$v = Object.defineProperty;
+var __getOwnPropSymbols$v = Object.getOwnPropertySymbols;
+var __hasOwnProp$v = Object.prototype.hasOwnProperty;
+var __propIsEnum$v = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$v = (obj, key3, value) => key3 in obj ? __defProp$v(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$v = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$t.call(b, prop))
-      __defNormalProp$t(a, prop, b[prop]);
-  if (__getOwnPropSymbols$t)
-    for (var prop of __getOwnPropSymbols$t(b)) {
-      if (__propIsEnum$t.call(b, prop))
-        __defNormalProp$t(a, prop, b[prop]);
+    if (__hasOwnProp$v.call(b, prop))
+      __defNormalProp$v(a, prop, b[prop]);
+  if (__getOwnPropSymbols$v)
+    for (var prop of __getOwnPropSymbols$v(b)) {
+      if (__propIsEnum$v.call(b, prop))
+        __defNormalProp$v(a, prop, b[prop]);
     }
   return a;
 };
@@ -3424,7 +3436,7 @@ function useLocale() {
       console.warn(`The ${lang} does not exist. You can mount a language message using the add method`);
       return;
     }
-    messages2.value[lang] = __spreadValues$t(__spreadValues$t({}, messages2.value[lang]), message);
+    messages2.value[lang] = __spreadValues$v(__spreadValues$v({}, messages2.value[lang]), message);
     use2(lang);
   };
   const t2 = (id) => {
@@ -3442,14 +3454,14 @@ function useLocale() {
   };
 }
 const { messages, currentMessage, add: add$2, use, merge, t } = useLocale();
-add$2("zh-CN", stdin_default$61);
+add$2("zh-CN", stdin_default$62);
 use("zh-CN");
 const _LocaleComponent = {
-  zhCN: stdin_default$61,
-  enUS: stdin_default$60,
-  zhTW: stdin_default$5$,
-  zhHK: stdin_default$5_,
-  faIR: stdin_default$5Z,
+  zhCN: stdin_default$62,
+  enUS: stdin_default$61,
+  zhTW: stdin_default$60,
+  zhHK: stdin_default$5$,
+  faIR: stdin_default$5_,
   messages,
   currentMessage,
   add: add$2,
@@ -3458,12 +3470,12 @@ const _LocaleComponent = {
   t,
   useLocale
 };
-var stdin_default$5Y = {
-  zhCN: stdin_default$61,
-  enUS: stdin_default$60,
-  zhTW: stdin_default$5$,
-  zhHK: stdin_default$5_,
-  faIR: stdin_default$5Z,
+var stdin_default$5Z = {
+  zhCN: stdin_default$62,
+  enUS: stdin_default$61,
+  zhTW: stdin_default$60,
+  zhHK: stdin_default$5$,
+  faIR: stdin_default$5_,
   messages,
   currentMessage,
   add: add$2,
@@ -3482,8 +3494,8 @@ function injectLocaleProvider() {
   }
   return vue.inject(LOCALE_PROVIDER_KEY);
 }
-const { name: name$1j, n: n$1q, classes: classes$18 } = createNamespace("action-sheet");
-function __render__$1o(_ctx, _cache) {
+const { name: name$1k, n: n$1r, classes: classes$18 } = createNamespace("action-sheet");
+function __render__$1p(_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, {
@@ -3556,12 +3568,12 @@ function __render__$1o(_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__$1r = vue.defineComponent({
-  name: name$1j,
-  directives: { Ripple: stdin_default$6a },
+const __sfc__$1s = vue.defineComponent({
+  name: name$1k,
+  directives: { Ripple: stdin_default$6b },
   components: {
-    VarPopup: stdin_default$68,
-    VarActionItem: stdin_default$62
+    VarPopup: stdin_default$69,
+    VarActionItem: stdin_default$63
   },
   inheritAttrs: false,
   props: props$1i,
@@ -3582,34 +3594,34 @@ const __sfc__$1r = vue.defineComponent({
       show,
       pt,
       t,
-      n: n$1q,
+      n: n$1r,
       classes: classes$18,
       handleSelect
     };
   }
 });
-__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;
-var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$s = (obj, key3, value) => key3 in obj ? __defProp$s(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$s = (a, b) => {
+__sfc__$1s.render = __render__$1p;
+var stdin_default$5Y = __sfc__$1s;
+var __defProp$u = Object.defineProperty;
+var __getOwnPropSymbols$u = Object.getOwnPropertySymbols;
+var __hasOwnProp$u = Object.prototype.hasOwnProperty;
+var __propIsEnum$u = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$u = (obj, key3, value) => key3 in obj ? __defProp$u(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$u = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$s.call(b, prop))
-      __defNormalProp$s(a, prop, b[prop]);
-  if (__getOwnPropSymbols$s)
-    for (var prop of __getOwnPropSymbols$s(b)) {
-      if (__propIsEnum$s.call(b, prop))
-        __defNormalProp$s(a, prop, b[prop]);
+    if (__hasOwnProp$u.call(b, prop))
+      __defNormalProp$u(a, prop, b[prop]);
+  if (__getOwnPropSymbols$u)
+    for (var prop of __getOwnPropSymbols$u(b)) {
+      if (__propIsEnum$u.call(b, prop))
+        __defNormalProp$u(a, prop, b[prop]);
     }
   return a;
 };
 let singletonOptions$3;
 let defaultOptions$3 = {};
 function normalizeOptions$3(options = {}) {
-  return __spreadValues$s(__spreadValues$s({}, defaultOptions$3), options);
+  return __spreadValues$u(__spreadValues$u({}, defaultOptions$3), options);
 }
 function ActionSheet(options) {
   if (!inBrowser()) {
@@ -3620,7 +3632,7 @@ function ActionSheet(options) {
     const reactiveActionSheetOptions = vue.reactive(normalizeOptions$3(options));
     reactiveActionSheetOptions.teleport = "body";
     singletonOptions$3 = reactiveActionSheetOptions;
-    const { unmountInstance } = mountInstance(stdin_default$5X, reactiveActionSheetOptions, {
+    const { unmountInstance } = mountInstance(stdin_default$5Y, reactiveActionSheetOptions, {
       onSelect: (action) => {
         call(reactiveActionSheetOptions.onSelect, action);
         resolve(action);
@@ -3660,12 +3672,12 @@ ActionSheet.close = function() {
     });
   }
 };
-ActionSheet.Component = stdin_default$5X;
-withInstall(stdin_default$5X);
-withInstall(stdin_default$5X, ActionSheet);
+ActionSheet.Component = stdin_default$5Y;
+withInstall(stdin_default$5Y);
+withInstall(stdin_default$5Y, ActionSheet);
 withPropsDefaultsSetter(ActionSheet, props$1i);
-const _ActionSheetComponent = stdin_default$5X;
-var stdin_default$5W = ActionSheet;
+const _ActionSheetComponent = stdin_default$5Y;
+var stdin_default$5X = ActionSheet;
 const props$1h = {
   type: {
     type: String,
@@ -3685,14 +3697,14 @@ const props$1h = {
   },
   onClose: defineListenerProp()
 };
-const { name: name$1i, n: n$1p, classes: classes$17 } = createNamespace("alert");
+const { name: name$1j, n: n$1q, classes: classes$17 } = createNamespace("alert");
 const iconTypeMap = {
   success: "checkbox-marked-circle",
   warning: "warning",
   info: "information",
   danger: "error"
 };
-function __render__$1n(_ctx, _cache) {
+function __render__$1o(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -3789,10 +3801,10 @@ function __render__$1n(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$1q = vue.defineComponent({
-  name: name$1i,
+const __sfc__$1r = vue.defineComponent({
+  name: name$1j,
   components: {
-    VarIcon: stdin_default$66
+    VarIcon: stdin_default$67
   },
   props: props$1h,
   setup(props2) {
@@ -3801,7 +3813,7 @@ const __sfc__$1q = vue.defineComponent({
       call(props2.onClose, e);
     }
     return {
-      n: n$1p,
+      n: n$1q,
       classes: classes$17,
       iconTypeMap,
       isInternalType,
@@ -3810,12 +3822,12 @@ const __sfc__$1q = vue.defineComponent({
     };
   }
 });
-__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;
+__sfc__$1r.render = __render__$1o;
+var stdin_default$5W = __sfc__$1r;
+withInstall(stdin_default$5W);
+withPropsDefaultsSetter(stdin_default$5W, props$1h);
+const _AlertComponent = stdin_default$5W;
+var stdin_default$5V = stdin_default$5W;
 const props$1g = {
   color: String,
   textColor: String,
@@ -3840,8 +3852,8 @@ const props$1g = {
   fixed: Boolean,
   placeholder: Boolean
 };
-const { name: name$1h, n: n$1o, classes: classes$16 } = createNamespace("app-bar");
-function __render__$1m(_ctx, _cache) {
+const { name: name$1i, n: n$1p, classes: classes$16 } = createNamespace("app-bar");
+function __render__$1n(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     vue.Fragment,
     null,
@@ -3971,8 +3983,8 @@ function __render__$1m(_ctx, _cache) {
     /* STABLE_FRAGMENT */
   );
 }
-const __sfc__$1p = vue.defineComponent({
-  name: name$1h,
+const __sfc__$1q = vue.defineComponent({
+  name: name$1i,
   props: props$1g,
   setup(props2, { slots }) {
     const appBar = vue.ref(null);
@@ -4017,7 +4029,7 @@ const __sfc__$1p = vue.defineComponent({
       rootStyles,
       paddingLeft,
       paddingRight,
-      n: n$1o,
+      n: n$1p,
       classes: classes$16,
       formatElevation,
       appBar,
@@ -4025,12 +4037,12 @@ 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 _AppBarComponent = stdin_default$5T;
-var stdin_default$5S = stdin_default$5T;
+__sfc__$1q.render = __render__$1n;
+var stdin_default$5U = __sfc__$1q;
+withInstall(stdin_default$5U);
+withPropsDefaultsSetter(stdin_default$5U, props$1g);
+const _AppBarComponent = stdin_default$5U;
+var stdin_default$5T = stdin_default$5U;
 const props$1f = {
   errorMessage: {
     type: String,
@@ -4041,10 +4053,10 @@ const props$1f = {
     default: ""
   }
 };
-const { name: name$1g, n: n$1n } = createNamespace("form-details");
-const _hoisted_1$z = { key: 0 };
+const { name: name$1h, n: n$1o } = createNamespace("form-details");
+const _hoisted_1$A = { key: 0 };
 const _hoisted_2$9 = { key: 0 };
-function __render__$1l(_ctx, _cache) {
+function __render__$1m(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.Transition, {
     name: _ctx.n()
   }, {
@@ -4068,7 +4080,7 @@ function __render__$1l(_ctx, _cache) {
                 default: vue.withCtx(() => [
                   _ctx.errorMessage ? (vue.openBlock(), vue.createElementBlock(
                     "div",
-                    _hoisted_1$z,
+                    _hoisted_1$A,
                     vue.toDisplayString(_ctx.errorMessage),
                     1
                     /* TEXT */
@@ -4117,17 +4129,17 @@ function __render__$1l(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["name"]);
 }
-const __sfc__$1o = vue.defineComponent({
-  name: name$1g,
+const __sfc__$1p = vue.defineComponent({
+  name: name$1h,
   props: props$1f,
-  setup: () => ({ n: n$1n })
+  setup: () => ({ n: n$1o })
 });
-__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;
+__sfc__$1p.render = __render__$1m;
+var stdin_default$5S = __sfc__$1p;
+withInstall(stdin_default$5S);
+withPropsDefaultsSetter(stdin_default$5S, props$1f);
+const _FormDetailsComponent = stdin_default$5S;
+var stdin_default$5R = stdin_default$5S;
 const props$1e = {
   value: {
     type: null,
@@ -4203,7 +4215,7 @@ function useSwipeResizeDispatcher() {
     bindSwipeResizeDispatcher: bindParent
   };
 }
-var __async$i = (__this, __arguments, generator) => {
+var __async$k = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -4223,9 +4235,9 @@ var __async$i = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$1f, n: n$1m, classes: classes$15 } = createNamespace("field-decorator");
-const _hoisted_1$y = ["for"];
-function __render__$1k(_ctx, _cache) {
+const { name: name$1g, n: n$1n, classes: classes$15 } = createNamespace("field-decorator");
+const _hoisted_1$z = ["for"];
+function __render__$1l(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -4304,7 +4316,7 @@ function __render__$1k(_ctx, _cache) {
               1
               /* TEXT */
             )
-          ], 14, _hoisted_1$y)) : vue.createCommentVNode("v-if", true),
+          ], 14, _hoisted_1$z)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode(
             "div",
             {
@@ -4419,9 +4431,9 @@ function __render__$1k(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1n = vue.defineComponent({
-  name: name$1f,
-  components: { VarIcon: stdin_default$66 },
+const __sfc__$1o = vue.defineComponent({
+  name: name$1g,
+  components: { VarIcon: stdin_default$67 },
   props: props$1e,
   setup(props2) {
     const placeholderTextEl = vue.ref(null);
@@ -4454,7 +4466,7 @@ const __sfc__$1n = vue.defineComponent({
     if (popup) {
       vue.watch(
         () => popup.show.value,
-        (show) => __async$i(this, null, function* () {
+        (show) => __async$k(this, null, function* () {
           if (show) {
             yield doubleRaf();
             resize();
@@ -4465,10 +4477,10 @@ const __sfc__$1n = vue.defineComponent({
     function computePlaceholderState() {
       const { hint, value, composing } = props2;
       if (!hint && (!isEmpty(value) || composing)) {
-        return n$1m("--placeholder-hidden");
+        return n$1n("--placeholder-hidden");
       }
       if (isFloating.value) {
-        return n$1m("--placeholder-hint");
+        return n$1n("--placeholder-hint");
       }
     }
     function handleClear(e) {
@@ -4499,7 +4511,7 @@ const __sfc__$1n = vue.defineComponent({
       transitionDisabled,
       resize,
       computePlaceholderState,
-      n: n$1m,
+      n: n$1n,
       classes: classes$15,
       isEmpty,
       handleClear,
@@ -4507,32 +4519,32 @@ const __sfc__$1n = vue.defineComponent({
     };
   }
 });
-__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;
-var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
-var __hasOwnProp$r = Object.prototype.hasOwnProperty;
-var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$r = (obj, key3, value) => key3 in obj ? __defProp$r(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$r = (a, b) => {
+__sfc__$1o.render = __render__$1l;
+var stdin_default$5Q = __sfc__$1o;
+withInstall(stdin_default$5Q);
+withPropsDefaultsSetter(stdin_default$5Q, props$1e);
+const _FieldDecoratorComponent = stdin_default$5Q;
+var stdin_default$5P = stdin_default$5Q;
+var __defProp$t = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
+var __hasOwnProp$t = Object.prototype.hasOwnProperty;
+var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$t = (obj, key3, value) => key3 in obj ? __defProp$t(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$t = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$r.call(b, prop))
-      __defNormalProp$r(a, prop, b[prop]);
-  if (__getOwnPropSymbols$r)
-    for (var prop of __getOwnPropSymbols$r(b)) {
-      if (__propIsEnum$r.call(b, prop))
-        __defNormalProp$r(a, prop, b[prop]);
+    if (__hasOwnProp$t.call(b, prop))
+      __defNormalProp$t(a, prop, b[prop]);
+  if (__getOwnPropSymbols$t)
+    for (var prop of __getOwnPropSymbols$t(b)) {
+      if (__propIsEnum$t.call(b, prop))
+        __defNormalProp$t(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-const props$1d = __spreadProps$a(__spreadValues$r({
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+const props$1d = __spreadProps$b(__spreadValues$t({
   modelValue: String,
   modelModifiers: {
     type: Object,
@@ -4592,31 +4604,31 @@ const props$1d = __spreadProps$a(__spreadValues$r({
   }
   // internal end
 });
-var __defProp$q = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
-var __hasOwnProp$q = Object.prototype.hasOwnProperty;
-var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$q = (obj, key3, value) => key3 in obj ? __defProp$q(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$q = (a, b) => {
+var __defProp$s = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
+var __hasOwnProp$s = Object.prototype.hasOwnProperty;
+var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$s = (obj, key3, value) => key3 in obj ? __defProp$s(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$s = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$q.call(b, prop))
-      __defNormalProp$q(a, prop, b[prop]);
-  if (__getOwnPropSymbols$q)
-    for (var prop of __getOwnPropSymbols$q(b)) {
-      if (__propIsEnum$q.call(b, prop))
-        __defNormalProp$q(a, prop, b[prop]);
+    if (__hasOwnProp$s.call(b, prop))
+      __defNormalProp$s(a, prop, b[prop]);
+  if (__getOwnPropSymbols$s)
+    for (var prop of __getOwnPropSymbols$s(b)) {
+      if (__propIsEnum$s.call(b, prop))
+        __defNormalProp$s(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
 const FORM_BIND_FORM_ITEM_KEY = Symbol("FORM_BIND_FORM_ITEM_KEY");
 function useForm() {
   const { parentProvider, index, bindParent } = useParent(FORM_BIND_FORM_ITEM_KEY);
   const instance = vue.getCurrentInstance();
   const bindForm = bindParent ? (formItemProvider) => {
-    bindParent(__spreadProps$9(__spreadValues$q({}, formItemProvider), { instance }));
+    bindParent(__spreadProps$a(__spreadValues$s({}, formItemProvider), { instance }));
   } : null;
   return {
     index,
@@ -4632,11 +4644,11 @@ function useFormItems() {
     bindFormItems: bindChildren
   };
 }
-const { name: name$1e, n: n$1l, classes: classes$14 } = createNamespace("input");
-const _hoisted_1$x = ["placeholder", "enterkeyhint"];
+const { name: name$1f, n: n$1m, classes: classes$14 } = createNamespace("input");
+const _hoisted_1$y = ["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__$1j(_ctx, _cache) {
+function __render__$1k(_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(
@@ -4687,7 +4699,7 @@ function __render__$1j(_ctx, _cache) {
                 "--input-placeholder-color": _ctx.placeholderColor
               }),
               enterkeyhint: _ctx.enterkeyhint
-            }, null, 14, _hoisted_1$x)) : vue.createCommentVNode("v-if", true),
+            }, null, 14, _hoisted_1$y)) : vue.createCommentVNode("v-if", true),
             _ctx.textarea ? (vue.openBlock(), vue.createElementBlock("textarea", {
               key: 1,
               class: vue.normalizeClass(
@@ -4792,11 +4804,11 @@ function __render__$1j(_ctx, _cache) {
     /* CLASS, NEED_HYDRATION */
   );
 }
-const __sfc__$1m = vue.defineComponent({
-  name: name$1e,
+const __sfc__$1n = vue.defineComponent({
+  name: name$1f,
   components: {
-    VarFormDetails: stdin_default$5Q,
-    VarFieldDecorator: stdin_default$5O
+    VarFormDetails: stdin_default$5R,
+    VarFieldDecorator: stdin_default$5P
   },
   props: props$1d,
   setup(props2) {
@@ -4976,7 +4988,7 @@ const __sfc__$1m = vue.defineComponent({
       maxlengthText,
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
-      n: n$1l,
+      n: n$1m,
       classes: classes$14,
       isEmpty,
       handleFocus,
@@ -4996,12 +5008,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 _InputComponent = stdin_default$5N;
-var stdin_default$5M = stdin_default$5N;
+__sfc__$1n.render = __render__$1k;
+var stdin_default$5O = __sfc__$1n;
+withInstall(stdin_default$5O);
+withPropsDefaultsSetter(stdin_default$5O, props$1d);
+const _InputComponent = stdin_default$5O;
+var stdin_default$5N = stdin_default$5O;
 const props$1c = {
   show: Boolean,
   disabled: Boolean,
@@ -5050,7 +5062,10 @@ const props$1c = {
   onClose: defineListenerProp(),
   onClosed: defineListenerProp(),
   onClickOutside: defineListenerProp(),
-  "onUpdate:show": defineListenerProp()
+  "onUpdate:show": defineListenerProp(),
+  // internal start
+  cascadeOptimization: Boolean
+  // internal end
 };
 var hash$1 = {
   left: "right",
@@ -6317,26 +6332,26 @@ var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyS
 var createPopper = /* @__PURE__ */ popperGenerator({
   defaultModifiers
 });
-var __defProp$p = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
-var __hasOwnProp$p = Object.prototype.hasOwnProperty;
-var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$p = (obj, key3, value) => key3 in obj ? __defProp$p(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$p = (a, b) => {
+var __defProp$r = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
+var __hasOwnProp$r = Object.prototype.hasOwnProperty;
+var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$r = (obj, key3, value) => key3 in obj ? __defProp$r(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$r = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$p.call(b, prop))
-      __defNormalProp$p(a, prop, b[prop]);
-  if (__getOwnPropSymbols$p)
-    for (var prop of __getOwnPropSymbols$p(b)) {
-      if (__propIsEnum$p.call(b, prop))
-        __defNormalProp$p(a, prop, b[prop]);
+    if (__hasOwnProp$r.call(b, prop))
+      __defNormalProp$r(a, prop, b[prop]);
+  if (__getOwnPropSymbols$r)
+    for (var prop of __getOwnPropSymbols$r(b)) {
+      if (__propIsEnum$r.call(b, prop))
+        __defNormalProp$r(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
-var __async$h = (__this, __arguments, generator) => {
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __async$j = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -6377,6 +6392,7 @@ function usePopover(options) {
   let reference2 = void 0;
   let enterPopover = false;
   let enterReference = false;
+  let allowClose = true;
   useEventListener(() => window, "keydown", handleKeydown);
   vue.watch(() => [options.offsetX, options.offsetY, options.placement, options.strategy], resize);
   vue.watch(() => options.disabled, close);
@@ -6460,7 +6476,7 @@ function usePopover(options) {
     open();
   }
   function handleReferenceMouseleave() {
-    return __async$h(this, null, function* () {
+    return __async$j(this, null, function* () {
       if (options.trigger !== "hover") {
         return;
       }
@@ -6477,9 +6493,12 @@ function usePopover(options) {
       return;
     }
     enterPopover = true;
+    if (options.cascadeOptimization) {
+      allowClose = false;
+    }
   }
   function handlePopoverMouseleave() {
-    return __async$h(this, null, function* () {
+    return __async$j(this, null, function* () {
       if (options.trigger !== "hover") {
         return;
       }
@@ -6611,15 +6630,15 @@ function usePopover(options) {
   function getPopperOptions() {
     const { placement, skidding, distance } = getPosition();
     const modifiers = [
-      __spreadProps$8(__spreadValues$p({}, flip$1), {
+      __spreadProps$9(__spreadValues$r({}, flip$1), {
         enabled: show.value
       }),
-      __spreadProps$8(__spreadValues$p({}, offset$1), {
+      __spreadProps$9(__spreadValues$r({}, offset$1), {
         options: {
           offset: [skidding, distance]
         }
       }),
-      __spreadProps$8(__spreadValues$p({}, computeStyles$1), {
+      __spreadProps$9(__spreadValues$r({}, computeStyles$1), {
         options: {
           adaptive: false,
           gpuAcceleration: false
@@ -6649,6 +6668,9 @@ function usePopover(options) {
     }
     return targetReference;
   }
+  function setAllowClose(value) {
+    allowClose = value;
+  }
   function setReference(newReference) {
     destroyPopperInstance();
     reference2 = newReference;
@@ -6672,6 +6694,9 @@ function usePopover(options) {
     call(options["onUpdate:show"], true);
   }
   function close() {
+    if (!allowClose) {
+      return;
+    }
     show.value = false;
     call(options["onUpdate:show"], false);
   }
@@ -6686,13 +6711,14 @@ function usePopover(options) {
     handlePopoverMouseleave,
     handleClosed,
     setReference,
+    setAllowClose,
     resize,
     open,
     close
   };
 }
-const { name: name$1d, n: n$1k, classes: classes$13 } = createNamespace("menu");
-function __render__$1i(_ctx, _cache) {
+const { name: name$1e, n: n$1l, classes: classes$13 } = createNamespace("menu");
+function __render__$1j(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -6752,8 +6778,8 @@ function __render__$1i(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1l = vue.defineComponent({
-  name: name$1d,
+const __sfc__$1m = vue.defineComponent({
+  name: name$1e,
   props: props$1c,
   setup(props2) {
     const { disabled: teleportDisabled } = useTeleport();
@@ -6767,6 +6793,7 @@ const __sfc__$1l = vue.defineComponent({
       handlePopoverMouseleave,
       handlePopoverClose,
       handleClosed,
+      setAllowClose,
       // expose
       open,
       // expose
@@ -6776,6 +6803,9 @@ const __sfc__$1l = vue.defineComponent({
       // expose
       setReference
     } = usePopover(props2);
+    function allowClose() {
+      setAllowClose(true);
+    }
     return {
       popover,
       host,
@@ -6783,9 +6813,10 @@ const __sfc__$1l = vue.defineComponent({
       show,
       zIndex,
       teleportDisabled,
+      allowClose,
       formatElevation,
       toSizeUnit,
-      n: n$1k,
+      n: n$1l,
       classes: classes$13,
       handlePopoverMouseenter,
       handlePopoverMouseleave,
@@ -6798,12 +6829,12 @@ 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 _MenuComponent = stdin_default$5L;
-var stdin_default$5K = stdin_default$5L;
+__sfc__$1m.render = __render__$1j;
+var stdin_default$5M = __sfc__$1m;
+withInstall(stdin_default$5M);
+withPropsDefaultsSetter(stdin_default$5M, props$1c);
+const _MenuComponent = stdin_default$5M;
+var stdin_default$5L = stdin_default$5M;
 const props$1b = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
@@ -6858,9 +6889,9 @@ function useCheckboxGroup() {
     bindCheckboxGroup: bindParent
   };
 }
-const { name: name$1c, n: n$1j, classes: classes$12 } = createNamespace("checkbox");
-const _hoisted_1$w = ["tabindex"];
-function __render__$1h(_ctx, _cache) {
+const { name: name$1d, n: n$1k, classes: classes$12 } = createNamespace("checkbox");
+const _hoisted_1$x = ["tabindex"];
+function __render__$1i(_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");
@@ -6896,7 +6927,7 @@ function __render__$1h(_ctx, _cache) {
           }, [
             _ctx.isIndeterminate ? vue.renderSlot(_ctx.$slots, "indeterminate-icon", { key: 0 }, () => [
               vue.createVNode(_component_var_icon, {
-                class: vue.normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
+                class: vue.normalizeClass(_ctx.n("icon")),
                 name: "minus-box",
                 size: _ctx.iconSize,
                 "var-checkbox-cover": ""
@@ -6904,7 +6935,7 @@ function __render__$1h(_ctx, _cache) {
             ]) : vue.createCommentVNode("v-if", true),
             _ctx.checked && !_ctx.isIndeterminate ? vue.renderSlot(_ctx.$slots, "checked-icon", { key: 1 }, () => [
               vue.createVNode(_component_var_icon, {
-                class: vue.normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
+                class: vue.normalizeClass(_ctx.n("icon")),
                 name: "checkbox-marked",
                 size: _ctx.iconSize,
                 "var-checkbox-cover": ""
@@ -6912,7 +6943,7 @@ function __render__$1h(_ctx, _cache) {
             ]) : vue.createCommentVNode("v-if", true),
             !_ctx.checked && !_ctx.isIndeterminate ? vue.renderSlot(_ctx.$slots, "unchecked-icon", { key: 2 }, () => [
               vue.createVNode(_component_var_icon, {
-                class: vue.normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
+                class: vue.normalizeClass(_ctx.n("icon")),
                 name: "checkbox-blank-outline",
                 size: _ctx.iconSize,
                 "var-checkbox-cover": ""
@@ -6922,7 +6953,7 @@ function __render__$1h(_ctx, _cache) {
               hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
               focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
             }, null, 8, ["hovering", "focusing"])
-          ], 46, _hoisted_1$w)), [
+          ], 46, _hoisted_1$x)), [
             [_directive_hover, _ctx.handleHovering, "desktop"],
             [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }]
           ]),
@@ -6955,13 +6986,13 @@ function __render__$1h(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1k = vue.defineComponent({
-  name: name$1c,
-  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
+const __sfc__$1l = vue.defineComponent({
+  name: name$1d,
+  directives: { Ripple: stdin_default$6b, Hover: stdin_default$64 },
   components: {
-    VarIcon: stdin_default$66,
-    VarFormDetails: stdin_default$5Q,
-    VarHoverOverlay: stdin_default$64
+    VarIcon: stdin_default$67,
+    VarFormDetails: stdin_default$5R,
+    VarHoverOverlay: stdin_default$65
   },
   props: props$1b,
   setup(props2) {
@@ -6971,7 +7002,6 @@ const __sfc__$1k = vue.defineComponent({
     const isIndeterminate = useVModel(props2, "indeterminate");
     const checked = vue.computed(() => value.value === props2.checkedValue);
     const checkedValue = vue.computed(() => props2.checkedValue);
-    const withAnimation = vue.ref(false);
     const { checkboxGroup, bindCheckboxGroup } = useCheckboxGroup();
     const { hovering, handleHovering } = useHoverOverlay();
     const { form, bindForm } = useForm();
@@ -6988,8 +7018,7 @@ const __sfc__$1k = vue.defineComponent({
       sync,
       validate,
       resetValidation,
-      reset,
-      resetWithAnimation
+      reset
     };
     call(bindCheckboxGroup, checkboxProvider);
     call(bindForm, checkboxProvider);
@@ -7004,8 +7033,7 @@ const __sfc__$1k = vue.defineComponent({
     function change(changedValue) {
       const { checkedValue: checkedValue2, onChange } = props2;
       value.value = changedValue;
-      isIndeterminate.value = false;
-      call(onChange, value.value);
+      call(onChange, value.value, isIndeterminate.value);
       validateWithTrigger("onChange");
       changedValue === checkedValue2 ? checkboxGroup == null ? void 0 : checkboxGroup.onChecked(checkedValue2) : checkboxGroup == null ? void 0 : checkboxGroup.onUnchecked(checkedValue2);
     }
@@ -7018,7 +7046,12 @@ const __sfc__$1k = vue.defineComponent({
       if ((form == null ? void 0 : form.readonly.value) || readonly) {
         return;
       }
-      withAnimation.value = true;
+      if (isIndeterminate.value === true) {
+        isIndeterminate.value = false;
+        call(props2.onChange, value.value, isIndeterminate.value);
+        validateWithTrigger("onChange");
+        return;
+      }
       const maximum = checkboxGroup ? checkboxGroup.checkedCount.value >= Number(checkboxGroup.max.value) : false;
       if (!checked.value && maximum) {
         return;
@@ -7032,9 +7065,6 @@ const __sfc__$1k = vue.defineComponent({
       const { checkedValue: checkedValue2, uncheckedValue } = props2;
       value.value = values.includes(checkedValue2) ? checkedValue2 : uncheckedValue;
     }
-    function resetWithAnimation() {
-      withAnimation.value = false;
-    }
     function reset() {
       value.value = props2.uncheckedValue;
       resetValidation();
@@ -7075,14 +7105,13 @@ const __sfc__$1k = vue.defineComponent({
       action,
       isFocusing,
       isIndeterminate,
-      withAnimation,
       checked,
       errorMessage,
       checkboxGroupErrorMessage: checkboxGroup == null ? void 0 : checkboxGroup.errorMessage,
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
       hovering,
-      n: n$1j,
+      n: n$1k,
       classes: classes$12,
       handleHovering,
       handleClick,
@@ -7094,12 +7123,12 @@ 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 _CheckboxComponent = stdin_default$5J;
-var stdin_default$5I = stdin_default$5J;
+__sfc__$1l.render = __render__$1i;
+var stdin_default$5K = __sfc__$1l;
+withInstall(stdin_default$5K);
+withPropsDefaultsSetter(stdin_default$5K, props$1b);
+const _CheckboxComponent = stdin_default$5K;
+var stdin_default$5J = stdin_default$5K;
 const MENU_SELECT_BIND_MENU_OPTION_KEY = Symbol("MENU_SELECT_BIND_MENU_OPTION_KEY");
 function useMenuOptions() {
   const { length, childProviders, bindChildren } = useChildren(
@@ -7130,26 +7159,58 @@ const props$1a = {
     type: Boolean,
     default: true
   },
-  // internal
-  option: Object
+  // internal start
+  option: Object,
+  childrenTrigger: Boolean,
+  highlight: Boolean,
+  onKeyArrowX: defineListenerProp()
+  // internal end
 };
-const { name: name$1b, n: n$1i, classes: classes$11 } = createNamespace("menu-option");
-const _hoisted_1$v = ["tabindex"];
-function __render__$1g(_ctx, _cache) {
+var __async$i = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const { name: name$1c, n: n$1j, classes: classes$11 } = createNamespace("menu-option");
+const _hoisted_1$w = ["tabindex"];
+function __render__$1h(_ctx, _cache) {
   const _component_var_checkbox = vue.resolveComponent("var-checkbox");
   const _component_maybe_v_node = vue.resolveComponent("maybe-v-node");
+  const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
   const _directive_ripple = vue.resolveDirective("ripple");
   const _directive_hover = vue.resolveDirective("hover");
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
     ref: "root",
     class: vue.normalizeClass(
-      _ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.n(`--${_ctx.size}`), [_ctx.optionSelected, _ctx.n("--selected-color")], [_ctx.disabled, _ctx.n("--disabled")])
+      _ctx.classes(
+        _ctx.n(),
+        _ctx.n("$--box"),
+        _ctx.n(`--${_ctx.size}`),
+        [_ctx.optionSelected, _ctx.n("--selected-color")],
+        [_ctx.disabled, _ctx.n("--disabled")],
+        [_ctx.childrenTrigger, _ctx.n("--children-trigger")]
+      )
     ),
     tabindex: _ctx.disabled ? void 0 : "-1",
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
-    onFocus: _cache[3] || (_cache[3] = ($event) => _ctx.isFocusing = true),
-    onBlur: _cache[4] || (_cache[4] = ($event) => _ctx.isFocusing = false)
+    onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+    onFocus: _cache[4] || (_cache[4] = ($event) => _ctx.isFocusing = true),
+    onBlur: _cache[5] || (_cache[5] = ($event) => _ctx.isFocusing = false)
   }, [
     vue.createElementVNode(
       "div",
@@ -7165,11 +7226,13 @@ function __render__$1g(_ctx, _cache) {
       ref: "checkbox",
       modelValue: _ctx.optionSelected,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.optionSelected = $event),
+      indeterminate: _ctx.optionIndeterminate,
+      "onUpdate:indeterminate": _cache[1] || (_cache[1] = ($event) => _ctx.optionIndeterminate = $event),
       disabled: _ctx.disabled,
-      onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+      onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
       }, ["stop"])),
       onChange: _ctx.handleSelect
-    }, null, 8, ["modelValue", "disabled", "onChange"])) : vue.createCommentVNode("v-if", true),
+    }, null, 8, ["modelValue", "indeterminate", "disabled", "onChange"])) : vue.createCommentVNode("v-if", true),
     vue.renderSlot(_ctx.$slots, "default", {}, () => [
       vue.createElementVNode(
         "div",
@@ -7186,29 +7249,55 @@ function __render__$1g(_ctx, _cache) {
         /* CLASS */
       )
     ]),
+    _ctx.childrenTrigger ? (vue.openBlock(), vue.createElementBlock(
+      "div",
+      {
+        key: 1,
+        class: vue.normalizeClass(_ctx.n("arrow"))
+      },
+      [
+        vue.createVNode(_component_var_icon, {
+          "var-menu-option-cover": "",
+          class: vue.normalizeClass(_ctx.n("arrow-icon")),
+          name: "chevron-right"
+        }, null, 8, ["class"])
+      ],
+      2
+      /* CLASS */
+    )) : vue.createCommentVNode("v-if", true),
     vue.createVNode(_component_var_hover_overlay, {
-      hovering: _ctx.hovering && !_ctx.disabled,
+      hovering: (_ctx.hovering || _ctx.highlight) && !_ctx.disabled,
       focusing: _ctx.isFocusing && !_ctx.disabled
     }, null, 8, ["hovering", "focusing"])
-  ], 42, _hoisted_1$v)), [
+  ], 42, _hoisted_1$w)), [
     [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }],
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
 }
-const __sfc__$1j = vue.defineComponent({
-  name: name$1b,
-  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
+const __sfc__$1k = vue.defineComponent({
+  name: name$1c,
+  directives: { Ripple: stdin_default$6b, Hover: stdin_default$64 },
   components: {
-    VarCheckbox: stdin_default$5I,
-    VarHoverOverlay: stdin_default$64,
+    VarCheckbox: stdin_default$5J,
+    VarHoverOverlay: stdin_default$65,
+    VarIcon: stdin_default$67,
     MaybeVNode
   },
   props: props$1a,
   setup(props2) {
     const root = vue.ref();
+    const checkbox = vue.ref();
     const isFocusing = vue.ref(false);
     const optionSelected = vue.ref(false);
+    const optionIndeterminate = vue.ref(false);
     const selected = vue.computed(() => optionSelected.value);
+    const indeterminate = vue.computed(() => optionIndeterminate.value);
+    const value = vue.computed(() => props2.value);
+    const disabled = vue.computed(() => props2.disabled);
+    const ripple = vue.computed(() => props2.ripple);
+    const { menuSelect, bindMenuSelect } = useMenuSelect();
+    const { size, multiple, onSelect, computeLabel } = menuSelect;
+    const { hovering, handleHovering } = useHoverOverlay();
     const labelVNode = vue.computed(
       () => {
         var _a;
@@ -7223,14 +7312,13 @@ const __sfc__$1j = vue.defineComponent({
         ) : props2.label;
       }
     );
-    const value = vue.computed(() => props2.value);
-    const { menuSelect, bindMenuSelect } = useMenuSelect();
-    const { size, multiple, onSelect, computeLabel } = menuSelect;
-    const { hovering, handleHovering } = useHoverOverlay();
     const menuOptionProvider = {
       label: labelVNode,
       value,
       selected,
+      disabled,
+      ripple,
+      indeterminate,
       sync
     };
     vue.watch([() => props2.label, () => props2.value], computeLabel);
@@ -7241,9 +7329,31 @@ const __sfc__$1j = vue.defineComponent({
       if (props2.disabled) {
         return;
       }
-      handleSelect();
+      if (!multiple.value && props2.childrenTrigger) {
+        return;
+      }
+      if (multiple.value && optionIndeterminate.value) {
+        optionIndeterminate.value = false;
+        optionSelected.value = false;
+        onSelect(menuOptionProvider);
+        return;
+      }
+      if (multiple.value && !optionIndeterminate.value) {
+        optionSelected.value = !optionSelected.value;
+      }
+      onSelect(menuOptionProvider);
     }
     function handleKeydown(event) {
+      var _a;
+      if (!isFocusing.value && !((_a = checkbox.value) == null ? void 0 : _a.isFocusing)) {
+        return;
+      }
+      if (event.key === "ArrowRight") {
+        call(props2.onKeyArrowX, event.key);
+      }
+      if (event.key === "ArrowLeft") {
+        call(props2.onKeyArrowX, event.key);
+      }
       if (!isFocusing.value) {
         return;
       }
@@ -7264,23 +7374,28 @@ const __sfc__$1j = vue.defineComponent({
       }
     }
     function handleSelect() {
-      if (multiple.value) {
-        optionSelected.value = !optionSelected.value;
-      }
-      onSelect(menuOptionProvider);
+      return __async$i(this, null, function* () {
+        yield vue.nextTick();
+        onSelect(menuOptionProvider);
+      });
     }
-    function sync(checked) {
+    function sync(checked, indeterminate2) {
       optionSelected.value = checked;
+      if (isBoolean(indeterminate2)) {
+        optionIndeterminate.value = indeterminate2;
+      }
     }
     return {
       root,
+      checkbox,
       optionSelected,
+      optionIndeterminate,
       size,
       multiple,
       hovering,
       isFocusing,
       labelVNode,
-      n: n$1i,
+      n: n$1j,
       classes: classes$11,
       handleHovering,
       handleClick,
@@ -7288,32 +7403,32 @@ 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 _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;
-var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
-var __hasOwnProp$o = Object.prototype.hasOwnProperty;
-var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$o = (obj, key3, value) => key3 in obj ? __defProp$o(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
-var __spreadValues$o = (a, b) => {
+__sfc__$1k.render = __render__$1h;
+var stdin_default$5I = __sfc__$1k;
+withInstall(stdin_default$5I);
+withPropsDefaultsSetter(stdin_default$5I, props$1a);
+const _MenuOptionComponent = stdin_default$5I;
+var stdin_default$5H = stdin_default$5I;
+var __defProp$q = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
+var __hasOwnProp$q = Object.prototype.hasOwnProperty;
+var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$q = (obj, key3, value) => key3 in obj ? __defProp$q(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$q = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$o.call(b, prop))
-      __defNormalProp$o(a, prop, b[prop]);
-  if (__getOwnPropSymbols$o)
-    for (var prop of __getOwnPropSymbols$o(b)) {
-      if (__propIsEnum$o.call(b, prop))
-        __defNormalProp$o(a, prop, b[prop]);
+    if (__hasOwnProp$q.call(b, prop))
+      __defNormalProp$q(a, prop, b[prop]);
+  if (__getOwnPropSymbols$q)
+    for (var prop of __getOwnPropSymbols$q(b)) {
+      if (__propIsEnum$q.call(b, prop))
+        __defNormalProp$q(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-const props$19 = __spreadProps$7(__spreadValues$o({
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+const props$19 = __spreadProps$8(__spreadValues$q({
   modelValue: {
     type: [String, Number, Boolean, Array],
     default: void 0
@@ -7330,6 +7445,10 @@ const props$19 = __spreadProps$7(__spreadValues$o({
     type: String,
     default: "value"
   },
+  childrenKey: {
+    type: String,
+    default: "children"
+  },
   size: {
     type: String,
     default: "normal"
@@ -7340,7 +7459,8 @@ const props$19 = __spreadProps$7(__spreadValues$o({
     type: Boolean,
     default: true
   },
-  "onUpdate:modelValue": defineListenerProp()
+  "onUpdate:modelValue": defineListenerProp(),
+  onSelect: defineListenerProp()
 }, pickProps(props$1c, [
   "show",
   "disabled",
@@ -7366,12 +7486,239 @@ const props$19 = __spreadProps$7(__spreadValues$o({
   onKeyEscape: defineListenerProp()
   // internal end
 });
+var __defProp$p = Object.defineProperty;
+var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
+var __hasOwnProp$p = Object.prototype.hasOwnProperty;
+var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$p = (obj, key3, value) => key3 in obj ? __defProp$p(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$p = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$p.call(b, prop))
+      __defNormalProp$p(a, prop, b[prop]);
+  if (__getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(b)) {
+      if (__propIsEnum$p.call(b, prop))
+        __defNormalProp$p(a, prop, b[prop]);
+    }
+  return a;
+};
+var __async$h = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const { name: name$1b, n: n$1i } = createNamespace("menu-children");
+const _hoisted_1$v = { ref: "menuOptions" };
+function __render__$1g(_ctx, _cache) {
+  const _component_var_menu_option = vue.resolveComponent("var-menu-option");
+  const _component_var_menu_children = vue.resolveComponent("var-menu-children");
+  const _component_var_menu = vue.resolveComponent("var-menu");
+  return vue.openBlock(), vue.createBlock(_component_var_menu, {
+    ref: "menu",
+    trigger: "hover",
+    placement: "right-start",
+    "cascade-optimization": "",
+    "var-menu-children-cover": "",
+    class: vue.normalizeClass(_ctx.n()),
+    disabled: _ctx.disabled,
+    teleport: false,
+    "close-on-click-reference": false,
+    show: _ctx.show,
+    "onUpdate:show": _cache[1] || (_cache[1] = ($event) => _ctx.show = $event)
+  }, vue.createSlots({
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_var_menu_option, {
+        ref: "trigger",
+        "children-trigger": "",
+        label: _ctx.option[_ctx.labelKey],
+        value: _ctx.option[_ctx.valueKey],
+        option: _ctx.option,
+        ripple: _ctx.option.ripple,
+        disabled: _ctx.option.disabled,
+        highlight: _ctx.highlightOptions.some((_option) => _option.value === _ctx.option.value),
+        onKeyArrowX: _ctx.handleArrowRight,
+        onMouseenter: _ctx.handleMouseenter
+      }, null, 8, ["label", "value", "option", "ripple", "disabled", "highlight", "onKeyArrowX", "onMouseenter"])
+    ]),
+    _: 2
+    /* DYNAMIC */
+  }, [
+    _ctx.options.length ? {
+      name: "menu",
+      fn: vue.withCtx(() => [
+        vue.createElementVNode(
+          "div",
+          _hoisted_1$v,
+          [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(_ctx.options, (option) => {
+                return vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  {
+                    key: option[_ctx.valueKey]
+                  },
+                  [
+                    option[_ctx.childrenKey] ? (vue.openBlock(), vue.createBlock(_component_var_menu_children, {
+                      key: 0,
+                      ref_for: true,
+                      ref: "menuChildren",
+                      "parent-show": _ctx.show,
+                      option,
+                      options: option[_ctx.childrenKey],
+                      "highlight-options": _ctx.highlightOptions,
+                      disabled: option.disabled,
+                      onKeyArrowX: _ctx.handleArrowLeft,
+                      onKeyArrowRightOpen: ($event) => _ctx.allowChildrenClose(option),
+                      onMouseenter: ($event) => _ctx.allowChildrenClose(option)
+                    }, null, 8, ["parent-show", "option", "options", "highlight-options", "disabled", "onKeyArrowX", "onKeyArrowRightOpen", "onMouseenter"])) : (vue.openBlock(), vue.createBlock(_component_var_menu_option, {
+                      key: 1,
+                      label: option[_ctx.labelKey],
+                      value: option[_ctx.valueKey],
+                      option,
+                      ripple: option.ripple,
+                      disabled: option.disabled,
+                      onKeyArrowX: _ctx.handleArrowLeft,
+                      onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.allowChildrenClose())
+                    }, null, 8, ["label", "value", "option", "ripple", "disabled", "onKeyArrowX"]))
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          512
+          /* NEED_PATCH */
+        )
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1032, ["class", "disabled", "show"]);
+}
+const __sfc__$1j = vue.defineComponent({
+  name: name$1b,
+  components: {
+    VarMenu: stdin_default$5M,
+    VarMenuOption: stdin_default$5I
+  },
+  props: __spreadValues$p({
+    parentShow: Boolean,
+    disabled: Boolean,
+    option: {
+      type: Object,
+      required: true
+    },
+    highlightOptions: pickProps(props$19, "options"),
+    onKeyArrowX: defineListenerProp(),
+    onKeyArrowRightOpen: defineListenerProp(),
+    onMouseenter: defineListenerProp()
+  }, pickProps(props$19, ["options", "valueKey", "labelKey", "childrenKey"])),
+  setup(props2) {
+    const show = vue.ref(false);
+    const menu = vue.ref();
+    const trigger = vue.ref();
+    const menuOptions = vue.ref();
+    const menuChildren = vue.ref();
+    vue.watch(
+      () => props2.parentShow,
+      (value) => {
+        if (!value) {
+          show.value = false;
+        }
+      },
+      { immediate: true }
+    );
+    function handleArrowRight(key3) {
+      return __async$h(this, null, function* () {
+        var _a;
+        call(props2.onKeyArrowX, key3);
+        if (key3 !== "ArrowRight") {
+          return;
+        }
+        call(props2.onKeyArrowRightOpen);
+        (_a = menu.value) == null ? void 0 : _a.open();
+        yield raf();
+        focusChildElementByKey(menu.value.$el, menuOptions.value, "ArrowDown");
+      });
+    }
+    function handleArrowLeft(key3) {
+      var _a;
+      if (key3 !== "ArrowLeft") {
+        return;
+      }
+      allowClose();
+      close();
+      (_a = trigger.value) == null ? void 0 : _a.$el.focus();
+    }
+    function close() {
+      var _a;
+      (_a = menu.value) == null ? void 0 : _a.close();
+    }
+    function allowClose() {
+      var _a;
+      (_a = menu.value) == null ? void 0 : _a.allowClose();
+    }
+    function allowChildrenClose(option) {
+      var _a;
+      (_a = menuChildren.value) == null ? void 0 : _a.forEach((child) => {
+        child.allowClose();
+        if (option == null) {
+          child.close();
+          return;
+        }
+        if (child.option.value === option.value) {
+          return;
+        }
+        child.close();
+      });
+    }
+    function handleMouseenter() {
+      call(props2.onMouseenter);
+    }
+    return {
+      show,
+      menu,
+      trigger,
+      menuOptions,
+      menuChildren,
+      n: n$1i,
+      close,
+      handleArrowLeft,
+      handleArrowRight,
+      handleMouseenter,
+      allowClose,
+      allowChildrenClose
+    };
+  }
+});
+__sfc__$1j.render = __render__$1g;
+var stdin_default$5G = __sfc__$1j;
 function useSelectController(options) {
   const {
     multiple: multipleGetter,
     modelValue: modelValueGetter,
     optionProviders: optionProvidersGetter,
-    optionProvidersLength: optionProvidersLengthGetter
+    optionProvidersLength: optionProvidersLengthGetter,
+    optionIsIndeterminate
   } = options;
   const label = vue.ref("");
   const labels = vue.ref([]);
@@ -7399,35 +7746,61 @@ function useSelectController(options) {
     }
     return (_a = option == null ? void 0 : option.label.value) != null ? _a : "";
   }
-  function findValueOrLabel({ value, label: label2 }) {
+  function getOptionProviderKey({ value, label: label2 }) {
     var _a;
     return (_a = value.value) != null ? _a : label2.value;
   }
   function getSelectedValue(option) {
     const multiple = multipleGetter();
     const options2 = optionProvidersGetter();
-    return multiple ? options2.filter(({ selected }) => selected.value).map(findValueOrLabel) : findValueOrLabel(option);
+    return multiple ? options2.filter(({ selected }) => selected.value).map(getOptionProviderKey) : getOptionProviderKey(option);
   }
   function syncOptions() {
     const multiple = multipleGetter();
     const modelValue = modelValueGetter();
     const options2 = optionProvidersGetter();
     if (multiple) {
-      options2.forEach((option) => option.sync(modelValue.includes(findValueOrLabel(option))));
+      options2.forEach(
+        (option) => option.sync(
+          modelValue.includes(getOptionProviderKey(option)),
+          optionIsIndeterminate ? optionIsIndeterminate(option) : void 0
+        )
+      );
     } else {
-      options2.forEach((option) => option.sync(modelValue === findValueOrLabel(option)));
+      options2.forEach((option) => option.sync(modelValue === getOptionProviderKey(option)));
     }
     computeLabel();
   }
   return {
     label,
     labels,
+    getOptionProviderKey,
     computeLabel,
     getSelectedValue
   };
 }
+var __defProp$o = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
+var __hasOwnProp$o = Object.prototype.hasOwnProperty;
+var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$o = (obj, key3, value) => key3 in obj ? __defProp$o(obj, key3, { enumerable: true, configurable: true, writable: true, value }) : obj[key3] = value;
+var __spreadValues$o = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$o.call(b, prop))
+      __defNormalProp$o(a, prop, b[prop]);
+  if (__getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(b)) {
+      if (__propIsEnum$o.call(b, prop))
+        __defNormalProp$o(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 const { name: name$1a, n: n$1h, classes: classes$10 } = createNamespace("menu-select");
 function __render__$1f(_ctx, _cache) {
+  const _component_var_menu_children = vue.resolveComponent("var-menu-children");
   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, {
@@ -7449,7 +7822,7 @@ function __render__$1f(_ctx, _cache) {
     "close-on-click-reference": _ctx.closeOnClickReference,
     "close-on-key-escape": false,
     show: _ctx.show,
-    "onUpdate:show": _cache[0] || (_cache[0] = ($event) => _ctx.show = $event),
+    "onUpdate:show": _cache[1] || (_cache[1] = ($event) => _ctx.show = $event),
     onOpen: _ctx.onOpen,
     onOpened: _ctx.onOpened,
     onClose: _ctx.onClose,
@@ -7464,22 +7837,44 @@ function __render__$1f(_ctx, _cache) {
           class: vue.normalizeClass(_ctx.classes(_ctx.n("menu"), _ctx.formatElevation(_ctx.elevation, 3), [_ctx.scrollable, _ctx.n("--scrollable")]))
         },
         [
-          _ctx.options.length ? (vue.openBlock(true), vue.createElementBlock(
+          (vue.openBlock(true), vue.createElementBlock(
             vue.Fragment,
-            { key: 0 },
+            null,
             vue.renderList(_ctx.options, (option) => {
-              return vue.openBlock(), vue.createBlock(_component_var_menu_option, {
-                key: option[_ctx.valueKey],
-                label: option[_ctx.labelKey],
-                value: option[_ctx.valueKey],
-                option,
-                ripple: option.ripple,
-                disabled: option.disabled
-              }, null, 8, ["label", "value", "option", "ripple", "disabled"]);
+              return vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                {
+                  key: option[_ctx.valueKey]
+                },
+                [
+                  option[_ctx.childrenKey] ? (vue.openBlock(), vue.createBlock(_component_var_menu_children, {
+                    key: 0,
+                    ref_for: true,
+                    ref: "menuChildren",
+                    "parent-show": _ctx.show,
+                    option,
+                    options: option[_ctx.childrenKey],
+                    "highlight-options": _ctx.highlightOptions,
+                    disabled: option.disabled,
+                    onKeyArrowRightOpen: ($event) => _ctx.allowChildrenClose(option),
+                    onMouseenter: ($event) => _ctx.allowChildrenClose(option)
+                  }, null, 8, ["parent-show", "option", "options", "highlight-options", "disabled", "onKeyArrowRightOpen", "onMouseenter"])) : (vue.openBlock(), vue.createBlock(_component_var_menu_option, {
+                    key: 1,
+                    label: option[_ctx.labelKey],
+                    value: option[_ctx.valueKey],
+                    option,
+                    ripple: option.ripple,
+                    disabled: option.disabled,
+                    onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.allowChildrenClose())
+                  }, null, 8, ["label", "value", "option", "ripple", "disabled"]))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              );
             }),
             128
             /* KEYED_FRAGMENT */
-          )) : vue.createCommentVNode("v-if", true),
+          )),
           vue.renderSlot(_ctx.$slots, "options")
         ],
         2
@@ -7495,18 +7890,44 @@ function __render__$1f(_ctx, _cache) {
 }
 const __sfc__$1i = vue.defineComponent({
   name: name$1a,
-  components: { VarMenu: stdin_default$5K, VarMenuOption: stdin_default$5G },
+  components: { VarMenu: stdin_default$5L, VarMenuOption: stdin_default$5H, VarMenuChildren: stdin_default$5G },
   props: props$19,
   setup(props2) {
-    const menu = vue.ref(null);
-    const menuOptionsRef = vue.ref(null);
     const show = useVModel(props2, "show");
+    const menu = vue.ref();
+    const menuOptionsRef = vue.ref();
+    const menuChildren = vue.ref();
+    const enhancedOptions = vue.computed(() => enhance(props2.options));
     const { menuOptions, length, bindMenuOptions } = useMenuOptions();
-    const { computeLabel, getSelectedValue } = useSelectController({
+    const { computeLabel, getSelectedValue, getOptionProviderKey } = useSelectController({
       modelValue: () => props2.modelValue,
       multiple: () => props2.multiple,
       optionProviders: () => menuOptions,
-      optionProvidersLength: () => length.value
+      optionProvidersLength: () => length.value,
+      optionIsIndeterminate(optionProvider) {
+        var _a;
+        const enhancedOption = getEnhancedOption(optionProvider.value.value);
+        if (!enhancedOption) {
+          return false;
+        }
+        const children = ((_a = enhancedOption._children) != null ? _a : []).filter((option) => !option.disabled);
+        const selectedChildren = children.filter((option) => props2.modelValue.includes(option.value));
+        return selectedChildren.length > 0 && selectedChildren.length < children.length;
+      }
+    });
+    const highlightOptions = vue.computed(() => {
+      const { multiple, modelValue } = props2;
+      if (multiple) {
+        return [];
+      }
+      const selectedOption = enhancedOptions.value.find((option) => option.value === modelValue);
+      const highlightOptions2 = [];
+      let parent = selectedOption == null ? void 0 : selectedOption._parent;
+      while (parent) {
+        highlightOptions2.push(parent);
+        parent = parent._parent;
+      }
+      return highlightOptions2;
     });
     const menuSelectProvider = {
       size: vue.computed(() => props2.size),
@@ -7516,14 +7937,108 @@ const __sfc__$1i = vue.defineComponent({
     };
     bindMenuOptions(menuSelectProvider);
     useEventListener(() => window, "keydown", handleKeydown);
-    function onSelect(option) {
+    function getEnhancedOption(value) {
+      return enhancedOptions.value.find((option) => option.value === value);
+    }
+    function getOptionProvider(value) {
+      return menuOptions.find((optionProvider) => optionProvider.value.value === value);
+    }
+    function getOptionChildren(option) {
+      return option[props2.childrenKey];
+    }
+    function flatten(options) {
+      const flattenOptions = [];
+      baseFlatten(options);
+      function baseFlatten(options2) {
+        options2.forEach((option) => {
+          flattenOptions.push(option);
+          const children = getOptionChildren(option);
+          if (children) {
+            baseFlatten(children);
+          }
+        });
+      }
+      return flattenOptions;
+    }
+    function enhance(options) {
+      function baseEnhance(options2, parent) {
+        return options2.map((option) => {
+          option = __spreadProps$7(__spreadValues$o({}, option), { _rawOption: option });
+          if (parent) {
+            option._parent = parent;
+          }
+          const children = getOptionChildren(option);
+          if (children) {
+            const enhancedChildren = baseEnhance(children, option);
+            option[props2.childrenKey] = enhancedChildren;
+            option._children = flatten(enhancedChildren);
+          }
+          return option;
+        });
+      }
+      return flatten(baseEnhance(options));
+    }
+    function onSelect(optionProvider) {
+      var _a, _b;
       const { multiple, closeOnSelect } = props2;
-      call(props2["onUpdate:modelValue"], getSelectedValue(option));
+      const { value, label, selected, disabled, ripple } = optionProvider;
+      const enhancedOption = getEnhancedOption(value.value);
+      if (enhancedOption) {
+        const childrenValues = ((_a = enhancedOption._children) != null ? _a : []).filter((option) => !option.disabled).map((option) => option.value);
+        if (multiple && selected.value) {
+          menuOptions.forEach((optionProvider2) => {
+            if (childrenValues.includes(optionProvider2.value.value)) {
+              optionProvider2.sync(true, false);
+            }
+          });
+          broadcastParentOption(enhancedOption);
+        }
+        if (multiple && !selected.value) {
+          menuOptions.forEach((optionProvider2) => {
+            if (childrenValues.includes(optionProvider2.value.value)) {
+              optionProvider2.sync(false, false);
+            }
+          });
+          broadcastParentOption(enhancedOption);
+        }
+      }
+      const selectedValue = getSelectedValue(optionProvider);
+      const selectedOption = (_b = enhancedOption == null ? void 0 : enhancedOption._rawOption) != null ? _b : {
+        value: value.value,
+        label: label.value,
+        disabled: disabled.value,
+        ripple: ripple.value
+      };
+      call(props2.onSelect, getOptionProviderKey(optionProvider), selectedOption);
+      call(props2["onUpdate:modelValue"], selectedValue);
       if (!multiple && closeOnSelect) {
         menu.value.$el.focus();
         close();
       }
     }
+    function broadcastParentOption(enhancedOption) {
+      let parentOption = enhancedOption._parent;
+      while (parentOption) {
+        const parentOptionProvider = getOptionProvider(parentOption.value);
+        const parentOptionChildren = getOptionChildren(parentOption).filter((option) => !option.disabled);
+        const isAllChildrenUnselected = parentOptionChildren.every((option) => {
+          const optionProvider = getOptionProvider(option.value);
+          return !optionProvider.selected.value;
+        });
+        const isAllChildrenSelected = parentOptionChildren.every((option) => {
+          const optionProvider = getOptionProvider(option.value);
+          return optionProvider.selected.value;
+        });
+        if (isAllChildrenUnselected) {
+          parentOptionProvider.sync(false, false);
+        } else if (isAllChildrenSelected) {
+          parentOptionProvider.sync(true, false);
+        } else {
+          parentOptionProvider.sync(false, true);
+        }
+        parentOption = parentOption._parent;
+      }
+    }
     function handleKeydown(event) {
       if (props2.disabled || !show.value) {
         return;
@@ -7542,6 +8057,20 @@ const __sfc__$1i = vue.defineComponent({
         focusChildElementByKey(menu.value.$el, menuOptionsRef.value, key3);
       }
     }
+    function allowChildrenClose(option) {
+      var _a;
+      (_a = menuChildren.value) == null ? void 0 : _a.forEach((child) => {
+        child.allowClose();
+        if (option == null) {
+          child.close();
+          return;
+        }
+        if (child.option.value === option.value) {
+          return;
+        }
+        child.close();
+      });
+    }
     function open() {
       var _a;
       (_a = menu.value) == null ? void 0 : _a.open();
@@ -7562,8 +8091,11 @@ const __sfc__$1i = vue.defineComponent({
       show,
       menu,
       menuOptionsRef,
+      menuChildren,
+      highlightOptions,
       n: n$1h,
       classes: classes$10,
+      allowChildrenClose,
       formatElevation,
       open,
       close,
@@ -7783,10 +8315,10 @@ function __render__$1e(_ctx, _cache) {
 const __sfc__$1h = vue.defineComponent({
   name: name$19,
   components: {
-    VarInput: stdin_default$5M,
+    VarInput: stdin_default$5N,
     VarMenuSelect: stdin_default$5E,
-    VarMenuOption: stdin_default$5G,
-    VarFormDetails: stdin_default$5Q
+    VarMenuOption: stdin_default$5H,
+    VarFormDetails: stdin_default$5R
   },
   props: props$18,
   setup(props2) {
@@ -8785,9 +9317,9 @@ const __sfc__$1d = vue.defineComponent({
   name: name$15,
   components: {
     VarLoading: stdin_default$5v,
-    VarHoverOverlay: stdin_default$64
+    VarHoverOverlay: stdin_default$65
   },
-  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
+  directives: { Ripple: stdin_default$6b, Hover: stdin_default$64 },
   props: props$14,
   setup(props2) {
     const isFocusing = vue.ref(false);
@@ -8932,7 +9464,7 @@ const __sfc__$1c = vue.defineComponent({
   name: name$14,
   components: {
     VarButton: stdin_default$5t,
-    VarIcon: stdin_default$66
+    VarIcon: stdin_default$67
   },
   inheritAttrs: false,
   props: props$13,
@@ -9099,7 +9631,7 @@ function __render__$18(_ctx, _cache) {
 }
 const __sfc__$1b = vue.defineComponent({
   name: name$13,
-  components: { VarIcon: stdin_default$66 },
+  components: { VarIcon: stdin_default$67 },
   inheritAttrs: false,
   props: props$12,
   setup(props2) {
@@ -9494,9 +10026,9 @@ const __sfc__$19 = vue.defineComponent({
   name: name$11,
   components: {
     VarBadge: stdin_default$5p,
-    VarIcon: stdin_default$66
+    VarIcon: stdin_default$67
   },
-  directives: { Ripple: stdin_default$6a },
+  directives: { Ripple: stdin_default$6b },
   props: props$10,
   setup(props2) {
     const name2 = vue.computed(() => props2.name);
@@ -10006,9 +10538,9 @@ function __render__$12(_ctx, _cache) {
 }
 const __sfc__$15 = vue.defineComponent({
   name: name$Z,
-  directives: { Ripple: stdin_default$6a },
+  directives: { Ripple: stdin_default$6b },
   components: {
-    VarIcon: stdin_default$66,
+    VarIcon: stdin_default$67,
     VarButton: stdin_default$5t
   },
   props: props$Y,
@@ -10241,8 +10773,8 @@ function __render__$11(_ctx, _cache) {
 }
 const __sfc__$14 = vue.defineComponent({
   name: name$Y,
-  components: { VarIcon: stdin_default$66 },
-  directives: { Ripple: stdin_default$6a },
+  components: { VarIcon: stdin_default$67 },
+  directives: { Ripple: stdin_default$6b },
   props: props$X,
   setup(props2) {
     const borderOffsetStyles = vue.computed(() => {
@@ -10353,7 +10885,7 @@ function __render__$10(_ctx, _cache) {
 }
 const __sfc__$13 = vue.defineComponent({
   name: name$X,
-  components: { VarFormDetails: stdin_default$5Q, VarCheckbox: stdin_default$5I, MaybeVNode },
+  components: { VarFormDetails: stdin_default$5R, VarCheckbox: stdin_default$5J, MaybeVNode },
   props: props$W,
   setup(props2) {
     const max2 = vue.computed(() => props2.max);
@@ -10409,20 +10941,15 @@ const __sfc__$13 = vue.defineComponent({
     function syncCheckboxes() {
       checkboxes.forEach(({ sync }) => sync(props2.modelValue));
     }
-    function resetWithAnimation() {
-      checkboxes.forEach((checkbox) => checkbox.resetWithAnimation());
-    }
     function checkAll2() {
       const checkedValues = checkboxes.map(({ checkedValue }) => checkedValue.value);
       const changedModelValue = uniq(checkedValues);
-      resetWithAnimation();
       call(props2["onUpdate:modelValue"], changedModelValue);
       return changedModelValue;
     }
     function inverseAll() {
       const checkedValues = checkboxes.filter(({ checked }) => !checked.value).map(({ checkedValue }) => checkedValue.value);
       const changedModelValue = uniq(checkedValues);
-      resetWithAnimation();
       call(props2["onUpdate:modelValue"], changedModelValue);
       return changedModelValue;
     }
@@ -10533,7 +11060,7 @@ function __render__$$(_ctx, _cache) {
 const __sfc__$12 = vue.defineComponent({
   name: name$W,
   components: {
-    VarIcon: stdin_default$66
+    VarIcon: stdin_default$67
   },
   inheritAttrs: false,
   props: props$V,
@@ -11140,7 +11667,7 @@ function __render__$X(_ctx, _cache) {
 const __sfc__$_ = vue.defineComponent({
   name: name$S,
   components: {
-    VarIcon: stdin_default$66
+    VarIcon: stdin_default$67
   },
   props: props$R,
   setup(props2) {
@@ -13818,10 +14345,10 @@ const __sfc__$W = vue.defineComponent({
   name: name$O,
   components: {
     VarButton: stdin_default$5t,
-    VarIcon: stdin_default$66,
-    VarFormDetails: stdin_default$5Q
+    VarIcon: stdin_default$67,
+    VarFormDetails: stdin_default$5R
   },
-  directives: { Ripple: stdin_default$6a },
+  directives: { Ripple: stdin_default$6b },
   inheritAttrs: false,
   props: props$N,
   setup(props2) {
@@ -14559,7 +15086,7 @@ const __sfc__$V = vue.defineComponent({
   name: "PanelHeader",
   components: {
     VarButton: stdin_default$5t,
-    VarIcon: stdin_default$66
+    VarIcon: stdin_default$67
   },
   props: {
     date: {
@@ -16509,7 +17036,7 @@ function __render__$M(_ctx, _cache) {
 const __sfc__$P = vue.defineComponent({
   name: name$L,
   components: {
-    VarPopup: stdin_default$68,
+    VarPopup: stdin_default$69,
     VarButton: stdin_default$5t
   },
   inheritAttrs: false,
@@ -17476,7 +18003,7 @@ var stdin_default$4A = vue.defineComponent({
         "elevation": props2.elevation,
         "iconContainer": true
       }, {
-        default: () => [vue.createVNode(stdin_default$66, {
+        default: () => [vue.createVNode(stdin_default$67, {
           "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,
@@ -17984,7 +18511,7 @@ const __sfc__$H = vue.defineComponent({
   name: name$C,
   directives: {
     Lazy: stdin_default$5B,
-    Ripple: stdin_default$6a
+    Ripple: stdin_default$6b
   },
   props: props$B,
   setup(props2, { slots }) {
@@ -18251,8 +18778,8 @@ function __render__$E(_ctx, _cache) {
 }
 const __sfc__$G = vue.defineComponent({
   name: name$B,
-  directives: { Hover: stdin_default$63 },
-  components: { VarButton: stdin_default$5t, VarIcon: stdin_default$66 },
+  directives: { Hover: stdin_default$64 },
+  components: { VarButton: stdin_default$5t, VarIcon: stdin_default$67 },
   props: props$A,
   setup(props2) {
     const swipeEl = vue.ref(null);
@@ -18825,8 +19352,8 @@ const __sfc__$E = vue.defineComponent({
   components: {
     VarSwipe: stdin_default$4p,
     VarSwipeItem: stdin_default$4n,
-    VarPopup: stdin_default$68,
-    VarIcon: stdin_default$66
+    VarPopup: stdin_default$69,
+    VarIcon: stdin_default$67
   },
   inheritAttrs: false,
   props: props$z,
@@ -19696,7 +20223,7 @@ function __render__$y(_ctx, _cache) {
 }
 const __sfc__$A = vue.defineComponent({
   name: name$v,
-  directives: { Ripple: stdin_default$6a },
+  directives: { Ripple: stdin_default$6b },
   components: { VarLoading: stdin_default$5v },
   props: props$v,
   setup(props2) {
@@ -19790,7 +20317,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$6b.zIndex + 10,
+        zIndex: stdin_default$6c.zIndex + 10,
         width: `${props2.value}%`,
         opacity: props2.opacity,
         height: toSizeUnit(props2.height),
@@ -19989,6 +20516,10 @@ const props$s = {
   label: {},
   value: {},
   disabled: Boolean,
+  ripple: {
+    type: Boolean,
+    default: true
+  },
   // internal
   option: Object
 };
@@ -20052,16 +20583,16 @@ function __render__$x(_ctx, _cache) {
       focusing: _ctx.isFocusing && !_ctx.disabled
     }, null, 8, ["hovering", "focusing"])
   ], 46, _hoisted_1$g)), [
-    [_directive_ripple, { disabled: _ctx.disabled }],
+    [_directive_ripple, { disabled: _ctx.disabled || !_ctx.ripple }],
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
 }
 const __sfc__$y = vue.defineComponent({
   name: name$s,
-  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
+  directives: { Ripple: stdin_default$6b, Hover: stdin_default$64 },
   components: {
-    VarCheckbox: stdin_default$5I,
-    VarHoverOverlay: stdin_default$64,
+    VarCheckbox: stdin_default$5J,
+    VarHoverOverlay: stdin_default$65,
     MaybeVNode
   },
   props: props$s,
@@ -20070,6 +20601,12 @@ const __sfc__$y = vue.defineComponent({
     const isFocusing = vue.ref(false);
     const optionSelected = vue.ref(false);
     const selected = vue.computed(() => optionSelected.value);
+    const value = vue.computed(() => props2.value);
+    const disabled = vue.computed(() => props2.disabled);
+    const ripple = vue.computed(() => props2.ripple);
+    const { select, bindSelect } = useSelect();
+    const { multiple, focusColor, onSelect, computeLabel } = select;
+    const { hovering, handleHovering } = useHoverOverlay();
     const labelVNode = vue.computed(
       () => {
         var _a;
@@ -20083,13 +20620,11 @@ const __sfc__$y = vue.defineComponent({
         ) : props2.label;
       }
     );
-    const value = vue.computed(() => props2.value);
-    const { select, bindSelect } = useSelect();
-    const { multiple, focusColor, onSelect, computeLabel } = select;
-    const { hovering, handleHovering } = useHoverOverlay();
     const optionProvider = {
       label: labelVNode,
       value,
+      disabled,
+      ripple,
       selected,
       sync
     };
@@ -20529,11 +21064,11 @@ const __sfc__$x = vue.defineComponent({
   name: name$q,
   components: {
     VarMenuSelect: stdin_default$5E,
-    VarMenuOption: stdin_default$5G,
-    VarIcon: stdin_default$66,
-    VarInput: stdin_default$5M
+    VarMenuOption: stdin_default$5H,
+    VarIcon: stdin_default$67,
+    VarInput: stdin_default$5N
   },
-  directives: { Ripple: stdin_default$6a },
+  directives: { Ripple: stdin_default$6b },
   props: props$q,
   setup(props2) {
     const quickJumperValue = vue.ref("");
@@ -20738,7 +21273,7 @@ function __render__$v(_ctx, _cache) {
 }
 const __sfc__$w = vue.defineComponent({
   name: name$p,
-  directives: { Ripple: stdin_default$6a },
+  directives: { Ripple: stdin_default$6b },
   props: props$p,
   setup(props2) {
     function handleClick(e) {
@@ -21048,7 +21583,7 @@ const __sfc__$v = vue.defineComponent({
   name: name$o,
   components: {
     VarButton: stdin_default$5t,
-    VarPopup: stdin_default$68
+    VarPopup: stdin_default$69
   },
   inheritAttrs: false,
   props: props$o,
@@ -21764,7 +22299,7 @@ function __render__$s(_ctx, _cache) {
 }
 const __sfc__$t = vue.defineComponent({
   name: name$m,
-  components: { VarIcon: stdin_default$66 },
+  components: { VarIcon: stdin_default$67 },
   props: props$m,
   setup(props2) {
     const controlPosition = vue.ref(0);
@@ -22002,14 +22537,14 @@ function __render__$r(_ctx, _cache) {
           }, [
             _ctx.checked ? vue.renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
               vue.createVNode(_component_var_icon, {
-                class: vue.normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
+                class: vue.normalizeClass(_ctx.n("icon")),
                 "var-radio-cover": "",
                 name: "radio-marked",
                 size: _ctx.iconSize
               }, null, 8, ["class", "size"])
             ]) : vue.renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
               vue.createVNode(_component_var_icon, {
-                class: vue.normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.withAnimation, _ctx.n("--with-animation")])),
+                class: vue.normalizeClass(_ctx.n("icon")),
                 "var-radio-cover": "",
                 name: "radio-blank",
                 size: _ctx.iconSize
@@ -22054,11 +22589,11 @@ function __render__$r(_ctx, _cache) {
 }
 const __sfc__$s = vue.defineComponent({
   name: name$l,
-  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
+  directives: { Ripple: stdin_default$6b, Hover: stdin_default$64 },
   components: {
-    VarIcon: stdin_default$66,
-    VarFormDetails: stdin_default$5Q,
-    VarHoverOverlay: stdin_default$64
+    VarIcon: stdin_default$67,
+    VarFormDetails: stdin_default$5R,
+    VarHoverOverlay: stdin_default$65
   },
   inheritAttrs: false,
   props: props$l,
@@ -22067,7 +22602,6 @@ const __sfc__$s = vue.defineComponent({
     const isFocusing = vue.ref(false);
     const value = useVModel(props2, "modelValue");
     const checked = vue.computed(() => value.value === props2.checkedValue);
-    const withAnimation = vue.ref(false);
     const { radioGroup, bindRadioGroup } = useRadioGroup();
     const { hovering, handleHovering } = useHoverOverlay();
     const { form, bindForm } = useForm();
@@ -22143,7 +22677,6 @@ const __sfc__$s = vue.defineComponent({
       if ((form == null ? void 0 : form.readonly.value) || readonly) {
         return;
       }
-      withAnimation.value = true;
       change(checked.value ? uncheckedValue : checkedValue);
     }
     function handleTextClick() {
@@ -22171,7 +22704,6 @@ const __sfc__$s = vue.defineComponent({
     return {
       action,
       isFocusing,
-      withAnimation,
       checked,
       errorMessage,
       radioGroupErrorMessage: radioGroup == null ? void 0 : radioGroup.errorMessage,
@@ -22276,7 +22808,7 @@ function __render__$q(_ctx, _cache) {
 }
 const __sfc__$r = vue.defineComponent({
   name: name$k,
-  components: { VarFormDetails: stdin_default$5Q, VarRadio: stdin_default$3V, MaybeVNode },
+  components: { VarFormDetails: stdin_default$5R, VarRadio: stdin_default$3V, MaybeVNode },
   props: props$k,
   setup(props2) {
     const { length, radios, bindRadios } = useRadios();
@@ -22482,11 +23014,11 @@ function __render__$p(_ctx, _cache) {
 const __sfc__$q = vue.defineComponent({
   name: name$j,
   components: {
-    VarIcon: stdin_default$66,
-    VarFormDetails: stdin_default$5Q,
-    VarHoverOverlay: stdin_default$64
+    VarIcon: stdin_default$67,
+    VarFormDetails: stdin_default$5R,
+    VarHoverOverlay: stdin_default$65
   },
-  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
+  directives: { Ripple: stdin_default$6b, Hover: stdin_default$64 },
   props: props$j,
   setup(props2) {
     const currentHoveringValue = vue.ref(-1);
@@ -23107,8 +23639,9 @@ function __render__$g(_ctx, _cache) {
                   label: option[_ctx.labelKey],
                   value: option[_ctx.valueKey],
                   option,
-                  disabled: option.disabled
-                }, null, 8, ["label", "value", "option", "disabled"]);
+                  disabled: option.disabled,
+                  ripple: option.ripple
+                }, null, 8, ["label", "value", "option", "disabled", "ripple"]);
               }),
               128
               /* KEYED_FRAGMENT */
@@ -23307,12 +23840,12 @@ function __render__$g(_ctx, _cache) {
 const __sfc__$h = vue.defineComponent({
   name: name$g,
   components: {
-    VarIcon: stdin_default$66,
-    VarMenu: stdin_default$5K,
+    VarIcon: stdin_default$67,
+    VarMenu: stdin_default$5L,
     VarChip: stdin_default$57,
     VarOption: stdin_default$47,
-    VarFieldDecorator: stdin_default$5O,
-    VarFormDetails: stdin_default$5Q,
+    VarFieldDecorator: stdin_default$5P,
+    VarFormDetails: stdin_default$5R,
     MaybeVNode
   },
   props: props$g,
@@ -23985,10 +24518,10 @@ function __render__$e(_ctx, _cache) {
 const __sfc__$f = vue.defineComponent({
   name: name$e,
   components: {
-    VarFormDetails: stdin_default$5Q,
-    VarHoverOverlay: stdin_default$64
+    VarFormDetails: stdin_default$5R,
+    VarHoverOverlay: stdin_default$65
   },
-  directives: { Hover: stdin_default$63 },
+  directives: { Hover: stdin_default$64 },
   props: props$e,
   setup(props2) {
     const maxDistance = vue.ref(0);
@@ -24536,7 +25069,7 @@ const __sfc__$e = vue.defineComponent({
   name: "VarSnackbarCore",
   components: {
     VarLoading: stdin_default$5v,
-    VarIcon: stdin_default$66
+    VarIcon: stdin_default$67
   },
   props: props$d,
   setup(props2) {
@@ -24744,7 +25277,7 @@ const TransitionGroupHost = {
       });
       return vue.createVNode(vue.TransitionGroup, vue.mergeProps(transitionGroupProps, {
         "style": {
-          zIndex: stdin_default$6b.zIndex
+          zIndex: stdin_default$6c.zIndex
         },
         "onAfterEnter": opened,
         "onAfterLeave": removeUniqOption
@@ -25092,7 +25625,7 @@ function __render__$b(_ctx, _cache) {
 }
 const __sfc__$c = vue.defineComponent({
   name: name$b,
-  components: { VarIcon: stdin_default$66 },
+  components: { VarIcon: stdin_default$67 },
   props: props$b,
   setup() {
     const { index, steps, bindSteps } = useSteps();
@@ -25385,10 +25918,10 @@ function __render__$9(_ctx, _cache) {
 const __sfc__$9 = vue.defineComponent({
   name: name$8,
   components: {
-    VarFormDetails: stdin_default$5Q,
-    VarHoverOverlay: stdin_default$64
+    VarFormDetails: stdin_default$5R,
+    VarHoverOverlay: stdin_default$65
   },
-  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
+  directives: { Ripple: stdin_default$6b, Hover: stdin_default$64 },
   props: props$8,
   setup(props2) {
     const switchRef = vue.ref(null);
@@ -25580,7 +26113,7 @@ function __render__$8(_ctx, _cache) {
 }
 const __sfc__$8 = vue.defineComponent({
   name: name$7,
-  directives: { Ripple: stdin_default$6a },
+  directives: { Ripple: stdin_default$6b },
   props: props$7,
   setup(props2) {
     const tabEl = vue.ref(null);
@@ -30217,17 +30750,23 @@ function __render__$1(_ctx, _cache) {
                   3
                   /* TEXT, CLASS */
                 ),
-                _ctx.removable ? (vue.openBlock(), vue.createElementBlock("div", {
+                _ctx.removable ? vue.renderSlot(_ctx.$slots, "remove-button", {
                   key: 0,
-                  class: vue.normalizeClass(_ctx.n("file-close")),
-                  onClick: vue.withModifiers(($event) => _ctx.handleRemove(f), ["stop"])
-                }, [
-                  vue.createVNode(_component_var_icon, {
-                    class: vue.normalizeClass(_ctx.n("file-close-icon")),
-                    "var-uploader-cover": "",
-                    name: "delete"
-                  }, null, 8, ["class"])
-                ], 10, _hoisted_2$1)) : vue.createCommentVNode("v-if", true),
+                  remove: () => {
+                    _ctx.handleRemove(f);
+                  }
+                }, () => [
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(_ctx.n("file-close")),
+                    onClick: vue.withModifiers(($event) => _ctx.handleRemove(f), ["stop"])
+                  }, [
+                    vue.createVNode(_component_var_icon, {
+                      class: vue.normalizeClass(_ctx.n("file-close-icon")),
+                      "var-uploader-cover": "",
+                      name: "delete"
+                    }, null, 8, ["class"])
+                  ], 10, _hoisted_2$1)
+                ]) : vue.createCommentVNode("v-if", true),
                 f.cover ? (vue.openBlock(), vue.createElementBlock("img", {
                   key: 1,
                   role: "img",
@@ -30362,12 +30901,12 @@ function __render__$1(_ctx, _cache) {
 }
 const __sfc__$1 = vue.defineComponent({
   name: name$1,
-  directives: { Ripple: stdin_default$6a, Hover: stdin_default$63 },
+  directives: { Ripple: stdin_default$6b, Hover: stdin_default$64 },
   components: {
-    VarIcon: stdin_default$66,
-    VarPopup: stdin_default$68,
-    VarFormDetails: stdin_default$5Q,
-    VarHoverOverlay: stdin_default$64
+    VarIcon: stdin_default$67,
+    VarPopup: stdin_default$69,
+    VarFormDetails: stdin_default$5R,
+    VarHoverOverlay: stdin_default$65
   },
   props: props$1,
   setup(props2) {
@@ -30941,11 +31480,11 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.7.4";
+const version = "3.8.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$5X.install && app.use(stdin_default$5X);
+  stdin_default$5V.install && app.use(stdin_default$5V);
+  stdin_default$5T.install && app.use(stdin_default$5T);
   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);
@@ -30959,7 +31498,7 @@ function install(app) {
   stdin_default$5f.install && app.use(stdin_default$5f);
   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$5J.install && app.use(stdin_default$5J);
   stdin_default$59.install && app.use(stdin_default$59);
   stdin_default$57.install && app.use(stdin_default$57);
   stdin_default$55.install && app.use(stdin_default$55);
@@ -30967,7 +31506,7 @@ function install(app) {
   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$6c.install && app.use(stdin_default$6c);
   stdin_default$4X.install && app.use(stdin_default$4X);
   stdin_default$4V.install && app.use(stdin_default$4V);
   stdin_default$4T.install && app.use(stdin_default$4T);
@@ -30977,42 +31516,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$5O.install && app.use(stdin_default$5O);
+  stdin_default$5P.install && app.use(stdin_default$5P);
   stdin_default$4x.install && app.use(stdin_default$4x);
   stdin_default$4v.install && app.use(stdin_default$4v);
-  stdin_default$5Q.install && app.use(stdin_default$5Q);
+  stdin_default$5R.install && app.use(stdin_default$5R);
   stdin_default$4t.install && app.use(stdin_default$4t);
-  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$65.install && app.use(stdin_default$65);
+  stdin_default$67.install && app.use(stdin_default$67);
   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$5M.install && app.use(stdin_default$5M);
+  stdin_default$5N.install && app.use(stdin_default$5N);
   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$5v.install && app.use(stdin_default$5v);
   stdin_default$4b.install && app.use(stdin_default$4b);
-  stdin_default$5Y.install && app.use(stdin_default$5Y);
+  stdin_default$5Z.install && app.use(stdin_default$5Z);
   stdin_default$49.install && app.use(stdin_default$49);
-  stdin_default$5K.install && app.use(stdin_default$5K);
-  stdin_default$5G.install && app.use(stdin_default$5G);
+  stdin_default$5L.install && app.use(stdin_default$5L);
+  stdin_default$5H.install && app.use(stdin_default$5H);
   stdin_default$5E.install && app.use(stdin_default$5E);
   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$68.install && app.use(stdin_default$68);
+  stdin_default$69.install && app.use(stdin_default$69);
   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$6a.install && app.use(stdin_default$6a);
+  stdin_default$6b.install && app.use(stdin_default$6b);
   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);
@@ -31040,9 +31579,9 @@ function install(app) {
 const index_bundle = {
   version,
   install,
-  ActionSheet: stdin_default$5W,
-  Alert: stdin_default$5U,
-  AppBar: stdin_default$5S,
+  ActionSheet: stdin_default$5X,
+  Alert: stdin_default$5V,
+  AppBar: stdin_default$5T,
   AutoComplete: stdin_default$5C,
   Avatar: stdin_default$5z,
   AvatarGroup: stdin_default$5x,
@@ -31056,7 +31595,7 @@ const index_bundle = {
   ButtonGroup: stdin_default$5f,
   Card: stdin_default$5d,
   Cell: stdin_default$5b,
-  Checkbox: stdin_default$5I,
+  Checkbox: stdin_default$5J,
   CheckboxGroup: stdin_default$59,
   Chip: stdin_default$57,
   Code: stdin_default$55,
@@ -31064,7 +31603,7 @@ const index_bundle = {
   Collapse: stdin_default$51,
   CollapseItem: stdin_default$4$,
   CollapseTransition: stdin_default$4Z,
-  Context: stdin_default$6b,
+  Context: stdin_default$6c,
   CountTo: stdin_default$4X,
   Countdown: stdin_default$4V,
   Counter: stdin_default$4T,
@@ -31074,42 +31613,42 @@ const index_bundle = {
   Drag: stdin_default$4F,
   Ellipsis: stdin_default$4B,
   Fab: stdin_default$4z,
-  FieldDecorator: stdin_default$5O,
+  FieldDecorator: stdin_default$5P,
   FloatingPanel: stdin_default$4x,
   Form: stdin_default$4v,
-  FormDetails: stdin_default$5Q,
+  FormDetails: stdin_default$5R,
   HighlighterProvider: stdin_default$4t,
-  Hover: stdin_default$63,
-  HoverOverlay: stdin_default$64,
-  Icon: stdin_default$66,
+  Hover: stdin_default$64,
+  HoverOverlay: stdin_default$65,
+  Icon: stdin_default$67,
   Image: stdin_default$4r,
   ImagePreview: stdin_default$4l,
   IndexAnchor: stdin_default$4j,
   IndexBar: stdin_default$4h,
-  Input: stdin_default$5M,
+  Input: stdin_default$5N,
   Lazy: stdin_default$5B,
   Link: stdin_default$4f,
   List: stdin_default$4d,
   Loading: stdin_default$5v,
   LoadingBar: stdin_default$4b,
-  Locale: stdin_default$5Y,
+  Locale: stdin_default$5Z,
   LocaleProvider: stdin_default$49,
-  Menu: stdin_default$5K,
-  MenuOption: stdin_default$5G,
+  Menu: stdin_default$5L,
+  MenuOption: stdin_default$5H,
   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$68,
+  Popup: stdin_default$69,
   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$6a,
+  Ripple: stdin_default$6b,
   Row: stdin_default$3H,
   Select: stdin_default$3F,
   Skeleton: stdin_default$3D,
@@ -31134,9 +31673,9 @@ const index_bundle = {
   Uploader: stdin_default$2,
   Watermark: stdin_default
 };
-exports.ActionSheet = stdin_default$5W;
-exports.Alert = stdin_default$5U;
-exports.AppBar = stdin_default$5S;
+exports.ActionSheet = stdin_default$5X;
+exports.Alert = stdin_default$5V;
+exports.AppBar = stdin_default$5T;
 exports.AutoComplete = stdin_default$5C;
 exports.Avatar = stdin_default$5z;
 exports.AvatarGroup = stdin_default$5x;
@@ -31150,7 +31689,7 @@ 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.Checkbox = stdin_default$5J;
 exports.CheckboxGroup = stdin_default$59;
 exports.Chip = stdin_default$57;
 exports.Code = stdin_default$55;
@@ -31158,7 +31697,7 @@ 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.Context = stdin_default$6c;
 exports.CountTo = stdin_default$4X;
 exports.Countdown = stdin_default$4V;
 exports.Counter = stdin_default$4T;
@@ -31168,28 +31707,28 @@ exports.Divider = stdin_default$4H;
 exports.Drag = stdin_default$4F;
 exports.Ellipsis = stdin_default$4B;
 exports.Fab = stdin_default$4z;
-exports.FieldDecorator = stdin_default$5O;
+exports.FieldDecorator = stdin_default$5P;
 exports.FloatingPanel = stdin_default$4x;
 exports.Form = stdin_default$4v;
-exports.FormDetails = stdin_default$5Q;
+exports.FormDetails = stdin_default$5R;
 exports.HighlighterProvider = stdin_default$4t;
-exports.Hover = stdin_default$63;
-exports.HoverOverlay = stdin_default$64;
-exports.Icon = stdin_default$66;
+exports.Hover = stdin_default$64;
+exports.HoverOverlay = stdin_default$65;
+exports.Icon = stdin_default$67;
 exports.Image = stdin_default$4r;
 exports.ImagePreview = stdin_default$4l;
 exports.IndexAnchor = stdin_default$4j;
 exports.IndexBar = stdin_default$4h;
-exports.Input = stdin_default$5M;
+exports.Input = stdin_default$5N;
 exports.Lazy = stdin_default$5B;
 exports.Link = stdin_default$4f;
 exports.List = stdin_default$4d;
 exports.Loading = stdin_default$5v;
 exports.LoadingBar = stdin_default$4b;
-exports.Locale = stdin_default$5Y;
+exports.Locale = stdin_default$5Z;
 exports.LocaleProvider = stdin_default$49;
-exports.Menu = stdin_default$5K;
-exports.MenuOption = stdin_default$5G;
+exports.Menu = stdin_default$5L;
+exports.MenuOption = stdin_default$5H;
 exports.MenuSelect = stdin_default$5E;
 exports.Option = stdin_default$47;
 exports.Overlay = stdin_default$45;
@@ -31197,14 +31736,14 @@ exports.PIXEL = PIXEL;
 exports.Pagination = stdin_default$43;
 exports.Paper = stdin_default$41;
 exports.Picker = stdin_default$3$;
-exports.Popup = stdin_default$68;
+exports.Popup = stdin_default$69;
 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$6a;
+exports.Ripple = stdin_default$6b;
 exports.Row = stdin_default$3H;
 exports.SNACKBAR_TYPE = SNACKBAR_TYPE;
 exports.Select = stdin_default$3F;
@@ -31357,8 +31896,8 @@ exports.dialogProps = props$K;
 exports.dividerProps = props$J;
 exports.dragProps = props$I;
 exports.ellipsisProps = props$G;
-exports.enUS = stdin_default$60;
-exports.faIR = stdin_default$5Z;
+exports.enUS = stdin_default$61;
+exports.faIR = stdin_default$5_;
 exports.fabProps = props$F;
 exports.fieldDecoratorProps = props$1e;
 exports.formDetailsProps = props$1f;
@@ -31419,6 +31958,6 @@ exports.useHoverOverlay = useHoverOverlay;
 exports.useLocale = useLocale;
 exports.version = version;
 exports.watermarkProps = props;
-exports.zhCN = stdin_default$61;
-exports.zhHK = stdin_default$5_;
-exports.zhTW = stdin_default$5$;
+exports.zhCN = stdin_default$62;
+exports.zhHK = stdin_default$5$;
+exports.zhTW = stdin_default$60;