@quidgest/ui 0.7.12 → 0.7.14

package/dist/index.d.ts

@@ -9,10 +9,8 @@ import { ComponentPublicInstance } from 'vue';
 import { ComputedRef } from 'vue';
 import { DebuggerEvent } from 'vue';
 import { DefineComponent } from 'vue';
-import type { Directive } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { nextTick } from 'vue';
-import type { ObjectDirective } from 'vue';
 import type { Plugin as Plugin_2 } from 'vue';
 import { PropType } from 'vue';
 import { Ref } from 'vue';
@@ -46,6 +44,8 @@ declare type __VLS_NonUndefinedable_19<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_20<T> = T extends undefined ? never : T;
+
 declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
@@ -96,6 +96,10 @@ declare type __VLS_Prettify_17<T> = {
     [K in keyof T]: T[K];
 } & {};
 
+declare type __VLS_Prettify_18<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
 declare type __VLS_Prettify_2<T> = {
     [K in keyof T]: T[K];
 } & {};
@@ -236,6 +240,15 @@ declare type __VLS_TypePropsToRuntimeProps_2<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_20<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_20<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
 declare type __VLS_TypePropsToRuntimeProps_3<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable_3<T[K]>>;
@@ -353,6 +366,12 @@ declare type __VLS_WithDefaults_17<P, D> = {
     }> : P[K];
 };
 
+declare type __VLS_WithDefaults_18<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_18<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
 declare type __VLS_WithDefaults_2<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_2<P[K] & {
         default: D[K];
@@ -490,8 +509,6 @@ export declare type AppThemes = {
     }>;
 };
 
-export declare const clickOutside: ObjectDirective<HTMLElementWithClickOutsideEvent>;
-
 declare type ColorScheme = {
     primary: string;
     primaryLight: string;
@@ -532,16 +549,19 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     bStyle: string;
     label: string;
     size: string;
+    class: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     click: (event: Event) => void;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QButtonProps>, {
     bStyle: string;
     label: string;
     size: string;
+    class: undefined;
 }>>> & {
     onClick?: ((event: Event) => any) | undefined;
 }, {
     size: "small" | "regular";
+    class: string | unknown[];
     label: string;
     bStyle: "primary" | "secondary" | "tertiary" | "danger" | "plain";
 }, {}>, {
@@ -554,14 +574,17 @@ declare const _default_10: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_WithD
     prependIcon: undefined;
     appendIcon: undefined;
     size: string;
+    class: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_10<QInputGroupProps>, {
     id: () => string;
     label: string;
     prependIcon: undefined;
     appendIcon: undefined;
     size: string;
+    class: undefined;
 }>>>, {
     size: QFieldSize;
+    class: string | unknown[];
     label: string;
     id: string;
     prependIcon: Icon;
@@ -572,14 +595,21 @@ declare const _default_10: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_WithD
     append?(_: {}): any;
 }>;
 
-declare const _default_11: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
+declare const _default_11: DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_11<QLineLoaderProps>, {
+    class: undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_11<QLineLoaderProps>, {
+    class: undefined;
+}>>>, {
+    class: string | unknown[];
+}, {}>;
 
-declare const _default_12: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_11<QListProps>, {
+declare const _default_12: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_12<QListProps>, {
     modelValue: undefined;
     highlighted: undefined;
     groups: () => never[];
     itemValue: string;
     itemLabel: string;
+    class: undefined;
 }>, {
     focusItem: typeof focusItem;
     getItem: typeof getItem;
@@ -588,15 +618,17 @@ declare const _default_12: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithD
     getLastFocusableItemIndex: typeof getLastFocusableItemIndex;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (value: Primitive) => void;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_11<QListProps>, {
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_12<QListProps>, {
     modelValue: undefined;
     highlighted: undefined;
     groups: () => never[];
     itemValue: string;
     itemLabel: string;
+    class: undefined;
 }>>> & {
     "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
 }, {
+    class: string | unknown[];
     modelValue: Primitive;
     highlighted: Primitive;
     groups: Group[];
@@ -608,12 +640,12 @@ declare const _default_12: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithD
     }): any;
 }>;
 
-declare const _default_13: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_12<QListItemProps>, {
+declare const _default_13: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_13<QListItemProps>, {
     icon: undefined;
     icons: () => Record<string, Icon>;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     select: (value: Primitive) => void;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_12<QListItemProps>, {
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_13<QListItemProps>, {
     icon: undefined;
     icons: () => Record<string, Icon>;
 }>>> & {
@@ -625,9 +657,9 @@ declare const _default_13: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_WithD
     default?(_: {}): any;
 }>;
 
-declare const _default_14: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_13<QListItemGroupProps>, {
+declare const _default_14: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_14<QListItemGroupProps>, {
     title: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_13<QListItemGroupProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_14<QListItemGroupProps>, {
     title: string;
 }>>>, {
     title: string;
@@ -635,164 +667,38 @@ declare const _default_14: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_WithD
     default?(_: {}): any;
 }>;
 
-declare const _default_15: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_14<{
-    /**
-     * Determines whether the overlay is open or not.
-     */
-    modelValue?: boolean | undefined;
-    /**
-     * The DOM element the overlay should be anchored to.
-     */
-    anchor: Selector;
-    /**
-     * The appearance of the overlay.
-     * 'regular' uses body text color for background and body background color for text.
-     * 'inverted' matches body color scheme.
-     */
-    appearance?: Appearance | undefined;
-    /**
-     * Whether the overlay has an arrow pointing to the target.
-     */
-    arrow?: boolean | undefined;
-    /**
-     * The DOM element the overlay should be teleported to.
-     * Defaults to the body of the document.
-     */
-    attach?: string | undefined;
-    /**
-     * Optional additional set of classes to apply to the overlay content.
-     */
-    contentClasses?: string[] | undefined;
-    /**
-     * The delay in milliseconds before showing the overlay.
-     */
-    delay?: number | undefined;
-    /**
-     * Whether the overlay is disabled.
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Offset the overlay in the given amount of pixels.
-     */
-    offset?: number | undefined;
-    /**
-     * The placement of the overlay.
-     */
-    placement?: Placement | undefined;
-    /**
-     * Whether to spy on the real-time position of the anchor,
-     * to keep the position of the overlay up-to-date at all times.
-     */
-    spy?: boolean | undefined;
-    /**
-     * The name of the transition to apply.
-     */
-    transition?: string | undefined;
-    /**
-     * The method to trigger the overlay.
-     */
-    trigger?: Trigger | undefined;
-    /**
-     * The width of the overlay.
-     * Either is automatic, based on the overlay content,
-     * or matches the overlay's anchor.
-     */
-    width?: "anchor" | "auto" | undefined;
-}>, {
+declare const _default_15: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_15<QOverlayProps>, {
     appearance: string;
     attach: string;
-    contentClasses: () => never[];
     delay: number;
     offset: number;
     placement: string;
     transition: string;
     trigger: string;
     width: string;
+    class: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     enter: () => void;
     leave: () => void;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToRuntimeProps_14<{
-    /**
-     * Determines whether the overlay is open or not.
-     */
-    modelValue?: boolean | undefined;
-    /**
-     * The DOM element the overlay should be anchored to.
-     */
-    anchor: Selector;
-    /**
-     * The appearance of the overlay.
-     * 'regular' uses body text color for background and body background color for text.
-     * 'inverted' matches body color scheme.
-     */
-    appearance?: Appearance | undefined;
-    /**
-     * Whether the overlay has an arrow pointing to the target.
-     */
-    arrow?: boolean | undefined;
-    /**
-     * The DOM element the overlay should be teleported to.
-     * Defaults to the body of the document.
-     */
-    attach?: string | undefined;
-    /**
-     * Optional additional set of classes to apply to the overlay content.
-     */
-    contentClasses?: string[] | undefined;
-    /**
-     * The delay in milliseconds before showing the overlay.
-     */
-    delay?: number | undefined;
-    /**
-     * Whether the overlay is disabled.
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Offset the overlay in the given amount of pixels.
-     */
-    offset?: number | undefined;
-    /**
-     * The placement of the overlay.
-     */
-    placement?: Placement | undefined;
-    /**
-     * Whether to spy on the real-time position of the anchor,
-     * to keep the position of the overlay up-to-date at all times.
-     */
-    spy?: boolean | undefined;
-    /**
-     * The name of the transition to apply.
-     */
-    transition?: string | undefined;
-    /**
-     * The method to trigger the overlay.
-     */
-    trigger?: Trigger | undefined;
-    /**
-     * The width of the overlay.
-     * Either is automatic, based on the overlay content,
-     * or matches the overlay's anchor.
-     */
-    width?: "anchor" | "auto" | undefined;
-}>, {
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_15<QOverlayProps>, {
     appearance: string;
     attach: string;
-    contentClasses: () => never[];
     delay: number;
     offset: number;
     placement: string;
     transition: string;
     trigger: string;
     width: string;
+    class: undefined;
 }>>> & {
     onEnter?: (() => any) | undefined;
     onLeave?: (() => any) | undefined;
 }, {
+    class: string | unknown[];
     transition: string;
     width: "anchor" | "auto";
     appearance: Appearance;
     attach: string;
-    contentClasses: string[];
     delay: number;
     offset: number;
     placement: Placement;
@@ -804,7 +710,7 @@ declare const _default_15: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_With
     default?(_: {}): any;
 }>;
 
-declare const _default_16: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_15<{
+declare const _default_16: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_16<{
     /**
      * Determines whether the popover is open or not.
      */
@@ -853,7 +759,7 @@ declare const _default_16: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_With
     html: boolean;
     placement: string;
     spy: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_15<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_16<{
     /**
      * Determines whether the popover is open or not.
      */
@@ -913,7 +819,7 @@ declare const _default_16: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_With
     body?(_: {}): any;
 }>;
 
-declare const _default_17: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_16<{
+declare const _default_17: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_17<{
     /**
      * The value of the component.
      */
@@ -981,6 +887,10 @@ declare const _default_17: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_With
     texts?: {
         placeholder: string;
     } | undefined;
+    /**
+     * TODO.
+     */
+    class?: string | unknown[] | undefined;
 }>, {
     modelValue: undefined;
     id: () => string;
@@ -993,13 +903,14 @@ declare const _default_17: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_With
     texts: () => {
         placeholder: string;
     };
+    class: string;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (value: Primitive | undefined) => void;
     "before-show": () => void;
     "before-hide": () => void;
     show: () => void;
     hide: () => void;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_14<__VLS_TypePropsToRuntimeProps_16<{
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_17<{
     /**
      * The value of the component.
      */
@@ -1067,6 +978,10 @@ declare const _default_17: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_With
     texts?: {
         placeholder: string;
     } | undefined;
+    /**
+     * TODO.
+     */
+    class?: string | unknown[] | undefined;
 }>, {
     modelValue: undefined;
     id: () => string;
@@ -1079,6 +994,7 @@ declare const _default_17: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_With
     texts: () => {
         placeholder: string;
     };
+    class: string;
 }>>> & {
     "onUpdate:modelValue"?: ((value: Primitive | undefined) => any) | undefined;
     "onBefore-show"?: (() => any) | undefined;
@@ -1087,6 +1003,7 @@ declare const _default_17: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_With
     onHide?: (() => any) | undefined;
 }, {
     size: QFieldSize;
+    class: string | unknown[];
     label: string;
     modelValue: Primitive;
     icons: Record<string, Icon>;
@@ -1102,32 +1019,23 @@ declare const _default_17: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_With
 }, {}>, {
     "body.prepend"?(_: {}): any;
     item?(_: {
-        item: Omit<QListItemProps, "label" | "value"> & {
-            [key: string]: any;
-        };
+        item: any;
     }): any;
     "body.append"?(_: {}): any;
 }>;
 
-declare const _default_18: DefineComponent<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_17<{
-    /**
-     * The size of the loader, in pixels.
-     */
-    size?: number | undefined;
-}>, {
+declare const _default_18: DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_18<QSpinnerLoaderProps>, {
     size: number;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_15<__VLS_TypePropsToRuntimeProps_17<{
-    /**
-     * The size of the loader, in pixels.
-     */
-    size?: number | undefined;
-}>, {
+    class: undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_18<QSpinnerLoaderProps>, {
     size: number;
+    class: undefined;
 }>>>, {
     size: number;
+    class: string | unknown[];
 }, {}>;
 
-declare const _default_19: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_18<QTextFieldProps>, {
+declare const _default_19: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_19<QTextFieldProps>, {
     modelValue: string;
     id: () => string;
     placeholder: string;
@@ -1136,12 +1044,13 @@ declare const _default_19: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_With
     maxLength: undefined;
     role: undefined;
     type: string;
+    class: undefined;
 }>, {
     fieldRef: ComputedRef<HTMLElement | null | undefined>;
     inputRef: Ref<HTMLElement | null>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_16<__VLS_TypePropsToRuntimeProps_18<QTextFieldProps>, {
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_19<QTextFieldProps>, {
     modelValue: string;
     id: () => string;
     placeholder: string;
@@ -1150,10 +1059,12 @@ declare const _default_19: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_With
     maxLength: undefined;
     role: undefined;
     type: string;
+    class: undefined;
 }>>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     size: QFieldSize;
+    class: string | unknown[];
     type: string;
     label: string;
     modelValue: string;
@@ -1171,15 +1082,18 @@ declare const _default_19: __VLS_WithTemplateSlots_13<DefineComponent<__VLS_With
 
 declare const _default_2: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<QButtonGroupProps>, {
     bStyle: undefined;
+    class: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<QButtonGroupProps>, {
     bStyle: undefined;
+    class: undefined;
 }>>>, {
+    class: string | unknown[];
     bStyle: "primary" | "secondary" | "danger";
 }, {}>, {
     default?(_: {}): any;
 }>;
 
-declare const _default_20: DefineComponent<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_19<{
+declare const _default_20: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_20<{
     /**
      * Determines whether the tooltip is open or not.
      */
@@ -1227,6 +1141,10 @@ declare const _default_20: DefineComponent<__VLS_WithDefaults_17<__VLS_TypeProps
      * The method to trigger the overlay.
      */
     trigger?: Trigger | undefined;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[] | undefined;
 }>, {
     appearance: string;
     arrow: boolean;
@@ -1235,7 +1153,8 @@ declare const _default_20: DefineComponent<__VLS_WithDefaults_17<__VLS_TypeProps
     html: boolean;
     placement: string;
     trigger: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_17<__VLS_TypePropsToRuntimeProps_19<{
+    class: undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_20<{
     /**
      * Determines whether the tooltip is open or not.
      */
@@ -1283,6 +1202,10 @@ declare const _default_20: DefineComponent<__VLS_WithDefaults_17<__VLS_TypeProps
      * The method to trigger the overlay.
      */
     trigger?: Trigger | undefined;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[] | undefined;
 }>, {
     appearance: string;
     arrow: boolean;
@@ -1291,7 +1214,9 @@ declare const _default_20: DefineComponent<__VLS_WithDefaults_17<__VLS_TypeProps
     html: boolean;
     placement: string;
     trigger: string;
+    class: undefined;
 }>>>, {
+    class: string | unknown[];
     html: boolean;
     appearance: Appearance;
     arrow: boolean;
@@ -1322,12 +1247,14 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
         noData: string;
     };
     icons: () => Record<string, Icon>;
+    class: undefined;
 }>, {
     triggerEl: Ref<({
         $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
             size: QFieldSize;
+            class: string | unknown[];
             type: string;
             label: string;
             modelValue: string;
@@ -1342,6 +1269,7 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
             readonly id: string;
             readonly placeholder: string;
             readonly size?: QFieldSize | undefined;
+            readonly class?: string | unknown[] | undefined;
             readonly disabled?: boolean | undefined;
             readonly required?: boolean | undefined;
             readonly role?: string | undefined;
@@ -1353,6 +1281,10 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
                 type: PropType<QFieldSize>;
                 default: undefined;
             };
+            class: {
+                type: PropType<string | unknown[]>;
+                default: undefined;
+            };
             type: {
                 type: PropType<string>;
                 default: string;
@@ -1392,7 +1324,7 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-        }, "size" | "type" | "label" | "modelValue" | "id" | "role" | "maxLength" | "placeholder">;
+        }, "size" | "class" | "type" | "label" | "modelValue" | "id" | "role" | "maxLength" | "placeholder">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1411,6 +1343,10 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
                 type: PropType<QFieldSize>;
                 default: undefined;
             };
+            class: {
+                type: PropType<string | unknown[]>;
+                default: undefined;
+            };
             type: {
                 type: PropType<string>;
                 default: string;
@@ -1457,6 +1393,7 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
             "update:modelValue": (value: string) => void;
         }, string, {
             size: QFieldSize;
+            class: string | unknown[];
             type: string;
             label: string;
             modelValue: string;
@@ -1489,6 +1426,10 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
             type: PropType<QFieldSize>;
             default: undefined;
         };
+        class: {
+            type: PropType<string | unknown[]>;
+            default: undefined;
+        };
         type: {
             type: PropType<string>;
             default: string;
@@ -1562,6 +1503,7 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
         noData: string;
     };
     icons: () => Record<string, Icon>;
+    class: undefined;
 }>>> & {
     "onUpdate:modelValue"?: ((value: Primitive | undefined) => any) | undefined;
     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
@@ -1571,6 +1513,7 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
     onHide?: (() => any) | undefined;
 }, {
     size: QFieldSize;
+    class: string | unknown[];
     label: string;
     modelValue: Primitive;
     icons: Record<string, Icon>;
@@ -1594,9 +1537,7 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
     extras?(_: {}): any;
     "body.prepend"?(_: {}): any;
     item?(_: {
-        item: Omit<QListItemProps, "label" | "value"> & {
-            [key: string]: any;
-        };
+        item: any;
     }): any;
     "body.append"?(_: {}): any;
 }>;
@@ -1605,14 +1546,17 @@ declare const _default_5: __VLS_WithTemplateSlots_5<DefineComponent<__VLS_WithDe
     id: () => string;
     label: string;
     size: string;
+    class: undefined;
 }>, {
     fieldRef: Ref<HTMLElement | null>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_5<QFieldProps>, {
     id: () => string;
     label: string;
     size: string;
+    class: undefined;
 }>>>, {
     size: QFieldSize;
+    class: string | unknown[];
     label: string;
     id: string;
 }, {}>, {
@@ -1628,11 +1572,14 @@ declare const _default_5: __VLS_WithTemplateSlots_5<DefineComponent<__VLS_WithDe
 declare const _default_6: DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_6<Icon>, {
     type: string;
     size: undefined;
+    class: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_6<Icon>, {
     type: string;
     size: undefined;
+    class: undefined;
 }>>>, {
     size: number;
+    class: string | unknown[];
     type: "img" | "svg" | "font";
 }, {}>;
 
@@ -1640,12 +1587,15 @@ declare const _default_7: DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsTo
     library: string;
     variant: string;
     size: undefined;
+    class: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_7<QIconFontProps>, {
     library: string;
     variant: string;
     size: undefined;
+    class: undefined;
 }>>>, {
     size: number;
+    class: string | unknown[];
     library: string;
     variant: string;
 }, {}>;
@@ -1659,6 +1609,10 @@ declare const _default_8: DefineComponent<__VLS_TypePropsToRuntimeProps_8<{
      * The size of the icon, in pixels.
      */
     size?: number | undefined;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[] | undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_8<{
     /**
      * The URL of the image to be used as the icon.
@@ -1668,6 +1622,10 @@ declare const _default_8: DefineComponent<__VLS_TypePropsToRuntimeProps_8<{
      * The size of the icon, in pixels.
      */
     size?: number | undefined;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[] | undefined;
 }>>>, {}, {}>;
 
 declare const _default_9: DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_9<{
@@ -1683,9 +1641,14 @@ declare const _default_9: DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsTo
      * The size of the icon, in pixels.
      */
     size?: number | undefined;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[] | undefined;
 }>, {
     bundle: string;
     size: undefined;
+    class: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     loaded: (value: Element) => void;
     unloaded: () => void;
@@ -1702,14 +1665,20 @@ declare const _default_9: DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsTo
      * The size of the icon, in pixels.
      */
     size?: number | undefined;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[] | undefined;
 }>, {
     bundle: string;
     size: undefined;
+    class: undefined;
 }>>> & {
     onLoaded?: ((value: Element) => any) | undefined;
     onUnloaded?: (() => any) | undefined;
 }, {
     size: number;
+    class: string | unknown[];
     bundle: string;
 }, {}>;
 
@@ -1738,7 +1707,6 @@ declare function focusItem(itemIdx: number, preventScroll?: boolean): void;
 
 declare type FrameworkConfig = {
     components?: Record<string, Component>;
-    directives?: Record<string, Directive>;
     themes?: AppThemes;
     defaults?: Defaults;
 };
@@ -1778,10 +1746,6 @@ declare type Group = QListItemGroupProps & {
     id: string;
 };
 
-declare interface HTMLElementWithClickOutsideEvent extends HTMLElement {
-    clickOutsideEvent: (event: Event) => void;
-}
-
 export declare type Icon = {
     /**
      * The identifier of the icon.
@@ -1795,51 +1759,55 @@ export declare type Icon = {
      * The size of the icon, in pixels.
      */
     size?: number;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
 };
 
 declare type Icons = typeof DEFAULT_ICONS;
 
 declare type Icons_2 = typeof DEFAULT_ICONS_2;
 
-export declare type IQButton = typeof _default;
+export declare type IQButton = InstanceType<typeof _default>;
 
-export declare type IQButtonGroup = typeof _default_2;
+export declare type IQButtonGroup = InstanceType<typeof _default_2>;
 
-export declare type IQButtonToggle = typeof _default_3;
+export declare type IQButtonToggle = InstanceType<typeof _default_3>;
 
-export declare type IQCombobox = typeof _default_4;
+export declare type IQCombobox = InstanceType<typeof _default_4>;
 
-export declare type IQField = typeof _default_5;
+export declare type IQField = InstanceType<typeof _default_5>;
 
-export declare type IQIcon = typeof _default_6;
+export declare type IQIcon = InstanceType<typeof _default_6>;
 
-export declare type IQIconFont = typeof _default_7;
+export declare type IQIconFont = InstanceType<typeof _default_7>;
 
-export declare type IQIconImg = typeof _default_8;
+export declare type IQIconImg = InstanceType<typeof _default_8>;
 
-export declare type IQIconSvg = typeof _default_9;
+export declare type IQIconSvg = InstanceType<typeof _default_9>;
 
-export declare type IQInputGroup = typeof _default_10;
+export declare type IQInputGroup = InstanceType<typeof _default_10>;
 
-export declare type IQLineLoader = typeof _default_11;
+export declare type IQLineLoader = InstanceType<typeof _default_11>;
 
-export declare type IQList = typeof _default_12;
+export declare type IQList = InstanceType<typeof _default_12>;
 
-export declare type IQListItem = typeof _default_13;
+export declare type IQListItem = InstanceType<typeof _default_13>;
 
-export declare type IQListItemGroup = typeof _default_14;
+export declare type IQListItemGroup = InstanceType<typeof _default_14>;
 
-export declare type IQOverlay = typeof _default_15;
+export declare type IQOverlay = InstanceType<typeof _default_15>;
 
-export declare type IQPopover = typeof _default_16;
+export declare type IQPopover = InstanceType<typeof _default_16>;
 
-export declare type IQSelect = typeof _default_17;
+export declare type IQSelect = InstanceType<typeof _default_17>;
 
-export declare type IQSpinnerLoader = typeof _default_18;
+export declare type IQSpinnerLoader = InstanceType<typeof _default_18>;
 
-export declare type IQTextField = typeof _default_19;
+export declare type IQTextField = InstanceType<typeof _default_19>;
 
-export declare type IQTooltip = typeof _default_20;
+export declare type IQTooltip = InstanceType<typeof _default_20>;
 
 declare type Item = Omit<QListItemProps, 'value' | 'label'> & {
     [key: string]: any;
@@ -1870,6 +1838,10 @@ declare type QButtonGroupProps = {
      * If true, the button group an elevated appearance.
      */
     elevated?: boolean;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
 };
 
 declare type QButtonProps = {
@@ -1913,6 +1885,10 @@ declare type QButtonProps = {
      * The size of the button, either 'regular' or 'small'.
      */
     size?: 'regular' | 'small';
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
 };
 
 export declare const QButtonToggle: IQButtonToggle;
@@ -1948,6 +1924,10 @@ declare type QButtonToggleProps = {
      * Indicates if options can be deselected.
      */
     mandatory?: boolean;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
 };
 
 export declare const QCombobox: IQCombobox;
@@ -2030,6 +2010,10 @@ declare type QComboboxProps = {
      * The icons of the component.
      */
     icons?: Icons_2;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
 };
 
 export declare const QField: IQField;
@@ -2060,6 +2044,10 @@ export declare type QFieldProps = {
      * to indicate that the field is required.
      */
     required?: boolean;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
 };
 
 export declare type QFieldSize = 'mini' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'block';
@@ -2085,6 +2073,10 @@ declare type QIconFontProps = {
      * The size of the icon, in pixels.
      */
     size?: number;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
 };
 
 export declare const QIconImg: IQIconImg;
@@ -2127,10 +2119,21 @@ declare type QInputGroupProps = {
      * The size category of the field.
      */
     size?: QFieldSize;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
 };
 
 export declare const QLineLoader: IQLineLoader;
 
+declare type QLineLoaderProps = {
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+};
+
 export declare const QList: IQList;
 
 export declare const QListItem: IQListItem;
@@ -2208,16 +2211,96 @@ export declare type QListProps = {
      * Indicates whether the list is disabled.
      */
     disabled?: boolean;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
 };
 
 export declare const QOverlay: IQOverlay;
 
+declare type QOverlayProps = {
+    /**
+     * Determines whether the overlay is open or not.
+     */
+    modelValue?: boolean;
+    /**
+     * The DOM element the overlay should be anchored to.
+     */
+    anchor: Selector;
+    /**
+     * The appearance of the overlay.
+     * 'regular' uses body text color for background and body background color for text.
+     * 'inverted' matches body color scheme.
+     */
+    appearance?: Appearance;
+    /**
+     * Whether the overlay has an arrow pointing to the target.
+     */
+    arrow?: boolean;
+    /**
+     * The DOM element the overlay should be teleported to.
+     * Defaults to the body of the document.
+     */
+    attach?: string;
+    /**
+     * The delay in milliseconds before showing the overlay.
+     */
+    delay?: number;
+    /**
+     * Whether the overlay is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Offset the overlay in the given amount of pixels.
+     */
+    offset?: number;
+    /**
+     * The placement of the overlay.
+     */
+    placement?: Placement;
+    /**
+     * Whether to spy on the real-time position of the anchor,
+     * to keep the position of the overlay up-to-date at all times.
+     */
+    spy?: boolean;
+    /**
+     * The name of the transition to apply.
+     */
+    transition?: string;
+    /**
+     * The method to trigger the overlay.
+     */
+    trigger?: Trigger;
+    /**
+     * The width of the overlay.
+     * Either is automatic, based on the overlay content,
+     * or matches the overlay's anchor.
+     */
+    width?: 'auto' | 'anchor';
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+};
+
 export declare const QPopover: IQPopover;
 
 export declare const QSelect: IQSelect;
 
 export declare const QSpinnerLoader: IQSpinnerLoader;
 
+declare type QSpinnerLoaderProps = {
+    /**
+     * The size of the loader, in pixels.
+     */
+    size?: number;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+};
+
 export declare const QTextField: IQTextField;
 
 declare type QTextFieldProps = {
@@ -2267,6 +2350,10 @@ declare type QTextFieldProps = {
      * The type attribute to apply to the input.
      */
     type?: string;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
 };
 
 export declare const QTooltip: IQTooltip;