npm - @canonical/react-ds-core-form - Versions diffs - 0.9.0-experimental.5 → 0.9.0 - Mend

@canonical/react-ds-core-form 0.9.0-experimental.5 → 0.9.0

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 (278) hide show

package/dist/types/ui/Field/common/Wrapper/hooks/useFieldWrapper.d.ts ADDED Viewed

@@ -0,0 +1,498 @@
+import { type RegisterOptions } from "react-hook-form";
+type UseFieldWrapperOptions = {
+    label?: string;
+    isOptional?: boolean;
+    userRegisterProps?: RegisterOptions;
+    nestedRegisterProps?: RegisterOptions;
+    unregisterOnUnmount?: boolean;
+};
+/**
+ * Hook to provide field wrapper utilities
+ * @param name - The name of the field
+ * @param options - Additional options
+ */
+declare const useFieldWrapper: (name: string, options?: UseFieldWrapperOptions) => {
+    fieldError: import("react-hook-form").FieldError | undefined;
+    isError: boolean;
+    ariaProps: {
+        input: {
+            id: string;
+            "aria-labelledby": string;
+            "aria-describedby": string;
+            "aria-errormessage": string | undefined;
+            "aria-invalid": boolean;
+        };
+        label: {
+            id: string;
+            htmlFor: string;
+        };
+        description: {
+            id: string;
+        };
+        error: {
+            id: string;
+        };
+    };
+    registerProps: {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp>;
+        valueAsNumber?: false;
+        valueAsDate?: false;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp>;
+        valueAsNumber?: false;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp>;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: false;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp>;
+        valueAsNumber?: false;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp>;
+        valueAsNumber?: false;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp>;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp>;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: false;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp>;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp>;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: false;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp> | undefined;
+        valueAsNumber?: false;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp> | undefined;
+        valueAsNumber?: false;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp> | undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp> | undefined;
+        valueAsNumber?: false;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: undefined;
+        valueAsNumber?: false;
+        valueAsDate?: true;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp> | undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp> | undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: false;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp> | undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp> | undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: false;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp> | undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: import("react-hook-form").ValidationRule<RegExp> | undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: false;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: undefined;
+        valueAsNumber?: boolean | undefined;
+        valueAsDate?: boolean | undefined;
+    } | {
+        required?: string | import("react-hook-form").ValidationRule<boolean> | undefined;
+        min?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        max?: import("react-hook-form").ValidationRule<string | number> | undefined;
+        maxLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        minLength?: import("react-hook-form").ValidationRule<number> | undefined;
+        validate?: import("react-hook-form").Validate<any, import("react-hook-form").FieldValues> | Record<string, import("react-hook-form").Validate<any, import("react-hook-form").FieldValues>> | undefined;
+        value?: any;
+        setValueAs?: ((value: any) => any) | undefined;
+        shouldUnregister?: boolean;
+        onChange?: (event: any) => void;
+        onBlur?: (event: any) => void;
+        disabled?: boolean | undefined;
+        deps?: string | string[] | undefined;
+        pattern?: undefined;
+        valueAsNumber?: true;
+        valueAsDate?: false;
+    };
+};
+export default useFieldWrapper;
+//# sourceMappingURL=useFieldWrapper.d.ts.map

package/dist/types/ui/Field/common/Wrapper/hooks/useFieldWrapper.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useFieldWrapper.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/Field/common/Wrapper/hooks/useFieldWrapper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,iBAAiB,CAAC;AAKvE,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,eAAe,GACnB,MAAM,MAAM,EACZ,UAAS,sBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrC,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/types/ui/Field/common/Wrapper/index.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
 export { default as Wrapper } from "./Wrapper.js";
+export { default as InvisibleWrapper } from "./InvisibleWrapper.js";
+export { default as withWrapper } from "./withWrapper.js";
 export * from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Field/common/Wrapper/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,cAAc,YAAY,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,cAAc,YAAY,CAAC"}

package/dist/types/ui/Field/common/Wrapper/messages.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+declare const _default: {
+    required: (name: string) => string;
+};
+export default _default;
+//# sourceMappingURL=messages.d.ts.map

package/dist/types/ui/Field/common/Wrapper/messages.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/messages.ts"],"names":[],"mappings":";qBACmB,MAAM;;AADzB,wBAEE"}

package/dist/types/ui/Field/common/Wrapper/types.d.ts CHANGED Viewed

@@ -1,8 +1,2 @@
-import type React from "react";
-export interface WrapperProps {
-    id?: string;
-    className?: string;
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-}
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Field/common/Wrapper/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,YAAY;IAE3B,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/types.ts"],"names":[],"mappings":""}

package/dist/types/ui/Field/common/Wrapper/withConditionalDisplay.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from "react";
+import type { BaseInputProps, WrappedComponentProps } from "../../types.js";
+type WrappedComponentPropsInternal<ComponentProps extends BaseInputProps> = Omit<WrappedComponentProps<ComponentProps>, "Component">;
+declare const withConditionalDisplay: <ComponentProps extends BaseInputProps>(WrappedComponent: React.ComponentType<ComponentProps>) => (props: WrappedComponentPropsInternal<ComponentProps>) => React.ReactElement<ComponentProps, string | React.JSXElementConstructor<any>> | null;
+export default withConditionalDisplay;
+//# sourceMappingURL=withConditionalDisplay.d.ts.map

package/dist/types/ui/Field/common/Wrapper/withConditionalDisplay.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"withConditionalDisplay.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/withConditionalDisplay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE5E,KAAK,6BAA6B,CAAC,cAAc,SAAS,cAAc,IACtE,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;AAG3D,QAAA,MAAM,sBAAsB,GAAI,cAAc,SAAS,cAAc,EACnE,kBAAkB,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,aAG5C,6BAA6B,CAAC,cAAc,CAAC,yFAcvD,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/types/ui/Field/common/Wrapper/withWrapper.d.ts CHANGED Viewed

@@ -1,2 +1,8 @@
-export {};
+import * as React from "react";
+import type { BaseInputProps, BaseWrapperProps, Condition, WrappedComponentProps, WrapperProps } from "../../types.js";
+type WrappedComponentPropsInternal<ComponentProps extends BaseInputProps> = Omit<WrappedComponentProps<ComponentProps>, "Component"> & {
+    condition?: Condition;
+};
+declare const withWrapper: <ComponentProps extends BaseInputProps, ComponentWrapperProps extends BaseWrapperProps<ComponentProps> = WrapperProps<ComponentProps>>(Component: React.ComponentType<ComponentProps>, options?: Partial<ComponentWrapperProps>, Wrapper?: React.ComponentType<WrapperProps<ComponentProps>>) => (props: "id" | "label" | "style" | "className" | "description" | "isOptional" | "nestedRegisterProps" | "unregisterOnUnmount" | "mockLabel" | "middleware" | "WrapperComponent" | "condition" | Exclude<Exclude<keyof ComponentProps, "Component">, "Component"> extends infer T extends keyof WrappedComponentProps<WrappedComponentPropsInternal<ComponentProps>> ? { [P in T]: WrappedComponentProps<WrappedComponentPropsInternal<ComponentProps>>[P]; } : never) => React.ReactElement<WrappedComponentPropsInternal<ComponentProps>, string | React.JSXElementConstructor<any>> | null;
+export default withWrapper;
 //# sourceMappingURL=withWrapper.d.ts.map

package/dist/types/ui/Field/common/Wrapper/withWrapper.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"withWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/withWrapper.ts"],"names":[],"mappings":""}
1	+ {"version":3,"file":"withWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/withWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,qBAAqB,EACrB,YAAY,EACb,MAAM,gBAAgB,CAAC;AAIxB,KAAK,6BAA6B,CAAC,cAAc,SAAS,cAAc,IACtE,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACzD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEJ,QAAA,MAAM,WAAW,GACf,cAAc,SAAS,cAAc,EACrC,qBAAqB,SACnB,gBAAgB,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,EAEjE,WAAW,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,EAC9C,UAAU,OAAO,CAAC,qBAAqB,CAAC,EACxC,UAAS,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,cAAc,CAAC,CAAkB,ikBA0C5E,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/ui/Field/common/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 export * from "./Label/index.js";
 export * from "./Description/index.js";
 export * from "./Wrapper/index.js";
+export * from "./Error/index.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Field/common/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AAEjC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,oBAAoB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AAEjC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC"}

package/dist/types/ui/Field/constants.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const ID_PREFIX = "form-";
2	+ //# sourceMappingURL=constants.d.ts.map

package/dist/types/ui/Field/constants.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/ui/Field/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,UAAU,CAAC"}

package/dist/types/ui/Field/hooks/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export { default as useFieldError } from "./useFieldError.js";
+export { default as useFieldAriaProperties } from "./useFieldAriaProperties.js";
+export { default as useOptionAriaProperties } from "./useOptionAriaProperties.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Field/hooks/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/types/ui/Field/hooks/useFieldAriaProperties.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+/**
+ * Generates common ARIA properties for form field elements including input, label, description, and error state.
+ * @param {string} name - The name of the field.
+ * @param {boolean} isError - Indicates if the field is in an error state.
+ * @returns An object containing ARIA attributes for input, label, description, and error state.
+ */
+declare const useFieldAriaProps: (name: string, isError: boolean) => {
+    input: {
+        id: string;
+        "aria-labelledby": string;
+        "aria-describedby": string;
+        "aria-errormessage": string | undefined;
+        "aria-invalid": boolean;
+    };
+    label: {
+        id: string;
+        htmlFor: string;
+    };
+    description: {
+        id: string;
+    };
+    error: {
+        id: string;
+    };
+};
+export default useFieldAriaProps;
+//# sourceMappingURL=useFieldAriaProperties.d.ts.map

package/dist/types/ui/Field/hooks/useFieldAriaProperties.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useFieldAriaProperties.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/hooks/useFieldAriaProperties.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,GAAI,MAAM,MAAM,EAAE,SAAS,OAAO;;;;;;;;;;;;;;;;;;CA4BxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}