@hievilmath/browser-formidavim 0.0.1 → 0.0.2

package/lib/components/ComponentFactory.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../axios/formidavim/src/index.ts';
+export interface FormComponentProps {
+    formComponent: Partial<FormComponent>;
+}
+export declare class ComponentFactory {
+    private static registry;
+    /**
+     * Register a new component type
+     */
+    static register(componentId: string, component: FC<FormComponentProps>): void;
+    /**
+     * Get a component by its ID
+     */
+    static getComponent(componentId: string): FC<FormComponentProps> | null;
+    /**
+     * Check if a component is registered
+     */
+    static hasComponent(componentId: string): boolean;
+    /**
+     * Get all registered component IDs
+     */
+    static getRegisteredComponents(): string[];
+}

package/lib/components/FlowFormRenderer.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { FlowForm } from '../../../../../axios/formidavim/src/index.ts';
+export declare const FlowFormRenderer: FC<{
+    flowForm: Partial<FlowForm>;
+    isPreview: boolean;
+}>;

package/lib/components/FlowProgressTracker.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+export interface FlowProgressTrackerProps {
+    currentStep: number;
+    totalSteps: number;
+    showOnMobile?: boolean;
+    showOnDesktop?: boolean;
+}
+export declare const FlowProgressTracker: FC<FlowProgressTrackerProps>;

package/lib/components/FlowRenderer.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Flow } from '../../../../../axios/formidavim/src/index.ts';
+export declare const FlowRenderer: FC<{
+    flow: Partial<Flow>;
+    isPreview: boolean;
+    $bgColor?: string;
+}>;

package/lib/components/FormComponentRenderer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../axios/formidavim/src/index.ts';
+export declare const FormComponentRenderer: FC<{
+    formComponent: Partial<FormComponent>;
+    isPreview: boolean;
+    boundary: 'first' | 'last' | null;
+    isVisible?: boolean;
+}>;

package/lib/components/FormRenderer.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { Form } from '../../../../../axios/formidavim/src/index.ts';
+export declare const FormRenderer: FC<{
+    form: Form;
+    isPreview: boolean;
+}>;

package/lib/components/FormWrapper.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface FormWrapperProps {
+    children: ReactNode;
+    $bgColor?: string;
+}
+export declare const FormWrapper: FC<FormWrapperProps>;
+export {};

package/lib/components/{render.d.ts → Renderer.d.ts}

@@ -1,6 +1,7 @@
 import { PatientProfileDto, Flow } from '../../../../../axios/formidavim/src/index.ts';
 import { FC } from 'react';
-export declare const Render: FC<{
+export declare const Renderer: FC<{
     data: PatientProfileDto;
-    config: Flow;
+    config: Partial<Flow>;
+    isPreview: boolean;
 }>;

package/lib/components/RendererWrapper.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+interface RendererWrapperProps {
+    $bgColorStep?: boolean;
+    $isPreview?: boolean;
+    children: ReactNode;
+}
+export declare const RendererWrapper: FC<RendererWrapperProps>;
+export {};

package/lib/components/index.d.ts

@@ -0,0 +1,10 @@
+export { Renderer } from './Renderer';
+export { RendererWrapper } from './RendererWrapper';
+export { FlowRenderer } from './FlowRenderer';
+export { FlowProgressTracker } from './FlowProgressTracker';
+export { FlowFormRenderer } from './FlowFormRenderer';
+export { FormRenderer } from './FormRenderer';
+export { FormComponentRenderer } from './FormComponentRenderer';
+export { FormWrapper } from './FormWrapper';
+export { evaluateCondition } from '../utils/conditionEvaluator';
+export { ComponentFactory } from './ComponentFactory';

package/lib/components/inputs/Checkbox.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export declare const Checkbox: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/inputs/Number.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export declare const NumberInput: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/inputs/Radio.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export interface RadioOption {
+    value: string;
+    labelText: string;
+}
+export interface RadioProps {
+    label?: string;
+    options: RadioOption[];
+    required: boolean;
+    propertyId: string;
+}
+export declare const Radio: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/inputs/Scale.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export interface ScaleProps {
+    leftText: string;
+    rightText: string;
+    middleText: string;
+    required: boolean;
+    labelText: string;
+    propertyId: string;
+}
+export declare const Scale: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/inputs/TextArea.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export declare const TextArea: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/inputs/TextInput.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export declare const TextInput: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/inputs/template.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface NewComponentProps {
+    src: string;
+}
+export declare const NewComponent: FC<NewComponentProps>;

package/lib/components/visual/Header.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export interface SmallTextProps {
+    text: string;
+    color?: string;
+    'text-align'?: 'left' | 'center' | 'right' | 'justify';
+}
+export declare const Header: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/visual/Image.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export declare const Image: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/visual/Paragraph.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export interface SmallTextProps {
+    text: string;
+    color?: string;
+    'text-align'?: 'left' | 'center' | 'right' | 'justify';
+}
+export declare const Paragraph: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/visual/RenderError.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const RenderError: FC<{
+    errors: string[];
+}>;

package/lib/components/visual/Rule.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export declare const Rule: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/visual/SmallText.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export interface SmallTextProps {
+    text: string;
+    color?: string;
+    'text-align'?: 'left' | 'center' | 'right' | 'justify';
+}
+export declare const SmallText: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/visual/TextTip.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export declare const TextTip: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/components/visual/WeightLossChart.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FormComponent } from '../../../../../../axios/formidavim/src/index.ts';
+export declare const WeightLossChart: FC<{
+    formComponent: Partial<FormComponent>;
+}>;

package/lib/constants/components.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FormComponentProps } from '../components/ComponentFactory';
+export type ComponentMap = Record<string, FC<FormComponentProps>>;
+export declare const COMPONENT_CONFIGS: Record<string, 'string' | 'number' | 'array'>;
+export declare const components: ComponentMap;

package/lib/constants/theme.d.ts

@@ -0,0 +1,58 @@
+interface Colors {
+    lightPalettePine120: string;
+    darkGreenTint: string;
+    lightGreen: string;
+    lightGreenTint: string;
+    paleLeaf: string;
+    brandDarkGray: string;
+    mediumGray: string;
+    gray: string;
+    lightGray: string;
+    ltGray: string;
+    lightGrayTint: string;
+    brandTan: string;
+    neutral50: string;
+    neutralTint1: string;
+    neutralTint2: string;
+    neutralTint3: string;
+    transparent: string;
+    errorRed: string;
+    purple: string;
+    ltPurple: string;
+    blue: string;
+    ltBlue: string;
+    focus: string;
+    xltGray: string;
+    white: string;
+    transp: string;
+    primary: string;
+    ivimGreen: string;
+    success: string;
+    pine120: string;
+    pine100: string;
+    neutral0: string;
+    neutral20: string;
+    neutral30: string;
+    neutral40: string;
+    gray60: string;
+    danger: string;
+}
+interface Fonts {
+    playfair: string;
+    poppins: string;
+    karmina: string;
+}
+interface MediaQuery {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+}
+interface Theme {
+    colors: Colors;
+    fonts: Fonts;
+    mediaQuery: MediaQuery;
+}
+declare const theme: Theme;
+export default theme;

package/lib/hooks/useConditionEvaluator.d.ts

@@ -0,0 +1,7 @@
+import { Condition } from '../../../../../axios/formidavim/src/index.ts';
+/**
+ * Custom hook for evaluating conditions
+ */
+export declare const useConditionEvaluator: () => {
+    evaluateCondition: (condition: Condition | undefined) => boolean;
+};

package/lib/hooks/useFlowStore.d.ts

@@ -0,0 +1,11 @@
+import { Flow, PatientProfileDto } from '../../../../../axios/formidavim/src/index.ts';
+export declare const useFlowStore: () => {
+    setFlowValue: (field: string, value: any) => void;
+    setFlowValues: (values: Record<string, any>) => void;
+    getFlowValue: (field: string) => any;
+    setPatientValue: (field: string, value: any) => void;
+    setPatientValues: (profile: PatientProfileDto) => void;
+    getPatientValue: (field: string) => string | undefined;
+    setFlowAndPatientValue: (field: string, value: any) => void;
+    generateFormDataFromFlow: (flow: Partial<Flow>) => Record<string, any>;
+};

package/lib/state/slices/flow.slice.d.ts

@@ -0,0 +1,22 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+export interface FlowSliceState {
+    inputValues: Record<string, any>;
+}
+export declare const flowSlice: import('@reduxjs/toolkit').Slice<FlowSliceState, {
+    setInputValue: (state: import('immer').WritableDraft<FlowSliceState>, action: PayloadAction<{
+        field: string;
+        value: any;
+    }>) => void;
+    setInputValues: (state: import('immer').WritableDraft<FlowSliceState>, action: PayloadAction<Record<string, any>>) => void;
+}, "flow", "flow", {
+    selectInputValues: (state: FlowSliceState) => Record<string, any>;
+}>;
+export declare const setInputValue: import('@reduxjs/toolkit').ActionCreatorWithPayload<{
+    field: string;
+    value: any;
+}, "flow/setInputValue">, setInputValues: import('@reduxjs/toolkit').ActionCreatorWithPayload<Record<string, any>, "flow/setInputValues">;
+export declare const selectInputValues: import('reselect').Selector<{
+    flow: FlowSliceState;
+}, Record<string, any>, []> & {
+    unwrapped: (state: FlowSliceState) => Record<string, any>;
+};

package/lib/state/slices/patient.slice.d.ts

@@ -0,0 +1,17 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { Patient, PatientProfileDto } from '../../../../../../axios/formidavim/src/index.ts';
+export interface PatientSliceState {
+    patient: Patient | null;
+}
+export declare const patientSlice: import('@reduxjs/toolkit').Slice<PatientSliceState, {
+    setPatient: (state: import('immer').WritableDraft<PatientSliceState>, action: PayloadAction<Patient>) => void;
+    updatePatient: (state: import('immer').WritableDraft<PatientSliceState>, action: PayloadAction<Partial<PatientProfileDto>>) => void;
+}, "patient", "patient", {
+    selectPatient: (state: PatientSliceState) => PatientProfileDto | null;
+}>;
+export declare const setPatient: import('@reduxjs/toolkit').ActionCreatorWithPayload<Patient, "patient/setPatient">, updatePatient: import('@reduxjs/toolkit').ActionCreatorWithPayload<Partial<PatientProfileDto>, "patient/updatePatient">;
+export declare const selectPatient: import('reselect').Selector<{
+    patient: PatientSliceState;
+}, PatientProfileDto | null, []> & {
+    unwrapped: (state: PatientSliceState) => PatientProfileDto | null;
+};

package/lib/state/store.d.ts

@@ -0,0 +1,9 @@
+export declare const store: import('@reduxjs/toolkit').EnhancedStore<{
+    patient: import('./slices/patient.slice').PatientSliceState;
+    flow: import('./slices/flow.slice').FlowSliceState;
+}, import('redux').UnknownAction, import('@reduxjs/toolkit').Tuple<[import('redux').StoreEnhancer<{
+    dispatch: import('redux-thunk').ThunkDispatch<{
+        patient: import('./slices/patient.slice').PatientSliceState;
+        flow: import('./slices/flow.slice').FlowSliceState;
+    }, undefined, import('redux').UnknownAction>;
+}>, import('redux').StoreEnhancer]>>;

package/lib/styled-components/layout.d.ts

@@ -0,0 +1,135 @@
+interface RowProps {
+    $noGutter?: boolean;
+    $bgColor?: string;
+    $padding?: string;
+    $justify?: string;
+    $align?: string;
+    $borderTopColor?: string;
+}
+interface ColProps {
+    $margin?: string;
+    $span?: string;
+    $flex?: string;
+    $justify?: string;
+    $align?: string;
+    $minWidth?: string;
+    $minHeight?: string;
+    $xsSpan?: string;
+    $smSpan?: string;
+    $mdSpan?: string;
+    $msSpan?: string;
+    $lgSpan?: string;
+    $xlSpan?: string;
+    $inputBoundary?: 'first' | 'last' | null;
+}
+interface ContainerProps {
+    $marginTop?: string;
+    $marginBottom?: string;
+    $marginBottomMd?: string;
+    $position?: string;
+    $bgColor?: string;
+    $bRad?: string;
+    $overflow?: string;
+    $fluid?: boolean;
+    $xSmall?: boolean;
+    $small?: boolean;
+}
+interface BgWrapperProps {
+    $padding?: string;
+    $color?: string;
+    $minHeight?: string;
+}
+interface ComponentWrapperProps {
+    $margin?: string;
+}
+interface ImgWrapperProps {
+    $width?: string;
+    $height?: string;
+    $bRadius?: string;
+    $margin?: string;
+}
+interface FlexWrapperProps {
+    $position?: string;
+    $top?: string;
+    $bottom?: string;
+    $zIndex?: string;
+    $flexWrap?: string;
+    $flex?: string;
+    $justify?: string;
+    $align?: string;
+    $margin?: string;
+    $padding?: string;
+    $bgColor?: string;
+    $bRadius?: string;
+    $minWidth?: string;
+    $minHeight?: string;
+    $maxWidth?: string;
+    $maxHeight?: string;
+}
+interface FormInputWrapperProps {
+    $visible?: boolean;
+    $type?: string;
+    $hasError?: boolean;
+    $isPass?: string;
+    $show?: string;
+}
+interface FormTextRepeaterInputWrapperProps {
+    $visible?: string;
+    $hasError?: boolean;
+}
+interface FormRadioWrapperProps {
+    $visible?: boolean;
+    $margin?: string;
+    $style?: string;
+    $labelLineHeight?: string;
+    $labelWidth?: string;
+    $accordion?: boolean;
+}
+interface CRHeaderProps {
+    $showBorder?: string;
+}
+interface CRAccordionBtnProps {
+    $open?: string;
+}
+interface CRProdImageProps {
+    $bgImg?: string;
+}
+interface CRAccordionWrapperProps {
+    $open?: string;
+}
+interface FormSelectWrapperProps {
+    $visible?: string;
+    $hasError?: boolean;
+}
+interface FormFileWrapperProps {
+    $visible?: string;
+    $hasError?: boolean;
+    $req?: string;
+    $isMultiple?: boolean;
+}
+interface FormDatePickerWrapperProps {
+    $visible?: string;
+    $margin?: string;
+    $hasError?: boolean;
+}
+export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
+export declare const Row: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RowProps>> & string;
+export declare const Col: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColProps>> & string;
+export declare const ComponentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ComponentWrapperProps>> & string;
+export declare const BgWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BgWrapperProps>> & string;
+export declare const ImgWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ImgWrapperProps>> & string;
+export declare const FlexWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FlexWrapperProps>> & string;
+export declare const FormInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FormInputWrapperProps>> & string;
+export declare const FormTextRepeaterInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FormTextRepeaterInputWrapperProps>> & string;
+export declare const FormRadioWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FormRadioWrapperProps>> & string;
+export declare const CRHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CRHeaderProps>> & string;
+export declare const CRAccordionBtn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, CRAccordionBtnProps>> & string;
+export declare const CRProdImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CRProdImageProps>> & string;
+export declare const CRTab: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const CRAccordionWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CRAccordionWrapperProps>> & string;
+export declare const CRModalFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const FormSelectWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FormSelectWrapperProps>> & string;
+export declare const FormFileWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FormFileWrapperProps>> & string;
+export declare const FormDatePickerWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, FormDatePickerWrapperProps>> & string;
+export declare const FlowContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/lib/styled-components/typography.d.ts

@@ -0,0 +1,51 @@
+interface TypographyBaseProps {
+    $align?: 'left' | 'center' | 'right' | 'justify';
+    $color?: string;
+    $margin?: string;
+    $visible?: string | boolean;
+    $weight?: string | number;
+}
+interface FormTypographyProps extends TypographyBaseProps {
+    $fontSize?: string;
+    $lineHeight?: string;
+    $fontStyle?: 'normal' | 'italic' | 'oblique';
+    $balance?: boolean;
+    $nowrap?: boolean;
+    $underline?: boolean;
+    $transform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+}
+interface LegacyTypographyProps extends TypographyBaseProps {
+    $caps?: string;
+    $balance?: boolean;
+}
+interface ErrorProps extends TypographyBaseProps {
+    $bgColor?: string;
+    $bottom?: string;
+    $right?: string;
+    $position?: string;
+    $top?: string;
+    $left?: string;
+}
+export declare const FormHeadline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, TypographyBaseProps>> & string;
+export declare const TextTipStyle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TypographyBaseProps>> & string;
+export declare const ParagraphComponent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TypographyBaseProps>> & string;
+export declare const SmallTextStyle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TypographyBaseProps>> & string;
+export declare const FormDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, FormTypographyProps>> & string;
+export declare const FormInputCopy: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TypographyBaseProps>> & string;
+export declare const FormInputLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, TypographyBaseProps>> & string;
+export declare const PoppinsH3: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, TypographyBaseProps>> & string;
+export declare const PoppinsH4: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, LegacyTypographyProps>> & string;
+export declare const PoppinsP: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, LegacyTypographyProps>> & string;
+export declare const PoppinsLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, LegacyTypographyProps>> & string;
+export declare const PoppinsSmall: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, LegacyTypographyProps>> & string;
+export declare const InlineButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, TypographyBaseProps>> & string;
+export declare const InlineLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('react-router-dom').LinkProps & import('react').RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLAnchorElement> | null | undefined;
+}, TypographyBaseProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('react-router-dom').LinkProps & import('react').RefAttributes<HTMLAnchorElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const InlineA: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, TypographyBaseProps>> & string;
+export declare const InlineFormError: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, ErrorProps>> & string;
+export declare const FormErrorTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, ErrorProps>> & string;
+export declare const InputSmallNote: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof LegacyTypographyProps> & LegacyTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLParagraphElement> | null | undefined;
+}, ErrorProps>> & string;
+export {};