@fastkit/vui 0.18.31 → 0.18.33

package/dist/vui.d.ts

@@ -32,7 +32,7 @@ import { TypedSlot, VNodeChildOrSlot, ExtractPropInput, DefineSlotsType } from '
 export * from '@fastkit/vue-utils';
 export * from '@fastkit/vue-loading';
 import * as vue from 'vue';
-import { PropType, ExtractPropTypes, ComputedRef, VNodeChild, InjectionKey, VNodeProps, UnwrapNestedRefs, ImgHTMLAttributes, HTMLAttributes, App } from 'vue';
+import { PropType, ExtractPropTypes, ComputedRef, VNodeChild, VNodeProps, InjectionKey, UnwrapNestedRefs, ImgHTMLAttributes, HTMLAttributes, App } from 'vue';
 import {  ScopeName, ColorVariant , ThemeName, PaletteName } from '@fastkit/color-scheme';
 import * as _fastkit_vue_transitions__ from '@fastkit/vue-transitions/.';
 import * as _fastkit_vue_utils__ from '@fastkit/vue-utils/.';
@@ -251,11 +251,11 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: _fastkit_vue_form_control.FormSelectorValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: _fastkit_vue_form_control.FormSelectorValue) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: _fastkit_vue_form_control.FormSelectorValue) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     collectErrorMessages: boolean;
@@ -307,63 +307,6 @@ declare function useElevation(props: ElevationProps, opts?: UseElevationOptions)
     elevationClassName: vue.ComputedRef<string | undefined>;
 };
 
-declare const VuiInjectionKey: InjectionKey<VuiService>;
-declare const VuiControlInjectionKey: InjectionKey<ControlProvider>;
-declare const VuiControlFieldInjectionKey: InjectionKey<ControlFieldProvider>;
-declare const VuiColorProviderInjectionKey: InjectionKey<VuiColorProvider>;
-declare const VUI_TEXT_FIELD_SYMBOL = "vui-text-field";
-declare const VUI_TEXTAREA_SYMBOL = "vui-textarea";
-declare const VUI_SELECT_SYMBOL = "vui-select";
-declare const VUI_OPTION_SYMBOL = "vui-option";
-declare const VUI_CHECKBOX_GROUP_SYMBOL = "vui-checkbox-group";
-declare const VUI_CHECKBOX_SYMBOL = "vui-checkbox";
-declare const VUI_RADIO_GROUP_SYMBOL = "vui-radio-group";
-declare const VUI_RADIO_SYMBOL = "vui-radio";
-declare const VUI_SWITCH_GROUP_SYMBOL = "vui-switch-group";
-declare const VUI_SWITCH_SYMBOL = "vui-switch";
-declare const VUI_FORM_GROUP_SYMBOL = "vui-form-group";
-declare const VUI_FORM_SYMBOL = "vui-form";
-declare function useVui(): VuiService;
-declare function useVuiColorProvider(): VuiColorProvider;
-
-type IconPropInout = ExtractPropInput<typeof iconProps>;
-type IconGenerator = (input: IconPropInout) => VNodeChild;
-type EmptyIconSymbol = '$empty';
-type ToggleableIconHook = (gen: IconGenerator, ctx: boolean) => VNodeChild;
-type RawIconProp = IconName | EmptyIconSymbol | ToggleableIconHook;
-declare function rawIconProp(): PropType<RawIconProp>;
-declare function resolveRawIconProp(payload: boolean, prop?: RawIconProp, extraProps?: Record<string, unknown> & VNodeProps): VNodeChild;
-declare const iconProps: {
-    name: {
-        type: PropType<IconName | "$empty">;
-        required: true;
-    };
-    rotate: {
-        type: NumberConstructor;
-    };
-};
-declare const VIcon: vue.DefineComponent<{
-    name: {
-        type: PropType<IconName | "$empty">;
-        required: true;
-    };
-    rotate: {
-        type: NumberConstructor;
-    };
-}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    click: (ev: MouseEvent) => true;
-}, string, VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    name: {
-        type: PropType<IconName | "$empty">;
-        required: true;
-    };
-    rotate: {
-        type: NumberConstructor;
-    };
-}>> & {
-    onClick?: ((ev: MouseEvent) => any) | undefined;
-}, {}, {}>;
-
 declare function createTextFieldProps(): {
     'v-slots': vue.PropType<{
         [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild;
@@ -406,7 +349,7 @@ declare function createTextFieldProps(): {
         type: vue.PropType<"number" | "time" | "text" | "search" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password">;
         default: string;
     };
-    inputmode: vue.PropType<"none" | "text" | "search" | "email" | "tel" | "url" | "decimal" | "numeric">;
+    inputmode: vue.PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
     maskModel: {
         type: vue.PropType<_fastkit_vue_form_control.TextInputMaskModel>;
         default: string;
@@ -494,7 +437,7 @@ declare const VTextField: vue.DefineComponent<{
         type: vue.PropType<"number" | "time" | "text" | "search" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password">;
         default: string;
     };
-    inputmode: vue.PropType<"none" | "text" | "search" | "email" | "tel" | "url" | "decimal" | "numeric">;
+    inputmode: vue.PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
     maskModel: {
         type: vue.PropType<_fastkit_vue_form_control.TextInputMaskModel>;
         default: string;
@@ -590,7 +533,7 @@ declare const VTextField: vue.DefineComponent<{
         type: vue.PropType<"number" | "time" | "text" | "search" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password">;
         default: string;
     };
-    inputmode: vue.PropType<"none" | "text" | "search" | "email" | "tel" | "url" | "decimal" | "numeric">;
+    inputmode: vue.PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
     maskModel: {
         type: vue.PropType<_fastkit_vue_form_control.TextInputMaskModel>;
         default: string;
@@ -633,11 +576,11 @@ declare const VTextField: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
     onAcceptMask?: ((ev: _fastkit_vue_form_control.IMaskEvent) => any) | undefined;
     onAcceptDynamicMaskMeta?: ((meta?: any) => any) | undefined;
     onCompleteMask?: ((ev: _fastkit_vue_form_control.IMaskEvent) => any) | undefined;
@@ -645,7 +588,6 @@ declare const VTextField: vue.DefineComponent<{
     "onUpdate:typed"?: ((typedValue: _fastkit_vue_form_control.IMaskTypedValue | undefined) => any) | undefined;
     "onUpdate:unmasked"?: ((unmaskedValue: string) => any) | undefined;
 }, {
-    type: "number" | "time" | "text" | "search" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password";
     loading: boolean;
     collectErrorMessages: boolean;
     tabindex: string | number;
@@ -660,6 +602,7 @@ declare const VTextField: vue.DefineComponent<{
     error: boolean;
     showOwnErrors: boolean;
     detach: boolean;
+    type: "number" | "time" | "text" | "search" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password";
     hiddenInfo: boolean;
     maskModel: _fastkit_vue_form_control.TextInputMaskModel;
     limit: boolean;
@@ -691,6 +634,44 @@ declare const VTextField: vue.DefineComponent<{
     }>[]) | undefined;
 }>>;
 
+type IconPropInout = ExtractPropInput<typeof iconProps>;
+type IconGenerator = (input: IconPropInout) => VNodeChild;
+type EmptyIconSymbol = '$empty';
+type ToggleableIconHook = (gen: IconGenerator, ctx: boolean) => VNodeChild;
+type RawIconProp = IconName | EmptyIconSymbol | ToggleableIconHook;
+declare function rawIconProp(): PropType<RawIconProp>;
+declare function resolveRawIconProp(payload: boolean, prop?: RawIconProp, extraProps?: Record<string, unknown> & VNodeProps): VNodeChild;
+declare const iconProps: {
+    name: {
+        type: PropType<IconName | "$empty">;
+        required: true;
+    };
+    rotate: {
+        type: NumberConstructor;
+    };
+};
+declare const VIcon: vue.DefineComponent<{
+    name: {
+        type: PropType<IconName | "$empty">;
+        required: true;
+    };
+    rotate: {
+        type: NumberConstructor;
+    };
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    click: (ev: MouseEvent) => true;
+}, string, VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    name: {
+        type: PropType<IconName | "$empty">;
+        required: true;
+    };
+    rotate: {
+        type: NumberConstructor;
+    };
+}>> & {
+    onClick?: ((ev: MouseEvent) => any) | undefined;
+}, {}, {}>;
+
 declare const VDialog: vue.DefineComponent<{
     'v-slots': vue.PropType<{
         default?: ((control: _fastkit_vue_stack.VStackControl) => vue.VNodeChild) | undefined;
@@ -792,8 +773,8 @@ declare const VDialog: vue.DefineComponent<{
         default: () => never[];
     };
 } & {
-    onChange: vue.PropType<(modelValue: boolean) => any>;
     "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
+    onChange: vue.PropType<(modelValue: boolean) => any>;
     onPayload: vue.PropType<(value: any) => any>;
     onShow: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
     onClose: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
@@ -918,8 +899,8 @@ declare const VDialog: vue.DefineComponent<{
         default: () => never[];
     };
 } & {
-    onChange: vue.PropType<(modelValue: boolean) => any>;
     "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
+    onChange: vue.PropType<(modelValue: boolean) => any>;
     onPayload: vue.PropType<(value: any) => any>;
     onShow: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
     onClose: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
@@ -1061,8 +1042,8 @@ declare const VSnackbar: vue.DefineComponent<{
         default: () => never[];
     };
 } & {
-    onChange: vue.PropType<(modelValue: boolean) => any>;
     "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
+    onChange: vue.PropType<(modelValue: boolean) => any>;
     onPayload: vue.PropType<(value: any) => any>;
     onShow: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
     onClose: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
@@ -1190,8 +1171,8 @@ declare const VSnackbar: vue.DefineComponent<{
         default: () => never[];
     };
 } & {
-    onChange: vue.PropType<(modelValue: boolean) => any>;
     "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
+    onChange: vue.PropType<(modelValue: boolean) => any>;
     onPayload: vue.PropType<(value: any) => any>;
     onShow: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
     onClose: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
@@ -1368,8 +1349,8 @@ declare const VMenu: vue.DefineComponent<{
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
 } & {
-    onChange: vue.PropType<(modelValue: boolean) => any>;
     "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
+    onChange: vue.PropType<(modelValue: boolean) => any>;
     onPayload: vue.PropType<(value: any) => any>;
     onShow: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
     onClose: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
@@ -1529,8 +1510,8 @@ declare const VMenu: vue.DefineComponent<{
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
 } & {
-    onChange: vue.PropType<(modelValue: boolean) => any>;
     "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
+    onChange: vue.PropType<(modelValue: boolean) => any>;
     onPayload: vue.PropType<(value: any) => any>;
     onShow: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
     onClose: vue.PropType<(control: _fastkit_vue_stack.VStackControl) => any>;
@@ -1856,8 +1837,8 @@ declare const VSheetModal: vue.DefineComponent<{
     resolveHandler: PropType<_fastkit_vue_stack.StackableResolveHandler>;
     cancelHandler: PropType<_fastkit_vue_stack.StackableResolveHandler>;
 }>> & {
-    onChange?: ((modelValue: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    onChange?: ((modelValue: boolean) => any) | undefined;
     onPayload?: ((value: any) => any) | undefined;
     onShow?: ((control: VStackControl) => any) | undefined;
     onClose?: ((control: VStackControl) => any) | undefined;
@@ -1893,6 +1874,25 @@ declare const VSheetModal: vue.DefineComponent<{
     guardEffect: string | boolean;
 }, {}>;
 
+declare const VuiInjectionKey: InjectionKey<VuiService>;
+declare const VuiControlInjectionKey: InjectionKey<ControlProvider>;
+declare const VuiControlFieldInjectionKey: InjectionKey<ControlFieldProvider>;
+declare const VuiColorProviderInjectionKey: InjectionKey<VuiColorProvider>;
+declare const VUI_TEXT_FIELD_SYMBOL = "vui-text-field";
+declare const VUI_TEXTAREA_SYMBOL = "vui-textarea";
+declare const VUI_SELECT_SYMBOL = "vui-select";
+declare const VUI_OPTION_SYMBOL = "vui-option";
+declare const VUI_CHECKBOX_GROUP_SYMBOL = "vui-checkbox-group";
+declare const VUI_CHECKBOX_SYMBOL = "vui-checkbox";
+declare const VUI_RADIO_GROUP_SYMBOL = "vui-radio-group";
+declare const VUI_RADIO_SYMBOL = "vui-radio";
+declare const VUI_SWITCH_GROUP_SYMBOL = "vui-switch-group";
+declare const VUI_SWITCH_SYMBOL = "vui-switch";
+declare const VUI_FORM_GROUP_SYMBOL = "vui-form-group";
+declare const VUI_FORM_SYMBOL = "vui-form";
+declare function useVui(): VuiService;
+declare function useVuiColorProvider(): VuiColorProvider;
+
 type UseLinkResult = ReturnType<typeof useLink>;
 type VDialogProps = InstanceType<typeof VDialog>['$props'];
 interface VuiFormPromptSettings<T extends {
@@ -2165,8 +2165,8 @@ declare const VTooltip: vue.DefineComponent<{
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
 } & {
-    onChange: vue.PropType<(modelValue: boolean) => any>;
     "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
+    onChange: vue.PropType<(modelValue: boolean) => any>;
     onPayload: vue.PropType<(value: any) => any>;
     onShow: vue.PropType<(control: _fastkit_vue_stack__.VStackControl) => any>;
     onClose: vue.PropType<(control: _fastkit_vue_stack__.VStackControl) => any>;
@@ -2326,8 +2326,8 @@ declare const VTooltip: vue.DefineComponent<{
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
 } & {
-    onChange: vue.PropType<(modelValue: boolean) => any>;
     "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
+    onChange: vue.PropType<(modelValue: boolean) => any>;
     onPayload: vue.PropType<(value: any) => any>;
     onShow: vue.PropType<(control: _fastkit_vue_stack__.VStackControl) => any>;
     onClose: vue.PropType<(control: _fastkit_vue_stack__.VStackControl) => any>;
@@ -2427,7 +2427,7 @@ declare const VBusyImage: vue.DefineComponent<{
     class: PropType<any>;
     style: PropType<vue.StyleValue | undefined>;
     accesskey: PropType<string | undefined>;
-    contenteditable: PropType<"inherit" | (boolean | "true" | "false") | undefined>;
+    contenteditable: PropType<(boolean | "true" | "false") | "inherit" | undefined>;
     contextmenu: PropType<string | undefined>;
     dir: PropType<string | undefined>;
     draggable: PropType<(boolean | "true" | "false") | undefined>;
@@ -2461,7 +2461,7 @@ declare const VBusyImage: vue.DefineComponent<{
     results: PropType<(string | number) | undefined>;
     security: PropType<string | undefined>;
     unselectable: PropType<"off" | "on" | undefined>;
-    inputmode: PropType<"none" | "text" | "search" | "email" | "tel" | "url" | "decimal" | "numeric" | undefined>;
+    inputmode: PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric" | undefined>;
     is: PropType<string | undefined>;
     'aria-activedescendant': PropType<string | undefined>;
     'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
@@ -2476,7 +2476,7 @@ declare const VBusyImage: vue.DefineComponent<{
     'aria-describedby': PropType<string | undefined>;
     'aria-details': PropType<string | undefined>;
     'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
-    'aria-dropeffect': PropType<"none" | "link" | "copy" | "execute" | "move" | "popup" | undefined>;
+    'aria-dropeffect': PropType<"link" | "none" | "copy" | "execute" | "move" | "popup" | undefined>;
     'aria-errormessage': PropType<string | undefined>;
     'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
     'aria-flowto': PropType<string | undefined>;
@@ -2619,7 +2619,7 @@ declare const VBusyImage: vue.DefineComponent<{
     class: PropType<any>;
     style: PropType<vue.StyleValue | undefined>;
     accesskey: PropType<string | undefined>;
-    contenteditable: PropType<"inherit" | (boolean | "true" | "false") | undefined>;
+    contenteditable: PropType<(boolean | "true" | "false") | "inherit" | undefined>;
     contextmenu: PropType<string | undefined>;
     dir: PropType<string | undefined>;
     draggable: PropType<(boolean | "true" | "false") | undefined>;
@@ -2653,7 +2653,7 @@ declare const VBusyImage: vue.DefineComponent<{
     results: PropType<(string | number) | undefined>;
     security: PropType<string | undefined>;
     unselectable: PropType<"off" | "on" | undefined>;
-    inputmode: PropType<"none" | "text" | "search" | "email" | "tel" | "url" | "decimal" | "numeric" | undefined>;
+    inputmode: PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric" | undefined>;
     is: PropType<string | undefined>;
     'aria-activedescendant': PropType<string | undefined>;
     'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
@@ -2668,7 +2668,7 @@ declare const VBusyImage: vue.DefineComponent<{
     'aria-describedby': PropType<string | undefined>;
     'aria-details': PropType<string | undefined>;
     'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
-    'aria-dropeffect': PropType<"none" | "link" | "copy" | "execute" | "move" | "popup" | undefined>;
+    'aria-dropeffect': PropType<"link" | "none" | "copy" | "execute" | "move" | "popup" | undefined>;
     'aria-errormessage': PropType<string | undefined>;
     'aria-expanded': PropType<(boolean | "true" | "false") | undefined>;
     'aria-flowto': PropType<string | undefined>;
@@ -2975,7 +2975,7 @@ declare function createAvatarProps(): {
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
     to: PropType<RouteLocationRaw>;
@@ -2984,8 +2984,8 @@ declare function createAvatarProps(): {
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3008,10 +3008,10 @@ declare function createAvatarProps(): {
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3044,7 +3044,7 @@ declare const VAvatar: vue.DefineComponent<{
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
     to: PropType<RouteLocationRaw>;
@@ -3053,8 +3053,8 @@ declare const VAvatar: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3077,10 +3077,10 @@ declare const VAvatar: vue.DefineComponent<{
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3114,7 +3114,7 @@ declare const VAvatar: vue.DefineComponent<{
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
     to: PropType<RouteLocationRaw>;
@@ -3123,8 +3123,8 @@ declare const VAvatar: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3147,10 +3147,10 @@ declare const VAvatar: vue.DefineComponent<{
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3193,7 +3193,7 @@ declare function createChipProps(): {
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
     to: PropType<RouteLocationRaw>;
@@ -3202,8 +3202,8 @@ declare function createChipProps(): {
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3226,10 +3226,10 @@ declare function createChipProps(): {
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3262,7 +3262,7 @@ declare const VChip: vue.DefineComponent<{
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
     to: PropType<RouteLocationRaw>;
@@ -3271,8 +3271,8 @@ declare const VChip: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3295,10 +3295,10 @@ declare const VChip: vue.DefineComponent<{
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3332,7 +3332,7 @@ declare const VChip: vue.DefineComponent<{
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
     to: PropType<RouteLocationRaw>;
@@ -3341,8 +3341,8 @@ declare const VChip: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3365,19 +3365,19 @@ declare const VChip: vue.DefineComponent<{
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
 }>>, {
-    label: boolean;
     size: "sm" | "md" | "lg" | "xs" | "xl";
     disabled: boolean;
+    label: boolean;
 }, {}>;
 
 declare function createCardProps(): {
@@ -3399,7 +3399,7 @@ declare function createCardProps(): {
     media: vue.PropType<string>;
     ping: vue.PropType<string>;
     referrerpolicy: vue.PropType<string>;
-    type: vue.PropType<"button" | "submit" | "reset">;
+    type: vue.PropType<"submit" | "button" | "reset">;
     title: vue.PropType<string>;
     guard: vue.PropType<_fastkit_vue_action.ActionableGuard>;
     to: vue.PropType<RouteLocationRaw>;
@@ -3408,8 +3408,8 @@ declare function createCardProps(): {
     activeClass: vue.PropType<string>;
     exactActiveClass: vue.PropType<string>;
     ariaCurrentValue: vue.PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: vue.PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3432,10 +3432,10 @@ declare function createCardProps(): {
     onPointerover: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: vue.PropType<(string | number) | undefined>;
+    onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     square: BooleanConstructor;
     headerProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     bodyProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
@@ -3468,7 +3468,7 @@ declare const VCard: vue.DefineComponent<{
     media: vue.PropType<string>;
     ping: vue.PropType<string>;
     referrerpolicy: vue.PropType<string>;
-    type: vue.PropType<"button" | "submit" | "reset">;
+    type: vue.PropType<"submit" | "button" | "reset">;
     title: vue.PropType<string>;
     guard: vue.PropType<_fastkit_vue_action.ActionableGuard>;
     to: vue.PropType<RouteLocationRaw>;
@@ -3477,8 +3477,8 @@ declare const VCard: vue.DefineComponent<{
     activeClass: vue.PropType<string>;
     exactActiveClass: vue.PropType<string>;
     ariaCurrentValue: vue.PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: vue.PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3501,10 +3501,10 @@ declare const VCard: vue.DefineComponent<{
     onPointerover: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: vue.PropType<(string | number) | undefined>;
+    onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     square: BooleanConstructor;
     headerProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     bodyProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
@@ -3536,7 +3536,7 @@ declare const VCard: vue.DefineComponent<{
     media: vue.PropType<string>;
     ping: vue.PropType<string>;
     referrerpolicy: vue.PropType<string>;
-    type: vue.PropType<"button" | "submit" | "reset">;
+    type: vue.PropType<"submit" | "button" | "reset">;
     title: vue.PropType<string>;
     guard: vue.PropType<_fastkit_vue_action.ActionableGuard>;
     to: vue.PropType<RouteLocationRaw>;
@@ -3545,8 +3545,8 @@ declare const VCard: vue.DefineComponent<{
     activeClass: vue.PropType<string>;
     exactActiveClass: vue.PropType<string>;
     ariaCurrentValue: vue.PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: vue.PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3569,10 +3569,10 @@ declare const VCard: vue.DefineComponent<{
     onPointerover: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: vue.PropType<(string | number) | undefined>;
+    onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     square: BooleanConstructor;
     headerProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     bodyProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
@@ -3632,7 +3632,7 @@ declare const vueButtonProps: {
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     disabled: PropType<boolean>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
@@ -3642,8 +3642,8 @@ declare const vueButtonProps: {
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3666,10 +3666,10 @@ declare const vueButtonProps: {
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3710,7 +3710,7 @@ declare const VButton: vue.DefineComponent<{
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     disabled: PropType<boolean>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
@@ -3720,8 +3720,8 @@ declare const VButton: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3744,10 +3744,10 @@ declare const VButton: vue.DefineComponent<{
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3785,7 +3785,7 @@ declare const VButton: vue.DefineComponent<{
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     disabled: PropType<boolean>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
@@ -3795,8 +3795,8 @@ declare const VButton: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3819,10 +3819,10 @@ declare const VButton: vue.DefineComponent<{
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     variant: PropType<ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3973,8 +3973,8 @@ declare const VPagination: vue.DefineComponent<{
     beforeChange: PropType<VPaginationGuard>;
     color: PropType<ScopeName>;
 }>> & {
-    onChange?: ((page: number) => any) | undefined;
     "onUpdate:modelValue"?: ((page: number) => any) | undefined;
+    onChange?: ((page: number) => any) | undefined;
 }, {
     length: string | number;
     modelValue: string | number;
@@ -4009,7 +4009,7 @@ declare function createListTileProps(): {
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     disabled: PropType<boolean>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
@@ -4019,8 +4019,8 @@ declare function createListTileProps(): {
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4043,10 +4043,10 @@ declare function createListTileProps(): {
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
 };
 declare const listTileEmits: {
     changeActive: (isActive: boolean) => boolean;
@@ -4077,7 +4077,7 @@ declare const VListTile: vue.DefineComponent<{
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     disabled: PropType<boolean>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
@@ -4087,8 +4087,8 @@ declare const VListTile: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4111,10 +4111,10 @@ declare const VListTile: vue.DefineComponent<{
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     changeActive: (isActive: boolean) => boolean;
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
@@ -4143,7 +4143,7 @@ declare const VListTile: vue.DefineComponent<{
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     disabled: PropType<boolean>;
     guard: PropType<_fastkit_vue_action.ActionableGuard>;
@@ -4153,8 +4153,8 @@ declare const VListTile: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4177,10 +4177,10 @@ declare const VListTile: vue.DefineComponent<{
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
 }>> & {
     onChangeActive?: ((isActive: boolean) => any) | undefined;
 }, {
@@ -4294,7 +4294,7 @@ declare function createNavigationItemProps(): {
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     disabled: PropType<boolean>;
     guard: PropType<_fastkit_vue_action__.ActionableGuard>;
@@ -4304,8 +4304,8 @@ declare function createNavigationItemProps(): {
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4328,10 +4328,10 @@ declare function createNavigationItemProps(): {
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
 };
 interface NavigationItemInput extends ExtractPropInput<ReturnType<typeof createNavigationItemProps>> {
     key: string | number;
@@ -4376,7 +4376,7 @@ declare const VNavigationItem: vue.DefineComponent<{
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     disabled: PropType<boolean>;
     guard: PropType<_fastkit_vue_action__.ActionableGuard>;
@@ -4386,8 +4386,8 @@ declare const VNavigationItem: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4410,10 +4410,10 @@ declare const VNavigationItem: vue.DefineComponent<{
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
 }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     changeActive: (isActive: boolean) => boolean;
 }, string, VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
@@ -4449,7 +4449,7 @@ declare const VNavigationItem: vue.DefineComponent<{
     media: PropType<string>;
     ping: PropType<string>;
     referrerpolicy: PropType<string>;
-    type: PropType<"button" | "submit" | "reset">;
+    type: PropType<"submit" | "button" | "reset">;
     title: PropType<string>;
     disabled: PropType<boolean>;
     guard: PropType<_fastkit_vue_action__.ActionableGuard>;
@@ -4459,8 +4459,8 @@ declare const VNavigationItem: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4483,10 +4483,10 @@ declare const VNavigationItem: vue.DefineComponent<{
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
 }>> & {
     onChangeActive?: ((isActive: boolean) => any) | undefined;
 }, {
@@ -4812,11 +4812,11 @@ declare const VCheckbox: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     tabindex: string | number;
@@ -4983,11 +4983,11 @@ declare const VCheckboxGroup: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: _fastkit_vue_form_control__.FormSelectorValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: _fastkit_vue_form_control__.FormSelectorValue) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control__.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: _fastkit_vue_form_control__.FormSelectorValue) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     collectErrorMessages: boolean;
@@ -5112,11 +5112,11 @@ declare const VRadio: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     tabindex: string | number;
@@ -5282,11 +5282,11 @@ declare const VRadioGroup: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: _fastkit_vue_form_control__.FormSelectorValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: _fastkit_vue_form_control__.FormSelectorValue) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control__.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: _fastkit_vue_form_control__.FormSelectorValue) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     collectErrorMessages: boolean;
@@ -5411,11 +5411,11 @@ declare const VSwitch: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     tabindex: string | number;
@@ -5581,11 +5581,11 @@ declare const VSwitchGroup: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: _fastkit_vue_form_control__.FormSelectorValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: _fastkit_vue_form_control__.FormSelectorValue) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control__.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: _fastkit_vue_form_control__.FormSelectorValue) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     collectErrorMessages: boolean;
@@ -5710,11 +5710,11 @@ declare const VOption: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     tabindex: string | number;
@@ -5932,11 +5932,11 @@ declare const VSelect: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: _fastkit_vue_form_control.FormSelectorValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: _fastkit_vue_form_control.FormSelectorValue) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: _fastkit_vue_form_control.FormSelectorValue) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     collectErrorMessages: boolean;
@@ -5994,16 +5994,12 @@ declare const VNumberField: vue.DefineComponent<{
         type: PropType<number | null>;
         default: null;
     };
-    name: StringConstructor;
-    required: BooleanConstructor | PropType<boolean>;
-    label: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
-    mask: PropType<_fastkit_vue_form_control__.IMaskInput>;
-    pattern: (StringConstructor | RegExpConstructor)[];
     loading: BooleanConstructor;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    name: StringConstructor;
     'v-slots': PropType<{
         [x: `error:${string}`]: (error: _fastkit_vue_form_control__.FormNodeError) => vue.VNodeChild;
         label?: ((wrapper: _fastkit_vue_form_control__.FormNodeWrapper) => vue.VNodeChild) | undefined;
@@ -6028,6 +6024,7 @@ declare const VNumberField: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
+    required: BooleanConstructor | PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<_fastkit_vue_form_control__.ValidateTiming>;
@@ -6045,6 +6042,9 @@ declare const VNumberField: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
+    label: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    mask: PropType<_fastkit_vue_form_control__.IMaskInput>;
+    pattern: (StringConstructor | RegExpConstructor)[];
     variant: {
         type: PropType<"outlined" | "filled" | "flat">;
         validator: (value: any) => boolean;
@@ -6059,7 +6059,7 @@ declare const VNumberField: vue.DefineComponent<{
     startAdornment: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     endAdornment: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     maxlength: (StringConstructor | NumberConstructor)[];
-    inputmode: PropType<"none" | "text" | "search" | "email" | "tel" | "url" | "decimal" | "numeric">;
+    inputmode: PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
     maskModel: {
         type: PropType<_fastkit_vue_form_control__.TextInputMaskModel>;
         default: string;
@@ -6089,16 +6089,12 @@ declare const VNumberField: vue.DefineComponent<{
         type: PropType<number | null>;
         default: null;
     };
-    name: StringConstructor;
-    required: BooleanConstructor | PropType<boolean>;
-    label: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
-    mask: PropType<_fastkit_vue_form_control__.IMaskInput>;
-    pattern: (StringConstructor | RegExpConstructor)[];
     loading: BooleanConstructor;
     size: {
         type: PropType<"sm" | "md" | "lg">;
         validator: (value: any) => boolean;
     };
+    name: StringConstructor;
     'v-slots': PropType<{
         [x: `error:${string}`]: (error: _fastkit_vue_form_control__.FormNodeError) => vue.VNodeChild;
         label?: ((wrapper: _fastkit_vue_form_control__.FormNodeWrapper) => vue.VNodeChild) | undefined;
@@ -6123,6 +6119,7 @@ declare const VNumberField: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
+    required: BooleanConstructor | PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: PropType<_fastkit_vue_form_control__.ValidateTiming>;
@@ -6140,6 +6137,9 @@ declare const VNumberField: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
+    label: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    mask: PropType<_fastkit_vue_form_control__.IMaskInput>;
+    pattern: (StringConstructor | RegExpConstructor)[];
     variant: {
         type: PropType<"outlined" | "filled" | "flat">;
         validator: (value: any) => boolean;
@@ -6154,7 +6154,7 @@ declare const VNumberField: vue.DefineComponent<{
     startAdornment: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     endAdornment: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     maxlength: (StringConstructor | NumberConstructor)[];
-    inputmode: PropType<"none" | "text" | "search" | "email" | "tel" | "url" | "decimal" | "numeric">;
+    inputmode: PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
     maskModel: {
         type: PropType<_fastkit_vue_form_control__.TextInputMaskModel>;
         default: string;
@@ -6168,11 +6168,11 @@ declare const VNumberField: vue.DefineComponent<{
     limit: BooleanConstructor;
     autocomplete: PropType<boolean | "name" | "email" | "tel" | "url" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "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-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo">;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: number | null) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control__.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: number | null) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
     onAcceptMask?: ((ev: _fastkit_vue_form_control__.IMaskEvent) => any) | undefined;
     onAcceptDynamicMaskMeta?: ((meta?: any) => any) | undefined;
     onCompleteMask?: ((ev: _fastkit_vue_form_control__.IMaskEvent) => any) | undefined;
@@ -6367,11 +6367,11 @@ declare const VTextarea: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     collectErrorMessages: boolean;
@@ -6543,11 +6543,11 @@ declare const VFormGroup: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: unknown) => any) | undefined;
     "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: unknown) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     collectErrorMessages: boolean;
@@ -6759,15 +6759,15 @@ declare const VForm: vue.DefineComponent<{
     };
     detach: BooleanConstructor;
 }>> & {
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
-    onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((value: unknown) => any) | undefined;
     onSubmit?: ((form: VueForm, ev: Event) => any) | undefined;
     "onUpdate:sending"?: ((sending: boolean, form: VueForm) => any) | undefined;
     onFinishAction?: ((actionContext: _fastkit_vue_form_control.FormActionContext) => any) | undefined;
     onAutoValidationFailed?: ((form: VueForm) => any) | undefined;
     "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
+    onChange?: ((value: unknown) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
 }, {
     loading: boolean;
     novalidate: boolean;
@@ -6865,8 +6865,8 @@ declare const VTabs: vue.DefineComponent<{
     color: PropType<ScopeName>;
     onBeforeChange: PropType<VTabsGuard>;
 }>> & {
-    onChange?: ((newValue: string) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
+    onChange?: ((newValue: string) => any) | undefined;
 }, {
     autoScrollOffset: number;
     withQuery: boolean;
@@ -7233,7 +7233,7 @@ declare const VToolbarMenu: vue.DefineComponent<{
     media: vue.PropType<string>;
     ping: vue.PropType<string>;
     referrerpolicy: vue.PropType<string>;
-    type: vue.PropType<"button" | "submit" | "reset">;
+    type: vue.PropType<"submit" | "button" | "reset">;
     title: vue.PropType<string>;
     disabled: vue.PropType<boolean>;
     guard: vue.PropType<_fastkit_vue_action__.ActionableGuard>;
@@ -7243,8 +7243,8 @@ declare const VToolbarMenu: vue.DefineComponent<{
     activeClass: vue.PropType<string>;
     exactActiveClass: vue.PropType<string>;
     ariaCurrentValue: vue.PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: vue.PropType<((payload: MouseEvent) => void) | undefined>;
@@ -7267,10 +7267,10 @@ declare const VToolbarMenu: vue.DefineComponent<{
     onPointerover: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: vue.PropType<(string | number) | undefined>;
+    onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     variant: vue.PropType<ColorVariant>;
     theme: vue.PropType<ThemeName>;
     color: vue.PropType<ScopeName>;
@@ -7308,7 +7308,7 @@ declare const VToolbarMenu: vue.DefineComponent<{
     media: vue.PropType<string>;
     ping: vue.PropType<string>;
     referrerpolicy: vue.PropType<string>;
-    type: vue.PropType<"button" | "submit" | "reset">;
+    type: vue.PropType<"submit" | "button" | "reset">;
     title: vue.PropType<string>;
     disabled: vue.PropType<boolean>;
     guard: vue.PropType<_fastkit_vue_action__.ActionableGuard>;
@@ -7318,8 +7318,8 @@ declare const VToolbarMenu: vue.DefineComponent<{
     activeClass: vue.PropType<string>;
     exactActiveClass: vue.PropType<string>;
     ariaCurrentValue: vue.PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onAuxclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
+    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onContextmenu: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onDblclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: vue.PropType<((payload: MouseEvent) => void) | undefined>;
@@ -7342,10 +7342,10 @@ declare const VToolbarMenu: vue.DefineComponent<{
     onPointerover: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: vue.PropType<(string | number) | undefined>;
+    onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     variant: vue.PropType<ColorVariant>;
     theme: vue.PropType<ThemeName>;
     color: vue.PropType<ScopeName>;