{"_id":"react-uix","_rev":"44-3b3b0b0d0248510c9b4bc2316bfb7194","name":"react-uix","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"react-uix","version":"1.0.0","keywords":["index","react","reusable components","Alert","Button","Badge","react-uix"],"license":"ISC","_id":"react-uix@1.0.0","maintainers":[{"name":"prathmeshshinde","email":"prathmeshshinde105@gmail.com"}],"dist":{"shasum":"9d732a0b33b52f7b1875b2a293bd827f9b58791b","tarball":"https://registry.npmjs.org/react-uix/-/react-uix-1.0.0.tgz","fileCount":22,"integrity":"sha512-P5LHWiNwOmv/XA12JnMXXkVeJRtMWeG7uC2AHWvcpqE1bR2B9HBoOXgkLfKm8+Z+CaVdLVV2K6OY71SGaLIunw==","signatures":[{"sig":"MEYCIQDnPx6mxRxoQdVdBZTHV0CqxDabSnHiUlRbM9SslhPS6AIhANV77014R29qIz0gwAKES2iQ9sLiMAwl5579FYO1oDiJ","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":155453},"main":"dist/index.js","type":"commonjs","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"71fda039f662d240c61915d11194770fa197aaf8","scripts":{"rollup":"rollup -c --bundleConfigAsCjs"},"_npmUser":{"name":"prathmeshshinde","email":"prathmeshshinde105@gmail.com"},"_npmVersion":"11.0.0","description":"Reusable React Components","directories":{},"_nodeVersion":"22.12.0","dependencies":{"rollup":"^4.35.0","@types/react":"^19.0.10","rollup-plugin-postcss":"^4.0.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.0.0","tslib":"^2.8.1","typescript":"^5.8.2","rollup-plugin-dts":"^6.1.1","@rollup/plugin-url":"^8.0.2","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-commonjs":"^28.0.3","@rollup/plugin-typescript":"^12.1.2","@rollup/plugin-node-resolve":"^16.0.1","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-uix_1.0.0_1743006740450_0.8822686592629989","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"react-uix","version":"1.0.1","keywords":["index","react","reusable components","Alert","Button","Badge","react-uix"],"license":"ISC","_id":"react-uix@1.0.1","maintainers":[{"name":"prathmeshshinde","email":"prathmeshshinde105@gmail.com"}],"dist":{"shasum":"4ec3de7077542662bd50238254ba1ae3cc7e91cc","tarball":"https://registry.npmjs.org/react-uix/-/react-uix-1.0.1.tgz","fileCount":22,"integrity":"sha512-qOYBfnlVz3PWQrG4uDHWo7uhsKAFR5AudT40fbslB9zVI8wn6tInBySoZB1Xl60tjPtbaH85C+0bPFmV0n/itg==","signatures":[{"sig":"MEQCIH0kmGb7apxnhPEnPlfdUlXLufUCJfLLnpCcv1s8WNJSAiBSpFGoprAG+ELDHyfnZASbKXC3Q1tx27eOI8KdaYP47g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":155350},"main":"dist/index.js","type":"commonjs","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"71fda039f662d240c61915d11194770fa197aaf8","scripts":{"rollup":"rollup -c --bundleConfigAsCjs"},"_npmUser":{"name":"prathmeshshinde","email":"prathmeshshinde105@gmail.com"},"_npmVersion":"11.0.0","description":"Reusable React Components","directories":{},"_nodeVersion":"22.12.0","dependencies":{"rollup":"^4.35.0","@types/react":"^19.0.10","rollup-plugin-postcss":"^4.0.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.0.0","tslib":"^2.8.1","typescript":"^5.8.2","rollup-plugin-dts":"^6.1.1","@rollup/plugin-url":"^8.0.2","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-commonjs":"^28.0.3","@rollup/plugin-typescript":"^12.1.2","@rollup/plugin-node-resolve":"^16.0.1","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-uix_1.0.1_1743006970066_0.9557245008589987","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"react-uix","version":"1.0.2","keywords":["index","react","reusable components","Alert","Button","Badge","react-uix"],"license":"ISC","_id":"react-uix@1.0.2","maintainers":[{"name":"prathmeshshinde","email":"prathmeshshinde105@gmail.com"}],"dist":{"shasum":"a86deeec86a06f35114e80c59a88d52afb0b984e","tarball":"https://registry.npmjs.org/react-uix/-/react-uix-1.0.2.tgz","fileCount":29,"integrity":"sha512-XAZR2ArQkyNZ/0ERVUr6YLCaXP5YEMLJHD3lewE87PMSWLfPhurmVIccxqrJ9kmFryJJiBEcgawRn8ttU/KFcg==","signatures":[{"sig":"MEQCIDiIQftq4MimH6g7BiGfn9uEEDOPWHruaepm/chN8kIHAiALOcZAf/ueccLz0+IarTvsCixZOX48Fp2TwW/EvvHjHQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":170818},"main":"dist/index.js","type":"commonjs","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"71fda039f662d240c61915d11194770fa197aaf8","scripts":{"rollup":"rollup -c --bundleConfigAsCjs"},"_npmUser":{"name":"prathmeshshinde","email":"prathmeshshinde105@gmail.com"},"_npmVersion":"11.0.0","description":"Reusable React Components","directories":{},"_nodeVersion":"22.12.0","dependencies":{"rollup":"^4.35.0","@types/react":"^19.0.10","rollup-plugin-postcss":"^4.0.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.0.0","tslib":"^2.8.1","typescript":"^5.8.2","rollup-plugin-dts":"^6.1.1","@rollup/plugin-url":"^8.0.2","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-commonjs":"^28.0.3","@rollup/plugin-typescript":"^12.1.2","@rollup/plugin-node-resolve":"^16.0.1","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-uix_1.0.2_1743099205946_0.8637358716099779","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"react-uix","version":"1.0.3","keywords":["index","react","reusable components","Alert","Button","Badge","react-uix"],"license":"ISC","_id":"react-uix@1.0.3","maintainers":[{"name":"prathmeshshinde","email":"prathmeshshinde105@gmail.com"}],"dist":{"shasum":"a59662f83a23837b51209e0412a0bf699b969d74","tarball":"https://registry.npmjs.org/react-uix/-/react-uix-1.0.3.tgz","fileCount":31,"integrity":"sha512-cafhvz3botaWLrPRzPM9Na2/Q1FtzRgZKbWI1Ugd9k095hn7A5IbVAlG84aVkOi5gfixSQce/t/ZjV0Gk3VvwQ==","signatures":[{"sig":"MEUCIQD3vokAYs+4ZX3Is8Wt4r7J+9BG0g5k9snpZ4zvuIlyvwIgDJA1ZePv40jLt/Gc43FX//XYUXyD++VJOM6ScwsSaG0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":177305},"main":"dist/index.js","type":"commonjs","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"b07a9988cc2366eb47f4ecd380d164f28f431b81","scripts":{"rollup":"rollup -c --bundleConfigAsCjs"},"_npmUser":{"name":"prathmeshshinde","email":"prathmeshshinde105@gmail.com"},"_npmVersion":"11.0.0","description":"Reusable React Components","directories":{},"_nodeVersion":"22.12.0","dependencies":{"rollup":"^4.35.0","@types/react":"^19.0.10","rollup-plugin-postcss":"^4.0.2"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.0.0","tslib":"^2.8.1","typescript":"^5.8.2","rollup-plugin-dts":"^6.1.1","@rollup/plugin-url":"^8.0.2","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-commonjs":"^28.0.3","@rollup/plugin-typescript":"^12.1.2","@rollup/plugin-node-resolve":"^16.0.1","rollup-plugin-peer-deps-external":"^2.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-uix_1.0.3_1743435850285_0.21470312184021179","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"react-uix","version":"1.0.4","description":"Reusable React Components","license":"ISC","type":"commonjs","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","scripts":{"rollup":"rollup -c --bundleConfigAsCjs"},"keywords":["index","react","reusable components","Alert","Button","Badge","react-uix"],"devDependencies":{"@rollup/plugin-commonjs":"^28.0.3","@rollup/plugin-node-resolve":"^16.0.1","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^12.1.2","@rollup/plugin-url":"^8.0.2","react":"^19.0.0","rollup-plugin-dts":"^6.1.1","rollup-plugin-peer-deps-external":"^2.2.4","tslib":"^2.8.1","typescript":"^5.8.2"},"dependencies":{"@types/react":"^19.0.10","rollup":"^4.35.0","rollup-plugin-postcss":"^4.0.2"},"_id":"react-uix@1.0.4","gitHead":"b07a9988cc2366eb47f4ecd380d164f28f431b81","_nodeVersion":"22.12.0","_npmVersion":"11.0.0","dist":{"integrity":"sha512-XW6F/JuIs0Sx/4Lna3N/4qOaEJCRnV3CDSOIoPhT+0OTzBbx3aLxX0Ir7sagNYwAKH2IzTdYhlw+ButPX1b4QQ==","shasum":"3bc9562e3339737cce6b34479ea31c8df6cd86c8","tarball":"https://registry.npmjs.org/react-uix/-/react-uix-1.0.4.tgz","fileCount":31,"unpackedSize":178467,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICD+PJZsX57Gy4Ip5I213MQnsCKO6HiW0wFkM+r7YF91AiEAr4mzjG9lSBumvtgJxr+19bSJSKScixekME+4BQLEBlA="}]},"_npmUser":{"name":"prathmeshshinde","email":"prathmeshshinde105@gmail.com"},"directories":{},"maintainers":[{"name":"prathmeshshinde","email":"prathmeshshinde105@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-uix_1.0.4_1743441855222_0.07418134536779597"},"_hasShrinkwrap":false}},"time":{"created":"2025-03-26T16:32:20.450Z","modified":"2025-03-31T17:24:15.655Z","0.0.2":"2019-06-01T00:09:07.956Z","0.0.8":"2019-06-01T00:09:46.667Z","0.0.9":"2019-06-01T17:34:20.533Z","0.0.10":"2019-06-02T04:29:33.138Z","0.0.11":"2019-06-02T04:33:09.486Z","0.0.12":"2019-06-02T20:11:13.161Z","0.0.13":"2019-07-03T16:39:00.255Z","0.0.14":"2019-07-03T17:13:32.262Z","0.0.15":"2019-07-03T17:18:48.332Z","0.0.16":"2019-08-06T01:43:38.605Z","0.0.18":"2019-08-06T02:04:40.316Z","0.0.19":"2019-08-07T21:18:47.933Z","0.0.20":"2019-08-07T21:27:04.511Z","0.0.21":"2019-08-08T03:28:52.111Z","0.0.22":"2019-08-08T04:31:24.062Z","0.0.23":"2020-02-15T20:50:31.470Z","0.0.24":"2020-02-16T02:56:50.468Z","0.0.25":"2020-02-16T04:12:02.296Z","0.0.26":"2020-02-19T00:34:07.367Z","0.0.27":"2020-02-22T16:46:48.898Z","0.0.31":"2020-02-29T19:24:15.419Z","0.0.34":"2020-02-29T19:43:09.800Z","0.0.36":"2020-02-29T19:48:10.074Z","0.0.37":"2020-03-01T21:37:21.638Z","0.0.42":"2020-03-08T00:06:18.920Z","0.0.43":"2020-03-08T00:14:08.274Z","0.0.45":"2020-03-08T01:50:27.142Z","0.0.46":"2020-03-08T03:05:10.941Z","0.1.0":"2020-03-08T03:36:27.919Z","0.1.1":"2020-03-08T06:45:46.707Z","0.1.2":"2020-03-08T06:52:48.415Z","0.1.3":"2020-03-08T07:02:31.406Z","0.1.5":"2020-03-08T07:48:33.472Z","0.1.7":"2020-03-18T02:03:52.790Z","0.1.8":"2020-03-18T02:50:06.686Z","0.1.9":"2020-03-18T02:59:28.596Z","1.0.0":"2025-03-26T16:32:20.752Z","1.0.1":"2025-03-26T16:36:10.278Z","1.0.2":"2025-03-27T18:13:26.147Z","1.0.3":"2025-03-31T15:44:10.495Z","1.0.4":"2025-03-31T17:24:15.517Z"},"license":"ISC","keywords":["index","react","reusable components","Alert","Button","Badge","react-uix"],"description":"Reusable React Components","maintainers":[{"name":"prathmeshshinde","email":"prathmeshshinde105@gmail.com"}],"readme":"# React UIX\r\n\r\nReusable React Components\r\n\r\n## Installation\r\n\r\nTo install the package, run:\r\n\r\n```sh\r\nnpm install react-uix\r\n```\r\n\r\n## Usage\r\n\r\n### Button Component\r\n\r\n```tsx\r\nimport React from \"react\";\r\nimport { Button } from \"react-uix\";\r\n\r\nconst App = () => (\r\n  <Button type=\"primary\" size=\"large\">\r\n    Click Me\r\n  </Button>\r\n);\r\n\r\nexport default App;\r\n```\r\n\r\n#### Button Props\r\n\r\n- **type**: `primary` | `secondary` | `danger`\r\n- **size**: `small` | `default` | `large`\r\n- **htmlType**: `button` | `submit` | `reset`\r\n- **className**: string;\r\n- **onClick**: function (Callback function triggered on button click);\r\n\r\n### Alert Component\r\n\r\n```tsx\r\nimport React from \"react\";\r\nimport { Alert } from \"react-uix\";\r\n\r\nconst App = () => (\r\n  <Alert type=\"success\" message=\"This is a success alert!\" closable />\r\n);\r\n\r\nexport default App;\r\n```\r\n\r\n#### Alert Props\r\n\r\n- **type**: `success` | `danger` | `warning` | `info`\r\n- **message**: string\r\n- **closable**: boolean\r\n\r\n### Badge Component\r\n\r\n```tsx\r\nimport React from \"react\";\r\nimport { Badge } from \"react-uix\";\r\n\r\nconst App = () => <Badge variant=\"secondary\">New</Badge>;\r\n\r\nexport default App;\r\n```\r\n\r\n#### Badge Props\r\n\r\n- **variant**: `secondary` | `outline` | `danger`\r\n\r\n### Card Component\r\n\r\n```tsx\r\nimport React from \"react\";\r\nimport {\r\n  Card,\r\n  CardContent,\r\n  CardDescription,\r\n  CardFooter,\r\n  CardHeader,\r\n  CardTitle,\r\n} from \"react-uix\";\r\n\r\nconst App = () => (\r\n  <Card className=\"edit-card\">\r\n    <CartHeader>\r\n      <CardTitle>Card Title</CardTitle>\r\n      <CardDescription>Card Description</CardDescription>\r\n    </CartHeader>\r\n    <CardContent>// Add card content here</CardContent>\r\n    <CardFooter>// Add footer content here</CardFooter>\r\n  </Card>\r\n);\r\n\r\nexport default App;\r\n```\r\n\r\n#### Card Props\r\n\r\n- **className**: string (pass a className and change the styling)\r\n\r\n### Input Component\r\n\r\n```tsx\r\nimport React from \"react\";\r\nimport { Input } from \"react-uix\";\r\n\r\nconst App = () => (\r\n  <Input\r\n    type=\"text\"\r\n    placeholder=\"Enter your name\"\r\n    value=\"joe\"\r\n    onChange={(value) => console.log(value)}\r\n  />\r\n);\r\n\r\nexport default App;\r\n```\r\n\r\n#### Input Props\r\n\r\n- **type**: `text` | `password` | `email` | `number` (Specifies the type of input)\r\n- **placeholder**: string (Placeholder text for the input field)\r\n- **value**: string (The current value of the input field)\r\n- **onChange**: function (Callback function triggered when the input value changes)\r\n- **className**: string\r\n- **defaultValue**: string (The default value of the input field)\r\n\r\n## Components\r\n\r\n- **Button**: A customizable button component.\r\n- **Alert**: A dismissible alert component.\r\n- **Badge**: A badge component for displaying status or counts.\r\n- **Card**: A card component for displaying content in a bordered container.\r\n- **Input**: A flexible input field component.\r\n","readmeFilename":"README.md"}