A collection of unstyled, accessible UI components for Ripple, powered by Zag.js state machines.

--- ## Features - **Headless** — Zero styling opinions. Bring your own CSS, Tailwind, modules, or design system. - **Accessible** — WAI-ARIA compliant with full keyboard navigation out of the box. - **State machines** — Powered by [Zag.js](https://zagjs.com) for predictable, framework-agnostic component logic. - **Composable** — Fine-grained parts API — use only what you need, nest however you like. - **SSR-ready** — Works with server-side rendering environments. ## Installation ```bash npm install ark-ripple ``` ## Quick Start ```jsx import { Accordion } from 'ark-ripple/accordion'; export component Demo() { {'What is Ark UI?'} {'A headless component library powered by state machines.'} } ``` ## Anatomy Every component follows a consistent parts-based API: ```jsx import { Dialog } from 'ark-ripple/dialog'; export component MyDialog() { {'Open'} {'Hello'} {'Welcome to Ark UI for Ripple.'} {'Close'} } ``` ## Context API Access component state from any descendant using the Context part: ```jsx import { Dialog } from 'ark-ripple/dialog'; export component DialogStatus() { {'Toggle'} component children({ context }) { {'Dialog is '} {@context.open ? 'open' : 'closed'} } } ``` ## Documentation Visit [ark-ui.rip](https://ark-ui.rip) for full documentation, examples, and API reference. ## Development ```bash # Install dependencies pnpm install # Start Storybook pnpm run dev # Run tests pnpm run test:ci # Build pnpm run build # Lint pnpm run lint:fix ``` ## License [MIT](LICENSE) © [Abraham A](https://github.com/anubra266)