# Callaloo
> A modern Vue 3 UI library focused on developer experience, accessibility, and comprehensive theming.

## AI Guidelines
- **Component Prefix**: All components start with `CL` (e.g., `<CLButton />`).
- **Enums for Props**: Always use Enums for colors, sizes, and variants. Import them from `@codeandfunction/callaloo`.
- **Root Provider**: All application code MUST be wrapped in `<CLThemeProvider>`.
- **Form Bindings**: Prefer `v-model` for all form-related components (`CLInput`, `CLSelect`, `CLCheckbox`, etc.).
- **Slots**: Most components use slots for content. Check documentation for named slots like `#header`, `#footer`, or `#content`.

## No-Build / CDN Usage
- Access Callaloo via `window.Callaloo`.
- Register components globally: `app.use(window.Callaloo.default)`.
- Destructure constants from the global object: `const { CLColors, CLSizes } = window.Callaloo;`.
- Reference: [CDN Best Practices](https://callaloo.dev/docs/getting-started/cdn/best-practices)

## Getting Started
- [Introduction](https://callaloo.dev/docs/getting-started/introduction)
- [Installation](https://callaloo.dev/docs/getting-started/installation)
- [Quickstart](https://callaloo.dev/docs/getting-started/cdn/quickstart)
- [Best practices](https://callaloo.dev/docs/getting-started/cdn/best-practices)
- [Theming](https://callaloo.dev/docs/getting-started/theming)

## Components
- [CLA11yButton](https://callaloo.dev/docs/components/a11ybutton)
- [CLButton](https://callaloo.dev/docs/components/button)
- [CLBadge](https://callaloo.dev/docs/components/badge)
- [CLBanner](https://callaloo.dev/docs/components/banner)
- [CLDropdownMenu](https://callaloo.dev/docs/components/dropdown)
- [CLPill](https://callaloo.dev/docs/components/pill)
- [CLProgress](https://callaloo.dev/docs/components/progress)
- [CLSkeleton](https://callaloo.dev/docs/components/skeleton)
- [CLSpinner](https://callaloo.dev/docs/components/spinner)
- [CLToast](https://callaloo.dev/docs/components/toast)
- [CLCalendar](https://callaloo.dev/docs/components/calendar)
- [CLCheckbox](https://callaloo.dev/docs/components/checkbox)
- [CLInput](https://callaloo.dev/docs/components/input)
- [CLInputDatePicker](https://callaloo.dev/docs/components/input-date-picker)
- [CLModalDatePicker](https://callaloo.dev/docs/components/modal-date-picker)
- [CLRadioButton](https://callaloo.dev/docs/components/radio)
- [CLSelect](https://callaloo.dev/docs/components/select)
- [CLTextArea](https://callaloo.dev/docs/components/textarea)
- [CLIcon](https://callaloo.dev/docs/components/icon)
- [CLCard](https://callaloo.dev/docs/components/card)
- [CLCarousel](https://callaloo.dev/docs/components/carousel)
- [CLDisclosure](https://callaloo.dev/docs/components/disclosure)
- [CLDrawer](https://callaloo.dev/docs/components/drawer)
- [CLModal](https://callaloo.dev/docs/components/modal)
- [CLTable](https://callaloo.dev/docs/components/table)
- [CLLink](https://callaloo.dev/docs/components/link)
- [CLNavLink](https://callaloo.dev/docs/components/navlink)
- [CLNavSection](https://callaloo.dev/docs/components/navsection)
- [CLHeading](https://callaloo.dev/docs/components/heading)
- [CLText](https://callaloo.dev/docs/components/text)

## Patterns
- [Introduction](https://callaloo.dev/docs/patterns/introduction)
- [Login Form](https://callaloo.dev/docs/patterns/login-form)
- [Multi-Step Form Wizard](https://callaloo.dev/docs/patterns/multi-step-wizard)
- [Sign-Up Form](https://callaloo.dev/docs/patterns/signup-form)
- [Error Page](https://callaloo.dev/docs/patterns/error-page)
- [Settings Layout](https://callaloo.dev/docs/patterns/settings-layout)
- [Sidebar Navigation](https://callaloo.dev/docs/patterns/sidebar-navigation)
- [Data Management Table](https://callaloo.dev/docs/patterns/data-management-table)
- [Destructive Action Modal](https://callaloo.dev/docs/patterns/destructive-modal)
- [Empty State](https://callaloo.dev/docs/patterns/empty-state)
- [Metrics Dashboard](https://callaloo.dev/docs/patterns/metrics-dashboard)
- [Search & Filter Toolbar](https://callaloo.dev/docs/patterns/search-toolbar)

## Providers
- [CLToastProvider](https://callaloo.dev/docs/providers/toast-provider)

## Assets
- [Icons](https://callaloo.dev/docs/assets/icons)