@0xsquid/ui 0.1.1-beta.0

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+/// <reference types="react" />
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface AddressButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    label: string;
+    imageUrl?: string;
+    badgeUrl?: string;
+    isLoading?: boolean;
+}
+declare function AddressButton({ label, imageUrl, badgeUrl, isLoading, ...props }: AddressButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ArrowButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    label: string;
+    disabled?: boolean;
+}
+declare function ArrowButton({ label, disabled, ...props }: ArrowButtonProps): react_jsx_runtime.JSX.Element;
+
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+type ButtonSize = 'md' | 'lg';
+type BoostMode = 'normal' | 'boost';
+
+interface BoostButtonProps {
+    boostMode?: BoostMode;
+    onToggleBoostMode?: ({ boostMode }: {
+        boostMode: BoostMode;
+    }) => void;
+}
+declare function BoostButton({ boostMode, onToggleBoostMode, }: BoostButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    label?: string;
+    icon?: React.ReactNode;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled?: boolean;
+}
+declare function Button({ label, disabled, size, variant, icon, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    icon?: React.ReactNode;
+}
+declare function Chip({ label, icon, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownProps {
+    tokenImageUrl?: string;
+    chainImageUrl?: string;
+    tokenSymbol?: string;
+}
+declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, }: DropdownProps): react_jsx_runtime.JSX.Element;
+
+declare function FeeButton(): react_jsx_runtime.JSX.Element;
+
+export { AddressButton, ArrowButton, BoostButton, Button, Chip, Dropdown, FeeButton };

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "@0xsquid/ui",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/0xsquid/api-widget.git"
+  },
+  "description": "Squid's UI components",
+  "version": "0.1.1-beta.0",
+  "author": "",
+  "license": "MIT",
+  "scripts": {
+    "storybook": "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 .",
+    "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"
+  },
+  "dependencies": {
+    "clsx": "2.1.0",
+    "color": "4.2.3",
+    "tailwind-merge": "2.3.0"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
+  "bugs": {
+    "url": "https://github.com/0xsquid/squid-ui/issues"
+  },
+  "homepage": "https://github.com/0xsquid/squid-ui#readme",
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.2.22",
+    "@release-it/conventional-changelog": "github:release-it/conventional-changelog",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@storybook/addon-essentials": "^8.0.1",
+    "@storybook/addon-interactions": "^8.0.1",
+    "@storybook/addon-links": "^8.0.1",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
+    "@storybook/blocks": "^8.0.1",
+    "@storybook/react": "^8.0.1",
+    "@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",
+    "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "autoprefixer": "10.4.18",
+    "concurrently": "8.2.2",
+    "eslint": "^8.0.1",
+    "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",
+    "prettier": "3.2.5",
+    "prettier-plugin-tailwindcss": "0.5.12",
+    "release-it": "16.3.0",
+    "rollup": "^4.17.2",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "storybook": "^8.0.1",
+    "tailwindcss": "3.4.1",
+    "ts-loader": "9.5.1",
+    "tslib": "^2.6.2",
+    "typescript": "5.4"
+  },
+  "release-it": {
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "conventionalcommits"
+        },
+        "infile": "CHANGELOG.md"
+      }
+    },
+    "github": {
+      "release": true,
+      "tokenRef": "GITHUB_AUTH"
+    },
+    "git": {
+      "tagName": "v${version}",
+      "pushRepo": "https://github.com/0xsquid/squid-ui.git",
+      "commitMessage": "chore: branch cut release for widget v${version}"
+    },
+    "npm": {
+      "publish": false
+    }
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  }
+}