@0xsquid/ui 1.0.0 → 2.0.0

package/package.json

@@ -2,32 +2,43 @@
   "name": "@0xsquid/ui",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/0xsquid/api-widget.git"
+    "url": "git+https://github.com/0xsquid/squid-ui.git"
   },
   "description": "Squid's UI components",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "author": "",
   "license": "MIT",
+  "resolutions": {
+    "string-width": "4.2.3"
+  },
   "scripts": {
-    "storybook": "concurrently 'yarn:watch:*'",
+    "dev": "concurrently 'yarn:watch:*'",
     "watch:storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "watch:build-tailwind": "yarn build-tailwind --watch",
     "build-tailwind": "tailwindcss -i src/styles/tailwind.css -o src/styles/compiled-tailwind.css",
-    "lint:fix": "eslint . --fix",
-    "format:fix": "prettier --write --ignore-path .prettierignore .",
+    "lint": "eslint . --fix",
+    "format": "prettier --write --ignore-path .prettierignore .",
     "release": "release-it",
     "release:pre": "release-it --preRelease=beta",
     "release:ci": "release-it --ci",
     "release:dry": "release-it --dry-run",
-    "build": "yarn build-tailwind && rollup -c && cp src/styles/compiled-tailwind.css dist/index.css"
+    "build": "yarn build-tailwind && rollup -c && yarn copy-fonts && yarn move-styles",
+    "copy-fonts": "cp -r src/styles/fonts dist/fonts",
+    "move-styles": "mv dist/esm/index.css dist/index.css && rm -rf dist/cjs/index.css",
+    "test": "vitest"
   },
   "dependencies": {
-    "clsx": "2.1.0",
+    "@lottiefiles/react-lottie-player": "3.5.0",
+    "bignumber.js": "9.1.2",
+    "clsx": "2.1.1",
     "color": "4.2.3",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "tailwind-merge": "2.3.0"
+    "date-fns": "^3.6.0",
+    "framer-motion": "^11.2.12",
+    "react-day-picker": "^8.10.1",
+    "react-device-detect": "2.2.3",
+    "tailwind-merge": "2.3.0",
+    "zustand": "4.5.4"
   },
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -43,6 +54,7 @@
     "@chromatic-com/storybook": "^1.2.22",
     "@release-it/conventional-changelog": "github:release-it/conventional-changelog",
     "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@storybook/addon-essentials": "^8.0.1",
@@ -55,29 +67,33 @@
     "@storybook/react-webpack5": "^8.0.1",
     "@storybook/test": "^8.0.1",
     "@types/color": "^3.0.6",
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "@typescript-eslint/eslint-plugin": "^6.4.0",
     "autoprefixer": "10.4.18",
     "concurrently": "8.2.2",
     "eslint": "^8.0.1",
+    "eslint-config-prettier": "9.1.0",
     "eslint-config-standard-with-typescript": "^43.0.1",
     "eslint-plugin-import": "^2.25.2",
     "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
     "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-react": "^7.34.1",
-    "postcss": "8.4.36",
+    "postcss": "8.4.39",
     "prettier": "3.2.5",
     "prettier-plugin-tailwindcss": "0.5.12",
-    "release-it": "16.3.0",
+    "release-it": "17.2.1",
     "rollup": "^4.17.2",
     "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "4.0.2",
     "storybook": "^8.0.1",
     "tailwindcss": "3.4.1",
     "ts-loader": "9.5.1",
     "tslib": "^2.6.2",
-    "typescript": "5.4"
+    "typescript": "5.4",
+    "vitest": "2.0.5"
   },
   "release-it": {
     "plugins": {
@@ -100,5 +116,9 @@
     "npm": {
       "publish": false
     }
+  },
+  "peerDependencies": {
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
   }
 }

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

@@ -1,7 +0,0 @@
-interface DropdownProps {
-    tokenImageUrl?: string;
-    chainImageUrl?: string;
-    tokenSymbol?: string;
-}
-export declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/types/components/icons/Animations.d.ts

@@ -1,2 +0,0 @@
-export declare function SwapProgressAnimation(): import("react/jsx-runtime").JSX.Element;
-export declare function SwapCompletedAnimation(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/layout/WalletAddress.d.ts

@@ -1,6 +0,0 @@
-interface WalletAddressProps {
-    ens?: string;
-    address?: string;
-}
-export declare function WalletAddress({ address, ens }: WalletAddressProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/types/providers/SquidConfigProvider.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ConfigTheme } from '../types/config';
-export declare function useSquidConfig(): ConfigTheme;
-export declare function SquidConfigProvider({ theme, children, }: {
-    theme?: ConfigTheme;
-    children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/services/internal/walletService.d.ts

@@ -1 +0,0 @@
-export declare const formatWalletAddress: (walletAddress: string | undefined, trimLength?: number) => string;

package/dist/cjs/types/stories/buttons/Dropdown.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Dropdown } from '../../components/buttons/Dropdown';
-declare const meta: Meta<typeof Dropdown>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Empty: Story;
-export declare const ChainOnly: Story;
-export declare const ChainAndToken: Story;

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

@@ -1,7 +0,0 @@
-interface DropdownProps {
-    tokenImageUrl?: string;
-    chainImageUrl?: string;
-    tokenSymbol?: string;
-}
-export declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/types/components/icons/Animations.d.ts

@@ -1,2 +0,0 @@
-export declare function SwapProgressAnimation(): import("react/jsx-runtime").JSX.Element;
-export declare function SwapCompletedAnimation(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/layout/WalletAddress.d.ts

@@ -1,6 +0,0 @@
-interface WalletAddressProps {
-    ens?: string;
-    address?: string;
-}
-export declare function WalletAddress({ address, ens }: WalletAddressProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/types/providers/SquidConfigProvider.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ConfigTheme } from '../types/config';
-export declare function useSquidConfig(): ConfigTheme;
-export declare function SquidConfigProvider({ theme, children, }: {
-    theme?: ConfigTheme;
-    children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/services/internal/walletService.d.ts

@@ -1 +0,0 @@
-export declare const formatWalletAddress: (walletAddress: string | undefined, trimLength?: number) => string;

package/dist/esm/types/stories/buttons/Dropdown.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Dropdown } from '../../components/buttons/Dropdown';
-declare const meta: Meta<typeof Dropdown>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Empty: Story;
-export declare const ChainOnly: Story;
-export declare const ChainAndToken: Story;