@quidgest/ui 0.27.1 → 0.28.0

package/esm/components/QPhoneField/index.d.ts

@@ -8,7 +8,7 @@ declare const QPhoneField: {
         required?: boolean;
         for?: string;
         labelPosition?: import('..').QLabelPosition;
-    } & {
+    } & import('..').QFieldHelpProps & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
@@ -22,6 +22,7 @@ declare const QPhoneField: {
         clearable?: boolean;
         autoValidate?: boolean;
         inline?: boolean;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
         texts?: typeof import('./constants').DEFAULT_TEXTS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -40,7 +41,46 @@ declare const QPhoneField: {
         "validity-change": (validity: import('./types').QPhoneFieldValidity) => any;
         "update:country": (value: import('libphonenumber-js/max').CountryCode | undefined) => any;
     }, import('vue').PublicProps, {
-        texts: typeof import('./constants').DEFAULT_TEXTS;
+        icons: {
+            help: {
+                icon: string;
+            };
+        } & {
+            clear: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+            check: {
+                icon: string;
+            };
+            description: {
+                icon: string;
+            };
+            remove: {
+                icon: string;
+            };
+            chevron: {
+                icon: string;
+            };
+        };
+        texts: {
+            showHelp: string;
+        } & {
+            phoneNumber: string;
+            selectCountry: string;
+            searchCountry: string;
+            noCountries: string;
+            requiredNumber: string;
+            invalidNumber: string;
+            unsupportedCountry: string;
+            clearValue: string;
+            showHelp: string;
+            placeholder: string;
+            showOptions: string;
+            remove: string;
+        };
         locale: string;
         autoValidate: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -54,6 +94,10 @@ declare const QPhoneField: {
                 readonly required?: boolean | undefined;
                 readonly for?: string | undefined;
                 readonly labelPosition?: import('..').QLabelPosition | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: typeof import('../QField/constants').DEFAULT_ICONS | undefined;
+                readonly texts?: typeof import('../QField/constants').DEFAULT_TEXTS | undefined;
                 readonly size?: import('..').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
@@ -75,6 +119,10 @@ declare const QPhoneField: {
                         readonly required?: boolean | undefined;
                         readonly for?: string | undefined;
                         readonly labelPosition?: import('..').QLabelPosition | undefined;
+                        readonly help?: string | undefined;
+                        readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                        readonly icons?: typeof import('../QField/constants').DEFAULT_ICONS | undefined;
+                        readonly texts?: typeof import('../QField/constants').DEFAULT_TEXTS | undefined;
                         readonly size?: import('..').QFieldSize | undefined;
                         readonly readonly?: boolean | undefined;
                         readonly disabled?: boolean | undefined;
@@ -84,7 +132,115 @@ declare const QPhoneField: {
                     $refs: {
                         [x: string]: unknown;
                     } & {
+                        controlAnchor: HTMLDivElement;
                         field: HTMLDivElement;
+                        standaloneHelp: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                            trigger: ({
+                                $: import('vue').ComponentInternalInstance;
+                                $data: {};
+                                $props: {
+                                    readonly id?: string | undefined;
+                                    readonly class?: string | unknown[] | undefined;
+                                    readonly label?: string | undefined;
+                                    readonly help?: string | undefined;
+                                    readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                                    readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                                    readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
+                                    readonly variant?: import('..').QButtonVariant | undefined;
+                                    readonly color?: string | undefined;
+                                    readonly surface?: string | undefined;
+                                    readonly borderless?: boolean | undefined;
+                                    readonly elevated?: boolean | undefined;
+                                    readonly block?: boolean | undefined;
+                                    readonly size?: import('../..').QComponentSize | undefined;
+                                    readonly iconPos?: import('..').QButtonIconPosition | undefined;
+                                    readonly pill?: boolean | undefined;
+                                    readonly effect?: import('..').QButtonEffect | undefined;
+                                    readonly disabled?: boolean | undefined;
+                                    readonly loading?: boolean | undefined;
+                                    readonly tabindex?: number | undefined;
+                                    readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                                $attrs: import('vue').Attrs;
+                                $refs: {
+                                    [x: string]: unknown;
+                                } & {
+                                    buttonEl: HTMLButtonElement;
+                                };
+                                $slots: Readonly<{
+                                    [name: string]: import('vue').Slot<any> | undefined;
+                                }>;
+                                $root: import('vue').ComponentPublicInstance | null;
+                                $parent: import('vue').ComponentPublicInstance | null;
+                                $host: Element | null;
+                                $emit: (event: "click", event: MouseEvent) => void;
+                                $el: any;
+                                $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+                                    onClick?: ((event: MouseEvent) => any) | undefined;
+                                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                                    click: (event: MouseEvent) => any;
+                                }, string, {
+                                    effect: import('..').QButtonEffect;
+                                    color: string;
+                                    variant: import('..').QButtonVariant;
+                                    icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                    texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                    helpDisplay: import('../..').QHelpDisplay;
+                                    iconPos: import('..').QButtonIconPosition;
+                                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                                    beforeCreate?: (() => void) | (() => void)[];
+                                    created?: (() => void) | (() => void)[];
+                                    beforeMount?: (() => void) | (() => void)[];
+                                    mounted?: (() => void) | (() => void)[];
+                                    beforeUpdate?: (() => void) | (() => void)[];
+                                    updated?: (() => void) | (() => void)[];
+                                    activated?: (() => void) | (() => void)[];
+                                    deactivated?: (() => void) | (() => void)[];
+                                    beforeDestroy?: (() => void) | (() => void)[];
+                                    beforeUnmount?: (() => void) | (() => void)[];
+                                    destroyed?: (() => void) | (() => void)[];
+                                    unmounted?: (() => void) | (() => void)[];
+                                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                                };
+                                $forceUpdate: () => void;
+                                $nextTick: typeof import('vue').nextTick;
+                                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                            } & Readonly<{
+                                effect: import('..').QButtonEffect;
+                                color: string;
+                                variant: import('..').QButtonVariant;
+                                icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                helpDisplay: import('../..').QHelpDisplay;
+                                iconPos: import('..').QButtonIconPosition;
+                            }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+                                onClick?: ((event: MouseEvent) => any) | undefined;
+                            }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+                                $slots: {
+                                    default?(_: {}): any;
+                                    append?(_: {}): any;
+                                };
+                            }) | null;
+                        }, any, import('vue').ComponentProvideOptions, {
+                            P: {};
+                            B: {};
+                            D: {};
+                            C: {};
+                            M: {};
+                            Defaults: {};
+                        }, Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }> | null;
                     };
                     $slots: Readonly<{
                         [name: string]: import('vue').Slot<any> | undefined;
@@ -95,9 +251,13 @@ declare const QPhoneField: {
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
                     $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-                        fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+                        fieldRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+                        helpDescribedBy: import('vue').ComputedRef<string | undefined>;
                     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                         size: import('..').QFieldSize;
+                        icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                        texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                        helpDisplay: import('../..').QHelpDisplay;
                         labelPosition: import('..').QLabelPosition;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -121,16 +281,24 @@ declare const QPhoneField: {
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
                     size: import('..').QFieldSize;
+                    icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                    texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                    helpDisplay: import('../..').QHelpDisplay;
                     labelPosition: import('..').QLabelPosition;
-                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
-                    fieldRef: HTMLDivElement | null;
+                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "helpDescribedBy" | "fieldRef" | ("size" | "icons" | "texts" | "helpDisplay" | "labelPosition")> & {
+                    fieldRef: HTMLElement | null;
+                    helpDescribedBy: string | undefined;
                 } & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         'label.prepend'?(_: {}): any;
                         'label.append'?(_: {}): any;
-                        control?(_: {}): any;
+                        control?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         prepend?(_: {}): any;
-                        default?(_: {}): any;
+                        default?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         append?(_: {}): any;
                         extras?(_: {}): any;
                     };
@@ -145,7 +313,8 @@ declare const QPhoneField: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QInputGroupProps> & Readonly<{}>, {
-                fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
+                fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
+                helpDescribedBy: import('vue').ComputedRef<string | undefined>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 size: import('..').QFieldSize;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -170,14 +339,17 @@ declare const QPhoneField: {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             size: import('..').QFieldSize;
-        }> & Omit<Readonly<import('..').QInputGroupProps> & Readonly<{}>, "size" | "fieldRef"> & {
-            fieldRef: HTMLDivElement | null | undefined;
+        }> & Omit<Readonly<import('..').QInputGroupProps> & Readonly<{}>, "size" | "helpDescribedBy" | "fieldRef"> & {
+            fieldRef: HTMLElement | null | undefined;
+            helpDescribedBy: string | undefined;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 'label.prepend'?(_: {}): any;
                 'label.append'?(_: {}): any;
                 prepend?(_: {}): any;
-                default?(_: {}): any;
+                default?(_: {
+                    describedBy: string | undefined;
+                }): any;
                 append?(_: {}): any;
                 extras?(_: {}): any;
             };
@@ -194,6 +366,41 @@ declare const QPhoneField: {
                 readonly required?: boolean | undefined;
                 readonly for?: string | undefined;
                 readonly labelPosition?: import('..').QLabelPosition | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: ({
+                    help: {
+                        icon: string;
+                    };
+                } & {
+                    check: {
+                        icon: string;
+                    };
+                    description: {
+                        icon: string;
+                    };
+                    remove: {
+                        icon: string;
+                    };
+                    clear: {
+                        icon: string;
+                    };
+                    chevron: {
+                        icon: string;
+                    };
+                    help: {
+                        icon: string;
+                    };
+                }) | undefined;
+                readonly texts?: ({
+                    showHelp: string;
+                } & {
+                    placeholder: string;
+                    showOptions: string;
+                    remove: string;
+                    clearValue: string;
+                    showHelp: string;
+                }) | undefined;
                 readonly size?: import('..').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
@@ -210,8 +417,6 @@ declare const QPhoneField: {
                 readonly emptyValue?: any;
                 readonly itemValue?: string | undefined;
                 readonly itemLabel?: string | undefined;
-                readonly icons?: typeof import('../QSelect/constants').DEFAULT_ICONS | undefined;
-                readonly texts?: typeof import('../QSelect/constants').DEFAULT_TEXTS | undefined;
                 readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
                 readonly onHide?: (() => any) | undefined;
                 readonly onShow?: (() => any) | undefined;
@@ -233,6 +438,10 @@ declare const QPhoneField: {
                         readonly required?: boolean | undefined;
                         readonly for?: string | undefined;
                         readonly labelPosition?: import('..').QLabelPosition | undefined;
+                        readonly help?: string | undefined;
+                        readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                        readonly icons?: typeof import('../QField/constants').DEFAULT_ICONS | undefined;
+                        readonly texts?: typeof import('../QField/constants').DEFAULT_TEXTS | undefined;
                         readonly size?: import('..').QFieldSize | undefined;
                         readonly readonly?: boolean | undefined;
                         readonly disabled?: boolean | undefined;
@@ -242,7 +451,115 @@ declare const QPhoneField: {
                     $refs: {
                         [x: string]: unknown;
                     } & {
+                        controlAnchor: HTMLDivElement;
                         field: HTMLDivElement;
+                        standaloneHelp: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                            trigger: ({
+                                $: import('vue').ComponentInternalInstance;
+                                $data: {};
+                                $props: {
+                                    readonly id?: string | undefined;
+                                    readonly class?: string | unknown[] | undefined;
+                                    readonly label?: string | undefined;
+                                    readonly help?: string | undefined;
+                                    readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                                    readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                                    readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
+                                    readonly variant?: import('..').QButtonVariant | undefined;
+                                    readonly color?: string | undefined;
+                                    readonly surface?: string | undefined;
+                                    readonly borderless?: boolean | undefined;
+                                    readonly elevated?: boolean | undefined;
+                                    readonly block?: boolean | undefined;
+                                    readonly size?: import('../..').QComponentSize | undefined;
+                                    readonly iconPos?: import('..').QButtonIconPosition | undefined;
+                                    readonly pill?: boolean | undefined;
+                                    readonly effect?: import('..').QButtonEffect | undefined;
+                                    readonly disabled?: boolean | undefined;
+                                    readonly loading?: boolean | undefined;
+                                    readonly tabindex?: number | undefined;
+                                    readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                                $attrs: import('vue').Attrs;
+                                $refs: {
+                                    [x: string]: unknown;
+                                } & {
+                                    buttonEl: HTMLButtonElement;
+                                };
+                                $slots: Readonly<{
+                                    [name: string]: import('vue').Slot<any> | undefined;
+                                }>;
+                                $root: import('vue').ComponentPublicInstance | null;
+                                $parent: import('vue').ComponentPublicInstance | null;
+                                $host: Element | null;
+                                $emit: (event: "click", event: MouseEvent) => void;
+                                $el: any;
+                                $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+                                    onClick?: ((event: MouseEvent) => any) | undefined;
+                                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                                    click: (event: MouseEvent) => any;
+                                }, string, {
+                                    effect: import('..').QButtonEffect;
+                                    color: string;
+                                    variant: import('..').QButtonVariant;
+                                    icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                    texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                    helpDisplay: import('../..').QHelpDisplay;
+                                    iconPos: import('..').QButtonIconPosition;
+                                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                                    beforeCreate?: (() => void) | (() => void)[];
+                                    created?: (() => void) | (() => void)[];
+                                    beforeMount?: (() => void) | (() => void)[];
+                                    mounted?: (() => void) | (() => void)[];
+                                    beforeUpdate?: (() => void) | (() => void)[];
+                                    updated?: (() => void) | (() => void)[];
+                                    activated?: (() => void) | (() => void)[];
+                                    deactivated?: (() => void) | (() => void)[];
+                                    beforeDestroy?: (() => void) | (() => void)[];
+                                    beforeUnmount?: (() => void) | (() => void)[];
+                                    destroyed?: (() => void) | (() => void)[];
+                                    unmounted?: (() => void) | (() => void)[];
+                                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                                };
+                                $forceUpdate: () => void;
+                                $nextTick: typeof import('vue').nextTick;
+                                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                            } & Readonly<{
+                                effect: import('..').QButtonEffect;
+                                color: string;
+                                variant: import('..').QButtonVariant;
+                                icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                helpDisplay: import('../..').QHelpDisplay;
+                                iconPos: import('..').QButtonIconPosition;
+                            }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+                                onClick?: ((event: MouseEvent) => any) | undefined;
+                            }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+                                $slots: {
+                                    default?(_: {}): any;
+                                    append?(_: {}): any;
+                                };
+                            }) | null;
+                        }, any, import('vue').ComponentProvideOptions, {
+                            P: {};
+                            B: {};
+                            D: {};
+                            C: {};
+                            M: {};
+                            Defaults: {};
+                        }, Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }> | null;
                     };
                     $slots: Readonly<{
                         [name: string]: import('vue').Slot<any> | undefined;
@@ -253,9 +570,13 @@ declare const QPhoneField: {
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
                     $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-                        fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+                        fieldRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+                        helpDescribedBy: import('vue').ComputedRef<string | undefined>;
                     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                         size: import('..').QFieldSize;
+                        icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                        texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                        helpDisplay: import('../..').QHelpDisplay;
                         labelPosition: import('..').QLabelPosition;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -279,16 +600,24 @@ declare const QPhoneField: {
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
                     size: import('..').QFieldSize;
+                    icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                    texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                    helpDisplay: import('../..').QHelpDisplay;
                     labelPosition: import('..').QLabelPosition;
-                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
-                    fieldRef: HTMLDivElement | null;
+                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "helpDescribedBy" | "fieldRef" | ("size" | "icons" | "texts" | "helpDisplay" | "labelPosition")> & {
+                    fieldRef: HTMLElement | null;
+                    helpDescribedBy: string | undefined;
                 } & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         'label.prepend'?(_: {}): any;
                         'label.append'?(_: {}): any;
-                        control?(_: {}): any;
+                        control?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         prepend?(_: {}): any;
-                        default?(_: {}): any;
+                        default?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         append?(_: {}): any;
                         extras?(_: {}): any;
                     };
@@ -328,8 +657,8 @@ declare const QPhoneField: {
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                         "click:remove": () => any;
                     }, string, {
-                        variant: import('..').QBadgeVariant;
                         color: string;
+                        variant: import('..').QBadgeVariant;
                         icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
                         texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
                         focusable: boolean;
@@ -354,14 +683,14 @@ declare const QPhoneField: {
                     $nextTick: typeof import('vue').nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
-                    variant: import('..').QBadgeVariant;
                     color: string;
+                    variant: import('..').QBadgeVariant;
                     icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
                     texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
                     focusable: boolean;
                 }> & Omit<Readonly<import('..').QBadgeProps> & Readonly<{
                     "onClick:remove"?: (() => any) | undefined;
-                }>, "variant" | "color" | "icons" | "texts" | "focusable"> & {} & import('vue').ComponentCustomProperties & {} & {
+                }>, "color" | "variant" | "icons" | "texts" | "focusable"> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         default?(_: {}): any;
                         default?(_: {}): any;
@@ -401,8 +730,8 @@ declare const QPhoneField: {
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                         "click:remove": () => any;
                     }, string, {
-                        variant: import('..').QBadgeVariant;
                         color: string;
+                        variant: import('..').QBadgeVariant;
                         icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
                         texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
                         focusable: boolean;
@@ -427,14 +756,14 @@ declare const QPhoneField: {
                     $nextTick: typeof import('vue').nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
-                    variant: import('..').QBadgeVariant;
                     color: string;
+                    variant: import('..').QBadgeVariant;
                     icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
                     texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
                     focusable: boolean;
                 }> & Omit<Readonly<import('..').QBadgeProps> & Readonly<{
                     "onClick:remove"?: (() => any) | undefined;
-                }>, "variant" | "color" | "icons" | "texts" | "focusable"> & {} & import('vue').ComponentCustomProperties & {} & {
+                }>, "color" | "variant" | "icons" | "texts" | "focusable"> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         default?(_: {}): any;
                         default?(_: {}): any;
@@ -461,6 +790,7 @@ declare const QPhoneField: {
                         readonly required?: boolean | undefined;
                         readonly itemValue?: string | undefined;
                         readonly itemLabel?: string | undefined;
+                        readonly icons?: typeof import('../QList/constants').DEFAULT_ICONS | undefined;
                         readonly "onUpdate:modelValue"?: ((val: any) => any) | undefined;
                         readonly onClick?: ((key: any) => any) | undefined;
                         readonly "onMouseenter:item"?: ((key: any) => any) | undefined;
@@ -571,8 +901,9 @@ declare const QPhoneField: {
                         click: (key: any) => any;
                         "mouseenter:item": (key: any) => any;
                     }, string, {
-                        groups: import('..').QListItemGroupData[];
+                        icons: typeof import('../QList/constants').DEFAULT_ICONS;
                         selectOnTab: boolean;
+                        groups: import('..').QListItemGroupData[];
                         itemValue: string;
                         itemLabel: string;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -596,15 +927,16 @@ declare const QPhoneField: {
                     $nextTick: typeof import('vue').nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
-                    groups: import('..').QListItemGroupData[];
+                    icons: typeof import('../QList/constants').DEFAULT_ICONS;
                     selectOnTab: boolean;
+                    groups: import('..').QListItemGroupData[];
                     itemValue: string;
                     itemLabel: string;
                 }> & Omit<Readonly<import('..').QListProps> & Readonly<{
                     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
                     onClick?: ((key: any) => any) | undefined;
                     "onMouseenter:item"?: ((key: any) => any) | undefined;
-                }>, "getItem" | "getActiveItemIndex" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "selectOnTab" | "itemValue" | "itemLabel")> & {
+                }>, "getItem" | "getActiveItemIndex" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("icons" | "selectOnTab" | "groups" | "itemValue" | "itemLabel")> & {
                     getItem: (idx: number) => HTMLElement | undefined;
                     getActiveItemIndex: () => number;
                     getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
@@ -615,11 +947,11 @@ declare const QPhoneField: {
                         default?(_: {}): any;
                         item?(_: {
                             item: import('..').QListItemData;
-                            element: HTMLLIElement | undefined;
+                            element: HTMLElement | undefined;
                         }): any;
                         'item.append'?(_: {
                             item: import('..').QListItemData;
-                            element: HTMLLIElement | undefined;
+                            element: HTMLElement | undefined;
                         }): any;
                     };
                 }) | null;
@@ -640,7 +972,7 @@ declare const QPhoneField: {
                 required?: boolean;
                 for?: string;
                 labelPosition?: import('..').QLabelPosition;
-            } & {
+            } & import('..').QFieldHelpProps & {
                 size?: import('..').QFieldSize;
                 readonly?: boolean;
                 disabled?: boolean;
@@ -679,10 +1011,41 @@ declare const QPhoneField: {
                 "before-show": () => any;
                 "before-hide": () => any;
             }, string, {
-                icons: typeof import('../QSelect/constants').DEFAULT_ICONS;
-                texts: typeof import('../QSelect/constants').DEFAULT_TEXTS;
-                groups: import('..').QListItemGroupData[];
+                icons: {
+                    help: {
+                        icon: string;
+                    };
+                } & {
+                    check: {
+                        icon: string;
+                    };
+                    description: {
+                        icon: string;
+                    };
+                    remove: {
+                        icon: string;
+                    };
+                    clear: {
+                        icon: string;
+                    };
+                    chevron: {
+                        icon: string;
+                    };
+                    help: {
+                        icon: string;
+                    };
+                };
+                texts: {
+                    showHelp: string;
+                } & {
+                    placeholder: string;
+                    showOptions: string;
+                    remove: string;
+                    clearValue: string;
+                    showHelp: string;
+                };
                 selectOnTab: boolean;
+                groups: import('..').QListItemGroupData[];
                 itemValue: string;
                 itemLabel: string;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -706,10 +1069,41 @@ declare const QPhoneField: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            icons: typeof import('../QSelect/constants').DEFAULT_ICONS;
-            texts: typeof import('../QSelect/constants').DEFAULT_TEXTS;
-            groups: import('..').QListItemGroupData[];
+            icons: {
+                help: {
+                    icon: string;
+                };
+            } & {
+                check: {
+                    icon: string;
+                };
+                description: {
+                    icon: string;
+                };
+                remove: {
+                    icon: string;
+                };
+                clear: {
+                    icon: string;
+                };
+                chevron: {
+                    icon: string;
+                };
+                help: {
+                    icon: string;
+                };
+            };
+            texts: {
+                showHelp: string;
+            } & {
+                placeholder: string;
+                showOptions: string;
+                remove: string;
+                clearValue: string;
+                showHelp: string;
+            };
             selectOnTab: boolean;
+            groups: import('..').QListItemGroupData[];
             itemValue: string;
             itemLabel: string;
         }> & Omit<Readonly<{
@@ -720,7 +1114,7 @@ declare const QPhoneField: {
             required?: boolean;
             for?: string;
             labelPosition?: import('..').QLabelPosition;
-        } & {
+        } & import('..').QFieldHelpProps & {
             size?: import('..').QFieldSize;
             readonly?: boolean;
             disabled?: boolean;
@@ -748,7 +1142,7 @@ declare const QPhoneField: {
             "onBefore-show"?: (() => any) | undefined;
             "onBefore-hide"?: (() => any) | undefined;
             "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        }>, ("icons" | "texts" | "groups" | "selectOnTab" | "itemValue" | "itemLabel") | "focusList"> & {
+        }>, ("icons" | "texts" | "selectOnTab" | "groups" | "itemValue" | "itemLabel") | "focusList"> & {
             focusList: () => void;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
@@ -778,6 +1172,26 @@ declare const QPhoneField: {
                 readonly required?: boolean | undefined;
                 readonly for?: string | undefined;
                 readonly labelPosition?: import('..').QLabelPosition | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: ({
+                    help: {
+                        icon: string;
+                    };
+                } & {
+                    clear: {
+                        icon: string;
+                    };
+                    help: {
+                        icon: string;
+                    };
+                }) | undefined;
+                readonly texts?: ({
+                    showHelp: string;
+                } & {
+                    clearValue: string;
+                    showHelp: string;
+                }) | undefined;
                 readonly size?: import('..').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
@@ -786,7 +1200,6 @@ declare const QPhoneField: {
                 readonly maxLength?: number | undefined;
                 readonly clearable?: boolean | undefined;
                 readonly type?: string | undefined;
-                readonly texts?: typeof import('..').DEFAULT_TEXTS | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 readonly "onClick:clear"?: ((event: Event) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -804,6 +1217,10 @@ declare const QPhoneField: {
                         readonly required?: boolean | undefined;
                         readonly for?: string | undefined;
                         readonly labelPosition?: import('..').QLabelPosition | undefined;
+                        readonly help?: string | undefined;
+                        readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                        readonly icons?: typeof import('../QField/constants').DEFAULT_ICONS | undefined;
+                        readonly texts?: typeof import('../QField/constants').DEFAULT_TEXTS | undefined;
                         readonly size?: import('..').QFieldSize | undefined;
                         readonly readonly?: boolean | undefined;
                         readonly disabled?: boolean | undefined;
@@ -813,7 +1230,115 @@ declare const QPhoneField: {
                     $refs: {
                         [x: string]: unknown;
                     } & {
+                        controlAnchor: HTMLDivElement;
                         field: HTMLDivElement;
+                        standaloneHelp: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                            trigger: ({
+                                $: import('vue').ComponentInternalInstance;
+                                $data: {};
+                                $props: {
+                                    readonly id?: string | undefined;
+                                    readonly class?: string | unknown[] | undefined;
+                                    readonly label?: string | undefined;
+                                    readonly help?: string | undefined;
+                                    readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                                    readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                                    readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
+                                    readonly variant?: import('..').QButtonVariant | undefined;
+                                    readonly color?: string | undefined;
+                                    readonly surface?: string | undefined;
+                                    readonly borderless?: boolean | undefined;
+                                    readonly elevated?: boolean | undefined;
+                                    readonly block?: boolean | undefined;
+                                    readonly size?: import('../..').QComponentSize | undefined;
+                                    readonly iconPos?: import('..').QButtonIconPosition | undefined;
+                                    readonly pill?: boolean | undefined;
+                                    readonly effect?: import('..').QButtonEffect | undefined;
+                                    readonly disabled?: boolean | undefined;
+                                    readonly loading?: boolean | undefined;
+                                    readonly tabindex?: number | undefined;
+                                    readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                                $attrs: import('vue').Attrs;
+                                $refs: {
+                                    [x: string]: unknown;
+                                } & {
+                                    buttonEl: HTMLButtonElement;
+                                };
+                                $slots: Readonly<{
+                                    [name: string]: import('vue').Slot<any> | undefined;
+                                }>;
+                                $root: import('vue').ComponentPublicInstance | null;
+                                $parent: import('vue').ComponentPublicInstance | null;
+                                $host: Element | null;
+                                $emit: (event: "click", event: MouseEvent) => void;
+                                $el: any;
+                                $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+                                    onClick?: ((event: MouseEvent) => any) | undefined;
+                                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                                    click: (event: MouseEvent) => any;
+                                }, string, {
+                                    effect: import('..').QButtonEffect;
+                                    color: string;
+                                    variant: import('..').QButtonVariant;
+                                    icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                    texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                    helpDisplay: import('../..').QHelpDisplay;
+                                    iconPos: import('..').QButtonIconPosition;
+                                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                                    beforeCreate?: (() => void) | (() => void)[];
+                                    created?: (() => void) | (() => void)[];
+                                    beforeMount?: (() => void) | (() => void)[];
+                                    mounted?: (() => void) | (() => void)[];
+                                    beforeUpdate?: (() => void) | (() => void)[];
+                                    updated?: (() => void) | (() => void)[];
+                                    activated?: (() => void) | (() => void)[];
+                                    deactivated?: (() => void) | (() => void)[];
+                                    beforeDestroy?: (() => void) | (() => void)[];
+                                    beforeUnmount?: (() => void) | (() => void)[];
+                                    destroyed?: (() => void) | (() => void)[];
+                                    unmounted?: (() => void) | (() => void)[];
+                                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                                };
+                                $forceUpdate: () => void;
+                                $nextTick: typeof import('vue').nextTick;
+                                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                            } & Readonly<{
+                                effect: import('..').QButtonEffect;
+                                color: string;
+                                variant: import('..').QButtonVariant;
+                                icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                helpDisplay: import('../..').QHelpDisplay;
+                                iconPos: import('..').QButtonIconPosition;
+                            }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+                                onClick?: ((event: MouseEvent) => any) | undefined;
+                            }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+                                $slots: {
+                                    default?(_: {}): any;
+                                    append?(_: {}): any;
+                                };
+                            }) | null;
+                        }, any, import('vue').ComponentProvideOptions, {
+                            P: {};
+                            B: {};
+                            D: {};
+                            C: {};
+                            M: {};
+                            Defaults: {};
+                        }, Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }> | null;
                     };
                     $slots: Readonly<{
                         [name: string]: import('vue').Slot<any> | undefined;
@@ -824,9 +1349,13 @@ declare const QPhoneField: {
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
                     $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-                        fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+                        fieldRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+                        helpDescribedBy: import('vue').ComputedRef<string | undefined>;
                     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                         size: import('..').QFieldSize;
+                        icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                        texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                        helpDisplay: import('../..').QHelpDisplay;
                         labelPosition: import('..').QLabelPosition;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -850,16 +1379,24 @@ declare const QPhoneField: {
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
                     size: import('..').QFieldSize;
+                    icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                    texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                    helpDisplay: import('../..').QHelpDisplay;
                     labelPosition: import('..').QLabelPosition;
-                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
-                    fieldRef: HTMLDivElement | null;
+                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "helpDescribedBy" | "fieldRef" | ("size" | "icons" | "texts" | "helpDisplay" | "labelPosition")> & {
+                    fieldRef: HTMLElement | null;
+                    helpDescribedBy: string | undefined;
                 } & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         'label.prepend'?(_: {}): any;
                         'label.append'?(_: {}): any;
-                        control?(_: {}): any;
+                        control?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         prepend?(_: {}): any;
-                        default?(_: {}): any;
+                        default?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         append?(_: {}): any;
                         extras?(_: {}): any;
                     };
@@ -881,7 +1418,7 @@ declare const QPhoneField: {
                 required?: boolean;
                 for?: string;
                 labelPosition?: import('..').QLabelPosition;
-            } & {
+            } & import('..').QFieldHelpProps & {
                 size?: import('..').QFieldSize;
                 readonly?: boolean;
                 disabled?: boolean;
@@ -892,12 +1429,13 @@ declare const QPhoneField: {
                 maxLength?: number;
                 clearable?: boolean;
                 type?: string;
+                icons?: typeof import('../QTextField/constants').DEFAULT_ICONS;
                 texts?: typeof import('..').DEFAULT_TEXTS;
             }> & Readonly<{
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 "onClick:clear"?: ((event: Event) => any) | undefined;
             }>, {
-                fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
+                fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
                 inputRef: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "update:modelValue": (value: string) => any;
@@ -905,6 +1443,24 @@ declare const QPhoneField: {
                 "click:clear": (event: Event) => any;
             }, string, {
                 type: string;
+                icons: {
+                    help: {
+                        icon: string;
+                    };
+                } & {
+                    clear: {
+                        icon: string;
+                    };
+                    help: {
+                        icon: string;
+                    };
+                };
+                texts: {
+                    showHelp: string;
+                } & {
+                    clearValue: string;
+                    showHelp: string;
+                };
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -927,6 +1483,24 @@ declare const QPhoneField: {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             type: string;
+            icons: {
+                help: {
+                    icon: string;
+                };
+            } & {
+                clear: {
+                    icon: string;
+                };
+                help: {
+                    icon: string;
+                };
+            };
+            texts: {
+                showHelp: string;
+            } & {
+                clearValue: string;
+                showHelp: string;
+            };
         }> & Omit<Readonly<{
             modelValue?: string;
         } & import('../..').QBaseComponentProps & {
@@ -934,7 +1508,7 @@ declare const QPhoneField: {
             required?: boolean;
             for?: string;
             labelPosition?: import('..').QLabelPosition;
-        } & {
+        } & import('..').QFieldHelpProps & {
             size?: import('..').QFieldSize;
             readonly?: boolean;
             disabled?: boolean;
@@ -945,12 +1519,13 @@ declare const QPhoneField: {
             maxLength?: number;
             clearable?: boolean;
             type?: string;
+            icons?: typeof import('../QTextField/constants').DEFAULT_ICONS;
             texts?: typeof import('..').DEFAULT_TEXTS;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onClick:clear"?: ((event: Event) => any) | undefined;
-        }>, "type" | "fieldRef" | "inputRef"> & {
-            fieldRef: HTMLDivElement | null | undefined;
+        }>, "fieldRef" | ("type" | "icons" | "texts") | "inputRef"> & {
+            fieldRef: HTMLElement | null | undefined;
             inputRef: HTMLInputElement | null;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
@@ -972,6 +1547,26 @@ declare const QPhoneField: {
                 readonly required?: boolean | undefined;
                 readonly for?: string | undefined;
                 readonly labelPosition?: import('..').QLabelPosition | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: ({
+                    help: {
+                        icon: string;
+                    };
+                } & {
+                    clear: {
+                        icon: string;
+                    };
+                    help: {
+                        icon: string;
+                    };
+                }) | undefined;
+                readonly texts?: ({
+                    showHelp: string;
+                } & {
+                    clearValue: string;
+                    showHelp: string;
+                }) | undefined;
                 readonly size?: import('..').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
@@ -980,7 +1575,6 @@ declare const QPhoneField: {
                 readonly maxLength?: number | undefined;
                 readonly clearable?: boolean | undefined;
                 readonly type?: string | undefined;
-                readonly texts?: typeof import('..').DEFAULT_TEXTS | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 readonly "onClick:clear"?: ((event: Event) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -998,6 +1592,10 @@ declare const QPhoneField: {
                         readonly required?: boolean | undefined;
                         readonly for?: string | undefined;
                         readonly labelPosition?: import('..').QLabelPosition | undefined;
+                        readonly help?: string | undefined;
+                        readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                        readonly icons?: typeof import('../QField/constants').DEFAULT_ICONS | undefined;
+                        readonly texts?: typeof import('../QField/constants').DEFAULT_TEXTS | undefined;
                         readonly size?: import('..').QFieldSize | undefined;
                         readonly readonly?: boolean | undefined;
                         readonly disabled?: boolean | undefined;
@@ -1007,7 +1605,115 @@ declare const QPhoneField: {
                     $refs: {
                         [x: string]: unknown;
                     } & {
+                        controlAnchor: HTMLDivElement;
                         field: HTMLDivElement;
+                        standaloneHelp: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                            trigger: ({
+                                $: import('vue').ComponentInternalInstance;
+                                $data: {};
+                                $props: {
+                                    readonly id?: string | undefined;
+                                    readonly class?: string | unknown[] | undefined;
+                                    readonly label?: string | undefined;
+                                    readonly help?: string | undefined;
+                                    readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                                    readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                                    readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
+                                    readonly variant?: import('..').QButtonVariant | undefined;
+                                    readonly color?: string | undefined;
+                                    readonly surface?: string | undefined;
+                                    readonly borderless?: boolean | undefined;
+                                    readonly elevated?: boolean | undefined;
+                                    readonly block?: boolean | undefined;
+                                    readonly size?: import('../..').QComponentSize | undefined;
+                                    readonly iconPos?: import('..').QButtonIconPosition | undefined;
+                                    readonly pill?: boolean | undefined;
+                                    readonly effect?: import('..').QButtonEffect | undefined;
+                                    readonly disabled?: boolean | undefined;
+                                    readonly loading?: boolean | undefined;
+                                    readonly tabindex?: number | undefined;
+                                    readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                                $attrs: import('vue').Attrs;
+                                $refs: {
+                                    [x: string]: unknown;
+                                } & {
+                                    buttonEl: HTMLButtonElement;
+                                };
+                                $slots: Readonly<{
+                                    [name: string]: import('vue').Slot<any> | undefined;
+                                }>;
+                                $root: import('vue').ComponentPublicInstance | null;
+                                $parent: import('vue').ComponentPublicInstance | null;
+                                $host: Element | null;
+                                $emit: (event: "click", event: MouseEvent) => void;
+                                $el: any;
+                                $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+                                    onClick?: ((event: MouseEvent) => any) | undefined;
+                                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                                    click: (event: MouseEvent) => any;
+                                }, string, {
+                                    effect: import('..').QButtonEffect;
+                                    color: string;
+                                    variant: import('..').QButtonVariant;
+                                    icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                    texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                    helpDisplay: import('../..').QHelpDisplay;
+                                    iconPos: import('..').QButtonIconPosition;
+                                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                                    beforeCreate?: (() => void) | (() => void)[];
+                                    created?: (() => void) | (() => void)[];
+                                    beforeMount?: (() => void) | (() => void)[];
+                                    mounted?: (() => void) | (() => void)[];
+                                    beforeUpdate?: (() => void) | (() => void)[];
+                                    updated?: (() => void) | (() => void)[];
+                                    activated?: (() => void) | (() => void)[];
+                                    deactivated?: (() => void) | (() => void)[];
+                                    beforeDestroy?: (() => void) | (() => void)[];
+                                    beforeUnmount?: (() => void) | (() => void)[];
+                                    destroyed?: (() => void) | (() => void)[];
+                                    unmounted?: (() => void) | (() => void)[];
+                                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                                };
+                                $forceUpdate: () => void;
+                                $nextTick: typeof import('vue').nextTick;
+                                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                            } & Readonly<{
+                                effect: import('..').QButtonEffect;
+                                color: string;
+                                variant: import('..').QButtonVariant;
+                                icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                helpDisplay: import('../..').QHelpDisplay;
+                                iconPos: import('..').QButtonIconPosition;
+                            }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+                                onClick?: ((event: MouseEvent) => any) | undefined;
+                            }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+                                $slots: {
+                                    default?(_: {}): any;
+                                    append?(_: {}): any;
+                                };
+                            }) | null;
+                        }, any, import('vue').ComponentProvideOptions, {
+                            P: {};
+                            B: {};
+                            D: {};
+                            C: {};
+                            M: {};
+                            Defaults: {};
+                        }, Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }> | null;
                     };
                     $slots: Readonly<{
                         [name: string]: import('vue').Slot<any> | undefined;
@@ -1018,9 +1724,13 @@ declare const QPhoneField: {
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
                     $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-                        fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+                        fieldRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+                        helpDescribedBy: import('vue').ComputedRef<string | undefined>;
                     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                         size: import('..').QFieldSize;
+                        icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                        texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                        helpDisplay: import('../..').QHelpDisplay;
                         labelPosition: import('..').QLabelPosition;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -1044,16 +1754,24 @@ declare const QPhoneField: {
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
                     size: import('..').QFieldSize;
+                    icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                    texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                    helpDisplay: import('../..').QHelpDisplay;
                     labelPosition: import('..').QLabelPosition;
-                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
-                    fieldRef: HTMLDivElement | null;
+                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "helpDescribedBy" | "fieldRef" | ("size" | "icons" | "texts" | "helpDisplay" | "labelPosition")> & {
+                    fieldRef: HTMLElement | null;
+                    helpDescribedBy: string | undefined;
                 } & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         'label.prepend'?(_: {}): any;
                         'label.append'?(_: {}): any;
-                        control?(_: {}): any;
+                        control?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         prepend?(_: {}): any;
-                        default?(_: {}): any;
+                        default?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         append?(_: {}): any;
                         extras?(_: {}): any;
                     };
@@ -1075,7 +1793,7 @@ declare const QPhoneField: {
                 required?: boolean;
                 for?: string;
                 labelPosition?: import('..').QLabelPosition;
-            } & {
+            } & import('..').QFieldHelpProps & {
                 size?: import('..').QFieldSize;
                 readonly?: boolean;
                 disabled?: boolean;
@@ -1086,12 +1804,13 @@ declare const QPhoneField: {
                 maxLength?: number;
                 clearable?: boolean;
                 type?: string;
+                icons?: typeof import('../QTextField/constants').DEFAULT_ICONS;
                 texts?: typeof import('..').DEFAULT_TEXTS;
             }> & Readonly<{
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 "onClick:clear"?: ((event: Event) => any) | undefined;
             }>, {
-                fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
+                fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
                 inputRef: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "update:modelValue": (value: string) => any;
@@ -1099,6 +1818,24 @@ declare const QPhoneField: {
                 "click:clear": (event: Event) => any;
             }, string, {
                 type: string;
+                icons: {
+                    help: {
+                        icon: string;
+                    };
+                } & {
+                    clear: {
+                        icon: string;
+                    };
+                    help: {
+                        icon: string;
+                    };
+                };
+                texts: {
+                    showHelp: string;
+                } & {
+                    clearValue: string;
+                    showHelp: string;
+                };
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -1121,6 +1858,24 @@ declare const QPhoneField: {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             type: string;
+            icons: {
+                help: {
+                    icon: string;
+                };
+            } & {
+                clear: {
+                    icon: string;
+                };
+                help: {
+                    icon: string;
+                };
+            };
+            texts: {
+                showHelp: string;
+            } & {
+                clearValue: string;
+                showHelp: string;
+            };
         }> & Omit<Readonly<{
             modelValue?: string;
         } & import('../..').QBaseComponentProps & {
@@ -1128,7 +1883,7 @@ declare const QPhoneField: {
             required?: boolean;
             for?: string;
             labelPosition?: import('..').QLabelPosition;
-        } & {
+        } & import('..').QFieldHelpProps & {
             size?: import('..').QFieldSize;
             readonly?: boolean;
             disabled?: boolean;
@@ -1139,12 +1894,13 @@ declare const QPhoneField: {
             maxLength?: number;
             clearable?: boolean;
             type?: string;
+            icons?: typeof import('../QTextField/constants').DEFAULT_ICONS;
             texts?: typeof import('..').DEFAULT_TEXTS;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onClick:clear"?: ((event: Event) => any) | undefined;
-        }>, "type" | "fieldRef" | "inputRef"> & {
-            fieldRef: HTMLDivElement | null | undefined;
+        }>, "fieldRef" | ("type" | "icons" | "texts") | "inputRef"> & {
+            fieldRef: HTMLElement | null | undefined;
             inputRef: HTMLInputElement | null;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
@@ -1171,7 +1927,7 @@ declare const QPhoneField: {
         required?: boolean;
         for?: string;
         labelPosition?: import('..').QLabelPosition;
-    } & {
+    } & import('..').QFieldHelpProps & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
@@ -1185,6 +1941,7 @@ declare const QPhoneField: {
         clearable?: boolean;
         autoValidate?: boolean;
         inline?: boolean;
+        icons?: typeof import('./constants').DEFAULT_ICONS;
         texts?: typeof import('./constants').DEFAULT_TEXTS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -1197,7 +1954,46 @@ declare const QPhoneField: {
         inputRef: import('vue').ComputedRef<HTMLInputElement | null>;
         validity: import('vue').ComputedRef<import('./types').QPhoneFieldValidity>;
     }, {}, {}, {}, {
-        texts: typeof import('./constants').DEFAULT_TEXTS;
+        icons: {
+            help: {
+                icon: string;
+            };
+        } & {
+            clear: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+            check: {
+                icon: string;
+            };
+            description: {
+                icon: string;
+            };
+            remove: {
+                icon: string;
+            };
+            chevron: {
+                icon: string;
+            };
+        };
+        texts: {
+            showHelp: string;
+        } & {
+            phoneNumber: string;
+            selectCountry: string;
+            searchCountry: string;
+            noCountries: string;
+            requiredNumber: string;
+            invalidNumber: string;
+            unsupportedCountry: string;
+            clearValue: string;
+            showHelp: string;
+            placeholder: string;
+            showOptions: string;
+            remove: string;
+        };
         locale: string;
         autoValidate: boolean;
     }>;
@@ -1213,7 +2009,7 @@ declare const QPhoneField: {
     required?: boolean;
     for?: string;
     labelPosition?: import('..').QLabelPosition;
-} & {
+} & import('..').QFieldHelpProps & {
     size?: import('..').QFieldSize;
     readonly?: boolean;
     disabled?: boolean;
@@ -1227,6 +2023,7 @@ declare const QPhoneField: {
     clearable?: boolean;
     autoValidate?: boolean;
     inline?: boolean;
+    icons?: typeof import('./constants').DEFAULT_ICONS;
     texts?: typeof import('./constants').DEFAULT_TEXTS;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -1245,7 +2042,46 @@ declare const QPhoneField: {
     "validity-change": (validity: import('./types').QPhoneFieldValidity) => any;
     "update:country": (value: import('libphonenumber-js/max').CountryCode | undefined) => any;
 }, string, {
-    texts: typeof import('./constants').DEFAULT_TEXTS;
+    icons: {
+        help: {
+            icon: string;
+        };
+    } & {
+        clear: {
+            icon: string;
+        };
+        help: {
+            icon: string;
+        };
+        check: {
+            icon: string;
+        };
+        description: {
+            icon: string;
+        };
+        remove: {
+            icon: string;
+        };
+        chevron: {
+            icon: string;
+        };
+    };
+    texts: {
+        showHelp: string;
+    } & {
+        phoneNumber: string;
+        selectCountry: string;
+        searchCountry: string;
+        noCountries: string;
+        requiredNumber: string;
+        invalidNumber: string;
+        unsupportedCountry: string;
+        clearValue: string;
+        showHelp: string;
+        placeholder: string;
+        showOptions: string;
+        remove: string;
+    };
     locale: string;
     autoValidate: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {