@zealicsolutions/web-ui 0.0.1

package/dist/cjs/src/assets/index.d.ts

@@ -0,0 +1,2 @@
+export declare const AppLogo: string;
+export declare const HomeBannerImage: string;

package/dist/cjs/src/atoms/Avatar/Avatar.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { Callback } from 'typescript';
+import { IconNames } from '..';
+import { SizesTypes, ThemeColors } from '../../theme';
+export declare type AvatarProps = {
+    size?: SizesTypes | number;
+    withShadow?: boolean;
+    label?: string;
+    backgroundColor?: ThemeColors;
+    textConfig?: {
+        color?: ThemeColors;
+        font?: SizesTypes;
+    };
+    content: {
+        initials?: string;
+        iconName?: IconNames;
+        imageUrl?: string;
+    };
+    onPress?: Callback;
+};
+export declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => JSX.Element;

package/dist/cjs/src/atoms/Buttons/Button.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { Callback } from 'typescript';
+export declare type BaseButtonProps = {
+    onClick?: Callback;
+    variant?: 'primary' | 'secondary';
+    disabled?: boolean;
+    fullWidth?: boolean;
+};
+export declare type ButtonProps = BaseButtonProps & {
+    fullWidth?: boolean;
+    text?: string;
+    loading?: boolean;
+};
+export declare const Button: ({ text, onClick, loading, disabled, variant, fullWidth, }: ButtonProps) => JSX.Element;

package/dist/cjs/src/atoms/Buttons/LinkButton.d.ts

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from 'react';
+import type { Callback } from 'typescript';
+export declare type LinkButtonProps = PropsWithChildren<{
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
+    disabled?: boolean;
+    onClick?: Callback;
+}>;
+export declare const LinkButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+    onClick?: Callback | undefined;
+}, never>;

package/dist/cjs/src/atoms/Buttons/TouchableOpacity.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+export declare type TouchableOpacityProps = PropsWithChildren<{
+    activeOpacity?: number;
+    withoutOpacityEffect?: boolean;
+    disabled?: boolean;
+}>;
+export declare const TouchableOpacity: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    activeOpacity?: number | undefined;
+    withoutOpacityEffect?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, never>;

package/dist/cjs/src/atoms/Checkbox/Checkbox.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type CheckBoxProps = {
+    value: boolean;
+    onClick: (value: boolean) => void;
+    disabled?: boolean;
+    error?: boolean;
+    label?: string;
+};
+export declare const Checkbox: ({ label, onClick, value, disabled, error }: CheckBoxProps) => JSX.Element;

package/dist/cjs/src/atoms/Divider/Divider.d.ts

@@ -0,0 +1,9 @@
+import { SizesTypes, ThemeColors } from 'theme';
+export declare type DividerProps = {
+    type?: 'horizontal' | 'vertical';
+    color?: ThemeColors | string;
+    marginVertical?: SizesTypes | number;
+    marginHorizontal?: SizesTypes | number;
+    weight?: number;
+};
+export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DividerProps, never>;

package/dist/cjs/src/atoms/Icon/Icon.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ThemeColors } from '../../theme';
+export declare type IconProps = {
+    name: IconNames;
+    size?: number;
+    color?: ThemeColors | string;
+    pointerEvents?: 'auto' | 'none';
+};
+declare const availableIcons: {
+    CaretDown: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => JSX.Element;
+    Filter: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Check: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Info: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    View: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Hide: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Close: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Minus: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    InfoBoxIcon: ({ color, size }: Omit<IconProps, "name">) => JSX.Element;
+    Warning: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Bell: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Mobile: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+    Mail: ({ size, color }: Omit<IconProps, "name">) => JSX.Element;
+};
+export declare type IconNames = keyof typeof availableIcons;
+export declare const Icon: ({ name, color, ...props }: IconProps) => JSX.Element;
+export {};

package/dist/cjs/src/atoms/Image/Image.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CSSProperties } from 'styled-components';
+export declare type ImageProps = {
+    src: string;
+    alt?: string;
+    styles?: CSSProperties;
+};
+export declare const Image: (props: ImageProps) => JSX.Element;

package/dist/cjs/src/atoms/Input/Input.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import type { IconNames } from 'atoms/Icon/Icon';
+import { InputFieldTypes } from 'fieldsConfiguration/types';
+import type { Callback } from 'typescript';
+export declare type InputIconProps = {
+    name: IconNames;
+    onClick?: Callback;
+};
+export declare type InputProps = {
+    value?: string;
+    leftIcon?: InputIconProps;
+    rightIcon?: InputIconProps;
+    onBlur?: Callback;
+    type?: InputFieldTypes;
+    placeholder?: string;
+    disabled?: boolean;
+    isEditMode?: boolean;
+    isError?: boolean;
+    maxLength?: number;
+    onChange?: (value: string) => void;
+};
+export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: InputProps) => JSX.Element;

package/dist/cjs/src/atoms/Paddings/Paddings.d.ts

@@ -0,0 +1,6 @@
+import { SizesTypes } from 'theme';
+export declare type HorizontalPaddingProps = {
+    padding: SizesTypes | number;
+};
+export declare const HorizontalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HorizontalPaddingProps, never>;
+export declare const VerticalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HorizontalPaddingProps, never>;

package/dist/cjs/src/atoms/Select/Select.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { SelectProps } from './types';
+export declare const Select: ({ onChange, value, placeholder, options, disabled, isError, }: SelectProps) => JSX.Element;

package/dist/cjs/src/atoms/Select/styles.d.ts

@@ -0,0 +1,12 @@
+declare type SelectContainerProps = {
+    hasValue: boolean;
+    disabled: boolean;
+    isOpen: boolean;
+    hasError: boolean;
+};
+export declare const SelectContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SelectContainerProps, never>;
+export declare const DropdownMenu: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DropdownMenuItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    selected: boolean;
+}, never>;
+export {};

package/dist/cjs/src/atoms/Select/types.d.ts

@@ -0,0 +1,13 @@
+export declare type SelectOption = {
+    id: string;
+    label: string;
+};
+export declare type SelectProps = {
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    options: SelectOption[];
+    isError?: boolean;
+    isEditMode?: boolean;
+};

package/dist/cjs/src/atoms/Spacer/Spacer.d.ts

@@ -0,0 +1,7 @@
+import { SizesTypes } from 'theme';
+export declare type SpacerProps = {
+    width?: SizesTypes | number;
+    height?: SizesTypes | number;
+    layout?: 'div' | 'span';
+};
+export declare const Spacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SpacerProps, never>;

package/dist/cjs/src/atoms/Spinner/Spinner.d.ts

@@ -0,0 +1,5 @@
+import type { SizesTypes, ThemeColors } from 'theme/types';
+export declare const Spinner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    color?: ThemeColors | undefined;
+    size?: SizesTypes | undefined;
+}, never>;

package/dist/cjs/src/atoms/TextWrapper/TextWrapper.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { SizesTypes, ThemeColors } from 'theme/types';
+import { StylesType } from 'typescript';
+export declare type TextTypes = 'primary' | 'secondary' | 'error' | 'success';
+export declare type TextWrapperProps = {
+    children: ReactNode;
+    variant: SizesTypes;
+    layout?: 'div' | 'span';
+    type?: TextTypes;
+    styles?: StylesType;
+    color?: ThemeColors | string;
+};
+export declare const TextWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextWrapperProps, never>;

package/dist/cjs/src/atoms/Toast/ToastContent.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ToastType } from './types';
+declare type ToastContentProps = {
+    type: ToastType;
+    message: string;
+};
+export declare const ToastContent: ({ type, message }: ToastContentProps) => JSX.Element;
+export {};

package/dist/cjs/src/atoms/Toast/toast.d.ts

@@ -0,0 +1,3 @@
+import { ToastParams } from './types';
+import 'rc-notification/assets/index.css';
+export declare const toast: ({ message, type, duration }: ToastParams) => void | undefined;

package/dist/cjs/src/atoms/Toast/types.d.ts

@@ -0,0 +1,6 @@
+export declare type ToastType = 'success' | 'infoTierOne' | 'infoTierTwo' | 'warning' | 'error';
+export declare type ToastParams = {
+    message: string;
+    type?: ToastType;
+    duration?: number;
+};

package/dist/cjs/src/atoms/Tooltip/Tooltip.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { TooltipProps as TooltipComponentProps } from 'rc-tooltip/lib/Tooltip';
+import 'rc-tooltip/assets/bootstrap.css';
+export declare type TooltipProps = Pick<TooltipComponentProps, 'overlay' | 'placement' | 'trigger' | 'visible' | 'children'>;
+export declare const StyleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Tooltip: ({ trigger, placement, ...props }: TooltipProps) => JSX.Element;

package/dist/cjs/src/atoms/ValidationTag/ValidationTag.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare type ValidationTagStatus = 'DEFAULT' | 'ERROR' | 'SUCCESS';
+export declare type ValidationTagProps = {
+    status: ValidationTagStatus;
+    text: string;
+};
+export declare const ValidationTag: ({ text, status }: ValidationTagProps) => JSX.Element;

package/dist/cjs/src/atoms/index.d.ts

@@ -0,0 +1,17 @@
+export * from './Buttons/Button';
+export * from './Buttons/TouchableOpacity';
+export * from './Checkbox/Checkbox';
+export * from './Select/Select';
+export * from './Input/Input';
+export * from './TextWrapper/TextWrapper';
+export * from './Icon/Icon';
+export * from './Spacer/Spacer';
+export * from './Spinner/Spinner';
+export * from './Image/Image';
+export * from './Buttons/LinkButton';
+export * from './ValidationTag/ValidationTag';
+export * from './Tooltip/Tooltip';
+export * from './Toast/toast';
+export * from './Avatar/Avatar';
+export * from './Paddings/Paddings';
+export * from './Divider/Divider';

package/dist/cjs/src/fieldsConfiguration/getFieldPlaceholder.d.ts

@@ -0,0 +1,2 @@
+import { FieldTypes } from 'fieldsConfiguration/types';
+export declare const getFieldPlaceholder: (type: FieldTypes, title?: string) => string;

package/dist/cjs/src/fieldsConfiguration/index.d.ts

@@ -0,0 +1,4 @@
+export * from './getFieldPlaceholder';
+export * from './types';
+export * from './utils';
+export * from './mock';

package/dist/cjs/src/fieldsConfiguration/mock.d.ts

@@ -0,0 +1,6 @@
+import { UIFields } from 'fieldsConfiguration/types';
+import { LoginFields } from 'organisms/LoginForm/types';
+import { SetPasswordFields } from 'organisms/SetPasswordForm/types';
+export declare const acquisitionFormMockFields: UIFields<any>;
+export declare const setPasswordMockFields: UIFields<SetPasswordFields>;
+export declare const loginMockFields: UIFields<LoginFields>;

package/dist/cjs/src/fieldsConfiguration/types.d.ts

@@ -0,0 +1,26 @@
+import { SelectOption } from 'atoms/Select/types';
+export declare type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
+export declare type FieldTypes = 'input' | 'select' | 'date-picker' | 'checkbox' | 'switch';
+export declare type UIField<T = string> = (UIInputField | UISelectField | UICheckboxField) & {
+    name: T;
+    value?: string;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    optional?: boolean;
+    tooltip?: string;
+};
+export declare type UIInputField = {
+    type: 'input';
+    inputType?: InputFieldTypes;
+    maxLength?: number;
+};
+export declare type UISelectField = {
+    type: 'select';
+    options: SelectOption[];
+};
+export declare type UICheckboxField = {
+    type: 'checkbox';
+    checkboxLabel?: string;
+};
+export declare type UIFields<T extends object> = UIField<keyof T>[];

package/dist/cjs/src/fieldsConfiguration/utils.d.ts

@@ -0,0 +1,4 @@
+import { UIFields } from 'fieldsConfiguration/types';
+import { DeepPartial, FieldValues, FormState } from 'react-hook-form';
+export declare const getInitialValuesFromFields: <T extends object>(fields: UIFields<T>) => DeepPartial<T>;
+export declare const isFormValid: <T extends FieldValues>(formState: FormState<T>) => boolean;

package/dist/cjs/src/helpers/styles.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'styled-components';
+export declare const getSizeStyle: (size: number) => Pick<CSSProperties, 'maxWidth' | 'maxHeight' | 'minWidth' | 'minHeight'>;
+export declare const changeColorTint: (color: string, percent: number) => string;
+export declare const getTintColor: (color: string) => string;
+export declare const getShadeColor: (color: string) => string;

package/dist/cjs/src/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useStep } from './useStep';

package/dist/cjs/src/hooks/useStep.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+interface Helpers {
+    goToNextStep: () => void;
+    goToPrevStep: () => void;
+    reset: () => void;
+    canGoToNextStep: boolean;
+    canGoToPrevStep: boolean;
+    setStep: Dispatch<SetStateAction<number>>;
+}
+export declare const useStep: (maxStep: number) => [number, Helpers];
+export {};

package/dist/cjs/src/icons/Bell.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Bell: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/CaretDown.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const CaretDown: ({ color, size }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/CaretUp.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const CaretUp: ({ color, ...props }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Check.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from '../atoms/Icon/Icon';
+export declare const Check: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Close.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from '../atoms/Icon/Icon';
+export declare const Close: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Filter.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from '../atoms/Icon/Icon';
+export declare const Filter: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Hide.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from '../atoms';
+export declare const Hide: ({ color, size }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Info.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from '../atoms/Icon/Icon';
+export declare const Info: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/InfoBoxIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../atoms';
+export declare const InfoBoxIcon: ({ color, size }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Mail.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from '../atoms/Icon/Icon';
+export declare const Mail: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Minus.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../atoms';
+export declare const Minus: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Mobile.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from '../atoms/Icon/Icon';
+export declare const Mobile: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/View.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from '../atoms';
+export declare const View: ({ color, size }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/Warning.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from 'atoms/Icon/Icon';
+export declare const Warning: ({ size, color }: Omit<IconProps, 'name'>) => JSX.Element;

package/dist/cjs/src/icons/index.d.ts

@@ -0,0 +1,14 @@
+export { CaretDown } from './CaretDown';
+export { CaretUp } from './CaretUp';
+export { Check } from './Check';
+export { Info } from './Info';
+export { Filter } from './Filter';
+export { Close } from './Close';
+export { View } from './View';
+export { Hide } from './Hide';
+export { InfoBoxIcon } from './InfoBoxIcon';
+export { Minus } from './Minus';
+export { Bell } from './Bell';
+export { Warning } from './Warning';
+export { Mobile } from './Mobile';
+export { Mail } from './Mail';

package/dist/cjs/src/index.d.ts

@@ -0,0 +1 @@
+export * from './atoms';

package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { MenuItemsProps } from '../MenuItems/MenuItems';
+import { AvatarProps } from '../../atoms';
+import 'rc-dropdown/assets/index.css';
+export declare type AvatarDropdownProps<T> = {
+    avatarProps: AvatarProps;
+    menuConfig: MenuItemsProps<T>;
+};
+export declare const AvatarDropdown: <T extends string | number>({ avatarProps, menuConfig, }: AvatarDropdownProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/Banner/Banner.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ButtonProps, ImageProps } from '../../atoms';
+export declare type BannerProps = {
+    backgroundImage: ImageProps;
+    title: string;
+    description?: string;
+    button?: ButtonProps;
+};
+export declare const Banner: ({ backgroundImage, button, title, description }: BannerProps) => JSX.Element;

package/dist/cjs/src/molecules/CheckboxField/CheckboxField.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form/dist/types';
+import { CheckBoxProps } from '../../atoms';
+export declare type CheckboxFieldProps = {
+    name: string;
+    control: Control<any>;
+    defaultValue?: boolean;
+    checkboxProps: Omit<CheckBoxProps, 'error' | 'onClick' | 'value'>;
+};
+export declare const CheckboxField: ({ control, name, checkboxProps, defaultValue, }: CheckboxFieldProps) => JSX.Element;

package/dist/cjs/src/molecules/CustomValidation/CustomValidation.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type CustomValidationRule<T = string> = {
+    text: string;
+    validate: (value?: T) => boolean;
+};
+export declare type CustomValidationProps<T = string> = {
+    label?: string;
+    value: T;
+    isSubmitted?: boolean;
+    rules: CustomValidationRule<T>[];
+};
+export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/Drawer/Drawer.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { DrawerProps } from './styles';
+export declare const Drawer: ({ children, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;

package/dist/cjs/src/molecules/Drawer/styles.d.ts

@@ -0,0 +1,9 @@
+import { Drawer as DrawerComponent, DrawerProps as DrawerComponentProps } from '@mui/material';
+export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
+export declare type DrawerProps = DrawerComponentProps & {
+    anchor: Anchor;
+};
+export declare const BaseDrawer: import("styled-components").StyledComponent<typeof DrawerComponent, import("styled-components").DefaultTheme, DrawerComponentProps & {
+    anchor: Anchor;
+}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/src/molecules/FieldLabels/FieldLabels.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
+export declare type FieldLabelsProps = {
+    label: string;
+    tooltipText?: string;
+    isError?: boolean;
+    ruleLabel?: FieldRuleLabelTypes;
+};
+export declare const FieldLabels: ({ label, isError, ruleLabel, tooltipText }: FieldLabelsProps) => JSX.Element;

package/dist/cjs/src/molecules/FieldMapper/FieldMapper.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form/dist/types';
+import { UIField } from '../../fieldsConfiguration';
+export declare type FieldMapperProps<T extends object> = {
+    field: UIField<keyof T>;
+    control: Control<T>;
+    spacer?: number;
+};
+export declare const FieldMapper: <T extends object>({ field, spacer, control, }: FieldMapperProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/InfoBox/InfoBox.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IconNames, LinkButtonProps } from '../../atoms';
+export declare type InfoBoxProps = {
+    title: string;
+    description?: string;
+    linkButton?: LinkButtonProps;
+    icon?: IconNames;
+};
+export declare const InfoBox: ({ title, icon, description, linkButton }: InfoBoxProps) => JSX.Element;

package/dist/cjs/src/molecules/InputField/InputField.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form/dist/types';
+import { CSSProperties } from 'styled-components';
+import { InputProps } from '../../atoms';
+import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
+export declare type InputFieldProps = {
+    name: string;
+    control?: Control<any>;
+    required?: boolean;
+    optional?: boolean;
+    defaultValue?: string;
+    inputProps: InputProps;
+    styles?: CSSProperties;
+    labelsProps?: FieldLabelsProps;
+};
+export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, optional, required, }: InputFieldProps) => JSX.Element;

package/dist/cjs/src/molecules/MenuItems/MenuItems.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type MenuItem<T> = {
+    id: T;
+    title: string;
+    onClick?: (id: T) => void;
+};
+export declare type MenuItemsProps<T> = {
+    title?: string;
+    onItemPress?: (id: T) => void;
+    options?: MenuItem<T>[];
+};
+export declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;

package/dist/cjs/src/molecules/SelectField/SelectField.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form/dist/types';
+import { CSSProperties } from 'styled-components';
+import { SelectProps } from '../../atoms/Select/types';
+import { FieldLabelsProps } from '../FieldLabels/FieldLabels';
+export declare type SelectFieldProps = {
+    selectProps: SelectProps;
+    labelsProps?: FieldLabelsProps;
+    name: string;
+    control: Control<any>;
+    required?: boolean;
+    optional?: boolean;
+    defaultValue?: string;
+    styles?: CSSProperties;
+};
+export declare const SelectField: ({ selectProps, name, defaultValue, optional, required, control, styles, labelsProps, }: SelectFieldProps) => JSX.Element;

package/dist/cjs/src/molecules/SelectableInfoCard/BaseSelectable.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconNames } from '../../atoms';
+export declare type BaseSelectableProps<T> = {
+    iconName: IconNames;
+    infoText: string;
+    isActive?: boolean;
+    onClick?: (value: T) => void;
+    value: T;
+};
+export declare const BaseSelectable: <T extends string>({ iconName, infoText, isActive, onClick, value, }: BaseSelectableProps<T>) => JSX.Element;