@fastkit/vui 0.13.5 → 0.14.0

package/dist/vui.mjs

@@ -30,7 +30,7 @@ export { VDialog, VMenu, VSnackbar, VTooltip } from '@fastkit/vue-stack';
 import { useActionable, VAction, actionableInheritProps, setDefaultRouterLink } from '@fastkit/vue-action';
 export * from '@fastkit/vue-action';
 export { VAction as VLink } from '@fastkit/vue-action';
-import { createPropsOptions, defineSlotsProps, renderSlotOrEmpty, htmlAttributesPropOptions, isFragment, resolveNumberish, resolveVNodeChildOrSlots, rawNumberPropType, onAppUnmount } from '@fastkit/vue-utils';
+import { createPropsOptions, defineSlots, renderSlotOrEmpty, isFragment, resolveNumberish, resolveVNodeChildOrSlots, rawNumberPropType, onAppUnmount } from '@fastkit/vue-utils';
 export * from '@fastkit/vue-utils';
 import * as vue_loading_star from '@fastkit/vue-loading';
 export * from '@fastkit/vue-loading';
@@ -153,6 +153,7 @@ __export(src_exports, {
   createRequiredChipRenderer: () => createRequiredChipRenderer,
   createVFormProps: () => createVFormProps,
   defineFormSelectorComponent: () => defineFormSelectorComponent,
+  formSlots: () => formSlots,
   iconProps: () => iconProps,
   installVuiPlugin: () => installVuiPlugin,
   listTileEmits: () => listTileEmits,
@@ -161,6 +162,7 @@ __export(src_exports, {
   mergeVuiServiceOptions: () => mergeVuiServiceOptions,
   mergeVuiServiceUISettings: () => mergeVuiServiceUISettings,
   paginationProps: () => paginationProps,
+  paperBaseSlots: () => paperBaseSlots,
   rawIconProp: () => rawIconProp,
   renderNavigationItemInput: () => renderNavigationItemInput,
   resolveNavigationItemInput: () => resolveNavigationItemInput,
@@ -362,13 +364,15 @@ function createRequiredChipRenderer(required, props10, vui = useVui()) {
     return chip;
   };
 }
+var slots = defineSlots();
 var VFormControl = defineComponent({
   name: "VFormControl",
   props: {
     ...props,
-    ...defineSlotsProps(),
+    ...slots(),
     error: Boolean
   },
+  slots,
   emits,
   setup(props10, ctx) {
     const vui = useVui();
@@ -433,7 +437,7 @@ var VFormControl = defineComponent({
         }, ctx2.attrs), [hinttip.tip])
       })]), createVNode("div", {
         "class": "v-form-control__body"
-      }, [renderSlotOrEmpty(ctx.slots, "default", control), !props10.hiddenInfo && createVNode("div", {
+      }, [ctx.slots.default?.(control), !props10.hiddenInfo && createVNode("div", {
         "class": "v-form-control__info"
       }, [!!message && createVNode("div", {
         "class": "v-form-control__message"
@@ -449,6 +453,7 @@ var loading_exports = {};
 __reExport(loading_exports, vue_loading_star);
 
 // src/composables/form-selector.tsx
+var slots2 = defineSlots();
 function defineFormSelectorComponent(opts) {
   const {
     itemRenderer,
@@ -476,8 +481,9 @@ function defineFormSelectorComponent(opts) {
       loadingMessage: {},
       // eslint-disable-next-line vue/require-prop-types
       failedToLoadItemsMessage: {},
-      ...defineSlotsProps()
+      ...slots2()
     },
+    slots: slots2,
     emits: emits10,
     setup(props11, ctx) {
       const selectorControl = useFormSelectorControl(props11, ctx, {
@@ -551,7 +557,7 @@ function defineFormSelectorComponent(opts) {
               }
             });
           })]);
-        }), renderSlotOrEmpty(this.$slots, "default")])
+        }), this.$slots.default?.()])
       });
     }
   });
@@ -646,9 +652,11 @@ __export(components_exports, {
   createPaperProps: () => createPaperProps,
   createRequiredChipRenderer: () => createRequiredChipRenderer,
   createVFormProps: () => createVFormProps,
+  formSlots: () => formSlots,
   iconProps: () => iconProps,
   listTileEmits: () => listTileEmits,
   paginationProps: () => paginationProps,
+  paperBaseSlots: () => paperBaseSlots,
   rawIconProp: () => rawIconProp,
   renderNavigationItemInput: () => renderNavigationItemInput,
   resolveNavigationItemInput: () => resolveNavigationItemInput,
@@ -657,9 +665,6 @@ __export(components_exports, {
   vueButtonProps: () => vueButtonProps
 });
 __reExport(components_exports, loading_exports);
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 var VSkeltonLoaderBone = defineComponent({
   name: "VSkeltonLoaderBone",
   inheritAttrs: false,
@@ -671,12 +676,11 @@ var VSkeltonLoaderBone = defineComponent({
   },
   setup(props10, ctx) {
     return () => {
-      let _slot;
       const TagName = props10.tag;
       return createVNode(TagName, mergeProps(ctx.attrs, {
         "class": "v-skelton-loader-bone"
-      }), _isSlot(_slot = renderSlotOrEmpty(ctx.slots)) ? _slot : {
-        default: () => [_slot]
+      }), {
+        default: () => [ctx.slots.default?.()]
       });
     };
   }
@@ -705,6 +709,7 @@ var resolveBusyImageSizeValue = (source) => {
     return;
   return isNaN(source) ? String(source) : `${source}px`;
 };
+var slots3 = defineSlots();
 var VBusyImage = defineComponent({
   name: "VBusyImage",
   props: {
@@ -713,12 +718,13 @@ var VBusyImage = defineComponent({
     width: NUMBERISH_PROP,
     height: NUMBERISH_PROP,
     cover: Boolean,
-    ...defineSlotsProps()
+    ...slots3()
   },
   emits: {
     load: (ev) => true,
     error: (ev) => true
   },
+  slots: slots3,
   setup(props10, ctx) {
     const loadStateRef = ref(props10.cover && isAvailableSrc(ctx.attrs.src) ? "loading" : "pending");
     const attrsRef = computed(() => splitAttrs(ctx.attrs));
@@ -844,7 +850,7 @@ var VBusyImage = defineComponent({
         img: imgAttrs
       } = attrsRef.value;
       const styles = stylesRef.value;
-      const children = ctx.slots.default && ctx.slots.default();
+      const children = ctx.slots.default?.();
       return createVNode("span", mergeProps({
         "class": ["v-busy-image", classesRef.value]
       }, elAttrs, {
@@ -885,7 +891,6 @@ var VGridItem = defineComponent({
   name: "VGridItem",
   inheritAttrs: false,
   props: {
-    ...htmlAttributesPropOptions,
     tag: {
       type: String,
       default: "div"
@@ -940,7 +945,6 @@ var VGridContainer = defineComponent({
   name: "VGridContainer",
   inheritAttrs: false,
   props: {
-    ...htmlAttributesPropOptions,
     wrapperTag: {
       type: String,
       default: "div"
@@ -1017,15 +1021,15 @@ var VGridContainer = defineComponent({
     };
   }
 });
+var paperBaseSlots = defineSlots();
 function createPaperBaseProps() {
   return {
-    ...htmlAttributesPropOptions,
     color: String,
     tag: {
       type: [String, Object],
       default: "div"
     },
-    ...defineSlotsProps()
+    ...paperBaseSlots()
   };
 }
 function createPaperProps() {
@@ -1043,6 +1047,7 @@ var VPaper = defineComponent({
   name: "VPaper",
   inheritAttrs: false,
   props: createPaperProps(),
+  slots: paperBaseSlots,
   setup(props10, ctx) {
     const tag = computed(() => props10.tag);
     const elevation = useElevation(props10, {
@@ -1070,7 +1075,7 @@ var VPaper = defineComponent({
           "class": "v-paper__header"
         }, headerProps.value), [header]), createVNode("div", mergeProps({
           "class": "v-paper__body"
-        }, bodyProps.value), [renderSlotOrEmpty(ctx.slots, "default")]), footer && createVNode("div", mergeProps({
+        }, bodyProps.value), [ctx.slots.default?.()]), footer && createVNode("div", mergeProps({
           "class": "v-paper__footer"
         }, footerProps.value), [footer])])]
       });
@@ -1142,7 +1147,7 @@ var VAvatar = defineComponent({
           "class": "v-avatar__image",
           "src": src,
           "cover": true
-        }, null) || renderSlotOrEmpty(ctx.slots)]
+        }, null) || ctx.slots.default?.()]
       });
     };
   }
@@ -1221,7 +1226,7 @@ var VChip = defineComponent({
       }), {
         default: () => [startIcon.value, createVNode("span", {
           "class": "v-chip__content"
-        }, [renderSlotOrEmpty(ctx.slots)]), endIcon.value]
+        }, [ctx.slots.default?.()]), endIcon.value]
       });
     };
   }
@@ -1266,21 +1271,21 @@ var VCard = defineComponent({
 });
 var VCardContent = defineComponent({
   name: "VCardContent",
-  setup(props10, ctx) {
+  setup(_props, ctx) {
     return () => {
       return createVNode("div", {
         "class": "v-card-content"
-      }, [renderSlotOrEmpty(ctx.slots, "default")]);
+      }, [ctx.slots.default?.()]);
     };
   }
 });
 var VCardActions = defineComponent({
   name: "VCardActions",
-  setup(props10, ctx) {
+  setup(_props, ctx) {
     return () => {
       return createVNode("div", {
         "class": "v-card-actions"
-      }, [renderSlotOrEmpty(ctx.slots, "default")]);
+      }, [ctx.slots.default?.()]);
     };
   }
 });
@@ -1294,7 +1299,6 @@ function resolveRawVButtonIcon(raw, type = "main") {
   }, null);
 }
 var vueButtonProps = createPropsOptions({
-  ...htmlAttributesPropOptions,
   ...colorSchemeProps(),
   ...actionableInheritProps,
   spacer: [Boolean, String],
@@ -1352,13 +1356,12 @@ var VButton = defineComponent({
       "v-button--plain": isPlain.value
     }]);
     return () => {
-      const children = renderSlotOrEmpty(ctx.slots);
       return createVNode(VAction, mergeProps(ctx.attrs, {
         "class": ["v-button", classes.value]
       }), {
         default: () => [createVNode("span", {
           "class": "v-button__content"
-        }, [startIcon.value, children, icon.value, endIcon.value]), isLoading.value && createVNode(loading_exports.VProgressCircular, {
+        }, [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]
@@ -1426,7 +1429,7 @@ var VButtonGroup = defineComponent({
     };
   }
 });
-function _isSlot2(s) {
+function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var PAGINATION_ALIGNS = ["left", "center", "right"];
@@ -1655,7 +1658,7 @@ var VPagination = defineComponent({
           "class": classes2,
           "to": to,
           "key": key
-        }, _isSlot2(children) ? children : {
+        }, _isSlot(children) ? children : {
           default: () => [children]
         });
       } else {
@@ -1768,7 +1771,7 @@ var VListTile = defineComponent({
           "class": "v-list-tile__icon v-list-tile__icon--start"
         }, [_startIcon]), createVNode("span", {
           "class": "v-list-tile__body"
-        }, [renderSlotOrEmpty(ctx.slots, "default")]), _endIcon && createVNode("span", {
+        }, [ctx.slots.default?.()]), _endIcon && createVNode("span", {
           "class": "v-list-tile__icon v-list-tile__icon--end"
         }, [_endIcon])]
       });
@@ -1780,6 +1783,7 @@ var VDrawerLayout = defineComponent({
   props: {
     ...createPaperBaseProps()
   },
+  slots: paperBaseSlots,
   setup(props10, ctx) {
     return () => {
       const paperProps = computed(() => ({
@@ -1804,13 +1808,10 @@ var VDrawerLayout = defineComponent({
     };
   }
 });
-function _isSlot3(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
+var slots4 = defineSlots();
 var VHero = defineComponent({
   name: "VHero",
   props: {
-    ...htmlAttributesPropOptions,
     color: {
       type: String,
       default: "primary"
@@ -1823,14 +1824,14 @@ var VHero = defineComponent({
       type: String,
       default: "h1"
     },
-    ...defineSlotsProps()
+    ...slots4()
   },
+  slots: slots4,
   setup(props10, ctx) {
     return () => {
-      let _slot;
       const TagName = props10.tag;
       const HTagName = props10.hTag;
-      const adornment = renderSlotOrEmpty(ctx.slots, "adornment");
+      const adornment = ctx.slots.adornment?.();
       return createVNode(VAppContainer, {
         "pulled": true
       }, {
@@ -1839,8 +1840,8 @@ var VHero = defineComponent({
         }, {
           default: () => [createVNode(HTagName, {
             "class": "v-hero__title"
-          }, _isSlot3(_slot = renderSlotOrEmpty(ctx.slots, "default")) ? _slot : {
-            default: () => [_slot]
+          }, {
+            default: () => [ctx.slots.default?.()]
           }), adornment && createVNode("div", {
             "class": "v-hero__adornment"
           }, [adornment])]
@@ -1849,7 +1850,7 @@ var VHero = defineComponent({
     };
   }
 });
-function _isSlot4(s) {
+function _isSlot2(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 function createNavigationItemProps() {
@@ -1890,7 +1891,7 @@ function renderNavigationItemInput(input, extraProps) {
   return createVNode(VNavigationItem, {
     ...props10,
     ...extraProps
-  }, _isSlot4(label) ? label : {
+  }, _isSlot2(label) ? label : {
     default: () => [label]
   });
 }
@@ -2005,7 +2006,6 @@ var VNavigationItem = defineComponent({
       close
     });
     return () => {
-      let _slot;
       const _children = children.value;
       const fallbackTag = _children ? "button" : void 0;
       return createVNode(Fragment, null, [createVNode(VListTile, mergeProps(ctx.attrs, _props.value, {
@@ -2014,8 +2014,8 @@ var VNavigationItem = defineComponent({
         "class": ["v-navigation-item", classes.value],
         "onClick": onClick,
         "onChangeActive": onChangeActive
-      }), _isSlot4(_slot = renderSlotOrEmpty(ctx.slots, "default")) ? _slot : {
-        default: () => [_slot]
+      }), {
+        default: () => [ctx.slots.default?.()]
       }), _children && createVNode(VExpandTransition, null, {
         default: () => [withDirectives(createVNode("div", {
           "class": "v-navigation-item__expand"
@@ -2114,16 +2114,17 @@ function createControlFieldProps() {
     ...createControlProps()
   };
 }
+var slots5 = defineSlots();
 var VControlField = defineComponent({
   name: "VControlField",
   props: {
     ...createControlFieldProps(),
     focused: Boolean,
     autoHeight: Boolean,
-    ...defineSlotsProps(),
+    ...slots5(),
     error: Boolean
   },
-  // _slots: inputBoxSlots,
+  slots: slots5,
   emits: {
     click: (ev) => true
   },
@@ -2148,12 +2149,12 @@ var VControlField = defineComponent({
       return classes2;
     });
     const resolvedSlots = computed(() => {
-      const slots = {};
+      const slots13 = {};
       ADORNMENT_POSITIONS.forEach((position) => {
         const key = `${position}Adornment`;
-        slots[position] = resolveVNodeChildOrSlots(props10[key], ctx.slots[key]);
+        slots13[position] = resolveVNodeChildOrSlots(props10[key], ctx.slots[key]);
       });
-      return slots;
+      return slots13;
     });
     const renderAdornment = (position) => {
       let child;
@@ -2163,7 +2164,7 @@ var VControlField = defineComponent({
           "size": CONTROL_LOADING_SPINNER_SIZES[props10.size || "md"]
         }, null);
       } else {
-        child = renderSlotOrEmpty(resolvedSlots.value, position);
+        child = resolvedSlots.value[position]?.();
       }
       if (!child)
         return;
@@ -2189,7 +2190,7 @@ var VControlField = defineComponent({
       "ref": this.hostElRef()
     }, [this.renderAdornment("start"), createVNode("div", {
       "class": "v-control-field__body"
-    }, [renderSlotOrEmpty(this.$slots, "default")]), this.renderAdornment("end")]);
+    }, [this.$slots.default?.()]), this.renderAdornment("end")]);
   }
 });
 var VTextCounter = defineComponent({
@@ -2210,6 +2211,7 @@ var VTextCounter = defineComponent({
     }, [`${this.length} / ${this.maxlength}`]);
   }
 });
+var slots6 = defineSlots();
 var VCheckable = defineComponent({
   name: "VCheckable",
   props: {
@@ -2217,9 +2219,10 @@ var VCheckable = defineComponent({
     disabled: Boolean,
     readonly: Boolean,
     checked: Boolean,
-    ...defineSlotsProps()
+    ...slots6()
     // autoWidth: Boolean,
   },
+  slots: slots6,
   setup(props10, ctx) {
     const colorProvider = useVuiColorProvider();
     const invalid = computed(() => props10.invalid);
@@ -2240,11 +2243,11 @@ var VCheckable = defineComponent({
       "class": ["v-checkable", classes.value]
     }, [createVNode("span", {
       "class": "v-checkable__faux"
-    }, [renderSlotOrEmpty(ctx.slots, "input"), ctx.slots.icon ? renderSlotOrEmpty(ctx.slots, "icon") : createVNode("span", {
+    }, [ctx.slots.input?.(), ctx.slots.icon ? ctx.slots.icon() : createVNode("span", {
       "class": "v-checkable__faux__icon"
-    }, [renderSlotOrEmpty(ctx.slots, "faux")])]), createVNode("span", {
+    }, [ctx.slots.faux?.()])]), createVNode("span", {
       "class": "v-checkable__label"
-    }, [renderSlotOrEmpty(ctx.slots, "label")])]);
+    }, [ctx.slots.label?.()])]);
   }
 });
 
@@ -2295,11 +2298,11 @@ var VCheckbox = defineComponent({
       faux: () => createVNode("span", {
         "class": "v-checkbox__faux"
       }, null),
-      label: () => renderSlotOrEmpty(this.$slots, "default")
+      label: () => this.$slots.default?.()
     });
   }
 });
-function _isSlot5(s) {
+function _isSlot3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VCheckboxGroup = defineFormSelectorComponent({
@@ -2309,9 +2312,9 @@ var VCheckboxGroup = defineFormSelectorComponent({
   className: "v-checkbox-group",
   itemRenderer: ({
     attrs,
-    slots
-  }) => createVNode(VCheckbox, attrs, _isSlot5(slots) ? slots : {
-    default: () => [slots]
+    slots: slots13
+  }) => createVNode(VCheckbox, attrs, _isSlot3(slots13) ? slots13 : {
+    default: () => [slots13]
   })
 });
 var {
@@ -2355,11 +2358,11 @@ var VRadio = defineComponent({
       faux: () => createVNode("span", {
         "class": "v-radio__faux"
       }, null),
-      label: () => renderSlotOrEmpty(this.$slots, "default")
+      label: () => this.$slots.default?.()
     });
   }
 });
-function _isSlot6(s) {
+function _isSlot4(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VRadioGroup = defineFormSelectorComponent({
@@ -2368,9 +2371,9 @@ var VRadioGroup = defineFormSelectorComponent({
   className: "v-radio-group",
   itemRenderer: ({
     attrs,
-    slots
-  }) => createVNode(VRadio, attrs, _isSlot6(slots) ? slots : {
-    default: () => [slots]
+    slots: slots13
+  }) => createVNode(VRadio, attrs, _isSlot4(slots13) ? slots13 : {
+    default: () => [slots13]
   })
 });
 var {
@@ -2422,11 +2425,11 @@ var VSwitch = defineComponent({
       }, [createVNode("span", {
         "class": "v-switch__faux__pin"
       }, null)]),
-      label: () => renderSlotOrEmpty(this.$slots, "default")
+      label: () => this.$slots.default?.()
     });
   }
 });
-function _isSlot7(s) {
+function _isSlot5(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VSwitchGroup = defineFormSelectorComponent({
@@ -2436,9 +2439,9 @@ var VSwitchGroup = defineFormSelectorComponent({
   className: "v-switch-group",
   itemRenderer: ({
     attrs,
-    slots
-  }) => createVNode(VSwitch, attrs, _isSlot7(slots) ? slots : {
-    default: () => [slots]
+    slots: slots13
+  }) => createVNode(VSwitch, attrs, _isSlot5(slots13) ? slots13 : {
+    default: () => [slots13]
   })
 });
 var {
@@ -2484,17 +2487,19 @@ var VOption = defineComponent({
       "aria-disabled": selectorItemControl.isDisabled
     }), [createVNode("span", {
       "class": "v-option__label"
-    }, [renderSlotOrEmpty(this.$slots, "default")])]);
+    }, [this.$slots.default?.()])]);
   }
 });
+var slots7 = defineSlots();
 var VOptionGroup = defineComponent({
   name: "VOptionGroup",
   props: {
     ...createFormSelectorItemGroupProps(),
     // eslint-disable-next-line vue/require-prop-types
     label: {},
-    ...defineSlotsProps()
+    ...slots7()
   },
+  slots: slots7,
   setup(props10, ctx) {
     const groupControl = useFormSelectorItemGroupControl(props10, ctx, {
       parentNodeType: VUI_SELECT_SYMBOL
@@ -2524,10 +2529,10 @@ var VOptionGroup = defineComponent({
       "class": classes
     }, [!!label && createVNode("div", {
       "class": "v-option-group__label"
-    }, [label]), renderSlotOrEmpty(this.$slots, "default")]);
+    }, [label]), this.$slots.default?.()]);
   }
 });
-function _isSlot8(s) {
+function _isSlot6(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var ARROW_KEY_TYPES = useKeyboard.Key(["ArrowUp", "ArrowDown"]);
@@ -2537,6 +2542,7 @@ var {
   props: props6,
   emits: emits6
 } = createFormSelectorSettings();
+var slots8 = defineSlots();
 var VSelect = defineComponent({
   name: "VSelect",
   props: {
@@ -2545,7 +2551,7 @@ var VSelect = defineComponent({
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),
-    ...defineSlotsProps(),
+    ...slots8(),
     ...createPropsOptions({
       placeholder: String,
       loadingMessage: {},
@@ -2553,6 +2559,7 @@ var VSelect = defineComponent({
     }),
     closeOnNavigation: Boolean
   },
+  slots: slots8,
   emits: emits6,
   setup(props10, ctx) {
     const menuRef = ref(null);
@@ -2739,7 +2746,7 @@ var VSelect = defineComponent({
       selectorItems,
       selectedItems
     } = this;
-    const children = this.$slots.default && this.$slots.default() || [];
+    const children = this.$slots.default?.() || [];
     const propGroups = this.propGroups.map((group) => {
       let _slot;
       return createVNode(VOptionGroup, {
@@ -2747,7 +2754,7 @@ var VSelect = defineComponent({
         "groupId": group.id,
         "label": group.label(selectorControl),
         "disabled": group.disabled
-      }, _isSlot8(_slot = group.items.map((item) => createVNode(VOption, {
+      }, _isSlot6(_slot = group.items.map((item) => createVNode(VOption, {
         "disabled": item.disabled,
         "value": item.value,
         "key": item.value
@@ -2873,6 +2880,7 @@ var {
   props: props7,
   emits: emits7
 } = createTextInputSettings();
+var slots9 = defineSlots();
 function createTextFieldProps() {
   return {
     ...props7,
@@ -2880,13 +2888,14 @@ function createTextFieldProps() {
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),
-    ...defineSlotsProps()
+    ...slots9()
   };
 }
 var VTextField = defineComponent({
   name: "VTextField",
   props: createTextFieldProps(),
   emits: emits7,
+  slots: slots9,
   setup(props10, ctx) {
     const inputControl = useTextInputControl(props10, ctx, {
       nodeType: VUI_TEXT_FIELD_SYMBOL
@@ -2982,6 +2991,7 @@ var {
   props: props8,
   emits: emits8
 } = createTextareaSettings();
+var slots10 = defineSlots();
 var VTextarea = defineComponent({
   name: "VTextarea",
   props: {
@@ -2990,7 +3000,7 @@ var VTextarea = defineComponent({
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),
-    ...defineSlotsProps()
+    ...slots10()
   },
   emits: emits8,
   setup(props10, ctx) {
@@ -3050,11 +3060,12 @@ var {
 } = createFormSettings({
   nodeType: VUI_FORM_SYMBOL
 });
+var formSlots = defineSlots();
 function createVFormProps() {
   return {
     ...props9,
     ...createControlProps(),
-    ...defineSlotsProps()
+    ...formSlots()
     // disableAutoScroll: Boolean,
   };
 }
@@ -3062,6 +3073,7 @@ var VForm = defineComponent({
   name: "VForm",
   props: createVFormProps(),
   emits: emits9,
+  slots: formSlots,
   setup(props10, ctx) {
     const vui = useVui();
     const nodeControl = useForm(props10, ctx, {
@@ -3099,10 +3111,10 @@ var VForm = defineComponent({
       "action": this.nativeAction,
       "spellcheck": this.spellcheck,
       "onSubmit": form.handleSubmit
-    }, [renderSlotOrEmpty(this.$slots, "default", form)]);
+    }, [this.$slots.default?.(form)]);
   }
 });
-function _isSlot9(s) {
+function _isSlot7(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VTab = defineComponent({
@@ -3140,14 +3152,14 @@ var VTab = defineComponent({
         "class": "v-tab__content"
       }, [icon && resolveRawIconProp(active, icon, {
         class: "v-tab__icon"
-      }), renderSlotOrEmpty(ctx.slots)]);
+      }), ctx.slots.default?.()]);
       if (to) {
         const replace = typeof to === "string" ? void 0 : to.replace;
         return createVNode(RouterLink, {
           "class": classes,
           "to": to,
           "replace": replace
-        }, _isSlot9(children) ? children : {
+        }, _isSlot7(children) ? children : {
           default: () => [children]
         });
       } else {
@@ -3163,9 +3175,10 @@ var VTab = defineComponent({
     };
   }
 });
-function _isSlot10(s) {
+function _isSlot8(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
+var slots11 = defineSlots();
 var VTabs = defineComponent({
   name: "VTabs",
   props: {
@@ -3193,14 +3206,15 @@ var VTabs = defineComponent({
      * タブのURLが /page1?tab=xxx のようになる時に設定する
      */
     withQuery: Boolean,
-    ...defineSlotsProps(),
     color: String,
-    onBeforeChange: Function
+    onBeforeChange: Function,
+    ...slots11()
   },
   emits: {
     "update:modelValue": (newValue) => true,
     change: (newValue) => true
   },
+  slots: slots11,
   setup(props10, ctx) {
     const vui = useVui();
     const internalValueRef = ref(null);
@@ -3426,7 +3440,7 @@ var VTabs = defineComponent({
               to(value);
             }
           }
-        }, _isSlot10(children2) ? children2 : {
+        }, _isSlot8(children2) ? children2 : {
           default: () => [children2]
         });
       });
@@ -3446,7 +3460,7 @@ var VTabs = defineComponent({
     };
   }
 });
-function _isSlot11(s) {
+function _isSlot9(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VBreadcrumbs = defineComponent({
@@ -3457,7 +3471,6 @@ var VBreadcrumbs = defineComponent({
       default: () => []
     },
     divider: [String, Function]
-    // ...defineSlotsProps<{}>(),
   },
   setup(props10, ctx) {
     const vui = useVui();
@@ -3530,7 +3543,7 @@ var VBreadcrumbs = defineComponent({
           "class": "v-breadcrumbs__link",
           "to": to,
           "exactActiveClass": "v-breadcrumbs__link--active"
-        }, _isSlot11(myChildren) ? myChildren : {
+        }, _isSlot9(myChildren) ? myChildren : {
           default: () => [myChildren]
         }) : myChildren;
         children.push(createVNode("li", {
@@ -3548,7 +3561,7 @@ var VBreadcrumbs = defineComponent({
     };
   }
 });
-function _isSlot12(s) {
+function _isSlot10(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VContentSwitcher = defineComponent({
@@ -3637,7 +3650,7 @@ var VContentSwitcher = defineComponent({
     });
     return () => {
       const current = currentRef.value;
-      const children = renderSlotOrEmpty(ctx.slots) || [];
+      const children = ctx.slots.default?.() || [];
       const currentSlot = ctx.slots[current];
       if (currentSlot) {
         children.push(createVNode("div", {
@@ -3668,7 +3681,7 @@ var VContentSwitcher = defineComponent({
         "onLeaveCancelled": () => {
           getEl().style.height = "";
         }
-      }, _isSlot12(children) ? children : {
+      }, _isSlot10(children) ? children : {
         default: () => [children]
       })]);
     };
@@ -4336,13 +4349,10 @@ var VToolbar = defineComponent({
     return () => {
       return createVNode("div", {
         "class": ["v-toolbar", classes.value]
-      }, [renderSlotOrEmpty(ctx.slots, "default")]);
+      }, [ctx.slots.default?.()]);
     };
   }
 });
-function _isSlot13(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 var VToolbarMenu = defineComponent({
   name: "VToolbarMenu",
   inheritAttrs: false,
@@ -4351,13 +4361,12 @@ var VToolbarMenu = defineComponent({
     const vui = useVui();
     const plain = vui.setting("plainVariant");
     return () => {
-      let _slot;
       const variant = props10.variant || plain;
       return createVNode(VButton, mergeProps(ctx.attrs, {
         "variant": variant,
         "class": ["v-toolbar-menu"]
-      }), _isSlot13(_slot = renderSlotOrEmpty(ctx.slots)) ? _slot : {
-        default: () => [_slot]
+      }), {
+        default: () => [ctx.slots.default?.()]
       });
     };
   }
@@ -4383,26 +4392,25 @@ var VToolbarEdge = defineComponent({
     };
   }
 });
-function _isSlot14(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
+var slots12 = defineSlots();
 var VToolbarTitle = defineComponent({
   name: "VToolbarTitle",
   props: {
     tag: {
       type: String,
       default: "span"
-    }
+    },
+    ...slots12()
   },
+  slots: slots12,
   setup(props10, ctx) {
     const _TagName = computed(() => props10.tag);
     return () => {
-      let _slot;
       const TagName = _TagName.value;
       return createVNode(TagName, {
         "class": "v-toolbar-title"
-      }, _isSlot14(_slot = renderSlotOrEmpty(ctx.slots, "default")) ? _slot : {
-        default: () => [_slot]
+      }, {
+        default: () => [ctx.slots.default?.()]
       });
     };
   }
@@ -4662,6 +4670,6 @@ function installVuiPlugin(app, opts) {
   return app.use(VuiPlugin, opts);
 }
 
-export { ARROW_KEY_TYPES, AVATAR_SIZES, BUTTON_ALIGNS, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, KEYBORD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VControlField, VDataTable, VDrawerLayout, VForm, VFormControl, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSkeltonLoaderBone, VSwitch, VSwitchGroup, VTabs, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormProps, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { ARROW_KEY_TYPES, AVATAR_SIZES, BUTTON_ALIGNS, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, KEYBORD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VControlField, VDataTable, VDrawerLayout, VForm, VFormControl, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSkeltonLoaderBone, VSwitch, VSwitchGroup, VTabs, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormProps, defineFormSelectorComponent, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=vui.mjs.map