{"_id":"@dheerajsingh20aug/my-ui-lib","_rev":"2-75da091e0173dbe9ff3580a31f3f1964","name":"@dheerajsingh20aug/my-ui-lib","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@dheerajsingh20aug/my-ui-lib","version":"1.0.0","keywords":["react","components","button","card","input","ui-library"],"author":{"name":"Your Name"},"license":"ISC","_id":"@dheerajsingh20aug/my-ui-lib@1.0.0","maintainers":[{"name":"dheerajsingh20aug","email":"dheerajsingh20aug@gmail.com"}],"homepage":"https://github.com/yourusername/my-ui-lib#readme","bugs":{"url":"https://github.com/yourusername/my-ui-lib/issues"},"dist":{"shasum":"ab1c70e049de8deb0cd14da4ee5e5a0f7eda2166","tarball":"https://registry.npmjs.org/@dheerajsingh20aug/my-ui-lib/-/my-ui-lib-1.0.0.tgz","fileCount":4,"integrity":"sha512-OeqjeY7duji+qH0twbRCEfwKIuKdVQqKe/XwnMo0H0SRhQgiWkx/qTy/Z9lwulrsAglIZd+2GKD2hraVZF43iQ==","signatures":[{"sig":"MEQCIC9XUVT4OjqWBC42UEtnS/jwzaJxjzvDUy+XkT/70PcuAiA2BoH/lCgAL38XorFBavRIIG3kQ3fMVNWyFuvwXXCJvg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":19825},"main":"dist/index.umd.cjs","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.umd.cjs"}},"scripts":{"lint":"eslint src --ext .jsx,.js","build":"vite build","preview":"vite preview","dev:demo":"cd demo && vite","build:demo":"cd demo && vite build"},"_npmUser":{"name":"dheerajsingh20aug","email":"dheerajsingh20aug@gmail.com"},"repository":{"url":"git+https://github.com/yourusername/my-ui-lib.git","type":"git"},"_npmVersion":"10.9.4","description":"A reusable React component library with Button, Card, and Input components","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.16","typescript":"^6.0.3","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.2"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_npmOperationalInternal":{"tmp":"tmp/my-ui-lib_1.0.0_1781595897615_0.5510274338823804","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@dheerajsingh20aug/my-ui-lib","version":"1.0.1","description":"A reusable React component library with Button, Card, and Input components","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.cjs","types":"./dist/index.d.ts"}},"scripts":{"build":"vite build","build:demo":"cd demo && vite build","dev:demo":"cd demo && vite","preview":"vite preview","lint":"eslint src --ext .jsx,.js"},"repository":{"type":"git","url":"git+https://github.com/yourusername/my-ui-lib.git"},"keywords":["react","components","button","card","input","ui-library"],"author":{"name":"Your Name"},"license":"ISC","peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"dependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"devDependencies":{"@types/react":"^19.2.17","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.2","typescript":"^6.0.3","vite":"^8.0.16"},"_id":"@dheerajsingh20aug/my-ui-lib@1.0.1","bugs":{"url":"https://github.com/yourusername/my-ui-lib/issues"},"homepage":"https://github.com/yourusername/my-ui-lib#readme","_nodeVersion":"22.22.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-2YJXkxELQvv3hU7fCn3ypS5I8/mFiKEY5bTbz/kzgZnHvHGzGT1nGiMMXXPmuHq9Eq7ghhu0AP8gLLfio7FQZg==","shasum":"08c17eeac5a72bb29b499aaeb63cf9767ca3841a","tarball":"https://registry.npmjs.org/@dheerajsingh20aug/my-ui-lib/-/my-ui-lib-1.0.1.tgz","fileCount":4,"unpackedSize":19639,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDGtQyqaUy8qJy6eMBkz0l0XHJs/M4z+Z7zAFySwa29rAIhALsZYWHblfscN7x19Wvx0NNwFNILYRdlqjD6irj+HPu9"}]},"_npmUser":{"name":"dheerajsingh20aug","email":"dheerajsingh20aug@gmail.com"},"directories":{},"maintainers":[{"name":"dheerajsingh20aug","email":"dheerajsingh20aug@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/my-ui-lib_1.0.1_1781609953263_0.05491591962310216"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-16T07:44:57.403Z","modified":"2026-06-16T11:39:13.523Z","1.0.0":"2026-06-16T07:44:57.755Z","1.0.1":"2026-06-16T11:39:13.404Z"},"bugs":{"url":"https://github.com/yourusername/my-ui-lib/issues"},"author":{"name":"Your Name"},"license":"ISC","homepage":"https://github.com/yourusername/my-ui-lib#readme","keywords":["react","components","button","card","input","ui-library"],"repository":{"type":"git","url":"git+https://github.com/yourusername/my-ui-lib.git"},"description":"A reusable React component library with Button, Card, and Input components","maintainers":[{"name":"dheerajsingh20aug","email":"dheerajsingh20aug@gmail.com"}],"readme":"# My UI Library\r\n\r\nA lightweight, reusable React component library with essential UI components.\r\n\r\n## Components\r\n\r\n- **Button** - A customizable button component\r\n- **Card** - A flexible card wrapper component\r\n- **Input** - A styled input component with support for different types\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @dheeraj/my-ui-lib\r\n```\r\n\r\n## Usage\r\n\r\n```jsx\r\nimport { Button, Card, Input } from \"@dheeraj/my-ui-lib\";\r\n\r\nexport function App() {\r\n  return (\r\n    <div>\r\n      <Card>\r\n        <h1>Welcome</h1>\r\n        <Input placeholder=\"Enter your name\" />\r\n        <Button>Submit</Button>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n```\r\n\r\n## Component Examples\r\n\r\n### Button\r\n\r\n```jsx\r\n<Button onClick={() => alert(\"Clicked!\")}>Click Me</Button>\r\n```\r\n\r\n**Props:**\r\n- `children` - Button label/content\r\n- `onClick` - Click handler function\r\n\r\n### Card\r\n\r\n```jsx\r\n<Card>\r\n  <p>Your content here</p>\r\n</Card>\r\n```\r\n\r\n**Props:**\r\n- `children` - Card content\r\n\r\n### Input\r\n\r\n```jsx\r\nconst [value, setValue] = useState(\"\");\r\n\r\n<Input\r\n  placeholder=\"Enter text...\"\r\n  value={value}\r\n  onChange={(e) => setValue(e.target.value)}\r\n  type=\"text\"\r\n/>\r\n```\r\n\r\n**Props:**\r\n- `placeholder` - Input placeholder text\r\n- `value` - Current input value\r\n- `onChange` - Change handler\r\n- `type` - Input type (default: \"text\")\r\n- All other HTML input attributes supported\r\n\r\n## Development\r\n\r\n### Local Testing\r\n\r\nTo test components locally with the demo app:\r\n\r\n```bash\r\nnpm run dev:demo\r\n```\r\n\r\nThis will start the Vite dev server at http://localhost:5173 with hot module reloading.\r\n\r\n### Build Library\r\n\r\nTo build the library for distribution:\r\n\r\n```bash\r\nnpm run build\r\n```\r\n\r\nOutput will be in the `dist/` folder with:\r\n- ES module format (`.mjs`)\r\n- UMD format (`.umd.cjs`)\r\n- TypeScript declarations (`.d.ts`)\r\n\r\n## Publishing to NPM\r\n\r\n### Prerequisites\r\n\r\n1. Create an account on [npmjs.com](https://www.npmjs.com)\r\n2. Create a scoped package (if using `@scope/package-name` format)\r\n\r\n### Steps\r\n\r\n1. **Update version in package.json:**\r\n   ```json\r\n   {\r\n     \"version\": \"1.0.0\"\r\n   }\r\n   ```\r\n\r\n2. **Login to NPM:**\r\n   ```bash\r\n   npm login\r\n   ```\r\n\r\n3. **Publish:**\r\n   ```bash\r\n   npm publish --access public\r\n   ```\r\n\r\nFor scoped public packages, use `--access public` flag.\r\n\r\n## Using in Another Project\r\n\r\nAfter publishing to NPM, use it in other projects:\r\n\r\n```bash\r\nnpm install @dheerajsingh20aug/my-ui-lib\r\n```\r\n\r\nThen import and use:\r\n\r\n```jsx\r\nimport React from \"react\";\r\nimport { Button, Card, Input } from \"@dheeraj/my-ui-lib\";\r\n\r\nexport default function App() {\r\n  return (\r\n    <Card>\r\n      <Button>My Button</Button>\r\n    </Card>\r\n  );\r\n}\r\n```\r\n\r\n## Project Structure\r\n\r\n```\r\nmy-ui-lib/\r\n├── src/\r\n│   ├── components/\r\n│   │   ├── Button.jsx\r\n│   │   ├── Card.jsx\r\n│   │   └── Input.jsx\r\n│   └── index.js\r\n├── demo/\r\n│   ├── src/\r\n│   │   ├── App.jsx\r\n│   │   ├── App.css\r\n│   │   └── main.jsx\r\n│   ├── index.html\r\n│   └── vite.config.js\r\n├── dist/                    (generated after build)\r\n├── package.json\r\n├── vite.config.js\r\n├── tsconfig.json\r\n└── README.md\r\n```\r\n\r\n## License\r\n\r\nISC\r\n","readmeFilename":"README.md"}