@fastkit/vui 1.0.0 → 1.1.1

package/dist/vui.d.ts

@@ -35,14 +35,15 @@ 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, VNodeProps, InjectionKey, App, UnwrapNestedRefs, ImgHTMLAttributes, HTMLAttributes } from 'vue';
+import { PropType, ExtractPropTypes, ComputedRef, VNodeChild, VNodeProps, InjectionKey, App, UnwrapNestedRefs, ExtractPublicPropTypes, ImgHTMLAttributes, HTMLAttributes } from 'vue';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _fastkit_vue_disabled_reason from '@fastkit/vue-disabled-reason';
+import { DISABLED_REASON_BASE_PROPS } from '@fastkit/vue-disabled-reason';
+import * as _fastkit_vue_resize from '@fastkit/vue-resize';
 import * as _fastkit_color_scheme from '@fastkit/color-scheme';
 import {  ScopeName, ColorVariant , ThemeName, PaletteName } from '@fastkit/color-scheme';
 import * as vue_router from 'vue-router';
 import { Router, UseLinkOptions, useLink, RouteLocationRaw } from 'vue-router';
-import * as _fastkit_vue_resize from '@fastkit/vue-resize';
-import * as _fastkit_vue_disabled_reason from '@fastkit/vue-disabled-reason';
 
 declare const CONTROL_SIZES: readonly ["sm", "md", "lg"];
 type ControlSize = (typeof CONTROL_SIZES)[number];
@@ -102,7 +103,7 @@ interface DefineFormSelectorComponentOptions {
         };
     }) => VNodeChild;
 }
-declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOptions): vue.DefineComponent<{
+declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOptions): vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': PropType<{
         [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => VNodeChild;
         label?: ((wrapper: _fastkit_vue_form_control.FormNodeWrapper) => VNodeChild) | undefined;
@@ -177,7 +178,7 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: _fastkit_vue_form_control.FormSelectorValue) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: _fastkit_vue_form_control.FormSelectorValue) => boolean;
@@ -258,13 +259,13 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     tabindex: string | number;
@@ -302,7 +303,7 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
     }>[]) | undefined;
 } & {
     default?: () => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare function createElevationProps(): {
     elevation: PropType<VuiElevationValue>;
@@ -408,7 +409,7 @@ declare function createTextFieldProps(): {
 type TextFieldPropsOptions = ReturnType<typeof createTextFieldProps>;
 type TextFieldEmits = TextInputNodeEmits;
 type TextFieldInput = ExtractPropInput<ReturnType<typeof createTextFieldProps>>;
-declare const VTextField: vue.DefineComponent<{
+declare const VTextField: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild;
         label?: ((wrapper: _fastkit_vue_form_control.FormNodeWrapper) => vue.VNodeChild) | undefined;
@@ -496,7 +497,7 @@ declare const VTextField: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     acceptMask: (ev: _fastkit_vue_form_control.IMaskEvent) => boolean;
     acceptDynamicMaskMeta: (meta?: any) => boolean;
     completeMask: (ev: _fastkit_vue_form_control.IMaskEvent) => boolean;
@@ -596,19 +597,19 @@ declare const VTextField: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     "onUpdate:masked"?: ((maskedValue: string) => any) | undefined;
     "onUpdate:typed"?: ((typedValue: _fastkit_vue_form_control.IMaskTypedValue | undefined) => any) | undefined;
     "onUpdate:unmasked"?: ((unmaskedValue: string) => any) | undefined;
-}, {
+}>, {
     loading: boolean;
     collectErrorMessages: boolean;
     tabindex: string | number;
@@ -654,7 +655,7 @@ declare const VTextField: vue.DefineComponent<{
     endAdornment?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[]) | undefined;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type IconPropInout = ExtractPropInput<typeof iconProps>;
 type IconGenerator = (input: IconPropInout) => VNodeChild;
@@ -672,7 +673,7 @@ declare const iconProps: {
         type: NumberConstructor;
     };
 };
-declare const VIcon: vue.DefineComponent<{
+declare const VIcon: vue.DefineComponent<vue.ExtractPropTypes<{
     name: {
         type: PropType<IconName | EmptyIconSymbol>;
         required: true;
@@ -680,7 +681,7 @@ declare const VIcon: vue.DefineComponent<{
     rotate: {
         type: NumberConstructor;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     click: (ev: MouseEvent) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     name: {
@@ -690,11 +691,11 @@ declare const VIcon: vue.DefineComponent<{
     rotate: {
         type: NumberConstructor;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((ev: MouseEvent) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VDialog: vue.DefineComponent<{
+declare const VDialog: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         default?: ((control: _fastkit_vue_stack.VStackControl) => vue.VNodeChild) | undefined;
         activator?: ((payload: _fastkit_vue_stack.VStackActivatorPayload) => vue.VNodeChild) | undefined;
@@ -797,8 +798,8 @@ declare const VDialog: vue.DefineComponent<{
         default: () => never[];
     };
 } & {
-    "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
     onChange: vue.PropType<(modelValue: boolean) => any>;
+    "onUpdate:modelValue": 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>;
@@ -808,9 +809,9 @@ declare const VDialog: vue.DefineComponent<{
     onBeforeLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onAfterLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onLeaveCancelled: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
-}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (modelValue: boolean) => boolean;
     change: (modelValue: boolean) => boolean;
     payload: (value: any) => boolean;
@@ -925,8 +926,8 @@ declare const VDialog: vue.DefineComponent<{
         default: () => never[];
     };
 } & {
-    "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
     onChange: vue.PropType<(modelValue: boolean) => any>;
+    "onUpdate:modelValue": 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>;
@@ -936,9 +937,9 @@ declare const VDialog: vue.DefineComponent<{
     onBeforeLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onAfterLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onLeaveCancelled: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
-}>> & {
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>> & Readonly<{
     onChange?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
     onPayload?: ((value: any) => any) | undefined;
     onShow?: ((control: _fastkit_vue_stack.VStackControl) => any) | undefined;
     onClose?: ((control: _fastkit_vue_stack.VStackControl) => any) | undefined;
@@ -948,7 +949,7 @@ declare const VDialog: vue.DefineComponent<{
     onBeforeLeave?: ((el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any) | undefined;
     onAfterLeave?: ((el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any) | undefined;
     onLeaveCancelled?: ((el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any) | undefined;
-}, {
+}>, {
     modelValue: boolean;
     disabled: boolean;
     lazyBoot: boolean;
@@ -975,9 +976,9 @@ declare const VDialog: vue.DefineComponent<{
     guardEffect: string | boolean;
     dense: boolean;
     actions: _fastkit_vue_stack.VStackAction[];
-}, _fastkit_vue_stack.MergeStackBaseSlots<vue.SlotsType<{}>>>;
+}, _fastkit_vue_stack.MergeStackBaseSlots<vue.SlotsType<{}>>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VSnackbar: vue.DefineComponent<{
+declare const VSnackbar: vue.DefineComponent<vue.ExtractPropTypes<{
     top: BooleanConstructor;
     bottom: BooleanConstructor;
     left: BooleanConstructor;
@@ -1083,8 +1084,8 @@ declare const VSnackbar: vue.DefineComponent<{
         default: () => never[];
     };
 } & {
-    "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
     onChange: vue.PropType<(modelValue: boolean) => any>;
+    "onUpdate:modelValue": 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>;
@@ -1094,9 +1095,9 @@ declare const VSnackbar: vue.DefineComponent<{
     onBeforeLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onAfterLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onLeaveCancelled: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
-}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (modelValue: boolean) => boolean;
     change: (modelValue: boolean) => boolean;
     payload: (value: any) => boolean;
@@ -1214,8 +1215,8 @@ declare const VSnackbar: vue.DefineComponent<{
         default: () => never[];
     };
 } & {
-    "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
     onChange: vue.PropType<(modelValue: boolean) => any>;
+    "onUpdate:modelValue": 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>;
@@ -1225,9 +1226,9 @@ declare const VSnackbar: vue.DefineComponent<{
     onBeforeLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onAfterLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onLeaveCancelled: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
-}>> & {
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>> & Readonly<{
     onChange?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
     onPayload?: ((value: any) => any) | undefined;
     onShow?: ((control: _fastkit_vue_stack.VStackControl) => any) | undefined;
     onClose?: ((control: _fastkit_vue_stack.VStackControl) => any) | undefined;
@@ -1237,7 +1238,7 @@ declare const VSnackbar: vue.DefineComponent<{
     onBeforeLeave?: ((el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any) | undefined;
     onAfterLeave?: ((el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any) | undefined;
     onLeaveCancelled?: ((el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any) | undefined;
-}, {
+}>, {
     modelValue: boolean;
     disabled: boolean;
     lazyBoot: boolean;
@@ -1267,9 +1268,9 @@ declare const VSnackbar: vue.DefineComponent<{
     top: boolean;
     bottom: boolean;
     actions: _fastkit_vue_stack.VStackAction[];
-}, _fastkit_vue_stack.MergeStackBaseSlots<vue.SlotsType<{}>>>;
+}, _fastkit_vue_stack.MergeStackBaseSlots<vue.SlotsType<{}>>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VMenu: vue.DefineComponent<{
+declare const VMenu: vue.DefineComponent<vue.ExtractPropTypes<{
     x: vue.PropType<_fastkit_vue_stack.VMenuXPosition>;
     y: vue.PropType<_fastkit_vue_stack.VMenuYPosition>;
     allowOverflow: {
@@ -1419,8 +1420,8 @@ declare const VMenu: vue.DefineComponent<{
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
 } & {
-    "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
     onChange: vue.PropType<(modelValue: boolean) => any>;
+    "onUpdate:modelValue": 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>;
@@ -1430,9 +1431,9 @@ declare const VMenu: vue.DefineComponent<{
     onBeforeLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onAfterLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onLeaveCancelled: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
-}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (modelValue: boolean) => boolean;
     change: (modelValue: boolean) => boolean;
     payload: (value: any) => boolean;
@@ -1594,8 +1595,8 @@ declare const VMenu: vue.DefineComponent<{
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
 } & {
-    "onUpdate:modelValue": vue.PropType<(modelValue: boolean) => any>;
     onChange: vue.PropType<(modelValue: boolean) => any>;
+    "onUpdate:modelValue": 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>;
@@ -1605,9 +1606,9 @@ declare const VMenu: vue.DefineComponent<{
     onBeforeLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onAfterLeave: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
     onLeaveCancelled: vue.PropType<(el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any>;
-}>> & {
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>> & Readonly<{
     onChange?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
     onPayload?: ((value: any) => any) | undefined;
     onShow?: ((control: _fastkit_vue_stack.VStackControl) => any) | undefined;
     onClose?: ((control: _fastkit_vue_stack.VStackControl) => any) | undefined;
@@ -1617,7 +1618,7 @@ declare const VMenu: vue.DefineComponent<{
     onBeforeLeave?: ((el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any) | undefined;
     onAfterLeave?: ((el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any) | undefined;
     onLeaveCancelled?: ((el: HTMLElement, control: _fastkit_vue_stack.VStackControl) => any) | undefined;
-}, {
+}>, {
     modelValue: boolean;
     disabled: boolean;
     lazyBoot: boolean;
@@ -1654,7 +1655,7 @@ declare const VMenu: vue.DefineComponent<{
     resizeWatchDebounce: number;
     hideOnScroll: string | number | boolean;
     hideOnInvisible: boolean;
-}, _fastkit_vue_stack.MergeStackBaseSlots<vue.SlotsType<{}>>>;
+}, _fastkit_vue_stack.MergeStackBaseSlots<vue.SlotsType<{}>>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 interface VSheetModalSlots extends VStackSlots {
     header?: (control: VStackControl) => VNodeChild;
@@ -1749,7 +1750,7 @@ declare const sheetModalProps: {
     cancelHandler: PropType<_fastkit_vue_stack.StackableResolveHandler>;
     activatorAttrs: PropType<_fastkit_vue_stack.VStackActivatorAttrsSpec>;
 };
-declare const VSheetModal: vue.DefineComponent<{
+declare const VSheetModal: vue.DefineComponent<vue.ExtractPropTypes<{
     header: PropType<(control: VStackControl) => VNodeChild>;
     'v-slots': PropType<VSheetModalSlots>;
     modelValue: BooleanConstructor;
@@ -1838,10 +1839,10 @@ declare const VSheetModal: vue.DefineComponent<{
     resolveHandler: PropType<_fastkit_vue_stack.StackableResolveHandler>;
     cancelHandler: PropType<_fastkit_vue_stack.StackableResolveHandler>;
     activatorAttrs: PropType<_fastkit_vue_stack.VStackActivatorAttrsSpec>;
-}, {
+}>, {
     stackControl: VStackControl;
     hasActiveChild: vue.ComputedRef<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (modelValue: boolean) => boolean;
     change: (modelValue: boolean) => boolean;
     payload: (value: any) => boolean;
@@ -1942,9 +1943,9 @@ declare const VSheetModal: vue.DefineComponent<{
     resolveHandler: PropType<_fastkit_vue_stack.StackableResolveHandler>;
     cancelHandler: PropType<_fastkit_vue_stack.StackableResolveHandler>;
     activatorAttrs: PropType<_fastkit_vue_stack.VStackActivatorAttrsSpec>;
-}>> & {
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>> & Readonly<{
     onChange?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
     onPayload?: ((value: any) => any) | undefined;
     onShow?: ((control: VStackControl) => any) | undefined;
     onClose?: ((control: VStackControl) => any) | undefined;
@@ -1954,7 +1955,7 @@ declare const VSheetModal: vue.DefineComponent<{
     onBeforeLeave?: ((el: HTMLElement, control: VStackControl) => any) | undefined;
     onAfterLeave?: ((el: HTMLElement, control: VStackControl) => any) | undefined;
     onLeaveCancelled?: ((el: HTMLElement, control: VStackControl) => any) | undefined;
-}, {
+}>, {
     modelValue: boolean;
     disabled: boolean;
     lazyBoot: boolean;
@@ -1979,7 +1980,7 @@ declare const VSheetModal: vue.DefineComponent<{
     timeout: string | number;
     navigationGuard: boolean | _fastkit_vue_stack.VStackNavigationGuard;
     guardEffect: string | boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare const VuiInjectionKey: InjectionKey<VuiService>;
 declare const VuiControlInjectionKey: InjectionKey<ControlProvider>;
@@ -2138,19 +2139,19 @@ interface VuiColorProvider {
 
 declare const VTooltip: typeof VMenu;
 
-declare const VSkeltonLoaderBone: vue.DefineComponent<{
+declare const VSkeltonLoaderBone: vue.DefineComponent<vue.ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     tag: string;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 /**
  * Display type
@@ -2158,7 +2159,74 @@ declare const VSkeltonLoaderBone: vue.DefineComponent<{
  * Currently, only tooltip is supported
  */
 type DisabledReasonType = 'tooltip';
-declare const VDisabledReason: vue.DefineComponent<{
+declare const DISABLED_REASON_PROPS: {
+    /**
+     * Display type
+     *
+     * Currently, only tooltip is supported
+     *
+     * @see {@link DisabledReasonType}
+     */
+    type: {
+        type: PropType<DisabledReasonType>;
+        default: string;
+    };
+    x: PropType<_fastkit_vue_stack.VMenuXPosition>;
+    y: PropType<_fastkit_vue_stack.VMenuYPosition>;
+    allowOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    height: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    minWidth: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    minHeight: {
+        type: PropType<number | "fit" | "free">;
+        default: undefined;
+    };
+    maxWidth: PropType<(number | "fit" | "free") | ((window: _fastkit_vue_resize.UseWindowRef) => number | undefined)>;
+    maxHeight: PropType<(number | "fit" | "free") | ((window: _fastkit_vue_resize.UseWindowRef) => number | undefined)>;
+    distance: {
+        type: NumberConstructor;
+        default: number;
+    };
+    edgeMargin: {
+        type: NumberConstructor;
+        default: number;
+    };
+    forceEdgeMargin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overlap: {
+        type: PropType<_fastkit_vue_stack.MenuOverlapSettings | boolean>;
+        default: boolean | _fastkit_vue_stack.MenuOverlapSettings;
+    };
+    resizeWatchDebounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hideOnScroll: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: string | number | boolean;
+    };
+    hideOnInvisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+interface DisabledReasonInput extends ExtractPublicPropTypes<typeof DISABLED_REASON_PROPS & typeof DISABLED_REASON_BASE_PROPS> {
+}
+declare const VDisabledReason: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
      * Display type
      *
@@ -2224,13 +2292,13 @@ declare const VDisabledReason: vue.DefineComponent<{
     };
 } & {
     'v-slots': PropType<{
-        default?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => vue.VNodeChild) | undefined;
-        reason?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => vue.VNodeChild) | undefined;
+        default?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => VNodeChild) | undefined;
+        reason?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => VNodeChild) | undefined;
     }>;
     reason: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-}, () => (string | number | boolean | void | vue.VNodeArrayChildren | vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => (string | number | boolean | void | vue.VNodeArrayChildren | vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}> | null)[], unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}> | null)[], {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Display type
      *
@@ -2296,11 +2364,11 @@ declare const VDisabledReason: vue.DefineComponent<{
     };
 } & {
     'v-slots': PropType<{
-        default?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => vue.VNodeChild) | undefined;
-        reason?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => vue.VNodeChild) | undefined;
+        default?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => VNodeChild) | undefined;
+        reason?: ((api: _fastkit_vue_disabled_reason.DisabledReasonAPI<{}>) => VNodeChild) | undefined;
     }>;
     reason: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
-}>>, {
+}>> & Readonly<{}>, {
     type: "tooltip";
     allowOverflow: boolean;
     width: number | "fit" | "free";
@@ -2317,7 +2385,18 @@ declare const VDisabledReason: vue.DefineComponent<{
 }, _fastkit_vue_utils.DefinedSlots<{
     default?: (api: _fastkit_vue_disabled_reason.DisabledReasonAPI) => any;
     reason?: (api: _fastkit_vue_disabled_reason.DisabledReasonAPI) => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare module '@fastkit/vue-action' {
+    interface ActionableCustomProps {
+        /**
+         * Reason why this element is disabled.
+         *
+         * If set, hovering over the disabled element will display the reason
+         * using `VDisabledReason`.
+         */
+        disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
+    }
+}
 
 declare type ImgHTMLAttributesPropOptions = {
     [K in keyof ImgHTMLAttributes]-?: PropType<ImgHTMLAttributes[K]>;
@@ -2340,7 +2419,7 @@ interface BusyImageRects {
  * 画像表示用コンポーネント
  * <img /> タグのように振る舞うが、ローディング表示や、表示サイズの調整など、ちょっといい感じにやるためのコンポーネント
  */
-declare const VBusyImage: vue.DefineComponent<{
+declare const VBusyImage: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': PropType<{
         default?: (() => vue.VNodeChild) | undefined;
     }>;
@@ -2465,19 +2544,19 @@ declare const VBusyImage: vue.DefineComponent<{
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     onChange: PropType<((payload: Event) => void) | undefined>;
-    onBeforeinput: PropType<((payload: Event) => void) | undefined>;
+    onBeforeinput: PropType<((payload: InputEvent) => void) | undefined>;
     onInput: PropType<((payload: Event) => void) | undefined>;
     onReset: PropType<((payload: Event) => void) | undefined>;
-    onSubmit: PropType<((payload: Event) => void) | undefined>;
+    onSubmit: PropType<((payload: SubmitEvent) => void) | undefined>;
     onInvalid: PropType<((payload: Event) => void) | undefined>;
     onLoad: PropType<((payload: Event) => void) | undefined>;
     onError: PropType<((payload: Event) => void) | undefined>;
     onKeydown: PropType<((payload: KeyboardEvent) => void) | undefined>;
     onKeypress: PropType<((payload: KeyboardEvent) => void) | undefined>;
     onKeyup: PropType<((payload: KeyboardEvent) => void) | undefined>;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -2486,12 +2565,12 @@ declare const VBusyImage: vue.DefineComponent<{
     onMouseout: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseover: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseup: PropType<((payload: MouseEvent) => void) | undefined>;
-    onAbort: PropType<((payload: Event) => void) | undefined>;
+    onAbort: PropType<((payload: UIEvent) => void) | undefined>;
     onCanplay: PropType<((payload: Event) => void) | undefined>;
     onCanplaythrough: PropType<((payload: Event) => void) | undefined>;
     onDurationchange: PropType<((payload: Event) => void) | undefined>;
     onEmptied: PropType<((payload: Event) => void) | undefined>;
-    onEncrypted: PropType<((payload: Event) => void) | undefined>;
+    onEncrypted: PropType<((payload: MediaEncryptedEvent) => void) | undefined>;
     onEnded: PropType<((payload: Event) => void) | undefined>;
     onLoadeddata: PropType<((payload: Event) => void) | undefined>;
     onLoadedmetadata: PropType<((payload: Event) => void) | undefined>;
@@ -2499,7 +2578,7 @@ declare const VBusyImage: vue.DefineComponent<{
     onPause: PropType<((payload: Event) => void) | undefined>;
     onPlay: PropType<((payload: Event) => void) | undefined>;
     onPlaying: PropType<((payload: Event) => void) | undefined>;
-    onProgress: PropType<((payload: Event) => void) | undefined>;
+    onProgress: PropType<((payload: ProgressEvent<EventTarget>) => void) | undefined>;
     onRatechange: PropType<((payload: Event) => void) | undefined>;
     onSeeked: PropType<((payload: Event) => void) | undefined>;
     onSeeking: PropType<((payload: Event) => void) | undefined>;
@@ -2532,7 +2611,7 @@ declare const VBusyImage: vue.DefineComponent<{
     'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock.BodyScrollLockDirectiveBindingValue>;
     'v-click-outside': PropType<_fastkit_vue_click_outside.ClickOutsideDirectiveBindingValue | undefined>;
     'v-resize': PropType<_fastkit_vue_resize.RawResizeDirectiveBindingValue | undefined>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     load: (ev: Event) => true;
     error: (ev: Event) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -2660,19 +2739,19 @@ declare const VBusyImage: vue.DefineComponent<{
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
     onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     onChange: PropType<((payload: Event) => void) | undefined>;
-    onBeforeinput: PropType<((payload: Event) => void) | undefined>;
+    onBeforeinput: PropType<((payload: InputEvent) => void) | undefined>;
     onInput: PropType<((payload: Event) => void) | undefined>;
     onReset: PropType<((payload: Event) => void) | undefined>;
-    onSubmit: PropType<((payload: Event) => void) | undefined>;
+    onSubmit: PropType<((payload: SubmitEvent) => void) | undefined>;
     onInvalid: PropType<((payload: Event) => void) | undefined>;
     onLoad: PropType<((payload: Event) => void) | undefined>;
     onError: PropType<((payload: Event) => void) | undefined>;
     onKeydown: PropType<((payload: KeyboardEvent) => void) | undefined>;
     onKeypress: PropType<((payload: KeyboardEvent) => void) | undefined>;
     onKeyup: PropType<((payload: KeyboardEvent) => void) | undefined>;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -2681,12 +2760,12 @@ declare const VBusyImage: vue.DefineComponent<{
     onMouseout: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseover: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseup: PropType<((payload: MouseEvent) => void) | undefined>;
-    onAbort: PropType<((payload: Event) => void) | undefined>;
+    onAbort: PropType<((payload: UIEvent) => void) | undefined>;
     onCanplay: PropType<((payload: Event) => void) | undefined>;
     onCanplaythrough: PropType<((payload: Event) => void) | undefined>;
     onDurationchange: PropType<((payload: Event) => void) | undefined>;
     onEmptied: PropType<((payload: Event) => void) | undefined>;
-    onEncrypted: PropType<((payload: Event) => void) | undefined>;
+    onEncrypted: PropType<((payload: MediaEncryptedEvent) => void) | undefined>;
     onEnded: PropType<((payload: Event) => void) | undefined>;
     onLoadeddata: PropType<((payload: Event) => void) | undefined>;
     onLoadedmetadata: PropType<((payload: Event) => void) | undefined>;
@@ -2694,7 +2773,7 @@ declare const VBusyImage: vue.DefineComponent<{
     onPause: PropType<((payload: Event) => void) | undefined>;
     onPlay: PropType<((payload: Event) => void) | undefined>;
     onPlaying: PropType<((payload: Event) => void) | undefined>;
-    onProgress: PropType<((payload: Event) => void) | undefined>;
+    onProgress: PropType<((payload: ProgressEvent<EventTarget>) => void) | undefined>;
     onRatechange: PropType<((payload: Event) => void) | undefined>;
     onSeeked: PropType<((payload: Event) => void) | undefined>;
     onSeeking: PropType<((payload: Event) => void) | undefined>;
@@ -2727,14 +2806,14 @@ declare const VBusyImage: vue.DefineComponent<{
     'v-body-scroll-lock': PropType<_fastkit_vue_body_scroll_lock.BodyScrollLockDirectiveBindingValue>;
     'v-click-outside': PropType<_fastkit_vue_click_outside.ClickOutsideDirectiveBindingValue | undefined>;
     'v-resize': PropType<_fastkit_vue_resize.RawResizeDirectiveBindingValue | undefined>;
-}>> & {
-    onLoad?: ((ev: Event) => any) | undefined;
+}>> & Readonly<{
     onError?: ((ev: Event) => any) | undefined;
-}, {
+    onLoad?: ((ev: Event) => any) | undefined;
+}>, {
     cover: boolean;
 }, _fastkit_vue_utils.DefinedSlots<{
     default?: () => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type RawGridValue<T extends number | string = number | string> = T | Partial<Record<MediaMatchKey, T>> | undefined;
 type RawGridValueProp<T extends number | string = number | string> = PropType<RawGridValue<T>>;
@@ -2743,7 +2822,7 @@ type GridItemNumberSizeValue = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 type GridItemSizeValue = GridItemNumberSizeValue | 'auto';
 type GridItemAlignValue = 'flex-start' | 'flex-end' | 'start' | 'end' | 'stretch' | 'baseline' | 'center' | 'self-start' | 'self-end';
 type GridItemJustifyValue = 'start' | 'end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-declare const VGridItem: vue.DefineComponent<{
+declare const VGridItem: vue.DefineComponent<vue.ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -2752,7 +2831,7 @@ declare const VGridItem: vue.DefineComponent<{
     align: RawGridValueProp<GridItemAlignValue>;
     justify: RawGridValueProp<GridItemJustifyValue>;
     order: RawGridValueProp<number | string>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -2761,16 +2840,16 @@ declare const VGridItem: vue.DefineComponent<{
     align: RawGridValueProp<GridItemAlignValue>;
     justify: RawGridValueProp<GridItemJustifyValue>;
     order: RawGridValueProp<number | string>;
-}>>, {
+}>> & Readonly<{}>, {
     tag: string;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type GridContainerSpacingValue = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 4.5 | 5 | 5.5 | 6 | 6.5 | 7 | 7.5 | 8 | 8.5 | 9 | 9.5 | 10;
 type GridContainerDirectionValue = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 type GridContainerWrapValue = 'wrap' | 'nowrap' | 'wrap-reverse';
 type GridContainerAlignContentValue = 'flex-start' | 'flex-end' | 'start' | 'end' | 'stretch' | 'baseline' | 'center' | 'self-start' | 'self-end';
 type GridContainerJustifyContentValue = 'start' | 'end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch';
-declare const VGridContainer: vue.DefineComponent<{
+declare const VGridContainer: vue.DefineComponent<vue.ExtractPropTypes<{
     wrapperTag: {
         type: StringConstructor;
         default: string;
@@ -2786,7 +2865,7 @@ declare const VGridContainer: vue.DefineComponent<{
     wrap: RawGridValueProp<GridContainerWrapValue>;
     alignContent: RawGridValueProp<GridContainerAlignContentValue>;
     justifyContent: RawGridValueProp<GridContainerJustifyContentValue>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     wrapperTag: {
         type: StringConstructor;
         default: string;
@@ -2802,10 +2881,10 @@ declare const VGridContainer: vue.DefineComponent<{
     wrap: RawGridValueProp<GridContainerWrapValue>;
     alignContent: RawGridValueProp<GridContainerAlignContentValue>;
     justifyContent: RawGridValueProp<GridContainerJustifyContentValue>;
-}>>, {
+}>> & Readonly<{}>, {
     tag: string;
     wrapperTag: string;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare const paperBaseSlots: _fastkit_vue_utils.DefinedSlots<{
     header?: () => void;
@@ -2843,7 +2922,7 @@ declare function createPaperProps(): {
     };
     elevation: PropType<VuiElevationValue>;
 };
-declare const VPaper: vue.DefineComponent<{
+declare const VPaper: vue.DefineComponent<vue.ExtractPropTypes<{
     square: BooleanConstructor;
     headerProps: PropType<ARGS>;
     bodyProps: PropType<ARGS>;
@@ -2860,7 +2939,7 @@ declare const VPaper: vue.DefineComponent<{
         default: string;
     };
     elevation: PropType<VuiElevationValue>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     square: BooleanConstructor;
     headerProps: PropType<ARGS>;
     bodyProps: PropType<ARGS>;
@@ -2877,14 +2956,14 @@ declare const VPaper: vue.DefineComponent<{
         default: string;
     };
     elevation: PropType<VuiElevationValue>;
-}>>, {
+}>> & Readonly<{}>, {
     tag: any;
     square: boolean;
 }, _fastkit_vue_utils.DefinedSlots<{
     header?: () => void;
     default?: () => void;
     footer?: () => void;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare const AVATAR_SIZES: readonly ["sm", "md", "lg"];
 type AvatarSize = (typeof AVATAR_SIZES)[number];
@@ -2923,9 +3002,10 @@ declare function createAvatarProps(): {
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -2946,18 +3026,19 @@ declare function createAvatarProps(): {
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: PropType<string | (() => vue.VNodeChild) | DisabledReasonInput>;
     variant: PropType<_fastkit_color_scheme.ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
 };
-declare const VAvatar: vue.DefineComponent<{
+declare const VAvatar: vue.DefineComponent<vue.ExtractPropTypes<{
     size: {
         type: PropType<AvatarSize | number>;
         default: string;
@@ -2992,9 +3073,10 @@ declare const VAvatar: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3015,19 +3097,20 @@ declare const VAvatar: vue.DefineComponent<{
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: PropType<string | (() => vue.VNodeChild) | DisabledReasonInput>;
     variant: PropType<_fastkit_color_scheme.ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
-}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     size: {
         type: PropType<AvatarSize | number>;
         default: string;
@@ -3062,9 +3145,10 @@ declare const VAvatar: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3085,22 +3169,23 @@ declare const VAvatar: vue.DefineComponent<{
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: PropType<string | (() => vue.VNodeChild) | DisabledReasonInput>;
     variant: PropType<_fastkit_color_scheme.ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
-}>>, {
+}>> & Readonly<{}>, {
     size: number | "sm" | "md" | "lg";
     disabled: boolean;
     rounded: boolean;
     tile: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare const CHIP_SIZES: readonly ["xs", "sm", "md", "lg", "xl"];
 type ChipSize = (typeof CHIP_SIZES)[number];
@@ -3141,9 +3226,10 @@ declare function createChipProps(): {
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3164,18 +3250,19 @@ declare function createChipProps(): {
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
     variant: PropType<_fastkit_color_scheme.ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
 };
-declare const VChip: vue.DefineComponent<{
+declare const VChip: vue.DefineComponent<vue.ExtractPropTypes<{
     size: {
         type: PropType<ChipSize>;
         default: string;
@@ -3210,9 +3297,10 @@ declare const VChip: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3233,19 +3321,20 @@ declare const VChip: vue.DefineComponent<{
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
     variant: PropType<_fastkit_color_scheme.ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
-}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     size: {
         type: PropType<ChipSize>;
         default: string;
@@ -3280,9 +3369,10 @@ declare const VChip: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3303,21 +3393,22 @@ declare const VChip: vue.DefineComponent<{
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
     variant: PropType<_fastkit_color_scheme.ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
-}>>, {
+}>> & Readonly<{}>, {
     size: "sm" | "md" | "lg" | "xs" | "xl";
     disabled: boolean;
     label: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare function createCardProps(): {
     disabled: BooleanConstructor;
@@ -3347,9 +3438,10 @@ declare function createCardProps(): {
     activeClass: vue.PropType<string>;
     exactActiveClass: vue.PropType<string>;
     ariaCurrentValue: vue.PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: vue.PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: vue.PropType<boolean>;
+    onAuxclick: vue.PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: vue.PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: vue.PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3370,11 +3462,12 @@ declare function createCardProps(): {
     onPointerleave: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: vue.PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: vue.PropType<(string | number) | undefined>;
+    onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: vue.PropType<string | (() => vue.VNodeChild) | DisabledReasonInput>;
     square: BooleanConstructor;
     headerProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     bodyProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
@@ -3388,7 +3481,7 @@ declare function createCardProps(): {
     color: vue.PropType<_fastkit_color_scheme.ScopeName>;
     elevation: vue.PropType<VuiElevationValue>;
 };
-declare const VCard: vue.DefineComponent<{
+declare const VCard: vue.DefineComponent<vue.ExtractPropTypes<{
     disabled: BooleanConstructor;
     tag: vue.PropType<string>;
     class: vue.PropType<any>;
@@ -3416,9 +3509,10 @@ declare const VCard: vue.DefineComponent<{
     activeClass: vue.PropType<string>;
     exactActiveClass: vue.PropType<string>;
     ariaCurrentValue: vue.PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: vue.PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: vue.PropType<boolean>;
+    onAuxclick: vue.PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: vue.PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: vue.PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3439,11 +3533,12 @@ declare const VCard: vue.DefineComponent<{
     onPointerleave: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: vue.PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: vue.PropType<(string | number) | undefined>;
+    onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: vue.PropType<string | (() => vue.VNodeChild) | DisabledReasonInput>;
     square: BooleanConstructor;
     headerProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     bodyProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
@@ -3456,7 +3551,7 @@ declare const VCard: vue.DefineComponent<{
     }>;
     color: vue.PropType<_fastkit_color_scheme.ScopeName>;
     elevation: vue.PropType<VuiElevationValue>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     disabled: BooleanConstructor;
     tag: vue.PropType<string>;
     class: vue.PropType<any>;
@@ -3484,9 +3579,10 @@ declare const VCard: vue.DefineComponent<{
     activeClass: vue.PropType<string>;
     exactActiveClass: vue.PropType<string>;
     ariaCurrentValue: vue.PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: vue.PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: vue.PropType<boolean>;
+    onAuxclick: vue.PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: vue.PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: vue.PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3507,11 +3603,12 @@ declare const VCard: vue.DefineComponent<{
     onPointerleave: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: vue.PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: vue.PropType<(string | number) | undefined>;
+    onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: vue.PropType<string | (() => vue.VNodeChild) | DisabledReasonInput>;
     square: BooleanConstructor;
     headerProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
     bodyProps: vue.PropType<Record<string, unknown> & vue.VNodeProps>;
@@ -3524,14 +3621,14 @@ declare const VCard: vue.DefineComponent<{
     }>;
     color: vue.PropType<_fastkit_color_scheme.ScopeName>;
     elevation: vue.PropType<VuiElevationValue>;
-}>>, {
+}>> & Readonly<{}>, {
     disabled: boolean;
     square: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VCardContent: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const VCardContent: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VCardActions: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const VCardActions: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type VButtonSpacer = 'left' | 'right';
 type RawVButtonSpacer = boolean | VButtonSpacer;
@@ -3581,9 +3678,10 @@ declare const vueButtonProps: {
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3604,11 +3702,12 @@ declare const vueButtonProps: {
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
     variant: PropType<_fastkit_color_scheme.ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
@@ -3617,7 +3716,7 @@ declare const vueButtonProps: {
 };
 type VButtonProps = ExtractPropInput<typeof vueButtonProps>;
 type VButtonResolvedProps = ExtractPropTypes<typeof vueButtonProps>;
-declare const VButton: vue.DefineComponent<{
+declare const VButton: vue.DefineComponent<ExtractPropTypes<{
     size: {
         type: PropType<ControlSize>;
         validator: (value: any) => boolean;
@@ -3659,9 +3758,10 @@ declare const VButton: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3682,17 +3782,18 @@ declare const VButton: vue.DefineComponent<{
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
     variant: PropType<_fastkit_color_scheme.ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExtractPropTypes<{
     size: {
         type: PropType<ControlSize>;
         validator: (value: any) => boolean;
@@ -3734,9 +3835,10 @@ declare const VButton: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3757,23 +3859,24 @@ declare const VButton: vue.DefineComponent<{
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
     variant: PropType<_fastkit_color_scheme.ColorVariant>;
     theme: PropType<ThemeName>;
     color: PropType<ScopeName>;
     textColor: PropType<PaletteName>;
     borderColor: PropType<PaletteName>;
-}>>, {
+}>> & Readonly<{}>, {
     loading: boolean;
     rounded: boolean;
     align: "left" | "center" | "right";
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VButtonGroup: vue.DefineComponent<{
+declare const VButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     disabled: BooleanConstructor;
     size: {
         type: vue.PropType<ControlSize>;
@@ -3785,7 +3888,7 @@ declare const VButtonGroup: vue.DefineComponent<{
     color: vue.PropType<ScopeName>;
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     disabled: BooleanConstructor;
     size: {
         type: vue.PropType<ControlSize>;
@@ -3797,10 +3900,10 @@ declare const VButtonGroup: vue.DefineComponent<{
     color: vue.PropType<ScopeName>;
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
-}>>, {
+}>> & Readonly<{}>, {
     loading: boolean;
     disabled: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type VPaginationGuard = (page: number) => boolean | void | Promise<boolean | void>;
 declare const PAGINATION_ALIGNS: readonly ["left", "center", "right"];
@@ -3840,7 +3943,7 @@ declare function paginationProps(): {
     beforeChange: PropType<VPaginationGuard>;
     color: PropType<ScopeName$1>;
 };
-declare const VPagination: vue.DefineComponent<{
+declare const VPagination: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
      * Active Pages
      */
@@ -3874,7 +3977,7 @@ declare const VPagination: vue.DefineComponent<{
     routeQuery: StringConstructor;
     beforeChange: PropType<VPaginationGuard>;
     color: PropType<ScopeName$1>;
-}, () => vue_jsx_runtime.JSX.Element | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     change: (page: number) => true;
     'update:modelValue': (page: number) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -3911,16 +4014,16 @@ declare const VPagination: vue.DefineComponent<{
     routeQuery: StringConstructor;
     beforeChange: PropType<VPaginationGuard>;
     color: PropType<ScopeName$1>;
-}>> & {
-    "onUpdate:modelValue"?: ((page: number) => any) | undefined;
+}>> & Readonly<{
     onChange?: ((page: number) => any) | undefined;
-}, {
+    "onUpdate:modelValue"?: ((page: number) => any) | undefined;
+}>, {
     length: string | number;
     modelValue: string | number;
     disabled: boolean;
     align: "left" | "center" | "right";
     dense: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare function createListTileProps(): {
     startIcon: PropType<RawIconProp>;
@@ -3958,9 +4061,10 @@ declare function createListTileProps(): {
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3981,16 +4085,17 @@ declare function createListTileProps(): {
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
 };
 declare const listTileEmits: {
     changeActive: (isActive: boolean) => boolean;
 };
-declare const VListTile: vue.DefineComponent<{
+declare const VListTile: vue.DefineComponent<vue.ExtractPropTypes<{
     startIcon: PropType<RawIconProp>;
     endIcon: PropType<RawIconProp>;
     linkFallbackTag: {
@@ -4026,9 +4131,10 @@ declare const VListTile: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4049,12 +4155,13 @@ declare const VListTile: vue.DefineComponent<{
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     changeActive: (isActive: boolean) => boolean;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     startIcon: PropType<RawIconProp>;
@@ -4092,9 +4199,10 @@ declare const VListTile: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4115,20 +4223,21 @@ declare const VListTile: vue.DefineComponent<{
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
-}>> & {
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
+}>> & Readonly<{
     onChangeActive?: ((isActive: boolean) => any) | undefined;
-}, {
+}>, {
     linkFallbackTag: string;
     startIconEmptySpace: boolean;
     exactMatch: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VDrawerLayout: vue.DefineComponent<{
+declare const VDrawerLayout: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         header?: (() => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
@@ -4139,7 +4248,7 @@ declare const VDrawerLayout: vue.DefineComponent<{
         type: vue.PropType<any>;
         default: string;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         header?: (() => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
@@ -4150,15 +4259,15 @@ declare const VDrawerLayout: vue.DefineComponent<{
         type: vue.PropType<any>;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     tag: any;
 }, _fastkit_vue_utils.DefinedSlots<{
     header?: () => void;
     default?: () => void;
     footer?: () => void;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VHero: vue.DefineComponent<{
+declare const VHero: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': PropType<{
         default?: (() => vue.VNodeChild) | undefined;
         adornment?: (() => vue.VNodeChild) | undefined;
@@ -4175,7 +4284,7 @@ declare const VHero: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     'v-slots': PropType<{
         default?: (() => vue.VNodeChild) | undefined;
         adornment?: (() => vue.VNodeChild) | undefined;
@@ -4192,14 +4301,14 @@ declare const VHero: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     tag: string;
     color: ScopeName;
     hTag: string;
 }, _fastkit_vue_utils.DefinedSlots<{
     default?: () => void;
     adornment?: () => void;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare function createNavigationItemProps(): {
     match: PropType<string | string[]>;
@@ -4243,9 +4352,10 @@ declare function createNavigationItemProps(): {
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4266,11 +4376,12 @@ declare function createNavigationItemProps(): {
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
 };
 interface NavigationItemInput extends ExtractPropInput<ReturnType<typeof createNavigationItemProps>> {
     key: string | number;
@@ -4282,7 +4393,7 @@ declare function resolveNavigationItemInput(input: NavigationItemInput): {
     props: NavigationItemInput;
 };
 declare function renderNavigationItemInput(input: NavigationItemInput, extraProps?: Record<string, unknown> & VNodeProps): vue_jsx_runtime.JSX.Element;
-declare const VNavigationItem: vue.DefineComponent<{
+declare const VNavigationItem: vue.DefineComponent<vue.ExtractPropTypes<{
     children: PropType<NavigationItemInput[]>;
     match: PropType<string | string[]>;
     depth: {
@@ -4325,9 +4436,10 @@ declare const VNavigationItem: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4348,12 +4460,13 @@ declare const VNavigationItem: vue.DefineComponent<{
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     changeActive: (isActive: boolean) => boolean;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     children: PropType<NavigationItemInput[]>;
@@ -4398,9 +4511,10 @@ declare const VNavigationItem: vue.DefineComponent<{
     activeClass: PropType<string>;
     exactActiveClass: PropType<string>;
     ariaCurrentValue: PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: PropType<boolean>;
+    onAuxclick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4421,20 +4535,21 @@ declare const VNavigationItem: vue.DefineComponent<{
     onPointerleave: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: PropType<(string | number) | undefined>;
+    onBlur: PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: PropType<((payload: FocusEvent) => void) | undefined>;
-}>> & {
+    disabledReason: PropType<string | (() => VNodeChild) | DisabledReasonInput>;
+}>> & Readonly<{
     onChangeActive?: ((isActive: boolean) => any) | undefined;
-}, {
+}>, {
     linkFallbackTag: string;
     startIconEmptySpace: boolean;
     exactMatch: boolean;
     depth: number;
     nested: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare function createNavigationProps(): {
     items: {
@@ -4449,7 +4564,7 @@ declare function createNavigationProps(): {
     caption: PropType<VNodeChild | (() => VNodeChild)>;
 };
 type NavigationInput = ExtractPropInput<ReturnType<typeof createNavigationProps>>;
-declare const VNavigation: vue.DefineComponent<{
+declare const VNavigation: vue.DefineComponent<vue.ExtractPropTypes<{
     items: {
         type: PropType<NavigationItemInput[]>;
         required: true;
@@ -4460,7 +4575,7 @@ declare const VNavigation: vue.DefineComponent<{
         default: boolean;
     };
     caption: PropType<VNodeChild | (() => VNodeChild)>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     items: {
         type: PropType<NavigationItemInput[]>;
         required: true;
@@ -4471,9 +4586,9 @@ declare const VNavigation: vue.DefineComponent<{
         default: boolean;
     };
     caption: PropType<VNodeChild | (() => VNodeChild)>;
-}>>, {
+}>> & Readonly<{}>, {
     startIconEmptySpace: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare const ADORNMENT_POSITIONS: readonly ["start", "end"];
 type AdornmentPosition = (typeof ADORNMENT_POSITIONS)[number];
@@ -4499,7 +4614,7 @@ type InputBoxSlots = DefineSlotsType<{
     startAdornment?: () => any;
     endAdornment?: () => any;
 }>;
-declare const VControlField: vue.DefineComponent<{
+declare const VControlField: vue.DefineComponent<vue.ExtractPropTypes<{
     error: BooleanConstructor;
     'v-slots': PropType<{
         default?: (() => VNodeChild) | undefined;
@@ -4523,7 +4638,7 @@ declare const VControlField: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     click: (ev: MouseEvent) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     error: BooleanConstructor;
@@ -4549,9 +4664,9 @@ declare const VControlField: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((ev: MouseEvent) => any) | undefined;
-}, {
+}>, {
     loading: boolean;
     tabindex: string | number;
     error: boolean;
@@ -4567,9 +4682,9 @@ declare const VControlField: vue.DefineComponent<{
     endAdornment?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[]) | undefined;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VTextCounter: vue.DefineComponent<{
+declare const VTextCounter: vue.DefineComponent<vue.ExtractPropTypes<{
     length: {
         type: NumberConstructor;
         required: true;
@@ -4578,7 +4693,7 @@ declare const VTextCounter: vue.DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}, unknown, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     length: {
         type: NumberConstructor;
         required: true;
@@ -4587,12 +4702,12 @@ declare const VTextCounter: vue.DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare function createRequiredChipRenderer(required: () => boolean, props: {
     requiredChip?: RequiredChipSource;
 }, vui?: VuiService): () => VNodeChild;
-declare const VFormControl: vue.DefineComponent<{
+declare const VFormControl: vue.DefineComponent<vue.ExtractPropTypes<{
     error: BooleanConstructor;
     'v-slots': vue.PropType<{
         [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => VNodeChild;
@@ -4614,7 +4729,7 @@ declare const VFormControl: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     clickLabel: (ev: MouseEvent, wrapper: FormNodeWrapper) => boolean;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     error: BooleanConstructor;
@@ -4638,9 +4753,9 @@ declare const VFormControl: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onClickLabel?: ((ev: MouseEvent, wrapper: FormNodeWrapper) => any) | undefined;
-}, {
+}>, {
     collectErrorMessages: boolean;
     error: boolean;
     hiddenInfo: boolean;
@@ -4662,9 +4777,9 @@ declare const VFormControl: vue.DefineComponent<{
     }>[]) | undefined;
 } & {
     default?: (formNodeWrapper: FormNodeWrapper) => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VCheckbox: vue.DefineComponent<{
+declare const VCheckbox: vue.DefineComponent<vue.ExtractPropTypes<{
     indeterminate: BooleanConstructor;
     size: {
         type: vue.PropType<ControlSize>;
@@ -4704,7 +4819,7 @@ declare const VCheckbox: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: boolean) => boolean;
@@ -4750,13 +4865,13 @@ declare const VCheckbox: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     autofocus: boolean;
@@ -4771,9 +4886,9 @@ declare const VCheckbox: vue.DefineComponent<{
     showOwnErrors: boolean;
     detach: boolean;
     indeterminate: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VCheckboxGroup: vue.DefineComponent<{
+declare const VCheckboxGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild;
         label?: ((wrapper: _fastkit_vue_form_control.FormNodeWrapper) => vue.VNodeChild) | undefined;
@@ -4848,7 +4963,7 @@ declare const VCheckboxGroup: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: _fastkit_vue_form_control.FormSelectorValue) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: _fastkit_vue_form_control.FormSelectorValue) => boolean;
@@ -4929,13 +5044,13 @@ declare const VCheckboxGroup: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     tabindex: string | number;
@@ -4973,9 +5088,9 @@ declare const VCheckboxGroup: vue.DefineComponent<{
     }>[]) | undefined;
 } & {
     default?: () => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VRadio: vue.DefineComponent<{
+declare const VRadio: vue.DefineComponent<vue.ExtractPropTypes<{
     size: {
         type: vue.PropType<ControlSize>;
         validator: (value: any) => boolean;
@@ -5014,7 +5129,7 @@ declare const VRadio: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: boolean) => boolean;
@@ -5059,13 +5174,13 @@ declare const VRadio: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     autofocus: boolean;
@@ -5079,9 +5194,9 @@ declare const VRadio: vue.DefineComponent<{
     error: boolean;
     showOwnErrors: boolean;
     detach: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VRadioGroup: vue.DefineComponent<{
+declare const VRadioGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild;
         label?: ((wrapper: _fastkit_vue_form_control.FormNodeWrapper) => vue.VNodeChild) | undefined;
@@ -5156,7 +5271,7 @@ declare const VRadioGroup: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: _fastkit_vue_form_control.FormSelectorValue) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: _fastkit_vue_form_control.FormSelectorValue) => boolean;
@@ -5237,13 +5352,13 @@ declare const VRadioGroup: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     tabindex: string | number;
@@ -5281,9 +5396,9 @@ declare const VRadioGroup: vue.DefineComponent<{
     }>[]) | undefined;
 } & {
     default?: () => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VSwitch: vue.DefineComponent<{
+declare const VSwitch: vue.DefineComponent<vue.ExtractPropTypes<{
     size: {
         type: vue.PropType<ControlSize>;
         validator: (value: any) => boolean;
@@ -5322,7 +5437,7 @@ declare const VSwitch: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: boolean) => boolean;
@@ -5367,13 +5482,13 @@ declare const VSwitch: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     autofocus: boolean;
@@ -5387,9 +5502,9 @@ declare const VSwitch: vue.DefineComponent<{
     error: boolean;
     showOwnErrors: boolean;
     detach: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VSwitchGroup: vue.DefineComponent<{
+declare const VSwitchGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild;
         label?: ((wrapper: _fastkit_vue_form_control.FormNodeWrapper) => vue.VNodeChild) | undefined;
@@ -5464,7 +5579,7 @@ declare const VSwitchGroup: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: _fastkit_vue_form_control.FormSelectorValue) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: _fastkit_vue_form_control.FormSelectorValue) => boolean;
@@ -5545,13 +5660,13 @@ declare const VSwitchGroup: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     tabindex: string | number;
@@ -5589,9 +5704,9 @@ declare const VSwitchGroup: vue.DefineComponent<{
     }>[]) | undefined;
 } & {
     default?: () => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VOption: vue.DefineComponent<{
+declare const VOption: vue.DefineComponent<vue.ExtractPropTypes<{
     size: {
         type: vue.PropType<ControlSize>;
         validator: (value: any) => boolean;
@@ -5630,7 +5745,7 @@ declare const VOption: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: boolean) => boolean;
@@ -5675,13 +5790,13 @@ declare const VOption: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     autofocus: boolean;
@@ -5695,9 +5810,9 @@ declare const VOption: vue.DefineComponent<{
     error: boolean;
     showOwnErrors: boolean;
     detach: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VOptionGroup: vue.DefineComponent<{
+declare const VOptionGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': PropType<{
         label?: ((control: FormSelectorItemGroupControl) => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
@@ -5708,7 +5823,7 @@ declare const VOptionGroup: vue.DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     'v-slots': PropType<{
         label?: ((control: FormSelectorItemGroupControl) => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
@@ -5719,17 +5834,17 @@ declare const VOptionGroup: vue.DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     disabled: boolean;
 }, _fastkit_vue_utils.DefinedSlots<{
     label?: (control: FormSelectorItemGroupControl) => any;
     default?: () => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare const ARROW_KEY_TYPES: ("ArrowDown" | "ArrowUp")[];
 declare const CHOICE_KEY_TYPES: ("Enter" | " ")[];
 declare const KEYBOARD_EVENT_TYPES: ("Enter" | " " | "ArrowDown" | "ArrowUp")[];
-declare const VSelect: vue.DefineComponent<{
+declare const VSelect: vue.DefineComponent<vue.ExtractPropTypes<{
     closeOnNavigation: BooleanConstructor;
     placeholder: StringConstructor;
     loadingMessage: PropType<VNodeChildOrSlot>;
@@ -5814,7 +5929,7 @@ declare const VSelect: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: _fastkit_vue_form_control.FormSelectorValue) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: _fastkit_vue_form_control.FormSelectorValue) => boolean;
@@ -5905,13 +6020,13 @@ declare const VSelect: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     tabindex: string | number;
@@ -5962,9 +6077,9 @@ declare const VSelect: vue.DefineComponent<{
         item: FormSelectorItemControl;
         index: number;
     }) => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VNumberField: vue.DefineComponent<{
+declare const VNumberField: vue.DefineComponent<vue.ExtractPropTypes<{
     modelValue: {
         type: PropType<number | null>;
         default: null;
@@ -6051,12 +6166,12 @@ declare const VNumberField: vue.DefineComponent<{
         type: PropType<_fastkit_vue_form_control.FormAutoComplete | boolean>;
         default: () => boolean | "off" | "on" | "name" | "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" | undefined;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: number | null) => true;
     change: (value: number | null) => true;
+    blur: (ev: FocusEvent) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     focus: (ev: FocusEvent) => boolean;
-    blur: (ev: FocusEvent) => boolean;
     acceptMask: (ev: _fastkit_vue_form_control.IMaskEvent) => boolean;
     acceptDynamicMaskMeta: (meta?: any) => boolean;
     completeMask: (ev: _fastkit_vue_form_control.IMaskEvent) => boolean;
@@ -6150,19 +6265,19 @@ declare const VNumberField: vue.DefineComponent<{
         type: PropType<_fastkit_vue_form_control.FormAutoComplete | boolean>;
         default: () => boolean | "off" | "on" | "name" | "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" | undefined;
     };
-}>> & {
+}>> & Readonly<{
+    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;
     "onUpdate:masked"?: ((maskedValue: string) => any) | undefined;
     "onUpdate:typed"?: ((typedValue: _fastkit_vue_form_control.IMaskTypedValue | undefined) => any) | undefined;
     "onUpdate:unmasked"?: ((unmaskedValue: string) => any) | undefined;
-}, {
+}>, {
     loading: boolean;
     collectErrorMessages: boolean;
     modelValue: number | null;
@@ -6182,9 +6297,9 @@ declare const VNumberField: vue.DefineComponent<{
     maskModel: _fastkit_vue_form_control.TextInputMaskModel;
     limit: boolean;
     autocomplete: 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";
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VTextarea: vue.DefineComponent<{
+declare const VTextarea: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild;
         label?: ((wrapper: _fastkit_vue_form_control.FormNodeWrapper) => vue.VNodeChild) | undefined;
@@ -6267,7 +6382,7 @@ declare const VTextarea: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: string) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: string) => boolean;
@@ -6356,13 +6471,13 @@ declare const VTextarea: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     tabindex: string | number;
@@ -6381,7 +6496,7 @@ declare const VTextarea: vue.DefineComponent<{
     limit: boolean;
     autocomplete: 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";
     rows: _fastkit_vue_utils.Numberish;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type VFormGroupSlots = DefineSlotsType<{
     default?: (form: FormGroupControl) => any;
@@ -6439,7 +6554,7 @@ declare function createVFormGroupProps(): {
     };
     detach: BooleanConstructor;
 };
-declare const VFormGroup: vue.DefineComponent<{
+declare const VFormGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => vue.VNodeChild;
         default?: ((form: FormGroupControl) => vue.VNodeChild) | undefined;
@@ -6482,9 +6597,9 @@ declare const VFormGroup: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: unknown) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: unknown) => boolean;
@@ -6533,13 +6648,13 @@ declare const VFormGroup: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     disableAutoScroll: boolean;
@@ -6563,7 +6678,7 @@ declare const VFormGroup: vue.DefineComponent<{
     error?: (error: _fastkit_vue_form_control.FormNodeError) => any;
 } & {
     [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type VFormSlots = DefineSlotsType<{
     default?: (form: VueForm) => any;
@@ -6629,7 +6744,7 @@ declare function createVFormProps(): {
     };
     detach: BooleanConstructor;
 };
-declare const VForm: vue.DefineComponent<{
+declare const VForm: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         default?: ((form: VueForm) => vue.VNodeChild) | undefined;
     }>;
@@ -6684,7 +6799,9 @@ declare const VForm: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, {
+    control: VueForm;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     submit: (form: VueForm, ev: Event) => boolean;
     'update:sending': (sending: boolean, form: VueForm) => boolean;
     finishAction: (actionContext: _fastkit_vue_form_control.FormActionContext) => boolean;
@@ -6749,17 +6866,17 @@ declare const VForm: vue.DefineComponent<{
         default: undefined;
     };
     detach: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
+    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;
     autoValidate: boolean;
@@ -6783,7 +6900,7 @@ declare const VForm: vue.DefineComponent<{
     default?: ((form: VueForm) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[]) | undefined;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 interface VTabsItemLabelSlotCtx {
     value: string;
@@ -6798,7 +6915,7 @@ interface VTabsItem {
     icon?: RawIconProp;
     label?: VNodeChild | VTabsItemLabelSlot;
 }
-declare const VTabs: vue.DefineComponent<{
+declare const VTabs: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': PropType<{
         item?: ((ctx: VTabsItemLabelSlotCtx) => VNodeChild) | undefined;
     }>;
@@ -6825,7 +6942,7 @@ declare const VTabs: vue.DefineComponent<{
     withQuery: BooleanConstructor;
     color: PropType<ScopeName$1>;
     onBeforeChange: PropType<VTabsGuard>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (newValue: string) => true;
     change: (newValue: string) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -6855,15 +6972,15 @@ declare const VTabs: vue.DefineComponent<{
     withQuery: BooleanConstructor;
     color: PropType<ScopeName$1>;
     onBeforeChange: PropType<VTabsGuard>;
-}>> & {
-    "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
+}>> & Readonly<{
     onChange?: ((newValue: string) => any) | undefined;
-}, {
-    autoScrollOffset: number;
+    "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
+}>, {
     withQuery: boolean;
+    autoScrollOffset: number;
 }, _fastkit_vue_utils.DefinedSlots<{
     item?: (ctx: VTabsItemLabelSlotCtx) => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 interface BreadcrumbsItem extends Pick<ActionableInheritProps, 'to' | 'disabled'> {
     /**
@@ -6873,21 +6990,21 @@ interface BreadcrumbsItem extends Pick<ActionableInheritProps, 'to' | 'disabled'
     text: VNodeChild | ((vui: VuiService) => VNodeChild);
 }
 type RawBreadcrumbsItem = string | BreadcrumbsItem;
-declare const VBreadcrumbs: vue.DefineComponent<{
+declare const VBreadcrumbs: vue.DefineComponent<vue.ExtractPropTypes<{
     items: {
         type: PropType<BreadcrumbsItem[]>;
         default: () => never[];
     };
     divider: PropType<VNodeChild | ((vui: VuiService) => VNodeChild)>;
-}, () => vue_jsx_runtime.JSX.Element | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     items: {
         type: PropType<BreadcrumbsItem[]>;
         default: () => never[];
     };
     divider: PropType<VNodeChild | ((vui: VuiService) => VNodeChild)>;
-}>>, {
+}>> & Readonly<{}>, {
     items: BreadcrumbsItem[];
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 interface ContentSwitcherSeeTopOptions {
     /**
@@ -6899,14 +7016,14 @@ interface ContentSwitcherSeeTopOptions {
      */
     duration?: number;
 }
-declare const VContentSwitcher: vue.DefineComponent<{
+declare const VContentSwitcher: vue.DefineComponent<vue.ExtractPropTypes<{
     modelValue: StringConstructor;
     order: {
         type: PropType<(string | VTabsItem)[]>;
         default: () => never[];
     };
     autotop: PropType<boolean | ContentSwitcherSeeTopOptions>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (modelValue: string) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: StringConstructor;
@@ -6915,11 +7032,11 @@ declare const VContentSwitcher: vue.DefineComponent<{
         default: () => never[];
     };
     autotop: PropType<boolean | ContentSwitcherSeeTopOptions>;
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
-}, {
+}>, {
     order: (string | VTabsItem)[];
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type DataTableHeaderAlign = 'left' | 'center' | 'right';
 declare const DATA_TABLE_DEFAULTS: {
@@ -6971,7 +7088,7 @@ interface DataTableRowSettings<T extends DataTableItem = DataTableItem> {
 }
 type DataTableRowSettingsFn<T extends DataTableItem = DataTableItem> = (payload: DataTableItemSlotPayload<T>) => DataTableRowSettings<T>;
 type RawDataTableRowSettings<T extends DataTableItem = DataTableItem> = DataTableRowSettingsFn<T> | DataTableRowSettings<T>;
-declare const VDataTable: vue.DefineComponent<{
+declare const VDataTable: vue.DefineComponent<vue.ExtractPropTypes<{
     /** 選択中のkeyの配列 */
     modelValue: {
         type: PropType<string[]>;
@@ -7058,7 +7175,7 @@ declare const VDataTable: vue.DefineComponent<{
     noDataMessage: PropType<VNodeChildOrSlot>;
     noResultsMessage: PropType<VNodeChildOrSlot>;
     rowSettings: PropType<RawDataTableRowSettings>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     input: (selectedValues: string[]) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /** 選択中のkeyの配列 */
@@ -7147,9 +7264,9 @@ declare const VDataTable: vue.DefineComponent<{
     noDataMessage: PropType<VNodeChildOrSlot>;
     noResultsMessage: PropType<VNodeChildOrSlot>;
     rowSettings: PropType<RawDataTableRowSettings>;
-}>> & {
+}>> & Readonly<{
     onInput?: ((selectedValues: string[]) => any) | undefined;
-}, {
+}>, {
     modelValue: string[];
     items: DataTableItem[];
     itemKey: string;
@@ -7164,14 +7281,14 @@ declare const VDataTable: vue.DefineComponent<{
     limitDefault: number;
     controlThreshold: number;
     searchQuery: string | string[];
-    total: number;
     selectable: boolean;
     fixedHeader: boolean;
-}, {}>;
+    total: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VApp: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const VApp: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VToolbar: vue.DefineComponent<{
+declare const VToolbar: vue.DefineComponent<vue.ExtractPropTypes<{
     dense: BooleanConstructor;
     variant: vue.PropType<_fastkit_color_scheme.ColorVariant>;
     theme: vue.PropType<ThemeName>;
@@ -7179,7 +7296,7 @@ declare const VToolbar: vue.DefineComponent<{
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
     elevation: vue.PropType<VuiElevationValue>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     dense: BooleanConstructor;
     variant: vue.PropType<_fastkit_color_scheme.ColorVariant>;
     theme: vue.PropType<ThemeName>;
@@ -7187,12 +7304,12 @@ declare const VToolbar: vue.DefineComponent<{
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
     elevation: vue.PropType<VuiElevationValue>;
-}>>, {
+}>> & Readonly<{}>, {
     dense: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type VToolbarMenuEdge = 'start' | 'end';
-declare const VToolbarMenu: vue.DefineComponent<{
+declare const VToolbarMenu: vue.DefineComponent<vue.ExtractPropTypes<{
     size: {
         type: vue.PropType<ControlSize>;
         validator: (value: any) => boolean;
@@ -7234,9 +7351,10 @@ declare const VToolbarMenu: vue.DefineComponent<{
     activeClass: vue.PropType<string>;
     exactActiveClass: vue.PropType<string>;
     ariaCurrentValue: vue.PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: vue.PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: vue.PropType<boolean>;
+    onAuxclick: vue.PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: vue.PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: vue.PropType<((payload: MouseEvent) => void) | undefined>;
@@ -7257,17 +7375,18 @@ declare const VToolbarMenu: vue.DefineComponent<{
     onPointerleave: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: vue.PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: vue.PropType<(string | number) | undefined>;
+    onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: vue.PropType<string | (() => vue.VNodeChild) | DisabledReasonInput>;
     variant: vue.PropType<_fastkit_color_scheme.ColorVariant>;
     theme: vue.PropType<ThemeName>;
     color: vue.PropType<ScopeName>;
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     size: {
         type: vue.PropType<ControlSize>;
         validator: (value: any) => boolean;
@@ -7309,9 +7428,10 @@ declare const VToolbarMenu: vue.DefineComponent<{
     activeClass: vue.PropType<string>;
     exactActiveClass: vue.PropType<string>;
     ariaCurrentValue: vue.PropType<"time" | "true" | "false" | "date" | "page" | "step" | "location">;
-    onAuxclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
-    onClick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
-    onContextmenu: vue.PropType<((payload: MouseEvent) => void) | undefined>;
+    viewTransition: vue.PropType<boolean>;
+    onAuxclick: vue.PropType<((payload: PointerEvent) => void) | undefined>;
+    onClick: vue.PropType<((payload: PointerEvent) => void) | undefined>;
+    onContextmenu: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onDblclick: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMousedown: vue.PropType<((payload: MouseEvent) => void) | undefined>;
     onMouseenter: vue.PropType<((payload: MouseEvent) => void) | undefined>;
@@ -7332,36 +7452,37 @@ declare const VToolbarMenu: vue.DefineComponent<{
     onPointerleave: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerover: vue.PropType<((payload: PointerEvent) => void) | undefined>;
     onPointerout: vue.PropType<((payload: PointerEvent) => void) | undefined>;
-    onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
-    onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     tabindex: vue.PropType<(string | number) | undefined>;
+    onBlur: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    onFocus: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusin: vue.PropType<((payload: FocusEvent) => void) | undefined>;
     onFocusout: vue.PropType<((payload: FocusEvent) => void) | undefined>;
+    disabledReason: vue.PropType<string | (() => vue.VNodeChild) | DisabledReasonInput>;
     variant: vue.PropType<_fastkit_color_scheme.ColorVariant>;
     theme: vue.PropType<ThemeName>;
     color: vue.PropType<ScopeName>;
     textColor: vue.PropType<PaletteName>;
     borderColor: vue.PropType<PaletteName>;
-}>>, {
+}>> & Readonly<{}>, {
     loading: boolean;
     rounded: boolean;
     align: "left" | "center" | "right";
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 type VToolbarEdgeEdge = 'start' | 'end';
-declare const VToolbarEdge: vue.DefineComponent<{
+declare const VToolbarEdge: vue.DefineComponent<vue.ExtractPropTypes<{
     edge: {
         type: PropType<VToolbarEdgeEdge>;
         required: true;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     edge: {
         type: PropType<VToolbarEdgeEdge>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-declare const VToolbarTitle: vue.DefineComponent<{
+declare const VToolbarTitle: vue.DefineComponent<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         default?: (() => vue.VNodeChild) | undefined;
     }>;
@@ -7369,7 +7490,7 @@ declare const VToolbarTitle: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     'v-slots': vue.PropType<{
         default?: (() => vue.VNodeChild) | undefined;
     }>;
@@ -7377,11 +7498,11 @@ declare const VToolbarTitle: vue.DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     tag: string;
 }, _fastkit_vue_utils.DefinedSlots<{
     default?: () => any;
-}>>;
+}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 interface VuiPluginStackOptions extends VueStackServiceOptions {
 }
@@ -7404,4 +7525,4 @@ declare class VuiPlugin {
 }
 declare function installVuiPlugin(app: App, opts: VuiPluginOptions): App<any>;
 
-export { ARROW_KEY_TYPES, AVATAR_SIZES, type AdornmentPosition, type AvatarSize, BUTTON_ALIGNS, type BreadcrumbsItem, type BusyImageLoadState, type BusyImageRect, type BusyImageRects, type BusyImageSizeValue, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, type ChipSize, type ContentSwitcherSeeTopOptions, type ControlFieldProvider, type ControlFieldProviderProps, type ControlFieldVariant, type ControlProps, type ControlProvider, type ControlSize, type DataTableCellSlotPayload, type DataTableDefaults, type DataTableHeader, type DataTableHeaderAlign, type DataTableItem, type DataTableItemSlotPayload, type DataTableRowSettings, type DataTableRowSettingsFn, type DefineFormSelectorComponentOptions, type DisabledReasonType, type ElevationProps, type GridContainerAlignContentValue, type GridContainerDirectionValue, type GridContainerJustifyContentValue, type GridContainerSpacingValue, type GridContainerWrapValue, type GridItemAlignValue, type GridItemJustifyValue, type GridItemNumberSizeValue, type GridItemSizeValue, type ImgHTMLAttributesPropOptions, type InputBoxSlots, KEYBOARD_EVENT_TYPES, type NavigationInput, type NavigationItemInput, PAGINATION_ALIGNS, type RawBreadcrumbsItem, type RawDataTableRowSettings, type RawIconProp, type RawVButtonIcon, type RawVButtonSpacer, type RawVChipIcon, type RawVuiPluginOptions, type RawVuiPromptOptions, type RawVuiServiceIconSettings, type RawVuiServiceOptions, type RawVuiServiceUISettings, type TextFieldEmits, type TextFieldInput, type TextFieldPropsOptions, type UseControlFieldProviderOptions, type UseControlProviderOptions, type UseElevationOptions, type UseLinkResult, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, type VButtonAlign, VButtonGroup, type VButtonIcon, type VButtonProps, type VButtonResolvedProps, type VButtonSpacer, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, type VChipIcon, VContentSwitcher, VControlField, VDataTable, VDialog, VDisabledReason, VDrawerLayout, VForm, VFormControl, VFormGroup, type VFormGroupSlots, type VFormSlots, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, type VPaginationAlign, type VPaginationGuard, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, type VSheetModalSlots, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, type VTabsGuard, type VTabsItem, type VTabsItemLabelSlot, type VTabsItemLabelSlotCtx, type VTabsRouterHandler, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, type VToolbarEdgeEdge, VToolbarMenu, type VToolbarMenuEdge, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_GROUP_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, type VuiColorProvider, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, type VuiElevationValue, type VuiFormPromptSettings, VuiInjectionKey, VuiPlugin, type VuiPluginOptions, type VuiPluginStackOptions, type VuiPromptOptions, VuiService, type VuiServiceIconSettings, type VuiServiceOptions, type VuiServiceUISettings, type VuiVNodeResolver, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { ARROW_KEY_TYPES, AVATAR_SIZES, type AdornmentPosition, type AvatarSize, BUTTON_ALIGNS, type BreadcrumbsItem, type BusyImageLoadState, type BusyImageRect, type BusyImageRects, type BusyImageSizeValue, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, type ChipSize, type ContentSwitcherSeeTopOptions, type ControlFieldProvider, type ControlFieldProviderProps, type ControlFieldVariant, type ControlProps, type ControlProvider, type ControlSize, DISABLED_REASON_PROPS, type DataTableCellSlotPayload, type DataTableDefaults, type DataTableHeader, type DataTableHeaderAlign, type DataTableItem, type DataTableItemSlotPayload, type DataTableRowSettings, type DataTableRowSettingsFn, type DefineFormSelectorComponentOptions, type DisabledReasonInput, type DisabledReasonType, type ElevationProps, type GridContainerAlignContentValue, type GridContainerDirectionValue, type GridContainerJustifyContentValue, type GridContainerSpacingValue, type GridContainerWrapValue, type GridItemAlignValue, type GridItemJustifyValue, type GridItemNumberSizeValue, type GridItemSizeValue, type ImgHTMLAttributesPropOptions, type InputBoxSlots, KEYBOARD_EVENT_TYPES, type NavigationInput, type NavigationItemInput, PAGINATION_ALIGNS, type RawBreadcrumbsItem, type RawDataTableRowSettings, type RawIconProp, type RawVButtonIcon, type RawVButtonSpacer, type RawVChipIcon, type RawVuiPluginOptions, type RawVuiPromptOptions, type RawVuiServiceIconSettings, type RawVuiServiceOptions, type RawVuiServiceUISettings, type TextFieldEmits, type TextFieldInput, type TextFieldPropsOptions, type UseControlFieldProviderOptions, type UseControlProviderOptions, type UseElevationOptions, type UseLinkResult, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, type VButtonAlign, VButtonGroup, type VButtonIcon, type VButtonProps, type VButtonResolvedProps, type VButtonSpacer, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, type VChipIcon, VContentSwitcher, VControlField, VDataTable, VDialog, VDisabledReason, VDrawerLayout, VForm, VFormControl, VFormGroup, type VFormGroupSlots, type VFormSlots, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, type VPaginationAlign, type VPaginationGuard, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, type VSheetModalSlots, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, type VTabsGuard, type VTabsItem, type VTabsItemLabelSlot, type VTabsItemLabelSlotCtx, type VTabsRouterHandler, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, type VToolbarEdgeEdge, VToolbarMenu, type VToolbarMenuEdge, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_GROUP_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, type VuiColorProvider, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, type VuiElevationValue, type VuiFormPromptSettings, VuiInjectionKey, VuiPlugin, type VuiPluginOptions, type VuiPluginStackOptions, type VuiPromptOptions, VuiService, type VuiServiceIconSettings, type VuiServiceOptions, type VuiServiceUISettings, type VuiVNodeResolver, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormGroupProps, createVFormProps, defineFormSelectorComponent, formGroupSlots, formSlots, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, paperBaseSlots, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, sheetModalProps, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };