{"_id":"@aeon-ui/ui","name":"@aeon-ui/ui","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@aeon-ui/ui","version":"0.1.0","description":"Styled Aeon UI components (Panda CSS recipes)","license":"MIT","repository":{"type":"git","url":"git+https://github.com/GenericCPU/aeon-ui.git","directory":"packages/ui"},"publishConfig":{"access":"public"},"keywords":["aeon-ui","react","components","design-system"],"type":"module","sideEffects":["**/*.css"],"main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./styles.css":{"default":"./src/styles.css"}},"dependencies":{"@aeon-ui/panda":"0.1.0","@aeon-ui/react":"0.1.0"},"peerDependencies":{"react":"^18 || ^19","react-dom":"^18 || ^19"},"devDependencies":{"@types/react":"^19.1.2","react":"^19.1.0","tsup":"^8.4.0","typescript":"^5.8.3"},"scripts":{"build":"tsup src/index.ts --format esm --dts --clean --external react --external react-dom --external @aeon-ui/panda/styled-system/css --external @aeon-ui/panda/styled-system/recipes","typecheck":"tsc --noEmit"},"_id":"@aeon-ui/ui@0.1.0","bugs":{"url":"https://github.com/GenericCPU/aeon-ui/issues"},"homepage":"https://github.com/GenericCPU/aeon-ui#readme","_integrity":"sha512-ainGTGK6PAwLLNIQ6bqhk0z21IS5iJIUWEtwbTc9kA9XwJWYD8kAcpJwA5z4TWm06le0ZPVUGv6s5ZphK2mN2w==","_resolved":"/private/var/folders/wk/mtltqfc92hs4vf24ph9vhvc40000gn/T/f2a9bc5efe7541303d22f0bc99ce8885/aeon-ui-ui-0.1.0.tgz","_from":"file:aeon-ui-ui-0.1.0.tgz","_nodeVersion":"22.22.1","_npmVersion":"10.9.4","dist":{"integrity":"sha512-ainGTGK6PAwLLNIQ6bqhk0z21IS5iJIUWEtwbTc9kA9XwJWYD8kAcpJwA5z4TWm06le0ZPVUGv6s5ZphK2mN2w==","shasum":"f8ab748b0520dc28a56ee45d63edae4767692186","tarball":"https://registry.npmjs.org/@aeon-ui/ui/-/ui-0.1.0.tgz","fileCount":6,"unpackedSize":39124,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDh9zxzQ6siei2O5Gx520BiH3U50TKpTCNOdif+xaikdwIhAO3w+a8aw1DThjR2g50xTMeKCbaL51u9nZWihBBlyYYU"}]},"_npmUser":{"name":"bgcryderman","email":"brandongcryderman@gmail.com"},"directories":{},"maintainers":[{"name":"bgcryderman","email":"brandongcryderman@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui_0.1.0_1780612457325_0.7470574223043798"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-04T22:34:17.158Z","0.1.0":"2026-06-04T22:34:17.473Z","modified":"2026-06-04T22:34:17.779Z"},"maintainers":[{"name":"bgcryderman","email":"brandongcryderman@gmail.com"}],"description":"Styled Aeon UI components (Panda CSS recipes)","homepage":"https://github.com/GenericCPU/aeon-ui#readme","keywords":["aeon-ui","react","components","design-system"],"repository":{"type":"git","url":"git+https://github.com/GenericCPU/aeon-ui.git","directory":"packages/ui"},"bugs":{"url":"https://github.com/GenericCPU/aeon-ui/issues"},"license":"MIT","readme":"# @aeon-ui/ui\n\n**Styled compound components** — `@aeon-ui/react` + Panda `aeon*` recipes.\n\nFastest path for apps that want the Aeon look and state-driven styling.\n\n## Install\n\n```bash\npnpm add @aeon-ui/ui @aeon-ui/react\n```\n\nImport CSS once (see [INTEGRATION.md](../../INTEGRATION.md)):\n\n```tsx\nimport '@aeon-ui/panda/styles.css'\nimport '@aeon-ui/panda/theme-runtime.css'\n```\n\n## Usage\n\n```tsx\nimport { Dialog, Button, Async, Field } from '@aeon-ui/ui'\n\n<Async.Root>\n  <Async.Track />\n  <Async.Readout>Ready</Async.Readout>\n  <Async.Actions>\n    <Button.Root size=\"sm\">Fetch</Button.Root>\n  </Async.Actions>\n</Async.Root>\n```\n\n## Exports\n\n`Button`, `Switch`, `Checkbox`, `Dialog`, `Tabs`, `Accordion`, `Badge`, `Scroll`, `Select`, `Combobox`, `Menu`, `Popover`, `Tooltip`, `Toast`, `useToast`, `Async`, `Field`, `cn`.\n\n## Implementation pattern\n\nEach file in `src/<component>.tsx`:\n\n1. Import headless from `@aeon-ui/react`\n2. Import `aeon*` recipe from `@aeon-ui/panda/styled-system/recipes`\n3. `className={cn(recipe({ variant, size }), className)}`\n4. Forward `status`, `variant`, `size` to headless\n\nExample: `src/button.tsx`.\n\n## Customize\n\n- **Tokens/themes:** `packages/panda/src/theme/themes.config.ts` + codegen\n- **Recipes:** edit panda recipes, codegen, rebuild ui\n- **Replace styles entirely:** use `@aeon-ui/react` + your CSS on `data-aeon-*`\n\n## Agents\n\nDo not add non-Panda styling inside this package.  \nWorkflow: [docs/COMPONENT_CHECKLIST.md](../../docs/COMPONENT_CHECKLIST.md).\n\n## Related\n\n- [COMPONENTS.md](../../COMPONENTS.md)\n- [STATES.md](../../STATES.md)\n","readmeFilename":"README.md","_rev":"1-2160d6cc8172044e5c9bdf2c99afad8c"}