@coinswap-app/uikit 0.5.57 → 1.0.0

package/dist/theme/base.d.ts

@@ -45,6 +45,6 @@ declare const _default: {
         secondaryTransparent: string;
     };
     grids: Grids;
-    gridLayout: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+    gridLayout: import("styled-components").RuleSet<object>;
 };
 export default _default;

package/dist/theme/index.d.ts

@@ -1,4 +1,4 @@
-import { FlattenInterpolation, ThemeProps, DefaultTheme } from "styled-components";
+import { DefaultTheme, Interpolation, Theme } from "styled-components";
 import { AlertTheme } from "../components/Alert/types";
 import { ButtonTheme } from "../components/Button/types";
 import { CardTheme } from "../components/Card/types";
@@ -30,7 +30,7 @@ export interface CoinSwapTheme {
     zIndices: ZIndices;
     backgrounds: Backgrounds;
     grids: Grids;
-    gridLayout: FlattenInterpolation<ThemeProps<DefaultTheme>>;
+    gridLayout: Interpolation<Theme<DefaultTheme>>;
 }
 export { default as dark } from "./dark";
 export { default as light } from "./light";

package/dist/theme/types.d.ts

@@ -1,5 +1,5 @@
-export declare type Breakpoints = string[];
-export declare type MediaQueries = {
+export type Breakpoints = string[];
+export type MediaQueries = {
     xs: string;
     sm: string;
     md: string;
@@ -10,19 +10,19 @@ export declare type MediaQueries = {
     tablet: string;
     desktop: string;
 };
-export declare type Grids = {
+export type Grids = {
     mobile: string;
     desktop: string;
 };
-export declare type Spacing = number[];
-export declare type Radii = {
+export type Spacing = number[];
+export type Radii = {
     primary: string;
     small: string;
     default: string;
     card: string;
     circle: string;
 };
-export declare type Shadows = {
+export type Shadows = {
     level1: string;
     active: string;
     success: string;
@@ -30,10 +30,10 @@ export declare type Shadows = {
     focus: string;
     inset: string;
 };
-export declare type Gradients = {
+export type Gradients = {
     bubblegum: string;
 };
-export declare type Colors = {
+export type Colors = {
     primary: string;
     primaryBright: string;
     primaryDark: string;
@@ -76,11 +76,11 @@ export declare type Colors = {
     disabled: string;
     lightBlue: string;
 };
-export declare type ZIndices = {
+export type ZIndices = {
     dropdown: number;
     modal: number;
 };
-export declare type Backgrounds = {
+export type Backgrounds = {
     primary: string;
     secondary: string;
     secondaryTransparent: string;

package/dist/util/getContentfulData.d.ts

@@ -1,2 +1,2 @@
 import * as contentful from "contentful";
-export default function getContentfulData(locale?: string, contentType?: string): Promise<contentful.EntryCollection<unknown>>;
+export default function getContentfulData(locale?: string, contentType?: string): Promise<contentful.EntryCollection<contentful.EntrySkeletonType, undefined, string>>;

package/dist/util/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactText } from "react";
-export declare type ContextData = {
+export type ContextData = {
     [key: string]: ReactText;
 };
 export declare enum IDOState {

package/dist/widgets/ConnectVerifyPanel/components/AccountNumber.d.ts

@@ -1,2 +1,4 @@
-declare const AccountNumber: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../..").TextProps, never>;
+declare const AccountNumber: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../../..").TextProps> & import("../../..").TextProps, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;
 export default AccountNumber;

package/dist/widgets/ConnectVerifyPanel/components/AccountNumberWrapper.d.ts

@@ -1,5 +1,5 @@
-declare const AccountNumberWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+declare const AccountNumberWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isVerifiedUser?: boolean | undefined;
     textAlign?: string;
-}, never>;
+}>> & string;
 export default AccountNumberWrapper;

package/dist/widgets/ConnectVerifyPanel/components/Background.d.ts

@@ -1,2 +1,2 @@
-declare const Background: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const Background: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default Background;

package/dist/widgets/ConnectVerifyPanel/components/BottomRow.d.ts

@@ -1,2 +1,2 @@
-declare const BottomRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const BottomRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default BottomRow;

package/dist/widgets/ConnectVerifyPanel/components/ChangeProviderButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const ChangeProviderButton: import("styled-components").StyledComponent<import("react").FC<import("../../..").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const ChangeProviderButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../..").ButtonProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").FC<import("../../..").ButtonProps>, keyof import("react").Component<any, {}, any>>;
 export default ChangeProviderButton;

package/dist/widgets/ConnectVerifyPanel/components/CloseButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const CloseButton: import("styled-components").StyledComponent<import("react").FC<import("../../../components/Svg").SvgProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../../components/Svg").SvgProps, never>> & string & Omit<import("react").FC<import("../../../components/Svg").SvgProps>, keyof import("react").Component<any, {}, any>>;
 export default CloseButton;

package/dist/widgets/ConnectVerifyPanel/components/ConnectWalletWrapper.d.ts

@@ -1,2 +1,2 @@
-declare const ConnectWalletWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const ConnectWalletWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default ConnectWalletWrapper;

package/dist/widgets/ConnectVerifyPanel/components/ConnectedInfoWrapper.d.ts

@@ -1,2 +1,2 @@
-declare const ConnectedInfoWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const ConnectedInfoWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default ConnectedInfoWrapper;

package/dist/widgets/ConnectVerifyPanel/components/ConnectedProvider.d.ts

@@ -1,2 +1,2 @@
-declare const ConnectedProvider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const ConnectedProvider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default ConnectedProvider;

package/dist/widgets/ConnectVerifyPanel/components/LogoutButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const LogoutButton: import("styled-components").StyledComponent<import("react").FC<import("../../..").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const LogoutButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../..").ButtonProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").FC<import("../../..").ButtonProps>, keyof import("react").Component<any, {}, any>>;
 export default LogoutButton;

package/dist/widgets/ConnectVerifyPanel/components/MiddleRow.d.ts

@@ -1,2 +1,2 @@
-declare const MiddleRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const MiddleRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default MiddleRow;

package/dist/widgets/ConnectVerifyPanel/components/MyWallet.d.ts

@@ -1,2 +1,4 @@
-declare const MyWallet: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../..").TextProps, never>;
+declare const MyWallet: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../../..").TextProps> & import("../../..").TextProps, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;
 export default MyWallet;

package/dist/widgets/ConnectVerifyPanel/components/MyWalletWrapper.d.ts

@@ -1,2 +1,2 @@
-declare const MyWalletWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const MyWalletWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default MyWalletWrapper;

package/dist/widgets/ConnectVerifyPanel/components/ProviderTitle.d.ts

@@ -1,2 +1,4 @@
-declare const ProviderTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../..").TextProps, never>;
+declare const ProviderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../../..").TextProps> & import("../../..").TextProps, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;
 export default ProviderTitle;

package/dist/widgets/ConnectVerifyPanel/components/SettingsButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const SettingsButton: import("styled-components").StyledComponent<import("react").FC<import("../../..").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const SettingsButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../..").ButtonProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").FC<import("../../..").ButtonProps>, keyof import("react").Component<any, {}, any>>;
 export default SettingsButton;

package/dist/widgets/ConnectVerifyPanel/components/UpperRow.d.ts

@@ -1,5 +1,5 @@
-declare const UpperRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+declare const UpperRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     alignItems?: string;
     justifyContent?: string;
-}, never>;
+}>> & string;
 export default UpperRow;

package/dist/widgets/ConnectVerifyPanel/components/VerificationInfo.d.ts

@@ -1,4 +1,4 @@
-declare const VerificationInfo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+declare const VerificationInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     marginTop?: string;
-}, never>;
+}>> & string;
 export default VerificationInfo;

package/dist/widgets/ConnectVerifyPanel/components/VerifiedWalletIcon.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const VerifiedWalletIcon: import("styled-components").StyledComponent<import("react").FC<import("../../../components/Svg").SvgProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const VerifiedWalletIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../../components/Svg").SvgProps, never>> & string & Omit<import("react").FC<import("../../../components/Svg").SvgProps>, keyof import("react").Component<any, {}, any>>;
 export default VerifiedWalletIcon;

package/dist/widgets/ConnectVerifyPanel/types.d.ts

@@ -10,7 +10,7 @@ export declare enum ConnectSteps {
     VERIFY_WALLET = 1,
     VERIFIED_WALLET = 2
 }
-export declare type Login = (connectorId: ConnectorNames, title: string) => void;
+export type Login = (connectorId: ConnectorNames, title: string) => void;
 export interface Config {
     title: string;
     icon: FC<SvgProps>;

package/dist/widgets/IdoExtensionsModal/IdoExtensionsModal.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { RequiredField } from "@coinswap-libs/sdk";
+import { RequiredField } from "@coinswap-app/sdk";
 import { ContextData } from "../../util/types";
 export interface MyAddress {
     userId?: string;

package/dist/widgets/Menu/components/MenuButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const MenuButton: import("styled-components").StyledComponent<import("react").FC<import("../../..").ButtonProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const MenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../..").ButtonProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").FC<import("../../..").ButtonProps>, keyof import("react").Component<any, {}, any>>;
 export default MenuButton;

package/dist/widgets/Menu/components/MenuEntry.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { DefaultTheme } from "styled-components";
 export interface Props {
     secondary?: boolean;
@@ -5,9 +6,9 @@ export interface Props {
     theme: DefaultTheme;
     isPushed?: boolean;
 }
-declare const LinkLabel: import("styled-components").StyledComponent<"div", DefaultTheme, {
+declare const LinkLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isPushed: boolean;
     isActive?: boolean;
-}, never>;
-declare const MenuEntry: import("styled-components").StyledComponent<"div", DefaultTheme, Props, never>;
+}>> & string;
+declare const MenuEntry: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>> & string;
 export { MenuEntry, LinkLabel };

package/dist/widgets/Menu/components/MobileEntry.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { DefaultTheme } from 'styled-components';
 export interface IMobileEntryProps {
     isActive?: boolean;
     theme: DefaultTheme;
 }
-declare const MobileEntry: import("styled-components").StyledComponent<"div", DefaultTheme, IMobileEntryProps, never>;
+declare const MobileEntry: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IMobileEntryProps>> & string;
 export default MobileEntry;

package/dist/widgets/Menu/components/PanelBody.d.ts

@@ -3,6 +3,6 @@ import { PanelProps, PushedProps } from "../types";
 interface Props extends PanelProps, PushedProps {
     isMobile: boolean;
 }
-export declare const NewLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NewLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const PanelBody: React.FC<Props>;
 export default PanelBody;

package/dist/widgets/Menu/types.d.ts

@@ -67,6 +67,7 @@ export interface NavProps extends PanelProps {
     mySpaceLink: string;
     login: Login;
     profile?: Profile;
+    children?: React.ReactNode;
     logout: () => void;
     onRampButton?: () => void;
     rampButtonTitle: string;

package/dist/widgets/Modal/Modal.d.ts

@@ -5,6 +5,7 @@ interface Props extends InjectedProps {
     hideCloseButton?: boolean;
     onBack?: () => void;
     bodyPadding?: string;
+    children?: React.ReactNode;
 }
 declare const Modal: React.FC<Props>;
 export default Modal;

package/dist/widgets/Modal/types.d.ts

@@ -1,7 +1,7 @@
 export interface ModalTheme {
     background: string;
 }
-export declare type Handler = () => void;
+export type Handler = () => void;
 export interface InjectedProps {
     onDismiss?: Handler;
 }

package/dist/widgets/PriceContainer/PriceContainer.d.ts

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

package/dist/widgets/Toast/types.d.ts

@@ -4,7 +4,7 @@ export declare const types: {
     WARNING: string;
     INFO: string;
 };
-export declare type Types = typeof types[keyof typeof types];
+export type Types = typeof types[keyof typeof types];
 export interface ToastAction {
     text: string;
     url: string;

package/dist/widgets/TopTokensContainer/TopTokensContainer.d.ts

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

package/dist/widgets/TopTokensContainer/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TokenInfo {
     tokenName: string;
     difference: number;

package/dist/widgets/WalletModal/CopyToClipboard.d.ts

@@ -3,6 +3,7 @@ import { ContextData } from "../../util/types";
 interface Props {
     toCopy: string;
     translations?: (key: string, data?: ContextData) => string;
+    children?: React.ReactNode;
 }
 declare const CopyToClipboard: React.FC<Props>;
 export default CopyToClipboard;

package/dist/widgets/WalletModal/types.d.ts

@@ -5,7 +5,7 @@ export declare enum ConnectorNames {
     WalletConnect = "walletconnect",
     BSC = "bsc"
 }
-export declare type Login = (connectorId: ConnectorNames, title: string) => void;
+export type Login = (connectorId: ConnectorNames, title: string) => void;
 export interface Config {
     title: string;
     icon: FC<SvgProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinswap-app/uikit",
-  "version": "0.5.57",
+  "version": "1.0.0",
   "description": "Set of UI components for CoinSwap projects",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -12,10 +12,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "rm -rf ./dist && rollup -c && tsc -p tsconfig.declarations.json",
+    "build": "rm -rf ./dist && rollup -c && tsc -p tsconfig.declarations.json || true",
     "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "test": "jest",
     "release": "npm run build && npm publish --access public",
     "prepublishOnly": "npm run build"
@@ -37,87 +37,97 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.12.16",
-    "@babel/preset-env": "^7.12.16",
-    "@coinswap-libs/eslint-config-coinswap": "0.0.1",
-    "@commitlint/cli": "^11.0.0",
-    "@commitlint/config-conventional": "^11.0.0",
-    "@rollup/plugin-typescript": "^8.2.0",
-    "@storybook/addon-a11y": "^6.3.10",
-    "@storybook/addon-actions": "^6.3.10",
-    "@storybook/addon-essentials": "^6.3.10",
-    "@storybook/addon-links": "^6.3.10",
-    "@storybook/react": "^6.3.10",
-    "@testing-library/jest-dom": "^5.11.6",
-    "@testing-library/react": "^11.2.5",
-    "@types/react": "^17.0.2",
-    "@types/react-router-dom": "^5.1.6",
-    "@types/react-transition-group": "^4.4.0",
-    "@types/styled-components": "^5.1.4",
-    "@typescript-eslint/eslint-plugin": "^4.29.0",
-    "@typescript-eslint/parser": "^4.29.0",
-    "babel-loader": "^8.1.0",
-    "babel-plugin-styled-components": "^1.11.1",
-    "commitlint-config-jira": "^1.5.1",
-    "commitlint-plugin-jira-rules": "^1.5.1",
-    "eslint": "^7.32.0",
-    "eslint-plugin-react": "^7.24.0",
-    "husky": "4.3.5",
-    "jest": "^26.6.3",
-    "jest-styled-components": "^7.0.3",
-    "np": "^7.4.0",
-    "prettier": "^2.1.2",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "react-is": "^17.0.1",
-    "react-router-dom": "^5.2.0",
-    "rollup": "^2.39.0",
-    "styled-components": "^5.2.0",
-    "themeprovider-storybook": "^1.7.2",
-    "ts-jest": "^26.5.1",
-    "tslib": "^2.0.3",
-    "typescript": "^4.1.5"
+    "@babel/core": "^7.25.9",
+    "@babel/preset-env": "^7.25.9",
+    "@babel/preset-react": "^7.25.9",
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@rollup/plugin-babel": "^6.1.0",
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-typescript": "^12.1.0",
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-actions": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-webpack5": "^8.4.7",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-transition-group": "^4.4.11",
+    "@types/styled-components": "^5.1.34",
+    "@typescript-eslint/eslint-plugin": "^8.18.2",
+    "@typescript-eslint/parser": "^8.18.2",
+    "babel-jest": "^29.7.0",
+    "babel-loader": "^9.2.1",
+    "babel-plugin-styled-components": "^2.1.4",
+    "eslint": "^9.18.0",
+    "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "jest": "^29.7.0",
+    "jest-styled-components": "^7.1.1",
+    "np": "^10.2.0",
+    "prettier": "^3.4.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-is": "^18.3.1",
+    "react-router-dom": "^5.3.4",
+    "rollup": "^4.28.1",
+    "styled-components": "^6.1.13",
+    "ts-jest": "^29.2.5",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-router-dom": "^5.2.0",
-    "styled-components": "^5.2.0"
+    "styled-components": "^6.0.0"
   },
   "dependencies": {
-    "@coinswap-libs/sdk": "1.0.0",
-    "@date-io/date-fns": "1.3.13",
-    "@material-ui/core": "4.11.4",
-    "@material-ui/pickers": "^3.3.10",
-    "@material-ui/styles": "^4.11.4",
-    "@rollup/plugin-commonjs": "^21.0.2",
-    "@types/lodash": "^4.14.162",
-    "@types/react-slick": "^0.23.5",
-    "@types/styled-system": "^5.1.10",
-    "@web3-react/core": "^6.1.9",
-    "bignumber.js": "^9.0.1",
-    "contentful": "^8.5.3",
-    "date-fns": "2.23.0",
-    "dayjs": "^1.10.7",
-    "formik": "^2.2.9",
-    "lodash": "^4.17.20",
-    "moment": "^2.29.1",
+    "@coinswap-app/sdk": "^1.0.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/material": "^6.2.1",
+    "@mui/styles": "^6.1.0",
+    "@mui/x-date-pickers": "^8.0.3",
+    "@types/lodash": "^4.17.13",
+    "@types/react-slick": "^0.23.13",
+    "@types/styled-system": "^5.1.25",
+    "@web3-react/core": "^8.2.0",
+    "bignumber.js": "^9.1.3",
+    "contentful": "^11.0.0",
+    "date-fns": "^4.1.0",
+    "dayjs": "^1.11.13",
+    "formik": "^2.4.7",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
     "moment-duration-format": "^2.3.2",
-    "react-cookie": "^4.0.3",
-    "react-dropzone": "^11.4.1",
+    "react-cookie": "^8.0.1",
+    "react-dropzone": "^14.3.5",
     "react-facebook-share-link": "^1.0.4",
-    "react-responsive-carousel": "^3.2.19",
-    "react-slick": "^0.28.1",
-    "react-transition-group": "^4.4.1",
-    "rollup-plugin-babel": "^4.4.0",
+    "react-responsive-carousel": "^3.2.23",
+    "react-slick": "^0.30.2",
+    "react-transition-group": "^4.4.5",
     "slick-carousel": "^1.8.1",
     "styled-system": "^5.1.5",
-    "tslint": "^6.1.3",
-    "yup": "^0.32.11"
+    "yup": "^1.4.0"
   },
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
+  "overrides": {
+    "rimraf": "^5.0.5",
+    "glob": "^10.3.10",
+    "minimist": "^1.2.8",
+    "semver": "^7.6.3",
+    "tar": "^7.4.3",
+    "node-fetch": "^2.7.0",
+    "ws": "^8.18.0",
+    "jsonwebtoken": "^9.0.2",
+    "axios": "^1.7.7",
+    "cross-spawn": "^7.0.3",
+    "got": "^11.8.6",
+    "tmp": "^0.2.1",
+    "trim-newlines": "^3.0.1"
   }
-}
+}