# laRose UI Documentation

Apple-inspired by default. Fully customizable by architecture.

## Packages
- @larose-ui/accessibility: Accessibility utilities and component source scanners.
- @larose-ui/ai-core: Framework-agnostic AI runtime, intents, and adapters.
- @larose-ui/ai-react: Permission-bound AI for SmartTable and SmartForm.
- @larose-ui/ai-svelte: Permission-bound AI for SmartTable and SmartForm.
- @larose-ui/ai-vue: Permission-bound AI for SmartTable and SmartForm.
- @larose-ui/cli: CLI for quality gates, migration, and code generation.
- @larose-ui/component-logic: Shared framework-agnostic component helpers and domain utils.
- @larose-ui/contracts: Validate UI schemas against API contracts in CI.
- @larose-ui/core: Framework-agnostic types, state machines, and runtime contracts.
- @larose-ui/data-core: Framework-agnostic data client helpers for laRose UI.
- @larose-ui/data-react: Backend-aware data fetching with self-healing errors.
- @larose-ui/data-svelte: Backend-aware data fetching with self-healing errors.
- @larose-ui/data-vue: Backend-aware data fetching with self-healing errors.
- @larose-ui/devtools-core: Framework-agnostic DevTools analytics for laRose UI.
- @larose-ui/devtools-react: In-app runtime inspector for development.
- @larose-ui/devtools-svelte: In-app runtime inspector for development.
- @larose-ui/devtools-vue: In-app runtime inspector for development.
- @larose-ui/enterprise-core: Framework-agnostic enterprise helpers (version, UI schema, audit).
- @larose-ui/enterprise-react: Enterprise patterns — audit trails, session guards, schema IaC.
- @larose-ui/enterprise-svelte: Enterprise patterns — audit trails, session guards, schema IaC.
- @larose-ui/enterprise-vue: Enterprise patterns — audit trails, session guards, schema IaC.
- @larose-ui/forms-core: Framework-agnostic form schema helpers for laRose UI.
- @larose-ui/forms-react: Schema-driven forms with validation and conditional fields.
- @larose-ui/forms-svelte: Schema-driven forms with validation and conditional fields.
- @larose-ui/forms-vue: Schema-driven forms with validation and conditional fields.
- @larose-ui/liquid-glass-core: Framework-agnostic Liquid Glass optics engine.
- @larose-ui/migration: Codemods, generators, and release intelligence.
- @larose-ui/network: Network condition detection for adaptive UI.
- @larose-ui/next: Next.js integration — SSR theme script and LaRoseRoot boundary.
- @larose-ui/nuxt: Nuxt module for CSS injection, theme script, and Vue providers.
- @larose-ui/observability-core: Framework-agnostic UX observability model and collectors.
- @larose-ui/observability-react: UX observability — journeys, funnels, and rage-click analysis.
- @larose-ui/observability-svelte: UX observability — journeys, funnels, and rage-click analysis.
- @larose-ui/observability-vue: UX observability — journeys, funnels, and rage-click analysis.
- @larose-ui/offline: Offline request queue with sync and conflict handling.
- @larose-ui/permissions-core: Framework-agnostic permission evaluation for laRose UI.
- @larose-ui/permissions-react: Authorization-aware UI with RBAC/ABAC patterns.
- @larose-ui/permissions-svelte: Authorization-aware UI with RBAC/ABAC patterns.
- @larose-ui/permissions-vue: Authorization-aware UI with RBAC/ABAC patterns.
- @larose-ui/primitives: Headless interactive behavior for menus, focus, tabs, and selection.
- @larose-ui/quality-core: Framework-agnostic quality scoring and doctor diagnostics.
- @larose-ui/react: Production-ready React components with LiquidGlass refraction surfaces.
- @larose-ui/runtime-core: Framework-agnostic runtime store, host detection, and i18n.
- @larose-ui/runtime-react: Full LaRoseProvider — theme, toast, accelerators, network, offline, i18n.
- @larose-ui/runtime-svelte: Full LaRoseProvider — theme, toast, accelerators, network, offline, i18n.
- @larose-ui/runtime-vue: Full LaRoseProvider — theme, toast, accelerators, network, offline, i18n.
- @larose-ui/styles: Design tokens + component CSS in one stylesheet.
- @larose-ui/svelte: Svelte 5 components with runes and shared laRose styles.
- @larose-ui/sveltekit: SvelteKit integration — SSR CSS, theme bootstrap, app root.
- @larose-ui/testing-core: Framework-agnostic test matrix helpers for laRose UI.
- @larose-ui/testing-react: Testing utilities with full laRose runtime context.
- @larose-ui/testing-svelte: Testing utilities with full laRose runtime context.
- @larose-ui/testing-vue: Testing utilities with full laRose runtime context.
- @larose-ui/themes: Named theme presets and tenant branding helpers.
- @larose-ui/tokens: Design-token engine (bundled into @larose-ui/styles).
- @larose-ui/vue: Vue 3 components — thin adapter over shared styles and primitives.

## Components
- AcceleratorProvider (Other) — 1 documented props
- Accordion (Content) — 5 documented props
- AccordionContent (Content) — 0 documented props
- AccordionItem (Content) — 2 documented props
- AccordionTrigger (Content) — 0 documented props
- ActivityShareButton (Actions) — 5 documented props
- ActivityView (Sharing) — 8 documented props
- Alert (Feedback) — 2 documented props
- AlertDialog (Feedback) — 12 documented props
- AsyncButton (Actions) — 5 documented props
- Badge (Feedback) — 1 documented props
- Box (Layout) — 5 documented props
- Breadcrumb (Navigation) — 2 documented props
- Button (Actions) — 15 documented props
- ButtonGroup (Actions) — 3 documented props
- CalendarGrid (Forms) — 4 documented props
- CaptionButton (Other) — 3 documented props
- Card (Layout) — 3 documented props
- Chart (Data) — 16 documented props
- Checkbox (Forms) — 4 documented props
- CollaborationButton (Actions) — 3 documented props
- CollaborationPopover (Sharing) — 10 documented props
- Collection (Layout) — 6 documented props
- ColumnView (Layout) — 4 documented props
- CommandPalette (Overlay) — 6 documented props
- ContextMenu (Overlay) — 7 documented props
- DataTable (Data) — 11 documented props
- DatePicker (Forms) — 7 documented props
- DateRangePicker (Forms) — 13 documented props
- DateTimePicker (Forms) — 16 documented props
- Dialog (Overlay) — 8 documented props
- DisclosureButton (Content) — 7 documented props
- DisclosureGroup (Content) — 5 documented props
- DisclosureList (Content) — 2 documented props
- DisclosureTriangle (Content) — 5 documented props
- DockBar (Navigation) — 1 documented props
- DockMenu (Navigation) — 10 documented props
- DocumentLauncher (Files) — 7 documented props
- DocumentToolbar (Files) — 8 documented props
- DragDropList (DragDrop) — 4 documented props
- Draggable (DragDrop) — 6 documented props
- Drawer (Overlay) — 10 documented props
- DropZone (DragDrop) — 7 documented props
- EditMenu (Navigation) — 12 documented props
- EditMenuSelection (Other) — 0 documented props
- EmptyState (Feedback) — 5 documented props
- FileBrowser (Files) — 11 documented props
- FilePreview (Files) — 3 documented props
- FileUpload (Forms) — 8 documented props
- Header (Navigation) — 0 documented props
- HeaderActions (Other) — 0 documented props
- HeaderBrand (Other) — 0 documented props
- HeaderTitle (Other) — 0 documented props
- HelpButton (Actions) — 1 documented props
- HomeScreenQuickActions (Platform) — 9 documented props
- ImageButton (Content) — 3 documented props
- ImageOverlay (Content) — 1 documented props
- ImageView (Content) — 8 documented props
- ImageWell (Content) — 6 documented props
- Input (Forms) — 13 documented props
- Label (Content) — 4 documented props
- LiquidGlass (Glass) — 27 documented props
- LiquidGlassButton (Glass) — 30 documented props
- LiquidGlassCheckbox (Glass) — 35 documented props
- LiquidGlassProgress (Glass) — 32 documented props
- LiquidGlassRange (Glass) — 36 documented props
- LiquidGlassSwitch (Glass) — 35 documented props
- LiquidGlassTabBar (Glass) — 38 documented props
- LiquidGlassTopBar (Glass) — 42 documented props
- List (Data) — 2 documented props
- ListRow (Data) — 8 documented props
- ListSection (Data) — 2 documented props
- Lockup (Layout) — 5 documented props
- LockupCard (Other) — 2 documented props
- LockupRow (Other) — 2 documented props
- Menu (Navigation) — 11 documented props
- MenuBar (Navigation) — 13 documented props
- MenuBarExtra (Navigation) — 7 documented props
- MnemonicLabel (Other) — 3 documented props
- Modal (Overlay) — 9 documented props
- Monogram (Other) — 2 documented props
- MorePullDownButton (Navigation) — 0 documented props
- Ornament (Layout) — 0 documented props
- OrnamentButton (Layout) — 1 documented props
- OrnamentWindow (Layout) — 7 documented props
- OutlineView (Data) — 20 documented props
- OutlineViewToolbar (Data) — 4 documented props
- Pagination (Navigation) — 7 documented props
- PathControl (Navigation) — 8 documented props
- Picker (Forms) — 13 documented props
- Popover (Overlay) — 8 documented props
- PopUpButton (Navigation) — 9 documented props
- Poster (Other) — 2 documented props
- Progress (Feedback) — 6 documented props
- PullDownButton (Navigation) — 9 documented props
- Radio (Forms) — 4 documented props
- SecureField (Forms) — 0 documented props
- Select (Forms) — 9 documented props
- Skeleton (Feedback) — 4 documented props
- Spinner (Feedback) — 2 documented props
- SplitView (Layout) — 6 documented props
- SplitViewPane (Layout) — 9 documented props
- SplitViewToolbar (Layout) — 1 documented props
- SquareButton (Actions) — 3 documented props
- Switch (Forms) — 6 documented props
- Table (Data) — 12 documented props
- Tabs (Navigation) — 3 documented props
- TabsList (Navigation) — 1 documented props
- TabsPanel (Navigation) — 1 documented props
- TabsTrigger (Navigation) — 2 documented props
- TabView (Navigation) — 7 documented props
- TabViewList (Navigation) — 1 documented props
- TabViewPanel (Navigation) — 1 documented props
- TabViewTab (Navigation) — 3 documented props
- Textarea (Forms) — 7 documented props
- TextView (Content) — 4 documented props
- ThemeCustomizationContext (Other) — 0 documented props
- TimePicker (Forms) — 7 documented props
- TokenField (Forms) — 9 documented props
- Toolbar (Toolbar) — 4 documented props
- ToolbarBackButton (Toolbar) — 2 documented props
- ToolbarCloseButton (Toolbar) — 1 documented props
- ToolbarDocumentMenu (Toolbar) — 4 documented props
- ToolbarFixedSpace (Toolbar) — 0 documented props
- ToolbarGroup (Toolbar) — 0 documented props
- ToolbarItem (Toolbar) — 6 documented props
- ToolbarMoreButton (Toolbar) — 4 documented props
- ToolbarProminentButton (Toolbar) — 1 documented props
- ToolbarSearch (Toolbar) — 3 documented props
- ToolbarSection (Toolbar) — 2 documented props
- ToolbarTitle (Toolbar) — 1 documented props
- Tooltip (Feedback) — 2 documented props
- Typography (Content) — 2 documented props
- UnsavedIndicator (Files) — 2 documented props
- WheelColumn (Forms) — 5 documented props
- WheelPicker (Forms) — 6 documented props

## Guides
- Architecture: /docs/guides/architecture
- Vue 3: /docs/guides/vue
- Svelte 5: /docs/guides/svelte
- Next.js: /docs/guides/nextjs
- Nuxt: /docs/guides/nuxt
- Runtime: /docs/guides/runtime
- Customization: /docs/guides/customization
- Motion system: /docs/guides/motion
- Refined design language: /docs/guides/design-language
- Observability: /docs/guides/observability
- DevTools: /docs/guides/devtools
- AI runtime: /docs/guides/ai
- Migration & CLI: /docs/guides/migration
- Agent-ready hosting: /docs/guides/agent-ready
- Roadmap: /docs/guides/roadmap

## Machine-readable metadata
- Component JSON: /components/{slug}.json