@knime/jsonforms 1.8.6 → 1.8.7

package/dist/src/renderers/defaultRenderers.d.ts

@@ -1,194 +1,57 @@
 import { VueControlRenderer } from '../higherOrderComponents/control/types';
+import { PerformExternalValidation } from '../higherOrderComponents/control/validation/types';
 import { VueLayoutRenderer } from '../higherOrderComponents/layout/types';
 import { NamedRenderer } from '../higherOrderComponents/types';
 export declare const controls: {
-    oneOfDropdownRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string | null>>;
+    oneOfDropdownRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string | null>>;
     dateTimeFallbackRenderer: {
         tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
         name: string;
         __asyncSetup?: (() => Promise<void>) | undefined;
-        control: import('../higherOrderComponents/control/types').VueControl<string>;
+        control: import('..').VueControl<string>;
     };
-    textRenderer: {
+    textRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string | null>>;
+    checkboxRenderer: import('..').SpecialControlRenderer<import('..').VueControl<boolean>>;
+    anyOfTwinlistRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string[]>>;
+    numberFallbackRenderer: {
+        tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
+        name: string;
+        __asyncSetup?: (() => Promise<void>) | undefined;
+        control: import('..').VueControl<number>;
+    };
+    integerFallbackRenderer: {
+        tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
+        name: string;
+        __asyncSetup?: (() => Promise<void>) | undefined;
+        control: import('..').VueControl<number>;
+    };
+    checkboxesRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string[]>>;
+    typedStringFilterRenderer: import('..').SpecialControlRenderer<import('..').VueControl<import('../uiComponents/twinlist/MultimodeTwinlistControl.vue').TwinlistData>>;
+    comboBoxRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string[]>>;
+    dateTimeRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string>>;
+    dateTimeFormatPickerRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string>>;
+    dateTimeFormatPickerWithTypeRenderer: import('..').SpecialControlRenderer<import('..').VueControl<import('packages/components/src').DateTimeFormatModel>>;
+    integerRenderer: import('..').SpecialControlRenderer<import('..').VueControl<number>>;
+    intervalRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string>>;
+    localDateRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string>>;
+    localTimeRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string>>;
+    multiSelectListBoxRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string[]>>;
+    nameFilterRenderer: import('..').SpecialControlRenderer<import('..').VueControl<import('../uiComponents/twinlist/MultimodeTwinlistControl.vue').TwinlistData>>;
+    numberRenderer: import('..').SpecialControlRenderer<import('..').VueControl<number>>;
+    radioRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string>>;
+    richTextRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string>>;
+    simpleTwinlistRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string[]>>;
+    singleSelectListBoxRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string>>;
+    sortListRenderer: {
         name: string;
         control: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-                control: {
-                    type: import('vue').PropType<{
-                        data: string | null;
-                    } & Omit<{
-                        uischema: import('@jsonforms/core').ControlElement;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                            tester: import('@jsonforms/core').RankedTester;
-                            cell: any;
-                        }[];
-                        config: any;
-                        label: string;
-                        description: string;
-                        required: NonNullable<boolean | undefined>;
-                        i18nKeyPrefix: string;
-                        errors: string;
-                        data: any;
-                        rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        id: string;
-                        visible: boolean;
-                    }, "data">>;
-                    required: true;
-                };
-                handleChange: {
-                    type: import('vue').PropType<(path: string, value: any) => void>;
-                    required: true;
-                };
-                changeValue: {
-                    type: import('vue').PropType<(newValue: string | null) => void>;
-                    required: true;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                labelForId: {
-                    type: import('vue').PropType<null>;
-                };
-                isValid: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                messages: {
-                    type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                    required: true;
-                };
-                onRegisterValidation: {
-                    type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string | null>) => void>;
-                    required: true;
-                };
-            }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-                control: {
-                    type: import('vue').PropType<{
-                        data: string | null;
-                    } & Omit<{
-                        uischema: import('@jsonforms/core').ControlElement;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                            tester: import('@jsonforms/core').RankedTester;
-                            cell: any;
-                        }[];
-                        config: any;
-                        label: string;
-                        description: string;
-                        required: NonNullable<boolean | undefined>;
-                        i18nKeyPrefix: string;
-                        errors: string;
-                        data: any;
-                        rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        id: string;
-                        visible: boolean;
-                    }, "data">>;
-                    required: true;
-                };
-                handleChange: {
-                    type: import('vue').PropType<(path: string, value: any) => void>;
-                    required: true;
-                };
-                changeValue: {
-                    type: import('vue').PropType<(newValue: string | null) => void>;
-                    required: true;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                labelForId: {
-                    type: import('vue').PropType<null>;
-                };
-                isValid: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                messages: {
-                    type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                    required: true;
-                };
-                onRegisterValidation: {
-                    type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string | null>) => void>;
-                    required: true;
-                };
-            }>>, {}, true, {}, {}, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import('vue').ExtractPropTypes<{
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                 control: {
-                    type: import('vue').PropType<{
-                        data: string | null;
-                    } & Omit<{
-                        uischema: import('@jsonforms/core').ControlElement;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                            tester: import('@jsonforms/core').RankedTester;
-                            cell: any;
-                        }[];
-                        config: any;
-                        label: string;
-                        description: string;
-                        required: NonNullable<boolean | undefined>;
-                        i18nKeyPrefix: string;
-                        errors: string;
-                        data: any;
-                        rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        id: string;
-                        visible: boolean;
-                    }, "data">>;
-                    required: true;
-                };
-                handleChange: {
-                    type: import('vue').PropType<(path: string, value: any) => void>;
-                    required: true;
-                };
-                changeValue: {
-                    type: import('vue').PropType<(newValue: string | null) => void>;
-                    required: true;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                labelForId: {
-                    type: import('vue').PropType<null>;
-                };
-                isValid: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                messages: {
-                    type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                    required: true;
-                };
-                onRegisterValidation: {
-                    type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string | null>) => void>;
-                    required: true;
-                };
-            }>>, {}, {}, {}, {}, {}>;
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
-        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            control: {
-                type: import('vue').PropType<{
-                    data: string | null;
+                    data: string[];
+                    uischema: {
+                        providedOptions?: string[];
+                        id?: string;
+                    };
                 } & Omit<{
                     uischema: import('@jsonforms/core').ControlElement;
                     schema: NonNullable<import('@jsonforms/core').JsonSchema>;
@@ -209,286 +72,501 @@ export declare const controls: {
                     rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
                     id: string;
                     visible: boolean;
-                }, "data">>;
-                required: true;
-            };
-            handleChange: {
-                type: import('vue').PropType<(path: string, value: any) => void>;
-                required: true;
-            };
-            changeValue: {
-                type: import('vue').PropType<(newValue: string | null) => void>;
-                required: true;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-            };
-            labelForId: {
-                type: import('vue').PropType<null>;
-            };
-            isValid: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-            };
-            messages: {
-                type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                required: true;
-            };
-            onRegisterValidation: {
-                type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string | null>) => void>;
-                required: true;
-            };
-        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-            $slots: {
-                icon?(_: {}): any;
-                buttons?(_: {
-                    hover: boolean;
-                    controlHTMLElement: HTMLElement | null;
-                }): any;
-            };
-        });
-        tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
-    };
-    checkboxRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<boolean>>;
-    anyOfTwinlistRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string[]>>;
-    numberFallbackRenderer: {
-        tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
-        name: string;
-        __asyncSetup?: (() => Promise<void>) | undefined;
-        control: import('../higherOrderComponents/control/types').VueControl<number>;
-    };
-    integerFallbackRenderer: {
-        tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
-        name: string;
-        __asyncSetup?: (() => Promise<void>) | undefined;
-        control: import('../higherOrderComponents/control/types').VueControl<number>;
-    };
-    checkboxesRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string[]>>;
-    typedStringFilterRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<import('../uiComponents/twinlist/MultimodeTwinlistControl.vue').TwinlistData>>;
-    comboBoxRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string[]>>;
-    dateTimeRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string>>;
-    dateTimeFormatPickerRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string>>;
-    dateTimeFormatPickerWithTypeRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<import('packages/components/src').DateTimeFormatModel>>;
-    integerRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<number>>;
-    intervalRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string>>;
-    localDateRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string>>;
-    localTimeRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string>>;
-    nameFilterRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<import('../uiComponents/twinlist/MultimodeTwinlistControl.vue').TwinlistData>>;
-    numberRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<number>>;
-    radioRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string>>;
-    richTextRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string>>;
-    simpleTwinlistRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string[]>>;
-    sortListRenderer: {
-        name: string;
-        control: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-                control: {
-                    type: import('vue').PropType<{
-                        data: string[];
-                    } & Omit<{
-                        uischema: import('@jsonforms/core').ControlElement;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                            tester: import('@jsonforms/core').RankedTester;
-                            cell: any;
-                        }[];
-                        config: any;
-                        label: string;
-                        description: string;
-                        required: NonNullable<boolean | undefined>;
-                        i18nKeyPrefix: string;
-                        errors: string;
-                        data: any;
-                        rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        id: string;
-                        visible: boolean;
-                    }, "data">>;
-                    required: true;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                messages: {
-                    type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                    required: true;
-                };
-                isValid: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                changeValue: {
-                    type: import('vue').PropType<(newValue: string[]) => void>;
-                    required: true;
-                };
-                labelForId: {
-                    type: import('vue').PropType<null>;
-                };
-                handleChange: {
-                    type: import('vue').PropType<(path: string, value: any) => void>;
-                    required: true;
-                };
-                onRegisterValidation: {
-                    type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string[]>) => void>;
-                    required: true;
-                };
-                anyUnknownValuesId: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                anyUnknownValuesText: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-            }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-                control: {
-                    type: import('vue').PropType<{
-                        data: string[];
-                    } & Omit<{
-                        uischema: import('@jsonforms/core').ControlElement;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                            tester: import('@jsonforms/core').RankedTester;
-                            cell: any;
-                        }[];
-                        config: any;
-                        label: string;
-                        description: string;
-                        required: NonNullable<boolean | undefined>;
-                        i18nKeyPrefix: string;
-                        errors: string;
-                        data: any;
-                        rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        id: string;
-                        visible: boolean;
-                    }, "data">>;
-                    required: true;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                messages: {
-                    type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                    required: true;
-                };
-                isValid: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                changeValue: {
-                    type: import('vue').PropType<(newValue: string[]) => void>;
-                    required: true;
-                };
-                labelForId: {
-                    type: import('vue').PropType<null>;
-                };
-                handleChange: {
-                    type: import('vue').PropType<(path: string, value: any) => void>;
-                    required: true;
-                };
-                onRegisterValidation: {
-                    type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string[]>) => void>;
-                    required: true;
-                };
-                anyUnknownValuesId: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                anyUnknownValuesText: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-            }>>, {
+                }, "data">;
+                handleChange: (path: string, value: unknown) => void;
+                changeValue: (newValue: string[]) => void;
+                disabled: boolean;
+                labelForId?: null;
+            } & import('../higherOrderComponents/control/validation/types').ValidationSettings<string[]> & {
+                anyUnknownValuesId?: string;
+                anyUnknownValuesText?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                 anyUnknownValuesId: string;
                 anyUnknownValuesText: string;
-            }, true, {}, {}, {
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                controlElement: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly modelValue: string[];
+                        readonly id?: string | undefined;
+                        readonly ariaLabel: string;
+                        readonly disabled?: boolean | undefined;
+                        readonly possibleValues: (import('packages/components/src/components/forms/possibleValues').PossibleValue & {
+                            id: string;
+                        })[];
+                        readonly "onUpdate:modelValue"?: ((args_0: string[]) => any) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        listBox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                            id: {
+                                type: StringConstructor;
+                                default(): string;
+                            };
+                            modelValue: {
+                                type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').Id[] | null>;
+                                default: () => never[];
+                            };
+                            disabled: {
+                                default: boolean;
+                                type: BooleanConstructor;
+                            };
+                            withIsEmptyState: {
+                                default: boolean;
+                                type: BooleanConstructor;
+                            };
+                            emptyStateLabel: {
+                                default: string;
+                                type: StringConstructor;
+                            };
+                            emptyStateComponent: {
+                                default: null;
+                                type: import('vue').PropType<Record<string, unknown> | null>;
+                            };
+                            multiselectByClick: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            withBottomValue: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            bottomValue: {
+                                type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').BottomValue>;
+                                default: () => {
+                                    id: string;
+                                    text: string;
+                                };
+                                validator(value: import('packages/components/src/components/forms/possibleValues').BottomValue): boolean;
+                            };
+                            size: {
+                                type: NumberConstructor;
+                                default: number;
+                                validator(value: number): boolean;
+                            };
+                            minSize: {
+                                type: NumberConstructor;
+                                default: number;
+                            };
+                            isValid: {
+                                default: boolean;
+                                type: BooleanConstructor;
+                            };
+                            ariaLabel: {
+                                type: StringConstructor;
+                                required: true;
+                            };
+                            possibleValues: {
+                                type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').PossibleValue[]>;
+                                default: () => never[];
+                                validator(values: unknown): boolean;
+                            };
+                        }>> & Readonly<{
+                            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                            onDoubleClickOnItem?: ((...args: any[]) => any) | undefined;
+                            onDoubleClickShift?: ((...args: any[]) => any) | undefined;
+                            onKeyArrowLeft?: ((...args: any[]) => any) | undefined;
+                            onKeyArrowRight?: ((...args: any[]) => any) | undefined;
+                        }>, {
+                            optionLineHeight: number;
+                            containerProps: {
+                                ref: import('vue').Ref<HTMLElement | null>;
+                                onScroll: () => void;
+                                style: import('vue').StyleValue;
+                            };
+                            wrapperProps: import('vue').ComputedRef<{
+                                style: {
+                                    width: string;
+                                    height: string;
+                                    marginTop: string;
+                                } | {
+                                    width: string;
+                                    height: string;
+                                    marginLeft: string;
+                                    display: string;
+                                };
+                            }>;
+                            list: import('vue').Ref<import('@vueuse/core').UseVirtualListItem<import('packages/components/src/components/forms/possibleValues').PossibleValue>[], import('@vueuse/core').UseVirtualListItem<import('packages/components/src/components/forms/possibleValues').PossibleValue>[]>;
+                        }, {
+                            selectedValues: import('packages/components/src/components/forms/possibleValues').Id[] | null;
+                            currentKeyNavIndex: number;
+                            shiftStartIndex: number;
+                            draggingStartIndex: number;
+                            draggingInverseMode: boolean;
+                            resizeHeight: number;
+                        }, {
+                            cssStyleSize(): {
+                                height: string;
+                            } | {
+                                height?: undefined;
+                            };
+                            minResizeHeight(): number;
+                            possibleValuesWithBottom(): (import('packages/components/src/components/forms/possibleValues').PossibleValue | import('packages/components/src/components/forms/possibleValues').BottomValue)[];
+                            bottomIndex(): number;
+                            showEmptyState(): boolean;
+                        }, {
+                            createDebouncedHandleCtrlClick(): void;
+                            debouncedHandleCtrlClick(value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                            isCurrentValue(candidate: import('packages/components/src/components/forms/possibleValues').Id): boolean | undefined;
+                            handleCtrlClick(value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                            handleShiftClick(value: import('packages/components/src/components/forms/possibleValues').Id, clickedIndex: number): void;
+                            getPossibleValuesInSection(firstIndex: number, secondIndex: number): import('packages/components/src/components/forms/possibleValues').Id[];
+                            onStartDrag(e: MouseEvent, isBottom?: boolean): void;
+                            onDrag(e: MouseEvent): void;
+                            getDataOptionIndex(target: HTMLElement): string | undefined;
+                            onBottomStartDrag(e: MouseEvent): void;
+                            onBottomDrag(e: MouseEvent): void;
+                            onStopDrag(): void;
+                            handleClick($event: MouseEvent, value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                            handleDblClick(id: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                            handleBottomClick($event: MouseEvent): void;
+                            handleBottomDblClick(): void;
+                            handleShiftDblClick(): void;
+                            addToSelection(value: import('packages/components/src/components/forms/possibleValues').Id): boolean;
+                            removeFromSelection(value: import('packages/components/src/components/forms/possibleValues').Id): boolean;
+                            toggleSelection(value: import('packages/components/src/components/forms/possibleValues').Id): void;
+                            setSelectedNoShiftReset(values: import('packages/components/src/components/forms/possibleValues').Id[]): void;
+                            setSelected(values: import('packages/components/src/components/forms/possibleValues').Id[]): void;
+                            setSelectedToIndex(index: number): void;
+                            scrollToCurrent(): void;
+                            scrollIntoView(index: number, mode?: string): void;
+                            scrollUpIntoView(index: number): void;
+                            scrollDownIntoView(index: number): void;
+                            setCurrentKeyNavIndex(index: number): void;
+                            isOutOfRange(index: number): boolean;
+                            onArrowDown(): void;
+                            onArrowUp(): void;
+                            onArrowDownShift(): void;
+                            onArrowUpShift(): void;
+                            onEndKey(): void;
+                            onHomeKey(): void;
+                            onArrowLeft(): void;
+                            onArrowRight(): void;
+                            onCtrlA(): void;
+                            hasSelection(): boolean;
+                            getCurrentKeyNavItem(): import('packages/components/src/components/forms/possibleValues').PossibleValue;
+                            generateOptionId(item: import('packages/components/src/components/forms/possibleValues').PossibleValue): string;
+                            focus(): void;
+                            clearSelection(): void;
+                            computeBoxHeight(size: number): number;
+                            initResizeHeight(): void;
+                            onResizeMove(deltaY: number): void;
+                            onResizeEnd(): void;
+                        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "doubleClickOnItem" | "doubleClickShift" | "keyArrowLeft" | "keyArrowRight")[], import('vue').PublicProps, {
+                            size: number;
+                            disabled: boolean;
+                            modelValue: import('packages/components/src/components/forms/possibleValues').Id[] | null;
+                            id: string;
+                            possibleValues: import('packages/components/src/components/forms/possibleValues').PossibleValue[];
+                            isValid: boolean;
+                            withIsEmptyState: boolean;
+                            emptyStateLabel: string;
+                            emptyStateComponent: Record<string, unknown> | null;
+                            multiselectByClick: boolean;
+                            withBottomValue: boolean;
+                            bottomValue: import('packages/components/src/components/forms/possibleValues').BottomValue;
+                            minSize: number;
+                        }, true, {}, {}, {
+                            StyledListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                                text: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                selected: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                disabled: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                invalid: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                special: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                lineHeight: {
+                                    type: NumberConstructor;
+                                    default: null;
+                                };
+                            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "focus" | "mousedown" | "mousemove" | "dblclick-exact" | "dblclick-shift")[], "click" | "focus" | "mousedown" | "mousemove" | "dblclick-exact" | "dblclick-shift", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                                text: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                selected: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                disabled: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                invalid: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                special: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                lineHeight: {
+                                    type: NumberConstructor;
+                                    default: null;
+                                };
+                            }>> & Readonly<{
+                                onFocus?: ((...args: any[]) => any) | undefined;
+                                onClick?: ((...args: any[]) => any) | undefined;
+                                onMousedown?: ((...args: any[]) => any) | undefined;
+                                onMousemove?: ((...args: any[]) => any) | undefined;
+                                "onDblclick-exact"?: ((...args: any[]) => any) | undefined;
+                                "onDblclick-shift"?: ((...args: any[]) => any) | undefined;
+                            }>, {
+                                text: string;
+                                invalid: boolean;
+                                disabled: boolean;
+                                lineHeight: number;
+                                selected: boolean;
+                                special: boolean;
+                            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                        } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                            P: {};
+                            B: {};
+                            D: {};
+                            C: {};
+                            M: {};
+                            Defaults: {};
+                        }, Readonly<import('vue').ExtractPropTypes<{
+                            id: {
+                                type: StringConstructor;
+                                default(): string;
+                            };
+                            modelValue: {
+                                type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').Id[] | null>;
+                                default: () => never[];
+                            };
+                            disabled: {
+                                default: boolean;
+                                type: BooleanConstructor;
+                            };
+                            withIsEmptyState: {
+                                default: boolean;
+                                type: BooleanConstructor;
+                            };
+                            emptyStateLabel: {
+                                default: string;
+                                type: StringConstructor;
+                            };
+                            emptyStateComponent: {
+                                default: null;
+                                type: import('vue').PropType<Record<string, unknown> | null>;
+                            };
+                            multiselectByClick: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            withBottomValue: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            bottomValue: {
+                                type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').BottomValue>;
+                                default: () => {
+                                    id: string;
+                                    text: string;
+                                };
+                                validator(value: import('packages/components/src/components/forms/possibleValues').BottomValue): boolean;
+                            };
+                            size: {
+                                type: NumberConstructor;
+                                default: number;
+                                validator(value: number): boolean;
+                            };
+                            minSize: {
+                                type: NumberConstructor;
+                                default: number;
+                            };
+                            isValid: {
+                                default: boolean;
+                                type: BooleanConstructor;
+                            };
+                            ariaLabel: {
+                                type: StringConstructor;
+                                required: true;
+                            };
+                            possibleValues: {
+                                type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').PossibleValue[]>;
+                                default: () => never[];
+                                validator(values: unknown): boolean;
+                            };
+                        }>> & Readonly<{
+                            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                            onDoubleClickOnItem?: ((...args: any[]) => any) | undefined;
+                            onDoubleClickShift?: ((...args: any[]) => any) | undefined;
+                            onKeyArrowLeft?: ((...args: any[]) => any) | undefined;
+                            onKeyArrowRight?: ((...args: any[]) => any) | undefined;
+                        }>, {
+                            optionLineHeight: number;
+                            containerProps: {
+                                ref: import('vue').Ref<HTMLElement | null>;
+                                onScroll: () => void;
+                                style: import('vue').StyleValue;
+                            };
+                            wrapperProps: import('vue').ComputedRef<{
+                                style: {
+                                    width: string;
+                                    height: string;
+                                    marginTop: string;
+                                } | {
+                                    width: string;
+                                    height: string;
+                                    marginLeft: string;
+                                    display: string;
+                                };
+                            }>;
+                            list: import('vue').Ref<import('@vueuse/core').UseVirtualListItem<import('packages/components/src/components/forms/possibleValues').PossibleValue>[], import('@vueuse/core').UseVirtualListItem<import('packages/components/src/components/forms/possibleValues').PossibleValue>[]>;
+                        }, {
+                            selectedValues: import('packages/components/src/components/forms/possibleValues').Id[] | null;
+                            currentKeyNavIndex: number;
+                            shiftStartIndex: number;
+                            draggingStartIndex: number;
+                            draggingInverseMode: boolean;
+                            resizeHeight: number;
+                        }, {
+                            cssStyleSize(): {
+                                height: string;
+                            } | {
+                                height?: undefined;
+                            };
+                            minResizeHeight(): number;
+                            possibleValuesWithBottom(): (import('packages/components/src/components/forms/possibleValues').PossibleValue | import('packages/components/src/components/forms/possibleValues').BottomValue)[];
+                            bottomIndex(): number;
+                            showEmptyState(): boolean;
+                        }, {
+                            createDebouncedHandleCtrlClick(): void;
+                            debouncedHandleCtrlClick(value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                            isCurrentValue(candidate: import('packages/components/src/components/forms/possibleValues').Id): boolean | undefined;
+                            handleCtrlClick(value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                            handleShiftClick(value: import('packages/components/src/components/forms/possibleValues').Id, clickedIndex: number): void;
+                            getPossibleValuesInSection(firstIndex: number, secondIndex: number): import('packages/components/src/components/forms/possibleValues').Id[];
+                            onStartDrag(e: MouseEvent, isBottom?: boolean): void;
+                            onDrag(e: MouseEvent): void;
+                            getDataOptionIndex(target: HTMLElement): string | undefined;
+                            onBottomStartDrag(e: MouseEvent): void;
+                            onBottomDrag(e: MouseEvent): void;
+                            onStopDrag(): void;
+                            handleClick($event: MouseEvent, value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                            handleDblClick(id: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                            handleBottomClick($event: MouseEvent): void;
+                            handleBottomDblClick(): void;
+                            handleShiftDblClick(): void;
+                            addToSelection(value: import('packages/components/src/components/forms/possibleValues').Id): boolean;
+                            removeFromSelection(value: import('packages/components/src/components/forms/possibleValues').Id): boolean;
+                            toggleSelection(value: import('packages/components/src/components/forms/possibleValues').Id): void;
+                            setSelectedNoShiftReset(values: import('packages/components/src/components/forms/possibleValues').Id[]): void;
+                            setSelected(values: import('packages/components/src/components/forms/possibleValues').Id[]): void;
+                            setSelectedToIndex(index: number): void;
+                            scrollToCurrent(): void;
+                            scrollIntoView(index: number, mode?: string): void;
+                            scrollUpIntoView(index: number): void;
+                            scrollDownIntoView(index: number): void;
+                            setCurrentKeyNavIndex(index: number): void;
+                            isOutOfRange(index: number): boolean;
+                            onArrowDown(): void;
+                            onArrowUp(): void;
+                            onArrowDownShift(): void;
+                            onArrowUpShift(): void;
+                            onEndKey(): void;
+                            onHomeKey(): void;
+                            onArrowLeft(): void;
+                            onArrowRight(): void;
+                            onCtrlA(): void;
+                            hasSelection(): boolean;
+                            getCurrentKeyNavItem(): import('packages/components/src/components/forms/possibleValues').PossibleValue;
+                            generateOptionId(item: import('packages/components/src/components/forms/possibleValues').PossibleValue): string;
+                            focus(): void;
+                            clearSelection(): void;
+                            computeBoxHeight(size: number): number;
+                            initResizeHeight(): void;
+                            onResizeMove(deltaY: number): void;
+                            onResizeEnd(): void;
+                        }, {
+                            size: number;
+                            disabled: boolean;
+                            modelValue: import('packages/components/src/components/forms/possibleValues').Id[] | null;
+                            id: string;
+                            possibleValues: import('packages/components/src/components/forms/possibleValues').PossibleValue[];
+                            isValid: boolean;
+                            withIsEmptyState: boolean;
+                            emptyStateLabel: string;
+                            emptyStateComponent: Record<string, unknown> | null;
+                            multiselectByClick: boolean;
+                            withBottomValue: boolean;
+                            bottomValue: import('packages/components/src/components/forms/possibleValues').BottomValue;
+                            minSize: number;
+                        }> | null;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: "update:modelValue", args_0: string[]) => void;
+                    $el: any;
+                    $options: import('vue').ComponentOptionsBase<Readonly<import('packages/components/src/components/forms/SortList/SortList.vue').Props> & Readonly<{
+                        "onUpdate:modelValue"?: ((args_0: string[]) => any) | undefined;
+                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                        "update:modelValue": (args_0: string[]) => any;
+                    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<Readonly<import('packages/components/src/components/forms/SortList/SortList.vue').Props> & Readonly<{
+                    "onUpdate:modelValue"?: ((args_0: string[]) => any) | undefined;
+                }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        option?(_: any): any;
+                    };
+                }) | null;
+            }, any, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
                 C: {};
                 M: {};
                 Defaults: {};
-            }, Readonly<import('vue').ExtractPropTypes<{
+            }, Readonly<{
                 control: {
-                    type: import('vue').PropType<{
-                        data: string[];
-                    } & Omit<{
-                        uischema: import('@jsonforms/core').ControlElement;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                            tester: import('@jsonforms/core').RankedTester;
-                            cell: any;
-                        }[];
-                        config: any;
-                        label: string;
-                        description: string;
-                        required: NonNullable<boolean | undefined>;
-                        i18nKeyPrefix: string;
-                        errors: string;
-                        data: any;
-                        rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        id: string;
-                        visible: boolean;
-                    }, "data">>;
-                    required: true;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                messages: {
-                    type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                    required: true;
-                };
-                isValid: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                changeValue: {
-                    type: import('vue').PropType<(newValue: string[]) => void>;
-                    required: true;
-                };
-                labelForId: {
-                    type: import('vue').PropType<null>;
-                };
-                handleChange: {
-                    type: import('vue').PropType<(path: string, value: any) => void>;
-                    required: true;
-                };
-                onRegisterValidation: {
-                    type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string[]>) => void>;
-                    required: true;
-                };
-                anyUnknownValuesId: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                anyUnknownValuesText: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-            }>>, {}, {}, {}, {}, {
-                anyUnknownValuesId: string;
-                anyUnknownValuesText: string;
-            }>;
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
-        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            control: {
-                type: import('vue').PropType<{
                     data: string[];
+                    uischema: {
+                        providedOptions?: string[];
+                        id?: string;
+                    };
                 } & Omit<{
                     uischema: import('@jsonforms/core').ControlElement;
                     schema: NonNullable<import('@jsonforms/core').JsonSchema>;
@@ -509,112 +587,516 @@ export declare const controls: {
                     rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
                     id: string;
                     visible: boolean;
-                }, "data">>;
-                required: true;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-            };
-            messages: {
-                type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                required: true;
-            };
-            isValid: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-            };
-            changeValue: {
-                type: import('vue').PropType<(newValue: string[]) => void>;
-                required: true;
-            };
-            labelForId: {
-                type: import('vue').PropType<null>;
-            };
-            handleChange: {
-                type: import('vue').PropType<(path: string, value: any) => void>;
-                required: true;
-            };
-            onRegisterValidation: {
-                type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string[]>) => void>;
-                required: true;
-            };
-            anyUnknownValuesId: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            anyUnknownValuesText: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                }, "data">;
+                handleChange: (path: string, value: unknown) => void;
+                changeValue: (newValue: string[]) => void;
+                disabled: boolean;
+                labelForId?: null;
+            } & import('../higherOrderComponents/control/validation/types').ValidationSettings<string[]> & {
+                anyUnknownValuesId?: string;
+                anyUnknownValuesText?: string;
+            }> & Readonly<{}>, {}, {}, {}, {}, {
+                anyUnknownValuesId: string;
+                anyUnknownValuesText: string;
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
+            control: {
+                data: string[];
+                uischema: {
+                    providedOptions?: string[];
+                    id?: string;
+                };
+            } & Omit<{
+                uischema: import('@jsonforms/core').ControlElement;
+                schema: NonNullable<import('@jsonforms/core').JsonSchema>;
+                path: string;
+                enabled: boolean;
+                renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
+                cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
+                    tester: import('@jsonforms/core').RankedTester;
+                    cell: any;
+                }[];
+                config: any;
+                label: string;
+                description: string;
+                required: NonNullable<boolean | undefined>;
+                i18nKeyPrefix: string;
+                errors: string;
+                data: any;
+                rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
+                id: string;
+                visible: boolean;
+            }, "data">;
+            handleChange: (path: string, value: unknown) => void;
+            changeValue: (newValue: string[]) => void;
+            disabled: boolean;
+            labelForId?: null;
+        } & import('../higherOrderComponents/control/validation/types').ValidationSettings<string[]> & {
+            anyUnknownValuesId?: string;
+            anyUnknownValuesText?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
             anyUnknownValuesId: string;
             anyUnknownValuesText: string;
-        }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: {
                 icon?(_: {}): any;
                 buttons?(_: {
                     hover: boolean;
-                    controlHTMLElement: import('vue').DefineComponent<{
-                        modelValue: {
-                            type: import('vue').PropType<string[]>;
-                            required: true;
-                        };
-                        id: {
-                            type: import('vue').PropType<string>;
-                        };
-                        ariaLabel: {
-                            type: import('vue').PropType<string>;
-                            required: true;
-                        };
-                        disabled: {
-                            type: import('vue').PropType<boolean>;
-                        };
-                        possibleValues: {
-                            type: import('vue').PropType<(import('packages/components/src/components/forms/possibleValues').PossibleValue & {
+                    controlHTMLElement: ({
+                        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/components/src/components/forms/SortList/SortList.vue').Props> & Readonly<{
+                            "onUpdate:modelValue"?: ((args_0: string[]) => any) | undefined;
+                        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                            "update:modelValue": (args_0: string[]) => any;
+                        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                            listBox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                                id: {
+                                    type: StringConstructor;
+                                    default(): string;
+                                };
+                                modelValue: {
+                                    type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').Id[] | null>;
+                                    default: () => never[];
+                                };
+                                disabled: {
+                                    default: boolean;
+                                    type: BooleanConstructor;
+                                };
+                                withIsEmptyState: {
+                                    default: boolean;
+                                    type: BooleanConstructor;
+                                };
+                                emptyStateLabel: {
+                                    default: string;
+                                    type: StringConstructor;
+                                };
+                                emptyStateComponent: {
+                                    default: null;
+                                    type: import('vue').PropType<Record<string, unknown> | null>;
+                                };
+                                multiselectByClick: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                withBottomValue: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                bottomValue: {
+                                    type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').BottomValue>;
+                                    default: () => {
+                                        id: string;
+                                        text: string;
+                                    };
+                                    validator(value: import('packages/components/src/components/forms/possibleValues').BottomValue): boolean;
+                                };
+                                size: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                    validator(value: number): boolean;
+                                };
+                                minSize: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                };
+                                isValid: {
+                                    default: boolean;
+                                    type: BooleanConstructor;
+                                };
+                                ariaLabel: {
+                                    type: StringConstructor;
+                                    required: true;
+                                };
+                                possibleValues: {
+                                    type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').PossibleValue[]>;
+                                    default: () => never[];
+                                    validator(values: unknown): boolean;
+                                };
+                            }>> & Readonly<{
+                                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                                onDoubleClickOnItem?: ((...args: any[]) => any) | undefined;
+                                onDoubleClickShift?: ((...args: any[]) => any) | undefined;
+                                onKeyArrowLeft?: ((...args: any[]) => any) | undefined;
+                                onKeyArrowRight?: ((...args: any[]) => any) | undefined;
+                            }>, {
+                                optionLineHeight: number;
+                                containerProps: {
+                                    ref: import('vue').Ref<HTMLElement | null>;
+                                    onScroll: () => void;
+                                    style: import('vue').StyleValue;
+                                };
+                                wrapperProps: import('vue').ComputedRef<{
+                                    style: {
+                                        width: string;
+                                        height: string;
+                                        marginTop: string;
+                                    } | {
+                                        width: string;
+                                        height: string;
+                                        marginLeft: string;
+                                        display: string;
+                                    };
+                                }>;
+                                list: import('vue').Ref<import('@vueuse/core').UseVirtualListItem<import('packages/components/src/components/forms/possibleValues').PossibleValue>[], import('@vueuse/core').UseVirtualListItem<import('packages/components/src/components/forms/possibleValues').PossibleValue>[]>;
+                            }, {
+                                selectedValues: import('packages/components/src/components/forms/possibleValues').Id[] | null;
+                                currentKeyNavIndex: number;
+                                shiftStartIndex: number;
+                                draggingStartIndex: number;
+                                draggingInverseMode: boolean;
+                                resizeHeight: number;
+                            }, {
+                                cssStyleSize(): {
+                                    height: string;
+                                } | {
+                                    height?: undefined;
+                                };
+                                minResizeHeight(): number;
+                                possibleValuesWithBottom(): (import('packages/components/src/components/forms/possibleValues').PossibleValue | import('packages/components/src/components/forms/possibleValues').BottomValue)[];
+                                bottomIndex(): number;
+                                showEmptyState(): boolean;
+                            }, {
+                                createDebouncedHandleCtrlClick(): void;
+                                debouncedHandleCtrlClick(value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                                isCurrentValue(candidate: import('packages/components/src/components/forms/possibleValues').Id): boolean | undefined;
+                                handleCtrlClick(value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                                handleShiftClick(value: import('packages/components/src/components/forms/possibleValues').Id, clickedIndex: number): void;
+                                getPossibleValuesInSection(firstIndex: number, secondIndex: number): import('packages/components/src/components/forms/possibleValues').Id[];
+                                onStartDrag(e: MouseEvent, isBottom?: boolean): void;
+                                onDrag(e: MouseEvent): void;
+                                getDataOptionIndex(target: HTMLElement): string | undefined;
+                                onBottomStartDrag(e: MouseEvent): void;
+                                onBottomDrag(e: MouseEvent): void;
+                                onStopDrag(): void;
+                                handleClick($event: MouseEvent, value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                                handleDblClick(id: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                                handleBottomClick($event: MouseEvent): void;
+                                handleBottomDblClick(): void;
+                                handleShiftDblClick(): void;
+                                addToSelection(value: import('packages/components/src/components/forms/possibleValues').Id): boolean;
+                                removeFromSelection(value: import('packages/components/src/components/forms/possibleValues').Id): boolean;
+                                toggleSelection(value: import('packages/components/src/components/forms/possibleValues').Id): void;
+                                setSelectedNoShiftReset(values: import('packages/components/src/components/forms/possibleValues').Id[]): void;
+                                setSelected(values: import('packages/components/src/components/forms/possibleValues').Id[]): void;
+                                setSelectedToIndex(index: number): void;
+                                scrollToCurrent(): void;
+                                scrollIntoView(index: number, mode?: string): void;
+                                scrollUpIntoView(index: number): void;
+                                scrollDownIntoView(index: number): void;
+                                setCurrentKeyNavIndex(index: number): void;
+                                isOutOfRange(index: number): boolean;
+                                onArrowDown(): void;
+                                onArrowUp(): void;
+                                onArrowDownShift(): void;
+                                onArrowUpShift(): void;
+                                onEndKey(): void;
+                                onHomeKey(): void;
+                                onArrowLeft(): void;
+                                onArrowRight(): void;
+                                onCtrlA(): void;
+                                hasSelection(): boolean;
+                                getCurrentKeyNavItem(): import('packages/components/src/components/forms/possibleValues').PossibleValue;
+                                generateOptionId(item: import('packages/components/src/components/forms/possibleValues').PossibleValue): string;
+                                focus(): void;
+                                clearSelection(): void;
+                                computeBoxHeight(size: number): number;
+                                initResizeHeight(): void;
+                                onResizeMove(deltaY: number): void;
+                                onResizeEnd(): void;
+                            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "doubleClickOnItem" | "doubleClickShift" | "keyArrowLeft" | "keyArrowRight")[], import('vue').PublicProps, {
+                                size: number;
+                                disabled: boolean;
+                                modelValue: import('packages/components/src/components/forms/possibleValues').Id[] | null;
                                 id: string;
-                            })[]>;
-                            required: true;
-                        };
-                    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                        "update:modelValue": (args_0: string[]) => void;
-                    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        modelValue: {
-                            type: import('vue').PropType<string[]>;
-                            required: true;
-                        };
-                        id: {
-                            type: import('vue').PropType<string>;
-                        };
-                        ariaLabel: {
-                            type: import('vue').PropType<string>;
-                            required: true;
-                        };
-                        disabled: {
-                            type: import('vue').PropType<boolean>;
-                        };
-                        possibleValues: {
-                            type: import('vue').PropType<(import('packages/components/src/components/forms/possibleValues').PossibleValue & {
+                                possibleValues: import('packages/components/src/components/forms/possibleValues').PossibleValue[];
+                                isValid: boolean;
+                                withIsEmptyState: boolean;
+                                emptyStateLabel: string;
+                                emptyStateComponent: Record<string, unknown> | null;
+                                multiselectByClick: boolean;
+                                withBottomValue: boolean;
+                                bottomValue: import('packages/components/src/components/forms/possibleValues').BottomValue;
+                                minSize: number;
+                            }, true, {}, {}, {
+                                StyledListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                                    text: {
+                                        type: StringConstructor;
+                                        default: string;
+                                    };
+                                    selected: {
+                                        type: BooleanConstructor;
+                                        default: boolean;
+                                    };
+                                    disabled: {
+                                        type: BooleanConstructor;
+                                        default: boolean;
+                                    };
+                                    invalid: {
+                                        type: BooleanConstructor;
+                                        default: boolean;
+                                    };
+                                    special: {
+                                        type: BooleanConstructor;
+                                        default: boolean;
+                                    };
+                                    lineHeight: {
+                                        type: NumberConstructor;
+                                        default: null;
+                                    };
+                                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "focus" | "mousedown" | "mousemove" | "dblclick-exact" | "dblclick-shift")[], "click" | "focus" | "mousedown" | "mousemove" | "dblclick-exact" | "dblclick-shift", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                                    text: {
+                                        type: StringConstructor;
+                                        default: string;
+                                    };
+                                    selected: {
+                                        type: BooleanConstructor;
+                                        default: boolean;
+                                    };
+                                    disabled: {
+                                        type: BooleanConstructor;
+                                        default: boolean;
+                                    };
+                                    invalid: {
+                                        type: BooleanConstructor;
+                                        default: boolean;
+                                    };
+                                    special: {
+                                        type: BooleanConstructor;
+                                        default: boolean;
+                                    };
+                                    lineHeight: {
+                                        type: NumberConstructor;
+                                        default: null;
+                                    };
+                                }>> & Readonly<{
+                                    onFocus?: ((...args: any[]) => any) | undefined;
+                                    onClick?: ((...args: any[]) => any) | undefined;
+                                    onMousedown?: ((...args: any[]) => any) | undefined;
+                                    onMousemove?: ((...args: any[]) => any) | undefined;
+                                    "onDblclick-exact"?: ((...args: any[]) => any) | undefined;
+                                    "onDblclick-shift"?: ((...args: any[]) => any) | undefined;
+                                }>, {
+                                    text: string;
+                                    invalid: boolean;
+                                    disabled: boolean;
+                                    lineHeight: number;
+                                    selected: boolean;
+                                    special: boolean;
+                                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                            } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                                P: {};
+                                B: {};
+                                D: {};
+                                C: {};
+                                M: {};
+                                Defaults: {};
+                            }, Readonly<import('vue').ExtractPropTypes<{
+                                id: {
+                                    type: StringConstructor;
+                                    default(): string;
+                                };
+                                modelValue: {
+                                    type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').Id[] | null>;
+                                    default: () => never[];
+                                };
+                                disabled: {
+                                    default: boolean;
+                                    type: BooleanConstructor;
+                                };
+                                withIsEmptyState: {
+                                    default: boolean;
+                                    type: BooleanConstructor;
+                                };
+                                emptyStateLabel: {
+                                    default: string;
+                                    type: StringConstructor;
+                                };
+                                emptyStateComponent: {
+                                    default: null;
+                                    type: import('vue').PropType<Record<string, unknown> | null>;
+                                };
+                                multiselectByClick: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                withBottomValue: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                bottomValue: {
+                                    type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').BottomValue>;
+                                    default: () => {
+                                        id: string;
+                                        text: string;
+                                    };
+                                    validator(value: import('packages/components/src/components/forms/possibleValues').BottomValue): boolean;
+                                };
+                                size: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                    validator(value: number): boolean;
+                                };
+                                minSize: {
+                                    type: NumberConstructor;
+                                    default: number;
+                                };
+                                isValid: {
+                                    default: boolean;
+                                    type: BooleanConstructor;
+                                };
+                                ariaLabel: {
+                                    type: StringConstructor;
+                                    required: true;
+                                };
+                                possibleValues: {
+                                    type: import('vue').PropType<import('packages/components/src/components/forms/possibleValues').PossibleValue[]>;
+                                    default: () => never[];
+                                    validator(values: unknown): boolean;
+                                };
+                            }>> & Readonly<{
+                                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                                onDoubleClickOnItem?: ((...args: any[]) => any) | undefined;
+                                onDoubleClickShift?: ((...args: any[]) => any) | undefined;
+                                onKeyArrowLeft?: ((...args: any[]) => any) | undefined;
+                                onKeyArrowRight?: ((...args: any[]) => any) | undefined;
+                            }>, {
+                                optionLineHeight: number;
+                                containerProps: {
+                                    ref: import('vue').Ref<HTMLElement | null>;
+                                    onScroll: () => void;
+                                    style: import('vue').StyleValue;
+                                };
+                                wrapperProps: import('vue').ComputedRef<{
+                                    style: {
+                                        width: string;
+                                        height: string;
+                                        marginTop: string;
+                                    } | {
+                                        width: string;
+                                        height: string;
+                                        marginLeft: string;
+                                        display: string;
+                                    };
+                                }>;
+                                list: import('vue').Ref<import('@vueuse/core').UseVirtualListItem<import('packages/components/src/components/forms/possibleValues').PossibleValue>[], import('@vueuse/core').UseVirtualListItem<import('packages/components/src/components/forms/possibleValues').PossibleValue>[]>;
+                            }, {
+                                selectedValues: import('packages/components/src/components/forms/possibleValues').Id[] | null;
+                                currentKeyNavIndex: number;
+                                shiftStartIndex: number;
+                                draggingStartIndex: number;
+                                draggingInverseMode: boolean;
+                                resizeHeight: number;
+                            }, {
+                                cssStyleSize(): {
+                                    height: string;
+                                } | {
+                                    height?: undefined;
+                                };
+                                minResizeHeight(): number;
+                                possibleValuesWithBottom(): (import('packages/components/src/components/forms/possibleValues').PossibleValue | import('packages/components/src/components/forms/possibleValues').BottomValue)[];
+                                bottomIndex(): number;
+                                showEmptyState(): boolean;
+                            }, {
+                                createDebouncedHandleCtrlClick(): void;
+                                debouncedHandleCtrlClick(value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                                isCurrentValue(candidate: import('packages/components/src/components/forms/possibleValues').Id): boolean | undefined;
+                                handleCtrlClick(value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                                handleShiftClick(value: import('packages/components/src/components/forms/possibleValues').Id, clickedIndex: number): void;
+                                getPossibleValuesInSection(firstIndex: number, secondIndex: number): import('packages/components/src/components/forms/possibleValues').Id[];
+                                onStartDrag(e: MouseEvent, isBottom?: boolean): void;
+                                onDrag(e: MouseEvent): void;
+                                getDataOptionIndex(target: HTMLElement): string | undefined;
+                                onBottomStartDrag(e: MouseEvent): void;
+                                onBottomDrag(e: MouseEvent): void;
+                                onStopDrag(): void;
+                                handleClick($event: MouseEvent, value: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                                handleDblClick(id: import('packages/components/src/components/forms/possibleValues').Id, index: number): void;
+                                handleBottomClick($event: MouseEvent): void;
+                                handleBottomDblClick(): void;
+                                handleShiftDblClick(): void;
+                                addToSelection(value: import('packages/components/src/components/forms/possibleValues').Id): boolean;
+                                removeFromSelection(value: import('packages/components/src/components/forms/possibleValues').Id): boolean;
+                                toggleSelection(value: import('packages/components/src/components/forms/possibleValues').Id): void;
+                                setSelectedNoShiftReset(values: import('packages/components/src/components/forms/possibleValues').Id[]): void;
+                                setSelected(values: import('packages/components/src/components/forms/possibleValues').Id[]): void;
+                                setSelectedToIndex(index: number): void;
+                                scrollToCurrent(): void;
+                                scrollIntoView(index: number, mode?: string): void;
+                                scrollUpIntoView(index: number): void;
+                                scrollDownIntoView(index: number): void;
+                                setCurrentKeyNavIndex(index: number): void;
+                                isOutOfRange(index: number): boolean;
+                                onArrowDown(): void;
+                                onArrowUp(): void;
+                                onArrowDownShift(): void;
+                                onArrowUpShift(): void;
+                                onEndKey(): void;
+                                onHomeKey(): void;
+                                onArrowLeft(): void;
+                                onArrowRight(): void;
+                                onCtrlA(): void;
+                                hasSelection(): boolean;
+                                getCurrentKeyNavItem(): import('packages/components/src/components/forms/possibleValues').PossibleValue;
+                                generateOptionId(item: import('packages/components/src/components/forms/possibleValues').PossibleValue): string;
+                                focus(): void;
+                                clearSelection(): void;
+                                computeBoxHeight(size: number): number;
+                                initResizeHeight(): void;
+                                onResizeMove(deltaY: number): void;
+                                onResizeEnd(): void;
+                            }, {
+                                size: number;
+                                disabled: boolean;
+                                modelValue: import('packages/components/src/components/forms/possibleValues').Id[] | null;
                                 id: string;
-                            })[]>;
-                            required: true;
-                        };
-                    }>> & {
+                                possibleValues: import('packages/components/src/components/forms/possibleValues').PossibleValue[];
+                                isValid: boolean;
+                                withIsEmptyState: boolean;
+                                emptyStateLabel: string;
+                                emptyStateComponent: Record<string, unknown> | null;
+                                multiselectByClick: boolean;
+                                withBottomValue: boolean;
+                                bottomValue: import('packages/components/src/components/forms/possibleValues').BottomValue;
+                                minSize: number;
+                            }> | null;
+                        }, any, import('vue').ComponentProvideOptions, {
+                            P: {};
+                            B: {};
+                            D: {};
+                            C: {};
+                            M: {};
+                            Defaults: {};
+                        }, Readonly<import('packages/components/src/components/forms/SortList/SortList.vue').Props> & Readonly<{
+                            "onUpdate:modelValue"?: ((args_0: string[]) => any) | undefined;
+                        }>, {}, {}, {}, {}, {}>;
+                        __isFragment?: never;
+                        __isTeleport?: never;
+                        __isSuspense?: never;
+                    } & import('vue').ComponentOptionsBase<Readonly<import('packages/components/src/components/forms/SortList/SortList.vue').Props> & Readonly<{
                         "onUpdate:modelValue"?: ((args_0: string[]) => any) | undefined;
-                    }, {}, {}> | null;
+                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                        "update:modelValue": (args_0: string[]) => any;
+                    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+                        $slots: {
+                            option?(_: any): any;
+                        };
+                    })) | null;
                 }): any;
             };
         });
         tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
     };
-    textAreaRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string>>;
-    twinlistRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<import('../uiComponents/twinlist/MultimodeTwinlistControl.vue').TwinlistData>>;
-    valueSwitchRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<string>>;
-    zonedDateTimeRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<{
+    textAreaRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string>>;
+    twinlistRenderer: import('..').SpecialControlRenderer<import('..').VueControl<import('../uiComponents/twinlist/MultimodeTwinlistControl.vue').TwinlistData>>;
+    manualTwinlistRenderer: import('..').SpecialControlRenderer<import('..').VueControl<import('../uiComponents/twinlist/ManualTwinlistControl.vue').ManualTwinlistData>>;
+    valueSwitchRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string>>;
+    zonedDateTimeRenderer: import('..').SpecialControlRenderer<import('..').VueControl<{
         dateTime: string;
         timeZone: string;
     }>>;
-    singleSelectRenderer: import('..').SpecialControlRenderer<import('../higherOrderComponents/control/types').VueControl<{
+    singleSelectRenderer: import('..').SpecialControlRenderer<import('..').VueControl<{
         specialChoice: string;
     } | {
         regularChoice: string;
@@ -624,38 +1106,7 @@ export declare const controls: {
     } | null | undefined>>;
     simpleButtonRenderer: {
         name: string;
-        control: <SettingValue>(__VLS_props: {
-            control: {
-                data: undefined;
-            } & Omit<{
-                uischema: import('@jsonforms/core').ControlElement;
-                schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                path: string;
-                enabled: boolean;
-                renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                    tester: import('@jsonforms/core').RankedTester;
-                    cell: any;
-                }[];
-                config: any;
-                label: string;
-                description: string;
-                required: NonNullable<boolean | undefined>;
-                i18nKeyPrefix: string;
-                errors: string;
-                data: any;
-                rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                id: string;
-                visible: boolean;
-            }, "data">;
-            handleChange: (path: string, value: any) => void;
-            changeValue: (newValue: undefined) => void;
-            disabled: boolean;
-            labelForId?: null | undefined;
-            isValid: boolean;
-            messages: import('../higherOrderComponents/control/validation/types').Messages;
-            onRegisterValidation: (validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<undefined>) => void;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
+        control: <SettingValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
             slots: {
                 buttons?(_: {
                     hover: boolean;
@@ -663,10 +1114,14 @@ export declare const controls: {
             };
             attrs: any;
             emit: {};
-        } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+        }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
             props: {
                 control: {
                     data: undefined;
+                    uischema: {
+                        providedOptions?: string[];
+                        id?: string;
+                    };
                 } & Omit<{
                     uischema: import('@jsonforms/core').ControlElement;
                     schema: NonNullable<import('@jsonforms/core').JsonSchema>;
@@ -688,14 +1143,14 @@ export declare const controls: {
                     id: string;
                     visible: boolean;
                 }, "data">;
-                handleChange: (path: string, value: any) => void;
+                handleChange: (path: string, value: unknown) => void;
                 changeValue: (newValue: undefined) => void;
                 disabled: boolean;
                 labelForId?: null | undefined;
                 isValid: boolean;
                 messages: import('../higherOrderComponents/control/validation/types').Messages;
-                onRegisterValidation: (validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<undefined>) => void;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                onRegisterValidation: (validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<undefined>) => () => void;
+            } & import('vue').PublicProps;
             expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
             attrs: any;
             slots: {
@@ -704,51 +1159,8 @@ export declare const controls: {
                 }): any;
             };
             emit: {};
-        }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }> & {
-            __ctx?: {
-                props: {
-                    control: {
-                        data: undefined;
-                    } & Omit<{
-                        uischema: import('@jsonforms/core').ControlElement;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                            tester: import('@jsonforms/core').RankedTester;
-                            cell: any;
-                        }[];
-                        config: any;
-                        label: string;
-                        description: string;
-                        required: NonNullable<boolean | undefined>;
-                        i18nKeyPrefix: string;
-                        errors: string;
-                        data: any;
-                        rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        id: string;
-                        visible: boolean;
-                    }, "data">;
-                    handleChange: (path: string, value: any) => void;
-                    changeValue: (newValue: undefined) => void;
-                    disabled: boolean;
-                    labelForId?: null | undefined;
-                    isValid: boolean;
-                    messages: import('../higherOrderComponents/control/validation/types').Messages;
-                    onRegisterValidation: (validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<undefined>) => void;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-                attrs: any;
-                slots: {
-                    buttons?(_: {
-                        hover: boolean;
-                    }): any;
-                };
-                emit: {};
-            } | undefined;
+        }>) => import('vue').VNode & {
+            __ctx?: Awaited<typeof __VLS_setup>;
         };
         tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
     };
@@ -756,601 +1168,107 @@ export declare const controls: {
         name: string;
         control: import('vue').DefineComponent<{
             control: {
-                type: import('vue').PropType<{
-                    data: undefined;
-                } & Omit<{
-                    uischema: import('@jsonforms/core').ControlElement;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                        tester: import('@jsonforms/core').RankedTester;
-                        cell: any;
-                    }[];
-                    config: any;
-                    label: string;
-                    description: string;
-                    required: NonNullable<boolean | undefined>;
-                    i18nKeyPrefix: string;
-                    errors: string;
-                    data: any;
-                    rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    id: string;
-                    visible: boolean;
-                }, "data">>;
-                required: true;
-            };
-            handleChange: {
-                type: import('vue').PropType<(path: string, value: any) => void>;
-                required: true;
-            };
-            changeValue: {
-                type: import('vue').PropType<(newValue: undefined) => void>;
-                required: true;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-            };
-            labelForId: {
-                type: import('vue').PropType<null>;
-            };
-            isValid: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-            };
-            messages: {
-                type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                required: true;
-            };
-            onRegisterValidation: {
-                type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<undefined>) => void>;
-                required: true;
-            };
-        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                data: undefined;
+                uischema: {
+                    providedOptions?: string[];
+                    id?: string;
+                };
+            } & Omit<{
+                uischema: import('@jsonforms/core').ControlElement;
+                schema: NonNullable<import('@jsonforms/core').JsonSchema>;
+                path: string;
+                enabled: boolean;
+                renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
+                cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
+                    tester: import('@jsonforms/core').RankedTester;
+                    cell: any;
+                }[];
+                config: any;
+                label: string;
+                description: string;
+                required: NonNullable<boolean | undefined>;
+                i18nKeyPrefix: string;
+                errors: string;
+                data: any;
+                rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
+                id: string;
+                visible: boolean;
+            }, "data">;
+            handleChange: (path: string, value: unknown) => void;
+            changeValue: (newValue: undefined) => void;
+            disabled: boolean;
+            labelForId?: null;
+        } & import('../higherOrderComponents/control/validation/types').ValidationSettings<undefined>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
             control: {
-                type: import('vue').PropType<{
-                    data: undefined;
-                } & Omit<{
-                    uischema: import('@jsonforms/core').ControlElement;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                        tester: import('@jsonforms/core').RankedTester;
-                        cell: any;
-                    }[];
-                    config: any;
-                    label: string;
-                    description: string;
-                    required: NonNullable<boolean | undefined>;
-                    i18nKeyPrefix: string;
-                    errors: string;
-                    data: any;
-                    rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    id: string;
-                    visible: boolean;
-                }, "data">>;
-                required: true;
-            };
-            handleChange: {
-                type: import('vue').PropType<(path: string, value: any) => void>;
-                required: true;
-            };
-            changeValue: {
-                type: import('vue').PropType<(newValue: undefined) => void>;
-                required: true;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-            };
-            labelForId: {
-                type: import('vue').PropType<null>;
-            };
-            isValid: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-            };
-            messages: {
-                type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                required: true;
-            };
-            onRegisterValidation: {
-                type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<undefined>) => void>;
-                required: true;
-            };
-        }>>, {}, {}>;
+                data: undefined;
+                uischema: {
+                    providedOptions?: string[];
+                    id?: string;
+                };
+            } & Omit<{
+                uischema: import('@jsonforms/core').ControlElement;
+                schema: NonNullable<import('@jsonforms/core').JsonSchema>;
+                path: string;
+                enabled: boolean;
+                renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
+                cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
+                    tester: import('@jsonforms/core').RankedTester;
+                    cell: any;
+                }[];
+                config: any;
+                label: string;
+                description: string;
+                required: NonNullable<boolean | undefined>;
+                i18nKeyPrefix: string;
+                errors: string;
+                data: any;
+                rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
+                id: string;
+                visible: boolean;
+            }, "data">;
+            handleChange: (path: string, value: unknown) => void;
+            changeValue: (newValue: undefined) => void;
+            disabled: boolean;
+            labelForId?: null;
+        } & import('../higherOrderComponents/control/validation/types').ValidationSettings<undefined>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
     };
     /**
      * Containing an optional checkbox. Keep Label in control until we have a framework for that.
      */
-    dropdownRenderer: {
-        name: string;
-        control: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-                control: {
-                    type: import('vue').PropType<{
-                        data: string | null;
-                    } & Omit<{
-                        uischema: import('@jsonforms/core').ControlElement;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                            tester: import('@jsonforms/core').RankedTester;
-                            cell: any;
-                        }[];
-                        config: any;
-                        label: string;
-                        description: string;
-                        required: NonNullable<boolean | undefined>;
-                        i18nKeyPrefix: string;
-                        errors: string;
-                        data: any;
-                        rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        id: string;
-                        visible: boolean;
-                    }, "data">>;
-                    required: true;
-                };
-                handleChange: {
-                    type: import('vue').PropType<(path: string, value: any) => void>;
-                    required: true;
-                };
-                changeValue: {
-                    type: import('vue').PropType<(newValue: string | null) => void>;
-                    required: true;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                labelForId: {
-                    type: import('vue').PropType<null>;
-                };
-                isValid: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                messages: {
-                    type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                    required: true;
-                };
-                onRegisterValidation: {
-                    type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string | null>) => void>;
-                    required: true;
-                };
-            }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-                control: {
-                    type: import('vue').PropType<{
-                        data: string | null;
-                    } & Omit<{
-                        uischema: import('@jsonforms/core').ControlElement;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                            tester: import('@jsonforms/core').RankedTester;
-                            cell: any;
-                        }[];
-                        config: any;
-                        label: string;
-                        description: string;
-                        required: NonNullable<boolean | undefined>;
-                        i18nKeyPrefix: string;
-                        errors: string;
-                        data: any;
-                        rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        id: string;
-                        visible: boolean;
-                    }, "data">>;
-                    required: true;
-                };
-                handleChange: {
-                    type: import('vue').PropType<(path: string, value: any) => void>;
-                    required: true;
-                };
-                changeValue: {
-                    type: import('vue').PropType<(newValue: string | null) => void>;
-                    required: true;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                labelForId: {
-                    type: import('vue').PropType<null>;
-                };
-                isValid: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                messages: {
-                    type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                    required: true;
-                };
-                onRegisterValidation: {
-                    type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string | null>) => void>;
-                    required: true;
-                };
-            }>>, {}, true, {}, {}, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import('vue').ExtractPropTypes<{
-                control: {
-                    type: import('vue').PropType<{
-                        data: string | null;
-                    } & Omit<{
-                        uischema: import('@jsonforms/core').ControlElement;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                            tester: import('@jsonforms/core').RankedTester;
-                            cell: any;
-                        }[];
-                        config: any;
-                        label: string;
-                        description: string;
-                        required: NonNullable<boolean | undefined>;
-                        i18nKeyPrefix: string;
-                        errors: string;
-                        data: any;
-                        rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        id: string;
-                        visible: boolean;
-                    }, "data">>;
-                    required: true;
-                };
-                handleChange: {
-                    type: import('vue').PropType<(path: string, value: any) => void>;
-                    required: true;
-                };
-                changeValue: {
-                    type: import('vue').PropType<(newValue: string | null) => void>;
-                    required: true;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                labelForId: {
-                    type: import('vue').PropType<null>;
-                };
-                isValid: {
-                    type: import('vue').PropType<boolean>;
-                    required: true;
-                };
-                messages: {
-                    type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                    required: true;
-                };
-                onRegisterValidation: {
-                    type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string | null>) => void>;
-                    required: true;
-                };
-            }>>, {}, {}, {}, {}, {}>;
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
-        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            control: {
-                type: import('vue').PropType<{
-                    data: string | null;
-                } & Omit<{
-                    uischema: import('@jsonforms/core').ControlElement;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] & {
-                        tester: import('@jsonforms/core').RankedTester;
-                        cell: any;
-                    }[];
-                    config: any;
-                    label: string;
-                    description: string;
-                    required: NonNullable<boolean | undefined>;
-                    i18nKeyPrefix: string;
-                    errors: string;
-                    data: any;
-                    rootSchema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    id: string;
-                    visible: boolean;
-                }, "data">>;
-                required: true;
-            };
-            handleChange: {
-                type: import('vue').PropType<(path: string, value: any) => void>;
-                required: true;
-            };
-            changeValue: {
-                type: import('vue').PropType<(newValue: string | null) => void>;
-                required: true;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-            };
-            labelForId: {
-                type: import('vue').PropType<null>;
-            };
-            isValid: {
-                type: import('vue').PropType<boolean>;
-                required: true;
-            };
-            messages: {
-                type: import('vue').PropType<import('../higherOrderComponents/control/validation/types').Messages>;
-                required: true;
-            };
-            onRegisterValidation: {
-                type: import('vue').PropType<(validation: import('../higherOrderComponents/control/validation/types').ValidationMethod<string | null>) => void>;
-                required: true;
-            };
-        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-            $slots: {
-                icon?(_: {}): any;
-                buttons?(_: {
-                    hover: boolean;
-                    controlHTMLElement: null;
-                }): any;
-            };
-        });
-        tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
-    };
+    dropdownRenderer: import('..').SpecialControlRenderer<import('..').VueControl<string | null>>;
 };
 export declare const layouts: {
     verticalLayoutFallbackRenderer: {
         name: string;
-        layout: import('vue').DefineComponent<{
-            layout: {
-                type: import('vue').PropType<{
-                    uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                    config: any;
-                    direction: NonNullable<"column" | "row">;
-                    label: string;
-                    data: any;
-                    visible: boolean;
-                } & {
-                    uischema: {
-                        [K: string]: any;
-                    };
-                }>;
-                required: true;
-            };
-        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            layout: {
-                type: import('vue').PropType<{
-                    uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                    config: any;
-                    direction: NonNullable<"column" | "row">;
-                    label: string;
-                    data: any;
-                    visible: boolean;
-                } & {
-                    uischema: {
-                        [K: string]: any;
-                    };
-                }>;
-                required: true;
-            };
-        }>>, {}, {}>;
+        layout: import('vue').DefineComponent<import('..').VueLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('..').VueLayoutProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
         tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
     };
     horizontalLayoutRenderer: {
         name: string;
-        layout: import('vue').DefineComponent<{
-            layout: {
-                type: import('vue').PropType<{
-                    uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                    config: any;
-                    direction: NonNullable<"column" | "row">;
-                    label: string;
-                    data: any;
-                    visible: boolean;
-                } & {
-                    uischema: {
-                        [K: string]: any;
-                    };
-                }>;
-                required: true;
-            };
-        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            layout: {
-                type: import('vue').PropType<{
-                    uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                    config: any;
-                    direction: NonNullable<"column" | "row">;
-                    label: string;
-                    data: any;
-                    visible: boolean;
-                } & {
-                    uischema: {
-                        [K: string]: any;
-                    };
-                }>;
-                required: true;
-            };
-        }>>, {}, {}>;
+        layout: import('vue').DefineComponent<import('..').VueLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('..').VueLayoutProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
         tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
     };
     verticalLayoutRenderer: {
         name: string;
-        layout: import('vue').DefineComponent<{
-            layout: {
-                type: import('vue').PropType<{
-                    uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                    config: any;
-                    direction: NonNullable<"column" | "row">;
-                    label: string;
-                    data: any;
-                    visible: boolean;
-                } & {
-                    uischema: {
-                        [K: string]: any;
-                    };
-                }>;
-                required: true;
-            };
-        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            layout: {
-                type: import('vue').PropType<{
-                    uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                    config: any;
-                    direction: NonNullable<"column" | "row">;
-                    label: string;
-                    data: any;
-                    visible: boolean;
-                } & {
-                    uischema: {
-                        [K: string]: any;
-                    };
-                }>;
-                required: true;
-            };
-        }>>, {}, {}>;
+        layout: import('vue').DefineComponent<import('..').VueLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('..').VueLayoutProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
         tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
     };
     sectionLayoutRenderer: {
         name: string;
         layout: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
-                layout: {
-                    type: import('vue').PropType<{
-                        uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                        config: any;
-                        direction: NonNullable<"column" | "row">;
-                        label: string;
-                        data: any;
-                        visible: boolean;
-                    } & {
-                        uischema: {
-                            [K: string]: any;
-                        };
-                    }>;
-                    required: true;
-                };
-            }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
-                layout: {
-                    type: import('vue').PropType<{
-                        uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                        config: any;
-                        direction: NonNullable<"column" | "row">;
-                        label: string;
-                        data: any;
-                        visible: boolean;
-                    } & {
-                        uischema: {
-                            [K: string]: any;
-                        };
-                    }>;
-                    required: true;
-                };
-            }>>, {}, true, {}, {}, {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').VueLayoutProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
                 C: {};
                 M: {};
                 Defaults: {};
-            }, Readonly<import('vue').ExtractPropTypes<{
-                layout: {
-                    type: import('vue').PropType<{
-                        uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                        schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                        path: string;
-                        enabled: boolean;
-                        renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                        cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                        config: any;
-                        direction: NonNullable<"column" | "row">;
-                        label: string;
-                        data: any;
-                        visible: boolean;
-                    } & {
-                        uischema: {
-                            [K: string]: any;
-                        };
-                    }>;
-                    required: true;
-                };
-            }>>, {}, {}, {}, {}, {}>;
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
-        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            layout: {
-                type: import('vue').PropType<{
-                    uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                    config: any;
-                    direction: NonNullable<"column" | "row">;
-                    label: string;
-                    data: any;
-                    visible: boolean;
-                } & {
-                    uischema: {
-                        [K: string]: any;
-                    };
-                }>;
-                required: true;
-            };
-        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            }, Readonly<import('..').VueLayoutProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<import('..').VueLayoutProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: {
                 buttons?(_: {
                     hover: boolean;
@@ -1361,51 +1279,16 @@ export declare const layouts: {
     };
     settingsSubPanelLayoutRenderer: {
         name: string;
-        layout: import('vue').DefineComponent<{
-            layout: {
-                type: import('vue').PropType<{
-                    uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                    config: any;
-                    direction: NonNullable<"column" | "row">;
-                    label: string;
-                    data: any;
-                    visible: boolean;
-                } & {
-                    uischema: {
-                        [K: string]: any;
-                    };
-                }>;
-                required: true;
-            };
-        }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            layout: {
-                type: import('vue').PropType<{
-                    uischema: NonNullable<import('@jsonforms/core').Layout & import('@jsonforms/core').UISchemaElement>;
-                    schema: NonNullable<import('@jsonforms/core').JsonSchema>;
-                    path: string;
-                    enabled: boolean;
-                    renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
-                    cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-                    config: any;
-                    direction: NonNullable<"column" | "row">;
-                    label: string;
-                    data: any;
-                    visible: boolean;
-                } & {
-                    uischema: {
-                        [K: string]: any;
-                    };
-                }>;
-                required: true;
-            };
-        }>>, {}, {}>;
+        layout: import('vue').DefineComponent<import('..').VueLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('..').VueLayoutProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
     };
 };
-export declare const toRenderers: (renderers: NamedRenderer[], controls: VueControlRenderer[], layouts: VueLayoutRenderer[]) => readonly NamedRenderer[];
+export declare const toRenderers: ({ renderers, controls, layouts, config, }: {
+    renderers: NamedRenderer[];
+    controls: VueControlRenderer[];
+    layouts: VueLayoutRenderer[];
+    config?: {
+        performExternalValidation?: PerformExternalValidation<unknown>;
+    };
+}) => readonly NamedRenderer[];
 export declare const defaultRenderers: readonly NamedRenderer[];