Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 7 additions & 1 deletion .claude/settings.local.json
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,13 @@
"Bash(git log:*)",
"Bash(npm run preview:*)",
"Bash(npx:*)",
"Bash(kill:*)"
"Bash(kill:*)",
"WebFetch(domain:mui.com)",
"WebFetch(domain:v6.mui.com)",
"WebFetch(domain:daisyui.com)",
"WebFetch(domain:headlessui.com)",
"Bash(gh pr:*)",
"Bash(git stash:*)"
],
"deny": []
}
Expand Down
43 changes: 43 additions & 0 deletions CLAUDE.md
Original file line number Diff line number Diff line change
Expand Up @@ -89,6 +89,49 @@ Key tables with security considerations:
- Primary brand color: `#3E6FF3`
- Custom fonts: Geist and Inter

### UI Component Libraries
**IMPORTANT**: Do NOT use deprecated Radix UI components. Use these modern alternatives:

#### Primary UI Libraries:
- **DaisyUI**: Pre-styled Tailwind components for basic UI elements
- **Headless UI**: Unstyled behavioral components for complex interactions
- **Documentation**: See `/docs/UI_LIBRARY_GUIDE.md` and `/docs/RADIX_MIGRATION_PLAN.md`

#### Component Guidelines:
- Use DaisyUI for: buttons, inputs, modals, alerts, forms, navigation
- Use Headless UI for: complex dropdowns, comboboxes, tabs with state
- Never import from `@radix-ui/*` packages (deprecated)
- All UI components must be accessible and React 19 compatible

#### Installation:
```bash
bun add @headlessui/react
bun add -D daisyui@latest
```

#### Example Usage:
```tsx
// DaisyUI Button
<button className="btn btn-primary">Click me</button>

// DaisyUI Modal
<div className="modal modal-open">
<div className="modal-box">
<h3 className="font-bold text-lg">Title</h3>
<p>Content</p>
</div>
</div>

// Headless UI Dropdown
import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/react'
<Menu>
<MenuButton className="btn">Options</MenuButton>
<MenuItems className="menu bg-base-100 shadow">
<MenuItem><a href="#">Item 1</a></MenuItem>
</MenuItems>
</Menu>
```

### Development Environment
- Uses lovable-tagger in development mode
- Images stored in `public/lovable-uploads/`
Expand Down
30 changes: 30 additions & 0 deletions bun.lock

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading