{"_id":"@archanatiwari/ui","_rev":"5-b204e4410eed307d69104425d48b6424","name":"@archanatiwari/ui","dist-tags":{"latest":"1.1.3"},"versions":{"1.0.12":{"name":"@archanatiwari/ui","version":"1.0.12","_id":"@archanatiwari/ui@1.0.12","maintainers":[{"name":"archanatiwari","email":"archanatiwari01121993@gmail.com"}],"dist":{"shasum":"6b7a0c782b73978839b4b05c2e3c5529dd0b6c72","tarball":"https://registry.npmjs.org/@archanatiwari/ui/-/ui-1.0.12.tgz","fileCount":16,"integrity":"sha512-i60UdmwSssCe0ZVf0iNkP3SKN6L4ID2Bfw79Q6+LUzIaSBE0J14zLc7gkQPpGBkcj+nBuZ447nNj5L0GQzlMGA==","signatures":[{"sig":"MEUCIQCykbpaR/x/31cv/RrJqXeerEi0jfNjZ4qVRwFEpmBKMAIgGjbz4TT8S2HlNwqtxQ73bLHI3zYwLVqjWcTHTIqCzuI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":26799},"type":"module","types":"./dist/index.d.ts","module":"./dist/archana-ui.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/archana-ui.js","default":"./dist/archana-ui.js"},"./dist/archana-ui.css":"./dist/archana-ui.css"},"private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"vite build && tsc --project tsconfig.app.json --emitDeclarationOnly","preview":"vite preview"},"_npmUser":{"name":"archanatiwari","email":"archanatiwari01121993@gmail.com"},"_npmVersion":"10.9.2","description":"A reusable React UI component library built with **React, TypeScript, and Vite**.","directories":{},"_nodeVersion":"22.13.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.4","react":"^19.2.4","eslint":"^9.39.4","globals":"^17.4.0","react-dom":"^19.2.4","@eslint/js":"^9.39.4","typescript":"~6.0.2","@types/node":"^24.12.2","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.58.0","@vitejs/plugin-react":"^6.0.1","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.0.12_1775586667102_0.637842332499359","host":"s3://npm-registry-packages-npm-production"}},"1.0.13":{"name":"@archanatiwari/ui","version":"1.0.13","_id":"@archanatiwari/ui@1.0.13","maintainers":[{"name":"archanatiwari","email":"archanatiwari01121993@gmail.com"}],"dist":{"shasum":"d86aac974fdae6f5f52d4332c544bb6e6562334d","tarball":"https://registry.npmjs.org/@archanatiwari/ui/-/ui-1.0.13.tgz","fileCount":16,"integrity":"sha512-+jRpN4aViX8L3+Te5bl/8Ky/1F+9k4vW46bfMwBE78GxxiywFbzlFZHPNer/mW3o8+YbgBAD88dXEh22qeLdxQ==","signatures":[{"sig":"MEUCIQCipDQOoW2ORWQn5yT/vQi3UGac4k3sg+/iHWK7oosNdwIgJ3+3uRSS8b1evzI7HpHeSkUYDzrbswM2jly0T165izo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":26783},"type":"module","types":"./dist/index.d.ts","module":"./dist/archana-ui.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/archana-ui.js","default":"./dist/archana-ui.js"},"./dist/ui.css":"./dist/ui.css"},"private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"vite build && tsc --project tsconfig.app.json --emitDeclarationOnly","preview":"vite preview"},"_npmUser":{"name":"archanatiwari","email":"archanatiwari01121993@gmail.com"},"_npmVersion":"10.9.2","description":"A reusable React UI component library built with **React, TypeScript, and Vite**.","directories":{},"_nodeVersion":"22.13.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.4","react":"^19.2.4","eslint":"^9.39.4","globals":"^17.4.0","react-dom":"^19.2.4","@eslint/js":"^9.39.4","typescript":"~6.0.2","@types/node":"^24.12.2","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.58.0","@vitejs/plugin-react":"^6.0.1","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.0.13_1775587113191_0.045744656199407485","host":"s3://npm-registry-packages-npm-production"}},"1.0.14":{"name":"@archanatiwari/ui","version":"1.0.14","_id":"@archanatiwari/ui@1.0.14","maintainers":[{"name":"archanatiwari","email":"archanatiwari01121993@gmail.com"}],"dist":{"shasum":"7faac00fc117844f5bce08a3549af231fefe32b6","tarball":"https://registry.npmjs.org/@archanatiwari/ui/-/ui-1.0.14.tgz","fileCount":16,"integrity":"sha512-M+BxsLh3AvHzhZMbJwWyiEF+RkUW3RJ6jXg+08Jels4bXxui9Uasu0azgDr7cAJQFq4aJRQUg2vbUui41jzCjw==","signatures":[{"sig":"MEUCIFUYgC/PtzN3ZY92NWxhEz054TolCHtNb8J4bQyMG9U5AiEA1i7p7+VtmjhaLHfJpZhniZtU8yevUXmSYn5N9gIaqh4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":26759},"type":"module","types":"./dist/index.d.ts","module":"./dist/archana-ui.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/archana-ui.js","default":"./dist/archana-ui.js"},"./dist/ui.css":"./dist/ui.css"},"private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"vite build && tsc --project tsconfig.app.json --emitDeclarationOnly","preview":"vite preview"},"_npmUser":{"name":"archanatiwari","email":"archanatiwari01121993@gmail.com"},"_npmVersion":"10.9.2","description":"A reusable React UI component library built with **React, TypeScript, and Vite**.","directories":{},"_nodeVersion":"22.13.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.4","react":"^19.2.4","eslint":"^9.39.4","globals":"^17.4.0","react-dom":"^19.2.4","@eslint/js":"^9.39.4","typescript":"~6.0.2","@types/node":"^24.12.2","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.58.0","@vitejs/plugin-react":"^6.0.1","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.0.14_1775629590416_0.8956462313652118","host":"s3://npm-registry-packages-npm-production"}},"1.1.2":{"name":"@archanatiwari/ui","version":"1.1.2","_id":"@archanatiwari/ui@1.1.2","maintainers":[{"name":"archanatiwari","email":"archanatiwari01121993@gmail.com"}],"dist":{"shasum":"afd7e5c1ffe6ebec3b8c97ee5a4691aa64632a6e","tarball":"https://registry.npmjs.org/@archanatiwari/ui/-/ui-1.1.2.tgz","fileCount":17,"integrity":"sha512-hwBRmKRTy6z1ASPN+UnhrJdD3p2SOb8+2jWf7RCjOXMJT4bs3LRFgWXDRrHbtUo3PMMXok+0dXlf8HjnfsYeog==","signatures":[{"sig":"MEYCIQDXJqUt1ux0lkkkz0c9oCs32FsVjEOYQL/W6nyAcSodUQIhAKOR7FD1vWH7bkqpvSzmr8/YTtEwAz7RY3spDqfe0d1m","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":36778},"type":"module","types":"./dist/index.d.ts","module":"./dist/archana-ui.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/archana-ui.js","default":"./dist/archana-ui.js"},"./dist/ui.css":"./dist/ui.css"},"private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"vite build && tsc --project tsconfig.app.json --emitDeclarationOnly","preview":"vite preview"},"_npmUser":{"name":"archanatiwari","email":"archanatiwari01121993@gmail.com"},"_npmVersion":"10.9.2","description":"A reusable React UI component library built with **React, TypeScript, and Vite**.","directories":{},"_nodeVersion":"22.13.1","_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.4","react":"^19.2.4","eslint":"^9.39.4","globals":"^17.4.0","react-dom":"^19.2.4","@eslint/js":"^9.39.4","typescript":"~6.0.2","@types/node":"^24.12.2","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.58.0","@vitejs/plugin-react":"^6.0.1","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.1.2_1775642675200_0.6940140735140217","host":"s3://npm-registry-packages-npm-production"}},"1.1.3":{"name":"@archanatiwari/ui","private":false,"version":"1.1.3","type":"module","module":"./dist/archana-ui.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/archana-ui.js","default":"./dist/archana-ui.js"},"./dist/ui.css":"./dist/ui.css"},"scripts":{"dev":"vite","build":"vite build && tsc --project tsconfig.app.json --emitDeclarationOnly","lint":"eslint .","preview":"vite preview"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"devDependencies":{"@eslint/js":"^9.39.4","@types/node":"^24.12.2","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.1","eslint":"^9.39.4","eslint-plugin-react-hooks":"^7.0.1","eslint-plugin-react-refresh":"^0.5.2","globals":"^17.4.0","typescript":"~6.0.2","typescript-eslint":"^8.58.0","vite":"^8.0.4","react":"^19.2.4","react-dom":"^19.2.4"},"_id":"@archanatiwari/ui@1.1.3","description":"A reusable React UI component library built with **React, TypeScript, and Vite**.","_nodeVersion":"22.13.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-+VagmFmxKWL7pVp54wR76IbKBez2SUfbr9guThIA5dBkZAbKN6CzUqoFFvj0BReeKDUXEtZQyOnhT0hIU9iFPw==","shasum":"d45178277ba2d514006f1f605fd40057cb3af57e","tarball":"https://registry.npmjs.org/@archanatiwari/ui/-/ui-1.1.3.tgz","fileCount":17,"unpackedSize":36778,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFjjf9Yc5m63YZi3+Iy7udOR4PO0tjEUNQKKvQUNmi6NAiEA95Y3q4C2/vxvMorr61wZteLfTh27RKZMhLSTb+4KXlo="}]},"_npmUser":{"name":"archanatiwari","email":"archanatiwari01121993@gmail.com"},"directories":{},"maintainers":[{"name":"archanatiwari","email":"archanatiwari01121993@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui_1.1.3_1775643433178_0.4179470214789205"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-07T18:31:06.953Z","modified":"2026-04-08T10:17:13.445Z","1.0.12":"2026-04-07T18:31:07.304Z","1.0.13":"2026-04-07T18:38:33.324Z","1.0.14":"2026-04-08T06:26:30.582Z","1.1.2":"2026-04-08T10:04:35.319Z","1.1.3":"2026-04-08T10:17:13.317Z"},"description":"A reusable React UI component library built with **React, TypeScript, and Vite**.","maintainers":[{"name":"archanatiwari","email":"archanatiwari01121993@gmail.com"}],"readme":"# @archanatiwari/ui\n\nA reusable React UI component library built with **React, TypeScript, and Vite**.\n\n🚀 Designed for scalable, customizable, and modern UI development.\n\n---\n\n## ✨ Features\n\n- Controlled component architecture\n- Fully typed with TypeScript\n- Reusable and customizable\n- Built with Vite (fast & optimized)\n- Supports sizes and variants\n- Tag add/remove functionality\n- Duplicate prevention\n- Max tag limit support\n- Clean UI with CSS tokens\n\n---\n\n## 📦 Installation\n\n```bash\nnpm install @archanatiwari/ui\n\n🎨 Import Styles\n\nimport \"@archanatiwari/ui/dist/ui.css\";\n\n🚀 Usage\nimport { useState } from \"react\";\nimport { SmartTagInput } from \"@archanatiwari/ui\";\nimport \"@archanatiwari/ui/dist/ui.css\";\n\nfunction App() {\n  const [tags, setTags] = useState<string[]>([\"React\"]);\n\n  return (\n    <SmartTagInput\n      tags={tags}\n      onChange={setTags}\n      label=\"Skills\"\n      placeholder=\"Type and press Enter...\"\n      maxTags={5}\n      helperText=\"Press Enter to add a tag\"\n    />\n  );\n}\n\nexport default App;\n\n🧩 SmartTagInput Props\n| Prop              | Type                                   | Required | Default                     | Description             |\n| ----------------- | -------------------------------------- | -------- | --------------------------- | ----------------------- |\n| `tags`            | `string[]`                             | ✅ Yes    | —                           | Current tags            |\n| `onChange`        | `(updatedTags: string[]) => void`      | ✅ Yes    | —                           | Called when tags change |\n| `label`           | `string`                               | ❌ No     | `\"Add Tags\"`                | Input label             |\n| `placeholder`     | `string`                               | ❌ No     | `\"Type and press Enter...\"` | Input placeholder       |\n| `maxTags`         | `number`                               | ❌ No     | `5`                         | Maximum number of tags  |\n| `disabled`        | `boolean`                              | ❌ No     | `false`                     | Disables input          |\n| `allowDuplicates` | `boolean`                              | ❌ No     | `false`                     | Allow duplicate tags    |\n| `helperText`      | `string`                               | ❌ No     | `\"\"`                        | Helper text             |\n| `error`           | `boolean`                              | ❌ No     | `false`                     | Error state             |\n| `errorMessage`    | `string`                               | ❌ No     | `\"\"`                        | Error message           |\n| `size`            | `\"sm\" \\| \"md\" \\| \"lg\"`                 | ❌ No     | `\"md\"`                      | Component size          |\n| `variant`         | `\"outlined\" \\| \"filled\"`               | ❌ No     | `\"outlined\"`                | Style variant           |\n| `onAddTag`        | `(tag: string) => void`                | ❌ No     | —                           | Callback on add         |\n| `onRemoveTag`     | `(tag: string, index: number) => void` | ❌ No     | —                           | Callback on remove      |\n\n\n💡 Example\nimport { useState } from \"react\";\nimport { SmartTagInput } from \"@archanatiwari/ui\";\nimport \"@archanatiwari/ui/dist/ui.css\";\n\nfunction Example() {\n  const [skills, setSkills] = useState<string[]>([\"HTML\", \"CSS\"]);\n\n  return (\n    <SmartTagInput\n      tags={skills}\n      onChange={setSkills}\n      label=\"Frontend Skills\"\n      placeholder=\"Add a skill\"\n      maxTags={6}\n      size=\"md\"\n      variant=\"outlined\"\n      helperText=\"You can add up to 6 tags\"\n      onAddTag={(tag) => console.log(\"Added:\", tag)}\n      onRemoveTag={(tag, index) => console.log(\"Removed:\", tag, index)}\n    />\n  );\n}\n\nexport default Example;\n\n🛠 Development\n\nClone the project and install dependencies:\n\nnpm install\n\nRun locally:\n\nnpm run dev\n\nBuild the library:\n\nnpm run build\n\n🚀 Publish\nnpm publish --access public\n\n📦 Package\n@archanatiwari/ui\n\n","readmeFilename":"README.md"}