/// <reference types="react" />
export { useAlert } from 'react-alert';
import * as React$1 from 'react';
import React__default, { ButtonHTMLAttributes, InputHTMLAttributes, ComponentType, ImgHTMLAttributes, SVGProps, ReactNode } from 'react';
import * as styled_components from 'styled-components';
import { Property } from 'csstype';
import { SubmitHandler, UnpackNestedValue, DeepPartial, RegisterOptions } from 'react-hook-form';
import { UseFormReturn } from 'react-hook-form/dist/types';
import * as DialogPrimitive from '@radix-ui/react-dialog';
import * as TooltipPrimitive from '@radix-ui/react-tooltip';

interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    variant?: ButtonVariant;
    loading?: boolean;
    responsive?: boolean;
    color?: string;
    textColor?: string;
}
declare type ButtonVariant = 'primary' | 'secondary' | 'gradient' | 'secondary-gradient';

declare const Button: {
    CTA: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
    Text: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
    Icon: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
        icon: IconType;
        size?: number | undefined;
        color?: string | undefined;
        fillColor?: boolean | undefined;
    } & React$1.RefAttributes<HTMLButtonElement>>;
};

declare const Badge: ({ color, label, small, }: {
    color?: Property.Color | undefined;
    label: string;
    small?: boolean | undefined;
}) => JSX.Element;

declare type Space = 0 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 136 | 160;
declare enum Margin {
    Small = "16px",
    Med = "24px",
    Large = "32px",
    XLarge = "48px"
}
declare const Spacer: styled_components.StyledComponent<"div", any, {
    height?: Space | undefined;
    width?: Space | undefined;
}, never>;

interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'onChange' | 'value'> {
    error?: boolean;
    clearable?: boolean;
    valid?: boolean;
    active?: boolean;
    textarea?: boolean;
    search?: boolean;
    onChange?: (event: {
        target: any;
        type?: any;
    }) => void;
    value?: string | number;
    width?: number | string;
    placeholder?: string;
    fontSize?: number;
    floatingPlaceholder?: boolean;
    ariaLabel?: string;
}
declare const inputStyle: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<{
    $error?: boolean | undefined;
    $icon?: boolean | undefined;
    $disabled?: boolean | undefined;
}, any>>;
declare const secondaryInputStyle: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<{
    $error?: boolean | undefined;
    $icon?: boolean | undefined;
    $disabled?: boolean | undefined;
}, any>>;
declare const StyledInput: styled_components.StyledComponent<"input", any, {
    $error?: boolean | undefined;
    $icon?: boolean | undefined;
    $placeholderText?: boolean | undefined;
    $disabled?: boolean | undefined;
    $textarea?: boolean | undefined;
    $fontSize?: number | undefined;
}, never>;
declare const SecondaryStyledInput: styled_components.StyledComponent<"input", any, {
    $error?: boolean | undefined;
    $icon?: boolean | undefined;
    $placeholderText?: boolean | undefined;
    $disabled?: boolean | undefined;
    $textarea?: boolean | undefined;
    $fontSize?: number | undefined;
}, never>;
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;

interface SecondaryInputProps extends Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'onChange' | 'value'> {
    error?: boolean;
    clearable?: boolean;
    valid?: boolean;
    active?: boolean;
    textarea?: boolean;
    search?: boolean;
    onChange?: (event: {
        target: any;
        type?: any;
    }) => void;
    value?: string | number;
    width?: number | string;
    placeholder?: string;
    fontSize?: number;
    fontWeight?: number;
    fixedHeight?: boolean;
    color?: string;
    bold?: boolean;
    ariaLabel?: string;
    children?: React.ReactNode;
}
declare const SecondaryInput: React$1.ForwardRefExoticComponent<SecondaryInputProps & React$1.RefAttributes<HTMLInputElement>>;

declare type FormProps<FormData, FormContext> = {
    children?: React__default.ReactNode;
    onSubmit?: SubmitHandler<FormData>;
    initialValues?: UnpackNestedValue<DeepPartial<FormData>>;
    width?: string | number;
    methods?: UseFormReturn<FormData, FormContext>;
    attributes?: Record<string, string>;
};
declare function Form$1<FormData, FormContext = any>({ width, children, initialValues, onSubmit, methods, attributes, }: FormProps<FormData, FormContext>): JSX.Element;

declare type FormInputProps$4 = InputProps & {
    name: string;
    validation?: RegisterOptions;
    validationMessage?: string;
    confirm?: string;
    confirmMessage?: string;
};
declare const FormInput: ({ name, validation, validationMessage, confirm, confirmMessage, ...rest }: FormInputProps$4) => JSX.Element;
interface FieldErrorProps {
    name: string;
    validationMessage?: string;
}
declare const FieldError: ({ name, validationMessage }: FieldErrorProps) => JSX.Element;

declare type OptionValue$3 = string | number | boolean | Record<string, any>;
interface SelectWithChildProps<Option> extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
    error?: boolean;
    valid?: boolean;
    active?: boolean;
    overrideLabel?: boolean;
    onChange?: (event: {
        target: {
            value: OptionValue$3;
        };
        type?: any;
    }) => void;
    value?: string | number;
    width?: number | string;
    placeholder?: string;
    fixedHeight?: boolean;
    itemPadding?: number;
    ariaLabel?: string;
    options?: Option[];
    dropdownHeader?: string;
    renderItem?: (option: Option, dropdownItem: boolean) => React.ReactElement;
    renderLabel?: (option: Option) => string;
    optionValue?: (option: Option) => OptionValue$3;
    children?: React.ReactNode;
}

interface FormInputSelectProps<Option> {
    inputName: string;
    selectName: string;
    inputValidation?: RegisterOptions;
    inputValidationMessage?: string;
    selectValidation?: RegisterOptions;
    selectValidationMessage?: string;
    confirm?: string;
    confirmMessage?: string;
    inputProps?: SecondaryInputProps & {
        validation?: RegisterOptions;
        validationMessage?: string;
    };
    selectProps?: SelectWithChildProps<Option> & {
        validation?: RegisterOptions;
        validationMessage?: string;
    };
}
declare function FormInputSelect<Option>({ inputName, selectName, inputValidation: inputValidationProps, selectValidation: selectValidationProps, inputValidationMessage, confirm, confirmMessage, inputProps, selectProps, }: FormInputSelectProps<Option>): JSX.Element;

declare type OptionValue$2 = string;
declare type RadioGroupProps<Option> = {
    value?: string;
    name?: string;
    ariaLabel?: string;
    options?: Option[];
    renderLabel?: (option: Option) => string;
    optionValue?: (option: Option) => OptionValue$2;
    onChange?: (event: {
        target: {
            value: OptionValue$2;
        };
        type?: any;
    }) => void;
};

interface FormInputProps$3<Option> extends RadioGroupProps<Option> {
    name: string;
    validation?: RegisterOptions;
    validationMessage?: string;
}
declare function FormRadioGroup<Option>({ name, validation, validationMessage, ...rest }: FormInputProps$3<Option>): JSX.Element;

declare type FormInputProps$2 = SecondaryInputProps & {
    name: string;
    validation?: RegisterOptions;
    validationMessage?: string;
    confirm?: string;
    confirmMessage?: string;
};
declare const FormSecondaryInput: ({ name, validation, validationMessage, confirm, confirmMessage, ...rest }: FormInputProps$2) => JSX.Element;

declare type OptionValue$1 = string | number | boolean | Record<string, any>;
interface SecondarySelectProps<Option> extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
    error?: boolean;
    valid?: boolean;
    active?: boolean;
    overrideLabel?: boolean;
    onChange?: (event: {
        target: {
            value: OptionValue$1;
        };
        type?: any;
    }) => void;
    value?: string | number;
    width?: number | string;
    placeholder?: string;
    fixedHeight?: boolean;
    itemPadding?: number;
    ariaLabel?: string;
    options?: Option[];
    dropdownHeader?: string;
    renderItem?: (option: Option, dropdownItem: boolean) => React.ReactElement;
    renderLabel?: (option: Option) => string;
    optionValue?: (option: Option) => OptionValue$1;
}

interface FormInputProps$1<Option> extends SecondarySelectProps<Option> {
    name: string;
    validation?: RegisterOptions;
    validationMessage?: string;
    confirm?: string;
}
declare function FormSecondarySelect<Option>({ name, validation, validationMessage, confirm, ...rest }: FormInputProps$1<Option>): JSX.Element;

declare type OptionValue = string | number | boolean | Record<string, any>;
interface SelectProps<Option> extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
    error?: boolean;
    valid?: boolean;
    active?: boolean;
    overrideLabel?: boolean;
    onChange?: (event: {
        target: {
            value: OptionValue;
        };
        type?: any;
    }) => void;
    value?: string | number;
    width?: number | string;
    placeholder?: string;
    ariaLabel?: string;
    options?: Option[];
    renderItem?: (option: Option, dropdownItem: boolean) => React.ReactElement;
    renderLabel?: (option: Option) => string;
    optionValue?: (option: Option) => OptionValue;
    dropdownHeader?: string;
}
declare function SelectComponent<Option>({ value, onChange, width, placeholder, ariaLabel, type, disabled, valid, active, options, renderItem, overrideLabel, renderLabel, optionValue, ...rest }: SelectProps<Option>, ref: React.ForwardedRef<HTMLInputElement>): JSX.Element;
declare const Select: <Option>(props: SelectProps<Option> & {
    ref?: React$1.ForwardedRef<HTMLInputElement> | undefined;
}) => ReturnType<typeof SelectComponent>;

interface FormInputProps<Option> extends SelectProps<Option> {
    name: string;
    validation?: RegisterOptions;
    validationMessage?: string;
    confirm?: string;
}
declare function FormSelect<Option>({ name, validation, validationMessage, confirm, ...rest }: FormInputProps<Option>): JSX.Element;

declare type BaseFormType = typeof Form$1;
interface FormType extends BaseFormType {
    Input: typeof FormInput;
    SecondaryInput: typeof FormSecondaryInput;
    SecondarySelect: typeof FormSecondarySelect;
    Select: typeof FormSelect;
    FieldError: typeof FieldError;
    RadioGroup: typeof FormRadioGroup;
    InputSelect: typeof FormInputSelect;
}
declare const Form: FormType;
declare const validators: {
    email: {
        validEmail: (email: string) => true | "Invalid email";
    };
};

declare enum MenuSize {
    CLOSED = "CLOSED",
    COLLAPSED = "COLLAPSED",
    FULL = "FULL"
}
declare const useMenuSize: () => {
    size: MenuSize;
};

declare const Nav: {
    Menu: React$1.FC<{
        breakpoint?: number | undefined;
        className?: string | undefined;
        children?: React$1.ReactNode;
    }>;
    LinkPlain: React$1.FC<{
        to?: string | undefined;
        icon: IconType;
        onClick?: (() => void) | undefined;
        badge?: string | undefined;
        disabled?: boolean | undefined;
        children?: React$1.ReactNode;
    }>;
    Link: React$1.FC<{
        to?: string | undefined;
        icon: IconType;
        onClick?: (() => void) | undefined;
        badge?: string | undefined;
        disabled?: boolean | undefined;
        children?: React$1.ReactNode;
    }>;
};

declare type DialogProps = {
    open?: boolean;
    onClose?: () => void;
    onOpen?: () => void;
    children?: React__default.ReactNode;
};
declare const Dialog$1: React__default.FC<DialogProps>;

declare const DialogContent: React__default.ForwardRefExoticComponent<{
    minWidth?: number | undefined;
    borderRadius?: number | undefined;
    closable?: boolean | undefined;
    closeIconTint?: string | undefined;
    contentPadding?: boolean | undefined;
} & DialogPrimitive.DialogContentProps & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<never>>;
declare const DialogTitle: React__default.FC<{
    style?: React__default.CSSProperties;
    color?: string;
    children?: React__default.ReactNode;
}>;

declare type BaseDialogType = typeof Dialog$1;
interface DialogType extends BaseDialogType {
    Content: typeof DialogContent;
    Title: typeof DialogTitle;
}
declare const Dialog: DialogType;

declare const screenSize: {
    xsmall: number;
    small: number;
    med: number;
    large: number;
};
declare const breakpoints: {
    xsmall: string;
    small: string;
    med: string;
    large: string;
};
declare const colors: {
    brand: string;
    medBrand: string;
    ltBrand: string;
    black: string;
    charcoal: string;
    medGrey: string;
    ltGrey: string;
    silverGray: string;
    white: string;
    chartreuse: {
        100: string;
        75: string;
        50: string;
    };
    ltAqua: {
        100: string;
        50: string;
        25: string;
    };
    aqua: string;
    deepAqua: string;
    blue: string;
    orchid: string;
    lilac: string;
    seaSpray: {
        50: string;
        75: string;
        100: string;
    };
    coral: {
        50: string;
        75: string;
        100: string;
    };
    sunny: {
        50: string;
        75: string;
        100: string;
    };
    jelly: {
        50: string;
        75: string;
        100: string;
    };
    paleBlue: {
        100: string;
        50: string;
    };
};

declare type IconType = ComponentType<React__default.SVGAttributes<SVGSVGElement>>;
declare type IconSize = number;
declare type IconProps = {
    icon: IconType;
    size?: IconSize;
    tint?: Property.Color;
    className?: string;
    style?: React__default.CSSProperties;
    fillColor?: boolean;
    fillStroke?: boolean;
} & React__default.SVGProps<SVGSVGElement>;
declare const IconContainer: styled_components.StyledComponent<"div", any, Pick<IconProps, "size" | "tint"> & {
    $fillColor: boolean;
    $stroke: boolean;
}, never>;
declare const Icon: React__default.ForwardRefExoticComponent<Pick<Omit<IconProps, "onPointerEnterCapture" | "onPointerLeaveCapture" | "css">, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "type" | "name" | "key" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "r" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "size" | "tint" | "icon" | "fillColor" | "fillStroke"> & React__default.RefAttributes<SVGSVGElement>>;

declare const Images: readonly ["Sprite1", "Sprite2", "ProgressLogo0", "ProgressLogo1", "ProgressLogo2", "ProgressLogo3", "ProgressLogo4", "ProgressLogo5", "ConnectWallet", "SchedulePayment", "BillHistory", "BankTransfer"];
declare const Image: Record<typeof Images[number], React__default.VFC<{
    width?: number | string;
    height?: number | string;
    style?: ImgHTMLAttributes<HTMLImageElement>['style'];
}>>;

declare const SvgAccount: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgAccountBorder: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgAdd: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgArrowLineRight: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgBack: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgBank: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgBills: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgBook: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgCalculator: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgCard: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgCaret: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgChat: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgClear: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgClock: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgClose: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgCloseBorder: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgConfirmation: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgCopy: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgDefaultAvatar: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgError: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgExact: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgEyeClosed: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgEyeOpen: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgGift: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgHelp: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgHide: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgHome: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgHourglass: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgInProgress: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgInfo: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgLightbulb: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgLightning: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgLink: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgLinkedAccount: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgMagnify: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgMenu: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgMore: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgNotAllowed: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgOpenNew: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgPageSearch: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgPencil: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgPiggyBank: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgQrCode: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgRepeat: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgSignOut: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgStep1: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgStep2: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgStep3: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgStep4: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgStep5: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgTick: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgUnhide: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgVault: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgWallet: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare const SvgWarning: (props: SVGProps<SVGSVGElement>) => JSX.Element;

declare type TypographyProps$1 = {
    $size?: number;
    $color?: Property.Color;
    $align?: string;
    $secondary?: boolean;
};
declare const bodyFontStyle: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<TypographyProps$1, any>>;
declare const Body: {
    Reg: styled_components.StyledComponent<"span", any, TypographyProps$1, never>;
    Med: styled_components.StyledComponent<"span", any, TypographyProps$1, never>;
    SmBold: styled_components.StyledComponent<"span", any, TypographyProps$1, never>;
    Bold: styled_components.StyledComponent<"span", any, TypographyProps$1, never>;
};

declare type TypographyProps = {
    color?: Property.Color;
};
declare const Header: {
    Med: styled_components.StyledComponent<"h1", any, TypographyProps, never>;
    SmBold: styled_components.StyledComponent<"h1", any, TypographyProps, never>;
};

declare type CollapsibleMethods = {
    toggle: () => void;
};
declare type CollapsibleProps = {
    defaultOpen?: boolean;
    children: ReactNode;
    onChange?: () => void;
};
declare const Collapsible: React__default.ForwardRefExoticComponent<CollapsibleProps & React__default.RefAttributes<CollapsibleMethods>>;

declare type PopoverMethods = {
    toggle: () => void;
};
declare type PopoverProps = {
    defaultOpen?: boolean;
    children: ReactNode;
    minWidth?: number;
    anchor: ReactNode;
    align?: 'start' | 'center' | 'end';
    arrowOffset?: number;
    backgroundColor?: string;
    side?: 'top' | 'right' | 'bottom' | 'left';
    boundary?: HTMLElement | null;
};
declare const Popover: React__default.ForwardRefExoticComponent<PopoverProps & React__default.RefAttributes<PopoverMethods>>;

declare const Dropdown: {
    Item: React$1.FC<{
        onClick?: ((event?: Event | undefined) => void) | undefined;
        icon?: IconType | undefined;
        className?: string | undefined;
        hoverEffect?: boolean | undefined;
        children?: React$1.ReactNode;
    }>;
    Menu: React$1.FC<{
        children: React$1.ReactNode;
        minWidth?: number | undefined;
        anchor: React$1.ReactNode;
        offset?: number | undefined;
        align?: "end" | "start" | "center" | undefined;
        arrowOffset?: number | undefined;
        arrow?: boolean | undefined;
        onOpenChange?: ((open: boolean) => void) | undefined;
    }>;
};

declare enum ScreenSize {
    MOBILE = 0,
    TABLET = 1,
    DESKTOP = 2
}
declare function useScreenSize(): ScreenSize;

declare const MenuButton: () => JSX.Element;

declare const useMenuActions: () => {
    openMenu: () => void;
    closeMenu: () => void;
};

declare const SideBarContainer: styled_components.StyledComponent<"aside", any, {}, never>;
declare const NavMenu: React__default.FC<{
    screenSize: ScreenSize;
    fixedView?: (screenSize: ScreenSize) => boolean;
    children?: React__default.ReactNode;
}>;

declare const AlertsProvider: React__default.FC<{
    children?: React__default.ReactNode;
}>;

declare type TooltipProps = {
    text?: string;
    color?: string;
    backgroundColor?: string;
    side?: 'top' | 'right' | 'bottom' | 'left';
    offset?: number;
    delay?: number;
    open?: boolean;
    onOpenChange?: (state: boolean) => void;
    boundary?: HTMLElement | null;
    maxWidth?: number;
    children?: React__default.ReactNode;
};
declare const TooltipProvider: React__default.FC<TooltipPrimitive.TooltipProviderProps>;
declare const Tooltip: React__default.FC<TooltipProps>;

declare type TooltipIconProps = {
    text?: string;
    icon?: IconType;
    size?: IconSize;
    stroke?: boolean;
    controlled?: boolean;
    side?: 'top' | 'right' | 'bottom' | 'left';
    boundary?: HTMLElement | null;
};
declare const TooltipIcon: React.VFC<TooltipIconProps>;

declare const hexToRGB: (hex: string, alpha?: string | number | undefined) => string;
declare const blendWhite: (sourceHex: string, alpha: number) => string;

declare const Portal: React$1.ForwardRefExoticComponent<{
    children?: ReactNode;
    container: HTMLElement | string | undefined | null;
} & React$1.RefAttributes<HTMLDivElement>>;

export { SvgAccountBorder as AccountBorderSvg, SvgAccount as AccountSvg, SvgAdd as AddSvg, AlertsProvider, SvgArrowLineRight as ArrowLineRightSvg, SvgBack as BackSvg, Badge, SvgBank as BankSvg, SvgBills as BillsSvg, Body, SvgBook as BookSvg, Button, SvgCalculator as CalculatorSvg, SvgCard as CardSvg, SvgCaret as CaretSvg, SvgChat as ChatSvg, SvgClear as ClearSvg, SvgClock as ClockSvg, SvgCloseBorder as CloseBorderSvg, SvgClose as CloseSvg, Collapsible, CollapsibleMethods, SvgConfirmation as ConfirmationSvg, SvgCopy as CopySvg, SvgDefaultAvatar as DefaultAvatarSvg, Dialog, Dropdown, SvgError as ErrorSvg, SvgExact as ExactSvg, SvgEyeClosed as EyeClosedSvg, SvgEyeOpen as EyeOpenSvg, Form, SvgGift as GiftSvg, Header, SvgHelp as HelpSvg, SvgHide as HideSvg, SvgHome as HomeSvg, SvgHourglass as HourglassSvg, Icon, IconContainer, IconProps, IconSize, IconType, Image, SvgInProgress as InProgressSvg, SvgInfo as InfoSvg, Input, InputProps, SvgLightbulb as LightbulbSvg, SvgLightning as LightningSvg, SvgLink as LinkSvg, SvgLinkedAccount as LinkedAccountSvg, SvgMagnify as MagnifySvg, Margin, MenuButton, SvgMenu as MenuSvg, SvgMore as MoreSvg, Nav, NavMenu, SvgNotAllowed as NotAllowedSvg, SvgOpenNew as OpenNewSvg, SvgPageSearch as PageSearchSvg, SvgPencil as PencilSvg, SvgPiggyBank as PiggyBankSvg, Popover, PopoverMethods, Portal, SvgQrCode as QrCodeSvg, SvgRepeat as RepeatSvg, ScreenSize, SecondaryInput, SecondaryInputProps, SecondaryStyledInput, Select, SelectProps, SideBarContainer, SvgSignOut as SignOutSvg, Space, Spacer, SvgStep1 as Step1Svg, SvgStep2 as Step2Svg, SvgStep3 as Step3Svg, SvgStep4 as Step4Svg, SvgStep5 as Step5Svg, StyledInput, SvgTick as TickSvg, Tooltip, TooltipIcon, TooltipProvider, SvgUnhide as UnhideSvg, SvgVault as VaultSvg, SvgWallet as WalletSvg, SvgWarning as WarningSvg, blendWhite, bodyFontStyle, breakpoints, colors, hexToRGB, inputStyle, screenSize, secondaryInputStyle, useMenuActions, useMenuSize, useScreenSize, validators };