@simon_he/vue-tui 0.0.8 → 1.0.0

package/dist/vue/components/TForm.d.ts

@@ -0,0 +1,1230 @@
+import type { PropType, Ref } from "vue";
+import type { Style } from "../../core/types.js";
+export type TRadioOption = Readonly<{
+    label: string;
+    value: string;
+    disabled?: boolean;
+}>;
+export type TAutocompleteSelectPayload = Readonly<{
+    value: string;
+    index: number;
+    sourceIndex: number;
+    option: TAutocompleteOption;
+    query: string;
+    source: "keyboard" | "pointer";
+}>;
+export type TAutocompleteOption = string | Readonly<{
+    label: string;
+    value?: string;
+    detail?: string;
+    disabled?: boolean;
+}>;
+export type TAutocompleteSuggestionProvider = (query: string, ctx: {
+    signal: AbortSignal;
+}) => Promise<readonly TAutocompleteOption[]>;
+export type TAutocompleteLoadErrorPayload = Readonly<{
+    query: string;
+    error: unknown;
+}>;
+export type TFormModel = Record<string, unknown>;
+export type TFormRule = (value: unknown, model: TFormModel) => string | null | undefined;
+export type TFormSubmitPayload = Readonly<{
+    model: TFormModel;
+    valid: boolean;
+    errors: Record<string, string>;
+}>;
+export type TFormHandle = Readonly<{
+    validate: () => boolean;
+    submit: () => void;
+    clearValidation: () => void;
+    setFieldError: (name: string, message: string | null | undefined) => void;
+}>;
+export type TFormContext = Readonly<{
+    model: Readonly<Ref<TFormModel>>;
+    rules: Readonly<Ref<Record<string, TFormRule>>>;
+    errors: Ref<Record<string, string>>;
+    disabled: Readonly<Ref<boolean>>;
+    readOnly: Readonly<Ref<boolean>>;
+    validate: () => boolean;
+}>;
+export declare const TFormContextKey: import("vue").InjectionKey<Readonly<{
+    model: Readonly<Ref<TFormModel>>;
+    rules: Readonly<Ref<Record<string, TFormRule>>>;
+    errors: Ref<Record<string, string>>;
+    disabled: Readonly<Ref<boolean>>;
+    readOnly: Readonly<Ref<boolean>>;
+    validate: () => boolean;
+}>>;
+export declare function useTForm(): TFormContext | null;
+export declare const TCheckbox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    checkedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (_value: boolean) => true;
+    change: (_value: boolean) => true;
+}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    checkedStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>> & Readonly<{
+    onChange?: ((_value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabled: boolean;
+    label: string;
+    zIndex: number;
+    modelValue: boolean;
+    disabledStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    checkedStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;
+export declare const TSwitch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (_value: boolean) => true;
+    change: (_value: boolean) => true;
+}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>> & Readonly<{
+    onChange?: ((_value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabled: boolean;
+    label: string;
+    zIndex: number;
+    modelValue: boolean;
+    activeStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabledStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;
+export declare const TRadioGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<readonly TRadioOption[]>;
+        required: true;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (_value: string) => true;
+    change: (_value: string) => true;
+}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<readonly TRadioOption[]>;
+        required: true;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>> & Readonly<{
+    onChange?: ((_value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    zIndex: number;
+    modelValue: string;
+    activeStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabledStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;
+export declare const TSlider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (_value: number) => true;
+    change: (_value: number) => true;
+}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeStyle: {
+        type: PropType<Style>;
+        default: () => {
+            fg: string;
+        };
+    };
+    disabledStyle: {
+        type: PropType<Style>;
+        default: () => {
+            dim: boolean;
+        };
+    };
+}>> & Readonly<{
+    onChange?: ((_value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: number) => any) | undefined;
+}>, {
+    max: number;
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabled: boolean;
+    zIndex: number;
+    modelValue: number;
+    activeStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabledStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    min: number;
+    step: number;
+}, {}>;
+export declare const TFormField: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    help: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    labelStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    helpStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    errorStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    help: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    labelStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    helpStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    errorStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    name: string;
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    disabled: boolean;
+    label: string;
+    error: string;
+    zIndex: number;
+    required: boolean;
+    labelStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    helpStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    errorStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    help: string;
+}, {}>;
+export declare const TForm: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    model: {
+        type: PropType<TFormModel>;
+        required: true;
+    };
+    rules: {
+        type: PropType<Record<string, TFormRule>>;
+        default: () => {};
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Provides a read-only hint to custom form field consumers; built-in controls do not automatically consume it. */
+    readOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitOnEnter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (_payload: TFormSubmitPayload) => true;
+    validation: (_errors: Record<string, string>) => true;
+}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    model: {
+        type: PropType<TFormModel>;
+        required: true;
+    };
+    rules: {
+        type: PropType<Record<string, TFormRule>>;
+        default: () => {};
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Provides a read-only hint to custom form field consumers; built-in controls do not automatically consume it. */
+    readOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitOnEnter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onSubmit?: ((_payload: Readonly<{
+        model: TFormModel;
+        valid: boolean;
+        errors: Record<string, string>;
+    }>) => any) | undefined;
+    onValidation?: ((_errors: Record<string, string>) => any) | undefined;
+}>, {
+    disabled: boolean;
+    zIndex: number;
+    submitOnEnter: boolean;
+    readOnly: boolean;
+    rules: Record<string, TFormRule>;
+}, {}>;
+export declare const TPasswordInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (_value: string) => true;
+    input: (_value: string) => true;
+    change: (_value: string) => true;
+}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onInput?: ((_value: string) => any) | undefined;
+    onChange?: ((_value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+}>, {
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    h: number;
+    zIndex: number;
+    autoFocus: boolean;
+    placeholder: string;
+}, {}>;
+export declare const TAutocompleteInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    suggestions: {
+        type: PropType<readonly TAutocompleteOption[]>;
+        default: () => never[];
+    };
+    suggestionProvider: {
+        type: PropType<TAutocompleteSuggestionProvider>;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    highlightedIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minChars: {
+        type: NumberConstructor;
+        default: number;
+    };
+    filterLocal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorText: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    suggestionStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeSuggestionStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (_value: string) => true;
+    "update:open": (_value: boolean) => true;
+    "update:highlightedIndex": (_index: number) => true;
+    input: (_value: string) => true;
+    change: (_value: string) => true;
+    select: (_payload: TAutocompleteSelectPayload) => true;
+    loadError: (_payload: TAutocompleteLoadErrorPayload) => true;
+}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: NumberConstructor;
+        required: true;
+    };
+    y: {
+        type: NumberConstructor;
+        required: true;
+    };
+    w: {
+        type: NumberConstructor;
+        required: true;
+    };
+    h: {
+        type: NumberConstructor;
+        default: number;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    suggestions: {
+        type: PropType<readonly TAutocompleteOption[]>;
+        default: () => never[];
+    };
+    suggestionProvider: {
+        type: PropType<TAutocompleteSuggestionProvider>;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    highlightedIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minChars: {
+        type: NumberConstructor;
+        default: number;
+    };
+    filterLocal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorText: {
+        type: StringConstructor;
+        default: string;
+    };
+    style: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    suggestionStyle: {
+        type: PropType<Style>;
+        default: undefined;
+    };
+    activeSuggestionStyle: {
+        type: PropType<Style>;
+        default: () => {
+            inverse: boolean;
+        };
+    };
+}>> & Readonly<{
+    onInput?: ((_value: string) => any) | undefined;
+    onSelect?: ((_payload: Readonly<{
+        value: string;
+        index: number;
+        sourceIndex: number;
+        option: TAutocompleteOption;
+        query: string;
+        source: "keyboard" | "pointer";
+    }>) => any) | undefined;
+    onChange?: ((_value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+    onLoadError?: ((_payload: Readonly<{
+        query: string;
+        error: unknown;
+    }>) => any) | undefined;
+    "onUpdate:open"?: ((_value: boolean) => any) | undefined;
+    "onUpdate:highlightedIndex"?: ((_index: number) => any) | undefined;
+}>, {
+    suggestions: readonly TAutocompleteOption[];
+    style: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    h: number;
+    zIndex: number;
+    placeholder: string;
+    debounce: number;
+    emptyText: string;
+    loadingText: string;
+    errorText: string;
+    closeOnSelect: boolean;
+    open: boolean;
+    suggestionProvider: TAutocompleteSuggestionProvider;
+    highlightedIndex: number;
+    minChars: number;
+    filterLocal: boolean;
+    suggestionStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+    activeSuggestionStyle: Readonly<{
+        fg?: string;
+        bg?: string;
+        bold?: boolean;
+        dim?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        inverse?: boolean;
+        href?: string;
+    }>;
+}, {}>;