@saas-ui/forms 1.5.3 → 2.0.0-next.1

package/dist/auto-form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-form.d.ts","sourceRoot":"","sources":["../src/auto-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI5D,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIxC,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAEjC,UAAU,eAAe;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;;OAIG;IACH,MAAM,EAAE,GAAG,CAAA;IACX;;OAEG;IACH,aAAa,CAAC,EAAE,GAAG,CAAA;CACpB;AAED,MAAM,WAAW,aAAa,CAAC,YAAY,SAAS,WAAW,CAC7D,SAAQ,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,EAC1D,eAAe;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,QAAQ;;MA2BhB,MAAM,YAAY;;iCAEO,GAAG,KAAK,aAAa;CAClD,CAAA"}

package/dist/display-field.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { FormControlProps } from '@chakra-ui/react';
-import { FieldProps } from './field';
-export interface DisplayFieldProps extends FormControlProps, Omit<FieldProps, 'type' | 'label'> {
-}
-export declare const DisplayField: React.FC<DisplayFieldProps>;
-export declare const FormValue: React.FC<{
-    name: string;
-}>;
-//# sourceMappingURL=display-field.d.ts.map

package/dist/display-field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"display-field.d.ts","sourceRoot":"","sources":["../src/display-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAGL,gBAAgB,EAEjB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;CAAG;AAEzC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAcpD,CAAA;AAMD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAGhD,CAAA"}

package/dist/display-if.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-export interface DisplayIfProps<TFieldValues extends FieldValues = FieldValues> {
-    children: React.ReactElement;
-    name: string;
-    defaultValue?: unknown;
-    isDisabled?: boolean;
-    isExact?: boolean;
-    condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean;
-}
-export declare const DisplayIf: {
-    <TFieldValues extends FieldValues = FieldValues>({ children, name, defaultValue, isDisabled, isExact, condition, }: DisplayIfProps<TFieldValues>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-    displayName: string;
-};
-//# sourceMappingURL=display-if.d.ts.map

package/dist/display-if.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"display-if.d.ts","sourceRoot":"","sources":["../src/display-if.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,WAAW,EACX,aAAa,EACd,MAAM,iBAAiB,CAAA;AAExB,MAAM,WAAW,cAAc,CAC7B,YAAY,SAAS,WAAW,GAAG,WAAW;IAE9C,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,KAAK,OAAO,CAAA;CAC9E;AAED,eAAO,MAAM,SAAS;;;CAgBrB,CAAA"}

package/dist/field-resolver.d.ts

@@ -1,13 +0,0 @@
-import { FieldProps } from './field';
-export type FieldResolver = {
-    getFields(): FieldProps[];
-    getNestedFields(name: string): FieldProps[];
-};
-interface SchemaField extends FieldProps {
-    items?: SchemaField[];
-    properties?: Record<string, SchemaField>;
-}
-export type ObjectSchema = Record<string, SchemaField>;
-export declare const objectFieldResolver: (schema: ObjectSchema) => FieldResolver;
-export {};
-//# sourceMappingURL=field-resolver.d.ts.map

package/dist/field-resolver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-resolver.d.ts","sourceRoot":"","sources":["../src/field-resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIpC,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,IAAI,UAAU,EAAE,CAAA;IACzB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,EAAE,CAAA;CAC5C,CAAA;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,KAAK,CAAC,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;CACzC;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;AAYtD,eAAO,MAAM,mBAAmB,WAAY,YAAY,KAAG,aAkB1D,CAAA"}

package/dist/field.d.ts

@@ -1,147 +0,0 @@
-import * as React from 'react';
-import { RegisterOptions, FieldValues, FieldPath } from 'react-hook-form';
-import { FormControlProps, InputProps, TextareaProps, SwitchProps, CheckboxProps, UsePinInputProps, SystemProps } from '@chakra-ui/react';
-import { FocusableElement } from '@chakra-ui/utils';
-import { NumberInputProps } from '@saas-ui/number-input';
-import { PasswordInputProps } from '@saas-ui/password-input';
-import { RadioInputProps } from '@saas-ui/radio';
-import { SelectProps, NativeSelectProps } from '@saas-ui/select';
-export interface Option {
-    value: string;
-    label?: string;
-    [key: string]: unknown;
-}
-export type FieldRules = Pick<RegisterOptions, 'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern'>;
-export interface FieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<FormControlProps, 'label' | 'type'> {
-    /**
-     * The field name
-     */
-    name: TName;
-    /**
-     * The field label
-     */
-    label?: string;
-    /**
-     * Hide the field label
-     */
-    hideLabel?: boolean;
-    /**
-     * Field help text
-     */
-    help?: string;
-    /**
-     * React hook form rules
-     */
-    rules?: Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
-    /**
-     * Build-in types:
-     * - text
-     * - number
-     * - password
-     * - textarea
-     * - select
-     * - native-select
-     * - checkbox
-     * - radio
-     * - switch
-     * - pin
-     *
-     * Will default to a text field if there is no matching type.
-     */
-    type?: string;
-    /**
-     * The input placeholder
-     */
-    placeholder?: string;
-}
-export declare const BaseField: React.FC<FieldProps>;
-export type As<Props = any> = React.ElementType<Props>;
-export type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {
-    type?: FieldTypes;
-};
-/**
- * Build-in types:
- * - text
- * - number
- * - password
- * - textarea
- * - select
- * - native-select
- * - checkbox
- * - radio
- * - switch
- * - pin
- *
- * Will default to a text field if there is no matching type.
- */
-export declare const Field: (<TFieldValues extends FieldValues>(props: FieldProps<TFieldValues, import("react-hook-form").Path<TFieldValues>> & FieldTypeProps & {
-    ref?: React.ForwardedRef<FocusableElement> | undefined;
-}) => React.ReactElement) & {
-    displayName?: string | undefined;
-};
-export declare const withControlledInput: (InputComponent: React.FC<any>) => import("@chakra-ui/system/dist/system.types").ComponentWithAs<React.FC<any>, FieldProps<FieldValues, string>>;
-export declare const withUncontrolledInput: (InputComponent: React.FC<any>) => import("@chakra-ui/system/dist/system.types").ComponentWithAs<React.FC<any>, FieldProps<FieldValues, string>>;
-export interface RegisterFieldTypeOptions {
-    isControlled?: boolean;
-    hideLabel?: boolean;
-    BaseField?: React.FC<any>;
-}
-/**
- * Register a new field type
- * @param type The name for this field in kebab-case, eg `email` or `array-field`
- * @param component The React component
- * @param options
- * @param options.isControlled Set this to true if this is a controlled field.
- * @param options.hideLabel Hide the field label, for example for the checkbox field.
- */
-export declare const registerFieldType: <T extends object>(type: string, component: React.FC<T>, options?: RegisterFieldTypeOptions) => React.FC<T & FieldProps<FieldValues, string>>;
-export interface InputFieldProps extends InputProps {
-    type?: string;
-    leftAddon?: React.ReactNode;
-    rightAddon?: React.ReactNode;
-}
-export declare const InputField: React.FC<InputFieldProps & FieldProps<FieldValues, string>>;
-export interface NumberInputFieldProps extends NumberInputProps {
-    type: 'number';
-}
-export declare const NumberInputField: React.FC<NumberInputFieldProps & FieldProps<FieldValues, string>>;
-export declare const PasswordInputField: React.FC<PasswordInputProps & FieldProps<FieldValues, string>>;
-export declare const TextareaField: React.FC<TextareaProps & FieldProps<FieldValues, string>>;
-export declare const SwitchField: React.FC<SwitchProps & FieldProps<FieldValues, string>>;
-export declare const SelectField: React.FC<SelectProps & FieldProps<FieldValues, string>>;
-export declare const CheckboxField: React.FC<CheckboxProps & FieldProps<FieldValues, string>>;
-export declare const RadioField: React.FC<RadioInputProps & FieldProps<FieldValues, string>>;
-export declare const NativeSelectField: React.FC<NativeSelectProps & FieldProps<FieldValues, string>>;
-export interface PinFieldProps extends Omit<UsePinInputProps, 'type'> {
-    pinLength?: number;
-    pinType?: 'alphanumeric' | 'number';
-    spacing?: SystemProps['margin'];
-}
-export declare const PinField: React.FC<PinFieldProps & FieldProps<FieldValues, string>>;
-declare const fieldTypes: {
-    text: React.FC<InputFieldProps & FieldProps<FieldValues, string>>;
-    email: React.FC<InputFieldProps & FieldProps<FieldValues, string>>;
-    url: React.FC<InputFieldProps & FieldProps<FieldValues, string>>;
-    phone: React.FC<InputFieldProps & FieldProps<FieldValues, string>>;
-    number: React.FC<NumberInputFieldProps & FieldProps<FieldValues, string>>;
-    password: React.FC<PasswordInputProps & FieldProps<FieldValues, string>>;
-    textarea: React.FC<TextareaProps & FieldProps<FieldValues, string>>;
-    switch: React.FC<SwitchProps & FieldProps<FieldValues, string>>;
-    checkbox: React.FC<CheckboxProps & FieldProps<FieldValues, string>>;
-    radio: React.FC<RadioInputProps & FieldProps<FieldValues, string>>;
-    pin: React.FC<PinFieldProps & FieldProps<FieldValues, string>>;
-    select: React.FC<SelectProps & FieldProps<FieldValues, string>>;
-    'native-select': React.FC<NativeSelectProps & FieldProps<FieldValues, string>>;
-};
-type FieldTypes = typeof fieldTypes;
-type FieldType<Props = any> = React.ElementType<Props>;
-type TypeProps<P extends FieldType, T> = React.ComponentPropsWithoutRef<P> & {
-    type: T;
-};
-type FieldTypeProps = {
-    [Property in keyof FieldTypes]: TypeProps<FieldTypes[Property], Property>;
-}[keyof FieldTypes] | {
-    type?: string;
-};
-export {};
-//# sourceMappingURL=field.d.ts.map

package/dist/field.d.ts.map

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

package/dist/fields.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { FieldResolver } from './field-resolver';
-export interface FieldsProps {
-    schema: any;
-    fieldResolver?: FieldResolver;
-    focusFirstField?: boolean;
-}
-export declare const Fields: React.FC<FieldsProps>;
-//# sourceMappingURL=fields.d.ts.map

package/dist/fields.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../src/fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGhD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,GAAG,CAAA;IACX,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAYD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiDxC,CAAA"}

package/dist/form.d.ts

@@ -1,44 +0,0 @@
-import * as React from 'react';
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { UseFormProps, UseFormReturn, FieldValues, SubmitHandler, SubmitErrorHandler, ResolverOptions, ResolverResult, WatchObserver } from 'react-hook-form';
-import { FieldResolver } from './field-resolver';
-import { MaybeRenderProp } from '@chakra-ui/react-utils';
-export type { UseFormReturn, FieldValues, SubmitHandler };
-interface FormOptions<TFieldValues extends FieldValues = FieldValues, TContext extends object = object> {
-    /**
-     * The form schema, currently supports Yup schema only.
-     */
-    schema?: any;
-    /**
-     * Triggers when any of the field change.
-     */
-    onChange?: WatchObserver<TFieldValues>;
-    /**
-     * The submit handler.
-     */
-    onSubmit: SubmitHandler<TFieldValues>;
-    /**
-     * Triggers when there are validation errors.
-     */
-    onError?: SubmitErrorHandler<TFieldValues>;
-    /**
-     * Ref on the HTMLFormElement.
-     */
-    formRef?: React.RefObject<HTMLFormElement>;
-    /**
-     * The form children, can be a render prop or a ReactNode.
-     */
-    children?: MaybeRenderProp<UseFormReturn<TFieldValues, TContext>>;
-}
-export interface FormProps<TFieldValues extends FieldValues = FieldValues, TContext extends object = object> extends UseFormProps<TFieldValues, TContext>, Omit<HTMLChakraProps<'form'>, 'children' | 'onChange' | 'onSubmit' | 'onError'>, FormOptions<TFieldValues, TContext> {
-}
-export declare const Form: (<TFieldValues extends FieldValues, TContext extends object = object>(props: FormProps<TFieldValues, TContext> & {
-    ref?: React.ForwardedRef<UseFormReturn<TFieldValues, any>> | undefined;
-}) => React.ReactElement) & {
-    displayName?: string | undefined;
-    getResolver?: GetResolver | undefined;
-    getFieldResolver: GetFieldResolver;
-};
-export type GetResolver = <TFieldValues extends FieldValues, TContext extends object>(schema: any) => (values: TFieldValues, context: TContext | undefined, options: ResolverOptions<TFieldValues>) => Promise<ResolverResult<TFieldValues>>;
-export type GetFieldResolver = (schema: any) => FieldResolver;
-//# sourceMappingURL=form.d.ts.map

package/dist/form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../src/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAU,eAAe,EAAc,MAAM,kBAAkB,CAAA;AAGtE,OAAO,EAGL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,cAAc,EAEd,aAAa,EACd,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAuB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,CAAA;AAEzD,UAAU,WAAW,CACnB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,SAAS,MAAM,GAAG,MAAM;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IACtC;;OAEG;IACH,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;CAClE;AAID,MAAM,WAAW,SAAS,CACxB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,SAAS,MAAM,GAAG,MAAM,CAChC,SAAQ,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,EAC1C,IAAI,CACF,eAAe,CAAC,MAAM,CAAC,EACvB,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACjD,EACD,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC;CAAG;AAE1C,eAAO,MAAM,IAAI;;MA0EZ,MAAM,YAAY;;;sBAGH,gBAAgB;CACnC,CAAA;AAQD,MAAM,MAAM,WAAW,GAAG,CACxB,YAAY,SAAS,WAAW,EAChC,QAAQ,SAAS,MAAM,EAEvB,MAAM,EAAE,GAAG,KACR,CACH,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,QAAQ,GAAG,SAAS,EAC7B,OAAO,EAAE,eAAe,CAAC,YAAY,CAAC,KACnC,OAAO,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAA;AAE1C,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,GAAG,KAAK,aAAa,CAAA"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAE7B,YAAY,EACV,qBAAqB,EACrB,aAAa,EACb,OAAO,EACP,oBAAoB,EACpB,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACb,OAAO,EACP,WAAW,EACX,uBAAuB,EACvB,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,EACX,SAAS,EACT,KAAK,IAAI,QAAQ,EACjB,UAAU,EACV,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,UAAU,EACV,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,GAAG,EACH,WAAW,EACX,eAAe,EACf,QAAQ,EACR,aAAa,EACb,eAAe,EACf,cAAc,EACd,eAAe,EACf,aAAa,EACb,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,mBAAmB,EACnB,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,cAAc,EACd,cAAc,EACd,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,aAAa,EACb,aAAa,GACd,MAAM,iBAAiB,CAAA;AAExB,OAAO,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,OAAO,EACP,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,YAAY,GACb,MAAM,iBAAiB,CAAA"}

package/dist/index.modern.mjs

@@ -1,2 +0,0 @@
-import*as e from"react";import{__DEV__ as t,callAllHandlers as l,get as a,cx as r,runIfFn as n}from"@chakra-ui/utils";import{useFormContext as s,Controller as i,get as o,useForm as m,FormProvider as c,useFieldArray as d,useWatch as u}from"react-hook-form";export{Controller,FormProvider,appendErrors,useController,useFieldArray,useForm,useFormContext,useFormState,useWatch}from"react-hook-form";import{FormControl as p,FormLabel as f,Text as h,forwardRef as b,Input as y,InputGroup as E,Switch as v,Checkbox as g,HStack as F,PinInput as N,Box as C,FormHelperText as x,FormErrorMessage as S,useMergeRefs as k,Textarea as R,PinInputField as V,chakra as L,useTheme as w,SimpleGrid as A,useStyleConfig as I}from"@chakra-ui/react";import{NumberInput as B}from"@saas-ui/number-input";import{PasswordInput as D}from"@saas-ui/password-input";import{RadioInput as O}from"@saas-ui/radio";import{Select as j,NativeSelect as M}from"@saas-ui/select";import{forwardRef as U,chakra as _}from"@chakra-ui/system";import{MinusIcon as z,AddIcon as P}from"@chakra-ui/icons";import{IconButton as $,Button as q}from"@saas-ui/button";import{createContext as H}from"@chakra-ui/react-utils";import{useStepper as T,useStep as G,StepperProvider as W,useStepperContext as J,StepperStep as K,StepperContainer as Q,StepperSteps as X}from"@saas-ui/stepper";function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},Y.apply(this,arguments)}function Z(e,t){if(null==e)return{};var l,a,r={},n=Object.keys(e);for(a=0;a<n.length;a++)t.indexOf(l=n[a])>=0||(r[l]=e[l]);return r}const ee=["name","label","placeholder"],te=t=>{let{name:l,label:a}=t,r=Z(t,ee);/*#__PURE__*/return e.createElement(p,r,a?/*#__PURE__*/e.createElement(f,{htmlFor:l},a):null,/*#__PURE__*/e.createElement(h,{fontSize:"md"},/*#__PURE__*/e.createElement(le,{name:l})))};t&&(te.displayName="DisplayField");const le=({name:e})=>{const{getValues:t}=s();return t(e)||null};t&&(le.displayName="FormValue");const ae=["name","label","help","hideLabel","children"],re=["id","name","label","help","isDisabled","isInvalid","isReadOnly","isRequired","rules"],ne=["name","rules"],se=["ref"],ie=["name","rules"],oe=["ref"],me=["type","leftAddon","rightAddon","size"],ce=["type","value"],de=["label","type"],ue=["pinLength","pinType","spacing"],pe={},fe="text",he=t=>{const{name:l,label:a,help:r,hideLabel:n,children:i}=t,m=Z(t,ae),{formState:c}=s(),d=((e,t)=>o(t.errors,e))(l,c);/*#__PURE__*/return e.createElement(p,Y({},m,{isInvalid:!!d}),a&&!n?/*#__PURE__*/e.createElement(f,null,a):null,/*#__PURE__*/e.createElement(C,null,i,!r||null!=d&&d.message?null:/*#__PURE__*/e.createElement(x,null,r),(null==d?void 0:d.message)&&/*#__PURE__*/e.createElement(S,null,null==d?void 0:d.message)))};t&&(he.displayName="BaseField");const be=e.forwardRef((t,l)=>{const{type:a=fe}=t,r=(e=>pe[e]||pe[fe])(a);/*#__PURE__*/return e.createElement(r,Y({ref:l},t))}),ye=t=>b((a,r)=>{let{name:n,rules:o}=a,m=Z(a,ne);const{control:c}=s();/*#__PURE__*/return e.createElement(i,{name:n,control:c,rules:o,render:a=>{let{field:{ref:n}}=a,s=Z(a.field,se);/*#__PURE__*/return e.createElement(t,Y({},s,m,{onChange:l(m.onChange,s.onChange),onBlur:l(m.onBlur,s.onBlur),ref:k(r,n)}))}})}),Ee=t=>b((a,r)=>{let{name:n,rules:i}=a,o=Z(a,ie);const{register:m}=s(),c=m(n,i),{ref:d}=c,u=Z(c,oe);/*#__PURE__*/return e.createElement(t,Y({},u,o,{onChange:l(o.onChange,u.onChange),onBlur:l(o.onBlur,u.onBlur),ref:k(r,d)}))}),ve=(t,l,a)=>{let r;r=null!=a&&a.isControlled?ye(l):Ee(l);const n=((t,{displayName:l,hideLabel:a,BaseField:r})=>{const n=b((l,n)=>{const{id:s,name:i,label:o,help:m,isDisabled:c,isInvalid:d,isReadOnly:u,isRequired:p,rules:f}=l,h=Z(l,re),b=Y({required:p},f);/*#__PURE__*/return e.createElement(r,{id:s,name:i,label:o,help:m,hideLabel:a,isDisabled:c,isInvalid:d,isReadOnly:u,isRequired:p},/*#__PURE__*/e.createElement(t,Y({ref:n,id:s,name:i,label:a?o:void 0,rules:b},h)))});return n.displayName=l,n})(r,{displayName:`${t.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("")}Field`,hideLabel:null==a?void 0:a.hideLabel,BaseField:(null==a?void 0:a.BaseField)||he});return pe[t]=n,n},ge=ve("text",b((t,l)=>{let{type:a="text",leftAddon:r,rightAddon:n,size:s}=t,i=Z(t,me);const o=/*#__PURE__*/e.createElement(y,Y({type:a,size:s},i,{ref:l}));return r||n?/*#__PURE__*/e.createElement(E,{size:s},r,o,n):o})),Fe=ve("number",B,{isControlled:!0}),Ne=ve("password",b((t,l)=>/*#__PURE__*/e.createElement(D,Y({ref:l},t)))),Ce=ve("textarea",R),xe=ve("switch",b((t,l)=>{let{value:a}=t,r=Z(t,ce);/*#__PURE__*/return e.createElement(v,Y({isChecked:!!a},r,{ref:l}))}),{isControlled:!0}),Se=ve("select",j,{isControlled:!0}),ke=ve("checkbox",b((t,l)=>{let{label:a}=t,r=Z(t,de);/*#__PURE__*/return e.createElement(g,Y({ref:l},r),a)}),{hideLabel:!0}),Re=ve("radio",O,{isControlled:!0}),Ve=ve("native-select",M,{isControlled:!0}),Le=ve("pin",b((t,l)=>{const{pinLength:a=4,pinType:r,spacing:n}=t,s=Z(t,ue),i=[];for(let t=0;t<a;t++)i.push(/*#__PURE__*/e.createElement(V,{key:t,ref:l}));/*#__PURE__*/return e.createElement(F,{spacing:n},/*#__PURE__*/e.createElement(N,Y({},s,{type:r}),i))}),{isControlled:!0}),we=["items","label","title"],Ae=e=>e&&Object.entries(e).map(([e,t])=>{let{label:l,title:a}=t;return Y({},Z(t,we),{name:e,label:l||a})}),Ie=e=>({getFields:()=>Ae(e),getNestedFields:t=>{var l;const r=a(e,t);return r?"object"===(null==(l=r.items)?void 0:l.type)?Ae(r.items.properties):"object"===r.type?Ae(r.properties):[r.items]:[]}}),Be=["mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","schema","defaultValues","onChange","onSubmit","onError","formRef","children"],De=b((t,l)=>{const{mode:a="all",resolver:s,reValidateMode:i,shouldFocusError:o,shouldUnregister:d,shouldUseNativeValidation:u,criteriaMode:p,delayError:f,schema:h,defaultValues:b,onChange:y,onSubmit:E,onError:v,formRef:g,children:F}=t,N=Z(t,Be),C={mode:a,resolver:s,defaultValues:b,reValidateMode:i,shouldFocusError:o,shouldUnregister:d,shouldUseNativeValidation:u,criteriaMode:p,delayError:f};h&&!s&&(C.resolver=null==De.getResolver?void 0:De.getResolver(h));const x=m(C),{handleSubmit:S}=x;return e.useImperativeHandle(l,()=>x,[l,x]),e.useEffect(()=>{let e;return y&&(e=x.watch(y)),()=>{var t;return null==(t=e)?void 0:t.unsubscribe()}},[x,y]),/*#__PURE__*/e.createElement(c,x,/*#__PURE__*/e.createElement(L.form,Y({ref:g,onSubmit:S(E,v)},N,{className:r("saas-form",t.className)}),n(F,x)))});De.getFieldResolver=Ie,t&&(De.displayName="Form");const Oe=["children"],je=({children:t})=>/*#__PURE__*/e.createElement(L.div,null,t);t&&(je.displayName="FormLayoutItem");const Me=t=>{var l,a,n;let{children:s}=t,i=Z(t,Oe);const o=Y({},null!=(l=null==(a=w().components)||null==(n=a.FormLayout)?void 0:n.defaultProps)?l:{spacing:4},i);/*#__PURE__*/return e.createElement(A,Y({},o,{className:r("saas-form__layout",i.className)}),e.Children.map(s,t=>e.isValidElement(t)?/*#__PURE__*/e.createElement(je,null,t):t))};t&&(Me.displayName="FormLayout");const Ue=(t,l)=>e.Children.map(l,l=>e.isValidElement(l)&&l.props.name?e.cloneElement(l,Y({},l.props,{name:`${t}.${l.props.name}`})):l),[_e,ze]=H({name:"ArrayFieldContext"}),[Pe,$e]=H({name:"ArrayFieldRowContext"}),qe=({name:e,defaultValue:t={},keyName:l,min:a,max:r})=>{const{control:n}=s();return Y({},d({control:n,name:e,keyName:l}),{name:e,defaultValue:t,min:a,max:r})},He=({index:t})=>{const{clearErrors:l}=s(),{name:a,remove:r,fields:n}=ze();return e.useEffect(()=>{l(a)},[]),{index:t,isFirst:0===t,isLast:t===n.length-1,name:`${a}.${t}`,remove:e.useCallback(()=>{l(a),r(t)},[t])}},Te=()=>{const{isFirst:e,remove:t}=$e(),{min:l,fields:a}=ze();return{onClick:()=>t(),isDisabled:e&&!!(l&&a.length<=l)}},Ge=()=>{const{append:e,defaultValue:t,max:l,fields:a}=ze();return{onClick:()=>e(t,{shouldFocus:!1}),isDisabled:!!(l&&a.length>=l)}},We=["children","index"],Je=["children"],Ke=["children"],Qe=["name","defaultValue","keyName","min","max","children"],Xe=t=>{let{children:l,index:a}=t,r=Z(t,We);/*#__PURE__*/return e.createElement(Ze,{index:a},/*#__PURE__*/e.createElement(Ye,r,l),/*#__PURE__*/e.createElement(et,null))};t&&(Xe.displayName="ArrayFieldRow");const Ye=t=>{let{children:l}=t,a=Z(t,Je);const{name:r}=$e();/*#__PURE__*/return e.createElement(Me,Y({flex:"1",mr:"2"},a),Ue(r,l))};t&&(Ye.displayName="ArrayFieldRowFields");const Ze=({children:t,index:l})=>{const a=He({index:l});/*#__PURE__*/return e.createElement(Pe,{value:a},/*#__PURE__*/e.createElement(_.div,{__css:{display:"flex",flexDirection:"row",alignItems:"flex-end",width:"100%",mb:4}},t))};t&&(Ze.displayName="ArrayFieldRowContainer");const et=t=>/*#__PURE__*/e.createElement($,Y({icon:/*#__PURE__*/e.createElement(z,null),"aria-label":"Remove row"},Te(),t));t&&(et.displayName="ArrayFieldRemoveButton");const tt=t=>/*#__PURE__*/e.createElement($,Y({icon:/*#__PURE__*/e.createElement(P,null),"aria-label":"Add row",float:"right"},Ge(),t));t&&(tt.displayName="ArrayFieldAddButton");const lt=U((t,l)=>{const{children:a}=t,r=Z(t,Ke);/*#__PURE__*/return e.createElement(rt,Y({ref:l},r),/*#__PURE__*/e.createElement(at,null,t=>/*#__PURE__*/e.createElement(e.Fragment,null,t.map(({id:t},l)=>/*#__PURE__*/e.createElement(Xe,{key:t,index:l},a)))),/*#__PURE__*/e.createElement(tt,null))});t&&(lt.displayName="ArrayField");const at=({children:e})=>{const{fields:t}=ze();return e(t)};t&&(at.displayName="ArrayFieldRows");const rt=e.forwardRef((t,l)=>{let{name:a,defaultValue:r,keyName:n,min:s,max:i,children:o}=t,m=Z(t,Qe);const c=qe({name:a,defaultValue:r,keyName:n,min:s,max:i});return e.useImperativeHandle(l,()=>c,[l,c]),/*#__PURE__*/e.createElement(_e,{value:c},/*#__PURE__*/e.createElement(he,Y({name:a},m),o))});t&&(rt.displayName="ArrayFieldContainer");const nt=["name","label","hideLabel","children","columns","spacing"],st=t=>{const l=I("FormLegend");/*#__PURE__*/return e.createElement(f,Y({as:"legend",sx:l},t))},it=t=>{const{name:l,label:a,hideLabel:r,children:n,columns:s,spacing:i}=t,o=Z(t,nt);/*#__PURE__*/return e.createElement(p,Y({name:l,as:"fieldset"},o),/*#__PURE__*/e.createElement(st,{display:r?"none":"block"},a),/*#__PURE__*/e.createElement(Me,{columns:s,gridGap:i},Ue(l,n)))};t&&(it.displayName="ObjectField");const ot=["name","type"],mt=["schema","fieldResolver","focusFirstField"],ct=["name","type","defaultValue"],dt=(t,l)=>{var a;return null==(a=t.getNestedFields(l))?void 0:a.map((t,l)=>{let{name:a,type:r}=t,n=Z(t,ot);/*#__PURE__*/return e.createElement(be,Y({key:a||l,name:a,type:r},n))})},ut=t=>{let{schema:l,fieldResolver:a,focusFirstField:r}=t,n=Z(t,mt);const i=e.useMemo(()=>a||De.getFieldResolver(l),[l,a]),o=e.useMemo(()=>i.getFields(),[i]),m=s();return e.useEffect(()=>{var e;r&&null!=(e=o[0])&&e.name&&m.setFocus(o[0].name)},[l,a,r]),/*#__PURE__*/e.createElement(Me,n,o.map(t=>{let{name:l,type:a}=t,r=Z(t,ct);return"array"===a?/*#__PURE__*/e.createElement(lt,Y({key:l,name:l},r),dt(i,l)):"object"===a?/*#__PURE__*/e.createElement(it,Y({key:l,name:l},r),dt(i,l)):/*#__PURE__*/e.createElement(be,Y({key:l,name:l,type:a},r))}))};t&&(ut.displayName="Fields");const pt=["children","disableIfUntouched","disableIfInvalid","isDisabled","isLoading"],ft=e.forwardRef((t,l)=>{const{children:a,disableIfUntouched:r,disableIfInvalid:n,isDisabled:i,isLoading:o}=t,m=Z(t,pt),{formState:c}=s();/*#__PURE__*/return e.createElement(q,Y({},m,{ref:l,type:"submit",isLoading:c.isSubmitting||o,isDisabled:r&&!c.isDirty||n&&!c.isValid||i}),a)});ft.defaultProps={variant:"primary",children:"Submit",disableIfUntouched:!1,disableIfInvalid:!1},t&&(ft.displayName="SubmitButton");const ht=["schema","submitLabel","fieldResolver","children"],bt=b((t,l)=>{const{schema:a,submitLabel:r="Submit",fieldResolver:n,children:s}=t,i=Z(t,ht);/*#__PURE__*/return e.createElement(De,Y({},i,{schema:a,ref:l}),/*#__PURE__*/e.createElement(Me,null,/*#__PURE__*/e.createElement(ut,{schema:a,fieldResolver:n}),r&&/*#__PURE__*/e.createElement(ft,null,r),s))});t&&(bt.displayName="AutoForm");const yt=({children:e,name:t,defaultValue:l,isDisabled:a,isExact:r,condition:n=(e=>!!e)})=>n(u({name:t,defaultValue:l,disabled:a,exact:r}),s())?e:null;t&&(yt.displayName="DisplayIf");const Et=["onChange"],[vt,gt]=H({name:"StepFormContext",errorMessage:"useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`"});function Ft(t){const l=Z(t,Et),a=T(l),{activeStep:r,isLastStep:n,nextStep:s}=a,[i,o]=e.useState({}),m=e.useCallback(async e=>{try{const l=i[r];if(n)return await(null==t.onSubmit?void 0:t.onSubmit(e)),d(Y({},l,{isCompleted:!0})),void s();await(null==l.onSubmit?void 0:l.onSubmit(e,a)),s()}catch(e){}},[i,r,n]),c=e.useCallback(()=>{const e=i[r];return{onSubmit:m,schema:null==e?void 0:e.schema,resolver:null==e?void 0:e.resolver}},[i,m,r]),d=e.useCallback(e=>{o(t=>Y({},t,{[e.name]:e}))},[i]);return Y({getFormProps:c,updateStep:d,steps:i},a)}function Nt(t){const{name:l,schema:a,resolver:r,onSubmit:n}=t,s=G({name:l}),{steps:i,updateStep:o}=gt();return e.useEffect(()=>{o({name:l,schema:a,resolver:r,onSubmit:n})},[l,a]),Y({},s,i[l]||{name:l,schema:a})}const Ct=["children"],xt=["getFormProps"],St=["children","orientation","variant","colorScheme","size"],kt=["name","schema","resolver","children","className","onSubmit"],Rt=["label","submitLabel"],Vt=e.forwardRef((t,l)=>{const{children:a}=t,r=Z(t,Ct),s=Ft(t),{getFormProps:i}=s,o=Z(s,xt),m=e.useMemo(()=>o,[o]);/*#__PURE__*/return e.createElement(W,{value:m},/*#__PURE__*/e.createElement(vt,{value:m},/*#__PURE__*/e.createElement(De,Y({ref:l},r,i()),n(a,s))))}),Lt=t=>{const{activeIndex:l,setIndex:a}=J(),{children:r,orientation:n,variant:s,colorScheme:i,size:o}=t,m=Z(t,St),c=e.Children.map(r,t=>{if(e.isValidElement(t)&&(null==t?void 0:t.type)===wt){const{isCompleted:l}=Nt(t.props);/*#__PURE__*/return e.createElement(K,Y({name:t.props.name,title:t.props.title,isCompleted:l},m),t.props.children)}return t}),d=e.useCallback(e=>{a(e)},[]);/*#__PURE__*/return e.createElement(Q,{orientation:n,step:l,variant:s,colorScheme:i,size:o,onChange:d},/*#__PURE__*/e.createElement(X,Y({mb:"4"},t),c))},wt=t=>{const{name:l,schema:a,resolver:n,children:s,className:i,onSubmit:o}=t,m=Z(t,kt),c=Nt({name:l,schema:a,resolver:n,onSubmit:o}),{isActive:d}=c;return d?/*#__PURE__*/e.createElement(_.div,Y({},m,{className:r("saas-form__step",i)}),s):null};t&&(wt.displayName="FormStep");const At=t=>{const{isFirstStep:a,isCompleted:n,prevStep:s}=J();/*#__PURE__*/return e.createElement(q,Y({isDisabled:a||n,label:"Back"},t,{className:r("saas-form__prev-button",t.className),onClick:l(t.onClick,s)}))};t&&(At.displayName="PrevButton");const It=t=>{const{label:l="Next",submitLabel:a="Complete"}=t,n=Z(t,Rt),{isLastStep:s,isCompleted:i}=J();/*#__PURE__*/return e.createElement(ft,Y({},n,{isDisabled:i,className:r("saas-form__next-button",t.className)}),s||i?a:l)};t&&(It.displayName="NextButton");const Bt=e=>{const{name:t,defaultValue:l,isDisabled:a,isExact:r}=e,n=s(),i=u({name:t,defaultValue:l,disabled:a,exact:r});return e.children(i,n)||null};export{lt as ArrayField,tt as ArrayFieldAddButton,rt as ArrayFieldContainer,_e as ArrayFieldProvider,et as ArrayFieldRemoveButton,Xe as ArrayFieldRow,Ze as ArrayFieldRowContainer,Ye as ArrayFieldRowFields,Pe as ArrayFieldRowProvider,at as ArrayFieldRows,bt as AutoForm,he as BaseField,ke as CheckboxField,te as DisplayField,yt as DisplayIf,be as Field,ut as Fields,De as Form,Me as FormLayout,st as FormLegend,wt as FormStep,Lt as FormStepper,le as FormValue,ge as InputField,Ve as NativeSelectField,It as NextButton,Fe as NumberInputField,it as ObjectField,Ne as PasswordInputField,Le as PinField,At as PrevButton,Re as RadioField,Se as SelectField,Vt as StepForm,vt as StepFormProvider,ft as SubmitButton,xe as SwitchField,Ce as TextareaField,Bt as WatchField,Ie as objectFieldResolver,ve as registerFieldType,qe as useArrayField,Ge as useArrayFieldAddButton,ze as useArrayFieldContext,Te as useArrayFieldRemoveButton,He as useArrayFieldRow,$e as useArrayFieldRowContext,Nt as useFormStep,Ft as useStepForm,gt as useStepFormContext,ye as withControlledInput,Ee as withUncontrolledInput};
-//# sourceMappingURL=index.modern.mjs.map

package/dist/index.modern.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.modern.mjs","sources":["../src/display-field.tsx","../src/field.tsx","../src/field-resolver.ts","../src/form.tsx","../src/layout.tsx","../src/utils.ts","../src/use-array-field.tsx","../src/array-field.tsx","../src/object-field.tsx","../src/fields.tsx","../src/submit-button.tsx","../src/auto-form.tsx","../src/display-if.tsx","../src/use-step-form.tsx","../src/step-form.tsx","../src/watch-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  Text,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n} from '@chakra-ui/react'\n\nimport { FieldProps } from './field'\n\nexport interface DisplayFieldProps\n  extends FormControlProps,\n    Omit<FieldProps, 'type' | 'label'> {}\n\nexport const DisplayField: React.FC<DisplayFieldProps> = ({\n  name,\n  label,\n  placeholder,\n  ...props\n}) => {\n  return (\n    <FormControl {...props}>\n      {label ? <FormLabel htmlFor={name}>{label}</FormLabel> : null}\n      <Text fontSize=\"md\">\n        <FormValue name={name} />\n      </Text>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  DisplayField.displayName = 'DisplayField'\n}\n\nexport const FormValue: React.FC<{ name: string }> = ({ name }) => {\n  const { getValues } = useFormContext()\n  return getValues(name) || null\n}\n\nif (__DEV__) {\n  FormValue.displayName = 'FormValue'\n}\n","import * as React from 'react'\nimport {\n  useFormContext,\n  FormState,\n  Controller,\n  get,\n  RegisterOptions,\n  FieldValues,\n  FieldPath,\n} from 'react-hook-form'\n\nimport {\n  forwardRef,\n  Box,\n  FormControl,\n  FormControlProps,\n  FormLabel,\n  FormHelperText,\n  FormErrorMessage,\n  Input,\n  Textarea,\n  Checkbox,\n  Switch,\n  useMergeRefs,\n  InputGroup,\n  InputProps,\n  TextareaProps,\n  SwitchProps,\n  CheckboxProps,\n  PinInputField,\n  HStack,\n  PinInput,\n  UsePinInputProps,\n  SystemProps,\n} from '@chakra-ui/react'\nimport { __DEV__, FocusableElement, callAllHandlers } from '@chakra-ui/utils'\n\nimport { NumberInput, NumberInputProps } from '@saas-ui/number-input'\nimport { PasswordInput, PasswordInputProps } from '@saas-ui/password-input'\nimport { RadioInput, RadioInputProps } from '@saas-ui/radio'\n\nimport {\n  Select,\n  SelectProps,\n  NativeSelect,\n  NativeSelectProps,\n} from '@saas-ui/select'\n\nexport interface Option {\n  value: string\n  label?: string\n  [key: string]: unknown\n}\n\nexport type FieldRules = Pick<\n  RegisterOptions,\n  'required' | 'min' | 'max' | 'maxLength' | 'minLength' | 'pattern'\n>\n\nexport interface FieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<FormControlProps, 'label' | 'type'> {\n  /**\n   * The field name\n   */\n  name: TName\n  /**\n   * The field label\n   */\n  label?: string\n  /**\n   * Hide the field label\n   */\n  hideLabel?: boolean\n  /**\n   * Field help text\n   */\n  help?: string\n  /**\n   * React hook form rules\n   */\n  rules?: Omit<\n    RegisterOptions<TFieldValues, TName>,\n    'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'\n  >\n  /**\n   * Build-in types:\n   * - text\n   * - number\n   * - password\n   * - textarea\n   * - select\n   * - native-select\n   * - checkbox\n   * - radio\n   * - switch\n   * - pin\n   *\n   * Will default to a text field if there is no matching type.\n   */\n  type?: string\n  /**\n   * The input placeholder\n   */\n  placeholder?: string\n}\n\nconst inputTypes: Record<string, React.FC<any>> = {}\n\nconst defaultInputType = 'text'\n\nconst getInput = (type: string) => {\n  return inputTypes[type] || inputTypes[defaultInputType]\n}\n\nconst getError = (name: string, formState: FormState<{ [x: string]: any }>) => {\n  return get(formState.errors, name)\n}\n\nconst isTouched = (\n  name: string,\n  formState: FormState<{ [x: string]: any }>\n) => {\n  return get(formState.touchedFields, name)\n}\n\nexport const BaseField: React.FC<FieldProps> = (props) => {\n  const { name, label, help, hideLabel, children, ...controlProps } = props\n\n  const { formState } = useFormContext()\n\n  const error = getError(name, formState)\n\n  return (\n    <FormControl {...controlProps} isInvalid={!!error}>\n      {label && !hideLabel ? <FormLabel>{label}</FormLabel> : null}\n      <Box>\n        {children}\n        {help && !error?.message ? (\n          <FormHelperText>{help}</FormHelperText>\n        ) : null}\n        {error?.message && (\n          <FormErrorMessage>{error?.message}</FormErrorMessage>\n        )}\n      </Box>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  BaseField.displayName = 'BaseField'\n}\n\nexport type As<Props = any> = React.ElementType<Props>\n\nexport type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {\n  type?: FieldTypes\n}\n\n/**\n * Build-in types:\n * - text\n * - number\n * - password\n * - textarea\n * - select\n * - native-select\n * - checkbox\n * - radio\n * - switch\n * - pin\n *\n * Will default to a text field if there is no matching type.\n */\nexport const Field = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: FieldProps<TFieldValues> | FieldTypeProps,\n    ref: React.ForwardedRef<FocusableElement>\n  ) => {\n    const { type = defaultInputType } = props\n    const InputComponent = getInput(type)\n\n    return <InputComponent ref={ref} {...props} />\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: FieldProps<TFieldValues> &\n    FieldTypeProps & {\n      ref?: React.ForwardedRef<FocusableElement>\n    }\n) => React.ReactElement) & {\n  displayName?: string\n}\n\ninterface CreateFieldProps {\n  displayName: string\n  hideLabel?: boolean\n  BaseField: React.FC<any>\n}\n\nconst createField = (\n  InputComponent: React.FC<any>,\n  { displayName, hideLabel, BaseField }: CreateFieldProps\n) => {\n  const Field = forwardRef((props, ref) => {\n    const {\n      id,\n      name,\n      label,\n      help,\n      isDisabled,\n      isInvalid,\n      isReadOnly,\n      isRequired,\n      rules,\n      ...inputProps\n    } = props\n\n    const inputRules = {\n      required: isRequired,\n      ...rules,\n    }\n\n    return (\n      <BaseField\n        id={id}\n        name={name}\n        label={label}\n        help={help}\n        hideLabel={hideLabel}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isReadOnly={isReadOnly}\n        isRequired={isRequired}\n      >\n        <InputComponent\n          ref={ref}\n          id={id}\n          name={name}\n          label={hideLabel ? label : undefined} // Only pass down the label when it should be inline.\n          rules={inputRules}\n          {...inputProps}\n        />\n      </BaseField>\n    )\n  })\n  Field.displayName = displayName\n\n  return Field\n}\n\nexport const withControlledInput = (InputComponent: React.FC<any>) => {\n  return forwardRef<FieldProps, typeof InputComponent>(\n    ({ name, rules, ...inputProps }, ref) => {\n      const { control } = useFormContext()\n\n      return (\n        <Controller\n          name={name}\n          control={control}\n          rules={rules}\n          render={({ field: { ref: _ref, ...field } }) => (\n            <InputComponent\n              {...field}\n              {...inputProps}\n              onChange={callAllHandlers(inputProps.onChange, field.onChange)}\n              onBlur={callAllHandlers(inputProps.onBlur, field.onBlur)}\n              ref={useMergeRefs(ref, _ref)}\n            />\n          )}\n        />\n      )\n    }\n  )\n}\n\nexport const withUncontrolledInput = (InputComponent: React.FC<any>) => {\n  return forwardRef<FieldProps, typeof InputComponent>(\n    ({ name, rules, ...inputProps }, ref) => {\n      const { register } = useFormContext()\n\n      const { ref: _ref, ...field } = register(name, rules)\n\n      return (\n        <InputComponent\n          {...field}\n          {...inputProps}\n          onChange={callAllHandlers(inputProps.onChange, field.onChange)}\n          onBlur={callAllHandlers(inputProps.onBlur, field.onBlur)}\n          ref={useMergeRefs(ref, _ref)}\n        />\n      )\n    }\n  )\n}\n\nexport interface RegisterFieldTypeOptions {\n  isControlled?: boolean\n  hideLabel?: boolean\n  BaseField?: React.FC<any>\n}\n\n/**\n * Register a new field type\n * @param type The name for this field in kebab-case, eg `email` or `array-field`\n * @param component The React component\n * @param options\n * @param options.isControlled Set this to true if this is a controlled field.\n * @param options.hideLabel Hide the field label, for example for the checkbox field.\n */\nexport const registerFieldType = <T extends object>(\n  type: string,\n  component: React.FC<T>,\n  options?: RegisterFieldTypeOptions\n) => {\n  let InputComponent\n  if (options?.isControlled) {\n    InputComponent = withControlledInput(component)\n  } else {\n    InputComponent = withUncontrolledInput(component)\n  }\n\n  const Field = createField(InputComponent, {\n    displayName: `${type\n      .split('-')\n      .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n      .join('')}Field`,\n    hideLabel: options?.hideLabel,\n    BaseField: options?.BaseField || BaseField,\n  }) as React.FC<T & FieldProps>\n\n  inputTypes[type] = Field\n\n  return Field\n}\n\nexport interface InputFieldProps extends InputProps {\n  type?: string\n  leftAddon?: React.ReactNode\n  rightAddon?: React.ReactNode\n}\n\nexport const InputField = registerFieldType<InputFieldProps>(\n  'text',\n  forwardRef(({ type = 'text', leftAddon, rightAddon, size, ...rest }, ref) => {\n    const input = <Input type={type} size={size} {...rest} ref={ref} />\n    if (leftAddon || rightAddon) {\n      return (\n        <InputGroup size={size}>\n          {leftAddon}\n          {input}\n          {rightAddon}\n        </InputGroup>\n      )\n    }\n    return input\n  })\n)\n\nexport interface NumberInputFieldProps extends NumberInputProps {\n  type: 'number'\n}\n\nexport const NumberInputField = registerFieldType<NumberInputFieldProps>(\n  'number',\n  NumberInput,\n  {\n    isControlled: true,\n  }\n)\n\nexport const PasswordInputField = registerFieldType<PasswordInputProps>(\n  'password',\n  forwardRef((props, ref) => <PasswordInput ref={ref} {...props} />)\n)\n\nexport const TextareaField = registerFieldType<TextareaProps>(\n  'textarea',\n  Textarea\n)\n\nexport const SwitchField = registerFieldType<SwitchProps>(\n  'switch',\n  forwardRef(({ type, value, ...rest }, ref) => {\n    return <Switch isChecked={!!value} {...rest} ref={ref} />\n  }),\n  {\n    isControlled: true,\n  }\n)\n\nexport const SelectField = registerFieldType<SelectProps>('select', Select, {\n  isControlled: true,\n})\n\nexport const CheckboxField = registerFieldType<CheckboxProps>(\n  'checkbox',\n  forwardRef(({ label, type, ...props }, ref) => {\n    return (\n      <Checkbox ref={ref} {...props}>\n        {label}\n      </Checkbox>\n    )\n  }),\n  {\n    hideLabel: true,\n  }\n)\n\nexport const RadioField = registerFieldType<RadioInputProps>(\n  'radio',\n  RadioInput,\n  {\n    isControlled: true,\n  }\n)\n\nexport const NativeSelectField = registerFieldType<NativeSelectProps>(\n  'native-select',\n  NativeSelect,\n  { isControlled: true }\n)\n\nexport interface PinFieldProps extends Omit<UsePinInputProps, 'type'> {\n  pinLength?: number\n  pinType?: 'alphanumeric' | 'number'\n  spacing?: SystemProps['margin']\n}\n\nexport const PinField = registerFieldType<PinFieldProps>(\n  'pin',\n  forwardRef((props, ref) => {\n    const { pinLength = 4, pinType, spacing, ...inputProps } = props\n\n    const inputs: React.ReactNode[] = []\n    for (let i = 0; i < pinLength; i++) {\n      inputs.push(<PinInputField key={i} ref={ref} />)\n    }\n\n    return (\n      <HStack spacing={spacing}>\n        <PinInput {...inputProps} type={pinType}>\n          {inputs}\n        </PinInput>\n      </HStack>\n    )\n  }),\n  {\n    isControlled: true,\n  }\n)\n\nconst fieldTypes = {\n  text: InputField,\n  email: InputField,\n  url: InputField,\n  phone: InputField,\n  number: NumberInputField,\n  password: PasswordInputField,\n  textarea: TextareaField,\n  switch: SwitchField,\n  checkbox: CheckboxField,\n  radio: RadioField,\n  pin: PinField,\n  select: SelectField,\n  'native-select': NativeSelectField,\n}\n\ntype FieldTypes = typeof fieldTypes\n\ntype FieldType<Props = any> = React.ElementType<Props>\n\ntype TypeProps<P extends FieldType, T> = React.ComponentPropsWithoutRef<P> & {\n  type: T\n}\n\ntype FieldTypeProps =\n  | {\n      [Property in keyof FieldTypes]: TypeProps<FieldTypes[Property], Property>\n    }[keyof FieldTypes]\n  | { type?: string }\n","import { FieldProps } from './field'\n\nimport { get } from '@chakra-ui/utils'\n\nexport type FieldResolver = {\n  getFields(): FieldProps[]\n  getNestedFields(name: string): FieldProps[]\n}\n\ninterface SchemaField extends FieldProps {\n  items?: SchemaField[]\n  properties?: Record<string, SchemaField>\n}\n\nexport type ObjectSchema = Record<string, SchemaField>\n\nconst mapFields = (schema: ObjectSchema): FieldProps[] =>\n  schema &&\n  Object.entries(schema).map(([name, { items, label, title, ...field }]) => {\n    return {\n      ...field,\n      name,\n      label: label || title, // json schema compatibility\n    }\n  })\n\nexport const objectFieldResolver = (schema: ObjectSchema): FieldResolver => {\n  const getFields = () => {\n    return mapFields(schema)\n  }\n  const getNestedFields = (name: string) => {\n    const field = get(schema, name)\n\n    if (!field) return []\n\n    if (field.items?.type === 'object') {\n      return mapFields(field.items.properties)\n    } else if (field.type === 'object') {\n      return mapFields(field.properties)\n    }\n    return [field.items]\n  }\n\n  return { getFields, getNestedFields }\n}\n","import * as React from 'react'\n\nimport { chakra, HTMLChakraProps, forwardRef } from '@chakra-ui/react'\nimport { cx, MaybeFunction, runIfFn, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n  useForm,\n  FormProvider,\n  UseFormProps,\n  UseFormReturn,\n  FieldValues,\n  SubmitHandler,\n  SubmitErrorHandler,\n  ResolverOptions,\n  ResolverResult,\n  ChangeHandler,\n  WatchObserver,\n} from 'react-hook-form'\nimport { objectFieldResolver, FieldResolver } from './field-resolver'\nimport { MaybeRenderProp } from '@chakra-ui/react-utils'\n\nexport type { UseFormReturn, FieldValues, SubmitHandler }\n\ninterface FormOptions<\n  TFieldValues extends FieldValues = FieldValues,\n  TContext extends object = object\n> {\n  /**\n   * The form schema, currently supports Yup schema only.\n   */\n  schema?: any\n  /**\n   * Triggers when any of the field change.\n   */\n  onChange?: WatchObserver<TFieldValues>\n  /**\n   * The submit handler.\n   */\n  onSubmit: SubmitHandler<TFieldValues>\n  /**\n   * Triggers when there are validation errors.\n   */\n  onError?: SubmitErrorHandler<TFieldValues>\n  /**\n   * Ref on the HTMLFormElement.\n   */\n  formRef?: React.RefObject<HTMLFormElement>\n  /**\n   * The form children, can be a render prop or a ReactNode.\n   */\n  children?: MaybeRenderProp<UseFormReturn<TFieldValues, TContext>>\n}\n\n// @todo Figure out how to pass down FieldValues to all Field components, if at all possible.\n\nexport interface FormProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TContext extends object = object\n> extends UseFormProps<TFieldValues, TContext>,\n    Omit<\n      HTMLChakraProps<'form'>,\n      'children' | 'onChange' | 'onSubmit' | 'onError'\n    >,\n    FormOptions<TFieldValues, TContext> {}\n\nexport const Form = forwardRef(\n  <\n    TFieldValues extends FieldValues = FieldValues,\n    TContext extends object = object\n  >(\n    props: FormProps<TFieldValues, TContext>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues, TContext>>\n  ) => {\n    const {\n      mode = 'all',\n      resolver,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n      schema,\n      defaultValues,\n      onChange,\n      onSubmit,\n      onError,\n      formRef,\n      children,\n      ...rest\n    } = props\n\n    const form = {\n      mode,\n      resolver,\n      defaultValues,\n      reValidateMode,\n      shouldFocusError,\n      shouldUnregister,\n      shouldUseNativeValidation,\n      criteriaMode,\n      delayError,\n    }\n\n    if (schema && !resolver) {\n      form.resolver = Form.getResolver?.(schema)\n    }\n\n    const methods = useForm<TFieldValues, TContext>(form)\n    const { handleSubmit } = methods\n\n    // This exposes the useForm api through the forwarded ref\n    React.useImperativeHandle(ref, () => methods, [ref, methods])\n\n    React.useEffect(() => {\n      let subscription: any\n      if (onChange) {\n        subscription = methods.watch(onChange)\n      }\n      return () => subscription?.unsubscribe()\n    }, [methods, onChange])\n\n    return (\n      <FormProvider {...methods}>\n        <chakra.form\n          ref={formRef}\n          onSubmit={handleSubmit(onSubmit, onError)}\n          {...rest}\n          className={cx('saas-form', props.className)}\n        >\n          {runIfFn(children, methods)}\n        </chakra.form>\n      </FormProvider>\n    )\n  }\n) as (<TFieldValues extends FieldValues, TContext extends object = object>(\n  props: FormProps<TFieldValues, TContext> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getResolver?: GetResolver\n  getFieldResolver: GetFieldResolver\n}\n\nForm.getFieldResolver = objectFieldResolver\n\nif (__DEV__) {\n  Form.displayName = 'Form'\n}\n\nexport type GetResolver = <\n  TFieldValues extends FieldValues,\n  TContext extends object\n>(\n  schema: any\n) => (\n  values: TFieldValues,\n  context: TContext | undefined,\n  options: ResolverOptions<TFieldValues>\n) => Promise<ResolverResult<TFieldValues>>\n\nexport type GetFieldResolver = (schema: any) => FieldResolver\n","import * as React from 'react'\n\nimport { chakra, SimpleGrid, SimpleGridProps, useTheme } from '@chakra-ui/react'\nimport { cx, __DEV__ } from '@chakra-ui/utils'\n\nexport type FormLayoutProps = SimpleGridProps\n\ninterface FormLayoutItemProps {\n  children: React.ReactNode\n}\n\nconst FormLayoutItem: React.FC<FormLayoutItemProps> = ({ children }) => {\n  return <chakra.div>{children}</chakra.div>\n}\n\nif (__DEV__) {\n  FormLayoutItem.displayName = 'FormLayoutItem'\n}\n\n/**\n * FormLayout\n *\n * Renders form items in a `SimpleGrid`\n * @see https://chakra-ui.com/docs/layout/simple-grid\n */\nexport const FormLayout = ({ children, ...props }: FormLayoutProps) => {\n  const theme = useTheme()\n\n  const defaultProps = theme.components?.FormLayout?.defaultProps ?? {\n    spacing: 4,\n  }\n\n  const gridProps = {\n    ...defaultProps,\n    ...props,\n  }\n\n  return (\n    <SimpleGrid\n      {...gridProps}\n      className={cx('saas-form__layout', props.className)}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return <FormLayoutItem>{child}</FormLayoutItem>\n        }\n        return child\n      })}\n    </SimpleGrid>\n  )\n}\n\nif (__DEV__) {\n  FormLayout.displayName = 'FormLayout'\n}\n","import * as React from 'react'\n\nexport const mapNestedFields = (name: string, children: React.ReactNode) => {\n  return React.Children.map(children, (child) => {\n    if (React.isValidElement(child) && child.props.name) {\n      return React.cloneElement(child, {\n        ...child.props,\n        name: `${name}.${child.props.name}`,\n      })\n    }\n    return child\n  })\n}\n","import * as React from 'react'\nimport {\n  useFieldArray,\n  useFormContext,\n  UseFieldArrayReturn,\n} from 'react-hook-form'\n\nimport { createContext } from '@chakra-ui/react-utils'\n\nexport interface UseArrayFieldReturn extends UseFieldArrayReturn {\n  /**\n   * The array field name\n   */\n  name: string\n  /**\n   * The default value for new items\n   */\n  defaultValue: Record<string, any>\n  /**\n   * Min amount of items\n   */\n  min?: number\n  /**\n   * Max amount of items\n   */\n  max?: number\n}\n\nexport const [ArrayFieldProvider, useArrayFieldContext] =\n  createContext<UseArrayFieldReturn>({\n    name: 'ArrayFieldContext',\n  })\n\nexport interface UseArrayFieldRowReturn {\n  /**\n   * Name of the array field including the index, eg 'field.0'\n   */\n  name: string\n  /**\n   * The field index\n   */\n  index: number\n  /**\n   * Remove this array item\n   */\n  remove: () => void\n  /**\n   * True if this is the first item\n   */\n  isFirst: boolean\n  /**\n   * True if this is the last item\n   */\n  isLast: boolean\n}\n\nexport const [ArrayFieldRowProvider, useArrayFieldRowContext] =\n  createContext<UseArrayFieldRowReturn>({\n    name: 'ArrayFieldRowContext',\n  })\n\nexport interface ArrayFieldOptions {\n  /**\n   * The field name\n   */\n  name: string\n  /**\n   * Default value for new values in the array\n   */\n  defaultValue?: Record<string, any>\n  /**\n   * Default key name for rows, change this if your data uses a different 'id' field\n   * @default \"id\"\n   */\n  keyName?: string\n  min?: number\n  max?: number\n}\n\nexport const useArrayField = ({\n  name,\n  defaultValue = {},\n  keyName,\n  min,\n  max,\n}: ArrayFieldOptions) => {\n  const { control } = useFormContext()\n  const context = useFieldArray({\n    control,\n    name,\n    keyName,\n  })\n\n  return {\n    ...context,\n    name,\n    defaultValue,\n    min,\n    max,\n  }\n}\n\nexport interface UseArrayFieldRowProps {\n  index: number\n}\n\nexport const useArrayFieldRow = ({ index }: UseArrayFieldRowProps) => {\n  const { clearErrors } = useFormContext()\n  const { name, remove, fields } = useArrayFieldContext()\n\n  React.useEffect(() => {\n    // reset errors, to make sure min/max errors reset correctly\n    clearErrors(name)\n  }, [])\n\n  return {\n    index,\n    isFirst: index === 0,\n    isLast: index === fields.length - 1,\n    name: `${name}.${index}`,\n    remove: React.useCallback(() => {\n      clearErrors(name)\n      remove(index)\n    }, [index]),\n  }\n}\n\nexport const useArrayFieldRemoveButton = () => {\n  const { isFirst, remove } = useArrayFieldRowContext()\n  const { min, fields } = useArrayFieldContext()\n\n  const isDisabled = isFirst && !!(min && fields.length <= min)\n\n  return {\n    onClick: () => remove(),\n    isDisabled,\n  }\n}\n\nexport const useArrayFieldAddButton = () => {\n  const { append, defaultValue, max, fields } = useArrayFieldContext()\n\n  const isDisabled = !!(max && fields.length >= max)\n\n  return {\n    onClick: () =>\n      append(defaultValue, {\n        shouldFocus: false,\n      }),\n    isDisabled,\n  }\n}\n","import * as React from 'react'\n\nimport { chakra, ResponsiveValue, forwardRef } from '@chakra-ui/system'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport { AddIcon, MinusIcon } from '@chakra-ui/icons'\nimport { IconButton, ButtonProps } from '@saas-ui/button'\n\nimport { FormLayout, FormLayoutProps } from './layout'\nimport { BaseField, FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nimport {\n  useArrayField,\n  useArrayFieldRow,\n  useArrayFieldContext,\n  ArrayFieldProvider,\n  ArrayFieldOptions,\n  ArrayFieldRowProvider,\n  useArrayFieldRowContext,\n  useArrayFieldRemoveButton,\n  useArrayFieldAddButton,\n  UseArrayFieldReturn,\n} from './use-array-field'\n\ninterface ArrayField {\n  id: string\n  [key: string]: unknown\n}\n\ninterface ArrayFieldRowProps extends FormLayoutProps {\n  /**\n   * Amount of field columns\n   */\n  columns?: ResponsiveValue<number>\n  /**\n   * Spacing between fields\n   */\n  spacing?: ResponsiveValue<string | number>\n  /**\n   * The array index\n   */\n  index: number\n  /**\n   * The fields\n   */\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRow: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n  ...rowFieldsProps\n}) => {\n  return (\n    <ArrayFieldRowContainer index={index}>\n      <ArrayFieldRowFields {...rowFieldsProps}>{children}</ArrayFieldRowFields>\n      <ArrayFieldRemoveButton />\n    </ArrayFieldRowContainer>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRow.displayName = 'ArrayFieldRow'\n}\n\nexport interface ArrayFieldRowFieldsProps extends FormLayoutProps {\n  /**\n   * Amount of field columns\n   */\n  columns?: ResponsiveValue<number>\n  /**\n   * Spacing between fields\n   */\n  spacing?: ResponsiveValue<string | number>\n  /**\n   * The fields\n   */\n  children: React.ReactNode\n}\n\nexport const ArrayFieldRowFields: React.FC<ArrayFieldRowFieldsProps> = ({\n  children,\n  ...layoutProps\n}) => {\n  const { name } = useArrayFieldRowContext()\n  return (\n    <FormLayout flex=\"1\" mr=\"2\" {...layoutProps}>\n      {mapNestedFields(name, children)}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowFields.displayName = 'ArrayFieldRowFields'\n}\n\nexport const ArrayFieldRowContainer: React.FC<ArrayFieldRowProps> = ({\n  children,\n  index,\n}) => {\n  const context = useArrayFieldRow({ index })\n\n  const styles = {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n    width: '100%',\n    mb: 4,\n  }\n\n  return (\n    <ArrayFieldRowProvider value={context}>\n      <chakra.div __css={styles}>{children}</chakra.div>\n    </ArrayFieldRowProvider>\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRowContainer.displayName = 'ArrayFieldRowContainer'\n}\n\nexport const ArrayFieldRemoveButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<MinusIcon />}\n      aria-label=\"Remove row\"\n      {...useArrayFieldRemoveButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldRemoveButton.displayName = 'ArrayFieldRemoveButton'\n}\n\nexport const ArrayFieldAddButton: React.FC<ButtonProps> = (props) => {\n  return (\n    <IconButton\n      icon={<AddIcon />}\n      aria-label=\"Add row\"\n      float=\"right\"\n      {...useArrayFieldAddButton()}\n      {...props}\n    />\n  )\n}\n\nif (__DEV__) {\n  ArrayFieldAddButton.displayName = 'ArrayFieldAddButton'\n}\n\nexport interface ArrayFieldProps\n  extends ArrayFieldOptions,\n    Omit<FieldProps, 'defaultValue'> {}\n\nexport const ArrayField = forwardRef(\n  (props: ArrayFieldProps, ref: React.ForwardedRef<UseArrayFieldReturn>) => {\n    const { children, ...containerProps } = props\n\n    return (\n      <ArrayFieldContainer ref={ref} {...containerProps}>\n        <ArrayFieldRows>\n          {(fields: ArrayField[]) => (\n            <>\n              {fields.map(({ id }, index: number) => (\n                <ArrayFieldRow key={id} index={index}>\n                  {children}\n                </ArrayFieldRow>\n              ))}\n            </>\n          )}\n        </ArrayFieldRows>\n        <ArrayFieldAddButton />\n      </ArrayFieldContainer>\n    )\n  }\n) as ((\n  props: ArrayFieldProps & {\n    ref?: React.ForwardedRef<UseArrayFieldReturn>\n  }\n) => React.ReactElement) & {\n  displayName: string\n}\n\nif (__DEV__) {\n  ArrayField.displayName = 'ArrayField'\n}\n\nexport interface ArrayFieldRowsProps {\n  children: (fields: ArrayField[]) => React.ReactElement | null\n}\n\nexport const ArrayFieldRows = ({\n  children,\n}: ArrayFieldRowsProps): React.ReactElement | null => {\n  const { fields } = useArrayFieldContext()\n  return children(fields)\n}\n\nif (__DEV__) {\n  ArrayFieldRows.displayName = 'ArrayFieldRows'\n}\n\nexport const ArrayFieldContainer = React.forwardRef(\n  (\n    {\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n      children,\n      ...fieldProps\n    }: ArrayFieldProps,\n    ref: React.ForwardedRef<UseArrayFieldReturn>\n  ) => {\n    const context = useArrayField({\n      name,\n      defaultValue,\n      keyName,\n      min,\n      max,\n    })\n\n    // This exposes the useArrayField api through the forwarded ref\n    React.useImperativeHandle(ref, () => context, [ref, context])\n\n    return (\n      <ArrayFieldProvider value={context}>\n        <BaseField name={name} {...fieldProps}>\n          {children}\n        </BaseField>\n      </ArrayFieldProvider>\n    )\n  }\n)\n\nif (__DEV__) {\n  ArrayFieldContainer.displayName = 'ArrayFieldContainer'\n}\n","import * as React from 'react'\nimport {\n  FormControl,\n  FormLabel,\n  FormLabelProps,\n  ResponsiveValue,\n  useStyleConfig,\n} from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { FormLayout } from './layout'\nimport { FieldProps } from './field'\n\nimport { mapNestedFields } from './utils'\n\nexport interface ObjectFieldProps extends FieldProps {\n  name: string\n  children: React.ReactNode\n  columns?: ResponsiveValue<number>\n  spacing?: ResponsiveValue<string | number>\n}\n\nexport const FormLegend = (props: FormLabelProps) => {\n  const styles = useStyleConfig('FormLegend')\n  return <FormLabel as=\"legend\" sx={styles} {...props} />\n}\n\nexport const ObjectField: React.FC<ObjectFieldProps> = (props) => {\n  const { name, label, hideLabel, children, columns, spacing, ...fieldProps } =\n    props\n\n  return (\n    <FormControl name={name} as=\"fieldset\" {...fieldProps}>\n      <FormLegend display={hideLabel ? 'none' : 'block'}>{label}</FormLegend>\n      <FormLayout columns={columns} gridGap={spacing}>\n        {mapNestedFields(name, children)}\n      </FormLayout>\n    </FormControl>\n  )\n}\n\nif (__DEV__) {\n  ObjectField.displayName = 'ObjectField'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form } from './form'\nimport { FormLayout } from './layout'\nimport { Field, FieldProps } from './field'\n\nimport { ArrayField } from './array-field'\nimport { ObjectField } from './object-field'\nimport { FieldResolver } from './field-resolver'\nimport { useFormContext } from 'react-hook-form'\n\nexport interface FieldsProps {\n  schema: any\n  fieldResolver?: FieldResolver\n  focusFirstField?: boolean\n}\n\nconst mapNestedFields = (resolver: FieldResolver, name: string) => {\n  return resolver\n    .getNestedFields(name)\n    ?.map(\n      ({ name, type, ...nestedFieldProps }: FieldProps, i): React.ReactNode => (\n        <Field key={name || i} name={name} type={type} {...nestedFieldProps} />\n      )\n    )\n}\n\nexport const Fields: React.FC<FieldsProps> = ({\n  schema,\n  fieldResolver,\n  focusFirstField,\n  ...props\n}) => {\n  const resolver = React.useMemo(\n    () => fieldResolver || Form.getFieldResolver(schema),\n    [schema, fieldResolver]\n  )\n\n  const fields = React.useMemo(() => resolver.getFields(), [resolver])\n\n  const form = useFormContext()\n\n  React.useEffect(() => {\n    if (focusFirstField && fields[0]?.name) {\n      form.setFocus(fields[0].name)\n    }\n  }, [schema, fieldResolver, focusFirstField])\n\n  return (\n    <FormLayout {...props}>\n      {fields.map(\n        ({\n          name,\n          type,\n          defaultValue,\n          ...fieldProps\n        }: FieldProps): React.ReactNode => {\n          if (type === 'array') {\n            return (\n              <ArrayField key={name} name={name} {...fieldProps}>\n                {mapNestedFields(resolver, name)}\n              </ArrayField>\n            )\n          } else if (type === 'object') {\n            return (\n              <ObjectField key={name} name={name} {...fieldProps}>\n                {mapNestedFields(resolver, name)}\n              </ObjectField>\n            )\n          }\n\n          return <Field key={name} name={name} type={type} {...fieldProps} />\n        }\n      )}\n    </FormLayout>\n  )\n}\n\nif (__DEV__) {\n  Fields.displayName = 'Fields'\n}\n","import * as React from 'react'\n\nimport { useFormContext } from 'react-hook-form'\n\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { __DEV__ } from '@chakra-ui/utils'\n\nexport interface SubmitButtonProps extends ButtonProps {\n  /**\n   * Disable the submit button if the form is untouched.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfUntouched`\n   */\n  disableIfUntouched?: boolean\n  /**\n   * Disable the submit button if the form is invalid.\n   *\n   * Change the default behavior by updating\n   * `SubmitButton.defaultProps.disableIfInvalid`\n   */\n  disableIfInvalid?: boolean\n}\n\nexport const SubmitButton = React.forwardRef<\n  HTMLButtonElement,\n  SubmitButtonProps\n>((props, ref) => {\n  const {\n    children,\n    disableIfUntouched,\n    disableIfInvalid,\n    isDisabled: isDisabledProp,\n    isLoading,\n    ...rest\n  } = props\n  const { formState } = useFormContext()\n\n  const isDisabled =\n    (disableIfUntouched && !formState.isDirty) ||\n    (disableIfInvalid && !formState.isValid) ||\n    isDisabledProp\n\n  return (\n    <Button\n      {...rest}\n      ref={ref}\n      type=\"submit\"\n      isLoading={formState.isSubmitting || isLoading}\n      isDisabled={isDisabled}\n    >\n      {children}\n    </Button>\n  )\n})\n\nSubmitButton.defaultProps = {\n  variant: 'primary',\n  children: 'Submit',\n  disableIfUntouched: false,\n  disableIfInvalid: false,\n}\n\nif (__DEV__) {\n  SubmitButton.displayName = 'SubmitButton'\n}\n","import * as React from 'react'\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\nimport { forwardRef } from '@chakra-ui/react'\nimport { __DEV__ } from '@chakra-ui/utils'\n\nimport { Form, FormProps } from './form'\nimport { FormLayout } from './layout'\nimport { Fields } from './fields'\nimport { SubmitButton } from './submit-button'\nimport { FieldResolver } from '.'\n\ninterface AutoFormOptions {\n  /**\n   * The submit button label.\n   * Pass `null` to render no submit button.\n   */\n  submitLabel?: React.ReactNode\n  /**\n   * The schema.\n   * Supports object schema, Zod, Yup or Ajv (JSON Schema).\n   * @see https://www.saas-ui.dev/docs/forms/auto-form\n   */\n  schema: any\n  /**\n   * The field resolver.\n   */\n  fieldResolver?: any\n}\n\nexport interface AutoFormProps<TFieldValues extends FieldValues>\n  extends Omit<FormProps<TFieldValues>, 'schema' | 'children'>,\n    AutoFormOptions {\n  children?: React.ReactNode\n}\n\nexport const AutoForm = forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: AutoFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const {\n      schema,\n      submitLabel = 'Submit',\n      fieldResolver,\n      children,\n      ...rest\n    } = props\n\n    return (\n      <Form {...rest} schema={schema} ref={ref}>\n        <FormLayout>\n          {<Fields schema={schema} fieldResolver={fieldResolver} />}\n          {submitLabel && <SubmitButton>{submitLabel}</SubmitButton>}\n          {children}\n        </FormLayout>\n      </Form>\n    )\n  }\n) as (<TFieldValues extends FieldValues>(\n  props: AutoFormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement) & {\n  displayName?: string\n  getFieldResolver?: (schema: any) => FieldResolver\n}\n\nif (__DEV__) {\n  AutoForm.displayName = 'AutoForm'\n}\n","import * as React from 'react'\nimport { __DEV__ } from '@chakra-ui/utils'\nimport {\n  useFormContext,\n  useWatch,\n  FieldValues,\n  UseFormReturn,\n} from 'react-hook-form'\n\nexport interface DisplayIfProps<\n  TFieldValues extends FieldValues = FieldValues\n> {\n  children: React.ReactElement\n  name: string\n  defaultValue?: unknown\n  isDisabled?: boolean\n  isExact?: boolean\n  condition?: (value: unknown, context: UseFormReturn<TFieldValues>) => boolean\n}\n\nexport const DisplayIf = <TFieldValues extends FieldValues = FieldValues>({\n  children,\n  name,\n  defaultValue,\n  isDisabled,\n  isExact,\n  condition = (value) => !!value,\n}: DisplayIfProps<TFieldValues>) => {\n  const value = useWatch({\n    name,\n    defaultValue,\n    disabled: isDisabled,\n    exact: isExact,\n  })\n  const context = useFormContext<TFieldValues>()\n  return condition(value, context) ? children : null\n}\n\nif (__DEV__) {\n  DisplayIf.displayName = 'DisplayIf'\n}\n","import * as React from 'react'\nimport { FieldValues, SubmitHandler } from 'react-hook-form'\nimport { createContext, MaybeRenderProp } from '@chakra-ui/react-utils'\nimport {\n  useStepper,\n  useStep,\n  UseStepperProps,\n  UseStepperReturn,\n} from '@saas-ui/stepper'\n\nexport interface StepState {\n  name: string\n  schema?: any\n  resolver?: any\n  isActive?: boolean\n  isCompleted?: boolean\n  onSubmit?: FormStepSubmitHandler\n}\n\nexport type FormStepSubmitHandler<\n  TFieldValues extends FieldValues = FieldValues\n> = (data: TFieldValues, stepper: UseStepperReturn) => Promise<void>\n\nexport interface StepFormContext extends UseStepperReturn {\n  updateStep(state: StepState): void\n  steps: Record<string, StepState>\n}\n\nexport const [StepFormProvider, useStepFormContext] =\n  createContext<StepFormContext>({\n    name: 'StepFormContext',\n    errorMessage:\n      'useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`',\n  })\n\nimport { FormProps } from './form'\n\nexport interface UseStepFormProps<\n  TFieldValues extends FieldValues = FieldValues\n> extends Omit<UseStepperProps, 'onChange'>,\n    Omit<FormProps<TFieldValues>, 'children'> {\n  children: MaybeRenderProp<UseStepFormReturn<TFieldValues>>\n}\n\nexport interface UseStepFormReturn<\n  TFieldValues extends FieldValues = FieldValues\n> extends UseStepperReturn {\n  getFormProps(): {\n    onSubmit: SubmitHandler<TFieldValues>\n    schema?: any\n    resolver?: any\n  }\n  updateStep(step: any): void\n  steps: Record<string, any>\n}\n\nexport function useStepForm<TFieldValues extends FieldValues = FieldValues>(\n  props: UseStepFormProps<TFieldValues>\n): UseStepFormReturn<TFieldValues> {\n  const { onChange, ...rest } = props\n  const stepper = useStepper(rest)\n\n  const { activeStep, isLastStep, nextStep } = stepper\n\n  const [steps, updateSteps] = React.useState<Record<string, StepState>>({})\n\n  const onSubmitStep: SubmitHandler<TFieldValues> = React.useCallback(\n    async (data) => {\n      try {\n        const step = steps[activeStep]\n\n        if (isLastStep) {\n          await props.onSubmit?.(data)\n\n          updateStep({\n            ...step,\n            isCompleted: true,\n          })\n\n          nextStep() // show completed step\n          return\n        }\n\n        await step.onSubmit?.(data, stepper)\n\n        nextStep()\n      } catch (e) {\n        // Step submission failed.\n      }\n    },\n    [steps, activeStep, isLastStep]\n  )\n\n  const getFormProps = React.useCallback(() => {\n    const step = steps[activeStep]\n    return {\n      onSubmit: onSubmitStep,\n      schema: step?.schema,\n      resolver: step?.resolver,\n    }\n  }, [steps, onSubmitStep, activeStep])\n\n  const updateStep = React.useCallback(\n    (step: StepState) => {\n      updateSteps((steps) => {\n        return {\n          ...steps,\n          [step.name]: step,\n        }\n      })\n    },\n    [steps]\n  )\n\n  return {\n    getFormProps,\n    updateStep,\n    steps,\n    ...stepper,\n  }\n}\n\nexport interface UseFormStepProps {\n  name: string\n  schema?: any\n  resolver?: any\n  onSubmit?: FormStepSubmitHandler\n}\n\nexport function useFormStep(props: UseFormStepProps): StepState {\n  const { name, schema, resolver, onSubmit } = props\n  const step = useStep({ name })\n\n  const { steps, updateStep } = useStepFormContext()\n\n  React.useEffect(() => {\n    updateStep({ name, schema, resolver, onSubmit })\n  }, [name, schema])\n\n  return {\n    ...step,\n    ...(steps[name] || { name, schema }),\n  }\n}\n","import * as React from 'react'\n\nimport { FieldValues, UseFormReturn } from 'react-hook-form'\n\nimport { chakra, HTMLChakraProps, ThemingProps } from '@chakra-ui/system'\n\nimport { callAllHandlers, runIfFn, cx, __DEV__ } from '@chakra-ui/utils'\n\nimport {\n  StepperProvider,\n  StepperSteps,\n  StepperStepsProps,\n  StepperStep,\n  useStepperContext,\n  StepperContainer,\n  StepperProps,\n} from '@saas-ui/stepper'\nimport { Button, ButtonProps } from '@saas-ui/button'\n\nimport { Form } from './form'\nimport { SubmitButton } from './submit-button'\n\nimport {\n  useStepForm,\n  useFormStep,\n  StepFormProvider,\n  UseStepFormProps,\n  FormStepSubmitHandler,\n} from './use-step-form'\n\nexport interface StepFormProps<TFieldValues extends FieldValues = FieldValues>\n  extends UseStepFormProps<TFieldValues> {}\n\nexport const StepForm = React.forwardRef(\n  <TFieldValues extends FieldValues = FieldValues>(\n    props: StepFormProps<TFieldValues>,\n    ref: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  ) => {\n    const { children, ...rest } = props\n\n    const stepper = useStepForm<TFieldValues>(props)\n\n    const { getFormProps, ...ctx } = stepper\n\n    const context = React.useMemo(() => ctx, [ctx])\n\n    return (\n      <StepperProvider value={context}>\n        <StepFormProvider value={context}>\n          <Form ref={ref} {...rest} {...getFormProps()}>\n            {runIfFn(children, stepper)}\n          </Form>\n        </StepFormProvider>\n      </StepperProvider>\n    )\n  }\n) as <TFieldValues extends FieldValues>(\n  props: StepFormProps<TFieldValues> & {\n    ref?: React.ForwardedRef<UseFormReturn<TFieldValues>>\n  }\n) => React.ReactElement\n\nexport interface FormStepOptions {\n  /**\n   * The step name\n   */\n  name: string\n  /**\n   * Schema\n   */\n  schema?: any\n  /**\n   * Hook Form Resolver\n   */\n  resolver?: any\n}\n\nexport interface FormStepperProps\n  extends StepperStepsProps,\n    ThemingProps<'Stepper'> {}\n\nexport const FormStepper: React.FC<FormStepperProps> = (props) => {\n  const { activeIndex, setIndex } = useStepperContext()\n\n  const { children, orientation, variant, colorScheme, size, ...rest } = props\n\n  const elements = React.Children.map(children, (child) => {\n    if (\n      React.isValidElement<FormStepProps>(child) &&\n      child?.type === FormStep\n    ) {\n      const { isCompleted } = useFormStep(child.props) // Register this step\n      return (\n        <StepperStep\n          name={child.props.name}\n          title={child.props.title}\n          isCompleted={isCompleted}\n          {...rest}\n        >\n          {child.props.children}\n        </StepperStep>\n      )\n    }\n    return child\n  })\n\n  const onChange = React.useCallback((i: number) => {\n    setIndex(i)\n  }, [])\n\n  return (\n    <StepperContainer\n      orientation={orientation}\n      step={activeIndex}\n      variant={variant}\n      colorScheme={colorScheme}\n      size={size}\n      onChange={onChange}\n    >\n      <StepperSteps mb=\"4\" {...props}>\n        {elements}\n      </StepperSteps>\n    </StepperContainer>\n  )\n}\n\nexport interface FormStepProps\n  extends FormStepOptions,\n    Omit<HTMLChakraProps<'div'>, 'onSubmit'> {\n  onSubmit?: FormStepSubmitHandler\n}\n\nexport const FormStep: React.FC<FormStepProps> = (props) => {\n  const { name, schema, resolver, children, className, onSubmit, ...rest } =\n    props\n  const step = useFormStep({ name, schema, resolver, onSubmit })\n\n  const { isActive } = step\n\n  return isActive ? (\n    <chakra.div {...rest} className={cx('saas-form__step', className)}>\n      {children}\n    </chakra.div>\n  ) : null\n}\n\nif (__DEV__) {\n  FormStep.displayName = 'FormStep'\n}\n\nexport const PrevButton: React.FC<ButtonProps> = (props) => {\n  const { isFirstStep, isCompleted, prevStep } = useStepperContext()\n\n  return (\n    <Button\n      isDisabled={isFirstStep || isCompleted}\n      label=\"Back\"\n      {...props}\n      className={cx('saas-form__prev-button', props.className)}\n      onClick={callAllHandlers(props.onClick, prevStep)}\n    />\n  )\n}\n\nif (__DEV__) {\n  PrevButton.displayName = 'PrevButton'\n}\n\nexport interface NextButtonProps extends ButtonProps {\n  submitLabel?: string\n}\n\nexport const NextButton: React.FC<NextButtonProps> = (props) => {\n  const { label = 'Next', submitLabel = 'Complete', ...rest } = props\n  const { isLastStep, isCompleted } = useStepperContext()\n\n  return (\n    <SubmitButton\n      {...rest}\n      isDisabled={isCompleted}\n      className={cx('saas-form__next-button', props.className)}\n    >\n      {isLastStep || isCompleted ? submitLabel : label}\n    </SubmitButton>\n  )\n}\n\nif (__DEV__) {\n  NextButton.displayName = 'NextButton'\n}\n","import {\n  FieldValues,\n  useFormContext,\n  UseFormReturn,\n  useWatch,\n} from 'react-hook-form'\n\nexport interface WatchFieldProps<\n  Value = unknown,\n  TFieldValues extends FieldValues = FieldValues\n> {\n  name: string\n  defaultValue?: Value\n  isDisabled?: boolean\n  isExact?: boolean\n  children: (\n    value: Value,\n    form: UseFormReturn<TFieldValues>\n  ) => React.ReactElement | void\n}\n\nexport const WatchField = <\n  Value = unknown,\n  TFieldValues extends FieldValues = FieldValues\n>(\n  props: WatchFieldProps<Value, TFieldValues>\n) => {\n  const { name, defaultValue, isDisabled, isExact } = props\n  const form = useFormContext<TFieldValues>()\n\n  const field = useWatch({\n    name,\n    defaultValue,\n    disabled: isDisabled,\n    exact: isExact,\n  })\n\n  return props.children(field, form) || null\n}\n"],"names":["DisplayField","_ref","name","label","props","_objectWithoutPropertiesLoose","_excluded","React","createElement","FormControl","FormLabel","htmlFor","Text","fontSize","FormValue","__DEV__","displayName","getValues","useFormContext","_excluded2","_excluded3","_excluded4","_excluded5","_excluded6","_excluded7","_excluded8","_excluded9","_excluded10","inputTypes","defaultInputType","BaseField","help","hideLabel","children","controlProps","formState","error","get","errors","getError","isInvalid","Box","message","FormHelperText","FormErrorMessage","Field","forwardRef","ref","type","InputComponent","getInput","_extends","withControlledInput","_ref2","rules","inputProps","control","Controller","render","_ref3","field","onChange","callAllHandlers","onBlur","useMergeRefs","withUncontrolledInput","_ref4","register","_register","component","options","isControlled","id","isDisabled","isReadOnly","isRequired","inputRules","required","undefined","createField","split","map","part","charAt","toUpperCase","slice","join","registerFieldType","leftAddon","rightAddon","size","_ref5","rest","input","Input","InputGroup","NumberInput","PasswordInputField","PasswordInput","TextareaField","Textarea","SwitchField","_ref6","value","Switch","isChecked","SelectField","Select","_ref7","Checkbox","RadioField","RadioInput","NativeSelectField","NativeSelect","pinLength","pinType","spacing","i","inputs","push","PinInputField","key","HStack","PinInput","mapFields","schema","Object","entries","title","objectFieldResolver","getFields","getNestedFields","_field$items","items","properties","Form","mode","resolver","reValidateMode","shouldFocusError","shouldUnregister","shouldUseNativeValidation","criteriaMode","delayError","defaultValues","onSubmit","onError","formRef","form","getResolver","methods","useForm","handleSubmit","useImperativeHandle","useEffect","subscription","watch","_subscription","unsubscribe","FormProvider","chakra","className","cx","runIfFn","getFieldResolver","FormLayoutItem","div","FormLayout","_theme$components$For","_theme$components","_theme$components$For2","defaultProps","theme","useTheme","components","SimpleGrid","gridProps","Children","child","isValidElement","mapNestedFields","cloneElement","ArrayFieldProvider","useArrayFieldContext","createContext","ArrayFieldRowProvider","useArrayFieldRowContext","useArrayField","defaultValue","keyName","min","max","context","useFieldArray","useArrayFieldRow","index","clearErrors","remove","fields","isFirst","isLast","length","useCallback","useArrayFieldRemoveButton","onClick","useArrayFieldAddButton","append","shouldFocus","ArrayFieldRow","rowFieldsProps","ArrayFieldRowContainer","ArrayFieldRowFields","ArrayFieldRemoveButton","layoutProps","flex","mr","__css","display","flexDirection","alignItems","width","mb","IconButton","icon","MinusIcon","ArrayFieldAddButton","AddIcon","float","ArrayField","containerProps","ArrayFieldContainer","ArrayFieldRows","Fragment","fieldProps","FormLegend","styles","useStyleConfig","as","sx","ObjectField","columns","gridGap","_resolver$getNestedFi","nestedFieldProps","fieldResolver","focusFirstField","useMemo","_fields$","setFocus","Fields","disableIfUntouched","disableIfInvalid","isDisabledProp","isLoading","Button","isSubmitting","isDirty","isValid","SubmitButton","variant","AutoForm","submitLabel","DisplayIf","isExact","condition","useWatch","disabled","exact","StepFormProvider","useStepFormContext","errorMessage","useStepForm","stepper","useStepper","activeStep","isLastStep","nextStep","steps","updateSteps","useState","onSubmitStep","async","step","data","updateStep","isCompleted","e","getFormProps","useStep","StepForm","ctx","StepperProvider","FormStepper","activeIndex","setIndex","useStepperContext","orientation","colorScheme","elements","FormStep","useFormStep","StepperStep","StepperContainer","StepperSteps","isActive","PrevButton","isFirstStep","prevStep","NextButton","WatchField"],"mappings":"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"}

package/dist/layout.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { SimpleGridProps } from '@chakra-ui/react';
-export type FormLayoutProps = SimpleGridProps;
-/**
- * FormLayout
- *
- * Renders form items in a `SimpleGrid`
- * @see https://chakra-ui.com/docs/layout/simple-grid
- */
-export declare const FormLayout: {
-    ({ children, ...props }: FormLayoutProps): JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=layout.d.ts.map

package/dist/layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAsB,eAAe,EAAY,MAAM,kBAAkB,CAAA;AAGhF,MAAM,MAAM,eAAe,GAAG,eAAe,CAAA;AAc7C;;;;;GAKG;AACH,eAAO,MAAM,UAAU;6BAA4B,eAAe;;CAyBjE,CAAA"}

package/dist/object-field.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { FormLabelProps, ResponsiveValue } from '@chakra-ui/react';
-import { FieldProps } from './field';
-export interface ObjectFieldProps extends FieldProps {
-    name: string;
-    children: React.ReactNode;
-    columns?: ResponsiveValue<number>;
-    spacing?: ResponsiveValue<string | number>;
-}
-export declare const FormLegend: (props: FormLabelProps) => JSX.Element;
-export declare const ObjectField: React.FC<ObjectFieldProps>;
-//# sourceMappingURL=object-field.d.ts.map

package/dist/object-field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"object-field.d.ts","sourceRoot":"","sources":["../src/object-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAGL,cAAc,EACd,eAAe,EAEhB,MAAM,kBAAkB,CAAA;AAIzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIpC,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;CAC3C;AAED,eAAO,MAAM,UAAU,UAAW,cAAc,gBAG/C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAA"}

package/dist/step-form.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-import { HTMLChakraProps, ThemingProps } from '@chakra-ui/system';
-import { StepperStepsProps } from '@saas-ui/stepper';
-import { ButtonProps } from '@saas-ui/button';
-import { UseStepFormProps, FormStepSubmitHandler } from './use-step-form';
-export interface StepFormProps<TFieldValues extends FieldValues = FieldValues> extends UseStepFormProps<TFieldValues> {
-}
-export declare const StepForm: <TFieldValues extends FieldValues>(props: StepFormProps<TFieldValues> & {
-    ref?: React.ForwardedRef<UseFormReturn<TFieldValues, any>> | undefined;
-}) => React.ReactElement;
-export interface FormStepOptions {
-    /**
-     * The step name
-     */
-    name: string;
-    /**
-     * Schema
-     */
-    schema?: any;
-    /**
-     * Hook Form Resolver
-     */
-    resolver?: any;
-}
-export interface FormStepperProps extends StepperStepsProps, ThemingProps<'Stepper'> {
-}
-export declare const FormStepper: React.FC<FormStepperProps>;
-export interface FormStepProps extends FormStepOptions, Omit<HTMLChakraProps<'div'>, 'onSubmit'> {
-    onSubmit?: FormStepSubmitHandler;
-}
-export declare const FormStep: React.FC<FormStepProps>;
-export declare const PrevButton: React.FC<ButtonProps>;
-export interface NextButtonProps extends ButtonProps {
-    submitLabel?: string;
-}
-export declare const NextButton: React.FC<NextButtonProps>;
-//# sourceMappingURL=step-form.d.ts.map

package/dist/step-form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"step-form.d.ts","sourceRoot":"","sources":["../src/step-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE5D,OAAO,EAAU,eAAe,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAIzE,OAAO,EAGL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAKrD,OAAO,EAIL,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,iBAAiB,CAAA;AAExB,MAAM,WAAW,aAAa,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW,CAC3E,SAAQ,gBAAgB,CAAC,YAAY,CAAC;CAAG;AAE3C,eAAO,MAAM,QAAQ;;MA2BhB,MAAM,YAAY,CAAA;AAEvB,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf;AAED,MAAM,WAAW,gBACf,SAAQ,iBAAiB,EACvB,YAAY,CAAC,SAAS,CAAC;CAAG;AAE9B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2ClD,CAAA;AAED,MAAM,WAAW,aACf,SAAQ,eAAe,EACrB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC1C,QAAQ,CAAC,EAAE,qBAAqB,CAAA;CACjC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAY5C,CAAA;AAMD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAY5C,CAAA;AAMD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAahD,CAAA"}

package/dist/submit-button.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { ButtonProps } from '@saas-ui/button';
-export interface SubmitButtonProps extends ButtonProps {
-    /**
-     * Disable the submit button if the form is untouched.
-     *
-     * Change the default behavior by updating
-     * `SubmitButton.defaultProps.disableIfUntouched`
-     */
-    disableIfUntouched?: boolean;
-    /**
-     * Disable the submit button if the form is invalid.
-     *
-     * Change the default behavior by updating
-     * `SubmitButton.defaultProps.disableIfInvalid`
-     */
-    disableIfInvalid?: boolean;
-}
-export declare const SubmitButton: React.ForwardRefExoticComponent<SubmitButtonProps & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=submit-button.d.ts.map

package/dist/submit-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"submit-button.d.ts","sourceRoot":"","sources":["../src/submit-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAIrD,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,eAAO,MAAM,YAAY,6FA8BvB,CAAA"}