{"_id":"@ar-dacity/ardacity-wallet-btn","name":"@ar-dacity/ardacity-wallet-btn","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@ar-dacity/ardacity-wallet-btn","version":"0.1.0","description":"A customizable Arweave wallet connect button with animations for React applications","type":"module","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c","prepare":"npm run build","test":"jest","lint":"eslint src/**/*.{ts,tsx}"},"keywords":["arweave","wallet","button","react","tailwind","component","ardacity","web3"],"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"devDependencies":{"@types/react":"^18.0.0","@types/react-dom":"^18.0.0","typescript":"^4.9.0","rollup":"^2.79.1","rollup-plugin-typescript2":"^0.34.1","rollup-plugin-terser":"^7.0.2","rollup-plugin-peer-deps-external":"^2.2.4","@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-node-resolve":"^13.3.0","tailwindcss":"^3.2.0"},"author":{"name":"ArDacity"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/ar-dacity/ardacity-wallet-btn.git"},"publishConfig":{"access":"public"},"_id":"@ar-dacity/ardacity-wallet-btn@0.1.0","gitHead":"d51949d2a6f5e03715cf51764a4d7abed1e76e49","bugs":{"url":"https://github.com/ar-dacity/ardacity-wallet-btn/issues"},"homepage":"https://github.com/ar-dacity/ardacity-wallet-btn#readme","_nodeVersion":"20.12.1","_npmVersion":"10.8.1","dist":{"integrity":"sha512-QKN42Dna5Qu/DK2/qIVPYWkwM+vPDqbdIZwemR8vCSq1lD5XOUY97LUJW5RPZATE4GVEuyC3rUS2RMh+UYaZjg==","shasum":"7a3780c5ba1ebe7864a30178a27af744e8d31208","tarball":"https://registry.npmjs.org/@ar-dacity/ardacity-wallet-btn/-/ardacity-wallet-btn-0.1.0.tgz","fileCount":8,"unpackedSize":42991,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGQjvxNUQx9CIMGMcCM9ECpeuGN+1zSpSZJLTkzqg+UTAiB1SK4DLQXwB/bLeMWm1HH82NNI3mC6kNlYPtgmZGwkVA=="}]},"_npmUser":{"name":"ruffledzest","email":"vibhanshalok@gmail.com"},"directories":{},"maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ardacity-wallet-btn_0.1.0_1745258178073_0.2594297609847944"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-21T17:56:17.969Z","0.1.0":"2025-04-21T17:56:18.312Z","modified":"2025-04-21T17:56:18.615Z"},"maintainers":[{"name":"ruffledzest","email":"vibhanshalok@gmail.com"}],"description":"A customizable Arweave wallet connect button with animations for React applications","homepage":"https://github.com/ar-dacity/ardacity-wallet-btn#readme","keywords":["arweave","wallet","button","react","tailwind","component","ardacity","web3"],"repository":{"type":"git","url":"git+https://github.com/ar-dacity/ardacity-wallet-btn.git"},"author":{"name":"ArDacity"},"bugs":{"url":"https://github.com/ar-dacity/ardacity-wallet-btn/issues"},"license":"MIT","readme":"# ArDacity Wallet Button\r\n\r\nA customizable React component for connecting to Arweave wallets with smooth animations and Tailwind CSS styling.\r\n\r\n## Features\r\n\r\n- 🔄 Connect/Disconnect Arweave wallet functionality\r\n- ✨ Ripple animation effect on click\r\n- 🎨 Multiple style variants (default, outline, minimal)\r\n- 📏 Multiple size options (small, medium, large)\r\n- 🎯 Customizable button labels\r\n- 📋 Optional wallet address display\r\n- 🎭 TypeScript support with proper typings\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @ar-dacity/ardacity-wallet-btn\r\n```\r\n\r\nor \r\n\r\n```bash\r\nyarn add @ar-dacity/ardacity-wallet-btn\r\n```\r\n\r\n## Usage\r\n\r\n```jsx\r\nimport React from 'react';\r\nimport ArweaveWalletBtn from '@ar-dacity/ardacity-wallet-btn';\r\n\r\nfunction App() {\r\n return (\r\n
\r\n

Arweave Wallet Demo

\r\n \r\n {/* Basic usage */}\r\n console.log('Connected:', address)}\r\n onDisconnect={() => console.log('Disconnected')}\r\n />\r\n \r\n {/* Customized button */}\r\n \r\n
\r\n );\r\n}\r\n```\r\n\r\n## Props\r\n\r\n| Prop | Type | Default | Description |\r\n|-----------------------|-------------------------------------|---------------------------------------------------|----------------------------------------------------------|\r\n| `className` | `string` | `''` | Additional CSS classes for styling |\r\n| `variant` | `'default' \\| 'outline' \\| 'minimal'` | `'default'` | Visual style variant of the button |\r\n| `size` | `'sm' \\| 'md' \\| 'lg'` | `'md'` | Size of the button |\r\n| `label` | `object` | `{ connect: 'Connect Wallet', disconnect: 'Disconnect', connecting: 'Connecting...' }` | Button text labels |\r\n| `showAddress` | `boolean` | `true` | Whether to show wallet address when connected |\r\n| `addressDisplayLength`| `number` | `6` | Number of characters to show at start of wallet address |\r\n| `onConnect` | `(address: string) => void` | - | Callback when wallet is connected |\r\n| `onDisconnect` | `() => void` | - | Callback when wallet is disconnected |\r\n\r\n## Tailwind CSS\r\n\r\nThis component is designed to work with Tailwind CSS. Make sure you have Tailwind CSS set up in your project.\r\n\r\n## License\r\n\r\nMIT ","readmeFilename":"README.md","_rev":"1-4941e3f520ea8dae50643b4bff1fc8c0"}