@quidgest/ui 0.27.0 → 0.28.0

package/esm/components/QDateTimePicker/QDateTimePicker.d.ts

@@ -1,4 +1,3 @@
-import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 import { QButtonVariant } from '../QButton';
 import { QDateTimePickerProps } from '.';
 import { nextTick } from 'vue';
@@ -23,6 +22,26 @@ declare function __VLS_template(): {
                 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;
@@ -31,7 +50,6 @@ declare function __VLS_template(): {
                 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;
@@ -49,6 +67,10 @@ declare function __VLS_template(): {
                         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;
@@ -58,7 +80,115 @@ declare function __VLS_template(): {
                     $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?: 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: 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 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: 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;
@@ -69,9 +199,13 @@ declare function __VLS_template(): {
                     $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)[];
@@ -95,16 +229,24 @@ declare function __VLS_template(): {
                     $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;
                     };
@@ -126,7 +268,7 @@ declare function __VLS_template(): {
                 required?: boolean;
                 for?: string;
                 labelPosition?: import('..').QLabelPosition;
-            } & {
+            } & import('..').QFieldHelpProps & {
                 size?: import('..').QFieldSize;
                 readonly?: boolean;
                 disabled?: boolean;
@@ -137,12 +279,13 @@ declare function __VLS_template(): {
                 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;
@@ -150,6 +293,24 @@ declare function __VLS_template(): {
                 "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)[];
@@ -172,6 +333,24 @@ declare function __VLS_template(): {
             $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 & {
@@ -179,7 +358,7 @@ declare function __VLS_template(): {
             required?: boolean;
             for?: string;
             labelPosition?: import('..').QLabelPosition;
-        } & {
+        } & import('..').QFieldHelpProps & {
             size?: import('..').QFieldSize;
             readonly?: boolean;
             disabled?: boolean;
@@ -190,12 +369,13 @@ declare function __VLS_template(): {
             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: {
@@ -215,8 +395,13 @@ declare function __VLS_template(): {
                 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?: QButtonVariant | undefined;
                 readonly color?: string | undefined;
+                readonly surface?: string | undefined;
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
@@ -232,6 +417,8 @@ declare function __VLS_template(): {
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
+            } & {
+                buttonEl: HTMLButtonElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -240,15 +427,18 @@ declare function __VLS_template(): {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "click", event: MouseEvent) => void;
-            $el: HTMLButtonElement;
+            $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, {
-                variant: QButtonVariant;
                 effect: import('..').QButtonEffect;
                 color: string;
+                variant: 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)[];
@@ -271,13 +461,16 @@ declare function __VLS_template(): {
             $nextTick: typeof 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: QButtonVariant;
             effect: import('..').QButtonEffect;
             color: string;
+            variant: 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;
-        }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 append?(_: {}): any;
@@ -290,8 +483,13 @@ declare function __VLS_template(): {
                 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?: QButtonVariant | undefined;
                 readonly color?: string | undefined;
+                readonly surface?: string | undefined;
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
@@ -307,6 +505,8 @@ declare function __VLS_template(): {
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
+            } & {
+                buttonEl: HTMLButtonElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -315,15 +515,18 @@ declare function __VLS_template(): {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "click", event: MouseEvent) => void;
-            $el: HTMLButtonElement;
+            $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, {
-                variant: QButtonVariant;
                 effect: import('..').QButtonEffect;
                 color: string;
+                variant: 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)[];
@@ -346,13 +549,16 @@ declare function __VLS_template(): {
             $nextTick: typeof 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: QButtonVariant;
             effect: import('..').QButtonEffect;
             color: string;
+            variant: 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;
-        }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 append?(_: {}): any;
@@ -365,8 +571,13 @@ declare function __VLS_template(): {
                 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?: QButtonVariant | undefined;
                 readonly color?: string | undefined;
+                readonly surface?: string | undefined;
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
@@ -382,6 +593,8 @@ declare function __VLS_template(): {
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
+            } & {
+                buttonEl: HTMLButtonElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -390,15 +603,18 @@ declare function __VLS_template(): {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "click", event: MouseEvent) => void;
-            $el: HTMLButtonElement;
+            $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, {
-                variant: QButtonVariant;
                 effect: import('..').QButtonEffect;
                 color: string;
+                variant: 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)[];
@@ -421,13 +637,16 @@ declare function __VLS_template(): {
             $nextTick: typeof 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: QButtonVariant;
             effect: import('..').QButtonEffect;
             color: string;
+            variant: 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;
-        }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 append?(_: {}): any;
@@ -447,8 +666,88 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
 }>, {
-    icons: typeof DEFAULT_ICONS;
-    texts: typeof DEFAULT_TEXTS;
+    icons: {
+        help: {
+            icon: string;
+        };
+    } & {
+        calendar: {
+            icon: string;
+        };
+        clock: {
+            icon: string;
+        };
+        today: {
+            icon: string;
+        };
+        back: {
+            icon: string;
+        };
+        forward: {
+            icon: string;
+        };
+        up: {
+            icon: string;
+        };
+        down: {
+            icon: string;
+        };
+        delete: {
+            icon: string;
+        };
+        clear: {
+            icon: string;
+        };
+        help: {
+            icon: string;
+        };
+    };
+    texts: {
+        showHelp: string;
+    } & {
+        today: string;
+        toggleMode: string;
+        previousYears: string;
+        nextYears: string;
+        previousMonth: string;
+        nextMonth: string;
+        pickMonth: string;
+        pickYear: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        startTime: string;
+        endTime: string;
+        increaseHour: string;
+        decreaseHour: string;
+        increaseMinute: string;
+        decreaseMinute: string;
+        increaseSecond: string;
+        decreaseSecond: string;
+        am: string;
+        pm: string;
+        january: string;
+        february: string;
+        march: string;
+        april: string;
+        may: string;
+        june: string;
+        july: string;
+        august: string;
+        september: string;
+        october: string;
+        november: string;
+        december: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        sunday: string;
+        clearValue: string;
+        showHelp: string;
+    };
     inline: boolean;
     format: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -463,6 +762,26 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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;
@@ -471,7 +790,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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;
@@ -489,6 +807,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                     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;
@@ -498,7 +820,115 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 $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?: 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: 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 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: 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;
@@ -509,9 +939,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 $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)[];
@@ -535,16 +969,24 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 $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;
                 };
@@ -566,7 +1008,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             required?: boolean;
             for?: string;
             labelPosition?: import('..').QLabelPosition;
-        } & {
+        } & import('..').QFieldHelpProps & {
             size?: import('..').QFieldSize;
             readonly?: boolean;
             disabled?: boolean;
@@ -577,12 +1019,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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;
@@ -590,6 +1033,24 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             "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)[];
@@ -612,6 +1073,24 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $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 & {
@@ -619,7 +1098,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         required?: boolean;
         for?: string;
         labelPosition?: import('..').QLabelPosition;
-    } & {
+    } & import('..').QFieldHelpProps & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
@@ -630,12 +1109,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         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: {
@@ -655,8 +1135,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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?: QButtonVariant | undefined;
             readonly color?: string | undefined;
+            readonly surface?: string | undefined;
             readonly borderless?: boolean | undefined;
             readonly elevated?: boolean | undefined;
             readonly block?: boolean | undefined;
@@ -672,6 +1157,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
+        } & {
+            buttonEl: HTMLButtonElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -680,15 +1167,18 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: "click", event: MouseEvent) => void;
-        $el: HTMLButtonElement;
+        $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, {
-            variant: QButtonVariant;
             effect: import('..').QButtonEffect;
             color: string;
+            variant: 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)[];
@@ -711,13 +1201,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $nextTick: typeof 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: QButtonVariant;
         effect: import('..').QButtonEffect;
         color: string;
+        variant: 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;
-    }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
             append?(_: {}): any;
@@ -730,8 +1223,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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?: QButtonVariant | undefined;
             readonly color?: string | undefined;
+            readonly surface?: string | undefined;
             readonly borderless?: boolean | undefined;
             readonly elevated?: boolean | undefined;
             readonly block?: boolean | undefined;
@@ -747,6 +1245,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
+        } & {
+            buttonEl: HTMLButtonElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -755,15 +1255,18 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: "click", event: MouseEvent) => void;
-        $el: HTMLButtonElement;
+        $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, {
-            variant: QButtonVariant;
             effect: import('..').QButtonEffect;
             color: string;
+            variant: 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)[];
@@ -786,13 +1289,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $nextTick: typeof 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: QButtonVariant;
         effect: import('..').QButtonEffect;
         color: string;
+        variant: 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;
-    }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
             append?(_: {}): any;
@@ -805,8 +1311,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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?: QButtonVariant | undefined;
             readonly color?: string | undefined;
+            readonly surface?: string | undefined;
             readonly borderless?: boolean | undefined;
             readonly elevated?: boolean | undefined;
             readonly block?: boolean | undefined;
@@ -822,6 +1333,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
+        } & {
+            buttonEl: HTMLButtonElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -830,15 +1343,18 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: "click", event: MouseEvent) => void;
-        $el: HTMLButtonElement;
+        $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, {
-            variant: QButtonVariant;
             effect: import('..').QButtonEffect;
             color: string;
+            variant: 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)[];
@@ -861,13 +1377,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $nextTick: typeof 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: QButtonVariant;
         effect: import('..').QButtonEffect;
         color: string;
+        variant: 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;
-    }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
             append?(_: {}): any;