@bombillazo/rhf-plus 7.56.1-plus.0

package/dist/types/validator.d.ts

@@ -0,0 +1,43 @@
+import { INPUT_VALIDATION_RULES } from '../constants';
+import { Message } from './errors';
+import { FieldValues } from './fields';
+import { FieldPath, FieldPathValue } from './path';
+export type ValidationValue = boolean | number | string | RegExp;
+export type ValidationRule<TValidationValue extends ValidationValue = ValidationValue> = TValidationValue | ValidationValueMessage<TValidationValue>;
+export type ValidationValueMessage<TValidationValue extends ValidationValue = ValidationValue> = {
+    value: TValidationValue;
+    message: Message;
+};
+export type ValidateResult = Message | Message[] | boolean | undefined;
+export type Validate<TFieldValue, TFormValues> = (value: TFieldValue, formValues: TFormValues) => ValidateResult | Promise<ValidateResult>;
+export type RegisterOptions<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Partial<{
+    required: Message | ValidationRule<boolean>;
+    min: ValidationRule<number | string>;
+    max: ValidationRule<number | string>;
+    maxLength: ValidationRule<number>;
+    minLength: ValidationRule<number>;
+    validate: Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues> | Record<string, Validate<FieldPathValue<TFieldValues, TFieldName>, TFieldValues>>;
+    value: FieldPathValue<TFieldValues, TFieldName>;
+    setValueAs: (value: any) => any;
+    shouldUnregister?: boolean;
+    onChange?: (event: any) => void;
+    onBlur?: (event: any) => void;
+    disabled: boolean;
+    deps: FieldPath<TFieldValues> | FieldPath<TFieldValues>[];
+}> & ({
+    pattern?: ValidationRule<RegExp>;
+    valueAsNumber?: false;
+    valueAsDate?: false;
+} | {
+    pattern?: undefined;
+    valueAsNumber?: false;
+    valueAsDate?: true;
+} | {
+    pattern?: undefined;
+    valueAsNumber?: true;
+    valueAsDate?: false;
+});
+export type InputValidationRules = typeof INPUT_VALIDATION_RULES;
+export type MaxType = InputValidationRules['max'] | InputValidationRules['maxLength'];
+export type MinType = InputValidationRules['min'] | InputValidationRules['minLength'];
+//# sourceMappingURL=validator.d.ts.map

package/dist/types/validator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validator.d.ts","sourceRoot":"","sources":["../../src/types/validator.ts"],"names":[],"mappings":"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"}

package/dist/useController.d.ts

@@ -0,0 +1,27 @@
+import { FieldPath, FieldValues, UseControllerProps, UseControllerReturn } from './types';
+/**
+ * Custom hook to work with controlled component, this function provide you with both form and field level state. Re-render is isolated at the hook level.
+ *
+ * @remarks
+ * [API](https://react-hook-form.com/docs/usecontroller) • [Demo](https://codesandbox.io/s/usecontroller-0o8px)
+ *
+ * @param props - the path name to the form field value, and validation rules.
+ *
+ * @returns field properties, field and form state. {@link UseControllerReturn}
+ *
+ * @example
+ * ```tsx
+ * function Input(props) {
+ *   const { field, fieldState, formState } = useController(props);
+ *   return (
+ *     <div>
+ *       <input {...field} placeholder={props.name} />
+ *       <p>{fieldState.isTouched && "Touched"}</p>
+ *       <p>{formState.isSubmitted ? "submitted" : ""}</p>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function useController<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformedValues = TFieldValues>(props: UseControllerProps<TFieldValues, TName, TTransformedValues>): UseControllerReturn<TFieldValues, TName>;
+//# sourceMappingURL=useController.d.ts.map

package/dist/useController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useController.d.ts","sourceRoot":"","sources":["../src/useController.ts"],"names":[],"mappings":"AAUA,OAAO,EAGL,SAAS,EAET,WAAW,EAEX,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAKjB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,CAC3B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,kBAAkB,GAAG,YAAY,EAEjC,KAAK,EAAE,kBAAkB,CAAC,YAAY,EAAE,KAAK,EAAE,kBAAkB,CAAC,GACjE,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,CA2K1C"}

package/dist/useDeepEqualEffect.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const useDeepEqualEffect: <T extends React.DependencyList>(effect: React.EffectCallback, deps: T) => void;
+//# sourceMappingURL=useDeepEqualEffect.d.ts.map

package/dist/useDeepEqualEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeepEqualEffect.d.ts","sourceRoot":"","sources":["../src/useDeepEqualEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,KAAK,CAAC,cAAc,EAC/D,QAAQ,KAAK,CAAC,cAAc,EAC5B,MAAM,CAAC,SAUR,CAAC"}

package/dist/useFieldArray.d.ts

@@ -0,0 +1,40 @@
+import { FieldArrayPath, FieldValues, UseFieldArrayProps, UseFieldArrayReturn } from './types';
+/**
+ * A custom hook that exposes convenient methods to perform operations with a list of dynamic inputs that need to be appended, updated, removed etc. • [Demo](https://codesandbox.io/s/react-hook-form-usefieldarray-ssugn) • [Video](https://youtu.be/4MrbfGSFY2A)
+ *
+ * @remarks
+ * [API](https://react-hook-form.com/docs/usefieldarray) • [Demo](https://codesandbox.io/s/react-hook-form-usefieldarray-ssugn)
+ *
+ * @param props - useFieldArray props
+ *
+ * @returns methods - functions to manipulate with the Field Arrays (dynamic inputs) {@link UseFieldArrayReturn}
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   const { register, control, handleSubmit, reset, trigger, setError } = useForm({
+ *     defaultValues: {
+ *       test: []
+ *     }
+ *   });
+ *   const { fields, append } = useFieldArray({
+ *     control,
+ *     name: "test"
+ *   });
+ *
+ *   return (
+ *     <form onSubmit={handleSubmit(data => console.log(data))}>
+ *       {fields.map((item, index) => (
+ *          <input key={item.id} {...register(`test.${index}.firstName`)}  />
+ *       ))}
+ *       <button type="button" onClick={() => append({ firstName: "bill" })}>
+ *         append
+ *       </button>
+ *       <input type="submit" />
+ *     </form>
+ *   );
+ * }
+ * ```
+ */
+export declare function useFieldArray<TFieldValues extends FieldValues = FieldValues, TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>, TKeyName extends string = 'id', TTransformedValues = TFieldValues>(props: UseFieldArrayProps<TFieldValues, TFieldArrayName, TKeyName, TTransformedValues>): UseFieldArrayReturn<TFieldValues, TFieldArrayName, TKeyName>;
+//# sourceMappingURL=useFieldArray.d.ts.map

package/dist/useFieldArray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldArray.d.ts","sourceRoot":"","sources":["../src/useFieldArray.ts"],"names":[],"mappings":"AAwBA,OAAO,EAKL,cAAc,EAId,WAAW,EAIX,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAGjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,aAAa,CAC3B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,eAAe,SACb,cAAc,CAAC,YAAY,CAAC,GAAG,cAAc,CAAC,YAAY,CAAC,EAC7D,QAAQ,SAAS,MAAM,GAAG,IAAI,EAC9B,kBAAkB,GAAG,YAAY,EAEjC,KAAK,EAAE,kBAAkB,CACvB,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,kBAAkB,CACnB,GACA,mBAAmB,CAAC,YAAY,EAAE,eAAe,EAAE,QAAQ,CAAC,CAmW9D"}

package/dist/useForm.d.ts

@@ -0,0 +1,32 @@
+import { FieldValues, UseFormProps, UseFormReturn } from './types';
+/**
+ * Custom hook to manage the entire form.
+ *
+ * @remarks
+ * [API](https://react-hook-form.com/docs/useform) • [Demo](https://codesandbox.io/s/react-hook-form-get-started-ts-5ksmm) • [Video](https://www.youtube.com/watch?v=RkXv4AXXC_4)
+ *
+ * @param props - form configuration and validation parameters.
+ *
+ * @returns methods - individual functions to manage the form state. {@link UseFormReturn}
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   const { register, handleSubmit, watch, formState: { errors } } = useForm();
+ *   const onSubmit = data => console.log(data);
+ *
+ *   console.log(watch("example"));
+ *
+ *   return (
+ *     <form onSubmit={handleSubmit(onSubmit)}>
+ *       <input defaultValue="test" {...register("example")} />
+ *       <input {...register("exampleRequired", { required: true })} />
+ *       {errors.exampleRequired && <span>This field is required</span>}
+ *       <button>Submit</button>
+ *     </form>
+ *   );
+ * }
+ * ```
+ */
+export declare function useForm<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>(props?: UseFormProps<TFieldValues, TContext, TTransformedValues>): UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+//# sourceMappingURL=useForm.d.ts.map

package/dist/useForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../src/useForm.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAa,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAK9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,OAAO,CACrB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,EAEjC,KAAK,GAAE,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAM,GACnE,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAyI3D"}

package/dist/useFormContext.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import { FieldValues, FormProviderProps, UseFormReturn } from './types';
+/**
+ * This custom hook allows you to access the form context. useFormContext is intended to be used in deeply nested structures, where it would become inconvenient to pass the context as a prop. To be used with {@link FormProvider}.
+ *
+ * @remarks
+ * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)
+ *
+ * @returns return all useForm methods
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   const methods = useForm();
+ *   const onSubmit = data => console.log(data);
+ *
+ *   return (
+ *     <FormProvider {...methods} >
+ *       <form onSubmit={methods.handleSubmit(onSubmit)}>
+ *         <NestedInput />
+ *         <input type="submit" />
+ *       </form>
+ *     </FormProvider>
+ *   );
+ * }
+ *
+ *  function NestedInput() {
+ *   const { register } = useFormContext(); // retrieve all hook methods
+ *   return <input {...register("test")} />;
+ * }
+ * ```
+ */
+export declare const useFormContext: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>() => UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+/**
+ * A provider component that propagates the `useForm` methods to all children components via [React Context](https://reactjs.org/docs/context.html) API. To be used with {@link useFormContext}.
+ *
+ * @remarks
+ * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)
+ *
+ * @param props - all useForm methods
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   const methods = useForm();
+ *   const onSubmit = data => console.log(data);
+ *
+ *   return (
+ *     <FormProvider {...methods} >
+ *       <form onSubmit={methods.handleSubmit(onSubmit)}>
+ *         <NestedInput />
+ *         <input type="submit" />
+ *       </form>
+ *     </FormProvider>
+ *   );
+ * }
+ *
+ *  function NestedInput() {
+ *   const { register } = useFormContext(); // retrieve all hook methods
+ *   return <input {...register("test")} />;
+ * }
+ * ```
+ */
+export declare const FormProvider: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+//# sourceMappingURL=useFormContext.d.ts.map

package/dist/useFormContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormContext.d.ts","sourceRoot":"","sources":["../src/useFormContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,cAAc,GACzB,YAAY,SAAS,WAAW,EAChC,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,OAC9B,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAK1D,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,YAAY,GACvB,YAAY,SAAS,WAAW,EAChC,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,EAEjC,OAAO,iBAAiB,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,sBAQrE,CAAC"}

package/dist/useFormState.d.ts

@@ -0,0 +1,33 @@
+import { FieldValues, UseFormStateProps, UseFormStateReturn } from './types';
+/**
+ * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
+ *
+ * @remarks
+ * [API](https://react-hook-form.com/docs/useformstate) • [Demo](https://codesandbox.io/s/useformstate-75xly)
+ *
+ * @param props - include options on specify fields to subscribe. {@link UseFormStateReturn}
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   const { register, handleSubmit, control } = useForm({
+ *     defaultValues: {
+ *     firstName: "firstName"
+ *   }});
+ *   const { dirtyFields } = useFormState({
+ *     control
+ *   });
+ *   const onSubmit = (data) => console.log(data);
+ *
+ *   return (
+ *     <form onSubmit={handleSubmit(onSubmit)}>
+ *       <input {...register("firstName")} placeholder="First Name" />
+ *       {dirtyFields.firstName && <p>Field is dirty.</p>}
+ *       <input type="submit" />
+ *     </form>
+ *   );
+ * }
+ * ```
+ */
+export declare function useFormState<TFieldValues extends FieldValues = FieldValues, TTransformedValues = TFieldValues>(props?: UseFormStateProps<TFieldValues, TTransformedValues>): UseFormStateReturn<TFieldValues>;
+//# sourceMappingURL=useFormState.d.ts.map

package/dist/useFormState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormState.d.ts","sourceRoot":"","sources":["../src/useFormState.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAEX,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAIjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,YAAY,CAC1B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,kBAAkB,GAAG,YAAY,EAEjC,KAAK,CAAC,EAAE,iBAAiB,CAAC,YAAY,EAAE,kBAAkB,CAAC,GAC1D,kBAAkB,CAAC,YAAY,CAAC,CA8ClC"}

package/dist/useWatch.d.ts

@@ -0,0 +1,100 @@
+import { Control, DeepPartialSkipArrayKey, FieldPath, FieldPathValue, FieldPathValues, FieldValues } from './types';
+/**
+ * Subscribe to the entire form values change and re-render at the hook level.
+ *
+ * @remarks
+ *
+ * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)
+ *
+ * @param props - defaultValue, disable subscription and match exact name.
+ *
+ * @example
+ * ```tsx
+ * const { control } = useForm();
+ * const values = useWatch({
+ *   control,
+ *   defaultValue: {
+ *     name: "data"
+ *   },
+ *   exact: false,
+ * })
+ * ```
+ */
+export declare function useWatch<TFieldValues extends FieldValues = FieldValues, TTransformedValues = TFieldValues>(props: {
+    defaultValue?: DeepPartialSkipArrayKey<TFieldValues>;
+    control?: Control<TFieldValues, any, TTransformedValues>;
+    disabled?: boolean;
+    exact?: boolean;
+}): DeepPartialSkipArrayKey<TFieldValues>;
+/**
+ * Custom hook to subscribe to field change and isolate re-rendering at the component level.
+ *
+ * @remarks
+ *
+ * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)
+ *
+ * @param props - defaultValue, disable subscription and match exact name.
+ *
+ * @example
+ * ```tsx
+ * const { control } = useForm();
+ * const values = useWatch({
+ *   control,
+ *   name: "fieldA",
+ *   defaultValue: "default value",
+ *   exact: false,
+ * })
+ * ```
+ */
+export declare function useWatch<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformedValues = TFieldValues>(props: {
+    name: TFieldName;
+    defaultValue?: FieldPathValue<TFieldValues, TFieldName>;
+    control?: Control<TFieldValues, any, TTransformedValues>;
+    disabled?: boolean;
+    exact?: boolean;
+}): FieldPathValue<TFieldValues, TFieldName>;
+/**
+ * Custom hook to subscribe to field change and isolate re-rendering at the component level.
+ *
+ * @remarks
+ *
+ * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)
+ *
+ * @param props - defaultValue, disable subscription and match exact name.
+ *
+ * @example
+ * ```tsx
+ * const { control } = useForm();
+ * const values = useWatch({
+ *   control,
+ *   name: ["fieldA", "fieldB"],
+ *   defaultValue: {
+ *     fieldA: "data",
+ *     fieldB: "data"
+ *   },
+ *   exact: false,
+ * })
+ * ```
+ */
+export declare function useWatch<TFieldValues extends FieldValues = FieldValues, TFieldNames extends readonly FieldPath<TFieldValues>[] = readonly FieldPath<TFieldValues>[], TTransformedValues = TFieldValues>(props: {
+    name: readonly [...TFieldNames];
+    defaultValue?: DeepPartialSkipArrayKey<TFieldValues>;
+    control?: Control<TFieldValues, any, TTransformedValues>;
+    disabled?: boolean;
+    exact?: boolean;
+}): FieldPathValues<TFieldValues, TFieldNames>;
+/**
+ * Custom hook to subscribe to field change and isolate re-rendering at the component level.
+ *
+ * @remarks
+ *
+ * [API](https://react-hook-form.com/docs/usewatch) • [Demo](https://codesandbox.io/s/react-hook-form-v7-ts-usewatch-h9i5e)
+ *
+ * @example
+ * ```tsx
+ * // can skip passing down the control into useWatch if the form is wrapped with the FormProvider
+ * const values = useWatch()
+ * ```
+ */
+export declare function useWatch<TFieldValues extends FieldValues = FieldValues>(): DeepPartialSkipArrayKey<TFieldValues>;
+//# sourceMappingURL=useWatch.d.ts.map

package/dist/useWatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWatch.d.ts","sourceRoot":"","sources":["../src/useWatch.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,OAAO,EACP,uBAAuB,EACvB,SAAS,EACT,cAAc,EACd,eAAe,EACf,WAAW,EAGZ,MAAM,SAAS,CAAC;AAIjB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,QAAQ,CACtB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,kBAAkB,GAAG,YAAY,EACjC,KAAK,EAAE;IACP,YAAY,CAAC,EAAE,uBAAuB,CAAC,YAAY,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,GAAG,EAAE,kBAAkB,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,uBAAuB,CAAC,YAAY,CAAC,CAAC;AAC1C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,QAAQ,CACtB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,kBAAkB,GAAG,YAAY,EACjC,KAAK,EAAE;IACP,IAAI,EAAE,UAAU,CAAC;IACjB,YAAY,CAAC,EAAE,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,GAAG,EAAE,kBAAkB,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,cAAc,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAC7C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,QAAQ,CACtB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,WAAW,SACT,SAAS,SAAS,CAAC,YAAY,CAAC,EAAE,GAAG,SAAS,SAAS,CAAC,YAAY,CAAC,EAAE,EACzE,kBAAkB,GAAG,YAAY,EACjC,KAAK,EAAE;IACP,IAAI,EAAE,SAAS,CAAC,GAAG,WAAW,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,uBAAuB,CAAC,YAAY,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,GAAG,EAAE,kBAAkB,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,eAAe,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;AAC/C;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CACtB,YAAY,SAAS,WAAW,GAAG,WAAW,KAC3C,uBAAuB,CAAC,YAAY,CAAC,CAAC"}

package/dist/utils/append.d.ts

@@ -0,0 +1,3 @@
+declare const _default: <T>(data: T[], value: T | T[]) => T[];
+export default _default;
+//# sourceMappingURL=append.d.ts.map

package/dist/utils/append.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"append.d.ts","sourceRoot":"","sources":["../../src/utils/append.ts"],"names":[],"mappings":"yBAEgB,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,KAAG,CAAC,EAAE;AAAlD,wBAGE"}

package/dist/utils/cloneObject.d.ts

@@ -0,0 +1,2 @@
+export default function cloneObject<T>(data: T): T;
+//# sourceMappingURL=cloneObject.d.ts.map

package/dist/utils/cloneObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloneObject.d.ts","sourceRoot":"","sources":["../../src/utils/cloneObject.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,CA8BjD"}

package/dist/utils/compact.d.ts

@@ -0,0 +1,3 @@
+declare const _default: <TValue>(value: TValue[]) => TValue[];
+export default _default;
+//# sourceMappingURL=compact.d.ts.map

package/dist/utils/compact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compact.d.ts","sourceRoot":"","sources":["../../src/utils/compact.ts"],"names":[],"mappings":"yBAAgB,MAAM,EAAE,OAAO,MAAM,EAAE;AAAvC,wBACoD"}

package/dist/utils/convertToArrayPayload.d.ts

@@ -0,0 +1,3 @@
+declare const _default: <T>(value: T) => (T & any[]) | T[];
+export default _default;
+//# sourceMappingURL=convertToArrayPayload.d.ts.map

package/dist/utils/convertToArrayPayload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertToArrayPayload.d.ts","sourceRoot":"","sources":["../../src/utils/convertToArrayPayload.ts"],"names":[],"mappings":"yBAAgB,CAAC,EAAE,OAAO,CAAC;AAA3B,wBAAyE"}

package/dist/utils/createId.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (id?: string) => string;
+export default _default;
+//# sourceMappingURL=createId.d.ts.map

package/dist/utils/createId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createId.d.ts","sourceRoot":"","sources":["../../src/utils/createId.ts"],"names":[],"mappings":"yBAEgB,KAAK,MAAM;AAA3B,wBAAuD"}

package/dist/utils/createSubject.d.ts

@@ -0,0 +1,15 @@
+import { Noop } from '../types';
+export type Observer<T> = {
+    next: (value: T) => void;
+};
+export type Subscription = {
+    unsubscribe: Noop;
+};
+export type Subject<T> = {
+    readonly observers: Observer<T>[];
+    subscribe: (value: Observer<T>) => Subscription;
+    unsubscribe: Noop;
+} & Observer<T>;
+declare const _default: <T>() => Subject<T>;
+export default _default;
+//# sourceMappingURL=createSubject.d.ts.map

package/dist/utils/createSubject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSubject.d.ts","sourceRoot":"","sources":["../../src/utils/createSubject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IACxB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,IAAI,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI;IACvB,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAChD,WAAW,EAAE,IAAI,CAAC;CACnB,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;yBAEA,CAAC,OAAK,OAAO,CAAC,CAAC,CAAC;AAAhC,wBA8BE"}

package/dist/utils/deepEqual.d.ts

@@ -0,0 +1,2 @@
+export default function deepEqual(object1: any, object2: any): boolean;
+//# sourceMappingURL=deepEqual.d.ts.map

package/dist/utils/deepEqual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deepEqual.d.ts","sourceRoot":"","sources":["../../src/utils/deepEqual.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,WAuC3D"}

package/dist/utils/deepMerge.d.ts

@@ -0,0 +1,2 @@
+export default function deepMerge<T extends Record<keyof T, any>, U extends Record<keyof U, any>>(target: T, source: U): T & U;
+//# sourceMappingURL=deepMerge.d.ts.map

package/dist/utils/deepMerge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deepMerge.d.ts","sourceRoot":"","sources":["../../src/utils/deepMerge.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,EAC9B,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAmB7B"}

package/dist/utils/fillEmptyArray.d.ts

@@ -0,0 +1,3 @@
+declare const _default: <T>(value: T | T[]) => undefined[] | undefined;
+export default _default;
+//# sourceMappingURL=fillEmptyArray.d.ts.map

package/dist/utils/fillEmptyArray.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fillEmptyArray.d.ts","sourceRoot":"","sources":["../../src/utils/fillEmptyArray.ts"],"names":[],"mappings":"yBAAgB,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,KAAG,SAAS,EAAE,GAAG,SAAS;AAA3D,wBACgE"}

package/dist/utils/flatten.d.ts

@@ -0,0 +1,3 @@
+import { FieldValues } from '../types';
+export declare const flatten: (obj: FieldValues) => FieldValues;
+//# sourceMappingURL=flatten.d.ts.map

package/dist/utils/flatten.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten.d.ts","sourceRoot":"","sources":["../../src/utils/flatten.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,eAAO,MAAM,OAAO,GAAI,KAAK,WAAW,gBAgBvC,CAAC"}

package/dist/utils/get.d.ts

@@ -0,0 +1,3 @@
+declare const _default: <T>(object: T, path?: string | null, defaultValue?: unknown) => any;
+export default _default;
+//# sourceMappingURL=get.d.ts.map

package/dist/utils/get.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get.d.ts","sourceRoot":"","sources":["../../src/utils/get.ts"],"names":[],"mappings":"yBAKgB,CAAC,EACf,QAAQ,CAAC,EACT,OAAO,MAAM,GAAG,IAAI,EACpB,eAAe,OAAO,KACrB,GAAG;AAJN,wBAoBE"}

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+import get from './get';
+import set from './set';
+import submit from './submit';
+export { get, set, submit };
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC"}

package/dist/utils/insert.d.ts

@@ -0,0 +1,3 @@
+export default function insert<T>(data: T[], index: number): (T | undefined)[];
+export default function insert<T>(data: T[], index: number, value: T | T[]): T[];
+//# sourceMappingURL=insert.d.ts.map

package/dist/utils/insert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert.d.ts","sourceRoot":"","sources":["../../src/utils/insert.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,CAAC;AAC/E,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,EAC9B,IAAI,EAAE,CAAC,EAAE,EACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,GACb,CAAC,EAAE,CAAC"}

package/dist/utils/isBoolean.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (value: unknown) => value is boolean;
+export default _default;
+//# sourceMappingURL=isBoolean.d.ts.map

package/dist/utils/isBoolean.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isBoolean.d.ts","sourceRoot":"","sources":["../../src/utils/isBoolean.ts"],"names":[],"mappings":"yBAAgB,OAAO,OAAO,KAAG,KAAK,IAAI,OAAO;AAAjD,wBAAgF"}

package/dist/utils/isCheckBoxInput.d.ts

@@ -0,0 +1,4 @@
+import { FieldElement } from '../types';
+declare const _default: (element: FieldElement) => element is HTMLInputElement;
+export default _default;
+//# sourceMappingURL=isCheckBoxInput.d.ts.map

package/dist/utils/isCheckBoxInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isCheckBoxInput.d.ts","sourceRoot":"","sources":["../../src/utils/isCheckBoxInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;yBAExB,SAAS,YAAY,KAAG,OAAO,IAAI,gBAAgB;AAAnE,wBAC8B"}

package/dist/utils/isDateObject.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (value: unknown) => value is Date;
+export default _default;
+//# sourceMappingURL=isDateObject.d.ts.map

package/dist/utils/isDateObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isDateObject.d.ts","sourceRoot":"","sources":["../../src/utils/isDateObject.ts"],"names":[],"mappings":"yBAAgB,OAAO,OAAO,KAAG,KAAK,IAAI,IAAI;AAA9C,wBAAwE"}

package/dist/utils/isEmptyObject.d.ts

@@ -0,0 +1,4 @@
+import { EmptyObject } from '../types';
+declare const _default: (value: unknown) => value is EmptyObject;
+export default _default;
+//# sourceMappingURL=isEmptyObject.d.ts.map

package/dist/utils/isEmptyObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEmptyObject.d.ts","sourceRoot":"","sources":["../../src/utils/isEmptyObject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;yBAIvB,OAAO,OAAO,KAAG,KAAK,IAAI,WAAW;AAArD,wBACgD"}

package/dist/utils/isFileInput.d.ts

@@ -0,0 +1,4 @@
+import { FieldElement } from '../types';
+declare const _default: (element: FieldElement) => element is HTMLInputElement;
+export default _default;
+//# sourceMappingURL=isFileInput.d.ts.map

package/dist/utils/isFileInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isFileInput.d.ts","sourceRoot":"","sources":["../../src/utils/isFileInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;yBAExB,SAAS,YAAY,KAAG,OAAO,IAAI,gBAAgB;AAAnE,wBAC0B"}

package/dist/utils/isFunction.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (value: unknown) => value is Function;
+export default _default;
+//# sourceMappingURL=isFunction.d.ts.map

package/dist/utils/isFunction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isFunction.d.ts","sourceRoot":"","sources":["../../src/utils/isFunction.ts"],"names":[],"mappings":"yBAAgB,OAAO,OAAO,KAAG,KAAK,IAAI,QAAQ;AAAlD,wBAC8B"}

package/dist/utils/isHTMLElement.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (value: unknown) => value is HTMLElement;
+export default _default;
+//# sourceMappingURL=isHTMLElement.d.ts.map

package/dist/utils/isHTMLElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isHTMLElement.d.ts","sourceRoot":"","sources":["../../src/utils/isHTMLElement.ts"],"names":[],"mappings":"yBAEgB,OAAO,OAAO,KAAG,KAAK,IAAI,WAAW;AAArD,wBAUE"}

package/dist/utils/isKey.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (value: string) => boolean;
+export default _default;
+//# sourceMappingURL=isKey.d.ts.map

package/dist/utils/isKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isKey.d.ts","sourceRoot":"","sources":["../../src/utils/isKey.ts"],"names":[],"mappings":"yBAAgB,OAAO,MAAM;AAA7B,wBAAsD"}

package/dist/utils/isMessage.d.ts

@@ -0,0 +1,4 @@
+import { Message } from '../types';
+declare const _default: (value: unknown) => value is Message;
+export default _default;
+//# sourceMappingURL=isMessage.d.ts.map

package/dist/utils/isMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isMessage.d.ts","sourceRoot":"","sources":["../../src/utils/isMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;yBAGnB,OAAO,OAAO,KAAG,KAAK,IAAI,OAAO;AAAjD,wBAAqE"}

package/dist/utils/isMultipleSelect.d.ts

@@ -0,0 +1,4 @@
+import { FieldElement } from '../types';
+declare const _default: (element: FieldElement) => element is HTMLSelectElement;
+export default _default;
+//# sourceMappingURL=isMultipleSelect.d.ts.map

package/dist/utils/isMultipleSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isMultipleSelect.d.ts","sourceRoot":"","sources":["../../src/utils/isMultipleSelect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;yBAExB,SAAS,YAAY,KAAG,OAAO,IAAI,iBAAiB;AAApE,wBACqC"}

package/dist/utils/isNullOrUndefined.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (value: unknown) => value is null | undefined;
+export default _default;
+//# sourceMappingURL=isNullOrUndefined.d.ts.map

package/dist/utils/isNullOrUndefined.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isNullOrUndefined.d.ts","sourceRoot":"","sources":["../../src/utils/isNullOrUndefined.ts"],"names":[],"mappings":"yBAAgB,OAAO,OAAO,KAAG,KAAK,IAAI,IAAI,GAAG,SAAS;AAA1D,wBAA4E"}