@veeqo/ui 0.0.3 → 0.0.6

package/dist/esm/types/components/DimensionsInput/styled.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
+    className?: string | undefined;
+    type?: import("../TextField/types").TextFieldType | undefined;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string | undefined;
+    step?: string | undefined;
+    name?: string | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+    pattern?: string | undefined;
+    hasError?: boolean | undefined;
+    size?: import("../types").ComponentSize | undefined;
+    multiline?: boolean | undefined;
+    rows?: string | undefined;
+    invalid?: boolean | undefined;
+    disabled?: boolean | undefined;
+    spellCheck?: boolean | undefined;
+} & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
+declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: import("react").ReactNode;
+    variant?: import("../Button/types").ButtonVariant | undefined;
+    size?: "base" | "sm" | undefined;
+    icon?: import("react").ReactNode;
+    dropdown?: boolean | undefined;
+    loading?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+declare const Label: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
+declare const Error: import("styled-components").StyledComponent<"span", any, {}, never>;
+declare const Hint: import("styled-components").StyledComponent<"span", any, {}, never>;
+export { Container, Row, Error, Hint, StyledTextField as TextField, StyledButton as Button, Label };

package/dist/esm/types/components/DimensionsInput/types.d.ts

@@ -0,0 +1,15 @@
+import { ComponentSize } from '../types';
+export interface DimensionsProps {
+    size?: ComponentSize;
+    handleChangeHeight: (value: string) => void;
+    handleChangeWidth: (value: string) => void;
+    handleChangeLength: (value: string) => void;
+    label?: string;
+    hint?: string;
+    error?: string;
+    height: string;
+    width: string;
+    length: string;
+    unit?: string;
+    className?: string;
+}

package/dist/esm/types/components/FilterTag/FilterTag.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FilterTagProps } from './types';
+export interface ClassNamesReturnPayload {
+    filterTagDropdown?: string;
+    container?: string;
+    cross?: string;
+}
+export declare const FilterTag: ({ className, e2eClassName, label, text, iconSlot, fill, content, footer, onClickAway, onClick, shouldCloseOnClickAway, }: FilterTagProps) => React.JSX.Element;

package/dist/esm/types/components/FilterTag/styled.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Text } from '../Text';
+import { AnimatedDropdown } from '../AnimatedDropdown';
+declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const GroupLabel: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
+declare const MainIcon: import("styled-components").StyledComponent<(props: any) => import("react").JSX.Element, any, {
+    shouldShow?: boolean | undefined;
+}, never>;
+declare const StyledCrossIcon: import("styled-components").StyledComponent<(props: any) => import("react").JSX.Element, any, {}, never>;
+declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { Container, Text, AnimatedDropdown as Dropdown, GroupLabel, Content, Header, MainIcon, StyledCrossIcon as CrossIcon, };

package/dist/esm/types/components/FilterTag/types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface FilterTagProps {
+    className?: string;
+    e2eClassName?: string;
+    iconSlot?: Omit<ReactNode, string>;
+    label?: string;
+    text: string;
+    fill?: string;
+    content?: ReactNode;
+    footer?: ReactNode;
+    onClickAway?: (event: Event, closeDropdown?: () => void) => void;
+    onClick?: () => void;
+    shouldCloseOnClickAway?: boolean;
+}

package/dist/esm/types/components/Grid/index.d.ts

@@ -0,0 +1,2 @@
+import { GridProps } from './types';
+export declare const Grid: import("styled-components").StyledComponent<"div", any, GridProps, never>;

package/dist/esm/types/components/Grid/types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { Size } from '../Stack/types';
+export type GridProps = {
+    children: ReactNode;
+    className?: string;
+    columns: number;
+    spacing?: Size;
+};

package/dist/esm/types/components/Image/Image.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Placement } from '@popperjs/core';
+type ImageProps = {
+    src: string;
+    alt?: string;
+    className?: string;
+    e2eClassName?: string;
+    width?: string;
+    height?: string;
+    previewWidth?: string;
+    previewHeight?: string;
+    previewPlacement?: Placement;
+    previewEnabled?: boolean;
+    placeholder?: React.ReactNode;
+    placeholderWidth?: string;
+    placeholderHeight?: string;
+    disablePlaceholder?: boolean;
+};
+export declare const Image: ({ src, alt, className, e2eClassName, width, height, previewWidth, previewHeight, previewPlacement, previewEnabled, placeholder, placeholderWidth, placeholderHeight, disablePlaceholder, }: ImageProps) => React.JSX.Element;
+export {};

package/dist/esm/types/components/Image/components/PlaceholderImage.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PlaceholderImage: (props: any) => React.JSX.Element;

package/dist/esm/types/components/Image/components/styled.d.ts

@@ -0,0 +1,6 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CommonImage: import("styled-components").StyledComponent<"img", any, {
+    previewEnabled?: boolean | undefined;
+}, never>;
+export declare const PreviewImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PreviewImage: import("styled-components").StyledComponent<"img", any, {}, never>;

package/dist/esm/types/components/Image/types.d.ts

@@ -0,0 +1,6 @@
+export type ClassNamesReturnPayload = {
+    container?: string;
+    image?: string;
+    placeholder?: string;
+    previewImageContainer?: string;
+};

package/dist/esm/types/components/Image/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassNamesReturnPayload } from './types';
+export declare const generateClassNames: (prefix?: string) => ClassNamesReturnPayload;

package/dist/esm/types/components/InputGroup/index.d.ts

@@ -0,0 +1 @@
+export declare const InputGroup: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/types/components/Loader/Grid.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface GridProps {
+    width?: number;
+    height?: number;
+    className?: string;
+    color?: string;
+    label?: string;
+}
+export declare const Grid: ({ width, height, className, color, label }: GridProps) => React.JSX.Element;

package/dist/esm/types/components/Loader/Loader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { LoaderProps } from './loaderTypes';
+export declare const Loader: ({ className, height, width, color, type, }: LoaderProps) => React.JSX.Element;

package/dist/esm/types/components/Loader/TailSpin.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TailSpinProps {
+    width?: number;
+    height?: number;
+    className?: string;
+    color?: string;
+    label?: string;
+}
+export declare const TailSpin: ({ width, height, className, color, label }: TailSpinProps) => React.JSX.Element;

package/dist/esm/types/components/Loader/ThreeDots.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ThreeDotsProps {
+    width?: number;
+    height?: number;
+    className?: string;
+    color?: string;
+    label?: string;
+}
+export declare const ThreeDots: ({ width, height, className, color, label }: ThreeDotsProps) => React.JSX.Element;

package/dist/esm/types/components/Loader/loaderTypes.d.ts

@@ -0,0 +1,8 @@
+export type LoaderType = 'Grid' | 'TailSpin' | 'ThreeDots';
+export interface LoaderProps {
+    className?: string;
+    height?: number;
+    width?: number;
+    color?: string;
+    type?: LoaderType;
+}

package/dist/esm/types/components/LoginWithAmazonButton/LoginWithAmazonButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const buttonDescription = "Log in with Amazon";
+/**
+ * Image used in this button is to comply with official
+ * Amazon button guidelines (https://developer.amazon.com/docs/login-with-amazon/button.html#android-images).
+ */
+export declare const LoginWithAmazonButton: React.FC<React.ButtonHTMLAttributes<HTMLButtonElement>>;

package/dist/esm/types/components/LoginWithAmazonButton/styled.d.ts

@@ -0,0 +1 @@
+export declare const LoginButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/esm/types/components/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ModalProps } from './types';
+export declare const Modal: (props: ModalProps) => React.JSX.Element;

package/dist/esm/types/components/Modal/components/Dialog/Dialog.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { StyledDialog } from './styled';
+import { ModalVariants } from '../../types';
+type ModifiedDialogProps = {
+    variant: ModalVariants;
+} & React.ComponentProps<typeof StyledDialog>;
+export declare const Dialog: React.ForwardRefExoticComponent<Omit<ModifiedDialogProps, "ref"> & React.RefAttributes<HTMLDialogElement>>;
+export {};

package/dist/esm/types/components/Modal/components/Dialog/constants.d.ts

@@ -0,0 +1,44 @@
+export declare const heightMap: {
+    readonly xs: "84vh";
+    readonly sm: "72vh";
+    readonly base: "84vh";
+    readonly lg: "96vh";
+};
+export declare const widthMap: {
+    readonly "640px": {
+        readonly xs: "60vw";
+        readonly sm: "72vw";
+        readonly base: "100vw";
+        readonly lg: "100vw";
+    };
+    readonly "720px": {
+        readonly xs: "60vw";
+        readonly sm: "72vw";
+        readonly base: "100vw";
+        readonly lg: "100vw";
+    };
+    readonly "960px": {
+        readonly xs: "48vw";
+        readonly sm: "56vw";
+        readonly base: "88vw";
+        readonly lg: "100vw";
+    };
+    readonly "1280px": {
+        readonly xs: "36vw";
+        readonly sm: "44vw";
+        readonly base: "72vw";
+        readonly lg: "88vw";
+    };
+    readonly "1440px": {
+        readonly xs: "32vw";
+        readonly sm: "40vw";
+        readonly base: "52vw";
+        readonly lg: "80vw";
+    };
+};
+export declare const fullScreenBreakpointMap: {
+    readonly xs: "640px";
+    readonly sm: "640px";
+    readonly base: "720px";
+    readonly lg: "960px";
+};

package/dist/esm/types/components/Modal/components/Dialog/styled.d.ts

@@ -0,0 +1,24 @@
+import { ModalVariants } from '../../types';
+export declare const StyledDialog: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDialogElement, import("framer-motion").HTMLMotionProps<"dialog">>, any, {
+    initial: {
+        opacity: number;
+        y: number;
+        bounce: number;
+    };
+    exit: {
+        opacity: number;
+        y: number;
+        bounce: number;
+    };
+    animate: {
+        opacity: number;
+        y: number;
+        bounce: number;
+    };
+    transition: {
+        type: "tween";
+        duration: number;
+    };
+} & {
+    variant: ModalVariants;
+}, "animate" | "initial" | "exit" | "transition">;

package/dist/esm/types/components/Modal/components/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const NonScrollableBody: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const MainSection: import("styled-components").StyledComponent<"section", any, {
+    isScrollable: boolean;
+    fullBleed: boolean;
+}, never>;

package/dist/esm/types/components/Modal/types.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { ButtonProps } from '../Button/types';
+export type ModalVariants = 'xs' | 'sm' | 'base' | 'lg';
+type BaseModalProps = {
+    shouldShow: boolean;
+    showHeaderCloseButton?: boolean;
+    fullBleed?: boolean;
+    variant?: ModalVariants;
+    onClose: () => void;
+    children: React.ReactNode;
+};
+type WithHeaderSlot = {
+    headerSlot: React.ReactNode;
+};
+type WithFooterSlot = {
+    footerSlot: React.ReactNode;
+};
+type DefaultHeaderOptions = {
+    headerTitle: string;
+    headerSubtitle?: string;
+};
+type ModalAction = {
+    label: string;
+} & ButtonProps;
+type DefaultFooterOptions = {
+    leftActions?: ModalAction[];
+    rightActions?: ModalAction[];
+};
+type HeaderOptions = WithHeaderSlot | DefaultHeaderOptions;
+type FooterOptions = WithFooterSlot | DefaultFooterOptions;
+export type ModalProps = BaseModalProps & HeaderOptions & FooterOptions;
+/**
+ * Type guard to check if a header slot has been passed to the component.
+ */
+export declare const hasHeaderSlot: (props: ModalProps) => props is BaseModalProps & WithHeaderSlot & FooterOptions;
+/**
+ * Type guard to check if a footer slot has been passed to the component.
+ */
+export declare const hasFooterSlot: (props: ModalProps) => props is BaseModalProps & HeaderOptions & WithFooterSlot;
+export {};

package/dist/esm/types/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,29 @@
+import React, { ReactNode } from 'react';
+import { ActionListSection } from '../ActionList/types';
+import { ButtonVariant } from '../Button/types';
+import { ShadowPropType } from './styled';
+type QuickAction = {
+    title: string;
+    icon: Omit<ReactNode, string>;
+    variant: ButtonVariant;
+    onClick: () => void;
+};
+type BackAction = {
+    title: string;
+    onClick: () => void;
+};
+export type PageHeaderProps = {
+    title: string;
+    subtitle?: string;
+    imageSrc?: string;
+    actions?: ActionListSection[];
+    quickActions?: QuickAction[];
+    backAction?: BackAction;
+    Accessory?: ReactNode;
+    shadow?: ShadowPropType;
+    onClickPrevious?: () => void;
+    onClickNext?: () => void;
+    onClickToggleSidebar?: () => void;
+};
+export declare const PageHeader: ({ title, subtitle, imageSrc, actions, quickActions, backAction, Accessory, shadow, onClickPrevious, onClickNext, onClickToggleSidebar, }: PageHeaderProps) => React.JSX.Element;
+export {};

package/dist/esm/types/components/PageHeader/styled.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+declare const shadows: typeof import("../../theme/modules/shadows").Shadows;
+export type ShadowPropType = keyof typeof shadows | 'none';
+interface HeaderProps {
+    shadow: ShadowPropType;
+}
+export declare const Header: import("styled-components").StyledComponent<"header", any, HeaderProps, never>;
+export declare const Title: import("styled-components").StyledComponent<"h1", any, {}, never>;
+export declare const Subtitle: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const ActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SidebarToggleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: import("react").ReactNode;
+    variant?: import("../Button/types").ButtonVariant | undefined;
+    size?: "base" | "sm" | undefined;
+    icon?: import("react").ReactNode;
+    dropdown?: boolean | undefined;
+    loading?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {
+    variant: "unstyled";
+}, "variant">;
+export declare const ColumnGrid: import("styled-components").StyledComponent<"div", any, any, never>;
+export {};

package/dist/esm/types/components/Pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PaginationProps } from './types';
+export declare const Pagination: ({ testId, e2eClassName, currentPage, totalPagesCount, handleChangePage, }: PaginationProps) => React.JSX.Element;

package/dist/esm/types/components/Pagination/components.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const PageCount: ({ count }: {
+    count: number;
+}) => React.JSX.Element;

package/dist/esm/types/components/Pagination/hooks/usePagination.d.ts

@@ -0,0 +1,13 @@
+import { FormEvent } from 'react';
+import { UsePaginationInputs } from '../types';
+/**
+ * A hook to handle pagination state.
+ */
+export declare const usePagination: ({ currentPage, totalPagesCount, handleChangePage, }: UsePaginationInputs) => {
+    pageInputValue: string;
+    handleIncrement: () => void;
+    handleDecrement: () => void;
+    handleInputChange: (newValue: string) => void;
+    handleSubmit: () => void;
+    handleFormSubmit: (event: FormEvent<HTMLFormElement>) => void;
+};

package/dist/esm/types/components/Pagination/styled.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const PageLimitContainer: import("styled-components").StyledComponent<"div", any, import("../Stack/types").StackProps, never>;
+export declare const PaginationButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: import("react").ReactNode;
+    variant?: import("../Button/types").ButtonVariant | undefined;
+    size?: "base" | "sm" | undefined;
+    icon?: import("react").ReactNode;
+    dropdown?: boolean | undefined;
+    loading?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const PageInput: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
+    className?: string | undefined;
+    type?: import("../TextField/types").TextFieldType | undefined;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string | undefined;
+    step?: string | undefined;
+    name?: string | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+    pattern?: string | undefined;
+    hasError?: boolean | undefined;
+    size?: import("../types").ComponentSize | undefined;
+    multiline?: boolean | undefined;
+    rows?: string | undefined;
+    invalid?: boolean | undefined;
+    disabled?: boolean | undefined;
+    spellCheck?: boolean | undefined;
+} & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;

package/dist/esm/types/components/Pagination/types.d.ts

@@ -0,0 +1,8 @@
+export type PaginationProps = {
+    testId?: string;
+    e2eClassName?: string;
+    currentPage: number;
+    totalPagesCount: number;
+    handleChangePage: (newPageIndex: number) => void;
+};
+export type UsePaginationInputs = Omit<PaginationProps, 'testId'>;

package/dist/esm/types/components/PaginationRange/Items/Item/Item.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PaginationListItemProps } from './types';
+export declare const Item: ({ item, handleRangeListChange }: PaginationListItemProps) => React.JSX.Element;

package/dist/esm/types/components/PaginationRange/Items/Item/styled.d.ts

@@ -0,0 +1,3 @@
+declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledText: import("styled-components").StyledComponent<"span", any, {} & import("../../../Text/types").TextProps, never>;
+export { StyledText as Text, Container };

package/dist/esm/types/components/PaginationRange/Items/Item/types.d.ts

@@ -0,0 +1,5 @@
+import { PaginationRangeOption } from '../../types';
+export interface PaginationListItemProps {
+    item: PaginationRangeOption;
+    handleRangeListChange: (item: PaginationRangeOption) => void;
+}

package/dist/esm/types/components/PaginationRange/Items/Items.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PaginationListItemProps } from './Item/types';
+import { PaginationRangeProps } from '../types';
+export type PaginationRangeItemsOwnProps = Pick<PaginationRangeProps, 'paginationRange'>;
+export type PaginationListItemOwnProps = Pick<PaginationListItemProps, 'handleRangeListChange'>;
+export type PaginationRangeItemsProps = PaginationRangeItemsOwnProps & PaginationListItemOwnProps;
+export declare const Items: (props: PaginationRangeItemsProps) => React.JSX.Element;

package/dist/esm/types/components/PaginationRange/PaginationRange.d.ts

@@ -0,0 +1,9 @@
+import React, { Component } from 'react';
+import { PaginationRangeOption, PaginationRangeProps, PaginationRangeState } from './types';
+export declare class PaginationRange extends Component<PaginationRangeProps, PaginationRangeState> {
+    constructor(props: PaginationRangeProps);
+    handleRangeListChange: (item: PaginationRangeOption) => void;
+    setDropdownValue: (currentValue: PaginationRangeOption) => void;
+    toggleShouldShow: () => void;
+    render(): React.JSX.Element;
+}

package/dist/esm/types/components/PaginationRange/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Text } from '../Text';
+declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const Dropdown: import("styled-components").StyledComponent<({ cta, shouldShowDropdown, children, className, reversed, onClickAway, timeout, transitionClassnames, onClick, onMouseEnter, onMouseLeave, }: import("../AnimatedDropdown/types").AnimatedDropdownProps) => import("react").JSX.Element, any, {}, never>;
+declare const Button: import("styled-components").StyledComponent<"button", any, {}, never>;
+export { Container, Dropdown, Button, Text };

package/dist/esm/types/components/PaginationRange/types.d.ts

@@ -0,0 +1,15 @@
+export interface PaginationRangeOption {
+    label: string;
+    value: number;
+}
+export interface PaginationRangeProps {
+    className?: string;
+    dropdownValue?: PaginationRangeOption;
+    paginationRange?: PaginationRangeOption[];
+    reversedDropdown?: boolean;
+    onPaginationRangeChange: (currentItem: PaginationRangeOption) => void;
+}
+export interface PaginationRangeState {
+    dropdownValue: PaginationRangeOption;
+    shouldShowDropdown: boolean;
+}

package/dist/esm/types/components/Popover/Popover.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { Placement } from '@popperjs/core';
+export declare const Backdrop: import("styled-components").StyledComponent<"div", any, {
+    zIndex: number;
+}, never>;
+export type PopoverProps = {
+    children: ReactNode;
+    className?: string;
+    anchorElement: HTMLElement | null;
+    rootElementRef?: HTMLElement;
+    placement?: Placement;
+    onShouldClose?: () => void;
+    zIndex?: number;
+};
+export declare const Popover: ({ children, className, anchorElement, rootElementRef, placement, onShouldClose, zIndex, }: PopoverProps) => React.JSX.Element;

package/dist/esm/types/components/Popover/PopoverDemo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const PopoverDefaultDemo: () => React.JSX.Element;
+export declare const PopoverCustomPlacementDemo: () => React.JSX.Element;

package/dist/esm/types/components/Portal/Portal.d.ts

@@ -0,0 +1,20 @@
+import { PureComponent, ReactNode } from 'react';
+type PortalProps = {
+    children: ReactNode;
+    rootElementRef?: HTMLElement;
+};
+type PortalState = {
+    isMounted: boolean;
+};
+/**
+ * The portal component renders content on the document `body` unless `rootElementRef` is passed.
+ */
+export declare class Portal extends PureComponent<PortalProps, PortalState> {
+    id: string;
+    portalNode: HTMLElement | null;
+    constructor(props: PortalProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactPortal | null;
+}
+export {};

package/dist/esm/types/components/PriceInput/PriceInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CurrencyProps } from './types';
+export declare const PriceInput: React.FC<CurrencyProps & import("../../hoc/withLabels/withLabels").WithLabelsProps>;

package/dist/esm/types/components/PriceInput/styled.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ComponentSize } from '../types';
+export declare const StyledTextField: import("styled-components").StyledComponent<import("react").FC<Omit<import("../types").EventHandlerProps, "onChange" | "onKeyDown"> & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "onKeyDown" | "autoComplete"> & {
+    className?: string | undefined;
+    type?: import("../TextField/types").TextFieldType | undefined;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string | undefined;
+    step?: string | undefined;
+    name?: string | undefined;
+    min?: string | undefined;
+    max?: string | undefined;
+    pattern?: string | undefined;
+    hasError?: boolean | undefined;
+    size?: ComponentSize | undefined;
+    multiline?: boolean | undefined;
+    rows?: string | undefined;
+    invalid?: boolean | undefined;
+    disabled?: boolean | undefined;
+    spellCheck?: boolean | undefined;
+} & import("../../hoc/withLabels/withLabels").WithLabelsProps>, any, {}, never>;
+export declare const PrefixContainer: import("styled-components").StyledComponent<"div", any, {
+    disabled: boolean;
+    size?: ComponentSize | undefined;
+}, never>;
+export declare const PrefixText: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
+export declare const PriceInputGroup: import("styled-components").StyledComponent<"div", any, {
+    hasError?: boolean | undefined;
+}, never>;

package/dist/esm/types/components/PriceInput/types.d.ts

@@ -0,0 +1,12 @@
+import { ComponentSize } from '../types';
+export interface CurrencyProps {
+    className?: string;
+    disabled?: boolean;
+    size?: ComponentSize;
+    currency: string;
+    step?: string;
+    hasError?: boolean;
+    priceValue: string;
+    onChange: (value: string) => void;
+    onPriceChange: (value: string) => void;
+}

package/dist/esm/types/components/Radio/Radio.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ForwardedChoiceProps } from '../Choice';
+type RadioValue = string | number;
+export interface RadioProps extends ForwardedChoiceProps {
+    checked: boolean;
+    value?: RadioValue;
+    disabled?: boolean;
+    name?: string;
+    onChange: (checked: boolean, value?: RadioValue) => void;
+}
+export declare const Radio: ({ checked, value, name, disabled, onChange, ...otherProps }: RadioProps) => React.JSX.Element;
+export {};