@fastkit/vui 0.7.50 → 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';
@@ -70,6 +70,7 @@ import { TextableCounterSettings } from '@fastkit/vue-kit';
 import { TextareaAutosizeSettings } from '@fastkit/vue-kit';
 import { TextareaControl } from '@fastkit/vue-kit';
 import { TextInputControl } from '@fastkit/vue-kit';
+import { TextInputEmits } from '@fastkit/vue-kit';
 import { TypedSlot } from '@fastkit/vue-kit';
 import { UnderlineOptions } from '@tiptap/extension-underline';
 import { UnwrapNestedRefs } from 'vue';
@@ -82,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';
@@ -140,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 {
@@ -462,6 +466,7 @@ export declare function createControlProps(): {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
 };
 
 export declare function createElevationProps(): {
@@ -928,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;
@@ -991,7 +997,7 @@ declare function createTextFieldProps(): {
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -1004,6 +1010,7 @@ export declare function createVFormProps(): {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     action: PropType<FormAction>;
     autoValidate: {
         type: BooleanConstructor;
@@ -1029,7 +1036,7 @@ export declare function createVFormProps(): {
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -1092,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>>;
@@ -1125,7 +1135,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -1143,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>;
@@ -1168,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>;
@@ -1179,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>;
@@ -1212,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>>;
@@ -1245,7 +1260,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -1263,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;
@@ -1285,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;
@@ -1299,6 +1314,7 @@ export declare function defineFormSelectorComponent(opts: DefineFormSelectorComp
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
     stacked: boolean;
 }>;
 
@@ -2285,8 +2301,12 @@ export declare function splitAttrs(attrs: ImgHTMLAttributes): {
     img: ImgHTMLAttributes;
 };
 
+export declare type TextFieldEmits = TextInputEmits;
+
 export declare type TextFieldInput = ExtractPropInput<ReturnType<typeof createTextFieldProps>>;
 
+export declare type TextFieldPropsOptions = ReturnType<typeof createTextFieldProps>;
+
 declare type ToggleableIconHook = (gen: IconGenerator, ctx: boolean) => VNodeChild;
 
 export declare function useControl(props: ControlProps, opts?: UseControlProviderOptions): ControlProvider;
@@ -2314,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 {
@@ -2822,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>;
@@ -3030,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>;
@@ -3234,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;
 }>;
 
@@ -3245,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>;
@@ -3256,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;
 }>;
 
@@ -3699,6 +3725,7 @@ export declare const VCheckbox: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -3721,7 +3748,7 @@ export declare const VCheckbox: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -3746,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>;
@@ -3779,6 +3806,7 @@ export declare const VCheckbox: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -3801,7 +3829,7 @@ export declare const VCheckbox: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -3823,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;
 }>;
 
@@ -3833,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>>;
@@ -3866,7 +3898,7 @@ export declare const VCheckboxGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -3884,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>;
@@ -3909,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>;
@@ -3920,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>;
@@ -3953,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>>;
@@ -3986,7 +4023,7 @@ export declare const VCheckboxGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -4004,7 +4041,7 @@ export declare const VCheckboxGroup: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -4026,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;
@@ -4040,6 +4077,7 @@ export declare const VCheckboxGroup: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
     stacked: boolean;
 }>;
 
@@ -4236,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<{
@@ -4324,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;
 }, {
@@ -4720,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;
@@ -4745,7 +4784,7 @@ export declare const VForm: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -4773,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>;
@@ -4808,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;
@@ -4833,7 +4873,7 @@ export declare const VForm: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -4857,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;
     }>>;
@@ -4894,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;
     }>>;
@@ -4938,6 +4981,7 @@ export declare const VFormControl: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    error: boolean;
 }>;
 
 export declare interface VFormSlots {
@@ -6289,11 +6333,210 @@ export declare const VNavigationItem: DefineComponent<{
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
 }>;
 
+export declare const VNumberField: DefineComponent<{
+    modelValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    autofocus: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    spellcheck: BooleanConstructor;
+    viewonly: BooleanConstructor;
+    required: BooleanConstructor;
+    clearable: BooleanConstructor;
+    error: BooleanConstructor;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    validateTiming: {
+        type: PropType<ValidateTiming>;
+        default: ValidateTiming;
+    };
+    rules: {
+        type: PropType<RecursiveArray<ValidatableRule>>;
+        default: () => never[];
+    };
+    errorMessages: PropType<string | string[]>;
+    autocomplete: PropType<boolean | "name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo">;
+    placeholder: StringConstructor;
+    limit: BooleanConstructor;
+    minlength: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
+    pattern: (StringConstructor | RegExpConstructor)[];
+    autocapitalize: PropType<FormAutoCapitalize>;
+    finishings: PropType<RawTextableFinishingProp>;
+    counter: PropType<string | number | boolean>;
+    counterValue: PropType<(value: string) => number>;
+    masked: StringConstructor;
+    unmasked: StringConstructor;
+    typed: (StringConstructor | NumberConstructor | DateConstructor)[];
+    validating: BooleanConstructor;
+    pending: BooleanConstructor;
+    focused: BooleanConstructor;
+    dirty: BooleanConstructor;
+    pristine: BooleanConstructor;
+    touched: BooleanConstructor;
+    untouched: BooleanConstructor;
+    invalid: BooleanConstructor;
+    valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
+    errors: {
+        type: PropType<FormNodeError[]>;
+        default: () => FormNodeError[];
+    };
+    nodeControl: PropType<FormNodeControl<any, any>>;
+    label: PropType<VNodeChildOrSlot<any>>;
+    hint: PropType<VNodeChildOrSlot<any>>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
+    infoAppends: PropType<VNodeChildOrSlot<any>>;
+    requiredChip: PropType<RequiredChipSource>;
+    startAdornment: PropType<VNodeChildOrSlot<any>>;
+    endAdornment: PropType<VNodeChildOrSlot<any>>;
+    variant: {
+        type: PropType<"flat" | "outlined" | "filled">;
+        validator: (value: any) => boolean;
+    };
+    loading: BooleanConstructor;
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
+    mask: PropType<any>;
+}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    'update:modelValue': (value: number | null) => true;
+    change: (value: number | null) => true;
+    blur: (ev: FocusEvent) => boolean;
+    accept: (ev: IMaskEvent) => boolean;
+    complete: (ev: IMaskEvent) => boolean;
+    'update:masked': (maskedValue: string) => boolean;
+    'update:typed': (typedValue: IMaskTypedValue | undefined) => boolean;
+    'update:unmasked': (unmaskedValue: string) => boolean;
+    'update:errors': (errors: FormNodeError[]) => boolean;
+    focus: (ev: FocusEvent) => boolean;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    autofocus: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    spellcheck: BooleanConstructor;
+    viewonly: BooleanConstructor;
+    required: BooleanConstructor;
+    clearable: BooleanConstructor;
+    error: BooleanConstructor;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    validateTiming: {
+        type: PropType<ValidateTiming>;
+        default: ValidateTiming;
+    };
+    rules: {
+        type: PropType<RecursiveArray<ValidatableRule>>;
+        default: () => never[];
+    };
+    errorMessages: PropType<string | string[]>;
+    autocomplete: PropType<boolean | "name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo">;
+    placeholder: StringConstructor;
+    limit: BooleanConstructor;
+    minlength: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
+    pattern: (StringConstructor | RegExpConstructor)[];
+    autocapitalize: PropType<FormAutoCapitalize>;
+    finishings: PropType<RawTextableFinishingProp>;
+    counter: PropType<string | number | boolean>;
+    counterValue: PropType<(value: string) => number>;
+    masked: StringConstructor;
+    unmasked: StringConstructor;
+    typed: (StringConstructor | NumberConstructor | DateConstructor)[];
+    validating: BooleanConstructor;
+    pending: BooleanConstructor;
+    focused: BooleanConstructor;
+    dirty: BooleanConstructor;
+    pristine: BooleanConstructor;
+    touched: BooleanConstructor;
+    untouched: BooleanConstructor;
+    invalid: BooleanConstructor;
+    valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
+    errors: {
+        type: PropType<FormNodeError[]>;
+        default: () => FormNodeError[];
+    };
+    nodeControl: PropType<FormNodeControl<any, any>>;
+    label: PropType<VNodeChildOrSlot<any>>;
+    hint: PropType<VNodeChildOrSlot<any>>;
+    hinttip: PropType<FormControlHinttip>;
+    hinttipDelay: PropType<FormControlHinttipDelay>;
+    infoAppends: PropType<VNodeChildOrSlot<any>>;
+    requiredChip: PropType<RequiredChipSource>;
+    startAdornment: PropType<VNodeChildOrSlot<any>>;
+    endAdornment: PropType<VNodeChildOrSlot<any>>;
+    variant: {
+        type: PropType<"flat" | "outlined" | "filled">;
+        validator: (value: any) => boolean;
+    };
+    loading: BooleanConstructor;
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
+    mask: PropType<any>;
+}>> & {
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onChange?: ((value: number | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onAccept?: ((ev: IMaskEvent) => any) | undefined;
+    onComplete?: ((ev: IMaskEvent) => any) | undefined;
+    "onUpdate:masked"?: ((maskedValue: string) => any) | undefined;
+    "onUpdate:typed"?: ((typedValue: IMaskTypedValue | undefined) => any) | undefined;
+    "onUpdate:unmasked"?: ((unmaskedValue: string) => any) | undefined;
+    "onUpdate:errors"?: ((errors: FormNodeError[]) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+}, {
+    autofocus: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    spellcheck: boolean;
+    viewonly: boolean;
+    required: boolean;
+    clearable: boolean;
+    error: boolean;
+    modelValue: number | null;
+    tabindex: string | number;
+    validateTiming: ValidateTiming;
+    rules: RecursiveArray<ValidatableRule>;
+    limit: boolean;
+    validating: boolean;
+    pending: boolean;
+    focused: boolean;
+    dirty: boolean;
+    pristine: boolean;
+    touched: boolean;
+    untouched: boolean;
+    invalid: boolean;
+    valid: boolean;
+    hiddenInfo: boolean;
+    errors: FormNodeError[];
+    loading: boolean;
+}>;
+
 export declare const VOption: DefineComponent<{
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -6316,7 +6559,7 @@ export declare const VOption: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -6338,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>;
@@ -6370,6 +6613,7 @@ export declare const VOption: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -6392,7 +6636,7 @@ export declare const VOption: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -6414,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<{
@@ -6919,6 +7164,7 @@ export declare const VRadio: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -6941,7 +7187,7 @@ export declare const VRadio: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -6965,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>;
@@ -6997,6 +7243,7 @@ export declare const VRadio: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -7019,7 +7266,7 @@ export declare const VRadio: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7041,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<{
@@ -7050,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>>;
@@ -7083,7 +7334,7 @@ export declare const VRadioGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -7101,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>;
@@ -7126,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>;
@@ -7137,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>;
@@ -7170,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>>;
@@ -7203,7 +7459,7 @@ export declare const VRadioGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -7221,7 +7477,7 @@ export declare const VRadioGroup: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7243,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;
@@ -7257,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;
@@ -7306,7 +7566,7 @@ export declare const VSelect: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -7320,7 +7580,7 @@ export declare const VSelect: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7352,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>;
@@ -7363,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>;
@@ -7391,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;
@@ -7435,7 +7698,7 @@ export declare const VSelect: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -7449,7 +7712,7 @@ export declare const VSelect: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7471,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;
@@ -7485,6 +7748,7 @@ export declare const VSelect: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
 }>;
 
 export declare const VSkeltonLoaderBone: DefineComponent<{
@@ -7508,6 +7772,7 @@ export declare const VSwitch: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -7530,7 +7795,7 @@ export declare const VSwitch: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7554,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>;
@@ -7586,6 +7851,7 @@ export declare const VSwitch: DefineComponent<{
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    loading: BooleanConstructor;
     value: {
         type: (StringConstructor | NumberConstructor)[];
     };
@@ -7608,7 +7874,7 @@ export declare const VSwitch: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7630,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<{
@@ -7639,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>>;
@@ -7672,7 +7942,7 @@ export declare const VSwitchGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -7690,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>;
@@ -7715,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>;
@@ -7726,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>;
@@ -7759,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>>;
@@ -7792,7 +8067,7 @@ export declare const VSwitchGroup: DefineComponent<{
         default: boolean;
     };
     items: {
-        type: PropType<FormSelectorItemData[]>;
+        type: PropType<RawFormSelectorItems>;
         default: () => never[];
     };
     name: StringConstructor;
@@ -7810,7 +8085,7 @@ export declare const VSwitchGroup: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -7832,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;
@@ -7846,6 +8121,7 @@ export declare const VSwitchGroup: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
     stacked: boolean;
 }>;
 
@@ -7938,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;
@@ -7999,7 +8276,7 @@ export declare const VTextarea: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -8035,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>;
@@ -8066,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;
@@ -8127,7 +8405,7 @@ export declare const VTextarea: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -8149,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;
@@ -8163,6 +8441,7 @@ export declare const VTextarea: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
 }>;
 
 export declare const VTextField: DefineComponent<{
@@ -8171,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;
@@ -8234,7 +8514,7 @@ export declare const VTextField: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -8267,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>;
@@ -8303,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;
@@ -8366,7 +8647,7 @@ export declare const VTextField: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -8394,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;
@@ -8407,6 +8688,7 @@ export declare const VTextField: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
 }>;
 
 export declare const VToolbar: DefineComponent<{
@@ -8448,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>;
@@ -8656,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>;
@@ -8860,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;
 }>;
 
@@ -8888,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>;
@@ -9277,6 +9559,7 @@ export declare interface VuiServiceIconSettings {
     editorRedo: IconName;
     hinttip: IconName;
     clear: IconName;
+    reload: IconName;
 }
 
 export declare interface VuiServiceOptions {
@@ -9316,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;
@@ -9335,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;
@@ -9390,7 +9676,7 @@ export declare const VWysiwygEditor: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -9422,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>;
@@ -9461,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;
@@ -9516,7 +9803,7 @@ export declare const VWysiwygEditor: DefineComponent<{
         default: ValidateTiming;
     };
     rules: {
-        type: PropType<RecursiveArray<Rule<any>>>;
+        type: PropType<RecursiveArray<ValidatableRule>>;
         default: () => never[];
     };
     error: BooleanConstructor;
@@ -9538,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;
@@ -9551,6 +9838,7 @@ export declare const VWysiwygEditor: DefineComponent<{
     valid: boolean;
     hiddenInfo: boolean;
     errors: FormNodeError[];
+    loading: boolean;
     tools: RawWysiwygEditorTool[];
     floatingToolbar: boolean;
     disabledMinHeight: boolean;