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

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

@@ -0,0 +1,17 @@
+import type React from "react";
+import type { JSX } from "react";
+export interface LabelMessages {
+    optional: () => string;
+}
+export interface LabelProps {
+    id?: string;
+    className?: string;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    name: string;
+    htmlFor?: string;
+    isOptional?: boolean;
+    messages?: LabelMessages;
+    tag?: keyof JSX.IntrinsicElements;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Label/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,WAAW,aAAa;IAE5B,QAAQ,EAAE,MAAM,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IAEzB,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;IAE5B,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;CACnC"}

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

@@ -0,0 +1,13 @@
+import type React from "react";
+import type { BaseInputProps, WrapperProps } from "../../types.js";
+/**
+ * InvisibleWrapper component for hidden form inputs.
+ * It wraps the specified input component and handles form registration
+ * without rendering visible elements like labels or error messages.
+ *
+ * @param {WrapperProps<ComponentProps>} props - Component props including the Component to wrap and form-related props.
+ * @returns {React.ReactElement} - Rendered wrapped component.
+ */
+declare const InvisibleWrapper: <ComponentProps extends BaseInputProps>({ name, Component, registerProps: userRegisterProps, nestedRegisterProps, unregisterOnUnmount, ...otherProps }: WrapperProps<ComponentProps>) => React.ReactElement;
+export default InvisibleWrapper;
+//# sourceMappingURL=InvisibleWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvisibleWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/InvisibleWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnE;;;;;;;GAOG;AACH,QAAA,MAAM,gBAAgB,GAAI,cAAc,SAAS,cAAc,EAAE,gHAO9D,YAAY,CAAC,cAAc,CAAC,KAAG,KAAK,CAAC,YAevC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,10 @@
+import type React from "react";
+import type { BaseInputProps, WrapperProps } from "../../types.js";
+import "./styles.css";
+/**
+ * description of the Wrapper component
+ * @returns {React.ReactElement} - Rendered Wrapper
+ */
+declare const Wrapper: <ComponentProps extends BaseInputProps>({ id, className, style, name, Component, description, label, isOptional, registerProps: userRegisterProps, nestedRegisterProps, unregisterOnUnmount, mockLabel, ...otherProps }: WrapperProps<ComponentProps>) => React.ReactElement;
+export default Wrapper;
+//# sourceMappingURL=Wrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/Wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,cAAc,CAAC;AAOtB;;;GAGG;AACH,QAAA,MAAM,OAAO,GAAI,cAAc,SAAS,cAAc,EAAE,iLAgBrD,YAAY,CAAC,cAAc,CAAC,KAAG,KAAK,CAAC,YAkDvC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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/withWrapper.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { BaseInputProps, BaseWrapperProps, WrappedComponentProps, WrapperProps } from "../../types.js";
+type WrappedComponentPropsInternal<ComponentProps extends BaseInputProps> = Omit<WrappedComponentProps<ComponentProps>, "Component">;
+declare const withWrapper: <ComponentProps extends BaseInputProps, ComponentWrapperProps extends BaseWrapperProps<ComponentProps> = WrapperProps<ComponentProps>>(Component: React.ComponentType<ComponentProps>, options?: Partial<ComponentWrapperProps>, Wrapper?: React.ComponentType<WrapperProps<ComponentProps>>) => ({ middleware, WrapperComponent, ...props }: WrappedComponentPropsInternal<ComponentProps>) => React.ReactElement;
+export default withWrapper;
+//# sourceMappingURL=withWrapper.d.ts.map

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

@@ -0,0 +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;AAG/B,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,YAAY,EACb,MAAM,gBAAgB,CAAC;AAGxB,KAAK,6BAA6B,CAAC,cAAc,SAAS,cAAc,IACtE,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;AAE3D,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,kDAUxE,6BAA6B,CAAC,cAAc,CAAC,KAAG,KAAK,CAAC,YAiC1D,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

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

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

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