@goodhood-web/nebenan-base 3.4.0-development.47 → 3.4.0-development.49

package/lib/Forms/DynamicForm/DynamicForm.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import { WizardStepT } from '../Wizard/Wizard.types';
-export declare function DynamicForm({ fields, onSubmit }: PropsWithChildren<WizardStepT>): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicForm({ fields, formError, formFieldMap, formKey, id, onSubmit, spacing, validationMode, validationSchema, }: PropsWithChildren<WizardStepT>): import("react/jsx-runtime").JSX.Element;
 export default DynamicForm;

package/lib/Forms/Fields/CodeField/CodeField.d.ts

@@ -0,0 +1,3 @@
+import { CodeInputProps } from './CodeField.types';
+declare const CodeField: ({ disabled, errorText, onComplete, type, length, variant, value, }: CodeInputProps) => import("react/jsx-runtime").JSX.Element;
+export default CodeField;

package/lib/Forms/Fields/CodeField/CodeField.types.d.ts

@@ -0,0 +1,9 @@
+export interface CodeInputProps {
+    disabled?: boolean;
+    errorText?: string;
+    length?: number;
+    onComplete?: (value: string) => void;
+    type?: 'invite' | 'sms';
+    value?: string;
+    variant?: 'filled' | 'outlined';
+}

package/lib/Forms/Fields/FormButton/FormButtonProps.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { ButtonVariationProps } from '../../../../../../ui/src/lib/Atoms/Buttons/Button/Button.types';
+import { TextButtonProps } from '../../../../../../ui/src/lib/Atoms/Buttons/TextButton/TextButton.types';
+export type FormButtonProps = {
+    color?: TextButtonProps['color'];
+    disabled?: boolean;
+    goTo?: string;
+    label?: string;
+    onClick?: () => void;
+    size?: ButtonVariationProps['size'];
+    text?: string;
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'text';
+};
+declare const FormButton: ({ color, disabled, goTo, label, onClick, size, text, type, variant, }: FormButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default FormButton;

package/lib/Forms/Fields/FormCodeField.d.ts

@@ -0,0 +1,5 @@
+import { UseControllerProps } from 'react-hook-form';
+import { CodeInputProps } from './CodeField/CodeField.types';
+export type FormCodeInputProps = UseControllerProps & Omit<CodeInputProps, 'onComplete' | 'errorText'>;
+export declare const FormCodeField: ({ disabled, length, name, rules, type, variant, }: FormCodeInputProps) => import("react/jsx-runtime").JSX.Element;
+export default FormCodeField;

package/lib/Forms/Fields/FormContentCreatorTile.d.ts

@@ -0,0 +1,6 @@
+import { ContentCreatorTileProps } from '../../../../../ui/src/lib/Atoms/Buttons/Tiles/ContentCreatorTile/ContentCreatorTile.types';
+export type FormContentCreatorTileProps = ContentCreatorTileProps & {
+    id: string;
+};
+export declare const FormContentCreatorTile: ({ description, headline, id, isActive, isPending, sticker, }: FormContentCreatorTileProps) => import("react/jsx-runtime").JSX.Element;
+export default FormContentCreatorTile;

package/lib/Forms/Fields/FormGenderSelector.d.ts

@@ -0,0 +1,5 @@
+import { UseControllerProps } from 'react-hook-form';
+import { GenderSelectorProps } from './GenderSelector/GenderSelector.types';
+export type FormGenderSelectorProps = UseControllerProps & Partial<GenderSelectorProps>;
+export declare const FormGenderSelector: ({ name, rules, selectedGender, }: FormGenderSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export default FormGenderSelector;

package/lib/Forms/Fields/FormHeader/FormHeader.d.ts

@@ -0,0 +1,3 @@
+import { FormHeaderProps } from './FormHeader.types';
+declare const FormHeader: ({ description, header, notice, phoneNr, sticker, title, }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default FormHeader;

package/lib/Forms/Fields/FormHeader/FormHeader.types.d.ts

@@ -0,0 +1,10 @@
+import { StickerProps } from '../../../../../../ui/src/lib/Atoms/Badges/Sticker/Sticker.types';
+import { NoticeInfoProps, NoticeWarningProps } from '../../../../../../ui/src/lib/Molecules/Notices/Notice/Notice.types';
+export interface FormHeaderProps {
+    description?: string;
+    header: string;
+    notice?: NoticeWarningProps | NoticeInfoProps;
+    phoneNr?: boolean;
+    sticker?: StickerProps;
+    title?: string;
+}

package/lib/Forms/Fields/FormHeader/components/PhoneNumber.d.ts

@@ -0,0 +1,4 @@
+declare const PhoneNumber: ({ className }: {
+    className: string;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default PhoneNumber;

package/lib/Forms/Fields/FormNameAbbreviation.d.ts

@@ -0,0 +1,7 @@
+import { UseControllerProps } from 'react-hook-form';
+import { NameAbbreviationProps } from './NameAbbreviation/NameAbbreviation.types';
+export type FormNameAbbreviationProps = UseControllerProps & Partial<NameAbbreviationProps> & {
+    defaultChecked?: boolean;
+};
+export declare const FormNameAbbreviation: ({ defaultChecked, label, name, rules, }: FormNameAbbreviationProps) => import("react/jsx-runtime").JSX.Element;
+export default FormNameAbbreviation;

package/lib/Forms/Fields/FormPasswordField.d.ts

@@ -0,0 +1,5 @@
+import { UseControllerProps } from 'react-hook-form';
+import { PasswordFieldProps } from './PasswordField/PasswordField.types';
+export type FormPasswordFieldProps = UseControllerProps & Partial<PasswordFieldProps>;
+declare const FormPasswordField: ({ colorScheme, id, label, name, passwordHint, progressBar, rules, size, value, }: FormPasswordFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default FormPasswordField;

package/lib/Forms/Fields/FormPhoneInput.d.ts

@@ -0,0 +1,5 @@
+import { UseControllerProps } from 'react-hook-form';
+import { default as PhoneInputProps } from './PhoneInput/PhoneInput.types';
+export type FormPhoneInputProps = UseControllerProps & Omit<PhoneInputProps, 'onChange'>;
+export declare const FormPhoneInput: ({ disabledSelect, inputId, name, placeholder, rules, selectId, size, styleInput, styleSelect, }: FormPhoneInputProps) => import("react/jsx-runtime").JSX.Element;
+export default FormPhoneInput;

package/lib/Forms/Fields/FormSelectInput.d.ts

@@ -0,0 +1,12 @@
+import { UseControllerProps } from 'react-hook-form';
+import { SelectInputProps } from './SelectInput/SelectInput.types';
+type FormSelectInputApi = {
+    api: {
+        dataId: string;
+        endpoint: string;
+        key: string;
+    };
+};
+export type FormSelectInputProps = UseControllerProps & Omit<SelectInputProps, 'onSelect' | 'options'> & FormSelectInputApi;
+export declare const FormSelectInput: ({ api, className, disabled, iconButton, id, label, name, rules, sheetBreakpoint, size, style, }: FormSelectInputProps) => import("react/jsx-runtime").JSX.Element;
+export default FormSelectInput;

package/lib/Forms/Fields/FormTextInput.d.ts

@@ -1,4 +1,4 @@
 import { UseControllerProps } from 'react-hook-form';
 import { TextInputProps } from '../../../../../ui/src/lib/Atoms/Inputs/TextInput/TextInput.types';
 export type FormTextInputProps = UseControllerProps & Partial<TextInputProps>;
-export default function FormTextInput({ colorScheme, id, label, name, rules, size, value, ...props }: FormTextInputProps): import("react/jsx-runtime").JSX.Element;
+export default function FormTextInput({ colorScheme, hintText, id, label, name, rules, size, value, ...props }: FormTextInputProps): import("react/jsx-runtime").JSX.Element;

package/lib/Forms/Fields/GenderSelector/GenderSelector.d.ts

@@ -0,0 +1,3 @@
+import { GenderSelectorProps } from './GenderSelector.types';
+declare const GenderSelector: ({ onChange, selectedGender }: GenderSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export default GenderSelector;

package/lib/Forms/Fields/GenderSelector/GenderSelector.types.d.ts

@@ -0,0 +1,19 @@
+import { ToggleButtonGroupProps } from '../../../../../../ui/src/lib/Molecules/Selections/SelectablePillGroup/SelectablePillGroup.types';
+export declare const GENDERS: number[];
+export type SelectedGenderOptions = (typeof GENDER_VALUES)[keyof typeof GENDER_VALUES];
+export type GenderSelectorProps = Omit<ToggleButtonGroupProps, 'multiselect' | 'items' | 'selectedItems'> & {
+    onChange: (value: SelectedGenderOptions) => void;
+    selectedGender: SelectedGenderOptions;
+};
+export declare const GENDER_LABELS: {
+    3: string;
+    0: string;
+    1: string;
+    2: string;
+};
+export declare const GENDER_VALUES: {
+    3: string;
+    0: string;
+    1: string;
+    2: string;
+};

package/lib/Forms/Fields/GenderSelector/GenderSelector.utils.d.ts

@@ -0,0 +1,4 @@
+import { SelectablePillProps } from '../../../../../../ui/src/lib/Atoms/Selectables/SelectablePill/SelectablePill.types';
+import { SelectedGenderOptions } from './GenderSelector.types';
+export declare const getGenders: () => SelectablePillProps[];
+export declare const getSelectedGender: (genders: SelectablePillProps[], selectedGender: SelectedGenderOptions) => SelectablePillProps[];

package/lib/Forms/Fields/NameAbbreviation/NameAbbreviation.d.ts

@@ -0,0 +1,3 @@
+import { NameAbbreviationProps } from './NameAbbreviation.types';
+declare const NameAbbreviation: ({ checked, firstname, label, lastname, onChange, placeholder, }: NameAbbreviationProps) => import("react/jsx-runtime").JSX.Element;
+export default NameAbbreviation;

package/lib/Forms/Fields/NameAbbreviation/NameAbbreviation.types.d.ts

@@ -0,0 +1,11 @@
+import { ToggleProps } from '../../../../../../ui/src/lib/Atoms/Inputs/Toggle/Toggle.types';
+export interface NameAbbreviationProps extends ToggleProps {
+    checked: boolean;
+    firstname: string;
+    label?: string;
+    lastname: string;
+    placeholder?: {
+        firstname: string;
+        lastname: string;
+    };
+}

package/lib/Forms/Fields/PasswordField/PasswordField.d.ts

@@ -0,0 +1,3 @@
+import { PasswordFieldProps } from './PasswordField.types';
+declare const PasswordField: ({ colorScheme, errorText, id, label, name, onBlur, onChange, passwordHint, progressBar, size, value, }: PasswordFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default PasswordField;

package/lib/Forms/Fields/PasswordField/PasswordField.types.d.ts

@@ -0,0 +1,16 @@
+import { TextInputProps } from '../../../../../../ui/src/lib/Atoms/Inputs/TextInput/TextInput.types';
+export type PasswordFieldProps = {
+    colorScheme?: TextInputProps['colorScheme'];
+    error?: TextInputProps['error'];
+    errorText?: TextInputProps['errorText'];
+    id?: TextInputProps['id'];
+    label?: TextInputProps['label'];
+    name: TextInputProps['name'];
+    onBlur?: TextInputProps['onBlur'];
+    onChange?: TextInputProps['onChange'];
+    passwordHint?: string;
+    progressBar?: boolean;
+    showInputHints?: TextInputProps['showInputHints'];
+    size?: TextInputProps['size'];
+    value?: string;
+};

package/lib/Forms/Fields/PasswordField/utils.d.ts

@@ -0,0 +1 @@
+export declare const getProgressBarProgress: (password: string) => number;

package/lib/Forms/Fields/PhoneInput/PhoneInput.d.ts

@@ -0,0 +1,3 @@
+import { default as PhoneInputProps } from './PhoneInput.types';
+declare const PhoneInput: ({ defaultSelectValue, disabledSelect, errorText, inputId, onChange, placeholder, selectId, size, styleInput, styleSelect, value, }: PhoneInputProps) => import("react/jsx-runtime").JSX.Element;
+export default PhoneInput;

package/lib/Forms/Fields/PhoneInput/PhoneInput.types.d.ts

@@ -0,0 +1,16 @@
+import { TextInputProps } from '../../../../../../ui/src/lib/Atoms/Inputs/TextInput/TextInput.types';
+import { euCountriesOpened } from './util';
+export type DialCode = (typeof euCountriesOpened)[number]['dial_code'];
+export default interface PhoneInputProps {
+    defaultSelectValue?: DialCode;
+    disabledSelect?: TextInputProps['disabled'];
+    errorText?: TextInputProps['errorText'];
+    inputId?: string;
+    onChange: (selectValue: string, inputValue: string) => void;
+    placeholder?: string;
+    selectId?: string;
+    size?: TextInputProps['size'];
+    styleInput?: TextInputProps['colorScheme'];
+    styleSelect?: TextInputProps['colorScheme'];
+    value?: string;
+}

package/lib/Forms/Fields/PhoneInput/util.d.ts

@@ -0,0 +1,153 @@
+import { CountryCode } from '../../../../../../ui/src/lib/Base/FlagIcon/FlagIcon.types';
+import { Option } from '../SelectInput/SelectInput.types';
+export declare const euCountries: readonly [{
+    readonly code: "AT";
+    readonly dial_code: "+43";
+    readonly local_name: "Österreich";
+    readonly name: "Austria";
+}, {
+    readonly code: "BE";
+    readonly dial_code: "+32";
+    readonly local_name: "België";
+    readonly name: "Belgium";
+}, {
+    readonly code: "BG";
+    readonly dial_code: "+359";
+    readonly local_name: "България";
+    readonly name: "Bulgaria";
+}, {
+    readonly code: "HR";
+    readonly dial_code: "+385";
+    readonly local_name: "Hrvatska";
+    readonly name: "Croatia";
+}, {
+    readonly code: "CY";
+    readonly dial_code: "+357";
+    readonly local_name: "Κύπρος";
+    readonly name: "Cyprus";
+}, {
+    readonly code: "CZ";
+    readonly dial_code: "+420";
+    readonly local_name: "Česko";
+    readonly name: "Czechia";
+}, {
+    readonly code: "DK";
+    readonly dial_code: "+45";
+    readonly local_name: "Danmark";
+    readonly name: "Denmark";
+}, {
+    readonly code: "EE";
+    readonly dial_code: "+372";
+    readonly local_name: "Eesti";
+    readonly name: "Estonia";
+}, {
+    readonly code: "FI";
+    readonly dial_code: "+358";
+    readonly local_name: "Suomi";
+    readonly name: "Finland";
+}, {
+    readonly code: "FR";
+    readonly dial_code: "+33";
+    readonly local_name: "France";
+    readonly name: "France";
+}, {
+    readonly code: "DE";
+    readonly dial_code: "+49";
+    readonly local_name: "Deutschland";
+    readonly name: "Germany";
+}, {
+    readonly code: "GR";
+    readonly dial_code: "+30";
+    readonly local_name: "Ελλάς";
+    readonly name: "Greece";
+}, {
+    readonly code: "HU";
+    readonly dial_code: "+36";
+    readonly local_name: "Magyarország";
+    readonly name: "Hungary";
+}, {
+    readonly code: "IE";
+    readonly dial_code: "+353";
+    readonly local_name: "Éire";
+    readonly name: "Ireland";
+}, {
+    readonly code: "IT";
+    readonly dial_code: "+39";
+    readonly local_name: "Italia";
+    readonly name: "Italy";
+}, {
+    readonly code: "LV";
+    readonly dial_code: "+371";
+    readonly local_name: "Latvija";
+    readonly name: "Latvia";
+}, {
+    readonly code: "LT";
+    readonly dial_code: "+370";
+    readonly local_name: "Lietuva";
+    readonly name: "Lithuania";
+}, {
+    readonly code: "LU";
+    readonly dial_code: "+352";
+    readonly local_name: "Luxembourg";
+    readonly name: "Luxembourg";
+}, {
+    readonly code: "MT";
+    readonly dial_code: "+356";
+    readonly local_name: "Malta";
+    readonly name: "Malta";
+}, {
+    readonly code: "NL";
+    readonly dial_code: "+31";
+    readonly local_name: "Nederland";
+    readonly name: "Netherlands";
+}, {
+    readonly code: "PL";
+    readonly dial_code: "+48";
+    readonly local_name: "Polska";
+    readonly name: "Poland";
+}, {
+    readonly code: "PT";
+    readonly dial_code: "+351";
+    readonly local_name: "Portugal";
+    readonly name: "Portugal";
+}, {
+    readonly code: "RO";
+    readonly dial_code: "+40";
+    readonly local_name: "România";
+    readonly name: "Romania";
+}, {
+    readonly code: "SK";
+    readonly dial_code: "+421";
+    readonly local_name: "Slovensko";
+    readonly name: "Slovakia";
+}, {
+    readonly code: "SI";
+    readonly dial_code: "+386";
+    readonly local_name: "Slovenija";
+    readonly name: "Slovenia";
+}, {
+    readonly code: "ES";
+    readonly dial_code: "+34";
+    readonly local_name: "España";
+    readonly name: "Spain";
+}, {
+    readonly code: "SE";
+    readonly dial_code: "+46";
+    readonly local_name: "Sverige";
+    readonly name: "Sweden";
+}];
+export declare const euCountriesOpened: readonly [{
+    readonly code: "FR";
+    readonly dial_code: "+33";
+}, {
+    readonly code: "DE";
+    readonly dial_code: "+49";
+}, {
+    readonly code: "IT";
+    readonly dial_code: "+39";
+}, {
+    readonly code: "ES";
+    readonly dial_code: "+34";
+}];
+export declare const isCountryCode: (code: string) => code is CountryCode;
+export declare const getFormattedOptions: () => Option[];

package/lib/Forms/Fields/SelectInput/SelectInput.d.ts

@@ -0,0 +1,3 @@
+import { SelectInputProps } from './SelectInput.types';
+declare const SelectInput: ({ className, defaultValue, disabled, errorText, iconButton, id, label, name, onSelect, options, readonly, sheetBreakpoint, size, style, }: SelectInputProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectInput;

package/lib/Forms/Fields/SelectInput/SelectInput.types.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { TextInputProps } from '../../../../../../ui/src/lib/Atoms/Inputs/TextInput/TextInput.types';
+import { CountryCode } from '../../../../../../ui/src/lib/Base/FlagIcon/FlagIcon.types';
+import { SheetBreakpoint } from '../../../../../../ui/src/lib/Organisms/Modals/Sheet/Sheet.types';
+export type Option = {
+    children: ReactNode;
+    code?: CountryCode;
+    label: string | undefined;
+    value: string;
+};
+export declare enum OpenState {
+    DROPDOWN = "dropdown",
+    NONE = "none",
+    SHEET = "sheet"
+}
+export interface SelectInputProps {
+    className?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    errorText?: string;
+    iconButton?: TextInputProps['iconButton'];
+    id: string;
+    label?: string;
+    name?: string;
+    onSelect: (option: string | null) => void;
+    options: Option[];
+    readonly?: boolean;
+    sheetBreakpoint?: SheetBreakpoint;
+    size?: TextInputProps['size'];
+    style?: TextInputProps['colorScheme'];
+}

package/lib/Forms/Fields/SelectInput/components/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from './Input.type';
+declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Input;

package/lib/Forms/Fields/SelectInput/components/Input/Input.type.d.ts

@@ -0,0 +1,5 @@
+import { TextInputProps } from '../../../../../../../../ui/src/lib/Atoms/Inputs/TextInput/TextInput.types';
+export interface InputProps {
+    isOpen: boolean;
+    textInputProps: Pick<TextInputProps, 'size' | 'colorScheme' | 'iconButton' | 'errorText' | 'placeholder' | 'readonly' | 'label' | 'disabled' | 'flagIcon' | 'wrapperClassName' | 'onBlur' | 'onChange' | 'onKeyDown' | 'onClick' | 'name' | 'id' | 'value'>;
+}

package/lib/Forms/Fields/SelectInput/components/OptionsList/OptionsList.d.ts

@@ -0,0 +1,3 @@
+import { OptionsListProps } from './OptionsList.types';
+declare const OptionsList: ({ handleOptionKeyDown, handleOptionMouseDown, handleOptionMouseEnter, highlightedIndex, id, inputValue, isReadonly, options, }: OptionsListProps) => import("react/jsx-runtime").JSX.Element;
+export default OptionsList;

package/lib/Forms/Fields/SelectInput/components/OptionsList/OptionsList.types.d.ts

@@ -0,0 +1,11 @@
+import { Option } from '../../SelectInput.types';
+export interface OptionsListProps {
+    handleOptionKeyDown: (e: React.KeyboardEvent<HTMLLIElement>, option: string) => void;
+    handleOptionMouseDown: (e: React.MouseEvent<HTMLLIElement>, option: string) => void;
+    handleOptionMouseEnter: (index: number) => void;
+    highlightedIndex: number;
+    id: string;
+    inputValue: string;
+    isReadonly?: boolean;
+    options: Option[];
+}

package/lib/Forms/Fields/SelectInput/utils.d.ts

@@ -0,0 +1,4 @@
+import { Option } from './SelectInput.types';
+export declare const getFilteredOptions: (options: Option[], inputValue: string, readonly?: boolean) => Option[];
+export declare const getFormattedOptions: (options: string[]) => Option[];
+export declare const getSelectedOption: (options: Option[], inputValue: string) => Option;

package/lib/Forms/Fields/index.d.ts

@@ -1,8 +1,10 @@
 import { default as FormCheckboxInput } from './FormCheckboxInput';
+import { default as FormContentCreatorTile } from './FormContentCreatorTile';
 import { default as FormInputFieldSpecial } from './FormInputFieldSpecial';
+import { default as FormPhoneInput } from './FormPhoneInput';
 import { default as FormRadioButton } from './FormRadioButton';
 import { default as FormRadioButtonCluster } from './FormRadioButtonCluster';
 import { default as FormTextAreaInput } from './FormTextAreaInput';
 import { default as FormTextInput } from './FormTextInput';
 import { default as FormToggleInput } from './FormToggleInput';
-export { FormCheckboxInput, FormRadioButton, FormRadioButtonCluster, FormTextInput, FormTextAreaInput, FormToggleInput, FormInputFieldSpecial, };
+export { FormCheckboxInput, FormInputFieldSpecial, FormPhoneInput, FormRadioButton, FormRadioButtonCluster, FormTextAreaInput, FormTextInput, FormContentCreatorTile, FormToggleInput, };

package/lib/Forms/Fields/utils.d.ts

@@ -0,0 +1 @@
+export declare function parsePhoneNumber(phoneNumber: string, part?: 'code' | 'number' | 'full'): string;

package/lib/Forms/Form/Form.d.ts

@@ -1,3 +1,3 @@
 import { FieldValues } from 'react-hook-form';
 import { FormProps } from './Form.types';
-export default function Form<FormData extends FieldValues>({ children, className, initialValues, onSubmit, validationSchema, }: FormProps<FormData>): import("react/jsx-runtime").JSX.Element;
+export default function Form<FormData extends FieldValues>({ children, className, id, formKey, initialValues, onSubmit, formError, validationSchema, validationMode, }: FormProps<FormData>): import("react/jsx-runtime").JSX.Element;

package/lib/Forms/Form/Form.types.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
-import { DefaultValues, FieldValues, UseFormReturn } from 'react-hook-form';
+import { DefaultValues, FieldValues, Mode, UseFormReturn } from 'react-hook-form';
 import { ZodType } from 'zod';
-export type OnSubmitFunction<FormData extends FieldValues> = (arg: OnFormSubmitType<FormData>) => void;
+import { TGridSpacing } from '../../Grids/Grid/Grid.types';
+export type OnSubmitFunction<FormData extends FieldValues> = (arg: OnFormSubmitType<FormData>) => Promise<boolean | undefined | string>;
 export type OnFormSubmitType<FormData extends FieldValues> = {
     data: FormData;
     methods?: UseFormReturn<FormData>;
@@ -9,7 +10,15 @@ export type OnFormSubmitType<FormData extends FieldValues> = {
 export type FormProps<FormData extends FieldValues> = {
     children: ReactNode | ReactNode[];
     className?: string;
+    formError?: string | null;
+    formKey?: string;
+    id: string;
     initialValues?: DefaultValues<FormData>;
-    onSubmit: OnSubmitFunction<FormData>;
+    onSubmit?: OnSubmitFunction<FormData>;
+    spacing?: TGridSpacing;
+    validationMode?: Mode;
     validationSchema?: ZodType<FormData>;
 };
+export interface Data {
+    [key: string]: FieldValues;
+}

package/lib/Forms/Form/utils/parseApiErrors.d.ts

@@ -0,0 +1,5 @@
+export interface FormErrorMessageObject {
+    field: string | null;
+    message: string;
+}
+export declare function parseAndSetFormErrors(error: any, fieldId?: string): FormErrorMessageObject | string;

package/lib/Forms/Form/utils/utils.d.ts

@@ -0,0 +1,4 @@
+import { Data } from '../Form.types';
+export declare const getFormattedFormDate: (data: Data, storedData: Data) => {
+    [x: string]: any;
+};

package/lib/Forms/Form.store.d.ts

@@ -0,0 +1,7 @@
+import { PrimitiveAtom } from 'jotai';
+import { SyncStorage } from 'jotai/vanilla/utils/atomWithStorage';
+import { Data } from './Form/Form.types';
+export declare const sessionStorageSync: <T>() => SyncStorage<T>;
+export declare const formAtomStorage: <T>(key: string, defaultValue: T, storage: boolean, sessionStorage?: boolean) => PrimitiveAtom<T>;
+export declare const getFormAtom: <T>(formKey: string, storage: boolean | undefined, defaultValue: T, sessionStorage?: boolean) => PrimitiveAtom<T>;
+export declare const getFormAtomData: (key: string, storedData: Data) => Record<string, unknown> | string | undefined;

package/lib/Forms/GridForm/GridForm.d.ts

@@ -1,4 +1,4 @@
 import { FieldValues } from 'react-hook-form';
 import { FormProps } from '../Form/Form.types';
-export declare function GridForm<FormData extends FieldValues>({ children, ...props }: FormProps<FormData>): import("react/jsx-runtime").JSX.Element;
+export declare function GridForm<FormData extends FieldValues>({ children, spacing, ...props }: FormProps<FormData>): import("react/jsx-runtime").JSX.Element;
 export default GridForm;

package/lib/Forms/Wizard/Wizard.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { WizardProps } from './Wizard.types';
-export default function Wizard({ steps }: PropsWithChildren<WizardProps>): import("react/jsx-runtime").JSX.Element;
+export default function Wizard({ excludedSteps, formError, formFieldMap, formWrapper, id, initialStep, onStepChange, steps, }: PropsWithChildren<WizardProps>): import("react/jsx-runtime").JSX.Element | null;