@fastkit/vui 0.7.54 → 0.7.55

package/dist/vui.d.ts

@@ -27,7 +27,6 @@ import { FormNodeControl } from '@fastkit/vue-kit';
 import { FormNodeError } from '@fastkit/vue-kit';
 import { FormSelectorControl } from '@fastkit/vue-kit';
 import { FormSelectorItemControl } from '@fastkit/vue-kit';
-import { FormSelectorItemData } from '@fastkit/vue-kit';
 import { FormSelectorItemGroupControl } from '@fastkit/vue-kit';
 import { FormSelectorValue } from '@fastkit/vue-kit';
 import { HistoryOptions } from '@tiptap/extension-history';
@@ -48,6 +47,7 @@ import { Numberish } from '@fastkit/vue-kit';
 import { OrderedListOptions } from '@tiptap/extension-ordered-list';
 import { Prop } from 'vue';
 import { PropType } from 'vue';
+import { RawFormSelectorItems } from '@fastkit/vue-kit';
 import { RawTextableFinishingProp } from '@fastkit/vue-kit';
 import { RawTextareaAutosizeSettings } from '@fastkit/vue-kit';
 import { Ref } from 'vue';
@@ -83,6 +83,7 @@ import { VMenu } from '@fastkit/vue-kit';
 import { VNode } from 'vue';
 import { VNodeChild } from 'vue';
 import { VNodeChildOrSlot } from '@fastkit/vue-kit';
+import { VNodeChildOrSlot as VNodeChildOrSlot_2 } from '@fastkit/vue-utils';
 import { VNodeProps } from 'vue';
 import { VSnackbar } from '@fastkit/vue-kit';
 import { VStackControl } from '@fastkit/vue-kit';
@@ -141,6 +142,8 @@ export declare interface ContentSwitcherSeeTopOptions {
 
 export declare const CONTROL_FIELD_VARIANTS: readonly ["outlined", "filled", "flat"];
 
+export declare const CONTROL_LOADING_SPINNER_SIZES: Record<ControlSize, number>;
+
 export declare const CONTROL_SIZES: readonly ["sm", "md", "lg"];
 
 export declare interface ControlFieldProvider {
@@ -463,6 +466,7 @@ export declare function createControlProps(): {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
 };
 
 export declare function createElevationProps(): {
@@ -929,6 +933,7 @@ declare function createTextFieldProps(): {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     variant: {
         type: PropType<"flat" | "outlined" | "filled">;
         validator: (value: any) => boolean;
@@ -992,7 +997,7 @@ declare function createTextFieldProps(): {
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -1005,6 +1010,7 @@ export declare function createVFormProps(): {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     action: PropType<FormAction>;
     autoValidate: {
         type: BooleanConstructor;
@@ -1030,7 +1036,7 @@ export declare function createVFormProps(): {
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -1093,10 +1099,13 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
         type: BooleanConstructor;
         default: boolean;
     };
+    loadingMessage: PropType<VNodeChildOrSlot<any>>;
+    failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
@@ -1126,7 +1135,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -1144,12 +1153,14 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
     errorMessages: PropType<string | string[]>;
 }, {
+    loadingMessageRef: ComputedRef<VNodeChild>;
+    failedToLoadItemsMessageRef: ComputedRef<VNodeChild>;
     parentControl: ControlProvider | null;
     size: ComputedRef<"sm" | "md" | "lg">;
     classes: ComputedRef<any>;
@@ -1169,7 +1180,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     selectorItems: ComputedRef<FormSelectorItemControl[]>;
     selectedValues: ComputedRef<(string | number)[]>;
     selectedItems: ComputedRef<FormSelectorItemControl[]>;
-    propItems: ComputedRef<ResolvedFormSelectorItemData[]>;
+    propItems: Ref<ResolvedFormSelectorItemData[]>;
     nodeControl: FormNodeControl<any, any>;
     currentValue: WritableComputedRef<FormSelectorValue>;
     computedTabindex: ComputedRef<number>;
@@ -1180,7 +1191,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     initialValue: Ref<FormSelectorValue>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -1213,10 +1224,13 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
         type: BooleanConstructor;
         default: boolean;
     };
+    loadingMessage: PropType<VNodeChildOrSlot<any>>;
+    failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
@@ -1246,7 +1260,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -1264,7 +1278,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -1286,9 +1300,9 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
     multiple: boolean;
-    items: FormSelectorItemData[];
+    items: RawFormSelectorItems;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -1300,6 +1314,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
     stacked: boolean;
 }>;
 
@@ -2319,6 +2334,9 @@ export declare function useVui(): VuiService;
 
 export declare function useVuiColorProvider(): VuiColorProvider;
 
+declare interface ValidatableRule extends Pick<Rule, 'validate' | 'message' | '$name'> {
+}
+
 declare const ValidateCancelSymbol = "__ValidateCancelSymbol__";
 
 declare interface ValidationError {
@@ -2827,8 +2845,8 @@ export declare const VButton: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
-    spacer: PropType<RawVButtonSpacer>;
     loading: BooleanConstructor;
+    spacer: PropType<RawVButtonSpacer>;
     rounded: BooleanConstructor;
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
@@ -3035,8 +3053,8 @@ export declare const VButton: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
-    spacer: PropType<RawVButtonSpacer>;
     loading: BooleanConstructor;
+    spacer: PropType<RawVButtonSpacer>;
     rounded: BooleanConstructor;
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
@@ -3239,8 +3257,8 @@ export declare const VButton: DefineComponent<{
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
 }>>, {
-    loading: boolean;
     rounded: boolean;
+    loading: boolean;
     ariaCurrentValue: "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
 }>;
 
@@ -3250,6 +3268,7 @@ export declare const VButtonGroup: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3261,12 +3280,14 @@ export declare const VButtonGroup: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
 }>>, {
+    loading: boolean;
     disabled: boolean;
 }>;
 
@@ -3704,6 +3725,7 @@ export declare const VCheckbox: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -3726,7 +3748,7 @@ export declare const VCheckbox: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -3751,7 +3773,7 @@ export declare const VCheckbox: DefineComponent<{
     initialValue: Ref<boolean>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -3784,6 +3806,7 @@ export declare const VCheckbox: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -3806,7 +3829,7 @@ export declare const VCheckbox: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -3828,7 +3851,8 @@ export declare const VCheckbox: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
+    loading: boolean;
     indeterminate: boolean;
 }>;
 
@@ -3838,10 +3862,13 @@ export declare const VCheckboxGroup: DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    loadingMessage: PropType<VNodeChildOrSlot<any>>;
+    failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
@@ -3871,7 +3898,7 @@ export declare const VCheckboxGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -3889,12 +3916,14 @@ export declare const VCheckboxGroup: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
     errorMessages: PropType<string | string[]>;
 }, {
+    loadingMessageRef: ComputedRef<VNodeChild>;
+    failedToLoadItemsMessageRef: ComputedRef<VNodeChild>;
     parentControl: ControlProvider | null;
     size: ComputedRef<"sm" | "md" | "lg">;
     classes: ComputedRef<any>;
@@ -3914,7 +3943,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     selectorItems: ComputedRef<FormSelectorItemControl[]>;
     selectedValues: ComputedRef<(string | number)[]>;
     selectedItems: ComputedRef<FormSelectorItemControl[]>;
-    propItems: ComputedRef<ResolvedFormSelectorItemData[]>;
+    propItems: Ref<ResolvedFormSelectorItemData[]>;
     nodeControl: FormNodeControl<any, any>;
     currentValue: WritableComputedRef<FormSelectorValue>;
     computedTabindex: ComputedRef<number>;
@@ -3925,7 +3954,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     initialValue: Ref<FormSelectorValue>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -3958,10 +3987,13 @@ export declare const VCheckboxGroup: DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    loadingMessage: PropType<VNodeChildOrSlot<any>>;
+    failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
@@ -3991,7 +4023,7 @@ export declare const VCheckboxGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -4009,7 +4041,7 @@ export declare const VCheckboxGroup: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -4031,9 +4063,9 @@ export declare const VCheckboxGroup: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
     multiple: boolean;
-    items: FormSelectorItemData[];
+    items: RawFormSelectorItems;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -4045,6 +4077,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
     stacked: boolean;
 }>;
 
@@ -4241,8 +4274,8 @@ export declare const VDataTable: DefineComponent<{
     selectable: BooleanConstructor;
     fixedHeader: BooleanConstructor;
     maxHeight: (StringConstructor | NumberConstructor)[];
-    noDataMessage: PropType<VNodeChild | (() => VNodeChild)>;
-    noResultsMessage: PropType<VNodeChild | (() => VNodeChild)>;
+    noDataMessage: PropType<VNodeChildOrSlot_2<any>>;
+    noResultsMessage: PropType<VNodeChildOrSlot_2<any>>;
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     input: (selecteds: string[]) => true;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
@@ -4329,8 +4362,8 @@ export declare const VDataTable: DefineComponent<{
     selectable: BooleanConstructor;
     fixedHeader: BooleanConstructor;
     maxHeight: (StringConstructor | NumberConstructor)[];
-    noDataMessage: PropType<VNodeChild | (() => VNodeChild)>;
-    noResultsMessage: PropType<VNodeChild | (() => VNodeChild)>;
+    noDataMessage: PropType<VNodeChildOrSlot_2<any>>;
+    noResultsMessage: PropType<VNodeChildOrSlot_2<any>>;
 }>> & {
     onInput?: ((selecteds: string[]) => any) | undefined;
 }, {
@@ -4725,6 +4758,7 @@ export declare const VForm: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     action: PropType<FormAction>;
     autoValidate: {
         type: BooleanConstructor;
@@ -4750,7 +4784,7 @@ export declare const VForm: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -4778,7 +4812,7 @@ export declare const VForm: DefineComponent<{
     initialValue: Ref<any>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -4813,6 +4847,7 @@ export declare const VForm: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     action: PropType<FormAction>;
     autoValidate: {
         type: BooleanConstructor;
@@ -4838,7 +4873,7 @@ export declare const VForm: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -4862,13 +4897,15 @@ export declare const VForm: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
     submiting: boolean;
     disableAutoScroll: boolean;
     autoValidate: boolean;
+    loading: boolean;
 }>;
 
 export declare const VFormControl: DefineComponent<{
+    error: BooleanConstructor;
     'v-slots': PropType<ResolveRawSlots<FormControlSlots & {
         default: FormControl;
     }>>;
@@ -4899,6 +4936,7 @@ export declare const VFormControl: DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     clickLabel: (ev: MouseEvent, formControl: FormControl) => boolean;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    error: BooleanConstructor;
     'v-slots': PropType<ResolveRawSlots<FormControlSlots & {
         default: FormControl;
     }>>;
@@ -4943,6 +4981,7 @@ export declare const VFormControl: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    error: boolean;
 }>;
 
 export declare interface VFormSlots {
@@ -6317,7 +6356,7 @@ export declare const VNumberField: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     errorMessages: PropType<string | string[]>;
@@ -6361,6 +6400,7 @@ export declare const VNumberField: DefineComponent<{
         type: PropType<"flat" | "outlined" | "filled">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
@@ -6401,7 +6441,7 @@ export declare const VNumberField: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     errorMessages: PropType<string | string[]>;
@@ -6445,6 +6485,7 @@ export declare const VNumberField: DefineComponent<{
         type: PropType<"flat" | "outlined" | "filled">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
@@ -6474,7 +6515,7 @@ export declare const VNumberField: DefineComponent<{
     modelValue: number | null;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
     limit: boolean;
     validating: boolean;
     pending: boolean;
@@ -6487,6 +6528,7 @@ export declare const VNumberField: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
 }>;
 
 export declare const VOption: DefineComponent<{
@@ -6494,6 +6536,7 @@ export declare const VOption: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -6516,7 +6559,7 @@ export declare const VOption: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -6538,7 +6581,7 @@ export declare const VOption: DefineComponent<{
     initialValue: Ref<boolean>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -6570,6 +6613,7 @@ export declare const VOption: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -6592,7 +6636,7 @@ export declare const VOption: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -6614,7 +6658,8 @@ export declare const VOption: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
+    loading: boolean;
 }>;
 
 export declare const VOptionGroup: DefineComponent<{
@@ -7119,6 +7164,7 @@ export declare const VRadio: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -7141,7 +7187,7 @@ export declare const VRadio: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7165,7 +7211,7 @@ export declare const VRadio: DefineComponent<{
     initialValue: Ref<boolean>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -7197,6 +7243,7 @@ export declare const VRadio: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -7219,7 +7266,7 @@ export declare const VRadio: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7241,7 +7288,8 @@ export declare const VRadio: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
+    loading: boolean;
 }>;
 
 export declare const VRadioGroup: DefineComponent<{
@@ -7250,10 +7298,13 @@ export declare const VRadioGroup: DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    loadingMessage: PropType<VNodeChildOrSlot<any>>;
+    failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
@@ -7283,7 +7334,7 @@ export declare const VRadioGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -7301,12 +7352,14 @@ export declare const VRadioGroup: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
     errorMessages: PropType<string | string[]>;
 }, {
+    loadingMessageRef: ComputedRef<VNodeChild>;
+    failedToLoadItemsMessageRef: ComputedRef<VNodeChild>;
     parentControl: ControlProvider | null;
     size: ComputedRef<"sm" | "md" | "lg">;
     classes: ComputedRef<any>;
@@ -7326,7 +7379,7 @@ export declare const VRadioGroup: DefineComponent<{
     selectorItems: ComputedRef<FormSelectorItemControl[]>;
     selectedValues: ComputedRef<(string | number)[]>;
     selectedItems: ComputedRef<FormSelectorItemControl[]>;
-    propItems: ComputedRef<ResolvedFormSelectorItemData[]>;
+    propItems: Ref<ResolvedFormSelectorItemData[]>;
     nodeControl: FormNodeControl<any, any>;
     currentValue: WritableComputedRef<FormSelectorValue>;
     computedTabindex: ComputedRef<number>;
@@ -7337,7 +7390,7 @@ export declare const VRadioGroup: DefineComponent<{
     initialValue: Ref<FormSelectorValue>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -7370,10 +7423,13 @@ export declare const VRadioGroup: DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    loadingMessage: PropType<VNodeChildOrSlot<any>>;
+    failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
@@ -7403,7 +7459,7 @@ export declare const VRadioGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -7421,7 +7477,7 @@ export declare const VRadioGroup: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7443,9 +7499,9 @@ export declare const VRadioGroup: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
     multiple: boolean;
-    items: FormSelectorItemData[];
+    items: RawFormSelectorItems;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -7457,16 +7513,20 @@ export declare const VRadioGroup: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
     stacked: boolean;
 }>;
 
 export declare const VSelect: DefineComponent<{
     placeholder: StringConstructor;
+    loadingMessage: PropType<VNodeChildOrSlot<any>>;
+    failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
     'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     variant: {
         type: PropType<"flat" | "outlined" | "filled">;
         validator: (value: any) => boolean;
@@ -7506,7 +7566,7 @@ export declare const VSelect: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -7520,7 +7580,7 @@ export declare const VSelect: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7552,7 +7612,7 @@ export declare const VSelect: DefineComponent<{
     selectorItems: ComputedRef<FormSelectorItemControl[]>;
     selectedValues: ComputedRef<(string | number)[]>;
     selectedItems: ComputedRef<FormSelectorItemControl[]>;
-    propItems: ComputedRef<ResolvedFormSelectorItemData[]>;
+    propItems: Ref<ResolvedFormSelectorItemData[]>;
     nodeControl: FormNodeControl<any, any>;
     currentValue: WritableComputedRef<FormSelectorValue>;
     computedTabindex: ComputedRef<number>;
@@ -7563,7 +7623,7 @@ export declare const VSelect: DefineComponent<{
     initialValue: Ref<FormSelectorValue>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -7591,11 +7651,14 @@ export declare const VSelect: DefineComponent<{
     blur: (ev: FocusEvent) => boolean;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     placeholder: StringConstructor;
+    loadingMessage: PropType<VNodeChildOrSlot<any>>;
+    failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
     'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     variant: {
         type: PropType<"flat" | "outlined" | "filled">;
         validator: (value: any) => boolean;
@@ -7635,7 +7698,7 @@ export declare const VSelect: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -7649,7 +7712,7 @@ export declare const VSelect: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7671,9 +7734,9 @@ export declare const VSelect: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
     multiple: boolean;
-    items: FormSelectorItemData[];
+    items: RawFormSelectorItems;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -7685,6 +7748,7 @@ export declare const VSelect: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
 }>;
 
 export declare const VSkeltonLoaderBone: DefineComponent<{
@@ -7708,6 +7772,7 @@ export declare const VSwitch: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -7730,7 +7795,7 @@ export declare const VSwitch: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7754,7 +7819,7 @@ export declare const VSwitch: DefineComponent<{
     initialValue: Ref<boolean>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -7786,6 +7851,7 @@ export declare const VSwitch: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -7808,7 +7874,7 @@ export declare const VSwitch: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7830,7 +7896,8 @@ export declare const VSwitch: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
+    loading: boolean;
 }>;
 
 export declare const VSwitchGroup: DefineComponent<{
@@ -7839,10 +7906,13 @@ export declare const VSwitchGroup: DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    loadingMessage: PropType<VNodeChildOrSlot<any>>;
+    failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
@@ -7872,7 +7942,7 @@ export declare const VSwitchGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -7890,12 +7960,14 @@ export declare const VSwitchGroup: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
     errorMessages: PropType<string | string[]>;
 }, {
+    loadingMessageRef: ComputedRef<VNodeChild>;
+    failedToLoadItemsMessageRef: ComputedRef<VNodeChild>;
     parentControl: ControlProvider | null;
     size: ComputedRef<"sm" | "md" | "lg">;
     classes: ComputedRef<any>;
@@ -7915,7 +7987,7 @@ export declare const VSwitchGroup: DefineComponent<{
     selectorItems: ComputedRef<FormSelectorItemControl[]>;
     selectedValues: ComputedRef<(string | number)[]>;
     selectedItems: ComputedRef<FormSelectorItemControl[]>;
-    propItems: ComputedRef<ResolvedFormSelectorItemData[]>;
+    propItems: Ref<ResolvedFormSelectorItemData[]>;
     nodeControl: FormNodeControl<any, any>;
     currentValue: WritableComputedRef<FormSelectorValue>;
     computedTabindex: ComputedRef<number>;
@@ -7926,7 +7998,7 @@ export declare const VSwitchGroup: DefineComponent<{
     initialValue: Ref<FormSelectorValue>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -7959,10 +8031,13 @@ export declare const VSwitchGroup: DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    loadingMessage: PropType<VNodeChildOrSlot<any>>;
+    failedToLoadItemsMessage: PropType<VNodeChildOrSlot<any>>;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     nodeControl: PropType<FormNodeControl<any, any>>;
     label: PropType<VNodeChildOrSlot<any>>;
     hint: PropType<VNodeChildOrSlot<any>>;
@@ -7992,7 +8067,7 @@ export declare const VSwitchGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -8010,7 +8085,7 @@ export declare const VSwitchGroup: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -8032,9 +8107,9 @@ export declare const VSwitchGroup: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
     multiple: boolean;
-    items: FormSelectorItemData[];
+    items: RawFormSelectorItems;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -8046,6 +8121,7 @@ export declare const VSwitchGroup: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
     stacked: boolean;
 }>;
 
@@ -8138,6 +8214,7 @@ export declare const VTextarea: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     variant: {
         type: PropType<"flat" | "outlined" | "filled">;
         validator: (value: any) => boolean;
@@ -8199,7 +8276,7 @@ export declare const VTextarea: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -8235,7 +8312,7 @@ export declare const VTextarea: DefineComponent<{
     initialValue: Ref<string>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -8266,6 +8343,7 @@ export declare const VTextarea: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     variant: {
         type: PropType<"flat" | "outlined" | "filled">;
         validator: (value: any) => boolean;
@@ -8327,7 +8405,7 @@ export declare const VTextarea: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -8349,7 +8427,7 @@ export declare const VTextarea: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
     limit: boolean;
     rows: Numberish;
     validating: boolean;
@@ -8363,6 +8441,7 @@ export declare const VTextarea: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
 }>;
 
 export declare const VTextField: DefineComponent<{
@@ -8371,6 +8450,7 @@ export declare const VTextField: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     variant: {
         type: PropType<"flat" | "outlined" | "filled">;
         validator: (value: any) => boolean;
@@ -8434,7 +8514,7 @@ export declare const VTextField: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -8467,7 +8547,7 @@ export declare const VTextField: DefineComponent<{
     initialValue: Ref<string>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -8503,6 +8583,7 @@ export declare const VTextField: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     variant: {
         type: PropType<"flat" | "outlined" | "filled">;
         validator: (value: any) => boolean;
@@ -8566,7 +8647,7 @@ export declare const VTextField: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -8594,7 +8675,7 @@ export declare const VTextField: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
     limit: boolean;
     validating: boolean;
     pending: boolean;
@@ -8607,6 +8688,7 @@ export declare const VTextField: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
 }>;
 
 export declare const VToolbar: DefineComponent<{
@@ -8648,8 +8730,8 @@ export declare const VToolbarMenu: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
-    spacer: PropType<RawVButtonSpacer>;
     loading: BooleanConstructor;
+    spacer: PropType<RawVButtonSpacer>;
     rounded: BooleanConstructor;
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
@@ -8856,8 +8938,8 @@ export declare const VToolbarMenu: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
-    spacer: PropType<RawVButtonSpacer>;
     loading: BooleanConstructor;
+    spacer: PropType<RawVButtonSpacer>;
     rounded: BooleanConstructor;
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
@@ -9060,8 +9142,8 @@ export declare const VToolbarMenu: DefineComponent<{
     onTransitionend: PropType<((payload: TransitionEvent) => void) | undefined>;
     onTransitionstart: PropType<((payload: TransitionEvent) => void) | undefined>;
 }>>, {
-    loading: boolean;
     rounded: boolean;
+    loading: boolean;
     ariaCurrentValue: "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
 }>;
 
@@ -9088,8 +9170,8 @@ export declare const vueButtonProps: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
-    spacer: PropType<RawVButtonSpacer>;
     loading: BooleanConstructor;
+    spacer: PropType<RawVButtonSpacer>;
     rounded: BooleanConstructor;
     icon: PropType<RawVButtonIcon>;
     startIcon: PropType<RawVButtonIcon>;
@@ -9477,6 +9559,7 @@ export declare interface VuiServiceIconSettings {
     editorRedo: IconName;
     hinttip: IconName;
     clear: IconName;
+    reload: IconName;
 }
 
 export declare interface VuiServiceOptions {
@@ -9516,8 +9599,10 @@ export declare interface VuiServiceUISettings {
         variant?: ColorVariant;
     };
     hinttipDelay?: FormControlHinttipDelay_2;
-    noDataMessage?: VNodeChild | (() => VNodeChild);
-    noResultsMessage?: VNodeChild | (() => VNodeChild);
+    noDataMessage?: VNodeChildOrSlot;
+    noResultsMessage?: VNodeChildOrSlot;
+    loadingMessage?: VNodeChildOrSlot;
+    failedToLoadDataMessage?: VNodeChildOrSlot;
 }
 
 export declare type VuiVNodeResolver = () => VNodeChild;
@@ -9535,6 +9620,7 @@ export declare const VWysiwygEditor: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     variant: {
         type: PropType<"flat" | "outlined" | "filled">;
         validator: (value: any) => boolean;
@@ -9590,7 +9676,7 @@ export declare const VWysiwygEditor: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -9622,7 +9708,7 @@ export declare const VWysiwygEditor: DefineComponent<{
     initialValue: Ref<string>;
     dirty: ComputedRef<boolean>;
     pristine: ComputedRef<boolean>;
-    propRules: ComputedRef<RecursiveArray<Rule<any>>>;
+    propRules: ComputedRef<RecursiveArray<ValidatableRule>>;
     isRequired: ComputedRef<boolean>;
     errors: ComputedRef<FormNodeError[]>;
     firstError: ComputedRef<FormNodeError | undefined>;
@@ -9661,6 +9747,7 @@ export declare const VWysiwygEditor: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     variant: {
         type: PropType<"flat" | "outlined" | "filled">;
         validator: (value: any) => boolean;
@@ -9716,7 +9803,7 @@ export declare const VWysiwygEditor: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -9738,7 +9825,7 @@ export declare const VWysiwygEditor: DefineComponent<{
     error: boolean;
     tabindex: string | number;
     validateTiming: ValidateTiming;
-    rules: RecursiveArray<Rule<any>>;
+    rules: RecursiveArray<ValidatableRule>;
     limit: boolean;
     validating: boolean;
     pending: boolean;
@@ -9751,6 +9838,7 @@ export declare const VWysiwygEditor: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
     tools: RawWysiwygEditorTool[];
     floatingToolbar: boolean;
     disabledMinHeight: boolean;