@retailcrm/embed-ui-v1-components 0.9.14 → 0.9.16

package/dist/host.d.ts

@@ -1,24 +1,44 @@
 import { Alignment } from '@floating-ui/dom';
+import { AllowedComponentProps } from 'vue';
 import { Component } from 'vue';
+import { ComponentCustomProperties } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentInternalInstance } from 'vue';
+import { ComponentOptionsBase } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentPropsOptions } from 'vue';
 import { ComponentProvideOptions } from 'vue';
+import { ComponentPublicInstance } from 'vue';
+import { CreateComponentPublicInstanceWithMixins } from 'vue';
+import { DebuggerEvent } from 'vue';
 import { DefineComponent as DefineComponent_2 } from 'vue';
 import { Directive } from 'vue';
 import { EmitsOptions } from 'vue';
 import { EmitsToProps } from 'vue';
 import { ExtractDefaultPropTypes } from 'vue';
 import { ExtractPropTypes } from 'vue';
+import { GlobalComponents } from 'vue';
+import { GlobalDirectives } from 'vue';
 import { InjectionKey } from 'vue';
 import { MethodOptions } from 'vue';
+import { nextTick } from 'vue';
+import { OnCleanup } from '@vue/reactivity';
 import { Plugin as Plugin_2 } from 'vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
+import { RendererElement } from 'vue';
+import { RendererNode } from 'vue';
 import { SerializedEvent } from '@omnicajs/vue-remote/types/events';
+import { ShallowUnwrapRef } from 'vue';
 import { Side } from '@floating-ui/dom';
+import { Slot } from 'vue';
 import { SlotsType } from 'vue';
 import { Strategy } from '@floating-ui/dom';
+import { VNode } from 'vue';
+import { VNodeProps } from 'vue';
+import { WatchOptions } from 'vue';
+import { WatchStopHandle } from 'vue';
 declare const __VLS_component: DefineComponent_2<ExtractPropTypes<{
     /** Атрибут id корневого элемента модального окна. Должен быть уникальным на странице */
     id: {
@@ -163,8 +183,754 @@ declare const __VLS_component: DefineComponent_2<ExtractPropTypes<{
     fullscreen: boolean;
     responsive: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const __VLS_component_2: DefineComponent_2<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const __VLS_component_3: DefineComponent_2<ExtractPropTypes<{
+declare const __VLS_component_2: DefineComponent_2<ExtractPropTypes<{
+    /** Уникальный идентификатор корневого элемента */
+    id: {
+        type: PropType<UiPageHeaderProperties["id"]>;
+        validator: (id: unknown) => boolean;
+        default: undefined;
+    };
+    /** Текст заголовка */
+    value: {
+        type: PropType<UiPageHeaderProperties["value"]>;
+        default: string;
+    };
+    /** Плейсхолдер, отображаемый при отсутствии текста */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Текст ошибки для tooltip при пустом невалидном заголовке */
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Разрешает перейти в режим редактирования по клику */
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Автоматически переводит фокус во встроенный UiTextbox при монтировании */
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Автоматически выделяет текст заголовка при фокусе на встроенном поле */
+    autoselect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Делает встроенное поле только для чтения */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Полностью отключает заголовок */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Помечает встроенное поле как невалидное */
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    focus(): void;
+    blur(): void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    blur: (event: Event) => any;
+    change: (event: Event) => any;
+    focus: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
+    "update:value": (value: string | number) => any;
+}, string, PublicProps, Readonly<ExtractPropTypes<{
+    /** Уникальный идентификатор корневого элемента */
+    id: {
+        type: PropType<UiPageHeaderProperties["id"]>;
+        validator: (id: unknown) => boolean;
+        default: undefined;
+    };
+    /** Текст заголовка */
+    value: {
+        type: PropType<UiPageHeaderProperties["value"]>;
+        default: string;
+    };
+    /** Плейсхолдер, отображаемый при отсутствии текста */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Текст ошибки для tooltip при пустом невалидном заголовке */
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Разрешает перейти в режим редактирования по клику */
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Автоматически переводит фокус во встроенный UiTextbox при монтировании */
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Автоматически выделяет текст заголовка при фокусе на встроенном поле */
+    autoselect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Делает встроенное поле только для чтения */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Полностью отключает заголовок */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Помечает встроенное поле как невалидное */
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onBlur?: ((event: Event) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string | number) => any) | undefined;
+}>, {
+    error: string;
+    invalid: boolean;
+    placeholder: string;
+    id: string | undefined;
+    disabled: boolean;
+    value: string | number | null | undefined;
+    readonly: boolean;
+    autofocus: boolean;
+    autoselect: boolean;
+    editable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    main: CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
+        id: {
+            type: PropType<UiPageHeaderProperties["id"]>;
+            validator: (id: unknown) => boolean;
+            default: undefined;
+        };
+        value: {
+            type: PropType<UiPageHeaderProperties["value"]>;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        error: {
+            type: StringConstructor;
+            default: string;
+        };
+        editable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoselect: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onBlur?: ((event: Event) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        "onUpdate:value"?: ((value: string | number) => any) | undefined;
+    }>, {
+        focus(): void;
+        blur(): void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        blur: (event: Event) => any;
+        change: (event: Event) => any;
+        focus: (event: FocusEvent) => any;
+        keydown: (event: KeyboardEvent) => any;
+        "update:value": (value: string | number) => any;
+    }, PublicProps, {
+        error: string;
+        invalid: boolean;
+        placeholder: string;
+        id: string | undefined;
+        disabled: boolean;
+        value: string | number | null | undefined;
+        readonly: boolean;
+        autofocus: boolean;
+        autoselect: boolean;
+        editable: boolean;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        textbox: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+                invalid: boolean;
+                placeholder: string;
+                size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+                id: string | undefined;
+                max: number | `${number}`;
+                min: number | `${number}`;
+                step: number | `${number}` | "any";
+                disabled: boolean;
+                outlined: boolean;
+                active: boolean;
+                value: string | number | null;
+                required: boolean;
+                clearable: boolean;
+                readonly: boolean;
+                autocomplete: "off" | "on";
+                inputmode: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE;
+                maxlength: string | number;
+                decimals: number | `${number}` | "*";
+                prefix: string;
+                suffix: string;
+                autofocus: boolean;
+                autoselect: boolean;
+                multiline: boolean;
+                rows: string | number;
+                cols: string | number;
+                autofit: boolean;
+                inputAttributes: UiTextboxInputAttributes;
+            }> & Omit<{
+                readonly type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+                readonly invalid: boolean;
+                readonly placeholder: string;
+                readonly size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+                readonly max: number | `${number}`;
+                readonly min: number | `${number}`;
+                readonly step: number | `${number}` | "any";
+                readonly disabled: boolean;
+                readonly outlined: boolean;
+                readonly active: boolean;
+                readonly value: string | number | null;
+                readonly required: boolean;
+                readonly clearable: boolean;
+                readonly readonly: boolean;
+                readonly autocomplete: "off" | "on";
+                readonly decimals: number | `${number}` | "*";
+                readonly prefix: string;
+                readonly suffix: string;
+                readonly autofocus: boolean;
+                readonly autoselect: boolean;
+                readonly multiline: boolean;
+                readonly rows: string | number;
+                readonly cols: string | number;
+                readonly autofit: boolean;
+                readonly inputAttributes: UiTextboxInputAttributes;
+                readonly id?: string | undefined;
+                readonly inputmode?: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE | undefined;
+                readonly maxlength?: string | number | undefined;
+                readonly onBlur?: ((args_0: Event) => any) | undefined;
+                readonly onChange?: ((args_0: Event) => any) | undefined;
+                readonly onFocus?: ((args_0: FocusEvent) => any) | undefined;
+                readonly onInput?: ((args_0: Event) => any) | undefined;
+                readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+                readonly onPaste?: ((args_0: ClipboardEvent) => any) | undefined;
+                readonly onClear?: (() => any) | undefined;
+                readonly "onUpdate:value"?: ((value: string | number) => any) | undefined;
+                readonly "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "invalid" | "placeholder" | "size" | "id" | "max" | "min" | "step" | "disabled" | "outlined" | "active" | "value" | "required" | "clearable" | "readonly" | "autocomplete" | "inputmode" | "maxlength" | "decimals" | "prefix" | "suffix" | "autofocus" | "autoselect" | "multiline" | "rows" | "cols" | "autofit" | "inputAttributes">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                root: HTMLSpanElement;
+                textbox: HTMLTextAreaElement;
+                placeholderRef: HTMLSpanElement;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "blur", args_0: Event) => void) & ((event: "change", args_0: Event) => void) & ((event: "focus", args_0: FocusEvent) => void) & ((event: "input", args_0: Event) => void) & ((event: "keydown", args_0: KeyboardEvent) => void) & ((event: "paste", args_0: ClipboardEvent) => void) & ((event: "clear") => void) & ((event: "update:value", value: string | number) => void) & ((event: "update:focused", focused: boolean) => void);
+            $el: HTMLSpanElement;
+            $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+                id: {
+                    type: PropType<string | undefined>;
+                    validator: (id: unknown) => boolean;
+                    default: undefined;
+                };
+                type: {
+                    type: PropType<TYPE_2 | `${TYPE_2}`>;
+                    validator: (value: string) => boolean;
+                    default: TYPE_2;
+                };
+                value: {
+                    type: PropType<string | number | null>;
+                    default: null;
+                };
+                max: {
+                    type: PropType<number | `${number}`>;
+                    validator: (value: unknown) => boolean;
+                    default: number;
+                };
+                min: {
+                    type: PropType<number | `${number}`>;
+                    validator: (value: unknown) => boolean;
+                    default: number;
+                };
+                step: {
+                    type: PropType<number | `${number}` | "any">;
+                    validator: (value: unknown) => boolean;
+                    default: number;
+                };
+                autocomplete: {
+                    type: PropType<"on" | "off">;
+                    validator: (value: string) => boolean;
+                    default: string;
+                };
+                inputmode: {
+                    type: PropType<INPUTMODE | `${INPUTMODE}`>;
+                    default: undefined;
+                };
+                maxlength: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: undefined;
+                };
+                decimals: {
+                    type: PropType<number | `${number}` | "*">;
+                    validator: (value: unknown) => boolean;
+                    default: "*";
+                };
+                size: {
+                    type: PropType<SIZE_4 | `${SIZE_4}`>;
+                    default: SIZE_4;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                prefix: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                suffix: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autofocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autoselect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                invalid: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                multiline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                rows: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    validator: (value: unknown) => boolean;
+                    default: number;
+                };
+                cols: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    validator: (value: unknown) => boolean;
+                    default: number;
+                };
+                outlined: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autofit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                inputAttributes: {
+                    type: PropType<UiTextboxInputAttributes>;
+                    default: () => {};
+                };
+            }>> & Readonly<{
+                onBlur?: ((args_0: Event) => any) | undefined;
+                onChange?: ((args_0: Event) => any) | undefined;
+                onFocus?: ((args_0: FocusEvent) => any) | undefined;
+                onInput?: ((args_0: Event) => any) | undefined;
+                onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+                onPaste?: ((args_0: ClipboardEvent) => any) | undefined;
+                onClear?: (() => any) | undefined;
+                "onUpdate:value"?: ((value: string | number) => any) | undefined;
+                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            }>, {
+                getSelectionStart(): number | null;
+                getSelectionEnd(): number | null;
+                setSelectionRange(start: number, end: number): void;
+                focus(): void;
+                blur(): void;
+                select(): void;
+                insert(value: string): Promise<void>;
+                clear(): void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                blur: (args_0: Event) => any;
+                change: (args_0: Event) => any;
+                focus: (args_0: FocusEvent) => any;
+                input: (args_0: Event) => any;
+                keydown: (args_0: KeyboardEvent) => any;
+                paste: (args_0: ClipboardEvent) => any;
+                clear: () => any;
+                "update:value": (value: string | number) => any;
+                "update:focused": (focused: boolean) => any;
+            }, string, {
+                type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+                invalid: boolean;
+                placeholder: string;
+                size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+                id: string | undefined;
+                max: number | `${number}`;
+                min: number | `${number}`;
+                step: number | `${number}` | "any";
+                disabled: boolean;
+                outlined: boolean;
+                active: boolean;
+                value: string | number | null;
+                required: boolean;
+                clearable: boolean;
+                readonly: boolean;
+                autocomplete: "off" | "on";
+                inputmode: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE;
+                maxlength: string | number;
+                decimals: number | `${number}` | "*";
+                prefix: string;
+                suffix: string;
+                autofocus: boolean;
+                autoselect: boolean;
+                multiline: boolean;
+                rows: string | number;
+                cols: string | number;
+                autofit: boolean;
+                inputAttributes: UiTextboxInputAttributes;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [
+                R,
+                R,
+                OnCleanup
+            ]) => any : (...args: [
+                any,
+                any,
+                OnCleanup
+            ]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{
+            type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+            invalid: boolean;
+            placeholder: string;
+            size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+            id: string | undefined;
+            max: number | `${number}`;
+            min: number | `${number}`;
+            step: number | `${number}` | "any";
+            disabled: boolean;
+            outlined: boolean;
+            active: boolean;
+            value: string | number | null;
+            required: boolean;
+            clearable: boolean;
+            readonly: boolean;
+            autocomplete: "off" | "on";
+            inputmode: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE;
+            maxlength: string | number;
+            decimals: number | `${number}` | "*";
+            prefix: string;
+            suffix: string;
+            autofocus: boolean;
+            autoselect: boolean;
+            multiline: boolean;
+            rows: string | number;
+            cols: string | number;
+            autofit: boolean;
+            inputAttributes: UiTextboxInputAttributes;
+        }> & Omit<Readonly<ExtractPropTypes<{
+            id: {
+                type: PropType<string | undefined>;
+                validator: (id: unknown) => boolean;
+                default: undefined;
+            };
+            type: {
+                type: PropType<TYPE_2 | `${TYPE_2}`>;
+                validator: (value: string) => boolean;
+                default: TYPE_2;
+            };
+            value: {
+                type: PropType<string | number | null>;
+                default: null;
+            };
+            max: {
+                type: PropType<number | `${number}`>;
+                validator: (value: unknown) => boolean;
+                default: number;
+            };
+            min: {
+                type: PropType<number | `${number}`>;
+                validator: (value: unknown) => boolean;
+                default: number;
+            };
+            step: {
+                type: PropType<number | `${number}` | "any">;
+                validator: (value: unknown) => boolean;
+                default: number;
+            };
+            autocomplete: {
+                type: PropType<"on" | "off">;
+                validator: (value: string) => boolean;
+                default: string;
+            };
+            inputmode: {
+                type: PropType<INPUTMODE | `${INPUTMODE}`>;
+                default: undefined;
+            };
+            maxlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            decimals: {
+                type: PropType<number | `${number}` | "*">;
+                validator: (value: unknown) => boolean;
+                default: "*";
+            };
+            size: {
+                type: PropType<SIZE_4 | `${SIZE_4}`>;
+                default: SIZE_4;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            prefix: {
+                type: StringConstructor;
+                default: string;
+            };
+            suffix: {
+                type: StringConstructor;
+                default: string;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autofocus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoselect: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            invalid: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rows: {
+                type: (StringConstructor | NumberConstructor)[];
+                validator: (value: unknown) => boolean;
+                default: number;
+            };
+            cols: {
+                type: (StringConstructor | NumberConstructor)[];
+                validator: (value: unknown) => boolean;
+                default: number;
+            };
+            outlined: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autofit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            inputAttributes: {
+                type: PropType<UiTextboxInputAttributes>;
+                default: () => {};
+            };
+        }>> & Readonly<{
+            onBlur?: ((args_0: Event) => any) | undefined;
+            onChange?: ((args_0: Event) => any) | undefined;
+            onFocus?: ((args_0: FocusEvent) => any) | undefined;
+            onInput?: ((args_0: Event) => any) | undefined;
+            onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+            onPaste?: ((args_0: ClipboardEvent) => any) | undefined;
+            onClear?: (() => any) | undefined;
+            "onUpdate:value"?: ((value: string | number) => any) | undefined;
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        }>, "insert" | "blur" | "focus" | "select" | "clear" | "getSelectionStart" | "getSelectionEnd" | "setSelectionRange" | ("type" | "invalid" | "placeholder" | "size" | "id" | "max" | "min" | "step" | "disabled" | "outlined" | "active" | "value" | "required" | "clearable" | "readonly" | "autocomplete" | "inputmode" | "maxlength" | "decimals" | "prefix" | "suffix" | "autofocus" | "autoselect" | "multiline" | "rows" | "cols" | "autofit" | "inputAttributes")> & ShallowUnwrapRef<{
+            getSelectionStart(): number | null;
+            getSelectionEnd(): number | null;
+            setSelectionRange(start: number, end: number): void;
+            focus(): void;
+            blur(): void;
+            select(): void;
+            insert(value: string): Promise<void>;
+            clear(): void;
+        }> & {} & ComponentCustomProperties & {} & {
+            $slots: {
+                prefix?(_: {}): any;
+                'leading-icon'?(_: {}): any;
+                'trailing-icon'?(_: {}): any;
+                suffix?(_: {}): any;
+            };
+        }) | null;
+    }, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<ExtractPropTypes<{
+        id: {
+            type: PropType<UiPageHeaderProperties["id"]>;
+            validator: (id: unknown) => boolean;
+            default: undefined;
+        };
+        value: {
+            type: PropType<UiPageHeaderProperties["value"]>;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        error: {
+            type: StringConstructor;
+            default: string;
+        };
+        editable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoselect: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onBlur?: ((event: Event) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        "onUpdate:value"?: ((value: string | number) => any) | undefined;
+    }>, {
+        focus(): void;
+        blur(): void;
+    }, {}, {}, {}, {
+        error: string;
+        invalid: boolean;
+        placeholder: string;
+        id: string | undefined;
+        disabled: boolean;
+        value: string | number | null | undefined;
+        readonly: boolean;
+        autofocus: boolean;
+        autoselect: boolean;
+        editable: boolean;
+    }> | null;
+}, any>;
+declare const __VLS_component_3: DefineComponent_2<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component_4: DefineComponent_2<ExtractPropTypes<{
     size: {
         type: PropType<SIZE_10 | `${SIZE_10}`>;
         default: SIZE_10;
@@ -203,6 +969,630 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: {
+        addon?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {
+        main: CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<{
+            id: {
+                type: PropType<UiPageHeaderProperties["id"]>;
+                validator: (id: unknown) => boolean;
+                default: undefined;
+            };
+            value: {
+                type: PropType<UiPageHeaderProperties["value"]>;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            error: {
+                type: StringConstructor;
+                default: string;
+            };
+            editable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autofocus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoselect: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            invalid: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onBlur?: ((event: Event) => any) | undefined;
+            onChange?: ((event: Event) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            "onUpdate:value"?: ((value: string | number) => any) | undefined;
+        }>, {
+            focus(): void;
+            blur(): void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            blur: (event: Event) => any;
+            change: (event: Event) => any;
+            focus: (event: FocusEvent) => any;
+            keydown: (event: KeyboardEvent) => any;
+            "update:value": (value: string | number) => any;
+        }, PublicProps, {
+            error: string;
+            invalid: boolean;
+            placeholder: string;
+            id: string | undefined;
+            disabled: boolean;
+            value: string | number | null | undefined;
+            readonly: boolean;
+            autofocus: boolean;
+            autoselect: boolean;
+            editable: boolean;
+        }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
+            textbox: ({
+                $: ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{
+                    type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+                    invalid: boolean;
+                    placeholder: string;
+                    size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+                    id: string | undefined;
+                    max: number | `${number}`;
+                    min: number | `${number}`;
+                    step: number | `${number}` | "any";
+                    disabled: boolean;
+                    outlined: boolean;
+                    active: boolean;
+                    value: string | number | null;
+                    required: boolean;
+                    clearable: boolean;
+                    readonly: boolean;
+                    autocomplete: "off" | "on";
+                    inputmode: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE;
+                    maxlength: string | number;
+                    decimals: number | `${number}` | "*";
+                    prefix: string;
+                    suffix: string;
+                    autofocus: boolean;
+                    autoselect: boolean;
+                    multiline: boolean;
+                    rows: string | number;
+                    cols: string | number;
+                    autofit: boolean;
+                    inputAttributes: UiTextboxInputAttributes;
+                }> & Omit<{
+                    readonly type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+                    readonly invalid: boolean;
+                    readonly placeholder: string;
+                    readonly size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+                    readonly max: number | `${number}`;
+                    readonly min: number | `${number}`;
+                    readonly step: number | `${number}` | "any";
+                    readonly disabled: boolean;
+                    readonly outlined: boolean;
+                    readonly active: boolean;
+                    readonly value: string | number | null;
+                    readonly required: boolean;
+                    readonly clearable: boolean;
+                    readonly readonly: boolean;
+                    readonly autocomplete: "off" | "on";
+                    readonly decimals: number | `${number}` | "*";
+                    readonly prefix: string;
+                    readonly suffix: string;
+                    readonly autofocus: boolean;
+                    readonly autoselect: boolean;
+                    readonly multiline: boolean;
+                    readonly rows: string | number;
+                    readonly cols: string | number;
+                    readonly autofit: boolean;
+                    readonly inputAttributes: UiTextboxInputAttributes;
+                    readonly id?: string | undefined;
+                    readonly inputmode?: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE | undefined;
+                    readonly maxlength?: string | number | undefined;
+                    readonly onBlur?: ((args_0: Event) => any) | undefined;
+                    readonly onChange?: ((args_0: Event) => any) | undefined;
+                    readonly onFocus?: ((args_0: FocusEvent) => any) | undefined;
+                    readonly onInput?: ((args_0: Event) => any) | undefined;
+                    readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+                    readonly onPaste?: ((args_0: ClipboardEvent) => any) | undefined;
+                    readonly onClear?: (() => any) | undefined;
+                    readonly "onUpdate:value"?: ((value: string | number) => any) | undefined;
+                    readonly "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "invalid" | "placeholder" | "size" | "id" | "max" | "min" | "step" | "disabled" | "outlined" | "active" | "value" | "required" | "clearable" | "readonly" | "autocomplete" | "inputmode" | "maxlength" | "decimals" | "prefix" | "suffix" | "autofocus" | "autoselect" | "multiline" | "rows" | "cols" | "autofit" | "inputAttributes">;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    root: HTMLSpanElement;
+                    textbox: HTMLTextAreaElement;
+                    placeholderRef: HTMLSpanElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: Slot<any> | undefined;
+                }>;
+                $root: ComponentPublicInstance | null;
+                $parent: ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "blur", args_0: Event) => void) & ((event: "change", args_0: Event) => void) & ((event: "focus", args_0: FocusEvent) => void) & ((event: "input", args_0: Event) => void) & ((event: "keydown", args_0: KeyboardEvent) => void) & ((event: "paste", args_0: ClipboardEvent) => void) & ((event: "clear") => void) & ((event: "update:value", value: string | number) => void) & ((event: "update:focused", focused: boolean) => void);
+                $el: HTMLSpanElement;
+                $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+                    id: {
+                        type: PropType<string | undefined>;
+                        validator: (id: unknown) => boolean;
+                        default: undefined;
+                    };
+                    type: {
+                        type: PropType<TYPE_2 | `${TYPE_2}`>;
+                        validator: (value: string) => boolean;
+                        default: TYPE_2;
+                    };
+                    value: {
+                        type: PropType<string | number | null>;
+                        default: null;
+                    };
+                    max: {
+                        type: PropType<number | `${number}`>;
+                        validator: (value: unknown) => boolean;
+                        default: number;
+                    };
+                    min: {
+                        type: PropType<number | `${number}`>;
+                        validator: (value: unknown) => boolean;
+                        default: number;
+                    };
+                    step: {
+                        type: PropType<number | `${number}` | "any">;
+                        validator: (value: unknown) => boolean;
+                        default: number;
+                    };
+                    autocomplete: {
+                        type: PropType<"on" | "off">;
+                        validator: (value: string) => boolean;
+                        default: string;
+                    };
+                    inputmode: {
+                        type: PropType<INPUTMODE | `${INPUTMODE}`>;
+                        default: undefined;
+                    };
+                    maxlength: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        default: undefined;
+                    };
+                    decimals: {
+                        type: PropType<number | `${number}` | "*">;
+                        validator: (value: unknown) => boolean;
+                        default: "*";
+                    };
+                    size: {
+                        type: PropType<SIZE_4 | `${SIZE_4}`>;
+                        default: SIZE_4;
+                    };
+                    placeholder: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    prefix: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    suffix: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    active: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    autofocus: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    autoselect: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    clearable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    readonly: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    required: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    invalid: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    multiline: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    rows: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        validator: (value: unknown) => boolean;
+                        default: number;
+                    };
+                    cols: {
+                        type: (StringConstructor | NumberConstructor)[];
+                        validator: (value: unknown) => boolean;
+                        default: number;
+                    };
+                    outlined: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    autofit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    inputAttributes: {
+                        type: PropType<UiTextboxInputAttributes>;
+                        default: () => {};
+                    };
+                }>> & Readonly<{
+                    onBlur?: ((args_0: Event) => any) | undefined;
+                    onChange?: ((args_0: Event) => any) | undefined;
+                    onFocus?: ((args_0: FocusEvent) => any) | undefined;
+                    onInput?: ((args_0: Event) => any) | undefined;
+                    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+                    onPaste?: ((args_0: ClipboardEvent) => any) | undefined;
+                    onClear?: (() => any) | undefined;
+                    "onUpdate:value"?: ((value: string | number) => any) | undefined;
+                    "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+                }>, {
+                    getSelectionStart(): number | null;
+                    getSelectionEnd(): number | null;
+                    setSelectionRange(start: number, end: number): void;
+                    focus(): void;
+                    blur(): void;
+                    select(): void;
+                    insert(value: string): Promise<void>;
+                    clear(): void;
+                }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                    blur: (args_0: Event) => any;
+                    change: (args_0: Event) => any;
+                    focus: (args_0: FocusEvent) => any;
+                    input: (args_0: Event) => any;
+                    keydown: (args_0: KeyboardEvent) => any;
+                    paste: (args_0: ClipboardEvent) => any;
+                    clear: () => any;
+                    "update:value": (value: string | number) => any;
+                    "update:focused": (focused: boolean) => any;
+                }, string, {
+                    type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+                    invalid: boolean;
+                    placeholder: string;
+                    size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+                    id: string | undefined;
+                    max: number | `${number}`;
+                    min: number | `${number}`;
+                    step: number | `${number}` | "any";
+                    disabled: boolean;
+                    outlined: boolean;
+                    active: boolean;
+                    value: string | number | null;
+                    required: boolean;
+                    clearable: boolean;
+                    readonly: boolean;
+                    autocomplete: "off" | "on";
+                    inputmode: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE;
+                    maxlength: string | number;
+                    decimals: number | `${number}` | "*";
+                    prefix: string;
+                    suffix: string;
+                    autofocus: boolean;
+                    autoselect: boolean;
+                    multiline: boolean;
+                    rows: string | number;
+                    cols: string | number;
+                    autofit: boolean;
+                    inputAttributes: UiTextboxInputAttributes;
+                }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [
+                    R,
+                    R,
+                    OnCleanup
+                ]) => any : (...args: [
+                    any,
+                    any,
+                    OnCleanup
+                ]) => any, options?: WatchOptions): WatchStopHandle;
+            } & Readonly<{
+                type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+                invalid: boolean;
+                placeholder: string;
+                size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+                id: string | undefined;
+                max: number | `${number}`;
+                min: number | `${number}`;
+                step: number | `${number}` | "any";
+                disabled: boolean;
+                outlined: boolean;
+                active: boolean;
+                value: string | number | null;
+                required: boolean;
+                clearable: boolean;
+                readonly: boolean;
+                autocomplete: "off" | "on";
+                inputmode: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE;
+                maxlength: string | number;
+                decimals: number | `${number}` | "*";
+                prefix: string;
+                suffix: string;
+                autofocus: boolean;
+                autoselect: boolean;
+                multiline: boolean;
+                rows: string | number;
+                cols: string | number;
+                autofit: boolean;
+                inputAttributes: UiTextboxInputAttributes;
+            }> & Omit<Readonly<ExtractPropTypes<{
+                id: {
+                    type: PropType<string | undefined>;
+                    validator: (id: unknown) => boolean;
+                    default: undefined;
+                };
+                type: {
+                    type: PropType<TYPE_2 | `${TYPE_2}`>;
+                    validator: (value: string) => boolean;
+                    default: TYPE_2;
+                };
+                value: {
+                    type: PropType<string | number | null>;
+                    default: null;
+                };
+                max: {
+                    type: PropType<number | `${number}`>;
+                    validator: (value: unknown) => boolean;
+                    default: number;
+                };
+                min: {
+                    type: PropType<number | `${number}`>;
+                    validator: (value: unknown) => boolean;
+                    default: number;
+                };
+                step: {
+                    type: PropType<number | `${number}` | "any">;
+                    validator: (value: unknown) => boolean;
+                    default: number;
+                };
+                autocomplete: {
+                    type: PropType<"on" | "off">;
+                    validator: (value: string) => boolean;
+                    default: string;
+                };
+                inputmode: {
+                    type: PropType<INPUTMODE | `${INPUTMODE}`>;
+                    default: undefined;
+                };
+                maxlength: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    default: undefined;
+                };
+                decimals: {
+                    type: PropType<number | `${number}` | "*">;
+                    validator: (value: unknown) => boolean;
+                    default: "*";
+                };
+                size: {
+                    type: PropType<SIZE_4 | `${SIZE_4}`>;
+                    default: SIZE_4;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                prefix: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                suffix: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autofocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autoselect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                invalid: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                multiline: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                rows: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    validator: (value: unknown) => boolean;
+                    default: number;
+                };
+                cols: {
+                    type: (StringConstructor | NumberConstructor)[];
+                    validator: (value: unknown) => boolean;
+                    default: number;
+                };
+                outlined: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autofit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                inputAttributes: {
+                    type: PropType<UiTextboxInputAttributes>;
+                    default: () => {};
+                };
+            }>> & Readonly<{
+                onBlur?: ((args_0: Event) => any) | undefined;
+                onChange?: ((args_0: Event) => any) | undefined;
+                onFocus?: ((args_0: FocusEvent) => any) | undefined;
+                onInput?: ((args_0: Event) => any) | undefined;
+                onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+                onPaste?: ((args_0: ClipboardEvent) => any) | undefined;
+                onClear?: (() => any) | undefined;
+                "onUpdate:value"?: ((value: string | number) => any) | undefined;
+                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+            }>, "insert" | "blur" | "focus" | "select" | "clear" | "getSelectionStart" | "getSelectionEnd" | "setSelectionRange" | ("type" | "invalid" | "placeholder" | "size" | "id" | "max" | "min" | "step" | "disabled" | "outlined" | "active" | "value" | "required" | "clearable" | "readonly" | "autocomplete" | "inputmode" | "maxlength" | "decimals" | "prefix" | "suffix" | "autofocus" | "autoselect" | "multiline" | "rows" | "cols" | "autofit" | "inputAttributes")> & ShallowUnwrapRef<{
+                getSelectionStart(): number | null;
+                getSelectionEnd(): number | null;
+                setSelectionRange(start: number, end: number): void;
+                focus(): void;
+                blur(): void;
+                select(): void;
+                insert(value: string): Promise<void>;
+                clear(): void;
+            }> & {} & ComponentCustomProperties & {} & {
+                $slots: {
+                    prefix?(_: {}): any;
+                    'leading-icon'?(_: {}): any;
+                    'trailing-icon'?(_: {}): any;
+                    suffix?(_: {}): any;
+                };
+            }) | null;
+        }, any, ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<ExtractPropTypes<{
+            id: {
+                type: PropType<UiPageHeaderProperties["id"]>;
+                validator: (id: unknown) => boolean;
+                default: undefined;
+            };
+            value: {
+                type: PropType<UiPageHeaderProperties["value"]>;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            error: {
+                type: StringConstructor;
+                default: string;
+            };
+            editable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autofocus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoselect: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            invalid: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onBlur?: ((event: Event) => any) | undefined;
+            onChange?: ((event: Event) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            "onUpdate:value"?: ((value: string | number) => any) | undefined;
+        }>, {
+            focus(): void;
+            blur(): void;
+        }, {}, {}, {}, {
+            error: string;
+            invalid: boolean;
+            placeholder: string;
+            id: string | undefined;
+            disabled: boolean;
+            value: string | number | null | undefined;
+            readonly: boolean;
+            autofocus: boolean;
+            autoselect: boolean;
+            editable: boolean;
+        }> | null;
+    };
+    rootEl: any;
+};
+declare function __VLS_template_3(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -210,7 +1600,7 @@ declare function __VLS_template_2(): {
     refs: {};
     rootEl: any;
 };
-declare function __VLS_template_3(): {
+declare function __VLS_template_4(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -221,6 +1611,7 @@ declare function __VLS_template_3(): {
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -236,6 +1627,11 @@ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
         $slots: S;
     };
 };
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 declare type Adaptation = 'flip' | 'shift';
 export declare enum ALIGN {
     LEFT = "left",
@@ -346,6 +1742,7 @@ declare enum DIRECTION_3 {
     HORIZONTAL = "horizontal",
     VERTICAL = "vertical"
 }
+export declare type EqualPredicate = (a: unknown, b: unknown) => boolean;
 declare type FloatingOptions = {
     placement?: PlacementLiteral | PlacementOptions;
     offsetMainAxis?: number | string;
@@ -377,6 +1774,12 @@ declare type MODAL_WINDOW_ROLE = 'dialog' | 'alertdialog';
 export declare const ModalPlugin: Plugin_2;
 declare type Numeric = number | string;
 declare type Option_2 = {
+    value: unknown;
+    label: string;
+    disabled?: boolean;
+};
+export { Option_2 as Option };
+declare type Option_3 = {
     id: string;
     value: unknown;
     label: string;
@@ -399,6 +1802,15 @@ declare type QuickOption = {
     label: string;
     value: Exclude<QuickDate, null>;
 };
+export declare enum RADIO_SWITCH_APPEARANCE {
+    DEFAULT = "default",
+    SECTION = "section"
+}
+export declare enum RADIO_SWITCH_SIZE {
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
 declare type ResolveProps<PropsOrPropOptions, E extends EmitsOptions> = Readonly<PropsOrPropOptions extends ComponentPropsOptions ? ExtractPropTypes<PropsOrPropOptions> : PropsOrPropOptions> & (Record<string, never> extends E ? Record<string, never> : EmitsToProps<E>);
 export declare type RowAttrs = Record<string, string | number | boolean | undefined> & {
     class?: CssClass;
@@ -505,6 +1917,31 @@ declare enum SYNCHRONIZATION {
     INSTANT = "instant",
     CONFIRMED = "confirmed"
 }
+export declare enum TAB_APPEARANCE {
+    TEXT = "text",
+    FILLED = "filled"
+}
+export declare enum TAB_SIZE {
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+export declare type TabFocusDirection = 'next' | 'prev' | 'first' | 'last';
+export declare type TabItem = {
+    id: string;
+    label?: string;
+    counter?: string | number | null;
+    disabled?: boolean;
+    iconOnly?: boolean;
+};
+export declare type TabLayout = {
+    headIds: string[];
+    menuIds: string[];
+};
+export declare type TabMoveFocusIntent = {
+    id: string;
+    direction: TabFocusDirection;
+};
 declare type TimeArray = [
     number,
     number
@@ -818,10 +2255,635 @@ declare type UiNumberStepperProperties = {
     outlined?: boolean;
     textboxOptions?: Partial<Omit<UiTextboxProperties, 'id' | 'value' | 'type' | 'min' | 'max' | 'step' | 'decimals' | 'clearable' | 'disabled' | 'readonly' | 'required' | 'size' | 'outlined' | 'autofit' | 'inputAttributes'>>;
 };
+export declare const UiPageHeader: DefineComponent<UiPageHeaderProperties, UiPageHeaderMethods>;
+export declare const UiPageHeaderLayout: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+declare type UiPageHeaderMethods = {
+    focus(): void;
+    blur(): void;
+};
+declare type UiPageHeaderProperties = {
+    id?: string;
+    value?: string | number | null;
+    placeholder?: string;
+    error?: string;
+    editable?: boolean;
+    autofocus?: boolean;
+    autoselect?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+};
+export declare const UiPageHeaderTitle: DefineComponent_2<ExtractPropTypes<{
+    /** Уникальный идентификатор корневого элемента */
+    id: {
+        type: PropType<UiPageHeaderProperties["id"]>;
+        validator: (id: unknown) => boolean;
+        default: undefined;
+    };
+    /** Текст заголовка */
+    value: {
+        type: PropType<UiPageHeaderProperties["value"]>;
+        default: string;
+    };
+    /** Плейсхолдер, отображаемый при отсутствии текста */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Текст ошибки для tooltip при пустом невалидном заголовке */
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Разрешает перейти в режим редактирования по клику */
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Автоматически переводит фокус во встроенный UiTextbox при монтировании */
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Автоматически выделяет текст заголовка при фокусе на встроенном поле */
+    autoselect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Делает встроенное поле только для чтения */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Полностью отключает заголовок */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Помечает встроенное поле как невалидное */
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    focus(): void;
+    blur(): void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    blur: (event: Event) => any;
+    change: (event: Event) => any;
+    focus: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
+    "update:value": (value: string | number) => any;
+}, string, PublicProps, Readonly<ExtractPropTypes<{
+    /** Уникальный идентификатор корневого элемента */
+    id: {
+        type: PropType<UiPageHeaderProperties["id"]>;
+        validator: (id: unknown) => boolean;
+        default: undefined;
+    };
+    /** Текст заголовка */
+    value: {
+        type: PropType<UiPageHeaderProperties["value"]>;
+        default: string;
+    };
+    /** Плейсхолдер, отображаемый при отсутствии текста */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Текст ошибки для tooltip при пустом невалидном заголовке */
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Разрешает перейти в режим редактирования по клику */
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Автоматически переводит фокус во встроенный UiTextbox при монтировании */
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Автоматически выделяет текст заголовка при фокусе на встроенном поле */
+    autoselect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Делает встроенное поле только для чтения */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Полностью отключает заголовок */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Помечает встроенное поле как невалидное */
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onBlur?: ((event: Event) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string | number) => any) | undefined;
+}>, {
+    error: string;
+    invalid: boolean;
+    placeholder: string;
+    id: string | undefined;
+    disabled: boolean;
+    value: string | number | null | undefined;
+    readonly: boolean;
+    autofocus: boolean;
+    autoselect: boolean;
+    editable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    textbox: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+            invalid: boolean;
+            placeholder: string;
+            size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+            id: string | undefined;
+            max: number | `${number}`;
+            min: number | `${number}`;
+            step: number | `${number}` | "any";
+            disabled: boolean;
+            outlined: boolean;
+            active: boolean;
+            value: string | number | null;
+            required: boolean;
+            clearable: boolean;
+            readonly: boolean;
+            autocomplete: "off" | "on";
+            inputmode: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE;
+            maxlength: string | number;
+            decimals: number | `${number}` | "*";
+            prefix: string;
+            suffix: string;
+            autofocus: boolean;
+            autoselect: boolean;
+            multiline: boolean;
+            rows: string | number;
+            cols: string | number;
+            autofit: boolean;
+            inputAttributes: UiTextboxInputAttributes;
+        }> & Omit<{
+            readonly type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+            readonly invalid: boolean;
+            readonly placeholder: string;
+            readonly size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+            readonly max: number | `${number}`;
+            readonly min: number | `${number}`;
+            readonly step: number | `${number}` | "any";
+            readonly disabled: boolean;
+            readonly outlined: boolean;
+            readonly active: boolean;
+            readonly value: string | number | null;
+            readonly required: boolean;
+            readonly clearable: boolean;
+            readonly readonly: boolean;
+            readonly autocomplete: "off" | "on";
+            readonly decimals: number | `${number}` | "*";
+            readonly prefix: string;
+            readonly suffix: string;
+            readonly autofocus: boolean;
+            readonly autoselect: boolean;
+            readonly multiline: boolean;
+            readonly rows: string | number;
+            readonly cols: string | number;
+            readonly autofit: boolean;
+            readonly inputAttributes: UiTextboxInputAttributes;
+            readonly id?: string | undefined;
+            readonly inputmode?: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE | undefined;
+            readonly maxlength?: string | number | undefined;
+            readonly onBlur?: ((args_0: Event) => any) | undefined;
+            readonly onChange?: ((args_0: Event) => any) | undefined;
+            readonly onFocus?: ((args_0: FocusEvent) => any) | undefined;
+            readonly onInput?: ((args_0: Event) => any) | undefined;
+            readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+            readonly onPaste?: ((args_0: ClipboardEvent) => any) | undefined;
+            readonly onClear?: (() => any) | undefined;
+            readonly "onUpdate:value"?: ((value: string | number) => any) | undefined;
+            readonly "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "type" | "invalid" | "placeholder" | "size" | "id" | "max" | "min" | "step" | "disabled" | "outlined" | "active" | "value" | "required" | "clearable" | "readonly" | "autocomplete" | "inputmode" | "maxlength" | "decimals" | "prefix" | "suffix" | "autofocus" | "autoselect" | "multiline" | "rows" | "cols" | "autofit" | "inputAttributes">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            root: HTMLSpanElement;
+            textbox: HTMLTextAreaElement;
+            placeholderRef: HTMLSpanElement;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "blur", args_0: Event) => void) & ((event: "change", args_0: Event) => void) & ((event: "focus", args_0: FocusEvent) => void) & ((event: "input", args_0: Event) => void) & ((event: "keydown", args_0: KeyboardEvent) => void) & ((event: "paste", args_0: ClipboardEvent) => void) & ((event: "clear") => void) & ((event: "update:value", value: string | number) => void) & ((event: "update:focused", focused: boolean) => void);
+        $el: HTMLSpanElement;
+        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            id: {
+                type: PropType<string | undefined>;
+                validator: (id: unknown) => boolean;
+                default: undefined;
+            };
+            type: {
+                type: PropType<TYPE_2 | `${TYPE_2}`>;
+                validator: (value: string) => boolean;
+                default: TYPE_2;
+            };
+            value: {
+                type: PropType<string | number | null>;
+                default: null;
+            };
+            max: {
+                type: PropType<number | `${number}`>;
+                validator: (value: unknown) => boolean;
+                default: number;
+            };
+            min: {
+                type: PropType<number | `${number}`>;
+                validator: (value: unknown) => boolean;
+                default: number;
+            };
+            step: {
+                type: PropType<number | `${number}` | "any">;
+                validator: (value: unknown) => boolean;
+                default: number;
+            };
+            autocomplete: {
+                type: PropType<"on" | "off">;
+                validator: (value: string) => boolean;
+                default: string;
+            };
+            inputmode: {
+                type: PropType<INPUTMODE | `${INPUTMODE}`>;
+                default: undefined;
+            };
+            maxlength: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            decimals: {
+                type: PropType<number | `${number}` | "*">;
+                validator: (value: unknown) => boolean;
+                default: "*";
+            };
+            size: {
+                type: PropType<SIZE_4 | `${SIZE_4}`>;
+                default: SIZE_4;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            prefix: {
+                type: StringConstructor;
+                default: string;
+            };
+            suffix: {
+                type: StringConstructor;
+                default: string;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autofocus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autoselect: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            invalid: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            multiline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rows: {
+                type: (StringConstructor | NumberConstructor)[];
+                validator: (value: unknown) => boolean;
+                default: number;
+            };
+            cols: {
+                type: (StringConstructor | NumberConstructor)[];
+                validator: (value: unknown) => boolean;
+                default: number;
+            };
+            outlined: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autofit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            inputAttributes: {
+                type: PropType<UiTextboxInputAttributes>;
+                default: () => {};
+            };
+        }>> & Readonly<{
+            onBlur?: ((args_0: Event) => any) | undefined;
+            onChange?: ((args_0: Event) => any) | undefined;
+            onFocus?: ((args_0: FocusEvent) => any) | undefined;
+            onInput?: ((args_0: Event) => any) | undefined;
+            onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+            onPaste?: ((args_0: ClipboardEvent) => any) | undefined;
+            onClear?: (() => any) | undefined;
+            "onUpdate:value"?: ((value: string | number) => any) | undefined;
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+        }>, {
+            getSelectionStart(): number | null;
+            getSelectionEnd(): number | null;
+            setSelectionRange(start: number, end: number): void;
+            focus(): void;
+            blur(): void;
+            select(): void;
+            insert(value: string): Promise<void>;
+            clear(): void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            blur: (args_0: Event) => any;
+            change: (args_0: Event) => any;
+            focus: (args_0: FocusEvent) => any;
+            input: (args_0: Event) => any;
+            keydown: (args_0: KeyboardEvent) => any;
+            paste: (args_0: ClipboardEvent) => any;
+            clear: () => any;
+            "update:value": (value: string | number) => any;
+            "update:focused": (focused: boolean) => any;
+        }, string, {
+            type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+            invalid: boolean;
+            placeholder: string;
+            size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+            id: string | undefined;
+            max: number | `${number}`;
+            min: number | `${number}`;
+            step: number | `${number}` | "any";
+            disabled: boolean;
+            outlined: boolean;
+            active: boolean;
+            value: string | number | null;
+            required: boolean;
+            clearable: boolean;
+            readonly: boolean;
+            autocomplete: "off" | "on";
+            inputmode: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE;
+            maxlength: string | number;
+            decimals: number | `${number}` | "*";
+            prefix: string;
+            suffix: string;
+            autofocus: boolean;
+            autoselect: boolean;
+            multiline: boolean;
+            rows: string | number;
+            cols: string | number;
+            autofit: boolean;
+            inputAttributes: UiTextboxInputAttributes;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [
+            R,
+            R,
+            OnCleanup
+        ]) => any : (...args: [
+            any,
+            any,
+            OnCleanup
+        ]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        type: "text" | "url" | "search" | "email" | "password" | "tel" | TYPE_2;
+        invalid: boolean;
+        placeholder: string;
+        size: "xs" | "sm" | "lg" | "md" | "xl" | SIZE_4;
+        id: string | undefined;
+        max: number | `${number}`;
+        min: number | `${number}`;
+        step: number | `${number}` | "any";
+        disabled: boolean;
+        outlined: boolean;
+        active: boolean;
+        value: string | number | null;
+        required: boolean;
+        clearable: boolean;
+        readonly: boolean;
+        autocomplete: "off" | "on";
+        inputmode: "text" | "none" | "url" | "search" | "numeric" | "email" | "tel" | "decimal" | INPUTMODE;
+        maxlength: string | number;
+        decimals: number | `${number}` | "*";
+        prefix: string;
+        suffix: string;
+        autofocus: boolean;
+        autoselect: boolean;
+        multiline: boolean;
+        rows: string | number;
+        cols: string | number;
+        autofit: boolean;
+        inputAttributes: UiTextboxInputAttributes;
+    }> & Omit<Readonly<ExtractPropTypes<{
+        id: {
+            type: PropType<string | undefined>;
+            validator: (id: unknown) => boolean;
+            default: undefined;
+        };
+        type: {
+            type: PropType<TYPE_2 | `${TYPE_2}`>;
+            validator: (value: string) => boolean;
+            default: TYPE_2;
+        };
+        value: {
+            type: PropType<string | number | null>;
+            default: null;
+        };
+        max: {
+            type: PropType<number | `${number}`>;
+            validator: (value: unknown) => boolean;
+            default: number;
+        };
+        min: {
+            type: PropType<number | `${number}`>;
+            validator: (value: unknown) => boolean;
+            default: number;
+        };
+        step: {
+            type: PropType<number | `${number}` | "any">;
+            validator: (value: unknown) => boolean;
+            default: number;
+        };
+        autocomplete: {
+            type: PropType<"on" | "off">;
+            validator: (value: string) => boolean;
+            default: string;
+        };
+        inputmode: {
+            type: PropType<INPUTMODE | `${INPUTMODE}`>;
+            default: undefined;
+        };
+        maxlength: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        decimals: {
+            type: PropType<number | `${number}` | "*">;
+            validator: (value: unknown) => boolean;
+            default: "*";
+        };
+        size: {
+            type: PropType<SIZE_4 | `${SIZE_4}`>;
+            default: SIZE_4;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        prefix: {
+            type: StringConstructor;
+            default: string;
+        };
+        suffix: {
+            type: StringConstructor;
+            default: string;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autoselect: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        multiline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        rows: {
+            type: (StringConstructor | NumberConstructor)[];
+            validator: (value: unknown) => boolean;
+            default: number;
+        };
+        cols: {
+            type: (StringConstructor | NumberConstructor)[];
+            validator: (value: unknown) => boolean;
+            default: number;
+        };
+        outlined: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inputAttributes: {
+            type: PropType<UiTextboxInputAttributes>;
+            default: () => {};
+        };
+    }>> & Readonly<{
+        onBlur?: ((args_0: Event) => any) | undefined;
+        onChange?: ((args_0: Event) => any) | undefined;
+        onFocus?: ((args_0: FocusEvent) => any) | undefined;
+        onInput?: ((args_0: Event) => any) | undefined;
+        onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+        onPaste?: ((args_0: ClipboardEvent) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        "onUpdate:value"?: ((value: string | number) => any) | undefined;
+        "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+    }>, "insert" | "blur" | "focus" | "select" | "clear" | "getSelectionStart" | "getSelectionEnd" | "setSelectionRange" | ("type" | "invalid" | "placeholder" | "size" | "id" | "max" | "min" | "step" | "disabled" | "outlined" | "active" | "value" | "required" | "clearable" | "readonly" | "autocomplete" | "inputmode" | "maxlength" | "decimals" | "prefix" | "suffix" | "autofocus" | "autoselect" | "multiline" | "rows" | "cols" | "autofit" | "inputAttributes")> & ShallowUnwrapRef<{
+        getSelectionStart(): number | null;
+        getSelectionEnd(): number | null;
+        setSelectionRange(start: number, end: number): void;
+        focus(): void;
+        blur(): void;
+        select(): void;
+        insert(value: string): Promise<void>;
+        clear(): void;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            prefix?(_: {}): any;
+            'leading-icon'?(_: {}): any;
+            'trailing-icon'?(_: {}): any;
+            suffix?(_: {}): any;
+        };
+    }) | null;
+}, any>;
 export declare const UiPopper: DefineComponent<UiPopperProperties & {
     target: Ref<HTMLElement | null>;
 }, UiPopperMethods>;
-export declare const UiPopperConnector: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+export declare const UiPopperConnector: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 declare type UiPopperMethods = {
     adjust(): Promise<void>;
     dispose(): void;
@@ -848,6 +2910,129 @@ declare type UiRadioProperties = {
     required?: boolean;
     disabled?: boolean;
 };
+export declare type UiRadioSwitchOptionProperties = {
+    id?: string;
+    label?: string;
+    value: unknown;
+    description?: string;
+    disabled?: boolean;
+};
+export declare const UiRadioSwitchOptionShell: DefineComponent_2<ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    appearance: {
+        type: PropType<UiRadioSwitchOptionShellProperties["appearance"]>;
+        default: RADIO_SWITCH_APPEARANCE;
+        validator: (appearance: string) => boolean;
+    };
+    size: {
+        type: PropType<UiRadioSwitchOptionShellProperties["size"]>;
+        default: RADIO_SWITCH_SIZE;
+        validator: (size: string) => boolean;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    appearance: {
+        type: PropType<UiRadioSwitchOptionShellProperties["appearance"]>;
+        default: RADIO_SWITCH_APPEARANCE;
+        validator: (appearance: string) => boolean;
+    };
+    size: {
+        type: PropType<UiRadioSwitchOptionShellProperties["size"]>;
+        default: RADIO_SWITCH_SIZE;
+        validator: (size: string) => boolean;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: "sm" | "lg" | "md" | RADIO_SWITCH_SIZE | undefined;
+    id: string;
+    disabled: boolean;
+    appearance: "default" | "section" | RADIO_SWITCH_APPEARANCE | undefined;
+    checked: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export declare type UiRadioSwitchOptionShellMethods = {
+    focus(): void;
+    blur(): void;
+};
+export declare type UiRadioSwitchOptionShellProperties = {
+    id?: string;
+    appearance?: RADIO_SWITCH_APPEARANCE | `${RADIO_SWITCH_APPEARANCE}`;
+    size?: RADIO_SWITCH_SIZE | `${RADIO_SWITCH_SIZE}`;
+    checked?: boolean;
+    disabled?: boolean;
+};
+export declare type UiRadioSwitchProperties = {
+    value?: unknown;
+    options?: Option_2[];
+    equalFn?: EqualPredicate;
+    appearance?: RADIO_SWITCH_APPEARANCE | `${RADIO_SWITCH_APPEARANCE}`;
+    size?: RADIO_SWITCH_SIZE | `${RADIO_SWITCH_SIZE}`;
+    rubber?: boolean;
+};
+export declare const UiRadioSwitchRoot: DefineComponent_2<ExtractPropTypes<{
+    appearance: {
+        type: PropType<UiRadioSwitchRootProperties["appearance"]>;
+        default: RADIO_SWITCH_APPEARANCE;
+        validator: (appearance: string) => boolean;
+    };
+    size: {
+        type: PropType<UiRadioSwitchRootProperties["size"]>;
+        default: RADIO_SWITCH_SIZE;
+        validator: (size: string) => boolean;
+    };
+    rubber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+    appearance: {
+        type: PropType<UiRadioSwitchRootProperties["appearance"]>;
+        default: RADIO_SWITCH_APPEARANCE;
+        validator: (appearance: string) => boolean;
+    };
+    size: {
+        type: PropType<UiRadioSwitchRootProperties["size"]>;
+        default: RADIO_SWITCH_SIZE;
+        validator: (size: string) => boolean;
+    };
+    rubber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: "sm" | "lg" | "md" | RADIO_SWITCH_SIZE | undefined;
+    appearance: "default" | "section" | RADIO_SWITCH_APPEARANCE | undefined;
+    rubber: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export declare type UiRadioSwitchRootProperties = {
+    appearance?: RADIO_SWITCH_APPEARANCE | `${RADIO_SWITCH_APPEARANCE}`;
+    size?: RADIO_SWITCH_SIZE | `${RADIO_SWITCH_SIZE}`;
+    rubber?: boolean;
+};
 export declare const UiScrollBox: DefineComponent<UiScrollBoxProperties, UiScrollBoxMethods>;
 declare type UiScrollBoxMethods = {
     scroll(y: number): void;
@@ -893,7 +3078,7 @@ declare type UiSelectTriggerMethods = {
 declare type UiSelectTriggerProperties = {
     id?: string;
     value?: unknown | unknown[];
-    selection?: Option_2[];
+    selection?: Option_3[];
     clearable?: boolean;
     filter?: string;
     filterable?: boolean;
@@ -927,6 +3112,139 @@ declare type UiSwitchProperties = {
     square?: boolean;
     disabled?: boolean;
 };
+export declare const UiTab: DefineComponent_2<ExtractPropTypes<{
+    id: {
+        type: PropType<UiTabProperties["id"]>;
+        required: true;
+    };
+    label: {
+        type: PropType<UiTabProperties["label"]>;
+        default: string;
+    };
+    counter: {
+        type: PropType<UiTabProperties["counter"]>;
+        default: null;
+    };
+    disabled: {
+        type: PropType<UiTabProperties["disabled"]>;
+        default: boolean;
+    };
+}>, () => null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+    id: {
+        type: PropType<UiTabProperties["id"]>;
+        required: true;
+    };
+    label: {
+        type: PropType<UiTabProperties["label"]>;
+        default: string;
+    };
+    counter: {
+        type: PropType<UiTabProperties["counter"]>;
+        default: null;
+    };
+    disabled: {
+        type: PropType<UiTabProperties["disabled"]>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    label: string | undefined;
+    disabled: boolean | undefined;
+    counter: string | number | null | undefined;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export declare const UiTabGroup: DefineComponent_2<ExtractPropTypes<{
+    items: {
+        type: PropType<UiTabGroupProperties["items"]>;
+        default: () => never[];
+    };
+    activeId: {
+        type: PropType<UiTabGroupProperties["activeId"]>;
+        default: null;
+    };
+    focusableId: {
+        type: PropType<UiTabGroupProperties["focusableId"]>;
+        default: undefined;
+    };
+    menuExpanded: {
+        type: PropType<UiTabGroupProperties["menuExpanded"]>;
+        default: undefined;
+    };
+    overflowing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<UiTabGroupProperties["size"]>;
+        default: TAB_SIZE;
+        validator: (size: string) => boolean;
+    };
+    appearance: {
+        type: PropType<UiTabGroupProperties["appearance"]>;
+        default: TAB_APPEARANCE;
+        validator: (appearance: string) => boolean;
+    };
+}>, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    layout: (layout: TabLayout) => true;
+    change: (id: string) => true;
+    'update:activeId': (id: string) => true;
+    'update:focusableId': (id: string | null) => true;
+    'update:menuExpanded': (expanded: boolean) => true;
+}, string, PublicProps, Readonly<ExtractPropTypes<{
+    items: {
+        type: PropType<UiTabGroupProperties["items"]>;
+        default: () => never[];
+    };
+    activeId: {
+        type: PropType<UiTabGroupProperties["activeId"]>;
+        default: null;
+    };
+    focusableId: {
+        type: PropType<UiTabGroupProperties["focusableId"]>;
+        default: undefined;
+    };
+    menuExpanded: {
+        type: PropType<UiTabGroupProperties["menuExpanded"]>;
+        default: undefined;
+    };
+    overflowing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<UiTabGroupProperties["size"]>;
+        default: TAB_SIZE;
+        validator: (size: string) => boolean;
+    };
+    appearance: {
+        type: PropType<UiTabGroupProperties["appearance"]>;
+        default: TAB_APPEARANCE;
+        validator: (appearance: string) => boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((id: string) => any) | undefined;
+    "onUpdate:menuExpanded"?: ((expanded: boolean) => any) | undefined;
+    onLayout?: ((layout: TabLayout) => any) | undefined;
+    "onUpdate:activeId"?: ((id: string) => any) | undefined;
+    "onUpdate:focusableId"?: ((id: string | null) => any) | undefined;
+}>, {
+    size: "sm" | "lg" | "md" | TAB_SIZE | undefined;
+    appearance: "text" | "filled" | TAB_APPEARANCE | undefined;
+    items: TabItem[] | undefined;
+    activeId: string | null | undefined;
+    focusableId: string | null | undefined;
+    menuExpanded: boolean | undefined;
+    overflowing: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export declare type UiTabGroupProperties = {
+    activeId?: string | null;
+    focusableId?: string | null;
+    items?: TabItem[];
+    menuExpanded?: boolean;
+    size?: TAB_SIZE | `${TAB_SIZE}`;
+    appearance?: TAB_APPEARANCE | `${TAB_APPEARANCE}`;
+    overflowing?: boolean;
+};
 export declare const UiTableBodyCell: DefineComponent<UiTableBodyCellProperties>;
 export declare type UiTableBodyCellProperties = {
     align?: ALIGN | `${ALIGN}`;
@@ -1025,6 +3343,12 @@ export declare const UiTableSorter: DefineComponent_2<UiTableSorterProperties>;
 export declare type UiTableSorterProperties = {
     direction?: DIRECTION | `${DIRECTION}` | null;
 };
+export declare type UiTabProperties = {
+    id: string;
+    label?: string;
+    counter?: string | number | null;
+    disabled?: boolean;
+};
 export declare const UiTag: DefineComponent<UiTagProperties>;
 declare type UiTagProperties = {
     size?: SIZE_9 | `${SIZE_9}`;
@@ -1097,7 +3421,108 @@ declare type UiTimePickerProperties = {
     minTime?: TimeArray | null;
     maxTime?: TimeArray | null;
 };
-export declare const UiToolbar: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+export declare const UiToggleButton: DefineComponent<UiToggleButtonProperties, UiToggleButtonMethods>;
+declare type UiToggleButtonMethods = {
+    click(): void;
+    focus(): void;
+    blur(): void;
+};
+declare type UiToggleButtonProperties = {
+    id?: string;
+    type?: HTMLButtonElement['type'];
+    pressed?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+    grouped?: boolean;
+    size?: UiToggleButtonSize | `${UiToggleButtonSize}`;
+};
+declare enum UiToggleButtonSize {
+    LG = "lg",
+    MD = "md",
+    SM = "sm",
+    XS = "xs"
+}
+export declare const UiToggleGroupRoot: DefineComponent_2<ExtractPropTypes<{
+    size: {
+        type: PropType<UiToggleGroupRootProperties["size"]>;
+        default: UiToggleButtonSize;
+        validator: (size: string) => boolean;
+    };
+    rubber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaDescribedby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaOrientation: {
+        type: PropType<UiToggleGroupRootProperties["ariaOrientation"]>;
+        default: string;
+    };
+}>, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+    size: {
+        type: PropType<UiToggleGroupRootProperties["size"]>;
+        default: UiToggleButtonSize;
+        validator: (size: string) => boolean;
+    };
+    rubber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaDescribedby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaOrientation: {
+        type: PropType<UiToggleGroupRootProperties["ariaOrientation"]>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: "xs" | "sm" | "lg" | "md" | UiToggleButtonSize | undefined;
+    disabled: boolean;
+    rubber: boolean;
+    ariaOrientation: "horizontal" | "vertical" | undefined;
+    ariaLabel: string;
+    ariaLabelledby: string;
+    ariaDescribedby: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare type UiToggleGroupRootProperties = {
+    size?: UiToggleButtonSize | `${UiToggleButtonSize}`;
+    rubber?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    ariaDescribedby?: string;
+    ariaOrientation?: 'horizontal' | 'vertical';
+};
+export declare const UiToolbar: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 export declare const UiToolbarButton: DefineComponent<UiToolbarButtonProperties, UiButtonMethods>;
 declare type UiToolbarButtonProperties = Omit<UiButtonProperties, 'appearance' | 'size' | 'type'>;
 export declare const UiToolbarLink: DefineComponent<UiToolbarLinkProperties>;
@@ -1114,6 +3539,7 @@ export declare const UiYandexMap: DefineComponent<UiYandexMapProperties>;
 declare type UiYandexMapProperties = {
     apiKey: string;
     address?: string;
+    plugins?: YandexMapPlugin[];
 };
 export declare enum VALIGN {
     TOP = "top",
@@ -1137,5 +3563,13 @@ export declare class VueI18n {
     get locale(): Locale | undefined;
     set locale(locale: Locale | undefined);
 }
+declare const YANDEX_MAP_PLUGIN: {
+    readonly LOCATOR: "locator";
+};
+declare type YandexMapLocatorPlugin = {
+    type: typeof YANDEX_MAP_PLUGIN.LOCATOR;
+    url: string;
+};
+declare type YandexMapPlugin = YandexMapLocatorPlugin;
 export {};