npm - @solfacil/girassol - Versions diffs - 0.3.1 → 0.3.4 - Mend

@solfacil/girassol 0.3.1 → 0.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (55) hide show

package/dist/types/index.d.ts CHANGED Viewed

@@ -1,12 +1,9 @@
 import type { App } from 'vue';
 import { SolButton, SolButtonDestructive } from './components/forms/button';
-import { SolInput } from './components/forms/input';
-import { SolTextfield, SolTextfieldPassword } from './components/forms/textfield';
-import { SolTextarea } from './components/forms/textarea';
+import { SolInputText, SolInputTextPassword, SolInputTextarea } from './components/forms/inputs';
 import { SolRadio, SolRadioGroup } from './components/forms/radio';
 import { SolCheckbox, SolCheckboxGroup } from './components/forms/checkbox';
 import { SolSwitch } from './components/forms/switch';
-import { SolDropdown } from './components/dropdown/';
 import { SolSelect } from './components/forms/select';
 import { SolChip } from './components/informations/chip';
 import { SolAccordion } from './components/accordion/';
@@ -40,14 +37,14 @@ export declare const components: {
                 disabled: {
                     type: import("vue").PropType<boolean>;
                 };
-                loading: {
-                    type: import("vue").PropType<boolean>;
-                };
                 size: {
                     type: import("vue").PropType<"small" | "large" | "medium">;
                 } & {
                     default: string;
                 };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                };
                 variant: {
                     type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
                 } & {
@@ -80,20 +77,20 @@ export declare const components: {
                 disabled: {
                     type: import("vue").PropType<boolean>;
                 };
-                loading: {
-                    type: import("vue").PropType<boolean>;
-                };
                 size: {
                     type: import("vue").PropType<"small" | "large" | "medium">;
                 } & {
                     default: string;
                 };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                };
                 variant: {
                     type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
                 } & {
                     default: string;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 onColor: boolean;
                 size: "small" | "large" | "medium";
                 variant: "primary" | "secondary" | "tertiary";
@@ -130,14 +127,14 @@ export declare const components: {
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
-            loading: {
-                type: import("vue").PropType<boolean>;
-            };
             size: {
                 type: import("vue").PropType<"small" | "large" | "medium">;
             } & {
                 default: string;
             };
+            loading: {
+                type: import("vue").PropType<boolean>;
+            };
             variant: {
                 type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
             } & {
@@ -160,20 +157,20 @@ export declare const components: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
-        loading: {
-            type: import("vue").PropType<boolean>;
-        };
         size: {
             type: import("vue").PropType<"small" | "large" | "medium">;
         } & {
             default: string;
         };
+        loading: {
+            type: import("vue").PropType<boolean>;
+        };
         variant: {
             type: import("vue").PropType<"primary" | "secondary" | "tertiary">;
         } & {
             default: string;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         onColor: boolean;
         size: "small" | "large" | "medium";
         variant: "primary" | "secondary" | "tertiary";
@@ -226,7 +223,7 @@ export declare const components: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
                 beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -274,33 +271,208 @@ export declare const components: {
         loading: {
             type: import("vue").PropType<boolean>;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default: (_: {}) => any;
         };
     });
-    SolInput: {
+    SolInputTextarea: import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        required: {
+            type: import("vue").PropType<boolean>;
+        };
+        class: {
+            type: import("vue").PropType<string>;
+        };
+        size: {
+            type: import("vue").PropType<"sm" | "md">;
+        } & {
+            default: string;
+        };
+        name: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        error: {
+            type: import("vue").PropType<string | null>;
+        } & {
+            default: null;
+        };
+        rules: {
+            type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | undefined>>;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+        };
+        useField: {
+            type: import("vue").PropType<typeof import("vee-validate").useField>;
+        };
+        opts: {
+            type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        resize: {
+            type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
+        } & {
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (event: string) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        required: {
+            type: import("vue").PropType<boolean>;
+        };
+        class: {
+            type: import("vue").PropType<string>;
+        };
+        size: {
+            type: import("vue").PropType<"sm" | "md">;
+        } & {
+            default: string;
+        };
+        name: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        error: {
+            type: import("vue").PropType<string | null>;
+        } & {
+            default: null;
+        };
+        rules: {
+            type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | undefined>>;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+        };
+        useField: {
+            type: import("vue").PropType<typeof import("vee-validate").useField>;
+        };
+        opts: {
+            type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
+        resize: {
+            type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
+        } & {
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((event: string) => any) | undefined;
+    }, {
+        size: "sm" | "md";
+        error: string | null;
+        resize: "none" | "both" | "horizontal" | "vertical";
+    }>;
+    SolInputText: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
-            $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            $props: Partial<{
+                size: "sm" | "md";
+                error: string | null;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                };
+                mask: {
+                    type: import("vue").PropType<import("./composables/use-mask").Mask>;
+                };
                 id: {
                     type: import("vue").PropType<string>;
                     required: true;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                    required: true;
+                disabled: {
+                    type: import("vue").PropType<boolean>;
                 };
-                invert: {
+                required: {
                     type: import("vue").PropType<boolean>;
                 };
+                class: {
+                    type: import("vue").PropType<string>;
+                };
+                size: {
+                    type: import("vue").PropType<"sm" | "md">;
+                } & {
+                    default: string;
+                };
+                name: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
                 error: {
+                    type: import("vue").PropType<string | null>;
+                } & {
+                    default: null;
+                };
+                rules: {
+                    type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | undefined>>;
+                };
+                modelValue: {
+                    type: import("vue").PropType<string>;
+                };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                };
+                useField: {
+                    type: import("vue").PropType<typeof import("vee-validate").useField>;
+                };
+                opts: {
+                    type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
+                };
+                successText: {
+                    type: import("vue").PropType<string>;
+                };
+                loadingText: {
+                    type: import("vue").PropType<string>;
+                };
+                isSuccess: {
                     type: import("vue").PropType<boolean>;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                };
             }>> & {
                 "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "error">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -315,27 +487,81 @@ export declare const components: {
             $emit: (event: "update:modelValue", event: string) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                };
+                mask: {
+                    type: import("vue").PropType<import("./composables/use-mask").Mask>;
+                };
                 id: {
                     type: import("vue").PropType<string>;
                     required: true;
                 };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                    required: true;
+                disabled: {
+                    type: import("vue").PropType<boolean>;
                 };
-                invert: {
+                required: {
                     type: import("vue").PropType<boolean>;
                 };
+                class: {
+                    type: import("vue").PropType<string>;
+                };
+                size: {
+                    type: import("vue").PropType<"sm" | "md">;
+                } & {
+                    default: string;
+                };
+                name: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
                 error: {
+                    type: import("vue").PropType<string | null>;
+                } & {
+                    default: null;
+                };
+                rules: {
+                    type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | undefined>>;
+                };
+                modelValue: {
+                    type: import("vue").PropType<string>;
+                };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                };
+                useField: {
+                    type: import("vue").PropType<typeof import("vee-validate").useField>;
+                };
+                opts: {
+                    type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
+                };
+                successText: {
+                    type: import("vue").PropType<string>;
+                };
+                loadingText: {
+                    type: import("vue").PropType<string>;
+                };
+                isSuccess: {
+                    type: import("vue").PropType<boolean>;
+                };
+                isLoading: {
                     type: import("vue").PropType<boolean>;
                 };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                };
             }>> & {
                 "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-            }, {
-                input: import("vue").Ref<string>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (event: string) => void;
-            }, string, {}> & {
+            }, string, {
+                size: "sm" | "md";
+                error: string | null;
+            }> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
                 beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -356,1024 +582,269 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+            };
+            mask: {
+                type: import("vue").PropType<import("./composables/use-mask").Mask>;
+            };
             id: {
                 type: import("vue").PropType<string>;
                 required: true;
             };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-                required: true;
+            disabled: {
+                type: import("vue").PropType<boolean>;
             };
-            invert: {
+            required: {
                 type: import("vue").PropType<boolean>;
             };
+            class: {
+                type: import("vue").PropType<string>;
+            };
+            size: {
+                type: import("vue").PropType<"sm" | "md">;
+            } & {
+                default: string;
+            };
+            name: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
             error: {
+                type: import("vue").PropType<string | null>;
+            } & {
+                default: null;
+            };
+            rules: {
+                type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                    validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                    validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                } | undefined>>;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+            };
+            useField: {
+                type: import("vue").PropType<typeof import("vee-validate").useField>;
+            };
+            opts: {
+                type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
+            };
+            successText: {
+                type: import("vue").PropType<string>;
+            };
+            loadingText: {
+                type: import("vue").PropType<string>;
+            };
+            isSuccess: {
+                type: import("vue").PropType<boolean>;
+            };
+            isLoading: {
                 type: import("vue").PropType<boolean>;
             };
+            placeholder: {
+                type: import("vue").PropType<string>;
+            };
         }>> & {
             "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{
-            input: import("vue").Ref<string>;
-        }> & {} & import("vue").ComponentCustomProperties;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+        };
+        mask: {
+            type: import("vue").PropType<import("./composables/use-mask").Mask>;
+        };
         id: {
             type: import("vue").PropType<string>;
             required: true;
         };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-            required: true;
+        disabled: {
+            type: import("vue").PropType<boolean>;
         };
-        invert: {
+        required: {
             type: import("vue").PropType<boolean>;
         };
+        class: {
+            type: import("vue").PropType<string>;
+        };
+        size: {
+            type: import("vue").PropType<"sm" | "md">;
+        } & {
+            default: string;
+        };
+        name: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
         error: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<string | null>;
+        } & {
+            default: null;
         };
-    }>> & {
-        "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-    }, {
-        input: import("vue").Ref<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (event: string) => void;
-    }, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {};
-    });
-    SolTextarea: {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                label: string;
-                modelValue: string;
-                resize: "none" | "both" | "horizontal" | "vertical";
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                label: {
-                    type: import("vue").PropType<string>;
-                } & {
-                    default: string;
-                };
-                class: {
-                    type: import("vue").PropType<string>;
-                };
-                id: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                modelValue: {
-                    type: import("vue").PropType<string>;
-                } & {
-                    default: string;
-                };
-                invert: {
-                    type: import("vue").PropType<boolean>;
-                };
-                error: {
-                    type: import("vue").PropType<string>;
-                };
-                hint: {
-                    type: import("vue").PropType<string>;
-                };
-                resize: {
-                    type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
-                } & {
-                    default: string;
-                };
-            }>> & {
-                "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "modelValue" | "resize">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: (event: "update:modelValue", event: string) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                label: {
-                    type: import("vue").PropType<string>;
-                } & {
-                    default: string;
-                };
-                class: {
-                    type: import("vue").PropType<string>;
-                };
-                id: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                modelValue: {
-                    type: import("vue").PropType<string>;
-                } & {
-                    default: string;
-                };
-                invert: {
-                    type: import("vue").PropType<boolean>;
-                };
-                error: {
-                    type: import("vue").PropType<string>;
-                };
-                hint: {
-                    type: import("vue").PropType<string>;
-                };
-                resize: {
-                    type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
-                } & {
-                    default: string;
-                };
-            }>> & {
-                "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:modelValue": (event: string) => void;
-            }, string, {
-                label: string;
-                modelValue: string;
-                resize: "none" | "both" | "horizontal" | "vertical";
-            }> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-            } & {
-                default: string;
-            };
-            class: {
-                type: import("vue").PropType<string>;
-            };
-            id: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            modelValue: {
-                type: import("vue").PropType<string>;
-            } & {
-                default: string;
-            };
-            invert: {
-                type: import("vue").PropType<boolean>;
-            };
-            error: {
-                type: import("vue").PropType<string>;
-            };
-            hint: {
-                type: import("vue").PropType<string>;
-            };
-            resize: {
-                type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
-            } & {
-                default: string;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<string>;
-        } & {
-            default: string;
+        rules: {
+            type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | undefined>>;
         };
-        class: {
+        modelValue: {
             type: import("vue").PropType<string>;
         };
-        id: {
+        helperText: {
             type: import("vue").PropType<string>;
-            required: true;
         };
-        modelValue: {
-            type: import("vue").PropType<string>;
-        } & {
-            default: string;
+        useField: {
+            type: import("vue").PropType<typeof import("vee-validate").useField>;
         };
-        invert: {
-            type: import("vue").PropType<boolean>;
+        opts: {
+            type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
         };
-        error: {
+        successText: {
             type: import("vue").PropType<string>;
         };
-        hint: {
+        loadingText: {
             type: import("vue").PropType<string>;
         };
-        resize: {
-            type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical">;
-        } & {
-            default: string;
+        isSuccess: {
+            type: import("vue").PropType<boolean>;
         };
-    }>> & {
-        "onUpdate:modelValue"?: ((event: string) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (event: string) => void;
-    }, string, {
-        label: string;
-        modelValue: string;
-        resize: "none" | "both" | "horizontal" | "vertical";
-    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            label: (_: {}) => any;
-            default: (_: {}) => any;
+        isLoading: {
+            type: import("vue").PropType<boolean>;
         };
-    });
-    SolTextfield: {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                label: string;
-                modelValue: string | number;
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                label: {
-                    type: import("vue").PropType<string>;
-                } & {
-                    default: string;
-                };
-                class: {
-                    type: import("vue").PropType<string>;
-                };
-                id: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                } & {
-                    default: string;
-                };
-                invert: {
-                    type: import("vue").PropType<boolean>;
-                };
-                error: {
-                    type: import("vue").PropType<string>;
-                };
-                hint: {
-                    type: import("vue").PropType<string>;
-                };
-            }>> & {
-                "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "modelValue">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: (event: "update:modelValue", event: string | number) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                label: {
-                    type: import("vue").PropType<string>;
-                } & {
-                    default: string;
-                };
-                class: {
-                    type: import("vue").PropType<string>;
-                };
-                id: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                modelValue: {
-                    type: import("vue").PropType<string | number>;
-                } & {
-                    default: string;
-                };
-                invert: {
-                    type: import("vue").PropType<boolean>;
-                };
-                error: {
-                    type: import("vue").PropType<string>;
-                };
-                hint: {
-                    type: import("vue").PropType<string>;
-                };
-            }>> & {
-                "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:modelValue": (event: string | number) => void;
-            }, string, {
-                label: string;
-                modelValue: string | number;
-            }> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-            } & {
-                default: string;
-            };
-            class: {
-                type: import("vue").PropType<string>;
-            };
-            id: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            modelValue: {
-                type: import("vue").PropType<string | number>;
-            } & {
-                default: string;
-            };
-            invert: {
-                type: import("vue").PropType<boolean>;
-            };
-            error: {
-                type: import("vue").PropType<string>;
-            };
-            hint: {
-                type: import("vue").PropType<string>;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<string>;
-        } & {
-            default: string;
-        };
-        class: {
-            type: import("vue").PropType<string>;
-        };
-        id: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        modelValue: {
-            type: import("vue").PropType<string | number>;
-        } & {
-            default: string;
-        };
-        invert: {
-            type: import("vue").PropType<boolean>;
-        };
-        error: {
-            type: import("vue").PropType<string>;
-        };
-        hint: {
-            type: import("vue").PropType<string>;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((event: string | number) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (event: string | number) => void;
-    }, string, {
-        label: string;
-        modelValue: string | number;
-    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            label: (_: {}) => any;
-            default: (_: {}) => any;
-            icon: (_: {}) => any;
-        };
-    });
-    SolTextfieldPassword: {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                label: string;
-                id: string;
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                label: {
-                    type: import("vue").PropType<string>;
-                } & {
-                    default: string;
-                };
-                id: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                } & {
-                    default: string;
-                };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "id">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                label: {
-                    type: import("vue").PropType<string>;
-                } & {
-                    default: string;
-                };
-                id: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                } & {
-                    default: string;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-                label: string;
-                id: string;
-            }> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-            } & {
-                default: string;
-            };
-            id: {
-                type: import("vue").PropType<string>;
-                required: true;
-            } & {
-                default: string;
-            };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<string>;
-        } & {
-            default: string;
-        };
-        id: {
-            type: import("vue").PropType<string>;
-            required: true;
-        } & {
-            default: string;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-        label: string;
-        id: string;
-    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {};
-    });
-    SolRadio: {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                id: {
-                    type: import("vue").PropType<string | undefined>;
-                    required: true;
-                };
-                name: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                value: {
-                    type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
-                    required: true;
-                };
-                label: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                checked: {
-                    type: import("vue").PropType<boolean>;
-                };
-                class: {
-                    type: import("vue").PropType<string | Record<string, boolean>>;
-                };
-            }>> & {
-                onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: (event: "change", value: import("./components/forms/radio/types").RadioValue) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                id: {
-                    type: import("vue").PropType<string | undefined>;
-                    required: true;
-                };
-                name: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                value: {
-                    type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
-                    required: true;
-                };
-                label: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                checked: {
-                    type: import("vue").PropType<boolean>;
-                };
-                class: {
-                    type: import("vue").PropType<string | Record<string, boolean>>;
-                };
-            }>> & {
-                onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                change: (value: import("./components/forms/radio/types").RadioValue) => void;
-            }, string, {}> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: import("vue").PropType<string | undefined>;
-                required: true;
-            };
-            name: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            value: {
-                type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
-                required: true;
-            };
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            checked: {
-                type: import("vue").PropType<boolean>;
-            };
-            class: {
-                type: import("vue").PropType<string | Record<string, boolean>>;
-            };
-        }>> & {
-            onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: import("vue").PropType<string | undefined>;
-            required: true;
-        };
-        name: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        value: {
-            type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
-            required: true;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        checked: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<string | Record<string, boolean>>;
-        };
-    }>> & {
-        onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (value: import("./components/forms/radio/types").RadioValue) => void;
-    }, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {};
-    });
-    SolRadioGroup: {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                hideTitle: boolean;
-                direction: "row" | "column";
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                title: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                id: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                modelValue: {
-                    type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
-                    required: true;
-                };
-                error: {
-                    type: import("vue").PropType<string>;
-                };
-                hideTitle: {
-                    type: import("vue").PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                hint: {
-                    type: import("vue").PropType<string>;
-                };
-                direction: {
-                    type: import("vue").PropType<"row" | "column">;
-                } & {
-                    default: string;
-                };
-                radios: {
-                    type: import("vue").PropType<import("./components/forms/radio/types").Radio[]>;
-                    required: true;
-                };
-            }>> & {
-                onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-                "onUpdate:modelValue"?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "hideTitle" | "direction">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: ((event: "update:modelValue", value: import("./components/forms/radio/types").RadioValue) => void) & ((event: "change", value: import("./components/forms/radio/types").RadioValue) => void);
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                title: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                id: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                modelValue: {
-                    type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
-                    required: true;
-                };
-                error: {
-                    type: import("vue").PropType<string>;
-                };
-                hideTitle: {
-                    type: import("vue").PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                hint: {
-                    type: import("vue").PropType<string>;
-                };
-                direction: {
-                    type: import("vue").PropType<"row" | "column">;
-                } & {
-                    default: string;
-                };
-                radios: {
-                    type: import("vue").PropType<import("./components/forms/radio/types").Radio[]>;
-                    required: true;
-                };
-            }>> & {
-                onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-                "onUpdate:modelValue"?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                change: (value: import("./components/forms/radio/types").RadioValue) => void;
-            } & {
-                "update:modelValue": (value: import("./components/forms/radio/types").RadioValue) => void;
-            }, string, {
-                hideTitle: boolean;
-                direction: "row" | "column";
-            }> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            id: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            modelValue: {
-                type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
-                required: true;
-            };
-            error: {
-                type: import("vue").PropType<string>;
-            };
-            hideTitle: {
-                type: import("vue").PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            hint: {
-                type: import("vue").PropType<string>;
-            };
-            direction: {
-                type: import("vue").PropType<"row" | "column">;
-            } & {
-                default: string;
-            };
-            radios: {
-                type: import("vue").PropType<import("./components/forms/radio/types").Radio[]>;
-                required: true;
-            };
-        }>> & {
-            onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        id: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-        modelValue: {
-            type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
-            required: true;
-        };
-        error: {
-            type: import("vue").PropType<string>;
-        };
-        hideTitle: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            default: boolean;
-        };
-        hint: {
+        placeholder: {
             type: import("vue").PropType<string>;
         };
-        direction: {
-            type: import("vue").PropType<"row" | "column">;
-        } & {
-            default: string;
-        };
-        radios: {
-            type: import("vue").PropType<import("./components/forms/radio/types").Radio[]>;
-            required: true;
-        };
-    }>> & {
-        onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (value: import("./components/forms/radio/types").RadioValue) => void;
-    } & {
-        "update:modelValue": (value: import("./components/forms/radio/types").RadioValue) => void;
-    }, string, {
-        hideTitle: boolean;
-        direction: "row" | "column";
-    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            title: (_: {
-                id: string;
-            }) => any;
-            default: (_: {
-                radios: import("./components/forms/radio/types").Radio[];
-                direction: "row" | "column";
-            }) => any;
-        };
-    });
-    SolCheckbox: {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                id: {
-                    type: import("vue").PropType<string | undefined>;
-                    required: true;
-                };
-                name: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                value: {
-                    type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue>;
-                    required: true;
-                };
-                label: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                checked: {
-                    type: import("vue").PropType<boolean>;
-                };
-                class: {
-                    type: import("vue").PropType<string | Record<string, boolean>>;
-                };
-                indeterminate: {
-                    type: import("vue").PropType<boolean>;
-                };
-            }>> & {
-                onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: (event: "change", value: import("./components/forms/checkbox/type").CheckboxValue) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                id: {
-                    type: import("vue").PropType<string | undefined>;
-                    required: true;
-                };
-                name: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                value: {
-                    type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue>;
-                    required: true;
-                };
-                label: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                checked: {
-                    type: import("vue").PropType<boolean>;
-                };
-                class: {
-                    type: import("vue").PropType<string | Record<string, boolean>>;
-                };
-                indeterminate: {
-                    type: import("vue").PropType<boolean>;
-                };
-            }>> & {
-                onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                change: (value: import("./components/forms/checkbox/type").CheckboxValue) => void;
-            }, string, {}> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: import("vue").PropType<string | undefined>;
-                required: true;
-            };
-            name: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            value: {
-                type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue>;
-                required: true;
-            };
-            label: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            checked: {
-                type: import("vue").PropType<boolean>;
-            };
-            class: {
-                type: import("vue").PropType<string | Record<string, boolean>>;
-            };
-            indeterminate: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>> & {
-            onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    }>> & {
+        "onUpdate:modelValue"?: ((event: string) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (event: string) => void;
+    }, string, {
+        size: "sm" | "md";
+        error: string | null;
+    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            icon: (_: {}) => any;
+        };
+    });
+    SolInputTextPassword: import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        required: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"sm" | "md">;
+        };
+        name: {
+            type: import("vue").PropType<string>;
+            required: true;
+        } & {
+            default: string;
+        };
+        error: {
+            type: import("vue").PropType<string | null>;
+        };
+        rules: {
+            type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | undefined>>;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+        };
+        useField: {
+            type: import("vue").PropType<typeof import("vee-validate").useField>;
+        };
+        opts: {
+            type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        } & {
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        required: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<"sm" | "md">;
+        };
+        name: {
+            type: import("vue").PropType<string>;
+            required: true;
+        } & {
+            default: string;
+        };
+        error: {
+            type: import("vue").PropType<string | null>;
+        };
+        rules: {
+            type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | undefined>>;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+        };
+        useField: {
+            type: import("vue").PropType<typeof import("vee-validate").useField>;
+        };
+        opts: {
+            type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<string>>>;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        } & {
+            default: string;
+        };
+    }>>, {
+        required: boolean;
+        name: string;
+        placeholder: string;
+    }>;
+    SolRadio: import("vue").DefineComponent<{
         id: {
             type: import("vue").PropType<string | undefined>;
             required: true;
@@ -1383,7 +854,7 @@ export declare const components: {
             required: true;
         };
         value: {
-            type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue>;
+            type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
             required: true;
         };
         label: {
@@ -1396,271 +867,97 @@ export declare const components: {
         class: {
             type: import("vue").PropType<string | Record<string, boolean>>;
         };
-        indeterminate: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & {
-        onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (value: import("./components/forms/checkbox/type").CheckboxValue) => void;
-    }, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {};
-    });
-    SolCheckboxGroup: {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                hideTitle: boolean;
-                direction: "row" | "column";
-            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                title: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                id: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                modelValue: {
-                    type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue[]>;
-                };
-                error: {
-                    type: import("vue").PropType<string>;
-                };
-                hideTitle: {
-                    type: import("vue").PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                hint: {
-                    type: import("vue").PropType<string>;
-                };
-                checkboxes: {
-                    type: import("vue").PropType<import("./components/forms/checkbox/type").Checkbox[]>;
-                    required: true;
-                };
-                direction: {
-                    type: import("vue").PropType<"row" | "column">;
-                } & {
-                    default: string;
-                };
-            }>> & {
-                onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
-                "onUpdate:modelValue"?: ((a: any) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "hideTitle" | "direction">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: ((event: "update:modelValue", a: any) => void) & ((event: "change", value: import("./components/forms/checkbox/type").CheckboxValue) => void);
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                title: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                id: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
-                modelValue: {
-                    type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue[]>;
-                };
-                error: {
-                    type: import("vue").PropType<string>;
-                };
-                hideTitle: {
-                    type: import("vue").PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                hint: {
-                    type: import("vue").PropType<string>;
-                };
-                checkboxes: {
-                    type: import("vue").PropType<import("./components/forms/checkbox/type").Checkbox[]>;
-                    required: true;
-                };
-                direction: {
-                    type: import("vue").PropType<"row" | "column">;
-                } & {
-                    default: string;
-                };
-            }>> & {
-                onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
-                "onUpdate:modelValue"?: ((a: any) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                change: (value: import("./components/forms/checkbox/type").CheckboxValue) => void;
-            } & {
-                "update:modelValue": (a: any) => void;
-            }, string, {
-                hideTitle: boolean;
-                direction: "row" | "column";
-            }> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            id: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
-            modelValue: {
-                type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue[]>;
-            };
-            error: {
-                type: import("vue").PropType<string>;
-            };
-            hideTitle: {
-                type: import("vue").PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            hint: {
-                type: import("vue").PropType<string>;
-            };
-            checkboxes: {
-                type: import("vue").PropType<import("./components/forms/checkbox/type").Checkbox[]>;
-                required: true;
-            };
-            direction: {
-                type: import("vue").PropType<"row" | "column">;
-            } & {
-                default: string;
-            };
-        }>> & {
-            onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
-            "onUpdate:modelValue"?: ((a: any) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
+        change: (value: import("./components/forms/radio/types").RadioValue) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         id: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | undefined>;
             required: true;
         };
-        modelValue: {
-            type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue[]>;
-        };
-        error: {
+        name: {
             type: import("vue").PropType<string>;
+            required: true;
         };
-        hideTitle: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            default: boolean;
+        value: {
+            type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
+            required: true;
         };
-        hint: {
+        label: {
             type: import("vue").PropType<string>;
-        };
-        checkboxes: {
-            type: import("vue").PropType<import("./components/forms/checkbox/type").Checkbox[]>;
             required: true;
         };
-        direction: {
-            type: import("vue").PropType<"row" | "column">;
-        } & {
-            default: string;
+        checked: {
+            type: import("vue").PropType<boolean>;
         };
-    }>> & {
-        onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
-        "onUpdate:modelValue"?: ((a: any) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (value: import("./components/forms/checkbox/type").CheckboxValue) => void;
-    } & {
-        "update:modelValue": (a: any) => void;
-    }, string, {
-        hideTitle: boolean;
-        direction: "row" | "column";
-    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            title: (_: {
-                id: string;
-            }) => any;
-            default: (_: {
-                checkboxes: import("./components/forms/checkbox/type").Checkbox[];
-                direction: "row" | "column";
-            }) => any;
+        class: {
+            type: import("vue").PropType<string | Record<string, boolean>>;
         };
-    });
-    SolSwitch: {
+    }>> & {
+        onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
+    }, {}>;
+    SolRadioGroup: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                textDirection: "left" | "right";
-                stretchLabel: boolean;
+                error: string | null;
+                hideTitle: boolean;
+                direction: "row" | "column";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                label: {
+                title: {
                     type: import("vue").PropType<string>;
                     required: true;
                 };
-                class: {
-                    type: import("vue").PropType<string | Record<string, boolean>>;
-                };
                 id: {
                     type: import("vue").PropType<string>;
                     required: true;
                 };
-                value: {
-                    type: import("vue").PropType<string>;
-                };
                 name: {
                     type: import("vue").PropType<string>;
                     required: true;
                 };
-                checked: {
-                    type: import("vue").PropType<boolean>;
-                };
-                textDirection: {
-                    type: import("vue").PropType<"left" | "right">;
+                error: {
+                    type: import("vue").PropType<string | null>;
                 } & {
-                    default: string;
+                    default: null;
                 };
-                hideLabel: {
-                    type: import("vue").PropType<boolean>;
+                rules: {
+                    type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | undefined>>;
+                };
+                modelValue: {
+                    type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
                 };
-                stretchLabel: {
+                hideTitle: {
                     type: import("vue").PropType<boolean>;
                 } & {
                     default: boolean;
                 };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                };
+                direction: {
+                    type: import("vue").PropType<"row" | "column">;
+                } & {
+                    default: string;
+                };
+                useField: {
+                    type: import("vue").PropType<typeof import("vee-validate").useField>;
+                };
+                opts: {
+                    type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/radio/types").RadioValue>>>;
+                };
+                radios: {
+                    type: import("vue").PropType<import("./components/forms/radio/types").Radio[]>;
+                    required: true;
+                };
             }>> & {
-                onChange?: ((value: string | boolean) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "textDirection" | "stretchLabel">;
+                onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "hideTitle" | "direction">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1672,50 +969,70 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: (event: "change", value: string | boolean) => void;
+            $emit: ((event: "change", value: import("./components/forms/radio/types").RadioValue) => void) & ((event: "update:modelValue", value: import("./components/forms/radio/types").RadioValue) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                label: {
+                title: {
                     type: import("vue").PropType<string>;
                     required: true;
                 };
-                class: {
-                    type: import("vue").PropType<string | Record<string, boolean>>;
-                };
                 id: {
                     type: import("vue").PropType<string>;
                     required: true;
                 };
-                value: {
-                    type: import("vue").PropType<string>;
-                };
                 name: {
                     type: import("vue").PropType<string>;
                     required: true;
                 };
-                checked: {
-                    type: import("vue").PropType<boolean>;
-                };
-                textDirection: {
-                    type: import("vue").PropType<"left" | "right">;
+                error: {
+                    type: import("vue").PropType<string | null>;
                 } & {
-                    default: string;
+                    default: null;
                 };
-                hideLabel: {
-                    type: import("vue").PropType<boolean>;
+                rules: {
+                    type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | undefined>>;
                 };
-                stretchLabel: {
+                modelValue: {
+                    type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
+                };
+                hideTitle: {
                     type: import("vue").PropType<boolean>;
                 } & {
                     default: boolean;
                 };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                };
+                direction: {
+                    type: import("vue").PropType<"row" | "column">;
+                } & {
+                    default: string;
+                };
+                useField: {
+                    type: import("vue").PropType<typeof import("vee-validate").useField>;
+                };
+                opts: {
+                    type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/radio/types").RadioValue>>>;
+                };
+                radios: {
+                    type: import("vue").PropType<import("./components/forms/radio/types").Radio[]>;
+                    required: true;
+                };
             }>> & {
-                onChange?: ((value: string | boolean) => any) | undefined;
+                onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                change: (value: string | boolean) => void;
+                change: (value: import("./components/forms/radio/types").RadioValue) => void;
+            } & {
+                "update:modelValue": (value: import("./components/forms/radio/types").RadioValue) => void;
             }, string, {
-                textDirection: "left" | "right";
-                stretchLabel: boolean;
+                error: string | null;
+                hideTitle: boolean;
+                direction: "row" | "column";
             }> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -1737,164 +1054,256 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            label: {
+            title: {
                 type: import("vue").PropType<string>;
                 required: true;
             };
-            class: {
-                type: import("vue").PropType<string | Record<string, boolean>>;
-            };
             id: {
                 type: import("vue").PropType<string>;
                 required: true;
             };
-            value: {
-                type: import("vue").PropType<string>;
-            };
             name: {
                 type: import("vue").PropType<string>;
                 required: true;
             };
-            checked: {
-                type: import("vue").PropType<boolean>;
-            };
-            textDirection: {
-                type: import("vue").PropType<"left" | "right">;
+            error: {
+                type: import("vue").PropType<string | null>;
             } & {
-                default: string;
+                default: null;
             };
-            hideLabel: {
-                type: import("vue").PropType<boolean>;
+            rules: {
+                type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                    validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                    validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                } | undefined>>;
+            };
+            modelValue: {
+                type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
             };
-            stretchLabel: {
+            hideTitle: {
                 type: import("vue").PropType<boolean>;
             } & {
                 default: boolean;
             };
+            helperText: {
+                type: import("vue").PropType<string>;
+            };
+            direction: {
+                type: import("vue").PropType<"row" | "column">;
+            } & {
+                default: string;
+            };
+            useField: {
+                type: import("vue").PropType<typeof import("vee-validate").useField>;
+            };
+            opts: {
+                type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/radio/types").RadioValue>>>;
+            };
+            radios: {
+                type: import("vue").PropType<import("./components/forms/radio/types").Radio[]>;
+                required: true;
+            };
         }>> & {
-            onChange?: ((value: string | boolean) => any) | undefined;
+            onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        label: {
+        title: {
             type: import("vue").PropType<string>;
             required: true;
         };
-        class: {
-            type: import("vue").PropType<string | Record<string, boolean>>;
-        };
         id: {
             type: import("vue").PropType<string>;
             required: true;
         };
-        value: {
-            type: import("vue").PropType<string>;
-        };
         name: {
             type: import("vue").PropType<string>;
             required: true;
         };
-        checked: {
-            type: import("vue").PropType<boolean>;
-        };
-        textDirection: {
-            type: import("vue").PropType<"left" | "right">;
+        error: {
+            type: import("vue").PropType<string | null>;
         } & {
-            default: string;
+            default: null;
         };
-        hideLabel: {
-            type: import("vue").PropType<boolean>;
+        rules: {
+            type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | undefined>>;
         };
-        stretchLabel: {
+        modelValue: {
+            type: import("vue").PropType<import("./components/forms/radio/types").RadioValue>;
+        };
+        hideTitle: {
             type: import("vue").PropType<boolean>;
         } & {
             default: boolean;
         };
+        helperText: {
+            type: import("vue").PropType<string>;
+        };
+        direction: {
+            type: import("vue").PropType<"row" | "column">;
+        } & {
+            default: string;
+        };
+        useField: {
+            type: import("vue").PropType<typeof import("vee-validate").useField>;
+        };
+        opts: {
+            type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/radio/types").RadioValue>>>;
+        };
+        radios: {
+            type: import("vue").PropType<import("./components/forms/radio/types").Radio[]>;
+            required: true;
+        };
     }>> & {
-        onChange?: ((value: string | boolean) => any) | undefined;
+        onChange?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./components/forms/radio/types").RadioValue) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (value: string | boolean) => void;
+        change: (value: import("./components/forms/radio/types").RadioValue) => void;
+    } & {
+        "update:modelValue": (value: import("./components/forms/radio/types").RadioValue) => void;
     }, string, {
-        textDirection: "left" | "right";
-        stretchLabel: boolean;
+        error: string | null;
+        hideTitle: boolean;
+        direction: "row" | "column";
     }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {};
+        $slots: {
+            title: (_: {
+                id: string;
+            }) => any;
+            default: (_: {
+                radios: import("./components/forms/radio/types").Radio[];
+                direction: "row" | "column";
+            }) => any;
+        };
     });
-    SolDropdown: {
+    SolCheckbox: import("vue").DefineComponent<{
+        id: {
+            type: import("vue").PropType<string | undefined>;
+            required: true;
+        };
+        name: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        value: {
+            type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue>;
+            required: true;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        checked: {
+            type: import("vue").PropType<boolean>;
+        };
+        class: {
+            type: import("vue").PropType<string | Record<string, boolean>>;
+        };
+        indeterminate: {
+            type: import("vue").PropType<boolean>;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: import("./components/forms/checkbox/type").CheckboxValue) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        id: {
+            type: import("vue").PropType<string | undefined>;
+            required: true;
+        };
+        name: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        value: {
+            type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue>;
+            required: true;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        checked: {
+            type: import("vue").PropType<boolean>;
+        };
+        class: {
+            type: import("vue").PropType<string | Record<string, boolean>>;
+        };
+        indeterminate: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
+    }, {}>;
+    SolCheckboxGroup: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                loading: boolean;
-                searchable: boolean;
-                closeOnSelect: boolean;
-                fetchOnSearch: boolean;
-                options: (string | {
-                    name: string;
-                    value: string;
-                })[];
+                error: string | null;
+                hideTitle: boolean;
+                direction: "row" | "column";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                label: {
+                title: {
                     type: import("vue").PropType<string>;
+                    required: true;
                 };
                 id: {
                     type: import("vue").PropType<string>;
                     required: true;
                 };
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                };
-                ariaLabel: {
+                name: {
                     type: import("vue").PropType<string>;
+                    required: true;
                 };
-                smallerWidth: {
-                    type: import("vue").PropType<boolean>;
-                };
-                loading: {
-                    type: import("vue").PropType<boolean>;
+                error: {
+                    type: import("vue").PropType<string | null>;
                 } & {
-                    default: boolean;
+                    default: null;
                 };
-                searchable: {
-                    type: import("vue").PropType<boolean>;
-                } & {
-                    default: boolean;
+                rules: {
+                    type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | undefined>>;
                 };
-                closeOnSelect: {
-                    type: import("vue").PropType<boolean>;
-                } & {
-                    default: boolean;
+                modelValue: {
+                    type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue[]>;
                 };
-                fetchOnSearch: {
+                hideTitle: {
                     type: import("vue").PropType<boolean>;
                 } & {
                     default: boolean;
                 };
-                isMultipleSelect: {
-                    type: import("vue").PropType<boolean>;
-                };
-                searchPlaceholder: {
+                helperText: {
                     type: import("vue").PropType<string>;
                 };
-                selected: {
-                    type: import("vue").PropType<string | string[]>;
-                };
-                options: {
-                    type: import("vue").PropType<(string | {
-                        name: string;
-                        value: string;
-                    })[]>;
+                checkboxes: {
+                    type: import("vue").PropType<import("./components/forms/checkbox/type").Checkbox[]>;
                     required: true;
+                };
+                direction: {
+                    type: import("vue").PropType<"row" | "column">;
                 } & {
-                    default: () => never[];
+                    default: string;
+                };
+                useField: {
+                    type: import("vue").PropType<typeof import("vee-validate").useField>;
+                };
+                opts: {
+                    type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/checkbox/type").CheckboxValue>>>;
                 };
             }>> & {
-                onSearch?: ((value: string) => any) | undefined;
-                onCloseDropdown?: (() => any) | undefined;
-                "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "searchable" | "closeOnSelect" | "fetchOnSearch" | "options">;
+                onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
+                "onUpdate:modelValue"?: ((v: import("./components/forms/checkbox/type").CheckboxValue[] | undefined) => any) | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "error" | "hideTitle" | "direction">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1906,82 +1315,70 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: ((event: "search", value: string) => void) & ((event: "closeDropdown") => void) & ((event: "update:selected", value: string | string[]) => void);
+            $emit: ((event: "change", value: import("./components/forms/checkbox/type").CheckboxValue) => void) & ((event: "update:modelValue", v: import("./components/forms/checkbox/type").CheckboxValue[] | undefined) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                label: {
+                title: {
                     type: import("vue").PropType<string>;
+                    required: true;
                 };
                 id: {
                     type: import("vue").PropType<string>;
                     required: true;
                 };
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                };
-                ariaLabel: {
+                name: {
                     type: import("vue").PropType<string>;
+                    required: true;
                 };
-                smallerWidth: {
-                    type: import("vue").PropType<boolean>;
-                };
-                loading: {
-                    type: import("vue").PropType<boolean>;
+                error: {
+                    type: import("vue").PropType<string | null>;
                 } & {
-                    default: boolean;
+                    default: null;
                 };
-                searchable: {
-                    type: import("vue").PropType<boolean>;
-                } & {
-                    default: boolean;
+                rules: {
+                    type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | undefined>>;
                 };
-                closeOnSelect: {
-                    type: import("vue").PropType<boolean>;
-                } & {
-                    default: boolean;
+                modelValue: {
+                    type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue[]>;
                 };
-                fetchOnSearch: {
+                hideTitle: {
                     type: import("vue").PropType<boolean>;
                 } & {
                     default: boolean;
                 };
-                isMultipleSelect: {
-                    type: import("vue").PropType<boolean>;
-                };
-                searchPlaceholder: {
+                helperText: {
                     type: import("vue").PropType<string>;
                 };
-                selected: {
-                    type: import("vue").PropType<string | string[]>;
-                };
-                options: {
-                    type: import("vue").PropType<(string | {
-                        name: string;
-                        value: string;
-                    })[]>;
+                checkboxes: {
+                    type: import("vue").PropType<import("./components/forms/checkbox/type").Checkbox[]>;
                     required: true;
+                };
+                direction: {
+                    type: import("vue").PropType<"row" | "column">;
                 } & {
-                    default: () => never[];
+                    default: string;
+                };
+                useField: {
+                    type: import("vue").PropType<typeof import("vee-validate").useField>;
+                };
+                opts: {
+                    type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/checkbox/type").CheckboxValue>>>;
                 };
             }>> & {
-                onSearch?: ((value: string) => any) | undefined;
-                onCloseDropdown?: (() => any) | undefined;
-                "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
+                onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
+                "onUpdate:modelValue"?: ((v: import("./components/forms/checkbox/type").CheckboxValue[] | undefined) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                closeDropdown: () => void;
-            } & {
-                search: (value: string) => void;
+                change: (value: import("./components/forms/checkbox/type").CheckboxValue) => void;
             } & {
-                "update:selected": (value: string | string[]) => void;
+                "update:modelValue": (v: import("./components/forms/checkbox/type").CheckboxValue[] | undefined) => void;
             }, string, {
-                loading: boolean;
-                searchable: boolean;
-                closeOnSelect: boolean;
-                fetchOnSearch: boolean;
-                options: (string | {
-                    name: string;
-                    value: string;
-                })[];
+                error: string | null;
+                hideTitle: boolean;
+                direction: "row" | "column";
             }> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -2003,190 +1400,228 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            label: {
+            title: {
                 type: import("vue").PropType<string>;
+                required: true;
             };
             id: {
                 type: import("vue").PropType<string>;
                 required: true;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
-            ariaLabel: {
+            name: {
                 type: import("vue").PropType<string>;
+                required: true;
             };
-            smallerWidth: {
-                type: import("vue").PropType<boolean>;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
+            error: {
+                type: import("vue").PropType<string | null>;
             } & {
-                default: boolean;
+                default: null;
             };
-            searchable: {
-                type: import("vue").PropType<boolean>;
-            } & {
-                default: boolean;
+            rules: {
+                type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                    validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                    validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                } | undefined>>;
             };
-            closeOnSelect: {
-                type: import("vue").PropType<boolean>;
-            } & {
-                default: boolean;
+            modelValue: {
+                type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue[]>;
             };
-            fetchOnSearch: {
+            hideTitle: {
                 type: import("vue").PropType<boolean>;
             } & {
                 default: boolean;
             };
-            isMultipleSelect: {
-                type: import("vue").PropType<boolean>;
-            };
-            searchPlaceholder: {
+            helperText: {
                 type: import("vue").PropType<string>;
             };
-            selected: {
-                type: import("vue").PropType<string | string[]>;
-            };
-            options: {
-                type: import("vue").PropType<(string | {
-                    name: string;
-                    value: string;
-                })[]>;
+            checkboxes: {
+                type: import("vue").PropType<import("./components/forms/checkbox/type").Checkbox[]>;
                 required: true;
+            };
+            direction: {
+                type: import("vue").PropType<"row" | "column">;
             } & {
-                default: () => never[];
+                default: string;
+            };
+            useField: {
+                type: import("vue").PropType<typeof import("vee-validate").useField>;
+            };
+            opts: {
+                type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/checkbox/type").CheckboxValue>>>;
             };
         }>> & {
-            onSearch?: ((value: string) => any) | undefined;
-            onCloseDropdown?: (() => any) | undefined;
-            "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
+            onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
+            "onUpdate:modelValue"?: ((v: import("./components/forms/checkbox/type").CheckboxValue[] | undefined) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        label: {
+        title: {
             type: import("vue").PropType<string>;
+            required: true;
         };
         id: {
             type: import("vue").PropType<string>;
             required: true;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        ariaLabel: {
+        name: {
             type: import("vue").PropType<string>;
+            required: true;
         };
-        smallerWidth: {
-            type: import("vue").PropType<boolean>;
+        error: {
+            type: import("vue").PropType<string | null>;
+        } & {
+            default: null;
         };
-        loading: {
+        rules: {
+            type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | undefined>>;
+        };
+        modelValue: {
+            type: import("vue").PropType<import("./components/forms/checkbox/type").CheckboxValue[]>;
+        };
+        hideTitle: {
             type: import("vue").PropType<boolean>;
         } & {
             default: boolean;
         };
-        searchable: {
-            type: import("vue").PropType<boolean>;
+        helperText: {
+            type: import("vue").PropType<string>;
+        };
+        checkboxes: {
+            type: import("vue").PropType<import("./components/forms/checkbox/type").Checkbox[]>;
+            required: true;
+        };
+        direction: {
+            type: import("vue").PropType<"row" | "column">;
         } & {
-            default: boolean;
+            default: string;
         };
-        closeOnSelect: {
+        useField: {
+            type: import("vue").PropType<typeof import("vee-validate").useField>;
+        };
+        opts: {
+            type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/checkbox/type").CheckboxValue>>>;
+        };
+    }>> & {
+        onChange?: ((value: import("./components/forms/checkbox/type").CheckboxValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((v: import("./components/forms/checkbox/type").CheckboxValue[] | undefined) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: import("./components/forms/checkbox/type").CheckboxValue) => void;
+    } & {
+        "update:modelValue": (v: import("./components/forms/checkbox/type").CheckboxValue[] | undefined) => void;
+    }, string, {
+        error: string | null;
+        hideTitle: boolean;
+        direction: "row" | "column";
+    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            title: (_: {
+                id: string;
+            }) => any;
+            default: (_: {
+                checkboxes: import("./components/forms/checkbox/type").Checkbox[];
+                direction: "row" | "column";
+            }) => any;
+        };
+    });
+    SolSwitch: import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        id: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        class: {
+            type: import("vue").PropType<string | Record<string, boolean>>;
+        };
+        name: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        value: {
+            type: import("vue").PropType<string>;
+        };
+        checked: {
             type: import("vue").PropType<boolean>;
+        };
+        textDirection: {
+            type: import("vue").PropType<"left" | "right">;
         } & {
-            default: boolean;
+            default: string;
         };
-        fetchOnSearch: {
+        hideLabel: {
+            type: import("vue").PropType<boolean>;
+        };
+        stretchLabel: {
             type: import("vue").PropType<boolean>;
         } & {
             default: boolean;
         };
-        isMultipleSelect: {
-            type: import("vue").PropType<boolean>;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: string | boolean) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
         };
-        searchPlaceholder: {
+        id: {
             type: import("vue").PropType<string>;
+            required: true;
         };
-        selected: {
-            type: import("vue").PropType<string | string[]>;
+        class: {
+            type: import("vue").PropType<string | Record<string, boolean>>;
         };
-        options: {
-            type: import("vue").PropType<(string | {
-                name: string;
-                value: string;
-            })[]>;
+        name: {
+            type: import("vue").PropType<string>;
             required: true;
+        };
+        value: {
+            type: import("vue").PropType<string>;
+        };
+        checked: {
+            type: import("vue").PropType<boolean>;
+        };
+        textDirection: {
+            type: import("vue").PropType<"left" | "right">;
+        } & {
+            default: string;
+        };
+        hideLabel: {
+            type: import("vue").PropType<boolean>;
+        };
+        stretchLabel: {
+            type: import("vue").PropType<boolean>;
         } & {
-            default: () => never[];
+            default: boolean;
         };
     }>> & {
-        onSearch?: ((value: string) => any) | undefined;
-        onCloseDropdown?: (() => any) | undefined;
-        "onUpdate:selected"?: ((value: string | string[]) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        closeDropdown: () => void;
-    } & {
-        search: (value: string) => void;
-    } & {
-        "update:selected": (value: string | string[]) => void;
-    }, string, {
-        loading: boolean;
-        searchable: boolean;
-        closeOnSelect: boolean;
-        fetchOnSearch: boolean;
-        options: (string | {
-            name: string;
-            value: string;
-        })[];
-    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            label: (_: {}) => any;
-            'toggle-dropdown': (_: {
-                toggle: {
-                    open: () => void;
-                    close: () => void;
-                    toggleDropdown: () => void;
-                };
-                isOpen: boolean;
-                select: (selected: string | {
-                    name: string;
-                    value: string;
-                }) => void;
-                selectedSanitized: string | undefined;
-                selected: string | string[] | undefined;
-            }) => any;
-            search: (_: {
-                filter: string;
-            }) => any;
-            default: (_: {
-                text: string;
-                option: string | {
-                    name: string;
-                    value: string;
-                };
-                isSelect: (option: string | {
-                    name: string;
-                    value: string;
-                }) => boolean;
-            }) => any;
-            'no-data': (_: {}) => any;
-        };
-    });
+        onChange?: ((value: string | boolean) => any) | undefined;
+    }, {
+        textDirection: "left" | "right";
+        stretchLabel: boolean;
+    }>;
     SolSelect: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                size: import("./components/forms/select/types").Size;
                 loading: boolean;
+                error: string | null;
+                placeholder: string;
+                options: import("./components/forms/select/types").Option[];
                 searchable: boolean;
                 closeOnSelect: boolean;
                 fetchOnSearch: boolean;
-                options: {
-                    name: string;
-                    value: string;
-                }[];
-                placeholder: string;
+                searchPlaceholder: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 label: {
                     type: import("vue").PropType<string>;
@@ -2198,19 +1633,64 @@ export declare const components: {
                 disabled: {
                     type: import("vue").PropType<boolean>;
                 };
+                required: {
+                    type: import("vue").PropType<boolean | undefined>;
+                    required: true;
+                };
+                size: {
+                    type: import("vue").PropType<import("./components/forms/select/types").Size>;
+                } & {
+                    default: string;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                name: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
                 error: {
+                    type: import("vue").PropType<string | null>;
+                } & {
+                    default: null;
+                };
+                rules: {
+                    type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | undefined>>;
+                };
+                selected: {
+                    type: import("vue").PropType<import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[]>;
+                };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                };
+                useField: {
+                    type: import("vue").PropType<typeof import("vee-validate").useField>;
+                };
+                opts: {
+                    type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/select/types").Option>>>;
+                };
+                placeholder: {
                     type: import("vue").PropType<string>;
+                } & {
+                    default: string;
                 };
                 ariaLabel: {
                     type: import("vue").PropType<string>;
                 };
-                smallerWidth: {
-                    type: import("vue").PropType<boolean>;
+                options: {
+                    type: import("vue").PropType<import("./components/forms/select/types").Option[]>;
+                    required: true;
+                } & {
+                    default: () => never[];
                 };
-                loading: {
+                multiple: {
                     type: import("vue").PropType<boolean>;
-                } & {
-                    default: boolean;
                 };
                 searchable: {
                     type: import("vue").PropType<boolean>;
@@ -2229,45 +1709,14 @@ export declare const components: {
                 };
                 searchPlaceholder: {
                     type: import("vue").PropType<string>;
-                };
-                selected: {
-                    type: import("vue").PropType<{
-                        name: string;
-                        value: string;
-                    } | {
-                        name: string;
-                        value: string;
-                    }[]>;
-                };
-                options: {
-                    type: import("vue").PropType<{
-                        name: string;
-                        value: string;
-                    }[]>;
-                    required: true;
-                } & {
-                    default: () => never[];
-                };
-                placeholder: {
-                    type: import("vue").PropType<string>;
-                    required: true;
                 } & {
                     default: string;
                 };
-                multiple: {
-                    type: import("vue").PropType<boolean>;
-                };
             }>> & {
+                "onUpdate:selected"?: ((value: import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[] | undefined) => any) | undefined;
                 onSearch?: ((value: string) => any) | undefined;
                 onCloseDropdown?: (() => any) | undefined;
-                "onUpdate:selected"?: ((value: {
-                    name: string;
-                    value: string;
-                } | {
-                    name: string;
-                    value: string;
-                }[]) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "searchable" | "closeOnSelect" | "fetchOnSearch" | "options" | "placeholder">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "loading" | "error" | "placeholder" | "options" | "searchable" | "closeOnSelect" | "fetchOnSearch" | "searchPlaceholder">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -2279,13 +1728,7 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: ((event: "search", value: string) => void) & ((event: "closeDropdown") => void) & ((event: "update:selected", value: {
-                name: string;
-                value: string;
-            } | {
-                name: string;
-                value: string;
-            }[]) => void);
+            $emit: ((event: "search", value: string) => void) & ((event: "update:selected", value: import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[] | undefined) => void) & ((event: "closeDropdown") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 label: {
@@ -2298,19 +1741,64 @@ export declare const components: {
                 disabled: {
                     type: import("vue").PropType<boolean>;
                 };
+                required: {
+                    type: import("vue").PropType<boolean | undefined>;
+                    required: true;
+                };
+                size: {
+                    type: import("vue").PropType<import("./components/forms/select/types").Size>;
+                } & {
+                    default: string;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                } & {
+                    default: boolean;
+                };
+                name: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
                 error: {
+                    type: import("vue").PropType<string | null>;
+                } & {
+                    default: null;
+                };
+                rules: {
+                    type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                        validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                    } | undefined>>;
+                };
+                selected: {
+                    type: import("vue").PropType<import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[]>;
+                };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                };
+                useField: {
+                    type: import("vue").PropType<typeof import("vee-validate").useField>;
+                };
+                opts: {
+                    type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/select/types").Option>>>;
+                };
+                placeholder: {
                     type: import("vue").PropType<string>;
+                } & {
+                    default: string;
                 };
                 ariaLabel: {
                     type: import("vue").PropType<string>;
                 };
-                smallerWidth: {
-                    type: import("vue").PropType<boolean>;
+                options: {
+                    type: import("vue").PropType<import("./components/forms/select/types").Option[]>;
+                    required: true;
+                } & {
+                    default: () => never[];
                 };
-                loading: {
+                multiple: {
                     type: import("vue").PropType<boolean>;
-                } & {
-                    default: boolean;
                 };
                 searchable: {
                     type: import("vue").PropType<boolean>;
@@ -2329,66 +1817,29 @@ export declare const components: {
                 };
                 searchPlaceholder: {
                     type: import("vue").PropType<string>;
-                };
-                selected: {
-                    type: import("vue").PropType<{
-                        name: string;
-                        value: string;
-                    } | {
-                        name: string;
-                        value: string;
-                    }[]>;
-                };
-                options: {
-                    type: import("vue").PropType<{
-                        name: string;
-                        value: string;
-                    }[]>;
-                    required: true;
-                } & {
-                    default: () => never[];
-                };
-                placeholder: {
-                    type: import("vue").PropType<string>;
-                    required: true;
                 } & {
                     default: string;
                 };
-                multiple: {
-                    type: import("vue").PropType<boolean>;
-                };
             }>> & {
+                "onUpdate:selected"?: ((value: import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[] | undefined) => any) | undefined;
                 onSearch?: ((value: string) => any) | undefined;
                 onCloseDropdown?: (() => any) | undefined;
-                "onUpdate:selected"?: ((value: {
-                    name: string;
-                    value: string;
-                } | {
-                    name: string;
-                    value: string;
-                }[]) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 closeDropdown: () => void;
             } & {
                 search: (value: string) => void;
             } & {
-                "update:selected": (value: {
-                    name: string;
-                    value: string;
-                } | {
-                    name: string;
-                    value: string;
-                }[]) => void;
+                "update:selected": (value: import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[] | undefined) => void;
             }, string, {
+                size: import("./components/forms/select/types").Size;
                 loading: boolean;
+                error: string | null;
+                placeholder: string;
+                options: import("./components/forms/select/types").Option[];
                 searchable: boolean;
                 closeOnSelect: boolean;
                 fetchOnSearch: boolean;
-                options: {
-                    name: string;
-                    value: string;
-                }[];
-                placeholder: string;
+                searchPlaceholder: string;
             }> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -2420,19 +1871,64 @@ export declare const components: {
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
+            required: {
+                type: import("vue").PropType<boolean | undefined>;
+                required: true;
+            };
+            size: {
+                type: import("vue").PropType<import("./components/forms/select/types").Size>;
+            } & {
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                default: boolean;
+            };
+            name: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
             error: {
+                type: import("vue").PropType<string | null>;
+            } & {
+                default: null;
+            };
+            rules: {
+                type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                    validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                    validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+                } | undefined>>;
+            };
+            selected: {
+                type: import("vue").PropType<import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[]>;
+            };
+            helperText: {
                 type: import("vue").PropType<string>;
             };
+            useField: {
+                type: import("vue").PropType<typeof import("vee-validate").useField>;
+            };
+            opts: {
+                type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/select/types").Option>>>;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+            } & {
+                default: string;
+            };
             ariaLabel: {
                 type: import("vue").PropType<string>;
             };
-            smallerWidth: {
-                type: import("vue").PropType<boolean>;
+            options: {
+                type: import("vue").PropType<import("./components/forms/select/types").Option[]>;
+                required: true;
+            } & {
+                default: () => never[];
             };
-            loading: {
+            multiple: {
                 type: import("vue").PropType<boolean>;
-            } & {
-                default: boolean;
             };
             searchable: {
                 type: import("vue").PropType<boolean>;
@@ -2451,44 +1947,13 @@ export declare const components: {
             };
             searchPlaceholder: {
                 type: import("vue").PropType<string>;
-            };
-            selected: {
-                type: import("vue").PropType<{
-                    name: string;
-                    value: string;
-                } | {
-                    name: string;
-                    value: string;
-                }[]>;
-            };
-            options: {
-                type: import("vue").PropType<{
-                    name: string;
-                    value: string;
-                }[]>;
-                required: true;
-            } & {
-                default: () => never[];
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                required: true;
             } & {
                 default: string;
             };
-            multiple: {
-                type: import("vue").PropType<boolean>;
-            };
         }>> & {
+            "onUpdate:selected"?: ((value: import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[] | undefined) => any) | undefined;
             onSearch?: ((value: string) => any) | undefined;
             onCloseDropdown?: (() => any) | undefined;
-            "onUpdate:selected"?: ((value: {
-                name: string;
-                value: string;
-            } | {
-                name: string;
-                value: string;
-            }[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -2504,19 +1969,64 @@ export declare const components: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
+        required: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: true;
+        };
+        size: {
+            type: import("vue").PropType<import("./components/forms/select/types").Size>;
+        } & {
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            default: boolean;
+        };
+        name: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
         error: {
+            type: import("vue").PropType<string | null>;
+        } & {
+            default: null;
+        };
+        rules: {
+            type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | import("vue").Ref<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<unknown> | import("vee-validate").GenericValidateFunction<unknown>[] | {
+                validate(value: unknown, options: Record<string, any>): Promise<unknown>;
+            } | undefined>>;
+        };
+        selected: {
+            type: import("vue").PropType<import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[]>;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+        };
+        useField: {
+            type: import("vue").PropType<typeof import("vee-validate").useField>;
+        };
+        opts: {
+            type: import("vue").PropType<Partial<import("vee-validate").FieldOptions<import("./components/forms/select/types").Option>>>;
+        };
+        placeholder: {
             type: import("vue").PropType<string>;
+        } & {
+            default: string;
         };
         ariaLabel: {
             type: import("vue").PropType<string>;
         };
-        smallerWidth: {
-            type: import("vue").PropType<boolean>;
+        options: {
+            type: import("vue").PropType<import("./components/forms/select/types").Option[]>;
+            required: true;
+        } & {
+            default: () => never[];
         };
-        loading: {
+        multiple: {
             type: import("vue").PropType<boolean>;
-        } & {
-            default: boolean;
         };
         searchable: {
             type: import("vue").PropType<boolean>;
@@ -2535,66 +2045,29 @@ export declare const components: {
         };
         searchPlaceholder: {
             type: import("vue").PropType<string>;
-        };
-        selected: {
-            type: import("vue").PropType<{
-                name: string;
-                value: string;
-            } | {
-                name: string;
-                value: string;
-            }[]>;
-        };
-        options: {
-            type: import("vue").PropType<{
-                name: string;
-                value: string;
-            }[]>;
-            required: true;
-        } & {
-            default: () => never[];
-        };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            required: true;
         } & {
             default: string;
         };
-        multiple: {
-            type: import("vue").PropType<boolean>;
-        };
     }>> & {
+        "onUpdate:selected"?: ((value: import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[] | undefined) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
         onCloseDropdown?: (() => any) | undefined;
-        "onUpdate:selected"?: ((value: {
-            name: string;
-            value: string;
-        } | {
-            name: string;
-            value: string;
-        }[]) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         closeDropdown: () => void;
     } & {
         search: (value: string) => void;
     } & {
-        "update:selected": (value: {
-            name: string;
-            value: string;
-        } | {
-            name: string;
-            value: string;
-        }[]) => void;
+        "update:selected": (value: import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[] | undefined) => void;
     }, string, {
+        size: import("./components/forms/select/types").Size;
         loading: boolean;
+        error: string | null;
+        placeholder: string;
+        options: import("./components/forms/select/types").Option[];
         searchable: boolean;
         closeOnSelect: boolean;
         fetchOnSearch: boolean;
-        options: {
-            name: string;
-            value: string;
-        }[];
-        placeholder: string;
+        searchPlaceholder: string;
     }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label: (_: {
@@ -2608,30 +2081,10 @@ export declare const components: {
                     toggleDropdown: () => void;
                 };
                 isOpen: boolean;
-                select: (selected: {
-                    name: string;
-                    value: string;
-                }) => void;
-                selected: {
-                    name: string;
-                    value: string;
-                } | {
-                    name: string;
-                    value: string;
-                }[] | undefined;
-            }) => any;
-            search: (_: {
-                filter: string;
-            }) => any;
-            default: (_: {
-                text: string;
-                value: string;
-                option: {
-                    name: string;
-                    value: string;
-                };
-                isSelected: boolean;
+                select: (selected: import("./components/forms/select/types").Option) => void;
+                selected: import("./components/forms/select/types").Option | import("./components/forms/select/types").Option[] | undefined;
             }) => any;
+            search: (_: {}) => any;
             'no-data': (_: {}) => any;
         };
     });
@@ -2661,8 +2114,8 @@ export declare const components: {
                     default: boolean;
                 };
             }>> & {
-                "onUpdate:selected"?: (() => any) | undefined;
                 onClose?: (() => any) | undefined;
+                "onUpdate:selected"?: (() => any) | undefined;
             } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "removable">;
             $attrs: {
                 [x: string]: unknown;
@@ -2675,7 +2128,7 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $emit: ((event: "update:selected") => void) & ((event: "close") => void);
+            $emit: ((event: "close") => void) & ((event: "update:selected") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 label: {
@@ -2697,8 +2150,8 @@ export declare const components: {
                     default: boolean;
                 };
             }>> & {
-                "onUpdate:selected"?: (() => any) | undefined;
                 onClose?: (() => any) | undefined;
+                "onUpdate:selected"?: (() => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 close: () => void;
             } & {
@@ -2745,8 +2198,8 @@ export declare const components: {
                 default: boolean;
             };
         }>> & {
-            "onUpdate:selected"?: (() => any) | undefined;
             onClose?: (() => any) | undefined;
+            "onUpdate:selected"?: (() => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -2771,8 +2224,8 @@ export declare const components: {
             default: boolean;
         };
     }>> & {
-        "onUpdate:selected"?: (() => any) | undefined;
         onClose?: (() => any) | undefined;
+        "onUpdate:selected"?: (() => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         close: () => void;
     } & {
@@ -2836,7 +2289,7 @@ export declare const components: {
                 disabled: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 title: string;
             }> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -2894,7 +2347,7 @@ export declare const components: {
         disabled: {
             type: import("vue").PropType<boolean>;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         title: string;
     }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -2954,7 +2407,7 @@ export declare const components: {
                 } & {
                     default: string;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 label: string;
                 position: ("bottom" | "top") | ("left" | "right");
             }> & {
@@ -3011,7 +2464,7 @@ export declare const components: {
         } & {
             default: string;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         label: string;
         position: ("bottom" | "top") | ("left" | "right");
     }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -3211,7 +2664,7 @@ export declare const components: {
                     type: import("vue").PropType<import("./components/menus/menu-item/menu-item-link/types").LinkData[]>;
                     required: true;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
                 beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -3259,7 +2712,7 @@ export declare const components: {
             type: import("vue").PropType<import("./components/menus/menu-item/menu-item-link/types").LinkData[]>;
             required: true;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label: (_: {
                 isOpen: boolean;
@@ -3275,4 +2728,4 @@ export declare const components: {
     });
 };
 export declare function install(App: App): void;
-export { SolButton, SolButtonDestructive, SolInput, SolTextarea, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolDropdown, SolSelect, SolChip, SolAccordion, SolMenu, SolMenuItemLink, SolMenuNavigationLinks, };
+export { SolButton, SolButtonDestructive, SolInputTextarea, SolInputText, SolInputTextPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolSelect, SolChip, SolAccordion, SolMenu, SolMenuItemLink, SolMenuNavigationLinks, };