{"_id":"@adnanalemran/on-ui","_rev":"6-f0895dd867c8823402744ec9c17d7142","name":"@adnanalemran/on-ui","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.0":{"name":"@adnanalemran/on-ui","version":"1.0.0","keywords":[],"author":"","license":"MIT","_id":"@adnanalemran/on-ui@1.0.0","maintainers":[{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"}],"dist":{"shasum":"9e447155527eee788732f29d08ce6f6679f52eb7","tarball":"https://registry.npmjs.org/@adnanalemran/on-ui/-/on-ui-1.0.0.tgz","fileCount":13,"integrity":"sha512-Xf/o2m9Wlfy9sMutSh6XU9XLEhUo6LyoqwyQu1+QsjiDLr4CjplYv8kuB4CoZoClKInQBNciyqFp64UXcDo9sw==","signatures":[{"sig":"MEQCICoWJTULnV5bZJ4XAx+NvxQP8npV/FaPamTznSahZVj5AiB8eqy/a343tcdrGz2HgcnJ3dsCe+osmkMA49z3y3YVKQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18794},"main":"dist/index.cjs.js","type":"commonjs","types":"dist/index.d.ts","module":"dist/index.es.js","scripts":{"build":"vite build"},"_npmUser":{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"},"_npmVersion":"11.9.0","description":"React component library with Tailwind CSS","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.14.0","dependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","postcss":"^8.5.12","typescript":"^6.0.3","@types/node":"^25.6.0","tailwindcss":"^4.2.4","@types/react":"^19.2.14","autoprefixer":"^10.5.0","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.2.3","@tailwindcss/postcss":"^4.2.4","@vitejs/plugin-react":"^6.0.1"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_npmOperationalInternal":{"tmp":"tmp/on-ui_1.0.0_1777398053015_0.6568569095029504","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@adnanalemran/on-ui","version":"1.0.2","keywords":[],"author":"","license":"MIT","_id":"@adnanalemran/on-ui@1.0.2","maintainers":[{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"}],"dist":{"shasum":"e018c067dce9dc1dbe658b96aa5fd27db0c665bd","tarball":"https://registry.npmjs.org/@adnanalemran/on-ui/-/on-ui-1.0.2.tgz","fileCount":17,"integrity":"sha512-dmlR6meJ/wVL5meqwEsNkwEFG+NO50Ir5jV/nU44VFHynZd96BSJ3QO1oHVn4VSIojvRa/Pl8gjl4u0aUjoFWw==","signatures":[{"sig":"MEQCIFGLjF2HwJGA8bcH9W2IuSuBsnRXV4M7nKiMEaUmo1fpAiBxmeesElqeBVcyqJuY5/adGrUsRme6D1HvhsLHM8Rkbw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33636},"main":"dist/index.cjs.js","type":"commonjs","types":"dist/index.d.ts","module":"dist/index.es.js","scripts":{"dev":"vite","build":"vite build"},"_npmUser":{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"},"_npmVersion":"11.9.0","description":"React component library with Tailwind CSS","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.14.0","dependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","postcss":"^8.5.12","typescript":"^6.0.3","@types/node":"^25.6.0","tailwindcss":"^4.2.4","@types/react":"^19.2.14","autoprefixer":"^10.5.0","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.2.3","@tailwindcss/postcss":"^4.2.4","@vitejs/plugin-react":"^6.0.1"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_npmOperationalInternal":{"tmp":"tmp/on-ui_1.0.2_1777398600238_0.03089473417130817","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@adnanalemran/on-ui","version":"1.0.4","keywords":[],"author":"","license":"MIT","_id":"@adnanalemran/on-ui@1.0.4","maintainers":[{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"}],"dist":{"shasum":"67448c16f0fecb652ba6fcdcdb1380b9c6a09cf0","tarball":"https://registry.npmjs.org/@adnanalemran/on-ui/-/on-ui-1.0.4.tgz","fileCount":6,"integrity":"sha512-wKgDFv8/Yk5zD2anBXNS5zBi35LvdyAfZYf2Yn+44b3eZoWk57MMRYYL7V533kqeTrpG9Tx+eMTHw3vPTNZcyA==","signatures":[{"sig":"MEUCIQCfjBTcV8s38Li7lrr7/zaYl7yu+maxj9Er8zadRkMTOAIgOIT0DPUblZw4HdzrSfxz502Ptp4QGMSdTR69/ZgGPE4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":32586},"main":"dist/index.cjs.js","type":"commonjs","types":"dist/index.d.ts","module":"dist/index.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.es.js","require":"./dist/index.cjs.js"},"./style.css":"./dist/on-ui.css"},"scripts":{"dev":"vite","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"},"_npmVersion":"11.9.0","description":"React component library with Tailwind CSS","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.14.0","dependencies":{},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","postcss":"^8.5.12","typescript":"^6.0.3","@types/node":"^25.6.0","tailwindcss":"^4.2.4","@types/react":"^19.2.14","autoprefixer":"^10.5.0","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.2.3","@tailwindcss/postcss":"^4.2.4","@vitejs/plugin-react":"^6.0.1"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_npmOperationalInternal":{"tmp":"tmp/on-ui_1.0.4_1777440595428_0.9020685290927957","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@adnanalemran/on-ui","version":"1.0.5","keywords":[],"author":"","license":"MIT","_id":"@adnanalemran/on-ui@1.0.5","maintainers":[{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"}],"dist":{"shasum":"6b9cb1f34169d0359ea6ff9a6bfaa001f3b1a0d6","tarball":"https://registry.npmjs.org/@adnanalemran/on-ui/-/on-ui-1.0.5.tgz","fileCount":6,"integrity":"sha512-LpHbuRSl95t7pCAx9m/k5G/TQpMMHafTfINu1nl9JF/7WGiTG/rQNRxHtoewWAOk4aE5+UHj7X5dHVk4oL/2Gw==","signatures":[{"sig":"MEQCIGHVD52kpxhZNetVJtCwy9dQeM6qJmYLYTELOP0DOC/+AiA12UoDo9tQQncOgMCIUmg4bRFplQtzoWDuvDYmBfhc+w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18601},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/on-ui.css"},"scripts":{"dev":"vite","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"},"_npmVersion":"11.9.0","description":"React component library with Tailwind CSS","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.14.0","dependencies":{},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","postcss":"^8.5.12","typescript":"^6.0.3","@types/node":"^25.6.0","tailwindcss":"^4.2.4","@types/react":"^19.2.14","autoprefixer":"^10.5.0","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.2.3","@tailwindcss/postcss":"^4.2.4","@vitejs/plugin-react":"^6.0.1"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_npmOperationalInternal":{"tmp":"tmp/on-ui_1.0.5_1777441449166_0.6584472278162354","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@adnanalemran/on-ui","version":"1.0.6","keywords":[],"author":"","license":"MIT","_id":"@adnanalemran/on-ui@1.0.6","maintainers":[{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"}],"dist":{"shasum":"8d52c38dc981160088333a0f529216fb3bc438e8","tarball":"https://registry.npmjs.org/@adnanalemran/on-ui/-/on-ui-1.0.6.tgz","fileCount":6,"integrity":"sha512-OIlfaAfP8PZ7v+2NUYWyxTqUgkkH44c83Zvhu/pM39FVkAavkNlDLNLdQ/Cc64sV+F7xi3EDhnhuxTTm4OjGmw==","signatures":[{"sig":"MEYCIQDmggzq6zNh2sZnZut7UpxnA55Lg44POg0wJxKkYx1u9QIhAO10SObYY8Jg5/xB/A+YOgB/ZjxnCc2H50HPpteNLVG/","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":22613},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/on-ui.css"},"gitHead":"a8d4f495cf5724f4c2551c18357d6346229d4230","scripts":{"dev":"vite","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"},"_npmVersion":"11.9.0","description":"React component library with Tailwind CSS","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.14.0","dependencies":{},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","postcss":"^8.5.12","typescript":"^6.0.3","@types/node":"^25.6.0","tailwindcss":"^4.2.4","@types/react":"^19.2.14","autoprefixer":"^10.5.0","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.2.3","@tailwindcss/postcss":"^4.2.4","@vitejs/plugin-react":"^6.0.1"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"_npmOperationalInternal":{"tmp":"tmp/on-ui_1.0.6_1777443727524_0.8625067627914966","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@adnanalemran/on-ui","version":"1.0.7","description":"React component library with Tailwind CSS","main":"dist/index.cjs","module":"dist/index.js","types":"dist/src/index.d.ts","exports":{".":{"types":"./dist/src/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./style.css":"./dist/on-ui.css"},"sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"vite build","prepublishOnly":"npm run build"},"keywords":[],"author":"","license":"MIT","type":"module","peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"publishConfig":{"access":"public"},"dependencies":{},"devDependencies":{"@tailwindcss/postcss":"^4.2.4","@types/node":"^25.6.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.1","autoprefixer":"^10.5.0","postcss":"^8.5.12","tailwindcss":"^4.2.4","typescript":"^6.0.3","vite":"^8.0.10","vite-plugin-dts":"^4.5.4"},"gitHead":"4a63b4301be7a33fc8bf67921992a5215342b6e5","_id":"@adnanalemran/on-ui@1.0.7","_nodeVersion":"24.14.0","_npmVersion":"11.9.0","dist":{"integrity":"sha512-637A3SHUt+xPNTzA1bz6FvlA6zV8zevNjTCCuJ+oJ74CHzWx4Hx0u8liTiGxVfidGIQhQYfWHp1p9ws4vJ/YUQ==","shasum":"1a6c4735adfaee98dff19adf96f2e0241d27fb73","tarball":"https://registry.npmjs.org/@adnanalemran/on-ui/-/on-ui-1.0.7.tgz","fileCount":47,"unpackedSize":214864,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAhGELB4+dmVpzlNCALoVwHr5shU+XU/7uwAxUrdqavdAiAJnogXFsxXfMk9xRVDJma2azvMvqt7rtAYNmwXf3cREw=="}]},"_npmUser":{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"},"directories":{},"maintainers":[{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/on-ui_1.0.7_1777518410347_0.5368478575481921"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-28T17:40:52.832Z","modified":"2026-04-30T03:06:50.608Z","1.0.0":"2026-04-28T17:40:53.153Z","1.0.2":"2026-04-28T17:50:00.373Z","1.0.4":"2026-04-29T05:29:55.611Z","1.0.5":"2026-04-29T05:44:09.318Z","1.0.6":"2026-04-29T06:22:07.643Z","1.0.7":"2026-04-30T03:06:50.506Z"},"license":"MIT","keywords":[],"description":"React component library with Tailwind CSS","maintainers":[{"name":"adnanalemran","email":"adnanalemranontor@gmail.com"}],"readme":"# @adnanalemran/on-ui\n\nA reusable React component library.\n\n## Install\n\n```bash\nnpm install @adnanalemran/on-ui\n```\n\n## Use In Another Project\n\nImport the library CSS once in your app entry file (for example `src/main.tsx`):\n\n```tsx\nimport \"@adnanalemran/on-ui/style.css\";\n```\n\nThen import and use components:\n\n```tsx\nimport {\n  Button,\n  Card,\n  Input,\n  Checkbox,\n  Combobox,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ContextMenu,\n  ContextMenuTrigger,\n  ContextMenuContent,\n  ContextMenuItem,\n  Label\n} from \"@adnanalemran/on-ui\";\n\nexport default function App() {\n  return (\n    <Card>\n      <h2>My App</h2>\n      <Button variant=\"primary\">Click me</Button>\n      <Label htmlFor=\"email\">Email</Label>\n      <Input placeholder=\"Your email\" />\n      <Checkbox label=\"Accept terms\" />\n      <Combobox>\n        <ComboboxInput placeholder=\"Select a framework...\" />\n        <ComboboxContent>\n          <ComboboxList>\n            <ComboboxItem value=\"react\">React</ComboboxItem>\n            <ComboboxItem value=\"vue\">Vue</ComboboxItem>\n          </ComboboxList>\n        </ComboboxContent>\n      </Combobox>\n      <ContextMenu>\n        <ContextMenuTrigger>Right click me</ContextMenuTrigger>\n        <ContextMenuContent>\n          <ContextMenuItem>Rename</ContextMenuItem>\n        </ContextMenuContent>\n      </ContextMenu>\n    </Card>\n  );\n}\n```\n\n## Available Components\n\n- `Button`\n- `Card`\n- `Input`\n- `Checkbox`\n- `Combobox`\n- `ContextMenu`\n- `Label`\n\n## Local Development\n\n```bash\nnpm install\nnpm run dev\n```\n\n## Build\n\n```bash\nnpm run build\n```\n\nBuild output is created in `dist/`.\n\n## Publish To npm\n\n1. Login to npm:\n\n```bash\nnpm login\n```\n\n2. Update package version:\n\n```bash\nnpm version patch\n```\n\n3. Publish:\n\n```bash\nnpm publish --access public\n```\n\n`prepublishOnly` runs the build automatically before publishing.\n\n## Peer Dependencies\n\nThis package expects your app to provide:\n\n- `react` (`^18 || ^19`)\n- `react-dom` (`^18 || ^19`)\n","readmeFilename":"README.md"}