{"_id":"@elvin75/ui-new-lib","_rev":"6-4ac2dfd61d328ff86c412ccd145c6eeb","name":"@elvin75/ui-new-lib","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.0":{"name":"@elvin75/ui-new-lib","version":"1.0.0","keywords":["react","vite","ui","components"],"license":"MIT","_id":"@elvin75/ui-new-lib@1.0.0","maintainers":[{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"}],"homepage":"https://github.com/you/ui-lib#readme","bugs":{"url":"https://github.com/you/ui-lib/issues"},"dist":{"shasum":"273f63e396528814611ee07d8caef29fd8ab2717","tarball":"https://registry.npmjs.org/@elvin75/ui-new-lib/-/ui-new-lib-1.0.0.tgz","fileCount":7,"integrity":"sha512-VyE794qIdxJkI3mZKn78laUhLBXhNx0M6Vze9yVh26o0hO8zL2dmhMv3zGKqarOMf+usC1QD5eFcnIBrHoUWNg==","signatures":[{"sig":"MEYCIQCOxLXSUO1A427v0R09nHaQ6UMYDgyKBs2EVzEakSvG7QIhAMm/SrVfngb3FTAuuOl8LDnmAFi3p62cW8+sfOjiijwP","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":64404},"main":"dist/ui-lib.cjs.js","type":"module","style":"dist/ui-lib.css","types":"dist/index.d.ts","module":"dist/ui-lib.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/ui-lib.es.js","default":"./dist/ui-lib.es.js","require":"./dist/ui-lib.cjs.js"},"./dist/*":"./dist/*","./style.css":"./dist/ui-lib.css"},"scripts":{"build":"vite build","prepare":"npm run build"},"_npmUser":{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"},"repository":{"url":"git+https://github.com/you/ui-lib.git","type":"git"},"_npmVersion":"11.6.0","description":"Tiny React UI library built with Vite","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.17.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^18.2.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.2.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-new-lib_1.0.0_1759697148516_0.6283443170183296","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@elvin75/ui-new-lib","version":"1.0.1","keywords":["react","vite","ui","components"],"license":"MIT","_id":"@elvin75/ui-new-lib@1.0.1","maintainers":[{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"}],"homepage":"https://github.com/you/ui-lib#readme","bugs":{"url":"https://github.com/you/ui-lib/issues"},"dist":{"shasum":"7e7bafc514d434f978d95323e67c3fae789f4857","tarball":"https://registry.npmjs.org/@elvin75/ui-new-lib/-/ui-new-lib-1.0.1.tgz","fileCount":7,"integrity":"sha512-ZBJvbBm/z+ORrj0ICqnQhsCz0A/pz4IUy28lxTPBNDnJic6uU/I13fYoTsdYGc+ZqLSoNY99x+Ns6RFtVBb2+Q==","signatures":[{"sig":"MEUCIQDHcJWClgXZr5M8tu3mAnG9+jDHxo0qUXD3za9RbRdYewIgft1lF/eKETp9LvyEMHJgDn5RofGY/K0Ce3GQtcyCpXc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":64429},"main":"dist/ui-lib.cjs.js","type":"module","style":"dist/ui-lib.css","types":"dist/index.d.ts","module":"dist/ui-lib.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/ui-lib.es.js","default":"./dist/ui-lib.es.js","require":"./dist/ui-lib.cjs.js"},"./dist/*":"./dist/*","./style.css":{"default":"./dist/ui-lib.css"}},"scripts":{"build":"vite build","prepare":"npm run build"},"_npmUser":{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"},"repository":{"url":"git+https://github.com/you/ui-lib.git","type":"git"},"_npmVersion":"11.6.0","description":"Tiny React UI library built with Vite","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.17.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^18.2.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.2.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-new-lib_1.0.1_1759697920913_0.6295243937388741","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@elvin75/ui-new-lib","version":"1.0.2","keywords":["react","vite","ui","components"],"license":"MIT","_id":"@elvin75/ui-new-lib@1.0.2","maintainers":[{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"}],"homepage":"https://github.com/you/ui-lib#readme","bugs":{"url":"https://github.com/you/ui-lib/issues"},"dist":{"shasum":"8559a09a91e8e95f2bd9823cd35fcec28938e98d","tarball":"https://registry.npmjs.org/@elvin75/ui-new-lib/-/ui-new-lib-1.0.2.tgz","fileCount":8,"integrity":"sha512-8MhTPG5dCyfG4AT2LPmlni9og/7yq2m0dnPb6HOLc4u8Dco/202bhpDHEHyy3lARInUWnaWe80gdHDYy75ZF4A==","signatures":[{"sig":"MEYCIQDMsZXx/+N3CaZOztgtRlCF0S5b6TCF+BxyG0d6G9jnhQIhAMev9OYWuSUKEWW7kENxMoRlNPEJ4C8hcTzka2SuGD3V","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":65166},"main":"dist/ui-lib.cjs.js","type":"module","style":"dist/ui-lib.css","types":"dist/index.d.ts","module":"dist/ui-lib.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/ui-lib.es.js","default":"./dist/ui-lib.es.js","require":"./dist/ui-lib.cjs.js"},"./dist/*":"./dist/*","./style.css":{"default":"./dist/ui-lib.css"}},"scripts":{"build":"vite build","prepare":"npm run build"},"_npmUser":{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"},"repository":{"url":"git+https://github.com/you/ui-lib.git","type":"git"},"_npmVersion":"11.6.0","description":"Tiny React UI library built with Vite","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.17.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^18.2.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.2.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-new-lib_1.0.2_1759698648159_0.01795276335092577","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@elvin75/ui-new-lib","version":"1.0.3","keywords":["react","vite","ui","components"],"license":"MIT","_id":"@elvin75/ui-new-lib@1.0.3","maintainers":[{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"}],"homepage":"https://github.com/you/ui-lib#readme","bugs":{"url":"https://github.com/you/ui-lib/issues"},"dist":{"shasum":"fe6a18af1d1268c82f88aa2c994a06c181222073","tarball":"https://registry.npmjs.org/@elvin75/ui-new-lib/-/ui-new-lib-1.0.3.tgz","fileCount":8,"integrity":"sha512-MFBT1UJ+kAJIz0fwrrPWRewQrhgvJsJ23yb0uj3Co8JhwY43nu9BAB11YPwnSRprL6OnpwSAlIV+MyxF0mzwNg==","signatures":[{"sig":"MEUCIQCE1RpZ4R8/wtbWabRFx/nHwVrDJkMsUrJZnyGnr5c6xAIgFt+cGQlIrP6yRlU9Zq0EK1Rv6q+9c0J325vb8hgHloQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":68134},"main":"dist/ui-lib.cjs.js","type":"module","style":"dist/ui-lib.css","types":"dist/index.d.ts","module":"dist/ui-lib.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/ui-lib.es.js","default":"./dist/ui-lib.es.js","require":"./dist/ui-lib.cjs.js"},"./dist/*":"./dist/*","./style.css":{"default":"./dist/ui-lib.css"}},"scripts":{"build":"vite build","prepare":"npm run build"},"_npmUser":{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"},"repository":{"url":"git+https://github.com/you/ui-lib.git","type":"git"},"_npmVersion":"11.6.0","description":"Tiny React UI library built with Vite","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.17.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^18.2.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.2.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-new-lib_1.0.3_1759698699936_0.42320960166480304","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@elvin75/ui-new-lib","version":"1.0.4","keywords":["react","vite","ui","components"],"license":"MIT","_id":"@elvin75/ui-new-lib@1.0.4","maintainers":[{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"}],"homepage":"https://github.com/you/ui-lib#readme","bugs":{"url":"https://github.com/you/ui-lib/issues"},"dist":{"shasum":"c6e1cd51ecfeb29b1174157251f3ac4d4c4f11cb","tarball":"https://registry.npmjs.org/@elvin75/ui-new-lib/-/ui-new-lib-1.0.4.tgz","fileCount":8,"integrity":"sha512-XxuDQH8JF6vUCkCQunoTT/FpEb9kOBhcKTenhpeMIZX5bCD6gM0z6RTNjBWOaCl07lQc0xkcNSGkkyo2JNimEw==","signatures":[{"sig":"MEQCIAZgP4tk98MMWq2ZoOnsOABavVKwjkAuHZrhk/xwYND1AiAJ8uJntbDwpHh7oBMMFQLza2kraE4yp9wRMkrY4YiDUQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":68365},"main":"dist/ui-lib.cjs.js","type":"module","style":"dist/ui-lib.css","types":"dist/index.d.ts","module":"dist/ui-lib.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/ui-lib.es.js","default":"./dist/ui-lib.es.js","require":"./dist/ui-lib.cjs.js"},"./dist/*":"./dist/*","./style.css":{"default":"./dist/ui-lib.css"}},"scripts":{"build":"vite build","prepare":"npm run build"},"_npmUser":{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"},"repository":{"url":"git+https://github.com/you/ui-lib.git","type":"git"},"_npmVersion":"11.6.0","description":"Tiny React UI library built with Vite","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.17.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","typescript":"^5.0.0","@types/react":"^18.2.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.2.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ui-new-lib_1.0.4_1759698813106_0.8282659873395923","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@elvin75/ui-new-lib","version":"1.0.5","description":"Tiny React UI library built with Vite","type":"module","main":"dist/ui-lib.cjs.js","module":"dist/ui-lib.es.js","types":"dist/index.d.ts","style":"dist/ui-lib.css","sideEffects":["**/*.css"],"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/ui-lib.es.js","require":"./dist/ui-lib.cjs.js","default":"./dist/ui-lib.es.js"},"./style.css":{"default":"./dist/ui-lib.css"},"./dist/*":"./dist/*"},"scripts":{"build":"vite build","prepare":"npm run build"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"devDependencies":{"@types/react":"^18.2.0","@types/react-dom":"^18.2.0","typescript":"^5.0.0","vite":"^5.0.0","vite-plugin-dts":"^4.0.0"},"keywords":["react","vite","ui","components"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/you/ui-lib.git"},"bugs":{"url":"https://github.com/you/ui-lib/issues"},"homepage":"https://github.com/you/ui-lib#readme","_id":"@elvin75/ui-new-lib@1.0.5","_nodeVersion":"22.17.1","_npmVersion":"11.6.0","dist":{"integrity":"sha512-rj2IIgob/x4z4TIsMav2eGLO/zixdYe7/wCtnMBQI6wR0kQ+AAr3T7L6MBfQT7NA1YYJivyQ/hwwMSLUmt4jtg==","shasum":"f793920021ee6abdfa1008c0acf77ed8481ac66c","tarball":"https://registry.npmjs.org/@elvin75/ui-new-lib/-/ui-new-lib-1.0.5.tgz","fileCount":8,"unpackedSize":68134,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFuwrADUFGQignhuI2tBOmOhqLKyiIuZRrcRZ5DY82AWAiEA0vGgmxZndz54xEWxjOfcGevhi5HoaY69Fb2dUAd3B3I="}]},"_npmUser":{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"},"directories":{},"maintainers":[{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui-new-lib_1.0.5_1759698983294_0.9202495123547036"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-05T20:45:48.402Z","modified":"2025-10-05T21:16:23.687Z","1.0.0":"2025-10-05T20:45:48.743Z","1.0.1":"2025-10-05T20:58:41.115Z","1.0.2":"2025-10-05T21:10:48.343Z","1.0.3":"2025-10-05T21:11:40.153Z","1.0.4":"2025-10-05T21:13:33.285Z","1.0.5":"2025-10-05T21:16:23.512Z"},"bugs":{"url":"https://github.com/you/ui-lib/issues"},"license":"MIT","homepage":"https://github.com/you/ui-lib#readme","keywords":["react","vite","ui","components"],"repository":{"type":"git","url":"git+https://github.com/you/ui-lib.git"},"description":"Tiny React UI library built with Vite","maintainers":[{"name":"elvin75","email":"cabbarli.elvin75@gmail.com"}],"readme":"# @elvin75/ui-new-lib\r\n\r\nA lightweight and reusable **React UI component library** built with **Vite**, **TypeScript**, and **CSS**.  \r\nPerfect for sharing UI components across multiple React apps.\r\n\r\n---\r\n\r\n## 🚀 Features\r\n\r\n- ⚡ Built with **Vite** — super fast bundling\r\n- 💅 Includes **CSS styles** packaged together\r\n- 🧱 Modular & reusable React components\r\n- 🪶 Ships as both **ESM** and **CJS** formats\r\n- 🧩 Fully typed with **TypeScript**\r\n- 🌐 Compatible with **React 18+** and **React 19+**\r\n- 🧹 Tree-shakable (CSS preserved using `sideEffects`)\r\n\r\n---\r\n\r\n## 📦 Installation\r\n\r\nInstall the package from **npm**:\r\n\r\n```bash\r\nnpm install @elvin75/ui-new-lib\r\n# or\r\nyarn add @elvin75/ui-new-lib\r\n```\r\n\r\n> ⚠️ Note: `react` and `react-dom` are **peer dependencies** and must be installed in your project.\r\n\r\n---\r\n\r\n## 🧱 Usage Example\r\n\r\n### Import component and styles\r\n\r\n```tsx\r\nimport React from \"react\";\r\nimport { Button } from \"@elvin75/ui-new-lib\";\r\nimport \"@elvin75/ui-new-lib/style.css\";\r\n\r\nexport default function App() {\r\n  return (\r\n    <div style={{ padding: 24 }}>\r\n      <Button variant=\"primary\">Primary</Button>\r\n      <Button variant=\"secondary\" style={{ marginLeft: 8 }}>\r\n        Secondary\r\n      </Button>\r\n      <Button variant=\"ghost\" style={{ marginLeft: 8 }}>\r\n        Ghost\r\n      </Button>\r\n    </div>\r\n  );\r\n}\r\n```\r\n\r\n---\r\n\r\n## 🎨 Components\r\n\r\n### 🔘 Button\r\n\r\nA flexible button component that supports multiple variants.\r\n\r\n```tsx\r\n<Button variant=\"primary\">Click Me</Button>\r\n<Button variant=\"secondary\">Cancel</Button>\r\n<Button variant=\"ghost\">Ghost</Button>\r\n```\r\n\r\n#### Props\r\n\r\n| Prop        | Type                                  | Default     | Description                     |\r\n| ----------- | ------------------------------------- | ----------- | ------------------------------- |\r\n| `variant`   | `\"primary\" \\| \"secondary\" \\| \"ghost\"` | `\"primary\"` | Visual style of the button      |\r\n| `className` | `string`                              | `\"\"`        | Add custom CSS classes          |\r\n| `...rest`   | Native `<button>` props               | —           | Forwarded to the button element |\r\n\r\n---\r\n\r\n## 🧩 Import Map\r\n\r\n| Import                          | Description                    |\r\n| ------------------------------- | ------------------------------ |\r\n| `@elvin75/ui-new-lib`           | JavaScript module (components) |\r\n| `@elvin75/ui-new-lib/style.css` | Compiled library CSS           |\r\n\r\n---\r\n\r\n## 🛠 Local Development (for contributors)\r\n\r\nIf you want to build or test locally:\r\n\r\n```bash\r\n# clone repo\r\ngit clone https://github.com/yourname/ui-new-lib.git\r\ncd ui-new-lib\r\n\r\n# install dependencies\r\nnpm install\r\n\r\n# build the library\r\nnpm run build\r\n```\r\n\r\nOutput files will be generated in the `dist/` directory:\r\n\r\n```\r\ndist/\r\n ├── ui-lib.es.js\r\n ├── ui-lib.cjs.js\r\n ├── ui-lib.css\r\n ├── index.d.ts\r\n```\r\n\r\nYou can then test it locally in another React app:\r\n\r\n```bash\r\nnpm pack\r\n# then install the generated .tgz file into another project:\r\nnpm install ../ui-new-lib/elvin75-ui-new-lib-1.0.0.tgz\r\n```\r\n\r\n---\r\n\r\n## 📤 Publishing (for maintainers)\r\n\r\n```bash\r\nnpm version patch     # bump version\r\nnpm publish --access public\r\n```\r\n\r\n> The `prepare` script automatically runs `vite build` before publishing.\r\n\r\n---\r\n\r\n## ⚙️ Tech Stack\r\n\r\n- 🧠 [Vite](https://vitejs.dev/)\r\n- ⚛️ [React](https://react.dev/)\r\n- 🌀 [TypeScript](https://www.typescriptlang.org/)\r\n- 🧩 [vite-plugin-dts](https://www.npmjs.com/package/vite-plugin-dts)\r\n\r\n---\r\n\r\n## 📄 License\r\n\r\n[MIT](LICENSE)\r\n\r\n© 2025 [@elvin75](https://www.npmjs.com/~elvin75) — Open Source and free to use.\r\n","readmeFilename":"README.md"}