{"_id":"@elvinahmadov/custom-components","name":"@elvinahmadov/custom-components","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@elvinahmadov/custom-components","version":"0.1.0","description":"Custom React components library","type":"module","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c --bundleConfigAsCjs","test":"jest","prepare":"npm run build","prepublishOnly":"npm run build"},"keywords":["react","components","ui"],"author":{"name":"Your Name","email":"your.email@example.com"},"repository":{"type":"git","url":"git+https://github.com/elvin2019/custom-components.git"},"license":"MIT","peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@rollup/plugin-commonjs":"^28.0.3","@rollup/plugin-node-resolve":"^16.0.1","@rollup/plugin-typescript":"^12.1.2","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^13.4.0","@types/jest":"^29.0.0","@types/react":"^18.3.20","@types/react-dom":"^18.3.5","identity-obj-proxy":"^3.0.0","jest":"^29.0.0","jest-environment-jsdom":"^29.5.0","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.38.0","rollup-plugin-peer-deps-external":"^2.2.4","ts-jest":"^29.0.0","tslib":"^2.8.1","typescript":"^4.9.0"},"publishConfig":{"access":"public"},"_id":"@elvinahmadov/custom-components@0.1.0","bugs":{"url":"https://github.com/elvin2019/custom-components/issues"},"homepage":"https://github.com/elvin2019/custom-components#readme","_nodeVersion":"22.5.1","_npmVersion":"10.8.2","dist":{"integrity":"sha512-rXy7/Cqbl3P6Y33GkRiVkrwWeGryglfo3TfvYaulUIpW3Kklzl5BoiABXIIGUqBl5Ku6GPCU/EpFMioEGFjkiw==","shasum":"cf404e20bef21963518bdc4fd2bca92e343e07c6","tarball":"https://registry.npmjs.org/@elvinahmadov/custom-components/-/custom-components-0.1.0.tgz","fileCount":13,"unpackedSize":11159,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCBKRe/xv/WcXtst2yCHClYWSUlbqXuQPxU9fWwEdnbOAIhAJ/VuNBK+fwMmmXDNcKA7oZYb+wxklrTQHuCafzD67OT"}]},"_npmUser":{"name":"elvinahmadov","email":"elvinahmadov0@gmail.com"},"directories":{},"maintainers":[{"name":"elvinahmadov","email":"elvinahmadov0@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/custom-components_0.1.0_1743494245637_0.202727208600465"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-01T07:57:25.577Z","0.1.0":"2025-04-01T07:57:25.878Z","modified":"2025-04-01T07:57:26.124Z"},"maintainers":[{"name":"elvinahmadov","email":"elvinahmadov0@gmail.com"}],"description":"Custom React components library","homepage":"https://github.com/elvin2019/custom-components#readme","keywords":["react","components","ui"],"repository":{"type":"git","url":"git+https://github.com/elvin2019/custom-components.git"},"author":{"name":"Your Name","email":"your.email@example.com"},"bugs":{"url":"https://github.com/elvin2019/custom-components/issues"},"license":"MIT","readme":"# Custom React Components\n\nThis package contains reusable React components that can be installed and used in any React application.\n\n## Installation\n\n```bash\nnpm install @yourusername/custom-components\n```\n\n## Usage\n\nImport and use components in your React application:\n\n```jsx\nimport { Button, Card, sayHello } from '@yourusername/custom-components';\n\nfunction App() {\n  return (\n    <div>\n      <p>{sayHello({ name: \"John\", age: 30, city: \"New York\" })}</p>\n      <Card title=\"Example Card\">\n        <p>This is an example of using the custom components package.</p>\n        <Button onClick={() => alert('Button clicked!')}>Click Me</Button>\n      </Card>\n    </div>\n  );\n}\n```\n\n## Development\n\n### Prerequisites\n\n- Node.js (v16 or later)\n- npm or yarn\n\n### Setup\n\n1. Clone the repository\n2. Install dependencies:\n\n```bash\nnpm install\n```\n\n### Build\n\n```bash\nnpm run build\n```\n\n### Testing\n\n```bash\nnpm test\n```\n\n## Project Structure\n\n```\ncustom-components/\n├── dist/           # Compiled output\n├── src/            # Source files\n│   ├── components/ # React components\n│   └── index.ts    # Package entry point\n├── tests/          # Test files\n├── tsconfig.json   # TypeScript configuration\n└── package.json    # Package configuration\n```\n\n## Publishing\n\n### Step 2: Publishing process\n\n1. **Create an NPM account if you don't already have one**\n   - Visit [npmjs.com/signup](https://www.npmjs.com/signup) to create your account\n## License\n\n[Specify your license here]\n","readmeFilename":"README.md","_rev":"1-d5b416703b0561fa35085e63a11003d0"}