[Components] Base-UI migration

[Powerplex]

Description

We decided to move from RadixUI/react-aria/zagjs to either Base-UI or custom made components.

Here is the migration order I suggest:

Components with knows bugs/issues

• 1. Accordion + Collapsible
• 2. Avatar
• 3. Combobox (VERY COMPLICATED)

Base UI components:

• AlertDialog + Dialog + Drawer
• Checkbox + CheckboxGroup
• Divider (Separator)
• Dropdown
• Pagination
• Popover
• Progress
• Radio + RadioGroup
• Select
• Slider
• Slot
• Snackbar
• Stepper
• Switch
• Tabs

Other:

• Label (remove radix and migrate to custom code)
• Portal (remove radix and migrate to custom code)
• VisuallyHidden

The following components will remain custom because they either do not exist in BASE UI or we can manage them easily: Badge, BreadCrumb, Button, Carousel, Chip, FormField, Icon, IconButton, Input, Kbd, LinkBox, ProgressTracker, Rating, ScrollingList, Skeleton, Spinner, Tag, TextLink, Textarea

Future candidate components for Spark from Base UI:

• Tooltip
• Fieldset
• Menu
• MenuBar
• Meter
• NavigationMenu
• Preview Card
• ScrollArea
• Toggle
• ToggleGroup

Problem Statement/Justification

TODO

Proposed Solution or API

todo

Alternatives

No response

Additional Information

No response