@mexi/uikit 0.0.1

package/README.md

@@ -0,0 +1,40 @@
+# 🥞 Pancake UIkit
+
+[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)
+
+Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.
+
+## Install
+
+`yarn add @pancakeswap-libs/uikit`
+
+## Setup
+
+### Theme
+
+Before using Pancake UIkit, you need to provide the theme file to styled-component.
+
+```
+import { ThemeProvider } from 'styled-components'
+import { light, dark } from '@pancakeswap-libs/uikit'
+...
+<ThemeProvider theme={isDark}>...</ThemeProvider>
+```
+
+### Reset
+
+A reset CSS is available as a global styled component.
+
+```
+import { ResetCSS } from '@pancakeswap-libs/uikit'
+...
+<ResetCSS />
+```
+
+### Types
+
+This project is built with Typescript and export all the relevant types.
+
+## How to use the UIkit
+
+If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)

package/dist/ResetCSS.d.ts

@@ -0,0 +1,2 @@
+declare const ResetCSS: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export default ResetCSS;

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { AlertProps } from "./types";
+declare const Alert: React.FC<AlertProps>;
+export default Alert;

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Alert } from "./Alert";
+export { variants as alertVariants } from "./types";
+export type { AlertProps, Variants as AlertVariants } from "./types";

package/dist/components/Alert/theme.d.ts

@@ -0,0 +1,3 @@
+import { AlertTheme } from "./types";
+export declare const light: AlertTheme;
+export declare const dark: AlertTheme;

package/dist/components/Alert/types.d.ts

@@ -0,0 +1,17 @@
+import { MouseEvent, ReactNode } from "react";
+export declare type AlertTheme = {
+    background: string;
+};
+export declare const variants: {
+    readonly INFO: "info";
+    readonly DANGER: "danger";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+};
+export declare type Variants = typeof variants[keyof typeof variants];
+export interface AlertProps {
+    variant?: Variants;
+    title: string;
+    children?: ReactNode;
+    onClick?: (evt: MouseEvent<HTMLButtonElement>) => void;
+}

package/dist/components/BalanceInput/BalanceInput.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { BalanceInputProps } from "./types";
+declare const BalanceInput: React.FC<BalanceInputProps>;
+export default BalanceInput;

package/dist/components/BalanceInput/TextField.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TextfieldProps } from "./types";
+declare const Textfield: React.FC<TextfieldProps>;
+export default Textfield;

package/dist/components/BalanceInput/index.d.ts

@@ -0,0 +1,3 @@
+export { default as BalanceInput } from "./BalanceInput";
+export { default as TextField } from "./TextField";
+export type { BalanceInputProps, TextfieldProps } from "./types";

package/dist/components/BalanceInput/styles.d.ts

@@ -0,0 +1,9 @@
+import { BalanceInputProps } from "./types";
+export declare const SwitchUnitsButton: import("styled-components").StyledComponent<import("../Button/types").PolymorphicComponent<import("../Button").BaseButtonProps, "button">, import("styled-components").DefaultTheme, {}, never>;
+export declare const UnitContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps, never>;
+export declare const StyledBalanceInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & {
+    isWarning: BalanceInputProps["isWarning"];
+}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("../Input").InputProps & {
+    textAlign?: string | undefined;
+}, never>;

package/dist/components/BalanceInput/types.d.ts

@@ -0,0 +1,22 @@
+import { InputHTMLAttributes, ReactNode, ReactText } from "react";
+import { BoxProps } from "../Box";
+export interface BalanceInputProps extends BoxProps {
+    value: ReactText;
+    onUserInput: (input: string) => void;
+    innerRef?: React.RefObject<HTMLInputElement>;
+    currencyValue?: ReactNode;
+    placeholder?: string;
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "placeholder" | "onChange">;
+    isWarning?: boolean;
+    decimals?: number;
+    unit?: string;
+    switchEditingUnits?: () => void;
+}
+export interface TextfieldProps {
+    label: ReactNode;
+    value: ReactText;
+    placeholder?: string;
+    onUserInput: (input: string) => void;
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "placeholder" | "onChange">;
+    isWarning?: boolean;
+}

package/dist/components/BaseMenu/BaseMenu.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { BaseMenuProps } from "./types";
+declare const BaseMenu: React.FC<BaseMenuProps>;
+export default BaseMenu;

package/dist/components/BaseMenu/InlineMenu.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { BoxProps } from "../Box";
+import { BaseMenuProps } from "./types";
+declare const InlineMenu: React.FC<BaseMenuProps & BoxProps>;
+export default InlineMenu;

package/dist/components/BaseMenu/SubMenu.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { FlexProps } from "../Box";
+import { BaseMenuProps } from "./types";
+declare const SubMenu: React.FC<BaseMenuProps & FlexProps>;
+export default SubMenu;

package/dist/components/BaseMenu/index.d.ts

@@ -0,0 +1,5 @@
+export { default as BaseMenu } from "./BaseMenu";
+export { default as InlineMenu } from "./InlineMenu";
+export { default as SubMenu } from "./SubMenu";
+export * from "./styles";
+export type { MenuOptions, BaseMenuProps } from "./types";

package/dist/components/BaseMenu/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const InlineMenuContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps, never>;
+export declare const SubMenuContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").FlexProps, never>;
+export declare const ClickableElementContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SubMenuItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/BaseMenu/types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { Placement, Padding } from "@popperjs/core";
+export interface MenuOptions {
+    placement?: Placement;
+    offset?: [number, number];
+    padding?: Padding;
+}
+export interface BaseMenuProps {
+    component: ReactNode;
+    options?: MenuOptions;
+    isOpen?: boolean;
+}

package/dist/components/BottomNav/BottomNav.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { BottomNavProps } from "./types";
+declare const BottomNav: React.FC<BottomNavProps>;
+export default BottomNav;

package/dist/components/BottomNav/constants.d.ts

@@ -0,0 +1,2 @@
+declare const MAX_TIME_PRESSED = 500;
+export default MAX_TIME_PRESSED;

package/dist/components/BottomNav/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./BottomNav";

package/dist/components/BottomNav/mock.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemsType } from "../MenuItems/types";
+declare const MenuItemsMock: MenuItemsType[];
+export default MenuItemsMock;

package/dist/components/BottomNav/styles.d.ts

@@ -0,0 +1,3 @@
+declare const StyledBottomNav: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").FlexProps, never>;
+export declare const StyledOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default StyledBottomNav;

package/dist/components/BottomNav/types.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from "../Box";
+import { MenuItemsType } from "../MenuItems/types";
+export interface BottomNavProps extends BoxProps {
+    items: MenuItemsType[];
+    activeItem?: string;
+    activeSubItem?: string;
+}

package/dist/components/BottomNavItem/BottomNavItem.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { BottomNavItemProps } from "./types";
+declare const BottomNavItem: React.FC<BottomNavItemProps>;
+export default BottomNavItem;

package/dist/components/BottomNavItem/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./BottomNavItem";

package/dist/components/BottomNavItem/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledBottomNavItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledBottomNavText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps, never>;

package/dist/components/BottomNavItem/types.d.ts

@@ -0,0 +1,7 @@
+export interface BottomNavItemProps {
+    label: string;
+    href: string;
+    iconName?: string;
+    isActive?: boolean;
+    showItemsOnMobile?: boolean;
+}

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,3 @@
+import { BoxProps } from "./types";
+declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BoxProps, never>;
+export default Box;

package/dist/components/Box/Flex.d.ts

@@ -0,0 +1,3 @@
+import { FlexProps } from "./types";
+declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./types").BoxProps & FlexProps, never>;
+export default Flex;

package/dist/components/Box/Grid.d.ts

@@ -0,0 +1,3 @@
+import { GridProps } from "./types";
+declare const Grid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./types").BoxProps & GridProps, never>;
+export default Grid;

package/dist/components/Box/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Box } from "./Box";
+export { default as Flex } from "./Flex";
+export { default as Grid } from "./Grid";
+export type { BoxProps, FlexProps, GridProps } from "./types";

package/dist/components/Box/types.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from "react";
+import { BackgroundProps, BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, GridProps as _GridProps } from "styled-system";
+export interface BoxProps extends BackgroundProps, BorderProps, LayoutProps, PositionProps, SpaceProps, HTMLAttributes<HTMLDivElement> {
+}
+export interface FlexProps extends BoxProps, FlexboxProps {
+}
+export interface GridProps extends FlexProps, _GridProps {
+}

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { BreadcrumbsProps } from "./types";
+declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+export default Breadcrumbs;

package/dist/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Breadcrumbs } from "./Breadcrumbs";
+export type { BreadcrumbsProps } from "./types";

package/dist/components/Breadcrumbs/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SpaceProps } from "styled-system";
+export interface BreadcrumbsProps extends SpaceProps {
+    separator?: React.ReactNode;
+}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { ButtonProps } from "./types";
+declare const Button: {
+    <E extends React.ElementType<any> = "button">(props: ButtonProps<E>): JSX.Element;
+    defaultProps: {
+        isLoading: boolean;
+        external: boolean;
+        variant: "primary";
+        scale: "md";
+        disabled: boolean;
+    };
+};
+export default Button;

package/dist/components/Button/ExpandableButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface Props {
+    onClick?: () => void;
+    expanded?: boolean;
+}
+export declare const ExpandableButton: React.FC<Props>;
+export declare const ExpandableLabel: React.FC<Props>;
+export {};

package/dist/components/Button/IconButton.d.ts

@@ -0,0 +1,3 @@
+import { BaseButtonProps, PolymorphicComponent } from "./types";
+declare const IconButton: PolymorphicComponent<BaseButtonProps, "button">;
+export default IconButton;

package/dist/components/Button/StyledButton.d.ts

@@ -0,0 +1,4 @@
+import { DefaultTheme } from "styled-components";
+import { BaseButtonProps } from "./types";
+declare const StyledButton: import("styled-components").StyledComponent<"button", DefaultTheme, BaseButtonProps, never>;
+export default StyledButton;

package/dist/components/Button/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Button } from "./Button";
+export { default as IconButton } from "./IconButton";
+export * from "./ExpandableButton";
+export type { ButtonProps, BaseButtonProps, Scale as ButtonScale, Variant as ButtonVariant } from "./types";

package/dist/components/Button/theme.d.ts

@@ -0,0 +1,58 @@
+export declare const scaleVariants: {
+    md: {
+        height: string;
+        padding: string;
+    };
+    sm: {
+        height: string;
+        padding: string;
+    };
+    xs: {
+        height: string;
+        fontSize: string;
+        padding: string;
+    };
+};
+export declare const styleVariants: {
+    primary: {
+        backgroundColor: string;
+        color: string;
+    };
+    secondary: {
+        backgroundColor: string;
+        border: string;
+        borderColor: string;
+        boxShadow: string;
+        color: string;
+        ":disabled": {
+            backgroundColor: string;
+        };
+    };
+    tertiary: {
+        backgroundColor: string;
+        boxShadow: string;
+        color: string;
+    };
+    subtle: {
+        backgroundColor: string;
+        color: string;
+    };
+    danger: {
+        backgroundColor: string;
+        color: string;
+    };
+    success: {
+        backgroundColor: string;
+        color: string;
+    };
+    text: {
+        backgroundColor: string;
+        color: string;
+        boxShadow: string;
+    };
+    light: {
+        backgroundColor: string;
+        color: string;
+        boxShadow: string;
+    };
+};

package/dist/components/Button/types.d.ts

@@ -0,0 +1,40 @@
+import { ComponentProps, ElementType, ReactElement, ReactNode } from "react";
+import { Link } from "react-router-dom";
+import { LayoutProps, SpaceProps } from "styled-system";
+export declare const scales: {
+    readonly MD: "md";
+    readonly SM: "sm";
+    readonly XS: "xs";
+};
+export declare const variants: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly TERTIARY: "tertiary";
+    readonly TEXT: "text";
+    readonly DANGER: "danger";
+    readonly SUBTLE: "subtle";
+    readonly SUCCESS: "success";
+    readonly LIGHT: "light";
+};
+export declare type Scale = typeof scales[keyof typeof scales];
+export declare type Variant = typeof variants[keyof typeof variants];
+/**
+ * @see https://www.benmvp.com/blog/polymorphic-react-components-typescript/
+ */
+export declare type AsProps<E extends ElementType = ElementType> = {
+    as?: E;
+};
+export declare type MergeProps<E extends ElementType> = AsProps<E> & Omit<ComponentProps<E>, keyof AsProps>;
+export declare type PolymorphicComponentProps<E extends ElementType, P> = P & MergeProps<E>;
+export declare type PolymorphicComponent<P, D extends ElementType = "button"> = <E extends ElementType = D>(props: PolymorphicComponentProps<E, P>) => ReactElement | null;
+export interface BaseButtonProps extends LayoutProps, SpaceProps {
+    as?: "a" | "button" | typeof Link;
+    external?: boolean;
+    isLoading?: boolean;
+    scale?: Scale;
+    variant?: Variant;
+    disabled?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+}
+export declare type ButtonProps<P extends ElementType = "button"> = PolymorphicComponentProps<P, BaseButtonProps>;

package/dist/components/ButtonMenu/ButtonMenu.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ButtonMenuProps } from "./types";
+declare const ButtonMenu: React.FC<ButtonMenuProps>;
+export default ButtonMenu;

package/dist/components/ButtonMenu/ButtonMenuItem.d.ts

@@ -0,0 +1,4 @@
+import { PolymorphicComponent } from "../Button/types";
+import { ButtonMenuItemProps } from "./types";
+declare const ButtonMenuItem: PolymorphicComponent<ButtonMenuItemProps, "button">;
+export default ButtonMenuItem;

package/dist/components/ButtonMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ButtonMenu } from "./ButtonMenu";
+export { default as ButtonMenuItem } from "./ButtonMenuItem";
+export type { ButtonMenuProps, ButtonMenuItemProps } from "./types";

package/dist/components/ButtonMenu/types.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from "react";
+import { SpaceProps } from "styled-system";
+import { BaseButtonProps, Scale, variants } from "../Button/types";
+export interface ButtonMenuItemProps extends BaseButtonProps {
+    isActive?: boolean;
+}
+export interface ButtonMenuProps extends SpaceProps {
+    variant?: typeof variants.PRIMARY | typeof variants.SUBTLE;
+    activeIndex?: number;
+    onItemClick?: (index: number) => void;
+    scale?: Scale;
+    disabled?: boolean;
+    children: ReactElement[];
+    fullWidth?: boolean;
+}

package/dist/components/CakePrice/CakePrice.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Colors } from "../../theme";
+export interface Props {
+    color?: keyof Colors;
+    cakePriceUsd?: number;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/CakePrice/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CakePrice } from "./CakePrice";
+export type { Props as CakePriceProps } from "./CakePrice";

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CardProps } from "./types";
+declare const Card: React.FC<CardProps>;
+export default Card;

package/dist/components/Card/CardBody.d.ts

@@ -0,0 +1,4 @@
+import { SpaceProps } from "styled-system";
+export declare type CardBodyProps = SpaceProps;
+declare const CardBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CardBodyProps, never>;
+export default CardBody;

package/dist/components/Card/CardFooter.d.ts

@@ -0,0 +1,4 @@
+import { SpaceProps } from "styled-system";
+export declare type CardFooterProps = SpaceProps;
+declare const CardFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CardFooterProps, never>;
+export default CardFooter;

package/dist/components/Card/CardHeader.d.ts

@@ -0,0 +1,7 @@
+import { SpaceProps } from "styled-system";
+import { CardTheme } from "./types";
+export interface CardHeaderProps extends SpaceProps {
+    variant?: keyof CardTheme["cardHeaderBackground"];
+}
+declare const CardHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CardHeaderProps, never>;
+export default CardHeader;

package/dist/components/Card/CardRibbon.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CardRibbonProps } from "./types";
+declare const CardRibbon: React.FC<CardRibbonProps>;
+export default CardRibbon;

package/dist/components/Card/StyledCard.d.ts

@@ -0,0 +1,11 @@
+import { DefaultTheme } from "styled-components";
+import { CardProps } from "./types";
+interface StyledCardProps extends CardProps {
+    theme: DefaultTheme;
+}
+export declare const StyledCard: import("styled-components").StyledComponent<"div", DefaultTheme, StyledCardProps, never>;
+export declare const StyledCardInner: import("styled-components").StyledComponent<"div", DefaultTheme, import("../Box").BoxProps & {
+    background?: string | undefined;
+    hasCustomBorder: boolean;
+}, never>;
+export {};

package/dist/components/Card/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Card } from "./Card";
+export { default as CardBody } from "./CardBody";
+export { default as CardHeader } from "./CardHeader";
+export { default as CardFooter } from "./CardFooter";
+export { default as CardRibbon } from "./CardRibbon";
+export type { CardProps, CardRibbonProps } from "./types";

package/dist/components/Card/theme.d.ts

@@ -0,0 +1,3 @@
+import { CardTheme } from "./types";
+export declare const light: CardTheme;
+export declare const dark: CardTheme;

package/dist/components/Card/types.d.ts

@@ -0,0 +1,31 @@
+import { HTMLAttributes } from "react";
+import { SpaceProps } from "styled-system";
+import { Colors } from "../../theme/types";
+export interface CardRibbonProps extends SpaceProps, HTMLAttributes<HTMLDivElement> {
+    variantColor?: keyof Colors;
+    text: string;
+    ribbonPosition?: "right" | "left";
+}
+export declare type CardTheme = {
+    background: string;
+    boxShadow: string;
+    boxShadowActive: string;
+    boxShadowSuccess: string;
+    boxShadowWarning: string;
+    cardHeaderBackground: {
+        default: string;
+        blue: string;
+        bubblegum: string;
+        violet: string;
+    };
+    dropShadow: string;
+};
+export interface CardProps extends SpaceProps, HTMLAttributes<HTMLDivElement> {
+    isActive?: boolean;
+    isSuccess?: boolean;
+    isWarning?: boolean;
+    isDisabled?: boolean;
+    ribbon?: React.ReactNode;
+    borderBackground?: string;
+    background?: string;
+}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxProps } from "./types";
+declare const Checkbox: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
+    type: "checkbox";
+} & CheckboxProps, "type">;
+export default Checkbox;

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Checkbox } from "./Checkbox";
+export type { CheckboxProps, Scales as CheckboxScales } from "./types";

package/dist/components/Checkbox/types.d.ts

@@ -0,0 +1,8 @@
+export declare const scales: {
+    readonly SM: "sm";
+    readonly MD: "md";
+};
+export declare type Scales = typeof scales[keyof typeof scales];
+export interface CheckboxProps {
+    scale?: Scales;
+}

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { DropdownProps } from "./types";
+declare const Dropdown: React.FC<DropdownProps>;
+export default Dropdown;

package/dist/components/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Dropdown } from "./Dropdown";
+export type { DropdownProps } from "./types";

package/dist/components/Dropdown/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type Position = "top" | "top-right" | "bottom";
+export interface PositionProps {
+    position?: Position;
+}
+export interface DropdownProps extends PositionProps {
+    target: React.ReactElement;
+}

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { DropdownMenuProps } from "./types";
+declare const DropdownMenu: React.FC<DropdownMenuProps>;
+export default DropdownMenu;

package/dist/components/DropdownMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DropdownMenu } from "./DropdownMenu";
+export type { DropdownMenuProps } from "./types";

package/dist/components/DropdownMenu/mock.d.ts

@@ -0,0 +1,3 @@
+import { DropdownMenuItems } from "./types";
+declare const ItemsMock: DropdownMenuItems[];
+export default ItemsMock;