maz-ui 4.0.0-beta.5 → 4.0.0-beta.6

package/dist/tailwindcss/variables/design-tokens.js

@@ -6,6 +6,9 @@ const designTokens = {
     lg: "calc(var(--maz-radius) + 4px)",
     xl: "calc(var(--maz-radius) + 8px)"
   },
+  borderColor: {
+    DEFAULT: "hsl(var(--maz-border) / <alpha-value>)"
+  },
   // Bordures
   borderWidth: {
     DEFAULT: "var(--maz-border-width)",

package/dist/types/components/MazAccordion.vue.d.ts

@@ -3,7 +3,20 @@ export interface MazAccordionProps {
     modelValue?: number;
     contentClass?: unknown;
 }
-declare function __VLS_template(): any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`title-${number}`, (_: {
+        isOpen: boolean;
+    }) => any>> & Partial<Record<`content-${number}`, (_: {
+        isOpen: boolean;
+    }) => any>> & {
+        content?(_: {
+            isOpen: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MazAccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:model-value": (...args: any[]) => void;
@@ -13,7 +26,7 @@ declare const __VLS_component: import('vue').DefineComponent<MazAccordionProps,
     id: string;
     modelValue: number;
     contentClass: undefined;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/components/MazCheckbox.vue.d.ts

@@ -30,12 +30,6 @@ export interface MazCheckboxProps<T = boolean | (string | number)[]> {
     warning?: boolean;
     /** The hint text to display below the input. */
     hint?: string;
-    /**
-     * The tabindex of the checkbox
-     * @default 0
-     * @type {HTMLAttributes['tabindex']}
-     */
-    tabindex?: HTMLAttributes['tabindex'];
 }
 declare const _default: <T extends boolean | (string | number)[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

package/dist/types/components/MazDatePicker.vue.d.ts

@@ -275,7 +275,7 @@ declare function __VLS_template(): {
                 readonly trapFocus?: boolean | undefined;
                 readonly keepOpenOnHover?: boolean | undefined;
                 readonly block?: boolean | undefined;
-                readonly positionDelay?: number | undefined;
+                readonly positionReference?: (string | HTMLElement) | undefined;
                 readonly onClose?: (() => any) | undefined;
                 readonly onToggle?: ((value: boolean) => any) | undefined;
                 readonly onOpen?: (() => any) | undefined;
@@ -338,11 +338,7 @@ declare function __VLS_template(): {
             };
             $forceUpdate: () => void;
             $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /**
-             * CSS selector for a custom element that triggers the picker
-             * @type {string}
-             * @example '#my-button', '.trigger-class'
-             */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{
             modelValue?: boolean;
         } & MazPopoverProps> & Readonly<{
@@ -443,7 +439,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly trapFocus?: boolean | undefined;
             readonly keepOpenOnHover?: boolean | undefined;
             readonly block?: boolean | undefined;
-            readonly positionDelay?: number | undefined;
+            readonly positionReference?: (string | HTMLElement) | undefined;
             readonly onClose?: (() => any) | undefined;
             readonly onToggle?: ((value: boolean) => any) | undefined;
             readonly onOpen?: (() => any) | undefined;
@@ -506,11 +502,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         };
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /**
-         * CSS selector for a custom element that triggers the picker
-         * @type {string}
-         * @example '#my-button', '.trigger-class'
-         */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<{
         modelValue?: boolean;
     } & MazPopoverProps> & Readonly<{

package/dist/types/components/MazInputNumber.vue.d.ts

@@ -119,7 +119,7 @@ declare const _default: import('vue').DefineComponent<MazInputNumberProps, {}, {
     step: number;
     min: number;
     max: number;
-    inputmode: "search" | "text" | "none" | "email" | "tel" | "decimal" | "url" | "numeric";
+    inputmode: "search" | "text" | "none" | "decimal" | "numeric" | "email" | "url" | "tel";
     textCenter: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/MazPopover.vue.d.ts

@@ -155,11 +155,14 @@ export interface MazPopoverProps {
      */
     block?: boolean;
     /**
-     * Delay before setting the position in milliseconds
-     * @description Useful when the popover content is not immediately visible or rendered
-     * @default 50
+     * CSS selector or element reference to use for positioning calculations
+     * @description When provided, the popover will position relative to this element instead of the trigger
+     * Useful for components with labels where you want to position relative to the actual input
+     * @type {string | HTMLElement}
+     * @default undefined
+     * @example "input" or "#my-input" or HTMLElement
      */
-    positionDelay?: number;
+    positionReference?: string | HTMLElement;
 }
 declare function updatePosition(): void;
 declare function open(): void;

package/dist/types/components/MazStepper.vue.d.ts

@@ -33,13 +33,24 @@ export interface MazStepperProps {
     /** Allow to close the steps */
     canCloseSteps?: boolean;
 }
-declare function __VLS_template(): any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`icon-${number}`, (_: {}) => any>> & Partial<Record<`title-${number}`, (_: {}) => any>> & Partial<Record<`subtitle-${number}`, (_: {}) => any>> & Partial<Record<`title-info-${number}`, (_: {}) => any>> & Partial<Record<`content-${number}`, (_: {
+        validated: boolean;
+        error: boolean | undefined;
+        warning: boolean | undefined;
+        nextStep: () => void;
+        previousStep: () => void;
+    }) => any>>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MazStepperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:model-value": (value: number) => any;
 }, string, import('vue').PublicProps, Readonly<MazStepperProps> & Readonly<{
     "onUpdate:model-value"?: ((value: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/types/components/MazTable.vue.d.ts

@@ -244,10 +244,71 @@ declare const _default: <T extends MazTableRow<T>>(__VLS_props: NonNullable<Awai
         readonly "onUpdate:search-query"?: ((searchQuery: string | undefined) => any) | undefined;
         readonly "onUpdate:page"?: ((page: number) => any) | undefined;
         readonly "onUpdate:page-size"?: ((pageSize: number) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:search-query" | "onUpdate:page" | "onUpdate:page-size"> & MazTableProps<T> & any> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:search-query" | "onUpdate:page" | "onUpdate:page-size"> & MazTableProps<T> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: any;
+    slots: Partial<Record<`header-label-${string}`, (_: {
+        header: {
+            label: string;
+            key?: string | undefined;
+            sortable?: boolean | undefined;
+            hidden?: boolean | undefined;
+            srOnly?: boolean | undefined;
+            width?: string | undefined;
+            maxWidth?: string | undefined;
+            classes?: ThHTMLAttributes["class"];
+            scope?: string | undefined;
+            align?: "justify" | "center" | "left" | "right" | "char" | undefined;
+            rowspan?: (string | number) | undefined;
+            colspan?: (string | number) | undefined;
+            headers?: string | undefined;
+            thHeaders?: string | undefined;
+            sorted?: "ASC" | "DESC" | undefined;
+        };
+        label: string;
+    }) => any>> & Partial<Record<`cell-${string}`, (_: {
+        row: T;
+        value: any;
+    }) => any>> & {
+        title?(_: {}): any;
+        caption?(_: {}): any;
+        thead?(_: {}): any;
+        header?(_: {
+            header: {
+                label: string;
+                key?: string | undefined;
+                sortable?: boolean | undefined;
+                hidden?: boolean | undefined;
+                srOnly?: boolean | undefined;
+                width?: string | undefined;
+                maxWidth?: string | undefined;
+                classes?: ThHTMLAttributes["class"];
+                scope?: string | undefined;
+                align?: "justify" | "center" | "left" | "right" | "char" | undefined;
+                rowspan?: (string | number) | undefined;
+                colspan?: (string | number) | undefined;
+                headers?: string | undefined;
+                thHeaders?: string | undefined;
+                sorted?: "ASC" | "DESC" | undefined;
+            };
+            label: string;
+        }): any;
+        'actions-header'?(_: {}): any;
+        default?(_: {}): any;
+        select?(_: {
+            row: T;
+            selected: boolean | undefined;
+        }): any;
+        cell?(_: {
+            row: T;
+            value: any;
+        }): any;
+        actions?(_: {
+            row: T;
+        }): any;
+        'no-results'?(_: {}): any;
+        'no-results-text'?(_: {}): any;
+    };
     emit: {
         (event: "update:model-value", value: (MazTableRow<T> | string | number | boolean)[] | undefined): void;
         (event: "update:search-query", searchQuery: string | undefined): void;

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

@@ -39,7 +39,7 @@ export type { MazDialogPromiseButton, MazDialogPromiseData, MazDialogPromiseProp
 export { default as MazDrawer } from './MazDrawer.vue';
 export type { MazDrawerProps } from './MazDrawer.vue';
 export { default as MazDropdown } from './MazDropdown.vue';
-export type { MazDropdownProps } from './MazDropdown.vue';
+export type { MazDropdownMenuItem, MazDropdownProps } from './MazDropdown.vue';
 export { default as MazDropzone } from './MazDropzone.vue';
 export type { MazDropzoneErrorCode, MazDropzoneFileData, MazDropzoneProps } from './MazDropzone.vue';
 export { default as MazExpandAnimation } from './MazExpandAnimation.vue';

package/dist/types/composables/index.d.ts

@@ -4,7 +4,7 @@ export * from './useDialog';
 export * from './useDisplayNames';
 export * from './useFormField';
 export * from './useFormValidator';
-export * from './useFormValidator/types';
+export type { FieldsStates, FieldState, FormFieldOptions, FormSchema, FormValidatorOptions, InferOutputSchemaFormValidator, InferSchemaFormValidator } from './useFormValidator/types';
 export * from './useFreezeValue';
 export * from './useIdleTimeout';
 export * from './useInjectStrict';

package/dist/types/composables/useDisplayNames.d.ts

@@ -2,7 +2,7 @@ import { MaybeRefOrGetter } from 'vue';
 declare const bcp47Codes: readonly ["af-ZA", "sq-AL", "ar-DZ", "ar-BH", "ar-EG", "ar-IQ", "ar-JO", "ar-KW", "ar-LB", "ar-LY", "ar-MA", "ar-OM", "ar-QA", "ar-SA", "ar-SY", "ar-TN", "ar-AE", "ar-YE", "hy-AM", "Cy-az-AZ", "Lt-az-AZ", "eu-ES", "be-BY", "bg-BG", "ca-ES", "zh-CN", "zh-HK", "zh-MO", "zh-SG", "zh-TW", "zh-CHS", "zh-CHT", "hr-HR", "cs-CZ", "da-DK", "div-MV", "nl-BE", "nl-NL", "en-AU", "en-BZ", "en-CA", "en-CB", "en-IE", "en-JM", "en-NZ", "en-PH", "en-ZA", "en-TT", "en-GB", "en-US", "en-ZW", "et-EE", "fo-FO", "fa-IR", "fi-FI", "fr-BE", "fr-CA", "fr-FR", "fr-LU", "fr-MC", "fr-CH", "gl-ES", "ka-GE", "de-AT", "de-DE", "de-LI", "de-LU", "de-CH", "el-GR", "gu-IN", "he-IL", "hi-IN", "hu-HU", "is-IS", "id-ID", "it-IT", "it-CH", "ja-JP", "kn-IN", "kk-KZ", "kok-IN", "ko-KR", "ky-KZ", "lv-LV", "lt-LT", "mk-MK", "ms-BN", "ms-MY", "mr-IN", "mn-MN", "nb-NO", "nn-NO", "pl-PL", "pt-BR", "pt-PT", "pa-IN", "ro-RO", "ru-RU", "sa-IN", "Cy-sr-SP", "Lt-sr-SP", "sk-SK", "sl-SI", "es-AR", "es-BO", "es-CL", "es-CO", "es-CR", "es-DO", "es-EC", "es-SV", "es-GT", "es-HN", "es-MX", "es-NI", "es-PA", "es-PY", "es-PE", "es-PR", "es-ES", "es-UY", "es-VE", "sw-KE", "sv-FI", "sv-SE", "syr-SY", "ta-IN", "tt-RU", "te-IN", "th-TH", "tr-TR", "uk-UA", "ur-PK", "Cy-uz-UZ", "Lt-uz-UZ", "vi-VN"];
 declare const countryCodes: readonly ["AA", "AC", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ", "BR", "BS", "BT", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES", "ET", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GT", "GU", "GW", "GY", "HK", "HN", "HR", "HT", "HU", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TA", "TC", "TD", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VI", "VN", "VU", "WF", "WS", "XK", "YE", "YT", "ZA", "ZM", "ZW"];
 declare const iso6391Codes: readonly ["aa", "ab", "ae", "af", "ak", "am", "an", "ar", "as", "av", "ay", "az", "ba", "be", "bg", "bh", "bi", "bm", "bn", "bo", "br", "bs", "ca", "ce", "ch", "co", "cr", "cs", "cu", "cv", "cy", "da", "de", "dv", "dz", "ee", "el", "en", "eo", "es", "et", "eu", "fa", "ff", "fi", "fj", "fo", "fr", "fy", "ga", "gd", "gl", "gn", "gu", "gv", "ha", "he", "hi", "ho", "hr", "ht", "hu", "hy", "hz", "ia", "id", "ie", "ig", "ii", "ik", "io", "is", "it", "iu", "ja", "jv", "ka", "kg", "ki", "kj", "kk", "kl", "km", "kn", "ko", "kr", "ks", "ku", "kv", "kw", "ky", "la", "lb", "lg", "li", "ln", "lo", "lt", "lu", "lv", "mg", "mh", "mi", "mk", "ml", "mn", "mr", "ms", "mt", "my", "na", "nb", "nd", "ne", "ng", "nl", "nn", "no", "nr", "nv", "ny", "oc", "oj", "om", "or", "os", "pa", "pi", "pl", "ps", "pt", "qu", "rm", "rn", "ro", "ru", "rw", "sa", "sc", "sd", "se", "sg", "si", "sk", "sl", "sm", "sn", "so", "sq", "sr", "ss", "st", "su", "sv", "sw", "ta", "te", "tg", "th", "ti", "tk", "tl", "tn", "to", "tr", "ts", "tt", "tw", "ty", "ug", "uk", "ur", "uz", "ve", "vi", "vo", "wa", "wo", "xh", "yi", "yo", "za", "zh", "zu"];
-declare const displayNamesCodes: ("sm" | "lg" | "br" | "hr" | "li" | "th" | "tr" | "to" | "mi" | "mn" | "ms" | "tt" | "el" | "is" | "ae" | "af" | "am" | "ar" | "as" | "az" | "ba" | "be" | "bg" | "bh" | "bi" | "bm" | "bn" | "bo" | "bs" | "ca" | "ch" | "co" | "cr" | "cu" | "cv" | "cy" | "de" | "dz" | "ee" | "es" | "et" | "eu" | "fi" | "fj" | "fo" | "fr" | "ga" | "gd" | "gl" | "gn" | "gu" | "ht" | "hu" | "id" | "ie" | "io" | "it" | "kg" | "ki" | "km" | "kn" | "kr" | "kw" | "ky" | "la" | "lb" | "lt" | "lu" | "lv" | "mg" | "mh" | "mk" | "ml" | "mr" | "mt" | "my" | "na" | "ne" | "ng" | "nl" | "no" | "nr" | "om" | "pa" | "pl" | "ps" | "pt" | "ro" | "ru" | "rw" | "sa" | "sc" | "sd" | "se" | "sg" | "si" | "sk" | "sl" | "sn" | "so" | "sr" | "ss" | "st" | "sv" | "tg" | "tk" | "tl" | "tn" | "tw" | "ug" | "uz" | "ve" | "vi" | "za" | "af-ZA" | "sq-AL" | "ar-DZ" | "ar-BH" | "ar-EG" | "ar-IQ" | "ar-JO" | "ar-KW" | "ar-LB" | "ar-LY" | "ar-MA" | "ar-OM" | "ar-QA" | "ar-SA" | "ar-SY" | "ar-TN" | "ar-AE" | "ar-YE" | "hy-AM" | "Cy-az-AZ" | "Lt-az-AZ" | "eu-ES" | "be-BY" | "bg-BG" | "ca-ES" | "zh-CN" | "zh-HK" | "zh-MO" | "zh-SG" | "zh-TW" | "zh-CHS" | "zh-CHT" | "hr-HR" | "cs-CZ" | "da-DK" | "div-MV" | "nl-BE" | "nl-NL" | "en-AU" | "en-BZ" | "en-CA" | "en-CB" | "en-IE" | "en-JM" | "en-NZ" | "en-PH" | "en-ZA" | "en-TT" | "en-GB" | "en-US" | "en-ZW" | "et-EE" | "fo-FO" | "fa-IR" | "fi-FI" | "fr-BE" | "fr-CA" | "fr-FR" | "fr-LU" | "fr-MC" | "fr-CH" | "gl-ES" | "ka-GE" | "de-AT" | "de-DE" | "de-LI" | "de-LU" | "de-CH" | "el-GR" | "gu-IN" | "he-IL" | "hi-IN" | "hu-HU" | "is-IS" | "id-ID" | "it-IT" | "it-CH" | "ja-JP" | "kn-IN" | "kk-KZ" | "kok-IN" | "ko-KR" | "ky-KZ" | "lv-LV" | "lt-LT" | "mk-MK" | "ms-BN" | "ms-MY" | "mr-IN" | "mn-MN" | "nb-NO" | "nn-NO" | "pl-PL" | "pt-BR" | "pt-PT" | "pa-IN" | "ro-RO" | "ru-RU" | "sa-IN" | "Cy-sr-SP" | "Lt-sr-SP" | "sk-SK" | "sl-SI" | "es-AR" | "es-BO" | "es-CL" | "es-CO" | "es-CR" | "es-DO" | "es-EC" | "es-SV" | "es-GT" | "es-HN" | "es-MX" | "es-NI" | "es-PA" | "es-PY" | "es-PE" | "es-PR" | "es-ES" | "es-UY" | "es-VE" | "sw-KE" | "sv-FI" | "sv-SE" | "syr-SY" | "ta-IN" | "tt-RU" | "te-IN" | "th-TH" | "tr-TR" | "uk-UA" | "ur-PK" | "Cy-uz-UZ" | "Lt-uz-UZ" | "vi-VN" | "AA" | "AC" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TA" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW" | "aa" | "ab" | "ak" | "an" | "av" | "ay" | "ce" | "cs" | "da" | "dv" | "en" | "eo" | "fa" | "ff" | "fy" | "gv" | "ha" | "he" | "hi" | "ho" | "hy" | "hz" | "ia" | "ig" | "ii" | "ik" | "iu" | "ja" | "jv" | "ka" | "kj" | "kk" | "kl" | "ko" | "ks" | "ku" | "kv" | "ln" | "lo" | "nb" | "nd" | "nn" | "nv" | "ny" | "oc" | "oj" | "or" | "os" | "pi" | "qu" | "rm" | "rn" | "sq" | "su" | "sw" | "ta" | "te" | "ti" | "ts" | "ty" | "uk" | "ur" | "vo" | "wa" | "wo" | "xh" | "yi" | "yo" | "zh" | "zu")[];
+declare const displayNamesCodes: ("sm" | "lg" | "br" | "hr" | "li" | "th" | "tr" | "to" | "mi" | "mn" | "ms" | "tt" | "el" | "ae" | "af" | "am" | "ar" | "as" | "az" | "ba" | "be" | "bg" | "bh" | "bi" | "bm" | "bn" | "bo" | "bs" | "ca" | "ch" | "co" | "cr" | "cu" | "cv" | "cy" | "de" | "dz" | "ee" | "es" | "et" | "eu" | "fi" | "fj" | "fo" | "fr" | "ga" | "gd" | "gl" | "gn" | "gu" | "ht" | "hu" | "id" | "ie" | "io" | "is" | "it" | "kg" | "ki" | "km" | "kn" | "kr" | "kw" | "ky" | "la" | "lb" | "lt" | "lu" | "lv" | "mg" | "mh" | "mk" | "ml" | "mr" | "mt" | "my" | "na" | "ne" | "ng" | "nl" | "no" | "nr" | "om" | "pa" | "pl" | "ps" | "pt" | "ro" | "ru" | "rw" | "sa" | "sc" | "sd" | "se" | "sg" | "si" | "sk" | "sl" | "sn" | "so" | "sr" | "ss" | "st" | "sv" | "tg" | "tk" | "tl" | "tn" | "tw" | "ug" | "uz" | "ve" | "vi" | "za" | "af-ZA" | "sq-AL" | "ar-DZ" | "ar-BH" | "ar-EG" | "ar-IQ" | "ar-JO" | "ar-KW" | "ar-LB" | "ar-LY" | "ar-MA" | "ar-OM" | "ar-QA" | "ar-SA" | "ar-SY" | "ar-TN" | "ar-AE" | "ar-YE" | "hy-AM" | "Cy-az-AZ" | "Lt-az-AZ" | "eu-ES" | "be-BY" | "bg-BG" | "ca-ES" | "zh-CN" | "zh-HK" | "zh-MO" | "zh-SG" | "zh-TW" | "zh-CHS" | "zh-CHT" | "hr-HR" | "cs-CZ" | "da-DK" | "div-MV" | "nl-BE" | "nl-NL" | "en-AU" | "en-BZ" | "en-CA" | "en-CB" | "en-IE" | "en-JM" | "en-NZ" | "en-PH" | "en-ZA" | "en-TT" | "en-GB" | "en-US" | "en-ZW" | "et-EE" | "fo-FO" | "fa-IR" | "fi-FI" | "fr-BE" | "fr-CA" | "fr-FR" | "fr-LU" | "fr-MC" | "fr-CH" | "gl-ES" | "ka-GE" | "de-AT" | "de-DE" | "de-LI" | "de-LU" | "de-CH" | "el-GR" | "gu-IN" | "he-IL" | "hi-IN" | "hu-HU" | "is-IS" | "id-ID" | "it-IT" | "it-CH" | "ja-JP" | "kn-IN" | "kk-KZ" | "kok-IN" | "ko-KR" | "ky-KZ" | "lv-LV" | "lt-LT" | "mk-MK" | "ms-BN" | "ms-MY" | "mr-IN" | "mn-MN" | "nb-NO" | "nn-NO" | "pl-PL" | "pt-BR" | "pt-PT" | "pa-IN" | "ro-RO" | "ru-RU" | "sa-IN" | "Cy-sr-SP" | "Lt-sr-SP" | "sk-SK" | "sl-SI" | "es-AR" | "es-BO" | "es-CL" | "es-CO" | "es-CR" | "es-DO" | "es-EC" | "es-SV" | "es-GT" | "es-HN" | "es-MX" | "es-NI" | "es-PA" | "es-PY" | "es-PE" | "es-PR" | "es-ES" | "es-UY" | "es-VE" | "sw-KE" | "sv-FI" | "sv-SE" | "syr-SY" | "ta-IN" | "tt-RU" | "te-IN" | "th-TH" | "tr-TR" | "uk-UA" | "ur-PK" | "Cy-uz-UZ" | "Lt-uz-UZ" | "vi-VN" | "AA" | "AC" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TA" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW" | "aa" | "ab" | "ak" | "an" | "av" | "ay" | "ce" | "cs" | "da" | "dv" | "en" | "eo" | "fa" | "ff" | "fy" | "gv" | "ha" | "he" | "hi" | "ho" | "hy" | "hz" | "ia" | "ig" | "ii" | "ik" | "iu" | "ja" | "jv" | "ka" | "kj" | "kk" | "kl" | "ko" | "ks" | "ku" | "kv" | "ln" | "lo" | "nb" | "nd" | "nn" | "nv" | "ny" | "oc" | "oj" | "or" | "os" | "pi" | "qu" | "rm" | "rn" | "sq" | "su" | "sw" | "ta" | "te" | "ti" | "ts" | "ty" | "uk" | "ur" | "vo" | "wa" | "wo" | "xh" | "yi" | "yo" | "zh" | "zu")[];
 export type Bcp47Code = (typeof bcp47Codes)[number];
 export type Iso6391Code = (typeof iso6391Codes)[number];
 export type CountryCode = (typeof countryCodes)[number];
@@ -34,8 +34,8 @@ type GetAllDisplayNamesOptions<T extends CodesType> = MaybeRefOrGetter<{
 } & DynamicDisplayNamesOptions>;
 type CodeResult<T extends CodesType> = T extends 'iso' ? Iso6391Code : T extends 'bcp' ? Bcp47Code : T extends 'country' ? CountryCode : DisplayNameCode | string;
 export declare function useDisplayNames(mainLocale?: MaybeRefOrGetter<string | DisplayNameCode>): {
-    getDisplayName: (code: Parameters<typeof getDisplayName>[0], options: GetDisplayNameOptions) => import('vue').ComputedRef<string | undefined>;
-    getAllDisplayNames: <T extends CodesType>(options: GetAllDisplayNamesOptions<T>) => import('vue').ComputedRef<{
+    getDisplayName: (code: Parameters<typeof getDisplayName>[0], options?: GetDisplayNameOptions) => import('vue').ComputedRef<string | undefined>;
+    getAllDisplayNames: <T extends CodesType>(options?: GetAllDisplayNamesOptions<T>) => import('vue').ComputedRef<{
         name: string;
         code: CodeResult<T>;
     }[] | undefined>;

package/dist/types/composables/useFormField.d.ts

@@ -1,56 +1,18 @@
+import { BaseFormPayload, ExtractModelKey, FormFieldOptions, FormSchema, InferSchemaFormValidator, ValidationIssues } from './useFormValidator/types';
 import { ComputedRef, WritableComputedRef } from 'vue';
-import { BaseFormPayload, ExtractModelKey, FormFieldOptions, FormSchema, ValidationIssues } from '../composables/useFormValidator/types';
-import { getValidationEvents } from '../composables/useFormValidator/utils';
+import { getValidationEvents } from './useFormValidator/dom-events';
 interface UseFormFieldReturn<FieldType> {
-    /**
-     * Indicates if the field has an error
-     */
     hasError: ComputedRef<boolean>;
-    /**
-     * Errors of the field
-     */
     errors: ComputedRef<ValidationIssues>;
-    /**
-     * Error message of the field
-     * It's the first error of the field
-     */
     errorMessage: ComputedRef<string | undefined>;
-    /**
-     * Indicates if the field is valid
-     */
     isValid: ComputedRef<boolean>;
-    /**
-     * Indicates if the field has been modified
-     */
     isDirty: ComputedRef<boolean>;
-    /**
-     * Indicates if the field has been blurred
-     */
     isBlurred: ComputedRef<boolean>;
-    /**
-     * Indicates if the field has been validated
-     */
     isValidated: ComputedRef<boolean>;
-    /**
-     * Indicates if the field is validating
-     */
     isValidating: ComputedRef<boolean>;
-    /**
-     * Validation mode of the field
-     */
     mode: ComputedRef<FormFieldOptions<FieldType>['mode']>;
-    /**
-     * Value of the field
-     */
     value: WritableComputedRef<FieldType>;
-    /**
-     * Validation events of the field
-     */
     validationEvents: ComputedRef<ReturnType<typeof getValidationEvents>>;
-    /**
-     * Function to handle the blur event of the field
-     */
-    onBlur: () => void;
 }
-export declare function useFormField<FieldType extends Model[ExtractModelKey<FormSchema<Model>>], Model extends BaseFormPayload = BaseFormPayload>(name: ExtractModelKey<FormSchema<Model>>, options?: FormFieldOptions<FieldType>): UseFormFieldReturn<FieldType>;
+export declare function useFormField<TSchema extends FormSchema<BaseFormPayload>, TName extends ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>> = ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>>(name: TName, options?: FormFieldOptions<InferSchemaFormValidator<TSchema>[TName]>): UseFormFieldReturn<InferSchemaFormValidator<TSchema>[TName]>;
 export {};

package/dist/types/composables/useFormValidator/dom-events.d.ts

@@ -0,0 +1,19 @@
+import { BaseFormPayload, FieldState, StrictOptions } from './types';
+export declare function scrollToError(selector?: string): void;
+export declare function findInteractiveElements(el: HTMLElement): HTMLElement[];
+export declare function addEventToInteractiveElements({ interactiveElements, onBlur, mode, }: {
+    interactiveElements: HTMLElement[];
+    onBlur: () => void;
+    mode: StrictOptions['mode'];
+}): void;
+export declare function removeEventFromInteractiveElements({ interactiveElements, onBlur, }: {
+    interactiveElements: HTMLElement[];
+    onBlur: () => void;
+}): void;
+export declare function getValidationEvents<Model extends BaseFormPayload>({ hasRef, fieldState, onBlur, }: {
+    hasRef?: boolean;
+    fieldState: FieldState<Model>;
+    onBlur: () => void;
+}): {
+    onBlur: () => void;
+} | undefined;

package/dist/types/composables/useFormValidator/state-management.d.ts

@@ -0,0 +1,54 @@
+import { InjectionKey } from 'vue';
+import { BaseFormPayload, CustomInstance, ExtractModelKey, FieldsStates, FieldState, FormContext, FormFieldOptions, FormSchema, StrictOptions } from './types';
+export declare function getFieldState<Model extends BaseFormPayload = BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>({ name, schema, initialValue, fieldState, options, }: {
+    name: ModelKey;
+    schema?: FormSchema<Model>;
+    initialValue?: Model[ModelKey];
+    fieldState: FieldState<Model>;
+    options?: Pick<StrictOptions<Model>, 'debouncedFields' | 'throttledFields' | 'mode'>;
+}): FieldState<Model>;
+export declare function fieldHasValidation<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>>>(field: ModelKey, schema: FormSchema<Model>): boolean;
+export declare function getFieldsStates<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>({ schema, payload, options, }: {
+    schema: FormSchema<Model>;
+    payload: Partial<Model>;
+    options: StrictOptions<Model>;
+}): FieldsStates<Model>;
+export declare function updateFieldsStates<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>({ fieldsStates, payload, schema, options, updateMode, }: {
+    fieldsStates: FieldsStates<Model>;
+    payload: Model;
+    schema: FormSchema<Model>;
+    options: StrictOptions<Model>;
+    updateMode?: boolean;
+}): void;
+export declare function updateFieldState<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>({ name, fieldState, payload, schema, options, updateMode, }: {
+    name: ModelKey;
+    fieldState: FieldState<Model>;
+    payload: Model;
+    schema: FormSchema<Model>;
+    options: FormFieldOptions<Model[ModelKey]> & StrictOptions<Model>;
+    updateMode?: boolean;
+}): FieldState<Model>;
+export declare function canExecuteValidation<Model extends BaseFormPayload>({ eventName, fieldState, isSubmitted, }: {
+    eventName: 'blur' | 'input';
+    fieldState: FieldState<Model>;
+    isSubmitted: boolean;
+}): boolean;
+export declare function handleFieldBlur<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>({ name, force, payload, fieldState, schema, isSubmitted, }: {
+    name: ModelKey;
+    payload: Model;
+    fieldState: FieldState<Model>;
+    schema: FormSchema<Model>;
+    isSubmitted: boolean;
+    force?: boolean;
+}): Promise<void> | undefined;
+export declare function handleFieldInput<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>({ name, payload, fieldState, schema, isSubmitted, forceValidation, }: {
+    name: ModelKey;
+    payload: Model;
+    fieldState: FieldState<Model>;
+    schema: FormSchema<Model>;
+    isSubmitted: boolean;
+    forceValidation?: boolean;
+}): Promise<void> | undefined;
+export declare function hasModeIncludes(modes: StrictOptions['mode'][], value?: StrictOptions['mode']): value is StrictOptions['mode'];
+export declare function getInstance<Model extends BaseFormPayload>(composableName: string): CustomInstance<Model>;
+export declare function getContext<Model extends BaseFormPayload>(identifier: string | symbol | InjectionKey<FormContext<Model>>, composableName: string): FormContext<Model, Extract<keyof { [K in Extract<keyof Model, string> as Model[K] extends Required<Model>[K] ? K : never]: import('./types').Validation; }, string> | Extract<keyof { [K_1 in Extract<keyof Model, string> as Model[K_1] extends Required<Model>[K_1] ? never : K_1]?: import('./types').Validation | undefined; }, string>>;

package/dist/types/composables/useFormValidator/types.d.ts

@@ -1,15 +1,11 @@
-import { DeepPartial } from '@maz-ui/utils/src/ts-helpers/DeepPartial.js';
-import { BaseIssue, BaseSchema, BaseSchemaAsync, InferIssue, InferOutput, objectAsync } from 'valibot';
-import { ComponentInternalInstance, ComponentPublicInstance, InjectionKey, MaybeRef, Ref } from 'vue';
-import { useFormField } from './../useFormField';
-import { useFormValidator } from './../useFormValidator';
-import { getValidateFunction } from './utils';
-export type ValidationSync = BaseSchema<unknown, unknown, BaseIssue<unknown>>;
-export type ValidationAsync = ValidationSync | BaseSchemaAsync<unknown, unknown, BaseIssue<unknown>>;
-export type Validation = ValidationAsync;
+import { DeepPartial } from '@maz-ui/utils/src/index.js';
+import { BaseIssue, BaseSchema, BaseSchemaAsync, InferInput, InferIssue, InferOutput, objectAsync } from 'valibot';
+import { ComponentInternalInstance, ComponentPublicInstance, InjectionKey, Ref, TemplateRef } from 'vue';
+import { getValidateFunction } from './validation';
+export type Validation = BaseSchema<unknown, unknown, BaseIssue<unknown>> | BaseSchemaAsync<unknown, unknown, BaseIssue<unknown>>;
 export type ValidationIssues = InferIssue<Validation>[];
 export type ExtractModelKey<T> = Extract<keyof T, string>;
-export type FormSchema<Model> = {
+export type FormSchema<Model = BaseFormPayload> = {
     [K in Extract<keyof Model, string> as Model[K] extends Required<Model>[K] ? K : never]: Validation;
 } & {
     [K in Extract<keyof Model, string> as Model[K] extends Required<Model>[K] ? never : K]?: Validation;
@@ -91,7 +87,7 @@ export interface FormFieldOptions<FieldType> {
      * Reference to the component or HTML element to associate and trigger validation events
      * Necessary for 'eager', 'progressive' and 'blur' validation modes
      */
-    ref?: Ref<HTMLElement | ComponentPublicInstance | undefined>;
+    ref?: Ref<HTMLElement | ComponentPublicInstance | undefined | null> | TemplateRef<HTMLElement | ComponentPublicInstance | undefined | null>;
     /**
      * Identifier for the form
      * Useful when you have multiple forms on the same component
@@ -99,12 +95,5 @@ export interface FormFieldOptions<FieldType> {
      */
     formIdentifier?: string | symbol;
 }
-export type UseFormValidator<Model extends BaseFormPayload = BaseFormPayload> = typeof useFormValidator<Model>;
-export interface UseFormValidatorParams<Model extends BaseFormPayload> {
-    schema: MaybeRef<FormSchema<Model>>;
-    defaultValues?: MaybeRef<DeepPartial<Model> | undefined | null>;
-    model?: Ref<DeepPartial<Model> | undefined | null>;
-    options?: FormValidatorOptions<Model>;
-}
-export type UseFormField<FieldType extends Model[ExtractModelKey<FormSchema<Model>>], Model extends BaseFormPayload = BaseFormPayload> = typeof useFormField<FieldType, Model>;
-export type InferSchemaFormValidator<T> = T extends Ref<infer U> ? U extends Record<string, Validation> ? InferOutput<ReturnType<typeof objectAsync<U>>> : never : T extends Record<string, Validation> ? InferOutput<ReturnType<typeof objectAsync<T>>> : never;
+export type InferSchemaFormValidator<T> = T extends Ref<infer U> ? U extends FormSchema<BaseFormPayload> ? DeepPartial<InferInput<ReturnType<typeof objectAsync<U>>>> : never : T extends (...args: any[]) => FormSchema<BaseFormPayload> ? DeepPartial<InferInput<ReturnType<typeof objectAsync<ReturnType<T>>>>> : T extends FormSchema<BaseFormPayload> ? DeepPartial<InferInput<ReturnType<typeof objectAsync<T>>>> : never;
+export type InferOutputSchemaFormValidator<T> = T extends Ref<infer U> ? U extends FormSchema<BaseFormPayload> ? InferOutput<ReturnType<typeof objectAsync<U>>> : never : T extends (...args: any[]) => FormSchema<BaseFormPayload> ? InferOutput<ReturnType<typeof objectAsync<ReturnType<T>>>> : T extends FormSchema<BaseFormPayload> ? InferOutput<ReturnType<typeof objectAsync<T>>> : never;

package/dist/types/composables/useFormValidator/validation.d.ts

@@ -0,0 +1,43 @@
+import { BaseFormPayload, ExtractModelKey, FieldsStates, FieldState, FormSchema, StrictOptions, ValidationIssues } from './types';
+export declare function isEmptyValue(value: unknown): value is null | undefined | '';
+export declare function getValibotValidationMethod<MethodName extends keyof typeof import('valibot')>(methodName: MethodName): Promise<(typeof import('valibot'))[MethodName]>;
+export declare function getValidationSchema<Model extends BaseFormPayload>(formSchema: FormSchema<Model>): Promise<import('valibot').ObjectSchemaAsync<FormSchema<Model>, undefined>>;
+export declare function getFieldValidationResult<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>(name: ModelKey, schema: FormSchema<Model>, value: Model[ModelKey]): Promise<{
+    result: import('valibot').SafeParseResult<FormSchema<Model>[ModelKey]>;
+    isValid: boolean;
+}>;
+export declare function setFieldValidationState<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>({ name, fieldState, schema, payload, setError, setErrorIfInvalidAndNotEmpty, }: {
+    name: ModelKey;
+    fieldState: FieldState<Model>;
+    schema: FormSchema<Model>;
+    payload: Model;
+    setError?: boolean;
+    setErrorIfInvalidAndNotEmpty?: boolean;
+}): Promise<void>;
+export declare function validateField<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>({ name, fieldState, payload, schema, }: {
+    name: ModelKey;
+    fieldState: FieldState<Model>;
+    payload: Model;
+    schema: FormSchema<Model>;
+}): Promise<void> | undefined;
+export declare function validateForm<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>({ fieldsStates, payload, setErrors, schema, }: {
+    fieldsStates: FieldsStates<Model>;
+    setErrors?: boolean;
+    payload: Model;
+    schema: FormSchema<Model>;
+}): Promise<void[]>;
+export declare function getErrorMessages<Model extends BaseFormPayload = BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>(errors: Record<ModelKey, ValidationIssues>, fieldsStates: FieldsStates<Model>): Record<ModelKey, string | undefined>;
+export declare function getFieldsErrors<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>(fieldsStates: FieldsStates<Model>): Record<ModelKey, ValidationIssues>;
+export declare function getValidateFunction<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>>({ name, hasValidation, debouncedFields, throttledFields, }: {
+    name: ModelKey;
+    hasValidation: boolean;
+    debouncedFields?: StrictOptions<Model>['debouncedFields'];
+    throttledFields?: StrictOptions<Model>['throttledFields'];
+}): ((args_0: {
+    name: ExtractModelKey<FormSchema<Model>>;
+    fieldState: FieldState<Model, Model[Extract<keyof { [K in Extract<keyof Model, string> as Model[K] extends Required<Model>[K] ? K : never]: import('./types').Validation; }, string> | Extract<keyof { [K_1 in Extract<keyof Model, string> as Model[K_1] extends Required<Model>[K_1] ? never : K_1]?: import('./types').Validation | undefined; }, string>]>;
+    schema: FormSchema<Model>;
+    payload: Model;
+    setError?: boolean;
+    setErrorIfInvalidAndNotEmpty?: boolean;
+}) => Promise<void>) | undefined;

package/dist/types/composables/useFormValidator.d.ts

@@ -1,17 +1,23 @@
-import { Ref } from 'vue';
-import { BaseFormPayload, ExtractModelKey, FieldsStates, FormSchema, FormValidatorOptions, UseFormValidatorParams } from '../composables/useFormValidator/types';
-import { scrollToError } from '../composables/useFormValidator/utils';
-export declare function useFormValidator<Model extends BaseFormPayload>({ schema, defaultValues, model, options }: UseFormValidatorParams<Model>): {
+import { DeepPartial } from '@maz-ui/utils/src/ts-helpers/DeepPartial.js';
+import { MaybeRefOrGetter, Ref } from 'vue';
+import { BaseFormPayload, ExtractModelKey, FieldsStates, FormSchema, FormValidatorOptions, InferOutputSchemaFormValidator, InferSchemaFormValidator } from './useFormValidator/types';
+import { scrollToError } from './useFormValidator/dom-events';
+export declare function useFormValidator<TSchema extends MaybeRefOrGetter<FormSchema<BaseFormPayload>>>({ schema, defaultValues, model, options }: {
+    schema: TSchema;
+    defaultValues?: MaybeRefOrGetter<DeepPartial<InferSchemaFormValidator<TSchema>> | undefined | null>;
+    model?: Ref<DeepPartial<InferSchemaFormValidator<TSchema>> | undefined | null>;
+    options?: FormValidatorOptions<InferSchemaFormValidator<TSchema>>;
+}): {
     identifier: string | symbol;
     isDirty: import('vue').ComputedRef<boolean>;
     isSubmitting: Ref<boolean, boolean>;
     isSubmitted: Ref<boolean, boolean>;
     isValid: import('vue').ComputedRef<boolean>;
-    errors: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<Model>>, import('.').ValidationIssues>>;
-    model: Ref<Model, Model>;
-    fieldsStates: Ref<FieldsStates<Model>, FieldsStates<Model>>;
-    validateForm: (showErrors?: boolean) => Promise<void[]>;
+    errors: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>, import('./useFormValidator/types').ValidationIssues>>;
+    model: Ref<InferSchemaFormValidator<TSchema>, InferSchemaFormValidator<TSchema>>;
+    fieldsStates: Ref<FieldsStates<InferSchemaFormValidator<TSchema>>, FieldsStates<InferSchemaFormValidator<TSchema>>>;
+    validateForm: (setErrors?: boolean) => Promise<void[]>;
     scrollToError: typeof scrollToError;
-    handleSubmit: <Func extends (model: Model) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"]) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
-    errorMessages: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<Model>>, string | undefined>>;
+    handleSubmit: <Func extends (model: InferOutputSchemaFormValidator<TSchema>) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"]) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
+    errorMessages: import('vue').ComputedRef<Record<ExtractModelKey<FormSchema<InferSchemaFormValidator<TSchema>>>, string | undefined>>;
 };