feat: Add UI Primitives - FocusTrap, DismissableLayer, and Dialog.

[cpcramer]

What changed? Why?
Introduces new UI primitive components - FocusTrap, DismissableLayer, and Dialog.

FocusTrap:

• Ensures keyboard focus remains within a contained area for accessibility

DismissableLayer:

• Handles dismissal using outside clicks and escape key events

Dialog:

• Portaling to document.body: Lets you render content (like modals, dialogs, or popups) outside of your component's normal DOM hierarchy. Avoids z-index and stacking context issues since the modal lives at the root. Prevents parent CSS from accidentally affecting your modal. Better for accessibility and screen readers. More semantic HTML structure
• Focus management (trapping focus within dialog)
• Click outside and escape key dismissal
• Proper ARIA attributes for accessibility

Design Principles:

• Limited styling
• ARIA Accessibility built in
• Optional props by default
• Stand-alone primitive components

Updated WalletModal to use the primitives for:

• Proper modal dialog behavior with ARIA attributes
• Focus trapping for keyboard navigation
• Click outside and escape key dismissal
• Portal-based rendering

Notes to reviewers

How has it been tested?

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
onchainkit-coverage	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 17, 2025 6:24pm
onchainkit-playground	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 17, 2025 6:24pm
onchainkit-routes	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 17, 2025 6:24pm