@defaultusr/dai-ui 1.0.8 → 1.1.2

package/dist/types/components/input_controls/combobox/combobox.stories.d.ts

@@ -0,0 +1,282 @@
+import type { StoryObj } from "@storybook/vue3";
+import { ExtractPublicPropTypes } from "vue";
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./combobox.vue").IComboboxProps & {
+            modelValue?: any;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: any) => any;
+        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./combobox.vue").IComboboxProps & {
+            modelValue?: any;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./combobox.vue").IComboboxProps & {
+        modelValue?: any;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: any) => any;
+    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    subcomponents: {
+        ComboboxInput: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        });
+        ComboboxOptions: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        });
+        ComboboxOption: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                value: any;
+            }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                value: any;
+            }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import("vue").ComponentOptionsBase<Readonly<{
+            value: any;
+        }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?: (props: {
+                    isActive: boolean;
+                    isSelected: boolean;
+                }) => any;
+            };
+        });
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        items: ({
+            title: string;
+            value: number;
+            disabled?: undefined;
+        } | {
+            title: string;
+            value: number;
+            disabled: boolean;
+        })[];
+    };
+    render: (args: ExtractPublicPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./combobox.vue").IComboboxProps & {
+            modelValue?: any;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: any) => any;
+        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("./combobox.vue").IComboboxProps & {
+            modelValue?: any;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("./combobox.vue").IComboboxProps & {
+        modelValue?: any;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: any) => any;
+    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    })>) => {
+        components: {
+            Combobox: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./combobox.vue").IComboboxProps & {
+                    modelValue?: any;
+                }> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    "update:modelValue": (value: any) => any;
+                }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("./combobox.vue").IComboboxProps & {
+                    modelValue?: any;
+                }> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                }>, {}, {}, {}, {}, {}>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("./combobox.vue").IComboboxProps & {
+                modelValue?: any;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: any) => any;
+            }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: (props: {}) => any;
+                };
+            });
+            ComboboxInput: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: (props: {}) => any;
+                };
+            });
+            ComboboxOptions: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: (props: {}) => any;
+                };
+            });
+            ComboboxOption: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    value: any;
+                }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    value: any;
+                }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                value: any;
+            }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: (props: {
+                        isActive: boolean;
+                        isSelected: boolean;
+                    }) => any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: ExtractPublicPropTypes<{
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./combobox.vue").IComboboxProps & {
+                    modelValue?: any;
+                }> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    "update:modelValue": (value: any) => any;
+                }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("./combobox.vue").IComboboxProps & {
+                    modelValue?: any;
+                }> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                }>, {}, {}, {}, {}, {}>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("./combobox.vue").IComboboxProps & {
+                modelValue?: any;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: any) => any;
+            }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: (props: {}) => any;
+                };
+            })>;
+            modelValue: import("vue").Ref<any, any>;
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/{combobox → input_controls/combobox}/combobox.vue.d.ts

@@ -1,14 +1,18 @@
+import { IFormControlProps } from "../common/formControl.vue";
+export interface IComboboxProps extends IFormControlProps {
+    id?: string;
+}
+type __VLS_Props = IComboboxProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: any;
+};
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{
-    modelValue?: any;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    modelValue?: any;
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/types/components/{form/formControl/inputGroup.vue.d.ts → input_controls/combobox/comboboxButton.vue.d.ts}

@@ -1,17 +1,9 @@
 type __VLS_Props = {
-    label?: string;
-    labelFor?: string;
-    outlined?: boolean;
-    muted?: boolean;
-    rounded?: boolean;
-    disabled?: boolean;
-    invalid?: boolean;
-    lg?: boolean;
-    sm?: boolean;
+    placeholder?: string;
 };
-declare var __VLS_5: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/types/components/input_controls/combobox/comboboxInput.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/input_controls/combobox/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Combobox } from "./combobox.vue";
+export { default as ComboboxInput } from "./comboboxInput.vue";
+export { default as ComboboxButton } from "./comboboxButton.vue";
+export { default as ComboboxOptions } from "./comboboxOptions.vue";
+export { default as ComboboxOption } from "./comboboxOption.vue";

package/dist/types/components/{form/formControl → input_controls/common}/formControl.vue.d.ts

@@ -1,32 +1,19 @@
-export interface IFormControlProps {
-    id?: string;
-    label?: string;
-    labelInline?: boolean;
-    labelInside?: boolean;
+import { IInputGroupProps } from "./inputGroup.vue";
+export interface IFormControlProps extends IInputGroupProps {
+    labelPosition?: "above" | "inline" | "inside";
     hint?: string;
     validationMessage?: string;
-    outlined?: boolean;
-    muted?: boolean;
-    rounded?: boolean;
-    disabled?: boolean;
-    invalid?: boolean;
     lg?: boolean;
     sm?: boolean;
-    autocomplete?: string | boolean;
+    outlined?: boolean;
+    muted?: boolean;
 }
-declare var __VLS_9: {
-    attrs: {
-        class: string;
-        id: string;
-        disabled: boolean | undefined;
-        autocomplete: string;
-    };
-};
+declare var __VLS_9: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<IFormControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IFormControlProps> & Readonly<{}>, {
-    autocomplete: string | boolean;
+    labelPosition: "above" | "inline" | "inside";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/components/input_controls/common/inputGroup.vue.d.ts

@@ -0,0 +1,24 @@
+export interface IInputGroupProps {
+    label?: string;
+    labelFor?: string;
+    size?: "small" | "medium" | "large";
+    variant?: "flat" | "muted" | "outlined";
+    rounded?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+}
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<IInputGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IInputGroupProps> & Readonly<{}>, {
+    size: "small" | "medium" | "large";
+    variant: "flat" | "muted" | "outlined";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/input_controls/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./combobox";
+export { default as Input } from "./input/input.vue";
+export { default as Select } from "./select/select.vue";
+export { default as Selectbox } from "./selectbox/selectbox.vue";
+export { default as Textarea } from "./textarea.vue";
+export { default as Checkbox } from "./checkbox.vue";
+export { default as Radio } from "./radio.vue";
+export { default as Switch } from "./switch.vue";

package/dist/types/components/input_controls/input/input.stories.d.ts

@@ -0,0 +1,111 @@
+import type { StoryObj } from "@storybook/vue3";
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            id?: string;
+            type?: "text" | "number" | "email" | "tel" | "password" | "date" | "datetime-local" | "time" | "color" | "url" | "file";
+            mask?: import("imask").FactoryArg;
+            pattern?: string;
+            title?: string;
+            autocomplete?: string | boolean;
+            clearable?: boolean;
+            validators?: Array<(v: string) => boolean | string>;
+            showValidationError?: boolean;
+        } & import("../common/formControl.vue").IFormControlProps & {
+            modelValue?: string | number;
+            files?: HTMLInputElement["files"];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+            "onUpdate:files"?: ((value: FileList | null | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: string | number | undefined) => any;
+            "update:files": (value: FileList | null | undefined) => any;
+        }, import("vue").PublicProps, {
+            type: "text" | "number" | "email" | "tel" | "password" | "date" | "datetime-local" | "time" | "color" | "url" | "file";
+            autocomplete: string | boolean;
+            showValidationError: boolean;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            id?: string;
+            type?: "text" | "number" | "email" | "tel" | "password" | "date" | "datetime-local" | "time" | "color" | "url" | "file";
+            mask?: import("imask").FactoryArg;
+            pattern?: string;
+            title?: string;
+            autocomplete?: string | boolean;
+            clearable?: boolean;
+            validators?: Array<(v: string) => boolean | string>;
+            showValidationError?: boolean;
+        } & import("../common/formControl.vue").IFormControlProps & {
+            modelValue?: string | number;
+            files?: HTMLInputElement["files"];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+            "onUpdate:files"?: ((value: FileList | null | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            type: "text" | "number" | "email" | "tel" | "password" | "date" | "datetime-local" | "time" | "color" | "url" | "file";
+            autocomplete: string | boolean;
+            showValidationError: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        id?: string;
+        type?: "text" | "number" | "email" | "tel" | "password" | "date" | "datetime-local" | "time" | "color" | "url" | "file";
+        mask?: import("imask").FactoryArg;
+        pattern?: string;
+        title?: string;
+        autocomplete?: string | boolean;
+        clearable?: boolean;
+        validators?: Array<(v: string) => boolean | string>;
+        showValidationError?: boolean;
+    } & import("../common/formControl.vue").IFormControlProps & {
+        modelValue?: string | number;
+        files?: HTMLInputElement["files"];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+        "onUpdate:files"?: ((value: FileList | null | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | number | undefined) => any;
+        "update:files": (value: FileList | null | undefined) => any;
+    }, string, {
+        type: "text" | "number" | "email" | "tel" | "password" | "date" | "datetime-local" | "time" | "color" | "url" | "file";
+        autocomplete: string | boolean;
+        showValidationError: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            prepend?: (props: {}) => any;
+        } & {
+            append?: (props: {}) => any;
+        };
+    });
+    tags: string[];
+    argTypes: {};
+    args: {
+        modelValue: string;
+        label: string;
+        hint: string;
+        placeholder: string;
+        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LabelInline: Story;
+export declare const LabelInside: Story;
+export declare const Large: Story;
+export declare const Small: Story;
+export declare const Rounded: Story;
+export declare const Muted: Story;
+export declare const Outlined: Story;
+export declare const Disabled: Story;
+export declare const Invalid: Story;

package/dist/types/components/{form → input_controls/input}/input.vue.d.ts

@@ -1,10 +1,12 @@
 import { FactoryArg } from "imask";
-import { IFormControlProps } from "./formControl/formControl.vue";
+import { IFormControlProps } from "../common/formControl.vue";
 type __VLS_Props = {
+    id?: string;
     type?: "text" | "number" | "email" | "tel" | "password" | "date" | "datetime-local" | "time" | "color" | "url" | "file";
     mask?: FactoryArg;
     pattern?: string;
     title?: string;
+    autocomplete?: string | boolean;
     clearable?: boolean;
     validators?: Array<(v: string) => boolean | string>;
     showValidationError?: boolean;
@@ -27,6 +29,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     "onUpdate:files"?: ((value: FileList | null | undefined) => any) | undefined;
 }>, {
     type: "text" | "number" | "email" | "tel" | "password" | "date" | "datetime-local" | "time" | "color" | "url" | "file";
+    autocomplete: string | boolean;
     showValidationError: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/types/components/input_controls/select/select.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from "@storybook/vue3";
+import { Select } from "../../../main";
+declare const meta: {
+    title: string;
+    component: Record<keyof typeof Select, unknown>;
+    tags: string[];
+    argTypes: {};
+    args: {
+        options: {
+            text: string;
+            value: number;
+        }[];
+        modelValue: number;
+        label: string;
+        hint: string;
+        onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LabelInline: Story;
+export declare const LabelInside: Story;
+export declare const Large: Story;
+export declare const Small: Story;
+export declare const Rounded: Story;
+export declare const Muted: Story;
+export declare const Outlined: Story;
+export declare const Disabled: Story;
+export declare const Invalid: Story;

package/dist/types/components/{form → input_controls/select}/select.vue.d.ts

@@ -1,15 +1,17 @@
+import { IFormControlProps } from "../common/formControl.vue";
 declare const _default: <I extends {
     [key: string]: any;
 }>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
+        id?: string;
         options: Array<I>;
         optionText?: keyof I;
         optionValue?: keyof I;
         validators?: Array<(v: string) => boolean | string>;
         showValidationError?: boolean;
-    } & {
+    } & IFormControlProps & {
         modelValue?: any;
     }) & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;