@yosgo/swap-ui 1.0.141 → 2.0.0-beta.1

package/package.json

@@ -1,22 +1,31 @@
 {
   "name": "@yosgo/swap-ui",
-  "version": "1.0.141",
-  "main": "build/index.js",
-  "module": "build/index.esm.js",
+  "version": "2.0.0-beta.1",
+  "description": "SWAP UI theme & components on MUI v9. www.swap.work",
+  "type": "module",
+  "main": "./build/index.cjs",
+  "module": "./build/index.js",
+  "types": "./build/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "import": "./build/index.js",
+      "require": "./build/index.cjs"
+    }
+  },
   "files": [
     "build"
   ],
-  "types": "build/index.d.ts",
-  "description": "SWAP UI Framework. www.swap.work",
+  "sideEffects": false,
   "scripts": {
-    "build": "rollup -c",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "storybook": "start-storybook -p 6006",
-    "storybook:export": "build-storybook",
-    "generate": "node ./util/create-component",
-    "prepublishOnly": "npm run build",
-    "deploy-storybook": "storybook-to-ghpages"
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "prepublishOnly": "npm run typecheck && npm run test && npm run build",
+    "build-storybook": "storybook build"
   },
   "repository": {
     "type": "git",
@@ -26,11 +35,9 @@
     "React",
     "Component",
     "Library",
-    "Rollup",
-    "Typescript",
-    "Sass",
-    "Storybook",
-    "Material-ui"
+    "MUI",
+    "Design-Tokens",
+    "Storybook"
   ],
   "author": "kcin1993",
   "license": "MIT",
@@ -38,54 +45,47 @@
     "url": "https://github.com/yosgo-open-source/swap-ui/issues"
   },
   "homepage": "https://github.com/yosgo-open-source/swap-ui",
-  "peerDependencies": {
-    "@material-ui/core": "^4.11.0",
-    "@material-ui/icons": "^4.9.1",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
-    "styled-components": ">=^5.2.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.10.3",
-    "@material-ui/core": "^4.11.0",
-    "@material-ui/icons": "^4.9.1",
-    "@rollup/plugin-commonjs": "^11.1.0",
-    "@rollup/plugin-node-resolve": "^7.1.3",
-    "@storybook/addon-essentials": "^6.0.26",
-    "@storybook/react": "^6.0.26",
-    "@storybook/storybook-deployer": "^2.8.7",
-    "@testing-library/jest-dom": "^5.5.0",
-    "@testing-library/react": "^10.0.2",
-    "@types/jest": "^24.0.24",
-    "@types/react": "^17.0.11",
-    "@types/react-copy-to-clipboard": "^4.3.0",
-    "@types/react-dom": "^17.0.8",
-    "@types/styled-components": "^5.1.4",
-    "babel-loader": "^8.1.0",
-    "babel-preset-react-app": "^9.1.2",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^24.9.0",
-    "node-sass": "^4.14.1",
-    "react": "^17.0.2",
-    "react-copy-to-clipboard": "^5.0.2",
-    "react-dom": "^17.0.2",
-    "react-share": "^4.3.1",
-    "rollup": "^1.27.4",
-    "rollup-plugin-node-polyfills": "^0.2.1",
-    "rollup-plugin-peer-deps-external": "^2.2.0",
-    "rollup-plugin-svg": "^2.0.0",
-    "rollup-plugin-typescript2": "^0.27.0",
-    "sass-loader": "^8.0.0",
-    "styled-components": "^5.2.0",
-    "ts-jest": "^24.2.0",
-    "typescript": "^3.7.2"
-  },
   "publishConfig": {
     "access": "public"
   },
+  "peerDependencies": {
+    "@mui/material": "^9.0.0",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
   "dependencies": {
-    "@material-ui/lab": "^4.0.0-alpha.57",
-    "react-spring": "^9.1.1",
-    "react-typed": "^1.2.0"
+    "@fontsource/m-plus-rounded-1c": "5.2.10",
+    "@fontsource/noto-sans-tc": "5.2.9",
+    "@mui/x-date-pickers": "^9.9.0",
+    "dayjs": "^1.11.21",
+    "react-share": "^5.3.0"
+  },
+  "devDependencies": {
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.1",
+    "@mui/icons-material": "9.2.0",
+    "@mui/material": "9.2.0",
+    "@storybook/addon-a11y": "^10.5.0",
+    "@storybook/addon-docs": "^10.5.0",
+    "@storybook/addon-mcp": "^0.7.0",
+    "@storybook/addon-vitest": "^10.5.0",
+    "@storybook/react-vite": "^10.5.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^26.1.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitest/browser-playwright": "^4.1.10",
+    "@vitest/coverage-v8": "^4.1.10",
+    "jsdom": "^29.1.1",
+    "playwright": "^1.61.1",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "storybook": "^10.5.0",
+    "tsup": "8.5.1",
+    "typescript": "^6.0.3",
+    "vite": "^8.1.4",
+    "vitest": "4.1.10"
   }
 }

package/build/AppBar/AppBar.d.ts

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

package/build/AppBar/AppBar.types.d.ts

@@ -1,2 +0,0 @@
-export interface AppBarProps {
-}

package/build/AutoComplete/AutoComplete.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { MyAutoCompleteProps } from "./AutoComplete.types";
-import { AutocompleteCloseReason } from "@material-ui/lab/Autocomplete";
-declare const AutoComplete: React.FC<MyAutoCompleteProps>;
-export { AutocompleteCloseReason };
-export default AutoComplete;

package/build/AutoComplete/AutoComplete.types.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { AutocompleteProps, AutocompleteRenderInputParams } from "@material-ui/lab";
-declare type OmitAutocompleteProps = Omit<AutocompleteProps<any, true, undefined, undefined>, "title" | "renderInput">;
-export interface MyAutoCompleteProps extends OmitAutocompleteProps {
-    helperText?: React.ReactNode;
-    value?: any;
-    handleNoOptionsValueChange?: Function;
-    placeholder?: string;
-    placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
-    title?: React.ReactNode;
-    width?: string | number;
-    open?: boolean;
-    anchorEl?: null | HTMLElement;
-    renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
-    disableFreeInput?: boolean;
-    optionsMaxHeight?: string | number;
-    anchorOrigin?: {
-        horizontal?: string | number;
-        vertical?: string | number;
-    };
-    addNewOptionsText?: string;
-}
-export {};

package/build/AutoComplete/BankCodes.d.ts

@@ -1,5 +0,0 @@
-export declare const BankCodes: {
-    code: string;
-    name: string;
-}[];
-export declare const BankBranchCodes: any;

package/build/Banner/Banner.d.ts

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

package/build/Banner/Banner.types.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from "@material-ui/core";
-export interface BannerProps extends BoxProps {
-    children?: React.ReactNode;
-    variant?: "info" | "normal" | "success" | "warning" | "error";
-    mobile?: boolean;
-    width?: string | number;
-    height?: string | number;
-    icon?: React.ReactNode;
-}

package/build/Breadcrumb/Breadcrumb.d.ts

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

package/build/Breadcrumb/Breadcrumb.types.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from "@material-ui/core";
-export interface BreadcrumbProps extends BoxProps {
-    children: React.ReactNode[];
-    separator?: React.ReactNode;
-    maxItems?: number;
-}

package/build/BreadcrumbItem/BreadcrumbItem.d.ts

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

package/build/BreadcrumbItem/BreadcrumbItem.types.d.ts

@@ -1,4 +0,0 @@
-import { MyLinkProps } from "../Link/Link.types";
-export interface BreadcrumbItemProps extends MyLinkProps {
-    last?: boolean;
-}

package/build/Button/Button.d.ts

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

package/build/Button/Button.types.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from "@material-ui/core";
-declare type OmitButtonProps = Omit<ButtonProps, "variant" | "onClick" | "size" | "color">;
-export interface MyButtonProps extends OmitButtonProps {
-    children?: React.ReactNode;
-    variant?: "primary" | "secondary" | "text" | "tertiary" | "black" | "danger";
-    loading?: boolean;
-    minWidth?: number | string;
-    width?: number | string;
-    size?: "small" | "medium" | "large";
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-}
-export {};

package/build/Card/Card.d.ts

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

package/build/Card/Card.types.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from "@material-ui/core";
-export interface CardProps extends BoxProps {
-    width?: number | string;
-    height?: number | string;
-    children?: React.ReactNode;
-    bodyStyle?: React.CSSProperties;
-    buttons?: Array<{
-        title?: React.ReactNode;
-        onClick?: React.MouseEventHandler<HTMLButtonElement>;
-        variant?: "primary" | "secondary" | "text" | "tertiary" | "black" | "danger";
-        loading?: boolean;
-        disabled?: boolean;
-        style?: React.CSSProperties;
-    }>;
-    loading?: boolean;
-}

package/build/CheckBox/CheckBox.d.ts

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

package/build/CheckBox/CheckBox.types.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { CheckboxProps } from "@material-ui/core";
-export interface MyCheckBoxProps extends CheckboxProps {
-    label?: string | React.ReactNode;
-    labelPlacement?: "top" | "start" | "bottom" | "end";
-    disableHover?: boolean;
-}

package/build/CheckBox/CheckBoxList.d.ts

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

package/build/CheckBox/CheckBoxList.types.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from "@material-ui/core";
-export interface CheckBoxListProps extends Pick<BoxProps, Exclude<keyof BoxProps, "title">> {
-    multiline?: boolean;
-    title?: React.ReactNode;
-    subtitle?: React.ReactNode;
-    checked: boolean;
-    line?: boolean;
-}

package/build/CheckBox/RadioButton.d.ts

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

package/build/CheckBox/RadioButton.types.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { RadioProps } from "@material-ui/core";
-export interface RadioMyButtonProps extends RadioProps {
-    label?: string | React.ReactNode;
-    labelPlacement?: "top" | "start" | "bottom" | "end";
-    disableHover?: boolean;
-}

package/build/CheckBox/RadioList.d.ts

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

package/build/CheckBox/RadioList.types.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from "@material-ui/core";
-export interface RadioListProps extends Pick<BoxProps, Exclude<keyof BoxProps, "title">> {
-    multiline?: boolean;
-    title?: React.ReactNode;
-    subtitle?: React.ReactNode;
-    checked: boolean;
-    line?: boolean;
-}

package/build/Chip/Chip.d.ts

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

package/build/Chip/Chip.types.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from "@material-ui/core";
-export interface ChipProps extends BoxProps {
-    icon?: React.ReactNode;
-    variant?: "neutral" | "primary" | "success" | "danger";
-    width?: string | number;
-    height?: string | number;
-    label?: string | React.ReactNode;
-    outlined?: boolean;
-    contained?: boolean;
-}

package/build/CircularProgress/CircularProgress.d.ts

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

package/build/CircularProgress/CircularProgress.types.d.ts

@@ -1,5 +0,0 @@
-export interface CircularProgressProps {
-    dark?: boolean;
-    size?: number | string;
-    thickness?: number;
-}

package/build/Container/Container.d.ts

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

package/build/Container/Container.types.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface ContainerProps {
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-    maxWidth?: number | "lg" | "xl" | "xxl";
-    padding?: number | "xxs" | "xs" | "sm" | "md";
-}

package/build/DatePicker/DatePicker.d.ts

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

package/build/DatePicker/DatePicker.types.d.ts

@@ -1,14 +0,0 @@
-import { BoxProps } from "@material-ui/core";
-import { ModalProps } from "../Modal/Modal.types";
-export interface DatePickerProps extends BoxProps {
-    format?: "year" | "month" | "day";
-    open?: boolean;
-    onClose?: () => void;
-    mobile?: boolean;
-    ModalProps?: Pick<ModalProps, Exclude<keyof ModalProps, "open" | "onClose">>;
-    min?: string;
-    max?: string;
-    defaultValue?: string;
-    getValue?: (date: string) => void;
-    value?: string;
-}

package/build/Dropdown/Dropdown.d.ts

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

package/build/Dropdown/Dropdown.types.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { SelectProps } from "@material-ui/core";
-export interface DropdownProps extends SelectProps {
-    width?: number | string;
-    height?: number;
-    helperText?: React.ReactNode;
-    helperTextStyle?: React.CSSProperties;
-    formControlStyle?: React.CSSProperties;
-}

package/build/IconButton/IconButton.d.ts

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

package/build/IconButton/IconButton.types.d.ts

@@ -1,7 +0,0 @@
-import { IconButtonProps } from "@material-ui/core";
-export interface MyIconButtonProps extends IconButtonProps {
-    width?: number | string;
-    height?: number | string;
-    hoverIconColor?: "primary" | "secondary" | "tertiary" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "primaryA11y" | "secondary50" | "secondary100" | "secondary200" | "secondary300" | "secondary400" | "secondary500" | "secondary600" | "secondary700" | "secondary800" | "secondary900" | "secondaryA11y" | "danger50" | "danger100" | "danger200" | "danger300" | "danger400" | "danger500" | "danger600" | "danger700" | "danger800" | "danger900" | "dangerA11y" | "success50" | "success100" | "success200" | "success300" | "success400" | "success500" | "success600" | "success700" | "success800" | "success900" | "successA11y" | "white" | "black100" | "black200" | "black300" | "black400" | "black500" | "black600" | "black700" | "black800" | "black900" | "black1000" | string;
-    hoverColor?: "primary" | "secondary" | "tertiary" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "primaryA11y" | "secondary50" | "secondary100" | "secondary200" | "secondary300" | "secondary400" | "secondary500" | "secondary600" | "secondary700" | "secondary800" | "secondary900" | "secondaryA11y" | "danger50" | "danger100" | "danger200" | "danger300" | "danger400" | "danger500" | "danger600" | "danger700" | "danger800" | "danger900" | "dangerA11y" | "success50" | "success100" | "success200" | "success300" | "success400" | "success500" | "success600" | "success700" | "success800" | "success900" | "successA11y" | "white" | "black100" | "black200" | "black300" | "black400" | "black500" | "black600" | "black700" | "black800" | "black900" | "black1000" | string;
-}

package/build/LandingPage/LandingPage.d.ts

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

package/build/LandingPage/LandingPage.types.d.ts

@@ -1,14 +0,0 @@
-export interface LandingPageProps {
-    hero?: boolean;
-    logos?: boolean;
-    hightLight?: boolean;
-    painPoints?: boolean;
-    howItWorks?: boolean;
-    valueProp?: boolean;
-    comparison?: boolean;
-    userBase?: boolean;
-    socialProof?: boolean;
-    qA?: boolean;
-    feature?: boolean;
-    footer?: boolean;
-}

package/build/LandingPage/LandingPageMobile.d.ts

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

package/build/LandingPage/LandingPageMobile.types.d.ts

@@ -1,14 +0,0 @@
-export interface LandingPageMobileProps {
-    hero?: boolean;
-    logos?: boolean;
-    hightLight?: boolean;
-    painPoints?: boolean;
-    howItWorks?: boolean;
-    valueProp?: boolean;
-    comparison?: boolean;
-    userBase?: boolean;
-    socialProof?: boolean;
-    qA?: boolean;
-    feature?: boolean;
-    footer?: boolean;
-}

package/build/Link/Link.d.ts

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

package/build/Link/Link.types.d.ts

@@ -1,4 +0,0 @@
-import { LinkProps } from "@material-ui/core";
-export interface MyLinkProps extends Pick<LinkProps, Exclude<keyof LinkProps, "color">> {
-    color?: "primary" | "secondary" | "tertiary" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "primaryA11y" | "secondary50" | "secondary100" | "secondary200" | "secondary300" | "secondary400" | "secondary500" | "secondary600" | "secondary700" | "secondary800" | "secondary900" | "secondaryA11y" | "danger50" | "danger100" | "danger200" | "danger300" | "danger400" | "danger500" | "danger600" | "danger700" | "danger800" | "danger900" | "dangerA11y" | "success50" | "success100" | "success200" | "success300" | "success400" | "success500" | "success600" | "success700" | "success800" | "success900" | "successA11y" | "white" | "black100" | "black200" | "black300" | "black400" | "black500" | "black600" | "black700" | "black800" | "black900" | "black1000";
-}

package/build/Menu/Menu.d.ts

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

package/build/Menu/Menu.types.d.ts

@@ -1,3 +0,0 @@
-import { MenuProps } from "@material-ui/core";
-export interface MyMenuProps extends MenuProps {
-}

package/build/Menu/MenuItem.d.ts

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

package/build/Menu/MenuItem.types.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { MenuItemProps } from "@material-ui/core";
-export interface MyMenuItemProps extends MenuItemProps {
-    button?: true;
-    width?: number | string;
-    height?: number | string;
-    hoverBackgroundColor?: string;
-    hoverFontColor?: string;
-    hoverIconColor?: string;
-    rippleColor?: string;
-    iconChildren?: React.ReactNode;
-}

package/build/Menu/Select.d.ts

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

package/build/Menu/Select.types.d.ts

@@ -1,41 +0,0 @@
-/// <reference types="react" />
-export interface SelectProps {
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-    label?: string;
-    disabled?: boolean;
-    type?: string;
-    helperText?: React.ReactNode;
-    error?: boolean;
-    fullWidth?: boolean;
-    rowsMax?: number | string;
-    rows?: number | string;
-    multiline?: boolean;
-    value?: any;
-    onChange?: (event: React.ChangeEvent<{
-        name?: string;
-        value: unknown;
-    }>, child: React.ReactNode) => void;
-    InputProps?: object;
-    autoFocus?: boolean;
-    placeholder?: string;
-    required?: boolean;
-    select?: boolean;
-    defaultValue?: any;
-    width?: number | string;
-    height?: number;
-    vertical?: "top" | "center" | "bottom" | number;
-    horizontal?: "left" | "center" | "right" | number;
-    open?: boolean;
-    placeholderStyle?: React.CSSProperties;
-    selectStyle?: React.CSSProperties;
-    helperTextStyle?: React.CSSProperties;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    transformOrigin?: {
-        horizontal: "center" | "left" | "right" | number;
-        vertical: "bottom" | "center" | "top" | number;
-    };
-    paddingLeft?: number;
-    paddingTop?: number;
-    dropdown?: boolean;
-}

package/build/Modal/Modal.d.ts

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