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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/Field/common/Wrapper/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,497 @@
+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;
+            "aria-invalid": boolean;
+        };
+        label: {
+            id: 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

@@ -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,SACb,MAAM,YACH,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8ChC,CAAC;AACF,eAAe,eAAe,CAAC"}

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

@@ -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

@@ -0,0 +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

@@ -1,8 +1,19 @@
 import type React from "react";
-export interface WrapperProps {
+import type { BaseInputProps } from "../../inputs/index.ts";
+import type { BaseFieldProps, BaseWrapperProps } from "../../types.js";
+type BaseComponentProps = BaseInputProps & BaseWrapperProps;
+export type WrapperProps<ComponentProps extends BaseComponentProps = BaseFieldProps> = BaseFieldProps & {
     id?: string;
     className?: string;
     children?: React.ReactNode;
     style?: React.CSSProperties;
-}
+    description?: string;
+    label?: string;
+    isOptional?: boolean;
+    nestedRegisterProps?: Record<string, unknown>;
+    unregisterOnUnmount?: boolean;
+    mockLabel?: boolean;
+    Component: React.ComponentType<ComponentProps>;
+};
+export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,KAAK,kBAAkB,GAAG,cAAc,GAAG,gBAAgB,CAAC;AAE5D,MAAM,MAAM,YAAY,CACtB,cAAc,SAAS,kBAAkB,GAAG,cAAc,IACxD,cAAc,GAAG;IAEnB,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;IAG5B,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAG9C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAG9B,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;CAChD,CAAC"}

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

@@ -1,2 +1,8 @@
-export {};
+import * as React from "react";
+import type { InputProps } from "../../inputs/index.js";
+import type { BaseFieldProps } from "../../types.js";
+import DefaultWrapper from "./Wrapper.js";
+import type { WrapperProps } from "./types.js";
+declare const withWrapper: (Component: React.ComponentType<InputProps>, options?: WrapperProps, Wrapper?: typeof DefaultWrapper) => ({ middleware, WrapperComponent, ...props }: BaseFieldProps) => React.ReactElement;
+export default withWrapper;
 //# sourceMappingURL=withWrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"withWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/withWrapper.ts"],"names":[],"mappings":""}
+{"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,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAA4B,MAAM,gBAAgB,CAAC;AAC/E,OAAO,cAAc,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAK/C,QAAA,MAAM,WAAW,cACJ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,YAChC,YAAY,YACb,OAAO,cAAc,kDAQ3B,cAAc,KAAG,KAAK,CAAC,YAsB3B,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -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

@@ -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"}
+{"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

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

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

@@ -0,0 +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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,26 @@
+/**
+ * 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;
+        "aria-invalid": boolean;
+    };
+    label: {
+        id: 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

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

package/dist/types/ui/Field/hooks/useFieldError.d.ts

@@ -0,0 +1,4 @@
+import { type FieldError, type FieldValues } from "react-hook-form";
+declare function useFieldError<TFieldValues extends FieldValues = FieldValues>(name: string): FieldError | undefined;
+export default useFieldError;
+//# sourceMappingURL=useFieldError.d.ts.map

package/dist/types/ui/Field/hooks/useFieldError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldError.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/hooks/useFieldError.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,UAAU,EAGf,KAAK,WAAW,EAGjB,MAAM,iBAAiB,CAAC;AAEzB,iBAAS,aAAa,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,EACnE,IAAI,EAAE,MAAM,0BA+Bb;AAED,eAAe,aAAa,CAAC"}