@quidgest/ui 0.5.18 → 0.6.0

package/dist/index.d.ts

@@ -14,7 +14,7 @@ import { nextTick } from 'vue';
 import { ObjectDirective } from 'vue';
 import type { Plugin as Plugin_2 } from 'vue';
 import { PropType } from 'vue';
-import type { Ref } from 'vue';
+import { Ref } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
 import { ShallowUnwrapRef } from 'vue';
@@ -648,139 +648,16 @@ declare type QButtonToggleOption = {
     label?: string;
 };
 
-export declare const QIcon: DefineComponent<{
-    size: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    type: {
-        type: PropType<"img" | "svg" | "font">;
-        default: string;
-    };
-    icon: {
-        type: PropType<string>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    size: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    type: {
-        type: PropType<"img" | "svg" | "font">;
-        default: string;
-    };
-    icon: {
-        type: PropType<string>;
-        required: true;
-    };
-}>>, {
-    size: number;
-    type: "img" | "svg" | "font";
-}, {}>;
-
-export declare const QIconFont: DefineComponent<{
-    size: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    icon: {
-        type: PropType<string>;
-        required: true;
-    };
-    library: {
-        type: PropType<string>;
-        default: string;
-    };
-    variant: {
-        type: PropType<string>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    size: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    icon: {
-        type: PropType<string>;
-        required: true;
-    };
-    library: {
-        type: PropType<string>;
-        default: string;
-    };
-    variant: {
-        type: PropType<string>;
-        default: string;
-    };
-}>>, {
-    size: number;
-    library: string;
-    variant: string;
-}, {}>;
-
-export declare const QIconImg: DefineComponent<{
-    icon: {
-        type: PropType<string>;
-        required: true;
-    };
-    size: {
-        type: PropType<number>;
-    };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    icon: {
-        type: PropType<string>;
-        required: true;
-    };
-    size: {
-        type: PropType<number>;
-    };
-}>>, {}, {}>;
-
-export declare const QIconSvg: DefineComponent<{
-    size: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    icon: {
-        type: PropType<string>;
-        required: true;
-    };
-    bundle: {
-        type: PropType<string>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    loaded: (value: unknown) => void;
-    unloaded: (value: unknown) => void;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    size: {
-        type: PropType<number>;
-        default: undefined;
-    };
-    icon: {
-        type: PropType<string>;
-        required: true;
-    };
-    bundle: {
-        type: PropType<string>;
-        default: string;
-    };
-}>> & {
-    onLoaded?: ((value: unknown) => any) | undefined;
-    onUnloaded?: ((value: unknown) => any) | undefined;
-}, {
-    size: number;
-    bundle: string;
-}, {}>;
-
-export declare const QInput: {
+export declare const QField: {
     new (...args: any[]): {
         $: ComponentInternalInstance;
         $data: {};
         $props: {
-            size?: QInputSize | undefined;
+            size?: QFieldSize | undefined;
+            label?: string | undefined;
             disabled?: boolean | undefined;
+            required?: boolean | undefined;
+            id?: string | undefined;
             readonly?: boolean | undefined;
             style?: unknown;
             class?: unknown;
@@ -842,20 +719,37 @@ export declare const QInput: {
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
             size: {
-                type: PropType<QInputSize>;
+                type: PropType<QFieldSize>;
+                default: string;
+            };
+            label: {
+                type: PropType<string>;
                 default: string;
             };
             disabled: {
                 type: PropType<boolean>;
                 default: boolean;
             };
+            required: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            id: {
+                type: PropType<string>;
+                default: () => string;
+            };
             readonly: {
                 type: PropType<boolean>;
                 default: boolean;
             };
-        }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            size: QInputSize;
+        }>>, {
+            fieldRef: Ref<HTMLElement | null>;
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            size: QFieldSize;
+            label: string;
             disabled: boolean;
+            required: boolean;
+            id: string;
             readonly: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -879,51 +773,93 @@ export declare const QInput: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
     } & Readonly<ExtractPropTypes<{
         size: {
-            type: PropType<QInputSize>;
+            type: PropType<QFieldSize>;
+            default: string;
+        };
+        label: {
+            type: PropType<string>;
             default: string;
         };
         disabled: {
             type: PropType<boolean>;
             default: boolean;
         };
+        required: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        id: {
+            type: PropType<string>;
+            default: () => string;
+        };
         readonly: {
             type: PropType<boolean>;
             default: boolean;
         };
-    }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    }>> & ShallowUnwrapRef<{
+        fieldRef: Ref<HTMLElement | null>;
+    }> & {} & ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly<ExtractPropTypes<{
     size: {
-        type: PropType<QInputSize>;
+        type: PropType<QFieldSize>;
+        default: string;
+    };
+    label: {
+        type: PropType<string>;
         default: string;
     };
     disabled: {
         type: PropType<boolean>;
         default: boolean;
     };
+    required: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string>;
+        default: () => string;
+    };
     readonly: {
         type: PropType<boolean>;
         default: boolean;
     };
-}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    size: QInputSize;
+}>>, {
+    fieldRef: Ref<HTMLElement | null>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    size: QFieldSize;
+    label: string;
     disabled: boolean;
+    required: boolean;
+    id: string;
     readonly: boolean;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
+        "label.prepend"?(_: {}): any;
+        "label.append"?(_: {}): any;
         prepend?(_: {}): any;
         default?(_: {}): any;
         append?(_: {}): any;
+        extras?(_: {}): any;
     };
 });
 
-export declare type QInputProps = {
+export declare type QFieldProps = {
+    /**
+     * The field unique identifier.
+     */
+    id?: string;
+    /**
+     * The label of the input.
+     */
+    label?: string;
     /**
      * The size category of the input.
      */
-    size?: QInputSize;
+    size?: QFieldSize;
     /**
      * Whether the input is readonly.
      */
@@ -932,9 +868,140 @@ export declare type QInputProps = {
      * Whether the input is disabled.
      */
     disabled?: boolean;
+    /**
+     * If set to true, an asterisk (*) is displayed
+     * to indicate that the field is required.
+     */
+    required?: boolean;
 };
 
-export declare type QInputSize = 'mini' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'block';
+export declare type QFieldSize = 'mini' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'block';
+
+export declare const QIcon: DefineComponent<{
+    size: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    type: {
+        type: PropType<"img" | "svg" | "font">;
+        default: string;
+    };
+    icon: {
+        type: PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    type: {
+        type: PropType<"img" | "svg" | "font">;
+        default: string;
+    };
+    icon: {
+        type: PropType<string>;
+        required: true;
+    };
+}>>, {
+    size: number;
+    type: "img" | "svg" | "font";
+}, {}>;
+
+export declare const QIconFont: DefineComponent<{
+    size: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    icon: {
+        type: PropType<string>;
+        required: true;
+    };
+    library: {
+        type: PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    icon: {
+        type: PropType<string>;
+        required: true;
+    };
+    library: {
+        type: PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: PropType<string>;
+        default: string;
+    };
+}>>, {
+    size: number;
+    library: string;
+    variant: string;
+}, {}>;
+
+export declare const QIconImg: DefineComponent<{
+    icon: {
+        type: PropType<string>;
+        required: true;
+    };
+    size: {
+        type: PropType<number>;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    icon: {
+        type: PropType<string>;
+        required: true;
+    };
+    size: {
+        type: PropType<number>;
+    };
+}>>, {}, {}>;
+
+export declare const QIconSvg: DefineComponent<{
+    size: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    icon: {
+        type: PropType<string>;
+        required: true;
+    };
+    bundle: {
+        type: PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    loaded: (value: unknown) => void;
+    unloaded: (value: unknown) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    icon: {
+        type: PropType<string>;
+        required: true;
+    };
+    bundle: {
+        type: PropType<string>;
+        default: string;
+    };
+}>> & {
+    onLoaded?: ((value: unknown) => any) | undefined;
+    onUnloaded?: ((value: unknown) => any) | undefined;
+}, {
+    size: number;
+    bundle: string;
+}, {}>;
 
 export declare const QLineLoader: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
 
@@ -1834,10 +1901,13 @@ export declare const QSelect: {
         $: ComponentInternalInstance;
         $data: {};
         $props: {
-            size?: QInputSize | undefined;
+            size?: QFieldSize | undefined;
+            label?: string | undefined;
             disabled?: boolean | undefined;
             loading?: boolean | undefined;
             modelValue?: Primitive | undefined;
+            required?: boolean | undefined;
+            id?: string | undefined;
             icons?: Record<string, Icon> | undefined;
             groups?: (QListItemGroupProps & {
                 id: string;
@@ -1915,7 +1985,11 @@ export declare const QSelect: {
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
             size: {
-                type: PropType<QInputSize>;
+                type: PropType<QFieldSize>;
+                default: string;
+            };
+            label: {
+                type: PropType<string>;
                 default: string;
             };
             disabled: {
@@ -1930,6 +2004,14 @@ export declare const QSelect: {
                 type: PropType<Primitive>;
                 default: undefined;
             };
+            required: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            id: {
+                type: PropType<string>;
+                default: () => string;
+            };
             readonly: {
                 type: PropType<boolean>;
             };
@@ -1978,10 +2060,13 @@ export declare const QSelect: {
             show: () => void;
             hide: () => void;
         }, string, {
-            size: QInputSize;
+            size: QFieldSize;
+            label: string;
             disabled: boolean;
             loading: boolean;
             modelValue: Primitive;
+            required: boolean;
+            id: string;
             icons: Record<string, Icon>;
             groups: (QListItemGroupProps & {
                 id: string;
@@ -2012,7 +2097,11 @@ export declare const QSelect: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
     } & Readonly<ExtractPropTypes<{
         size: {
-            type: PropType<QInputSize>;
+            type: PropType<QFieldSize>;
+            default: string;
+        };
+        label: {
+            type: PropType<string>;
             default: string;
         };
         disabled: {
@@ -2027,6 +2116,14 @@ export declare const QSelect: {
             type: PropType<Primitive>;
             default: undefined;
         };
+        required: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        id: {
+            type: PropType<string>;
+            default: () => string;
+        };
         readonly: {
             type: PropType<boolean>;
         };
@@ -2074,7 +2171,11 @@ export declare const QSelect: {
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly<ExtractPropTypes<{
     size: {
-        type: PropType<QInputSize>;
+        type: PropType<QFieldSize>;
+        default: string;
+    };
+    label: {
+        type: PropType<string>;
         default: string;
     };
     disabled: {
@@ -2089,6 +2190,14 @@ export declare const QSelect: {
         type: PropType<Primitive>;
         default: undefined;
     };
+    required: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string>;
+        default: () => string;
+    };
     readonly: {
         type: PropType<boolean>;
     };
@@ -2137,10 +2246,13 @@ export declare const QSelect: {
     show: () => void;
     hide: () => void;
 }, string, {
-    size: QInputSize;
+    size: QFieldSize;
+    label: string;
     disabled: boolean;
     loading: boolean;
     modelValue: Primitive;
+    required: boolean;
+    id: string;
     icons: Record<string, Icon>;
     groups: (QListItemGroupProps & {
         id: string;
@@ -2170,6 +2282,96 @@ export declare const QSpinnerLoader: DefineComponent<{
     size: number;
 }, {}>;
 
+export declare const QTextField: DefineComponent<{
+    size: {
+        type: PropType<QFieldSize>;
+        default: string;
+    };
+    label: {
+        type: PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<string>;
+        default: string;
+    };
+    required: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string>;
+        default: () => string;
+    };
+    readonly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    maxLength: {
+        type: PropType<number>;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: {
+        type: PropType<QFieldSize>;
+        default: string;
+    };
+    label: {
+        type: PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: PropType<string>;
+        default: string;
+    };
+    required: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string>;
+        default: () => string;
+    };
+    readonly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    maxLength: {
+        type: PropType<number>;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}, {
+    size: QFieldSize;
+    label: string;
+    disabled: boolean;
+    modelValue: string;
+    required: boolean;
+    id: string;
+    readonly: boolean;
+    placeholder: string;
+    maxLength: number;
+}, {}>;
+
 export declare const QTooltip: DefineComponent<{
     html: {
         type: PropType<boolean>;
@@ -2266,7 +2468,7 @@ export declare const QTooltip: DefineComponent<{
     trigger: Trigger;
 }, {}>;
 
-declare type Selector = string | Element | ComponentPublicInstance;
+declare type Selector = string | HTMLElement | ComponentPublicInstance;
 
 declare type ThemeConfiguration = {
     activeTheme: string;