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

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: {
@@ -37,9 +57,9 @@ declare const __VLS_component: DefineComponent_2<ExtractPropTypes<{
     };
     /** Внешний вид: алерт, диалог, popup, hint */
     appearance: {
-        type: PropType<APPEARANCE_4>;
+        type: PropType<APPEARANCE_5>;
         validator: (value: string) => boolean;
-        default: APPEARANCE_4;
+        default: APPEARANCE_5;
     };
     /** Время, через которое плавающий элемент удаляется со страницы, если был скрыт */
     disposeTimeout: {
@@ -105,9 +125,9 @@ declare const __VLS_component: DefineComponent_2<ExtractPropTypes<{
     };
     /** Внешний вид: алерт, диалог, popup, hint */
     appearance: {
-        type: PropType<APPEARANCE_4>;
+        type: PropType<APPEARANCE_5>;
         validator: (value: string) => boolean;
-        default: APPEARANCE_4;
+        default: APPEARANCE_5;
     };
     /** Время, через которое плавающий элемент удаляется со страницы, если был скрыт */
     disposeTimeout: {
@@ -156,26 +176,772 @@ declare const __VLS_component: DefineComponent_2<ExtractPropTypes<{
     closable: boolean;
     id: string;
     role: MODAL_WINDOW_ROLE;
-    appearance: APPEARANCE_4;
+    appearance: APPEARANCE_5;
     disposeTimeout: string | number | null;
     opened: boolean;
     scrolling: SCROLLING_2;
     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_5;
+                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_5;
+                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_5 | `${SIZE_5}`>;
+                    default: SIZE_5;
+                };
+                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_5;
+                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_5;
+            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_5 | `${SIZE_5}`>;
+                default: SIZE_5;
+            };
+            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;
+        type: PropType<SIZE_12 | `${SIZE_12}`>;
+        default: SIZE_12;
     };
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
     size: {
-        type: PropType<SIZE_10 | `${SIZE_10}`>;
-        default: SIZE_10;
+        type: PropType<SIZE_12 | `${SIZE_12}`>;
+        default: SIZE_12;
     };
 }>> & Readonly<{}>, {
-    size: "sm" | "md" | SIZE_10;
+    size: "sm" | "md" | SIZE_12;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -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_5;
+                    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_5;
+                    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_5 | `${SIZE_5}`>;
+                        default: SIZE_5;
+                    };
+                    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_5;
+                    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_5;
+                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_5 | `${SIZE_5}`>;
+                    default: SIZE_5;
+                };
+                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",
@@ -246,29 +1642,37 @@ declare enum ALIGN_2 {
     LEFT = "left",
     RIGHT = "right"
 }
-declare enum APPEARANCE {
+export declare enum APPEARANCE {
+    DEFAULT = "default",
+    SECTION = "section"
+}
+declare enum APPEARANCE_2 {
     OUTLINED = "outlined",
     PRIMARY = "primary",
     SECONDARY = "secondary",
     TERTIARY = "tertiary"
 }
-declare enum APPEARANCE_2 {
+declare enum APPEARANCE_3 {
     SINGLE = "single",
     DOUBLE = "double"
 }
-declare enum APPEARANCE_3 {
+declare enum APPEARANCE_4 {
     BREADCRUMBS = "breadcrumbs",
     DEFAULT = "default",
     NAVIGATION = "navigation",
     NAVIGATION_ANCHOR = "navigation-anchor",
     TITLE = "title"
 }
-declare enum APPEARANCE_4 {
+declare enum APPEARANCE_5 {
     ALERT = "alert",
     DIALOG = "dialog",
     POPUP = "popup",
     HINT = "hint"
 }
+declare enum APPEARANCE_6 {
+    TEXT = "text",
+    FILLED = "filled"
+}
 export declare const asRowAttrs: <T>(value: RowAttrsGetter<T>) => RowAttrsGetter<T>;
 export declare const asRowClass: <T>(value: RowClassGetter<T>) => RowClassGetter<T>;
 export declare const byRowKey: <T, K extends keyof T>(key: K) => RowKeyGetter<T>;
@@ -346,6 +1750,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 +1782,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;
@@ -438,33 +1849,49 @@ declare type ShowingOptions = {
     disabled?: boolean;
     container?: string | null;
 };
-declare enum SIZE {
-    XS = "xs",
+export declare enum SIZE {
     SM = "sm",
+    MD = "md",
     LG = "lg"
 }
 declare enum SIZE_10 {
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+declare enum SIZE_11 {
+    LG = "lg",
+    MD = "md",
+    SM = "sm",
+    XS = "xs"
+}
+declare enum SIZE_12 {
     SM = "sm",
     MD = "md"
 }
 declare enum SIZE_2 {
+    XS = "xs",
+    SM = "sm",
+    LG = "lg"
+}
+declare enum SIZE_3 {
     LG = "lg",
     MD = "md",
     SM = "sm",
     XS = "xs"
 }
-declare enum SIZE_3 {
+declare enum SIZE_4 {
     SM = "sm",
     MD = "md"
 }
-declare enum SIZE_4 {
+declare enum SIZE_5 {
     XS = "xs",
     SM = "sm",
     MD = "md",
     LG = "lg",
     XL = "xl"
 }
-declare enum SIZE_5 {
+declare enum SIZE_6 {
     ARTICLE = "article",
     BODY = "body",
     PARAGRAPH = "paragraph",
@@ -473,27 +1900,21 @@ declare enum SIZE_5 {
     TITLE01 = "title-01",
     TITLE02 = "title-02"
 }
-declare enum SIZE_6 {
+declare enum SIZE_7 {
     XS = "xs",
     SM = "sm",
     MD = "md",
     LG = "lg"
 }
-declare enum SIZE_7 {
+declare enum SIZE_8 {
     LG = "lg",
     SM = "sm"
 }
-declare enum SIZE_8 {
+declare enum SIZE_9 {
     XS = "xs",
     SM = "sm",
     XL = "xl"
 }
-declare enum SIZE_9 {
-    LG = "lg",
-    MD = "md",
-    SM = "sm",
-    XS = "xs"
-}
 declare enum STATUS {
     NONE = "",
     BUSY = "busy",
@@ -505,6 +1926,22 @@ declare enum SYNCHRONIZATION {
     INSTANT = "instant",
     CONFIRMED = "confirmed"
 }
+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
@@ -561,7 +1998,7 @@ declare type UiAvatarListProperties = {
         src: string;
         name: string;
     }>;
-    size?: SIZE;
+    size?: SIZE_2;
 };
 declare type UiAvatarProperties = {
     src?: string;
@@ -570,7 +2007,7 @@ declare type UiAvatarProperties = {
     status?: STATUS;
     vip?: boolean;
     bad?: boolean;
-    size?: SIZE;
+    size?: SIZE_2;
     optimize?: boolean | {
         resize?: Dimensions;
         crop?: Dimensions;
@@ -585,9 +2022,9 @@ declare type UiButtonMethods = {
 declare type UiButtonProperties = {
     type?: HTMLButtonElement['type'];
     href?: HTMLAnchorElement['href'] | undefined;
-    appearance?: APPEARANCE | `${APPEARANCE}`;
+    appearance?: APPEARANCE_2 | `${APPEARANCE_2}`;
     variant?: VARIANT_2 | `${VARIANT_2}`;
-    size?: SIZE_2 | `${SIZE_2}`;
+    size?: SIZE_3 | `${SIZE_3}`;
     active?: boolean;
     disabled?: boolean;
     locked?: boolean;
@@ -599,7 +2036,7 @@ declare type UiCalendarMethods = {
 declare type UiCalendarProperties = {
     value?: null | Date | Date[];
     type?: TYPE | `${TYPE}`;
-    appearance?: APPEARANCE_2 | `${APPEARANCE_2}`;
+    appearance?: APPEARANCE_3 | `${APPEARANCE_3}`;
     firstDayOfWeek?: number;
     minDate?: Date | null;
     maxDate?: Date | null;
@@ -643,7 +2080,7 @@ declare type UiCollapseBoxProperties = {
     collapseDuration?: number | string;
     disabled?: boolean;
     color?: COLOR_2 | `${COLOR_2}`;
-    iconSize?: SIZE_3 | `${SIZE_3}`;
+    iconSize?: SIZE_4 | `${SIZE_4}`;
     bordered?: boolean;
 };
 export declare const UiCollapseGroup: DefineComponent<UiCollapseGroupProperties, UiCollapseGroupMethods>;
@@ -665,7 +2102,7 @@ declare type UiCollapseProperties = {
 export declare const UiCopyButton: DefineComponent<UiCopyButtonProperties>;
 declare type UiCopyButtonProperties = {
     text: string;
-    size: SIZE_2;
+    size: SIZE_3;
     tooltipOptions?: TooltipOptions;
 };
 export declare const UiDate: DefineComponent<UiDateProperties>;
@@ -737,8 +2174,8 @@ export declare const UiLink: DefineComponent<UiLinkProperties>;
 declare type UiLinkProperties = {
     href?: string;
     external?: boolean;
-    appearance?: APPEARANCE_3 | `${APPEARANCE_3}`;
-    size?: SIZE_5 | `${SIZE_5}`;
+    appearance?: APPEARANCE_4 | `${APPEARANCE_4}`;
+    size?: SIZE_6 | `${SIZE_6}`;
     light?: boolean;
     accent?: boolean;
     dotted?: boolean;
@@ -762,7 +2199,7 @@ declare type UiMenuItemProperties = {
     danger?: boolean;
     ticker?: boolean;
     simple?: boolean;
-    size?: `${SIZE_6}`;
+    size?: `${SIZE_7}`;
     disabled?: boolean;
 };
 export declare const UiModalSidebar: DefineComponent<UiModalSidebarProperties>;
@@ -774,7 +2211,7 @@ declare type UiModalSidebarProperties = {
     disposeTimeout?: number | string | null;
     fixed?: boolean;
     scrolling?: SCROLLING | `${SCROLLING}`;
-    size?: SIZE_7 | `${SIZE_7}`;
+    size?: SIZE_8 | `${SIZE_8}`;
     role?: MODAL_SIDEBAR_ROLE;
 };
 export declare const UiModalWindow: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -787,7 +2224,7 @@ declare type UiModalWindowSurfaceProperties = {
     id?: string;
     opened?: boolean;
     closable?: boolean;
-    appearance?: APPEARANCE_4 | `${APPEARANCE_4}`;
+    appearance?: APPEARANCE_5 | `${APPEARANCE_5}`;
     fullscreen?: boolean;
     responsive?: boolean;
     disposeTimeout?: number | string | null;
@@ -814,14 +2251,639 @@ declare type UiNumberStepperProperties = {
     readonly?: boolean;
     required?: boolean;
     direction?: DIRECTION_3 | `${DIRECTION_3}`;
-    size?: SIZE_4 | `${SIZE_4}`;
+    size?: SIZE_5 | `${SIZE_5}`;
     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_5;
+            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_5;
+            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_5 | `${SIZE_5}`>;
+                default: SIZE_5;
+            };
+            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_5;
+            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_5;
+        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_5 | `${SIZE_5}`>;
+            default: SIZE_5;
+        };
+        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: APPEARANCE;
+        validator: (appearance: string) => boolean;
+    };
+    size: {
+        type: PropType<UiRadioSwitchOptionShellProperties["size"]>;
+        default: 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: APPEARANCE;
+        validator: (appearance: string) => boolean;
+    };
+    size: {
+        type: PropType<UiRadioSwitchOptionShellProperties["size"]>;
+        default: SIZE;
+        validator: (size: string) => boolean;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: "sm" | "lg" | "md" | SIZE | undefined;
+    id: string;
+    disabled: boolean;
+    appearance: "default" | "section" | APPEARANCE | undefined;
+    checked: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export declare type UiRadioSwitchOptionShellMethods = {
+    focus(): void;
+    blur(): void;
+};
+export declare type UiRadioSwitchOptionShellProperties = {
+    id?: string;
+    appearance?: APPEARANCE | `${APPEARANCE}`;
+    size?: SIZE | `${SIZE}`;
+    checked?: boolean;
+    disabled?: boolean;
+};
+export declare type UiRadioSwitchProperties = {
+    value?: unknown;
+    options?: Option_2[];
+    equalFn?: EqualPredicate;
+    appearance?: APPEARANCE | `${APPEARANCE}`;
+    size?: SIZE | `${SIZE}`;
+    rubber?: boolean;
+};
+export declare const UiRadioSwitchRoot: DefineComponent_2<ExtractPropTypes<{
+    appearance: {
+        type: PropType<UiRadioSwitchRootProperties["appearance"]>;
+        default: APPEARANCE;
+        validator: (appearance: string) => boolean;
+    };
+    size: {
+        type: PropType<UiRadioSwitchRootProperties["size"]>;
+        default: 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: APPEARANCE;
+        validator: (appearance: string) => boolean;
+    };
+    size: {
+        type: PropType<UiRadioSwitchRootProperties["size"]>;
+        default: SIZE;
+        validator: (size: string) => boolean;
+    };
+    rubber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: "sm" | "lg" | "md" | SIZE | undefined;
+    appearance: "default" | "section" | APPEARANCE | undefined;
+    rubber: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export declare type UiRadioSwitchRootProperties = {
+    appearance?: APPEARANCE | `${APPEARANCE}`;
+    size?: SIZE | `${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;
@@ -905,7 +3090,7 @@ declare type UiSelectTriggerProperties = {
     placeholderOnly?: boolean;
     readonly?: boolean;
     disabled?: boolean;
-    textboxSize?: SIZE_8 | `${SIZE_8}`;
+    textboxSize?: SIZE_9 | `${SIZE_9}`;
 };
 export declare const UiSlider: DefineComponent<UiSliderProperties>;
 declare type UiSliderProperties = {
@@ -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: SIZE_10;
+        validator: (size: string) => boolean;
+    };
+    appearance: {
+        type: PropType<UiTabGroupProperties["appearance"]>;
+        default: APPEARANCE_6;
+        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: SIZE_10;
+        validator: (size: string) => boolean;
+    };
+    appearance: {
+        type: PropType<UiTabGroupProperties["appearance"]>;
+        default: APPEARANCE_6;
+        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" | SIZE_10 | undefined;
+    appearance: "text" | "filled" | APPEARANCE_6 | 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?: SIZE_10 | `${SIZE_10}`;
+    appearance?: APPEARANCE_6 | `${APPEARANCE_6}`;
+    overflowing?: boolean;
+};
 export declare const UiTableBodyCell: DefineComponent<UiTableBodyCellProperties>;
 export declare type UiTableBodyCellProperties = {
     align?: ALIGN | `${ALIGN}`;
@@ -1025,9 +3343,15 @@ 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}`;
+    size?: SIZE_11 | `${SIZE_11}`;
     pinned?: boolean;
     removable?: boolean;
     interactive?: boolean;
@@ -1060,7 +3384,7 @@ declare type UiTextboxProperties = {
     maxlength?: number | string;
     /** Максимальное количество знаков после запятой (для inputmode="decimal"). '*' — без ограничений */
     decimals?: number | `${number}` | '*';
-    size?: SIZE_4 | `${SIZE_4}`;
+    size?: SIZE_5 | `${SIZE_5}`;
     placeholder?: string;
     prefix?: string;
     suffix?: string;
@@ -1097,7 +3421,7 @@ 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 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>;