{"_id":"@aledev-org/npm_lib_react_008_rollup_ok","_rev":"1-19a7f0ffe6e931672043f0aacb7cb20d","name":"@aledev-org/npm_lib_react_008_rollup_ok","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@aledev-org/npm_lib_react_008_rollup_ok","version":"0.0.1","keywords":["react","typescript","tailwind.css"],"author":{"name":"Alejandro"},"license":"MIT","_id":"@aledev-org/npm_lib_react_008_rollup_ok@0.0.1","maintainers":[{"name":"devboljs","email":"mauriciorojas.auxiliar@outlook.com"}],"homepage":"https://github.com/alxmcr/npm_lib_react_008_rollup_ok#readme","bugs":{"url":"https://github.com/alxmcr/npm_lib_react_008_rollup_ok/issues"},"dist":{"shasum":"7e2d73db1885dc903230b3dee38e310c0226ba04","tarball":"https://registry.npmjs.org/@aledev-org/npm_lib_react_008_rollup_ok/-/npm_lib_react_008_rollup_ok-0.0.1.tgz","fileCount":19,"integrity":"sha512-KEk2WIfPNTL5rsqJBJPup+lRCddn7s//T0LKgrqoxeN7T8HOxw3KJi4msw/GB/vgDP2/zF3zxtIEUE5IxnjcOw==","signatures":[{"sig":"MEQCIARt30StJmI+M2GL4qOXBo94GNoDP25NhxvLouy+v/60AiBU+FHy6cA9YWialxw6uhhjMBneuTSRB9ijwpSC7+C7Xw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":539494},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"bf602de5a12c9a411a1c4198a170930e991c2482","private":false,"scripts":{"build":"rollup -c","clean":"rimraf dist","storybook":"storybook dev -p 6006","prepublishOnly":"npm run clean && npm run build","build-storybook":"storybook build"},"_npmUser":{"name":"devboljs","email":"mauriciorojas.auxiliar@outlook.com"},"repository":{"url":"git+https://github.com/alxmcr/npm_lib_react_008_rollup_ok.git","type":"git"},"_npmVersion":"10.8.1","description":"React component library","directories":{},"_nodeVersion":"20.16.0","dependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"rollup":"^4.21.1","postcss":"^8.4.41","storybook":"^8.2.9","typescript":"^5.5.4","tailwindcss":"^3.4.10","@types/react":"^18.3.4","autoprefixer":"^10.4.20","@storybook/test":"^8.2.9","@storybook/react":"^8.2.9","@types/react-dom":"^18.3.0","@storybook/blocks":"^8.2.9","@rollup/plugin-terser":"^0.4.4","@storybook/react-vite":"^8.2.9","rollup-plugin-postcss":"^4.0.2","@storybook/addon-links":"^8.2.9","@rollup/plugin-commonjs":"^26.0.1","@chromatic-com/storybook":"^1.7.0","@rollup/plugin-typescript":"^11.1.6","@rollup/plugin-node-resolve":"^15.2.3","@storybook/addon-essentials":"^8.2.9","@storybook/addon-onboarding":"^8.2.9","@storybook/addon-interactions":"^8.2.9","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/npm_lib_react_008_rollup_ok_0.0.1_1724824222473_0.046083892186778774","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@aledev-org/npm_lib_react_008_rollup_ok","version":"0.0.2","description":"React component library","private":false,"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"build":"rollup -c","clean":"rimraf dist","prepublishOnly":"npm run clean && npm run build","storybook":"storybook dev -p 6006","build-storybook":"storybook build"},"dependencies":{"react":"^18.3.1","react-dom":"^18.3.1"},"devDependencies":{"@chromatic-com/storybook":"^1.7.0","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.6","@storybook/addon-essentials":"^8.2.9","@storybook/addon-interactions":"^8.2.9","@storybook/addon-links":"^8.2.9","@storybook/addon-onboarding":"^8.2.9","@storybook/blocks":"^8.2.9","@storybook/react":"^8.2.9","@storybook/react-vite":"^8.2.9","@storybook/test":"^8.2.9","@types/react":"^18.3.4","@types/react-dom":"^18.3.0","autoprefixer":"^10.4.20","postcss":"^8.4.41","rollup":"^4.21.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","storybook":"^8.2.9","tailwindcss":"^3.4.10","typescript":"^5.5.4"},"repository":{"type":"git","url":"git+https://github.com/alxmcr/npm_lib_react_008_rollup_ok.git"},"keywords":["react","typescript","tailwind.css"],"author":{"name":"Alejandro"},"license":"MIT","bugs":{"url":"https://github.com/alxmcr/npm_lib_react_008_rollup_ok/issues"},"homepage":"https://github.com/alxmcr/npm_lib_react_008_rollup_ok#readme","_id":"@aledev-org/npm_lib_react_008_rollup_ok@0.0.2","gitHead":"333e5c35a2294c7e8b4f22aa4ed58535d335b23b","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-m+kPZNQIsTTiXSHGfz320Y2AdnSNUwEI+1mRq5V0kJYKq87bZizKaq+EtChVsFPJibZbwDSMl4V8KqPTXJbtIw==","shasum":"21f1bb4abd189ece5ab3bf14eaad716f3027c4e2","tarball":"https://registry.npmjs.org/@aledev-org/npm_lib_react_008_rollup_ok/-/npm_lib_react_008_rollup_ok-0.0.2.tgz","fileCount":19,"unpackedSize":540019,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGxfZAAXfAzWgWnPZ7md36C3YQs1W5s/uTJ6zYM/Vj7YAiEA8E31om3+/VwX5or59e+97+6rNnt8EsvfMGOu1xJXWU8="}]},"_npmUser":{"name":"devboljs","email":"mauriciorojas.auxiliar@outlook.com"},"directories":{},"maintainers":[{"name":"devboljs","email":"mauriciorojas.auxiliar@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/npm_lib_react_008_rollup_ok_0.0.2_1724825304325_0.23521858098318793"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-28T05:50:22.382Z","modified":"2024-08-28T06:08:24.748Z","0.0.1":"2024-08-28T05:50:22.687Z","0.0.2":"2024-08-28T06:08:24.531Z"},"bugs":{"url":"https://github.com/alxmcr/npm_lib_react_008_rollup_ok/issues"},"author":{"name":"Alejandro"},"license":"MIT","homepage":"https://github.com/alxmcr/npm_lib_react_008_rollup_ok#readme","keywords":["react","typescript","tailwind.css"],"repository":{"type":"git","url":"git+https://github.com/alxmcr/npm_lib_react_008_rollup_ok.git"},"description":"React component library","maintainers":[{"name":"devboljs","email":"mauriciorojas.auxiliar@outlook.com"}],"readme":"# npm_lib_react_008_rollup_ok\r\n\r\n<div style=\"display: flex; gap: 1rem; align-items: 'center';\">\r\n<a href=\"https://www.npmjs.com/package/@aledev-org/npm_lib_react_008_rollup_ok\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n    <img alt=\"NPM Version\" src=\"https://img.shields.io/npm/v/@aledev-org/npm_lib_react_008_rollup_ok\">\r\n</a>\r\n\r\n<a href=\"https://www.npmjs.com/package/@aledev-org/npm_lib_react_008_rollup_ok\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n    <img alt=\"NPM Downloads\" src=\"https://img.shields.io/npm/dw/@aledev-org/npm_lib_react_008_rollup_ok\">\r\n</a>\r\n</div>\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @aledev-org/npm_lib_react_008_rollup_ok\r\n```\r\n\r\n## Usage\r\n\r\n## Import Global CSS (about Traditional CSS)\r\n\r\n```tsx\r\n// src/main.tsx;\r\nimport React from \"react\";\r\nimport ReactDOM from \"react-dom/client\";\r\nimport App from \"./App.tsx\";\r\nimport \"./index.css\";\r\n// CSS file from my component library\r\nimport \"@aledev-org/npm_lib_react_008_rollup_ok/dist/index.css\";\r\n\r\nReactDOM.createRoot(document.getElementById(\"root\")!).render(\r\n  <React.StrictMode>\r\n    <App />\r\n  </React.StrictMode>\r\n);\r\n```\r\n\r\n## `App.tsx`\r\n\r\n```tsx\r\n// src/App.tsx\r\nimport { Button, Badge } from \"@aledev-org/npm_lib_react_008_rollup_ok\";\r\n\r\nfunction App() {\r\n  return (\r\n    <div>\r\n      <Button\r\n        text=\"Click Me\"\r\n        variant=\"secondary\"\r\n        onClick={() => alert(\"Clicked!\")}\r\n      />\r\n      <Badge label=\"hola!\" variant=\"cyan\" />\r\n      <Badge label=\"world!\" variant=\"green\" />\r\n    </div>\r\n  );\r\n}\r\n```\r\n\r\n## Show tree `dist` folder\r\n\r\n```bash\r\ntree node_modules/@aledev-org/npm_lib_react_008_rollup_ok/dist\r\n\r\ntree ./dist\r\n```","readmeFilename":"README.md"}