@fastkit/vui 0.18.31 → 0.18.33

package/dist/vui.mjs

@@ -189,10 +189,10 @@ var CONTROL_LOADING_SPINNER_SIZES = {
   md: 20,
   lg: 24
 };
-var VuiInjectionKey = Symbol();
-var VuiControlInjectionKey = Symbol();
-var VuiControlFieldInjectionKey = Symbol();
-var VuiColorProviderInjectionKey = Symbol();
+var VuiInjectionKey = Symbol("Vui");
+var VuiControlInjectionKey = Symbol("VuiControl");
+var VuiControlFieldInjectionKey = Symbol("VuiControlField");
+var VuiColorProviderInjectionKey = Symbol("VuiColorProvider");
 var VUI_TEXT_FIELD_SYMBOL = "vui-text-field";
 var VUI_TEXTAREA_SYMBOL = "vui-textarea";
 var VUI_SELECT_SYMBOL = "vui-select";
@@ -250,12 +250,10 @@ function useControl(props12, opts = {}) {
   const { defaultSize = "md" } = opts;
   const parentControl = inject(VuiControlInjectionKey, null);
   const size = computed(() => {
-    const psize = props12.size;
-    return psize ? psize : parentControl ? parentControl.size.value : defaultSize;
-  });
-  const classes = computed(() => {
-    return ["v-control", `v-control--${size.value}`];
+    const propSize = props12.size;
+    return propSize || (parentControl ? parentControl.size.value : defaultSize);
   });
+  const classes = computed(() => ["v-control", `v-control--${size.value}`]);
   const provider = {
     parentControl,
     size,
@@ -280,8 +278,8 @@ function useControlField(props12, opts = {}) {
   const { defaultVariant = "flat" } = opts;
   const parentControlField = inject(VuiControlFieldInjectionKey, null);
   const variant = computed(() => {
-    const pvariant = props12.variant;
-    return pvariant ? pvariant : parentControlField ? parentControlField.variant.value : defaultVariant;
+    const propVariant = props12.variant;
+    return propVariant || (parentControlField ? parentControlField.variant.value : defaultVariant);
   });
   const provider = {
     parentControlField,
@@ -357,11 +355,9 @@ var VMenu = defineMenuComponent({
     ctx.setupContext.expose({
       menu: ctx
     });
-    return (children) => {
-      return createVNode("div", mergeProps({
-        "class": ["v-menu__body", color.colorClasses.value]
-      }, ctx.attrs), [children]);
-    };
+    return (children) => createVNode("div", mergeProps({
+      "class": ["v-menu__body", color.colorClasses.value]
+    }, ctx.attrs), [children]);
   }
 });
 
@@ -386,11 +382,9 @@ var VTooltip = defineComponent({
         "class": "v-tooltip"
       }), {
         ...ctx.slots,
-        default: (payload) => {
-          return [createVNode("span", {
-            "class": "v-tooltip__inner"
-          }, [defaultSlot && defaultSlot(payload)])];
-        }
+        default: (payload) => [createVNode("span", {
+          "class": "v-tooltip__inner"
+        }, [defaultSlot?.(payload)])]
       });
     };
   }
@@ -434,6 +428,7 @@ var VFormControl = defineComponent({
   },
   slots,
   emits,
+  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const vui = useVui();
     const control = useFormNodeWrapper(props12, ctx, {
@@ -470,7 +465,10 @@ var VFormControl = defineComponent({
       "v-form-control--untouched": control.untouched,
       "v-form-control--invalid": control.invalid,
       "v-form-control--valid": control.valid
-    }, colorProvider.className(props12.error ? "error" : control.invalid && !control.isReadonly ? "error" : "primary")]);
+    }, colorProvider.className(
+      // eslint-disable-next-line no-nested-ternary
+      props12.error ? "error" : control.invalid && !control.isReadonly ? "error" : "primary"
+    )]);
     const getRequiredChip = createRequiredChipRenderer(() => control.isRequired, props12, vui);
     const handleClick = (ev) => ctx.emit("clickLabel", ev, control);
     return () => {
@@ -546,6 +544,7 @@ function defineFormSelectorComponent(opts) {
     },
     slots: slots2,
     emits: emits12,
+    // eslint-disable-next-line no-shadow
     setup(props13, ctx) {
       const selectorControl = useFormSelectorControl(props13, ctx, {
         nodeType,
@@ -565,58 +564,54 @@ function defineFormSelectorComponent(opts) {
         const slot = resolveVNodeChildOrSlots(props13.failedToLoadItemsMessage, vui.setting("failedToLoadDataMessage"), "Failed to load data.");
         return slot && slot(vui);
       });
-      const defaultSlot = () => {
-        return createVNode("div", {
-          "class": "v-form-selector__body"
-        }, [selectorControl.itemsLoadFailed && createVNode("div", {
-          "key": "failed",
-          "class": "v-form-selector__placeholder v-form-selector__placeholder--error"
-        }, [failedToLoadItemsMessageRef.value]), selectorControl.itemsLoading && createVNode("div", {
-          "key": "loading",
-          "class": "v-form-selector__placeholder"
-        }, [createVNode(loading_exports.VProgressCircular, {
-          "indeterminate": true,
-          "class": "mr-1",
-          "size": CONTROL_LOADING_SPINNER_SIZES[control.size.value || "md"]
-        }, null), loadingMessageRef.value]), selectorControl.propGroups.map((group) => {
-          const {
-            items
-          } = group;
-          return createVNode(Fragment, null, [items.map((attrs) => {
-            const selected = selectorControl.isSelected(attrs.value);
-            return itemRenderer({
-              selected,
-              control: selectorControl,
-              attrs: {
-                ...attrs,
-                modelValue: selected,
-                key: attrs.value
-              },
-              slots: {
-                default: () => attrs.label(selectorControl)
-              }
-            });
-          })]);
-        }), ctx.slots.default?.()]);
-      };
+      const defaultSlot = () => createVNode("div", {
+        "class": "v-form-selector__body"
+      }, [selectorControl.itemsLoadFailed && createVNode("div", {
+        "key": "failed",
+        "class": "v-form-selector__placeholder v-form-selector__placeholder--error"
+      }, [failedToLoadItemsMessageRef.value]), selectorControl.itemsLoading && createVNode("div", {
+        "key": "loading",
+        "class": "v-form-selector__placeholder"
+      }, [createVNode(loading_exports.VProgressCircular, {
+        "indeterminate": true,
+        "class": "mr-1",
+        "size": CONTROL_LOADING_SPINNER_SIZES[control.size.value || "md"]
+      }, null), loadingMessageRef.value]), selectorControl.propGroups.map((group) => {
+        const {
+          items
+        } = group;
+        return createVNode(Fragment, null, [items.map((attrs) => {
+          const selected = selectorControl.isSelected(attrs.value);
+          return itemRenderer({
+            selected,
+            control: selectorControl,
+            attrs: {
+              ...attrs,
+              modelValue: selected,
+              key: attrs.value
+            },
+            slots: {
+              default: () => attrs.label(selectorControl)
+            }
+          });
+        })]);
+      }), ctx.slots.default?.()]);
       ctx.expose({
         control: selectorControl
       });
-      return () => {
-        return createVNode(VFormControl, {
-          "nodeControl": selectorControl,
-          "hiddenInfo": props13.hiddenInfo,
-          "class": classes.value,
-          "label": props13.label,
-          "hint": props13.hint,
-          "hinttip": props13.hinttip,
-          "requiredChip": props13.requiredChip,
-          "error": selectorControl.itemsLoadFailed
-        }, {
-          ...ctx.slots,
-          default: defaultSlot
-        });
-      };
+      return () => createVNode(VFormControl, {
+        "nodeControl": selectorControl,
+        "hiddenInfo": props13.hiddenInfo,
+        "class": classes.value,
+        "label": props13.label,
+        "hint": props13.hint,
+        "hinttip": props13.hinttip,
+        "requiredChip": props13.requiredChip,
+        "error": selectorControl.itemsLoadFailed
+      }, {
+        ...ctx.slots,
+        default: defaultSlot
+      });
     }
   });
 }
@@ -746,9 +741,8 @@ var VDialog = defineDialogComponent({
       resolver: (actions) => {
         if (actions.length === 0) {
           return [vui.stackAction("close")];
-        } else {
-          return actions;
         }
+        return actions;
       }
     });
     const color = useColorClasses(props12, {
@@ -785,9 +779,8 @@ var VSnackbar = defineSnackbarComponent({
       resolver: (actions) => {
         if (actions.length === 0) {
           return [vui.stackAction("close")];
-        } else {
-          return actions;
         }
+        return actions;
       }
     });
     const color = useColorClasses(props12, {
@@ -829,6 +822,7 @@ var VSheetModal = defineComponent({
   inheritAttrs: false,
   props: sheetModalProps,
   emits: emits2,
+  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const stackControl = useStackControl(props12, ctx, {
       stackType: SHEET_STACK_TYPE
@@ -846,25 +840,18 @@ var VSheetModal = defineComponent({
   render() {
     const {
       render
-      // color,
     } = this.stackControl;
     const headerSlot = this.$slots.header || this.header;
-    return render((children) => {
-      return createVNode("div", {
-        "class": [
-          "v-sheet-modal",
-          {
-            "v-sheet-modal--has-active-child": this.hasActiveChild
-          }
-          // color.colorClasses.value,
-        ],
-        "tabindex": "0"
-      }, [headerSlot && createVNode("div", {
-        "class": "v-sheet-modal__header"
-      }, [headerSlot(this.stackControl)]), createVNode("div", {
-        "class": "v-sheet-modal__scroller"
-      }, [children])]);
-    });
+    return render((children) => createVNode("div", {
+      "class": ["v-sheet-modal", {
+        "v-sheet-modal--has-active-child": this.hasActiveChild
+      }],
+      "tabindex": "0"
+    }, [headerSlot && createVNode("div", {
+      "class": "v-sheet-modal__header"
+    }, [headerSlot(this.stackControl)]), createVNode("div", {
+      "class": "v-sheet-modal__scroller"
+    }, [children])]));
   }
 });
 var VSkeltonLoaderBone = defineComponent({
@@ -1083,9 +1070,9 @@ function isAvailableSrc(src) {
 function extractRawGridValueClasses(value, prefix, getter) {
   if (typeof value !== "object")
     return `${prefix}${getter ? getter(value) : value}`;
-  return Object.entries(value).map(([breakpoint, breakpointValue]) => {
-    return `${prefix}${getter ? getter(breakpointValue) : breakpointValue}--${breakpoint}`;
-  });
+  return Object.entries(value).map(
+    ([breakpoint, breakpointValue]) => `${prefix}${getter ? getter(breakpointValue) : breakpointValue}--${breakpoint}`
+  );
 }
 
 // src/components/VGrid/VGridItem.tsx
@@ -1454,29 +1441,23 @@ var VCard = defineComponent({
         attrs
       };
     });
-    return () => {
-      return createVNode(VPaper, data.value.attrs, ctx.slots);
-    };
+    return () => createVNode(VPaper, data.value.attrs, ctx.slots);
   }
 });
 var VCardContent = defineComponent({
   name: "VCardContent",
   setup(_props, ctx) {
-    return () => {
-      return createVNode("div", {
-        "class": "v-card-content"
-      }, [ctx.slots.default?.()]);
-    };
+    return () => createVNode("div", {
+      "class": "v-card-content"
+    }, [ctx.slots.default?.()]);
   }
 });
 var VCardActions = defineComponent({
   name: "VCardActions",
   setup(_props, ctx) {
-    return () => {
-      return createVNode("div", {
-        "class": "v-card-actions"
-      }, [ctx.slots.default?.()]);
-    };
+    return () => createVNode("div", {
+      "class": "v-card-actions"
+    }, [ctx.slots.default?.()]);
   }
 });
 var BUTTON_ALIGNS = ["left", "center", "right"];
@@ -1539,26 +1520,24 @@ var VButton = defineComponent({
         return;
       return _spacer === true ? "left" : _spacer;
     });
-    const classes = computed(() => [color.colorClasses.value, spacer.value ? `v-button--spacer-${spacer.value}` : void 0, `v-button--${control.size.value}`, `v-button--align-${props12.align}`, {
+    const classes = computed(() => [color.colorClasses.value, spacer.value ? `v-button--spacer-${spacer.value}` : void 0, `v-button--${control.size.value}`, `v-button--align-${props12.align}`, "clickable", {
       "v-button--loading": isLoading.value,
       "v-button--icon": !!icon.value,
       "v-button--rounded": props12.rounded,
       "v-button--plain": isPlain.value
     }]);
-    return () => {
-      return createVNode(VAction, mergeProps(ctx.attrs, {
-        "class": ["v-button", classes.value],
-        "guardInProgressClass": "v-button--guard-in-progress"
-      }), {
-        default: () => createVNode(Fragment, null, [createVNode("span", {
-          "class": "v-button__content"
-        }, [startIcon.value, ctx.slots.default?.(), icon.value, endIcon.value]), isLoading.value && createVNode(loading_exports.VProgressCircular, {
-          "class": "v-button__loading",
-          "indeterminate": true,
-          "size": LOADING_SIZE_MAP[control.size.value]
-        }, null)])
-      });
-    };
+    return () => createVNode(VAction, mergeProps(ctx.attrs, {
+      "class": ["v-button", classes.value],
+      "guardInProgressClass": "v-button--guard-in-progress"
+    }), {
+      default: () => createVNode(Fragment, null, [createVNode("span", {
+        "class": "v-button__content"
+      }, [startIcon.value, ctx.slots.default?.(), icon.value, endIcon.value]), isLoading.value && createVNode(loading_exports.VProgressCircular, {
+        "class": "v-button__loading",
+        "indeterminate": true,
+        "size": LOADING_SIZE_MAP[control.size.value]
+      }, null)])
+    });
   }
 });
 var VButtonGroup = defineComponent({
@@ -1602,7 +1581,7 @@ var VButtonGroup = defineComponent({
           return cloneVNode(child.node, {
             ...props12,
             ...childProps,
-            rouded: false,
+            rounded: false,
             class: ["v-button-group__item", {
               "v-button--icon": hasIcon,
               "v-button-group__item--has-left": hasLeft,
@@ -1720,15 +1699,16 @@ var VPagination = defineComponent({
         const start = pageValue - left + 2;
         const end = pageValue + left - 2 - even;
         return [1, "truncate", ..._range(start, end), "truncate", length];
-      } else if (pageValue === left) {
+      }
+      if (pageValue === left) {
         const end = pageValue + left - 1 - even;
         return [..._range(1, end), "truncate", length];
-      } else if (pageValue === right) {
+      }
+      if (pageValue === right) {
         const start = pageValue - left + 1;
         return [1, "truncate", ..._range(start, length)];
-      } else {
-        return [..._range(1, left), "truncate", ..._range(right, length)];
       }
+      return [..._range(1, left), "truncate", ..._range(right, length)];
     });
     const isActive = computed(() => computedLength.value > 1);
     const isTransitioning = computed(() => {
@@ -1768,11 +1748,10 @@ var VPagination = defineComponent({
         return router.push(to).then((failure) => {
           !failure && ctx.emit("change", newPage);
         });
-      } else {
-        internalValue.value = newPage;
-        ctx.emit("update:modelValue", newPage);
-        ctx.emit("change", newPage);
       }
+      internalValue.value = newPage;
+      ctx.emit("update:modelValue", newPage);
+      ctx.emit("change", newPage);
     }
     function createPageInfo(source) {
       const currentPage = computedPage.value;
@@ -1852,15 +1831,14 @@ var VPagination = defineComponent({
         }, _isSlot(children) ? children : {
           default: () => [children]
         });
-      } else {
-        return createVNode("button", {
-          "class": classes2,
-          "type": "button",
-          "value": page,
-          "onClick": onClick,
-          "key": key
-        }, [children]);
       }
+      return createVNode("button", {
+        "class": classes2,
+        "type": "button",
+        "value": page,
+        "onClick": onClick,
+        "key": key
+      }, [children]);
     }
     watch(() => props12.modelValue, (modelValue) => {
       internalValue.value = resolveNumberish(modelValue);
@@ -1940,17 +1918,22 @@ var VListTile = defineComponent({
     const classes = computed(() => {
       const _color = color.value;
       const hasColor = !!_color.value;
-      return [color.value.className, {
+      return [color.value.className, "clickable", {
         "v-list-tile--plain": !hasColor,
         "v-list-tile--has-color": hasColor,
         "v-list-tile--active": isActive.value
       }];
     });
-    watch(() => isActive.value, (isActive2) => {
-      ctx.emit("changeActive", isActive2);
-    }, {
-      immediate: true
-    });
+    watch(
+      () => isActive.value,
+      // eslint-disable-next-line no-shadow
+      (isActive2) => {
+        ctx.emit("changeActive", isActive2);
+      },
+      {
+        immediate: true
+      }
+    );
     return () => {
       const _startIcon = startIcon.value;
       const _endIcon = endIcon.value;
@@ -2054,14 +2037,12 @@ function createNavigationItemProps() {
     },
     nested: Boolean,
     color: String
-    // key: {
-    //   type: [String, Number],
-    //   required: true,
-    // },
   };
 }
 function resolveNavigationItemInput(input) {
-  let label = input.label;
+  let {
+    label
+  } = input;
   const props12 = {
     ...input
   };
@@ -2087,8 +2068,8 @@ function renderNavigationItemInput(input, extraProps) {
   });
 }
 var TRIM_END_SLASH_RE = /\/$/;
-function trimEndSlash(sorce) {
-  return sorce ? sorce.replace(TRIM_END_SLASH_RE, "") : sorce;
+function trimEndSlash(source) {
+  return source ? source.replace(TRIM_END_SLASH_RE, "") : source;
 }
 var VNavigationItem = defineComponent({
   name: "VNavigationItem",
@@ -2136,8 +2117,8 @@ var VNavigationItem = defineComponent({
       if (!c || !m || !m.length) {
         return;
       }
-      const trimedNewPath = trimEndSlash(newPath);
-      if (m.some((_) => trimedNewPath.match(_))) {
+      const trimmedNewPath = trimEndSlash(newPath);
+      if (m.some((_) => trimmedNewPath.match(_))) {
         open();
       } else {
         close();
@@ -2154,12 +2135,10 @@ var VNavigationItem = defineComponent({
         endIcon = vui.icon("navigationExpand");
         if (typeof endIcon === "string") {
           const name = endIcon;
-          endIcon = (gen) => {
-            return gen({
-              name,
-              rotate: opened.value ? 180 : 0
-            });
-          };
+          endIcon = (gen) => gen({
+            name,
+            rotate: opened.value ? 180 : 0
+          });
         }
       }
       const __props = {
@@ -2169,9 +2148,6 @@ var VNavigationItem = defineComponent({
       delete __props.children;
       return {
         ...__props
-        // activeClass,
-        // startIcon: toRawIconProp(__props.startIcon, iconPayload),
-        // endIcon: toRawIconProp(__props.endIcon, iconPayload),
       };
     });
     function open() {
@@ -2216,8 +2192,6 @@ var VNavigationItem = defineComponent({
         }, {
           startIconEmptySpace: _props.value.startIconEmptySpace,
           depth: props12.nested ? props12.depth + 1 : props12.depth
-          // onClick,
-          // onChangeActive,
         }))]), [[vShow, opened.value]])]
       })]);
     };
@@ -2278,6 +2252,7 @@ var VNavigation = defineComponent({
       }, [$caption]), items.value.map((item) => renderNavigationItemInput(item, {
         class: "v-navigation__item",
         startIconEmptySpace: startIconEmptySpace.value,
+        // eslint-disable-next-line no-shadow
         ref: (ref10) => {
           setItemRef(item, ref10);
         },
@@ -2330,22 +2305,25 @@ var VControlField = defineComponent({
     const readonly = computed(() => !!parentNode && parentNode.isReadonly);
     const colorProvider = useVuiColorProvider();
     const classes = computed(() => {
-      const classes2 = ["v-control-field", `v-control-field--${inputBox.variant.value}`, {
+      const _classes = ["v-control-field", `v-control-field--${inputBox.variant.value}`, {
         "v-control-field--disabled": disabled.value,
         "v-control-field--invalid": invalid.value || props12.error,
         "v-control-field--readonly": readonly.value,
         "v-control-field--focused": props12.focused,
         "v-control-field--auto-height": autoHeight.value
-      }, control.classes.value, colorProvider.className(props12.error ? "error" : invalid.value && !readonly.value ? "error" : "primary")];
-      return classes2;
+      }, control.classes.value, colorProvider.className(
+        // eslint-disable-next-line no-nested-ternary
+        props12.error ? "error" : invalid.value && !readonly.value ? "error" : "primary"
+      )];
+      return _classes;
     });
     const resolvedSlots = computed(() => {
-      const slots12 = {};
+      const _slots = {};
       ADORNMENT_POSITIONS.forEach((position) => {
         const key = `${position}Adornment`;
-        slots12[position] = resolveVNodeChildOrSlots(props12[key], ctx.slots[key]);
+        _slots[position] = resolveVNodeChildOrSlots(props12[key], ctx.slots[key]);
       });
-      return slots12;
+      return _slots;
     });
     const renderAdornment = (position) => {
       let child;
@@ -2364,15 +2342,13 @@ var VControlField = defineComponent({
       }, [child]);
     };
     const handleClick = (ev) => ctx.emit("click", ev);
-    return () => {
-      return createVNode("div", {
-        "class": classes.value,
-        "onClick": handleClick,
-        "ref": hostElRef
-      }, [renderAdornment("start"), createVNode("div", {
-        "class": "v-control-field__body"
-      }, [ctx.slots.default?.()]), renderAdornment("end")]);
-    };
+    return () => createVNode("div", {
+      "class": classes.value,
+      "onClick": handleClick,
+      "ref": hostElRef
+    }, [renderAdornment("start"), createVNode("div", {
+      "class": "v-control-field__body"
+    }, [ctx.slots.default?.()]), renderAdornment("end")]);
   }
 });
 var VTextCounter = defineComponent({
@@ -2411,16 +2387,14 @@ var VCheckable = defineComponent({
     const disabled = computed(() => props12.disabled);
     const readonly = computed(() => props12.readonly);
     const checked = computed(() => props12.checked);
-    const classes = computed(() => {
-      return [{
-        "v-checkable--invalid": invalid.value,
-        "v-checkable--disabled": disabled.value,
-        "v-checkable--readonly": readonly.value,
-        "v-checkable--checked": checked.value,
-        "v-checkable--custom-icon": !!ctx.slots.icon,
-        disabled: disabled.value
-      }, colorProvider.className(invalid.value ? "error" : "primary")];
-    });
+    const classes = computed(() => [{
+      "v-checkable--invalid": invalid.value,
+      "v-checkable--disabled": disabled.value,
+      "v-checkable--readonly": readonly.value,
+      "v-checkable--checked": checked.value,
+      "v-checkable--custom-icon": !!ctx.slots.icon,
+      disabled: disabled.value
+    }, colorProvider.className(invalid.value ? "error" : "primary")]);
     return () => createVNode("label", {
       "class": ["v-checkable", classes.value]
     }, [createVNode("span", {
@@ -2446,6 +2420,7 @@ var VCheckbox = defineComponent({
     indeterminate: Boolean
   },
   emits: emits3,
+  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormSelectorItemControl(props12, ctx, {
       nodeType: VUI_CHECKBOX_SYMBOL,
@@ -2474,15 +2449,13 @@ var VCheckbox = defineComponent({
       }, null),
       label: () => ctx.slots.default?.()
     };
-    return () => {
-      return createVNode(VCheckable, {
-        "class": classes.value,
-        "checked": nodeControl.selected || isIndeterminate.value,
-        "invalid": nodeControl.invalid,
-        "disabled": nodeControl.isDisabled,
-        "readonly": nodeControl.isReadonly
-      }, slots12);
-    };
+    return () => createVNode(VCheckable, {
+      "class": classes.value,
+      "checked": nodeControl.selected || isIndeterminate.value,
+      "invalid": nodeControl.invalid,
+      "disabled": nodeControl.isDisabled,
+      "readonly": nodeControl.isReadonly
+    }, slots12);
   }
 });
 function _isSlot3(s) {
@@ -2511,6 +2484,7 @@ var VRadio = defineComponent({
     ...createControlProps()
   },
   emits: emits4,
+  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormSelectorItemControl(props12, ctx, {
       nodeType: VUI_RADIO_SYMBOL,
@@ -2529,15 +2503,13 @@ var VRadio = defineComponent({
       }, null),
       label: () => ctx.slots.default?.()
     };
-    return () => {
-      return createVNode(VCheckable, {
-        "class": classes.value,
-        "checked": nodeControl.selected,
-        "invalid": nodeControl.invalid,
-        "disabled": nodeControl.isDisabled,
-        "readonly": nodeControl.isReadonly
-      }, slots12);
-    };
+    return () => createVNode(VCheckable, {
+      "class": classes.value,
+      "checked": nodeControl.selected,
+      "invalid": nodeControl.invalid,
+      "disabled": nodeControl.isDisabled,
+      "readonly": nodeControl.isReadonly
+    }, slots12);
   }
 });
 function _isSlot4(s) {
@@ -2565,6 +2537,7 @@ var VSwitch = defineComponent({
     ...createControlProps()
   },
   emits: emits5,
+  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormSelectorItemControl(props12, ctx, {
       nodeType: VUI_SWITCH_SYMBOL,
@@ -2593,15 +2566,13 @@ var VSwitch = defineComponent({
     ctx.expose({
       control: nodeControl
     });
-    return () => {
-      return createVNode(VCheckable, {
-        "class": classes.value,
-        "checked": nodeControl.selected,
-        "invalid": nodeControl.invalid,
-        "disabled": nodeControl.isDisabled,
-        "readonly": nodeControl.isReadonly
-      }, slots12);
-    };
+    return () => createVNode(VCheckable, {
+      "class": classes.value,
+      "checked": nodeControl.selected,
+      "invalid": nodeControl.invalid,
+      "disabled": nodeControl.isDisabled,
+      "readonly": nodeControl.isReadonly
+    }, slots12);
   }
 });
 function _isSlot5(s) {
@@ -2630,30 +2601,27 @@ var VOption = defineComponent({
     ...createControlProps()
   },
   emits: emits6,
+  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormSelectorItemControl(props12, ctx, {
       nodeType: VUI_OPTION_SYMBOL,
       parentNodeType: VUI_SELECT_SYMBOL
     });
     const control = useControl(props12);
-    const classes = computed(() => {
-      return ["v-option", {
-        "v-option--selected": nodeControl.selected,
-        "v-option--has-not-value": !nodeControl.hasValue,
-        "v-option--disabled": nodeControl.isDisabled
-      }, control.classes.value];
-    });
-    return () => {
-      return createVNode("label", {
-        "class": classes.value,
-        "onClick": nodeControl.handleClickElement,
-        "tabindex": nodeControl.tabindex,
-        "data-value": nodeControl.propValue,
-        "aria-disabled": nodeControl.isDisabled
-      }, [createVNode("span", {
-        "class": "v-option__label"
-      }, [ctx.slots.default?.()])]);
-    };
+    const classes = computed(() => ["v-option", {
+      "v-option--selected": nodeControl.selected,
+      "v-option--has-not-value": !nodeControl.hasValue,
+      "v-option--disabled": nodeControl.isDisabled
+    }, control.classes.value]);
+    return () => createVNode("label", {
+      "class": classes.value,
+      "onClick": nodeControl.handleClickElement,
+      "tabindex": nodeControl.tabindex,
+      "data-value": nodeControl.propValue,
+      "aria-disabled": nodeControl.isDisabled
+    }, [createVNode("span", {
+      "class": "v-option__label"
+    }, [ctx.slots.default?.()])]);
   }
 });
 var slots6 = defineSlots();
@@ -2670,14 +2638,10 @@ var VOptionGroup = defineComponent({
     const groupControl = useFormSelectorItemGroupControl(props12, ctx, {
       parentNodeType: VUI_SELECT_SYMBOL
     });
-    const labelSlot = computed(() => {
-      return resolveVNodeChildOrSlots(props12.label, ctx.slots.label);
-    });
-    const classes = computed(() => {
-      return ["v-option-group", {
-        "v-option-group--disabled": groupControl.isDisabled
-      }];
-    });
+    const labelSlot = computed(() => resolveVNodeChildOrSlots(props12.label, ctx.slots.label));
+    const classes = computed(() => ["v-option-group", {
+      "v-option-group--disabled": groupControl.isDisabled
+    }]);
     ctx.expose({
       control: groupControl
     });
@@ -2722,6 +2686,7 @@ var VSelect = defineComponent({
   },
   slots: slots7,
   emits: emits7,
+  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const menuRef = ref(null);
     const menuOpened = ref(false);
@@ -2920,27 +2885,23 @@ var VSelect = defineComponent({
       const classes = computed(() => ["v-select", control.classes.value, {
         "v-select--multiple": inputControl.multiple
       }]);
-      const controlDefaultSlot = () => {
-        return [withDirectives(createVNode("select", {
-          "class": "v-select__input__element",
-          "name": inputControl.name,
-          "tabindex": inputControl.tabindex,
-          "disabled": inputControl.isDisabled,
-          "multiple": inputControl.multiple,
-          "onFocus": inputControl.focusHandler,
-          "onBlur": inputControl.blurHandler,
-          "onUpdate:modelValue": ($event) => inputControl.value = $event
-        }, [inputControl.items.map((item) => {
-          return createVNode("option", {
-            "value": item.propValue,
-            "key": item.propValue
-          }, [item.renderDefaultSlot()]);
-        })]), [[vModelSelect, inputControl.value]]), createVNode("div", {
-          "class": "v-select__selections"
-        }, [createVNode("div", {
-          "class": "v-select__selections__inner"
-        }, [renderSelections(inputControl.selectedItems)])])];
-      };
+      const controlDefaultSlot = () => [withDirectives(createVNode("select", {
+        "class": "v-select__input__element",
+        "name": inputControl.name,
+        "tabindex": inputControl.tabindex,
+        "disabled": inputControl.isDisabled,
+        "multiple": inputControl.multiple,
+        "onFocus": inputControl.focusHandler,
+        "onBlur": inputControl.blurHandler,
+        "onUpdate:modelValue": ($event) => inputControl.value = $event
+      }, [inputControl.items.map((item) => createVNode("option", {
+        "value": item.propValue,
+        "key": item.propValue
+      }, [item.renderDefaultSlot()]))]), [[vModelSelect, inputControl.value]]), createVNode("div", {
+        "class": "v-select__selections"
+      }, [createVNode("div", {
+        "class": "v-select__selections__inner"
+      }, [renderSelections(inputControl.selectedItems)])])];
       const endAdornmentSlot = () => {
         if (inputControl.itemsLoadFailed) {
           return createVNode(VButton, {
@@ -2972,57 +2933,53 @@ var VSelect = defineComponent({
       };
       const menuActivatorSlot = ({
         control: menu
-      }) => {
-        return createVNode(VControlField, {
-          "class": "v-select__input",
-          "ref": fieldRef,
-          "loading": inputControl.itemsLoading,
-          "error": inputControl.itemsLoadFailed,
-          "startAdornment": props12.startAdornment,
-          "endAdornment": props12.endAdornment,
-          "size": control.size.value,
-          "focused": menuOpened.value,
-          "autoHeight": inputControl.multiple,
-          "onClick": (ev) => {
-            if (inputControl.canOperation && !menu.isActive) {
-              let t = ev.target;
-              const count = 0;
-              let hit = false;
-              while (count < 5) {
-                if (t.classList.contains("v-select__input")) {
-                  hit = true;
-                  break;
-                }
-                t = t.parentElement;
+      }) => createVNode(VControlField, {
+        "class": "v-select__input",
+        "ref": fieldRef,
+        "loading": inputControl.itemsLoading,
+        "error": inputControl.itemsLoadFailed,
+        "startAdornment": props12.startAdornment,
+        "endAdornment": props12.endAdornment,
+        "size": control.size.value,
+        "focused": menuOpened.value,
+        "autoHeight": inputControl.multiple,
+        "onClick": (ev) => {
+          if (inputControl.canOperation && !menu.isActive) {
+            let t = ev.target;
+            const count = 0;
+            let hit = false;
+            while (count < 5) {
+              if (t.classList.contains("v-select__input")) {
+                hit = true;
+                break;
               }
-              menu.setActivator(hit ? t : ev).show();
+              t = t.parentElement;
             }
+            menu.setActivator(hit ? t : ev).show();
           }
-        }, {
-          ...ctx.slots,
-          default: controlDefaultSlot,
-          endAdornment: endAdornmentSlot
-        });
-      };
+        }
+      }, {
+        ...ctx.slots,
+        default: controlDefaultSlot,
+        endAdornment: endAdornmentSlot
+      });
       const menuSlots = {
         activator: menuActivatorSlot,
         default: () => createVNode("div", {
           "class": ["v-select__body", control.classes.value]
         }, [children, propGroups])
       };
-      const defaultSlot = () => {
-        return createVNode(VMenu, {
-          "width": "fit",
-          "maxWidth": "fit",
-          "closeOnNavigation": props12.closeOnNavigation,
-          "distance": 0,
-          "alwaysRender": true,
-          "modelValue": menuOpened.value,
-          "onUpdate:modelValue": ($event) => menuOpened.value = $event,
-          "ref": menuRef,
-          "onClose": clearKeyFocused
-        }, menuSlots);
-      };
+      const defaultSlot = () => createVNode(VMenu, {
+        "width": "fit",
+        "maxWidth": "fit",
+        "closeOnNavigation": props12.closeOnNavigation,
+        "distance": 0,
+        "alwaysRender": true,
+        "modelValue": menuOpened.value,
+        "onUpdate:modelValue": ($event) => menuOpened.value = $event,
+        "ref": menuRef,
+        "onClose": clearKeyFocused
+      }, menuSlots);
       return createVNode(VFormControl, {
         "nodeControl": inputControl,
         "class": classes.value,
@@ -3059,6 +3016,7 @@ var VTextField = defineComponent({
   props: createTextFieldProps(),
   emits: emits8,
   slots: slots8,
+  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const inputControl = useTextInputNodeControl(props12, ctx, {
       nodeType: VUI_TEXT_FIELD_SYMBOL
@@ -3069,19 +3027,17 @@ var VTextField = defineComponent({
     const handleClickLabel = (ev) => {
       inputControl.focus();
     };
-    const defaultSlot = () => {
-      return createVNode(VControlField, {
-        "class": "v-text-field__input",
-        "startAdornment": props12.startAdornment,
-        "endAdornment": props12.endAdornment,
-        "size": control.size.value
-      }, {
-        ...ctx.slots,
-        default: () => inputControl.createInputElement({
-          class: "v-text-field__input__element"
-        })
-      });
-    };
+    const defaultSlot = () => createVNode(VControlField, {
+      "class": "v-text-field__input",
+      "startAdornment": props12.startAdornment,
+      "endAdornment": props12.endAdornment,
+      "size": control.size.value
+    }, {
+      ...ctx.slots,
+      default: () => inputControl.createInputElement({
+        class: "v-text-field__input__element"
+      })
+    });
     const infoAppendsSlot = () => {
       const {
         counterResult
@@ -3093,22 +3049,20 @@ var VTextField = defineComponent({
     ctx.expose({
       control: inputControl
     });
-    return () => {
-      return createVNode(VFormControl, {
-        "nodeControl": inputControl,
-        "hiddenInfo": props12.hiddenInfo,
-        "class": classes.value,
-        "label": props12.label,
-        "hint": props12.hint,
-        "hinttip": props12.hinttip,
-        "requiredChip": props12.requiredChip,
-        "onClickLabel": handleClickLabel
-      }, {
-        ...ctx.slots,
-        default: defaultSlot,
-        infoAppends: infoAppendsSlot
-      });
-    };
+    return () => createVNode(VFormControl, {
+      "nodeControl": inputControl,
+      "hiddenInfo": props12.hiddenInfo,
+      "class": classes.value,
+      "label": props12.label,
+      "hint": props12.hint,
+      "hinttip": props12.hinttip,
+      "requiredChip": props12.requiredChip,
+      "onClickLabel": handleClickLabel
+    }, {
+      ...ctx.slots,
+      default: defaultSlot,
+      infoAppends: infoAppendsSlot
+    });
   }
 });
 var toString = (value) => {
@@ -3160,16 +3114,14 @@ var VNumberField = defineComponent({
     const onChange = (value) => {
       ctx.emit("change", toNumber(value));
     };
-    return () => {
-      return createVNode(VTextField, mergeProps(ctx.attrs, {
-        "type": hasNumberMask.value ? "text" : "number",
-        "inputmode": inputmode.value,
-        "maskModel": "typed",
-        "modelValue": toString(props12.modelValue),
-        "onUpdate:modelValue": onUpdateModelValue,
-        "onChange": onChange
-      }), ctx.slots);
-    };
+    return () => createVNode(VTextField, mergeProps(ctx.attrs, {
+      "type": hasNumberMask.value ? "text" : "number",
+      "inputmode": inputmode.value,
+      "maskModel": "typed",
+      "modelValue": toString(props12.modelValue),
+      "onUpdate:modelValue": onUpdateModelValue,
+      "onChange": onChange
+    }), ctx.slots);
   }
 });
 var {
@@ -3188,6 +3140,7 @@ var VTextarea = defineComponent({
     ...slots9()
   },
   emits: emits9,
+  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const vui = useVui();
     const inputControl = useTextareaNodeControl(props12, ctx, {
@@ -3199,20 +3152,18 @@ var VTextarea = defineComponent({
     ctx.expose({
       control: inputControl
     });
-    const defaultSlot = () => {
-      return createVNode(VControlField, {
-        "class": "v-textarea__input",
-        "size": control.size.value,
-        "autoHeight": true,
-        "startAdornment": props12.startAdornment,
-        "endAdornment": props12.endAdornment
-      }, {
-        ...ctx.slots,
-        default: () => inputControl.createInputElement({
-          class: "v-textarea__input__element"
-        })
-      });
-    };
+    const defaultSlot = () => createVNode(VControlField, {
+      "class": "v-textarea__input",
+      "size": control.size.value,
+      "autoHeight": true,
+      "startAdornment": props12.startAdornment,
+      "endAdornment": props12.endAdornment
+    }, {
+      ...ctx.slots,
+      default: () => inputControl.createInputElement({
+        class: "v-textarea__input__element"
+      })
+    });
     const infoAppendsSlot = () => {
       const {
         counterResult
@@ -3221,24 +3172,22 @@ var VTextarea = defineComponent({
         return;
       return createVNode(VTextCounter, counterResult, null);
     };
-    return () => {
-      return createVNode(VFormControl, {
-        "nodeControl": inputControl,
-        "class": ["v-textarea", control.classes.value],
-        "label": props12.label,
-        "hint": props12.hint,
-        "hinttip": props12.hinttip,
-        "hiddenInfo": props12.hiddenInfo,
-        "requiredChip": props12.requiredChip,
-        "onClickLabel": (ev) => {
-          inputControl.focus();
-        }
-      }, {
-        ...ctx.slots,
-        default: defaultSlot,
-        infoAppends: infoAppendsSlot
-      });
-    };
+    return () => createVNode(VFormControl, {
+      "nodeControl": inputControl,
+      "class": ["v-textarea", control.classes.value],
+      "label": props12.label,
+      "hint": props12.hint,
+      "hinttip": props12.hinttip,
+      "hiddenInfo": props12.hiddenInfo,
+      "requiredChip": props12.requiredChip,
+      "onClickLabel": (ev) => {
+        inputControl.focus();
+      }
+    }, {
+      ...ctx.slots,
+      default: defaultSlot,
+      infoAppends: infoAppendsSlot
+    });
   }
 });
 var {
@@ -3259,6 +3208,7 @@ var VFormGroup = defineComponent({
   props: createVFormGroupProps(),
   emits: emits10,
   slots: formGroupSlots,
+  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormGroup(props12, ctx, {
       nodeType: VUI_FORM_GROUP_SYMBOL
@@ -3289,20 +3239,19 @@ var VForm = defineComponent({
   props: createVFormProps(),
   emits: emits11,
   slots: formSlots,
+  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useForm(props12, ctx, {
       nodeType: VUI_FORM_SYMBOL
     });
-    const classes = computed(() => {
-      return ["v-form", {
-        "v-form--valid": nodeControl.valid,
-        "v-form--invalid": nodeControl.invalid,
-        "v-form--disabled": nodeControl.isDisabled,
-        "v-form--validating": nodeControl.validating,
-        "v-form--pending": nodeControl.pending,
-        "v-form--sending": nodeControl.sending
-      }];
-    });
+    const classes = computed(() => ["v-form", {
+      "v-form--valid": nodeControl.valid,
+      "v-form--invalid": nodeControl.invalid,
+      "v-form--disabled": nodeControl.isDisabled,
+      "v-form--validating": nodeControl.validating,
+      "v-form--pending": nodeControl.pending,
+      "v-form--sending": nodeControl.sending
+    }]);
     useControl(props12);
     ctx.expose({
       control: nodeControl
@@ -3360,19 +3309,20 @@ var VTab = defineComponent({
         }, _isSlot7(children) ? children : {
           default: () => [children]
         });
-      } else {
-        return createVNode("button", {
-          "class": classes,
-          "type": "button",
-          "value": value,
-          "onClick": (ev) => {
-            ctx.emit("click", ev);
-          }
-        }, [children]);
       }
+      return createVNode("button", {
+        "class": classes,
+        "type": "button",
+        "value": value,
+        "onClick": (ev) => {
+          ctx.emit("click", ev);
+        }
+      }, [children]);
     };
   }
 });
+
+// src/components/VTabs/VTabs.tsx
 function _isSlot8(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -3384,9 +3334,6 @@ var VTabs = defineComponent({
     items: {
       type: Array,
       required: true
-      // validator: (value: VTabsItem[]) => {
-      //   return Array.isArray(value) && value.length > 0;
-      // },
     },
     /**
      * 自動スクロールする際の余剰オフセット幅（px）
@@ -3527,9 +3474,7 @@ var VTabs = defineComponent({
         scrollResult = void 0;
       }
     }
-    const findTab = (tab) => {
-      return tabRefs.value.find((t) => t.value === tab);
-    };
+    const findTab = (tab) => tabRefs.value.find((t) => t.value === tab);
     function scrollToTab(tabValue) {
       const tab = findTab(tabValue);
       if (!tab)
@@ -3588,9 +3533,7 @@ var VTabs = defineComponent({
       const path = props12.withQuery ? route.fullPath : route.path;
       const hit = computedItemsRef.value.find(({
         location
-      }) => {
-        return location && location.route.fullPath === path;
-      });
+      }) => location && location.route.fullPath === path);
       if (hit) {
         currentRef.value = hit.value;
       }
@@ -3671,11 +3614,9 @@ var VBreadcrumbs = defineComponent({
   setup(props12, ctx) {
     const vui = useVui();
     const computedItemsRef = computed(() => {
-      const items = props12.items.map((rawItem) => {
-        return typeof rawItem === "string" ? {
-          text: rawItem
-        } : rawItem;
-      });
+      const items = props12.items.map((rawItem) => typeof rawItem === "string" ? {
+        text: rawItem
+      } : rawItem);
       return items.map((item) => {
         const {
           to,
@@ -3692,11 +3633,9 @@ var VBreadcrumbs = defineComponent({
       });
     });
     const lengthRef = computed(() => computedItemsRef.value.length);
-    const defaultDividerSlot = () => {
-      return [createVNode("i", {
-        "class": "v-breadcrumbs__divider__icon"
-      }, null)];
-    };
+    const defaultDividerSlot = () => [createVNode("i", {
+      "class": "v-breadcrumbs__divider__icon"
+    }, null)];
     return () => {
       if (lengthRef.value < 1)
         return;
@@ -3778,9 +3717,7 @@ var VContentSwitcher = defineComponent({
     const transitionRef = ref("");
     const elRef = ref(null);
     const anchorRef = ref(null);
-    const computedOrderRef = computed(() => props12.order.map((row) => {
-      return typeof row === "string" ? row : row.value;
-    }));
+    const computedOrderRef = computed(() => props12.order.map((row) => typeof row === "string" ? row : row.value));
     const currentRef = computed({
       get: () => internalValueRef.value,
       set: (current) => {
@@ -3803,12 +3740,12 @@ var VContentSwitcher = defineComponent({
       };
     });
     function seeTop(options) {
-      const scoller = getDocumentScroller();
+      const scroller2 = getDocumentScroller();
       const {
         value: anchor
       } = anchorRef;
       if (anchor) {
-        scoller.toElement(anchor, options);
+        scroller2.toElement(anchor, options);
       }
     }
     function getEl() {
@@ -3863,10 +3800,10 @@ var VContentSwitcher = defineComponent({
       }, null), createVNode(Transition, {
         "name": transitionRef.value,
         "onBeforeLeave": (el) => {
-          getEl().style.height = el.offsetHeight + "px";
+          getEl().style.height = `${el.offsetHeight}px`;
         },
         "onEnter": (el) => {
-          getEl().style.height = el.offsetHeight + "px";
+          getEl().style.height = `${el.offsetHeight}px`;
         },
         "onAfterEnter": () => {
           getEl().style.height = "";
@@ -4084,15 +4021,11 @@ var VDataTable = defineComponent({
       };
     });
     const defaultOrderQueryRef = computed(() => props12.defaultOrder === props12.ascQueryValue ? props12.ascQueryValue : props12.descQueryValue);
-    const isTransitioningRef = computed(() => {
-      return vui.location.isQueryOnlyTransitioning([props12.pageQuery, props12.sortQuery, props12.orderQuery, props12.limitQuery]);
-    });
+    const isTransitioningRef = computed(() => vui.location.isQueryOnlyTransitioning([props12.pageQuery, props12.sortQuery, props12.orderQuery, props12.limitQuery]));
     const pageRef = computed(() => vui.location.getQuery(props12.pageQuery, Number, 1));
     const needShowHeaderControlRef = computed(() => props12.items.length > props12.controlThreshold);
     const sortByRef = computed({
-      get: () => {
-        return vui.location.getQuery(props12.sortQuery);
-      },
+      get: () => vui.location.getQuery(props12.sortQuery),
       set(value) {
         vui.location.pushQuery({
           [props12.sortQuery]: value || null,
@@ -4143,12 +4076,10 @@ var VDataTable = defineComponent({
       let icon = vui.icon("sort");
       if (typeof icon === "string") {
         const name = icon;
-        icon = (gen) => {
-          return gen({
-            name,
-            rotate: isASCRef.value ? 180 : 0
-          });
-        };
+        icon = (gen) => gen({
+          name,
+          rotate: isASCRef.value ? 180 : 0
+        });
       }
       return icon;
     });
@@ -4274,12 +4205,10 @@ var VDataTable = defineComponent({
         "size": "sm",
         "hiddenInfo": true,
         "disabled": isTransitioningRef.value,
-        "items": props12.limits.map((limit) => {
-          return {
-            label: `${limit}\u4EF6`,
-            value: limit
-          };
-        }),
+        "items": props12.limits.map((limit) => ({
+          label: `${limit}\u4EF6`,
+          value: limit
+        })),
         "modelValue": limitRef.value,
         "onUpdate:modelValue": ($event) => limitRef.value = $event
       }, null)]), createVNode("div", {
@@ -4463,9 +4392,7 @@ var VDataTable = defineComponent({
       internalValues.value = modelValue.slice();
     });
     watch(() => props12.items, (items) => {
-      internalValues.value = internalValues.value.filter((key) => {
-        return sortedItemKeysRef.value.includes(key);
-      });
+      internalValues.value = internalValues.value.filter((key) => sortedItemKeysRef.value.includes(key));
     });
     onMounted(() => {
       bootedRef.value = true;
@@ -4512,11 +4439,9 @@ var VApp = defineComponent({
   name: "VApp",
   setup(_props, ctx) {
     useInjectTheme();
-    return () => {
-      return createVNode(VDynamicStacks, null, {
-        default: () => [createVNode(VAppLayout, null, ctx.slots)]
-      });
-    };
+    return () => createVNode(VDynamicStacks, null, {
+      default: () => [createVNode(VAppLayout, null, ctx.slots)]
+    });
   }
 });
 var VToolbar = defineComponent({
@@ -4536,17 +4461,13 @@ var VToolbar = defineComponent({
       color: () => props12.color,
       variant: () => props12.variant || vui.setting("containedVariant")
     });
-    const classes = computed(() => {
-      return [elevation.elevationClassName.value, color.colorClasses.value, {
-        "v-toolbar--plain": !color.color.value.value,
-        "v-toolbar--dense": dense.value
-      }];
-    });
-    return () => {
-      return createVNode("div", {
-        "class": ["v-toolbar", classes.value]
-      }, [ctx.slots.default?.()]);
-    };
+    const classes = computed(() => [elevation.elevationClassName.value, color.colorClasses.value, {
+      "v-toolbar--plain": !color.color.value.value,
+      "v-toolbar--dense": dense.value
+    }]);
+    return () => createVNode("div", {
+      "class": ["v-toolbar", classes.value]
+    }, [ctx.slots.default?.()]);
   }
 });
 var VToolbarMenu = defineComponent({
@@ -4783,26 +4704,24 @@ var VuiService = class {
         }
       }
     })];
-    return this.dialog(options, (stack) => {
-      return createVNode(VForm, {
-        "disableAutoScroll": true,
-        "size": size,
-        "onVnodeBeforeUnmount": () => {
-          form = void 0;
-        },
-        "onSubmit": (ev) => {
-          stack.resolve(_state);
-        }
-      }, {
-        default: (_form) => {
-          form = _form;
-          return slot(_state, {
-            form,
-            stack
-          });
-        }
-      });
-    });
+    return this.dialog(options, (stack) => createVNode(VForm, {
+      "disableAutoScroll": true,
+      "size": size,
+      "onVnodeBeforeUnmount": () => {
+        form = void 0;
+      },
+      "onSubmit": (ev) => {
+        stack.resolve(_state);
+      }
+    }, {
+      default: (_form) => {
+        form = _form;
+        return slot(_state, {
+          form,
+          stack
+        });
+      }
+    }));
   }
   prompt(rawOptions = {}) {
     const options = typeof rawOptions === "string" ? {
@@ -4832,21 +4751,19 @@ var VuiService = class {
     }, (state) => createVNode(VTextField, mergeProps(options.input, {
       "modelValue": state.input,
       "onUpdate:modelValue": ($event) => state.input = $event
-    }), null)).then((result) => {
-      return result ? result.input : result;
-    });
+    }), null)).then((result) => result ? result.input : result);
   }
   stackAction(key, override, attrs) {
     const factory = this.stackActions[key];
     const _onClick = BUILTIN_ACTION_HANDLERS[key];
     const action = {
       key,
+      // eslint-disable-next-line no-shadow
       content: ({
         control,
         key: key2
       }) => {
         const onClick = (ev) => _onClick(control, ev);
-        control.guardInProgress;
         const _attrs = {
           disabled: control.guardInProgress,
           ...attrs
@@ -4903,6 +4820,7 @@ var VuiPlugin = class {
         options: {
           behavior: "smooth"
         },
+        // eslint-disable-next-line no-shadow
         fn: (el, opts2) => {
           const duration = opts2?.behavior === "smooth" ? void 0 : 0;
           return scroller.toElement(el, {