@fastkit/vui 1.0.0 → 1.1.1

package/dist/vui.mjs

@@ -26,15 +26,15 @@ import { VScroller, getDocumentScroller } from '@fastkit/vue-scroller';
 export * from '@fastkit/vue-scroller';
 import { defineMenuComponent, defineDialogComponent, createStackActionProps, useStackAction, defineSnackbarComponent, createStackableDefine, useStackControl, createMenuProps, VDynamicStacks, BUILTIN_ACTION_HANDLERS, installVueStackPlugin } from '@fastkit/vue-stack';
 export * from '@fastkit/vue-stack';
-import { useActionable, VAction, actionableInheritProps, setDefaultActionableClassName, setDefaultRouterLink } from '@fastkit/vue-action';
+import { registerActionableAttrsResolver, registerActionableRenderWrapper, useActionable, VAction, actionableInheritProps, setDefaultActionableClassName, setDefaultRouterLink } from '@fastkit/vue-action';
 export * from '@fastkit/vue-action';
 export { VAction as VLink } from '@fastkit/vue-action';
 import { createPropsOptions, typedSlotWithCtx, defineSlots, typedSlotsWithCtx, renderSlotOrEmpty, withCtx, isFragment, resolveNumberish, resolveVNodeChildOrSlots, withCtxForSlots, 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';
-import { defineComponent, computed, createVNode, mergeProps, ref, watch, onMounted, onBeforeUnmount, Fragment, isVNode, cloneVNode, withDirectives, vShow, onBeforeUpdate, Transition, inject, provide, createTextVNode, nextTick, vModelSelect, reactive } from 'vue';
-import { defineDisabledReasonComponent } from '@fastkit/vue-disabled-reason';
+import { defineComponent, computed, createVNode, mergeProps, ref, watch, onMounted, onBeforeUnmount, Fragment, isVNode, cloneVNode, withDirectives, vShow, onBeforeUpdate, Transition, inject, provide, createTextVNode, getCurrentInstance, nextTick, vModelSelect, reactive } from 'vue';
+import { defineDisabledReasonComponent, DISABLED_REASON_CONTAINER_BIND } from '@fastkit/vue-disabled-reason';
 import { loadImage } from '@fastkit/dom';
 import { useRouter, useRoute, RouterLink, useLink } from 'vue-router';
 import { resizeDirectiveArgument, installResizeDirective } from '@fastkit/vue-resize';
@@ -68,6 +68,7 @@ __export(src_exports, {
   CONTROL_FIELD_VARIANTS: () => CONTROL_FIELD_VARIANTS,
   CONTROL_LOADING_SPINNER_SIZES: () => CONTROL_LOADING_SPINNER_SIZES,
   CONTROL_SIZES: () => CONTROL_SIZES,
+  DISABLED_REASON_PROPS: () => DISABLED_REASON_PROPS,
   ICON_NAMES: () => ICON_NAMES,
   KEYBOARD_EVENT_TYPES: () => KEYBOARD_EVENT_TYPES,
   PAGINATION_ALIGNS: () => PAGINATION_ALIGNS,
@@ -426,9 +427,8 @@ var VFormControl = defineComponent({
     ...slots(),
     error: Boolean
   },
-  slots,
   emits,
-  // eslint-disable-next-line no-shadow
+  slots,
   setup(props12, ctx) {
     const vui = useVui();
     const control = useFormNodeWrapper(props12, ctx, {
@@ -465,10 +465,7 @@ var VFormControl = defineComponent({
       "v-form-control--untouched": control.untouched,
       "v-form-control--invalid": control.invalid,
       "v-form-control--valid": control.valid
-    }, colorProvider.className(
-      // eslint-disable-next-line no-nested-ternary
-      props12.error ? "error" : control.invalid && !control.isReadonly ? "error" : "primary"
-    )]);
+    }, colorProvider.className(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 () => {
@@ -544,9 +541,8 @@ function defineFormSelectorComponent(opts) {
       failedToLoadItemsMessage: {},
       ...slots2()
     },
-    slots: slots2,
     emits: emits12,
-    // eslint-disable-next-line no-shadow
+    slots: slots2,
     setup(props13, ctx) {
       const selectorControl = useFormSelectorControl(props13, ctx, {
         nodeType,
@@ -644,6 +640,7 @@ __export(components_exports, {
   BUTTON_ALIGNS: () => BUTTON_ALIGNS,
   CHIP_SIZES: () => CHIP_SIZES,
   CHOICE_KEY_TYPES: () => CHOICE_KEY_TYPES,
+  DISABLED_REASON_PROPS: () => DISABLED_REASON_PROPS,
   ICON_NAMES: () => ICON_NAMES,
   KEYBOARD_EVENT_TYPES: () => KEYBOARD_EVENT_TYPES,
   PAGINATION_ALIGNS: () => PAGINATION_ALIGNS,
@@ -825,7 +822,6 @@ 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
@@ -877,11 +873,13 @@ var VSkeltonLoaderBone = defineComponent({
     };
   }
 });
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
 var menuProps = createMenuProps();
-var VDisabledReason = defineDisabledReasonComponent({
-  name: "VDisabledReason",
-  props: {
-    ...menuProps,
+var DISABLED_REASON_PROPS = {
+  ...menuProps,
+  ...createPropsOptions({
     /**
      * Display type
      *
@@ -893,7 +891,11 @@ var VDisabledReason = defineDisabledReasonComponent({
       type: String,
       default: "tooltip"
     }
-  },
+  })
+};
+var VDisabledReason = defineDisabledReasonComponent({
+  name: "VDisabledReason",
+  props: DISABLED_REASON_PROPS,
   setup(api) {
     return (reason) => {
       const {
@@ -914,6 +916,29 @@ var VDisabledReason = defineDisabledReasonComponent({
     };
   }
 });
+registerActionableAttrsResolver((attrs, ctx) => {
+  const disabledReason = ctx.getAttr("disabledReason");
+  if (disabledReason) {
+    delete attrs.disabledReason;
+    return [void 0, {
+      disabledReason
+    }];
+  }
+});
+registerActionableRenderWrapper((customProps, currentNode) => {
+  const {
+    disabledReason
+  } = customProps;
+  const disabledReasonInput = typeof disabledReason === "string" || typeof disabledReason === "function" ? {
+    reason: disabledReason
+  } : disabledReason;
+  if (disabledReasonInput) {
+    return createVNode(VDisabledReason, disabledReasonInput, _isSlot(currentNode) ? currentNode : {
+      default: () => [currentNode]
+    });
+  }
+  return currentNode;
+});
 var IMAGE_ATTRS = ["alt", "crossorigin", "decoding", "sizes", "src", "srcset", "usemap"];
 function splitAttrs(attrs) {
   const el = {
@@ -1635,7 +1660,7 @@ var VButtonGroup = defineComponent({
     };
   }
 });
-function _isSlot(s) {
+function _isSlot2(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var PAGINATION_ALIGNS = ["left", "center", "right"];
@@ -1858,7 +1883,7 @@ var VPagination = defineComponent({
           "class": classes2,
           "to": to,
           "key": key
-        }, _isSlot(children) ? children : {
+        }, _isSlot2(children) ? children : {
           default: () => [children]
         });
       }
@@ -1952,16 +1977,11 @@ var VListTile = defineComponent({
         "v-list-tile--active": isActive.value
       }];
     });
-    watch(
-      () => isActive.value,
-      // eslint-disable-next-line no-shadow
-      (isActive2) => {
-        ctx.emit("changeActive", isActive2);
-      },
-      {
-        immediate: true
-      }
-    );
+    watch(() => isActive.value, (isActive2) => {
+      ctx.emit("changeActive", isActive2);
+    }, {
+      immediate: true
+    });
     return () => {
       const _startIcon = startIcon.value;
       const _endIcon = endIcon.value;
@@ -2052,7 +2072,7 @@ var VHero = defineComponent({
     };
   }
 });
-function _isSlot2(s) {
+function _isSlot3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 function createNavigationItemProps() {
@@ -2091,7 +2111,7 @@ function renderNavigationItemInput(input, extraProps) {
   return createVNode(VNavigationItem, {
     ...props12,
     ...extraProps
-  }, _isSlot2(label) ? label : {
+  }, _isSlot3(label) ? label : {
     default: () => [label]
   });
 }
@@ -2276,7 +2296,6 @@ 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);
         },
@@ -2314,10 +2333,10 @@ var VControlField = defineComponent({
     ...slots5(),
     error: Boolean
   },
-  slots: slots5,
   emits: {
     click: (ev) => true
   },
+  slots: slots5,
   setup(props12, ctx) {
     const parentNode = useParentFormNode();
     const control = useControl(props12);
@@ -2335,10 +2354,7 @@ var VControlField = defineComponent({
         "v-control-field--readonly": readonly.value,
         "v-control-field--focused": props12.focused,
         "v-control-field--auto-height": autoHeight.value
-      }, control.classes.value, colorProvider.className(
-        // eslint-disable-next-line no-nested-ternary
-        props12.error ? "error" : invalid.value && !readonly.value ? "error" : "primary"
-      )];
+      }, control.classes.value, colorProvider.className(props12.error ? "error" : invalid.value && !readonly.value ? "error" : "primary")];
       return _classes;
     });
     const resolvedSlots = computed(() => {
@@ -2365,11 +2381,11 @@ var VControlField = defineComponent({
       }, [child]);
     };
     const handleClick = (ev) => ctx.emit("click", ev);
-    return () => createVNode("div", {
+    return () => createVNode("div", mergeProps({
       "class": classes.value,
       "onClick": handleClick,
       "ref": hostElRef
-    }, [renderAdornment("start"), createVNode("div", {
+    }, DISABLED_REASON_CONTAINER_BIND), [renderAdornment("start"), createVNode("div", {
       "class": "v-control-field__body"
     }, [ctx.slots.default?.()]), renderAdornment("end")]);
   }
@@ -2418,9 +2434,9 @@ var VCheckable = defineComponent({
       "v-checkable--custom-icon": !!ctx.slots.icon,
       disabled: disabled.value
     }, colorProvider.className(invalid.value ? "error" : "primary")]);
-    return () => createVNode("label", {
+    return () => createVNode("label", mergeProps({
       "class": ["v-checkable", classes.value]
-    }, [createVNode("span", {
+    }, DISABLED_REASON_CONTAINER_BIND), [createVNode("span", {
       "class": "v-checkable__faux"
     }, [ctx.slots.input?.(), ctx.slots.icon ? ctx.slots.icon() : createVNode("span", {
       "class": "v-checkable__faux__icon"
@@ -2443,7 +2459,6 @@ 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,
@@ -2481,7 +2496,7 @@ var VCheckbox = defineComponent({
     }, withCtxForSlots(slots12));
   }
 });
-function _isSlot3(s) {
+function _isSlot4(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VCheckboxGroup = defineFormSelectorComponent({
@@ -2492,7 +2507,7 @@ var VCheckboxGroup = defineFormSelectorComponent({
   itemRenderer: ({
     attrs,
     slots: slots12
-  }) => createVNode(VCheckbox, attrs, _isSlot3(slots12) ? slots12 : {
+  }) => createVNode(VCheckbox, attrs, _isSlot4(slots12) ? slots12 : {
     default: () => [slots12]
   })
 });
@@ -2507,7 +2522,6 @@ var VRadio = defineComponent({
     ...createControlProps()
   },
   emits: emits4,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormSelectorItemControl(props12, ctx, {
       nodeType: VUI_RADIO_SYMBOL,
@@ -2535,7 +2549,7 @@ var VRadio = defineComponent({
     }, withCtxForSlots(slots12));
   }
 });
-function _isSlot4(s) {
+function _isSlot5(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VRadioGroup = defineFormSelectorComponent({
@@ -2545,7 +2559,7 @@ var VRadioGroup = defineFormSelectorComponent({
   itemRenderer: ({
     attrs,
     slots: slots12
-  }) => createVNode(VRadio, attrs, _isSlot4(slots12) ? slots12 : {
+  }) => createVNode(VRadio, attrs, _isSlot5(slots12) ? slots12 : {
     default: () => [slots12]
   })
 });
@@ -2560,7 +2574,6 @@ var VSwitch = defineComponent({
     ...createControlProps()
   },
   emits: emits5,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormSelectorItemControl(props12, ctx, {
       nodeType: VUI_SWITCH_SYMBOL,
@@ -2598,7 +2611,7 @@ var VSwitch = defineComponent({
     }, withCtxForSlots(slots12));
   }
 });
-function _isSlot5(s) {
+function _isSlot6(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VSwitchGroup = defineFormSelectorComponent({
@@ -2609,7 +2622,7 @@ var VSwitchGroup = defineFormSelectorComponent({
   itemRenderer: ({
     attrs,
     slots: slots12
-  }) => createVNode(VSwitch, attrs, _isSlot5(slots12) ? slots12 : {
+  }) => createVNode(VSwitch, attrs, _isSlot6(slots12) ? slots12 : {
     default: () => [slots12]
   })
 });
@@ -2624,7 +2637,6 @@ var VOption = defineComponent({
     ...createControlProps()
   },
   emits: emits6,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const nodeControl = useFormSelectorItemControl(props12, ctx, {
       nodeType: VUI_OPTION_SYMBOL,
@@ -2678,7 +2690,7 @@ var VOptionGroup = defineComponent({
     };
   }
 });
-function _isSlot6(s) {
+function _isSlot7(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var ARROW_KEY_TYPES = useKeyboard.Key(["ArrowUp", "ArrowDown"]);
@@ -2707,9 +2719,8 @@ var VSelect = defineComponent({
     }),
     closeOnNavigation: Boolean
   },
-  slots: slots7,
   emits: emits7,
-  // eslint-disable-next-line no-shadow
+  slots: slots7,
   setup(props12, ctx) {
     const menuRef = ref(null);
     const menuOpened = ref(false);
@@ -2879,13 +2890,13 @@ var VSelect = defineComponent({
           "groupId": group.id,
           "label": group.label(inputControl),
           "disabled": group.disabled
-        }, _isSlot6(_slot2 = group.items.map((item) => {
+        }, _isSlot7(_slot2 = group.items.map((item) => {
           let _slot;
           return createVNode(VOption, {
             "disabled": item.disabled,
             "value": item.value,
             "key": item.value
-          }, _isSlot6(_slot = item.label(inputControl)) ? _slot : {
+          }, _isSlot7(_slot = item.label(inputControl)) ? _slot : {
             default: () => [_slot]
           });
         })) ? _slot2 : {
@@ -3026,7 +3037,6 @@ 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
@@ -3144,7 +3154,6 @@ var VTextarea = defineComponent({
     ...slots9()
   },
   emits: emits9,
-  // eslint-disable-next-line no-shadow
   setup(props12, ctx) {
     const vui = useVui();
     const inputControl = useTextareaNodeControl(props12, ctx, {
@@ -3211,7 +3220,6 @@ 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
@@ -3229,6 +3237,10 @@ var {
 } = createFormSettings({
   nodeType: VUI_FORM_SYMBOL
 });
+function useRender(render) {
+  const vm = getCurrentInstance();
+  vm.render = render;
+}
 var formSlots = defineSlots();
 function createVFormProps() {
   return {
@@ -3242,7 +3254,6 @@ 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
@@ -3256,15 +3267,15 @@ var VForm = defineComponent({
       "v-form--sending": nodeControl.sending
     }]);
     useControl(props12);
-    ctx.expose({
-      control: nodeControl
-    });
-    return () => createVNode("form", mergeProps({
+    useRender(() => createVNode("form", mergeProps({
       "class": classes.value
-    }, nodeControl.formAttrs), [ctx.slots.default?.(nodeControl)]);
+    }, nodeControl.formAttrs), [ctx.slots.default?.(nodeControl)]));
+    return {
+      control: nodeControl
+    };
   }
 });
-function _isSlot7(s) {
+function _isSlot8(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VTab = defineComponent({
@@ -3309,7 +3320,7 @@ var VTab = defineComponent({
           "class": classes,
           "to": to,
           "replace": replace
-        }, _isSlot7(children) ? children : {
+        }, _isSlot8(children) ? children : {
           default: () => [children]
         });
       }
@@ -3326,7 +3337,7 @@ var VTab = defineComponent({
 });
 
 // src/components/VTabs/VTabs.tsx
-function _isSlot8(s) {
+function _isSlot9(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var slots10 = defineSlots();
@@ -3571,7 +3582,7 @@ var VTabs = defineComponent({
               to(value);
             }
           }
-        }, _isSlot8(children2) ? children2 : {
+        }, _isSlot9(children2) ? children2 : {
           default: () => [children2]
         });
       });
@@ -3590,7 +3601,7 @@ var VTabs = defineComponent({
     };
   }
 });
-function _isSlot9(s) {
+function _isSlot10(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VBreadcrumbs = defineComponent({
@@ -3667,7 +3678,7 @@ var VBreadcrumbs = defineComponent({
           "class": "v-breadcrumbs__link",
           "to": to,
           "exactActiveClass": "v-breadcrumbs__link--active"
-        }, _isSlot9(myChildren) ? myChildren : {
+        }, _isSlot10(myChildren) ? myChildren : {
           default: () => [myChildren]
         }) : myChildren;
         children.push(createVNode("li", {
@@ -3685,7 +3696,7 @@ var VBreadcrumbs = defineComponent({
     };
   }
 });
-function _isSlot10(s) {
+function _isSlot11(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VContentSwitcher = defineComponent({
@@ -3797,7 +3808,7 @@ var VContentSwitcher = defineComponent({
         "onLeaveCancelled": () => {
           getEl().style.height = "";
         }
-      }, _isSlot10(children) ? children : {
+      }, _isSlot11(children) ? children : {
         default: () => [children]
       })]);
     };
@@ -4733,7 +4744,6 @@ var VuiService = class {
     const _onClick = BUILTIN_ACTION_HANDLERS[key];
     const action = {
       key,
-      // eslint-disable-next-line no-shadow
       content: ({
         control,
         key: key2
@@ -4795,7 +4805,6 @@ var VuiPlugin = class {
         options: {
           behavior: "smooth"
         },
-        // eslint-disable-next-line no-shadow
         fn: (el, opts2) => {
           if (window.getComputedStyle(el).scrollMargin) return;
           const duration = opts2?.behavior === "smooth" ? void 0 : 0;
@@ -4823,6 +4832,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, KEYBOARD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VControlField, VDataTable, VDialog, VDisabledReason, VDrawerLayout, VForm, VFormControl, VFormGroup, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_GROUP_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, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, 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, DISABLED_REASON_PROPS, KEYBOARD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VControlField, VDataTable, VDialog, VDisabledReason, VDrawerLayout, VForm, VFormControl, VFormGroup, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_GROUP_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, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
 //# sourceMappingURL=vui.mjs.map
 //# sourceMappingURL=vui.mjs.map