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

package/dist/wallets/config.d.ts

@@ -0,0 +1,199 @@
+/**
+ * Smart Wallet Configuration for Varity L3
+ *
+ * Contains contract addresses, bundler endpoints, and paymaster configuration
+ * for ERC-4337 Account Abstraction on Varity L3 Testnet (Chain ID 33529)
+ *
+ * IMPORTANT: These contracts need to be deployed to Varity L3
+ * Currently deployed on Arbitrum Sepolia - migration required
+ */
+/**
+ * Contract Addresses for Varity L3
+ *
+ * ✅ DEPLOYED (January 13, 2026) - Ready for use!
+ * Deployed by: 0x20B7d1426649D9a573ba7Fd10592456264220cbF
+ * Explorer: https://explorer-varity-testnet-rroe52pwjp.t.conduit.xyz
+ */
+export declare const VARITY_SMART_WALLET_CONTRACTS: {
+    /**
+     * VarityWalletFactory - Creates smart wallets for users
+     * ✅ Deployed: Varity L3 (Chain ID 33529)
+     * Verified: https://explorer-varity-testnet-rroe52pwjp.t.conduit.xyz/address/0x85AB92708CB4d921f5c2BdCCd7f2D0813a380f71
+     */
+    readonly factoryAddress: "0x85AB92708CB4d921f5c2BdCCd7f2D0813a380f71";
+    /**
+     * SimplifiedPaymaster - Sponsors gas for transactions
+     * ✅ Deployed: Varity L3 (Chain ID 33529)
+     * ✅ Funded: $5 USDC in Conduit paymaster balance
+     * Verified: https://explorer-varity-testnet-rroe52pwjp.t.conduit.xyz/address/0xeF467aef91d4e626C7e56967779069bEF22c4453
+     */
+    readonly paymasterAddress: "0xeF467aef91d4e626C7e56967779069bEF22c4453";
+    /**
+     * ERC-4337 EntryPoint (standard address across all chains)
+     * v0.6: 0x5FF137D4b0FDCD49DcA30c7CF57E578a026d2789
+     * v0.7: 0x0000000071727De22E5E9d8BAf0edAc6f37da032
+     */
+    readonly entryPointAddress: "0x5FF137D4b0FDCD49DcA30c7CF57E578a026d2789";
+};
+/**
+ * Conduit Bundler Configuration
+ *
+ * ✅ CONFIGURED - Conduit Account Abstraction bundler for Varity L3
+ * Paymaster Balance: $5 USDC (funded and ready)
+ * Chain ID: 33529
+ */
+export declare const CONDUIT_BUNDLER_CONFIG: {
+    /**
+     * Conduit AA Bundler RPC endpoint for Varity L3
+     * ✅ Active with $5 USDC paymaster balance
+     * Source: Conduit Dashboard → Account Abstraction Tab
+     */
+    readonly bundlerUrl: "https://aa.conduit.xyz/api/v3/60cd06d8-a734-453c-84e9-5387c315ee2e/chain/33529";
+    /**
+     * Environment variable override (optional)
+     * Use this if you want to switch bundler endpoints
+     */
+    readonly managedBundlerUrl: string;
+};
+/**
+ * Paymaster Configuration
+ *
+ * Gas sponsorship settings for Varity L3
+ */
+export declare const PAYMASTER_CONFIG: {
+    /**
+     * Enable gas sponsorship by default
+     */
+    readonly enabled: true;
+    /**
+     * Paymaster URL (optional - uses thirdweb's if not provided)
+     * Can also use custom paymaster URL from Conduit/Pimlico
+     */
+    readonly paymasterUrl: string | undefined;
+    /**
+     * Gas policy - which operations to sponsor
+     */
+    readonly policy: {
+        /**
+         * Sponsor all transactions (recommended for MVP)
+         */
+        readonly sponsorAll: true;
+        /**
+         * Maximum gas limit to sponsor (in wei)
+         * Default: 500,000 gas units
+         */
+        readonly maxGasLimit: "500000";
+        /**
+         * Whitelist of contract addresses to sponsor
+         * Empty = sponsor all
+         */
+        readonly allowedContracts: string[];
+    };
+};
+/**
+ * Default gas budget for new wallets (in USDC with 6 decimals)
+ * Example: 10 USDC = 10_000_000 (10 * 10^6)
+ */
+export declare const DEFAULT_GAS_BUDGET = 10000000;
+/**
+ * Default Smart Wallet Configuration
+ *
+ * Use this as a starting point for SmartWalletProvider
+ *
+ * @example
+ * ```tsx
+ * import { DEFAULT_SMART_WALLET_CONFIG } from './wallets/config';
+ *
+ * <SmartWalletProvider config={DEFAULT_SMART_WALLET_CONFIG}>
+ *   <App />
+ * </SmartWalletProvider>
+ * ```
+ */
+export declare function getDefaultSmartWalletConfig(client: any): {
+    client: any;
+    chain: Readonly<import("thirdweb/chains").ChainOptions & {
+        rpc: string;
+    }>;
+    gasless: {
+        /**
+         * Enable gas sponsorship by default
+         */
+        readonly enabled: true;
+        /**
+         * Paymaster URL (optional - uses thirdweb's if not provided)
+         * Can also use custom paymaster URL from Conduit/Pimlico
+         */
+        readonly paymasterUrl: string | undefined;
+        /**
+         * Gas policy - which operations to sponsor
+         */
+        readonly policy: {
+            /**
+             * Sponsor all transactions (recommended for MVP)
+             */
+            readonly sponsorAll: true;
+            /**
+             * Maximum gas limit to sponsor (in wei)
+             * Default: 500,000 gas units
+             */
+            readonly maxGasLimit: "500000";
+            /**
+             * Whitelist of contract addresses to sponsor
+             * Empty = sponsor all
+             */
+            readonly allowedContracts: string[];
+        };
+    };
+    factoryAddress: "0x85AB92708CB4d921f5c2BdCCd7f2D0813a380f71";
+    accountVersion: "0.6";
+};
+/**
+ * Deployment Status Checklist
+ *
+ * ✅ = Complete | ⏳ = In Progress | ⬜ = Not Started
+ *
+ * ✅ 1. Deploy SimplifiedPaymaster.sol to Varity L3
+ *    - Deployed: 0xeF467aef91d4e626C7e56967779069bEF22c4453
+ *    - Date: January 13, 2026
+ *    - Verified on Varity L3 Explorer
+ *
+ * ✅ 2. Deploy VarityWalletFactory.sol to Varity L3
+ *    - Deployed: 0x85AB92708CB4d921f5c2BdCCd7f2D0813a380f71
+ *    - Date: January 13, 2026
+ *    - Verified on Varity L3 Explorer
+ *
+ * ⏳ 3. Initialize factory with paymaster address
+ *    - Call: factory.initialize(paymasterAddress, DEFAULT_GAS_BUDGET)
+ *    - Status: Needs verification (may already be done)
+ *
+ * ✅ 4. Fund paymaster with USDC
+ *    - Funded: $5 USDC via Conduit paymaster balance
+ *    - Status: Active and ready for gas sponsorship
+ *
+ * ✅ 5. Configure Conduit Bundler
+ *    - Bundler URL: https://aa.conduit.xyz/api/v3/60cd06d8-a734-453c-84e9-5387c315ee2e/chain/33529
+ *    - Updated in CONDUIT_BUNDLER_CONFIG
+ *
+ * ⏳ 6. Test complete flow
+ *    - Connect wallet → Deploy smart wallet → Send gasless transaction
+ *    - Status: Ready for testing (SmartWalletProvider 95% complete)
+ *
+ * **Next Steps**:
+ * - Verify factory initialization (step 3)
+ * - Run end-to-end integration test (step 6)
+ * - Monitor paymaster balance during testing
+ */
+/**
+ * Helper: Get bundler URL
+ *
+ * Returns the appropriate bundler URL based on environment
+ */
+export declare function getBundlerUrl(): string;
+/**
+ * Helper: Check if contracts are deployed
+ *
+ * ✅ Contracts are deployed to Varity L3 (as of January 13, 2026)
+ * Returns true (contracts are ready to use)
+ */
+export declare function areContractsDeployed(): boolean;
+//# sourceMappingURL=config.d.ts.map

package/dist/wallets/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/wallets/config.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH;;;;;;GAMG;AACH,eAAO,MAAM,6BAA6B;IACxC;;;;OAIG;;IAGH;;;;;OAKG;;IAGH;;;;OAIG;;CAEK,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB;IACjC;;;;OAIG;;IAGH;;;OAGG;;CAEK,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;IAC3B;;OAEG;;IAGH;;;OAGG;;IAGH;;OAEG;;QAED;;WAEG;;QAGH;;;WAGG;;QAGH;;;WAGG;mCACqB,MAAM,EAAE;;CAE1B,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,kBAAkB,WAAa,CAAC;AAE7C;;;;;;;;;;;;;GAaG;AACH,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,GAAG;;;;;;QAtDrD;;WAEG;;QAGH;;;WAGG;;QAGH;;WAEG;;YAED;;eAEG;;YAGH;;;eAGG;;YAGH;;;eAGG;uCACqB,MAAM,EAAE;;;;;EAgCnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,MAAM,CAQtC;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAK9C"}

package/dist/wallets/config.js

@@ -0,0 +1,183 @@
+/**
+ * Smart Wallet Configuration for Varity L3
+ *
+ * Contains contract addresses, bundler endpoints, and paymaster configuration
+ * for ERC-4337 Account Abstraction on Varity L3 Testnet (Chain ID 33529)
+ *
+ * IMPORTANT: These contracts need to be deployed to Varity L3
+ * Currently deployed on Arbitrum Sepolia - migration required
+ */
+import { varityL3Testnet } from '@varity-labs/sdk';
+/**
+ * Contract Addresses for Varity L3
+ *
+ * ✅ DEPLOYED (January 13, 2026) - Ready for use!
+ * Deployed by: 0x20B7d1426649D9a573ba7Fd10592456264220cbF
+ * Explorer: https://explorer-varity-testnet-rroe52pwjp.t.conduit.xyz
+ */
+export const VARITY_SMART_WALLET_CONTRACTS = {
+    /**
+     * VarityWalletFactory - Creates smart wallets for users
+     * ✅ Deployed: Varity L3 (Chain ID 33529)
+     * Verified: https://explorer-varity-testnet-rroe52pwjp.t.conduit.xyz/address/0x85AB92708CB4d921f5c2BdCCd7f2D0813a380f71
+     */
+    factoryAddress: '0x85AB92708CB4d921f5c2BdCCd7f2D0813a380f71',
+    /**
+     * SimplifiedPaymaster - Sponsors gas for transactions
+     * ✅ Deployed: Varity L3 (Chain ID 33529)
+     * ✅ Funded: $5 USDC in Conduit paymaster balance
+     * Verified: https://explorer-varity-testnet-rroe52pwjp.t.conduit.xyz/address/0xeF467aef91d4e626C7e56967779069bEF22c4453
+     */
+    paymasterAddress: '0xeF467aef91d4e626C7e56967779069bEF22c4453',
+    /**
+     * ERC-4337 EntryPoint (standard address across all chains)
+     * v0.6: 0x5FF137D4b0FDCD49DcA30c7CF57E578a026d2789
+     * v0.7: 0x0000000071727De22E5E9d8BAf0edAc6f37da032
+     */
+    entryPointAddress: '0x5FF137D4b0FDCD49DcA30c7CF57E578a026d2789', // v0.6 (default)
+};
+/**
+ * Conduit Bundler Configuration
+ *
+ * ✅ CONFIGURED - Conduit Account Abstraction bundler for Varity L3
+ * Paymaster Balance: $5 USDC (funded and ready)
+ * Chain ID: 33529
+ */
+export const CONDUIT_BUNDLER_CONFIG = {
+    /**
+     * Conduit AA Bundler RPC endpoint for Varity L3
+     * ✅ Active with $5 USDC paymaster balance
+     * Source: Conduit Dashboard → Account Abstraction Tab
+     */
+    bundlerUrl: `https://aa.conduit.xyz/api/v3/60cd06d8-a734-453c-84e9-5387c315ee2e/chain/33529`,
+    /**
+     * Environment variable override (optional)
+     * Use this if you want to switch bundler endpoints
+     */
+    managedBundlerUrl: process.env.NEXT_PUBLIC_CONDUIT_BUNDLER_URL || '',
+};
+/**
+ * Paymaster Configuration
+ *
+ * Gas sponsorship settings for Varity L3
+ */
+export const PAYMASTER_CONFIG = {
+    /**
+     * Enable gas sponsorship by default
+     */
+    enabled: true,
+    /**
+     * Paymaster URL (optional - uses thirdweb's if not provided)
+     * Can also use custom paymaster URL from Conduit/Pimlico
+     */
+    paymasterUrl: process.env.NEXT_PUBLIC_PAYMASTER_URL || undefined,
+    /**
+     * Gas policy - which operations to sponsor
+     */
+    policy: {
+        /**
+         * Sponsor all transactions (recommended for MVP)
+         */
+        sponsorAll: true,
+        /**
+         * Maximum gas limit to sponsor (in wei)
+         * Default: 500,000 gas units
+         */
+        maxGasLimit: '500000',
+        /**
+         * Whitelist of contract addresses to sponsor
+         * Empty = sponsor all
+         */
+        allowedContracts: [],
+    },
+};
+/**
+ * Default gas budget for new wallets (in USDC with 6 decimals)
+ * Example: 10 USDC = 10_000_000 (10 * 10^6)
+ */
+export const DEFAULT_GAS_BUDGET = 10_000_000; // 10 USDC
+/**
+ * Default Smart Wallet Configuration
+ *
+ * Use this as a starting point for SmartWalletProvider
+ *
+ * @example
+ * ```tsx
+ * import { DEFAULT_SMART_WALLET_CONFIG } from './wallets/config';
+ *
+ * <SmartWalletProvider config={DEFAULT_SMART_WALLET_CONFIG}>
+ *   <App />
+ * </SmartWalletProvider>
+ * ```
+ */
+export function getDefaultSmartWalletConfig(client) {
+    return {
+        client,
+        chain: varityL3Testnet,
+        gasless: PAYMASTER_CONFIG,
+        factoryAddress: VARITY_SMART_WALLET_CONTRACTS.factoryAddress,
+        accountVersion: '0.6', // ERC-4337 version
+    };
+}
+/**
+ * Deployment Status Checklist
+ *
+ * ✅ = Complete | ⏳ = In Progress | ⬜ = Not Started
+ *
+ * ✅ 1. Deploy SimplifiedPaymaster.sol to Varity L3
+ *    - Deployed: 0xeF467aef91d4e626C7e56967779069bEF22c4453
+ *    - Date: January 13, 2026
+ *    - Verified on Varity L3 Explorer
+ *
+ * ✅ 2. Deploy VarityWalletFactory.sol to Varity L3
+ *    - Deployed: 0x85AB92708CB4d921f5c2BdCCd7f2D0813a380f71
+ *    - Date: January 13, 2026
+ *    - Verified on Varity L3 Explorer
+ *
+ * ⏳ 3. Initialize factory with paymaster address
+ *    - Call: factory.initialize(paymasterAddress, DEFAULT_GAS_BUDGET)
+ *    - Status: Needs verification (may already be done)
+ *
+ * ✅ 4. Fund paymaster with USDC
+ *    - Funded: $5 USDC via Conduit paymaster balance
+ *    - Status: Active and ready for gas sponsorship
+ *
+ * ✅ 5. Configure Conduit Bundler
+ *    - Bundler URL: https://aa.conduit.xyz/api/v3/60cd06d8-a734-453c-84e9-5387c315ee2e/chain/33529
+ *    - Updated in CONDUIT_BUNDLER_CONFIG
+ *
+ * ⏳ 6. Test complete flow
+ *    - Connect wallet → Deploy smart wallet → Send gasless transaction
+ *    - Status: Ready for testing (SmartWalletProvider 95% complete)
+ *
+ * **Next Steps**:
+ * - Verify factory initialization (step 3)
+ * - Run end-to-end integration test (step 6)
+ * - Monitor paymaster balance during testing
+ */
+/**
+ * Helper: Get bundler URL
+ *
+ * Returns the appropriate bundler URL based on environment
+ */
+export function getBundlerUrl() {
+    // Use managed bundler URL if set (from Conduit dashboard)
+    if (CONDUIT_BUNDLER_CONFIG.managedBundlerUrl) {
+        return CONDUIT_BUNDLER_CONFIG.managedBundlerUrl;
+    }
+    // Fall back to default Conduit bundler endpoint
+    return CONDUIT_BUNDLER_CONFIG.bundlerUrl;
+}
+/**
+ * Helper: Check if contracts are deployed
+ *
+ * ✅ Contracts are deployed to Varity L3 (as of January 13, 2026)
+ * Returns true (contracts are ready to use)
+ */
+export function areContractsDeployed() {
+    // Contracts deployed on January 13, 2026
+    // Factory: 0x85AB92708CB4d921f5c2BdCCd7f2D0813a380f71
+    // Paymaster: 0xeF467aef91d4e626C7e56967779069bEF22c4453
+    return true;
+}
+//# sourceMappingURL=config.js.map

package/dist/wallets/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/wallets/config.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG;IAC3C;;;;OAIG;IACH,cAAc,EAAE,4CAAqD;IAErE;;;;;OAKG;IACH,gBAAgB,EAAE,4CAAqD;IAEvE;;;;OAIG;IACH,iBAAiB,EAAE,4CAAqD,EAAE,iBAAiB;CACnF,CAAC;AAEX;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC;;;;OAIG;IACH,UAAU,EAAE,gFAAyF;IAErG;;;OAGG;IACH,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,+BAA+B,IAAI,EAAE;CAC5D,CAAC;AAEX;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,OAAO,EAAE,IAAI;IAEb;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,yBAAyB,IAAI,SAAS;IAEhE;;OAEG;IACH,MAAM,EAAE;QACN;;WAEG;QACH,UAAU,EAAE,IAAI;QAEhB;;;WAGG;QACH,WAAW,EAAE,QAAQ;QAErB;;;WAGG;QACH,gBAAgB,EAAE,EAAc;KACjC;CACO,CAAC;AAEX;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC,CAAC,UAAU;AAExD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,2BAA2B,CAAC,MAAW;IACrD,OAAO;QACL,MAAM;QACN,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE,gBAAgB;QACzB,cAAc,EAAE,6BAA6B,CAAC,cAAc;QAC5D,cAAc,EAAE,KAAc,EAAE,mBAAmB;KACpD,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH;;;;GAIG;AACH,MAAM,UAAU,aAAa;IAC3B,0DAA0D;IAC1D,IAAI,sBAAsB,CAAC,iBAAiB,EAAE,CAAC;QAC7C,OAAO,sBAAsB,CAAC,iBAAiB,CAAC;IAClD,CAAC;IAED,gDAAgD;IAChD,OAAO,sBAAsB,CAAC,UAAU,CAAC;AAC3C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB;IAClC,yCAAyC;IACzC,sDAAsD;IACtD,wDAAwD;IACxD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/wallets/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Varity UI Kit - Wallet Components
+ *
+ * Smart wallet components for ERC-4337 account abstraction
+ */
+export { SmartWalletProvider, useSmartWallet, SmartWalletConnectButton, GaslessBadge, type SmartWalletConfig, } from './SmartWalletProvider';
+export { VARITY_SMART_WALLET_CONTRACTS, CONDUIT_BUNDLER_CONFIG, PAYMASTER_CONFIG, DEFAULT_GAS_BUDGET, getDefaultSmartWalletConfig, getBundlerUrl, areContractsDeployed, } from './config';
+export { SimpleSmartWallet, type SimpleSmartWalletProps, } from './SimpleSmartWallet';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/wallets/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,wBAAwB,EACxB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,6BAA6B,EAC7B,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,2BAA2B,EAC3B,aAAa,EACb,oBAAoB,GACrB,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC"}

package/dist/wallets/index.js

@@ -0,0 +1,9 @@
+/**
+ * Varity UI Kit - Wallet Components
+ *
+ * Smart wallet components for ERC-4337 account abstraction
+ */
+export { SmartWalletProvider, useSmartWallet, SmartWalletConnectButton, GaslessBadge, } from './SmartWalletProvider';
+export { VARITY_SMART_WALLET_CONTRACTS, CONDUIT_BUNDLER_CONFIG, PAYMASTER_CONFIG, DEFAULT_GAS_BUDGET, getDefaultSmartWalletConfig, getBundlerUrl, areContractsDeployed, } from './config';
+export { SimpleSmartWallet, } from './SimpleSmartWallet';
+//# sourceMappingURL=index.js.map

package/dist/wallets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/wallets/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,wBAAwB,EACxB,YAAY,GAEb,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,6BAA6B,EAC7B,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,2BAA2B,EAC3B,aAAa,EACb,oBAAoB,GACrB,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,iBAAiB,GAElB,MAAM,qBAAqB,CAAC"}

package/dist/web3/AddressDisplay/AddressDisplay.d.ts

@@ -0,0 +1,33 @@
+export interface AddressDisplayProps {
+    address: string;
+    format?: 'short' | 'full';
+    copyable?: boolean;
+    linkToExplorer?: boolean;
+    className?: string;
+}
+/**
+ * Address Display Component
+ *
+ * Formats and displays Ethereum addresses with optional features:
+ * - Copy to clipboard
+ * - Link to block explorer
+ * - Short or full format
+ *
+ * @example
+ * ```tsx
+ * import { AddressDisplay } from '@varity-labs/ui-kit';
+ *
+ * function Transaction() {
+ *   return (
+ *     <AddressDisplay
+ *       address="0x1234567890abcdef1234567890abcdef12345678"
+ *       format="short"
+ *       copyable
+ *       linkToExplorer
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function AddressDisplay({ address, format, copyable, linkToExplorer, className, }: AddressDisplayProps): JSX.Element;
+//# sourceMappingURL=AddressDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddressDisplay.d.ts","sourceRoot":"","sources":["../../../src/web3/AddressDisplay/AddressDisplay.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,MAAgB,EAChB,QAAe,EACf,cAAsB,EACtB,SAAc,GACf,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAmDnC"}

package/dist/web3/AddressDisplay/AddressDisplay.js

@@ -0,0 +1,42 @@
+import React, { useState } from 'react';
+import { formatAddress } from '../../config/chains';
+/**
+ * Address Display Component
+ *
+ * Formats and displays Ethereum addresses with optional features:
+ * - Copy to clipboard
+ * - Link to block explorer
+ * - Short or full format
+ *
+ * @example
+ * ```tsx
+ * import { AddressDisplay } from '@varity-labs/ui-kit';
+ *
+ * function Transaction() {
+ *   return (
+ *     <AddressDisplay
+ *       address="0x1234567890abcdef1234567890abcdef12345678"
+ *       format="short"
+ *       copyable
+ *       linkToExplorer
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export function AddressDisplay({ address, format = 'short', copyable = true, linkToExplorer = false, className = '', }) {
+    const [copied, setCopied] = useState(false);
+    const displayAddress = format === 'short' ? formatAddress(address) : address;
+    const handleCopy = () => {
+        navigator.clipboard.writeText(address);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+    };
+    const content = (React.createElement("span", { className: `truncate-address ${className}` }, displayAddress));
+    return (React.createElement("div", { className: "inline-flex items-center gap-2" },
+        linkToExplorer ? (React.createElement("a", { href: `https://sepolia.arbiscan.io/address/${address}`, target: "_blank", rel: "noopener noreferrer", className: "text-varity-primary hover:text-varity-primary/80 underline" }, content)) : (content),
+        copyable && (React.createElement("button", { onClick: handleCopy, className: "p-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded transition-colors", title: copied ? 'Copied!' : 'Copy address' }, copied ? (React.createElement("svg", { className: "w-4 h-4 text-green-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }))) : (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" })))))));
+}
+//# sourceMappingURL=AddressDisplay.js.map

package/dist/web3/AddressDisplay/AddressDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressDisplay.js","sourceRoot":"","sources":["../../../src/web3/AddressDisplay/AddressDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAUpD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,IAAI,EACf,cAAc,GAAG,KAAK,EACtB,SAAS,GAAG,EAAE,GACM;IACpB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,cAAc,GAAG,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAE7E,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACvC,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CACd,8BAAM,SAAS,EAAE,oBAAoB,SAAS,EAAE,IAC7C,cAAc,CACV,CACR,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,gCAAgC;QAC5C,cAAc,CAAC,CAAC,CAAC,CAChB,2BACE,IAAI,EAAE,uCAAuC,OAAO,EAAE,EACtD,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,4DAA4D,IAErE,OAAO,CACN,CACL,CAAC,CAAC,CAAC,CACF,OAAO,CACR;QAEA,QAAQ,IAAI,CACX,gCACE,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,wEAAwE,EAClF,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,IAEzC,MAAM,CAAC,CAAC,CAAC,CACR,6BAAK,SAAS,EAAC,wBAAwB,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;YAC3F,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAG,CACpF,CACP,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;YAC5E,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,uHAAuH,GAAG,CAC3L,CACP,CACM,CACV,CACG,CACP,CAAC;AACJ,CAAC"}

package/dist/web3/AddressInput/AddressInput.d.ts

@@ -0,0 +1,36 @@
+export interface AddressInputProps {
+    value: string;
+    onChange: (value: string, isValid: boolean) => void;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    className?: string;
+}
+/**
+ * Address Input Component
+ *
+ * Input field for Ethereum addresses with validation:
+ * - Real-time address validation
+ * - Visual feedback for valid/invalid addresses
+ * - Error states
+ *
+ * @example
+ * ```tsx
+ * import { AddressInput } from '@varity-labs/ui-kit';
+ *
+ * function SendForm() {
+ *   const [recipient, setRecipient] = useState('');
+ *
+ *   return (
+ *     <AddressInput
+ *       value={recipient}
+ *       onChange={(value, isValid) => setRecipient(value)}
+ *       label="Recipient Address"
+ *       placeholder="0x..."
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function AddressInput({ value, onChange, label, placeholder, error, className, }: AddressInputProps): JSX.Element;
+//# sourceMappingURL=AddressInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddressInput.d.ts","sourceRoot":"","sources":["../../../src/web3/AddressInput/AddressInput.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAqB,EACrB,KAAK,EACL,SAAc,GACf,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA8DjC"}

package/dist/web3/AddressInput/AddressInput.js

@@ -0,0 +1,54 @@
+import React, { useState } from 'react';
+import { isAddress } from 'viem';
+/**
+ * Address Input Component
+ *
+ * Input field for Ethereum addresses with validation:
+ * - Real-time address validation
+ * - Visual feedback for valid/invalid addresses
+ * - Error states
+ *
+ * @example
+ * ```tsx
+ * import { AddressInput } from '@varity-labs/ui-kit';
+ *
+ * function SendForm() {
+ *   const [recipient, setRecipient] = useState('');
+ *
+ *   return (
+ *     <AddressInput
+ *       value={recipient}
+ *       onChange={(value, isValid) => setRecipient(value)}
+ *       label="Recipient Address"
+ *       placeholder="0x..."
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export function AddressInput({ value, onChange, label, placeholder = '0x...', error, className = '', }) {
+    const [touched, setTouched] = useState(false);
+    const isValidAddress = value ? isAddress(value) : false;
+    const showError = touched && value && !isValidAddress;
+    const handleChange = (e) => {
+        const newValue = e.target.value;
+        const isValid = newValue ? isAddress(newValue) : false;
+        onChange(newValue, isValid);
+    };
+    const handleBlur = () => {
+        setTouched(true);
+    };
+    return (React.createElement("div", { className: `space-y-2 ${className}` },
+        label && (React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300" }, label)),
+        React.createElement("div", { className: "relative" },
+            React.createElement("input", { type: "text", value: value, onChange: handleChange, onBlur: handleBlur, placeholder: placeholder, className: `input pr-10 font-mono ${showError || error
+                    ? 'border-red-500 focus:ring-red-500'
+                    : isValidAddress
+                        ? 'border-green-500 focus:ring-green-500'
+                        : ''}` }),
+            value && (React.createElement("div", { className: "absolute right-3 top-1/2 -translate-y-1/2" }, isValidAddress ? (React.createElement("svg", { className: "w-5 h-5 text-green-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }))) : touched ? (React.createElement("svg", { className: "w-5 h-5 text-red-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))) : null))),
+        (showError || error) && (React.createElement("p", { className: "text-sm text-red-500" }, error || 'Invalid Ethereum address'))));
+}
+//# sourceMappingURL=AddressInput.js.map

package/dist/web3/AddressInput/AddressInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressInput.js","sourceRoot":"","sources":["../../../src/web3/AddressInput/AddressInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAWjC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,OAAO,EACrB,KAAK,EACL,SAAS,GAAG,EAAE,GACI;IAClB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IACxD,MAAM,SAAS,GAAG,OAAO,IAAI,KAAK,IAAI,CAAC,cAAc,CAAC;IAEtD,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACvD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,aAAa,SAAS,EAAE;QACrC,KAAK,IAAI,CACR,+BAAO,SAAS,EAAC,4DAA4D,IAC1E,KAAK,CACA,CACT;QAED,6BAAK,SAAS,EAAC,UAAU;YACvB,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,yBACT,SAAS,IAAI,KAAK;oBAChB,CAAC,CAAC,mCAAmC;oBACrC,CAAC,CAAC,cAAc;wBAChB,CAAC,CAAC,uCAAuC;wBACzC,CAAC,CAAC,EACN,EAAE,GACF;YAED,KAAK,IAAI,CACR,6BAAK,SAAS,EAAC,2CAA2C,IACvD,cAAc,CAAC,CAAC,CAAC,CAChB,6BAAK,SAAS,EAAC,wBAAwB,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;gBAC3F,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAG,CACpF,CACP,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,6BAAK,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;gBACzF,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,sBAAsB,GAAG,CAC1F,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CACG;QAEL,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,CACvB,2BAAG,SAAS,EAAC,sBAAsB,IAChC,KAAK,IAAI,0BAA0B,CAClC,CACL,CACG,CACP,CAAC;AACJ,CAAC"}

package/dist/web3/AmountInput/AmountInput.d.ts

@@ -0,0 +1,41 @@
+export interface AmountInputProps {
+    value: string;
+    onChange: (value: string, valueBigInt: bigint) => void;
+    max?: bigint;
+    showMax?: boolean;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    className?: string;
+}
+/**
+ * Amount Input Component
+ *
+ * Input field for USDC amounts with proper 6-decimal handling:
+ * - Validates numeric input
+ * - Formats to 6 decimals
+ * - Max button for full balance
+ * - Error states
+ *
+ * @example
+ * ```tsx
+ * import { AmountInput } from '@varity-labs/ui-kit';
+ *
+ * function SendForm() {
+ *   const [amount, setAmount] = useState('');
+ *
+ *   return (
+ *     <AmountInput
+ *       value={amount}
+ *       onChange={(value, valueBigInt) => setAmount(value)}
+ *       max={BigInt(1000000000)} // 1000 USDC
+ *       showMax
+ *       label="Amount to send"
+ *       placeholder="0.00"
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function AmountInput({ value, onChange, max, showMax, label, placeholder, error, className, }: AmountInputProps): JSX.Element;
+//# sourceMappingURL=AmountInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../src/web3/AmountInput/AmountInput.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,GAAG,EACH,OAAc,EACd,KAAK,EACL,WAAoB,EACpB,KAAK,EACL,SAAc,GACf,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAiFhC"}