{"_id":"@rozenite/ui","_rev":"5-82b42be0ae82f1708732ba3d20a0ffb0","name":"@rozenite/ui","dist-tags":{"latest":"2.4.0"},"versions":{"2.0.0":{"name":"@rozenite/ui","version":"2.0.0","keywords":["react-native","devtools","plugin","ui","design-system"],"author":{"name":"Szymon Chmal","email":"szymon.chmal@callstack.com"},"license":"MIT","_id":"@rozenite/ui@2.0.0","maintainers":[{"name":"aitwar","email":"szymonchmal@gmail.com"}],"homepage":"https://github.com/callstackincubator/rozenite#readme","bugs":{"url":"https://github.com/callstackincubator/rozenite/issues"},"dist":{"shasum":"67835c5a7840d22f9ac8bc9ef6ad5ba636eaa5bf","tarball":"https://registry.npmjs.org/@rozenite/ui/-/ui-2.0.0.tgz","fileCount":46,"integrity":"sha512-irAl5WgvQHnejQy3ujfR+u9S5MEbXCHiXxWs7+LNxEzuBhD0CLMd3E27MUJIyWQ0N/PpDY+JzVOQ7NiOfchSIA==","signatures":[{"sig":"MEUCIQD2/fqHm5NKTURWTuPWfRAnaym25O14D1uXXsxZhg4ZrgIgCEVeVgEKrAtEzvD3otLOUIIGLKK63ehBHm2bX0CGHys=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":195763},"main":"./dist/index.cjs","type":"module","_from":"file:rozenite-ui-2.0.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=20"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./styles.css","./package.json":"./package.json"},"scripts":{"lint":"eslint .","test":"vitest --run --passWithNoTests","build":"vite build","typecheck":"tsc -p tsconfig.lib.json --noEmit"},"_npmUser":{"name":"aitwar","email":"szymonchmal@gmail.com"},"_resolved":"/private/var/folders/tb/j39z273s5kn7lb9tz1dhk8l00000gn/T/c6a12023c07b4618c3db28c1198ac85d/rozenite-ui-2.0.0.tgz","_integrity":"sha512-irAl5WgvQHnejQy3ujfR+u9S5MEbXCHiXxWs7+LNxEzuBhD0CLMd3E27MUJIyWQ0N/PpDY+JzVOQ7NiOfchSIA==","repository":{"url":"git+https://github.com/callstackincubator/rozenite.git","type":"git"},"_npmVersion":"11.9.0","description":"Shared UI foundation and layout primitives for Rozenite DevTools plugin panels","directories":{},"_nodeVersion":"24.14.0","dependencies":{"clsx":"^2.1.1","tslib":"^2.3.0","tailwindcss":"4.2.2","lucide-react":"^0.263.1","@base-ui/react":"^1.7.0","react-virtuoso":"^4.14.1","tailwind-merge":"^3.3.1","tw-animate-css":"^1.4.0","@tanstack/react-table":"^8.21.3","react-resizable-panels":"^4.12.2","class-variance-authority":"^0.7.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1","react":"19.2.3","react-dom":"19.2.3","typescript":"~5.9.3","@types/react":"~19.2.3","vite-plugin-dts":"~4.5.0"},"peerDependencies":{"react":">=19","react-dom":">=19"},"_npmOperationalInternal":{"tmp":"tmp/ui_2.0.0_1786007696514_0.8281528848232473","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"@rozenite/ui","version":"2.1.0","keywords":["design-system","devtools","plugin","react-native","ui"],"author":"Szymon Chmal <szymon.chmal@callstack.com>","license":"MIT","_id":"@rozenite/ui@2.1.0","maintainers":[{"name":"aitwar","email":"szymonchmal@gmail.com"}],"homepage":"https://github.com/callstackincubator/rozenite#readme","bugs":{"url":"https://github.com/callstackincubator/rozenite/issues"},"dist":{"shasum":"c2a0cb0f9b58a484aea3056f087a114572e4123a","tarball":"https://registry.npmjs.org/@rozenite/ui/-/ui-2.1.0.tgz","fileCount":55,"integrity":"sha512-PxxyvRM/f3mGXh/CSqRHHK+TMv1g8KLQAl8todisBetjO7NHSE8mCuBA3o7nBL+Ktn+QsY1vyJj9IpMCgHDVqg==","signatures":[{"sig":"MEYCIQCKUxMOB2iG3wStEeJBmSipNrKPyU7gODobktCN7IkttwIhANEwJRgf+b7luJXohvpMlt0SxiDeBg+kdKQm6IjNlaxX","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@rozenite%2fui@2.1.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":367001},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=20"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./styles.css","./package.json":"./package.json"},"scripts":{"lint":"eslint .","test":"vitest --run --passWithNoTests","build":"vite build","typecheck":"tsc -p tsconfig.lib.json --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:ea22ee47-7623-453f-8fd0-4ff18fee54e8"}},"repository":{"url":"https://github.com/callstackincubator/rozenite.git","type":"git"},"description":"Shared UI foundation and layout primitives for Rozenite DevTools plugin panels","directories":{},"_nodeVersion":"24.18.0","dependencies":{"clsx":"^2.1.1","tslib":"^2.3.0","tailwindcss":"4.2.2","lucide-react":"^0.263.1","@base-ui/react":"^1.7.0","react-virtuoso":"^4.14.1","tailwind-merge":"^3.3.1","tw-animate-css":"^1.4.0","@tanstack/react-table":"^8.21.3","react-resizable-panels":"^4.12.2","class-variance-authority":"^0.7.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1","react":"19.2.3","react-dom":"19.2.3","typescript":"~5.9.3","@types/react":"~19.2.3","vite-plugin-dts":"~4.5.0"},"peerDependencies":{"react":">=19","react-dom":">=19"},"_npmOperationalInternal":{"tmp":"tmp/ui_2.1.0_1786607667828_0.306718974010632","host":"s3://npm-registry-packages-npm-production"}},"2.2.0":{"name":"@rozenite/ui","version":"2.2.0","keywords":["design-system","devtools","plugin","react-native","ui"],"author":"Szymon Chmal <szymon.chmal@callstack.com>","license":"MIT","_id":"@rozenite/ui@2.2.0","maintainers":[{"name":"aitwar","email":"szymonchmal@gmail.com"}],"homepage":"https://github.com/callstackincubator/rozenite#readme","bugs":{"url":"https://github.com/callstackincubator/rozenite/issues"},"dist":{"shasum":"be40634303be2b8cb1858b722702de9cab0069d5","tarball":"https://registry.npmjs.org/@rozenite/ui/-/ui-2.2.0.tgz","fileCount":71,"integrity":"sha512-5hTlw86AVBWs+uuK69e+sEpFjui9ZwN6peDV4Ttk3Q7eGsOCEtgCqy5lUNoCh8v/xyiLyiP4RhgSxmXgTfHNqg==","signatures":[{"sig":"MEUCICqvglJKEN9Q0Toy7mHnAbad1XmvUsnTMMSdLNlEnh6NAiEA1t+tDuFcxFjCrYMbQoQtCyYccshCPkZiiSodKQkZzHw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@rozenite%2fui@2.2.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":467695},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=20"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./styles.css","./package.json":"./package.json"},"scripts":{"lint":"eslint .","test":"vitest --run --passWithNoTests","build":"vite build","typecheck":"tsc -p tsconfig.lib.json --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:ea22ee47-7623-453f-8fd0-4ff18fee54e8"}},"repository":{"url":"https://github.com/callstackincubator/rozenite.git","type":"git"},"description":"Shared UI foundation and layout primitives for Rozenite DevTools plugin panels","directories":{},"_nodeVersion":"24.19.0","dependencies":{"clsx":"^2.1.1","tslib":"^2.3.0","tailwindcss":"4.2.2","lucide-react":"^0.263.1","@base-ui/react":"^1.7.0","react-virtuoso":"^4.14.1","tailwind-merge":"^3.3.1","tw-animate-css":"^1.4.0","@tanstack/react-table":"^8.21.3","react-resizable-panels":"^4.12.2","class-variance-authority":"^0.7.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1","react":"19.2.3","react-dom":"19.2.3","typescript":"~5.9.3","@types/react":"~19.2.3","vite-plugin-dts":"~4.5.0"},"peerDependencies":{"react":">=19","react-dom":">=19"},"_npmOperationalInternal":{"tmp":"tmp/ui_2.2.0_1787137333538_0.28933081330829635","host":"s3://npm-registry-packages-npm-production"}},"2.3.0":{"name":"@rozenite/ui","version":"2.3.0","keywords":["design-system","devtools","plugin","react-native","ui"],"author":"Szymon Chmal <szymon.chmal@callstack.com>","license":"MIT","_id":"@rozenite/ui@2.3.0","maintainers":[{"name":"aitwar","email":"szymonchmal@gmail.com"}],"homepage":"https://github.com/callstackincubator/rozenite#readme","bugs":{"url":"https://github.com/callstackincubator/rozenite/issues"},"dist":{"shasum":"1b7ec1a4c7bc64692773d3c11feca2d6f7d03ff4","tarball":"https://registry.npmjs.org/@rozenite/ui/-/ui-2.3.0.tgz","fileCount":80,"integrity":"sha512-gysMmyo6lnbtUhBfMvqJJrA1wtgRNqQ8cxuTmYI78Ck9FLLO+M8iElDBlPGkWh0okRkdv6hiV7f2nn1b9/d1Dg==","signatures":[{"sig":"MEYCIQDRNjXYCrarOwm787PQ3F+zs1ZZQKIRVOAGDBrkVO027gIhAKakkhi8m0iMn4WRhGFhHGvUWETtD7Hn9Lov0cwNRjFi","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@rozenite%2fui@2.3.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":579337},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=20"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./styles.css","./package.json":"./package.json"},"scripts":{"lint":"eslint .","test":"vitest --run --passWithNoTests","build":"vite build","typecheck":"tsc -p tsconfig.lib.json --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:ea22ee47-7623-453f-8fd0-4ff18fee54e8"}},"repository":{"url":"https://github.com/callstackincubator/rozenite.git","type":"git"},"description":"Shared UI foundation and layout primitives for Rozenite DevTools plugin panels","directories":{},"_nodeVersion":"24.19.0","dependencies":{"clsx":"^2.1.1","tslib":"^2.3.0","tailwindcss":"4.2.2","lucide-react":"^0.263.1","@base-ui/react":"^1.7.0","react-virtuoso":"^4.14.1","tailwind-merge":"^3.3.1","tw-animate-css":"^1.4.0","@tanstack/react-table":"^8.21.3","react-resizable-panels":"^4.12.2","class-variance-authority":"^0.7.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1","react":"19.2.3","react-dom":"19.2.3","typescript":"~5.9.3","@types/react":"~19.2.3","vite-plugin-dts":"~4.5.0"},"peerDependencies":{"react":">=19","react-dom":">=19"},"_npmOperationalInternal":{"tmp":"tmp/ui_2.3.0_1788267325341_0.36255930866746255","host":"s3://npm-registry-packages-npm-production"}},"2.4.0":{"name":"@rozenite/ui","version":"2.4.0","description":"Shared UI foundation and layout primitives for Rozenite DevTools plugin panels","keywords":["design-system","devtools","plugin","react-native","ui"],"homepage":"https://github.com/callstackincubator/rozenite#readme","bugs":{"url":"https://github.com/callstackincubator/rozenite/issues"},"license":"MIT","author":"Szymon Chmal <szymon.chmal@callstack.com>","repository":{"type":"git","url":"https://github.com/callstackincubator/rozenite.git"},"type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./styles.css","./package.json":"./package.json"},"publishConfig":{"access":"public"},"dependencies":{"@base-ui/react":"^1.7.0","@tanstack/react-table":"^8.21.3","class-variance-authority":"^0.7.1","clsx":"^2.1.1","lucide-react":"^0.263.1","react-resizable-panels":"^4.12.2","react-virtuoso":"^4.14.1","tailwind-merge":"^3.3.1","tailwindcss":"4.2.2","tslib":"^2.3.0","tw-animate-css":"^1.4.0"},"devDependencies":{"@types/react":"~19.2.3","react":"19.2.3","react-dom":"19.2.3","typescript":"~5.9.3","vite":"^7.3.1","vite-plugin-dts":"~4.5.0"},"peerDependencies":{"react":">=19","react-dom":">=19"},"engines":{"node":">=20"},"scripts":{"build":"vite build","typecheck":"tsc -p tsconfig.lib.json --noEmit","lint":"eslint .","test":"vitest --run --passWithNoTests"},"_nodeVersion":"24.19.0","_id":"@rozenite/ui@2.4.0","dist":{"integrity":"sha512-iCV6hq8AaohtzDUg0nQSnHBZPNuGPu7G47sbxz47bTNajTjZx49ZfND0YhnBWBA/s1JMHYn31qd3cUYg/UVnYQ==","shasum":"ea368133c01e478190ec462568aa0bf3d7cd4e35","tarball":"https://registry.npmjs.org/@rozenite/ui/-/ui-2.4.0.tgz","fileCount":80,"unpackedSize":579337,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@rozenite%2fui@2.4.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAXp4ygIGw7O9ZnDSErUX/hFUmOMO5pp4pjH8tVCuataAiEAk8m9NS2Ha6o3Ld6xOP7a4SxwBVlo6RtbEdxis47Gzpo="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:ea22ee47-7623-453f-8fd0-4ff18fee54e8"}},"directories":{},"maintainers":[{"name":"aitwar","email":"szymonchmal@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui_2.4.0_1788439659139_0.9837083484114248"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-06T09:14:56.407Z","modified":"2026-09-03T12:47:39.916Z","2.0.0":"2026-08-06T09:14:56.672Z","2.1.0":"2026-08-13T07:54:27.965Z","2.2.0":"2026-08-19T11:02:13.919Z","2.3.0":"2026-09-01T12:55:25.513Z","2.4.0":"2026-09-03T12:47:39.275Z"},"bugs":{"url":"https://github.com/callstackincubator/rozenite/issues"},"author":"Szymon Chmal <szymon.chmal@callstack.com>","license":"MIT","homepage":"https://github.com/callstackincubator/rozenite#readme","keywords":["design-system","devtools","plugin","react-native","ui"],"repository":{"type":"git","url":"https://github.com/callstackincubator/rozenite.git"},"description":"Shared UI foundation and layout primitives for Rozenite DevTools plugin panels","maintainers":[{"name":"aitwar","email":"szymonchmal@gmail.com"}],"readme":"![rozenite-banner](https://www.rozenite.dev/rozenite-banner.jpg)\n\n### Shared UI foundation for Rozenite DevTools plugin panels.\n\n[![mit licence][license-badge]][license] [![npm downloads][npm-downloads-badge]][npm-downloads] [![Chat][chat-badge]][chat] [![PRs Welcome][prs-welcome-badge]][prs-welcome]\n\nThe Rozenite UI package provides reusable components, design tokens, and\nlayout primitives for plugin panels rendered inside React Native DevTools. It\nincludes built-in light and dark theming, as well as the `PluginShell`,\n`PluginHeader`, and `Split` components used by Rozenite's own panels.\n\n## Features\n\n- **Panel Layout**: Build consistent plugin panels with `PluginShell` and\n  `PluginHeader`.\n- **Resizable Layouts**: Arrange panel content with the `Split` primitive.\n- **Reusable Components**: Use accessible controls, data displays, dialogs,\n  navigation, and feedback components.\n- **Theming**: Support light and dark themes with shared design tokens.\n\n## Installation\n\nInstall the UI package as a dependency:\n\n```bash\nnpm install @rozenite/ui\n```\n\n## Quick Start\n\nImport the stylesheet once, then use the components:\n\n```css\n@import '@rozenite/ui/styles.css';\n```\n\n```tsx\nimport { PluginShell, PluginHeader, Split } from '@rozenite/ui';\n\nfunction Panel() {\n  return (\n    <PluginShell>\n      <PluginHeader>\n        <PluginHeader.Title>My Plugin</PluginHeader.Title>\n        <PluginHeader.Actions>\n          <PluginHeader.ThemeSwitcher />\n        </PluginHeader.Actions>\n      </PluginHeader>\n      <PluginShell.Body>\n        <Split direction=\"horizontal\">\n          <Split.Pane defaultSize={25} minSize={15} collapsible>\n            Sidebar\n          </Split.Pane>\n          <Split.Handle />\n          <Split.Pane>Content</Split.Pane>\n        </Split>\n      </PluginShell.Body>\n    </PluginShell>\n  );\n}\n```\n\nPanels that bring their own styling (styled-components, a third-party\nwidget) can render `<PluginShell unstyled>` to get the layout scaffolding\nwithout the theme provider or design tokens.\n\n## Made with ❤️ at Callstack\n\n`rozenite` is an open source project and will always remain free to use. If you think it's cool, please star it 🌟.\n\n[Callstack][callstack-readme-with-love] is a group of React and React Native geeks, contact us at [hello@callstack.com](mailto:hello@callstack.com) if you need any help with these or just want to say hi!\n\nLike the project? ⚛️ [Join the team](https://callstack.com/careers/?utm_campaign=Senior_RN&utm_source=github&utm_medium=readme) who does amazing stuff for clients and drives React Native Open Source! 🔥\n\n[callstack-readme-with-love]: https://callstack.com/?utm_source=github.com&utm_medium=referral&utm_campaign=rozenite&utm_term=readme-with-love\n[license-badge]: https://img.shields.io/npm/l/@rozenite/ui?style=for-the-badge\n[license]: https://github.com/callstackincubator/rozenite/blob/main/LICENSE\n[npm-downloads-badge]: https://img.shields.io/npm/dm/@rozenite/ui?style=for-the-badge\n[npm-downloads]: https://www.npmjs.com/package/@rozenite/ui\n[prs-welcome-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=for-the-badge\n[prs-welcome]: https://github.com/callstackincubator/rozenite/blob/main/CONTRIBUTING.md\n[chat-badge]: https://img.shields.io/discord/426714625279524876.svg?style=for-the-badge\n[chat]: https://discord.gg/xgGt7KAjxv\n","readmeFilename":""}