@varity-labs/ui-kit 2.0.0-alpha.1

package/dist/web3/WalletDropdown/WalletDropdown.js

@@ -0,0 +1,93 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { useActiveAccount, useDisconnect, useActiveWallet } from 'thirdweb/react';
+import { formatAddress } from '../../config/chains';
+import { WalletBalance } from '../WalletBalance/WalletBalance';
+/**
+ * Wallet Dropdown Menu Component
+ *
+ * Displays a dropdown menu with wallet information and actions:
+ * - Address
+ * - Balance
+ * - Copy address
+ * - View on explorer
+ * - Disconnect
+ *
+ * @example
+ * ```tsx
+ * import { WalletDropdown } from '@varity-labs/ui-kit';
+ *
+ * function Header() {
+ *   return (
+ *     <WalletDropdown
+ *       onDisconnect={() => console.log('Disconnected')}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export function WalletDropdown({ onDisconnect, className = '', }) {
+    const account = useActiveAccount();
+    const wallet = useActiveWallet();
+    const { disconnect } = useDisconnect();
+    const [isOpen, setIsOpen] = useState(false);
+    const dropdownRef = useRef(null);
+    const address = account?.address;
+    // Close dropdown when clicking outside
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, []);
+    if (!account || !address) {
+        return null;
+    }
+    const handleDisconnect = async () => {
+        if (wallet) {
+            await disconnect(wallet);
+        }
+        setIsOpen(false);
+        if (onDisconnect) {
+            onDisconnect();
+        }
+    };
+    const copyAddress = () => {
+        navigator.clipboard.writeText(address);
+        // Could add toast notification here
+        setIsOpen(false);
+    };
+    const viewOnExplorer = () => {
+        window.open(`https://sepolia.arbiscan.io/address/${address}`, '_blank');
+        setIsOpen(false);
+    };
+    return (React.createElement("div", { className: `relative ${className}`, ref: dropdownRef },
+        React.createElement("button", { onClick: () => setIsOpen(!isOpen), className: "btn btn-secondary flex items-center gap-2" },
+            React.createElement("div", { className: "w-6 h-6 rounded-full bg-gradient-to-br from-varity-primary to-varity-secondary flex items-center justify-center" },
+                React.createElement("span", { className: "text-white text-xs font-bold" }, address.slice(2, 4).toUpperCase())),
+            React.createElement("span", { className: "truncate-address" }, formatAddress(address)),
+            React.createElement("svg", { className: `w-4 h-4 transition-transform ${isOpen ? 'rotate-180' : ''}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))),
+        isOpen && (React.createElement("div", { className: "absolute right-0 mt-2 w-64 bg-white dark:bg-gray-900 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 z-50" },
+            React.createElement("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700" },
+                React.createElement("p", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1" }, "Balance"),
+                React.createElement(WalletBalance, { showSymbol: true, decimals: 2 }),
+                React.createElement("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-2" }, "Address"),
+                React.createElement("p", { className: "truncate-address text-sm" }, formatAddress(address, 10, 8))),
+            React.createElement("div", { className: "py-1" },
+                React.createElement("button", { onClick: copyAddress, className: "w-full px-4 py-2 text-left text-sm hover:bg-gray-100 dark:hover:bg-gray-800 flex items-center gap-2" },
+                    React.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" })),
+                    "Copy address"),
+                React.createElement("button", { onClick: viewOnExplorer, className: "w-full px-4 py-2 text-left text-sm hover:bg-gray-100 dark:hover:bg-gray-800 flex items-center gap-2" },
+                    React.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" })),
+                    "View on explorer"),
+                React.createElement("button", { onClick: handleDisconnect, className: "w-full px-4 py-2 text-left text-sm text-red-600 dark:text-red-400 hover:bg-gray-100 dark:hover:bg-gray-800 flex items-center gap-2" },
+                    React.createElement("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" })),
+                    "Disconnect"))))));
+}
+//# sourceMappingURL=WalletDropdown.js.map

package/dist/web3/WalletDropdown/WalletDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletDropdown.js","sourceRoot":"","sources":["../../../src/web3/WalletDropdown/WalletDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/web3/WalletInfo/WalletInfo.d.ts

@@ -0,0 +1,31 @@
+export interface WalletInfoProps {
+    showAvatar?: boolean;
+    showBalance?: boolean;
+    format?: 'short' | 'full';
+    className?: string;
+}
+/**
+ * Wallet Info Display Component
+ *
+ * Displays connected wallet information including:
+ * - Wallet address (formatted)
+ * - Avatar/identicon
+ * - Balance (optional)
+ *
+ * @example
+ * ```tsx
+ * import { WalletInfo } from '@varity-labs/ui-kit';
+ *
+ * function Dashboard() {
+ *   return (
+ *     <WalletInfo
+ *       showAvatar
+ *       showBalance
+ *       format="short"
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function WalletInfo({ showAvatar, showBalance, format, className, }: WalletInfoProps): JSX.Element | null;
+//# sourceMappingURL=WalletInfo.d.ts.map

package/dist/web3/WalletInfo/WalletInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletInfo.d.ts","sourceRoot":"","sources":["../../../src/web3/WalletInfo/WalletInfo.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,EACzB,UAAiB,EACjB,WAAmB,EACnB,MAAgB,EAChB,SAAc,GACf,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA6BtC"}

package/dist/web3/WalletInfo/WalletInfo.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { useActiveAccount } from 'thirdweb/react';
+import { formatAddress } from '../../config/chains';
+/**
+ * Wallet Info Display Component
+ *
+ * Displays connected wallet information including:
+ * - Wallet address (formatted)
+ * - Avatar/identicon
+ * - Balance (optional)
+ *
+ * @example
+ * ```tsx
+ * import { WalletInfo } from '@varity-labs/ui-kit';
+ *
+ * function Dashboard() {
+ *   return (
+ *     <WalletInfo
+ *       showAvatar
+ *       showBalance
+ *       format="short"
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export function WalletInfo({ showAvatar = true, showBalance = false, format = 'short', className = '', }) {
+    const account = useActiveAccount();
+    if (!account) {
+        return null;
+    }
+    const address = account.address;
+    const displayAddress = format === 'short' ? formatAddress(address) : address;
+    return (React.createElement("div", { className: `flex items-center gap-3 ${className}` },
+        showAvatar && (React.createElement("div", { className: "w-8 h-8 rounded-full bg-gradient-to-br from-varity-primary to-varity-secondary flex items-center justify-center" },
+            React.createElement("span", { className: "text-white text-xs font-bold" }, address.slice(2, 4).toUpperCase()))),
+        React.createElement("div", { className: "flex flex-col" },
+            React.createElement("span", { className: "truncate-address font-medium" }, displayAddress),
+            showBalance && (React.createElement("span", { className: "text-xs text-gray-500 dark:text-gray-400" }, "Loading balance...")))));
+}
+//# sourceMappingURL=WalletInfo.js.map

package/dist/web3/WalletInfo/WalletInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletInfo.js","sourceRoot":"","sources":["../../../src/web3/WalletInfo/WalletInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AASpD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,OAAO,EAChB,SAAS,GAAG,EAAE,GACE;IAChB,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,MAAM,cAAc,GAAG,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAE7E,OAAO,CACL,6BAAK,SAAS,EAAE,2BAA2B,SAAS,EAAE;QACnD,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,iHAAiH;YAC9H,8BAAM,SAAS,EAAC,8BAA8B,IAC3C,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAC7B,CACH,CACP;QACD,6BAAK,SAAS,EAAC,eAAe;YAC5B,8BAAM,SAAS,EAAC,8BAA8B,IAAE,cAAc,CAAQ;YACrE,WAAW,IAAI,CACd,8BAAM,SAAS,EAAC,0CAA0C,yBAEnD,CACR,CACG,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/web3/index.d.ts

@@ -0,0 +1,11 @@
+export { ConnectWallet, type ConnectWalletProps } from './ConnectWallet/ConnectWallet';
+export { WalletInfo, type WalletInfoProps } from './WalletInfo/WalletInfo';
+export { WalletBalance, type WalletBalanceProps } from './WalletBalance/WalletBalance';
+export { WalletDropdown, type WalletDropdownProps } from './WalletDropdown/WalletDropdown';
+export { DisconnectButton, type DisconnectButtonProps } from './DisconnectButton/DisconnectButton';
+export { AddressDisplay, type AddressDisplayProps } from './AddressDisplay/AddressDisplay';
+export { BalanceDisplay, type BalanceDisplayProps } from './BalanceDisplay/BalanceDisplay';
+export { BlockExplorerLink, type BlockExplorerLinkProps } from './BlockExplorerLink/BlockExplorerLink';
+export { AmountInput, type AmountInputProps } from './AmountInput/AmountInput';
+export { AddressInput, type AddressInputProps } from './AddressInput/AddressInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/web3/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web3/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAGnG,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAGvG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/web3/index.js

@@ -0,0 +1,14 @@
+// Wallet Components
+export { ConnectWallet } from './ConnectWallet/ConnectWallet';
+export { WalletInfo } from './WalletInfo/WalletInfo';
+export { WalletBalance } from './WalletBalance/WalletBalance';
+export { WalletDropdown } from './WalletDropdown/WalletDropdown';
+export { DisconnectButton } from './DisconnectButton/DisconnectButton';
+// Display Components
+export { AddressDisplay } from './AddressDisplay/AddressDisplay';
+export { BalanceDisplay } from './BalanceDisplay/BalanceDisplay';
+export { BlockExplorerLink } from './BlockExplorerLink/BlockExplorerLink';
+// Form Components
+export { AmountInput } from './AmountInput/AmountInput';
+export { AddressInput } from './AddressInput/AddressInput';
+//# sourceMappingURL=index.js.map

package/dist/web3/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web3/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,cAAc,EAA4B,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAA8B,MAAM,qCAAqC,CAAC;AAEnG,qBAAqB;AACrB,OAAO,EAAE,cAAc,EAA4B,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,cAAc,EAA4B,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAA+B,MAAM,uCAAuC,CAAC;AAEvG,kBAAkB;AAClB,OAAO,EAAE,WAAW,EAAyB,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,YAAY,EAA0B,MAAM,6BAA6B,CAAC"}

package/package.json

@@ -0,0 +1,105 @@
+{
+  "name": "@varity-labs/ui-kit",
+  "version": "2.0.0-alpha.1",
+  "description": "Web3 React component library for Varity L3 - Smart wallets (ERC-4337), gasless transactions, multi-chain support",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc",
+    "watch": "tsc --watch",
+    "test": "jest --coverage",
+    "test:watch": "jest --watch",
+    "test:unit": "jest --testMatch='**/*.test.ts?(x)'",
+    "test:integration": "jest --testMatch='**/*.integration.test.ts?(x)'",
+    "clean": "rm -rf dist",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "type-check": "tsc --noEmit"
+  },
+  "keywords": [
+    "varity",
+    "varity-l3",
+    "ui-kit",
+    "react",
+    "web3",
+    "thirdweb",
+    "smart-wallets",
+    "erc-4337",
+    "gasless",
+    "account-abstraction",
+    "multi-chain",
+    "blockchain",
+    "usdc",
+    "privy",
+    "ui-components"
+  ],
+  "author": "Varity",
+  "license": "MIT",
+  "dependencies": {
+    "@privy-io/react-auth": "^1.88.4",
+    "@privy-io/wagmi": "^0.2.12",
+    "@tanstack/react-query": "^5.59.0",
+    "@varity-labs/sdk": "workspace:*",
+    "@varity-labs/client-js": "workspace:*",
+    "@varity-labs/types": "workspace:*",
+    "axios": "^1.6.0",
+    "ethers": "^6.10.0",
+    "react-hot-toast": "^2.6.0",
+    "thirdweb": "^5.112.0",
+    "viem": "^2.7.0",
+    "wagmi": "^2.12.0"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.6.0",
+    "@storybook/addon-interactions": "^7.6.0",
+    "@storybook/addon-links": "^7.6.0",
+    "@storybook/blocks": "^7.6.0",
+    "@storybook/react": "^7.6.0",
+    "@storybook/react-webpack5": "^7.6.0",
+    "@storybook/testing-library": "^0.2.2",
+    "@testing-library/jest-dom": "^6.1.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.5.0",
+    "@types/jest": "^29.5.0",
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.4.32",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "storybook": "^7.6.0",
+    "tailwindcss": "^3.4.0",
+    "ts-jest": "^29.1.0",
+    "typescript": "^5.3.0"
+  }
+}