@fastkit/vui 0.16.80 → 0.16.82

package/dist/vui.d.ts

@@ -16,12 +16,12 @@ export * from '@fastkit/vue-app-layout';
 import { VueColorSchemePluginSettings, ScopeName as ScopeName$1 } from '@fastkit/vue-color-scheme';
 export * from '@fastkit/vue-color-scheme';
 import * as _fastkit_vue_form_control from '@fastkit/vue-form-control';
-import { FormSelectorControl, ResolvedFormSelectorItem, FormNodeControl, TextInputEmits, FormControlHinttipDelay, VueForm, RequiredChipSource, FormControl, FormSelectorItemGroupControl, FormSelectorItemControl, VueFormServiceOptions } from '@fastkit/vue-form-control';
+import { FormSelectorControl, ResolvedFormSelectorItem, FormNodeControl, TextInputEmits, FormControlHinttipDelay, VueForm, RequiredChipSource, FormControl, FormSelectorItemGroupControl, FormSelectorItemControl, FormGroupControl, VueFormServiceOptions } from '@fastkit/vue-form-control';
 export * from '@fastkit/vue-form-control';
 import { UseScroller } from '@fastkit/vue-scroller';
 export * from '@fastkit/vue-scroller';
 import * as _fastkit_vue_stack from '@fastkit/vue-stack';
-import { VStackSlots, VStackControl, VueStackService, VStackBuiltinActions, StackableLauncher, VStackBuiltinActionType, VStackAction, MenuAPI, VueStackServiceOptions } from '@fastkit/vue-stack';
+import { VStackSlots, VStackControl, VueStackService, VStackBuiltinActions, StackableLauncher, VStackBuiltinActionType, VStackAction, VueStackServiceOptions } from '@fastkit/vue-stack';
 export * from '@fastkit/vue-stack';
 import * as _fastkit_vue_action from '@fastkit/vue-action';
 import { ActionableInheritProps } from '@fastkit/vue-action';
@@ -32,7 +32,7 @@ import { TypedSlot, VNodeChildOrSlot, ExtractPropInput, DefineSlotsType } from '
 export * from '@fastkit/vue-utils';
 export * from '@fastkit/vue-loading';
 import * as vue from 'vue';
-import { PropType, ExtractPropTypes, ComputedRef, VNodeChild, InjectionKey, VNodeProps, UnwrapNestedRefs, ImgHTMLAttributes, HTMLAttributes, Ref, App } from 'vue';
+import { PropType, ExtractPropTypes, ComputedRef, VNodeChild, InjectionKey, VNodeProps, UnwrapNestedRefs, ImgHTMLAttributes, HTMLAttributes, App } from 'vue';
 import {  ScopeName, ColorVariant , ThemeName, PaletteName } from '@fastkit/color-scheme';
 import * as _fastkit_vue_transitions__ from '@fastkit/vue-transitions/.';
 import * as _fastkit_vue_utils__ from '@fastkit/vue-utils/.';
@@ -122,7 +122,7 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
         validator: (value: any) => boolean;
     };
     loading: BooleanConstructor;
-    nodeControl: PropType<FormNodeControl<any, any>>;
+    nodeControl: PropType<FormNodeControl<any, any, BooleanConstructor>>;
     label: PropType<VNodeChildOrSlot>;
     hint: PropType<VNodeChildOrSlot>;
     hinttip: PropType<_fastkit_vue_form_control.FormControlHinttip>;
@@ -158,6 +158,7 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
     };
     onClickItem: PropType<_fastkit_vue_form_control.FormSelectorGuard>;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<_fastkit_vue_form_control.FormSelectorValue, _fastkit_vue_form_control.FormSelectorValue>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -171,67 +172,17 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: PropType<(nodeControl: FormNodeControl<any, any>) => any>;
+    validationDeps: PropType<(nodeControl: FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
-}, {
-    loadingMessageRef: vue.ComputedRef<VNodeChild>;
-    failedToLoadItemsMessageRef: vue.ComputedRef<VNodeChild>;
-    parentControl: ControlProvider | null;
-    size: vue.ComputedRef<"sm" | "md" | "lg">;
-    classes: vue.ComputedRef<any>;
-    selectorControl: FormSelectorControl;
-    notSelected: vue.ComputedRef<boolean>;
-    allSelected: vue.ComputedRef<boolean>;
-    indeterminate: vue.ComputedRef<boolean>;
-    getItems: (groupId?: string | number | (string | number)[] | undefined, ignoreDisabled?: boolean | undefined) => _fastkit_vue_form_control.FormSelectorItemControl[];
-    getItemValues: (group?: string | number | (string | number)[] | undefined, ignoreDisabled?: boolean | undefined) => (string | number)[];
-    sortValues: (values: (string | number)[]) => (string | number)[];
-    selectAll: (group?: string | number | (string | number)[] | undefined, onlyGroup?: boolean | undefined) => void;
-    unselectAll: (group?: string | number | (string | number)[] | undefined) => void;
-    isNotSelected: (group?: string | number | (string | number)[] | undefined) => boolean;
-    isAllSelected: (group?: string | number | (string | number)[] | undefined) => boolean;
-    isIndeterminate: (group?: string | number | (string | number)[] | undefined) => boolean;
-    toggle: (group?: string | number | (string | number)[] | undefined) => void;
-    selectorItems: vue.ComputedRef<_fastkit_vue_form_control.FormSelectorItemControl[]>;
-    selectedValues: vue.ComputedRef<(string | number)[]>;
-    selectedItems: vue.ComputedRef<_fastkit_vue_form_control.FormSelectorItemControl[]>;
-    propGroups: vue.Ref<_fastkit_vue_form_control.ResolvedFormSelectorGroup[]>;
-    nodeControl: FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<_fastkit_vue_form_control.FormSelectorValue>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<_fastkit_vue_form_control.FormSelectorValue>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    focus: (opts?: FocusOptions | undefined) => void;
-    blur: () => void;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, 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;
@@ -257,7 +208,7 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
         validator: (value: any) => boolean;
     };
     loading: BooleanConstructor;
-    nodeControl: PropType<FormNodeControl<any, any>>;
+    nodeControl: PropType<FormNodeControl<any, any, BooleanConstructor>>;
     label: PropType<VNodeChildOrSlot>;
     hint: PropType<VNodeChildOrSlot>;
     hinttip: PropType<_fastkit_vue_form_control.FormControlHinttip>;
@@ -293,6 +244,7 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
     };
     onClickItem: PropType<_fastkit_vue_form_control.FormSelectorGuard>;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<_fastkit_vue_form_control.FormSelectorValue, _fastkit_vue_form_control.FormSelectorValue>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -306,11 +258,16 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: PropType<(nodeControl: FormNodeControl<any, any>) => any>;
+    validationDeps: PropType<(nodeControl: FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -328,8 +285,10 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control.ValidateTiming;
-    rules: _fastkit_vue_form_control.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -341,8 +300,8 @@ declare function defineFormSelectorComponent(opts: DefineFormSelectorComponentOp
     invalid: boolean;
     valid: boolean;
     hiddenInfo: boolean;
-    stacked: boolean;
     multiple: boolean;
+    stacked: boolean;
     items: _fastkit_vue_form_control.RawFormSelectorItems;
 }, _fastkit_vue_utils.DefinedSlots<{
     [x: `error:${string}`]: (error: _fastkit_vue_form_control.FormNodeError) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -390,6 +349,7 @@ declare const VUI_RADIO_GROUP_SYMBOL = "vui-radio-group";
 declare const VUI_RADIO_SYMBOL = "vui-radio";
 declare const VUI_SWITCH_GROUP_SYMBOL = "vui-switch-group";
 declare const VUI_SWITCH_SYMBOL = "vui-switch";
+declare const VUI_FORM_GROUP_SYMBOL = "vui-form-group";
 declare const VUI_FORM_SYMBOL = "vui-form";
 declare function useVui(): VuiService;
 declare function useVuiColorProvider(): VuiColorProvider;
@@ -458,7 +418,7 @@ declare function createTextFieldProps(): {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control.FormControlHinttip>;
@@ -505,6 +465,7 @@ declare function createTextFieldProps(): {
     limit: BooleanConstructor;
     autocomplete: vue.PropType<boolean | "name" | "email" | "tel" | "url" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo">;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<any, any>;
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
@@ -514,11 +475,16 @@ declare function createTextFieldProps(): {
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 };
 type TextFieldPropsOptions = ReturnType<typeof createTextFieldProps>;
 type TextFieldEmits = TextInputEmits;
@@ -549,7 +515,7 @@ declare const VTextField: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control.FormControlHinttip>;
@@ -596,6 +562,7 @@ declare const VTextField: vue.DefineComponent<{
     limit: BooleanConstructor;
     autocomplete: vue.PropType<boolean | "name" | "email" | "tel" | "url" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo">;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<any, any>;
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
@@ -605,58 +572,17 @@ declare const VTextField: vue.DefineComponent<{
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
-}, {
-    parentControl: ControlProvider | null;
-    size: vue.ComputedRef<"sm" | "md" | "lg">;
-    classes: vue.ComputedRef<any>;
-    textInputControl: _fastkit_vue_form_control.TextInputControl;
-    inputElementRef: vue.Ref<HTMLInputElement | null>;
-    focus: (opts?: FocusOptions | undefined) => void;
-    blur: () => void;
-    computedMinlength: vue.ComputedRef<number | undefined>;
-    computedMaxlength: vue.ComputedRef<number | undefined>;
-    computedPattern: vue.ComputedRef<string | RegExp | undefined>;
-    computedPlaceholder: vue.ComputedRef<string | undefined>;
-    computedAutocapitalize: vue.ComputedRef<_fastkit_vue_form_control.FormAutoCapitalize | undefined>;
-    counterSettings: vue.ComputedRef<_fastkit_vue_form_control.TextableCounterSettings | undefined>;
-    counterResult: vue.ComputedRef<_fastkit_vue_form_control.TextableCounterResult | undefined>;
-    computedAutocomplete: vue.ComputedRef<"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" | undefined>;
-    nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<string>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<string>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     acceptMask: (ev: _fastkit_vue_form_control.IMaskEvent) => boolean;
     acceptDynamicMaskMeta: (meta?: any) => boolean;
     completeMask: (ev: _fastkit_vue_form_control.IMaskEvent) => boolean;
@@ -694,7 +620,7 @@ declare const VTextField: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control.FormControlHinttip>;
@@ -741,6 +667,7 @@ declare const VTextField: vue.DefineComponent<{
     limit: BooleanConstructor;
     autocomplete: vue.PropType<boolean | "name" | "email" | "tel" | "url" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo">;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<any, any>;
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
@@ -750,11 +677,16 @@ declare const VTextField: vue.DefineComponent<{
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -779,8 +711,10 @@ declare const VTextField: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control.ValidateTiming;
-    rules: _fastkit_vue_form_control.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -4281,8 +4215,8 @@ declare const VHero: vue.DefineComponent<{
         default: string;
     };
 }>>, {
-    color: ScopeName;
     tag: string;
+    color: ScopeName;
     hTag: string;
 }, _fastkit_vue_utils.DefinedSlots<{
     default?: (() => void) | undefined;
@@ -4690,7 +4624,7 @@ declare const VFormControl: vue.DefineComponent<{
         error?: ((error: _fastkit_vue_form_control.FormNodeError) => VNodeChild) | undefined;
         default?: ((form: FormControl) => VNodeChild) | undefined;
     }>;
-    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control.FormControlHinttip>;
@@ -4728,7 +4662,7 @@ declare const VFormControl: vue.DefineComponent<{
         error?: ((error: _fastkit_vue_form_control.FormNodeError) => VNodeChild) | undefined;
         default?: ((form: FormControl) => VNodeChild) | undefined;
     }>;
-    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control.FormControlHinttip>;
@@ -4804,6 +4738,7 @@ declare const VCheckbox: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
     };
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<boolean, boolean>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -4814,62 +4749,25 @@ declare const VCheckbox: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
-    required: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: vue.PropType<string | string[]>;
-}, {
-    isIndeterminate: vue.ComputedRef<boolean>;
-    parentControl: ControlProvider | null;
-    size: vue.ComputedRef<"sm" | "md" | "lg">;
-    classes: vue.ComputedRef<any>;
-    selectorItemControl: _fastkit_vue_form_control.FormSelectorItemControl;
-    selected: vue.WritableComputedRef<boolean>;
-    computedMultiple: vue.ComputedRef<boolean>;
-    propValue: string | number | undefined;
-    hasValue: vue.ComputedRef<boolean>;
-    nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<boolean>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<boolean>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    focus: (opts?: FocusOptions | undefined) => void;
-    blur: () => void;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: boolean) => boolean;
@@ -4886,6 +4784,7 @@ declare const VCheckbox: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
     };
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<boolean, boolean>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -4896,19 +4795,24 @@ declare const VCheckbox: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
-    required: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: vue.PropType<string | string[]>;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -4916,7 +4820,6 @@ declare const VCheckbox: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
 }, {
-    required: boolean;
     loading: boolean;
     tabindex: string | number;
     autofocus: boolean;
@@ -4926,8 +4829,10 @@ declare const VCheckbox: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control.ValidateTiming;
-    rules: _fastkit_vue_form_control.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
     indeterminate: boolean;
 }, {}>;
 
@@ -4951,7 +4856,7 @@ declare const VCheckboxGroup: vue.DefineComponent<{
         validator: (value: any) => boolean;
     };
     loading: BooleanConstructor;
-    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control__.FormControlHinttip>;
@@ -4987,6 +4892,7 @@ declare const VCheckboxGroup: vue.DefineComponent<{
     };
     onClickItem: vue.PropType<_fastkit_vue_form_control__.FormSelectorGuard>;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<_fastkit_vue_form_control__.FormSelectorValue, _fastkit_vue_form_control__.FormSelectorValue>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -5000,67 +4906,17 @@ declare const VCheckboxGroup: vue.DefineComponent<{
         default: _fastkit_vue_form_control__.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control__.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control__.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
-}, {
-    loadingMessageRef: vue.ComputedRef<vue.VNodeChild>;
-    failedToLoadItemsMessageRef: vue.ComputedRef<vue.VNodeChild>;
-    parentControl: ControlProvider | null;
-    size: vue.ComputedRef<"sm" | "md" | "lg">;
-    classes: vue.ComputedRef<any>;
-    selectorControl: _fastkit_vue_form_control__.FormSelectorControl;
-    notSelected: vue.ComputedRef<boolean>;
-    allSelected: vue.ComputedRef<boolean>;
-    indeterminate: vue.ComputedRef<boolean>;
-    getItems: (groupId?: string | number | (string | number)[] | undefined, ignoreDisabled?: boolean | undefined) => _fastkit_vue_form_control__.FormSelectorItemControl[];
-    getItemValues: (group?: string | number | (string | number)[] | undefined, ignoreDisabled?: boolean | undefined) => (string | number)[];
-    sortValues: (values: (string | number)[]) => (string | number)[];
-    selectAll: (group?: string | number | (string | number)[] | undefined, onlyGroup?: boolean | undefined) => void;
-    unselectAll: (group?: string | number | (string | number)[] | undefined) => void;
-    isNotSelected: (group?: string | number | (string | number)[] | undefined) => boolean;
-    isAllSelected: (group?: string | number | (string | number)[] | undefined) => boolean;
-    isIndeterminate: (group?: string | number | (string | number)[] | undefined) => boolean;
-    toggle: (group?: string | number | (string | number)[] | undefined) => void;
-    selectorItems: vue.ComputedRef<_fastkit_vue_form_control__.FormSelectorItemControl[]>;
-    selectedValues: vue.ComputedRef<(string | number)[]>;
-    selectedItems: vue.ComputedRef<_fastkit_vue_form_control__.FormSelectorItemControl[]>;
-    propGroups: vue.Ref<_fastkit_vue_form_control__.ResolvedFormSelectorGroup[]>;
-    nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<_fastkit_vue_form_control__.FormSelectorValue>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<_fastkit_vue_form_control__.FormSelectorValue>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control__.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control__.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control__.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    focus: (opts?: FocusOptions | undefined) => void;
-    blur: () => void;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control__.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, 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;
@@ -5086,7 +4942,7 @@ declare const VCheckboxGroup: vue.DefineComponent<{
         validator: (value: any) => boolean;
     };
     loading: BooleanConstructor;
-    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control__.FormControlHinttip>;
@@ -5122,6 +4978,7 @@ declare const VCheckboxGroup: vue.DefineComponent<{
     };
     onClickItem: vue.PropType<_fastkit_vue_form_control__.FormSelectorGuard>;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<_fastkit_vue_form_control__.FormSelectorValue, _fastkit_vue_form_control__.FormSelectorValue>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -5135,11 +4992,16 @@ declare const VCheckboxGroup: vue.DefineComponent<{
         default: _fastkit_vue_form_control__.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control__.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control__.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -5157,8 +5019,10 @@ declare const VCheckboxGroup: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control__.ValidateTiming;
-    rules: _fastkit_vue_form_control__.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control__.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -5170,8 +5034,8 @@ declare const VCheckboxGroup: vue.DefineComponent<{
     invalid: boolean;
     valid: boolean;
     hiddenInfo: boolean;
-    stacked: boolean;
     multiple: boolean;
+    stacked: boolean;
     items: _fastkit_vue_form_control__.RawFormSelectorItems;
 }, _fastkit_vue_utils__.DefinedSlots<{
     [x: `error:${string}`]: (error: _fastkit_vue_form_control__.FormNodeError) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -5203,6 +5067,7 @@ declare const VRadio: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
     };
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<boolean, boolean>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -5213,61 +5078,25 @@ declare const VRadio: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
-    required: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: vue.PropType<string | string[]>;
-}, {
-    parentControl: ControlProvider | null;
-    size: vue.ComputedRef<"sm" | "md" | "lg">;
-    classes: vue.ComputedRef<any>;
-    selectorItemControl: _fastkit_vue_form_control.FormSelectorItemControl;
-    selected: vue.WritableComputedRef<boolean>;
-    computedMultiple: vue.ComputedRef<boolean>;
-    propValue: string | number | undefined;
-    hasValue: vue.ComputedRef<boolean>;
-    nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<boolean>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<boolean>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    focus: (opts?: FocusOptions | undefined) => void;
-    blur: () => void;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: boolean) => boolean;
@@ -5283,6 +5112,7 @@ declare const VRadio: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
     };
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<boolean, boolean>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -5293,19 +5123,24 @@ declare const VRadio: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
-    required: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: vue.PropType<string | string[]>;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -5313,7 +5148,6 @@ declare const VRadio: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
 }, {
-    required: boolean;
     loading: boolean;
     tabindex: string | number;
     autofocus: boolean;
@@ -5323,8 +5157,10 @@ declare const VRadio: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control.ValidateTiming;
-    rules: _fastkit_vue_form_control.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
 }, {}>;
 
 declare const VRadioGroup: vue.DefineComponent<{
@@ -5347,7 +5183,7 @@ declare const VRadioGroup: vue.DefineComponent<{
         validator: (value: any) => boolean;
     };
     loading: BooleanConstructor;
-    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control__.FormControlHinttip>;
@@ -5383,6 +5219,7 @@ declare const VRadioGroup: vue.DefineComponent<{
     };
     onClickItem: vue.PropType<_fastkit_vue_form_control__.FormSelectorGuard>;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<_fastkit_vue_form_control__.FormSelectorValue, _fastkit_vue_form_control__.FormSelectorValue>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -5396,67 +5233,17 @@ declare const VRadioGroup: vue.DefineComponent<{
         default: _fastkit_vue_form_control__.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control__.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control__.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
-}, {
-    loadingMessageRef: vue.ComputedRef<vue.VNodeChild>;
-    failedToLoadItemsMessageRef: vue.ComputedRef<vue.VNodeChild>;
-    parentControl: ControlProvider | null;
-    size: vue.ComputedRef<"sm" | "md" | "lg">;
-    classes: vue.ComputedRef<any>;
-    selectorControl: _fastkit_vue_form_control__.FormSelectorControl;
-    notSelected: vue.ComputedRef<boolean>;
-    allSelected: vue.ComputedRef<boolean>;
-    indeterminate: vue.ComputedRef<boolean>;
-    getItems: (groupId?: string | number | (string | number)[] | undefined, ignoreDisabled?: boolean | undefined) => _fastkit_vue_form_control__.FormSelectorItemControl[];
-    getItemValues: (group?: string | number | (string | number)[] | undefined, ignoreDisabled?: boolean | undefined) => (string | number)[];
-    sortValues: (values: (string | number)[]) => (string | number)[];
-    selectAll: (group?: string | number | (string | number)[] | undefined, onlyGroup?: boolean | undefined) => void;
-    unselectAll: (group?: string | number | (string | number)[] | undefined) => void;
-    isNotSelected: (group?: string | number | (string | number)[] | undefined) => boolean;
-    isAllSelected: (group?: string | number | (string | number)[] | undefined) => boolean;
-    isIndeterminate: (group?: string | number | (string | number)[] | undefined) => boolean;
-    toggle: (group?: string | number | (string | number)[] | undefined) => void;
-    selectorItems: vue.ComputedRef<_fastkit_vue_form_control__.FormSelectorItemControl[]>;
-    selectedValues: vue.ComputedRef<(string | number)[]>;
-    selectedItems: vue.ComputedRef<_fastkit_vue_form_control__.FormSelectorItemControl[]>;
-    propGroups: vue.Ref<_fastkit_vue_form_control__.ResolvedFormSelectorGroup[]>;
-    nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<_fastkit_vue_form_control__.FormSelectorValue>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<_fastkit_vue_form_control__.FormSelectorValue>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control__.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control__.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control__.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    focus: (opts?: FocusOptions | undefined) => void;
-    blur: () => void;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control__.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, 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;
@@ -5482,7 +5269,7 @@ declare const VRadioGroup: vue.DefineComponent<{
         validator: (value: any) => boolean;
     };
     loading: BooleanConstructor;
-    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control__.FormControlHinttip>;
@@ -5518,6 +5305,7 @@ declare const VRadioGroup: vue.DefineComponent<{
     };
     onClickItem: vue.PropType<_fastkit_vue_form_control__.FormSelectorGuard>;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<_fastkit_vue_form_control__.FormSelectorValue, _fastkit_vue_form_control__.FormSelectorValue>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -5531,11 +5319,16 @@ declare const VRadioGroup: vue.DefineComponent<{
         default: _fastkit_vue_form_control__.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control__.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control__.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -5553,8 +5346,10 @@ declare const VRadioGroup: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control__.ValidateTiming;
-    rules: _fastkit_vue_form_control__.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control__.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -5566,8 +5361,8 @@ declare const VRadioGroup: vue.DefineComponent<{
     invalid: boolean;
     valid: boolean;
     hiddenInfo: boolean;
-    stacked: boolean;
     multiple: boolean;
+    stacked: boolean;
     items: _fastkit_vue_form_control__.RawFormSelectorItems;
 }, _fastkit_vue_utils__.DefinedSlots<{
     [x: `error:${string}`]: (error: _fastkit_vue_form_control__.FormNodeError) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -5599,6 +5394,7 @@ declare const VSwitch: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
     };
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<boolean, boolean>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -5609,61 +5405,25 @@ declare const VSwitch: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
-    required: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: vue.PropType<string | string[]>;
-}, {
-    parentControl: ControlProvider | null;
-    size: vue.ComputedRef<"sm" | "md" | "lg">;
-    classes: vue.ComputedRef<any>;
-    selectorItemControl: _fastkit_vue_form_control.FormSelectorItemControl;
-    selected: vue.WritableComputedRef<boolean>;
-    computedMultiple: vue.ComputedRef<boolean>;
-    propValue: string | number | undefined;
-    hasValue: vue.ComputedRef<boolean>;
-    nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<boolean>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<boolean>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    focus: (opts?: FocusOptions | undefined) => void;
-    blur: () => void;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: boolean) => boolean;
@@ -5679,6 +5439,7 @@ declare const VSwitch: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
     };
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<boolean, boolean>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -5689,19 +5450,24 @@ declare const VSwitch: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
-    required: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: vue.PropType<string | string[]>;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -5709,7 +5475,6 @@ declare const VSwitch: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
 }, {
-    required: boolean;
     loading: boolean;
     tabindex: string | number;
     autofocus: boolean;
@@ -5719,8 +5484,10 @@ declare const VSwitch: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control.ValidateTiming;
-    rules: _fastkit_vue_form_control.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
 }, {}>;
 
 declare const VSwitchGroup: vue.DefineComponent<{
@@ -5743,7 +5510,7 @@ declare const VSwitchGroup: vue.DefineComponent<{
         validator: (value: any) => boolean;
     };
     loading: BooleanConstructor;
-    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control__.FormControlHinttip>;
@@ -5779,6 +5546,7 @@ declare const VSwitchGroup: vue.DefineComponent<{
     };
     onClickItem: vue.PropType<_fastkit_vue_form_control__.FormSelectorGuard>;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<_fastkit_vue_form_control__.FormSelectorValue, _fastkit_vue_form_control__.FormSelectorValue>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -5792,67 +5560,17 @@ declare const VSwitchGroup: vue.DefineComponent<{
         default: _fastkit_vue_form_control__.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control__.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control__.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
-}, {
-    loadingMessageRef: vue.ComputedRef<vue.VNodeChild>;
-    failedToLoadItemsMessageRef: vue.ComputedRef<vue.VNodeChild>;
-    parentControl: ControlProvider | null;
-    size: vue.ComputedRef<"sm" | "md" | "lg">;
-    classes: vue.ComputedRef<any>;
-    selectorControl: _fastkit_vue_form_control__.FormSelectorControl;
-    notSelected: vue.ComputedRef<boolean>;
-    allSelected: vue.ComputedRef<boolean>;
-    indeterminate: vue.ComputedRef<boolean>;
-    getItems: (groupId?: string | number | (string | number)[] | undefined, ignoreDisabled?: boolean | undefined) => _fastkit_vue_form_control__.FormSelectorItemControl[];
-    getItemValues: (group?: string | number | (string | number)[] | undefined, ignoreDisabled?: boolean | undefined) => (string | number)[];
-    sortValues: (values: (string | number)[]) => (string | number)[];
-    selectAll: (group?: string | number | (string | number)[] | undefined, onlyGroup?: boolean | undefined) => void;
-    unselectAll: (group?: string | number | (string | number)[] | undefined) => void;
-    isNotSelected: (group?: string | number | (string | number)[] | undefined) => boolean;
-    isAllSelected: (group?: string | number | (string | number)[] | undefined) => boolean;
-    isIndeterminate: (group?: string | number | (string | number)[] | undefined) => boolean;
-    toggle: (group?: string | number | (string | number)[] | undefined) => void;
-    selectorItems: vue.ComputedRef<_fastkit_vue_form_control__.FormSelectorItemControl[]>;
-    selectedValues: vue.ComputedRef<(string | number)[]>;
-    selectedItems: vue.ComputedRef<_fastkit_vue_form_control__.FormSelectorItemControl[]>;
-    propGroups: vue.Ref<_fastkit_vue_form_control__.ResolvedFormSelectorGroup[]>;
-    nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<_fastkit_vue_form_control__.FormSelectorValue>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<_fastkit_vue_form_control__.FormSelectorValue>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control__.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control__.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control__.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    focus: (opts?: FocusOptions | undefined) => void;
-    blur: () => void;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control__.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, 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;
@@ -5878,7 +5596,7 @@ declare const VSwitchGroup: vue.DefineComponent<{
         validator: (value: any) => boolean;
     };
     loading: BooleanConstructor;
-    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control__.FormControlHinttip>;
@@ -5914,6 +5632,7 @@ declare const VSwitchGroup: vue.DefineComponent<{
     };
     onClickItem: vue.PropType<_fastkit_vue_form_control__.FormSelectorGuard>;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<_fastkit_vue_form_control__.FormSelectorValue, _fastkit_vue_form_control__.FormSelectorValue>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -5927,11 +5646,16 @@ declare const VSwitchGroup: vue.DefineComponent<{
         default: _fastkit_vue_form_control__.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control__.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control__.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -5949,8 +5673,10 @@ declare const VSwitchGroup: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control__.ValidateTiming;
-    rules: _fastkit_vue_form_control__.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control__.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -5962,8 +5688,8 @@ declare const VSwitchGroup: vue.DefineComponent<{
     invalid: boolean;
     valid: boolean;
     hiddenInfo: boolean;
-    stacked: boolean;
     multiple: boolean;
+    stacked: boolean;
     items: _fastkit_vue_form_control__.RawFormSelectorItems;
 }, _fastkit_vue_utils__.DefinedSlots<{
     [x: `error:${string}`]: (error: _fastkit_vue_form_control__.FormNodeError) => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -5995,6 +5721,7 @@ declare const VOption: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
     };
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<boolean, boolean>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -6005,59 +5732,25 @@ declare const VOption: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
-    required: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: vue.PropType<string | string[]>;
-}, {
-    classes: vue.ComputedRef<any[]>;
-    selectorItemControl: _fastkit_vue_form_control.FormSelectorItemControl;
-    selected: vue.WritableComputedRef<boolean>;
-    computedMultiple: vue.ComputedRef<boolean>;
-    propValue: string | number | undefined;
-    hasValue: vue.ComputedRef<boolean>;
-    nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<boolean>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<boolean>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    focus: (opts?: FocusOptions | undefined) => void;
-    blur: () => void;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: boolean) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: boolean) => boolean;
@@ -6073,6 +5766,7 @@ declare const VOption: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
     };
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<boolean, boolean>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -6083,19 +5777,24 @@ declare const VOption: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
-    required: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: vue.PropType<string | string[]>;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -6103,7 +5802,6 @@ declare const VOption: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
 }, {
-    required: boolean;
     loading: boolean;
     tabindex: string | number;
     autofocus: boolean;
@@ -6113,8 +5811,10 @@ declare const VOption: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control.ValidateTiming;
-    rules: _fastkit_vue_form_control.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
 }, {}>;
 
 declare const VOptionGroup: vue.DefineComponent<{
@@ -6128,17 +5828,7 @@ declare const VOptionGroup: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
-}, {
-    classes: vue.ComputedRef<(string | {
-        'v-option-group--disabled': boolean;
-    })[]>;
-    labelSlot: vue.ComputedRef<_fastkit_vue_utils.TypedSlot<FormSelectorItemGroupControl> | undefined>;
-    groupControl: FormSelectorItemGroupControl;
-    isDisabled: vue.ComputedRef<boolean>;
-    isNotSelected: vue.ComputedRef<boolean>;
-    isAllSelected: vue.ComputedRef<boolean>;
-    isIndeterminate: vue.ComputedRef<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     'v-slots': PropType<{
         label?: ((control: FormSelectorItemGroupControl) => vue.VNodeChild) | undefined;
         default?: (() => vue.VNodeChild) | undefined;
@@ -6158,7 +5848,7 @@ declare const VOptionGroup: vue.DefineComponent<{
 
 declare const ARROW_KEY_TYPES: ("ArrowDown" | "ArrowUp")[];
 declare const CHOICE_KEY_TYPES: ("Enter" | " ")[];
-declare const KEYBORD_EVENT_TYPES: ("Enter" | " " | "ArrowDown" | "ArrowUp")[];
+declare const KEYBOARD_EVENT_TYPES: ("Enter" | " " | "ArrowDown" | "ArrowUp")[];
 declare const VSelect: vue.DefineComponent<{
     closeOnNavigation: BooleanConstructor;
     placeholder: StringConstructor;
@@ -6193,7 +5883,7 @@ declare const VSelect: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    nodeControl: PropType<_fastkit_vue_form_control.FormNodeControl<any, any>>;
+    nodeControl: PropType<_fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>>;
     label: PropType<VNodeChildOrSlot>;
     hint: PropType<VNodeChildOrSlot>;
     hinttip: PropType<_fastkit_vue_form_control.FormControlHinttip>;
@@ -6229,6 +5919,7 @@ declare const VSelect: vue.DefineComponent<{
     };
     onClickItem: PropType<_fastkit_vue_form_control.FormSelectorGuard>;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<_fastkit_vue_form_control.FormSelectorValue, _fastkit_vue_form_control.FormSelectorValue>;
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
@@ -6238,75 +5929,17 @@ declare const VSelect: vue.DefineComponent<{
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
-}, {
-    iconName: IconName;
-    menuOpened: Ref<boolean>;
-    fieldRef: () => Ref<HTMLElement | null>;
-    focus: (opts?: FocusOptions) => void;
-    showMenu: () => void;
-    closeMenu: () => void;
-    renderSelections: (selectedItems: FormSelectorItemControl[]) => VNodeChild[];
-    menuRef: () => Ref<{
-        menu: MenuAPI;
-    } | null>;
-    clearKeyFocused: () => void;
-    parentControl: ControlProvider | null;
-    size: vue.ComputedRef<"sm" | "md" | "lg">;
-    classes: vue.ComputedRef<any>;
-    selectorControl: _fastkit_vue_form_control.FormSelectorControl;
-    notSelected: vue.ComputedRef<boolean>;
-    allSelected: vue.ComputedRef<boolean>;
-    indeterminate: vue.ComputedRef<boolean>;
-    getItems: (groupId?: string | number | (string | number)[] | undefined, ignoreDisabled?: boolean | undefined) => FormSelectorItemControl[];
-    getItemValues: (group?: string | number | (string | number)[] | undefined, ignoreDisabled?: boolean | undefined) => (string | number)[];
-    sortValues: (values: (string | number)[]) => (string | number)[];
-    selectAll: (group?: string | number | (string | number)[] | undefined, onlyGroup?: boolean | undefined) => void;
-    unselectAll: (group?: string | number | (string | number)[] | undefined) => void;
-    isNotSelected: (group?: string | number | (string | number)[] | undefined) => boolean;
-    isAllSelected: (group?: string | number | (string | number)[] | undefined) => boolean;
-    isIndeterminate: (group?: string | number | (string | number)[] | undefined) => boolean;
-    toggle: (group?: string | number | (string | number)[] | undefined) => void;
-    selectorItems: vue.ComputedRef<FormSelectorItemControl[]>;
-    selectedValues: vue.ComputedRef<(string | number)[]>;
-    selectedItems: vue.ComputedRef<FormSelectorItemControl[]>;
-    propGroups: Ref<_fastkit_vue_form_control.ResolvedFormSelectorGroup[]>;
-    nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<_fastkit_vue_form_control.FormSelectorValue>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: Ref<_fastkit_vue_form_control.FormSelectorValue>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    blur: () => void;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, 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;
@@ -6346,7 +5979,7 @@ declare const VSelect: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    nodeControl: PropType<_fastkit_vue_form_control.FormNodeControl<any, any>>;
+    nodeControl: PropType<_fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>>;
     label: PropType<VNodeChildOrSlot>;
     hint: PropType<VNodeChildOrSlot>;
     hinttip: PropType<_fastkit_vue_form_control.FormControlHinttip>;
@@ -6382,6 +6015,7 @@ declare const VSelect: vue.DefineComponent<{
     };
     onClickItem: PropType<_fastkit_vue_form_control.FormSelectorGuard>;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<_fastkit_vue_form_control.FormSelectorValue, _fastkit_vue_form_control.FormSelectorValue>;
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
@@ -6391,11 +6025,16 @@ declare const VSelect: vue.DefineComponent<{
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -6413,8 +6052,11 @@ declare const VSelect: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control.ValidateTiming;
-    rules: _fastkit_vue_form_control.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
+    closeOnNavigation: boolean;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -6425,7 +6067,6 @@ declare const VSelect: vue.DefineComponent<{
     untouched: boolean;
     invalid: boolean;
     valid: boolean;
-    closeOnNavigation: boolean;
     hiddenInfo: boolean;
     multiple: boolean;
     items: _fastkit_vue_form_control.RawFormSelectorItems;
@@ -6487,6 +6128,7 @@ declare const VNumberField: vue.DefineComponent<{
         startAdornment?: (() => vue.VNodeChild) | undefined;
         endAdornment?: (() => vue.VNodeChild) | undefined;
     }>;
+    tag: StringConstructor;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -6502,13 +6144,26 @@ declare const VNumberField: vue.DefineComponent<{
         default: _fastkit_vue_form_control__.ValidateTiming;
     };
     rules: {
-        type: PropType<_fastkit_vue_form_control__.RecursiveValidatableRule>;
+        type: PropType<_fastkit_vue_form_control__.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>) => any>;
+    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: PropType<string | string[]>;
-    nodeControl: PropType<_fastkit_vue_form_control__.FormNodeControl<any, any>>;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+    variant: {
+        type: PropType<"outlined" | "filled" | "flat">;
+        validator: (value: any) => boolean;
+    };
+    hint: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    infoAppends: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    nodeControl: PropType<_fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>>;
+    hinttip: PropType<_fastkit_vue_form_control__.FormControlHinttip>;
+    hinttipDelay: PropType<_fastkit_vue_form_control__.FormControlHinttipDelay>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
     focused: BooleanConstructor;
@@ -6522,14 +6177,6 @@ declare const VNumberField: vue.DefineComponent<{
     untouched: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
-    variant: {
-        type: PropType<"outlined" | "filled" | "flat">;
-        validator: (value: any) => boolean;
-    };
-    hint: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
-    infoAppends: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
-    hinttip: PropType<_fastkit_vue_form_control__.FormControlHinttip>;
-    hinttipDelay: PropType<_fastkit_vue_form_control__.FormControlHinttipDelay>;
     hiddenInfo: BooleanConstructor;
     requiredChip: PropType<_fastkit_vue_form_control__.RequiredChipSource>;
     startAdornment: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
@@ -6585,6 +6232,7 @@ declare const VNumberField: vue.DefineComponent<{
         startAdornment?: (() => vue.VNodeChild) | undefined;
         endAdornment?: (() => vue.VNodeChild) | undefined;
     }>;
+    tag: StringConstructor;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -6600,13 +6248,26 @@ declare const VNumberField: vue.DefineComponent<{
         default: _fastkit_vue_form_control__.ValidateTiming;
     };
     rules: {
-        type: PropType<_fastkit_vue_form_control__.RecursiveValidatableRule>;
+        type: PropType<_fastkit_vue_form_control__.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>) => any>;
+    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: PropType<string | string[]>;
-    nodeControl: PropType<_fastkit_vue_form_control__.FormNodeControl<any, any>>;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+    variant: {
+        type: PropType<"outlined" | "filled" | "flat">;
+        validator: (value: any) => boolean;
+    };
+    hint: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    infoAppends: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    nodeControl: PropType<_fastkit_vue_form_control__.FormNodeControl<any, any, BooleanConstructor>>;
+    hinttip: PropType<_fastkit_vue_form_control__.FormControlHinttip>;
+    hinttipDelay: PropType<_fastkit_vue_form_control__.FormControlHinttipDelay>;
     validating: BooleanConstructor;
     pending: BooleanConstructor;
     focused: BooleanConstructor;
@@ -6620,14 +6281,6 @@ declare const VNumberField: vue.DefineComponent<{
     untouched: BooleanConstructor;
     invalid: BooleanConstructor;
     valid: BooleanConstructor;
-    variant: {
-        type: PropType<"outlined" | "filled" | "flat">;
-        validator: (value: any) => boolean;
-    };
-    hint: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
-    infoAppends: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
-    hinttip: PropType<_fastkit_vue_form_control__.FormControlHinttip>;
-    hinttipDelay: PropType<_fastkit_vue_form_control__.FormControlHinttipDelay>;
     hiddenInfo: BooleanConstructor;
     requiredChip: PropType<_fastkit_vue_form_control__.RequiredChipSource>;
     startAdornment: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
@@ -6670,8 +6323,10 @@ declare const VNumberField: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control__.ValidateTiming;
-    rules: _fastkit_vue_form_control__.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control__.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -6713,7 +6368,7 @@ declare const VTextarea: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control.FormControlHinttip>;
@@ -6756,6 +6411,7 @@ declare const VTextarea: vue.DefineComponent<{
     limit: BooleanConstructor;
     autocomplete: vue.PropType<boolean | "name" | "email" | "tel" | "url" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo">;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<any, any>;
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
@@ -6765,63 +6421,17 @@ declare const VTextarea: vue.DefineComponent<{
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
-}, {
-    parentControl: ControlProvider | null;
-    size: vue.ComputedRef<"sm" | "md" | "lg">;
-    classes: vue.ComputedRef<any>;
-    textareaControl: _fastkit_vue_form_control.TextareaControl;
-    inputElementRef: vue.Ref<HTMLTextAreaElement | {
-        value: string;
-        focus: (opts?: FocusOptions | undefined) => void;
-        blur: () => void;
-    } | null>;
-    autosizeSettings: vue.ComputedRef<_fastkit_vue_form_control.TextareaAutosizeSettings | undefined>;
-    focus: (opts?: FocusOptions | undefined) => void;
-    blur: () => void;
-    computedMinlength: vue.ComputedRef<number | undefined>;
-    computedMaxlength: vue.ComputedRef<number | undefined>;
-    computedPattern: vue.ComputedRef<string | RegExp | undefined>;
-    computedPlaceholder: vue.ComputedRef<string | undefined>;
-    computedAutocapitalize: vue.ComputedRef<_fastkit_vue_form_control.FormAutoCapitalize | undefined>;
-    counterSettings: vue.ComputedRef<_fastkit_vue_form_control.TextableCounterSettings | undefined>;
-    counterResult: vue.ComputedRef<_fastkit_vue_form_control.TextableCounterResult | undefined>;
-    computedAutocomplete: vue.ComputedRef<"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" | undefined>;
-    nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<string>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<string>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (value: string) => boolean;
     'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
     change: (value: string) => boolean;
@@ -6853,7 +6463,7 @@ declare const VTextarea: vue.DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any>>;
+    nodeControl: vue.PropType<_fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>>;
     label: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hint: vue.PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
     hinttip: vue.PropType<_fastkit_vue_form_control.FormControlHinttip>;
@@ -6896,6 +6506,7 @@ declare const VTextarea: vue.DefineComponent<{
     limit: BooleanConstructor;
     autocomplete: vue.PropType<boolean | "name" | "email" | "tel" | "url" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo">;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<any, any>;
     autofocus: BooleanConstructor;
     spellcheck: BooleanConstructor;
@@ -6905,11 +6516,16 @@ declare const VTextarea: vue.DefineComponent<{
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -6927,8 +6543,10 @@ declare const VTextarea: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control.ValidateTiming;
-    rules: _fastkit_vue_form_control.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
     validating: boolean;
     pending: boolean;
     focused: boolean;
@@ -6944,6 +6562,170 @@ declare const VTextarea: vue.DefineComponent<{
     rows: _fastkit_vue_utils.Numberish;
 }, {}>;
 
+type VFormGroupSlots = DefineSlotsType<{
+    default?: (form: FormGroupControl) => any;
+}>;
+declare const formGroupSlots: _fastkit_vue_utils.DefinedSlots<{
+    default?: ((form: FormGroupControl) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[]) | undefined;
+}>;
+declare function createVFormGroupProps(): {
+    'v-slots': vue.PropType<{
+        default?: ((form: FormGroupControl) => vue.VNodeChild) | undefined;
+    }>;
+    size: {
+        type: vue.PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    loading: BooleanConstructor;
+    collectErrorMessages: BooleanConstructor;
+    name: StringConstructor;
+    tag: StringConstructor;
+    modelValue: vue.Prop<unknown, unknown>;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    autofocus: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    viewonly: BooleanConstructor;
+    spellcheck: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
+    clearable: BooleanConstructor;
+    validateTiming: {
+        type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
+        default: _fastkit_vue_form_control.ValidateTiming;
+    };
+    rules: {
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
+        default: () => never[];
+    };
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
+    error: BooleanConstructor;
+    errorMessages: vue.PropType<string | string[]>;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+};
+declare const VFormGroup: vue.DefineComponent<{
+    'v-slots': vue.PropType<{
+        default?: ((form: FormGroupControl) => vue.VNodeChild) | undefined;
+    }>;
+    size: {
+        type: vue.PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    loading: BooleanConstructor;
+    collectErrorMessages: BooleanConstructor;
+    name: StringConstructor;
+    tag: StringConstructor;
+    modelValue: vue.Prop<unknown, unknown>;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    autofocus: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    viewonly: BooleanConstructor;
+    spellcheck: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
+    clearable: BooleanConstructor;
+    validateTiming: {
+        type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
+        default: _fastkit_vue_form_control.ValidateTiming;
+    };
+    rules: {
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
+        default: () => never[];
+    };
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
+    error: BooleanConstructor;
+    errorMessages: vue.PropType<string | string[]>;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: unknown) => boolean;
+    'update:errors': (errors: _fastkit_vue_form_control.FormNodeError[]) => boolean;
+    change: (value: unknown) => boolean;
+    focus: (ev: FocusEvent) => boolean;
+    blur: (ev: FocusEvent) => boolean;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    'v-slots': vue.PropType<{
+        default?: ((form: FormGroupControl) => vue.VNodeChild) | undefined;
+    }>;
+    size: {
+        type: vue.PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    loading: BooleanConstructor;
+    collectErrorMessages: BooleanConstructor;
+    name: StringConstructor;
+    tag: StringConstructor;
+    modelValue: vue.Prop<unknown, unknown>;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    autofocus: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    viewonly: BooleanConstructor;
+    spellcheck: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
+    clearable: BooleanConstructor;
+    validateTiming: {
+        type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
+        default: _fastkit_vue_form_control.ValidateTiming;
+    };
+    rules: {
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
+        default: () => never[];
+    };
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
+    error: BooleanConstructor;
+    errorMessages: vue.PropType<string | string[]>;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}>> & {
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onChange?: ((value: unknown) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
+}, {
+    loading: boolean;
+    collectErrorMessages: boolean;
+    tabindex: string | number;
+    autofocus: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    viewonly: boolean;
+    spellcheck: boolean;
+    clearable: boolean;
+    validateTiming: _fastkit_vue_form_control.ValidateTiming;
+    rules: _fastkit_vue_form_control.RecursiveVerifiableRule;
+    error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
+}, _fastkit_vue_utils.DefinedSlots<{
+    default?: ((form: FormGroupControl) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[]) | undefined;
+}>>;
+
 type VFormSlots = DefineSlotsType<{
     default?: (form: VueForm) => any;
 }>;
@@ -6968,7 +6750,13 @@ declare function createVFormProps(): {
     };
     sending: BooleanConstructor;
     disableAutoScroll: BooleanConstructor;
+    acceptInvalidSubmission: {
+        type: vue.PropType<_fastkit_vue_form_control.FormAcceptInvalidSubmissionSpec>;
+        default: boolean;
+    };
+    collectErrorMessages: BooleanConstructor;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<unknown, unknown>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -6979,19 +6767,24 @@ declare function createVFormProps(): {
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
-    required: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: vue.PropType<string | string[]>;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 };
 declare const VForm: vue.DefineComponent<{
     'v-slots': vue.PropType<{
@@ -7009,7 +6802,13 @@ declare const VForm: vue.DefineComponent<{
     };
     sending: BooleanConstructor;
     disableAutoScroll: BooleanConstructor;
+    acceptInvalidSubmission: {
+        type: vue.PropType<_fastkit_vue_form_control.FormAcceptInvalidSubmissionSpec>;
+        default: boolean;
+    };
+    collectErrorMessages: BooleanConstructor;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<unknown, unknown>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -7020,65 +6819,25 @@ declare const VForm: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
-    required: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: vue.PropType<string | string[]>;
-}, {
-    classes: vue.ComputedRef<(string | {
-        'v-form--valid': boolean;
-        'v-form--invalid': boolean;
-        'v-form--disabled': boolean;
-        'v-form--validating': boolean;
-        'v-form--pending': boolean;
-        'v-form--sending': boolean;
-    })[]>;
-    form: VueForm;
-    formRef: () => vue.Ref<HTMLFormElement | null>;
-    nativeAction: vue.ComputedRef<string | undefined>;
-    disableAutoScroll: vue.ComputedRef<boolean>;
-    nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>;
-    currentValue: vue.WritableComputedRef<any>;
-    computedTabindex: vue.ComputedRef<number>;
-    validating: vue.Ref<boolean>;
-    autofocus: boolean;
-    pending: vue.ComputedRef<boolean>;
-    focused: vue.ComputedRef<boolean>;
-    initialValue: vue.Ref<any>;
-    dirty: vue.ComputedRef<boolean>;
-    pristine: vue.ComputedRef<boolean>;
-    propRules: vue.ComputedRef<_fastkit_vue_form_control.RecursiveValidatableRule>;
-    isRequired: vue.ComputedRef<boolean>;
-    errors: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError[]>;
-    firstError: vue.ComputedRef<_fastkit_vue_form_control.FormNodeError | undefined>;
-    hasMyError: vue.ComputedRef<boolean>;
-    hasError: vue.ComputedRef<boolean>;
-    isDisabled: vue.ComputedRef<boolean>;
-    isReadonly: vue.ComputedRef<boolean>;
-    isViewonly: boolean;
-    canOperation: vue.ComputedRef<boolean>;
-    touched: vue.ComputedRef<boolean>;
-    untouched: vue.ComputedRef<boolean>;
-    isDestroyed: vue.ComputedRef<boolean>;
-    invalid: vue.ComputedRef<boolean>;
-    valid: vue.ComputedRef<boolean>;
-    shouldValidate: vue.ComputedRef<boolean>;
-    spellcheck: vue.ComputedRef<boolean>;
-    sending: vue.ComputedRef<boolean>;
-    focus: (opts?: FocusOptions | undefined) => void;
-    blur: () => void;
-    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control.ValidationResult>;
-    validate: () => Promise<boolean>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     submit: (form: VueForm, ev: Event) => boolean;
     'update:sending': (sending: boolean, form: VueForm) => boolean;
     'update:modelValue': (value: unknown) => boolean;
@@ -7102,7 +6861,13 @@ declare const VForm: vue.DefineComponent<{
     };
     sending: BooleanConstructor;
     disableAutoScroll: BooleanConstructor;
+    acceptInvalidSubmission: {
+        type: vue.PropType<_fastkit_vue_form_control.FormAcceptInvalidSubmissionSpec>;
+        default: boolean;
+    };
+    collectErrorMessages: BooleanConstructor;
     name: StringConstructor;
+    tag: StringConstructor;
     modelValue: vue.Prop<unknown, unknown>;
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
@@ -7113,19 +6878,24 @@ declare const VForm: vue.DefineComponent<{
     readonly: BooleanConstructor;
     viewonly: BooleanConstructor;
     spellcheck: BooleanConstructor;
-    required: BooleanConstructor;
+    required: BooleanConstructor | vue.PropType<boolean>;
     clearable: BooleanConstructor;
     validateTiming: {
         type: vue.PropType<_fastkit_vue_form_control.ValidateTiming>;
         default: _fastkit_vue_form_control.ValidateTiming;
     };
     rules: {
-        type: vue.PropType<_fastkit_vue_form_control.RecursiveValidatableRule>;
+        type: vue.PropType<_fastkit_vue_form_control.RecursiveVerifiableRule>;
         default: () => never[];
     };
-    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any>) => any>;
+    validationDeps: vue.PropType<(nodeControl: _fastkit_vue_form_control.FormNodeControl<any, any, BooleanConstructor>) => any>;
     error: BooleanConstructor;
     errorMessages: vue.PropType<string | string[]>;
+    showOwnErrors: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    detach: BooleanConstructor;
 }>> & {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
@@ -7135,11 +6905,12 @@ declare const VForm: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
     "onUpdate:errors"?: ((errors: _fastkit_vue_form_control.FormNodeError[]) => any) | undefined;
 }, {
-    required: boolean;
     loading: boolean;
     autoValidate: boolean;
     sending: boolean;
     disableAutoScroll: boolean;
+    acceptInvalidSubmission: _fastkit_vue_form_control.FormAcceptInvalidSubmissionSpec;
+    collectErrorMessages: boolean;
     tabindex: string | number;
     autofocus: boolean;
     disabled: boolean;
@@ -7148,8 +6919,10 @@ declare const VForm: vue.DefineComponent<{
     spellcheck: boolean;
     clearable: boolean;
     validateTiming: _fastkit_vue_form_control.ValidateTiming;
-    rules: _fastkit_vue_form_control.RecursiveValidatableRule;
+    rules: _fastkit_vue_form_control.RecursiveVerifiableRule;
     error: boolean;
+    showOwnErrors: boolean;
+    detach: boolean;
 }, _fastkit_vue_utils.DefinedSlots<{
     default?: ((form: VueForm) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -7775,4 +7548,4 @@ declare class VuiPlugin {
 }
 declare function installVuiPlugin(app: App, opts: VuiPluginOptions): App<any>;
 
-export { ARROW_KEY_TYPES, AVATAR_SIZES, AdornmentPosition, AvatarSize, BUTTON_ALIGNS, BreadcrumbsItem, BusyImageLoadState, BusyImageRect, BusyImageRects, BusyImageSizeValue, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, ChipSize, ContentSwitcherSeeTopOptions, ControlFieldProvider, ControlFieldProviderProps, ControlFieldVariant, ControlProps, ControlProvider, ControlSize, DataTableCellSlotPayload, DataTableDefaults, DataTableHeader, DataTableHeaderAlign, DataTableItem, DataTableItemSlotPayload, DataTableRowSettings, DataTableRowSettingsFn, DefineFormSelectorComponentOptions, ElevationProps, GridContainerAlignContentValue, GridContainerDirectionValue, GridContainerJustifyContentValue, GridContainerSpacingValue, GridContainerWrapValue, GridItemAlignValue, GridItemJustifyValue, GridItemNumberSizeValue, GridItemSizeValue, ImgHTMLAttributesPropOptions, InputBoxSlots, KEYBORD_EVENT_TYPES, NavigationInput, NavigationItemInput, PAGINATION_ALIGNS, RawBreadcrumbsItem, RawDataTableRowSettings, RawIconProp, RawVButtonIcon, RawVButtonSpacer, RawVChipIcon, RawVuiPluginOptions, RawVuiPromptOptions, RawVuiServiceIconSettings, RawVuiServiceOptions, RawVuiServiceUISettings, TextFieldEmits, TextFieldInput, TextFieldPropsOptions, UseControlFieldProviderOptions, UseControlProviderOptions, UseElevationOptions, UseLinkResult, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonAlign, VButtonGroup, VButtonIcon, VButtonProps, VButtonResolvedProps, VButtonSpacer, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VChipIcon, VContentSwitcher, VControlField, VDataTable, VDialog, VDrawerLayout, VForm, VFormControl, VFormSlots, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaginationAlign, VPaginationGuard, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, VSheetModalSlots, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, VTabsGuard, VTabsItem, VTabsItemLabelSlot, VTabsItemLabelSlotCtx, VTabsRouterHandler, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarEdgeEdge, VToolbarMenu, VToolbarMenuEdge, VToolbarTitle, VTooltip, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_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, VuiColorProvider, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiElevationValue, VuiFormPromptSettings, VuiInjectionKey, VuiPlugin, VuiPluginOptions, VuiPluginStackOptions, VuiPromptOptions, VuiService, VuiServiceIconSettings, VuiServiceOptions, VuiServiceUISettings, VuiVNodeResolver, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormProps, defineFormSelectorComponent, 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, AdornmentPosition, AvatarSize, BUTTON_ALIGNS, BreadcrumbsItem, BusyImageLoadState, BusyImageRect, BusyImageRects, BusyImageSizeValue, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, ChipSize, ContentSwitcherSeeTopOptions, ControlFieldProvider, ControlFieldProviderProps, ControlFieldVariant, ControlProps, ControlProvider, ControlSize, DataTableCellSlotPayload, DataTableDefaults, DataTableHeader, DataTableHeaderAlign, DataTableItem, DataTableItemSlotPayload, DataTableRowSettings, DataTableRowSettingsFn, DefineFormSelectorComponentOptions, ElevationProps, GridContainerAlignContentValue, GridContainerDirectionValue, GridContainerJustifyContentValue, GridContainerSpacingValue, GridContainerWrapValue, GridItemAlignValue, GridItemJustifyValue, GridItemNumberSizeValue, GridItemSizeValue, ImgHTMLAttributesPropOptions, InputBoxSlots, KEYBOARD_EVENT_TYPES, NavigationInput, NavigationItemInput, PAGINATION_ALIGNS, RawBreadcrumbsItem, RawDataTableRowSettings, RawIconProp, RawVButtonIcon, RawVButtonSpacer, RawVChipIcon, RawVuiPluginOptions, RawVuiPromptOptions, RawVuiServiceIconSettings, RawVuiServiceOptions, RawVuiServiceUISettings, TextFieldEmits, TextFieldInput, TextFieldPropsOptions, UseControlFieldProviderOptions, UseControlProviderOptions, UseElevationOptions, UseLinkResult, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonAlign, VButtonGroup, VButtonIcon, VButtonProps, VButtonResolvedProps, VButtonSpacer, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VChipIcon, VContentSwitcher, VControlField, VDataTable, VDialog, VDrawerLayout, VForm, VFormControl, VFormGroup, VFormGroupSlots, VFormSlots, VGridContainer, VGridItem, VHero, VIcon, VListTile, VMenu, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaginationAlign, VPaginationGuard, VPaper, VRadio, VRadioGroup, VSelect, VSheetModal, VSheetModalSlots, VSkeltonLoaderBone, VSnackbar, VSwitch, VSwitchGroup, VTabs, VTabsGuard, VTabsItem, VTabsItemLabelSlot, VTabsItemLabelSlotCtx, VTabsRouterHandler, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarEdgeEdge, VToolbarMenu, 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, VuiColorProvider, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiElevationValue, VuiFormPromptSettings, VuiInjectionKey, VuiPlugin, VuiPluginOptions, VuiPluginStackOptions, VuiPromptOptions, VuiService, VuiServiceIconSettings, VuiServiceOptions, VuiServiceUISettings, 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 };