diff --git a/.cursorrules b/.cursorrules
deleted file mode 100644
index 90d9edc7b..000000000
--- a/.cursorrules
+++ /dev/null
@@ -1,1149 +0,0 @@
-# DotUI Component Usage Guide
-
-This document provides comprehensive usage examples for all DotUI components. Components are built on React Aria Components and use Tailwind Variants for styling.
-
-## Import Pattern
-
-All components are imported from `@dotui/registry/ui/{component-name}`:
-
-```tsx
-import { ComponentName } from "@dotui/registry/ui/component-name";
-```
-
----
-
-## Form Components
-
-### TextField
-
-A wrapper component for text input fields that provides proper form structure.
-
-```tsx
-import { Label } from "@dotui/registry/ui/field";
-import { Input } from "@dotui/registry/ui/input";
-import { TextField } from "@dotui/registry/ui/text-field";
-
-<TextField>
-  <Label>Email</Label>
-  <Input placeholder="hello@mehdibha.com" />
-</TextField>;
-```
-
-### Input
-
-Basic text input component. Can be used standalone or within InputGroup.
-
-```tsx
-import { Input, InputGroup, InputAddon } from "@dotui/registry/ui/input";
-
-// Standalone
-<Input placeholder="Enter text" />
-
-// With InputGroup (for addons/icons)
-<InputGroup>
-  <InputAddon>@</InputAddon>
-  <Input placeholder="username" />
-</InputGroup>
-
-// With TextArea
-<InputGroup>
-  <TextArea placeholder="Enter description" />
-</InputGroup>
-```
-
-### Checkbox
-
-Checkbox input with indicator component.
-
-```tsx
-import { Checkbox, CheckboxIndicator } from "@dotui/registry/ui/checkbox";
-import { Label } from "@dotui/registry/ui/field";
-
-<Checkbox>
-  <CheckboxIndicator />
-  <Label>I accept the terms and conditions</Label>
-</Checkbox>;
-```
-
-### Switch
-
-Toggle switch component.
-
-```tsx
-import { Label } from "@dotui/registry/ui/field";
-import { Switch, SwitchIndicator } from "@dotui/registry/ui/switch";
-
-<Switch>
-  <SwitchIndicator />
-  <Label>Focus mode</Label>
-</Switch>;
-```
-
-### RadioGroup
-
-Radio button group with multiple options.
-
-```tsx
-import { FieldGroup, Label } from "@dotui/registry/ui/field";
-import {
-  Radio,
-  RadioGroup,
-  RadioIndicator,
-} from "@dotui/registry/ui/radio-group";
-
-<RadioGroup defaultValue="sm">
-  <Label>Size</Label>
-  <FieldGroup>
-    <Radio value="sm">
-      <RadioIndicator />
-      <Label>Small</Label>
-    </Radio>
-    <Radio value="md">
-      <RadioIndicator />
-      <Label>Medium</Label>
-    </Radio>
-    <Radio value="lg">
-      <RadioIndicator />
-      <Label>Large</Label>
-    </Radio>
-  </FieldGroup>
-</RadioGroup>;
-```
-
-### Select
-
-Dropdown select component with trigger and content.
-
-```tsx
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-} from "@dotui/registry/ui/select";
-
-<Select aria-label="Provider">
-  <SelectTrigger />
-  <SelectContent>
-    <SelectItem>Perplexity</SelectItem>
-    <SelectItem>Replicate</SelectItem>
-    <SelectItem>Together AI</SelectItem>
-    <SelectItem>ElevenLabs</SelectItem>
-  </SelectContent>
-</Select>;
-```
-
-### Combobox
-
-Autocomplete input with dropdown list.
-
-```tsx
-import {
-  Combobox,
-  ComboboxContent,
-  ComboboxInput,
-  ComboboxItem,
-} from "@dotui/registry/ui/combobox";
-
-<Combobox aria-label="country">
-  <ComboboxInput />
-  <ComboboxContent>
-    <ComboboxItem>Canada</ComboboxItem>
-    <ComboboxItem>France</ComboboxItem>
-    <ComboboxItem>Germany</ComboboxItem>
-  </ComboboxContent>
-</Combobox>;
-```
-
-### Slider
-
-Range slider component.
-
-```tsx
-import { Slider, SliderControl } from "@dotui/registry/ui/slider";
-
-<Slider aria-label="Opacity" defaultValue={50}>
-  <SliderControl />
-</Slider>;
-```
-
-### ProgressBar
-
-Progress indicator component.
-
-```tsx
-import {
-  ProgressBar,
-  ProgressBarControl,
-} from "@dotui/registry/ui/progress-bar";
-
-<ProgressBar aria-label="loading" value={66}>
-  <ProgressBarControl />
-</ProgressBar>;
-```
-
----
-
-## Button Components
-
-### Button
-
-Standard button with multiple variants and sizes.
-
-```tsx
-import { Button } from "@dotui/registry/ui/button";
-
-// Basic usage
-<Button>Button</Button>
-
-// With variant
-<Button variant="primary">Primary</Button>
-<Button variant="danger">Delete</Button>
-<Button variant="quiet">Quiet</Button>
-<Button variant="link">Link</Button>
-
-// With size
-<Button size="sm">Small</Button>
-<Button size="md">Medium</Button>
-<Button size="lg">Large</Button>
-
-// With icon
-<Button>
-  <PenSquareIcon /> Create issue
-</Button>
-
-// Pending state (shows loader automatically)
-<Button isPending>Loading...</Button>
-```
-
-### ToggleButton
-
-Button that can be toggled on/off.
-
-```tsx
-import { ToggleButton } from "@dotui/registry/ui/toggle-button";
-
-<ToggleButton aria-label="Toggle pin">
-  <PinIcon className="rotate-45" />
-</ToggleButton>;
-```
-
----
-
-## Layout Components
-
-### Card
-
-Card container with header, content, and footer sections.
-
-```tsx
-import {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter,
-  CardAction,
-} from "@dotui/registry/ui/card";
-
-<Card>
-  <CardHeader>
-    <CardTitle>Card Title</CardTitle>
-    <CardDescription>Card description</CardDescription>
-    <CardAction>
-      <Button>Action</Button>
-    </CardAction>
-  </CardHeader>
-  <CardContent>Card content goes here</CardContent>
-  <CardFooter>Footer content</CardFooter>
-</Card>;
-```
-
-### Tabs
-
-Tabbed interface component.
-
-```tsx
-import { Tab, TabList, TabPanel, Tabs } from "@dotui/registry/ui/tabs";
-
-<Tabs>
-  <TabList>
-    <Tab id="overview">Overview</Tab>
-    <Tab id="usage">Usage</Tab>
-    <Tab id="settings">Settings</Tab>
-  </TabList>
-  <TabPanel id="overview">Overview content</TabPanel>
-  <TabPanel id="usage">Usage content</TabPanel>
-  <TabPanel id="settings">Settings content</TabPanel>
-</Tabs>;
-```
-
-### Accordion
-
-Collapsible accordion component.
-
-```tsx
-import {
-  Accordion,
-  AccordionHeading,
-  AccordionItem,
-  AccordionPanel,
-} from "@dotui/registry/ui/accordion";
-
-<Accordion>
-  <AccordionItem>
-    <AccordionHeading>Accordion Heading</AccordionHeading>
-    <AccordionPanel>Accordion Panel</AccordionPanel>
-  </AccordionItem>
-  <AccordionItem>
-    <AccordionHeading>Accordion Heading</AccordionHeading>
-    <AccordionPanel>Accordion Panel</AccordionPanel>
-  </AccordionItem>
-</Accordion>;
-```
-
----
-
-## Overlay Components
-
-### Dialog
-
-Dialog component that works with Overlay for modals.
-
-```tsx
-import { Button } from "@dotui/registry/ui/button";
-import {
-  Dialog,
-  DialogBody,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogHeading,
-} from "@dotui/registry/ui/dialog";
-import { Overlay } from "@dotui/registry/ui/overlay";
-import { Input, TextArea } from "@dotui/registry/ui/input";
-import { TextField } from "@dotui/registry/ui/text-field";
-
-<Dialog>
-  <Button>Open dialog</Button>
-  <Overlay>
-    <DialogContent>
-      <DialogHeader>
-        <DialogHeading>Create a new issue</DialogHeading>
-        <DialogDescription>
-          Report an issue or create a feature request.
-        </DialogDescription>
-      </DialogHeader>
-      <DialogBody>
-        <TextField aria-label="Title" autoFocus>
-          <Input placeholder="Title" className="w-full" />
-        </TextField>
-        <TextField aria-label="Description">
-          <TextArea
-            aria-label="Description"
-            placeholder="description"
-            className="w-full"
-          />
-        </TextField>
-      </DialogBody>
-      <DialogFooter>
-        <Button slot="close">Cancel</Button>
-        <Button slot="close" variant="primary">
-          Save changes
-        </Button>
-      </DialogFooter>
-    </DialogContent>
-  </Overlay>
-</Dialog>;
-```
-
-### Modal
-
-Modal overlay component (uses Dialog inside).
-
-```tsx
-import { Button } from "@dotui/registry/ui/button";
-import { Dialog, DialogContent } from "@dotui/registry/ui/dialog";
-import { Modal } from "@dotui/registry/ui/modal";
-
-<Dialog>
-  <Button>Open modal</Button>
-  <Modal>
-    <DialogContent>modal content</DialogContent>
-  </Modal>
-</Dialog>;
-```
-
-### Drawer
-
-Bottom/top/side drawer component.
-
-```tsx
-import { Button } from "@dotui/registry/ui/button";
-import { Dialog, DialogContent } from "@dotui/registry/ui/dialog";
-import { Drawer } from "@dotui/registry/ui/drawer";
-
-<Dialog>
-  <Button>Open drawer</Button>
-  <Drawer placement="bottom">
-    <DialogContent>Drawer content</DialogContent>
-  </Drawer>
-</Dialog>;
-```
-
-### Popover
-
-Popover component for dropdowns and floating content.
-
-```tsx
-import { Button } from "@dotui/registry/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeading,
-} from "@dotui/registry/ui/dialog";
-import { Popover } from "@dotui/registry/ui/popover";
-
-<Dialog>
-  <Button aria-label="Help">
-    <InfoIcon />
-  </Button>
-  <Popover>
-    <DialogContent className="w-56 space-y-4">
-      <DialogHeading>Need help?</DialogHeading>
-      <p>
-        If you're having issues accessing your account, contact our customer
-        support team for help.
-      </p>
-    </DialogContent>
-  </Popover>
-</Dialog>;
-```
-
-### Tooltip
-
-Tooltip component for contextual help.
-
-```tsx
-import { Button } from "@dotui/registry/ui/button";
-import { Kbd } from "@dotui/registry/ui/kbd";
-import { Tooltip, TooltipContent } from "@dotui/registry/ui/tooltip";
-
-<Tooltip>
-  <Button>
-    <SquarePenIcon />
-  </Button>
-  <TooltipContent>
-    Create new issue <Kbd>C</Kbd>
-  </TooltipContent>
-</Tooltip>;
-```
-
----
-
-## Menu Components
-
-### Menu
-
-Dropdown menu component.
-
-```tsx
-import { Button } from "@dotui/registry/ui/button";
-import { Menu, MenuContent, MenuItem } from "@dotui/registry/ui/menu";
-import { Popover } from "@dotui/registry/ui/popover";
-
-<Menu>
-  <Button>
-    <MenuIcon />
-  </Button>
-  <Popover>
-    <MenuContent>
-      <MenuItem>Account settings</MenuItem>
-      <MenuItem>Create team</MenuItem>
-      <MenuItem>Command menu</MenuItem>
-      <MenuItem>Log out</MenuItem>
-    </MenuContent>
-  </Popover>
-</Menu>;
-```
-
-### ListBox
-
-List box component (often used with Select/Combobox).
-
-```tsx
-import { ListBox, ListBoxItem } from "@dotui/registry/ui/list-box";
-
-<ListBox aria-label="Framework">
-  <ListBoxItem>Next.js</ListBoxItem>
-  <ListBoxItem>Remix</ListBoxItem>
-  <ListBoxItem>Astro</ListBoxItem>
-  <ListBoxItem>Gatsby</ListBoxItem>
-</ListBox>;
-```
-
----
-
-## Display Components
-
-### Avatar
-
-Avatar component with image and fallback.
-
-```tsx
-import { Avatar, AvatarGroup } from "@dotui/registry/ui/avatar";
-
-// Simple usage
-<Avatar
-  src="https://github.com/mehdibha.png"
-  alt="@mehdibha"
-  fallback="M"
-/>
-
-// With AvatarGroup (compound pattern)
-<AvatarGroup>
-  <Avatar src="..." alt="..." />
-  <Avatar src="..." alt="..." />
-</AvatarGroup>
-
-// Note: Avatar.Group compound pattern also available, but AvatarGroup as separate export is preferred
-```
-
-### Badge
-
-Badge component for labels and tags.
-
-```tsx
-import { Badge } from "@dotui/registry/ui/badge";
-
-<Badge>Badge</Badge>
-<Badge variant="danger">Error</Badge>
-<Badge variant="success">Success</Badge>
-<Badge variant="warning">Warning</Badge>
-<Badge variant="info">Info</Badge>
-```
-
-### Alert
-
-Alert component for notifications.
-
-```tsx
-import { Alert, AlertDescription, AlertTitle } from "@dotui/registry/ui/alert";
-
-<Alert>
-  <AlertTitle>Payment information</AlertTitle>
-  <AlertDescription>
-    You are currently on the free plan. Upgrade to unlock more features.
-  </AlertDescription>
-</Alert>
-
-// With variants
-<Alert variant="danger">...</Alert>
-<Alert variant="warning">...</Alert>
-<Alert variant="success">...</Alert>
-<Alert variant="info">...</Alert>
-```
-
----
-
-## Field Components
-
-### Field
-
-Base field component for form structure.
-
-```tsx
-import {
-  Field,
-  FieldGroup,
-  Fieldset,
-  Legend,
-  Label,
-  Description,
-  FieldError,
-} from "@dotui/registry/ui/field";
-
-<Fieldset>
-  <Legend>Form Section</Legend>
-  <FieldGroup>
-    <Field>
-      <Label>Email</Label>
-      <Input />
-      <Description>Enter your email address</Description>
-      <FieldError>Email is required</FieldError>
-    </Field>
-  </FieldGroup>
-</Fieldset>;
-```
-
----
-
-## Component Patterns
-
-### Compound Components
-
-Many components use compound component patterns:
-
-```tsx
-// Avatar - compound pattern (AvatarGroup as separate export)
-<AvatarGroup>
-  <Avatar src="..." alt="..." />
-  <Avatar src="..." alt="..." />
-</AvatarGroup>
-
-// Avatar - advanced usage with sub-components
-<AvatarRoot>
-  <AvatarImage src="..." alt="..." />
-  <AvatarFallback>AB</AvatarFallback>
-</AvatarRoot>
-
-// Card - separate components
-<Card>
-  <CardHeader>
-    <CardTitle />
-    <CardDescription />
-  </CardHeader>
-  <CardContent />
-  <CardFooter />
-</Card>
-```
-
-### React Aria Patterns
-
-Components follow React Aria Components patterns:
-
-- Use `composeRenderProps` for className composition
-- Support render props and render props context
-- Follow accessibility patterns from React Aria
-- Use `slot` prop for composition
-
-### Styling
-
-- Components use Tailwind Variants (`tv`) for styling
-- Variants can be passed as props (e.g., `variant`, `size`)
-- Default variants are applied automatically
-- Custom className can be merged with component styles
-
-### Context Providers
-
-Some components use context for variants:
-
-```tsx
-// Button with context
-<ButtonProvider variant="primary" size="lg">
-  <Button>Uses provider props</Button>
-</ButtonProvider>
-```
-
----
-
-## Common Props
-
-### Size Variants
-
-Most components support size variants:
-
-- `size="sm"` - Small
-- `size="md"` - Medium (default)
-- `size="lg"` - Large
-
-### Variant Props
-
-Common variant options:
-
-- `variant="default"` - Default style
-- `variant="primary"` - Primary color
-- `variant="danger"` - Danger/error color
-- `variant="success"` - Success color
-- `variant="warning"` - Warning color
-- `variant="quiet"` - Subtle/minimal style
-
-### State Props
-
-React Aria state props:
-
-- `isDisabled` - Disabled state
-- `isReadOnly` - Read-only state
-- `isRequired` - Required field
-- `isInvalid` - Invalid/error state
-- `isSelected` - Selected state (for toggles)
-- `isPending` - Loading/pending state
-
----
-
-## Utility Components
-
-### Breadcrumbs
-
-Navigation breadcrumb component.
-
-```tsx
-import { Breadcrumb, Breadcrumbs } from "@dotui/registry/ui/breadcrumbs";
-
-<Breadcrumbs>
-  <Breadcrumb href="#">Home</Breadcrumb>
-  <Breadcrumb href="#">Components</Breadcrumb>
-  <Breadcrumb href="#">Breadcrumbs</Breadcrumb>
-</Breadcrumbs>;
-```
-
-### Kbd
-
-Keyboard key indicator component.
-
-```tsx
-import { Kbd, KbdGroup } from "@dotui/registry/ui/kbd";
-
-<KbdGroup>
-  <Kbd>⌘</Kbd>
-  <Kbd>K</Kbd>
-</KbdGroup>;
-```
-
-### Link
-
-Link component with variants.
-
-```tsx
-import { Link } from "@dotui/registry/ui/link";
-
-<Link href="/about">About</Link>
-<Link href="/docs" variant="accent">Documentation</Link>
-<Link href="/contact" variant="quiet">Contact</Link>
-```
-
-### Separator
-
-Visual separator component.
-
-```tsx
-import { Separator } from "@dotui/registry/ui/separator";
-
-<Separator orientation="horizontal" />
-<Separator orientation="vertical" />
-```
-
-### Loader
-
-Loading spinner component.
-
-```tsx
-import { Loader } from "@dotui/registry/ui/loader";
-
-<Loader />
-<Loader size={24} stroke={3} />
-```
-
-### Text
-
-Text component with skeleton support.
-
-```tsx
-import { Text } from "@dotui/registry/ui/text";
-
-<Text>Simple text content</Text>;
-```
-
-### Skeleton
-
-Skeleton loading placeholder.
-
-```tsx
-import { Skeleton, SkeletonProvider } from "@dotui/registry/ui/skeleton";
-
-<SkeletonProvider isLoading={true}>
-  <Skeleton>Content to show skeleton for</Skeleton>
-</SkeletonProvider>;
-```
-
----
-
-## Form Field Components
-
-### SearchField
-
-Search input field wrapper.
-
-```tsx
-import { Input } from "@dotui/registry/ui/input";
-import { SearchField } from "@dotui/registry/ui/search-field";
-
-<SearchField aria-label="Search">
-  <Input />
-</SearchField>;
-```
-
-### NumberField
-
-Number input field with increment/decrement buttons.
-
-```tsx
-import { Input } from "@dotui/registry/ui/input";
-import { NumberField } from "@dotui/registry/ui/number-field";
-import { Label } from "@dotui/registry/ui/field";
-
-<NumberField>
-  <Label>Quantity</Label>
-  <Input />
-</NumberField>;
-```
-
-### ToggleButtonGroup
-
-Group of toggle buttons.
-
-```tsx
-import { ToggleButton } from "@dotui/registry/ui/toggle-button";
-import { ToggleButtonGroup } from "@dotui/registry/ui/toggle-button-group";
-
-<ToggleButtonGroup orientation="horizontal">
-  <ToggleButton value="left">Left</ToggleButton>
-  <ToggleButton value="center">Center</ToggleButton>
-  <ToggleButton value="right">Right</ToggleButton>
-</ToggleButtonGroup>;
-```
-
-### Group
-
-Group component for organizing related form elements.
-
-```tsx
-import { Group } from "@dotui/registry/ui/group";
-import { Button } from "@dotui/registry/ui/button";
-
-<Group orientation="horizontal">
-  <Button>First</Button>
-  <Button>Second</Button>
-  <Button>Third</Button>
-</Group>;
-```
-
-### Overlay
-
-Responsive overlay component that switches between Modal, Popover, and Drawer based on screen size.
-
-```tsx
-import { Dialog, DialogContent } from "@dotui/registry/ui/dialog";
-import { Overlay } from "@dotui/registry/ui/overlay";
-
-<Dialog>
-  <Button>Open overlay</Button>
-  <Overlay type="modal" mobileType="drawer">
-    <DialogContent>Content</DialogContent>
-  </Overlay>
-</Dialog>;
-```
-
----
-
-## Date & Time Components
-
-### Calendar
-
-Calendar component for date selection.
-
-```tsx
-import { Calendar } from "@dotui/registry/ui/calendar";
-
-<Calendar aria-label="Appointment date" />
-
-// With custom header and grid
-<Calendar>
-  <CalendarHeader />
-  <CalendarGrid>
-    <CalendarGridHeader>
-      {(day) => <CalendarHeaderCell>{day}</CalendarHeaderCell>}
-    </CalendarGridHeader>
-    <CalendarGridBody>
-      {(date) => <CalendarCell date={date} />}
-    </CalendarGridBody>
-  </CalendarGrid>
-</Calendar>
-```
-
-### DateField
-
-Date input field wrapper.
-
-```tsx
-import { DateField } from "@dotui/registry/ui/date-field";
-import { DateInput } from "@dotui/registry/ui/input";
-
-<DateField aria-label="Meeting date">
-  <DateInput />
-</DateField>;
-```
-
-### DatePicker
-
-Date picker with calendar popover.
-
-```tsx
-import { Calendar } from "@dotui/registry/ui/calendar";
-import {
-  DatePicker,
-  DatePickerContent,
-  DatePickerInput,
-} from "@dotui/registry/ui/date-picker";
-
-<DatePicker aria-label="Meeting date">
-  <DatePickerInput />
-  <DatePickerContent>
-    <Calendar />
-  </DatePickerContent>
-</DatePicker>
-
-// Range mode
-<DatePicker mode="range" aria-label="Date range">
-  <DatePickerInput />
-  <DatePickerContent>
-    <Calendar mode="range" />
-  </DatePickerContent>
-</DatePicker>
-```
-
-### TimeField
-
-Time input field wrapper.
-
-```tsx
-import { DateInput } from "@dotui/registry/ui/input";
-import { TimeField } from "@dotui/registry/ui/time-field";
-
-<TimeField aria-label="Event time">
-  <DateInput />
-</TimeField>;
-```
-
----
-
-## Color Components
-
-### ColorPicker
-
-Color picker with popover.
-
-```tsx
-import { ColorEditor } from "@dotui/registry/ui/color-editor";
-import {
-  ColorPicker,
-  ColorPickerContent,
-  ColorPickerTrigger,
-} from "@dotui/registry/ui/color-picker";
-
-<ColorPicker>
-  <ColorPickerTrigger />
-  <ColorPickerContent>
-    <ColorEditor />
-  </ColorPickerContent>
-</ColorPicker>;
-```
-
-### ColorField
-
-Color input field wrapper.
-
-```tsx
-import { ColorField } from "@dotui/registry/ui/color-field";
-import { Label } from "@dotui/registry/ui/field";
-import { Input } from "@dotui/registry/ui/input";
-
-<ColorField>
-  <Label>Color</Label>
-  <Input />
-</ColorField>;
-```
-
-Note: Other color components (ColorArea, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorThumb) are typically used within ColorEditor or ColorPicker implementations.
-
----
-
-## Form Components
-
-### CheckboxGroup
-
-Group of checkboxes.
-
-```tsx
-import { Checkbox, CheckboxIndicator } from "@dotui/registry/ui/checkbox";
-import { CheckboxGroup } from "@dotui/registry/ui/checkbox-group";
-import { FieldGroup, Label } from "@dotui/registry/ui/field";
-
-<CheckboxGroup defaultValue={["nextjs"]}>
-  <Label>React frameworks</Label>
-  <FieldGroup>
-    <Checkbox value="nextjs">
-      <CheckboxIndicator />
-      <Label>Next.js</Label>
-    </Checkbox>
-    <Checkbox value="remix">
-      <CheckboxIndicator />
-      <Label>Remix</Label>
-    </Checkbox>
-  </FieldGroup>
-</CheckboxGroup>;
-```
-
-### Form
-
-Form wrapper component.
-
-```tsx
-import { Form } from "@dotui/registry/ui/form";
-import { Button } from "@dotui/registry/ui/button";
-import { Description, Label } from "@dotui/registry/ui/field";
-import { Input } from "@dotui/registry/ui/input";
-import { TextField } from "@dotui/registry/ui/text-field";
-
-<Form onSubmit={handleSubmit} className="space-y-4">
-  <TextField name="name" isRequired>
-    <Label>Name</Label>
-    <Input placeholder="Name" />
-    <Description>Please enter your full name.</Description>
-  </TextField>
-  <Button variant="primary" type="submit">
-    Submit
-  </Button>
-</Form>;
-```
-
-### FileTrigger
-
-File upload trigger wrapper.
-
-```tsx
-import { Button } from "@dotui/registry/ui/button";
-import { FileTrigger } from "@dotui/registry/ui/file-trigger";
-
-<FileTrigger
-  onSelect={(e) => {
-    if (e) {
-      const files = Array.from(e);
-      // Handle files
-    }
-  }}
-  allowsMultiple
->
-  <Button>Upload</Button>
-</FileTrigger>;
-```
-
-### DropZone
-
-File drop zone component.
-
-```tsx
-import { DropZone, DropZoneLabel } from "@dotui/registry/ui/drop-zone";
-
-<DropZone>
-  <DropZoneLabel>Drop files here</DropZoneLabel>
-</DropZone>;
-```
-
----
-
-## Advanced Components
-
-### Command
-
-Command palette/menu component.
-
-```tsx
-import {
-  Command,
-  CommandContent,
-  CommandInput,
-  CommandItem,
-} from "@dotui/registry/ui/command";
-
-<Command>
-  <CommandInput placeholder="Type a command..." />
-  <CommandContent>
-    <CommandItem textValue="Create new file">Create new file...</CommandItem>
-    <CommandItem textValue="Create new folder">
-      Create new folder...
-    </CommandItem>
-  </CommandContent>
-</Command>;
-```
-
-### Table
-
-Table component with columns and rows.
-
-```tsx
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableColumn,
-  TableHeader,
-  TableRow,
-} from "@dotui/registry/ui/table";
-
-<Table aria-label="Files">
-  <TableHeader>
-    <TableColumn isRowHeader>Name</TableColumn>
-    <TableColumn>Type</TableColumn>
-    <TableColumn>Date Modified</TableColumn>
-  </TableHeader>
-  <TableBody>
-    <TableRow>
-      <TableCell>Games</TableCell>
-      <TableCell>File folder</TableCell>
-      <TableCell>6/7/2020</TableCell>
-    </TableRow>
-  </TableBody>
-</Table>;
-```
-
-### TagGroup
-
-Tag group component for managing tags.
-
-```tsx
-import { Label } from "@dotui/registry/ui/field";
-import { Tag, TagGroup, TagList } from "@dotui/registry/ui/tag-group";
-
-<TagGroup>
-  <Label>Tags</Label>
-  <TagList>
-    <Tag>Tag 1</Tag>
-    <Tag>Tag 2</Tag>
-    <Tag allowsRemoving>Removable Tag</Tag>
-  </TagList>
-</TagGroup>;
-```
-
-### Toast
-
-Toast notification component (requires Toaster setup).
-
-```tsx
-import { Toaster, toast } from "@dotui/registry/ui/toast";
-
-// Setup Toaster once in your app
-<Toaster />;
-
-// Use toast to show notifications
-toast.add({
-  title: "Success",
-  description: "Operation completed successfully",
-  variant: "success",
-});
-
-// Variants: success, error, warning, info, neutral, danger
-```
-
----
-
-## Notes
-
-1. All components are client components (use "use client" directive)
-2. Components export both default and named exports
-3. TypeScript types are exported for all component props
-4. Components follow React Aria accessibility patterns
-5. Icons are typically imported from `@dotui/registry/icons`
-6. Utility functions are imported from `@dotui/registry/lib/utils`
diff --git a/.gitignore b/.gitignore
index 21d9c1504..f59798fd1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -41,4 +41,5 @@ Thumbs.db
 shadcn-ui
 
 nitro-main
-router-main
\ No newline at end of file
+router-main
+base-ui
\ No newline at end of file
diff --git a/packages/core/src/__registry__/blocks.ts b/packages/core/src/__registry__/blocks.ts
index bd78d234d..336c2ac3d 100644
--- a/packages/core/src/__registry__/blocks.ts
+++ b/packages/core/src/__registry__/blocks.ts
@@ -164,7 +164,7 @@ export default Cards;
 import { BookIcon, ContrastIcon, LanguagesIcon, LogOutIcon, SettingsIcon, User2Icon, Users2Icon } from "lucide-react";
 
 import { cn } from "@dotui/registry/lib/utils";
-import { Avatar } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
 import { Card, CardContent, CardHeader } from "@dotui/registry/ui/card";
 import { ListBox, ListBoxItem, ListBoxSection, ListBoxSectionHeader } from "@dotui/registry/ui/list-box";
 import { Separator } from "@dotui/registry/ui/separator";
@@ -173,7 +173,10 @@ export function AccountMenu({ className, ...props }: React.ComponentProps<"div">
 	return (
 		<Card className={cn("min-w-56 gap-0 py-0", className)} {...props}>
 			<CardHeader className="flex w-full items-center border-b px-4 py-3">
-				<Avatar src="https://github.com/mehdibha.png" size="sm" />
+				<Avatar size="sm">
+					<AvatarImage src="https://github.com/mehdibha.png" alt="mehdibha" />
+					<AvatarFallback>M</AvatarFallback>
+				</Avatar>
 				<div className="w-full text-sm">
 					<p className="font-semibold">mehdibha</p>
 					<p className="text-fg-muted">
@@ -716,7 +719,7 @@ export function Filters({ className, ...props }: React.ComponentProps<"div">) {
 import { PlusCircleIcon } from "lucide-react";
 
 import { ExternalLinkIcon } from "@dotui/registry/icons";
-import { Avatar } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
 import { Button } from "@dotui/registry/ui/button";
 import {
 	Card,
@@ -795,7 +798,10 @@ export function InviteMembers(props: React.ComponentProps<"div">) {
 							{teamMembers.map((member) => (
 								<div key={member.name} className="flex items-center justify-between gap-2">
 									<div className="flex items-center gap-2">
-										<Avatar src={member.avatar} size="sm" />
+										<Avatar size="sm">
+											<AvatarImage src={member.avatar} alt={member.name} />
+											<AvatarFallback>{member.name.charAt(0)}</AvatarFallback>
+										</Avatar>
 										<div className="text-sm">
 											<p>{member.name}</p>
 											<p className="text-fg-muted">{member.role}</p>
@@ -905,7 +911,7 @@ export function LoginForm(props: React.ComponentProps<"div">) {
 				content: `import React from "react";
 
 import { cn } from "@dotui/registry/lib/utils";
-import { Avatar } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
 import { Badge } from "@dotui/registry/ui/badge";
 import { Button } from "@dotui/registry/ui/button";
 import { Card, CardAction, CardContent, CardHeader, CardTitle } from "@dotui/registry/ui/card";
@@ -952,14 +958,15 @@ export function Notifications({ className, ...props }: React.ComponentProps<"div
 											<Separator />
 											<ListBoxItem textValue={notification.text}>
 												<div className="flex items-start gap-3 py-2">
-													<Avatar
-														src={notification.user.avatar}
-														fallback={notification.user.name
-															.split(" ")
-															.map((n) => n[0])
-															.join("")}
-														size="md"
-													/>
+													<Avatar size="md">
+														<AvatarImage src={notification.user.avatar} alt={notification.user.name} />
+														<AvatarFallback>
+															{notification.user.name
+																.split(" ")
+																.map((n) => n[0])
+																.join("")}
+														</AvatarFallback>
+													</Avatar>
 													<div className="flex-1">
 														<p className="text-sm">
 															<span className="font-medium">{notification.user.name}</span>{" "}
diff --git a/packages/core/src/__registry__/ui.ts b/packages/core/src/__registry__/ui.ts
index 542b63adb..8cc243afc 100644
--- a/packages/core/src/__registry__/ui.ts
+++ b/packages/core/src/__registry__/ui.ts
@@ -59,26 +59,28 @@ import type { VariantProps } from "tailwind-variants";
 
 const alertVariants = tv({
 	slots: {
-		base: "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border bg-card px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-		title: "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
-		description: "col-start-2 grid justify-items-start gap-1 text-muted-foreground text-sm [&_p]:leading-relaxed",
+		root: "relative grid w-full items-start gap-y-0.5 rounded-lg border bg-card px-4 py-3 text-sm has-[>svg]:has-data-alert-action:grid-cols-[calc(var(--spacing)*4)_1fr_auto] has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-data-alert-action:grid-cols-[1fr_auto] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+		title: "line-clamp-1 min-h-4 font-medium tracking-tight [svg~&]:col-start-2",
+		description: "grid justify-items-start gap-1 text-fg-muted [&_p]:leading-relaxed [svg~&]:col-start-2",
+		action:
+			"flex gap-1 sm:row-start-1 sm:row-end-3 sm:self-center sm:[[data-alert-title]~&]:col-start-2 sm:[svg~&]:col-start-2 sm:[svg~[data-alert-description]~&]:col-start-3 sm:[svg~[data-alert-title]~&]:col-start-3",
 	},
 	variants: {
 		variant: {
 			neutral: {
-				base: "text-fg",
+				root: "text-fg",
 			},
 			danger: {
-				base: "bg-danger-muted text-fg-danger *:data-[slot=alert-description]:text-fg-danger/90 [&>svg]:text-current",
+				root: "text-fg-danger *:data-alert-description:text-fg-danger/90",
 			},
 			warning: {
-				base: "text-fg-warning *:data-[slot=alert-description]:text-fg-warning/90 [&>svg]:text-current",
+				root: "text-fg-warning *:data-alert-description:text-fg-warning/90",
 			},
 			info: {
-				base: "text-fg-info *:data-[slot=alert-description]:text-fg-info/90 [&>svg]:text-current",
+				root: "text-fg-info *:data-alert-description:text-fg-info/90",
 			},
 			success: {
-				base: "text-fg-success *:data-[slot=alert-description]:text-fg-success/90 [&>svg]:text-current",
+				root: "text-fg-success *:data-alert-description:text-fg-success/90",
 			},
 		},
 	},
@@ -87,14 +89,14 @@ const alertVariants = tv({
 	},
 });
 
-const { base, title, description } = alertVariants();
+const { root, title, description, action } = alertVariants();
 
 /* -----------------------------------------------------------------------------------------------*/
 
 interface AlertProps extends React.ComponentProps<"div">, VariantProps<typeof alertVariants> {}
 
 function Alert({ className, variant, ...props }: AlertProps) {
-	return <div data-slot="alert" role="alert" className={base({ variant, className })} {...props} />;
+	return <div data-alert="" role="alert" className={root({ variant, className })} {...props} />;
 }
 
 /* -----------------------------------------------------------------------------------------------*/
@@ -102,7 +104,7 @@ function Alert({ className, variant, ...props }: AlertProps) {
 interface AlertTitleProps extends React.ComponentProps<"div"> {}
 
 function AlertTitle({ className, ...props }: AlertTitleProps) {
-	return <div data-slot="alert-title" className={title({ className })} {...props} />;
+	return <div data-alert-title="" className={title({ className })} {...props} />;
 }
 
 /* -----------------------------------------------------------------------------------------------*/
@@ -110,7 +112,7 @@ function AlertTitle({ className, ...props }: AlertTitleProps) {
 interface AlertDescriptionProps extends React.ComponentProps<"div"> {}
 
 function AlertDescription({ className, ...props }: AlertDescriptionProps) {
-	return <div data-slot="alert-description" className={description({ className })} {...props} />;
+	return <div data-alert-description="" className={description({ className })} {...props} />;
 }
 
 /* -----------------------------------------------------------------------------------------------*/
@@ -118,7 +120,7 @@ function AlertDescription({ className, ...props }: AlertDescriptionProps) {
 interface AlertActionProps extends React.ComponentProps<"div"> {}
 
 function AlertAction({ className, ...props }: AlertActionProps) {
-	return <div data-slot="alert-action" {...props} />;
+	return <div data-alert-action="" className={action({ className })} {...props} />;
 }
 
 /* -----------------------------------------------------------------------------------------------*/
@@ -135,13 +137,13 @@ export type { AlertProps, AlertTitleProps, AlertDescriptionProps, AlertActionPro
 	{
 		name: "avatar",
 		type: "registry:ui",
-		defaultVariant: "basic",
+		defaultVariant: "base",
 		variants: {
-			basic: {
+			base: {
 				files: [
 					{
 						type: "registry:ui",
-						path: "ui/avatar/basic.tsx",
+						path: "ui/avatar/base.tsx",
 						target: "ui/avatar.tsx",
 						content: `"use client";
 
@@ -155,17 +157,28 @@ import type { ImageLoadingStatus } from "@dotui/registry/hooks/use-image-loading
 
 const avatarStyles = tv({
 	slots: {
-		group: "flex flex-wrap -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-bg",
-		root: "relative inline-flex shrink-0 overflow-hidden rounded-full bg-bg align-middle",
-		image: "aspect-square size-full",
-		fallback: "flex size-full select-none items-center justify-center bg-muted",
-		placeholder: "flex size-full h-full animate-pulse items-center justify-center bg-muted",
+		root: [
+			"group/avatar relative inline-flex shrink-0 rounded-full bg-muted align-middle",
+			"*:data-badge:absolute *:data-badge:not-with-[right]:not-with-[left]:right-0 *:data-badge:not-with-[bottom]:not-with-[top]:bottom-0",
+		],
+		image: "aspect-square size-full rounded-[inherit] object-cover",
+		fallback:
+			"flex size-full select-none items-center justify-center rounded-[inherit] bg-muted text-sm group-data-[size=sm]/avatar:text-xs",
+		badge: [
+			"absolute right-0 with-[left]:right-auto bottom-0 with-[top]:bottom-auto z-10 inline-flex select-none items-center justify-center rounded-full bg-primary text-fg-on-primary bg-blend-color ring-2 ring-bg",
+			"not-with-[size]:group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
+			"not-with-[size]:group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2",
+			"not-with-[size]:group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
+		],
+		group: "group/avatar-group flex -space-x-2 *:data-avatar:ring-2 *:data-avatar:ring-bg",
+		groupCount:
+			"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-fg-muted text-sm ring-2 ring-bg group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
 	},
 	variants: {
 		size: {
-			sm: { group: "*:data-[slot=avatar]:size-8", root: "size-8" },
-			md: { group: "*:data-[slot=avatar]:size-10", root: "size-10" },
-			lg: { group: "*:data-[slot=avatar]:size-12", root: "size-12" },
+			sm: { group: "*:data-avatar:size-6", root: "size-6" },
+			md: { group: "*:data-avatar:size-8", root: "size-8" },
+			lg: { group: "*:data-avatar:size-10", root: "size-10" },
 		},
 	},
 	defaultVariants: {
@@ -173,53 +186,35 @@ const avatarStyles = tv({
 	},
 });
 
-const { group, root, image, fallback, placeholder } = avatarStyles();
-
-/* -----------------------------------------------------------------------------------------------*/
-
-interface AvatarGroupProps extends React.ComponentProps<"div">, VariantProps<typeof avatarStyles> {}
-
-const AvatarGroup = ({ className, size, ...props }: AvatarGroupProps) => {
-	return <div className={group({ className, size })} {...props} />;
-};
-
-/* -----------------------------------------------------------------------------------------------*/
+const { group, root, image, fallback, badge, groupCount } = avatarStyles();
 
-interface AvatarProps extends AvatarImageProps, VariantProps<typeof avatarStyles> {
-	fallback?: React.ReactNode;
-}
-const Avatar = ({ className, style, fallback, size, ...props }: AvatarProps) => {
-	return (
-		<AvatarRoot className={className} style={style} size={size}>
-			<AvatarImage {...props} />
-			<AvatarFallback>{fallback}</AvatarFallback>
-			<AvatarPlaceholder />
-		</AvatarRoot>
-	);
-};
-
-/* -----------------------------------------------------------------------------------------------*/
-
-const [AvatarInternalContext, useAvatarInternalContext] = createContext<{
+const [AvatarContext, useAvatarContext] = createContext<{
 	status: ImageLoadingStatus;
 	setStatus: (status: ImageLoadingStatus) => void;
 }>({
-	name: "AvatarRoot",
+	name: "Avatar",
 	strict: true,
 });
 
-interface AvatarRootProps extends React.ComponentProps<"span">, VariantProps<typeof avatarStyles> {}
-function AvatarRoot({ className, size, ...props }: AvatarRootProps) {
+/* -------------------------------------------------------------------------------------------------
+ * Avatar
+ * -----------------------------------------------------------------------------------------------*/
+
+interface AvatarProps extends React.ComponentProps<"span">, VariantProps<typeof avatarStyles> {}
+
+function Avatar({ className, size = "md", ...props }: AvatarProps) {
 	const [status, setStatus] = React.useState<ImageLoadingStatus>("idle");
 
 	return (
-		<AvatarInternalContext value={{ status, setStatus }}>
-			<span data-slot="avatar" className={root({ className, size })} {...props} />
-		</AvatarInternalContext>
+		<AvatarContext value={{ status, setStatus }}>
+			<span data-avatar="" data-size={size} className={root({ className, size })} {...props} />
+		</AvatarContext>
 	);
 }
 
-/* -----------------------------------------------------------------------------------------------*/
+/* -------------------------------------------------------------------------------------------------
+ * Avatar Image
+ * -----------------------------------------------------------------------------------------------*/
 
 interface AvatarImageProps extends Omit<React.ComponentProps<"img">, "src"> {
 	src?: string;
@@ -227,59 +222,71 @@ interface AvatarImageProps extends Omit<React.ComponentProps<"img">, "src"> {
 
 function AvatarImage({ src, alt, className, referrerPolicy, crossOrigin, ...props }: AvatarImageProps) {
 	const status = useImageLoadingStatus(src, { referrerPolicy, crossOrigin });
-	const { setStatus } = useAvatarInternalContext("AvatarImage");
+	const { setStatus } = useAvatarContext("AvatarImage");
 
 	React.useLayoutEffect(() => {
-		if (status !== "idle") {
-			setStatus(status);
-		}
+		setStatus(status);
 	}, [status, setStatus]);
 
 	if (status === "loaded")
-		return <img slot="avatar-image" className={image({ className })} src={src} alt={alt} {...props} />;
+		return <img data-avatar-image="" className={image({ className })} src={src} alt={alt} {...props} />;
 
 	return null;
 }
 
-/* -----------------------------------------------------------------------------------------------*/
+/* -------------------------------------------------------------------------------------------------
+ * Avatar Fallback
+ * -----------------------------------------------------------------------------------------------*/
 
-type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
+interface AvatarFallbackProps extends React.ComponentProps<"span"> {}
 
 const AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {
-	const { status } = useAvatarInternalContext("AvatarFallback");
-	if (status === "error") return <span slot="avatar-fallback" className={fallback({ className })} {...props} />;
+	const { status } = useAvatarContext("AvatarFallback");
+	if (status !== "loaded") return <span data-avatar-fallback="" className={fallback({ className })} {...props} />;
 	return null;
 };
 
-/* -----------------------------------------------------------------------------------------------*/
+/* -------------------------------------------------------------------------------------------------
+ * Avatar Badge
+ * -----------------------------------------------------------------------------------------------*/
 
-interface AvatarPlaceholderProps extends React.ComponentProps<"span"> {}
+interface AvatarBadgeProps extends React.ComponentProps<"span"> {}
 
-const AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {
-	const { status } = useAvatarInternalContext("AvatarPlaceholder");
-	if (["idle", "loading"].includes(status)) return <span className={placeholder({ className })} {...props} />;
-	return null;
+const AvatarBadge = ({ className, ...props }: AvatarBadgeProps) => {
+	return <span data-avatar-badge="" className={badge({ className })} {...props} />;
 };
 
-/* -----------------------------------------------------------------------------------------------*/
+/* -------------------------------------------------------------------------------------------------
+ * Avatar Group
+ * -----------------------------------------------------------------------------------------------*/
 
-const CompoundAvatar = Object.assign(Avatar, {
-	Group: AvatarGroup,
-	Root: AvatarRoot,
-	Image: AvatarImage,
-	Fallback: AvatarFallback,
-	Placeholder: AvatarPlaceholder,
-});
+interface AvatarGroupProps extends React.ComponentProps<"div">, VariantProps<typeof avatarStyles> {}
 
-export { CompoundAvatar as Avatar, AvatarGroup, AvatarRoot, AvatarImage, AvatarFallback, AvatarPlaceholder };
+const AvatarGroup = ({ className, size, ...props }: AvatarGroupProps) => {
+	return <div data-avatar-group="" className={group({ className, size })} {...props} />;
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Avatar Group Count
+ * -----------------------------------------------------------------------------------------------*/
+
+interface AvatarGroupCountProps extends React.ComponentProps<"span"> {}
+
+const AvatarGroupCount = ({ className, ...props }: AvatarGroupCountProps) => {
+	return <span data-avatar-group-count="" className={groupCount({ className })} {...props} />;
+};
+
+/* -----------------------------------------------------------------------------------------------*/
+
+export { AvatarGroup, Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroupCount };
 
 export type {
 	AvatarGroupProps,
 	AvatarProps,
-	AvatarRootProps,
 	AvatarImageProps,
 	AvatarFallbackProps,
-	AvatarPlaceholderProps,
+	AvatarBadgeProps,
+	AvatarGroupCountProps,
 };
 `,
 					},
@@ -303,24 +310,31 @@ import type * as React from "react";
 import type { VariantProps } from "tailwind-variants";
 
 const badgeStyles = tv({
-	base: "inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md px-2 py-0.5 font-medium text-xs [&>svg]:pointer-events-none [&>svg]:size-3",
+	base: "inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md px-2 py-0.5 font-medium text-xs [&>svg]:pointer-events-none",
 	variants: {
 		variant: {
 			default: "bg-neutral text-fg-on-neutral",
+			primary: "bg-primary text-fg-on-primary",
 			danger: "bg-danger text-fg-on-danger",
 			success: "bg-success text-fg-on-success",
 			warning: "bg-warning text-fg-on-warning",
 			info: "bg-info text-fg-on-info",
 		},
+		size: {
+			sm: "px-1.5 py-0.25 [&>svg]:size-3",
+			md: "px-2 py-0.5 [&>svg]:size-3",
+			lg: "px-2.5 py-0.75 [&>svg]:size-3",
+		},
 	},
 	defaultVariants: {
 		variant: "default",
+		size: "md",
 	},
 });
 
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeStyles> {}
-const Badge = ({ className, variant, ...props }: BadgeProps) => {
-	return <span role="presentation" className={badgeStyles({ variant, className })} {...props} />;
+const Badge = ({ className, variant, size, ...props }: BadgeProps) => {
+	return <span role="presentation" data-badge="" className={badgeStyles({ variant, size, className })} {...props} />;
 };
 
 export type { BadgeProps };
diff --git a/packages/core/src/__registry__/variants.ts b/packages/core/src/__registry__/variants.ts
index 022f822ac..7abeaa3c1 100644
--- a/packages/core/src/__registry__/variants.ts
+++ b/packages/core/src/__registry__/variants.ts
@@ -15,8 +15,8 @@ export const VARIANTS = {
 		group: "feedback",
 	},
 	avatar: {
-		options: ["basic"] as const,
-		default: "basic",
+		options: ["base"] as const,
+		default: "base",
 		group: "data-display",
 	},
 	badge: {
diff --git a/packages/core/src/react/dynamic-component.tsx b/packages/core/src/react/dynamic-component.tsx
index d5f3add58..7cd12ebe9 100644
--- a/packages/core/src/react/dynamic-component.tsx
+++ b/packages/core/src/react/dynamic-component.tsx
@@ -13,10 +13,7 @@ import { StyleContext } from "./context";
 
 type VariantKey = keyof typeof VARIANTS;
 
-export type VariantsMap<Props, _V extends string = string> = Record<
-	string,
-	React.LazyExoticComponent<React.ComponentType<Props>>
->;
+export type VariantsMap<Props> = Record<string, React.LazyExoticComponent<React.ComponentType<Props>>>;
 
 export interface CreateDynamicComponentOptions {
 	/** Disable skeleton fallback during loading */
@@ -149,11 +146,11 @@ class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundarySta
  * @param variants - Map of variant names to lazy-loaded components
  * @param options - Additional options
  */
-export function createDynamicComponent<Props extends object, V extends string = string>(
+export function createDynamicComponent<Props extends object>(
 	componentName: VariantKey,
 	displayName: string,
 	DefaultComponent: React.ComponentType<Props>,
-	variants: VariantsMap<Props, V>,
+	variants: VariantsMap<Props>,
 	options?: CreateDynamicComponentOptions,
 ): React.FC<Props> {
 	const { disableSkeleton = false } = options ?? {};
diff --git a/packages/registry/package.json b/packages/registry/package.json
index c00a5feae..e181f65c1 100644
--- a/packages/registry/package.json
+++ b/packages/registry/package.json
@@ -49,19 +49,19 @@
 	},
 	"peerDependencies": {
 		"@hookform/resolvers": "^5.2.2",
-		"@internationalized/date": "^3.10.0",
-		"@react-stately/utils": "^3.10.8",
+		"@internationalized/date": "^3.12.0",
+		"@react-stately/utils": "^3.11.0",
 		"@remixicon/react": "^4.2.0",
 		"@tanstack/react-form": "^1.23.4",
 		"clsx": "^2.1.0",
 		"lucide-react": "^0.546.0",
 		"motion": "^12.23.22",
 		"react": "^19.2.1",
-		"react-aria": "^3.44.0",
-		"react-aria-components": "^1.13.0",
+		"react-aria": "^3.47.0",
+		"react-aria-components": "^1.16.0",
 		"react-dom": "^19.2.1",
 		"react-hook-form": "^7.54.2",
-		"react-stately": "^3.42.0",
+		"react-stately": "^3.45.0",
 		"tailwind-merge": "^3.0.2",
 		"tailwind-variants": "^3.1.1"
 	},
@@ -81,8 +81,8 @@
 		"@dotui/core": "workspace:*",
 		"@hugeicons/core-free-icons": "^3.1.1",
 		"@hugeicons/react": "^1.1.4",
-		"@react-aria/utils": "^3.31.0",
-		"@react-types/shared": "^3.26.0",
+		"@react-aria/utils": "^3.33.1",
+		"@react-types/shared": "^3.33.1",
 		"@tabler/icons-react": "^3.35.0",
 		"react-error-boundary": "^6.0.0",
 		"tailwindcss-autocontrast": "workspace:*",
diff --git a/packages/registry/src/__generated__/demos.tsx b/packages/registry/src/__generated__/demos.tsx
index 1e6a6ad2f..c1e2d40c7 100644
--- a/packages/registry/src/__generated__/demos.tsx
+++ b/packages/registry/src/__generated__/demos.tsx
@@ -53,17 +53,49 @@ export const DemosIndex: Record<
 		files: ["ui/alert/demos/warning.tsx"],
 		component: React.lazy(() => import("@dotui/registry/ui/alert/demos/warning")),
 	},
-	"avatar/demos/composition": {
-		files: ["ui/avatar/demos/composition.tsx"],
-		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/composition")),
+	"avatar/demos/avatar-group-count": {
+		files: ["ui/avatar/demos/avatar-group-count.tsx"],
+		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/avatar-group-count")),
+	},
+	"avatar/demos/badge-notification": {
+		files: ["ui/avatar/demos/badge-notification.tsx"],
+		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/badge-notification")),
+	},
+	"avatar/demos/badge-top-right": {
+		files: ["ui/avatar/demos/badge-top-right.tsx"],
+		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/badge-top-right")),
+	},
+	"avatar/demos/badge-with-icon": {
+		files: ["ui/avatar/demos/badge-with-icon.tsx"],
+		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/badge-with-icon")),
+	},
+	"avatar/demos/badge": {
+		files: ["ui/avatar/demos/badge.tsx"],
+		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/badge")),
+	},
+	"avatar/demos/basic": {
+		files: ["ui/avatar/demos/basic.tsx"],
+		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/basic")),
 	},
 	"avatar/demos/default": {
 		files: ["ui/avatar/demos/default.tsx"],
 		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/default")),
 	},
-	"avatar/demos/shape": {
-		files: ["ui/avatar/demos/shape.tsx"],
-		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/shape")),
+	"avatar/demos/fallback-only": {
+		files: ["ui/avatar/demos/fallback-only.tsx"],
+		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/fallback-only")),
+	},
+	"avatar/demos/group": {
+		files: ["ui/avatar/demos/group.tsx"],
+		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/group")),
+	},
+	"avatar/demos/icon-fallback": {
+		files: ["ui/avatar/demos/icon-fallback.tsx"],
+		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/icon-fallback")),
+	},
+	"avatar/demos/radii": {
+		files: ["ui/avatar/demos/radii.tsx"],
+		component: React.lazy(() => import("@dotui/registry/ui/avatar/demos/radii")),
 	},
 	"avatar/demos/sizes": {
 		files: ["ui/avatar/demos/sizes.tsx"],
diff --git a/packages/registry/src/blocks/showcase/cards/components/account-menu.tsx b/packages/registry/src/blocks/showcase/cards/components/account-menu.tsx
index 59943829a..b3b63a766 100644
--- a/packages/registry/src/blocks/showcase/cards/components/account-menu.tsx
+++ b/packages/registry/src/blocks/showcase/cards/components/account-menu.tsx
@@ -3,7 +3,7 @@
 import { BookIcon, ContrastIcon, LanguagesIcon, LogOutIcon, SettingsIcon, User2Icon, Users2Icon } from "lucide-react";
 
 import { cn } from "@dotui/registry/lib/utils";
-import { Avatar } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
 import { Card, CardContent, CardHeader } from "@dotui/registry/ui/card";
 import { ListBox, ListBoxItem, ListBoxSection, ListBoxSectionHeader } from "@dotui/registry/ui/list-box";
 import { Separator } from "@dotui/registry/ui/separator";
@@ -12,7 +12,10 @@ export function AccountMenu({ className, ...props }: React.ComponentProps<"div">
 	return (
 		<Card className={cn("min-w-56 gap-0 py-0", className)} {...props}>
 			<CardHeader className="flex w-full items-center border-b px-4 py-3">
-				<Avatar src="https://github.com/mehdibha.png" size="sm" />
+				<Avatar size="sm">
+					<AvatarImage src="https://github.com/mehdibha.png" alt="mehdibha" />
+					<AvatarFallback>M</AvatarFallback>
+				</Avatar>
 				<div className="w-full text-sm">
 					<p className="font-semibold">mehdibha</p>
 					<p className="text-fg-muted">
diff --git a/packages/registry/src/blocks/showcase/cards/components/invite-members.tsx b/packages/registry/src/blocks/showcase/cards/components/invite-members.tsx
index f9120deb5..7d293be1f 100644
--- a/packages/registry/src/blocks/showcase/cards/components/invite-members.tsx
+++ b/packages/registry/src/blocks/showcase/cards/components/invite-members.tsx
@@ -3,7 +3,7 @@
 import { PlusCircleIcon } from "lucide-react";
 
 import { ExternalLinkIcon } from "@dotui/registry/icons";
-import { Avatar } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
 import { Button } from "@dotui/registry/ui/button";
 import {
 	Card,
@@ -82,7 +82,10 @@ export function InviteMembers(props: React.ComponentProps<"div">) {
 							{teamMembers.map((member) => (
 								<div key={member.name} className="flex items-center justify-between gap-2">
 									<div className="flex items-center gap-2">
-										<Avatar src={member.avatar} size="sm" />
+										<Avatar size="sm">
+											<AvatarImage src={member.avatar} alt={member.name} />
+											<AvatarFallback>{member.name.charAt(0)}</AvatarFallback>
+										</Avatar>
 										<div className="text-sm">
 											<p>{member.name}</p>
 											<p className="text-fg-muted">{member.role}</p>
diff --git a/packages/registry/src/blocks/showcase/cards/components/notifications.tsx b/packages/registry/src/blocks/showcase/cards/components/notifications.tsx
index c28f74296..e578f9986 100644
--- a/packages/registry/src/blocks/showcase/cards/components/notifications.tsx
+++ b/packages/registry/src/blocks/showcase/cards/components/notifications.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 
 import { cn } from "@dotui/registry/lib/utils";
-import { Avatar } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
 import { Badge } from "@dotui/registry/ui/badge";
 import { Button } from "@dotui/registry/ui/button";
 import { Card, CardAction, CardContent, CardHeader, CardTitle } from "@dotui/registry/ui/card";
@@ -48,14 +48,15 @@ export function Notifications({ className, ...props }: React.ComponentProps<"div
 											<Separator />
 											<ListBoxItem textValue={notification.text}>
 												<div className="flex items-start gap-3 py-2">
-													<Avatar
-														src={notification.user.avatar}
-														fallback={notification.user.name
-															.split(" ")
-															.map((n) => n[0])
-															.join("")}
-														size="md"
-													/>
+													<Avatar size="md">
+														<AvatarImage src={notification.user.avatar} alt={notification.user.name} />
+														<AvatarFallback>
+															{notification.user.name
+																.split(" ")
+																.map((n) => n[0])
+																.join("")}
+														</AvatarFallback>
+													</Avatar>
 													<div className="flex-1">
 														<p className="text-sm">
 															<span className="font-medium">{notification.user.name}</span>{" "}
diff --git a/packages/registry/src/ui/accordion/index.tsx b/packages/registry/src/ui/accordion/index.tsx
index 218ea7370..e359306fe 100644
--- a/packages/registry/src/ui/accordion/index.tsx
+++ b/packages/registry/src/ui/accordion/index.tsx
@@ -3,14 +3,8 @@
 import { createDynamicComponent } from "@dotui/core/react/dynamic-component";
 
 import * as Default from "./basic";
-import type { AccordionVariant } from "./meta";
 import type { AccordionProps } from "./types";
 
-export const Accordion = createDynamicComponent<AccordionProps, AccordionVariant>(
-	"accordion",
-	"Accordion",
-	Default.Accordion,
-	{},
-);
+export const Accordion = createDynamicComponent<AccordionProps>("accordion", "Accordion", Default.Accordion, {});
 
 export type { AccordionProps };
diff --git a/packages/registry/src/ui/alert/basic.tsx b/packages/registry/src/ui/alert/basic.tsx
index f6cd28bb9..5b38a2fdb 100644
--- a/packages/registry/src/ui/alert/basic.tsx
+++ b/packages/registry/src/ui/alert/basic.tsx
@@ -4,26 +4,28 @@ import type { VariantProps } from "tailwind-variants";
 
 const alertVariants = tv({
 	slots: {
-		base: "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border bg-card px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
-		title: "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
-		description: "col-start-2 grid justify-items-start gap-1 text-muted-foreground text-sm [&_p]:leading-relaxed",
+		root: "relative grid w-full items-start gap-y-0.5 rounded-lg border bg-card px-4 py-3 text-sm has-[>svg]:has-data-alert-action:grid-cols-[calc(var(--spacing)*4)_1fr_auto] has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-data-alert-action:grid-cols-[1fr_auto] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+		title: "line-clamp-1 min-h-4 font-medium tracking-tight [svg~&]:col-start-2",
+		description: "grid justify-items-start gap-1 text-fg-muted [&_p]:leading-relaxed [svg~&]:col-start-2",
+		action:
+			"flex gap-1 sm:row-start-1 sm:row-end-3 sm:self-center sm:[[data-alert-title]~&]:col-start-2 sm:[svg~&]:col-start-2 sm:[svg~[data-alert-description]~&]:col-start-3 sm:[svg~[data-alert-title]~&]:col-start-3",
 	},
 	variants: {
 		variant: {
 			neutral: {
-				base: "text-fg",
+				root: "text-fg",
 			},
 			danger: {
-				base: "bg-danger-muted text-fg-danger *:data-[slot=alert-description]:text-fg-danger/90 [&>svg]:text-current",
+				root: "text-fg-danger *:data-alert-description:text-fg-danger/90",
 			},
 			warning: {
-				base: "text-fg-warning *:data-[slot=alert-description]:text-fg-warning/90 [&>svg]:text-current",
+				root: "text-fg-warning *:data-alert-description:text-fg-warning/90",
 			},
 			info: {
-				base: "text-fg-info *:data-[slot=alert-description]:text-fg-info/90 [&>svg]:text-current",
+				root: "text-fg-info *:data-alert-description:text-fg-info/90",
 			},
 			success: {
-				base: "text-fg-success *:data-[slot=alert-description]:text-fg-success/90 [&>svg]:text-current",
+				root: "text-fg-success *:data-alert-description:text-fg-success/90",
 			},
 		},
 	},
@@ -32,14 +34,14 @@ const alertVariants = tv({
 	},
 });
 
-const { base, title, description } = alertVariants();
+const { root, title, description, action } = alertVariants();
 
 /* -----------------------------------------------------------------------------------------------*/
 
 interface AlertProps extends React.ComponentProps<"div">, VariantProps<typeof alertVariants> {}
 
 function Alert({ className, variant, ...props }: AlertProps) {
-	return <div data-slot="alert" role="alert" className={base({ variant, className })} {...props} />;
+	return <div data-alert="" role="alert" className={root({ variant, className })} {...props} />;
 }
 
 /* -----------------------------------------------------------------------------------------------*/
@@ -47,7 +49,7 @@ function Alert({ className, variant, ...props }: AlertProps) {
 interface AlertTitleProps extends React.ComponentProps<"div"> {}
 
 function AlertTitle({ className, ...props }: AlertTitleProps) {
-	return <div data-slot="alert-title" className={title({ className })} {...props} />;
+	return <div data-alert-title="" className={title({ className })} {...props} />;
 }
 
 /* -----------------------------------------------------------------------------------------------*/
@@ -55,7 +57,7 @@ function AlertTitle({ className, ...props }: AlertTitleProps) {
 interface AlertDescriptionProps extends React.ComponentProps<"div"> {}
 
 function AlertDescription({ className, ...props }: AlertDescriptionProps) {
-	return <div data-slot="alert-description" className={description({ className })} {...props} />;
+	return <div data-alert-description="" className={description({ className })} {...props} />;
 }
 
 /* -----------------------------------------------------------------------------------------------*/
@@ -63,7 +65,7 @@ function AlertDescription({ className, ...props }: AlertDescriptionProps) {
 interface AlertActionProps extends React.ComponentProps<"div"> {}
 
 function AlertAction({ className, ...props }: AlertActionProps) {
-	return <div data-slot="alert-action" {...props} />;
+	return <div data-alert-action="" className={action({ className })} {...props} />;
 }
 
 /* -----------------------------------------------------------------------------------------------*/
diff --git a/packages/registry/src/ui/alert/demos/action.tsx b/packages/registry/src/ui/alert/demos/action.tsx
index da14e9880..76397e9ce 100644
--- a/packages/registry/src/ui/alert/demos/action.tsx
+++ b/packages/registry/src/ui/alert/demos/action.tsx
@@ -1,9 +1,12 @@
+import { AlertCircleIcon } from "lucide-react";
+
 import { Alert, AlertAction, AlertDescription, AlertTitle } from "@dotui/registry/ui/alert";
 import { Button } from "@dotui/registry/ui/button";
 
 export default function Demo() {
 	return (
 		<Alert>
+			<AlertCircleIcon />
 			<AlertTitle>Upgrade Required</AlertTitle>
 			<AlertDescription>You are currently on the free plan. Upgrade to unlock more features.</AlertDescription>
 			<AlertAction>
diff --git a/packages/registry/src/ui/alert/demos/playground.tsx b/packages/registry/src/ui/alert/demos/playground.tsx
index cef6807e1..d180aacfc 100644
--- a/packages/registry/src/ui/alert/demos/playground.tsx
+++ b/packages/registry/src/ui/alert/demos/playground.tsx
@@ -1,5 +1,3 @@
-"use client";
-
 import type { ReactNode } from "react";
 
 import { Alert, AlertDescription, AlertTitle } from "@dotui/registry/ui/alert";
diff --git a/packages/registry/src/ui/alert/index.tsx b/packages/registry/src/ui/alert/index.tsx
index be53c56fe..5a6b3bcad 100644
--- a/packages/registry/src/ui/alert/index.tsx
+++ b/packages/registry/src/ui/alert/index.tsx
@@ -3,30 +3,19 @@
 import { createDynamicComponent } from "@dotui/core/react/dynamic-component";
 
 import * as Default from "./basic";
-import type { AlertVariant } from "./meta";
 import type { AlertActionProps, AlertDescriptionProps, AlertProps, AlertTitleProps } from "./types";
 
-export const Alert = createDynamicComponent<AlertProps, AlertVariant>("alert", "Alert", Default.Alert, {});
+export const Alert = createDynamicComponent<AlertProps>("alert", "Alert", Default.Alert, {});
 
-export const AlertTitle = createDynamicComponent<AlertTitleProps, AlertVariant>(
-	"alert",
-	"AlertTitle",
-	Default.AlertTitle,
-	{},
-);
+export const AlertTitle = createDynamicComponent<AlertTitleProps>("alert", "AlertTitle", Default.AlertTitle, {});
 
-export const AlertDescription = createDynamicComponent<AlertDescriptionProps, AlertVariant>(
+export const AlertDescription = createDynamicComponent<AlertDescriptionProps>(
 	"alert",
 	"AlertDescription",
 	Default.AlertDescription,
 	{},
 );
 
-export const AlertAction = createDynamicComponent<AlertActionProps, AlertVariant>(
-	"alert",
-	"AlertAction",
-	Default.AlertAction,
-	{},
-);
+export const AlertAction = createDynamicComponent<AlertActionProps>("alert", "AlertAction", Default.AlertAction, {});
 
 export type { AlertProps, AlertDescriptionProps, AlertTitleProps, AlertActionProps };
diff --git a/packages/registry/src/ui/avatar/base.tsx b/packages/registry/src/ui/avatar/base.tsx
new file mode 100644
index 000000000..3711153f0
--- /dev/null
+++ b/packages/registry/src/ui/avatar/base.tsx
@@ -0,0 +1,143 @@
+"use client";
+
+import * as React from "react";
+import { tv } from "tailwind-variants";
+import type { VariantProps } from "tailwind-variants";
+
+import { useImageLoadingStatus } from "@dotui/registry/hooks/use-image-loading-status";
+import { createContext } from "@dotui/registry/lib/context";
+import type { ImageLoadingStatus } from "@dotui/registry/hooks/use-image-loading-status";
+
+const avatarStyles = tv({
+	slots: {
+		root: [
+			"group/avatar relative inline-flex shrink-0 rounded-full bg-muted align-middle",
+			"*:data-badge:absolute *:data-badge:not-with-[right]:not-with-[left]:right-0 *:data-badge:not-with-[bottom]:not-with-[top]:bottom-0",
+		],
+		image: "aspect-square size-full rounded-[inherit] object-cover",
+		fallback:
+			"flex size-full select-none items-center justify-center rounded-[inherit] bg-muted text-sm group-data-[size=sm]/avatar:text-xs",
+		badge: [
+			"absolute right-0 with-[left]:right-auto bottom-0 with-[top]:bottom-auto z-10 inline-flex select-none items-center justify-center rounded-full bg-primary text-fg-on-primary bg-blend-color ring-2 ring-bg",
+			"not-with-[size]:group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
+			"not-with-[size]:group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2",
+			"not-with-[size]:group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
+		],
+		group: "group/avatar-group flex -space-x-2 *:data-avatar:ring-2 *:data-avatar:ring-bg",
+		groupCount:
+			"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-fg-muted text-sm ring-2 ring-bg group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
+	},
+	variants: {
+		size: {
+			sm: { group: "*:data-avatar:size-6", root: "size-6" },
+			md: { group: "*:data-avatar:size-8", root: "size-8" },
+			lg: { group: "*:data-avatar:size-10", root: "size-10" },
+		},
+	},
+	defaultVariants: {
+		size: "md",
+	},
+});
+
+const { group, root, image, fallback, badge, groupCount } = avatarStyles();
+
+const [AvatarContext, useAvatarContext] = createContext<{
+	status: ImageLoadingStatus;
+	setStatus: (status: ImageLoadingStatus) => void;
+}>({
+	name: "Avatar",
+	strict: true,
+});
+
+/* -------------------------------------------------------------------------------------------------
+ * Avatar
+ * -----------------------------------------------------------------------------------------------*/
+
+interface AvatarProps extends React.ComponentProps<"span">, VariantProps<typeof avatarStyles> {}
+
+function Avatar({ className, size = "md", ...props }: AvatarProps) {
+	const [status, setStatus] = React.useState<ImageLoadingStatus>("idle");
+
+	return (
+		<AvatarContext value={{ status, setStatus }}>
+			<span data-avatar="" data-size={size} className={root({ className, size })} {...props} />
+		</AvatarContext>
+	);
+}
+
+/* -------------------------------------------------------------------------------------------------
+ * Avatar Image
+ * -----------------------------------------------------------------------------------------------*/
+
+interface AvatarImageProps extends Omit<React.ComponentProps<"img">, "src"> {
+	src?: string;
+}
+
+function AvatarImage({ src, alt, className, referrerPolicy, crossOrigin, ...props }: AvatarImageProps) {
+	const status = useImageLoadingStatus(src, { referrerPolicy, crossOrigin });
+	const { setStatus } = useAvatarContext("AvatarImage");
+
+	React.useLayoutEffect(() => {
+		setStatus(status);
+	}, [status, setStatus]);
+
+	if (status === "loaded")
+		return <img data-avatar-image="" className={image({ className })} src={src} alt={alt} {...props} />;
+
+	return null;
+}
+
+/* -------------------------------------------------------------------------------------------------
+ * Avatar Fallback
+ * -----------------------------------------------------------------------------------------------*/
+
+interface AvatarFallbackProps extends React.ComponentProps<"span"> {}
+
+const AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {
+	const { status } = useAvatarContext("AvatarFallback");
+	if (status !== "loaded") return <span data-avatar-fallback="" className={fallback({ className })} {...props} />;
+	return null;
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Avatar Badge
+ * -----------------------------------------------------------------------------------------------*/
+
+interface AvatarBadgeProps extends React.ComponentProps<"span"> {}
+
+const AvatarBadge = ({ className, ...props }: AvatarBadgeProps) => {
+	return <span data-avatar-badge="" className={badge({ className })} {...props} />;
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Avatar Group
+ * -----------------------------------------------------------------------------------------------*/
+
+interface AvatarGroupProps extends React.ComponentProps<"div">, VariantProps<typeof avatarStyles> {}
+
+const AvatarGroup = ({ className, size, ...props }: AvatarGroupProps) => {
+	return <div data-avatar-group="" className={group({ className, size })} {...props} />;
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Avatar Group Count
+ * -----------------------------------------------------------------------------------------------*/
+
+interface AvatarGroupCountProps extends React.ComponentProps<"span"> {}
+
+const AvatarGroupCount = ({ className, ...props }: AvatarGroupCountProps) => {
+	return <span data-avatar-group-count="" className={groupCount({ className })} {...props} />;
+};
+
+/* -----------------------------------------------------------------------------------------------*/
+
+export { AvatarGroup, Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroupCount };
+
+export type {
+	AvatarGroupProps,
+	AvatarProps,
+	AvatarImageProps,
+	AvatarFallbackProps,
+	AvatarBadgeProps,
+	AvatarGroupCountProps,
+};
diff --git a/packages/registry/src/ui/avatar/basic.tsx b/packages/registry/src/ui/avatar/basic.tsx
deleted file mode 100644
index 9a686cdf9..000000000
--- a/packages/registry/src/ui/avatar/basic.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { tv } from "tailwind-variants";
-import type { VariantProps } from "tailwind-variants";
-
-import { useImageLoadingStatus } from "@dotui/registry/hooks/use-image-loading-status";
-import { createContext } from "@dotui/registry/lib/context";
-import type { ImageLoadingStatus } from "@dotui/registry/hooks/use-image-loading-status";
-
-const avatarStyles = tv({
-	slots: {
-		group: "flex flex-wrap -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-bg",
-		root: "relative inline-flex shrink-0 overflow-hidden rounded-full bg-bg align-middle",
-		image: "aspect-square size-full",
-		fallback: "flex size-full select-none items-center justify-center bg-muted",
-		placeholder: "flex size-full h-full animate-pulse items-center justify-center bg-muted",
-	},
-	variants: {
-		size: {
-			sm: { group: "*:data-[slot=avatar]:size-8", root: "size-8" },
-			md: { group: "*:data-[slot=avatar]:size-10", root: "size-10" },
-			lg: { group: "*:data-[slot=avatar]:size-12", root: "size-12" },
-		},
-	},
-	defaultVariants: {
-		size: "md",
-	},
-});
-
-const { group, root, image, fallback, placeholder } = avatarStyles();
-
-/* -----------------------------------------------------------------------------------------------*/
-
-interface AvatarGroupProps extends React.ComponentProps<"div">, VariantProps<typeof avatarStyles> {}
-
-const AvatarGroup = ({ className, size, ...props }: AvatarGroupProps) => {
-	return <div className={group({ className, size })} {...props} />;
-};
-
-/* -----------------------------------------------------------------------------------------------*/
-
-interface AvatarProps extends AvatarImageProps, VariantProps<typeof avatarStyles> {
-	fallback?: React.ReactNode;
-}
-const Avatar = ({ className, style, fallback, size, ...props }: AvatarProps) => {
-	return (
-		<AvatarRoot className={className} style={style} size={size}>
-			<AvatarImage {...props} />
-			<AvatarFallback>{fallback}</AvatarFallback>
-			<AvatarPlaceholder />
-		</AvatarRoot>
-	);
-};
-
-/* -----------------------------------------------------------------------------------------------*/
-
-const [AvatarInternalContext, useAvatarInternalContext] = createContext<{
-	status: ImageLoadingStatus;
-	setStatus: (status: ImageLoadingStatus) => void;
-}>({
-	name: "AvatarRoot",
-	strict: true,
-});
-
-interface AvatarRootProps extends React.ComponentProps<"span">, VariantProps<typeof avatarStyles> {}
-function AvatarRoot({ className, size, ...props }: AvatarRootProps) {
-	const [status, setStatus] = React.useState<ImageLoadingStatus>("idle");
-
-	return (
-		<AvatarInternalContext value={{ status, setStatus }}>
-			<span data-slot="avatar" className={root({ className, size })} {...props} />
-		</AvatarInternalContext>
-	);
-}
-
-/* -----------------------------------------------------------------------------------------------*/
-
-interface AvatarImageProps extends Omit<React.ComponentProps<"img">, "src"> {
-	src?: string;
-}
-
-function AvatarImage({ src, alt, className, referrerPolicy, crossOrigin, ...props }: AvatarImageProps) {
-	const status = useImageLoadingStatus(src, { referrerPolicy, crossOrigin });
-	const { setStatus } = useAvatarInternalContext("AvatarImage");
-
-	React.useLayoutEffect(() => {
-		if (status !== "idle") {
-			setStatus(status);
-		}
-	}, [status, setStatus]);
-
-	if (status === "loaded")
-		return <img slot="avatar-image" className={image({ className })} src={src} alt={alt} {...props} />;
-
-	return null;
-}
-
-/* -----------------------------------------------------------------------------------------------*/
-
-type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
-
-const AvatarFallback = ({ className, ...props }: AvatarFallbackProps) => {
-	const { status } = useAvatarInternalContext("AvatarFallback");
-	if (status === "error") return <span slot="avatar-fallback" className={fallback({ className })} {...props} />;
-	return null;
-};
-
-/* -----------------------------------------------------------------------------------------------*/
-
-interface AvatarPlaceholderProps extends React.ComponentProps<"span"> {}
-
-const AvatarPlaceholder = ({ className, ...props }: AvatarPlaceholderProps) => {
-	const { status } = useAvatarInternalContext("AvatarPlaceholder");
-	if (["idle", "loading"].includes(status)) return <span className={placeholder({ className })} {...props} />;
-	return null;
-};
-
-/* -----------------------------------------------------------------------------------------------*/
-
-const CompoundAvatar = Object.assign(Avatar, {
-	Group: AvatarGroup,
-	Root: AvatarRoot,
-	Image: AvatarImage,
-	Fallback: AvatarFallback,
-	Placeholder: AvatarPlaceholder,
-});
-
-export { CompoundAvatar as Avatar, AvatarGroup, AvatarRoot, AvatarImage, AvatarFallback, AvatarPlaceholder };
-
-export type {
-	AvatarGroupProps,
-	AvatarProps,
-	AvatarRootProps,
-	AvatarImageProps,
-	AvatarFallbackProps,
-	AvatarPlaceholderProps,
-};
diff --git a/packages/registry/src/ui/avatar/demos/avatar-group-count.tsx b/packages/registry/src/ui/avatar/demos/avatar-group-count.tsx
new file mode 100644
index 000000000..75f07da2f
--- /dev/null
+++ b/packages/registry/src/ui/avatar/demos/avatar-group-count.tsx
@@ -0,0 +1,21 @@
+import { Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "@dotui/registry/ui/avatar";
+
+export default function Demo() {
+	return (
+		<AvatarGroup>
+			<Avatar>
+				<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+				<AvatarFallback>M</AvatarFallback>
+			</Avatar>
+			<Avatar>
+				<AvatarImage src="https://github.com/tannerlinsley.png" alt="@tannerlinsley" />
+				<AvatarFallback>T</AvatarFallback>
+			</Avatar>
+			<Avatar>
+				<AvatarImage src="https://github.com/devongovett.png" alt="@devongovett" />
+				<AvatarFallback>D</AvatarFallback>
+			</Avatar>
+			<AvatarGroupCount>+3</AvatarGroupCount>
+		</AvatarGroup>
+	);
+}
diff --git a/packages/registry/src/ui/avatar/demos/badge-notification.tsx b/packages/registry/src/ui/avatar/demos/badge-notification.tsx
new file mode 100644
index 000000000..0daf41667
--- /dev/null
+++ b/packages/registry/src/ui/avatar/demos/badge-notification.tsx
@@ -0,0 +1,14 @@
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
+import { Badge } from "@dotui/registry/ui/badge";
+
+export default function Demo() {
+	return (
+		<Avatar>
+			<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+			<AvatarFallback>M</AvatarFallback>
+			<Badge variant="primary" size="sm" className="-top-1.5 -right-1.5 rounded-full">
+				6
+			</Badge>
+		</Avatar>
+	);
+}
diff --git a/packages/registry/src/ui/avatar/demos/badge-top-right.tsx b/packages/registry/src/ui/avatar/demos/badge-top-right.tsx
new file mode 100644
index 000000000..e54a63131
--- /dev/null
+++ b/packages/registry/src/ui/avatar/demos/badge-top-right.tsx
@@ -0,0 +1,11 @@
+import { Avatar, AvatarBadge, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
+
+export default function Demo() {
+	return (
+		<Avatar>
+			<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+			<AvatarFallback>M</AvatarFallback>
+			<AvatarBadge className="top-0 bg-success" />
+		</Avatar>
+	);
+}
diff --git a/packages/registry/src/ui/avatar/demos/badge-with-icon.tsx b/packages/registry/src/ui/avatar/demos/badge-with-icon.tsx
new file mode 100644
index 000000000..c9a2b65bd
--- /dev/null
+++ b/packages/registry/src/ui/avatar/demos/badge-with-icon.tsx
@@ -0,0 +1,15 @@
+import { PlusIcon } from "lucide-react";
+
+import { Avatar, AvatarBadge, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
+
+export default function Demo() {
+	return (
+		<Avatar>
+			<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+			<AvatarFallback>M</AvatarFallback>
+			<AvatarBadge>
+				<PlusIcon />
+			</AvatarBadge>
+		</Avatar>
+	);
+}
diff --git a/packages/registry/src/ui/avatar/demos/badge.tsx b/packages/registry/src/ui/avatar/demos/badge.tsx
new file mode 100644
index 000000000..8811e0e62
--- /dev/null
+++ b/packages/registry/src/ui/avatar/demos/badge.tsx
@@ -0,0 +1,11 @@
+import { Avatar, AvatarBadge, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
+
+export default function Demo() {
+	return (
+		<Avatar>
+			<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+			<AvatarFallback>M</AvatarFallback>
+			<AvatarBadge className="bg-success" />
+		</Avatar>
+	);
+}
diff --git a/packages/registry/src/ui/avatar/demos/basic.tsx b/packages/registry/src/ui/avatar/demos/basic.tsx
new file mode 100644
index 000000000..ae351f4db
--- /dev/null
+++ b/packages/registry/src/ui/avatar/demos/basic.tsx
@@ -0,0 +1,10 @@
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
+
+export default function Demo() {
+	return (
+		<Avatar>
+			<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+			<AvatarFallback>M</AvatarFallback>
+		</Avatar>
+	);
+}
diff --git a/packages/registry/src/ui/avatar/demos/composition.tsx b/packages/registry/src/ui/avatar/demos/composition.tsx
deleted file mode 100644
index 20a45d92d..000000000
--- a/packages/registry/src/ui/avatar/demos/composition.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { User2Icon } from "@dotui/registry/icons";
-import { AvatarFallback, AvatarImage, AvatarPlaceholder, AvatarRoot } from "@dotui/registry/ui/avatar";
-
-export default function Demo() {
-	return (
-		<AvatarRoot>
-			<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
-			<AvatarFallback>M</AvatarFallback>
-			<AvatarPlaceholder>
-				<User2Icon className="size-5" />
-			</AvatarPlaceholder>
-		</AvatarRoot>
-	);
-}
diff --git a/packages/registry/src/ui/avatar/demos/default.tsx b/packages/registry/src/ui/avatar/demos/default.tsx
index d05aafd24..ae351f4db 100644
--- a/packages/registry/src/ui/avatar/demos/default.tsx
+++ b/packages/registry/src/ui/avatar/demos/default.tsx
@@ -1,14 +1,10 @@
-import { Avatar } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
 
 export default function Demo() {
 	return (
-		<div className="flex items-center gap-4">
-			<Avatar src="https://github.com/mehdibha.png" alt="@mehdibha" fallback="M" />
-			<Avatar
-				src="https://githubbb.com/mehdibha.png" // invalid URL to trigger fallback
-				alt="@mehdibha"
-				fallback="M"
-			/>
-		</div>
+		<Avatar>
+			<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+			<AvatarFallback>M</AvatarFallback>
+		</Avatar>
 	);
 }
diff --git a/packages/registry/src/ui/avatar/demos/fallback-only.tsx b/packages/registry/src/ui/avatar/demos/fallback-only.tsx
new file mode 100644
index 000000000..f2ad12d54
--- /dev/null
+++ b/packages/registry/src/ui/avatar/demos/fallback-only.tsx
@@ -0,0 +1,9 @@
+import { Avatar, AvatarFallback } from "@dotui/registry/ui/avatar";
+
+export default function Demo() {
+	return (
+		<Avatar>
+			<AvatarFallback>MB</AvatarFallback>
+		</Avatar>
+	);
+}
diff --git a/packages/registry/src/ui/avatar/demos/group.tsx b/packages/registry/src/ui/avatar/demos/group.tsx
new file mode 100644
index 000000000..95f9e75cd
--- /dev/null
+++ b/packages/registry/src/ui/avatar/demos/group.tsx
@@ -0,0 +1,20 @@
+import { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from "@dotui/registry/ui/avatar";
+
+export default function Demo() {
+	return (
+		<AvatarGroup>
+			<Avatar>
+				<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+				<AvatarFallback>M</AvatarFallback>
+			</Avatar>
+			<Avatar>
+				<AvatarImage src="https://github.com/tannerlinsley.png" alt="@tannerlinsley" />
+				<AvatarFallback>T</AvatarFallback>
+			</Avatar>
+			<Avatar>
+				<AvatarImage src="https://github.com/devongovett.png" alt="@devongovett" />
+				<AvatarFallback>D</AvatarFallback>
+			</Avatar>
+		</AvatarGroup>
+	);
+}
diff --git a/packages/registry/src/ui/avatar/demos/icon-fallback.tsx b/packages/registry/src/ui/avatar/demos/icon-fallback.tsx
new file mode 100644
index 000000000..990d04f2d
--- /dev/null
+++ b/packages/registry/src/ui/avatar/demos/icon-fallback.tsx
@@ -0,0 +1,13 @@
+import { UserIcon } from "lucide-react";
+
+import { Avatar, AvatarFallback } from "@dotui/registry/ui/avatar";
+
+export default function Demo() {
+	return (
+		<Avatar>
+			<AvatarFallback>
+				<UserIcon className="size-4" />
+			</AvatarFallback>
+		</Avatar>
+	);
+}
diff --git a/packages/registry/src/ui/avatar/demos/playground.tsx b/packages/registry/src/ui/avatar/demos/playground.tsx
index 82abfae18..1c02c7b8f 100644
--- a/packages/registry/src/ui/avatar/demos/playground.tsx
+++ b/packages/registry/src/ui/avatar/demos/playground.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Avatar } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
 
 interface AvatarPlaygroundProps {
 	src?: string;
@@ -15,5 +15,10 @@ export function AvatarPlayground({
 	fallback = "MB",
 	size = "md",
 }: AvatarPlaygroundProps) {
-	return <Avatar src={src} alt={alt} fallback={fallback} size={size} />;
+	return (
+		<Avatar size={size}>
+			<AvatarImage src={src} alt={alt} />
+			<AvatarFallback>{fallback}</AvatarFallback>
+		</Avatar>
+	);
 }
diff --git a/packages/registry/src/ui/avatar/demos/radii.tsx b/packages/registry/src/ui/avatar/demos/radii.tsx
new file mode 100644
index 000000000..25ab1ea18
--- /dev/null
+++ b/packages/registry/src/ui/avatar/demos/radii.tsx
@@ -0,0 +1,20 @@
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
+
+export default function Demo() {
+	return (
+		<div className="flex items-center gap-2">
+			<Avatar className="rounded-full">
+				<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+				<AvatarFallback>M</AvatarFallback>
+			</Avatar>
+			<Avatar className="rounded-lg">
+				<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+				<AvatarFallback>M</AvatarFallback>
+			</Avatar>
+			<Avatar className="rounded-md">
+				<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+				<AvatarFallback>M</AvatarFallback>
+			</Avatar>
+		</div>
+	);
+}
diff --git a/packages/registry/src/ui/avatar/demos/shape.tsx b/packages/registry/src/ui/avatar/demos/shape.tsx
deleted file mode 100644
index fbd832270..000000000
--- a/packages/registry/src/ui/avatar/demos/shape.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Avatar } from "@dotui/registry/ui/avatar";
-
-export default function Demo() {
-	return (
-		<div className="space-x-4">
-			<Avatar src="https://github.com/mehdibha.png" alt="@mehdibha" fallback="M" />
-			<Avatar src="https://github.com/mehdibha.png" alt="@mehdibha" fallback="M" />
-		</div>
-	);
-}
diff --git a/packages/registry/src/ui/avatar/demos/sizes.tsx b/packages/registry/src/ui/avatar/demos/sizes.tsx
index a23401cd1..806b450e4 100644
--- a/packages/registry/src/ui/avatar/demos/sizes.tsx
+++ b/packages/registry/src/ui/avatar/demos/sizes.tsx
@@ -1,11 +1,20 @@
-import { Avatar } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
 
 export default function Demo() {
 	return (
-		<div className="space-x-4">
-			{(["sm", "md", "lg"] as const).map((size) => (
-				<Avatar key={size} size={size} src="https://github.com/mehdibha.png" alt="@mehdibha" fallback="M" />
-			))}
+		<div className="flex items-center gap-2">
+			<Avatar size="sm">
+				<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+				<AvatarFallback>M</AvatarFallback>
+			</Avatar>
+			<Avatar size="md">
+				<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+				<AvatarFallback>M</AvatarFallback>
+			</Avatar>
+			<Avatar size="lg">
+				<AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+				<AvatarFallback>M</AvatarFallback>
+			</Avatar>
 		</div>
 	);
 }
diff --git a/packages/registry/src/ui/avatar/index.tsx b/packages/registry/src/ui/avatar/index.tsx
index 85bfbd54e..6e4b121b5 100644
--- a/packages/registry/src/ui/avatar/index.tsx
+++ b/packages/registry/src/ui/avatar/index.tsx
@@ -2,22 +2,18 @@
 
 import { createDynamicComponent } from "@dotui/core/react/dynamic-component";
 
-import * as Default from "./basic";
+import * as Default from "./base";
 import type {
+	AvatarBadgeProps,
 	AvatarFallbackProps,
+	AvatarGroupCountProps,
 	AvatarGroupProps,
 	AvatarImageProps,
-	AvatarPlaceholderProps,
 	AvatarProps,
-	AvatarRootProps,
 } from "./types";
 
-export const AvatarGroup = createDynamicComponent<AvatarGroupProps>("avatar", "AvatarGroup", Default.AvatarGroup, {});
-
 export const Avatar = createDynamicComponent<AvatarProps>("avatar", "Avatar", Default.Avatar, {});
 
-export const AvatarRoot = createDynamicComponent<AvatarRootProps>("avatar", "AvatarRoot", Default.AvatarRoot, {});
-
 export const AvatarImage = createDynamicComponent<AvatarImageProps>("avatar", "AvatarImage", Default.AvatarImage, {});
 
 export const AvatarFallback = createDynamicComponent<AvatarFallbackProps>(
@@ -27,18 +23,22 @@ export const AvatarFallback = createDynamicComponent<AvatarFallbackProps>(
 	{},
 );
 
-export const AvatarPlaceholder = createDynamicComponent<AvatarPlaceholderProps>(
+export const AvatarBadge = createDynamicComponent<AvatarBadgeProps>("avatar", "AvatarBadge", Default.AvatarBadge, {});
+
+export const AvatarGroup = createDynamicComponent<AvatarGroupProps>("avatar", "AvatarGroup", Default.AvatarGroup, {});
+
+export const AvatarGroupCount = createDynamicComponent<AvatarGroupCountProps>(
 	"avatar",
-	"AvatarPlaceholder",
-	Default.AvatarPlaceholder,
+	"AvatarGroupCount",
+	Default.AvatarGroupCount,
 	{},
 );
 
 export type {
 	AvatarProps,
-	AvatarRootProps,
 	AvatarImageProps,
 	AvatarFallbackProps,
+	AvatarBadgeProps,
 	AvatarGroupProps,
-	AvatarPlaceholderProps,
+	AvatarGroupCountProps,
 };
diff --git a/packages/registry/src/ui/avatar/meta.ts b/packages/registry/src/ui/avatar/meta.ts
index e03ce38b3..3dbc0a5a5 100644
--- a/packages/registry/src/ui/avatar/meta.ts
+++ b/packages/registry/src/ui/avatar/meta.ts
@@ -4,13 +4,13 @@ const avatarMeta = {
 	name: "avatar",
 	type: "registry:ui",
 	group: "data-display",
-	defaultVariant: "basic",
+	defaultVariant: "base",
 	variants: {
-		basic: {
+		base: {
 			files: [
 				{
 					type: "registry:ui",
-					path: "ui/avatar/basic.tsx",
+					path: "ui/avatar/base.tsx",
 					target: "ui/avatar.tsx",
 				},
 			],
diff --git a/packages/registry/src/ui/avatar/types.ts b/packages/registry/src/ui/avatar/types.ts
index 3d2126303..1da780a07 100644
--- a/packages/registry/src/ui/avatar/types.ts
+++ b/packages/registry/src/ui/avatar/types.ts
@@ -1,5 +1,5 @@
 /**
- * Missing description.
+ * A group container that displays multiple avatars together with overlapping layout.
  */
 export interface AvatarGroupProps extends React.ComponentProps<"div"> {
 	/**
@@ -10,34 +10,18 @@ export interface AvatarGroupProps extends React.ComponentProps<"div"> {
 }
 
 /**
- * Missing description.
+ * A visual representation of a user or entity, displayed as an image, initials, or placeholder.
  */
-export interface AvatarProps extends AvatarImageProps {
+export interface AvatarProps extends React.ComponentProps<"span"> {
 	/**
 	 * The size of the avatar.
 	 * @default 'md'
 	 */
 	size?: "sm" | "md" | "lg";
-
-	/**
-	 * Content to display when the image fails to load.
-	 */
-	fallback?: React.ReactNode;
 }
 
 /**
- * Missing description.
- */
-export interface AvatarRootProps extends React.ComponentProps<"span"> {
-	/**
-	 * The size of the avatar.
-	 * @default 'md'
-	 */
-	size?: "sm" | "md" | "lg";
-}
-
-/**
- * Missing description.
+ * The image element displayed within the avatar. Automatically hidden when the image fails to load.
  */
 export interface AvatarImageProps extends Omit<React.ComponentProps<"img">, "src"> {
 	/**
@@ -47,11 +31,16 @@ export interface AvatarImageProps extends Omit<React.ComponentProps<"img">, "src
 }
 
 /**
- * Missing description.
+ * Content displayed when the avatar image fails to load. Typically shows initials or an icon.
  */
 export interface AvatarFallbackProps extends React.ComponentProps<"span"> {}
 
 /**
- * Missing description.
+ * A small indicator displayed on the avatar, typically used to show online status.
+ */
+export interface AvatarBadgeProps extends React.ComponentProps<"span"> {}
+
+/**
+ * A count indicator displayed at the end of an avatar group to show remaining items.
  */
-export interface AvatarPlaceholderProps extends React.ComponentProps<"span"> {}
+export interface AvatarGroupCountProps extends React.ComponentProps<"span"> {}
diff --git a/packages/registry/src/ui/badge/basic.tsx b/packages/registry/src/ui/badge/basic.tsx
index 78d888bde..886105529 100644
--- a/packages/registry/src/ui/badge/basic.tsx
+++ b/packages/registry/src/ui/badge/basic.tsx
@@ -3,24 +3,31 @@ import type * as React from "react";
 import type { VariantProps } from "tailwind-variants";
 
 const badgeStyles = tv({
-	base: "inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md px-2 py-0.5 font-medium text-xs [&>svg]:pointer-events-none [&>svg]:size-3",
+	base: "inline-flex w-fit shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-md px-2 py-0.5 font-medium text-xs [&>svg]:pointer-events-none",
 	variants: {
 		variant: {
 			default: "bg-neutral text-fg-on-neutral",
+			primary: "bg-primary text-fg-on-primary",
 			danger: "bg-danger text-fg-on-danger",
 			success: "bg-success text-fg-on-success",
 			warning: "bg-warning text-fg-on-warning",
 			info: "bg-info text-fg-on-info",
 		},
+		size: {
+			sm: "px-1.5 py-0.25 [&>svg]:size-3",
+			md: "px-2 py-0.5 [&>svg]:size-3",
+			lg: "px-2.5 py-0.75 [&>svg]:size-3",
+		},
 	},
 	defaultVariants: {
 		variant: "default",
+		size: "md",
 	},
 });
 
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeStyles> {}
-const Badge = ({ className, variant, ...props }: BadgeProps) => {
-	return <span role="presentation" className={badgeStyles({ variant, className })} {...props} />;
+const Badge = ({ className, variant, size, ...props }: BadgeProps) => {
+	return <span role="presentation" data-badge="" className={badgeStyles({ variant, size, className })} {...props} />;
 };
 
 export type { BadgeProps };
diff --git a/packages/registry/src/ui/badge/types.ts b/packages/registry/src/ui/badge/types.ts
index aecbef4f1..14205185b 100644
--- a/packages/registry/src/ui/badge/types.ts
+++ b/packages/registry/src/ui/badge/types.ts
@@ -6,5 +6,10 @@ export interface BadgeProps extends React.ComponentProps<"span"> {
 	 * The visual style of the badge.
 	 * @default 'default'
 	 */
-	variant?: "default" | "danger" | "success" | "warning" | "info";
+	variant?: "default" | "primary" | "danger" | "success" | "warning" | "info";
+	/**
+	 * The size of the badge.
+	 * @default 'default'
+	 */
+	size?: "sm" | "md" | "lg";
 }
diff --git a/packages/registry/src/ui/disclosure/index.tsx b/packages/registry/src/ui/disclosure/index.tsx
index 7241ed24d..7be960c02 100644
--- a/packages/registry/src/ui/disclosure/index.tsx
+++ b/packages/registry/src/ui/disclosure/index.tsx
@@ -3,24 +3,18 @@
 import { createDynamicComponent } from "@dotui/core/react/dynamic-component";
 
 import * as Default from "./basic";
-import type { DisclosureVariant } from "./meta";
 import type { DisclosurePanelProps, DisclosureProps, DisclosureTriggerProps } from "./types";
 
-export const Disclosure = createDynamicComponent<DisclosureProps, DisclosureVariant>(
-	"disclosure",
-	"Disclosure",
-	Default.Disclosure,
-	{},
-);
+export const Disclosure = createDynamicComponent<DisclosureProps>("disclosure", "Disclosure", Default.Disclosure, {});
 
-export const DisclosurePanel = createDynamicComponent<DisclosurePanelProps, DisclosureVariant>(
+export const DisclosurePanel = createDynamicComponent<DisclosurePanelProps>(
 	"disclosure",
 	"DisclosurePanel",
 	Default.DisclosurePanel,
 	{},
 );
 
-export const DisclosureTrigger = createDynamicComponent<DisclosureTriggerProps, DisclosureVariant>(
+export const DisclosureTrigger = createDynamicComponent<DisclosureTriggerProps>(
 	"disclosure",
 	"DisclosureTrigger",
 	Default.DisclosureTrigger,
diff --git a/packages/tailwindcss-with/src/index.js b/packages/tailwindcss-with/src/index.js
index 7d2b786ea..f932434f2 100644
--- a/packages/tailwindcss-with/src/index.js
+++ b/packages/tailwindcss-with/src/index.js
@@ -18,9 +18,11 @@ const plugin = require("tailwindcss/plugin");
  * // This avoids the self-referencing selector problem!
  */
 const withVariant = plugin(({ matchVariant }) => {
-	matchVariant("with", (value) => {
-		return `&:is([class^='${value}-'],[class*=' ${value}-'])`;
-	});
+	const selector = (value) =>
+		`:is([class^='${value}-'], [class*=' ${value}-'], [class^='-${value}-'], [class*=' -${value}-'])`;
+
+	matchVariant("with", (value) => `&${selector(value)}`);
+	matchVariant("not-with", (value) => `&:not(${selector(value)})`);
 });
 
 module.exports = withVariant;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 64e7e763d..b405b01ec 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -95,7 +95,7 @@ importers:
         version: 1.4.10(@tanstack/react-start@1.150.0(crossws@0.4.1(srvx@0.10.0))(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(vite@7.3.0(@types/node@24.10.4)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.21.0)))(drizzle-kit@0.31.8)(drizzle-orm@0.44.7(@types/pg@8.15.6)(@vercel/postgres@0.10.0)(kysely@0.28.8)(pg@8.16.3))(next@16.0.8(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1))(pg@8.16.3)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(solid-js@1.9.10)(vitest@4.0.16(@types/node@24.10.4)(jiti@2.6.1)(jsdom@27.3.0(bufferutil@4.0.9))(lightningcss@1.30.2)(msw@2.12.4(@types/node@24.10.4)(typescript@5.9.3))(tsx@4.21.0))
       next:
         specifier: ^16.0.5
-        version: 16.0.8(@babel/core@7.28.6)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+        version: 16.0.8(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       react:
         specifier: ^19.2.1
         version: 19.2.1
@@ -239,17 +239,17 @@ importers:
         specifier: ^1.1.4
         version: 1.1.4(react@19.2.1)
       '@internationalized/date':
-        specifier: ^3.10.0
-        version: 3.10.0
+        specifier: ^3.12.0
+        version: 3.12.0
       '@react-aria/utils':
-        specifier: ^3.31.0
-        version: 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+        specifier: ^3.33.1
+        version: 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-stately/utils':
-        specifier: ^3.10.8
-        version: 3.10.8(react@19.2.1)
+        specifier: ^3.11.0
+        version: 3.11.0(react@19.2.1)
       '@react-types/shared':
-        specifier: ^3.26.0
-        version: 3.32.1(react@19.2.1)
+        specifier: ^3.33.1
+        version: 3.33.1(react@19.2.1)
       '@remixicon/react':
         specifier: ^4.2.0
         version: 4.7.0(react@19.2.1)
@@ -272,11 +272,11 @@ importers:
         specifier: ^19.2.1
         version: 19.2.1
       react-aria:
-        specifier: ^3.44.0
-        version: 3.44.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+        specifier: ^3.47.0
+        version: 3.47.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       react-aria-components:
-        specifier: ^1.13.0
-        version: 1.13.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+        specifier: ^1.16.0
+        version: 1.16.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       react-dom:
         specifier: ^19.2.1
         version: 19.2.1(react@19.2.1)
@@ -287,8 +287,8 @@ importers:
         specifier: ^7.54.2
         version: 7.68.0(react@19.2.1)
       react-stately:
-        specifier: ^3.42.0
-        version: 3.42.0(react@19.2.1)
+        specifier: ^3.45.0
+        version: 3.45.0(react@19.2.1)
       tailwind-merge:
         specifier: ^3.0.2
         version: 3.4.0
@@ -328,7 +328,7 @@ importers:
         version: 19.2.3(@types/react@19.2.7)
       next:
         specifier: ^16.0.5
-        version: 16.0.8(@babel/core@7.28.6)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+        version: 16.0.8(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       rimraf:
         specifier: ^6.0.1
         version: 6.1.2
@@ -438,11 +438,11 @@ importers:
         specifier: ^5.2.7
         version: 5.2.7
       '@internationalized/date':
-        specifier: ^3.10.0
-        version: 3.10.0
+        specifier: ^3.12.0
+        version: 3.12.0
       '@react-aria/utils':
-        specifier: ^3.31.0
-        version: 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+        specifier: ^3.33.1
+        version: 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@t3-oss/env-core':
         specifier: ^0.13.6
         version: 0.13.8(typescript@5.9.3)(zod@4.2.1)
@@ -510,17 +510,17 @@ importers:
         specifier: ^19.2.1
         version: 19.2.1
       react-aria:
-        specifier: ^3.44.0
-        version: 3.44.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+        specifier: ^3.47.0
+        version: 3.47.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       react-aria-components:
-        specifier: ^1.13.0
-        version: 1.13.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+        specifier: ^1.16.0
+        version: 1.16.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       react-dom:
         specifier: ^19.2.1
         version: 19.2.1(react@19.2.1)
       react-stately:
-        specifier: ^3.42.0
-        version: 3.42.0(react@19.2.1)
+        specifier: ^3.45.0
+        version: 3.45.0(react@19.2.1)
       shiki:
         specifier: ^3.15.0
         version: 3.19.0
@@ -1745,8 +1745,8 @@ packages:
       '@types/node':
         optional: true
 
-  '@internationalized/date@3.10.0':
-    resolution: {integrity: sha512-oxDR/NTEJ1k+UFVQElaNIk65E/Z83HK1z1WI3lQyhTtnNg4R5oVXaPzK3jcpKG8UHKDVuDQHzn+wsxSz8RP3aw==}
+  '@internationalized/date@3.12.0':
+    resolution: {integrity: sha512-/PyIMzK29jtXaGU23qTvNZxvBXRtKbNnGDFD+PY6CZw/Y8Ex8pFUzkuCJCG9aOqmShjqhS9mPqP6Dk5onQY8rQ==}
 
   '@internationalized/message@3.1.8':
     resolution: {integrity: sha512-Rwk3j/TlYZhn3HQ6PyXUV0XP9Uv42jqZGNegt0BXlxjE6G3+LwHjbQZAGHhCnCPdaA6Tvd3ma/7QzLlLkJxAWA==}
@@ -2168,134 +2168,134 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  '@react-aria/autocomplete@3.0.0-rc.3':
-    resolution: {integrity: sha512-vemf7h3hvIDk3MxiiPryysfYgJDg8R72X46dRIeg0+cXKYxjPYou64/DTucSV2z5J6RC5JalINu0jIDaLhEILw==}
+  '@react-aria/autocomplete@3.0.0-rc.6':
+    resolution: {integrity: sha512-uymUNJ8NW+dX7lmgkHE+SklAbxwktycAJcI5lBBw6KPZyc0EdMHC+/Fc5CUz3enIAhNwd2oxxogcSHknquMzQA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/breadcrumbs@3.5.29':
-    resolution: {integrity: sha512-rKS0dryllaZJqrr3f/EAf2liz8CBEfmL5XACj+Z1TAig6GIYe1QuA3BtkX0cV9OkMugXdX8e3cbA7nD10ORRqg==}
+  '@react-aria/breadcrumbs@3.5.32':
+    resolution: {integrity: sha512-S61vh5DJ2PXiXUwD7gk+pvS/b4VPrc3ZJOUZ0yVRLHkVESr5LhIZH+SAVgZkm1lzKyMRG+BH+fiRH/DZRSs7SA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/button@3.14.2':
-    resolution: {integrity: sha512-VbLIA+Kd6f/MDjd+TJBUg2+vNDw66pnvsj2E4RLomjI9dfBuN7d+Yo2UnsqKVyhePjCUZ6xxa2yDuD63IOSIYA==}
+  '@react-aria/button@3.14.5':
+    resolution: {integrity: sha512-ZuLx+wQj9VQhH9BYe7t0JowmKnns2XrFHFNvIVBb5RwxL+CIycIOL7brhWKg2rGdxvlOom7jhVbcjSmtAaSyaQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/calendar@3.9.2':
-    resolution: {integrity: sha512-uSLxLgOPRnEU4Jg59lAhUVA+uDx/55NBg4lpfsP2ynazyiJ5LCXmYceJi+VuOqMml7d9W0dB87OldOeLdIxYVA==}
+  '@react-aria/calendar@3.9.5':
+    resolution: {integrity: sha512-k0kvceYdZZu+DoeqephtlmIvh1CxqdFyoN52iqVzTz9O0pe5Xfhq7zxPGbeCp4pC61xzp8Lu/6uFA/YNfQQNag==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/checkbox@3.16.2':
-    resolution: {integrity: sha512-29Mj9ZqXioJ0bcMnNGooHztnTau5pikZqX3qCRj5bYR3by/ZFFavYoMroh9F7s/MbFm/tsKX+Sf02lYFEdXRjA==}
+  '@react-aria/checkbox@3.16.5':
+    resolution: {integrity: sha512-ZhUT7ELuD52hb+Zpzw0ElLQiVOd5sKYahrh+PK3vq13Wk5TedBscALpjuXetI4pwFfdmAM1Lhgcsrd8+6AmyvA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/collections@3.0.0':
-    resolution: {integrity: sha512-vCFztpsl1AYjQn3lH7CwzYiiRAGfnm7+EXaXIt7yS4O6YC8C3FfOBf3jdxcFjE5u8CEfiL4X+4ABkfio10nneg==}
+  '@react-aria/collections@3.0.3':
+    resolution: {integrity: sha512-lbC5DEbHeVFvVr4ke9y8D9Nynnr8G8UjVEBoFGRylpAaScU7SX1TN84QI+EjMbsdZ0/5P2H7gUTS+MYd+6U3Rg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/color@3.1.2':
-    resolution: {integrity: sha512-jCC+Q7rAQGLQBkHjkPAeDuGYuMbc4neifjlNRiyZ9as1z4gg63H8MteoWYYk6K4vCKKxSixgt8MfI29XWMOWPQ==}
+  '@react-aria/color@3.1.5':
+    resolution: {integrity: sha512-eysWdBRzE8WDhBzh1nfjyUgzseMokXGHjIoJo880T7IPJ8tTavfQni49pU1B2qWrNOWPyrwx4Bd9pzHyboxJSA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/combobox@3.14.0':
-    resolution: {integrity: sha512-z4ro0Hma//p4nL2IJx5iUa7NwxeXbzSoZ0se5uTYjG1rUUMszg+wqQh/AQoL+eiULn7rs18JY9wwNbVIkRNKWA==}
+  '@react-aria/combobox@3.15.0':
+    resolution: {integrity: sha512-qSjQTFwKl3x1jCP2NRSJ6doZqAp6c2GTfoiFwWjaWg1IewwLsglaW6NnzqRDFiqFbDGgXPn4MqtC1VYEJ3NEjA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/datepicker@3.15.2':
-    resolution: {integrity: sha512-th078hyNqPf4P2K10su/y32zPDjs3lOYVdHvsL9/+5K1dnTvLHCK5vgUyLuyn8FchhF7cmHV49D+LZVv65PEpQ==}
+  '@react-aria/datepicker@3.16.1':
+    resolution: {integrity: sha512-6BltCVWt09yefTkGjb2gViGCwoddx9HKJiZbY9u6Es/Q+VhwNJQRtczbnZ3K32p262hIknukNf/5nZaCOI1AKA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/dialog@3.5.31':
-    resolution: {integrity: sha512-inxQMyrzX0UBW9Mhraq0nZ4HjHdygQvllzloT1E/RlDd61lr3RbmJR6pLsrbKOTtSvDIBJpCso1xEdHCFNmA0Q==}
+  '@react-aria/dialog@3.5.34':
+    resolution: {integrity: sha512-/x53Q5ynpW5Kv9637WYu7SrDfj3woSp6jJRj8l6teGnWW/iNZWYJETgzHfbxx+HPKYATCZesRoIeO2LnYIXyEA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/disclosure@3.1.0':
-    resolution: {integrity: sha512-5996BeBpnj+yKXYysz+UuhFQxGFPvaZZ3zNBd052wz/i+TVFVGSqqYJ6cwZyO1AfBR8zOT0ZIiK4EC3ETwSvtQ==}
+  '@react-aria/disclosure@3.1.3':
+    resolution: {integrity: sha512-S3k7Wqrj+x0sWcP88Z1stSr5TIZmKEmx2rU7RB1O1/jPpbw5mgKnjtiriOlTh+kwdK11FkeqgxyHzAcBAR+FMQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/dnd@3.11.3':
-    resolution: {integrity: sha512-MyTziciik1Owz3rqDghu0K3ZtTFvmj/R2ZsLDwbU9N4hKqGX/BKnrI8SytTn8RDqVv5LmA/GhApLngiupTAsXw==}
+  '@react-aria/dnd@3.11.6':
+    resolution: {integrity: sha512-4YLHUeYJleF+moAYaYt8UZqujudPvpoaHR+QMkWIFzhfridVUhCr6ZjGWrzpSZY3r68k46TG7YCsi4IEiNnysw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/focus@3.21.2':
-    resolution: {integrity: sha512-JWaCR7wJVggj+ldmM/cb/DXFg47CXR55lznJhZBh4XVqJjMKwaOOqpT5vNN7kpC1wUpXicGNuDnJDN1S/+6dhQ==}
+  '@react-aria/focus@3.21.5':
+    resolution: {integrity: sha512-V18fwCyf8zqgJdpLQeDU5ZRNd9TeOfBbhLgmX77Zr5ae9XwaoJ1R3SFJG1wCJX60t34AW+aLZSEEK+saQElf3Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/form@3.1.2':
-    resolution: {integrity: sha512-R3i7L7Ci61PqZQvOrnL9xJeWEbh28UkTVgkj72EvBBn39y4h7ReH++0stv7rRs8p5ozETSKezBbGfu4UsBewWw==}
+  '@react-aria/form@3.1.5':
+    resolution: {integrity: sha512-BWlONgHn8hmaMkcS6AgMSLQeNqVBwqPNLhdqjDO/PCfzvV7O8NZw/dFeIzJwfG4aBfSpbHHRdXGdfrk3d8dylQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/grid@3.14.5':
-    resolution: {integrity: sha512-XHw6rgjlTqc85e3zjsWo3U0EVwjN5MOYtrolCKc/lc2ItNdcY3OlMhpsU9+6jHwg/U3VCSWkGvwAz9hg7krd8Q==}
+  '@react-aria/grid@3.14.8':
+    resolution: {integrity: sha512-X6rRFKDu/Kh6Sv8FBap3vjcb+z4jXkSOwkYnexIJp5kMTo5/Dqo55cCBio5B70Tanfv32Ev/6SpzYG7ryxnM9w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/gridlist@3.14.1':
-    resolution: {integrity: sha512-keS03Am07aOn7RuNaRsMOyh0jscyhDn95asCVy4lxhl9A9TFk1Jw0o2L6q6cWRj1gFiKeacj/otG5H8ZKQQ2Wg==}
+  '@react-aria/gridlist@3.14.4':
+    resolution: {integrity: sha512-C/SbwC0qagZatoBrCjx8iZUex9apaJ8o8iRJ9eVHz0cpj7mXg6HuuotYGmDy9q67A2hve4I693RM1Cuwqwm+PQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/i18n@3.12.13':
-    resolution: {integrity: sha512-YTM2BPg0v1RvmP8keHenJBmlx8FXUKsdYIEX7x6QWRd1hKlcDwphfjzvt0InX9wiLiPHsT5EoBTpuUk8SXc0Mg==}
+  '@react-aria/i18n@3.12.16':
+    resolution: {integrity: sha512-Km2CAz6MFQOUEaattaW+2jBdWOHUF8WX7VQoNbjlqElCP58nSaqi9yxTWUDRhAcn8/xFUnkFh4MFweNgtrHuEA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/interactions@3.25.6':
-    resolution: {integrity: sha512-5UgwZmohpixwNMVkMvn9K1ceJe6TzlRlAfuYoQDUuOkk62/JVJNDLAPKIf5YMRc7d2B0rmfgaZLMtbREb0Zvkw==}
+  '@react-aria/interactions@3.27.1':
+    resolution: {integrity: sha512-M3wLpTTmDflI0QGNK0PJNUaBXXfeBXue8ZxLMngfc1piHNiH4G5lUvWd9W14XVbqrSCVY8i8DfGrNYpyyZu0tw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/label@3.7.22':
-    resolution: {integrity: sha512-jLquJeA5ZNqDT64UpTc9XJ7kQYltUlNcgxZ37/v4mHe0UZ7QohCKdKQhXHONb0h2jjNUpp2HOZI8J9++jOpzxA==}
+  '@react-aria/label@3.7.25':
+    resolution: {integrity: sha512-oNK3Pqj4LDPwEbQaoM/uCip4QvQmmwGOh08VeW+vzSi6TAwf+KoWTyH/tiAeB0CHWNDK0k3e1iTygTAt4wzBmg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/landmark@3.0.7':
-    resolution: {integrity: sha512-t8c610b8hPLS6Vwv+rbuSyljZosI1s5+Tosfa0Fk4q7d+Ex6Yj7hLfUFy59GxZAufhUYfGX396fT0gPqAbU1tg==}
+  '@react-aria/landmark@3.0.10':
+    resolution: {integrity: sha512-GpNjJaI8/a6WxYDZgzTCLYSzPM6xp2pxCIQ4udiGbTCtxx13Trmm0cPABvPtzELidgolCf05em9Phr+3G0eE8A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/link@3.8.6':
-    resolution: {integrity: sha512-7F7UDJnwbU9IjfoAdl6f3Hho5/WB7rwcydUOjUux0p7YVWh/fTjIFjfAGyIir7MJhPapun1D0t97QQ3+8jXVcg==}
+  '@react-aria/link@3.8.9':
+    resolution: {integrity: sha512-UaAFBfs84/Qq6TxlMWkREqqNY6SFLukot+z2Aa1kC+VyStv1kWG6sE5QLjm4SBn1Q3CGRsefhB/5+taaIbB4Pw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/listbox@3.15.0':
-    resolution: {integrity: sha512-Ub1Wu79R9sgxM7h4HeEdjOgOKDHwduvYcnDqsSddGXgpkL8ADjsy2YUQ0hHY5VnzA4BxK36bLp4mzSna8Qvj1w==}
+  '@react-aria/listbox@3.15.3':
+    resolution: {integrity: sha512-C6YgiyrHS5sbS5UBdxGMhEs+EKJYotJgGVtl9l0ySXpBUXERiHJWLOyV7a8PwkUOmepbB4FaLD7Y9EUzGkrGlw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -2303,74 +2303,74 @@ packages:
   '@react-aria/live-announcer@3.4.4':
     resolution: {integrity: sha512-PTTBIjNRnrdJOIRTDGNifY2d//kA7GUAwRFJNOEwSNG4FW+Bq9awqLiflw0JkpyB0VNIwou6lqKPHZVLsGWOXA==}
 
-  '@react-aria/menu@3.19.3':
-    resolution: {integrity: sha512-52fh8y8b2776R2VrfZPpUBJYC9oTP7XDy+zZuZTxPEd7Ywk0JNUl5F92y6ru22yPkS13sdhrNM/Op+V/KulmAg==}
+  '@react-aria/menu@3.21.0':
+    resolution: {integrity: sha512-CKTVZ4izSE1eKIti6TbTtzJAUo+WT8O4JC0XZCYDBpa0f++lD19Kz9aY+iY1buv5xGI20gAfpO474E9oEd4aQA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/meter@3.4.27':
-    resolution: {integrity: sha512-andOOdJkgRJF9vBi5VWRmFodK+GT+5X1lLeNUmb4qOX8/MVfX/RbK72LDeIhd7xC7rSCFHj3WvZ198rK4q0k3w==}
+  '@react-aria/meter@3.4.30':
+    resolution: {integrity: sha512-ZmANKW7s/Z4QGylHi46nhwtQ47T1bfMsU9MysBu7ViXXNJ03F4b6JXCJlKL5o2goQ3NbfZ68GeWamIT0BWSgtw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/numberfield@3.12.2':
-    resolution: {integrity: sha512-M2b+z0HIXiXpGAWOQkO2kpIjaLNUXJ5Q3/GMa3Fkr+B1piFX0VuOynYrtddKVrmXCe+r5t+XcGb0KS29uqv7nQ==}
+  '@react-aria/numberfield@3.12.5':
+    resolution: {integrity: sha512-Fi41IUWXEHLFIeJ/LHuZ9Azs8J/P563fZi37GSBkIq5P1pNt1rPgJJng5CNn4KsHxwqadTRUlbbZwbZraWDtRg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/overlays@3.30.0':
-    resolution: {integrity: sha512-UpjqSjYZx5FAhceWCRVsW6fX1sEwya1fQ/TKkL53FAlLFR8QKuoKqFlmiL43YUFTcGK3UdEOy3cWTleLQwdSmQ==}
+  '@react-aria/overlays@3.31.2':
+    resolution: {integrity: sha512-78HYI08r6LvcfD34gyv19ArRIjy1qxOKuXl/jYnjLDyQzD4pVb634IQWcm0zt10RdKgyuH6HTqvuDOgZTLet7Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/progress@3.4.27':
-    resolution: {integrity: sha512-0OA1shs1575g1zmO8+rWozdbTnxThFFhOfuoL1m7UV5Dley6FHpueoKB1ECv7B+Qm4dQt6DoEqLg7wsbbQDhmg==}
+  '@react-aria/progress@3.4.30':
+    resolution: {integrity: sha512-S6OWVGgluSWYSd/A6O8CVjz83eeMUfkuWSra0ewAV9bmxZ7TP9pUmD3bGdqHZEl97nt5vHGjZ3eq/x8eCmzKhA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/radio@3.12.2':
-    resolution: {integrity: sha512-I11f6I90neCh56rT/6ieAs3XyDKvEfbj/QmbU5cX3p+SJpRRPN0vxQi5D1hkh0uxDpeClxygSr31NmZsd4sqfg==}
+  '@react-aria/radio@3.12.5':
+    resolution: {integrity: sha512-8CCJKJzfozEiWBPO9QAATG1rBGJEJ+xoqvHf9LKU2sPFGsA2/SRnLs6LB9fCG5R3spvaK1xz0any1fjWPl7x8A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/searchfield@3.8.9':
-    resolution: {integrity: sha512-Yt2pj8Wb5/XsUr2T0DQqFv+DlFpzzWIWnNr9cJATUcWV/xw6ok7YFEg9+7EHtBmsCQxFFJtock1QfZzBw6qLtQ==}
+  '@react-aria/searchfield@3.8.12':
+    resolution: {integrity: sha512-kYlUHD/+mWzNroHoR8ojUxYBoMviRZn134WaKPFjfNUGZDOEuh4XzOoj+cjdJfe6N3mwTaYu6rJQtunSHIAfhA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/select@3.17.0':
-    resolution: {integrity: sha512-q5ZuyAn5jSOeI0Ys99951TaGcF4O7u1SSBVxPMwVVXOU8ZhToCNx+WG3n/JDYHEjqdo7sbsVRaPA7LkBzBGf5w==}
+  '@react-aria/select@3.17.3':
+    resolution: {integrity: sha512-u0UFWw0S7q9oiSbjetDpRoLLIcC+L89uYlm+YfCrdT8ntbQgABNiJRxdVvxnhR0fR6MC9ASTTvuQnNHNn52+1A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/selection@3.26.0':
-    resolution: {integrity: sha512-ZBH3EfWZ+RfhTj01dH8L17uT7iNbXWS8u77/fUpHgtrm0pwNVhx0TYVnLU1YpazQ/3WVpvWhmBB8sWwD1FlD/g==}
+  '@react-aria/selection@3.27.2':
+    resolution: {integrity: sha512-GbUSSLX/ciXix95KW1g+SLM9np7iXpIZrFDSXkC6oNx1uhy18eAcuTkeZE25+SY5USVUmEzjI3m/3JoSUcebbg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/separator@3.4.13':
-    resolution: {integrity: sha512-0NlcrdBfQbcjWEXdHl3+uSY1272n2ljT1gWL2RIf6aQsQWTZ0gz0rTgRHy0MTXN+y+tICItUERJT4vmTLtIzVg==}
+  '@react-aria/separator@3.4.16':
+    resolution: {integrity: sha512-RCUtQhDGnPxKzyG8KM79yOB0fSiEf8r/rxShidOVnGLiBW2KFmBa22/Gfc4jnqg/keN3dxvkSGoqmeXgctyp6g==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/slider@3.8.2':
-    resolution: {integrity: sha512-6KyUGaVzRE4xAz1LKHbNh1q5wzxe58pdTHFSnxNe6nk1SCoHw7NfI4h2s2m6LgJ0megFxsT0Ir8aHaFyyxmbgg==}
+  '@react-aria/slider@3.8.5':
+    resolution: {integrity: sha512-gqkJxznk141mE0JamXF5CXml9PDbPkBz8dyKlihtWHWX4yhEbVYdC9J0otE7iCR3zx69Bm7WHoTGL0BsdpKzVA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/spinbutton@3.6.19':
-    resolution: {integrity: sha512-xOIXegDpts9t3RSHdIN0iYQpdts0FZ3LbpYJIYVvdEHo9OpDS+ElnDzCGtwZLguvZlwc5s1LAKuKopDUsAEMkw==}
+  '@react-aria/spinbutton@3.7.2':
+    resolution: {integrity: sha512-adjE1wNCWlugvAtVXlXWPtIG9JWurEgYVn1Eeyh19x038+oXGvOsOAoKCXM+SnGleTWQ9J7pEZITFoEI3cVfAw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -2381,376 +2381,376 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/switch@3.7.8':
-    resolution: {integrity: sha512-AfsUq1/YiuoprhcBUD9vDPyWaigAwctQNW1fMb8dROL+i/12B+Zekj8Ml+jbU69/kIVtfL0Jl7/0Bo9KK3X0xQ==}
+  '@react-aria/switch@3.7.11':
+    resolution: {integrity: sha512-dYVX71HiepBsKyeMaQgHbhqI+MQ3MVoTd5EnTbUjefIBnmQZavYj1/e4NUiUI4Ix+/C0HxL8ibDAv4NlSW3eLQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/table@3.17.8':
-    resolution: {integrity: sha512-bXiZoxTMbsqUJsYDhHPzKc3jw0HFJ/xMsJ49a0f7mp5r9zACxNLeIU0wJ4Uvx37dnYOHKzGliG+rj5l4sph7MA==}
+  '@react-aria/table@3.17.11':
+    resolution: {integrity: sha512-GkYmWPiW3OM+FUZxdS33teHXHXde7TjHuYgDDaG9phvg6cQTQjGilJozrzA3OfftTOq5VB8XcKTIQW3c0tpYsQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tabs@3.10.8':
-    resolution: {integrity: sha512-sPPJyTyoAqsBh76JinBAxStOcbjZvyWFYKpJ9Uqw+XT0ObshAPPFSGeh8DiQemPs02RwJdrfARPMhyqiX8t59A==}
+  '@react-aria/tabs@3.11.1':
+    resolution: {integrity: sha512-3Ppz7yaEDW9L7p9PE9yNOl5caLwNnnLQqI+MX/dwbWlw9HluHS7uIjb21oswNl6UbSxAWyENOka45+KN4Fkh7A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tag@3.7.2':
-    resolution: {integrity: sha512-JV679P5r4DftbqyNBRt7Nw9mP7dxaKPfikjyQuvUoEOa06wBLbM/hU9RJUPRvqK+Un6lgBDAmXD9NNf4N2xpdw==}
+  '@react-aria/tag@3.8.1':
+    resolution: {integrity: sha512-VonpO++F8afXGDWc9VUxAc2wefyJpp1n9OGpbnB7zmqWiuPwO/RixjUdcH7iJkiC4vADwx9uLnhyD6kcwGV2ig==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/textfield@3.18.2':
-    resolution: {integrity: sha512-G+lM8VYSor6g9Yptc6hLZ6BF+0cq0pYol1z6wdQUQgJN8tg4HPtzq75lsZtlCSIznL3amgRAxJtd0dUrsAnvaQ==}
+  '@react-aria/textfield@3.18.5':
+    resolution: {integrity: sha512-ttwVSuwoV3RPaG2k2QzEXKeQNQ3mbdl/2yy6I4Tjrn1ZNkYHfVyJJ26AjenfSmj1kkTQoSAfZ8p+7rZp4n0xoQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/toast@3.0.8':
-    resolution: {integrity: sha512-rfJIms6AkMyQ7ZgKrMZgGfPwGcB/t1JoEwbc1PAmXcAvFI/hzF6YF7ZFDXiq38ucFsP9PnHmbXIzM9w4ccl18A==}
+  '@react-aria/toast@3.0.11':
+    resolution: {integrity: sha512-2DjZjBAvm8/CWbnZ6s7LjkYCkULKtjMve6GvhPTq98AthuEDLEiBvM1wa3xdecCRhZyRT1g6DXqVca0EfZ9fJA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/toggle@3.12.2':
-    resolution: {integrity: sha512-g25XLYqJuJpt0/YoYz2Rab8ax+hBfbssllcEFh0v0jiwfk2gwTWfRU9KAZUvxIqbV8Nm8EBmrYychDpDcvW1kw==}
+  '@react-aria/toggle@3.12.5':
+    resolution: {integrity: sha512-XXVFLzcV8fr9mz7y/wfxEAhWvaBZ9jSfhCMuxH2bsivO7nTcMJ1jb4g2xJNwZgne17bMWNc7mKvW5dbsdlI6BA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/toolbar@3.0.0-beta.21':
-    resolution: {integrity: sha512-yRCk/GD8g+BhdDgxd3I0a0c8Ni4Wyo6ERzfSoBkPkwQ4X2E2nkopmraM9D0fXw4UcIr4bnmvADzkHXtBN0XrBg==}
+  '@react-aria/toolbar@3.0.0-beta.24':
+    resolution: {integrity: sha512-B2Rmpko7Ghi2RbNfsGdbR7I+RQBDhPGVE4bU3/EwHz+P/vNe5LyGPTeSwqaOMsQTF9lKNCkY8424dVTCr6RUMg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tooltip@3.8.8':
-    resolution: {integrity: sha512-CmHUqtXtFWmG4AHMEr9hIVex+oscK6xcM2V47gq9ijNInxe3M6UBu/dBdkgGP/jYv9N7tzCAjTR8nNIHQXwvWw==}
+  '@react-aria/tooltip@3.9.2':
+    resolution: {integrity: sha512-VrgkPwHiEnAnBhoQ4W7kfry/RfVuRWrUPaJSp0+wKM6u0gg2tmn7OFRDXTxBAm/omQUguIdIjRWg7sf3zHH82A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/tree@3.1.4':
-    resolution: {integrity: sha512-6pbFeN0dAsCOrFGUKU39CNjft20zCAjLfMqfkRWisL+JkUHI2nq6odUJF5jJTsU1C+1951+3oFOmVxPX+K+akQ==}
+  '@react-aria/tree@3.1.7':
+    resolution: {integrity: sha512-C54yH5NmsOFa2Q+cg6B1BPr5KUlU9vLIoBnVrgrH237FRSXQPIbcM4VpmITAHq1VR7w6ayyS1hgTwFxo67ykWQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/utils@3.31.0':
-    resolution: {integrity: sha512-ABOzCsZrWzf78ysswmguJbx3McQUja7yeGj6/vZo4JVsZNlxAN+E9rs381ExBRI0KzVo6iBTeX5De8eMZPJXig==}
+  '@react-aria/utils@3.33.1':
+    resolution: {integrity: sha512-kIx1Sj6bbAT0pdqCegHuPanR9zrLn5zMRiM7LN12rgRf55S19ptd9g3ncahArifYTRkfEU9VIn+q0HjfMqS9/w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/virtualizer@4.1.10':
-    resolution: {integrity: sha512-s0xOFh602ybTWuDrV/i6fV7Pz7vYghsY7F/RpYL/5IX9qCZ5C1FWFePpVktQAZghnd3ljH8hS8DULPeDfVLCrg==}
+  '@react-aria/virtualizer@4.1.13':
+    resolution: {integrity: sha512-d5KS+p8GXGNRbGPRE/N6jtth3et3KssQIz52h2+CAoAh7C3vvR64kkTaGdeywClvM+fSo8FxJuBrdfQvqC2ktQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-aria/visually-hidden@3.8.28':
-    resolution: {integrity: sha512-KRRjbVVob2CeBidF24dzufMxBveEUtUu7IM+hpdZKB+gxVROoh4XRLPv9SFmaH89Z7D9To3QoykVZoWD0lan6Q==}
+  '@react-aria/visually-hidden@3.8.31':
+    resolution: {integrity: sha512-RTOHHa4n56a9A3criThqFHBifvZoV71+MCkSuNP2cKO662SUWjqKkd0tJt/mBRMEJPkys8K7Eirp6T8Wt5FFRA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/autocomplete@3.0.0-beta.3':
-    resolution: {integrity: sha512-YfP/TrvkOCp6j7oqpZxJSvmSeXn+XtbKSOiBOuo+m2zCIhW2ncThmDB9uAUOkpmikDv/LkGKni40RQE8USdGdA==}
+  '@react-stately/autocomplete@3.0.0-beta.4':
+    resolution: {integrity: sha512-K2Uy7XEdseFvgwRQ8CyrYEHMupjVKEszddOapP8deNz4hntYvT1aRm0m+sKa5Kl/4kvg9c/3NZpQcrky/vRZIg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/calendar@3.9.0':
-    resolution: {integrity: sha512-U5Nf2kx9gDhJRxdDUm5gjfyUlt/uUfOvM1vDW2UA62cA6+2k2cavMLc2wNlXOb/twFtl6p0joYKHG7T4xnEFkg==}
+  '@react-stately/calendar@3.9.3':
+    resolution: {integrity: sha512-uw7fCZXoypSBBUsVkbNvJMQWTihZReRbyLIGG3o/ZM630N3OCZhb/h4Uxke4pNu7n527H0V1bAnZgAldIzOYqg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/checkbox@3.7.2':
-    resolution: {integrity: sha512-j1ycUVz5JmqhaL6mDZgDNZqBilOB8PBW096sDPFaTtuYreDx2HOd1igxiIvwlvPESZwsJP7FVM3mYnaoXtpKPA==}
+  '@react-stately/checkbox@3.7.5':
+    resolution: {integrity: sha512-K5R5ted7AxLB3sDkuVAazUdyRMraFT1imVqij2GuAiOUFvsZvbuocnDuFkBVKojyV3GpqLBvViV8IaCMc4hNIw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/collections@3.12.8':
-    resolution: {integrity: sha512-AceJYLLXt1Y2XIcOPi6LEJSs4G/ubeYW3LqOCQbhfIgMaNqKfQMIfagDnPeJX9FVmPFSlgoCBxb1pTJW2vjCAQ==}
+  '@react-stately/collections@3.12.10':
+    resolution: {integrity: sha512-wmF9VxJDyBujBuQ76vXj2g/+bnnj8fx5DdXgRmyfkkYhPB46+g2qnjbVGEvipo7bJuGxDftCUC4SN7l7xqUWfg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/color@3.9.2':
-    resolution: {integrity: sha512-F+6Do8W3yu/4n7MpzZtbXwVukcLTFYYDIUtpoR+Jl52UmAr9Hf1CQgkyTI2azv1ZMzj1mVrTBhpBL0q27kFZig==}
+  '@react-stately/color@3.9.5':
+    resolution: {integrity: sha512-8pZxzXWDRuglzDwyTG7mLw2LQMCHIVNbVc9YmbsxbOjAL+lOqszo60KzyaFKVxeDQczSvrNTHcQZqlbNIC0eyQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/combobox@3.12.0':
-    resolution: {integrity: sha512-A6q9R/7cEa/qoQsBkdslXWvD7ztNLLQ9AhBhVN9QvzrmrH5B4ymUwcTU8lWl22ykH7RRwfonLeLXJL4C+/L2oQ==}
+  '@react-stately/combobox@3.13.0':
+    resolution: {integrity: sha512-dX9g/cK1hjLRjcbWVF6keHxTQDGhKGB2QAgPhWcBmOK3qJv+2dQqsJ6YCGWn/Y2N2acoEseLrAA7+Qe4HWV9cg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/data@3.14.1':
-    resolution: {integrity: sha512-lDNc4gZ6kVZcrABeeQZPTTnP+1ykNylSvFzAC/Hq1fs8+s54xLRvoENWIyG+yK19N9TIGEoA0AOFG8PoAun43g==}
+  '@react-stately/data@3.15.2':
+    resolution: {integrity: sha512-BsmeeGgFwOGwo0g9Waprdyt+846n3KhKggZfpEnp5+sC4dE4uW1VIYpdyupMfr3bQcmX123q6TegfNP3eszrUA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/datepicker@3.15.2':
-    resolution: {integrity: sha512-S5GL+W37chvV8knv9v0JRv0L6hKo732qqabCCHXzOpYxkLIkV4f/y3cHdEzFWzpZ0O0Gkg7WgeYo160xOdBKYg==}
+  '@react-stately/datepicker@3.16.1':
+    resolution: {integrity: sha512-BtAMDvxd1OZxkxjqq5tN5TYmp6Hm8+o3+IDA4qmem2/pfQfVbOZeWS2WitcPBImj4n4T+W1A5+PI7mT/6DUBVg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/disclosure@3.0.8':
-    resolution: {integrity: sha512-/Ce/Z76y85eSBZiemfU/uEyXkBBa1RdfLRaKD13rnfUV7/nS3ae1VtNlsXgmwQjWv2pmAiSuEKYMbZfVL7q/lQ==}
+  '@react-stately/disclosure@3.0.11':
+    resolution: {integrity: sha512-/KjB/0HkxGWbhFAPztCP411LUKZCx9k8cKukrlGqrUWyvrcXlmza90j0g/CuxACBoV+DJP9V+4q+8ide0x750A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/dnd@3.7.1':
-    resolution: {integrity: sha512-O1JBJ4HI1rVNKuoa5NXiC5FCrCEkr9KVBoKNlTZU8/cnQselhbEsUfMglAakO2EuwIaM1tIXoNF5J/N5P+6lTA==}
+  '@react-stately/dnd@3.7.4':
+    resolution: {integrity: sha512-YD0TVR5JkvTqskc1ouBpVKs6t/QS4RYCIyu8Ug8RgO122iIizuf2pfKnRLjYMdu5lXzBXGaIgd49dvnLzEXHIw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
   '@react-stately/flags@3.1.2':
     resolution: {integrity: sha512-2HjFcZx1MyQXoPqcBGALwWWmgFVUk2TuKVIQxCbRq7fPyWXIl6VHcakCLurdtYC2Iks7zizvz0Idv48MQ38DWg==}
 
-  '@react-stately/form@3.2.2':
-    resolution: {integrity: sha512-soAheOd7oaTO6eNs6LXnfn0tTqvOoe3zN9FvtIhhrErKz9XPc5sUmh3QWwR45+zKbitOi1HOjfA/gifKhZcfWw==}
+  '@react-stately/form@3.2.4':
+    resolution: {integrity: sha512-qNBzun8SbLdgahryhKLqL1eqP+MXY6as82sVXYOOvUYLzgU5uuN8mObxYlxJgMI5akSdQJQV3RzyfVobPRE7Kw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/grid@3.11.6':
-    resolution: {integrity: sha512-vWPAkzpeTIsrurHfMubzMuqEw7vKzFhIJeEK5sEcLunyr1rlADwTzeWrHNbPMl66NAIAi70Dr1yNq+kahQyvMA==}
+  '@react-stately/grid@3.11.9':
+    resolution: {integrity: sha512-qQY6F+27iZRn30dt0ZOrSetUmbmNJ0pLe9Weuqw3+XDVSuWT+2O/rO1UUYeK+mO0Acjzdv+IWiYbu9RKf2wS9w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/layout@4.5.1':
-    resolution: {integrity: sha512-Zk92HM6a8KFdyPzslhLCOmrrsvJ28+vFBisgiKMwVhe96cWlax1m9i4ktmO43xaUpSZkn06DRD/2k0d1x+Uwjw==}
+  '@react-stately/layout@4.6.0':
+    resolution: {integrity: sha512-kBenEsP03nh5rKgfqlVMPcoKTJv0v92CTvrAb5gYY8t9g8LOwzdL89Yannq7f5xv8LFck/MmRQlotpMt2InETg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/list@3.13.1':
-    resolution: {integrity: sha512-eHaoauh21twbcl0kkwULhVJ+CzYcy1jUjMikNVMHOQdhr4WIBdExf7PmSgKHKqsSPhpGg6IpTCY2dUX3RycjDg==}
+  '@react-stately/list@3.13.4':
+    resolution: {integrity: sha512-HHYSjA9VG7FPSAtpXAjQyM/V7qFHWGg88WmMrDt5QDlTBexwPuH0oFLnW0qaVZpAIxuWIsutZfxRAnme/NhhAA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/menu@3.9.8':
-    resolution: {integrity: sha512-bo0NOhofnTHLESiYfsSSw6gyXiPVJJ0UlN2igUXtJk5PmyhWjFzUzTzcnd7B028OB0si9w3LIWM3stqz5271Eg==}
+  '@react-stately/menu@3.9.11':
+    resolution: {integrity: sha512-vYkpO9uV2OUecsIkrOc+Urdl/s1xw/ibNH/UXsp4PtjMnS6mK9q2kXZTM3WvMAKoh12iveUO+YkYCZQshmFLHQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/numberfield@3.10.2':
-    resolution: {integrity: sha512-jlKVFYaH3RX5KvQ7a+SAMQuPccZCzxLkeYkBE64u1Zvi7YhJ8hkTMHG/fmZMbk1rHlseE2wfBdk0Rlya3MvoNQ==}
+  '@react-stately/numberfield@3.11.0':
+    resolution: {integrity: sha512-rxfC047vL0LP4tanjinfjKAriAvdVL57Um5RUL5nHML8IOWCB3TBxegQkJ6to6goScC/oZhd0/Y2LSaiRuKbNw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/overlays@3.6.20':
-    resolution: {integrity: sha512-YAIe+uI8GUXX8F/0Pzr53YeC5c/bjqbzDFlV8NKfdlCPa6+Jp4B/IlYVjIooBj9+94QvbQdjylegvYWK/iPwlg==}
+  '@react-stately/overlays@3.6.23':
+    resolution: {integrity: sha512-RzWxots9A6gAzQMP4s8hOAHV7SbJRTFSlQbb6ly1nkWQXacOSZSFNGsKOaS0eIatfNPlNnW4NIkgtGws5UYzfw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/radio@3.11.2':
-    resolution: {integrity: sha512-UM7L6AW+k8edhSBUEPZAqiWNRNadfOKK7BrCXyBiG79zTz0zPcXRR+N+gzkDn7EMSawDeyK1SHYUuoSltTactg==}
+  '@react-stately/radio@3.11.5':
+    resolution: {integrity: sha512-QxA779S4ea5icQ0ja7CeiNzY1cj7c9G9TN0m7maAIGiTSinZl2Ia8naZJ0XcbRRp+LBll7RFEdekne15TjvS/w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/searchfield@3.5.16':
-    resolution: {integrity: sha512-MRfqT1lZ24r94GuFNcGJXsfijZoWjSMySCT60T6NXtbOzVPuAF3K+pL70Rayq/EWLJjS2NPHND11VTs0VdcE0Q==}
+  '@react-stately/searchfield@3.5.19':
+    resolution: {integrity: sha512-URllgjbtTQEaOCfddbHpJSPKOzG3pE3ajQHJ7Df8qCoHTjKfL6hnm/vp7X5sxPaZaN7VLZ5kAQxTE8hpo6s0+A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/select@3.8.0':
-    resolution: {integrity: sha512-A721nlt0DSCDit0wKvhcrXFTG5Vv1qkEVkeKvobmETZy6piKvwh0aaN8iQno5AFuZaj1iOZeNjZ/20TsDJR/4A==}
+  '@react-stately/select@3.9.2':
+    resolution: {integrity: sha512-oWn0bijuusp8YI7FRM/wgtPVqiIrgU/ZUfLKe/qJUmT8D+JFaMAJnyrAzKpx98TrgamgtXynF78ccpopPhgrKQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/selection@3.20.6':
-    resolution: {integrity: sha512-a0bjuP2pJYPKEiedz2Us1W1aSz0iHRuyeQEdBOyL6Z6VUa6hIMq9H60kvseir2T85cOa4QggizuRV7mcO6bU5w==}
+  '@react-stately/selection@3.20.9':
+    resolution: {integrity: sha512-RhxRR5Wovg9EVi3pq7gBPK2BoKmP59tOXDMh2r1PbnGevg/7TNdR67DCEblcmXwHuBNS46ELfKdd0XGHqmS8nQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/slider@3.7.2':
-    resolution: {integrity: sha512-EVBHUdUYwj++XqAEiQg2fGi8Reccznba0uyQ3gPejF0pAc390Q/J5aqiTEDfiCM7uJ6WHxTM6lcCqHQBISk2dQ==}
+  '@react-stately/slider@3.7.5':
+    resolution: {integrity: sha512-OrQMNR5xamLYH52TXtvTgyw3EMwv+JI+1istQgEj1CHBjC9eZZqn5iNCN20tzm+uDPTH0EIGULFjjPIumqYUQg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/table@3.15.1':
-    resolution: {integrity: sha512-MhMAgE/LgAzHcAn1P3p/nQErzJ6DiixSJ1AOt2JlnAKEb5YJg4ATKWCb2IjBLwywt9ZCzfm3KMUzkctZqAoxwA==}
+  '@react-stately/table@3.15.4':
+    resolution: {integrity: sha512-fGaNyw3wv7JgRCNzgyDzpaaTFuSy5f4Qekch4UheMXDJX7dOeaMhUXeOfvnXCVg+BGM4ey/D82RvDOGvPy1Nww==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/tabs@3.8.6':
-    resolution: {integrity: sha512-9RYxmgjVIxUpIsGKPIF7uRoHWOEz8muwaYiStCVeyiYBPmarvZoIYtTXcwSMN/vEs7heVN5uGCL6/bfdY4+WiA==}
+  '@react-stately/tabs@3.8.9':
+    resolution: {integrity: sha512-AQ4Xrn6YzIolaVShCV9cnwOjBKPAOGP/PTp7wpSEtQbQ0HZzUDG2RG/M4baMeUB2jZ33b7ifXyPcK78o0uOftg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/toast@3.1.2':
-    resolution: {integrity: sha512-HiInm7bck32khFBHZThTQaAF6e6/qm57F4mYRWdTq8IVeGDzpkbUYibnLxRhk0UZ5ybc6me+nqqPkG/lVmM42Q==}
+  '@react-stately/toast@3.1.3':
+    resolution: {integrity: sha512-mT9QJKmD523lqFpOp0VWZ6QHZENFK7HrodnNJDVc7g616s5GNmemdlkITV43fSY3tHeThCVvPu+Uzh7RvQ9mpQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/toggle@3.9.2':
-    resolution: {integrity: sha512-dOxs9wrVXHUmA7lc8l+N9NbTJMAaXcYsnNGsMwfXIXQ3rdq+IjWGNYJ52UmNQyRYFcg0jrzRrU16TyGbNjOdNQ==}
+  '@react-stately/toggle@3.9.5':
+    resolution: {integrity: sha512-PVzXc788q3jH98Kvw1LYDL+wpVC14dCEKjOku8cSaqhEof6AJGaLR9yq+EF1yYSL2dxI6z8ghc0OozY8WrcFcA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/tooltip@3.5.8':
-    resolution: {integrity: sha512-gkcUx2ROhCiGNAYd2BaTejakXUUNLPnnoJ5+V/mN480pN+OrO8/2V9pqb/IQmpqxLsso93zkM3A4wFHHLBBmPQ==}
+  '@react-stately/tooltip@3.5.11':
+    resolution: {integrity: sha512-o8PnFXbvDCuVZ4Ht9ahfS6KHwIZjXopvoQ2vUPxv920irdgWEeC+4omgDOnJ/xFvcpmmJAmSsrQsTQrTguDUQA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/tree@3.9.3':
-    resolution: {integrity: sha512-ZngG79nLFxE/GYmpwX6E/Rma2MMkzdoJPRI3iWk3dgqnGMMzpPnUp/cvjDsU3UHF7xDVusC5BT6pjWN0uxCIFQ==}
+  '@react-stately/tree@3.9.6':
+    resolution: {integrity: sha512-JCuhGyX2A+PAMsx2pRSwArfqNFZJ9JSPkDaOQJS8MFPAsBe5HemvXsdmv9aBIMzlbCYcVq6EsrFnzbVVTBt/6w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/utils@3.10.8':
-    resolution: {integrity: sha512-SN3/h7SzRsusVQjQ4v10LaVsDc81jyyR0DD5HnsQitm/I5WDpaSr2nRHtyloPFU48jlql1XX/S04T2DLQM7Y3g==}
+  '@react-stately/utils@3.11.0':
+    resolution: {integrity: sha512-8LZpYowJ9eZmmYLpudbo/eclIRnbhWIJZ994ncmlKlouNzKohtM8qTC6B1w1pwUbiwGdUoyzLuQbeaIor5Dvcw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-stately/virtualizer@4.4.4':
-    resolution: {integrity: sha512-ri8giqXSZOrznZDCCOE4U36wSkOhy+hrFK7yo/YVcpxTqqp3d3eisfKMqbDsgqBW+XTHycTU/xeAf0u9NqrfpQ==}
+  '@react-stately/virtualizer@4.4.6':
+    resolution: {integrity: sha512-9SfXgLFB61/8SXNLfg5ARx9jAK4m03Aw6/Cg8mdZN24SYarL4TKNRpfw8K/HHVU/bi6WHSJypk6Z/z19o/ztrg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/autocomplete@3.0.0-alpha.35':
-    resolution: {integrity: sha512-Wv5eU4WixfJ4M+fqvJUQqliWPbw7/VldRlgoJhqAlPwlNyLlHYwv5tlA64AySDXHGcSMIbzcS38LaHm44wt0AQ==}
+  '@react-types/autocomplete@3.0.0-alpha.38':
+    resolution: {integrity: sha512-0XrlVC8drzcrCNzybbkZdLcTofXEzBsHuaFevt5awW1J0xBJ+SMLIQMDeUYrvKjjwXUBlCtjJJpOvitGt4Z+KA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/breadcrumbs@3.7.17':
-    resolution: {integrity: sha512-IhvVTcfli5o/UDlGACXxjlor2afGlMQA8pNR3faH0bBUay1Fmm3IWktVw9Xwmk+KraV2RTAg9e+E6p8DOQZfiw==}
+  '@react-types/breadcrumbs@3.7.19':
+    resolution: {integrity: sha512-AnkyYYmzaM2QFi/N0P/kQLM8tHOyFi7p397B/jEMucXDfwMw5Ny1ObCXeIEqbh8KrIa2Xp8SxmQlCV+8FPs4LA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/button@3.14.1':
-    resolution: {integrity: sha512-D8C4IEwKB7zEtiWYVJ3WE/5HDcWlze9mLWQ5hfsBfpePyWCgO3bT/+wjb/7pJvcAocrkXo90QrMm85LcpBtrpg==}
+  '@react-types/button@3.15.1':
+    resolution: {integrity: sha512-M1HtsKreJkigCnqceuIT22hDJBSStbPimnpmQmsl7SNyqCFY3+DHS7y/Sl3GvqCkzxF7j9UTL0dG38lGQ3K4xQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/calendar@3.8.0':
-    resolution: {integrity: sha512-ZDZgfZgbz1ydWOFs1mH7QFfX3ioJrmb3Y/lkoubQE0HWXLZzyYNvhhKyFJRS1QJ40IofLSBHriwbQb/tsUnGlw==}
+  '@react-types/calendar@3.8.3':
+    resolution: {integrity: sha512-fpH6WNXotzH0TlKHXXxtjeLZ7ko0sbyHmwDAwmDFyP7T0Iwn1YQZ+lhceLifvynlxuOgX6oBItyUKmkHQ0FouQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/checkbox@3.10.2':
-    resolution: {integrity: sha512-ktPkl6ZfIdGS1tIaGSU/2S5Agf2NvXI9qAgtdMDNva0oLyAZ4RLQb6WecPvofw1J7YKXu0VA5Mu7nlX+FM2weQ==}
+  '@react-types/checkbox@3.10.4':
+    resolution: {integrity: sha512-tYCG0Pd1usEz5hjvBEYcqcA0youx930Rss1QBIse9TgMekA1c2WmPDNupYV8phpO8Zuej3DL1WfBeXcgavK8aw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/color@3.1.2':
-    resolution: {integrity: sha512-NP0TAY3j4tlMztOp/bBfMlPwC9AQKTjSiTFmc2oQNkx5M4sl3QpPqFPosdt7jZ8M4nItvfCWZrlZGjST4SB83A==}
+  '@react-types/color@3.1.4':
+    resolution: {integrity: sha512-s+Xj4pvNBlJPpQ1Gr7bO1j4/tuwMUfdS9xIVFuiW5RvDsSybKTUJ/gqPzTxms94VDCRhLFocVn2STNdD2Erf6A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/combobox@3.13.9':
-    resolution: {integrity: sha512-G6GmLbzVkLW6VScxPAr/RtliEyPhBClfYaIllK1IZv+Z42SVnOpKzhnoe79BpmiFqy1AaC3+LjZX783mrsHCwA==}
+  '@react-types/combobox@3.14.0':
+    resolution: {integrity: sha512-zmSSS7BcCOD8rGT8eGbVy7UlL5qq1vm88fFn4WgFe+lfK33ne+E7yTzTxcPY2TCGSo5fY6xMj3OG79FfVNGbSg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/datepicker@3.13.2':
-    resolution: {integrity: sha512-+M6UZxJnejYY8kz0spbY/hP08QJ5rsZ3aNarRQQHc48xV2oelFLX5MhAqizfLEsvyfb0JYrhWoh4z1xZtAmYCg==}
+  '@react-types/datepicker@3.13.5':
+    resolution: {integrity: sha512-j28Vz+xvbb4bj7+9Xbpc4WTvSitlBvt7YEaEGM/8ZQ5g4Jr85H2KwkmDwjzmMN2r6VMQMMYq9JEcemq5wWpfUQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/dialog@3.5.22':
-    resolution: {integrity: sha512-smSvzOcqKE196rWk0oqJDnz+ox5JM5+OT0PmmJXiUD4q7P5g32O6W5Bg7hMIFUI9clBtngo8kLaX2iMg+GqAzg==}
+  '@react-types/dialog@3.5.24':
+    resolution: {integrity: sha512-NFurEP/zV0dA/41422lV1t+0oh6f/13n+VmLHZG8R13m1J3ql/kAXZ49zBSqkqANBO1ojyugWebk99IiR4pYOw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/form@3.7.16':
-    resolution: {integrity: sha512-Sb7KJoWEaQ/e4XIY+xRbjKvbP1luome98ZXevpD+zVSyGjEcfIroebizP6K1yMHCWP/043xH6GUkgEqWPoVGjg==}
+  '@react-types/form@3.7.18':
+    resolution: {integrity: sha512-0sBJW0+I9nJcF4SmKrYFEWAlehiebSTy7xqriqAXtqfTEdvzAYLGaAK2/7gx+wlNZeDTdW43CDRJ4XAhyhBqnw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/grid@3.3.6':
-    resolution: {integrity: sha512-vIZJlYTii2n1We9nAugXwM2wpcpsC6JigJFBd6vGhStRdRWRoU4yv1Gc98Usbx0FQ/J7GLVIgeG8+1VMTKBdxw==}
+  '@react-types/grid@3.3.8':
+    resolution: {integrity: sha512-zJvXH8gc1e1VH2H3LRnHH/W2HIkLkZMH3Cu5pLcj0vDuLBSWpcr3Ikh3jZ+VUOZF0G1Jt1lO8pKIaqFzDLNmLQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/link@3.6.5':
-    resolution: {integrity: sha512-+I2s3XWBEvLrzts0GnNeA84mUkwo+a7kLUWoaJkW0TOBDG7my95HFYxF9WnqKye7NgpOkCqz4s3oW96xPdIniQ==}
+  '@react-types/link@3.6.7':
+    resolution: {integrity: sha512-1apXCFJgMC1uydc2KNENrps1qR642FqDpwlNWe254UTpRZn/hEZhA6ImVr8WhomfLJu672WyWA0rUOv4HT+/pQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/listbox@3.7.4':
-    resolution: {integrity: sha512-p4YEpTl/VQGrqVE8GIfqTS5LkT5jtjDTbVeZgrkPnX/fiPhsfbTPiZ6g0FNap4+aOGJFGEEZUv2q4vx+rCORww==}
+  '@react-types/listbox@3.7.6':
+    resolution: {integrity: sha512-335NYElKEByXMalAmeRPyulKIDd2cjOCQhLwvv2BtxO5zaJfZnBbhZs+XPd9zwU6YomyOxODKSHrwbNDx+Jf3w==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/menu@3.10.5':
-    resolution: {integrity: sha512-HBTrKll2hm0VKJNM4ubIv1L9MNo8JuOnm2G3M+wXvb6EYIyDNxxJkhjsqsGpUXJdAOSkacHBDcNh2HsZABNX4A==}
+  '@react-types/menu@3.10.7':
+    resolution: {integrity: sha512-+p7ixZdvPDJZhisqdtWiiuJ9pteNfK5i19NB6wzAw5XkljbEzodNhwLv6rI96DY5XpbFso2kcjw7IWi+rAAGGQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/meter@3.4.13':
-    resolution: {integrity: sha512-EiarfbpHcvmeyXvXcr6XLaHkNHuGc4g7fBVEiDPwssFJKKfbUzqnnknDxPjyspqUVRcXC08CokS98J1jYobqDg==}
+  '@react-types/meter@3.4.15':
+    resolution: {integrity: sha512-9WjNphhLLM+TA4Ev1y2MkpugJ5JjTXseHh7ZWWx2veq5DrXMZYclkRpfUrUdLVKvaBIPQCgpQIj0TcQi+quR9A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/numberfield@3.8.15':
-    resolution: {integrity: sha512-97r92D23GKCOjGIGMeW9nt+/KlfM3GeWH39Czcmd2/D5y3k6z4j0avbsfx2OttCtJszrnENjw3GraYGYI2KosQ==}
+  '@react-types/numberfield@3.8.18':
+    resolution: {integrity: sha512-nLzk7YAG9yAUtSv+9R8LgCHsu8hJq8/A+m1KsKxvc8WmNJjIujSFgWvT21MWBiUgPBzJKGzAqpMDDa087mltJQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/overlays@3.9.2':
-    resolution: {integrity: sha512-Q0cRPcBGzNGmC8dBuHyoPR7N3057KTS5g+vZfQ53k8WwmilXBtemFJPLsogJbspuewQ/QJ3o2HYsp2pne7/iNw==}
+  '@react-types/overlays@3.9.4':
+    resolution: {integrity: sha512-7Z9HaebMFyYBqtv3XVNHEmVkm7AiYviV7gv0c98elEN2Co+eQcKFGvwBM9Gy/lV57zlTqFX1EX/SAqkMEbCLOA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/progress@3.5.16':
-    resolution: {integrity: sha512-I9tSdCFfvQ7gHJtm90VAKgwdTWXQgVNvLRStEc0z9h+bXBxdvZb+QuiRPERChwFQ9VkK4p4rDqaFo69nDqWkpw==}
+  '@react-types/progress@3.5.18':
+    resolution: {integrity: sha512-mKeQn+KrHr1y0/k7KtrbeDGDaERH6i4f6yBwj/ZtYDCTNKMO3tPHJY6nzF0w/KKZLplIO+BjUbHXc2RVm8ovwQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/radio@3.9.2':
-    resolution: {integrity: sha512-3UcJXu37JrTkRyP4GJPDBU7NmDTInrEdOe+bVzA1j4EegzdkJmLBkLg5cLDAbpiEHB+xIsvbJdx6dxeMuc+H3g==}
+  '@react-types/radio@3.9.4':
+    resolution: {integrity: sha512-TkMRY3sA1PcFZhhclu4IUzUTIir6MzNJj8h6WT8vO6Nug2kXJ72qigugVFBWJSE472mltduOErEAo0rtAYWbQA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/searchfield@3.6.6':
-    resolution: {integrity: sha512-cl3itr/fk7wbIQc2Gz5Ie8aVeUmPjVX/mRGS5/EXlmzycAKNYTvqf2mlxwObLndtLISmt7IgNjRRhbUUDI8Ang==}
+  '@react-types/searchfield@3.6.8':
+    resolution: {integrity: sha512-M2p7OVdMTMDmlBcHd4N2uCBwg3uJSNM4lmEyf09YD44N5wDAI0yogk52QBwsnhpe+i2s65UwCYgunB+QltRX8A==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/select@3.11.0':
-    resolution: {integrity: sha512-SzIsMFVPCbXE1Z1TLfpdfiwJ1xnIkcL1/CjGilmUKkNk5uT7rYX1xCJqWCjXI0vAU1xM4Qn+T3n8de4fw6HRBg==}
+  '@react-types/select@3.12.2':
+    resolution: {integrity: sha512-AseOjfr3qM1W1qIWcbAe6NFpwZluVeQX/dmu9BYxjcnVvtoBLPMbE5zX/BPbv+N5eFYjoMyj7Ug9dqnI+LrlGw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/shared@3.32.1':
-    resolution: {integrity: sha512-famxyD5emrGGpFuUlgOP6fVW2h/ZaF405G5KDi3zPHzyjAWys/8W6NAVJtNbkCkhedmvL0xOhvt8feGXyXaw5w==}
+  '@react-types/shared@3.33.1':
+    resolution: {integrity: sha512-oJHtjvLG43VjwemQDadlR5g/8VepK56B/xKO2XORPHt9zlW6IZs3tZrYlvH29BMvoqC7RtE7E5UjgbnbFtDGag==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/slider@3.8.2':
-    resolution: {integrity: sha512-MQYZP76OEOYe7/yA2To+Dl0LNb0cKKnvh5JtvNvDnAvEprn1RuLiay8Oi/rTtXmc2KmBa4VdTcsXsmkbbkeN2Q==}
+  '@react-types/slider@3.8.4':
+    resolution: {integrity: sha512-C+xFVvfKREai9S/ekBDCVaGPOQYkNUAsQhjQnNsUAATaox4I6IYLmcIgLmljpMQWqAe+gZiWsIwacRYMez2Tew==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/switch@3.5.15':
-    resolution: {integrity: sha512-r/ouGWQmIeHyYSP1e5luET+oiR7N7cLrAlWsrAfYRWHxqXOSNQloQnZJ3PLHrKFT02fsrQhx2rHaK2LfKeyN3A==}
+  '@react-types/switch@3.5.17':
+    resolution: {integrity: sha512-2GTPJvBCYI8YZ3oerHtXg+qikabIXCMJ6C2wcIJ5Xn0k9XOovowghfJi10OPB2GGyOiLBU74CczP5nx8adG90Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/table@3.13.4':
-    resolution: {integrity: sha512-I/DYiZQl6aNbMmjk90J9SOhkzVDZvyA3Vn3wMWCiajkMNjvubFhTfda5DDf2SgFP5l0Yh6TGGH5XumRv9LqL5Q==}
+  '@react-types/table@3.13.6':
+    resolution: {integrity: sha512-eluL+iFfnVmFm7OSZrrFG9AUjw+tcv898zbv+NsZACa8oXG1v9AimhZfd+Mo8q/5+sX/9hguWNXFkSvmTjuVPQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/tabs@3.3.19':
-    resolution: {integrity: sha512-fE+qI43yR5pAMpeqPxGqQq9jDHXEPqXskuxNHERMW0PYMdPyem2Cw6goc5F4qeZO3Hf6uPZgHkvJz2OAq7TbBw==}
+  '@react-types/tabs@3.3.22':
+    resolution: {integrity: sha512-HGwLD9dA3k3AGfRKGFBhNgxU9/LyRmxN0kxVj1ghA4L9S/qTOzS6GhrGNkGzsGxyVLV4JN8MLxjWN2o9QHnLEg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/textfield@3.12.6':
-    resolution: {integrity: sha512-hpEVKE+M3uUkTjw2WrX1NrH/B3rqDJFUa+ViNK2eVranLY4ZwFqbqaYXSzHupOF3ecSjJJv2C103JrwFvx6TPQ==}
+  '@react-types/textfield@3.12.8':
+    resolution: {integrity: sha512-wt6FcuE5AyntxsnPika/h3nf/DPmeAVbI018L9o6h+B/IL4sMWWdx663wx2KOOeHH8ejKGZQNPLhUKs4s1mVQA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  '@react-types/tooltip@3.4.21':
-    resolution: {integrity: sha512-ugGHOZU6WbOdeTdbjnaEc+Ms7/WhsUCg+T3PCOIeOT9FG02Ce189yJ/+hd7oqL/tVwIhEMYJIqSCgSELFox+QA==}
+  '@react-types/tooltip@3.5.2':
+    resolution: {integrity: sha512-FvSuZ2WP08NEWefrpCdBYpEEZh/5TvqvGjq0wqGzWg2OPwpc14HjD8aE7I3MOuylXkD4MSlMjl7J4DlvlcCs3Q==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -6142,14 +6142,14 @@ packages:
     resolution: {integrity: sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==}
     engines: {node: '>= 0.10'}
 
-  react-aria-components@1.13.0:
-    resolution: {integrity: sha512-t1mm3AVy/MjUJBZ7zrb+sFC5iya8Vvw3go3mGKtTm269bXGZho7BLA4IgT+0nOS3j+ku6ChVi8NEoQVFoYzJJA==}
+  react-aria-components@1.16.0:
+    resolution: {integrity: sha512-MjHbTLpMFzzD2Tv5KbeXoZwPczuUWZcRavVvQQlNHRtXHH38D+sToMEYpNeir7Wh3K/XWtzeX3EujfJW6QNkrw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
-  react-aria@3.44.0:
-    resolution: {integrity: sha512-2Pq3GQxBgM4/2BlpKYXeaZ47a3tdIcYSW/AYvKgypE3XipxOdQMDG5Sr/NBn7zuJq+thzmtfRb0lB9bTbsmaRw==}
+  react-aria@3.47.0:
+    resolution: {integrity: sha512-nvahimIqdByl/PXk/xPkG30LPRzcin+/Uk0uFfwbbKRRFC9aa22a6BRULZLqVHwa9GaNyKe6CDUxO1Dde4v0kA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
       react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
@@ -6174,8 +6174,8 @@ packages:
     resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
     engines: {node: '>=0.10.0'}
 
-  react-stately@3.42.0:
-    resolution: {integrity: sha512-lYt2o1dd6dK8Bb4GRh08RG/2u64bSA1cqtRqtw4jEMgxC7Q17RFcIumBbChErndSdLzafEG/UBwV6shOfig6yw==}
+  react-stately@3.45.0:
+    resolution: {integrity: sha512-G3bYr0BIiookpt4H05VeZUuVS/FslQAj2TeT8vDfCiL314Y+LtPXIPe/a3eamCA0wljy7z1EDYKV50Qbz7pcJg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
@@ -8345,7 +8345,7 @@ snapshots:
     optionalDependencies:
       '@types/node': 24.10.4
 
-  '@internationalized/date@3.10.0':
+  '@internationalized/date@3.12.0':
     dependencies:
       '@swc/helpers': 0.5.17
 
@@ -8691,302 +8691,303 @@ snapshots:
       - react-native-b4a
       - supports-color
 
-  '@react-aria/autocomplete@3.0.0-rc.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@react-aria/combobox': 3.14.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/listbox': 3.15.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/searchfield': 3.8.9(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/textfield': 3.18.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/autocomplete': 3.0.0-beta.3(react@19.2.1)
-      '@react-stately/combobox': 3.12.0(react@19.2.1)
-      '@react-types/autocomplete': 3.0.0-alpha.35(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+  '@react-aria/autocomplete@3.0.0-rc.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+    dependencies:
+      '@react-aria/combobox': 3.15.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/listbox': 3.15.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/searchfield': 3.8.12(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/textfield': 3.18.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/autocomplete': 3.0.0-beta.4(react@19.2.1)
+      '@react-stately/combobox': 3.13.0(react@19.2.1)
+      '@react-types/autocomplete': 3.0.0-alpha.38(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/breadcrumbs@3.5.29(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/breadcrumbs@3.5.32(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/link': 3.8.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/breadcrumbs': 3.7.17(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/link': 3.8.9(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/breadcrumbs': 3.7.19(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/button@3.14.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/button@3.14.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/toolbar': 3.0.0-beta.21(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/toggle': 3.9.2(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/toolbar': 3.0.0-beta.24(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/toggle': 3.9.5(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/calendar@3.9.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/calendar@3.9.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@internationalized/date': 3.10.0
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@internationalized/date': 3.12.0
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-aria/live-announcer': 3.4.4
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/calendar': 3.9.0(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/calendar': 3.8.0(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/calendar': 3.9.3(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/calendar': 3.8.3(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/checkbox@3.16.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@react-aria/form': 3.1.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/label': 3.7.22(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/toggle': 3.12.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/checkbox': 3.7.2(react@19.2.1)
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-stately/toggle': 3.9.2(react@19.2.1)
-      '@react-types/checkbox': 3.10.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+  '@react-aria/checkbox@3.16.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+    dependencies:
+      '@react-aria/form': 3.1.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/label': 3.7.25(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/toggle': 3.12.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/checkbox': 3.7.5(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-stately/toggle': 3.9.5(react@19.2.1)
+      '@react-types/checkbox': 3.10.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/collections@3.0.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/collections@3.0.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-aria/ssr': 3.9.10(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
       use-sync-external-store: 1.6.0(react@19.2.1)
 
-  '@react-aria/color@3.1.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/numberfield': 3.12.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/slider': 3.8.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/spinbutton': 3.6.19(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/textfield': 3.18.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/visually-hidden': 3.8.28(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/color': 3.9.2(react@19.2.1)
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-types/color': 3.1.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+  '@react-aria/color@3.1.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+    dependencies:
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/numberfield': 3.12.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/slider': 3.8.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/spinbutton': 3.7.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/textfield': 3.18.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/visually-hidden': 3.8.31(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/color': 3.9.5(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-types/color': 3.1.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/combobox@3.14.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/combobox@3.15.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/listbox': 3.15.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/listbox': 3.15.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-aria/live-announcer': 3.4.4
-      '@react-aria/menu': 3.19.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/overlays': 3.30.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/selection': 3.26.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/textfield': 3.18.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/combobox': 3.12.0(react@19.2.1)
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/combobox': 3.13.9(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/menu': 3.21.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/overlays': 3.31.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/selection': 3.27.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/textfield': 3.18.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/combobox': 3.13.0(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/combobox': 3.14.0(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/datepicker@3.15.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/datepicker@3.16.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@internationalized/date': 3.10.0
+      '@internationalized/date': 3.12.0
       '@internationalized/number': 3.6.5
       '@internationalized/string': 3.2.7
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/form': 3.1.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/label': 3.7.22(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/spinbutton': 3.6.19(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/datepicker': 3.15.2(react@19.2.1)
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/calendar': 3.8.0(react@19.2.1)
-      '@react-types/datepicker': 3.13.2(react@19.2.1)
-      '@react-types/dialog': 3.5.22(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/form': 3.1.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/label': 3.7.25(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/spinbutton': 3.7.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/datepicker': 3.16.1(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/calendar': 3.8.3(react@19.2.1)
+      '@react-types/datepicker': 3.13.5(react@19.2.1)
+      '@react-types/dialog': 3.5.24(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/dialog@3.5.31(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/dialog@3.5.34(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/overlays': 3.30.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/dialog': 3.5.22(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/overlays': 3.31.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/dialog': 3.5.24(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/disclosure@3.1.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/disclosure@3.1.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@react-aria/ssr': 3.9.10(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/disclosure': 3.0.8(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/disclosure': 3.0.11(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/dnd@3.11.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/dnd@3.11.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@internationalized/string': 3.2.7
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-aria/live-announcer': 3.4.4
-      '@react-aria/overlays': 3.30.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/dnd': 3.7.1(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/overlays': 3.31.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/dnd': 3.7.4(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/focus@3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/focus@3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       clsx: 2.1.1
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/form@3.1.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/form@3.1.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/grid@3.14.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/grid@3.14.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-aria/live-announcer': 3.4.4
-      '@react-aria/selection': 3.26.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/grid': 3.11.6(react@19.2.1)
-      '@react-stately/selection': 3.20.6(react@19.2.1)
-      '@react-types/checkbox': 3.10.2(react@19.2.1)
-      '@react-types/grid': 3.3.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/selection': 3.27.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/grid': 3.11.9(react@19.2.1)
+      '@react-stately/selection': 3.20.9(react@19.2.1)
+      '@react-types/checkbox': 3.10.4(react@19.2.1)
+      '@react-types/grid': 3.3.8(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/gridlist@3.14.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/grid': 3.14.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/selection': 3.26.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/list': 3.13.1(react@19.2.1)
-      '@react-stately/tree': 3.9.3(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+  '@react-aria/gridlist@3.14.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+    dependencies:
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/grid': 3.14.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/selection': 3.27.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/list': 3.13.4(react@19.2.1)
+      '@react-stately/tree': 3.9.6(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/i18n@3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/i18n@3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@internationalized/date': 3.10.0
+      '@internationalized/date': 3.12.0
       '@internationalized/message': 3.1.8
       '@internationalized/number': 3.6.5
       '@internationalized/string': 3.2.7
       '@react-aria/ssr': 3.9.10(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/interactions@3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/interactions@3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@react-aria/ssr': 3.9.10(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-stately/flags': 3.1.2
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/label@3.7.22(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/label@3.7.25(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/landmark@3.0.7(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/landmark@3.0.10(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
       use-sync-external-store: 1.6.0(react@19.2.1)
 
-  '@react-aria/link@3.8.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/link@3.8.9(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/link': 3.6.5(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/link': 3.6.7(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/listbox@3.15.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/listbox@3.15.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/label': 3.7.22(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/selection': 3.26.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/list': 3.13.1(react@19.2.1)
-      '@react-types/listbox': 3.7.4(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/label': 3.7.25(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/selection': 3.27.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/list': 3.13.4(react@19.2.1)
+      '@react-types/listbox': 3.7.6(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
@@ -8995,164 +8996,166 @@ snapshots:
     dependencies:
       '@swc/helpers': 0.5.17
 
-  '@react-aria/menu@3.19.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/overlays': 3.30.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/selection': 3.26.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/menu': 3.9.8(react@19.2.1)
-      '@react-stately/selection': 3.20.6(react@19.2.1)
-      '@react-stately/tree': 3.9.3(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/menu': 3.10.5(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+  '@react-aria/menu@3.21.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+    dependencies:
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/overlays': 3.31.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/selection': 3.27.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/menu': 3.9.11(react@19.2.1)
+      '@react-stately/selection': 3.20.9(react@19.2.1)
+      '@react-stately/tree': 3.9.6(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/menu': 3.10.7(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/meter@3.4.27(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/meter@3.4.30(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/progress': 3.4.27(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/meter': 3.4.13(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/progress': 3.4.30(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/meter': 3.4.15(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/numberfield@3.12.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/spinbutton': 3.6.19(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/textfield': 3.18.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-stately/numberfield': 3.10.2(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/numberfield': 3.8.15(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+  '@react-aria/numberfield@3.12.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+    dependencies:
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/live-announcer': 3.4.4
+      '@react-aria/spinbutton': 3.7.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/textfield': 3.18.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-stately/numberfield': 3.11.0(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/numberfield': 3.8.18(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/overlays@3.30.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/overlays@3.31.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-aria/ssr': 3.9.10(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/visually-hidden': 3.8.28(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/overlays': 3.6.20(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/overlays': 3.9.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/visually-hidden': 3.8.31(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/flags': 3.1.2
+      '@react-stately/overlays': 3.6.23(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/overlays': 3.9.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/progress@3.4.27(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/progress@3.4.30(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/label': 3.7.22(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/progress': 3.5.16(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/label': 3.7.25(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/progress': 3.5.18(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/radio@3.12.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/form': 3.1.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/label': 3.7.22(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/radio': 3.11.2(react@19.2.1)
-      '@react-types/radio': 3.9.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+  '@react-aria/radio@3.12.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+    dependencies:
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/form': 3.1.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/label': 3.7.25(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/radio': 3.11.5(react@19.2.1)
+      '@react-types/radio': 3.9.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/searchfield@3.8.9(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/searchfield@3.8.12(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/textfield': 3.18.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/searchfield': 3.5.16(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/searchfield': 3.6.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/textfield': 3.18.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/searchfield': 3.5.19(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/searchfield': 3.6.8(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/select@3.17.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@react-aria/form': 3.1.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/label': 3.7.22(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/listbox': 3.15.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/menu': 3.19.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/selection': 3.26.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/visually-hidden': 3.8.28(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/select': 3.8.0(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/select': 3.11.0(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+  '@react-aria/select@3.17.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+    dependencies:
+      '@react-aria/form': 3.1.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/label': 3.7.25(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/listbox': 3.15.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/menu': 3.21.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/selection': 3.27.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/visually-hidden': 3.8.31(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/select': 3.9.2(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/select': 3.12.2(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/selection@3.26.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/selection@3.27.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/selection': 3.20.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/selection': 3.20.9(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/separator@3.4.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/separator@3.4.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/slider@3.8.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/slider@3.8.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/label': 3.7.22(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/slider': 3.7.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/slider': 3.8.2(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/label': 3.7.25(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/slider': 3.7.5(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/slider': 3.8.4(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/spinbutton@3.6.19(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/spinbutton@3.7.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-aria/live-announcer': 3.4.4
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
@@ -9162,251 +9165,252 @@ snapshots:
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-aria/switch@3.7.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/switch@3.7.11(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/toggle': 3.12.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/toggle': 3.9.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/switch': 3.5.15(react@19.2.1)
+      '@react-aria/toggle': 3.12.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/toggle': 3.9.5(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/switch': 3.5.17(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/table@3.17.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/table@3.17.11(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/grid': 3.14.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/grid': 3.14.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-aria/live-announcer': 3.4.4
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/visually-hidden': 3.8.28(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/collections': 3.12.8(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/visually-hidden': 3.8.31(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
       '@react-stately/flags': 3.1.2
-      '@react-stately/table': 3.15.1(react@19.2.1)
-      '@react-types/checkbox': 3.10.2(react@19.2.1)
-      '@react-types/grid': 3.3.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/table': 3.13.4(react@19.2.1)
+      '@react-stately/table': 3.15.4(react@19.2.1)
+      '@react-types/checkbox': 3.10.4(react@19.2.1)
+      '@react-types/grid': 3.3.8(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/table': 3.13.6(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/tabs@3.10.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/tabs@3.11.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/selection': 3.26.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/tabs': 3.8.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/tabs': 3.3.19(react@19.2.1)
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/selection': 3.27.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/tabs': 3.8.9(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/tabs': 3.3.22(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/tag@3.7.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
-    dependencies:
-      '@react-aria/gridlist': 3.14.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/label': 3.7.22(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/selection': 3.26.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/list': 3.13.1(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+  '@react-aria/tag@3.8.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+    dependencies:
+      '@react-aria/gridlist': 3.14.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/label': 3.7.25(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/selection': 3.27.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/list': 3.13.4(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/textfield@3.18.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/textfield@3.18.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/form': 3.1.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/label': 3.7.22(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/textfield': 3.12.6(react@19.2.1)
+      '@react-aria/form': 3.1.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/label': 3.7.25(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/textfield': 3.12.8(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/toast@3.0.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/toast@3.0.11(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/landmark': 3.0.7(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/toast': 3.1.2(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/landmark': 3.0.10(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/toast': 3.1.3(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/toggle@3.12.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/toggle@3.12.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/toggle': 3.9.2(react@19.2.1)
-      '@react-types/checkbox': 3.10.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/toggle': 3.9.5(react@19.2.1)
+      '@react-types/checkbox': 3.10.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/toolbar@3.0.0-beta.21(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/toolbar@3.0.0-beta.24(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/tooltip@3.8.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/tooltip@3.9.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/tooltip': 3.5.8(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/tooltip': 3.4.21(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/tooltip': 3.5.11(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/tooltip': 3.5.2(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/tree@3.1.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/tree@3.1.7(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/gridlist': 3.14.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/selection': 3.26.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/tree': 3.9.3(react@19.2.1)
-      '@react-types/button': 3.14.1(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/gridlist': 3.14.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/selection': 3.27.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/tree': 3.9.6(react@19.2.1)
+      '@react-types/button': 3.15.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/utils@3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/utils@3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
       '@react-aria/ssr': 3.9.10(react@19.2.1)
       '@react-stately/flags': 3.1.2
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       clsx: 2.1.1
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/virtualizer@4.1.10(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/virtualizer@4.1.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/virtualizer': 4.4.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/virtualizer': 4.4.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-aria/visually-hidden@3.8.28(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-aria/visually-hidden@3.8.31(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-stately/autocomplete@3.0.0-beta.3(react@19.2.1)':
+  '@react-stately/autocomplete@3.0.0-beta.4(react@19.2.1)':
     dependencies:
-      '@react-stately/utils': 3.10.8(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/calendar@3.9.0(react@19.2.1)':
+  '@react-stately/calendar@3.9.3(react@19.2.1)':
     dependencies:
-      '@internationalized/date': 3.10.0
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/calendar': 3.8.0(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@internationalized/date': 3.12.0
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/calendar': 3.8.3(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/checkbox@3.7.2(react@19.2.1)':
+  '@react-stately/checkbox@3.7.5(react@19.2.1)':
     dependencies:
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/checkbox': 3.10.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/checkbox': 3.10.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/collections@3.12.8(react@19.2.1)':
+  '@react-stately/collections@3.12.10(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/color@3.9.2(react@19.2.1)':
+  '@react-stately/color@3.9.5(react@19.2.1)':
     dependencies:
       '@internationalized/number': 3.6.5
       '@internationalized/string': 3.2.7
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-stately/numberfield': 3.10.2(react@19.2.1)
-      '@react-stately/slider': 3.7.2(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/color': 3.1.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-stately/numberfield': 3.11.0(react@19.2.1)
+      '@react-stately/slider': 3.7.5(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/color': 3.1.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/combobox@3.12.0(react@19.2.1)':
+  '@react-stately/combobox@3.13.0(react@19.2.1)':
     dependencies:
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-stately/list': 3.13.1(react@19.2.1)
-      '@react-stately/overlays': 3.6.20(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/combobox': 3.13.9(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-stately/list': 3.13.4(react@19.2.1)
+      '@react-stately/overlays': 3.6.23(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/combobox': 3.14.0(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/data@3.14.1(react@19.2.1)':
+  '@react-stately/data@3.15.2(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/datepicker@3.15.2(react@19.2.1)':
+  '@react-stately/datepicker@3.16.1(react@19.2.1)':
     dependencies:
-      '@internationalized/date': 3.10.0
+      '@internationalized/date': 3.12.0
+      '@internationalized/number': 3.6.5
       '@internationalized/string': 3.2.7
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-stately/overlays': 3.6.20(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/datepicker': 3.13.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-stately/overlays': 3.6.23(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/datepicker': 3.13.5(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/disclosure@3.0.8(react@19.2.1)':
+  '@react-stately/disclosure@3.0.11(react@19.2.1)':
     dependencies:
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/dnd@3.7.1(react@19.2.1)':
+  '@react-stately/dnd@3.7.4(react@19.2.1)':
     dependencies:
-      '@react-stately/selection': 3.20.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/selection': 3.20.9(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
@@ -9414,322 +9418,322 @@ snapshots:
     dependencies:
       '@swc/helpers': 0.5.17
 
-  '@react-stately/form@3.2.2(react@19.2.1)':
+  '@react-stately/form@3.2.4(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/grid@3.11.6(react@19.2.1)':
+  '@react-stately/grid@3.11.9(react@19.2.1)':
     dependencies:
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/selection': 3.20.6(react@19.2.1)
-      '@react-types/grid': 3.3.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/selection': 3.20.9(react@19.2.1)
+      '@react-types/grid': 3.3.8(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/layout@4.5.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-stately/layout@4.6.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/table': 3.15.1(react@19.2.1)
-      '@react-stately/virtualizer': 4.4.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/grid': 3.3.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/table': 3.13.4(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/table': 3.15.4(react@19.2.1)
+      '@react-stately/virtualizer': 4.4.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/grid': 3.3.8(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/table': 3.13.6(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-stately/list@3.13.1(react@19.2.1)':
+  '@react-stately/list@3.13.4(react@19.2.1)':
     dependencies:
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/selection': 3.20.6(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/selection': 3.20.9(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/menu@3.9.8(react@19.2.1)':
+  '@react-stately/menu@3.9.11(react@19.2.1)':
     dependencies:
-      '@react-stately/overlays': 3.6.20(react@19.2.1)
-      '@react-types/menu': 3.10.5(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/overlays': 3.6.23(react@19.2.1)
+      '@react-types/menu': 3.10.7(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/numberfield@3.10.2(react@19.2.1)':
+  '@react-stately/numberfield@3.11.0(react@19.2.1)':
     dependencies:
       '@internationalized/number': 3.6.5
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/numberfield': 3.8.15(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/numberfield': 3.8.18(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/overlays@3.6.20(react@19.2.1)':
+  '@react-stately/overlays@3.6.23(react@19.2.1)':
     dependencies:
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/overlays': 3.9.2(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/overlays': 3.9.4(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/radio@3.11.2(react@19.2.1)':
+  '@react-stately/radio@3.11.5(react@19.2.1)':
     dependencies:
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/radio': 3.9.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/radio': 3.9.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/searchfield@3.5.16(react@19.2.1)':
+  '@react-stately/searchfield@3.5.19(react@19.2.1)':
     dependencies:
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/searchfield': 3.6.6(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/searchfield': 3.6.8(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/select@3.8.0(react@19.2.1)':
+  '@react-stately/select@3.9.2(react@19.2.1)':
     dependencies:
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-stately/list': 3.13.1(react@19.2.1)
-      '@react-stately/overlays': 3.6.20(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/select': 3.11.0(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-stately/list': 3.13.4(react@19.2.1)
+      '@react-stately/overlays': 3.6.23(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/select': 3.12.2(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/selection@3.20.6(react@19.2.1)':
+  '@react-stately/selection@3.20.9(react@19.2.1)':
     dependencies:
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/slider@3.7.2(react@19.2.1)':
+  '@react-stately/slider@3.7.5(react@19.2.1)':
     dependencies:
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/slider': 3.8.2(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/slider': 3.8.4(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/table@3.15.1(react@19.2.1)':
+  '@react-stately/table@3.15.4(react@19.2.1)':
     dependencies:
-      '@react-stately/collections': 3.12.8(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
       '@react-stately/flags': 3.1.2
-      '@react-stately/grid': 3.11.6(react@19.2.1)
-      '@react-stately/selection': 3.20.6(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/grid': 3.3.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/table': 3.13.4(react@19.2.1)
+      '@react-stately/grid': 3.11.9(react@19.2.1)
+      '@react-stately/selection': 3.20.9(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/grid': 3.3.8(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/table': 3.13.6(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/tabs@3.8.6(react@19.2.1)':
+  '@react-stately/tabs@3.8.9(react@19.2.1)':
     dependencies:
-      '@react-stately/list': 3.13.1(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/tabs': 3.3.19(react@19.2.1)
+      '@react-stately/list': 3.13.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/tabs': 3.3.22(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/toast@3.1.2(react@19.2.1)':
+  '@react-stately/toast@3.1.3(react@19.2.1)':
     dependencies:
       '@swc/helpers': 0.5.17
       react: 19.2.1
       use-sync-external-store: 1.6.0(react@19.2.1)
 
-  '@react-stately/toggle@3.9.2(react@19.2.1)':
+  '@react-stately/toggle@3.9.5(react@19.2.1)':
     dependencies:
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/checkbox': 3.10.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/checkbox': 3.10.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/tooltip@3.5.8(react@19.2.1)':
+  '@react-stately/tooltip@3.5.11(react@19.2.1)':
     dependencies:
-      '@react-stately/overlays': 3.6.20(react@19.2.1)
-      '@react-types/tooltip': 3.4.21(react@19.2.1)
+      '@react-stately/overlays': 3.6.23(react@19.2.1)
+      '@react-types/tooltip': 3.5.2(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/tree@3.9.3(react@19.2.1)':
+  '@react-stately/tree@3.9.6(react@19.2.1)':
     dependencies:
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/selection': 3.20.6(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/selection': 3.20.9(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/utils@3.10.8(react@19.2.1)':
+  '@react-stately/utils@3.11.0(react@19.2.1)':
     dependencies:
       '@swc/helpers': 0.5.17
       react: 19.2.1
 
-  '@react-stately/virtualizer@4.4.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@react-stately/virtualizer@4.4.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       '@swc/helpers': 0.5.17
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  '@react-types/autocomplete@3.0.0-alpha.35(react@19.2.1)':
+  '@react-types/autocomplete@3.0.0-alpha.38(react@19.2.1)':
     dependencies:
-      '@react-types/combobox': 3.13.9(react@19.2.1)
-      '@react-types/searchfield': 3.6.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/combobox': 3.14.0(react@19.2.1)
+      '@react-types/searchfield': 3.6.8(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/breadcrumbs@3.7.17(react@19.2.1)':
+  '@react-types/breadcrumbs@3.7.19(react@19.2.1)':
     dependencies:
-      '@react-types/link': 3.6.5(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/link': 3.6.7(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/button@3.14.1(react@19.2.1)':
+  '@react-types/button@3.15.1(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/calendar@3.8.0(react@19.2.1)':
+  '@react-types/calendar@3.8.3(react@19.2.1)':
     dependencies:
-      '@internationalized/date': 3.10.0
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@internationalized/date': 3.12.0
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/checkbox@3.10.2(react@19.2.1)':
+  '@react-types/checkbox@3.10.4(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/color@3.1.2(react@19.2.1)':
+  '@react-types/color@3.1.4(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/slider': 3.8.2(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/slider': 3.8.4(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/combobox@3.13.9(react@19.2.1)':
+  '@react-types/combobox@3.14.0(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/datepicker@3.13.2(react@19.2.1)':
+  '@react-types/datepicker@3.13.5(react@19.2.1)':
     dependencies:
-      '@internationalized/date': 3.10.0
-      '@react-types/calendar': 3.8.0(react@19.2.1)
-      '@react-types/overlays': 3.9.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@internationalized/date': 3.12.0
+      '@react-types/calendar': 3.8.3(react@19.2.1)
+      '@react-types/overlays': 3.9.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/dialog@3.5.22(react@19.2.1)':
+  '@react-types/dialog@3.5.24(react@19.2.1)':
     dependencies:
-      '@react-types/overlays': 3.9.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/overlays': 3.9.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/form@3.7.16(react@19.2.1)':
+  '@react-types/form@3.7.18(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/grid@3.3.6(react@19.2.1)':
+  '@react-types/grid@3.3.8(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/link@3.6.5(react@19.2.1)':
+  '@react-types/link@3.6.7(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/listbox@3.7.4(react@19.2.1)':
+  '@react-types/listbox@3.7.6(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/menu@3.10.5(react@19.2.1)':
+  '@react-types/menu@3.10.7(react@19.2.1)':
     dependencies:
-      '@react-types/overlays': 3.9.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/overlays': 3.9.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/meter@3.4.13(react@19.2.1)':
+  '@react-types/meter@3.4.15(react@19.2.1)':
     dependencies:
-      '@react-types/progress': 3.5.16(react@19.2.1)
+      '@react-types/progress': 3.5.18(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/numberfield@3.8.15(react@19.2.1)':
+  '@react-types/numberfield@3.8.18(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/overlays@3.9.2(react@19.2.1)':
+  '@react-types/overlays@3.9.4(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/progress@3.5.16(react@19.2.1)':
+  '@react-types/progress@3.5.18(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/radio@3.9.2(react@19.2.1)':
+  '@react-types/radio@3.9.4(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/searchfield@3.6.6(react@19.2.1)':
+  '@react-types/searchfield@3.6.8(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/textfield': 3.12.6(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/textfield': 3.12.8(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/select@3.11.0(react@19.2.1)':
+  '@react-types/select@3.12.2(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/shared@3.32.1(react@19.2.1)':
+  '@react-types/shared@3.33.1(react@19.2.1)':
     dependencies:
       react: 19.2.1
 
-  '@react-types/slider@3.8.2(react@19.2.1)':
+  '@react-types/slider@3.8.4(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/switch@3.5.15(react@19.2.1)':
+  '@react-types/switch@3.5.17(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/table@3.13.4(react@19.2.1)':
+  '@react-types/table@3.13.6(react@19.2.1)':
     dependencies:
-      '@react-types/grid': 3.3.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/grid': 3.3.8(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/tabs@3.3.19(react@19.2.1)':
+  '@react-types/tabs@3.3.22(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/textfield@3.12.6(react@19.2.1)':
+  '@react-types/textfield@3.12.8(react@19.2.1)':
     dependencies:
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
-  '@react-types/tooltip@3.4.21(react@19.2.1)':
+  '@react-types/tooltip@3.5.2(react@19.2.1)':
     dependencies:
-      '@react-types/overlays': 3.9.2(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-types/overlays': 3.9.4(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
   '@remixicon/react@4.7.0(react@19.2.1)':
@@ -10898,7 +10902,7 @@ snapshots:
       '@tanstack/react-start': 1.150.0(crossws@0.4.1(srvx@0.10.0))(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(vite@7.3.0(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.21.0))
       drizzle-kit: 0.31.8
       drizzle-orm: 0.44.7(@types/pg@8.15.6)(@vercel/postgres@0.10.0)(kysely@0.28.8)(pg@8.16.3)
-      next: 16.0.8(@babel/core@7.28.6)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      next: 16.0.8(@babel/core@7.28.6)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       pg: 8.16.3
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
@@ -10923,7 +10927,7 @@ snapshots:
       '@tanstack/react-start': 1.150.0(crossws@0.4.1(srvx@0.10.0))(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(vite@7.3.0(@types/node@24.10.4)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.21.0))
       drizzle-kit: 0.31.8
       drizzle-orm: 0.44.7(@types/pg@8.15.6)(@vercel/postgres@0.10.0)(kysely@0.28.8)(pg@8.16.3)
-      next: 16.0.8(@babel/core@7.28.6)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      next: 16.0.8(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       pg: 8.16.3
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
@@ -11839,7 +11843,7 @@ snapshots:
       '@tanstack/react-router': 1.150.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@types/react': 19.2.7
       lucide-react: 0.546.0(react@19.2.1)
-      next: 16.0.8(@babel/core@7.28.6)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      next: 16.0.8(@babel/core@7.28.6)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
       zod: 4.2.1
@@ -11869,7 +11873,7 @@ snapshots:
     optionalDependencies:
       '@fumadocs/mdx-remote': 1.4.3(@types/react@19.2.7)(fumadocs-core@16.3.2(@tanstack/react-router@1.150.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1))(@types/react@19.2.7)(lucide-react@0.546.0(react@19.2.1))(next@16.0.8(@babel/core@7.28.6)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1))(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(zod@4.2.1))(react@19.2.1)
       '@types/react': 19.2.7
-      next: 16.0.8(@babel/core@7.28.6)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      next: 16.0.8(@babel/core@7.28.6)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       react: 19.2.1
       vite: 7.3.0(@types/node@22.19.2)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.21.0)
     transitivePeerDependencies:
@@ -13001,7 +13005,32 @@ snapshots:
 
   netmask@2.0.2: {}
 
-  next@16.0.8(@babel/core@7.28.6)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
+  next@16.0.8(@babel/core@7.28.6)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
+    dependencies:
+      '@next/env': 16.0.8
+      '@swc/helpers': 0.5.15
+      caniuse-lite: 1.0.30001760
+      postcss: 8.4.31
+      react: 19.2.1
+      react-dom: 19.2.1(react@19.2.1)
+      styled-jsx: 5.1.6(@babel/core@7.28.6)(react@19.2.1)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 16.0.8
+      '@next/swc-darwin-x64': 16.0.8
+      '@next/swc-linux-arm64-gnu': 16.0.8
+      '@next/swc-linux-arm64-musl': 16.0.8
+      '@next/swc-linux-x64-gnu': 16.0.8
+      '@next/swc-linux-x64-musl': 16.0.8
+      '@next/swc-win32-arm64-msvc': 16.0.8
+      '@next/swc-win32-x64-msvc': 16.0.8
+      babel-plugin-react-compiler: 1.0.0
+      sharp: 0.34.5
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+    optional: true
+
+  next@16.0.8(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
     dependencies:
       '@next/env': 16.0.8
       '@swc/helpers': 0.5.15
@@ -13009,7 +13038,31 @@ snapshots:
       postcss: 8.4.31
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
-      styled-jsx: 5.1.6(@babel/core@7.28.6)(babel-plugin-macros@3.1.0)(react@19.2.1)
+      styled-jsx: 5.1.6(babel-plugin-macros@3.1.0)(react@19.2.1)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 16.0.8
+      '@next/swc-darwin-x64': 16.0.8
+      '@next/swc-linux-arm64-gnu': 16.0.8
+      '@next/swc-linux-arm64-musl': 16.0.8
+      '@next/swc-linux-x64-gnu': 16.0.8
+      '@next/swc-linux-x64-musl': 16.0.8
+      '@next/swc-win32-arm64-msvc': 16.0.8
+      '@next/swc-win32-x64-msvc': 16.0.8
+      babel-plugin-react-compiler: 1.0.0
+      sharp: 0.34.5
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+
+  next@16.0.8(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
+    dependencies:
+      '@next/env': 16.0.8
+      '@swc/helpers': 0.5.15
+      caniuse-lite: 1.0.30001760
+      postcss: 8.4.31
+      react: 19.2.1
+      react-dom: 19.2.1(react@19.2.1)
+      styled-jsx: 5.1.6(react@19.2.1)
     optionalDependencies:
       '@next/swc-darwin-arm64': 16.0.8
       '@next/swc-darwin-x64': 16.0.8
@@ -13558,84 +13611,84 @@ snapshots:
       iconv-lite: 0.7.0
       unpipe: 1.0.0
 
-  react-aria-components@1.13.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
+  react-aria-components@1.16.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
     dependencies:
-      '@internationalized/date': 3.10.0
+      '@internationalized/date': 3.12.0
       '@internationalized/string': 3.2.7
-      '@react-aria/autocomplete': 3.0.0-rc.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/collections': 3.0.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/dnd': 3.11.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/autocomplete': 3.0.0-rc.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/collections': 3.0.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/dnd': 3.11.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-aria/live-announcer': 3.4.4
-      '@react-aria/overlays': 3.30.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/overlays': 3.31.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-aria/ssr': 3.9.10(react@19.2.1)
-      '@react-aria/textfield': 3.18.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/toolbar': 3.0.0-beta.21(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/virtualizer': 4.1.10(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/autocomplete': 3.0.0-beta.3(react@19.2.1)
-      '@react-stately/layout': 4.5.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-stately/selection': 3.20.6(react@19.2.1)
-      '@react-stately/table': 3.15.1(react@19.2.1)
-      '@react-stately/utils': 3.10.8(react@19.2.1)
-      '@react-stately/virtualizer': 4.4.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/form': 3.7.16(react@19.2.1)
-      '@react-types/grid': 3.3.6(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
-      '@react-types/table': 3.13.4(react@19.2.1)
+      '@react-aria/textfield': 3.18.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/toolbar': 3.0.0-beta.24(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/virtualizer': 4.1.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/autocomplete': 3.0.0-beta.4(react@19.2.1)
+      '@react-stately/layout': 4.6.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-stately/selection': 3.20.9(react@19.2.1)
+      '@react-stately/table': 3.15.4(react@19.2.1)
+      '@react-stately/utils': 3.11.0(react@19.2.1)
+      '@react-stately/virtualizer': 4.4.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/form': 3.7.18(react@19.2.1)
+      '@react-types/grid': 3.3.8(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
+      '@react-types/table': 3.13.6(react@19.2.1)
       '@swc/helpers': 0.5.17
       client-only: 0.0.1
       react: 19.2.1
-      react-aria: 3.44.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      react-aria: 3.47.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       react-dom: 19.2.1(react@19.2.1)
-      react-stately: 3.42.0(react@19.2.1)
+      react-stately: 3.45.0(react@19.2.1)
       use-sync-external-store: 1.6.0(react@19.2.1)
 
-  react-aria@3.44.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
+  react-aria@3.47.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
     dependencies:
       '@internationalized/string': 3.2.7
-      '@react-aria/breadcrumbs': 3.5.29(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/button': 3.14.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/calendar': 3.9.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/checkbox': 3.16.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/color': 3.1.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/combobox': 3.14.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/datepicker': 3.15.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/dialog': 3.5.31(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/disclosure': 3.1.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/dnd': 3.11.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/focus': 3.21.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/gridlist': 3.14.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/i18n': 3.12.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/interactions': 3.25.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/label': 3.7.22(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/landmark': 3.0.7(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/link': 3.8.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/listbox': 3.15.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/menu': 3.19.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/meter': 3.4.27(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/numberfield': 3.12.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/overlays': 3.30.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/progress': 3.4.27(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/radio': 3.12.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/searchfield': 3.8.9(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/select': 3.17.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/selection': 3.26.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/separator': 3.4.13(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/slider': 3.8.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/breadcrumbs': 3.5.32(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/button': 3.14.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/calendar': 3.9.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/checkbox': 3.16.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/color': 3.1.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/combobox': 3.15.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/datepicker': 3.16.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/dialog': 3.5.34(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/disclosure': 3.1.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/dnd': 3.11.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/focus': 3.21.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/gridlist': 3.14.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/i18n': 3.12.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/interactions': 3.27.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/label': 3.7.25(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/landmark': 3.0.10(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/link': 3.8.9(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/listbox': 3.15.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/menu': 3.21.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/meter': 3.4.30(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/numberfield': 3.12.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/overlays': 3.31.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/progress': 3.4.30(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/radio': 3.12.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/searchfield': 3.8.12(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/select': 3.17.3(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/selection': 3.27.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/separator': 3.4.16(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/slider': 3.8.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@react-aria/ssr': 3.9.10(react@19.2.1)
-      '@react-aria/switch': 3.7.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/table': 3.17.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/tabs': 3.10.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/tag': 3.7.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/textfield': 3.18.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/toast': 3.0.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/tooltip': 3.8.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/tree': 3.1.4(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/utils': 3.31.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-aria/visually-hidden': 3.8.28(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+      '@react-aria/switch': 3.7.11(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/table': 3.17.11(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/tabs': 3.11.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/tag': 3.8.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/textfield': 3.18.5(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/toast': 3.0.11(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/tooltip': 3.9.2(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/tree': 3.1.7(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/utils': 3.33.1(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-aria/visually-hidden': 3.8.31(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
@@ -13655,34 +13708,34 @@ snapshots:
 
   react-refresh@0.18.0: {}
 
-  react-stately@3.42.0(react@19.2.1):
-    dependencies:
-      '@react-stately/calendar': 3.9.0(react@19.2.1)
-      '@react-stately/checkbox': 3.7.2(react@19.2.1)
-      '@react-stately/collections': 3.12.8(react@19.2.1)
-      '@react-stately/color': 3.9.2(react@19.2.1)
-      '@react-stately/combobox': 3.12.0(react@19.2.1)
-      '@react-stately/data': 3.14.1(react@19.2.1)
-      '@react-stately/datepicker': 3.15.2(react@19.2.1)
-      '@react-stately/disclosure': 3.0.8(react@19.2.1)
-      '@react-stately/dnd': 3.7.1(react@19.2.1)
-      '@react-stately/form': 3.2.2(react@19.2.1)
-      '@react-stately/list': 3.13.1(react@19.2.1)
-      '@react-stately/menu': 3.9.8(react@19.2.1)
-      '@react-stately/numberfield': 3.10.2(react@19.2.1)
-      '@react-stately/overlays': 3.6.20(react@19.2.1)
-      '@react-stately/radio': 3.11.2(react@19.2.1)
-      '@react-stately/searchfield': 3.5.16(react@19.2.1)
-      '@react-stately/select': 3.8.0(react@19.2.1)
-      '@react-stately/selection': 3.20.6(react@19.2.1)
-      '@react-stately/slider': 3.7.2(react@19.2.1)
-      '@react-stately/table': 3.15.1(react@19.2.1)
-      '@react-stately/tabs': 3.8.6(react@19.2.1)
-      '@react-stately/toast': 3.1.2(react@19.2.1)
-      '@react-stately/toggle': 3.9.2(react@19.2.1)
-      '@react-stately/tooltip': 3.5.8(react@19.2.1)
-      '@react-stately/tree': 3.9.3(react@19.2.1)
-      '@react-types/shared': 3.32.1(react@19.2.1)
+  react-stately@3.45.0(react@19.2.1):
+    dependencies:
+      '@react-stately/calendar': 3.9.3(react@19.2.1)
+      '@react-stately/checkbox': 3.7.5(react@19.2.1)
+      '@react-stately/collections': 3.12.10(react@19.2.1)
+      '@react-stately/color': 3.9.5(react@19.2.1)
+      '@react-stately/combobox': 3.13.0(react@19.2.1)
+      '@react-stately/data': 3.15.2(react@19.2.1)
+      '@react-stately/datepicker': 3.16.1(react@19.2.1)
+      '@react-stately/disclosure': 3.0.11(react@19.2.1)
+      '@react-stately/dnd': 3.7.4(react@19.2.1)
+      '@react-stately/form': 3.2.4(react@19.2.1)
+      '@react-stately/list': 3.13.4(react@19.2.1)
+      '@react-stately/menu': 3.9.11(react@19.2.1)
+      '@react-stately/numberfield': 3.11.0(react@19.2.1)
+      '@react-stately/overlays': 3.6.23(react@19.2.1)
+      '@react-stately/radio': 3.11.5(react@19.2.1)
+      '@react-stately/searchfield': 3.5.19(react@19.2.1)
+      '@react-stately/select': 3.9.2(react@19.2.1)
+      '@react-stately/selection': 3.20.9(react@19.2.1)
+      '@react-stately/slider': 3.7.5(react@19.2.1)
+      '@react-stately/table': 3.15.4(react@19.2.1)
+      '@react-stately/tabs': 3.8.9(react@19.2.1)
+      '@react-stately/toast': 3.1.3(react@19.2.1)
+      '@react-stately/toggle': 3.9.5(react@19.2.1)
+      '@react-stately/tooltip': 3.5.11(react@19.2.1)
+      '@react-stately/tree': 3.9.6(react@19.2.1)
+      '@react-types/shared': 3.33.1(react@19.2.1)
       react: 19.2.1
 
   react@19.2.1: {}
@@ -14274,14 +14327,26 @@ snapshots:
     dependencies:
       inline-style-parser: 0.2.7
 
-  styled-jsx@5.1.6(@babel/core@7.28.6)(babel-plugin-macros@3.1.0)(react@19.2.1):
+  styled-jsx@5.1.6(@babel/core@7.28.6)(react@19.2.1):
     dependencies:
       client-only: 0.0.1
       react: 19.2.1
     optionalDependencies:
       '@babel/core': 7.28.6
+    optional: true
+
+  styled-jsx@5.1.6(babel-plugin-macros@3.1.0)(react@19.2.1):
+    dependencies:
+      client-only: 0.0.1
+      react: 19.2.1
+    optionalDependencies:
       babel-plugin-macros: 3.1.0
 
+  styled-jsx@5.1.6(react@19.2.1):
+    dependencies:
+      client-only: 0.0.1
+      react: 19.2.1
+
   sucrase@3.35.1:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.13
diff --git a/turbo.json b/turbo.json
index 341618b0c..a221b6adc 100644
--- a/turbo.json
+++ b/turbo.json
@@ -13,7 +13,12 @@
 			"cache": false
 		},
 		"//#check:ci": {},
-		"typecheck": {},
+		"typecheck": {
+			"dependsOn": ["^build"]
+		},
+		"@dotui/registry#typecheck": {
+			"dependsOn": ["^build", "build"]
+		},
 		"test": {
 			"cache": false,
 			"outputs": []
diff --git a/www/content/docs/components/avatar.mdx b/www/content/docs/components/avatar.mdx
index 725663f2c..019eac63a 100644
--- a/www/content/docs/components/avatar.mdx
+++ b/www/content/docs/components/avatar.mdx
@@ -1,13 +1,8 @@
 ---
 title: Avatar
 description: An avatar is a visual representation of a user or entity.
-links:
-  - label: Docs
-    href: https://react-spectrum.adobe.com/react-aria/
-wip: true
 ---
 
-
 <PageTabs>
   <PageTabPanel id="overview">
 
@@ -24,23 +19,22 @@ wip: true
     Use avatars to represent users or entities with an image or initials.
 
     ```tsx
-    import { Avatar } from "@/components/ui/avatar";
+    import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
     ```
 
     ```tsx
-    <Avatar
-      src="https://github.com/mehdibha.png"
-      alt="@mehdibha"
-      fallback="MB"
-    />
+    <Avatar>
+      <AvatarImage src="https://github.com/mehdibha.png" alt="@mehdibha" />
+      <AvatarFallback>MB</AvatarFallback>
+    </Avatar>
     ```
 
     ## Playground
 
     Use the controls below to experiment with different avatar props and see the live preview and code update.
 
-    <InteractiveDemo 
-      name="avatar" 
+    <InteractiveDemo
+      name="avatar"
       controls={[
         {
           type: "string",
@@ -55,7 +49,7 @@ wip: true
         {
           type: "string",
           name: "fallback",
-          defaultValue: "MB",
+          defaultValue: "M",
         },
         {
           type: "enum",
@@ -72,18 +66,41 @@ wip: true
 
     <Reference name="avatar" />
 
+    ### AvatarImage
+
+    <Reference name="avatar-image" />
+
+    ### AvatarFallback
+
+    <Reference name="avatar-fallback" />
+
+    ### AvatarBadge
+
+    <Reference name="avatar-badge" />
+
     ### AvatarGroup
 
     <Reference name="avatar-group" />
 
+    ### AvatarGroupCount
+
+    <Reference name="avatar-group-count" />
+
   </PageTabPanel>
 
   <PageTabPanel id="examples">
     <Examples>
-      <Example name="avatar/demos/default" />
-      <Example name="avatar/demos/sizes" />
-      <Example name="avatar/demos/shape" />
-      <Example name="avatar/demos/composition" />
+      <Example name="avatar/demos/basic" description="Avatar with image, fallback and placeholder" />
+      <Example name="avatar/demos/fallback-only" description="Fallback-only avatar" />
+      <Example name="avatar/demos/sizes" description="Avatars with different sizes" />
+      <Example name="avatar/demos/radii" description="Avatars with different radii" />
+      <Example name="avatar/demos/badge" description="Avatar with badge" />
+      <Example name="avatar/demos/badge-with-icon" description="Avatar with badge containing an icon" />
+      <Example name="avatar/demos/badge-top-right" description="Avatar with badge positioned at top right" />
+      <Example name="avatar/demos/badge-notification" description="Avatar with notification badge" />
+      <Example name="avatar/demos/icon-fallback" description="Avatar with user icon fallback" />
+      <Example name="avatar/demos/group" description="Group of avatars displayed together" />
+      <Example name="avatar/demos/avatar-group-count" description="Avatar group with remaining count indicator" />
     </Examples>
   </PageTabPanel>
 </PageTabs>
diff --git a/www/package.json b/www/package.json
index c4daea8a4..72cee8ba7 100644
--- a/www/package.json
+++ b/www/package.json
@@ -20,8 +20,8 @@
 		"@fontsource-variable/geist": "^5.2.8",
 		"@fontsource-variable/josefin-sans": "^5.2.8",
 		"@fontsource/geist-mono": "^5.2.7",
-		"@internationalized/date": "^3.10.0",
-		"@react-aria/utils": "^3.31.0",
+		"@internationalized/date": "^3.12.0",
+		"@react-aria/utils": "^3.33.1",
 		"@t3-oss/env-core": "^0.13.6",
 		"@tabler/icons-react": "^3.35.0",
 		"@tailwindcss/vite": "^4.1.14",
@@ -44,10 +44,10 @@
 		"lucide-react": "^0.546.0",
 		"motion": "^12.23.25",
 		"react": "^19.2.1",
-		"react-aria": "^3.44.0",
-		"react-aria-components": "^1.13.0",
+		"react-aria": "^3.47.0",
+		"react-aria-components": "^1.16.0",
 		"react-dom": "^19.2.1",
-		"react-stately": "^3.42.0",
+		"react-stately": "^3.45.0",
 		"shiki": "^3.15.0",
 		"starter-themes": "workspace:*",
 		"superjson": "2.2.3",
diff --git a/www/src/modules/auth/user-profile-menu.tsx b/www/src/modules/auth/user-profile-menu.tsx
index ca51e2b4f..6f807fcde 100644
--- a/www/src/modules/auth/user-profile-menu.tsx
+++ b/www/src/modules/auth/user-profile-menu.tsx
@@ -3,7 +3,7 @@ import { Button } from "react-aria-components";
 
 import { focusRing } from "@dotui/registry/lib/focus-styles";
 import { cn } from "@dotui/registry/lib/utils";
-import { Avatar } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
 import { Menu, MenuContent, MenuItem } from "@dotui/registry/ui/menu";
 import { Overlay } from "@dotui/registry/ui/overlay";
 import type { ButtonProps } from "@dotui/registry/ui/button";
@@ -30,12 +30,10 @@ export function UserProfileMenu({
 					props.className,
 				)}
 			>
-				<Avatar
-					src={session?.user?.image ?? undefined}
-					fallback={session?.user?.name?.charAt(0)}
-					alt={session?.user?.name ?? undefined}
-					className="size-full rounded-full"
-				/>
+				<Avatar className="size-full rounded-full">
+					<AvatarImage src={session?.user?.image ?? undefined} alt={session?.user?.name ?? undefined} />
+					<AvatarFallback>{session?.user?.name?.charAt(0)}</AvatarFallback>
+				</Avatar>
 			</Button>
 			<Overlay
 				type="popover"
diff --git a/www/src/modules/docs/components-list/demos/avatar.tsx b/www/src/modules/docs/components-list/demos/avatar.tsx
index 4cecaaa19..715e3ca2b 100644
--- a/www/src/modules/docs/components-list/demos/avatar.tsx
+++ b/www/src/modules/docs/components-list/demos/avatar.tsx
@@ -1,14 +1,28 @@
-import { Avatar, AvatarGroup } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from "@dotui/registry/ui/avatar";
 
 export function AvatarDemo() {
 	return (
 		<div className="flex items-center gap-4">
-			<Avatar fallback="M" />
-			<Avatar src="https://github.com/mehdibha.png" alt="User 1" fallback="M" />
+			<Avatar>
+				<AvatarFallback>M</AvatarFallback>
+			</Avatar>
+			<Avatar>
+				<AvatarImage src="https://github.com/mehdibha.png" alt="User 1" />
+				<AvatarFallback>M</AvatarFallback>
+			</Avatar>
 			<AvatarGroup>
-				<Avatar src="https://github.com/shadcn.png" alt="User 1" fallback="U1" />
-				<Avatar src="https://github.com/devongovett.png" alt="User 2" fallback="U2" />
-				<Avatar src="https://github.com/rauchg.png" alt="User 3" fallback="U3" />
+				<Avatar>
+					<AvatarImage src="https://github.com/shadcn.png" alt="User 1" />
+					<AvatarFallback>U1</AvatarFallback>
+				</Avatar>
+				<Avatar>
+					<AvatarImage src="https://github.com/devongovett.png" alt="User 2" />
+					<AvatarFallback>U2</AvatarFallback>
+				</Avatar>
+				<Avatar>
+					<AvatarImage src="https://github.com/rauchg.png" alt="User 3" />
+					<AvatarFallback>U3</AvatarFallback>
+				</Avatar>
 			</AvatarGroup>
 		</div>
 	);
diff --git a/www/src/modules/docs/mdx-components.tsx b/www/src/modules/docs/mdx-components.tsx
index 709219fa1..3d5d44b84 100644
--- a/www/src/modules/docs/mdx-components.tsx
+++ b/www/src/modules/docs/mdx-components.tsx
@@ -17,10 +17,7 @@ import { Reference, type ReferenceProps } from "@/modules/docs/reference";
 export const mdxComponents: MDXComponents = {
 	h1: ({ className, ...props }) => <h1 className={cn("mt-2 scroll-m-20 font-bold text-4xl", className)} {...props} />,
 	h2: ({ className, ...props }) => (
-		<h2
-			className={cn("mt-12 scroll-m-20 font-semibold text-xl tracking-tight first:mt-0", className)}
-			{...props}
-		/>
+		<h2 className={cn("mt-12 scroll-m-20 font-semibold text-xl tracking-tight first:mt-0", className)} {...props} />
 	),
 	h3: ({ className, ...props }) => (
 		<h3 className={cn("mt-8 scroll-m-20 font-semibold text-lg tracking-tight", className)} {...props} />
diff --git a/www/src/modules/references/generated/accordion.json b/www/src/modules/references/generated/accordion.json
index 098db7de9..800c32563 100644
--- a/www/src/modules/references/generated/accordion.json
+++ b/www/src/modules/references/generated/accordion.json
@@ -2,6 +2,40 @@
 	"name": "AccordionProps",
 	"description": "A DisclosureGroup is a grouping of related disclosures, sometimes called an accordion.\nIt supports both single and multiple expanded items.",
 	"props": {
+		"className": {
+			"type": "string | (values: DisclosureGroupRenderProps) => string",
+			"detailedType": "string | (values: DisclosureGroupRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "DisclosureGroupRenderProps",
+									"name": "DisclosureGroupRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-DisclosureGroup'"
+		},
 		"allowsMultipleExpanded": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -148,14 +182,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: DisclosureGroupRenderProps) => string",
-			"detailedType": "string | (values: DisclosureGroupRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: DisclosureGroupRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: DisclosureGroupRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -173,48 +208,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: DisclosureGroupRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: DisclosureGroupRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", DisclosureGroupRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', DisclosureGroupRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "DisclosureGroupRenderProps",
-									"name": "DisclosureGroupRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DisclosureGroupRenderProps",
+								"name": "DisclosureGroupRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"id": {
 			"type": "string",
@@ -226,6 +263,33 @@
 		}
 	},
 	"typeLinks": {
+		"DisclosureGroupRenderProps": {
+			"type": "interface",
+			"name": "DisclosureGroupRenderProps",
+			"properties": {
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the disclosure group is disabled."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "DisclosureGroupState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the disclosure group."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator",
@@ -361,9 +425,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -669,9 +733,9 @@
 					"optional": false,
 					"description": "Returns an iterable of values in the set."
 				},
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -694,9 +758,9 @@
 					"optional": false,
 					"description": "Iterates over values in the set."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -708,9 +772,11 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"DisclosureGroupRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DisclosureGroupRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DisclosureGroupRenderProps",
 			"name": "DisclosureGroupRenderProps",
+			"extends": [],
 			"properties": {
 				"isDisabled": {
 					"type": "property",
@@ -726,14 +792,17 @@
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+disclosure@3.0.11_react@19.2.1/node_modules/@react-stately/disclosure/dist/types.d.ts:DisclosureGroupState",
 						"name": "DisclosureGroupState"
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the disclosure group."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/avatar-badge.json b/www/src/modules/references/generated/avatar-badge.json
new file mode 100644
index 000000000..17b3873db
--- /dev/null
+++ b/www/src/modules/references/generated/avatar-badge.json
@@ -0,0 +1,6 @@
+{
+	"name": "AvatarBadgeProps",
+	"description": "A small indicator displayed on the avatar, typically used to show online status.",
+	"extendsElement": "span",
+	"props": {}
+}
diff --git a/www/src/modules/references/generated/avatar-fallback.json b/www/src/modules/references/generated/avatar-fallback.json
index ce5d7149d..f78485069 100644
--- a/www/src/modules/references/generated/avatar-fallback.json
+++ b/www/src/modules/references/generated/avatar-fallback.json
@@ -1,6 +1,6 @@
 {
 	"name": "AvatarFallbackProps",
-	"description": "Missing description.",
+	"description": "Content displayed when the avatar image fails to load. Typically shows initials or an icon.",
 	"extendsElement": "span",
 	"props": {}
 }
diff --git a/www/src/modules/references/generated/avatar-group-count.json b/www/src/modules/references/generated/avatar-group-count.json
new file mode 100644
index 000000000..a4e97c0bf
--- /dev/null
+++ b/www/src/modules/references/generated/avatar-group-count.json
@@ -0,0 +1,6 @@
+{
+	"name": "AvatarGroupCountProps",
+	"description": "A count indicator displayed at the end of an avatar group to show remaining items.",
+	"extendsElement": "span",
+	"props": {}
+}
diff --git a/www/src/modules/references/generated/avatar-group.json b/www/src/modules/references/generated/avatar-group.json
index c33698383..9eb67b889 100644
--- a/www/src/modules/references/generated/avatar-group.json
+++ b/www/src/modules/references/generated/avatar-group.json
@@ -1,6 +1,6 @@
 {
 	"name": "AvatarGroupProps",
-	"description": "Missing description.",
+	"description": "A group container that displays multiple avatars together with overlapping layout.",
 	"extendsElement": "div",
 	"props": {
 		"size": {
diff --git a/www/src/modules/references/generated/avatar-image.json b/www/src/modules/references/generated/avatar-image.json
index 89715a4a4..e3e00b7e1 100644
--- a/www/src/modules/references/generated/avatar-image.json
+++ b/www/src/modules/references/generated/avatar-image.json
@@ -1,6 +1,6 @@
 {
 	"name": "AvatarImageProps",
-	"description": "Missing description.",
+	"description": "The image element displayed within the avatar. Automatically hidden when the image fails to load.",
 	"extendsElement": "img",
 	"props": {
 		"src": {
diff --git a/www/src/modules/references/generated/avatar-placeholder.json b/www/src/modules/references/generated/avatar-placeholder.json
deleted file mode 100644
index e22be2717..000000000
--- a/www/src/modules/references/generated/avatar-placeholder.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-	"name": "AvatarPlaceholderProps",
-	"description": "Missing description.",
-	"extendsElement": "span",
-	"props": {}
-}
diff --git a/www/src/modules/references/generated/avatar.json b/www/src/modules/references/generated/avatar.json
index eb69d036a..358651ede 100644
--- a/www/src/modules/references/generated/avatar.json
+++ b/www/src/modules/references/generated/avatar.json
@@ -1,6 +1,7 @@
 {
 	"name": "AvatarProps",
-	"description": "Missing description.",
+	"description": "A visual representation of a user or entity, displayed as an image, initials, or placeholder.",
+	"extendsElement": "span",
 	"props": {
 		"size": {
 			"type": "\"sm\" | \"md\" | \"lg\"",
@@ -24,891 +25,6 @@
 			},
 			"description": "The size of the avatar.",
 			"default": "'md'"
-		},
-		"fallback": {
-			"type": "ReactNode",
-			"typeAst": {
-				"type": "identifier",
-				"name": "ReactNode"
-			},
-			"description": "Content to display when the image fails to load."
-		},
-		"src": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The URL of the avatar image."
-		},
-		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "search"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "text"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "none"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "tel"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "url"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "email"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "numeric"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "decimal"
-					}
-				]
-			},
-			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
-		},
-		"is": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
-		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
-		"aria-activedescendant": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
-		},
-		"aria-atomic": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute."
-		},
-		"aria-autocomplete": {
-			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
-			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "list"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "none"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "inline"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "both"
-					}
-				]
-			},
-			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
-		},
-		"aria-braillelabel": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element, which is intended to be converted into Braille."
-		},
-		"aria-brailleroledescription": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille."
-		},
-		"aria-checked": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets."
-		},
-		"aria-colcount": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the total number of columns in a table, grid, or treegrid."
-		},
-		"aria-colindex": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
-		},
-		"aria-colindextext": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a human readable text alternative of aria-colindex."
-		},
-		"aria-colspan": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
-		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
-		},
-		"aria-current": {
-			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
-			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "time"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "step"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "page"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "location"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "date"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the element that represents the current item within a container or set of related elements."
-		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that describes the object."
-		},
-		"aria-description": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that describes or annotates the current element."
-		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element that provides a detailed, extended description for the object."
-		},
-		"aria-disabled": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
-		},
-		"aria-dropeffect": {
-			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
-			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "link"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "none"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "copy"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "execute"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "move"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "popup"
-					}
-				]
-			},
-			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
-		},
-		"aria-errormessage": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
-		},
-		"aria-flowto": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order."
-		},
-		"aria-grabbed": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
-		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
-		},
-		"aria-hidden": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element is exposed to an accessibility API."
-		},
-		"aria-invalid": {
-			"type": "boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\"",
-			"detailedType": "| boolean\n| 'true'\n| 'false'\n| 'grammar'\n| 'spelling'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grammar"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "spelling"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the entered value does not conform to the format expected by the application."
-		},
-		"aria-keyshortcuts": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element."
-		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
-		"aria-level": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the hierarchical level of an element within a structure."
-		},
-		"aria-live": {
-			"type": "\"off\" | \"assertive\" | \"polite\"",
-			"detailedType": "'off' | 'assertive' | 'polite' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "off"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "assertive"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "polite"
-					}
-				]
-			},
-			"description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region."
-		},
-		"aria-modal": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether an element is modal when displayed."
-		},
-		"aria-multiline": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether a text box accepts multiple lines of input or only a single line."
-		},
-		"aria-multiselectable": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates that the user may select more than one item from the current selectable descendants."
-		},
-		"aria-orientation": {
-			"type": "\"horizontal\" | \"vertical\"",
-			"detailedType": "'horizontal' | 'vertical' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "horizontal"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "vertical"
-					}
-				]
-			},
-			"description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous."
-		},
-		"aria-owns": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship."
-		},
-		"aria-placeholder": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format."
-		},
-		"aria-posinset": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
-		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
-		"aria-readonly": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates that the element is not editable, but is otherwise operable."
-		},
-		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "text"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "additions"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "additions removals"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "additions text"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "all"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "removals"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "removals additions"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "removals text"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "text additions"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "text removals"
-					}
-				]
-			},
-			"description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified."
-		},
-		"aria-required": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates that user input is required on the element before a form may be submitted."
-		},
-		"aria-roledescription": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a human-readable, author-localized description for the role of an element."
-		},
-		"aria-rowcount": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the total number of rows in a table, grid, or treegrid."
-		},
-		"aria-rowindex": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid."
-		},
-		"aria-rowindextext": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a human readable text alternative of aria-rowindex."
-		},
-		"aria-rowspan": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid."
-		},
-		"aria-selected": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates the current \"selected\" state of various widgets."
-		},
-		"aria-setsize": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
-		},
-		"aria-sort": {
-			"type": "\"none\" | \"ascending\" | \"descending\" | \"other\"",
-			"detailedType": "| 'none'\n| 'ascending'\n| 'descending'\n| 'other'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "none"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "ascending"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "descending"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "other"
-					}
-				]
-			},
-			"description": "Indicates if items in a table or grid are sorted in ascending or descending order."
-		},
-		"aria-valuemax": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the maximum allowed value for a range widget."
-		},
-		"aria-valuemin": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the minimum allowed value for a range widget."
-		},
-		"aria-valuenow": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the current value for a range widget."
-		},
-		"aria-valuetext": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines the human readable text alternative of aria-valuenow for a range widget."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/badge.json b/www/src/modules/references/generated/badge.json
index 36bb72219..bce7ff65c 100644
--- a/www/src/modules/references/generated/badge.json
+++ b/www/src/modules/references/generated/badge.json
@@ -4,8 +4,8 @@
 	"extendsElement": "span",
 	"props": {
 		"variant": {
-			"type": "\"danger\" | \"warning\" | \"info\" | \"success\" | \"default\"",
-			"detailedType": "| 'danger'\n| 'warning'\n| 'info'\n| 'success'\n| 'default'\n| undefined",
+			"type": "\"danger\" | \"warning\" | \"info\" | \"success\" | \"primary\" | \"default\"",
+			"detailedType": "| 'danger'\n| 'warning'\n| 'info'\n| 'success'\n| 'primary'\n| 'default'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -25,6 +25,10 @@
 						"type": "stringLiteral",
 						"value": "success"
 					},
+					{
+						"type": "stringLiteral",
+						"value": "primary"
+					},
 					{
 						"type": "stringLiteral",
 						"value": "default"
@@ -33,6 +37,29 @@
 			},
 			"description": "The visual style of the badge.",
 			"default": "'default'"
+		},
+		"size": {
+			"type": "\"sm\" | \"md\" | \"lg\"",
+			"detailedType": "'sm' | 'md' | 'lg' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "sm"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "md"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "lg"
+					}
+				]
+			},
+			"description": "The size of the badge.",
+			"default": "'default'"
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/breadcrumb-item.json b/www/src/modules/references/generated/breadcrumb-item.json
index c96bf2a7a..ade9e97d7 100644
--- a/www/src/modules/references/generated/breadcrumb-item.json
+++ b/www/src/modules/references/generated/breadcrumb-item.json
@@ -2,23 +2,14 @@
 	"name": "BreadcrumbItemProps",
 	"description": "A Breadcrumb represents an individual item in a Breadcrumbs list.",
 	"props": {
-		"id": {
-			"type": "Key",
-			"detailedType": "Key | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Key"
-			},
-			"description": "A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is pressed."
-		},
-		"children": {
-			"type": "ReactNode | (values: BreadcrumbRenderProps) => ReactNode",
+		"className": {
+			"type": "string | (values: BreadcrumbRenderProps) => string",
+			"detailedType": "string | (values: BreadcrumbRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "ReactNode"
+						"type": "string"
 					},
 					{
 						"type": "function",
@@ -36,23 +27,32 @@
 							}
 						],
 						"return": {
-							"type": "identifier",
-							"name": "ReactNode"
+							"type": "string"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Breadcrumb'"
 		},
-		"className": {
-			"type": "string | (values: BreadcrumbRenderProps) => string",
-			"detailedType": "string | (values: BreadcrumbRenderProps) => string | undefined",
+		"id": {
+			"type": "Key",
+			"detailedType": "Key | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Key"
+			},
+			"description": "A unique id for the breadcrumb, which will be passed to `onAction` when the breadcrumb is pressed."
+		},
+		"children": {
+			"type": "ReactNode | (values: BreadcrumbRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -70,13 +70,14 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
 		"style": {
 			"type": "CSSProperties | (values: BreadcrumbRenderProps) => CSSProperties",
@@ -112,6 +113,74 @@
 				]
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"li\", BreadcrumbRenderProps>",
+			"detailedType": "| DOMRenderFunction<'li', BreadcrumbRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "li"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:BreadcrumbRenderProps",
+								"name": "BreadcrumbRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		}
 	},
 	"typeLinks": {
@@ -140,6 +209,36 @@
 					"description": "Whether the breadcrumb is disabled."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:BreadcrumbRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:BreadcrumbRenderProps",
+			"name": "BreadcrumbRenderProps",
+			"extends": [],
+			"properties": {
+				"isCurrent": {
+					"type": "property",
+					"name": "isCurrent",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the breadcrumb is for the current page."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the breadcrumb is disabled."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/breadcrumb-link.json b/www/src/modules/references/generated/breadcrumb-link.json
index f1b9b6200..8ed08a4a8 100644
--- a/www/src/modules/references/generated/breadcrumb-link.json
+++ b/www/src/modules/references/generated/breadcrumb-link.json
@@ -382,70 +382,55 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
-		"referrerPolicy": {
-			"type": "HTMLAttributeReferrerPolicy",
-			"detailedType": "HTMLAttributeReferrerPolicy | undefined",
+		"className": {
+			"type": "string | (values: LinkRenderProps) => string",
+			"detailedType": "string | (values: LinkRenderProps) => string | undefined",
 			"typeAst": {
-				"type": "identifier",
-				"name": "HTMLAttributeReferrerPolicy"
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "LinkRenderProps",
+									"name": "LinkRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
 			},
-			"description": "How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Link'"
 		},
-		"autoFocus": {
+		"isDisabled": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
 			"typeAst": {
 				"type": "boolean"
 			},
-			"description": "Whether the element should receive focus on render."
-		},
-		"rel": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."
-		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that describes the object."
-		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
-		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "Whether the link is disabled."
 		},
-		"isDisabled": {
+		"autoFocus": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
 			"typeAst": {
 				"type": "boolean"
 			},
-			"description": "Whether the link is disabled."
+			"description": "Whether the element should receive focus on render."
 		},
 		"href": {
 			"type": "string",
@@ -472,6 +457,14 @@
 			},
 			"description": "The target window for the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."
 		},
+		"rel": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."
+		},
 		"download": {
 			"type": "string | boolean",
 			"detailedType": "string | boolean | undefined",
@@ -499,6 +492,15 @@
 			},
 			"description": "A space-separated list of URLs to ping when the link is followed. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping)."
 		},
+		"referrerPolicy": {
+			"type": "HTMLAttributeReferrerPolicy",
+			"detailedType": "HTMLAttributeReferrerPolicy | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "HTMLAttributeReferrerPolicy"
+			},
+			"description": "How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."
+		},
 		"routerOptions": {
 			"type": "undefined",
 			"typeAst": {
@@ -506,14 +508,47 @@
 			},
 			"description": "Options for the configured client side router."
 		},
-		"children": {
-			"type": "ReactNode | (values: LinkRenderProps) => ReactNode",
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+		},
+		"style": {
+			"type": "CSSProperties | (values: LinkRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: LinkRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "identifier",
-						"name": "ReactNode"
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -532,22 +567,22 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "ReactNode"
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"className": {
-			"type": "string | (values: LinkRenderProps) => string",
-			"detailedType": "string | (values: LinkRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: LinkRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -565,33 +600,89 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: LinkRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: LinkRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "((props: DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | DetailedHTMLProps<LinkWithRequiredHref, HTMLAnchorElement>, renderProps: LinkRenderProps) => ReactElement<unknown, string | JSXElementConstructor<any>>)",
+			"detailedType": "| ((\n    props:\n      | DetailedHTMLProps<\n          HTMLAttributes<HTMLSpanElement>,\n          HTMLSpanElement\n        >\n      | DetailedHTMLProps<\n          LinkWithRequiredHref,\n          HTMLAnchorElement\n        >,\n    renderProps: LinkRenderProps,\n  ) => ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >)\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
 						"type": "function",
 						"parameters": [
 							{
 								"type": "parameter",
-								"name": "values",
+								"name": "props",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "application",
+													"base": {
+														"type": "identifier",
+														"name": "HTMLAttributes"
+													},
+													"typeParameters": [
+														{
+															"type": "identifier",
+															"name": "HTMLSpanElement"
+														}
+													]
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLSpanElement",
+													"name": "HTMLSpanElement"
+												}
+											]
+										},
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "identifier",
+													"name": "LinkWithRequiredHref"
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLAnchorElement",
+													"name": "HTMLAnchorElement"
+												}
+											]
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "renderProps",
 								"value": {
 									"type": "link",
-									"id": "LinkRenderProps",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:LinkRenderProps",
 									"name": "LinkRenderProps"
 								},
 								"optional": false,
@@ -600,13 +691,13 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "ReactElement"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nNote: You can check if `'href' in props` in order to tell whether to render an `<a>` element.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<a>` is expected, you cannot render a `<button>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -626,9 +717,83 @@
 				]
 			},
 			"description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent."
+		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		}
 	},
 	"typeLinks": {
+		"LinkRenderProps": {
+			"type": "interface",
+			"name": "LinkRenderProps",
+			"properties": {
+				"isCurrent": {
+					"type": "property",
+					"name": "isCurrent",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is the current item within a list."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is currently in a pressed state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is disabled."
+				}
+			}
+		},
 		"PressEvent": {
 			"type": "interface",
 			"name": "PressEvent",
@@ -726,6 +891,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
@@ -778,9 +954,11 @@
 				}
 			}
 		},
-		"LinkRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:LinkRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:LinkRenderProps",
 			"name": "LinkRenderProps",
+			"extends": [],
 			"properties": {
 				"isCurrent": {
 					"type": "property",
@@ -842,7 +1020,9 @@
 					"readonly": false,
 					"description": "Whether the link is disabled."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/breadcrumbs.json b/www/src/modules/references/generated/breadcrumbs.json
index 5f2f15e8f..d36f3bb3c 100644
--- a/www/src/modules/references/generated/breadcrumbs.json
+++ b/www/src/modules/references/generated/breadcrumbs.json
@@ -2,6 +2,15 @@
 	"name": "BreadcrumbsProps",
 	"description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-Breadcrumbs'"
+		},
 		"isDisabled": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -213,14 +222,6 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -248,6 +249,40 @@
 				]
 			},
 			"description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"ol\", undefined>",
+			"detailedType": "DOMRenderFunction<'ol', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "ol"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -386,9 +421,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -898,9 +933,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
diff --git a/www/src/modules/references/generated/button.json b/www/src/modules/references/generated/button.json
index 621926140..19d4a1db6 100644
--- a/www/src/modules/references/generated/button.json
+++ b/www/src/modules/references/generated/button.json
@@ -3,8 +3,8 @@
 	"description": "A clickable element that triggers an action. Buttons communicate actions users can take\nand allow users to interact with the page.",
 	"props": {
 		"variant": {
-			"type": "\"link\" | \"danger\" | \"warning\" | \"default\" | \"primary\" | \"quiet\"",
-			"detailedType": "| 'link'\n| 'danger'\n| 'warning'\n| 'default'\n| 'primary'\n| 'quiet'\n| undefined",
+			"type": "\"link\" | \"danger\" | \"warning\" | \"primary\" | \"default\" | \"quiet\"",
+			"detailedType": "| 'link'\n| 'danger'\n| 'warning'\n| 'primary'\n| 'default'\n| 'quiet'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -22,11 +22,11 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "default"
+						"value": "primary"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "primary"
+						"value": "default"
 					},
 					{
 						"type": "stringLiteral",
@@ -463,6 +463,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: ButtonRenderProps) => string",
+			"detailedType": "string | (values: ButtonRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ButtonRenderProps",
+									"name": "ButtonRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Button'"
+		},
 		"isPending": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -479,6 +513,14 @@
 			},
 			"description": "The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form)."
 		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the button is disabled."
+		},
 		"autoFocus": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -487,100 +529,21 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-controls": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
-		},
-		"aria-current": {
-			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
-			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "time"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "step"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "page"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "location"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "date"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates whether this element represents the current item within a container or set of related elements."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -745,21 +708,13 @@
 			},
 			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
 		"aria-pressed": {
 			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
@@ -804,13 +759,84 @@
 			},
 			"description": "Indicates the current \"pressed\" state of toggle buttons."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
+		"aria-current": {
+			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
+			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
 			"typeAst": {
-				"type": "boolean"
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "time"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "step"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "page"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "location"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "date"
+							}
+						]
+					}
+				]
 			},
-			"description": "Whether the button is disabled."
+			"description": "Indicates whether this element represents the current item within a container or set of related elements."
 		},
 		"type": {
 			"type": "\"button\" | \"submit\" | \"reset\"",
@@ -844,39 +870,85 @@
 			"description": "Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative keyboard interaction is provided,\nsuch as ComboBox's MenuTrigger or a NumberField's increment/decrement control."
 		},
 		"formAction": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."
-		},
-		"formEncType": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Indicates how to encode the form data that is submitted."
-		},
-		"formMethod": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Indicates the HTTP method used to submit the form."
-		},
-		"formNoValidate": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
+			"type": "string | ((formData: FormData) => void | Promise<void>)",
+			"detailedType": "| string\n| ((formData: FormData) => void | Promise<void>)\n| undefined",
 			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Indicates that the form is not to be validated when it is submitted."
-		},
-		"formTarget": {
-			"type": "string",
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "formData",
+								"value": {
+									"type": "link",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData",
+									"name": "FormData"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "union",
+							"elements": [
+								{
+									"type": "void"
+								},
+								{
+									"type": "application",
+									"base": {
+										"type": "link",
+										"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es5.d.ts:Promise",
+										"name": "Promise"
+									},
+									"typeParameters": [
+										{
+											"type": "void"
+										}
+									]
+								}
+							]
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."
+		},
+		"formEncType": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Indicates how to encode the form data that is submitted."
+		},
+		"formMethod": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Indicates the HTTP method used to submit the form."
+		},
+		"formNoValidate": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Indicates that the form is not to be validated when it is submitted."
+		},
+		"formTarget": {
+			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
@@ -907,6 +979,14 @@
 			},
 			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
 		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
 		"slot": {
 			"type": "string | null",
 			"detailedType": "string | null | undefined",
@@ -960,14 +1040,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ButtonRenderProps) => string",
-			"detailedType": "string | (values: ButtonRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ButtonRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ButtonRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -985,48 +1066,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ButtonRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ButtonRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"button\", ButtonRenderProps>",
+			"detailedType": "| DOMRenderFunction<'button', ButtonRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ButtonRenderProps",
-									"name": "ButtonRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "button"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ButtonRenderProps",
+								"name": "ButtonRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -1056,6 +1139,72 @@
 		}
 	},
 	"typeLinks": {
+		"ButtonRenderProps": {
+			"type": "interface",
+			"name": "ButtonRenderProps",
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently in a pressed state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is disabled."
+				},
+				"isPending": {
+					"type": "property",
+					"name": "isPending",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently in a pending state."
+				}
+			}
+		},
 		"PressEvent": {
 			"type": "interface",
 			"name": "PressEvent",
@@ -1153,6 +1302,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
@@ -1166,6 +1326,401 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData",
+			"name": "FormData",
+			"extends": [],
+			"properties": {
+				"append": {
+					"type": "method",
+					"name": "append",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "value",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "string"
+										},
+										{
+											"type": "link",
+											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:Blob",
+											"name": "Blob"
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`append()`** method of the FormData interface appends a new value onto an existing key inside a `FormData` object, or adds the key if it does not already exist.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/append)"
+				},
+				"delete": {
+					"type": "method",
+					"name": "delete",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`delete()`** method of the FormData interface deletes a key and its value(s) from a `FormData` object.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/delete)"
+				},
+				"get": {
+					"type": "method",
+					"name": "get",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "union",
+							"elements": [
+								{
+									"type": "null"
+								},
+								{
+									"type": "string"
+								},
+								{
+									"type": "link",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:File",
+									"name": "File"
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`get()`** method of the FormData interface returns the first value associated with a given key from within a `FormData` object.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/get)"
+				},
+				"getAll": {
+					"type": "method",
+					"name": "getAll",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "array",
+							"elementType": {
+								"type": "identifier",
+								"name": "FormDataEntryValue"
+							}
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`getAll()`** method of the FormData interface returns all the values associated with a given key from within a `FormData` object.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/getAll)"
+				},
+				"has": {
+					"type": "method",
+					"name": "has",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "boolean"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`has()`** method of the FormData interface returns whether a `FormData` object contains a certain key.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/has)"
+				},
+				"set": {
+					"type": "method",
+					"name": "set",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "value",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "string"
+										},
+										{
+											"type": "link",
+											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:Blob",
+											"name": "Blob"
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`set()`** method of the FormData interface sets a new value for an existing key inside a `FormData` object, or adds the key/value if it does not already exist.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/set)"
+				},
+				"forEach": {
+					"type": "method",
+					"name": "forEach",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "callbackfn",
+								"value": {
+									"type": "function",
+									"parameters": [
+										{
+											"type": "parameter",
+											"name": "value",
+											"value": {
+												"type": "identifier",
+												"name": "FormDataEntryValue"
+											},
+											"optional": false,
+											"rest": false
+										},
+										{
+											"type": "parameter",
+											"name": "key",
+											"value": {
+												"type": "string"
+											},
+											"optional": false,
+											"rest": false
+										},
+										{
+											"type": "parameter",
+											"name": "parent",
+											"value": {
+												"type": "link",
+												"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData",
+												"name": "FormData"
+											},
+											"optional": false,
+											"rest": false
+										}
+									],
+									"return": {
+										"type": "void"
+									},
+									"typeParameters": []
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "thisArg",
+								"value": {
+									"type": "any"
+								},
+								"optional": true,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": ""
+				},
+				"entries": {
+					"type": "method",
+					"name": "entries",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "tuple",
+									"elements": [
+										{
+											"type": "identifier",
+											"name": "string"
+										},
+										{
+											"type": "identifier",
+											"name": "FormDataEntryValue"
+										}
+									]
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "Returns an array of key, value pairs for every entry in the list."
+				},
+				"keys": {
+					"type": "method",
+					"name": "keys",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "string"
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "Returns a list of keys in the list."
+				},
+				"values": {
+					"type": "method",
+					"name": "values",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "identifier",
+									"name": "FormDataEntryValue"
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "Returns a list of values in the list."
+				},
+				"__@iterator@68": {
+					"type": "method",
+					"name": "__@iterator@68",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "tuple",
+									"elements": [
+										{
+											"type": "identifier",
+											"name": "string"
+										},
+										{
+											"type": "identifier",
+											"name": "FormDataEntryValue"
+										}
+									]
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": ""
+				}
+			},
+			"typeParameters": [],
+			"description": "The **`FormData`** interface provides a way to construct a set of key/value pairs representing form fields and their values, which can be sent using the Window/fetch, XMLHttpRequest.send() or navigator.sendBeacon() methods.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData)"
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -1205,9 +1760,11 @@
 				}
 			}
 		},
-		"ButtonRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ButtonRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ButtonRenderProps",
 			"name": "ButtonRenderProps",
+			"extends": [],
 			"properties": {
 				"isHovered": {
 					"type": "property",
@@ -1269,7 +1826,9 @@
 					"readonly": false,
 					"description": "Whether the button is currently in a pending state."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/calendar-cell.json b/www/src/modules/references/generated/calendar-cell.json
index 9f521adf3..0864b6607 100644
--- a/www/src/modules/references/generated/calendar-cell.json
+++ b/www/src/modules/references/generated/calendar-cell.json
@@ -96,23 +96,14 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
-		"date": {
-			"type": "CalendarDate",
-			"typeAst": {
-				"type": "identifier",
-				"name": "CalendarDate"
-			},
-			"description": "The date to render in the cell.",
-			"required": true
-		},
-		"children": {
-			"type": "ReactNode | (values: CalendarCellRenderProps) => ReactNode",
+		"className": {
+			"type": "string | (values: CalendarCellRenderProps) => string",
+			"detailedType": "string | (values: CalendarCellRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "ReactNode"
+						"type": "string"
 					},
 					{
 						"type": "function",
@@ -130,23 +121,32 @@
 							}
 						],
 						"return": {
-							"type": "identifier",
-							"name": "ReactNode"
+							"type": "string"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-CalendarCell'"
 		},
-		"className": {
-			"type": "string | (values: CalendarCellRenderProps) => string",
-			"detailedType": "string | (values: CalendarCellRenderProps) => string | undefined",
+		"date": {
+			"type": "CalendarDate",
+			"typeAst": {
+				"type": "identifier",
+				"name": "CalendarDate"
+			},
+			"description": "The date to render in the cell.",
+			"required": true
+		},
+		"children": {
+			"type": "ReactNode | (values: CalendarCellRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -164,13 +164,14 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
 		"style": {
 			"type": "CSSProperties | (values: CalendarCellRenderProps) => CSSProperties",
@@ -206,6 +207,42 @@
 				]
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", CalendarCellRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', CalendarCellRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CalendarCellRenderProps",
+								"name": "CalendarCellRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -420,6 +457,168 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CalendarCellRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CalendarCellRenderProps",
+			"name": "CalendarCellRenderProps",
+			"extends": [],
+			"properties": {
+				"date": {
+					"type": "property",
+					"name": "date",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDate",
+						"name": "CalendarDate"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The date that the cell represents."
+				},
+				"formattedDate": {
+					"type": "property",
+					"name": "formattedDate",
+					"value": {
+						"type": "string"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The day number formatted according to the current locale."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is currently being pressed."
+				},
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is selected."
+				},
+				"isSelectionStart": {
+					"type": "property",
+					"name": "isSelectionStart",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is the first date in a range selection."
+				},
+				"isSelectionEnd": {
+					"type": "property",
+					"name": "isSelectionEnd",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is the last date in a range selection."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is disabled, according to the calendar's `minValue`, `maxValue`, and `isDisabled` props.\nDisabled dates are not focusable, and cannot be selected by the user. They are typically\ndisplayed with a dimmed appearance."
+				},
+				"isOutsideVisibleRange": {
+					"type": "property",
+					"name": "isOutsideVisibleRange",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is outside the visible range of the calendar.\nFor example, dates before the first day of a month in the same week."
+				},
+				"isOutsideMonth": {
+					"type": "property",
+					"name": "isOutsideMonth",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is outside the current month."
+				},
+				"isUnavailable": {
+					"type": "property",
+					"name": "isUnavailable",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is unavailable, according to the calendar's `isDateUnavailable` prop. Unavailable dates remain\nfocusable, but cannot be selected by the user. They should be displayed with a visual affordance to indicate they\nare unavailable, such as a different color or a strikethrough.\n\nNote that because they are focusable, unavailable dates must meet a 4.5:1 color contrast ratio,\n[as defined by WCAG](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html)."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is part of an invalid selection."
+				},
+				"isToday": {
+					"type": "property",
+					"name": "isToday",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is today."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
diff --git a/www/src/modules/references/generated/calendar-grid-body.json b/www/src/modules/references/generated/calendar-grid-body.json
index 94ed31ef3..969480702 100644
--- a/www/src/modules/references/generated/calendar-grid-body.json
+++ b/www/src/modules/references/generated/calendar-grid-body.json
@@ -2,6 +2,15 @@
 	"name": "CalendarGridBodyProps",
 	"description": "A calendar grid body displays a grid of calendar cells within a month.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-CalendarGridBody'"
+		},
 		"children": {
 			"type": "(date: CalendarDate) => ReactElement<unknown, string | JSXElementConstructor<any>>",
 			"typeAst": {
@@ -12,7 +21,7 @@
 						"name": "date",
 						"value": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDate",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDate",
 							"name": "CalendarDate"
 						},
 						"optional": false,
@@ -28,14 +37,6 @@
 			"description": "A function to render a `<CalendarCell>` for a given date.",
 			"required": true
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -44,6 +45,40 @@
 				"name": "CSSProperties"
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"tbody\", undefined>",
+			"detailedType": "DOMRenderFunction<'tbody', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "tbody"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/calendar-grid-header.json b/www/src/modules/references/generated/calendar-grid-header.json
index 64be600d2..45a15938e 100644
--- a/www/src/modules/references/generated/calendar-grid-header.json
+++ b/www/src/modules/references/generated/calendar-grid-header.json
@@ -2,6 +2,15 @@
 	"name": "CalendarGridHeaderProps",
 	"description": "A calendar grid header displays a row of week day names at the top of a month.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-CalendarGridHeader'"
+		},
 		"children": {
 			"type": "(day: string) => ReactElement<unknown, string | JSXElementConstructor<any>>",
 			"typeAst": {
@@ -26,14 +35,6 @@
 			"description": "A function to render a `<CalendarHeaderCell>` for a weekday name.",
 			"required": true
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -42,6 +43,40 @@
 				"name": "CSSProperties"
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"thead\", undefined>",
+			"detailedType": "DOMRenderFunction<'thead', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "thead"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/calendar-grid.json b/www/src/modules/references/generated/calendar-grid.json
index dc7622d75..91662ec4f 100644
--- a/www/src/modules/references/generated/calendar-grid.json
+++ b/www/src/modules/references/generated/calendar-grid.json
@@ -2,6 +2,15 @@
 	"name": "CalendarGridProps",
 	"description": "A calendar grid displays a single grid of days within a calendar or range calendar\nwhich can be keyboard navigated and selected by the user.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-CalendarGrid'"
+		},
 		"children": {
 			"type": "ReactElement<unknown, string | JSXElementConstructor<any>> | ReactElement<unknown, string | JSXElementConstructor<any>>[] | ((date: CalendarDate) => ReactElement<unknown, string | JSXElementConstructor<any>>)",
 			"detailedType": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >[]\n| ((\n    date: CalendarDate,\n  ) => ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >)\n| undefined",
@@ -30,7 +39,7 @@
 								"name": "date",
 								"value": {
 									"type": "link",
-									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDate",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDate",
 									"name": "CalendarDate"
 								},
 								"optional": false,
@@ -79,14 +88,6 @@
 			"description": "The style of weekday names to display in the calendar grid header,\ne.g. single letter, abbreviation, or full day name.",
 			"default": "\"narrow\""
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -95,6 +96,40 @@
 				"name": "CSSProperties"
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"table\", undefined>",
+			"detailedType": "DOMRenderFunction<'table', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "table"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/calendar-header-cell.json b/www/src/modules/references/generated/calendar-header-cell.json
index 193d96a9d..6545a01ca 100644
--- a/www/src/modules/references/generated/calendar-header-cell.json
+++ b/www/src/modules/references/generated/calendar-header-cell.json
@@ -2,6 +2,15 @@
 	"name": "CalendarHeaderCellProps",
 	"description": "A calendar header cell displays a week day name at the top of a column within a calendar.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-CalendarHeaderCell'"
+		},
 		"children": {
 			"type": "ReactNode",
 			"typeAst": {
@@ -10,14 +19,6 @@
 			},
 			"description": "The children of the component."
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -34,6 +35,40 @@
 				"type": "string"
 			},
 			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"th\", undefined>",
+			"detailedType": "DOMRenderFunction<'th', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "th"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/checkbox-group.json b/www/src/modules/references/generated/checkbox-group.json
index d9fbd1fa7..2105a4cce 100644
--- a/www/src/modules/references/generated/checkbox-group.json
+++ b/www/src/modules/references/generated/checkbox-group.json
@@ -91,40 +91,71 @@
 			},
 			"description": "Handler that is called when the element's focus status changes."
 		},
-		"form": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
-		},
-		"defaultValue": {
-			"type": "string[]",
-			"detailedType": "string[] | undefined",
+		"className": {
+			"type": "string | (values: CheckboxGroupRenderProps) => string",
+			"detailedType": "string | (values: CheckboxGroupRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "undefined"
+						"type": "string"
 					},
 					{
-						"type": "array",
-						"elementType": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "CheckboxGroupRenderProps",
+									"name": "CheckboxGroupRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
 							"type": "string"
-						}
+						},
+						"typeParameters": []
 					}
 				]
 			},
-			"description": "The default value (uncontrolled)."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-CheckboxGroup'"
 		},
-		"id": {
+		"form": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
+		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input is disabled."
+		},
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -142,29 +173,40 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-errormessage": {
+		"name": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides an error message for the object."
+			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"value": {
+			"type": "string[]",
+			"detailedType": "string[] | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "array",
+						"elementType": {
+							"type": "string"
+						}
+					}
+				]
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "The current value (controlled)."
 		},
-		"aria-labelledby": {
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"onChange": {
 			"type": "((value: string[]) => void)",
@@ -200,41 +242,6 @@
 			},
 			"description": "Handler that is called when the value changes."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input is disabled."
-		},
-		"name": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
-		},
-		"value": {
-			"type": "string[]",
-			"detailedType": "string[] | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "array",
-						"elementType": {
-							"type": "string"
-						}
-					}
-				]
-			},
-			"description": "The current value (controlled)."
-		},
 		"isReadOnly": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -314,6 +321,33 @@
 			},
 			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
 		},
+		"aria-errormessage": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides an error message for the object."
+		},
+		"defaultValue": {
+			"type": "string[]",
+			"detailedType": "string[] | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "array",
+						"elementType": {
+							"type": "string"
+						}
+					}
+				]
+			},
+			"description": "The default value (uncontrolled)."
+		},
 		"validationBehavior": {
 			"type": "\"native\" | \"aria\"",
 			"detailedType": "'native' | 'aria' | undefined",
@@ -367,14 +401,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: CheckboxGroupRenderProps) => string",
-			"detailedType": "string | (values: CheckboxGroupRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: CheckboxGroupRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: CheckboxGroupRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -392,48 +427,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: CheckboxGroupRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: CheckboxGroupRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", CheckboxGroupRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', CheckboxGroupRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "CheckboxGroupRenderProps",
-									"name": "CheckboxGroupRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CheckboxGroupRenderProps",
+								"name": "CheckboxGroupRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -530,6 +567,68 @@
 					"description": "State of the checkbox group."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CheckboxGroupRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CheckboxGroupRenderProps",
+			"name": "CheckboxGroupRenderProps",
+			"extends": [],
+			"properties": {
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox group is disabled."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox group is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox group is required."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox group is invalid."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+checkbox@3.7.5_react@19.2.1/node_modules/@react-stately/checkbox/dist/types.d.ts:CheckboxGroup.State",
+						"name": "CheckboxGroup.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the checkbox group."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/checkbox.json b/www/src/modules/references/generated/checkbox.json
index 31204773f..b0e98d90c 100644
--- a/www/src/modules/references/generated/checkbox.json
+++ b/www/src/modules/references/generated/checkbox.json
@@ -382,6 +382,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: CheckboxRenderProps) => string",
+			"detailedType": "string | (values: CheckboxRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "CheckboxRenderProps",
+									"name": "CheckboxRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Checkbox'"
+		},
 		"inputRef": {
 			"type": "RefObject<HTMLInputElement | null>",
 			"detailedType": "RefObject<HTMLInputElement | null> | undefined",
@@ -425,6 +459,14 @@
 			},
 			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
 		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input is disabled."
+		},
 		"autoFocus": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -433,21 +475,21 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-controls": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -465,62 +507,13 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-errormessage": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
-		"onChange": {
-			"type": "((isSelected: boolean) => void)",
-			"detailedType": "((isSelected: boolean) => void) | undefined",
-			"typeAst": {
-				"type": "function",
-				"parameters": [
-					{
-						"type": "parameter",
-						"name": "isSelected",
-						"value": {
-							"type": "link",
-							"id": "boolean",
-							"name": "boolean"
-						},
-						"optional": false,
-						"rest": false
-					}
-				],
-				"return": {
-					"type": "void"
-				},
-				"typeParameters": []
-			},
-			"description": "Handler that is called when the element's selection state changes."
-		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input is disabled."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
 		"name": {
 			"type": "string",
@@ -546,6 +539,14 @@
 			},
 			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
 		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
 		"isIndeterminate": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -570,6 +571,31 @@
 			},
 			"description": "Whether the element should be selected (controlled)."
 		},
+		"onChange": {
+			"type": "((isSelected: boolean) => void)",
+			"detailedType": "((isSelected: boolean) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "isSelected",
+						"value": {
+							"type": "link",
+							"id": "boolean",
+							"name": "boolean"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the element's selection state changes."
+		},
 		"isReadOnly": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -646,6 +672,14 @@
 			},
 			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
 		},
+		"aria-errormessage": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides an error message for the object."
+		},
 		"validationBehavior": {
 			"type": "\"native\" | \"aria\"",
 			"detailedType": "'native' | 'aria' | undefined",
@@ -699,14 +733,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: CheckboxRenderProps) => string",
-			"detailedType": "string | (values: CheckboxRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: CheckboxRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: CheckboxRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -724,48 +759,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: CheckboxRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: CheckboxRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"label\", CheckboxRenderProps>",
+			"detailedType": "| DOMRenderFunction<'label', CheckboxRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "CheckboxRenderProps",
-									"name": "CheckboxRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "label"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CheckboxRenderProps",
+								"name": "CheckboxRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -830,6 +867,112 @@
 		}
 	},
 	"typeLinks": {
+		"CheckboxRenderProps": {
+			"type": "interface",
+			"name": "CheckboxRenderProps",
+			"properties": {
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox is selected."
+				},
+				"isIndeterminate": {
+					"type": "property",
+					"name": "isIndeterminate",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox is indeterminate."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox is currently in a pressed state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox is disabled."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox is read only."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox invalid."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox is required."
+				}
+			}
+		},
 		"PressEvent": {
 			"type": "interface",
 			"name": "PressEvent",
@@ -927,6 +1070,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
@@ -979,9 +1133,11 @@
 				}
 			}
 		},
-		"CheckboxRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CheckboxRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CheckboxRenderProps",
 			"name": "CheckboxRenderProps",
+			"extends": [],
 			"properties": {
 				"isSelected": {
 					"type": "property",
@@ -1083,7 +1239,9 @@
 					"readonly": false,
 					"description": "Whether the checkbox is required."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/color-field.json b/www/src/modules/references/generated/color-field.json
index 1b9398b62..d8e294c93 100644
--- a/www/src/modules/references/generated/color-field.json
+++ b/www/src/modules/references/generated/color-field.json
@@ -141,6 +141,40 @@
 			},
 			"description": "Handler that is called when a key is released."
 		},
+		"className": {
+			"type": "string | (values: ColorFieldRenderProps) => string",
+			"detailedType": "string | (values: ColorFieldRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ColorFieldRenderProps",
+									"name": "ColorFieldRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ColorField'"
+		},
 		"channel": {
 			"type": "ColorChannel",
 			"detailedType": "ColorChannel | undefined",
@@ -167,7 +201,63 @@
 			},
 			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
 		},
-		"defaultValue": {
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input is disabled."
+		},
+		"autoFocus": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the element should receive focus on render."
+		},
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+		},
+		"name": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
+		},
+		"value": {
 			"type": "string | Color | null",
 			"detailedType": "string | Color | null | undefined",
 			"typeAst": {
@@ -184,20 +274,20 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 						"name": "Color"
 					}
 				]
 			},
-			"description": "The default value (uncontrolled)."
+			"description": "The current value (controlled)."
 		},
-		"autoFocus": {
+		"excludeFromTabOrder": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
 			"typeAst": {
 				"type": "boolean"
 			},
-			"description": "Whether the element should receive focus on render."
+			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
 		},
 		"id": {
 			"type": "string",
@@ -207,45 +297,164 @@
 			},
 			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"onChange": {
+			"type": "((color: Color | null) => void)",
+			"detailedType": "((color: Color | null) => void) | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "color",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "null"
+										},
+										{
+											"type": "link",
+											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+											"name": "Color"
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					}
+				]
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Handler that is called when the value changes."
 		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"isReadOnly": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "boolean"
 			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "Whether the input can be selected but not changed by the user."
 		},
-		"aria-errormessage": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"isRequired": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "boolean"
 			},
-			"description": "Identifies the element that provides an error message for the object."
+			"description": "Whether user input is required on the input before form submission."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"isInvalid": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "boolean"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "Whether the input value is invalid."
 		},
-		"aria-labelledby": {
+		"validate": {
+			"type": "((value: Color | null) => true | ValidationError | null | undefined)",
+			"detailedType": "| ((\n    value: Color | null,\n  ) => true | ValidationError | null | undefined)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "value",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "null"
+										},
+										{
+											"type": "link",
+											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+											"name": "Color"
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "union",
+							"elements": [
+								{
+									"type": "undefined"
+								},
+								{
+									"type": "null"
+								},
+								{
+									"type": "string"
+								},
+								{
+									"type": "booleanLiteral",
+									"value": true
+								},
+								{
+									"type": "array",
+									"elementType": {
+										"type": "string"
+									}
+								}
+							]
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
+		},
+		"aria-errormessage": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "Identifies the element that provides an error message for the object."
+		},
+		"defaultValue": {
+			"type": "string | Color | null",
+			"detailedType": "string | Color | null | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+						"name": "Color"
+					}
+				]
+			},
+			"description": "The default value (uncontrolled)."
 		},
 		"onCopy": {
 			"type": "ClipboardEventHandler<HTMLInputElement>",
@@ -409,47 +618,6 @@
 			},
 			"description": "Handler that is called when a new character is received in the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."
 		},
-		"onChange": {
-			"type": "((color: Color | null) => void)",
-			"detailedType": "((color: Color | null) => void) | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "color",
-								"value": {
-									"type": "union",
-									"elements": [
-										{
-											"type": "null"
-										},
-										{
-											"type": "link",
-											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
-											"name": "Color"
-										}
-									]
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
-							"type": "void"
-						},
-						"typeParameters": []
-					}
-				]
-			},
-			"description": "Handler that is called when the value changes."
-		},
 		"onBeforeInput": {
 			"type": "FormEventHandler<HTMLInputElement>",
 			"detailedType": "FormEventHandler<HTMLInputElement> | undefined",
@@ -531,140 +699,6 @@
 			},
 			"description": "Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input is disabled."
-		},
-		"name": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
-		},
-		"value": {
-			"type": "string | Color | null",
-			"detailedType": "string | Color | null | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "null"
-					},
-					{
-						"type": "string"
-					},
-					{
-						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
-						"name": "Color"
-					}
-				]
-			},
-			"description": "The current value (controlled)."
-		},
-		"excludeFromTabOrder": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
-		},
-		"isReadOnly": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input can be selected but not changed by the user."
-		},
-		"isRequired": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether user input is required on the input before form submission."
-		},
-		"isInvalid": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input value is invalid."
-		},
-		"validate": {
-			"type": "((value: Color | null) => true | ValidationError | null | undefined)",
-			"detailedType": "| ((\n    value: Color | null,\n  ) => true | ValidationError | null | undefined)\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "value",
-								"value": {
-									"type": "union",
-									"elements": [
-										{
-											"type": "null"
-										},
-										{
-											"type": "link",
-											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
-											"name": "Color"
-										}
-									]
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
-							"type": "union",
-							"elements": [
-								{
-									"type": "undefined"
-								},
-								{
-									"type": "null"
-								},
-								{
-									"type": "string"
-								},
-								{
-									"type": "booleanLiteral",
-									"value": true
-								},
-								{
-									"type": "array",
-									"elementType": {
-										"type": "string"
-									}
-								}
-							]
-						},
-						"typeParameters": []
-					}
-				]
-			},
-			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
-		},
 		"isWheelDisabled": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -726,39 +760,6 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ColorFieldRenderProps) => string",
-			"detailedType": "string | (values: ColorFieldRenderProps) => string | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "string"
-					},
-					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ColorFieldRenderProps",
-									"name": "ColorFieldRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
-							"type": "string"
-						},
-						"typeParameters": []
-					}
-				]
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
-		},
 		"style": {
 			"type": "CSSProperties | (values: ColorFieldRenderProps) => CSSProperties",
 			"detailedType": "CSSProperties | (values: ColorFieldRenderProps) => CSSProperties | undefined",
@@ -786,13 +787,49 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "CSSProperties"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ColorFieldRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ColorFieldRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorFieldRenderProps",
+								"name": "ColorFieldRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -823,15 +860,91 @@
 			"selector": "[data-invalid]",
 			"description": "Whether the color field is invalid."
 		},
+		"isReadOnly": {
+			"selector": "[data-readonly]",
+			"description": "Whether the color field is read only."
+		},
+		"isRequired": {
+			"selector": "[data-required]",
+			"description": "Whether the color field is required."
+		},
 		"channel": {
 			"selector": "[data-channel=\"hex | hue | saturation | ...\"]",
 			"description": "The color channel that this field edits, or \"hex\" if no `channel` prop is set."
 		}
 	},
 	"typeLinks": {
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
+		"ColorFieldRenderProps": {
+			"type": "interface",
+			"name": "ColorFieldRenderProps",
+			"properties": {
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the color field is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the color field is invalid."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the color field is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the color field is required."
+				},
+				"channel": {
+					"type": "property",
+					"name": "channel",
+					"value": {
+						"type": "identifier",
+						"name": "\"hex\" | ColorChannel"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The color channel that this field edits, or \"hex\" if no `channel` prop is set."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "ColorField.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the color field."
+				}
+			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 			"name": "ColorChannelRange",
 			"extends": [],
 			"properties": {
@@ -1396,9 +1509,9 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 			"name": "Color",
 			"extends": [],
 			"properties": {
@@ -1421,7 +1534,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -1547,7 +1660,7 @@
 						"parameters": [],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -1622,7 +1735,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -1649,7 +1762,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 							"name": "ColorChannelRange"
 						},
 						"typeParameters": []
@@ -2439,7 +2552,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "none"
+										"value": "forward"
 									}
 								]
 							},
@@ -2448,7 +2561,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "forward"
+										"value": "backward"
 									}
 								]
 							},
@@ -2457,7 +2570,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "backward"
+										"value": "none"
 									}
 								]
 							}
@@ -2804,7 +2917,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "none"
+													"value": "forward"
 												}
 											]
 										},
@@ -2813,7 +2926,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "forward"
+													"value": "backward"
 												}
 											]
 										},
@@ -2822,7 +2935,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "backward"
+													"value": "none"
 												}
 											]
 										}
@@ -2949,10 +3062,6 @@
 												"type": "identifier",
 												"name": "\"error\""
 											},
-											{
-												"type": "identifier",
-												"name": "\"copy\""
-											},
 											{
 												"type": "identifier",
 												"name": "\"submit\""
@@ -3057,6 +3166,10 @@
 												"type": "identifier",
 												"name": "\"contextrestored\""
 											},
+											{
+												"type": "identifier",
+												"name": "\"copy\""
+											},
 											{
 												"type": "identifier",
 												"name": "\"cuechange\""
@@ -3469,15 +3582,6 @@
 												}
 											]
 										},
-										{
-											"type": "union",
-											"elements": [
-												{
-													"type": "stringLiteral",
-													"value": "copy"
-												}
-											]
-										},
 										{
 											"type": "union",
 											"elements": [
@@ -3712,6 +3816,15 @@
 												}
 											]
 										},
+										{
+											"type": "union",
+											"elements": [
+												{
+													"type": "stringLiteral",
+													"value": "copy"
+												}
+											]
+										},
 										{
 											"type": "union",
 											"elements": [
@@ -4436,10 +4549,6 @@
 												"type": "identifier",
 												"name": "\"error\""
 											},
-											{
-												"type": "identifier",
-												"name": "\"copy\""
-											},
 											{
 												"type": "identifier",
 												"name": "\"submit\""
@@ -4544,6 +4653,10 @@
 												"type": "identifier",
 												"name": "\"contextrestored\""
 											},
+											{
+												"type": "identifier",
+												"name": "\"copy\""
+											},
 											{
 												"type": "identifier",
 												"name": "\"cuechange\""
@@ -4956,15 +5069,6 @@
 												}
 											]
 										},
-										{
-											"type": "union",
-											"elements": [
-												{
-													"type": "stringLiteral",
-													"value": "copy"
-												}
-											]
-										},
 										{
 											"type": "union",
 											"elements": [
@@ -5199,6 +5303,15 @@
 												}
 											]
 										},
+										{
+											"type": "union",
+											"elements": [
+												{
+													"type": "stringLiteral",
+													"value": "copy"
+												}
+											]
+										},
 										{
 											"type": "union",
 											"elements": [
@@ -19970,9 +20083,11 @@
 			"typeParameters": [],
 			"description": "The **`HTMLInputElement`** interface provides special properties and methods for manipulating the options, layout, and presentation of input elements.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLInputElement)"
 		},
-		"ColorFieldRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorFieldRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorFieldRenderProps",
 			"name": "ColorFieldRenderProps",
+			"extends": [],
 			"properties": {
 				"isDisabled": {
 					"type": "property",
@@ -19994,12 +20109,114 @@
 					"readonly": false,
 					"description": "Whether the color field is invalid."
 				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the color field is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the color field is required."
+				},
 				"channel": {
 					"type": "property",
 					"name": "channel",
 					"value": {
-						"type": "identifier",
-						"name": "\"hex\" | ColorChannel"
+						"type": "union",
+						"elements": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "hex"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "hue"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "saturation"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "brightness"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "lightness"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "red"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "green"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "blue"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "alpha"
+									}
+								]
+							}
+						]
 					},
 					"optional": false,
 					"readonly": false,
@@ -20009,14 +20226,17 @@
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+color@3.9.5_react@19.2.1/node_modules/@react-stately/color/dist/types.d.ts:ColorField.State",
 						"name": "ColorField.State"
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the color field."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/color-picker-content.json b/www/src/modules/references/generated/color-picker-content.json
index 77d4c7918..ef933016e 100644
--- a/www/src/modules/references/generated/color-picker-content.json
+++ b/www/src/modules/references/generated/color-picker-content.json
@@ -2,6 +2,15 @@
 	"name": "ColorPickerContentProps",
 	"description": "Missing description.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-Dialog'"
+		},
 		"children": {
 			"type": "ReactNode | ((opts: DialogRenderProps) => ReactNode)",
 			"typeAst": {
@@ -70,7 +79,7 @@
 								"name": "opts",
 								"value": {
 									"type": "link",
-									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
 									"name": "DialogRenderProps"
 								},
 								"optional": false,
@@ -146,14 +155,6 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -181,6 +182,40 @@
 				]
 			},
 			"description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"section\", undefined>",
+			"detailedType": "DOMRenderFunction<'section', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "section"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -319,9 +354,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -831,9 +866,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -845,9 +880,9 @@
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
 			"name": "DialogRenderProps",
 			"extends": [],
 			"properties": {
diff --git a/www/src/modules/references/generated/color-picker-trigger.json b/www/src/modules/references/generated/color-picker-trigger.json
index fa4877b7b..53f0208e4 100644
--- a/www/src/modules/references/generated/color-picker-trigger.json
+++ b/www/src/modules/references/generated/color-picker-trigger.json
@@ -444,6 +444,14 @@
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the button is disabled."
+		},
 		"autoFocus": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -452,149 +460,107 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"className": {
-			"type": "string | (values: ButtonRenderProps) => string",
-			"detailedType": "string | (values: ButtonRenderProps) => string | undefined",
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "string"
-					},
-					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ButtonRenderProps",
-									"name": "ButtonRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
-							"type": "string"
-						},
-						"typeParameters": []
-					}
-				]
+				"type": "string"
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "Defines a string value that labels the current element."
 		},
-		"id": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"aria-controls": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-current": {
-			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
-			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"button\", ButtonRenderProps>",
+			"detailedType": "| DOMRenderFunction<'button', ButtonRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
-					{
-						"type": "boolean"
-					},
 					{
 						"type": "undefined"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "time"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "step"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
 							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "button"
+									}
+								]
+							},
 							{
-								"type": "stringLiteral",
-								"value": "page"
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ButtonRenderProps",
+								"name": "ButtonRenderProps"
 							}
 						]
-					},
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
+		"className": {
+			"type": "string | (values: ButtonRenderProps) => string",
+			"detailedType": "string | (values: ButtonRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "location"
-							}
-						]
+						"type": "string"
 					},
 					{
-						"type": "union",
-						"elements": [
+						"type": "function",
+						"parameters": [
 							{
-								"type": "stringLiteral",
-								"value": "date"
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ButtonRenderProps",
+									"name": "ButtonRenderProps"
+								},
+								"optional": false,
+								"rest": false
 							}
-						]
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
 					}
 				]
 			},
-			"description": "Indicates whether this element represents the current item within a container or set of related elements."
-		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that describes the object."
-		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Button'"
 		},
 		"aria-disabled": {
 			"type": "boolean | \"true\" | \"false\"",
@@ -743,21 +709,13 @@
 			},
 			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
 		"aria-pressed": {
 			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
@@ -802,13 +760,84 @@
 			},
 			"description": "Indicates the current \"pressed\" state of toggle buttons."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
+		"aria-current": {
+			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
+			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
 			"typeAst": {
-				"type": "boolean"
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "time"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "step"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "page"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "location"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "date"
+							}
+						]
+					}
+				]
 			},
-			"description": "Whether the button is disabled."
+			"description": "Indicates whether this element represents the current item within a container or set of related elements."
 		},
 		"type": {
 			"type": "\"button\" | \"submit\" | \"reset\"",
@@ -842,10 +871,56 @@
 			"description": "Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative keyboard interaction is provided,\nsuch as ComboBox's MenuTrigger or a NumberField's increment/decrement control."
 		},
 		"formAction": {
-			"type": "string",
-			"detailedType": "string | undefined",
+			"type": "string | ((formData: FormData) => void | Promise<void>)",
+			"detailedType": "| string\n| ((formData: FormData) => void | Promise<void>)\n| undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "formData",
+								"value": {
+									"type": "link",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData",
+									"name": "FormData"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "union",
+							"elements": [
+								{
+									"type": "void"
+								},
+								{
+									"type": "application",
+									"base": {
+										"type": "link",
+										"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es5.d.ts:Promise",
+										"name": "Promise"
+									},
+									"typeParameters": [
+										{
+											"type": "void"
+										}
+									]
+								}
+							]
+						},
+						"typeParameters": []
+					}
+				]
 			},
 			"description": "The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."
 		},
@@ -905,9 +980,17 @@
 			},
 			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
 		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
 		"variant": {
-			"type": "\"link\" | \"danger\" | \"warning\" | \"default\" | \"primary\" | \"quiet\"",
-			"detailedType": "| 'link'\n| 'danger'\n| 'warning'\n| 'default'\n| 'primary'\n| 'quiet'\n| undefined",
+			"type": "\"link\" | \"danger\" | \"warning\" | \"primary\" | \"default\" | \"quiet\"",
+			"detailedType": "| 'link'\n| 'danger'\n| 'warning'\n| 'primary'\n| 'default'\n| 'quiet'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -925,11 +1008,11 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "default"
+						"value": "primary"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "primary"
+						"value": "default"
 					},
 					{
 						"type": "stringLiteral",
@@ -1159,6 +1242,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
@@ -1172,6 +1266,471 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ButtonRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ButtonRenderProps",
+			"name": "ButtonRenderProps",
+			"extends": [],
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently in a pressed state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is disabled."
+				},
+				"isPending": {
+					"type": "property",
+					"name": "isPending",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently in a pending state."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData",
+			"name": "FormData",
+			"extends": [],
+			"properties": {
+				"append": {
+					"type": "method",
+					"name": "append",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "value",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "string"
+										},
+										{
+											"type": "link",
+											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:Blob",
+											"name": "Blob"
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`append()`** method of the FormData interface appends a new value onto an existing key inside a `FormData` object, or adds the key if it does not already exist.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/append)"
+				},
+				"delete": {
+					"type": "method",
+					"name": "delete",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`delete()`** method of the FormData interface deletes a key and its value(s) from a `FormData` object.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/delete)"
+				},
+				"get": {
+					"type": "method",
+					"name": "get",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "union",
+							"elements": [
+								{
+									"type": "null"
+								},
+								{
+									"type": "string"
+								},
+								{
+									"type": "link",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:File",
+									"name": "File"
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`get()`** method of the FormData interface returns the first value associated with a given key from within a `FormData` object.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/get)"
+				},
+				"getAll": {
+					"type": "method",
+					"name": "getAll",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "array",
+							"elementType": {
+								"type": "identifier",
+								"name": "FormDataEntryValue"
+							}
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`getAll()`** method of the FormData interface returns all the values associated with a given key from within a `FormData` object.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/getAll)"
+				},
+				"has": {
+					"type": "method",
+					"name": "has",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "boolean"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`has()`** method of the FormData interface returns whether a `FormData` object contains a certain key.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/has)"
+				},
+				"set": {
+					"type": "method",
+					"name": "set",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "value",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "string"
+										},
+										{
+											"type": "link",
+											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:Blob",
+											"name": "Blob"
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`set()`** method of the FormData interface sets a new value for an existing key inside a `FormData` object, or adds the key/value if it does not already exist.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/set)"
+				},
+				"forEach": {
+					"type": "method",
+					"name": "forEach",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "callbackfn",
+								"value": {
+									"type": "function",
+									"parameters": [
+										{
+											"type": "parameter",
+											"name": "value",
+											"value": {
+												"type": "identifier",
+												"name": "FormDataEntryValue"
+											},
+											"optional": false,
+											"rest": false
+										},
+										{
+											"type": "parameter",
+											"name": "key",
+											"value": {
+												"type": "string"
+											},
+											"optional": false,
+											"rest": false
+										},
+										{
+											"type": "parameter",
+											"name": "parent",
+											"value": {
+												"type": "link",
+												"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData",
+												"name": "FormData"
+											},
+											"optional": false,
+											"rest": false
+										}
+									],
+									"return": {
+										"type": "void"
+									},
+									"typeParameters": []
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "thisArg",
+								"value": {
+									"type": "any"
+								},
+								"optional": true,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": ""
+				},
+				"entries": {
+					"type": "method",
+					"name": "entries",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "tuple",
+									"elements": [
+										{
+											"type": "identifier",
+											"name": "string"
+										},
+										{
+											"type": "identifier",
+											"name": "FormDataEntryValue"
+										}
+									]
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "Returns an array of key, value pairs for every entry in the list."
+				},
+				"keys": {
+					"type": "method",
+					"name": "keys",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "string"
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "Returns a list of keys in the list."
+				},
+				"values": {
+					"type": "method",
+					"name": "values",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "identifier",
+									"name": "FormDataEntryValue"
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "Returns a list of values in the list."
+				},
+				"__@iterator@68": {
+					"type": "method",
+					"name": "__@iterator@68",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "tuple",
+									"elements": [
+										{
+											"type": "identifier",
+											"name": "string"
+										},
+										{
+											"type": "identifier",
+											"name": "FormDataEntryValue"
+										}
+									]
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": ""
+				}
+			},
+			"typeParameters": [],
+			"description": "The **`FormData`** interface provides a way to construct a set of key/value pairs representing form fields and their values, which can be sent using the Window/fetch, XMLHttpRequest.send() or navigator.sendBeacon() methods.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData)"
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
diff --git a/www/src/modules/references/generated/color-picker.json b/www/src/modules/references/generated/color-picker.json
index 66692585a..296aed6e9 100644
--- a/www/src/modules/references/generated/color-picker.json
+++ b/www/src/modules/references/generated/color-picker.json
@@ -2,6 +2,41 @@
 	"name": "ColorPickerProps",
 	"description": "A ColorPicker synchronizes a color value between multiple React Aria color components.\nIt simplifies building color pickers with customizable layouts via composition.",
 	"props": {
+		"children": {
+			"type": "ReactNode | (values: ColorPickerRenderProps) => ReactNode",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "identifier",
+						"name": "ReactNode"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ColorPickerRenderProps",
+									"name": "ColorPickerRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "identifier",
+							"name": "ReactNode"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The children of the component. A function may be provided to alter the children based on component state.",
+			"required": true
+		},
 		"value": {
 			"type": "string | Color",
 			"detailedType": "string | Color | undefined",
@@ -16,7 +51,7 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 						"name": "Color"
 					}
 				]
@@ -37,7 +72,7 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 						"name": "Color"
 					}
 				]
@@ -88,40 +123,6 @@
 			},
 			"description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent."
 		},
-		"children": {
-			"type": "ReactNode | (values: ColorPickerRenderProps) => ReactNode",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "identifier",
-						"name": "ReactNode"
-					},
-					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ColorPickerRenderProps",
-									"name": "ColorPickerRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
-							"type": "identifier",
-							"name": "ReactNode"
-						},
-						"typeParameters": []
-					}
-				]
-			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
-		},
 		"isOpen": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -165,9 +166,26 @@
 		}
 	},
 	"typeLinks": {
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
+		"ColorPickerRenderProps": {
+			"type": "interface",
+			"name": "ColorPickerRenderProps",
+			"properties": {
+				"color": {
+					"type": "property",
+					"name": "color",
+					"value": {
+						"type": "identifier",
+						"name": "Color"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The currently selected color."
+				}
+			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 			"name": "ColorChannelRange",
 			"extends": [],
 			"properties": {
@@ -732,9 +750,9 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 			"name": "Color",
 			"extends": [],
 			"properties": {
@@ -757,7 +775,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -883,7 +901,7 @@
 						"parameters": [],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -958,7 +976,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -985,7 +1003,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 							"name": "ColorChannelRange"
 						},
 						"typeParameters": []
@@ -1383,23 +1401,6 @@
 			},
 			"typeParameters": [],
 			"description": "Represents a color value."
-		},
-		"ColorPickerRenderProps": {
-			"type": "interface",
-			"name": "ColorPickerRenderProps",
-			"properties": {
-				"color": {
-					"type": "property",
-					"name": "color",
-					"value": {
-						"type": "identifier",
-						"name": "Color"
-					},
-					"optional": false,
-					"readonly": false,
-					"description": "The currently selected color."
-				}
-			}
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/color-slider-control.json b/www/src/modules/references/generated/color-slider-control.json
index 5aa4d50ab..00a0f3ec9 100644
--- a/www/src/modules/references/generated/color-slider-control.json
+++ b/www/src/modules/references/generated/color-slider-control.json
@@ -77,14 +77,14 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
-		"children": {
-			"type": "ReactNode | (values: SliderTrackRenderProps) => ReactNode",
+		"className": {
+			"type": "string | (values: SliderTrackRenderProps) => string",
+			"detailedType": "string | (values: SliderTrackRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "ReactNode"
+						"type": "string"
 					},
 					{
 						"type": "function",
@@ -102,23 +102,23 @@
 							}
 						],
 						"return": {
-							"type": "identifier",
-							"name": "ReactNode"
+							"type": "string"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-SliderTrack'"
 		},
-		"className": {
-			"type": "string | (values: SliderTrackRenderProps) => string",
-			"detailedType": "string | (values: SliderTrackRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: SliderTrackRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -136,13 +136,14 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
 		"style": {
 			"type": "CSSProperties | (values: SliderTrackRenderProps) => CSSProperties",
@@ -178,9 +179,93 @@
 				]
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", SliderTrackRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', SliderTrackRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderTrackRenderProps",
+								"name": "SliderTrackRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
+		"SliderTrackRenderProps": {
+			"type": "interface",
+			"name": "SliderTrackRenderProps",
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the slider track is currently hovered with a mouse."
+				},
+				"orientation": {
+					"type": "property",
+					"name": "orientation",
+					"value": {
+						"type": "identifier",
+						"name": "Orientation"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The orientation of the slider."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the slider is disabled."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "SliderState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the slider."
+				}
+			}
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -220,9 +305,17 @@
 				}
 			}
 		},
-		"SliderTrackRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderTrackRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderTrackRenderProps",
 			"name": "SliderTrackRenderProps",
+			"extends": [
+				{
+					"type": "link",
+					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderRenderProps",
+					"name": "SliderRenderProps"
+				}
+			],
 			"properties": {
 				"isHovered": {
 					"type": "property",
@@ -259,14 +352,17 @@
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+slider@3.7.5_react@19.2.1/node_modules/@react-stately/slider/dist/types.d.ts:SliderState",
 						"name": "SliderState"
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the slider."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/color-slider-output.json b/www/src/modules/references/generated/color-slider-output.json
index 68c98ed4c..8a32e952d 100644
--- a/www/src/modules/references/generated/color-slider-output.json
+++ b/www/src/modules/references/generated/color-slider-output.json
@@ -2,14 +2,14 @@
 	"name": "ColorSliderOutputProps",
 	"description": "A slider output displays the current value of a slider as text.",
 	"props": {
-		"children": {
-			"type": "ReactNode | (values: SliderRenderProps) => ReactNode",
+		"className": {
+			"type": "string | (values: SliderRenderProps) => string",
+			"detailedType": "string | (values: SliderRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "ReactNode"
+						"type": "string"
 					},
 					{
 						"type": "function",
@@ -27,23 +27,23 @@
 							}
 						],
 						"return": {
-							"type": "identifier",
-							"name": "ReactNode"
+							"type": "string"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-SliderOutput'"
 		},
-		"className": {
-			"type": "string | (values: SliderRenderProps) => string",
-			"detailedType": "string | (values: SliderRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: SliderRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -61,13 +61,14 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
 		"style": {
 			"type": "CSSProperties | (values: SliderRenderProps) => CSSProperties",
@@ -103,6 +104,42 @@
 				]
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"output\", SliderRenderProps>",
+			"detailedType": "| DOMRenderFunction<'output', SliderRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "output"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderRenderProps",
+								"name": "SliderRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -143,6 +180,49 @@
 					"description": "State of the slider."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderRenderProps",
+			"name": "SliderRenderProps",
+			"extends": [],
+			"properties": {
+				"orientation": {
+					"type": "property",
+					"name": "orientation",
+					"value": {
+						"type": "identifier",
+						"name": "Orientation"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The orientation of the slider."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the slider is disabled."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+slider@3.7.5_react@19.2.1/node_modules/@react-stately/slider/dist/types.d.ts:SliderState",
+						"name": "SliderState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the slider."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/color-slider.json b/www/src/modules/references/generated/color-slider.json
index 42ed11288..6f5e4433b 100644
--- a/www/src/modules/references/generated/color-slider.json
+++ b/www/src/modules/references/generated/color-slider.json
@@ -2,42 +2,71 @@
 	"name": "ColorSliderProps",
 	"description": "A color slider allows users to adjust an individual channel of a color value.",
 	"props": {
-		"form": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
-		},
-		"defaultValue": {
-			"type": "string | Color",
-			"detailedType": "string | Color | undefined",
+		"className": {
+			"type": "string | (values: ColorSliderRenderProps) => string",
+			"detailedType": "string | (values: ColorSliderRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
-					{
-						"type": "undefined"
-					},
 					{
 						"type": "string"
 					},
 					{
-						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
-						"name": "Color"
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ColorSliderRenderProps",
+									"name": "ColorSliderRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
 					}
 				]
 			},
-			"description": "The default value (uncontrolled)."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ColorSlider'"
 		},
-		"id": {
+		"form": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
+		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the whole Slider is disabled."
+		},
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -55,21 +84,42 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-label": {
+		"name": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
 		},
-		"aria-labelledby": {
+		"value": {
+			"type": "string | Color",
+			"detailedType": "string | Color | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+						"name": "Color"
+					}
+				]
+			},
+			"description": "The current value (controlled)."
+		},
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"onChange": {
 			"type": "((value: Color) => void)",
@@ -96,23 +146,7 @@
 			},
 			"description": "Handler that is called when the value changes, as the user drags."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the whole Slider is disabled."
-		},
-		"name": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
-		},
-		"value": {
+		"defaultValue": {
 			"type": "string | Color",
 			"detailedType": "string | Color | undefined",
 			"typeAst": {
@@ -126,12 +160,12 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 						"name": "Color"
 					}
 				]
 			},
-			"description": "The current value (controlled)."
+			"description": "The default value (uncontrolled)."
 		},
 		"onChangeEnd": {
 			"type": "((value: Color) => void)",
@@ -220,14 +254,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ColorSliderRenderProps) => string",
-			"detailedType": "string | (values: ColorSliderRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ColorSliderRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ColorSliderRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -245,48 +280,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ColorSliderRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ColorSliderRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ColorSliderRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ColorSliderRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ColorSliderRenderProps",
-									"name": "ColorSliderRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSliderRenderProps",
+								"name": "ColorSliderRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -319,9 +356,47 @@
 		}
 	},
 	"typeLinks": {
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
+		"ColorSliderRenderProps": {
+			"type": "interface",
+			"name": "ColorSliderRenderProps",
+			"properties": {
+				"orientation": {
+					"type": "property",
+					"name": "orientation",
+					"value": {
+						"type": "identifier",
+						"name": "Orientation"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The orientation of the color slider."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the color slider is disabled."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "ColorSlider.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the color slider."
+				}
+			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 			"name": "ColorChannelRange",
 			"extends": [],
 			"properties": {
@@ -886,9 +961,9 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 			"name": "Color",
 			"extends": [],
 			"properties": {
@@ -911,7 +986,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -1037,7 +1112,7 @@
 						"parameters": [],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -1112,7 +1187,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -1139,7 +1214,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 							"name": "ColorChannelRange"
 						},
 						"typeParameters": []
@@ -1538,9 +1613,11 @@
 			"typeParameters": [],
 			"description": "Represents a color value."
 		},
-		"ColorSliderRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSliderRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSliderRenderProps",
 			"name": "ColorSliderRenderProps",
+			"extends": [],
 			"properties": {
 				"orientation": {
 					"type": "property",
@@ -1567,14 +1644,17 @@
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+color@3.9.5_react@19.2.1/node_modules/@react-stately/color/dist/types.d.ts:ColorSlider.State",
 						"name": "ColorSlider.State"
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the color slider."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/color-swatch-picker-item.json b/www/src/modules/references/generated/color-swatch-picker-item.json
index a77477eb1..6ba21f33c 100644
--- a/www/src/modules/references/generated/color-swatch-picker-item.json
+++ b/www/src/modules/references/generated/color-swatch-picker-item.json
@@ -243,6 +243,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: ColorSwatchPickerItemRenderProps) => string",
+			"detailedType": "string | (values: ColorSwatchPickerItemRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ColorSwatchPickerItemRenderProps",
+									"name": "ColorSwatchPickerItemRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ColorSwatchPickerItem'"
+		},
 		"color": {
 			"type": "string | Color",
 			"typeAst": {
@@ -253,7 +287,7 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 						"name": "Color"
 					}
 				]
@@ -303,14 +337,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ColorSwatchPickerItemRenderProps) => string",
-			"detailedType": "string | (values: ColorSwatchPickerItemRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ColorSwatchPickerItemRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ColorSwatchPickerItemRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -328,48 +363,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ColorSwatchPickerItemRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ColorSwatchPickerItemRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ColorSwatchPickerItemRenderProps>",
+			"detailedType": "| DOMRenderFunction<\n    'div',\n    ColorSwatchPickerItemRenderProps\n  >\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ColorSwatchPickerItemRenderProps",
-									"name": "ColorSwatchPickerItemRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSwatchPickerItemRenderProps",
+								"name": "ColorSwatchPickerItemRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -411,9 +448,119 @@
 		}
 	},
 	"typeLinks": {
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
+		"ColorSwatchPickerItemRenderProps": {
+			"type": "interface",
+			"name": "ColorSwatchPickerItemRenderProps",
+			"properties": {
+				"color": {
+					"type": "property",
+					"name": "color",
+					"value": {
+						"type": "identifier",
+						"name": "Color"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The color of the swatch."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is non-interactive, i.e. both selection and actions are disabled and the item may\nnot be focused. Dependent on `disabledKeys` and `disabledBehavior`."
+				},
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently selected."
+				},
+				"isDropTarget": {
+					"type": "property",
+					"name": "isDropTarget",
+					"value": {
+						"type": "identifier",
+						"name": "boolean | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item is currently an active drop target."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently keyboard focused."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently in a pressed state."
+				},
+				"allowsDragging": {
+					"type": "property",
+					"name": "allowsDragging",
+					"value": {
+						"type": "identifier",
+						"name": "boolean | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item allows dragging."
+				},
+				"isDragging": {
+					"type": "property",
+					"name": "isDragging",
+					"value": {
+						"type": "identifier",
+						"name": "boolean | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item is currently being dragged."
+				}
+			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 			"name": "ColorChannelRange",
 			"extends": [],
 			"properties": {
@@ -978,9 +1125,9 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 			"name": "Color",
 			"extends": [],
 			"properties": {
@@ -1003,7 +1150,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -1129,7 +1276,7 @@
 						"parameters": [],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -1204,7 +1351,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -1231,7 +1378,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 							"name": "ColorChannelRange"
 						},
 						"typeParameters": []
@@ -1630,15 +1777,46 @@
 			"typeParameters": [],
 			"description": "Represents a color value."
 		},
-		"ColorSwatchPickerItemRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSwatchPickerItemRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSwatchPickerItemRenderProps",
 			"name": "ColorSwatchPickerItemRenderProps",
+			"extends": [
+				{
+					"type": "application",
+					"base": {
+						"type": "identifier",
+						"name": "Omit"
+					},
+					"typeParameters": [
+						{
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxItemRenderProps",
+							"name": "ListBoxItemRenderProps"
+						},
+						{
+							"type": "union",
+							"elements": [
+								{
+									"type": "stringLiteral",
+									"value": "selectionBehavior"
+								},
+								{
+									"type": "stringLiteral",
+									"value": "selectionMode"
+								}
+							]
+						}
+					]
+				}
+			],
 			"properties": {
 				"color": {
 					"type": "property",
 					"name": "color",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 						"name": "Color"
 					},
 					"optional": false,
@@ -1669,8 +1847,15 @@
 					"type": "property",
 					"name": "isDropTarget",
 					"value": {
-						"type": "identifier",
-						"name": "boolean | undefined"
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
 					},
 					"optional": true,
 					"readonly": false,
@@ -1720,8 +1905,15 @@
 					"type": "property",
 					"name": "allowsDragging",
 					"value": {
-						"type": "identifier",
-						"name": "boolean | undefined"
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
 					},
 					"optional": true,
 					"readonly": false,
@@ -1731,14 +1923,23 @@
 					"type": "property",
 					"name": "isDragging",
 					"value": {
-						"type": "identifier",
-						"name": "boolean | undefined"
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
 					},
 					"optional": true,
 					"readonly": false,
 					"description": "Whether the item is currently being dragged."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		},
 		"HoverEvent": {
 			"type": "interface",
@@ -1876,6 +2077,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
diff --git a/www/src/modules/references/generated/color-swatch-picker.json b/www/src/modules/references/generated/color-swatch-picker.json
index 4a706fa2c..2d96d4cb5 100644
--- a/www/src/modules/references/generated/color-swatch-picker.json
+++ b/www/src/modules/references/generated/color-swatch-picker.json
@@ -2,6 +2,40 @@
 	"name": "ColorSwatchPickerProps",
 	"description": "A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.",
 	"props": {
+		"className": {
+			"type": "string | (values: ColorSwatchPickerRenderProps) => string",
+			"detailedType": "string | (values: ColorSwatchPickerRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ColorSwatchPickerRenderProps",
+									"name": "ColorSwatchPickerRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ColorSwatchPicker'"
+		},
 		"children": {
 			"type": "ReactNode",
 			"typeAst": {
@@ -43,7 +77,7 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 						"name": "Color"
 					}
 				]
@@ -64,7 +98,7 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 						"name": "Color"
 					}
 				]
@@ -128,14 +162,15 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"className": {
-			"type": "string | (values: ColorSwatchPickerRenderProps) => string",
-			"detailedType": "string | (values: ColorSwatchPickerRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ColorSwatchPickerRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ColorSwatchPickerRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -153,48 +188,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ColorSwatchPickerRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ColorSwatchPickerRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ColorSwatchPickerRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ColorSwatchPickerRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ColorSwatchPickerRenderProps",
-									"name": "ColorSwatchPickerRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSwatchPickerRenderProps",
+								"name": "ColorSwatchPickerRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -216,9 +253,67 @@
 		}
 	},
 	"typeLinks": {
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
+		"ColorSwatchPickerRenderProps": {
+			"type": "interface",
+			"name": "ColorSwatchPickerRenderProps",
+			"properties": {
+				"layout": {
+					"type": "property",
+					"name": "layout",
+					"value": {
+						"type": "identifier",
+						"name": "\"grid\" | \"stack\""
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the items are arranged in a stack or grid."
+				},
+				"isEmpty": {
+					"type": "property",
+					"name": "isEmpty",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox has no items and should display its empty state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently keyboard focused."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "ListState<unknown>"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the listbox."
+				}
+			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 			"name": "ColorChannelRange",
 			"extends": [],
 			"properties": {
@@ -783,9 +878,9 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 			"name": "Color",
 			"extends": [],
 			"properties": {
@@ -808,7 +903,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -934,7 +1029,7 @@
 						"parameters": [],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -1009,7 +1104,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -1036,7 +1131,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 							"name": "ColorChannelRange"
 						},
 						"typeParameters": []
@@ -1435,16 +1530,51 @@
 			"typeParameters": [],
 			"description": "Represents a color value."
 		},
-		"ColorSwatchPickerRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSwatchPickerRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSwatchPickerRenderProps",
 			"name": "ColorSwatchPickerRenderProps",
+			"extends": [
+				{
+					"type": "application",
+					"base": {
+						"type": "identifier",
+						"name": "Omit"
+					},
+					"typeParameters": [
+						{
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps",
+							"name": "ListBoxRenderProps"
+						},
+						{
+							"type": "union",
+							"elements": [
+								{
+									"type": "stringLiteral",
+									"value": "isDropTarget"
+								}
+							]
+						}
+					]
+				}
+			],
 			"properties": {
 				"layout": {
 					"type": "property",
 					"name": "layout",
 					"value": {
-						"type": "identifier",
-						"name": "\"grid\" | \"stack\""
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							},
+							{
+								"type": "stringLiteral",
+								"value": "stack"
+							}
+						]
 					},
 					"optional": false,
 					"readonly": false,
@@ -1484,14 +1614,25 @@
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
-						"name": "ListState<unknown>"
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+list@3.13.4_react@19.2.1/node_modules/@react-stately/list/dist/types.d.ts:ListState",
+							"name": "ListState"
+						},
+						"typeParameters": [
+							{
+								"type": "unknown"
+							}
+						]
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the listbox."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/color-swatch.json b/www/src/modules/references/generated/color-swatch.json
index c6dfece55..c0fe5a350 100644
--- a/www/src/modules/references/generated/color-swatch.json
+++ b/www/src/modules/references/generated/color-swatch.json
@@ -2,6 +2,40 @@
 	"name": "ColorSwatchProps",
 	"description": "A ColorSwatch displays a preview of a selected color.",
 	"props": {
+		"className": {
+			"type": "string | (values: ColorSwatchRenderProps) => string",
+			"detailedType": "string | (values: ColorSwatchRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ColorSwatchRenderProps",
+									"name": "ColorSwatchRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ColorSwatch'"
+		},
 		"color": {
 			"type": "string | Color",
 			"detailedType": "string | Color | undefined",
@@ -16,7 +50,7 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 						"name": "Color"
 					}
 				]
@@ -71,14 +105,15 @@
 			},
 			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
-		"className": {
-			"type": "string | (values: ColorSwatchRenderProps) => string",
-			"detailedType": "string | (values: ColorSwatchRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ColorSwatchRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ColorSwatchRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -96,48 +131,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ColorSwatchRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ColorSwatchRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ColorSwatchRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ColorSwatchRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ColorSwatchRenderProps",
-									"name": "ColorSwatchRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSwatchRenderProps",
+								"name": "ColorSwatchRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -160,9 +197,26 @@
 		}
 	},
 	"typeLinks": {
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
+		"ColorSwatchRenderProps": {
+			"type": "interface",
+			"name": "ColorSwatchRenderProps",
+			"properties": {
+				"color": {
+					"type": "property",
+					"name": "color",
+					"value": {
+						"type": "identifier",
+						"name": "Color"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The color of the swatch."
+				}
+			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 			"name": "ColorChannelRange",
 			"extends": [],
 			"properties": {
@@ -727,9 +781,9 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 			"name": "Color",
 			"extends": [],
 			"properties": {
@@ -752,7 +806,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -878,7 +932,7 @@
 						"parameters": [],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -953,7 +1007,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 							"name": "Color"
 						},
 						"typeParameters": []
@@ -980,7 +1034,7 @@
 						],
 						"return": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.2_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:ColorChannelRange",
 							"name": "ColorChannelRange"
 						},
 						"typeParameters": []
@@ -1379,22 +1433,27 @@
 			"typeParameters": [],
 			"description": "Represents a color value."
 		},
-		"ColorSwatchRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSwatchRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorSwatchRenderProps",
 			"name": "ColorSwatchRenderProps",
+			"extends": [],
 			"properties": {
 				"color": {
 					"type": "property",
 					"name": "color",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
 						"name": "Color"
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "The color of the swatch."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/color-thumb.json b/www/src/modules/references/generated/color-thumb.json
index 8ef04241d..703110cd6 100644
--- a/www/src/modules/references/generated/color-thumb.json
+++ b/www/src/modules/references/generated/color-thumb.json
@@ -145,6 +145,42 @@
 				]
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ColorThumbRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ColorThumbRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorThumbRenderProps",
+								"name": "ColorThumbRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -237,6 +273,78 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorThumbRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColorThumbRenderProps",
+			"name": "ColorThumbRenderProps",
+			"extends": [],
+			"properties": {
+				"color": {
+					"type": "property",
+					"name": "color",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+color@3.1.4_react@19.2.1/node_modules/@react-types/color/src/index.d.ts:Color",
+						"name": "Color"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The selected color, excluding the alpha channel."
+				},
+				"isDragging": {
+					"type": "property",
+					"name": "isDragging",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether this thumb is currently being dragged."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the thumb is currently hovered with a mouse."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the thumb is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the thumb is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the thumb is disabled."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
diff --git a/www/src/modules/references/generated/combobox-content.json b/www/src/modules/references/generated/combobox-content.json
index ae67106bd..04dcaae62 100644
--- a/www/src/modules/references/generated/combobox-content.json
+++ b/www/src/modules/references/generated/combobox-content.json
@@ -409,6 +409,40 @@
 			},
 			"description": "Whether the list box is in a loading state."
 		},
+		"className": {
+			"type": "string | (values: ListBoxRenderProps) => string",
+			"detailedType": "string | (values: ListBoxRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ListBoxRenderProps",
+									"name": "ListBoxRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ListBox'"
+		},
 		"selectionBehavior": {
 			"type": "SelectionBehavior",
 			"detailedType": "SelectionBehavior | undefined",
@@ -500,45 +534,45 @@
 			"description": "The primary orientation of the items. Usually this is the\ndirection that the collection scrolls.",
 			"default": "'vertical'"
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-describedby": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"aria-details": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-label": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-labelledby": {
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"shouldSelectOnPressUp": {
 			"type": "boolean",
@@ -619,14 +653,15 @@
 			},
 			"description": "Values that should invalidate the item cache when using dynamic collections."
 		},
-		"className": {
-			"type": "string | (values: ListBoxRenderProps) => string",
-			"detailedType": "string | (values: ListBoxRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -644,48 +679,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ListBoxRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ListBoxRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ListBoxRenderProps",
-									"name": "ListBoxRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps",
+								"name": "ListBoxRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -962,9 +999,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -1474,9 +1511,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -1487,6 +1524,96 @@
 			},
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps",
+			"name": "ListBoxRenderProps",
+			"extends": [],
+			"properties": {
+				"isEmpty": {
+					"type": "property",
+					"name": "isEmpty",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox has no items and should display its empty state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently keyboard focused."
+				},
+				"isDropTarget": {
+					"type": "property",
+					"name": "isDropTarget",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently the active drop target."
+				},
+				"layout": {
+					"type": "property",
+					"name": "layout",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							},
+							{
+								"type": "stringLiteral",
+								"value": "stack"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the items are arranged in a stack or grid."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+list@3.13.4_react@19.2.1/node_modules/@react-stately/list/dist/types.d.ts:ListState",
+							"name": "ListState"
+						},
+						"typeParameters": [
+							{
+								"type": "unknown"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the listbox."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/combobox-input.json b/www/src/modules/references/generated/combobox-input.json
index e6df9443c..f0f2e9837 100644
--- a/www/src/modules/references/generated/combobox-input.json
+++ b/www/src/modules/references/generated/combobox-input.json
@@ -108,6 +108,40 @@
 			"description": "The size of the input group.",
 			"default": "'md'"
 		},
+		"className": {
+			"type": "string | (values: GroupRenderProps) => string",
+			"detailedType": "string | (values: GroupRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "GroupRenderProps",
+									"name": "GroupRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Group'"
+		},
 		"isDisabled": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -187,9 +221,244 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
+		"aria-disabled": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+		},
+		"aria-expanded": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+		},
+		"aria-controls": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+		},
+		"aria-pressed": {
+			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
+			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "mixed"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the current \"pressed\" state of toggle buttons."
+		},
+		"aria-current": {
+			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
+			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "time"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "step"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "page"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "location"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "date"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the element that represents the current item within a container or set of related elements."
+		},
+		"aria-errormessage": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides an error message for the object."
+		},
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -203,27 +472,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -237,14 +506,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -379,93 +640,6 @@
 			},
 			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
 		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
-		},
-		"aria-current": {
-			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
-			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "time"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "step"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "page"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "location"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "date"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the element that represents the current item within a container or set of related elements."
-		},
 		"aria-description": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -474,15 +648,6 @@
 			},
 			"description": "Defines a string value that describes or annotates the current element."
 		},
-		"aria-disabled": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
-		},
 		"aria-dropeffect": {
 			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
 			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
@@ -517,23 +682,6 @@
 			},
 			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
 		},
-		"aria-errormessage": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
-		},
 		"aria-flowto": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -551,85 +699,6 @@
 			},
 			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
-		},
 		"aria-hidden": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -798,49 +867,6 @@
 			},
 			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
 		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
 		"aria-readonly": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -851,8 +877,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -862,19 +888,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -1058,14 +1084,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: GroupRenderProps) => string",
-			"detailedType": "string | (values: GroupRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: GroupRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: GroupRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -1083,48 +1110,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: GroupRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: GroupRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", GroupRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', GroupRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "GroupRenderProps",
-									"name": "GroupRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps",
+								"name": "GroupRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -1147,6 +1176,62 @@
 		}
 	},
 	"typeLinks": {
+		"GroupRenderProps": {
+			"type": "interface",
+			"name": "GroupRenderProps",
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is currently hovered with a mouse."
+				},
+				"isFocusWithin": {
+					"type": "property",
+					"name": "isFocusWithin",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether an element within the group is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether an element within the group is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is invalid."
+				}
+			}
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -1186,9 +1271,11 @@
 				}
 			}
 		},
-		"GroupRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps",
 			"name": "GroupRenderProps",
+			"extends": [],
 			"properties": {
 				"isHovered": {
 					"type": "property",
@@ -1240,7 +1327,9 @@
 					"readonly": false,
 					"description": "Whether the group is invalid."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/combobox.json b/www/src/modules/references/generated/combobox.json
index eca49b44a..ad45a464c 100644
--- a/www/src/modules/references/generated/combobox.json
+++ b/www/src/modules/references/generated/combobox.json
@@ -223,53 +223,32 @@
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"autoFocus": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the element should receive focus on render."
-		},
-		"id": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
-		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that describes the object."
-		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
-		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"disabledKeys": {
+			"type": "Iterable<Key>",
+			"detailedType": "Iterable<Key> | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterable",
+							"name": "Iterable"
+						},
+						"typeParameters": [
+							{
+								"type": "identifier",
+								"name": "Key"
+							}
+						]
+					}
+				]
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with."
 		},
 		"children": {
 			"type": "ReactNode | (values: ComboBoxRenderProps) => ReactNode",
@@ -305,9 +284,9 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"disabledKeys": {
-			"type": "Iterable<Key>",
-			"detailedType": "Iterable<Key> | undefined",
+		"items": {
+			"type": "Iterable<T>",
+			"detailedType": "Iterable<T> | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -323,18 +302,70 @@
 						},
 						"typeParameters": [
 							{
-								"type": "identifier",
-								"name": "Key"
+								"type": "typeParameter",
+								"name": "T",
+								"constraint": {
+									"type": "object"
+								},
+								"default": null
 							}
 						]
 					}
 				]
 			},
-			"description": "The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with."
+			"description": "The list of ComboBox items (controlled)."
 		},
-		"items": {
-			"type": "Iterable<T>",
-			"detailedType": "Iterable<T> | undefined",
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input is disabled."
+		},
+		"autoFocus": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the element should receive focus on render."
+		},
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ComboBoxRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ComboBoxRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -344,40 +375,67 @@
 					{
 						"type": "application",
 						"base": {
-							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterable",
-							"name": "Iterable"
+							"type": "identifier",
+							"name": "DOMRenderFunction"
 						},
 						"typeParameters": [
 							{
-								"type": "typeParameter",
-								"name": "T",
-								"constraint": {
-									"type": "object"
-								},
-								"default": null
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ComboBoxRenderProps",
+								"name": "ComboBoxRenderProps"
 							}
 						]
 					}
 				]
 			},
-			"description": "The list of ComboBox items (controlled)."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
+		"name": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "boolean"
+				"type": "string"
 			},
-			"description": "Whether the input is disabled."
+			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
 		},
-		"name": {
+		"value": {
+			"type": "Key | null",
+			"detailedType": "Key | null | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "number"
+					}
+				]
+			},
+			"description": "The current value (controlled)."
+		},
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"validationBehavior": {
 			"type": "\"native\" | \"aria\"",
@@ -398,6 +456,48 @@
 			"description": "Whether to use native HTML form validation to prevent form submission\nwhen the value is missing or invalid, or mark the field as required\nor invalid via ARIA.",
 			"default": "'native'"
 		},
+		"onChange": {
+			"type": "((value: Key | null) => void)",
+			"detailedType": "((value: Key | null) => void) | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "value",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "null"
+										},
+										{
+											"type": "string"
+										},
+										{
+											"type": "number"
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "Handler that is called when the value changes."
+		},
 		"isReadOnly": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -423,8 +523,8 @@
 			"description": "Whether the input value is invalid."
 		},
 		"validate": {
-			"type": "((value: ComboBoxValidationValue) => true | ValidationError | null | undefined)",
-			"detailedType": "| ((\n    value: ComboBoxValidationValue,\n  ) => true | ValidationError | null | undefined)\n| undefined",
+			"type": "((value: ComboBoxValidationValue<\"single\">) => true | ValidationError | null | undefined)",
+			"detailedType": "| ((\n    value: ComboBoxValidationValue<'single'>,\n  ) => true | ValidationError | null | undefined)\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -439,7 +539,7 @@
 								"name": "value",
 								"value": {
 									"type": "link",
-									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+combobox@3.13.9_react@19.2.1/node_modules/@react-types/combobox/src/index.d.ts:ComboBoxValidationValue",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+combobox@3.14.0_react@19.2.1/node_modules/@react-types/combobox/src/index.d.ts:ComboBoxValidationValue",
 									"name": "ComboBoxValidationValue"
 								},
 								"optional": false,
@@ -476,6 +576,28 @@
 			},
 			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
 		},
+		"defaultValue": {
+			"type": "Key | null",
+			"detailedType": "Key | null | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "number"
+					}
+				]
+			},
+			"description": "The default value (uncontrolled)."
+		},
 		"onOpenChange": {
 			"type": "((isOpen: boolean, menuTrigger?: MenuTriggerAction | undefined) => void)",
 			"detailedType": "| ((\n    isOpen: boolean,\n    menuTrigger?: MenuTriggerAction | undefined,\n  ) => void)\n| undefined",
@@ -548,6 +670,29 @@
 			},
 			"description": "Method that is called when the open state of the menu changes. Returns the new open state and the action that caused the opening of the menu."
 		},
+		"shouldFocusWrap": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether keyboard navigation is circular."
+		},
+		"selectionMode": {
+			"type": "\"single\"",
+			"detailedType": "'single' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "single"
+					}
+				]
+			},
+			"description": "Whether single or multiple selection is enabled.",
+			"default": "'single'"
+		},
 		"onSelectionChange": {
 			"type": "((key: Key | null) => void)",
 			"detailedType": "((key: Key | null) => void) | undefined",
@@ -590,6 +735,37 @@
 			},
 			"description": "Handler that is called when the selection changes."
 		},
+		"defaultItems": {
+			"type": "Iterable<T>",
+			"detailedType": "Iterable<T> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterable",
+							"name": "Iterable"
+						},
+						"typeParameters": [
+							{
+								"type": "typeParameter",
+								"name": "T",
+								"constraint": {
+									"type": "object"
+								},
+								"default": null
+							}
+						]
+					}
+				]
+			},
+			"description": "The list of ComboBox items (uncontrolled)."
+		},
 		"selectedKey": {
 			"type": "Key | null",
 			"detailedType": "Key | null | undefined",
@@ -613,25 +789,8 @@
 			"description": "The currently selected key in the collection (controlled)."
 		},
 		"defaultSelectedKey": {
-			"type": "Key",
-			"detailedType": "Key | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Key"
-			},
-			"description": "The initial selected key in the collection (uncontrolled)."
-		},
-		"shouldFocusWrap": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether keyboard navigation is circular."
-		},
-		"defaultItems": {
-			"type": "Iterable<T>",
-			"detailedType": "Iterable<T> | undefined",
+			"type": "Key | null",
+			"detailedType": "Key | null | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -639,26 +798,17 @@
 						"type": "undefined"
 					},
 					{
-						"type": "application",
-						"base": {
-							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterable",
-							"name": "Iterable"
-						},
-						"typeParameters": [
-							{
-								"type": "typeParameter",
-								"name": "T",
-								"constraint": {
-									"type": "object"
-								},
-								"default": null
-							}
-						]
+						"type": "null"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "number"
 					}
 				]
 			},
-			"description": "The list of ComboBox items (uncontrolled)."
+			"description": "The initial selected key in the collection (uncontrolled)."
 		},
 		"inputValue": {
 			"type": "string",
@@ -969,9 +1119,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -998,9 +1148,59 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+combobox@3.13.9_react@19.2.1/node_modules/@react-types/combobox/src/index.d.ts:ComboBoxValidationValue": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ComboBoxRenderProps": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+combobox@3.13.9_react@19.2.1/node_modules/@react-types/combobox/src/index.d.ts:ComboBoxValidationValue",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ComboBoxRenderProps",
+			"name": "ComboBoxRenderProps",
+			"extends": [],
+			"properties": {
+				"isOpen": {
+					"type": "property",
+					"name": "isOpen",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the combobox is currently open."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the combobox is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the combobox is invalid."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the combobox is required."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+combobox@3.14.0_react@19.2.1/node_modules/@react-types/combobox/src/index.d.ts:ComboBoxValidationValue": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+combobox@3.14.0_react@19.2.1/node_modules/@react-types/combobox/src/index.d.ts:ComboBoxValidationValue",
 			"name": "ComboBoxValidationValue",
 			"extends": [],
 			"properties": {
@@ -1025,6 +1225,17 @@
 					"readonly": false,
 					"description": "The selected key in the ComboBox."
 				},
+				"value": {
+					"type": "property",
+					"name": "value",
+					"value": {
+						"type": "identifier",
+						"name": "Key"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The keys of the currently selected items."
+				},
 				"inputValue": {
 					"type": "property",
 					"name": "inputValue",
diff --git a/www/src/modules/references/generated/command-content.json b/www/src/modules/references/generated/command-content.json
index 945ef9d8a..565a31af5 100644
--- a/www/src/modules/references/generated/command-content.json
+++ b/www/src/modules/references/generated/command-content.json
@@ -409,6 +409,40 @@
 			},
 			"description": "Whether the list box is in a loading state."
 		},
+		"className": {
+			"type": "string | (values: ListBoxRenderProps) => string",
+			"detailedType": "string | (values: ListBoxRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ListBoxRenderProps",
+									"name": "ListBoxRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ListBox'"
+		},
 		"selectionBehavior": {
 			"type": "SelectionBehavior",
 			"detailedType": "SelectionBehavior | undefined",
@@ -500,45 +534,45 @@
 			"description": "The primary orientation of the items. Usually this is the\ndirection that the collection scrolls.",
 			"default": "'vertical'"
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-describedby": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"aria-details": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-label": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-labelledby": {
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"shouldSelectOnPressUp": {
 			"type": "boolean",
@@ -619,14 +653,15 @@
 			},
 			"description": "Values that should invalidate the item cache when using dynamic collections."
 		},
-		"className": {
-			"type": "string | (values: ListBoxRenderProps) => string",
-			"detailedType": "string | (values: ListBoxRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -644,48 +679,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ListBoxRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ListBoxRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ListBoxRenderProps",
-									"name": "ListBoxRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps",
+								"name": "ListBoxRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -911,9 +948,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -1423,9 +1460,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -1436,6 +1473,96 @@
 			},
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps",
+			"name": "ListBoxRenderProps",
+			"extends": [],
+			"properties": {
+				"isEmpty": {
+					"type": "property",
+					"name": "isEmpty",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox has no items and should display its empty state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently keyboard focused."
+				},
+				"isDropTarget": {
+					"type": "property",
+					"name": "isDropTarget",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently the active drop target."
+				},
+				"layout": {
+					"type": "property",
+					"name": "layout",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							},
+							{
+								"type": "stringLiteral",
+								"value": "stack"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the items are arranged in a stack or grid."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+list@3.13.4_react@19.2.1/node_modules/@react-stately/list/dist/types.d.ts:ListState",
+							"name": "ListState"
+						},
+						"typeParameters": [
+							{
+								"type": "unknown"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the listbox."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/command-input.json b/www/src/modules/references/generated/command-input.json
index ff6764d55..4f224d134 100644
--- a/www/src/modules/references/generated/command-input.json
+++ b/www/src/modules/references/generated/command-input.json
@@ -367,6 +367,40 @@
 			},
 			"description": "Handler that is called when the value changes."
 		},
+		"className": {
+			"type": "string | (values: SearchFieldRenderProps) => string",
+			"detailedType": "string | (values: SearchFieldRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "SearchFieldRenderProps",
+									"name": "SearchFieldRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-SearchField'"
+		},
 		"form": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -383,6 +417,237 @@
 			},
 			"description": "Regex pattern that the value of the input must match to be valid. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."
 		},
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+		},
+		"aria-controls": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+		},
+		"type": {
+			"type": "\"search\" | \"text\" | (string & {}) | \"email\" | \"tel\" | \"url\" | \"password\"",
+			"detailedType": "| 'search'\n| 'text'\n| (string & {})\n| 'email'\n| 'tel'\n| 'url'\n| 'password'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "search"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "text"
+							}
+						]
+					},
+					{
+						"type": "intersection",
+						"types": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "identifier",
+								"name": "{}"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "email"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tel"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "url"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "password"
+							}
+						]
+					}
+				]
+			},
+			"description": "The type of input to render. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype).",
+			"default": "'search'"
+		},
+		"name": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
+		},
+		"excludeFromTabOrder": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
+		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
+		"aria-errormessage": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides an error message for the object."
+		},
 		"enterKeyHint": {
 			"type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"",
 			"detailedType": "| 'search'\n| 'enter'\n| 'done'\n| 'go'\n| 'next'\n| 'previous'\n| 'send'\n| undefined",
@@ -419,15 +684,7 @@
 					}
 				]
 			},
-			"description": "An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."
-		},
-		"id": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."
 		},
 		"spellCheck": {
 			"type": "string",
@@ -446,8 +703,8 @@
 			"description": "An attribute that takes as its value a space-separated string that describes what, if any, type of autocomplete functionality the input should provide. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."
 		},
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -461,27 +718,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -521,133 +778,6 @@
 			},
 			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
 		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
-		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that describes the object."
-		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
-		},
-		"aria-errormessage": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
-		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
 		"onCopy": {
 			"type": "ClipboardEventHandler<HTMLInputElement>",
 			"detailedType": "ClipboardEventHandler<HTMLInputElement> | undefined",
@@ -839,153 +969,57 @@
 		},
 		"onInput": {
 			"type": "FormEventHandler<HTMLInputElement>",
-			"detailedType": "FormEventHandler<HTMLInputElement> | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "application",
-						"base": {
-							"type": "identifier",
-							"name": "FormEventHandler"
-						},
-						"typeParameters": [
-							{
-								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
-								"name": "HTMLInputElement"
-							}
-						]
-					}
-				]
-			},
-			"description": "Handler that is called when the input value is modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."
-		},
-		"onSelect": {
-			"type": "ReactEventHandler<HTMLInputElement>",
-			"detailedType": "ReactEventHandler<HTMLInputElement> | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "application",
-						"base": {
-							"type": "identifier",
-							"name": "ReactEventHandler"
-						},
-						"typeParameters": [
-							{
-								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
-								"name": "HTMLInputElement"
-							}
-						]
-					}
-				]
-			},
-			"description": "Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."
-		},
-		"type": {
-			"type": "\"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | (string & {}) | \"password\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'tel'\n| 'url'\n| 'email'\n| (string & {})\n| 'password'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "search"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "text"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tel"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "url"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "email"
-							}
-						]
-					},
-					{
-						"type": "intersection",
-						"types": [
-							{
-								"type": "string"
-							},
-							{
-								"type": "identifier",
-								"name": "{}"
-							}
-						]
+			"detailedType": "FormEventHandler<HTMLInputElement> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
 					},
 					{
-						"type": "union",
-						"elements": [
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "FormEventHandler"
+						},
+						"typeParameters": [
 							{
-								"type": "stringLiteral",
-								"value": "password"
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
+								"name": "HTMLInputElement"
 							}
 						]
 					}
 				]
 			},
-			"description": "The type of input to render. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype).",
-			"default": "'search'"
-		},
-		"name": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
+			"description": "Handler that is called when the input value is modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."
 		},
-		"excludeFromTabOrder": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
+		"onSelect": {
+			"type": "ReactEventHandler<HTMLInputElement>",
+			"detailedType": "ReactEventHandler<HTMLInputElement> | undefined",
 			"typeAst": {
-				"type": "boolean"
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "ReactEventHandler"
+						},
+						"typeParameters": [
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
+								"name": "HTMLInputElement"
+							}
+						]
+					}
+				]
 			},
-			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
+			"description": "Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."
 		},
 		"minLength": {
 			"type": "number",
@@ -1045,14 +1079,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: SearchFieldRenderProps) => string",
-			"detailedType": "string | (values: SearchFieldRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: SearchFieldRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: SearchFieldRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -1070,48 +1105,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: SearchFieldRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: SearchFieldRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", SearchFieldRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', SearchFieldRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "SearchFieldRenderProps",
-									"name": "SearchFieldRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SearchFieldRenderProps",
+								"name": "SearchFieldRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -1134,6 +1171,73 @@
 		}
 	},
 	"typeLinks": {
+		"SearchFieldRenderProps": {
+			"type": "interface",
+			"name": "SearchFieldRenderProps",
+			"properties": {
+				"isEmpty": {
+					"type": "property",
+					"name": "isEmpty",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is empty."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is invalid."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is required."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "SearchFieldState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the search field."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
@@ -1525,7 +1629,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "none"
+										"value": "forward"
 									}
 								]
 							},
@@ -1534,7 +1638,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "forward"
+										"value": "backward"
 									}
 								]
 							},
@@ -1543,7 +1647,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "backward"
+										"value": "none"
 									}
 								]
 							}
@@ -1890,7 +1994,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "none"
+													"value": "forward"
 												}
 											]
 										},
@@ -1899,7 +2003,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "forward"
+													"value": "backward"
 												}
 											]
 										},
@@ -1908,7 +2012,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "backward"
+													"value": "none"
 												}
 											]
 										}
@@ -2035,10 +2139,6 @@
 												"type": "identifier",
 												"name": "\"error\""
 											},
-											{
-												"type": "identifier",
-												"name": "\"copy\""
-											},
 											{
 												"type": "identifier",
 												"name": "\"submit\""
@@ -2143,6 +2243,10 @@
 												"type": "identifier",
 												"name": "\"contextrestored\""
 											},
+											{
+												"type": "identifier",
+												"name": "\"copy\""
+											},
 											{
 												"type": "identifier",
 												"name": "\"cuechange\""
@@ -2555,15 +2659,6 @@
 												}
 											]
 										},
-										{
-											"type": "union",
-											"elements": [
-												{
-													"type": "stringLiteral",
-													"value": "copy"
-												}
-											]
-										},
 										{
 											"type": "union",
 											"elements": [
@@ -2798,6 +2893,15 @@
 												}
 											]
 										},
+										{
+											"type": "union",
+											"elements": [
+												{
+													"type": "stringLiteral",
+													"value": "copy"
+												}
+											]
+										},
 										{
 											"type": "union",
 											"elements": [
@@ -3522,10 +3626,6 @@
 												"type": "identifier",
 												"name": "\"error\""
 											},
-											{
-												"type": "identifier",
-												"name": "\"copy\""
-											},
 											{
 												"type": "identifier",
 												"name": "\"submit\""
@@ -3630,6 +3730,10 @@
 												"type": "identifier",
 												"name": "\"contextrestored\""
 											},
+											{
+												"type": "identifier",
+												"name": "\"copy\""
+											},
 											{
 												"type": "identifier",
 												"name": "\"cuechange\""
@@ -4042,15 +4146,6 @@
 												}
 											]
 										},
-										{
-											"type": "union",
-											"elements": [
-												{
-													"type": "stringLiteral",
-													"value": "copy"
-												}
-											]
-										},
 										{
 											"type": "union",
 											"elements": [
@@ -4285,6 +4380,15 @@
 												}
 											]
 										},
+										{
+											"type": "union",
+											"elements": [
+												{
+													"type": "stringLiteral",
+													"value": "copy"
+												}
+											]
+										},
 										{
 											"type": "union",
 											"elements": [
@@ -19056,9 +19160,11 @@
 			"typeParameters": [],
 			"description": "The **`HTMLInputElement`** interface provides special properties and methods for manipulating the options, layout, and presentation of input elements.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLInputElement)"
 		},
-		"SearchFieldRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SearchFieldRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SearchFieldRenderProps",
 			"name": "SearchFieldRenderProps",
+			"extends": [],
 			"properties": {
 				"isEmpty": {
 					"type": "property",
@@ -19090,18 +19196,41 @@
 					"readonly": false,
 					"description": "Whether the search field is invalid."
 				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is required."
+				},
 				"state": {
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+searchfield@3.5.19_react@19.2.1/node_modules/@react-stately/searchfield/dist/types.d.ts:SearchFieldState",
 						"name": "SearchFieldState"
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the search field."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/date-field.json b/www/src/modules/references/generated/date-field.json
index 9e2249e08..a781f7b46 100644
--- a/www/src/modules/references/generated/date-field.json
+++ b/www/src/modules/references/generated/date-field.json
@@ -141,38 +141,55 @@
 			},
 			"description": "Handler that is called when a key is released."
 		},
-		"form": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
-		},
-		"defaultValue": {
-			"type": "T | null",
-			"detailedType": "T | null | undefined",
+		"className": {
+			"type": "string | (values: DateFieldRenderProps) => string",
+			"detailedType": "string | (values: DateFieldRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "undefined"
-					},
-					{
-						"type": "null"
+						"type": "string"
 					},
 					{
-						"type": "typeParameter",
-						"name": "T",
-						"constraint": {
-							"type": "identifier",
-							"name": "DateValue"
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "DateFieldRenderProps",
+									"name": "DateFieldRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
 						},
-						"default": null
+						"typeParameters": []
 					}
 				]
 			},
-			"description": "The default value (uncontrolled)."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-DateField'"
+		},
+		"form": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
+		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input is disabled."
 		},
 		"autoFocus": {
 			"type": "boolean",
@@ -182,13 +199,21 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -206,21 +231,46 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-label": {
+		"name": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
 		},
-		"aria-labelledby": {
+		"value": {
+			"type": "T | null",
+			"detailedType": "T | null | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "typeParameter",
+						"name": "T",
+						"constraint": {
+							"type": "identifier",
+							"name": "DateValue"
+						},
+						"default": null
+					}
+				]
+			},
+			"description": "The current value (controlled)."
+		},
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"onChange": {
 			"type": "((value: MappedDateValue<T> | null) => void)",
@@ -276,47 +326,6 @@
 			},
 			"description": "Handler that is called when the value changes."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input is disabled."
-		},
-		"name": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
-		},
-		"value": {
-			"type": "T | null",
-			"detailedType": "T | null | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "null"
-					},
-					{
-						"type": "typeParameter",
-						"name": "T",
-						"constraint": {
-							"type": "identifier",
-							"name": "DateValue"
-						},
-						"default": null
-					}
-				]
-			},
-			"description": "The current value (controlled)."
-		},
 		"isReadOnly": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -408,6 +417,31 @@
 			},
 			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
 		},
+		"defaultValue": {
+			"type": "T | null",
+			"detailedType": "T | null | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "typeParameter",
+						"name": "T",
+						"constraint": {
+							"type": "identifier",
+							"name": "DateValue"
+						},
+						"default": null
+					}
+				]
+			},
+			"description": "The default value (uncontrolled)."
+		},
 		"autoComplete": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -430,17 +464,17 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDate",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDate",
 						"name": "CalendarDate"
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDateTime",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDateTime",
 						"name": "CalendarDateTime"
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:ZonedDateTime",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:ZonedDateTime",
 						"name": "ZonedDateTime"
 					}
 				]
@@ -461,17 +495,17 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDate",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDate",
 						"name": "CalendarDate"
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDateTime",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDateTime",
 						"name": "CalendarDateTime"
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:ZonedDateTime",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:ZonedDateTime",
 						"name": "ZonedDateTime"
 					}
 				]
@@ -628,14 +662,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: DateFieldRenderProps) => string",
-			"detailedType": "string | (values: DateFieldRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: DateFieldRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: DateFieldRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -653,48 +688,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: DateFieldRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: DateFieldRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", DateFieldRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', DateFieldRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "DateFieldRenderProps",
-									"name": "DateFieldRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateFieldRenderProps",
+								"name": "DateFieldRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -728,6 +765,10 @@
 		"isReadOnly": {
 			"selector": "[data-readonly]",
 			"description": "Whether the date field is read only."
+		},
+		"isRequired": {
+			"selector": "[data-required]",
+			"description": "Whether the date field is required."
 		}
 	},
 	"typeLinks": {
@@ -775,8 +816,80 @@
 					"optional": false,
 					"readonly": false,
 					"description": "Whether the date field is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is required."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateFieldRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateFieldRenderProps",
+			"name": "DateFieldRenderProps",
+			"extends": [],
+			"properties": {
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+datepicker@3.16.1_react@19.2.1/node_modules/@react-stately/datepicker/dist/types.d.ts:DateField.State",
+						"name": "DateField.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the date field."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is invalid."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is disabled."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is required."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/date-input.json b/www/src/modules/references/generated/date-input.json
index a7e88f1ac..7d6113d1a 100644
--- a/www/src/modules/references/generated/date-input.json
+++ b/www/src/modules/references/generated/date-input.json
@@ -79,6 +79,42 @@
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", DateInputRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', DateInputRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateInputRenderProps",
+								"name": "DateInputRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
 		"className": {
 			"type": "string | (values: DateInputRenderProps) => string",
 			"detailedType": "string | (values: DateInputRenderProps) => string | undefined",
@@ -110,7 +146,8 @@
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-DateInput'"
 		}
 	},
 	"renderProps": {
@@ -191,6 +228,66 @@
 					"description": "Whether the date input is invalid."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateInputRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateInputRenderProps",
+			"name": "DateInputRenderProps",
+			"extends": [],
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date input is currently hovered with a mouse."
+				},
+				"isFocusWithin": {
+					"type": "property",
+					"name": "isFocusWithin",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether an element within the date input is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether an element within the date input is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date input is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date input is invalid."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/date-picker-content.json b/www/src/modules/references/generated/date-picker-content.json
index 546491e8b..31156c87d 100644
--- a/www/src/modules/references/generated/date-picker-content.json
+++ b/www/src/modules/references/generated/date-picker-content.json
@@ -2,6 +2,15 @@
 	"name": "DatePickerContentProps",
 	"description": "Missing description.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-Dialog'"
+		},
 		"children": {
 			"type": "ReactNode | ((opts: DialogRenderProps) => ReactNode)",
 			"typeAst": {
@@ -70,7 +79,7 @@
 								"name": "opts",
 								"value": {
 									"type": "link",
-									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
 									"name": "DialogRenderProps"
 								},
 								"optional": false,
@@ -146,14 +155,6 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -182,6 +183,40 @@
 			},
 			"description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent."
 		},
+		"render": {
+			"type": "DOMRenderFunction<\"section\", undefined>",
+			"detailedType": "DOMRenderFunction<'section', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "section"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
 		"type": {
 			"type": "Type",
 			"detailedType": "Type | undefined",
@@ -468,9 +503,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -980,9 +1015,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -994,9 +1029,9 @@
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
 			"name": "DialogRenderProps",
 			"extends": [],
 			"properties": {
@@ -1028,7 +1063,7 @@
 					"types": [
 						{
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:PopoverProps",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:PopoverProps",
 							"name": "PopoverProps"
 						},
 						{
@@ -1067,6 +1102,44 @@
 					"readonly": false,
 					"description": "Whether to show an arrow pointing to the trigger."
 				},
+				"className": {
+					"type": "property",
+					"name": "className",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "string"
+							},
+							{
+								"type": "function",
+								"parameters": [
+									{
+										"type": "parameter",
+										"name": "values",
+										"value": {
+											"type": "identifier",
+											"name": "PopoverRenderProps & { defaultClassName: string | undefined; }"
+										},
+										"optional": false,
+										"rest": false
+									}
+								],
+								"return": {
+									"type": "identifier",
+									"name": "string"
+								},
+								"typeParameters": []
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+				},
 				"trigger": {
 					"type": "property",
 					"name": "trigger",
@@ -1736,7 +1809,7 @@
 						"typeParameters": [
 							{
 								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:PopoverRenderProps",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:PopoverRenderProps",
 								"name": "PopoverRenderProps"
 							}
 						]
@@ -1745,9 +1818,9 @@
 					"readonly": false,
 					"description": "The children of the component. A function may be provided to alter the children based on component state."
 				},
-				"className": {
+				"style": {
 					"type": "property",
-					"name": "className",
+					"name": "style",
 					"value": {
 						"type": "union",
 						"elements": [
@@ -1755,7 +1828,8 @@
 								"type": "undefined"
 							},
 							{
-								"type": "string"
+								"type": "identifier",
+								"name": "CSSProperties"
 							},
 							{
 								"type": "function",
@@ -1765,7 +1839,7 @@
 										"name": "values",
 										"value": {
 											"type": "identifier",
-											"name": "PopoverRenderProps & { defaultClassName: string | undefined; }"
+											"name": "PopoverRenderProps & { defaultStyle: CSSProperties; }"
 										},
 										"optional": false,
 										"rest": false
@@ -1773,7 +1847,7 @@
 								],
 								"return": {
 									"type": "identifier",
-									"name": "string"
+									"name": "CSSProperties | undefined"
 								},
 								"typeParameters": []
 							}
@@ -1781,11 +1855,11 @@
 					},
 					"optional": true,
 					"readonly": false,
-					"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+					"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 				},
-				"style": {
+				"render": {
 					"type": "property",
-					"name": "style",
+					"name": "render",
 					"value": {
 						"type": "union",
 						"elements": [
@@ -1793,34 +1867,27 @@
 								"type": "undefined"
 							},
 							{
-								"type": "identifier",
-								"name": "CSSProperties"
-							},
-							{
-								"type": "function",
-								"parameters": [
-									{
-										"type": "parameter",
-										"name": "values",
-										"value": {
-											"type": "identifier",
-											"name": "PopoverRenderProps & { defaultStyle: CSSProperties; }"
-										},
-										"optional": false,
-										"rest": false
-									}
-								],
-								"return": {
+								"type": "application",
+								"base": {
 									"type": "identifier",
-									"name": "CSSProperties | undefined"
+									"name": "DOMRenderFunction"
 								},
-								"typeParameters": []
+								"typeParameters": [
+									{
+										"type": "identifier",
+										"name": "\"div\""
+									},
+									{
+										"type": "identifier",
+										"name": "PopoverRenderProps"
+									}
+								]
 							}
 						]
 					},
 					"optional": true,
 					"readonly": false,
-					"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+					"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 				},
 				"slot": {
 					"type": "property",
diff --git a/www/src/modules/references/generated/date-picker-input.json b/www/src/modules/references/generated/date-picker-input.json
index 5b8915aec..de8d4bde8 100644
--- a/www/src/modules/references/generated/date-picker-input.json
+++ b/www/src/modules/references/generated/date-picker-input.json
@@ -100,6 +100,40 @@
 			"description": "The size of the input group.",
 			"default": "'md'"
 		},
+		"className": {
+			"type": "string | (values: GroupRenderProps) => string",
+			"detailedType": "string | (values: GroupRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "GroupRenderProps",
+									"name": "GroupRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Group'"
+		},
 		"isDisabled": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -179,9 +213,244 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
+		"aria-disabled": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+		},
+		"aria-expanded": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+		},
+		"aria-controls": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+		},
+		"aria-pressed": {
+			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
+			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "mixed"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the current \"pressed\" state of toggle buttons."
+		},
+		"aria-current": {
+			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
+			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "time"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "step"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "page"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "location"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "date"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the element that represents the current item within a container or set of related elements."
+		},
+		"aria-errormessage": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides an error message for the object."
+		},
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -195,27 +464,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -229,14 +498,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -371,93 +632,6 @@
 			},
 			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
 		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
-		},
-		"aria-current": {
-			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
-			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "time"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "step"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "page"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "location"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "date"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the element that represents the current item within a container or set of related elements."
-		},
 		"aria-description": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -466,15 +640,6 @@
 			},
 			"description": "Defines a string value that describes or annotates the current element."
 		},
-		"aria-disabled": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
-		},
 		"aria-dropeffect": {
 			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
 			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
@@ -509,23 +674,6 @@
 			},
 			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
 		},
-		"aria-errormessage": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
-		},
 		"aria-flowto": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -543,85 +691,6 @@
 			},
 			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
-		},
 		"aria-hidden": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -790,49 +859,6 @@
 			},
 			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
 		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
 		"aria-readonly": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -843,8 +869,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -854,19 +880,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -1050,14 +1076,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: GroupRenderProps) => string",
-			"detailedType": "string | (values: GroupRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: GroupRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: GroupRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -1075,48 +1102,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: GroupRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: GroupRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", GroupRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', GroupRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "GroupRenderProps",
-									"name": "GroupRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps",
+								"name": "GroupRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -1139,6 +1168,62 @@
 		}
 	},
 	"typeLinks": {
+		"GroupRenderProps": {
+			"type": "interface",
+			"name": "GroupRenderProps",
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is currently hovered with a mouse."
+				},
+				"isFocusWithin": {
+					"type": "property",
+					"name": "isFocusWithin",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether an element within the group is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether an element within the group is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is invalid."
+				}
+			}
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -1178,9 +1263,11 @@
 				}
 			}
 		},
-		"GroupRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps",
 			"name": "GroupRenderProps",
+			"extends": [],
 			"properties": {
 				"isHovered": {
 					"type": "property",
@@ -1232,7 +1319,9 @@
 					"readonly": false,
 					"description": "Whether the group is invalid."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/date-segment.json b/www/src/modules/references/generated/date-segment.json
index da8f8566f..5305784c6 100644
--- a/www/src/modules/references/generated/date-segment.json
+++ b/www/src/modules/references/generated/date-segment.json
@@ -77,14 +77,14 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
-		"children": {
-			"type": "ReactNode | (values: DateSegmentRenderProps) => ReactNode",
+		"className": {
+			"type": "string | (values: DateSegmentRenderProps) => string",
+			"detailedType": "string | (values: DateSegmentRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "ReactNode"
+						"type": "string"
 					},
 					{
 						"type": "function",
@@ -102,23 +102,23 @@
 							}
 						],
 						"return": {
-							"type": "identifier",
-							"name": "ReactNode"
+							"type": "string"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-DateSegment'"
 		},
-		"className": {
-			"type": "string | (values: DateSegmentRenderProps) => string",
-			"detailedType": "string | (values: DateSegmentRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: DateSegmentRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -136,13 +136,14 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
 		"style": {
 			"type": "CSSProperties | (values: DateSegmentRenderProps) => CSSProperties",
@@ -178,6 +179,42 @@
 				]
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"span\", DateSegmentRenderProps>",
+			"detailedType": "| DOMRenderFunction<'span', DateSegmentRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "span"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateSegmentRenderProps",
+								"name": "DateSegmentRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -315,7 +352,7 @@
 					"name": "value",
 					"value": {
 						"type": "identifier",
-						"name": "number | undefined"
+						"name": "number | null | undefined"
 					},
 					"optional": true,
 					"readonly": false,
@@ -355,6 +392,198 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateSegmentRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateSegmentRenderProps",
+			"name": "DateSegmentRenderProps",
+			"extends": [
+				{
+					"type": "application",
+					"base": {
+						"type": "identifier",
+						"name": "Omit"
+					},
+					"typeParameters": [
+						{
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+datepicker@3.16.1_react@19.2.1/node_modules/@react-stately/datepicker/dist/types.d.ts:DateSegment",
+							"name": "DateSegment"
+						},
+						{
+							"type": "union",
+							"elements": [
+								{
+									"type": "stringLiteral",
+									"value": "isEditable"
+								}
+							]
+						}
+					]
+				}
+			],
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the segment is currently hovered with a mouse."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the segment is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the segment is keyboard focused."
+				},
+				"isPlaceholder": {
+					"type": "property",
+					"name": "isPlaceholder",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the value is a placeholder."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the segment is read only."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is in an invalid state."
+				},
+				"type": {
+					"type": "property",
+					"name": "type",
+					"value": {
+						"type": "identifier",
+						"name": "SegmentType"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The type of segment. Values include `literal`, `year`, `month`, `day`, etc."
+				},
+				"text": {
+					"type": "property",
+					"name": "text",
+					"value": {
+						"type": "string"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The formatted text for the segment."
+				},
+				"value": {
+					"type": "property",
+					"name": "value",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "null"
+							},
+							{
+								"type": "number"
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The numeric value for the segment, if applicable."
+				},
+				"placeholder": {
+					"type": "property",
+					"name": "placeholder",
+					"value": {
+						"type": "string"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "A placeholder string for the segment."
+				},
+				"minValue": {
+					"type": "property",
+					"name": "minValue",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "number"
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The minimum numeric value for the segment, if applicable."
+				},
+				"maxValue": {
+					"type": "property",
+					"name": "maxValue",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "number"
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The maximum numeric value for the segment, if applicable."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
diff --git a/www/src/modules/references/generated/description.json b/www/src/modules/references/generated/description.json
index 1d3563b62..f2164b1c5 100644
--- a/www/src/modules/references/generated/description.json
+++ b/www/src/modules/references/generated/description.json
@@ -2,124 +2,172 @@
 	"name": "DescriptionProps",
 	"description": "Missing description.",
 	"props": {
-		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "search"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "text"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "none"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "tel"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "url"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "email"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "numeric"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "decimal"
-					}
-				]
+				"type": "string"
 			},
-			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+			"description": "Defines a string value that labels the current element."
 		},
-		"is": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"tw": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-activedescendant": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
+			"description": "Identifies the element that provides a detailed, extended description for the object."
 		},
-		"aria-atomic": {
+		"render": {
+			"type": "DOMRenderFunction<any, any>",
+			"detailedType": "DOMRenderFunction<any, any> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "any"
+							},
+							{
+								"type": "any"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
+		"aria-disabled": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
 			"typeAst": {
 				"type": "identifier",
 				"name": "Booleanish"
 			},
-			"description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute."
+			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
 		},
-		"aria-autocomplete": {
-			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
-			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
+		"aria-expanded": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "list"
+						"type": "boolean"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "none"
+						"type": "undefined"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "inline"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "both"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
 					}
 				]
 			},
-			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
-		},
-		"aria-braillelabel": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element, which is intended to be converted into Braille."
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
 		},
-		"aria-brailleroledescription": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
-		"aria-checked": {
+		"aria-pressed": {
 			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
 			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
 			"typeAst": {
@@ -160,47 +208,7 @@
 					}
 				]
 			},
-			"description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets."
-		},
-		"aria-colcount": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the total number of columns in a table, grid, or treegrid."
-		},
-		"aria-colindex": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
-		},
-		"aria-colindextext": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a human readable text alternative of aria-colindex."
-		},
-		"aria-colspan": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
-		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+			"description": "Indicates the current \"pressed\" state of toggle buttons."
 		},
 		"aria-current": {
 			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
@@ -281,48 +289,90 @@
 			},
 			"description": "Indicates the element that represents the current item within a container or set of related elements."
 		},
-		"aria-describedby": {
+		"aria-errormessage": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Identifies the element that provides an error message for the object."
 		},
-		"aria-description": {
+		"inputMode": {
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "search"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "text"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "decimal"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "email"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "tel"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "none"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "url"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "numeric"
+					}
+				]
+			},
+			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+		},
+		"is": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that describes or annotates the current element."
+			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"aria-details": {
+		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides a detailed, extended description for the object."
+			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
 		},
-		"aria-disabled": {
+		"aria-atomic": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
 			"typeAst": {
 				"type": "identifier",
 				"name": "Booleanish"
 			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+			"description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute."
 		},
-		"aria-dropeffect": {
-			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
-			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
+		"aria-autocomplete": {
+			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
+			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "stringLiteral",
-						"value": "link"
+						"value": "list"
 					},
 					{
 						"type": "stringLiteral",
@@ -330,61 +380,35 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "copy"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "execute"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "move"
+						"value": "inline"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "popup"
+						"value": "both"
 					}
 				]
 			},
-			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
+			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
 		},
-		"aria-errormessage": {
+		"aria-braillelabel": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+			"description": "Defines a string value that labels the current element, which is intended to be converted into Braille."
 		},
-		"aria-flowto": {
+		"aria-brailleroledescription": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order."
-		},
-		"aria-grabbed": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
+			"description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+		"aria-checked": {
+			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
+			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -399,7 +423,7 @@
 						"elements": [
 							{
 								"type": "stringLiteral",
-								"value": "dialog"
+								"value": "true"
 							}
 						]
 					},
@@ -408,7 +432,7 @@
 						"elements": [
 							{
 								"type": "stringLiteral",
-								"value": "menu"
+								"value": "false"
 							}
 						]
 					},
@@ -417,49 +441,104 @@
 						"elements": [
 							{
 								"type": "stringLiteral",
-								"value": "true"
+								"value": "mixed"
 							}
 						]
+					}
+				]
+			},
+			"description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets."
+		},
+		"aria-colcount": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines the total number of columns in a table, grid, or treegrid."
+		},
+		"aria-colindex": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
+		},
+		"aria-colindextext": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a human readable text alternative of aria-colindex."
+		},
+		"aria-colspan": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
+		},
+		"aria-description": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that describes or annotates the current element."
+		},
+		"aria-dropeffect": {
+			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
+			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "link"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "none"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "copy"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "execute"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "move"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "popup"
 					}
 				]
 			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
+		},
+		"aria-flowto": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order."
+		},
+		"aria-grabbed": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
 		},
 		"aria-hidden": {
 			"type": "Booleanish",
@@ -530,22 +609,6 @@
 			},
 			"description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
 		"aria-level": {
 			"type": "number",
 			"detailedType": "number | undefined",
@@ -645,49 +708,6 @@
 			},
 			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
 		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
 		"aria-readonly": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -698,8 +718,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -709,19 +729,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
diff --git a/www/src/modules/references/generated/dialog-content.json b/www/src/modules/references/generated/dialog-content.json
index aa28a9d84..644f44b39 100644
--- a/www/src/modules/references/generated/dialog-content.json
+++ b/www/src/modules/references/generated/dialog-content.json
@@ -2,6 +2,15 @@
 	"name": "DialogContentProps",
 	"description": "A dialog is an overlay shown above other content in an application.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-Dialog'"
+		},
 		"children": {
 			"type": "ReactNode | ((opts: DialogRenderProps) => ReactNode)",
 			"typeAst": {
@@ -70,7 +79,7 @@
 								"name": "opts",
 								"value": {
 									"type": "link",
-									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
 									"name": "DialogRenderProps"
 								},
 								"optional": false,
@@ -146,14 +155,6 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -181,6 +182,40 @@
 				]
 			},
 			"description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"section\", undefined>",
+			"detailedType": "DOMRenderFunction<'section', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "section"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -319,9 +354,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -831,9 +866,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -845,9 +880,9 @@
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DialogRenderProps",
 			"name": "DialogRenderProps",
 			"extends": [],
 			"properties": {
diff --git a/www/src/modules/references/generated/dialog-description.json b/www/src/modules/references/generated/dialog-description.json
index 187dcaf2c..b70a405d6 100644
--- a/www/src/modules/references/generated/dialog-description.json
+++ b/www/src/modules/references/generated/dialog-description.json
@@ -2,124 +2,172 @@
 	"name": "DialogDescriptionProps",
 	"description": "Missing description.",
 	"props": {
-		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "search"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "text"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "none"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "tel"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "url"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "email"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "numeric"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "decimal"
-					}
-				]
+				"type": "string"
 			},
-			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+			"description": "Defines a string value that labels the current element."
 		},
-		"is": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"tw": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-activedescendant": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
+			"description": "Identifies the element that provides a detailed, extended description for the object."
 		},
-		"aria-atomic": {
+		"render": {
+			"type": "DOMRenderFunction<any, any>",
+			"detailedType": "DOMRenderFunction<any, any> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "any"
+							},
+							{
+								"type": "any"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
+		"aria-disabled": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
 			"typeAst": {
 				"type": "identifier",
 				"name": "Booleanish"
 			},
-			"description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute."
+			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
 		},
-		"aria-autocomplete": {
-			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
-			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
+		"aria-expanded": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "list"
+						"type": "boolean"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "none"
+						"type": "undefined"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "inline"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "both"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
 					}
 				]
 			},
-			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
-		},
-		"aria-braillelabel": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element, which is intended to be converted into Braille."
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
 		},
-		"aria-brailleroledescription": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
-		"aria-checked": {
+		"aria-pressed": {
 			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
 			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
 			"typeAst": {
@@ -160,47 +208,7 @@
 					}
 				]
 			},
-			"description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets."
-		},
-		"aria-colcount": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the total number of columns in a table, grid, or treegrid."
-		},
-		"aria-colindex": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
-		},
-		"aria-colindextext": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a human readable text alternative of aria-colindex."
-		},
-		"aria-colspan": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
-		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+			"description": "Indicates the current \"pressed\" state of toggle buttons."
 		},
 		"aria-current": {
 			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
@@ -281,48 +289,90 @@
 			},
 			"description": "Indicates the element that represents the current item within a container or set of related elements."
 		},
-		"aria-describedby": {
+		"aria-errormessage": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Identifies the element that provides an error message for the object."
 		},
-		"aria-description": {
+		"inputMode": {
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "search"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "text"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "decimal"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "email"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "tel"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "none"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "url"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "numeric"
+					}
+				]
+			},
+			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+		},
+		"is": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that describes or annotates the current element."
+			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"aria-details": {
+		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides a detailed, extended description for the object."
+			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
 		},
-		"aria-disabled": {
+		"aria-atomic": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
 			"typeAst": {
 				"type": "identifier",
 				"name": "Booleanish"
 			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+			"description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute."
 		},
-		"aria-dropeffect": {
-			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
-			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
+		"aria-autocomplete": {
+			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
+			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "stringLiteral",
-						"value": "link"
+						"value": "list"
 					},
 					{
 						"type": "stringLiteral",
@@ -330,61 +380,35 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "copy"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "execute"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "move"
+						"value": "inline"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "popup"
+						"value": "both"
 					}
 				]
 			},
-			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
+			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
 		},
-		"aria-errormessage": {
+		"aria-braillelabel": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+			"description": "Defines a string value that labels the current element, which is intended to be converted into Braille."
 		},
-		"aria-flowto": {
+		"aria-brailleroledescription": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order."
-		},
-		"aria-grabbed": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
+			"description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+		"aria-checked": {
+			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
+			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -399,7 +423,7 @@
 						"elements": [
 							{
 								"type": "stringLiteral",
-								"value": "dialog"
+								"value": "true"
 							}
 						]
 					},
@@ -408,7 +432,7 @@
 						"elements": [
 							{
 								"type": "stringLiteral",
-								"value": "menu"
+								"value": "false"
 							}
 						]
 					},
@@ -417,49 +441,104 @@
 						"elements": [
 							{
 								"type": "stringLiteral",
-								"value": "true"
+								"value": "mixed"
 							}
 						]
+					}
+				]
+			},
+			"description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets."
+		},
+		"aria-colcount": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines the total number of columns in a table, grid, or treegrid."
+		},
+		"aria-colindex": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
+		},
+		"aria-colindextext": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a human readable text alternative of aria-colindex."
+		},
+		"aria-colspan": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
+		},
+		"aria-description": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that describes or annotates the current element."
+		},
+		"aria-dropeffect": {
+			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
+			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "link"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "none"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "copy"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "execute"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "move"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "popup"
 					}
 				]
 			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
+		},
+		"aria-flowto": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order."
+		},
+		"aria-grabbed": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
 		},
 		"aria-hidden": {
 			"type": "Booleanish",
@@ -530,22 +609,6 @@
 			},
 			"description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
 		"aria-level": {
 			"type": "number",
 			"detailedType": "number | undefined",
@@ -645,49 +708,6 @@
 			},
 			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
 		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
 		"aria-readonly": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -698,8 +718,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -709,19 +729,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
diff --git a/www/src/modules/references/generated/dialog-heading.json b/www/src/modules/references/generated/dialog-heading.json
index fa0075d05..f65b04c68 100644
--- a/www/src/modules/references/generated/dialog-heading.json
+++ b/www/src/modules/references/generated/dialog-heading.json
@@ -3,8 +3,8 @@
 	"description": "Missing description.",
 	"props": {
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -18,27 +18,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -52,14 +52,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -698,8 +690,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -709,19 +701,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -870,6 +862,40 @@
 				"type": "string"
 			},
 			"description": "Defines the human readable text alternative of aria-valuenow for a range widget."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"h1\", undefined>",
+			"detailedType": "DOMRenderFunction<'h1', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "h1"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/disclosure-panel.json b/www/src/modules/references/generated/disclosure-panel.json
index b5181f8f5..26a1175fe 100644
--- a/www/src/modules/references/generated/disclosure-panel.json
+++ b/www/src/modules/references/generated/disclosure-panel.json
@@ -2,34 +2,6 @@
 	"name": "DisclosurePanelProps",
 	"description": "A DisclosurePanel provides the content for a disclosure.",
 	"props": {
-		"role": {
-			"type": "\"group\" | \"region\"",
-			"detailedType": "'group' | 'region' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "group"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "region"
-					}
-				]
-			},
-			"description": "The accessibility role for the disclosure's panel.",
-			"default": "'group'"
-		},
-		"children": {
-			"type": "ReactNode",
-			"typeAst": {
-				"type": "identifier",
-				"name": "ReactNode"
-			},
-			"description": "The children of the component.",
-			"required": true
-		},
 		"className": {
 			"type": "string | (values: DisclosurePanelRenderProps) => string",
 			"detailedType": "string | (values: DisclosurePanelRenderProps) => string | undefined",
@@ -61,7 +33,36 @@
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-DisclosurePanel'"
+		},
+		"role": {
+			"type": "\"group\" | \"region\"",
+			"detailedType": "'group' | 'region' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "group"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "region"
+					}
+				]
+			},
+			"description": "The accessibility role for the disclosure's panel.",
+			"default": "'group'"
+		},
+		"children": {
+			"type": "ReactNode",
+			"typeAst": {
+				"type": "identifier",
+				"name": "ReactNode"
+			},
+			"description": "The children of the component.",
+			"required": true
 		},
 		"style": {
 			"type": "CSSProperties | (values: DisclosurePanelRenderProps) => CSSProperties",
@@ -98,6 +99,42 @@
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", DisclosurePanelRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', DisclosurePanelRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DisclosurePanelRenderProps",
+								"name": "DisclosurePanelRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
 		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -105,6 +142,56 @@
 				"type": "string"
 			},
 			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
+		"labelElementType": {
+			"type": "ElementType",
+			"detailedType": "ElementType | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "ElementType"
+			},
+			"description": "The HTML element used to render the label, e.g. 'label', or 'span'.",
+			"default": "'label'"
+		},
+		"label": {
+			"type": "ReactNode",
+			"typeAst": {
+				"type": "identifier",
+				"name": "ReactNode"
+			},
+			"description": "The content to display as the label."
+		},
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		}
 	},
 	"renderProps": {
@@ -129,6 +216,26 @@
 					"description": "Whether keyboard focus is within the disclosure panel."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DisclosurePanelRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DisclosurePanelRenderProps",
+			"name": "DisclosurePanelRenderProps",
+			"extends": [],
+			"properties": {
+				"isFocusVisibleWithin": {
+					"type": "property",
+					"name": "isFocusVisibleWithin",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether keyboard focus is within the disclosure panel."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/disclosure-trigger.json b/www/src/modules/references/generated/disclosure-trigger.json
index ae0606cd1..2124b6d22 100644
--- a/www/src/modules/references/generated/disclosure-trigger.json
+++ b/www/src/modules/references/generated/disclosure-trigger.json
@@ -382,6 +382,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: ButtonRenderProps) => string",
+			"detailedType": "string | (values: ButtonRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ButtonRenderProps",
+									"name": "ButtonRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Button'"
+		},
 		"isPending": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -398,6 +432,14 @@
 			},
 			"description": "The `<form>` element to associate the button with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form)."
 		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the button is disabled."
+		},
 		"autoFocus": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -406,100 +448,21 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-controls": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
-		},
-		"aria-current": {
-			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
-			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "time"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "step"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "page"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "location"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "date"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates whether this element represents the current item within a container or set of related elements."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -664,21 +627,13 @@
 			},
 			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
 		"aria-pressed": {
 			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
@@ -723,13 +678,84 @@
 			},
 			"description": "Indicates the current \"pressed\" state of toggle buttons."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
+		"aria-current": {
+			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
+			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
 			"typeAst": {
-				"type": "boolean"
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "time"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "step"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "page"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "location"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "date"
+							}
+						]
+					}
+				]
 			},
-			"description": "Whether the button is disabled."
+			"description": "Indicates whether this element represents the current item within a container or set of related elements."
 		},
 		"type": {
 			"type": "\"button\" | \"submit\" | \"reset\"",
@@ -763,10 +789,56 @@
 			"description": "Whether to prevent focus from moving to the button when pressing it.\n\nCaution, this can make the button inaccessible and should only be used when alternative keyboard interaction is provided,\nsuch as ComboBox's MenuTrigger or a NumberField's increment/decrement control."
 		},
 		"formAction": {
-			"type": "string",
-			"detailedType": "string | undefined",
+			"type": "string | ((formData: FormData) => void | Promise<void>)",
+			"detailedType": "| string\n| ((formData: FormData) => void | Promise<void>)\n| undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "formData",
+								"value": {
+									"type": "link",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData",
+									"name": "FormData"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "union",
+							"elements": [
+								{
+									"type": "void"
+								},
+								{
+									"type": "application",
+									"base": {
+										"type": "link",
+										"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es5.d.ts:Promise",
+										"name": "Promise"
+									},
+									"typeParameters": [
+										{
+											"type": "void"
+										}
+									]
+								}
+							]
+						},
+						"typeParameters": []
+					}
+				]
 			},
 			"description": "The URL that processes the information submitted by the button.\nOverrides the action attribute of the button's form owner."
 		},
@@ -826,6 +898,14 @@
 			},
 			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
 		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
 		"slot": {
 			"type": "string | null",
 			"detailedType": "string | null | undefined",
@@ -879,14 +959,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ButtonRenderProps) => string",
-			"detailedType": "string | (values: ButtonRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ButtonRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ButtonRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -904,51 +985,119 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ButtonRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ButtonRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"button\", ButtonRenderProps>",
+			"detailedType": "| DOMRenderFunction<'button', ButtonRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ButtonRenderProps",
-									"name": "ButtonRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "button"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ButtonRenderProps",
+								"name": "ButtonRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
+		"ButtonRenderProps": {
+			"type": "interface",
+			"name": "ButtonRenderProps",
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently in a pressed state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is disabled."
+				},
+				"isPending": {
+					"type": "property",
+					"name": "isPending",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently in a pending state."
+				}
+			}
+		},
 		"PressEvent": {
 			"type": "interface",
 			"name": "PressEvent",
@@ -1046,6 +1195,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
@@ -1059,6 +1219,401 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData",
+			"name": "FormData",
+			"extends": [],
+			"properties": {
+				"append": {
+					"type": "method",
+					"name": "append",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "value",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "string"
+										},
+										{
+											"type": "link",
+											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:Blob",
+											"name": "Blob"
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`append()`** method of the FormData interface appends a new value onto an existing key inside a `FormData` object, or adds the key if it does not already exist.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/append)"
+				},
+				"delete": {
+					"type": "method",
+					"name": "delete",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`delete()`** method of the FormData interface deletes a key and its value(s) from a `FormData` object.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/delete)"
+				},
+				"get": {
+					"type": "method",
+					"name": "get",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "union",
+							"elements": [
+								{
+									"type": "null"
+								},
+								{
+									"type": "string"
+								},
+								{
+									"type": "link",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:File",
+									"name": "File"
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`get()`** method of the FormData interface returns the first value associated with a given key from within a `FormData` object.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/get)"
+				},
+				"getAll": {
+					"type": "method",
+					"name": "getAll",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "array",
+							"elementType": {
+								"type": "identifier",
+								"name": "FormDataEntryValue"
+							}
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`getAll()`** method of the FormData interface returns all the values associated with a given key from within a `FormData` object.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/getAll)"
+				},
+				"has": {
+					"type": "method",
+					"name": "has",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "boolean"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`has()`** method of the FormData interface returns whether a `FormData` object contains a certain key.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/has)"
+				},
+				"set": {
+					"type": "method",
+					"name": "set",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "name",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "value",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "string"
+										},
+										{
+											"type": "link",
+											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:Blob",
+											"name": "Blob"
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "The **`set()`** method of the FormData interface sets a new value for an existing key inside a `FormData` object, or adds the key/value if it does not already exist.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData/set)"
+				},
+				"forEach": {
+					"type": "method",
+					"name": "forEach",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "callbackfn",
+								"value": {
+									"type": "function",
+									"parameters": [
+										{
+											"type": "parameter",
+											"name": "value",
+											"value": {
+												"type": "identifier",
+												"name": "FormDataEntryValue"
+											},
+											"optional": false,
+											"rest": false
+										},
+										{
+											"type": "parameter",
+											"name": "key",
+											"value": {
+												"type": "string"
+											},
+											"optional": false,
+											"rest": false
+										},
+										{
+											"type": "parameter",
+											"name": "parent",
+											"value": {
+												"type": "link",
+												"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:FormData",
+												"name": "FormData"
+											},
+											"optional": false,
+											"rest": false
+										}
+									],
+									"return": {
+										"type": "void"
+									},
+									"typeParameters": []
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "thisArg",
+								"value": {
+									"type": "any"
+								},
+								"optional": true,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": ""
+				},
+				"entries": {
+					"type": "method",
+					"name": "entries",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "tuple",
+									"elements": [
+										{
+											"type": "identifier",
+											"name": "string"
+										},
+										{
+											"type": "identifier",
+											"name": "FormDataEntryValue"
+										}
+									]
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "Returns an array of key, value pairs for every entry in the list."
+				},
+				"keys": {
+					"type": "method",
+					"name": "keys",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "string"
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "Returns a list of keys in the list."
+				},
+				"values": {
+					"type": "method",
+					"name": "values",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "identifier",
+									"name": "FormDataEntryValue"
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "Returns a list of values in the list."
+				},
+				"__@iterator@68": {
+					"type": "method",
+					"name": "__@iterator@68",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "application",
+							"base": {
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts:FormDataIterator",
+								"name": "FormDataIterator"
+							},
+							"typeParameters": [
+								{
+									"type": "tuple",
+									"elements": [
+										{
+											"type": "identifier",
+											"name": "string"
+										},
+										{
+											"type": "identifier",
+											"name": "FormDataEntryValue"
+										}
+									]
+								}
+							]
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": ""
+				}
+			},
+			"typeParameters": [],
+			"description": "The **`FormData`** interface provides a way to construct a set of key/value pairs representing form fields and their values, which can be sent using the Window/fetch, XMLHttpRequest.send() or navigator.sendBeacon() methods.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/FormData)"
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -1098,9 +1653,11 @@
 				}
 			}
 		},
-		"ButtonRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ButtonRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ButtonRenderProps",
 			"name": "ButtonRenderProps",
+			"extends": [],
 			"properties": {
 				"isHovered": {
 					"type": "property",
@@ -1162,7 +1719,9 @@
 					"readonly": false,
 					"description": "Whether the button is currently in a pending state."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/disclosure.json b/www/src/modules/references/generated/disclosure.json
index 3a3da7f2c..68fd3acfd 100644
--- a/www/src/modules/references/generated/disclosure.json
+++ b/www/src/modules/references/generated/disclosure.json
@@ -2,6 +2,40 @@
 	"name": "DisclosureProps",
 	"description": "A disclosure is a collapsible section of content. It is composed of a header\nwith a heading and trigger button, and a panel that contains the content.",
 	"props": {
+		"className": {
+			"type": "string | (values: DisclosureRenderProps) => string",
+			"detailedType": "string | (values: DisclosureRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "DisclosureRenderProps",
+									"name": "DisclosureRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Disclosure'"
+		},
 		"id": {
 			"type": "Key",
 			"detailedType": "Key | undefined",
@@ -94,14 +128,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: DisclosureRenderProps) => string",
-			"detailedType": "string | (values: DisclosureRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: DisclosureRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: DisclosureRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -119,48 +154,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: DisclosureRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: DisclosureRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", DisclosureRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', DisclosureRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "DisclosureRenderProps",
-									"name": "DisclosureRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DisclosureRenderProps",
+								"name": "DisclosureRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -243,6 +280,58 @@
 					"description": "State of the disclosure."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DisclosureRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DisclosureRenderProps",
+			"name": "DisclosureRenderProps",
+			"extends": [],
+			"properties": {
+				"isExpanded": {
+					"type": "property",
+					"name": "isExpanded",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the disclosure is expanded."
+				},
+				"isFocusVisibleWithin": {
+					"type": "property",
+					"name": "isFocusVisibleWithin",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the disclosure has keyboard focus."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the disclosure is disabled."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+disclosure@3.0.11_react@19.2.1/node_modules/@react-stately/disclosure/dist/types.d.ts:Disclosure.State",
+						"name": "Disclosure.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the disclosure."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/drawer.json b/www/src/modules/references/generated/drawer.json
index 157552c63..08c70a6d9 100644
--- a/www/src/modules/references/generated/drawer.json
+++ b/www/src/modules/references/generated/drawer.json
@@ -29,6 +29,40 @@
 			"description": "The side of the screen where the drawer appears.",
 			"default": "'bottom'"
 		},
+		"className": {
+			"type": "string | (values: ModalRenderProps) => string",
+			"detailedType": "string | (values: ModalRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ModalRenderProps",
+									"name": "ModalRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ModalOverlay'"
+		},
 		"isEntering": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -173,14 +207,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ModalRenderProps) => string",
-			"detailedType": "string | (values: ModalRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ModalRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ModalRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -198,48 +233,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ModalRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ModalRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ModalRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ModalRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ModalRenderProps",
-									"name": "ModalRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
+								"name": "ModalRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -298,6 +335,48 @@
 					"description": "State of the modal."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
+			"name": "ModalRenderProps",
+			"extends": [],
+			"properties": {
+				"isEntering": {
+					"type": "property",
+					"name": "isEntering",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the modal is currently entering. Use this to apply animations."
+				},
+				"isExiting": {
+					"type": "property",
+					"name": "isExiting",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the modal is currently exiting. Use this to apply animations."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+overlays@3.6.23_react@19.2.1/node_modules/@react-stately/overlays/dist/types.d.ts:OverlayTriggerState",
+						"name": "OverlayTriggerState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the modal."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/drop-zone-label.json b/www/src/modules/references/generated/drop-zone-label.json
index b885a2f94..7763c71a6 100644
--- a/www/src/modules/references/generated/drop-zone-label.json
+++ b/www/src/modules/references/generated/drop-zone-label.json
@@ -2,124 +2,172 @@
 	"name": "DropZoneLabelProps",
 	"description": "Missing description.",
 	"props": {
-		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "search"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "text"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "none"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "tel"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "url"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "email"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "numeric"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "decimal"
-					}
-				]
+				"type": "string"
 			},
-			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+			"description": "Defines a string value that labels the current element."
 		},
-		"is": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"tw": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-activedescendant": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
+			"description": "Identifies the element that provides a detailed, extended description for the object."
 		},
-		"aria-atomic": {
+		"render": {
+			"type": "DOMRenderFunction<any, any>",
+			"detailedType": "DOMRenderFunction<any, any> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "any"
+							},
+							{
+								"type": "any"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
+		"aria-disabled": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
 			"typeAst": {
 				"type": "identifier",
 				"name": "Booleanish"
 			},
-			"description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute."
+			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
 		},
-		"aria-autocomplete": {
-			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
-			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
+		"aria-expanded": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "list"
+						"type": "boolean"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "none"
+						"type": "undefined"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "inline"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "both"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
 					}
 				]
 			},
-			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
-		},
-		"aria-braillelabel": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element, which is intended to be converted into Braille."
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
 		},
-		"aria-brailleroledescription": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
-		"aria-checked": {
+		"aria-pressed": {
 			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
 			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
 			"typeAst": {
@@ -160,47 +208,7 @@
 					}
 				]
 			},
-			"description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets."
-		},
-		"aria-colcount": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the total number of columns in a table, grid, or treegrid."
-		},
-		"aria-colindex": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
-		},
-		"aria-colindextext": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a human readable text alternative of aria-colindex."
-		},
-		"aria-colspan": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
-		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+			"description": "Indicates the current \"pressed\" state of toggle buttons."
 		},
 		"aria-current": {
 			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
@@ -281,48 +289,90 @@
 			},
 			"description": "Indicates the element that represents the current item within a container or set of related elements."
 		},
-		"aria-describedby": {
+		"aria-errormessage": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Identifies the element that provides an error message for the object."
 		},
-		"aria-description": {
+		"inputMode": {
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "search"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "text"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "decimal"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "email"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "tel"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "none"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "url"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "numeric"
+					}
+				]
+			},
+			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+		},
+		"is": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that describes or annotates the current element."
+			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"aria-details": {
+		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides a detailed, extended description for the object."
+			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
 		},
-		"aria-disabled": {
+		"aria-atomic": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
 			"typeAst": {
 				"type": "identifier",
 				"name": "Booleanish"
 			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+			"description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute."
 		},
-		"aria-dropeffect": {
-			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
-			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
+		"aria-autocomplete": {
+			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
+			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "stringLiteral",
-						"value": "link"
+						"value": "list"
 					},
 					{
 						"type": "stringLiteral",
@@ -330,61 +380,35 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "copy"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "execute"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "move"
+						"value": "inline"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "popup"
+						"value": "both"
 					}
 				]
 			},
-			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
+			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
 		},
-		"aria-errormessage": {
+		"aria-braillelabel": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+			"description": "Defines a string value that labels the current element, which is intended to be converted into Braille."
 		},
-		"aria-flowto": {
+		"aria-brailleroledescription": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order."
-		},
-		"aria-grabbed": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
+			"description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+		"aria-checked": {
+			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
+			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -399,7 +423,7 @@
 						"elements": [
 							{
 								"type": "stringLiteral",
-								"value": "dialog"
+								"value": "true"
 							}
 						]
 					},
@@ -408,7 +432,7 @@
 						"elements": [
 							{
 								"type": "stringLiteral",
-								"value": "menu"
+								"value": "false"
 							}
 						]
 					},
@@ -417,49 +441,104 @@
 						"elements": [
 							{
 								"type": "stringLiteral",
-								"value": "true"
+								"value": "mixed"
 							}
 						]
+					}
+				]
+			},
+			"description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets."
+		},
+		"aria-colcount": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines the total number of columns in a table, grid, or treegrid."
+		},
+		"aria-colindex": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
+		},
+		"aria-colindextext": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a human readable text alternative of aria-colindex."
+		},
+		"aria-colspan": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
+		},
+		"aria-description": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that describes or annotates the current element."
+		},
+		"aria-dropeffect": {
+			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
+			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "link"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "none"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "copy"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "execute"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "move"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "popup"
 					}
 				]
 			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
+		},
+		"aria-flowto": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order."
+		},
+		"aria-grabbed": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
 		},
 		"aria-hidden": {
 			"type": "Booleanish",
@@ -530,22 +609,6 @@
 			},
 			"description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
 		"aria-level": {
 			"type": "number",
 			"detailedType": "number | undefined",
@@ -645,49 +708,6 @@
 			},
 			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
 		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
 		"aria-readonly": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -698,8 +718,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -709,19 +729,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
diff --git a/www/src/modules/references/generated/drop-zone.json b/www/src/modules/references/generated/drop-zone.json
index c4a42d896..d70fa5c0f 100644
--- a/www/src/modules/references/generated/drop-zone.json
+++ b/www/src/modules/references/generated/drop-zone.json
@@ -77,6 +77,48 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: DropZoneRenderProps) => string",
+			"detailedType": "string | (values: DropZoneRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "DropZoneRenderProps",
+									"name": "DropZoneRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-DropZone'"
+		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the drop target is disabled. If true, the drop target will not accept any drops."
+		},
 		"onDrop": {
 			"type": "((e: DropEvent) => void)",
 			"detailedType": "((e: DropEvent) => void) | undefined",
@@ -102,14 +144,6 @@
 			},
 			"description": "Handler that is called when a valid drag is dropped on the drop target."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the drop target is disabled. If true, the drop target will not accept any drops."
-		},
 		"getDropOperation": {
 			"type": "((types: DragTypes, allowedOperations: DropOperation[]) => DropOperation)",
 			"detailedType": "| ((\n    types: DragTypes,\n    allowedOperations: DropOperation[],\n  ) => DropOperation)\n| undefined",
@@ -127,7 +161,7 @@
 								"name": "types",
 								"value": {
 									"type": "link",
-									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.1/node_modules/@react-types/shared/src/dnd.d.ts:DragTypes",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.33.1_react@19.2.1/node_modules/@react-types/shared/src/dnd.d.ts:DragTypes",
 									"name": "DragTypes"
 								},
 								"optional": false,
@@ -291,14 +325,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: DropZoneRenderProps) => string",
-			"detailedType": "string | (values: DropZoneRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: DropZoneRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: DropZoneRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -316,48 +351,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: DropZoneRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: DropZoneRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", DropZoneRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', DropZoneRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "DropZoneRenderProps",
-									"name": "DropZoneRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DropZoneRenderProps",
+								"name": "DropZoneRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -434,6 +471,62 @@
 		}
 	},
 	"typeLinks": {
+		"DropZoneRenderProps": {
+			"type": "interface",
+			"name": "DropZoneRenderProps",
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the dropzone is currently hovered with a mouse."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the dropzone is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the dropzone is keyboard focused."
+				},
+				"isDropTarget": {
+					"type": "property",
+					"name": "isDropTarget",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the dropzone is the drop target."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the dropzone is disabled."
+				}
+			}
+		},
 		"DropEvent": {
 			"type": "interface",
 			"name": "DropEvent",
@@ -493,9 +586,9 @@
 				}
 			}
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.1/node_modules/@react-types/shared/src/dnd.d.ts:DragTypes": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.33.1_react@19.2.1/node_modules/@react-types/shared/src/dnd.d.ts:DragTypes": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.1/node_modules/@react-types/shared/src/dnd.d.ts:DragTypes",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.33.1_react@19.2.1/node_modules/@react-types/shared/src/dnd.d.ts:DragTypes",
 			"name": "DragTypes",
 			"extends": [],
 			"properties": {
@@ -722,9 +815,11 @@
 				}
 			}
 		},
-		"DropZoneRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DropZoneRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DropZoneRenderProps",
 			"name": "DropZoneRenderProps",
+			"extends": [],
 			"properties": {
 				"isHovered": {
 					"type": "property",
@@ -776,7 +871,9 @@
 					"readonly": false,
 					"description": "Whether the dropzone is disabled."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/field-error.json b/www/src/modules/references/generated/field-error.json
index 4804bd6bf..c21a52237 100644
--- a/www/src/modules/references/generated/field-error.json
+++ b/www/src/modules/references/generated/field-error.json
@@ -2,14 +2,14 @@
 	"name": "FieldErrorProps",
 	"description": "A FieldError displays validation errors for a form field.",
 	"props": {
-		"children": {
-			"type": "ReactNode | (values: FieldErrorRenderProps) => ReactNode",
+		"className": {
+			"type": "string | (values: FieldErrorRenderProps) => string",
+			"detailedType": "string | (values: FieldErrorRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "ReactNode"
+						"type": "string"
 					},
 					{
 						"type": "function",
@@ -27,23 +27,23 @@
 							}
 						],
 						"return": {
-							"type": "identifier",
-							"name": "ReactNode"
+							"type": "string"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-FieldError'"
 		},
-		"className": {
-			"type": "string | (values: FieldErrorRenderProps) => string",
-			"detailedType": "string | (values: FieldErrorRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: FieldErrorRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -61,13 +61,14 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
 		"style": {
 			"type": "CSSProperties | (values: FieldErrorRenderProps) => CSSProperties",
@@ -104,6 +105,42 @@
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", FieldErrorRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', FieldErrorRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:FieldErrorRenderProps",
+								"name": "FieldErrorRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
 		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -151,6 +188,57 @@
 					"description": "The native validation details for the input."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:FieldErrorRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:FieldErrorRenderProps",
+			"name": "FieldErrorRenderProps",
+			"extends": [
+				{
+					"type": "link",
+					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.33.1_react@19.2.1/node_modules/@react-types/shared/src/inputs.d.ts:ValidationResult",
+					"name": "ValidationResult"
+				}
+			],
+			"properties": {
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the input value is invalid."
+				},
+				"validationErrors": {
+					"type": "property",
+					"name": "validationErrors",
+					"value": {
+						"type": "array",
+						"elementType": {
+							"type": "string"
+						}
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The current error messages for the input if it is invalid, otherwise an empty array."
+				},
+				"validationDetails": {
+					"type": "property",
+					"name": "validationDetails",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:ValidityState",
+						"name": "ValidityState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The native validation details for the input."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/group.json b/www/src/modules/references/generated/group.json
index ae7ee43c2..121fb03b9 100644
--- a/www/src/modules/references/generated/group.json
+++ b/www/src/modules/references/generated/group.json
@@ -96,6 +96,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: GroupRenderProps) => string",
+			"detailedType": "string | (values: GroupRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "GroupRenderProps",
+									"name": "GroupRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Group'"
+		},
 		"isDisabled": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -175,9 +209,244 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
+		"aria-disabled": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+		},
+		"aria-expanded": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+		},
+		"aria-controls": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+		},
+		"aria-pressed": {
+			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
+			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "mixed"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the current \"pressed\" state of toggle buttons."
+		},
+		"aria-current": {
+			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
+			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "time"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "step"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "page"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "location"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "date"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the element that represents the current item within a container or set of related elements."
+		},
+		"aria-errormessage": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides an error message for the object."
+		},
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -191,27 +460,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -225,14 +494,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -367,93 +628,6 @@
 			},
 			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
 		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
-		},
-		"aria-current": {
-			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
-			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "time"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "step"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "page"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "location"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "date"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the element that represents the current item within a container or set of related elements."
-		},
 		"aria-description": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -462,15 +636,6 @@
 			},
 			"description": "Defines a string value that describes or annotates the current element."
 		},
-		"aria-disabled": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
-		},
 		"aria-dropeffect": {
 			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
 			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
@@ -505,23 +670,6 @@
 			},
 			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
 		},
-		"aria-errormessage": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
-		},
 		"aria-flowto": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -539,85 +687,6 @@
 			},
 			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
-		},
 		"aria-hidden": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -786,49 +855,6 @@
 			},
 			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
 		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
 		"aria-readonly": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -839,8 +865,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -850,19 +876,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -1046,14 +1072,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: GroupRenderProps) => string",
-			"detailedType": "string | (values: GroupRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: GroupRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: GroupRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -1071,48 +1098,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: GroupRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: GroupRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", GroupRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', GroupRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "GroupRenderProps",
-									"name": "GroupRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps",
+								"name": "GroupRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -1157,6 +1186,62 @@
 		}
 	},
 	"typeLinks": {
+		"GroupRenderProps": {
+			"type": "interface",
+			"name": "GroupRenderProps",
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is currently hovered with a mouse."
+				},
+				"isFocusWithin": {
+					"type": "property",
+					"name": "isFocusWithin",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether an element within the group is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether an element within the group is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is invalid."
+				}
+			}
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -1196,9 +1281,11 @@
 				}
 			}
 		},
-		"GroupRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps",
 			"name": "GroupRenderProps",
+			"extends": [],
 			"properties": {
 				"isHovered": {
 					"type": "property",
@@ -1250,7 +1337,9 @@
 					"readonly": false,
 					"description": "Whether the group is invalid."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/input-group.json b/www/src/modules/references/generated/input-group.json
index 6960d885a..ede925614 100644
--- a/www/src/modules/references/generated/input-group.json
+++ b/www/src/modules/references/generated/input-group.json
@@ -100,6 +100,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: GroupRenderProps) => string",
+			"detailedType": "string | (values: GroupRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "GroupRenderProps",
+									"name": "GroupRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Group'"
+		},
 		"isDisabled": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -179,9 +213,244 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
+		"aria-disabled": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+		},
+		"aria-expanded": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+		},
+		"aria-controls": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+		},
+		"aria-pressed": {
+			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
+			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "mixed"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the current \"pressed\" state of toggle buttons."
+		},
+		"aria-current": {
+			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
+			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "time"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "step"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "page"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "location"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "date"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the element that represents the current item within a container or set of related elements."
+		},
+		"aria-errormessage": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides an error message for the object."
+		},
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -195,27 +464,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -229,14 +498,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -371,93 +632,6 @@
 			},
 			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
 		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
-		},
-		"aria-current": {
-			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
-			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "time"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "step"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "page"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "location"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "date"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the element that represents the current item within a container or set of related elements."
-		},
 		"aria-description": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -466,15 +640,6 @@
 			},
 			"description": "Defines a string value that describes or annotates the current element."
 		},
-		"aria-disabled": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
-		},
 		"aria-dropeffect": {
 			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
 			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
@@ -509,23 +674,6 @@
 			},
 			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
 		},
-		"aria-errormessage": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
-		},
 		"aria-flowto": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -543,85 +691,6 @@
 			},
 			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
-		},
 		"aria-hidden": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -790,49 +859,6 @@
 			},
 			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
 		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
 		"aria-readonly": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -843,8 +869,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -854,19 +880,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -1050,14 +1076,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: GroupRenderProps) => string",
-			"detailedType": "string | (values: GroupRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: GroupRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: GroupRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -1075,48 +1102,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: GroupRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: GroupRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", GroupRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', GroupRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "GroupRenderProps",
-									"name": "GroupRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps",
+								"name": "GroupRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -1139,6 +1168,62 @@
 		}
 	},
 	"typeLinks": {
+		"GroupRenderProps": {
+			"type": "interface",
+			"name": "GroupRenderProps",
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is currently hovered with a mouse."
+				},
+				"isFocusWithin": {
+					"type": "property",
+					"name": "isFocusWithin",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether an element within the group is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether an element within the group is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the group is invalid."
+				}
+			}
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -1178,9 +1263,11 @@
 				}
 			}
 		},
-		"GroupRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:GroupRenderProps",
 			"name": "GroupRenderProps",
+			"extends": [],
 			"properties": {
 				"isHovered": {
 					"type": "property",
@@ -1232,7 +1319,9 @@
 					"readonly": false,
 					"description": "Whether the group is invalid."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/input.json b/www/src/modules/references/generated/input.json
index 68029ddf8..8c26e13b9 100644
--- a/www/src/modules/references/generated/input.json
+++ b/www/src/modules/references/generated/input.json
@@ -135,6 +135,74 @@
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides a detailed, extended description for the object."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"input\", InputRenderProps>",
+			"detailedType": "| DOMRenderFunction<'input', InputRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "input"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:InputRenderProps",
+								"name": "InputRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
 		"className": {
 			"type": "string | (values: InputRenderProps) => string",
 			"detailedType": "string | (values: InputRenderProps) => string | undefined",
@@ -166,11 +234,247 @@
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Input'"
+		},
+		"aria-disabled": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+		},
+		"aria-expanded": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+		},
+		"aria-controls": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+		},
+		"aria-pressed": {
+			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
+			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "mixed"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the current \"pressed\" state of toggle buttons."
+		},
+		"aria-current": {
+			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
+			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "time"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "step"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "page"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "location"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "date"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the element that represents the current item within a container or set of related elements."
+		},
+		"aria-errormessage": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides an error message for the object."
 		},
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -184,27 +488,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -218,14 +522,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -332,153 +628,41 @@
 			"type": "number",
 			"detailedType": "number | undefined",
 			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the total number of columns in a table, grid, or treegrid."
-		},
-		"aria-colindex": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
-		},
-		"aria-colindextext": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a human readable text alternative of aria-colindex."
-		},
-		"aria-colspan": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
-		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
-		},
-		"aria-current": {
-			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
-			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "time"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "step"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "page"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "location"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "date"
-							}
-						]
-					}
-				]
+				"type": "number"
 			},
-			"description": "Indicates the element that represents the current item within a container or set of related elements."
+			"description": "Defines the total number of columns in a table, grid, or treegrid."
 		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"aria-colindex": {
+			"type": "number",
+			"detailedType": "number | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "number"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
 		},
-		"aria-description": {
+		"aria-colindextext": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that describes or annotates the current element."
+			"description": "Defines a human readable text alternative of aria-colindex."
 		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"aria-colspan": {
+			"type": "number",
+			"detailedType": "number | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "number"
 			},
-			"description": "Identifies the element that provides a detailed, extended description for the object."
+			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
 		},
-		"aria-disabled": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
+		"aria-description": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
+				"type": "string"
 			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+			"description": "Defines a string value that describes or annotates the current element."
 		},
 		"aria-dropeffect": {
 			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
@@ -514,23 +698,6 @@
 			},
 			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
 		},
-		"aria-errormessage": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
-		},
 		"aria-flowto": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -548,85 +715,6 @@
 			},
 			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
-		},
 		"aria-hidden": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -696,22 +784,6 @@
 			},
 			"description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
 		"aria-level": {
 			"type": "number",
 			"detailedType": "number | undefined",
@@ -811,49 +883,6 @@
 			},
 			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
 		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
 		"aria-readonly": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -864,8 +893,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -875,19 +904,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -1125,6 +1154,66 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:InputRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:InputRenderProps",
+			"name": "InputRenderProps",
+			"extends": [],
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the input is currently hovered with a mouse."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the input is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the input is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the input is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the input is invalid."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
diff --git a/www/src/modules/references/generated/kbd.json b/www/src/modules/references/generated/kbd.json
index 3e448c870..307d6bb5d 100644
--- a/www/src/modules/references/generated/kbd.json
+++ b/www/src/modules/references/generated/kbd.json
@@ -3,8 +3,8 @@
 	"description": "Missing description.",
 	"props": {
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -18,27 +18,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -52,14 +52,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -698,8 +690,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -709,19 +701,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -870,6 +862,40 @@
 				"type": "string"
 			},
 			"description": "Defines the human readable text alternative of aria-valuenow for a range widget."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"kbd\", undefined>",
+			"detailedType": "DOMRenderFunction<'kbd', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "kbd"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/label.json b/www/src/modules/references/generated/label.json
index a6fcee3fe..dd7862b79 100644
--- a/www/src/modules/references/generated/label.json
+++ b/www/src/modules/references/generated/label.json
@@ -3,8 +3,8 @@
 	"description": "Missing description.",
 	"props": {
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -18,27 +18,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -52,14 +52,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -698,8 +690,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -709,19 +701,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -870,6 +862,40 @@
 				"type": "string"
 			},
 			"description": "Defines the human readable text alternative of aria-valuenow for a range widget."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"label\", undefined>",
+			"detailedType": "DOMRenderFunction<'label', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "label"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/link-button.json b/www/src/modules/references/generated/link-button.json
index 6d363c95c..790f4aa43 100644
--- a/www/src/modules/references/generated/link-button.json
+++ b/www/src/modules/references/generated/link-button.json
@@ -2,8 +2,8 @@
 	"name": "LinkButtonProps",
 	"props": {
 		"variant": {
-			"type": "\"link\" | \"danger\" | \"warning\" | \"default\" | \"primary\" | \"quiet\"",
-			"detailedType": "| 'link'\n| 'danger'\n| 'warning'\n| 'default'\n| 'primary'\n| 'quiet'\n| undefined",
+			"type": "\"link\" | \"danger\" | \"warning\" | \"primary\" | \"default\" | \"quiet\"",
+			"detailedType": "| 'link'\n| 'danger'\n| 'warning'\n| 'primary'\n| 'default'\n| 'quiet'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -21,11 +21,11 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "default"
+						"value": "primary"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "primary"
+						"value": "default"
 					},
 					{
 						"type": "stringLiteral",
@@ -462,70 +462,55 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
-		"referrerPolicy": {
-			"type": "HTMLAttributeReferrerPolicy",
-			"detailedType": "HTMLAttributeReferrerPolicy | undefined",
+		"className": {
+			"type": "string | (values: LinkRenderProps) => string",
+			"detailedType": "string | (values: LinkRenderProps) => string | undefined",
 			"typeAst": {
-				"type": "identifier",
-				"name": "HTMLAttributeReferrerPolicy"
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "LinkRenderProps",
+									"name": "LinkRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
 			},
-			"description": "How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Link'"
 		},
-		"autoFocus": {
+		"isDisabled": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
 			"typeAst": {
 				"type": "boolean"
 			},
-			"description": "Whether the element should receive focus on render."
-		},
-		"rel": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."
-		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that describes the object."
-		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
-		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "Whether the link is disabled."
 		},
-		"isDisabled": {
+		"autoFocus": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
 			"typeAst": {
 				"type": "boolean"
 			},
-			"description": "Whether the link is disabled."
+			"description": "Whether the element should receive focus on render."
 		},
 		"href": {
 			"type": "string",
@@ -552,6 +537,14 @@
 			},
 			"description": "The target window for the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."
 		},
+		"rel": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."
+		},
 		"download": {
 			"type": "string | boolean",
 			"detailedType": "string | boolean | undefined",
@@ -579,6 +572,15 @@
 			},
 			"description": "A space-separated list of URLs to ping when the link is followed. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping)."
 		},
+		"referrerPolicy": {
+			"type": "HTMLAttributeReferrerPolicy",
+			"detailedType": "HTMLAttributeReferrerPolicy | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "HTMLAttributeReferrerPolicy"
+			},
+			"description": "How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."
+		},
 		"routerOptions": {
 			"type": "undefined",
 			"typeAst": {
@@ -586,14 +588,47 @@
 			},
 			"description": "Options for the configured client side router."
 		},
-		"children": {
-			"type": "ReactNode | (values: LinkRenderProps) => ReactNode",
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+		},
+		"style": {
+			"type": "CSSProperties | (values: LinkRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: LinkRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "identifier",
-						"name": "ReactNode"
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -612,22 +647,22 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "ReactNode"
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"className": {
-			"type": "string | (values: LinkRenderProps) => string",
-			"detailedType": "string | (values: LinkRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: LinkRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -645,33 +680,89 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: LinkRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: LinkRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "((props: DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | DetailedHTMLProps<LinkWithRequiredHref, HTMLAnchorElement>, renderProps: LinkRenderProps) => ReactElement<unknown, string | JSXElementConstructor<any>>)",
+			"detailedType": "| ((\n    props:\n      | DetailedHTMLProps<\n          HTMLAttributes<HTMLSpanElement>,\n          HTMLSpanElement\n        >\n      | DetailedHTMLProps<\n          LinkWithRequiredHref,\n          HTMLAnchorElement\n        >,\n    renderProps: LinkRenderProps,\n  ) => ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >)\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
 						"type": "function",
 						"parameters": [
 							{
 								"type": "parameter",
-								"name": "values",
+								"name": "props",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "application",
+													"base": {
+														"type": "identifier",
+														"name": "HTMLAttributes"
+													},
+													"typeParameters": [
+														{
+															"type": "identifier",
+															"name": "HTMLSpanElement"
+														}
+													]
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLSpanElement",
+													"name": "HTMLSpanElement"
+												}
+											]
+										},
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "identifier",
+													"name": "LinkWithRequiredHref"
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLAnchorElement",
+													"name": "HTMLAnchorElement"
+												}
+											]
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "renderProps",
 								"value": {
 									"type": "link",
-									"id": "LinkRenderProps",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:LinkRenderProps",
 									"name": "LinkRenderProps"
 								},
 								"optional": false,
@@ -680,13 +771,13 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "ReactElement"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nNote: You can check if `'href' in props` in order to tell whether to render an `<a>` element.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<a>` is expected, you cannot render a `<button>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -706,9 +797,83 @@
 				]
 			},
 			"description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent."
+		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		}
 	},
 	"typeLinks": {
+		"LinkRenderProps": {
+			"type": "interface",
+			"name": "LinkRenderProps",
+			"properties": {
+				"isCurrent": {
+					"type": "property",
+					"name": "isCurrent",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is the current item within a list."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is currently in a pressed state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is disabled."
+				}
+			}
+		},
 		"PressEvent": {
 			"type": "interface",
 			"name": "PressEvent",
@@ -806,6 +971,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
@@ -858,9 +1034,11 @@
 				}
 			}
 		},
-		"LinkRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:LinkRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:LinkRenderProps",
 			"name": "LinkRenderProps",
+			"extends": [],
 			"properties": {
 				"isCurrent": {
 					"type": "property",
@@ -922,7 +1100,9 @@
 					"readonly": false,
 					"description": "Whether the link is disabled."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/link.json b/www/src/modules/references/generated/link.json
index 11221f6f3..8c8280059 100644
--- a/www/src/modules/references/generated/link.json
+++ b/www/src/modules/references/generated/link.json
@@ -3,18 +3,18 @@
 	"description": "A link allows a user to navigate to another page or resource within a web page or application.",
 	"props": {
 		"variant": {
-			"type": "\"quiet\" | \"accent\" | \"unstyled\"",
-			"detailedType": "'quiet' | 'accent' | 'unstyled' | undefined",
+			"type": "\"accent\" | \"quiet\" | \"unstyled\"",
+			"detailedType": "'accent' | 'quiet' | 'unstyled' | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "stringLiteral",
-						"value": "quiet"
+						"value": "accent"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "accent"
+						"value": "quiet"
 					},
 					{
 						"type": "stringLiteral",
@@ -405,70 +405,55 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
-		"referrerPolicy": {
-			"type": "HTMLAttributeReferrerPolicy",
-			"detailedType": "HTMLAttributeReferrerPolicy | undefined",
+		"className": {
+			"type": "string | (values: LinkRenderProps) => string",
+			"detailedType": "string | (values: LinkRenderProps) => string | undefined",
 			"typeAst": {
-				"type": "identifier",
-				"name": "HTMLAttributeReferrerPolicy"
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "LinkRenderProps",
+									"name": "LinkRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
 			},
-			"description": "How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Link'"
 		},
-		"autoFocus": {
+		"isDisabled": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
 			"typeAst": {
 				"type": "boolean"
 			},
-			"description": "Whether the element should receive focus on render."
-		},
-		"rel": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."
-		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that describes the object."
-		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
-		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "Whether the link is disabled."
 		},
-		"isDisabled": {
+		"autoFocus": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
 			"typeAst": {
 				"type": "boolean"
 			},
-			"description": "Whether the link is disabled."
+			"description": "Whether the element should receive focus on render."
 		},
 		"href": {
 			"type": "string",
@@ -495,6 +480,14 @@
 			},
 			"description": "The target window for the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."
 		},
+		"rel": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."
+		},
 		"download": {
 			"type": "string | boolean",
 			"detailedType": "string | boolean | undefined",
@@ -522,6 +515,15 @@
 			},
 			"description": "A space-separated list of URLs to ping when the link is followed. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping)."
 		},
+		"referrerPolicy": {
+			"type": "HTMLAttributeReferrerPolicy",
+			"detailedType": "HTMLAttributeReferrerPolicy | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "HTMLAttributeReferrerPolicy"
+			},
+			"description": "How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."
+		},
 		"routerOptions": {
 			"type": "undefined",
 			"typeAst": {
@@ -529,14 +531,47 @@
 			},
 			"description": "Options for the configured client side router."
 		},
-		"children": {
-			"type": "ReactNode | (values: LinkRenderProps) => ReactNode",
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+		},
+		"style": {
+			"type": "CSSProperties | (values: LinkRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: LinkRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "identifier",
-						"name": "ReactNode"
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -555,22 +590,22 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "ReactNode"
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"className": {
-			"type": "string | (values: LinkRenderProps) => string",
-			"detailedType": "string | (values: LinkRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: LinkRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -588,33 +623,89 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: LinkRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: LinkRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "((props: DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> | DetailedHTMLProps<LinkWithRequiredHref, HTMLAnchorElement>, renderProps: LinkRenderProps) => ReactElement<unknown, string | JSXElementConstructor<any>>)",
+			"detailedType": "| ((\n    props:\n      | DetailedHTMLProps<\n          HTMLAttributes<HTMLSpanElement>,\n          HTMLSpanElement\n        >\n      | DetailedHTMLProps<\n          LinkWithRequiredHref,\n          HTMLAnchorElement\n        >,\n    renderProps: LinkRenderProps,\n  ) => ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >)\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
 						"type": "function",
 						"parameters": [
 							{
 								"type": "parameter",
-								"name": "values",
+								"name": "props",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "application",
+													"base": {
+														"type": "identifier",
+														"name": "HTMLAttributes"
+													},
+													"typeParameters": [
+														{
+															"type": "identifier",
+															"name": "HTMLSpanElement"
+														}
+													]
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLSpanElement",
+													"name": "HTMLSpanElement"
+												}
+											]
+										},
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "identifier",
+													"name": "LinkWithRequiredHref"
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLAnchorElement",
+													"name": "HTMLAnchorElement"
+												}
+											]
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "renderProps",
 								"value": {
 									"type": "link",
-									"id": "LinkRenderProps",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:LinkRenderProps",
 									"name": "LinkRenderProps"
 								},
 								"optional": false,
@@ -623,13 +714,13 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "ReactElement"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nNote: You can check if `'href' in props` in order to tell whether to render an `<a>` element.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<a>` is expected, you cannot render a `<button>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -649,6 +740,14 @@
 				]
 			},
 			"description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent."
+		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		}
 	},
 	"renderProps": {
@@ -678,6 +777,72 @@
 		}
 	},
 	"typeLinks": {
+		"LinkRenderProps": {
+			"type": "interface",
+			"name": "LinkRenderProps",
+			"properties": {
+				"isCurrent": {
+					"type": "property",
+					"name": "isCurrent",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is the current item within a list."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is currently in a pressed state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the link is disabled."
+				}
+			}
+		},
 		"PressEvent": {
 			"type": "interface",
 			"name": "PressEvent",
@@ -775,6 +940,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
@@ -827,9 +1003,11 @@
 				}
 			}
 		},
-		"LinkRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:LinkRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:LinkRenderProps",
 			"name": "LinkRenderProps",
+			"extends": [],
 			"properties": {
 				"isCurrent": {
 					"type": "property",
@@ -891,7 +1069,9 @@
 					"readonly": false,
 					"description": "Whether the link is disabled."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/list-box-item.json b/www/src/modules/references/generated/list-box-item.json
index 3938a13b0..c93570324 100644
--- a/www/src/modules/references/generated/list-box-item.json
+++ b/www/src/modules/references/generated/list-box-item.json
@@ -195,6 +195,165 @@
 			},
 			"description": "**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides \nadditional event details for non-mouse interactions."
 		},
+		"onFocus": {
+			"type": "((e: FocusEvent<HTMLDivElement, Element>) => void)",
+			"detailedType": "| ((e: FocusEvent<HTMLDivElement, Element>) => void)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "e",
+								"value": {
+									"type": "application",
+									"base": {
+										"type": "identifier",
+										"name": "FocusEvent"
+									},
+									"typeParameters": [
+										{
+											"type": "link",
+											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLDivElement",
+											"name": "HTMLDivElement"
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "Handler that is called when the element receives focus."
+		},
+		"onBlur": {
+			"type": "((e: FocusEvent<HTMLDivElement, Element>) => void)",
+			"detailedType": "| ((e: FocusEvent<HTMLDivElement, Element>) => void)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "e",
+								"value": {
+									"type": "application",
+									"base": {
+										"type": "identifier",
+										"name": "FocusEvent"
+									},
+									"typeParameters": [
+										{
+											"type": "link",
+											"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLDivElement",
+											"name": "HTMLDivElement"
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "Handler that is called when the element loses focus."
+		},
+		"onFocusChange": {
+			"type": "((isFocused: boolean) => void)",
+			"detailedType": "((isFocused: boolean) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "isFocused",
+						"value": {
+							"type": "link",
+							"id": "boolean",
+							"name": "boolean"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the element's focus status changes."
+		},
+		"onKeyDown": {
+			"type": "((e: KeyboardEvent) => void)",
+			"detailedType": "((e: KeyboardEvent) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "e",
+						"value": {
+							"type": "link",
+							"id": "KeyboardEvent",
+							"name": "KeyboardEvent"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when a key is pressed."
+		},
+		"onKeyUp": {
+			"type": "((e: KeyboardEvent) => void)",
+			"detailedType": "((e: KeyboardEvent) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "e",
+						"value": {
+							"type": "link",
+							"id": "KeyboardEvent",
+							"name": "KeyboardEvent"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when a key is released."
+		},
 		"onHoverStart": {
 			"type": "((e: HoverEvent) => void)",
 			"detailedType": "((e: HoverEvent) => void) | undefined",
@@ -270,6 +429,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: ListBoxItemRenderProps) => string",
+			"detailedType": "string | (values: ListBoxItemRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ListBoxItemRenderProps",
+									"name": "ListBoxItemRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ListBoxItem'"
+		},
 		"id": {
 			"type": "Key",
 			"detailedType": "Key | undefined",
@@ -333,14 +526,15 @@
 			},
 			"description": "Handler that is called when a user performs an action on the item. The exact user event depends on\nthe collection's `selectionBehavior` prop and the interaction modality."
 		},
-		"children": {
-			"type": "ReactNode | (values: ListBoxItemRenderProps) => ReactNode",
+		"style": {
+			"type": "CSSProperties | (values: ListBoxItemRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ListBoxItemRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "identifier",
-						"name": "ReactNode"
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -359,22 +553,22 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "ReactNode"
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"className": {
-			"type": "string | (values: ListBoxItemRenderProps) => string",
-			"detailedType": "string | (values: ListBoxItemRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: ListBoxItemRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -392,33 +586,89 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ListBoxItemRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ListBoxItemRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "((props: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> | DetailedHTMLProps<LinkWithRequiredHref, HTMLAnchorElement>, renderProps: ListBoxItemRenderProps) => ReactElement<unknown, string | JSXElementConstructor<any>>)",
+			"detailedType": "| ((\n    props:\n      | DetailedHTMLProps<\n          HTMLAttributes<HTMLDivElement>,\n          HTMLDivElement\n        >\n      | DetailedHTMLProps<\n          LinkWithRequiredHref,\n          HTMLAnchorElement\n        >,\n    renderProps: ListBoxItemRenderProps,\n  ) => ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >)\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
 						"type": "function",
 						"parameters": [
 							{
 								"type": "parameter",
-								"name": "values",
+								"name": "props",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "application",
+													"base": {
+														"type": "identifier",
+														"name": "HTMLAttributes"
+													},
+													"typeParameters": [
+														{
+															"type": "identifier",
+															"name": "HTMLDivElement"
+														}
+													]
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLDivElement",
+													"name": "HTMLDivElement"
+												}
+											]
+										},
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "identifier",
+													"name": "LinkWithRequiredHref"
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLAnchorElement",
+													"name": "HTMLAnchorElement"
+												}
+											]
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "renderProps",
 								"value": {
 									"type": "link",
-									"id": "ListBoxItemRenderProps",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxItemRenderProps",
 									"name": "ListBoxItemRenderProps"
 								},
 								"optional": false,
@@ -427,13 +677,13 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "ReactElement"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nNote: You can check if `'href' in props` in order to tell whether to render an `<a>` element.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<a>` is expected, you cannot render a `<button>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"href": {
 			"type": "string",
@@ -676,6 +926,158 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxItemRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxItemRenderProps",
+			"name": "ListBoxItemRenderProps",
+			"extends": [
+				{
+					"type": "link",
+					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ItemRenderProps",
+					"name": "ItemRenderProps"
+				}
+			],
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently in a pressed state."
+				},
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently selected."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is non-interactive, i.e. both selection and actions are disabled and the item may\nnot be focused. Dependent on `disabledKeys` and `disabledBehavior`."
+				},
+				"selectionMode": {
+					"type": "property",
+					"name": "selectionMode",
+					"value": {
+						"type": "identifier",
+						"name": "SelectionMode"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The type of selection that is allowed in the collection."
+				},
+				"selectionBehavior": {
+					"type": "property",
+					"name": "selectionBehavior",
+					"value": {
+						"type": "identifier",
+						"name": "SelectionBehavior"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The selection behavior for the collection."
+				},
+				"allowsDragging": {
+					"type": "property",
+					"name": "allowsDragging",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item allows dragging."
+				},
+				"isDragging": {
+					"type": "property",
+					"name": "isDragging",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item is currently being dragged."
+				},
+				"isDropTarget": {
+					"type": "property",
+					"name": "isDropTarget",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item is currently an active drop target."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -812,6 +1214,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
diff --git a/www/src/modules/references/generated/list-box-section-header.json b/www/src/modules/references/generated/list-box-section-header.json
index 7d63f950d..12df3d183 100644
--- a/www/src/modules/references/generated/list-box-section-header.json
+++ b/www/src/modules/references/generated/list-box-section-header.json
@@ -3,8 +3,8 @@
 	"description": "Missing description.",
 	"props": {
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -18,27 +18,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -52,14 +52,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -698,8 +690,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -709,19 +701,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -870,6 +862,40 @@
 				"type": "string"
 			},
 			"description": "Defines the human readable text alternative of aria-valuenow for a range widget."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"header\", undefined>",
+			"detailedType": "DOMRenderFunction<'header', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "header"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/list-box-section.json b/www/src/modules/references/generated/list-box-section.json
index b69b341b9..8e34adf8e 100644
--- a/www/src/modules/references/generated/list-box-section.json
+++ b/www/src/modules/references/generated/list-box-section.json
@@ -2,6 +2,15 @@
 	"name": "ListBoxSectionProps",
 	"description": "A ListBoxSection represents a section within a ListBox.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-ListBoxSection'"
+		},
 		"id": {
 			"type": "Key",
 			"detailedType": "Key | undefined",
@@ -125,14 +134,6 @@
 			},
 			"description": "Values that should invalidate the item cache when using dynamic collections."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "An accessibility label for the section."
-		},
 		"items": {
 			"type": "Iterable<T>",
 			"detailedType": "Iterable<T> | undefined",
@@ -162,13 +163,13 @@
 			},
 			"description": "Item objects in the section."
 		},
-		"className": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
+			"description": "An accessibility label for the section."
 		},
 		"style": {
 			"type": "CSSProperties",
@@ -178,6 +179,40 @@
 				"name": "CSSProperties"
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"section\", undefined>",
+			"detailedType": "DOMRenderFunction<'section', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "section"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -316,9 +351,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -828,9 +863,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
diff --git a/www/src/modules/references/generated/list-box.json b/www/src/modules/references/generated/list-box.json
index e26047b54..872a534d4 100644
--- a/www/src/modules/references/generated/list-box.json
+++ b/www/src/modules/references/generated/list-box.json
@@ -99,6 +99,40 @@
 			},
 			"description": "Handler that is called when the element's focus status changes."
 		},
+		"className": {
+			"type": "string | (values: ListBoxRenderProps) => string",
+			"detailedType": "string | (values: ListBoxRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ListBoxRenderProps",
+									"name": "ListBoxRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ListBox'"
+		},
 		"selectionBehavior": {
 			"type": "SelectionBehavior",
 			"detailedType": "SelectionBehavior | undefined",
@@ -190,80 +224,6 @@
 			"description": "The primary orientation of the items. Usually this is the\ndirection that the collection scrolls.",
 			"default": "'vertical'"
 		},
-		"autoFocus": {
-			"type": "boolean | FocusStrategy",
-			"detailedType": "boolean | FocusStrategy | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "first"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "last"
-							}
-						]
-					}
-				]
-			},
-			"description": "Whether to auto focus the listbox or an option."
-		},
-		"id": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
-		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that describes the object."
-		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
-		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
 		"disabledKeys": {
 			"type": "Iterable<Key>",
 			"detailedType": "Iterable<Key> | undefined",
@@ -320,46 +280,79 @@
 			},
 			"description": "Item objects in the collection."
 		},
-		"disallowEmptySelection": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
+		"autoFocus": {
+			"type": "boolean | FocusStrategy",
+			"detailedType": "boolean | FocusStrategy | undefined",
 			"typeAst": {
-				"type": "boolean"
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "first"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "last"
+							}
+						]
+					}
+				]
 			},
-			"description": "Whether the collection allows empty selection."
+			"description": "Whether to auto focus the listbox or an option."
 		},
-		"onSelectionChange": {
-			"type": "((keys: Selection) => void)",
-			"detailedType": "((keys: Selection) => void) | undefined",
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "function",
-				"parameters": [
-					{
-						"type": "parameter",
-						"name": "keys",
-						"value": {
-							"type": "link",
-							"id": "Selection",
-							"name": "Selection"
-						},
-						"optional": false,
-						"rest": false
-					}
-				],
-				"return": {
-					"type": "void"
-				},
-				"typeParameters": []
+				"type": "string"
 			},
-			"description": "Handler that is called when the selection changes."
+			"description": "Defines a string value that labels the current element."
 		},
-		"shouldFocusWrap": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "boolean"
+				"type": "string"
 			},
-			"description": "Whether focus should wrap around when the end/start is reached."
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"shouldSelectOnPressUp": {
 			"type": "boolean",
@@ -421,6 +414,14 @@
 			"description": "Whether pressing the escape key should clear selection in the listbox or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually.",
 			"default": "'clearSelection'"
 		},
+		"shouldFocusWrap": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether focus should wrap around when the end/start is reached."
+		},
 		"selectionMode": {
 			"type": "SelectionMode",
 			"detailedType": "SelectionMode | undefined",
@@ -430,6 +431,14 @@
 			},
 			"description": "The type of selection that is allowed in the collection."
 		},
+		"disallowEmptySelection": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the collection allows empty selection."
+		},
 		"selectedKeys": {
 			"type": "Iterable<Key> | \"all\"",
 			"detailedType": "Iterable<Key> | 'all' | undefined",
@@ -502,6 +511,31 @@
 			},
 			"description": "The initial selected keys in the collection (uncontrolled)."
 		},
+		"onSelectionChange": {
+			"type": "((keys: Selection) => void)",
+			"detailedType": "((keys: Selection) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "keys",
+						"value": {
+							"type": "link",
+							"id": "Selection",
+							"name": "Selection"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the selection changes."
+		},
 		"children": {
 			"type": "ReactNode | ((item: T) => ReactNode)",
 			"typeAst": {
@@ -607,14 +641,15 @@
 			},
 			"description": "Values that should invalidate the item cache when using dynamic collections."
 		},
-		"className": {
-			"type": "string | (values: ListBoxRenderProps) => string",
-			"detailedType": "string | (values: ListBoxRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -632,48 +667,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ListBoxRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ListBoxRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ListBoxRenderProps",
-									"name": "ListBoxRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps",
+								"name": "ListBoxRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -921,9 +958,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -1433,9 +1470,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -1446,6 +1483,96 @@
 			},
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps",
+			"name": "ListBoxRenderProps",
+			"extends": [],
+			"properties": {
+				"isEmpty": {
+					"type": "property",
+					"name": "isEmpty",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox has no items and should display its empty state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently keyboard focused."
+				},
+				"isDropTarget": {
+					"type": "property",
+					"name": "isDropTarget",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently the active drop target."
+				},
+				"layout": {
+					"type": "property",
+					"name": "layout",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							},
+							{
+								"type": "stringLiteral",
+								"value": "stack"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the items are arranged in a stack or grid."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+list@3.13.4_react@19.2.1/node_modules/@react-stately/list/dist/types.d.ts:ListState",
+							"name": "ListState"
+						},
+						"typeParameters": [
+							{
+								"type": "unknown"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the listbox."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/loader.json b/www/src/modules/references/generated/loader.json
index b7d841807..7a8eebd2f 100644
--- a/www/src/modules/references/generated/loader.json
+++ b/www/src/modules/references/generated/loader.json
@@ -91,45 +91,79 @@
 			"description": "The largest value allowed for the input.",
 			"default": "100"
 		},
-		"id": {
+		"className": {
+			"type": "string | (values: ProgressBarRenderProps) => string",
+			"detailedType": "string | (values: ProgressBarRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ProgressBarRenderProps",
+									"name": "ProgressBarRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ProgressBar'"
+		},
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-describedby": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"aria-details": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-label": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-labelledby": {
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"children": {
 			"type": "ReactNode | (values: ProgressBarRenderProps) => ReactNode",
@@ -165,14 +199,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ProgressBarRenderProps) => string",
-			"detailedType": "string | (values: ProgressBarRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ProgressBarRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ProgressBarRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -190,48 +225,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ProgressBarRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ProgressBarRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ProgressBarRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ProgressBarRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ProgressBarRenderProps",
-									"name": "ProgressBarRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ProgressBarRenderProps",
+								"name": "ProgressBarRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -291,6 +328,62 @@
 					"description": "Whether the progress bar is indeterminate."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ProgressBarRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ProgressBarRenderProps",
+			"name": "ProgressBarRenderProps",
+			"extends": [],
+			"properties": {
+				"percentage": {
+					"type": "property",
+					"name": "percentage",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "number"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The value as a percentage between the minimum and maximum."
+				},
+				"valueText": {
+					"type": "property",
+					"name": "valueText",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "string"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "A formatted version of the value."
+				},
+				"isIndeterminate": {
+					"type": "property",
+					"name": "isIndeterminate",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the progress bar is indeterminate."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/menu-content.json b/www/src/modules/references/generated/menu-content.json
index 18f2ee6f9..23a48e0c6 100644
--- a/www/src/modules/references/generated/menu-content.json
+++ b/www/src/modules/references/generated/menu-content.json
@@ -346,6 +346,40 @@
 			},
 			"description": "Handler that is called when the selection changes."
 		},
+		"className": {
+			"type": "string | (values: MenuRenderProps) => string",
+			"detailedType": "string | (values: MenuRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "MenuRenderProps",
+									"name": "MenuRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Menu'"
+		},
 		"renderEmptyState": {
 			"type": "(() => ReactNode)",
 			"detailedType": "(() => ReactNode) | undefined",
@@ -368,45 +402,53 @@
 			},
 			"description": "Provides content to display when there are no items in the list."
 		},
-		"id": {
+		"shouldCloseOnSelect": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the menu should close when the menu item is selected."
+		},
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-describedby": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"aria-details": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-label": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-labelledby": {
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"escapeKeyBehavior": {
 			"type": "\"none\" | \"clearSelection\"",
@@ -446,14 +488,15 @@
 			},
 			"description": "Values that should invalidate the item cache when using dynamic collections."
 		},
-		"className": {
-			"type": "string | (values: MenuRenderProps) => string",
-			"detailedType": "string | (values: MenuRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: MenuRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: MenuRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -471,48 +514,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: MenuRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: MenuRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", MenuRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', MenuRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "MenuRenderProps",
-									"name": "MenuRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:MenuRenderProps",
+								"name": "MenuRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -535,6 +580,22 @@
 		}
 	},
 	"typeLinks": {
+		"MenuRenderProps": {
+			"type": "interface",
+			"name": "MenuRenderProps",
+			"properties": {
+				"isEmpty": {
+					"type": "property",
+					"name": "isEmpty",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the menu has no items and should display its empty state."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator",
@@ -670,9 +731,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -1182,9 +1243,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -1196,9 +1257,11 @@
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
 		},
-		"MenuRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:MenuRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:MenuRenderProps",
 			"name": "MenuRenderProps",
+			"extends": [],
 			"properties": {
 				"isEmpty": {
 					"type": "property",
@@ -1210,7 +1273,9 @@
 					"readonly": false,
 					"description": "Whether the menu has no items and should display its empty state."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/menu-item.json b/www/src/modules/references/generated/menu-item.json
index 64b0deef3..c7e0179e4 100644
--- a/www/src/modules/references/generated/menu-item.json
+++ b/www/src/modules/references/generated/menu-item.json
@@ -3,8 +3,8 @@
 	"description": "A MenuItem represents an individual action in a Menu.",
 	"props": {
 		"variant": {
-			"type": "\"danger\" | \"warning\" | \"success\" | \"default\" | \"accent\"",
-			"detailedType": "| 'danger'\n| 'warning'\n| 'success'\n| 'default'\n| 'accent'\n| undefined",
+			"type": "\"danger\" | \"warning\" | \"success\" | \"accent\" | \"default\"",
+			"detailedType": "| 'danger'\n| 'warning'\n| 'success'\n| 'accent'\n| 'default'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -22,11 +22,11 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "default"
+						"value": "accent"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "accent"
+						"value": "default"
 					}
 				]
 			},
@@ -199,6 +199,95 @@
 			},
 			"description": "**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides \nadditional event details for non-mouse interactions."
 		},
+		"onFocus": {
+			"type": "((e: FocusEvent<Element, Element>) => void)",
+			"detailedType": "| ((e: FocusEvent<Element, Element>) => void)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "e",
+								"value": {
+									"type": "identifier",
+									"name": "FocusEvent"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "Handler that is called when the element receives focus."
+		},
+		"onBlur": {
+			"type": "((e: FocusEvent<Element, Element>) => void)",
+			"detailedType": "| ((e: FocusEvent<Element, Element>) => void)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "e",
+								"value": {
+									"type": "identifier",
+									"name": "FocusEvent"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "Handler that is called when the element loses focus."
+		},
+		"onFocusChange": {
+			"type": "((isFocused: boolean) => void)",
+			"detailedType": "((isFocused: boolean) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "isFocused",
+						"value": {
+							"type": "link",
+							"id": "boolean",
+							"name": "boolean"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the element's focus status changes."
+		},
 		"onHoverStart": {
 			"type": "((e: HoverEvent) => void)",
 			"detailedType": "((e: HoverEvent) => void) | undefined",
@@ -274,6 +363,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: MenuItemRenderProps) => string",
+			"detailedType": "string | (values: MenuItemRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "MenuItemRenderProps",
+									"name": "MenuItemRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-MenuItem'"
+		},
 		"id": {
 			"type": "Key",
 			"detailedType": "Key | undefined",
@@ -337,14 +460,23 @@
 			},
 			"description": "Handler that is called when the item is selected."
 		},
-		"children": {
-			"type": "ReactNode | (values: MenuItemRenderProps) => ReactNode",
+		"shouldCloseOnSelect": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the menu should close when the menu item is selected."
+		},
+		"style": {
+			"type": "CSSProperties | (values: MenuItemRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: MenuItemRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "identifier",
-						"name": "ReactNode"
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -363,22 +495,22 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "ReactNode"
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"className": {
-			"type": "string | (values: MenuItemRenderProps) => string",
-			"detailedType": "string | (values: MenuItemRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: MenuItemRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -396,33 +528,89 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: MenuItemRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: MenuItemRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "((props: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> | DetailedHTMLProps<LinkWithRequiredHref, HTMLAnchorElement>, renderProps: MenuItemRenderProps) => ReactElement<unknown, string | JSXElementConstructor<any>>)",
+			"detailedType": "| ((\n    props:\n      | DetailedHTMLProps<\n          HTMLAttributes<HTMLDivElement>,\n          HTMLDivElement\n        >\n      | DetailedHTMLProps<\n          LinkWithRequiredHref,\n          HTMLAnchorElement\n        >,\n    renderProps: MenuItemRenderProps,\n  ) => ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >)\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
 						"type": "function",
 						"parameters": [
 							{
 								"type": "parameter",
-								"name": "values",
+								"name": "props",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "application",
+													"base": {
+														"type": "identifier",
+														"name": "HTMLAttributes"
+													},
+													"typeParameters": [
+														{
+															"type": "identifier",
+															"name": "HTMLDivElement"
+														}
+													]
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLDivElement",
+													"name": "HTMLDivElement"
+												}
+											]
+										},
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "identifier",
+													"name": "LinkWithRequiredHref"
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLAnchorElement",
+													"name": "HTMLAnchorElement"
+												}
+											]
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "renderProps",
 								"value": {
 									"type": "link",
-									"id": "MenuItemRenderProps",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:MenuItemRenderProps",
 									"name": "MenuItemRenderProps"
 								},
 								"optional": false,
@@ -431,13 +619,13 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "ReactElement"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nNote: You can check if `'href' in props` in order to tell whether to render an `<a>` element.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<a>` is expected, you cannot render a `<button>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"href": {
 			"type": "string",
@@ -708,6 +896,178 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:MenuItemRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:MenuItemRenderProps",
+			"name": "MenuItemRenderProps",
+			"extends": [
+				{
+					"type": "link",
+					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ItemRenderProps",
+					"name": "ItemRenderProps"
+				}
+			],
+			"properties": {
+				"hasSubmenu": {
+					"type": "property",
+					"name": "hasSubmenu",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item has a submenu."
+				},
+				"isOpen": {
+					"type": "property",
+					"name": "isOpen",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item's submenu is open."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently in a pressed state."
+				},
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently selected."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is non-interactive, i.e. both selection and actions are disabled and the item may\nnot be focused. Dependent on `disabledKeys` and `disabledBehavior`."
+				},
+				"selectionMode": {
+					"type": "property",
+					"name": "selectionMode",
+					"value": {
+						"type": "identifier",
+						"name": "SelectionMode"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The type of selection that is allowed in the collection."
+				},
+				"selectionBehavior": {
+					"type": "property",
+					"name": "selectionBehavior",
+					"value": {
+						"type": "identifier",
+						"name": "SelectionBehavior"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The selection behavior for the collection."
+				},
+				"allowsDragging": {
+					"type": "property",
+					"name": "allowsDragging",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item allows dragging."
+				},
+				"isDragging": {
+					"type": "property",
+					"name": "isDragging",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item is currently being dragged."
+				},
+				"isDropTarget": {
+					"type": "property",
+					"name": "isDropTarget",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item is currently an active drop target."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -844,6 +1204,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
diff --git a/www/src/modules/references/generated/menu-section-header.json b/www/src/modules/references/generated/menu-section-header.json
index 67ae0ff13..6d8c983bf 100644
--- a/www/src/modules/references/generated/menu-section-header.json
+++ b/www/src/modules/references/generated/menu-section-header.json
@@ -3,8 +3,8 @@
 	"description": "Missing description.",
 	"props": {
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -18,27 +18,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -52,14 +52,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -698,8 +690,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -709,19 +701,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -870,6 +862,40 @@
 				"type": "string"
 			},
 			"description": "Defines the human readable text alternative of aria-valuenow for a range widget."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"header\", undefined>",
+			"detailedType": "DOMRenderFunction<'header', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "header"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/menu-section.json b/www/src/modules/references/generated/menu-section.json
index fc6f034c6..48240f3fa 100644
--- a/www/src/modules/references/generated/menu-section.json
+++ b/www/src/modules/references/generated/menu-section.json
@@ -2,6 +2,23 @@
 	"name": "MenuSectionProps",
 	"description": "A MenuSection represents a section within a Menu.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-MenuSection'"
+		},
+		"shouldCloseOnSelect": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the menu should close when the menu item is selected."
+		},
 		"id": {
 			"type": "Key",
 			"detailedType": "Key | undefined",
@@ -125,14 +142,6 @@
 			},
 			"description": "Values that should invalidate the item cache when using dynamic collections."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "An accessibility label for the section."
-		},
 		"items": {
 			"type": "Iterable<T>",
 			"detailedType": "Iterable<T> | undefined",
@@ -162,13 +171,13 @@
 			},
 			"description": "Item objects in the section."
 		},
-		"className": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
+			"description": "An accessibility label for the section."
 		},
 		"style": {
 			"type": "CSSProperties",
@@ -319,6 +328,40 @@
 				]
 			},
 			"description": "The currently disabled keys in the collection (controlled)."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"section\", undefined>",
+			"detailedType": "DOMRenderFunction<'section', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "section"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -457,9 +500,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -969,9 +1012,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
diff --git a/www/src/modules/references/generated/modal-content.json b/www/src/modules/references/generated/modal-content.json
index 5cce70211..b26624236 100644
--- a/www/src/modules/references/generated/modal-content.json
+++ b/www/src/modules/references/generated/modal-content.json
@@ -2,6 +2,40 @@
 	"name": "ModalContentProps",
 	"description": "Missing description.",
 	"props": {
+		"className": {
+			"type": "string | (values: ModalRenderProps) => string",
+			"detailedType": "string | (values: ModalRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ModalRenderProps",
+									"name": "ModalRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ModalOverlay'"
+		},
 		"isEntering": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -146,14 +180,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ModalRenderProps) => string",
-			"detailedType": "string | (values: ModalRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ModalRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ModalRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -171,48 +206,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ModalRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ModalRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ModalRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ModalRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ModalRenderProps",
-									"name": "ModalRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
+								"name": "ModalRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -271,6 +308,48 @@
 					"description": "State of the modal."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
+			"name": "ModalRenderProps",
+			"extends": [],
+			"properties": {
+				"isEntering": {
+					"type": "property",
+					"name": "isEntering",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the modal is currently entering. Use this to apply animations."
+				},
+				"isExiting": {
+					"type": "property",
+					"name": "isExiting",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the modal is currently exiting. Use this to apply animations."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+overlays@3.6.23_react@19.2.1/node_modules/@react-stately/overlays/dist/types.d.ts:OverlayTriggerState",
+						"name": "OverlayTriggerState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the modal."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/modal-overlay.json b/www/src/modules/references/generated/modal-overlay.json
index c1535c3a2..b00db8cab 100644
--- a/www/src/modules/references/generated/modal-overlay.json
+++ b/www/src/modules/references/generated/modal-overlay.json
@@ -2,6 +2,40 @@
 	"name": "ModalOverlayProps",
 	"description": "A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.",
 	"props": {
+		"className": {
+			"type": "string | (values: ModalRenderProps) => string",
+			"detailedType": "string | (values: ModalRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ModalRenderProps",
+									"name": "ModalRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ModalOverlay'"
+		},
 		"isEntering": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -146,14 +180,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ModalRenderProps) => string",
-			"detailedType": "string | (values: ModalRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ModalRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ModalRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -171,48 +206,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ModalRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ModalRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ModalRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ModalRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ModalRenderProps",
-									"name": "ModalRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
+								"name": "ModalRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -271,6 +308,48 @@
 					"description": "State of the modal."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
+			"name": "ModalRenderProps",
+			"extends": [],
+			"properties": {
+				"isEntering": {
+					"type": "property",
+					"name": "isEntering",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the modal is currently entering. Use this to apply animations."
+				},
+				"isExiting": {
+					"type": "property",
+					"name": "isExiting",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the modal is currently exiting. Use this to apply animations."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+overlays@3.6.23_react@19.2.1/node_modules/@react-stately/overlays/dist/types.d.ts:OverlayTriggerState",
+						"name": "OverlayTriggerState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the modal."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/modal.json b/www/src/modules/references/generated/modal.json
index 34dc749f9..2586b5401 100644
--- a/www/src/modules/references/generated/modal.json
+++ b/www/src/modules/references/generated/modal.json
@@ -2,6 +2,40 @@
 	"name": "ModalProps",
 	"description": "A modal is an overlay element which blocks interaction with elements outside it.",
 	"props": {
+		"className": {
+			"type": "string | (values: ModalRenderProps) => string",
+			"detailedType": "string | (values: ModalRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ModalRenderProps",
+									"name": "ModalRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ModalOverlay'"
+		},
 		"isEntering": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -121,14 +155,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ModalRenderProps) => string",
-			"detailedType": "string | (values: ModalRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ModalRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ModalRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -146,48 +181,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ModalRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ModalRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ModalRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ModalRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ModalRenderProps",
-									"name": "ModalRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
+								"name": "ModalRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -281,6 +318,48 @@
 					"description": "State of the modal."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
+			"name": "ModalRenderProps",
+			"extends": [],
+			"properties": {
+				"isEntering": {
+					"type": "property",
+					"name": "isEntering",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the modal is currently entering. Use this to apply animations."
+				},
+				"isExiting": {
+					"type": "property",
+					"name": "isExiting",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the modal is currently exiting. Use this to apply animations."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+overlays@3.6.23_react@19.2.1/node_modules/@react-stately/overlays/dist/types.d.ts:OverlayTriggerState",
+						"name": "OverlayTriggerState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the modal."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/number-field.json b/www/src/modules/references/generated/number-field.json
index 93ffced2b..6b661a431 100644
--- a/www/src/modules/references/generated/number-field.json
+++ b/www/src/modules/references/generated/number-field.json
@@ -141,13 +141,47 @@
 			},
 			"description": "Handler that is called when a key is released."
 		},
-		"defaultValue": {
-			"type": "number",
-			"detailedType": "number | undefined",
+		"className": {
+			"type": "string | (values: NumberFieldRenderProps) => string",
+			"detailedType": "string | (values: NumberFieldRenderProps) => string | undefined",
 			"typeAst": {
-				"type": "number"
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "NumberFieldRenderProps",
+									"name": "NumberFieldRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
 			},
-			"description": "The default value (uncontrolled)."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-NumberField'"
+		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input is disabled."
 		},
 		"autoFocus": {
 			"type": "boolean",
@@ -157,13 +191,21 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -181,21 +223,130 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"value": {
+			"type": "number",
+			"detailedType": "number | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "number"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "The current value (controlled)."
 		},
-		"aria-labelledby": {
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
+		"onChange": {
+			"type": "((value: number) => void)",
+			"detailedType": "((value: number) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "value",
+						"value": {
+							"type": "link",
+							"id": "number",
+							"name": "number"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the value changes."
+		},
+		"isReadOnly": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input can be selected but not changed by the user."
+		},
+		"isRequired": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether user input is required on the input before form submission."
+		},
+		"isInvalid": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input value is invalid."
+		},
+		"validate": {
+			"type": "((value: number) => true | ValidationError | null | undefined)",
+			"detailedType": "| ((\n    value: number,\n  ) => true | ValidationError | null | undefined)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "value",
+								"value": {
+									"type": "number"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "union",
+							"elements": [
+								{
+									"type": "undefined"
+								},
+								{
+									"type": "null"
+								},
+								{
+									"type": "string"
+								},
+								{
+									"type": "booleanLiteral",
+									"value": true
+								},
+								{
+									"type": "array",
+									"elementType": {
+										"type": "string"
+									}
+								}
+							]
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
+		},
+		"defaultValue": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "The default value (uncontrolled)."
 		},
 		"onCopy": {
 			"type": "ClipboardEventHandler<HTMLInputElement>",
@@ -359,31 +510,6 @@
 			},
 			"description": "Handler that is called when a new character is received in the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."
 		},
-		"onChange": {
-			"type": "((value: number) => void)",
-			"detailedType": "((value: number) => void) | undefined",
-			"typeAst": {
-				"type": "function",
-				"parameters": [
-					{
-						"type": "parameter",
-						"name": "value",
-						"value": {
-							"type": "link",
-							"id": "number",
-							"name": "number"
-						},
-						"optional": false,
-						"rest": false
-					}
-				],
-				"return": {
-					"type": "void"
-				},
-				"typeParameters": []
-			},
-			"description": "Handler that is called when the value changes."
-		},
 		"onBeforeInput": {
 			"type": "FormEventHandler<HTMLInputElement>",
 			"detailedType": "FormEventHandler<HTMLInputElement> | undefined",
@@ -465,98 +591,6 @@
 			},
 			"description": "Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input is disabled."
-		},
-		"value": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "The current value (controlled)."
-		},
-		"isReadOnly": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input can be selected but not changed by the user."
-		},
-		"isRequired": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether user input is required on the input before form submission."
-		},
-		"isInvalid": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input value is invalid."
-		},
-		"validate": {
-			"type": "((value: number) => true | ValidationError | null | undefined)",
-			"detailedType": "| ((\n    value: number,\n  ) => true | ValidationError | null | undefined)\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "value",
-								"value": {
-									"type": "number"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
-							"type": "union",
-							"elements": [
-								{
-									"type": "undefined"
-								},
-								{
-									"type": "null"
-								},
-								{
-									"type": "string"
-								},
-								{
-									"type": "booleanLiteral",
-									"value": true
-								},
-								{
-									"type": "array",
-									"elementType": {
-										"type": "string"
-									}
-								}
-							]
-						},
-						"typeParameters": []
-					}
-				]
-			},
-			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
-		},
 		"isWheelDisabled": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -683,14 +717,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: NumberFieldRenderProps) => string",
-			"detailedType": "string | (values: NumberFieldRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: NumberFieldRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: NumberFieldRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -708,48 +743,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: NumberFieldRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: NumberFieldRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", NumberFieldRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', NumberFieldRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "NumberFieldRenderProps",
-									"name": "NumberFieldRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:NumberFieldRenderProps",
+								"name": "NumberFieldRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -786,6 +823,53 @@
 		}
 	},
 	"typeLinks": {
+		"NumberFieldRenderProps": {
+			"type": "interface",
+			"name": "NumberFieldRenderProps",
+			"properties": {
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the number field is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the number field is invalid."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the number field is required."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "NumberField.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the number field."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
@@ -1177,7 +1261,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "none"
+										"value": "forward"
 									}
 								]
 							},
@@ -1186,7 +1270,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "forward"
+										"value": "backward"
 									}
 								]
 							},
@@ -1195,7 +1279,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "backward"
+										"value": "none"
 									}
 								]
 							}
@@ -1542,7 +1626,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "none"
+													"value": "forward"
 												}
 											]
 										},
@@ -1551,7 +1635,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "forward"
+													"value": "backward"
 												}
 											]
 										},
@@ -1560,7 +1644,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "backward"
+													"value": "none"
 												}
 											]
 										}
@@ -1687,10 +1771,6 @@
 												"type": "identifier",
 												"name": "\"error\""
 											},
-											{
-												"type": "identifier",
-												"name": "\"copy\""
-											},
 											{
 												"type": "identifier",
 												"name": "\"submit\""
@@ -1795,6 +1875,10 @@
 												"type": "identifier",
 												"name": "\"contextrestored\""
 											},
+											{
+												"type": "identifier",
+												"name": "\"copy\""
+											},
 											{
 												"type": "identifier",
 												"name": "\"cuechange\""
@@ -2207,15 +2291,6 @@
 												}
 											]
 										},
-										{
-											"type": "union",
-											"elements": [
-												{
-													"type": "stringLiteral",
-													"value": "copy"
-												}
-											]
-										},
 										{
 											"type": "union",
 											"elements": [
@@ -2450,6 +2525,15 @@
 												}
 											]
 										},
+										{
+											"type": "union",
+											"elements": [
+												{
+													"type": "stringLiteral",
+													"value": "copy"
+												}
+											]
+										},
 										{
 											"type": "union",
 											"elements": [
@@ -3174,10 +3258,6 @@
 												"type": "identifier",
 												"name": "\"error\""
 											},
-											{
-												"type": "identifier",
-												"name": "\"copy\""
-											},
 											{
 												"type": "identifier",
 												"name": "\"submit\""
@@ -3282,6 +3362,10 @@
 												"type": "identifier",
 												"name": "\"contextrestored\""
 											},
+											{
+												"type": "identifier",
+												"name": "\"copy\""
+											},
 											{
 												"type": "identifier",
 												"name": "\"cuechange\""
@@ -3694,15 +3778,6 @@
 												}
 											]
 										},
-										{
-											"type": "union",
-											"elements": [
-												{
-													"type": "stringLiteral",
-													"value": "copy"
-												}
-											]
-										},
 										{
 											"type": "union",
 											"elements": [
@@ -3937,6 +4012,15 @@
 												}
 											]
 										},
+										{
+											"type": "union",
+											"elements": [
+												{
+													"type": "stringLiteral",
+													"value": "copy"
+												}
+											]
+										},
 										{
 											"type": "union",
 											"elements": [
@@ -18708,9 +18792,11 @@
 			"typeParameters": [],
 			"description": "The **`HTMLInputElement`** interface provides special properties and methods for manipulating the options, layout, and presentation of input elements.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLInputElement)"
 		},
-		"NumberFieldRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:NumberFieldRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:NumberFieldRenderProps",
 			"name": "NumberFieldRenderProps",
+			"extends": [],
 			"properties": {
 				"isDisabled": {
 					"type": "property",
@@ -18746,14 +18832,17 @@
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+numberfield@3.11.0_react@19.2.1/node_modules/@react-stately/numberfield/dist/types.d.ts:NumberField.State",
 						"name": "NumberField.State"
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the number field."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/overlay.json b/www/src/modules/references/generated/overlay.json
index 745e4cc83..d53a4a5e2 100644
--- a/www/src/modules/references/generated/overlay.json
+++ b/www/src/modules/references/generated/overlay.json
@@ -437,7 +437,7 @@
 					"types": [
 						{
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:PopoverProps",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:PopoverProps",
 							"name": "PopoverProps"
 						},
 						{
@@ -476,6 +476,44 @@
 					"readonly": false,
 					"description": "Whether to show an arrow pointing to the trigger."
 				},
+				"className": {
+					"type": "property",
+					"name": "className",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "string"
+							},
+							{
+								"type": "function",
+								"parameters": [
+									{
+										"type": "parameter",
+										"name": "values",
+										"value": {
+											"type": "identifier",
+											"name": "PopoverRenderProps & { defaultClassName: string | undefined; }"
+										},
+										"optional": false,
+										"rest": false
+									}
+								],
+								"return": {
+									"type": "identifier",
+									"name": "string"
+								},
+								"typeParameters": []
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+				},
 				"trigger": {
 					"type": "property",
 					"name": "trigger",
@@ -1145,7 +1183,7 @@
 						"typeParameters": [
 							{
 								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:PopoverRenderProps",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:PopoverRenderProps",
 								"name": "PopoverRenderProps"
 							}
 						]
@@ -1154,9 +1192,9 @@
 					"readonly": false,
 					"description": "The children of the component. A function may be provided to alter the children based on component state."
 				},
-				"className": {
+				"style": {
 					"type": "property",
-					"name": "className",
+					"name": "style",
 					"value": {
 						"type": "union",
 						"elements": [
@@ -1164,7 +1202,8 @@
 								"type": "undefined"
 							},
 							{
-								"type": "string"
+								"type": "identifier",
+								"name": "CSSProperties"
 							},
 							{
 								"type": "function",
@@ -1174,7 +1213,7 @@
 										"name": "values",
 										"value": {
 											"type": "identifier",
-											"name": "PopoverRenderProps & { defaultClassName: string | undefined; }"
+											"name": "PopoverRenderProps & { defaultStyle: CSSProperties; }"
 										},
 										"optional": false,
 										"rest": false
@@ -1182,7 +1221,7 @@
 								],
 								"return": {
 									"type": "identifier",
-									"name": "string"
+									"name": "CSSProperties | undefined"
 								},
 								"typeParameters": []
 							}
@@ -1190,11 +1229,11 @@
 					},
 					"optional": true,
 					"readonly": false,
-					"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+					"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 				},
-				"style": {
+				"render": {
 					"type": "property",
-					"name": "style",
+					"name": "render",
 					"value": {
 						"type": "union",
 						"elements": [
@@ -1202,34 +1241,27 @@
 								"type": "undefined"
 							},
 							{
-								"type": "identifier",
-								"name": "CSSProperties"
-							},
-							{
-								"type": "function",
-								"parameters": [
-									{
-										"type": "parameter",
-										"name": "values",
-										"value": {
-											"type": "identifier",
-											"name": "PopoverRenderProps & { defaultStyle: CSSProperties; }"
-										},
-										"optional": false,
-										"rest": false
-									}
-								],
-								"return": {
+								"type": "application",
+								"base": {
 									"type": "identifier",
-									"name": "CSSProperties | undefined"
+									"name": "DOMRenderFunction"
 								},
-								"typeParameters": []
+								"typeParameters": [
+									{
+										"type": "identifier",
+										"name": "\"div\""
+									},
+									{
+										"type": "identifier",
+										"name": "PopoverRenderProps"
+									}
+								]
 							}
 						]
 					},
 					"optional": true,
 					"readonly": false,
-					"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+					"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 				},
 				"slot": {
 					"type": "property",
@@ -3315,6 +3347,44 @@
 				}
 			],
 			"properties": {
+				"className": {
+					"type": "property",
+					"name": "className",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "string"
+							},
+							{
+								"type": "function",
+								"parameters": [
+									{
+										"type": "parameter",
+										"name": "values",
+										"value": {
+											"type": "identifier",
+											"name": "ModalRenderProps & { defaultClassName: string | undefined; }"
+										},
+										"optional": false,
+										"rest": false
+									}
+								],
+								"return": {
+									"type": "identifier",
+									"name": "string"
+								},
+								"typeParameters": []
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+				},
 				"isEntering": {
 					"type": "property",
 					"name": "isEntering",
@@ -3524,7 +3594,7 @@
 						"typeParameters": [
 							{
 								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
 								"name": "ModalRenderProps"
 							}
 						]
@@ -3533,9 +3603,9 @@
 					"readonly": false,
 					"description": "The children of the component. A function may be provided to alter the children based on component state."
 				},
-				"className": {
+				"style": {
 					"type": "property",
-					"name": "className",
+					"name": "style",
 					"value": {
 						"type": "union",
 						"elements": [
@@ -3543,7 +3613,8 @@
 								"type": "undefined"
 							},
 							{
-								"type": "string"
+								"type": "identifier",
+								"name": "CSSProperties"
 							},
 							{
 								"type": "function",
@@ -3553,7 +3624,7 @@
 										"name": "values",
 										"value": {
 											"type": "identifier",
-											"name": "ModalRenderProps & { defaultClassName: string | undefined; }"
+											"name": "ModalRenderProps & { defaultStyle: CSSProperties; }"
 										},
 										"optional": false,
 										"rest": false
@@ -3561,7 +3632,7 @@
 								],
 								"return": {
 									"type": "identifier",
-									"name": "string"
+									"name": "CSSProperties | undefined"
 								},
 								"typeParameters": []
 							}
@@ -3569,11 +3640,11 @@
 					},
 					"optional": true,
 					"readonly": false,
-					"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+					"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 				},
-				"style": {
+				"render": {
 					"type": "property",
-					"name": "style",
+					"name": "render",
 					"value": {
 						"type": "union",
 						"elements": [
@@ -3581,34 +3652,27 @@
 								"type": "undefined"
 							},
 							{
-								"type": "identifier",
-								"name": "CSSProperties"
-							},
-							{
-								"type": "function",
-								"parameters": [
-									{
-										"type": "parameter",
-										"name": "values",
-										"value": {
-											"type": "identifier",
-											"name": "ModalRenderProps & { defaultStyle: CSSProperties; }"
-										},
-										"optional": false,
-										"rest": false
-									}
-								],
-								"return": {
+								"type": "application",
+								"base": {
 									"type": "identifier",
-									"name": "CSSProperties | undefined"
+									"name": "DOMRenderFunction"
 								},
-								"typeParameters": []
+								"typeParameters": [
+									{
+										"type": "identifier",
+										"name": "\"div\""
+									},
+									{
+										"type": "identifier",
+										"name": "ModalRenderProps"
+									}
+								]
 							}
 						]
 					},
 					"optional": true,
 					"readonly": false,
-					"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+					"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 				},
 				"slot": {
 					"type": "property",
@@ -5620,7 +5684,7 @@
 					"types": [
 						{
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalOverlayProps",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalOverlayProps",
 							"name": "ModalOverlayProps"
 						},
 						{
@@ -5692,6 +5756,44 @@
 					"readonly": false,
 					"description": "The side of the screen where the drawer appears."
 				},
+				"className": {
+					"type": "property",
+					"name": "className",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "string"
+							},
+							{
+								"type": "function",
+								"parameters": [
+									{
+										"type": "parameter",
+										"name": "values",
+										"value": {
+											"type": "identifier",
+											"name": "ModalRenderProps & { defaultClassName: string | undefined; }"
+										},
+										"optional": false,
+										"rest": false
+									}
+								],
+								"return": {
+									"type": "identifier",
+									"name": "string"
+								},
+								"typeParameters": []
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+				},
 				"isEntering": {
 					"type": "property",
 					"name": "isEntering",
@@ -5901,7 +6003,7 @@
 						"typeParameters": [
 							{
 								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ModalRenderProps",
 								"name": "ModalRenderProps"
 							}
 						]
@@ -5910,9 +6012,9 @@
 					"readonly": false,
 					"description": "The children of the component. A function may be provided to alter the children based on component state."
 				},
-				"className": {
+				"style": {
 					"type": "property",
-					"name": "className",
+					"name": "style",
 					"value": {
 						"type": "union",
 						"elements": [
@@ -5920,7 +6022,8 @@
 								"type": "undefined"
 							},
 							{
-								"type": "string"
+								"type": "identifier",
+								"name": "CSSProperties"
 							},
 							{
 								"type": "function",
@@ -5930,7 +6033,7 @@
 										"name": "values",
 										"value": {
 											"type": "identifier",
-											"name": "ModalRenderProps & { defaultClassName: string | undefined; }"
+											"name": "ModalRenderProps & { defaultStyle: CSSProperties; }"
 										},
 										"optional": false,
 										"rest": false
@@ -5938,7 +6041,7 @@
 								],
 								"return": {
 									"type": "identifier",
-									"name": "string"
+									"name": "CSSProperties | undefined"
 								},
 								"typeParameters": []
 							}
@@ -5946,11 +6049,11 @@
 					},
 					"optional": true,
 					"readonly": false,
-					"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+					"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 				},
-				"style": {
+				"render": {
 					"type": "property",
-					"name": "style",
+					"name": "render",
 					"value": {
 						"type": "union",
 						"elements": [
@@ -5958,34 +6061,27 @@
 								"type": "undefined"
 							},
 							{
-								"type": "identifier",
-								"name": "CSSProperties"
-							},
-							{
-								"type": "function",
-								"parameters": [
-									{
-										"type": "parameter",
-										"name": "values",
-										"value": {
-											"type": "identifier",
-											"name": "ModalRenderProps & { defaultStyle: CSSProperties; }"
-										},
-										"optional": false,
-										"rest": false
-									}
-								],
-								"return": {
+								"type": "application",
+								"base": {
 									"type": "identifier",
-									"name": "CSSProperties | undefined"
+									"name": "DOMRenderFunction"
 								},
-								"typeParameters": []
+								"typeParameters": [
+									{
+										"type": "identifier",
+										"name": "\"div\""
+									},
+									{
+										"type": "identifier",
+										"name": "ModalRenderProps"
+									}
+								]
 							}
 						]
 					},
 					"optional": true,
 					"readonly": false,
-					"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+					"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 				},
 				"slot": {
 					"type": "property",
diff --git a/www/src/modules/references/generated/popover.json b/www/src/modules/references/generated/popover.json
index b8604116f..cb8ffd39d 100644
--- a/www/src/modules/references/generated/popover.json
+++ b/www/src/modules/references/generated/popover.json
@@ -11,6 +11,40 @@
 			"description": "Whether to show an arrow pointing to the trigger.",
 			"default": "false"
 		},
+		"className": {
+			"type": "string | (values: PopoverRenderProps) => string",
+			"detailedType": "string | (values: PopoverRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "PopoverRenderProps",
+									"name": "PopoverRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Popover'"
+		},
 		"trigger": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -347,14 +381,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: PopoverRenderProps) => string",
-			"detailedType": "string | (values: PopoverRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: PopoverRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: PopoverRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -372,48 +407,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: PopoverRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: PopoverRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", PopoverRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', PopoverRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "PopoverRenderProps",
-									"name": "PopoverRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:PopoverRenderProps",
+								"name": "PopoverRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -533,6 +570,114 @@
 					"description": "Whether the popover is currently exiting. Use this to apply animations."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:PopoverRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:PopoverRenderProps",
+			"name": "PopoverRenderProps",
+			"extends": [],
+			"properties": {
+				"trigger": {
+					"type": "property",
+					"name": "trigger",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "null"
+							},
+							{
+								"type": "string"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The name of the component that triggered the popover, e.g. \"DialogTrigger\" or \"ComboBox\"."
+				},
+				"placement": {
+					"type": "property",
+					"name": "placement",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "null"
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "center"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "bottom"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "top"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "left"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "right"
+									}
+								]
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The placement of the popover relative to the trigger."
+				},
+				"isEntering": {
+					"type": "property",
+					"name": "isEntering",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the popover is currently entering. Use this to apply animations."
+				},
+				"isExiting": {
+					"type": "property",
+					"name": "isExiting",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the popover is currently exiting. Use this to apply animations."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/progress-bar.json b/www/src/modules/references/generated/progress-bar.json
index 704c93fdf..0d2fff5e2 100644
--- a/www/src/modules/references/generated/progress-bar.json
+++ b/www/src/modules/references/generated/progress-bar.json
@@ -2,45 +2,71 @@
 	"name": "ProgressBarProps",
 	"description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
 	"props": {
-		"id": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"className": {
+			"type": "string | (values: ProgressBarRenderProps) => string",
+			"detailedType": "string | (values: ProgressBarRenderProps) => string | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ProgressBarRenderProps",
+									"name": "ProgressBarRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ProgressBar'"
 		},
-		"aria-describedby": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-details": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"aria-label": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-labelledby": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
 		"value": {
 			"type": "number",
@@ -51,6 +77,14 @@
 			"description": "The current value (controlled).",
 			"default": "0"
 		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
 		"isIndeterminate": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -129,14 +163,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ProgressBarRenderProps) => string",
-			"detailedType": "string | (values: ProgressBarRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ProgressBarRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ProgressBarRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -154,48 +189,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ProgressBarRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ProgressBarRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ProgressBarRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ProgressBarRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ProgressBarRenderProps",
-									"name": "ProgressBarRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ProgressBarRenderProps",
+								"name": "ProgressBarRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -265,6 +302,62 @@
 					"description": "Whether the progress bar is indeterminate."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ProgressBarRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ProgressBarRenderProps",
+			"name": "ProgressBarRenderProps",
+			"extends": [],
+			"properties": {
+				"percentage": {
+					"type": "property",
+					"name": "percentage",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "number"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The value as a percentage between the minimum and maximum."
+				},
+				"valueText": {
+					"type": "property",
+					"name": "valueText",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "string"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "A formatted version of the value."
+				},
+				"isIndeterminate": {
+					"type": "property",
+					"name": "isIndeterminate",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the progress bar is indeterminate."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/radio-group.json b/www/src/modules/references/generated/radio-group.json
index cb72ec779..905c8a502 100644
--- a/www/src/modules/references/generated/radio-group.json
+++ b/www/src/modules/references/generated/radio-group.json
@@ -91,6 +91,40 @@
 			},
 			"description": "Handler that is called when the element's focus status changes."
 		},
+		"className": {
+			"type": "string | (values: RadioGroupRenderProps) => string",
+			"detailedType": "string | (values: RadioGroupRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "RadioGroupRenderProps",
+									"name": "RadioGroupRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-RadioGroup'"
+		},
 		"form": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -99,32 +133,29 @@
 			},
 			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
 		},
-		"defaultValue": {
-			"type": "string | null",
-			"detailedType": "string | null | undefined",
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
 			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "null"
-					},
-					{
-						"type": "string"
-					}
-				]
+				"type": "boolean"
 			},
-			"description": "The default value (uncontrolled)."
+			"description": "Whether the input is disabled."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -142,29 +173,40 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-errormessage": {
+		"name": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides an error message for the object."
+			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"value": {
+			"type": "string | null",
+			"detailedType": "string | null | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "string"
+					}
+				]
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "The current value (controlled)."
 		},
-		"aria-labelledby": {
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"onChange": {
 			"type": "((value: string) => void)",
@@ -191,41 +233,6 @@
 			},
 			"description": "Handler that is called when the value changes."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input is disabled."
-		},
-		"name": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
-		},
-		"value": {
-			"type": "string | null",
-			"detailedType": "string | null | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "null"
-					},
-					{
-						"type": "string"
-					}
-				]
-			},
-			"description": "The current value (controlled)."
-		},
 		"isReadOnly": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -251,8 +258,8 @@
 			"description": "Whether the input value is invalid."
 		},
 		"validate": {
-			"type": "((value: string | null) => true | ValidationError | null | undefined)",
-			"detailedType": "| ((\n    value: string | null,\n  ) => true | ValidationError | null | undefined)\n| undefined",
+			"type": "((value: string) => true | ValidationError | null | undefined)",
+			"detailedType": "| ((\n    value: string,\n  ) => true | ValidationError | null | undefined)\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -266,15 +273,7 @@
 								"type": "parameter",
 								"name": "value",
 								"value": {
-									"type": "union",
-									"elements": [
-										{
-											"type": "null"
-										},
-										{
-											"type": "string"
-										}
-									]
+									"type": "string"
 								},
 								"optional": false,
 								"rest": false
@@ -310,6 +309,33 @@
 			},
 			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
 		},
+		"aria-errormessage": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides an error message for the object."
+		},
+		"defaultValue": {
+			"type": "string | null",
+			"detailedType": "string | null | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "string"
+					}
+				]
+			},
+			"description": "The default value (uncontrolled)."
+		},
 		"orientation": {
 			"type": "Orientation",
 			"detailedType": "Orientation | undefined",
@@ -373,14 +399,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: RadioGroupRenderProps) => string",
-			"detailedType": "string | (values: RadioGroupRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: RadioGroupRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: RadioGroupRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -398,48 +425,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: RadioGroupRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: RadioGroupRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", RadioGroupRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', RadioGroupRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "RadioGroupRenderProps",
-									"name": "RadioGroupRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:RadioGroupRenderProps",
+								"name": "RadioGroupRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -551,6 +580,79 @@
 					"description": "State of the radio group."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:RadioGroupRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:RadioGroupRenderProps",
+			"name": "RadioGroupRenderProps",
+			"extends": [],
+			"properties": {
+				"orientation": {
+					"type": "property",
+					"name": "orientation",
+					"value": {
+						"type": "identifier",
+						"name": "Orientation"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The orientation of the radio group."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio group is disabled."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio group is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio group is required."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio group is invalid."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+radio@3.11.5_react@19.2.1/node_modules/@react-stately/radio/dist/types.d.ts:RadioGroup.State",
+						"name": "RadioGroup.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the radio group."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/radio.json b/www/src/modules/references/generated/radio.json
index 8b3a1ecc2..f6cd3cd4c 100644
--- a/www/src/modules/references/generated/radio.json
+++ b/www/src/modules/references/generated/radio.json
@@ -382,6 +382,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: RadioRenderProps) => string",
+			"detailedType": "string | (values: RadioRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "RadioRenderProps",
+									"name": "RadioRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Radio'"
+		},
 		"inputRef": {
 			"type": "RefObject<HTMLInputElement | null>",
 			"detailedType": "RefObject<HTMLInputElement | null> | undefined",
@@ -417,6 +451,14 @@
 			},
 			"description": "A ref for the HTML input element."
 		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the radio button is disabled or not.\nShows that a selection exists, but is not available in that circumstance."
+		},
 		"autoFocus": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -425,61 +467,53 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-describedby": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"aria-details": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-label": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-labelledby": {
+		"value": {
 			"type": "string",
-			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the radio button is disabled or not.\nShows that a selection exists, but is not available in that circumstance."
+			"description": "The value of the radio button, used when submitting an HTML form.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).",
+			"required": true
 		},
-		"value": {
+		"id": {
 			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The value of the radio button, used when submitting an HTML form.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).",
-			"required": true
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"children": {
 			"type": "ReactNode | (values: RadioRenderProps) => ReactNode",
@@ -515,14 +549,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: RadioRenderProps) => string",
-			"detailedType": "string | (values: RadioRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: RadioRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: RadioRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -540,48 +575,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: RadioRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: RadioRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"label\", RadioRenderProps>",
+			"detailedType": "| DOMRenderFunction<'label', RadioRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "RadioRenderProps",
-									"name": "RadioRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "label"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:RadioRenderProps",
+								"name": "RadioRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -642,6 +679,102 @@
 		}
 	},
 	"typeLinks": {
+		"RadioRenderProps": {
+			"type": "interface",
+			"name": "RadioRenderProps",
+			"properties": {
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio is selected."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio is currently in a pressed state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio is disabled."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio is read only."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the radio is invalid."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the checkbox is required."
+				}
+			}
+		},
 		"PressEvent": {
 			"type": "interface",
 			"name": "PressEvent",
@@ -739,6 +872,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
@@ -791,9 +935,11 @@
 				}
 			}
 		},
-		"RadioRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:RadioRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:RadioRenderProps",
 			"name": "RadioRenderProps",
+			"extends": [],
 			"properties": {
 				"isSelected": {
 					"type": "property",
@@ -885,7 +1031,9 @@
 					"readonly": false,
 					"description": "Whether the checkbox is required."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/search-field.json b/www/src/modules/references/generated/search-field.json
index 77d3086fb..3d54ab100 100644
--- a/www/src/modules/references/generated/search-field.json
+++ b/www/src/modules/references/generated/search-field.json
@@ -161,6 +161,40 @@
 			},
 			"description": "Handler that is called when a key is released."
 		},
+		"className": {
+			"type": "string | (values: SearchFieldRenderProps) => string",
+			"detailedType": "string | (values: SearchFieldRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "SearchFieldRenderProps",
+									"name": "SearchFieldRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-SearchField'"
+		},
 		"form": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -177,13 +211,13 @@
 			},
 			"description": "Regex pattern that the value of the input must match to be valid. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."
 		},
-		"defaultValue": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "boolean"
 			},
-			"description": "The default value (uncontrolled)."
+			"description": "Whether the input is disabled."
 		},
 		"autoFocus": {
 			"type": "boolean",
@@ -193,167 +227,337 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"enterKeyHint": {
-			"type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"",
-			"detailedType": "| 'search'\n| 'enter'\n| 'done'\n| 'go'\n| 'next'\n| 'previous'\n| 'send'\n| undefined",
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "search"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "enter"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "done"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "go"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "next"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "previous"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "send"
-					}
-				]
+				"type": "string"
 			},
-			"description": "An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"id": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"spellCheck": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "An enumerated attribute that defines whether the element may be checked for spelling errors. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"autoCorrect": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "An attribute that takes as its value a space-separated string that describes what, if any, type of autocomplete functionality the input should provide. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "search"
+						"type": "boolean"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "text"
+						"type": "undefined"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "none"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "tel"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "url"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "email"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "numeric"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "decimal"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
 					}
 				]
 			},
-			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents. See [MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
 		},
-		"aria-activedescendant": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
-		"aria-autocomplete": {
-			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
-			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
+		"type": {
+			"type": "\"search\" | \"text\" | (string & {}) | \"email\" | \"tel\" | \"url\" | \"password\"",
+			"detailedType": "| 'search'\n| 'text'\n| (string & {})\n| 'email'\n| 'tel'\n| 'url'\n| 'password'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "list"
+						"type": "undefined"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "none"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "search"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "inline"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "text"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "both"
+						"type": "intersection",
+						"types": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "identifier",
+								"name": "{}"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "email"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tel"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "url"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "password"
+							}
+						]
 					}
 				]
 			},
-			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
+			"description": "The type of input to render. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype).",
+			"default": "'search'"
 		},
-		"aria-controls": {
+		"name": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
 		},
-		"aria-describedby": {
+		"value": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "The current value (controlled)."
 		},
-		"aria-details": {
+		"excludeFromTabOrder": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
+		},
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
+		"onChange": {
+			"type": "((value: string) => void)",
+			"detailedType": "((value: string) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "value",
+						"value": {
+							"type": "link",
+							"id": "string",
+							"name": "string"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the value changes."
+		},
+		"isReadOnly": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input can be selected but not changed by the user."
+		},
+		"isRequired": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether user input is required on the input before form submission."
+		},
+		"isInvalid": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input value is invalid."
+		},
+		"validate": {
+			"type": "((value: string) => true | ValidationError | null | undefined)",
+			"detailedType": "| ((\n    value: string,\n  ) => true | ValidationError | null | undefined)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "value",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "union",
+							"elements": [
+								{
+									"type": "undefined"
+								},
+								{
+									"type": "null"
+								},
+								{
+									"type": "string"
+								},
+								{
+									"type": "booleanLiteral",
+									"value": true
+								},
+								{
+									"type": "array",
+									"elementType": {
+										"type": "string"
+									}
+								}
+							]
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
 		},
 		"aria-errormessage": {
 			"type": "string",
@@ -363,100 +567,143 @@
 			},
 			"description": "Identifies the element that provides an error message for the object."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+		"defaultValue": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The default value (uncontrolled)."
+		},
+		"enterKeyHint": {
+			"type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"",
+			"detailedType": "| 'search'\n| 'enter'\n| 'done'\n| 'go'\n| 'next'\n| 'previous'\n| 'send'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "boolean"
+						"type": "stringLiteral",
+						"value": "search"
 					},
 					{
-						"type": "undefined"
+						"type": "stringLiteral",
+						"value": "enter"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "done"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "go"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "next"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "previous"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "send"
+					}
+				]
+			},
+			"description": "An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."
+		},
+		"spellCheck": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "An enumerated attribute that defines whether the element may be checked for spelling errors. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."
+		},
+		"autoCorrect": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "An attribute that takes as its value a space-separated string that describes what, if any, type of autocomplete functionality the input should provide. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."
+		},
+		"inputMode": {
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "search"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "text"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "decimal"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "email"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "tel"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "none"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "url"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "numeric"
 					}
 				]
 			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents. See [MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."
 		},
-		"aria-label": {
+		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
 		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"aria-autocomplete": {
+			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
+			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "list"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "none"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "inline"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "both"
+					}
+				]
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
 		},
 		"onCopy": {
 			"type": "ClipboardEventHandler<HTMLInputElement>",
@@ -620,31 +867,6 @@
 			},
 			"description": "Handler that is called when a new character is received in the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."
 		},
-		"onChange": {
-			"type": "((value: string) => void)",
-			"detailedType": "((value: string) => void) | undefined",
-			"typeAst": {
-				"type": "function",
-				"parameters": [
-					{
-						"type": "parameter",
-						"name": "value",
-						"value": {
-							"type": "link",
-							"id": "string",
-							"name": "string"
-						},
-						"optional": false,
-						"rest": false
-					}
-				],
-				"return": {
-					"type": "void"
-				},
-				"typeParameters": []
-			},
-			"description": "Handler that is called when the value changes."
-		},
 		"onBeforeInput": {
 			"type": "FormEventHandler<HTMLInputElement>",
 			"detailedType": "FormEventHandler<HTMLInputElement> | undefined",
@@ -722,174 +944,11 @@
 				},
 				"typeParameters": []
 			},
-			"description": "Handler that is called when the SearchField is submitted."
-		},
-		"onSelect": {
-			"type": "ReactEventHandler<HTMLInputElement>",
-			"detailedType": "ReactEventHandler<HTMLInputElement> | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "application",
-						"base": {
-							"type": "identifier",
-							"name": "ReactEventHandler"
-						},
-						"typeParameters": [
-							{
-								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
-								"name": "HTMLInputElement"
-							}
-						]
-					}
-				]
-			},
-			"description": "Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."
-		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input is disabled."
-		},
-		"type": {
-			"type": "\"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | (string & {}) | \"password\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'tel'\n| 'url'\n| 'email'\n| (string & {})\n| 'password'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "search"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "text"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tel"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "url"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "email"
-							}
-						]
-					},
-					{
-						"type": "intersection",
-						"types": [
-							{
-								"type": "string"
-							},
-							{
-								"type": "identifier",
-								"name": "{}"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "password"
-							}
-						]
-					}
-				]
-			},
-			"description": "The type of input to render. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype).",
-			"default": "'search'"
-		},
-		"name": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
-		},
-		"value": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The current value (controlled)."
-		},
-		"excludeFromTabOrder": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
-		},
-		"isReadOnly": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input can be selected but not changed by the user."
-		},
-		"isRequired": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether user input is required on the input before form submission."
-		},
-		"isInvalid": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input value is invalid."
+			"description": "Handler that is called when the SearchField is submitted."
 		},
-		"validate": {
-			"type": "((value: string) => true | ValidationError | null | undefined)",
-			"detailedType": "| ((\n    value: string,\n  ) => true | ValidationError | null | undefined)\n| undefined",
+		"onSelect": {
+			"type": "ReactEventHandler<HTMLInputElement>",
+			"detailedType": "ReactEventHandler<HTMLInputElement> | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -897,47 +956,22 @@
 						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "ReactEventHandler"
+						},
+						"typeParameters": [
 							{
-								"type": "parameter",
-								"name": "value",
-								"value": {
-									"type": "string"
-								},
-								"optional": false,
-								"rest": false
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
+								"name": "HTMLInputElement"
 							}
-						],
-						"return": {
-							"type": "union",
-							"elements": [
-								{
-									"type": "undefined"
-								},
-								{
-									"type": "null"
-								},
-								{
-									"type": "string"
-								},
-								{
-									"type": "booleanLiteral",
-									"value": true
-								},
-								{
-									"type": "array",
-									"elementType": {
-										"type": "string"
-									}
-								}
-							]
-						},
-						"typeParameters": []
+						]
 					}
 				]
 			},
-			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
+			"description": "Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."
 		},
 		"minLength": {
 			"type": "number",
@@ -1037,14 +1071,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: SearchFieldRenderProps) => string",
-			"detailedType": "string | (values: SearchFieldRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: SearchFieldRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: SearchFieldRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -1062,48 +1097,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: SearchFieldRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: SearchFieldRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", SearchFieldRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', SearchFieldRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "SearchFieldRenderProps",
-									"name": "SearchFieldRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SearchFieldRenderProps",
+								"name": "SearchFieldRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -1137,9 +1174,84 @@
 		"isInvalid": {
 			"selector": "[data-invalid]",
 			"description": "Whether the search field is invalid."
+		},
+		"isReadOnly": {
+			"selector": "[data-readonly]",
+			"description": "Whether the search field is read only."
+		},
+		"isRequired": {
+			"selector": "[data-required]",
+			"description": "Whether the search field is required."
 		}
 	},
 	"typeLinks": {
+		"SearchFieldRenderProps": {
+			"type": "interface",
+			"name": "SearchFieldRenderProps",
+			"properties": {
+				"isEmpty": {
+					"type": "property",
+					"name": "isEmpty",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is empty."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is invalid."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is required."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "SearchField.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the search field."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
@@ -1531,7 +1643,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "none"
+										"value": "forward"
 									}
 								]
 							},
@@ -1540,7 +1652,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "forward"
+										"value": "backward"
 									}
 								]
 							},
@@ -1549,7 +1661,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "backward"
+										"value": "none"
 									}
 								]
 							}
@@ -1896,7 +2008,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "none"
+													"value": "forward"
 												}
 											]
 										},
@@ -1905,7 +2017,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "forward"
+													"value": "backward"
 												}
 											]
 										},
@@ -1914,7 +2026,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "backward"
+													"value": "none"
 												}
 											]
 										}
@@ -2041,10 +2153,6 @@
 												"type": "identifier",
 												"name": "\"error\""
 											},
-											{
-												"type": "identifier",
-												"name": "\"copy\""
-											},
 											{
 												"type": "identifier",
 												"name": "\"submit\""
@@ -2149,6 +2257,10 @@
 												"type": "identifier",
 												"name": "\"contextrestored\""
 											},
+											{
+												"type": "identifier",
+												"name": "\"copy\""
+											},
 											{
 												"type": "identifier",
 												"name": "\"cuechange\""
@@ -2561,15 +2673,6 @@
 												}
 											]
 										},
-										{
-											"type": "union",
-											"elements": [
-												{
-													"type": "stringLiteral",
-													"value": "copy"
-												}
-											]
-										},
 										{
 											"type": "union",
 											"elements": [
@@ -2804,6 +2907,15 @@
 												}
 											]
 										},
+										{
+											"type": "union",
+											"elements": [
+												{
+													"type": "stringLiteral",
+													"value": "copy"
+												}
+											]
+										},
 										{
 											"type": "union",
 											"elements": [
@@ -3528,10 +3640,6 @@
 												"type": "identifier",
 												"name": "\"error\""
 											},
-											{
-												"type": "identifier",
-												"name": "\"copy\""
-											},
 											{
 												"type": "identifier",
 												"name": "\"submit\""
@@ -3636,6 +3744,10 @@
 												"type": "identifier",
 												"name": "\"contextrestored\""
 											},
+											{
+												"type": "identifier",
+												"name": "\"copy\""
+											},
 											{
 												"type": "identifier",
 												"name": "\"cuechange\""
@@ -4048,15 +4160,6 @@
 												}
 											]
 										},
-										{
-											"type": "union",
-											"elements": [
-												{
-													"type": "stringLiteral",
-													"value": "copy"
-												}
-											]
-										},
 										{
 											"type": "union",
 											"elements": [
@@ -4291,6 +4394,15 @@
 												}
 											]
 										},
+										{
+											"type": "union",
+											"elements": [
+												{
+													"type": "stringLiteral",
+													"value": "copy"
+												}
+											]
+										},
 										{
 											"type": "union",
 											"elements": [
@@ -19062,9 +19174,11 @@
 			"typeParameters": [],
 			"description": "The **`HTMLInputElement`** interface provides special properties and methods for manipulating the options, layout, and presentation of input elements.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLInputElement)"
 		},
-		"SearchFieldRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SearchFieldRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SearchFieldRenderProps",
 			"name": "SearchFieldRenderProps",
+			"extends": [],
 			"properties": {
 				"isEmpty": {
 					"type": "property",
@@ -19096,18 +19210,41 @@
 					"readonly": false,
 					"description": "Whether the search field is invalid."
 				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the search field is required."
+				},
 				"state": {
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+searchfield@3.5.19_react@19.2.1/node_modules/@react-stately/searchfield/dist/types.d.ts:SearchField.State",
 						"name": "SearchField.State"
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the search field."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/select-content.json b/www/src/modules/references/generated/select-content.json
index 4581595b4..00d689aae 100644
--- a/www/src/modules/references/generated/select-content.json
+++ b/www/src/modules/references/generated/select-content.json
@@ -419,6 +419,40 @@
 			},
 			"description": "Whether the list box is in a loading state."
 		},
+		"className": {
+			"type": "string | (values: ListBoxRenderProps) => string",
+			"detailedType": "string | (values: ListBoxRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ListBoxRenderProps",
+									"name": "ListBoxRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ListBox'"
+		},
 		"selectionBehavior": {
 			"type": "SelectionBehavior",
 			"detailedType": "SelectionBehavior | undefined",
@@ -510,45 +544,45 @@
 			"description": "The primary orientation of the items. Usually this is the\ndirection that the collection scrolls.",
 			"default": "'vertical'"
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-describedby": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"aria-details": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-label": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-labelledby": {
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"shouldSelectOnPressUp": {
 			"type": "boolean",
@@ -629,14 +663,15 @@
 			},
 			"description": "Values that should invalidate the item cache when using dynamic collections."
 		},
-		"className": {
-			"type": "string | (values: ListBoxRenderProps) => string",
-			"detailedType": "string | (values: ListBoxRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -654,48 +689,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ListBoxRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ListBoxRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ListBoxRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ListBoxRenderProps",
-									"name": "ListBoxRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps",
+								"name": "ListBoxRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -962,9 +999,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -1474,9 +1511,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -1487,6 +1524,96 @@
 			},
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ListBoxRenderProps",
+			"name": "ListBoxRenderProps",
+			"extends": [],
+			"properties": {
+				"isEmpty": {
+					"type": "property",
+					"name": "isEmpty",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox has no items and should display its empty state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently keyboard focused."
+				},
+				"isDropTarget": {
+					"type": "property",
+					"name": "isDropTarget",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the listbox is currently the active drop target."
+				},
+				"layout": {
+					"type": "property",
+					"name": "layout",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							},
+							{
+								"type": "stringLiteral",
+								"value": "stack"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the items are arranged in a stack or grid."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+list@3.13.4_react@19.2.1/node_modules/@react-stately/list/dist/types.d.ts:ListState",
+							"name": "ListState"
+						},
+						"typeParameters": [
+							{
+								"type": "unknown"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the listbox."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/select-value.json b/www/src/modules/references/generated/select-value.json
index 66a079a4a..e7fc4a2f6 100644
--- a/www/src/modules/references/generated/select-value.json
+++ b/www/src/modules/references/generated/select-value.json
@@ -2,124 +2,225 @@
 	"name": "SelectValueProps",
 	"description": "SelectValue renders the current value of a Select, or a placeholder if no value is selected.\nIt is usually placed within the button element.",
 	"props": {
-		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+		"className": {
+			"type": "string | (values: SelectValueRenderProps<T>) => string",
+			"detailedType": "string | (values: SelectValueRenderProps<T>) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "search"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "text"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "none"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "tel"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "url"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "email"
+						"type": "undefined"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "numeric"
+						"type": "string"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "decimal"
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "intersection",
+									"types": [
+										{
+											"type": "application",
+											"base": {
+												"type": "link",
+												"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectValueRenderProps",
+												"name": "SelectValueRenderProps"
+											},
+											"typeParameters": [
+												{
+													"type": "typeParameter",
+													"name": "T",
+													"constraint": {
+														"type": "identifier",
+														"name": "object"
+													},
+													"default": null
+												}
+											]
+										},
+										{
+											"type": "objectLiteral",
+											"properties": {
+												"defaultClassName": {
+													"type": "property",
+													"name": "defaultClassName",
+													"value": {
+														"type": "union",
+														"elements": [
+															{
+																"type": "identifier",
+																"name": "undefined"
+															},
+															{
+																"type": "identifier",
+																"name": "string"
+															}
+														]
+													},
+													"optional": false,
+													"readonly": false,
+													"description": ""
+												}
+											}
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
 					}
 				]
 			},
-			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-SelectValue'"
 		},
-		"is": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"tw": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-activedescendant": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
+			"description": "Identifies the element that provides a detailed, extended description for the object."
 		},
-		"aria-atomic": {
+		"aria-disabled": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
 			"typeAst": {
 				"type": "identifier",
 				"name": "Booleanish"
 			},
-			"description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute."
+			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
 		},
-		"aria-autocomplete": {
-			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
-			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
+		"aria-expanded": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "list"
+						"type": "boolean"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "none"
+						"type": "undefined"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "inline"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "both"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
 					}
 				]
 			},
-			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
-		},
-		"aria-braillelabel": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element, which is intended to be converted into Braille."
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
 		},
-		"aria-brailleroledescription": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
-		"aria-checked": {
+		"aria-pressed": {
 			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
 			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
 			"typeAst": {
@@ -160,47 +261,7 @@
 					}
 				]
 			},
-			"description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets."
-		},
-		"aria-colcount": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the total number of columns in a table, grid, or treegrid."
-		},
-		"aria-colindex": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
-		},
-		"aria-colindextext": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a human readable text alternative of aria-colindex."
-		},
-		"aria-colspan": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
-		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+			"description": "Indicates the current \"pressed\" state of toggle buttons."
 		},
 		"aria-current": {
 			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
@@ -281,48 +342,90 @@
 			},
 			"description": "Indicates the element that represents the current item within a container or set of related elements."
 		},
-		"aria-describedby": {
+		"aria-errormessage": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Identifies the element that provides an error message for the object."
 		},
-		"aria-description": {
+		"inputMode": {
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "search"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "text"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "decimal"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "email"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "tel"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "none"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "url"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "numeric"
+					}
+				]
+			},
+			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+		},
+		"is": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that describes or annotates the current element."
+			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"aria-details": {
+		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides a detailed, extended description for the object."
+			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
 		},
-		"aria-disabled": {
+		"aria-atomic": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
 			"typeAst": {
 				"type": "identifier",
 				"name": "Booleanish"
 			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+			"description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute."
 		},
-		"aria-dropeffect": {
-			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
-			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
+		"aria-autocomplete": {
+			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
+			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "stringLiteral",
-						"value": "link"
+						"value": "list"
 					},
 					{
 						"type": "stringLiteral",
@@ -330,40 +433,148 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "copy"
+						"value": "inline"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "execute"
+						"value": "both"
+					}
+				]
+			},
+			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
+		},
+		"aria-braillelabel": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element, which is intended to be converted into Braille."
+		},
+		"aria-brailleroledescription": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille."
+		},
+		"aria-checked": {
+			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
+			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "move"
+						"type": "undefined"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "popup"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "mixed"
+							}
+						]
 					}
 				]
 			},
-			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
+			"description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets."
 		},
-		"aria-errormessage": {
+		"aria-colcount": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines the total number of columns in a table, grid, or treegrid."
+		},
+		"aria-colindex": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
+		},
+		"aria-colindextext": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides an error message for the object."
+			"description": "Defines a human readable text alternative of aria-colindex."
 		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
+		"aria-colspan": {
+			"type": "number",
+			"detailedType": "number | undefined",
 			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
+				"type": "number"
+			},
+			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
+		},
+		"aria-description": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that describes or annotates the current element."
+		},
+		"aria-dropeffect": {
+			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
+			"detailedType": "| 'link'\n| 'none'\n| 'copy'\n| 'execute'\n| 'move'\n| 'popup'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "link"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "none"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "copy"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "execute"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "move"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "popup"
+					}
+				]
 			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
 		},
 		"aria-flowto": {
 			"type": "string",
@@ -382,85 +593,6 @@
 			},
 			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
-		},
 		"aria-hidden": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -530,22 +662,6 @@
 			},
 			"description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
 		"aria-level": {
 			"type": "number",
 			"detailedType": "number | undefined",
@@ -645,49 +761,6 @@
 			},
 			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
 		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
 		"aria-readonly": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -698,8 +771,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -709,19 +782,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -884,7 +957,7 @@
 						"type": "application",
 						"base": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectValueRenderProps",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectValueRenderProps",
 							"name": "SelectValueRenderProps"
 						},
 						"typeParameters": [
@@ -902,9 +975,9 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: SelectValueRenderProps<T>) => string",
-			"detailedType": "string | (values: SelectValueRenderProps<T>) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: SelectValueRenderProps<T>) => CSSProperties",
+			"detailedType": "CSSProperties | (values: SelectValueRenderProps<T>) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -912,7 +985,8 @@
 						"type": "undefined"
 					},
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -927,7 +1001,7 @@
 											"type": "application",
 											"base": {
 												"type": "link",
-												"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectValueRenderProps",
+												"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectValueRenderProps",
 												"name": "SelectValueRenderProps"
 											},
 											"typeParameters": [
@@ -945,21 +1019,12 @@
 										{
 											"type": "objectLiteral",
 											"properties": {
-												"defaultClassName": {
+												"defaultStyle": {
 													"type": "property",
-													"name": "defaultClassName",
+													"name": "defaultStyle",
 													"value": {
-														"type": "union",
-														"elements": [
-															{
-																"type": "identifier",
-																"name": "undefined"
-															},
-															{
-																"type": "identifier",
-																"name": "string"
-															}
-														]
+														"type": "identifier",
+														"name": "CSSProperties"
 													},
 													"optional": false,
 													"readonly": false,
@@ -974,17 +1039,26 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "union",
+							"elements": [
+								{
+									"type": "undefined"
+								},
+								{
+									"type": "identifier",
+									"name": "CSSProperties"
+								}
+							]
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: SelectValueRenderProps<T>) => CSSProperties",
-			"detailedType": "CSSProperties | (values: SelectValueRenderProps<T>) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"span\", SelectValueRenderProps<T>>",
+			"detailedType": "| DOMRenderFunction<'span', SelectValueRenderProps<T>>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -992,76 +1066,44 @@
 						"type": "undefined"
 					},
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
-					},
-					{
-						"type": "function",
-						"parameters": [
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
 							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "intersection",
-									"types": [
-										{
-											"type": "application",
-											"base": {
-												"type": "link",
-												"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectValueRenderProps",
-												"name": "SelectValueRenderProps"
-											},
-											"typeParameters": [
-												{
-													"type": "typeParameter",
-													"name": "T",
-													"constraint": {
-														"type": "identifier",
-														"name": "object"
-													},
-													"default": null
-												}
-											]
-										},
-										{
-											"type": "objectLiteral",
-											"properties": {
-												"defaultStyle": {
-													"type": "property",
-													"name": "defaultStyle",
-													"value": {
-														"type": "identifier",
-														"name": "CSSProperties"
-													},
-													"optional": false,
-													"readonly": false,
-													"description": ""
-												}
-											}
-										}
-									]
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "span"
+									}
+								]
+							},
+							{
+								"type": "application",
+								"base": {
+									"type": "link",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectValueRenderProps",
+									"name": "SelectValueRenderProps"
 								},
-								"optional": false,
-								"rest": false
+								"typeParameters": [
+									{
+										"type": "typeParameter",
+										"name": "T",
+										"constraint": {
+											"type": "object"
+										},
+										"default": null
+									}
+								]
 							}
-						],
-						"return": {
-							"type": "union",
-							"elements": [
-								{
-									"type": "undefined"
-								},
-								{
-									"type": "identifier",
-									"name": "CSSProperties"
-								}
-							]
-						},
-						"typeParameters": []
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -1071,16 +1113,134 @@
 		}
 	},
 	"typeLinks": {
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+select@3.8.0_react@19.2.1/node_modules/@react-stately/select/dist/types.d.ts:SelectState": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectValueRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectValueRenderProps",
+			"name": "SelectValueRenderProps",
+			"extends": [],
+			"properties": {
+				"isPlaceholder": {
+					"type": "property",
+					"name": "isPlaceholder",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the value is a placeholder."
+				},
+				"selectedItem": {
+					"type": "property",
+					"name": "selectedItem",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "null"
+							},
+							{
+								"type": "typeParameter",
+								"name": "T",
+								"constraint": {
+									"type": "object"
+								},
+								"default": null
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The object value of the first selected item."
+				},
+				"selectedItems": {
+					"type": "property",
+					"name": "selectedItems",
+					"value": {
+						"type": "array",
+						"elementType": {
+							"type": "union",
+							"elements": [
+								{
+									"type": "null"
+								},
+								{
+									"type": "typeParameter",
+									"name": "T",
+									"constraint": {
+										"type": "identifier",
+										"name": "object"
+									},
+									"default": null
+								}
+							]
+						}
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The object values of the currently selected items."
+				},
+				"selectedText": {
+					"type": "property",
+					"name": "selectedText",
+					"value": {
+						"type": "string"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The textValue of the currently selected items."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+select@3.9.2_react@19.2.1/node_modules/@react-stately/select/dist/types.d.ts:Select.State",
+							"name": "Select.State"
+						},
+						"typeParameters": [
+							{
+								"type": "typeParameter",
+								"name": "T",
+								"constraint": {
+									"type": "object"
+								},
+								"default": null
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "single"
+									},
+									{
+										"type": "stringLiteral",
+										"value": "multiple"
+									}
+								]
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The state of the select."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+select@3.9.2_react@19.2.1/node_modules/@react-stately/select/dist/types.d.ts:SelectState": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+select@3.8.0_react@19.2.1/node_modules/@react-stately/select/dist/types.d.ts:Select.State",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+select@3.9.2_react@19.2.1/node_modules/@react-stately/select/dist/types.d.ts:Select.State",
 			"name": "Select.State",
 			"extends": [
 				{
 					"type": "application",
 					"base": {
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+list@3.13.1_react@19.2.1/node_modules/@react-stately/list/dist/types.d.ts:ListState",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+list@3.13.4_react@19.2.1/node_modules/@react-stately/list/dist/types.d.ts:ListState",
 						"name": "ListState"
 					},
 					"typeParameters": [
@@ -1094,12 +1254,12 @@
 				},
 				{
 					"type": "link",
-					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+overlays@3.6.20_react@19.2.1/node_modules/@react-stately/overlays/dist/types.d.ts:OverlayTriggerState",
+					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+overlays@3.6.23_react@19.2.1/node_modules/@react-stately/overlays/dist/types.d.ts:OverlayTriggerState",
 					"name": "OverlayTriggerState"
 				},
 				{
 					"type": "link",
-					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+form@3.2.2_react@19.2.1/node_modules/@react-stately/form/dist/types.d.ts:FormValidationState",
+					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+form@3.2.4_react@19.2.1/node_modules/@react-stately/form/dist/types.d.ts:FormValidationState",
 					"name": "FormValidationState"
 				}
 			],
@@ -1292,7 +1452,7 @@
 								"type": "application",
 								"base": {
 									"type": "link",
-									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.1/node_modules/@react-types/shared/src/collections.d.ts:Node",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.33.1_react@19.2.1/node_modules/@react-types/shared/src/collections.d.ts:Node",
 									"name": "Node"
 								},
 								"typeParameters": [
@@ -1317,7 +1477,7 @@
 							"type": "application",
 							"base": {
 								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.1/node_modules/@react-types/shared/src/collections.d.ts:Node",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.33.1_react@19.2.1/node_modules/@react-types/shared/src/collections.d.ts:Node",
 								"name": "Node"
 							},
 							"typeParameters": [
@@ -1506,7 +1666,7 @@
 						"type": "application",
 						"base": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.1/node_modules/@react-types/shared/src/collections.d.ts:Collection",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.33.1_react@19.2.1/node_modules/@react-types/shared/src/collections.d.ts:Collection",
 							"name": "Collection"
 						},
 						"typeParameters": [
@@ -1514,7 +1674,7 @@
 								"type": "application",
 								"base": {
 									"type": "link",
-									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.1/node_modules/@react-types/shared/src/collections.d.ts:Node",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.33.1_react@19.2.1/node_modules/@react-types/shared/src/collections.d.ts:Node",
 									"name": "Node"
 								},
 								"typeParameters": [
@@ -1556,7 +1716,7 @@
 					"name": "selectionManager",
 					"value": {
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+selection@3.20.6_react@19.2.1/node_modules/@react-stately/selection/dist/types.d.ts:SelectionManager",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+selection@3.20.9_react@19.2.1/node_modules/@react-stately/selection/dist/types.d.ts:SelectionManager",
 						"name": "SelectionManager"
 					},
 					"optional": false,
@@ -1616,7 +1776,7 @@
 					"name": "realtimeValidation",
 					"value": {
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.1/node_modules/@react-types/shared/src/inputs.d.ts:ValidationResult",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.33.1_react@19.2.1/node_modules/@react-types/shared/src/inputs.d.ts:ValidationResult",
 						"name": "ValidationResult"
 					},
 					"optional": false,
@@ -1628,7 +1788,7 @@
 					"name": "displayValidation",
 					"value": {
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.1/node_modules/@react-types/shared/src/inputs.d.ts:ValidationResult",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.33.1_react@19.2.1/node_modules/@react-types/shared/src/inputs.d.ts:ValidationResult",
 						"name": "ValidationResult"
 					},
 					"optional": false,
@@ -1646,7 +1806,7 @@
 								"name": "result",
 								"value": {
 									"type": "link",
-									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.32.1_react@19.2.1/node_modules/@react-types/shared/src/inputs.d.ts:ValidationResult",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-types+shared@3.33.1_react@19.2.1/node_modules/@react-types/shared/src/inputs.d.ts:ValidationResult",
 									"name": "ValidationResult"
 								},
 								"optional": false,
@@ -1692,124 +1852,6 @@
 			},
 			"typeParameters": [],
 			"description": ""
-		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectValueRenderProps": {
-			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectValueRenderProps",
-			"name": "SelectValueRenderProps",
-			"extends": [],
-			"properties": {
-				"isPlaceholder": {
-					"type": "property",
-					"name": "isPlaceholder",
-					"value": {
-						"type": "boolean"
-					},
-					"optional": false,
-					"readonly": false,
-					"description": "Whether the value is a placeholder."
-				},
-				"selectedItem": {
-					"type": "property",
-					"name": "selectedItem",
-					"value": {
-						"type": "union",
-						"elements": [
-							{
-								"type": "null"
-							},
-							{
-								"type": "typeParameter",
-								"name": "T",
-								"constraint": {
-									"type": "object"
-								},
-								"default": null
-							}
-						]
-					},
-					"optional": false,
-					"readonly": false,
-					"description": "The object value of the first selected item."
-				},
-				"selectedItems": {
-					"type": "property",
-					"name": "selectedItems",
-					"value": {
-						"type": "array",
-						"elementType": {
-							"type": "union",
-							"elements": [
-								{
-									"type": "null"
-								},
-								{
-									"type": "typeParameter",
-									"name": "T",
-									"constraint": {
-										"type": "identifier",
-										"name": "object"
-									},
-									"default": null
-								}
-							]
-						}
-					},
-					"optional": false,
-					"readonly": false,
-					"description": "The object values of the currently selected items."
-				},
-				"selectedText": {
-					"type": "property",
-					"name": "selectedText",
-					"value": {
-						"type": "string"
-					},
-					"optional": false,
-					"readonly": false,
-					"description": "The textValue of the currently selected items."
-				},
-				"state": {
-					"type": "property",
-					"name": "state",
-					"value": {
-						"type": "application",
-						"base": {
-							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+select@3.8.0_react@19.2.1/node_modules/@react-stately/select/dist/types.d.ts:Select.State",
-							"name": "Select.State"
-						},
-						"typeParameters": [
-							{
-								"type": "typeParameter",
-								"name": "T",
-								"constraint": {
-									"type": "object"
-								},
-								"default": null
-							},
-							{
-								"type": "union",
-								"elements": [
-									{
-										"type": "stringLiteral",
-										"value": "multiple"
-									},
-									{
-										"type": "stringLiteral",
-										"value": "single"
-									}
-								]
-							}
-						]
-					},
-					"optional": false,
-					"readonly": false,
-					"description": "The state of the select."
-				}
-			},
-			"typeParameters": [],
-			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/select.json b/www/src/modules/references/generated/select.json
index cfd8fe8f3..7fd9f35a1 100644
--- a/www/src/modules/references/generated/select.json
+++ b/www/src/modules/references/generated/select.json
@@ -141,6 +141,40 @@
 			},
 			"description": "Handler that is called when a key is released."
 		},
+		"className": {
+			"type": "string | (values: SelectRenderProps) => string",
+			"detailedType": "string | (values: SelectRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "SelectRenderProps",
+									"name": "SelectRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Select'"
+		},
 		"placeholder": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -158,9 +192,9 @@
 			},
 			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
 		},
-		"defaultValue": {
-			"type": "Key | null",
-			"detailedType": "Key | null | undefined",
+		"disabledKeys": {
+			"type": "Iterable<Key>",
+			"detailedType": "Iterable<Key> | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -168,17 +202,30 @@
 						"type": "undefined"
 					},
 					{
-						"type": "null"
-					},
-					{
-						"type": "string"
-					},
-					{
-						"type": "number"
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterable",
+							"name": "Iterable"
+						},
+						"typeParameters": [
+							{
+								"type": "identifier",
+								"name": "Key"
+							}
+						]
 					}
 				]
 			},
-			"description": "The default value (uncontrolled)."
+			"description": "The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with."
+		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input is disabled."
 		},
 		"autoFocus": {
 			"type": "boolean",
@@ -188,13 +235,21 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -212,21 +267,51 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-label": {
+		"name": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "The name of the input, used when submitting an HTML form."
 		},
-		"aria-labelledby": {
+		"value": {
+			"type": "Key | null",
+			"detailedType": "Key | null | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "number"
+					}
+				]
+			},
+			"description": "The current value (controlled)."
+		},
+		"excludeFromTabOrder": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
+		},
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"onChange": {
 			"type": "((value: Key | null) => void)",
@@ -270,79 +355,6 @@
 			},
 			"description": "Handler that is called when the value changes."
 		},
-		"disabledKeys": {
-			"type": "Iterable<Key>",
-			"detailedType": "Iterable<Key> | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "application",
-						"base": {
-							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterable",
-							"name": "Iterable"
-						},
-						"typeParameters": [
-							{
-								"type": "identifier",
-								"name": "Key"
-							}
-						]
-					}
-				]
-			},
-			"description": "The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with."
-		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input is disabled."
-		},
-		"name": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The name of the input, used when submitting an HTML form."
-		},
-		"value": {
-			"type": "Key | null",
-			"detailedType": "Key | null | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "null"
-					},
-					{
-						"type": "string"
-					},
-					{
-						"type": "number"
-					}
-				]
-			},
-			"description": "The current value (controlled)."
-		},
-		"excludeFromTabOrder": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
-		},
 		"isRequired": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -412,6 +424,28 @@
 			},
 			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
 		},
+		"defaultValue": {
+			"type": "Key | null",
+			"detailedType": "Key | null | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "number"
+					}
+				]
+			},
+			"description": "The default value (uncontrolled)."
+		},
 		"autoComplete": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -461,6 +495,21 @@
 			},
 			"description": "Method that is called when the open state of the menu changes."
 		},
+		"selectionMode": {
+			"type": "\"single\"",
+			"detailedType": "'single' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "single"
+					}
+				]
+			},
+			"description": "Whether single or multiple selection is enabled.",
+			"default": "'single'"
+		},
 		"onSelectionChange": {
 			"type": "((key: Key | null) => void)",
 			"detailedType": "((key: Key | null) => void) | undefined",
@@ -526,28 +575,34 @@
 			"description": "The currently selected key in the collection (controlled)."
 		},
 		"defaultSelectedKey": {
-			"type": "Key",
-			"detailedType": "Key | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Key"
-			},
-			"description": "The initial selected key in the collection (uncontrolled)."
-		},
-		"selectionMode": {
-			"type": "\"single\"",
-			"detailedType": "'single' | undefined",
+			"type": "Key | null",
+			"detailedType": "Key | null | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "single"
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "number"
 					}
 				]
 			},
-			"description": "Whether single or multiple selection is enabled.",
-			"default": "'single'"
+			"description": "The initial selected key in the collection (uncontrolled)."
+		},
+		"allowsEmptyCollection": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the select should be allowed to be open when the collection is empty."
 		},
 		"validationBehavior": {
 			"type": "\"native\" | \"aria\"",
@@ -602,14 +657,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: SelectRenderProps) => string",
-			"detailedType": "string | (values: SelectRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: SelectRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: SelectRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -627,48 +683,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: SelectRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: SelectRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", SelectRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', SelectRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "SelectRenderProps",
-									"name": "SelectRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectRenderProps",
+								"name": "SelectRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -717,6 +775,72 @@
 		}
 	},
 	"typeLinks": {
+		"SelectRenderProps": {
+			"type": "interface",
+			"name": "SelectRenderProps",
+			"properties": {
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the select is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the select is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the select is disabled."
+				},
+				"isOpen": {
+					"type": "property",
+					"name": "isOpen",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the select is currently open."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the select is invalid."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the select is required."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator",
@@ -852,9 +976,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -881,9 +1005,11 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"SelectRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SelectRenderProps",
 			"name": "SelectRenderProps",
+			"extends": [],
 			"properties": {
 				"isFocused": {
 					"type": "property",
@@ -945,7 +1071,9 @@
 					"readonly": false,
 					"description": "Whether the select is required."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/separator.json b/www/src/modules/references/generated/separator.json
index c4ecc4a85..145141fb2 100644
--- a/www/src/modules/references/generated/separator.json
+++ b/www/src/modules/references/generated/separator.json
@@ -2,6 +2,15 @@
 	"name": "SeparatorProps",
 	"description": "Missing description.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-Separator'"
+		},
 		"orientation": {
 			"type": "Orientation",
 			"detailedType": "Orientation | undefined",
@@ -60,14 +69,6 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -95,6 +96,44 @@
 				]
 			},
 			"description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\" | \"hr\", undefined>",
+			"detailedType": "| DOMRenderFunction<'div' | 'hr', undefined>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									},
+									{
+										"type": "stringLiteral",
+										"value": "hr"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/slider-control.json b/www/src/modules/references/generated/slider-control.json
index 3995a249f..1ab0602cd 100644
--- a/www/src/modules/references/generated/slider-control.json
+++ b/www/src/modules/references/generated/slider-control.json
@@ -77,14 +77,14 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
-		"children": {
-			"type": "ReactNode | (values: SliderTrackRenderProps) => ReactNode",
+		"className": {
+			"type": "string | (values: SliderTrackRenderProps) => string",
+			"detailedType": "string | (values: SliderTrackRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "ReactNode"
+						"type": "string"
 					},
 					{
 						"type": "function",
@@ -102,23 +102,23 @@
 							}
 						],
 						"return": {
-							"type": "identifier",
-							"name": "ReactNode"
+							"type": "string"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-SliderTrack'"
 		},
-		"className": {
-			"type": "string | (values: SliderTrackRenderProps) => string",
-			"detailedType": "string | (values: SliderTrackRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: SliderTrackRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -136,13 +136,14 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
 		"style": {
 			"type": "CSSProperties | (values: SliderTrackRenderProps) => CSSProperties",
@@ -178,9 +179,93 @@
 				]
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", SliderTrackRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', SliderTrackRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderTrackRenderProps",
+								"name": "SliderTrackRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
+		"SliderTrackRenderProps": {
+			"type": "interface",
+			"name": "SliderTrackRenderProps",
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the slider track is currently hovered with a mouse."
+				},
+				"orientation": {
+					"type": "property",
+					"name": "orientation",
+					"value": {
+						"type": "identifier",
+						"name": "Orientation"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The orientation of the slider."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the slider is disabled."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "Slider.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the slider."
+				}
+			}
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -220,9 +305,17 @@
 				}
 			}
 		},
-		"SliderTrackRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderTrackRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderTrackRenderProps",
 			"name": "SliderTrackRenderProps",
+			"extends": [
+				{
+					"type": "link",
+					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderRenderProps",
+					"name": "SliderRenderProps"
+				}
+			],
 			"properties": {
 				"isHovered": {
 					"type": "property",
@@ -259,14 +352,17 @@
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+slider@3.7.5_react@19.2.1/node_modules/@react-stately/slider/dist/types.d.ts:Slider.State",
 						"name": "Slider.State"
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the slider."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/slider-output.json b/www/src/modules/references/generated/slider-output.json
index ba3b097c8..80a8c4a7e 100644
--- a/www/src/modules/references/generated/slider-output.json
+++ b/www/src/modules/references/generated/slider-output.json
@@ -2,14 +2,14 @@
 	"name": "SliderOutputProps",
 	"description": "A slider output displays the current value of a slider as text.",
 	"props": {
-		"children": {
-			"type": "ReactNode | (values: SliderRenderProps) => ReactNode",
+		"className": {
+			"type": "string | (values: SliderRenderProps) => string",
+			"detailedType": "string | (values: SliderRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "ReactNode"
+						"type": "string"
 					},
 					{
 						"type": "function",
@@ -27,23 +27,23 @@
 							}
 						],
 						"return": {
-							"type": "identifier",
-							"name": "ReactNode"
+							"type": "string"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-SliderOutput'"
 		},
-		"className": {
-			"type": "string | (values: SliderRenderProps) => string",
-			"detailedType": "string | (values: SliderRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: SliderRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -61,13 +61,14 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
 		"style": {
 			"type": "CSSProperties | (values: SliderRenderProps) => CSSProperties",
@@ -103,6 +104,42 @@
 				]
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"output\", SliderRenderProps>",
+			"detailedType": "| DOMRenderFunction<'output', SliderRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "output"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderRenderProps",
+								"name": "SliderRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -143,6 +180,49 @@
 					"description": "State of the slider."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderRenderProps",
+			"name": "SliderRenderProps",
+			"extends": [],
+			"properties": {
+				"orientation": {
+					"type": "property",
+					"name": "orientation",
+					"value": {
+						"type": "identifier",
+						"name": "Orientation"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The orientation of the slider."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the slider is disabled."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+slider@3.7.5_react@19.2.1/node_modules/@react-stately/slider/dist/types.d.ts:Slider.State",
+						"name": "Slider.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the slider."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/slider-thumb.json b/www/src/modules/references/generated/slider-thumb.json
index 3ad0c2a73..6e0605649 100644
--- a/www/src/modules/references/generated/slider-thumb.json
+++ b/www/src/modules/references/generated/slider-thumb.json
@@ -216,6 +216,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: SliderThumbRenderProps) => string",
+			"detailedType": "string | (values: SliderThumbRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "SliderThumbRenderProps",
+									"name": "SliderThumbRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-SliderThumb'"
+		},
 		"inputRef": {
 			"type": "RefObject<HTMLInputElement | null>",
 			"detailedType": "RefObject<HTMLInputElement | null> | undefined",
@@ -259,6 +293,14 @@
 			},
 			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
 		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the Thumb is disabled."
+		},
 		"autoFocus": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -267,69 +309,61 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-describedby": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"aria-details": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-errormessage": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides an error message for the object."
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-label": {
+		"name": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
 		},
-		"aria-labelledby": {
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the Thumb is disabled."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
-		"name": {
+		"aria-errormessage": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
+			"description": "Identifies the element that provides an error message for the object."
 		},
 		"orientation": {
 			"type": "Orientation",
@@ -384,14 +418,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: SliderThumbRenderProps) => string",
-			"detailedType": "string | (values: SliderThumbRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: SliderThumbRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: SliderThumbRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -409,48 +444,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: SliderThumbRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: SliderThumbRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", SliderThumbRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', SliderThumbRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "SliderThumbRenderProps",
-									"name": "SliderThumbRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderThumbRenderProps",
+								"name": "SliderThumbRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -476,6 +513,73 @@
 		}
 	},
 	"typeLinks": {
+		"SliderThumbRenderProps": {
+			"type": "interface",
+			"name": "SliderThumbRenderProps",
+			"properties": {
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "Slider.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the slider."
+				},
+				"isDragging": {
+					"type": "property",
+					"name": "isDragging",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether this thumb is currently being dragged."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the thumb is currently hovered with a mouse."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the thumb is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the thumb is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the thumb is disabled."
+				}
+			}
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -515,15 +619,18 @@
 				}
 			}
 		},
-		"SliderThumbRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderThumbRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderThumbRenderProps",
 			"name": "SliderThumbRenderProps",
+			"extends": [],
 			"properties": {
 				"state": {
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+slider@3.7.5_react@19.2.1/node_modules/@react-stately/slider/dist/types.d.ts:Slider.State",
 						"name": "Slider.State"
 					},
 					"optional": false,
@@ -580,7 +687,9 @@
 					"readonly": false,
 					"description": "Whether the thumb is disabled."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/slider.json b/www/src/modules/references/generated/slider.json
index 99c0d5fb3..6d2bbaa49 100644
--- a/www/src/modules/references/generated/slider.json
+++ b/www/src/modules/references/generated/slider.json
@@ -2,6 +2,40 @@
 	"name": "SliderProps",
 	"description": "A slider allows a user to select one or more values within a range.",
 	"props": {
+		"className": {
+			"type": "string | (values: SliderRenderProps) => string",
+			"detailedType": "string | (values: SliderRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "SliderRenderProps",
+									"name": "SliderRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Slider'"
+		},
 		"formatOptions": {
 			"type": "NumberFormatOptions",
 			"detailedType": "NumberFormatOptions | undefined",
@@ -11,35 +45,29 @@
 			},
 			"description": "The display format of the value label."
 		},
-		"defaultValue": {
-			"type": "number | number[]",
-			"detailedType": "number | number[] | undefined",
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
 			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "number"
-					},
-					{
-						"type": "array",
-						"elementType": {
-							"type": "number"
-						}
-					}
-				]
+				"type": "boolean"
 			},
-			"description": "The default value (uncontrolled)."
+			"description": "Whether the whole Slider is disabled."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -57,21 +85,35 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"value": {
+			"type": "number | number[]",
+			"detailedType": "number | number[] | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "number"
+					},
+					{
+						"type": "array",
+						"elementType": {
+							"type": "number"
+						}
+					}
+				]
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "The current value (controlled)."
 		},
-		"aria-labelledby": {
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"onChange": {
 			"type": "((value: number | number[]) => void)",
@@ -115,15 +157,7 @@
 			},
 			"description": "Handler that is called when the value changes."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the whole Slider is disabled."
-		},
-		"value": {
+		"defaultValue": {
 			"type": "number | number[]",
 			"detailedType": "number | number[] | undefined",
 			"typeAst": {
@@ -143,7 +177,7 @@
 					}
 				]
 			},
-			"description": "The current value (controlled)."
+			"description": "The default value (uncontrolled)."
 		},
 		"minValue": {
 			"type": "number",
@@ -258,14 +292,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: SliderRenderProps) => string",
-			"detailedType": "string | (values: SliderRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: SliderRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: SliderRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -283,48 +318,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: SliderRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: SliderRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", SliderRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', SliderRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "SliderRenderProps",
-									"name": "SliderRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderRenderProps",
+								"name": "SliderRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -394,6 +431,49 @@
 					"description": "State of the slider."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SliderRenderProps",
+			"name": "SliderRenderProps",
+			"extends": [],
+			"properties": {
+				"orientation": {
+					"type": "property",
+					"name": "orientation",
+					"value": {
+						"type": "identifier",
+						"name": "Orientation"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The orientation of the slider."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the slider is disabled."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+slider@3.7.5_react@19.2.1/node_modules/@react-stately/slider/dist/types.d.ts:Slider.State",
+						"name": "Slider.State"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the slider."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/switch.json b/www/src/modules/references/generated/switch.json
index 7b1d428c0..673865ed4 100644
--- a/www/src/modules/references/generated/switch.json
+++ b/www/src/modules/references/generated/switch.json
@@ -254,6 +254,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: SwitchRenderProps) => string",
+			"detailedType": "string | (values: SwitchRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "SwitchRenderProps",
+									"name": "SwitchRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Switch'"
+		},
 		"inputRef": {
 			"type": "RefObject<HTMLInputElement | null>",
 			"detailedType": "RefObject<HTMLInputElement | null> | undefined",
@@ -297,6 +331,14 @@
 			},
 			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
 		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input is disabled."
+		},
 		"autoFocus": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -305,21 +347,21 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"aria-controls": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -337,54 +379,13 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
-		"onChange": {
-			"type": "((isSelected: boolean) => void)",
-			"detailedType": "((isSelected: boolean) => void) | undefined",
-			"typeAst": {
-				"type": "function",
-				"parameters": [
-					{
-						"type": "parameter",
-						"name": "isSelected",
-						"value": {
-							"type": "link",
-							"id": "boolean",
-							"name": "boolean"
-						},
-						"optional": false,
-						"rest": false
-					}
-				],
-				"return": {
-					"type": "void"
-				},
-				"typeParameters": []
-			},
-			"description": "Handler that is called when the Switch's selection state changes."
-		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input is disabled."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
 		"name": {
 			"type": "string",
@@ -410,6 +411,14 @@
 			},
 			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
 		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
 		"defaultSelected": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -426,6 +435,31 @@
 			},
 			"description": "Whether the Switch should be selected (controlled)."
 		},
+		"onChange": {
+			"type": "((isSelected: boolean) => void)",
+			"detailedType": "((isSelected: boolean) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "isSelected",
+						"value": {
+							"type": "link",
+							"id": "boolean",
+							"name": "boolean"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the Switch's selection state changes."
+		},
 		"isReadOnly": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -468,14 +502,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: SwitchRenderProps) => string",
-			"detailedType": "string | (values: SwitchRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: SwitchRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: SwitchRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -493,48 +528,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: SwitchRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: SwitchRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"label\", SwitchRenderProps>",
+			"detailedType": "| DOMRenderFunction<'label', SwitchRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "SwitchRenderProps",
-									"name": "SwitchRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "label"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SwitchRenderProps",
+								"name": "SwitchRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -587,6 +624,93 @@
 		}
 	},
 	"typeLinks": {
+		"SwitchRenderProps": {
+			"type": "interface",
+			"name": "SwitchRenderProps",
+			"properties": {
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the switch is selected."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the switch is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the switch is currently in a pressed state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the switch is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the switch is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the switch is disabled."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the switch is read only."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "ToggleState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the switch."
+				}
+			}
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -626,9 +750,11 @@
 				}
 			}
 		},
-		"SwitchRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SwitchRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SwitchRenderProps",
 			"name": "SwitchRenderProps",
+			"extends": [],
 			"properties": {
 				"isSelected": {
 					"type": "property",
@@ -704,14 +830,17 @@
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toggle@3.9.5_react@19.2.1/node_modules/@react-stately/toggle/dist/types.d.ts:ToggleState",
 						"name": "ToggleState"
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the switch."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/tab-indicator.json b/www/src/modules/references/generated/tab-indicator.json
index d9f91d9f2..6091525cd 100644
--- a/www/src/modules/references/generated/tab-indicator.json
+++ b/www/src/modules/references/generated/tab-indicator.json
@@ -2,124 +2,186 @@
 	"name": "TabIndicatorProps",
 	"description": "An animated indicator of selection state within a group of items.",
 	"props": {
-		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+		"className": {
+			"type": "string | (values: SharedElementRenderProps) => string",
+			"detailedType": "string | (values: SharedElementRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "search"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "text"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "none"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "tel"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "url"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "email"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "numeric"
+						"type": "string"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "decimal"
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "SharedElementRenderProps",
+									"name": "SharedElementRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
 					}
 				]
 			},
-			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-SelectionIndicator'"
 		},
-		"is": {
+		"isSelected": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the SelectionIndicator is visible. This is usually set automatically by the parent component."
+		},
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+			"description": "Defines a string value that labels the current element."
 		},
-		"tw": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"aria-activedescendant": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"aria-atomic": {
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides a detailed, extended description for the object."
+		},
+		"aria-disabled": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
 			"typeAst": {
 				"type": "identifier",
 				"name": "Booleanish"
 			},
-			"description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute."
+			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
 		},
-		"aria-autocomplete": {
-			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
-			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
+		"aria-expanded": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "list"
+						"type": "boolean"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "none"
+						"type": "undefined"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "inline"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "both"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
 					}
 				]
 			},
-			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
-		},
-		"aria-braillelabel": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element, which is intended to be converted into Braille."
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
 		},
-		"aria-brailleroledescription": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
-		"aria-checked": {
+		"aria-pressed": {
 			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
 			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
 			"typeAst": {
@@ -160,47 +222,7 @@
 					}
 				]
 			},
-			"description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets."
-		},
-		"aria-colcount": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the total number of columns in a table, grid, or treegrid."
-		},
-		"aria-colindex": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
-		},
-		"aria-colindextext": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a human readable text alternative of aria-colindex."
-		},
-		"aria-colspan": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
-		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+			"description": "Indicates the current \"pressed\" state of toggle buttons."
 		},
 		"aria-current": {
 			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
@@ -281,38 +303,205 @@
 			},
 			"description": "Indicates the element that represents the current item within a container or set of related elements."
 		},
-		"aria-describedby": {
+		"aria-errormessage": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides an error message for the object."
+		},
+		"inputMode": {
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "search"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "text"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "decimal"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "email"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "tel"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "none"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "url"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "numeric"
+					}
+				]
+			},
+			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+		},
+		"is": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+		},
+		"aria-activedescendant": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
+		},
+		"aria-atomic": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute."
+		},
+		"aria-autocomplete": {
+			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
+			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "list"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "none"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "inline"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "both"
+					}
+				]
+			},
+			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
+		},
+		"aria-braillelabel": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element, which is intended to be converted into Braille."
+		},
+		"aria-brailleroledescription": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille."
+		},
+		"aria-checked": {
+			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
+			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "mixed"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets."
+		},
+		"aria-colcount": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines the total number of columns in a table, grid, or treegrid."
+		},
+		"aria-colindex": {
+			"type": "number",
+			"detailedType": "number | undefined",
+			"typeAst": {
+				"type": "number"
+			},
+			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
+		},
+		"aria-colindextext": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Defines a human readable text alternative of aria-colindex."
 		},
-		"aria-description": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"aria-colspan": {
+			"type": "number",
+			"detailedType": "number | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "number"
 			},
-			"description": "Defines a string value that describes or annotates the current element."
+			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
 		},
-		"aria-details": {
+		"aria-description": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element that provides a detailed, extended description for the object."
-		},
-		"aria-disabled": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+			"description": "Defines a string value that describes or annotates the current element."
 		},
 		"aria-dropeffect": {
 			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
@@ -348,23 +537,6 @@
 			},
 			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
 		},
-		"aria-errormessage": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
-		},
 		"aria-flowto": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -382,85 +554,6 @@
 			},
 			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
-		},
 		"aria-hidden": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -530,22 +623,6 @@
 			},
 			"description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
 		"aria-level": {
 			"type": "number",
 			"detailedType": "number | undefined",
@@ -645,49 +722,6 @@
 			},
 			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
 		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
 		"aria-readonly": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -698,8 +732,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -709,19 +743,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -905,14 +939,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: SharedElementRenderProps) => string",
-			"detailedType": "string | (values: SharedElementRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: SharedElementRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: SharedElementRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -930,48 +965,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: SharedElementRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: SharedElementRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", SharedElementRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', SharedElementRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "SharedElementRenderProps",
-									"name": "SharedElementRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SharedElementRenderProps",
+								"name": "SharedElementRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -1000,6 +1037,36 @@
 					"description": "Whether the element is currently exiting."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SharedElementRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:SharedElementRenderProps",
+			"name": "SharedElementRenderProps",
+			"extends": [],
+			"properties": {
+				"isEntering": {
+					"type": "property",
+					"name": "isEntering",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the element is currently entering."
+				},
+				"isExiting": {
+					"type": "property",
+					"name": "isExiting",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the element is currently exiting."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/tab-list.json b/www/src/modules/references/generated/tab-list.json
index f356fc387..d52f819a9 100644
--- a/www/src/modules/references/generated/tab-list.json
+++ b/www/src/modules/references/generated/tab-list.json
@@ -33,7 +33,8 @@
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-TabList'"
 		},
 		"style": {
 			"type": "CSSProperties | (values: TabListRenderProps) => CSSProperties",
@@ -70,6 +71,42 @@
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", TabListRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', TabListRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabListRenderProps",
+								"name": "TabListRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
 		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -266,6 +303,47 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabListRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabListRenderProps",
+			"name": "TabListRenderProps",
+			"extends": [],
+			"properties": {
+				"orientation": {
+					"type": "property",
+					"name": "orientation",
+					"value": {
+						"type": "identifier",
+						"name": "Orientation"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The orientation of the tab list."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+tabs@3.8.9_react@19.2.1/node_modules/@react-stately/tabs/dist/types.d.ts:TabListState",
+							"name": "TabListState"
+						},
+						"typeParameters": [
+							{
+								"type": "unknown"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the tab list."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator",
@@ -401,9 +479,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -913,9 +991,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
diff --git a/www/src/modules/references/generated/tab-panel.json b/www/src/modules/references/generated/tab-panel.json
index e0483866f..9db3b9ace 100644
--- a/www/src/modules/references/generated/tab-panel.json
+++ b/www/src/modules/references/generated/tab-panel.json
@@ -2,6 +2,40 @@
 	"name": "TabPanelProps",
 	"description": "A TabPanel provides the content for a tab.",
 	"props": {
+		"className": {
+			"type": "string | (values: TabPanelRenderProps) => string",
+			"detailedType": "string | (values: TabPanelRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "TabPanelRenderProps",
+									"name": "TabPanelRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-TabPanel'"
+		},
 		"shouldForceMount": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -86,14 +120,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: TabPanelRenderProps) => string",
-			"detailedType": "string | (values: TabPanelRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: TabPanelRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: TabPanelRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -111,48 +146,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: TabPanelRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: TabPanelRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", TabPanelRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', TabPanelRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "TabPanelRenderProps",
-									"name": "TabPanelRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabPanelRenderProps",
+								"name": "TabPanelRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -167,6 +204,14 @@
 		"isInert": {
 			"selector": "[data-inert]",
 			"description": "Whether the tab panel is currently non-interactive. This occurs when the\n`shouldForceMount` prop is true, and the corresponding tab is not selected."
+		},
+		"isEntering": {
+			"selector": "[data-entering]",
+			"description": "Whether the tab panel is currently entering. Use this to apply animations."
+		},
+		"isExiting": {
+			"selector": "[data-exiting]",
+			"description": "Whether the tab panel is currently exiting. Use this to apply animations."
 		}
 	},
 	"typeLinks": {
@@ -204,6 +249,26 @@
 					"readonly": false,
 					"description": "Whether the tab panel is currently non-interactive. This occurs when the\n`shouldForceMount` prop is true, and the corresponding tab is not selected."
 				},
+				"isEntering": {
+					"type": "property",
+					"name": "isEntering",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab panel is currently entering. Use this to apply animations."
+				},
+				"isExiting": {
+					"type": "property",
+					"name": "isExiting",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab panel is currently exiting. Use this to apply animations."
+				},
 				"state": {
 					"type": "property",
 					"name": "state",
@@ -216,6 +281,86 @@
 					"description": "State of the tab list."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabPanelRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabPanelRenderProps",
+			"name": "TabPanelRenderProps",
+			"extends": [],
+			"properties": {
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab panel is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab panel is currently keyboard focused."
+				},
+				"isInert": {
+					"type": "property",
+					"name": "isInert",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab panel is currently non-interactive. This occurs when the\n`shouldForceMount` prop is true, and the corresponding tab is not selected."
+				},
+				"isEntering": {
+					"type": "property",
+					"name": "isEntering",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab panel is currently entering. Use this to apply animations."
+				},
+				"isExiting": {
+					"type": "property",
+					"name": "isExiting",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab panel is currently exiting. Use this to apply animations."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+tabs@3.8.9_react@19.2.1/node_modules/@react-stately/tabs/dist/types.d.ts:TabListState",
+							"name": "TabListState"
+						},
+						"typeParameters": [
+							{
+								"type": "unknown"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the tab list."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/tab.json b/www/src/modules/references/generated/tab.json
index b84789bf6..e88f86fe9 100644
--- a/www/src/modules/references/generated/tab.json
+++ b/www/src/modules/references/generated/tab.json
@@ -168,6 +168,95 @@
 			},
 			"description": "**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides \nadditional event details for non-mouse interactions."
 		},
+		"onFocus": {
+			"type": "((e: FocusEvent<Element, Element>) => void)",
+			"detailedType": "| ((e: FocusEvent<Element, Element>) => void)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "e",
+								"value": {
+									"type": "identifier",
+									"name": "FocusEvent"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "Handler that is called when the element receives focus."
+		},
+		"onBlur": {
+			"type": "((e: FocusEvent<Element, Element>) => void)",
+			"detailedType": "| ((e: FocusEvent<Element, Element>) => void)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "e",
+								"value": {
+									"type": "identifier",
+									"name": "FocusEvent"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "Handler that is called when the element loses focus."
+		},
+		"onFocusChange": {
+			"type": "((isFocused: boolean) => void)",
+			"detailedType": "((isFocused: boolean) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "isFocused",
+						"value": {
+							"type": "link",
+							"id": "boolean",
+							"name": "boolean"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the element's focus status changes."
+		},
 		"onHoverStart": {
 			"type": "((e: HoverEvent) => void)",
 			"detailedType": "((e: HoverEvent) => void) | undefined",
@@ -243,6 +332,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: TabRenderProps) => string",
+			"detailedType": "string | (values: TabRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "TabRenderProps",
+									"name": "TabRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Tab'"
+		},
 		"id": {
 			"type": "Key",
 			"detailedType": "Key | undefined",
@@ -260,14 +383,15 @@
 			},
 			"description": "Whether the tab is disabled."
 		},
-		"children": {
-			"type": "ReactNode | (values: TabRenderProps) => ReactNode",
+		"style": {
+			"type": "CSSProperties | (values: TabRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: TabRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "identifier",
-						"name": "ReactNode"
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -286,22 +410,22 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "ReactNode"
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The children of the component. A function may be provided to alter the children based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"className": {
-			"type": "string | (values: TabRenderProps) => string",
-			"detailedType": "string | (values: TabRenderProps) => string | undefined",
+		"children": {
+			"type": "ReactNode | (values: TabRenderProps) => ReactNode",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "ReactNode"
 					},
 					{
 						"type": "function",
@@ -319,33 +443,89 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "ReactNode"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: TabRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: TabRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "((props: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> | DetailedHTMLProps<LinkWithRequiredHref, HTMLAnchorElement>, renderProps: TabRenderProps) => ReactElement<unknown, string | JSXElementConstructor<any>>)",
+			"detailedType": "| ((\n    props:\n      | DetailedHTMLProps<\n          HTMLAttributes<HTMLDivElement>,\n          HTMLDivElement\n        >\n      | DetailedHTMLProps<\n          LinkWithRequiredHref,\n          HTMLAnchorElement\n        >,\n    renderProps: TabRenderProps,\n  ) => ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >)\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
 						"type": "function",
 						"parameters": [
 							{
 								"type": "parameter",
-								"name": "values",
+								"name": "props",
+								"value": {
+									"type": "union",
+									"elements": [
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "application",
+													"base": {
+														"type": "identifier",
+														"name": "HTMLAttributes"
+													},
+													"typeParameters": [
+														{
+															"type": "identifier",
+															"name": "HTMLDivElement"
+														}
+													]
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLDivElement",
+													"name": "HTMLDivElement"
+												}
+											]
+										},
+										{
+											"type": "application",
+											"base": {
+												"type": "identifier",
+												"name": "DetailedHTMLProps"
+											},
+											"typeParameters": [
+												{
+													"type": "identifier",
+													"name": "LinkWithRequiredHref"
+												},
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLAnchorElement",
+													"name": "HTMLAnchorElement"
+												}
+											]
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							},
+							{
+								"type": "parameter",
+								"name": "renderProps",
 								"value": {
 									"type": "link",
-									"id": "TabRenderProps",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabRenderProps",
 									"name": "TabRenderProps"
 								},
 								"optional": false,
@@ -354,13 +534,13 @@
 						],
 						"return": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "ReactElement"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nNote: You can check if `'href' in props` in order to tell whether to render an `<a>` element.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<a>` is expected, you cannot render a `<button>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"aria-label": {
 			"type": "string",
@@ -564,6 +744,76 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabRenderProps",
+			"name": "TabRenderProps",
+			"extends": [],
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab is currently in a pressed state."
+				},
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab is currently selected."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab is currently keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tab is disabled."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -700,6 +950,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
diff --git a/www/src/modules/references/generated/table-body.json b/www/src/modules/references/generated/table-body.json
index b9b9a605f..3e393da34 100644
--- a/www/src/modules/references/generated/table-body.json
+++ b/www/src/modules/references/generated/table-body.json
@@ -31,6 +31,40 @@
 			},
 			"description": "Callback fired when more data needs to be loaded."
 		},
+		"className": {
+			"type": "string | (values: TableBodyRenderProps) => string",
+			"detailedType": "string | (values: TableBodyRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "TableBodyRenderProps",
+									"name": "TableBodyRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-TableBody'"
+		},
 		"renderEmptyState": {
 			"type": "((props: TableBodyRenderProps) => ReactNode)",
 			"detailedType": "| ((props: TableBodyRenderProps) => ReactNode)\n| undefined",
@@ -195,14 +229,15 @@
 			},
 			"description": "Values that should invalidate the item cache when using dynamic collections."
 		},
-		"className": {
-			"type": "string | (values: TableBodyRenderProps) => string",
-			"detailedType": "string | (values: TableBodyRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: TableBodyRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: TableBodyRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -220,48 +255,54 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: TableBodyRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: TableBodyRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\" | \"tbody\", TableBodyRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div' | 'tbody', TableBodyRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "TableBodyRenderProps",
-									"name": "TableBodyRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									},
+									{
+										"type": "stringLiteral",
+										"value": "tbody"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TableBodyRenderProps",
+								"name": "TableBodyRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -436,9 +477,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -948,9 +989,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -961,6 +1002,36 @@
 			},
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TableBodyRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TableBodyRenderProps",
+			"name": "TableBodyRenderProps",
+			"extends": [],
+			"properties": {
+				"isEmpty": {
+					"type": "property",
+					"name": "isEmpty",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the table body has no rows and should display its empty state."
+				},
+				"isDropTarget": {
+					"type": "property",
+					"name": "isDropTarget",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the Table is currently the active drop target."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/table-cell.json b/www/src/modules/references/generated/table-cell.json
index ac82a6c47..a5f0c389f 100644
--- a/www/src/modules/references/generated/table-cell.json
+++ b/www/src/modules/references/generated/table-cell.json
@@ -2,6 +2,40 @@
 	"name": "TableCellProps",
 	"description": "A cell within a table row.",
 	"props": {
+		"className": {
+			"type": "string | (values: CellRenderProps) => string",
+			"detailedType": "string | (values: CellRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "CellRenderProps",
+									"name": "CellRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Cell'"
+		},
 		"id": {
 			"type": "Key",
 			"detailedType": "Key | undefined",
@@ -61,14 +95,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: CellRenderProps) => string",
-			"detailedType": "string | (values: CellRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: CellRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: CellRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -86,48 +121,54 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: CellRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: CellRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\" | \"td\", CellRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div' | 'td', CellRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "CellRenderProps",
-									"name": "CellRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									},
+									{
+										"type": "stringLiteral",
+										"value": "td"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CellRenderProps",
+								"name": "CellRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -175,6 +216,16 @@
 					"readonly": false,
 					"description": "Whether the cell is currently hovered with a mouse."
 				},
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the parent row is currently selected."
+				},
 				"id": {
 					"type": "property",
 					"name": "id",
@@ -185,8 +236,121 @@
 					"optional": true,
 					"readonly": false,
 					"description": "The unique id of the cell."
+				},
+				"columnIndex": {
+					"type": "property",
+					"name": "columnIndex",
+					"value": {
+						"type": "identifier",
+						"name": "number | null | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The index of the column that this cell belongs to. Respects col spanning."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CellRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:CellRenderProps",
+			"name": "CellRenderProps",
+			"extends": [],
+			"properties": {
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is currently in a pressed state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is currently keyboard focused."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the cell is currently hovered with a mouse."
+				},
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the parent row is currently selected."
+				},
+				"id": {
+					"type": "property",
+					"name": "id",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "string"
+							},
+							{
+								"type": "number"
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The unique id of the cell."
+				},
+				"columnIndex": {
+					"type": "property",
+					"name": "columnIndex",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "null"
+							},
+							{
+								"type": "number"
+							}
+						]
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The index of the column that this cell belongs to. Respects col spanning."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/table-column.json b/www/src/modules/references/generated/table-column.json
index b43092f53..9fa716bf8 100644
--- a/www/src/modules/references/generated/table-column.json
+++ b/www/src/modules/references/generated/table-column.json
@@ -10,6 +10,40 @@
 			},
 			"description": "Whether the column is resizable."
 		},
+		"className": {
+			"type": "string | (values: ColumnRenderProps) => string",
+			"detailedType": "string | (values: ColumnRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ColumnRenderProps",
+									"name": "ColumnRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Column'"
+		},
 		"id": {
 			"type": "Key",
 			"detailedType": "Key | undefined",
@@ -257,14 +291,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ColumnRenderProps) => string",
-			"detailedType": "string | (values: ColumnRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ColumnRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ColumnRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -282,48 +317,54 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ColumnRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ColumnRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\" | \"th\", ColumnRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div' | 'th', ColumnRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ColumnRenderProps",
-									"name": "ColumnRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									},
+									{
+										"type": "stringLiteral",
+										"value": "th"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColumnRenderProps",
+								"name": "ColumnRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -339,7 +380,17 @@
 					},
 					"optional": false,
 					"readonly": false,
-					"description": "Whether the item is currently hovered with a mouse."
+					"description": "Whether the column is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the column is currently in a pressed state."
 				},
 				"isFocused": {
 					"type": "property",
@@ -349,7 +400,7 @@
 					},
 					"optional": false,
 					"readonly": false,
-					"description": "Whether the item is currently focused."
+					"description": "Whether the column is currently focused."
 				},
 				"isFocusVisible": {
 					"type": "property",
@@ -359,7 +410,7 @@
 					},
 					"optional": false,
 					"readonly": false,
-					"description": "Whether the item is currently keyboard focused."
+					"description": "Whether the column is currently keyboard focused."
 				},
 				"allowsSorting": {
 					"type": "property",
@@ -415,6 +466,148 @@
 					"description": "Starts column resizing if the table is contained in a `<ResizableTableContainer>` element."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColumnRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ColumnRenderProps",
+			"name": "ColumnRenderProps",
+			"extends": [],
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the column is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the column is currently in a pressed state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the column is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the column is currently keyboard focused."
+				},
+				"allowsSorting": {
+					"type": "property",
+					"name": "allowsSorting",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the column allows sorting."
+				},
+				"sortDirection": {
+					"type": "property",
+					"name": "sortDirection",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "ascending"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "descending"
+									}
+								]
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The current sort direction."
+				},
+				"isResizing": {
+					"type": "property",
+					"name": "isResizing",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the column is currently being resized."
+				},
+				"sort": {
+					"type": "method",
+					"name": "sort",
+					"value": {
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "direction",
+								"value": {
+									"type": "identifier",
+									"name": "SortDirection"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "Triggers sorting for this column in the given direction."
+				},
+				"startResize": {
+					"type": "method",
+					"name": "startResize",
+					"value": {
+						"type": "function",
+						"parameters": [],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					},
+					"optional": false,
+					"description": "Starts column resizing if the table is contained in a `<ResizableTableContainer>` element."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/table-container.json b/www/src/modules/references/generated/table-container.json
index f08d18682..47ef7af1d 100644
--- a/www/src/modules/references/generated/table-container.json
+++ b/www/src/modules/references/generated/table-container.json
@@ -10,6 +10,15 @@
 			},
 			"description": "Whether the table columns are resizable."
 		},
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-ResizableTableContainer'"
+		},
 		"onResizeStart": {
 			"type": "((widths: Map<Key, ColumnSize>) => void)",
 			"detailedType": "| ((widths: Map<Key, ColumnSize>) => void)\n| undefined",
@@ -156,14 +165,6 @@
 			},
 			"description": "The children of the component."
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -180,6 +181,40 @@
 				"type": "string"
 			},
 			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", undefined>",
+			"detailedType": "DOMRenderFunction<'div', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -548,9 +583,9 @@
 					"optional": false,
 					"description": "Returns an iterable of values in the map"
 				},
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -582,9 +617,9 @@
 					"optional": false,
 					"description": "Returns an iterable of entries in the map."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
diff --git a/www/src/modules/references/generated/table-header.json b/www/src/modules/references/generated/table-header.json
index f566fb6c0..999c78099 100644
--- a/www/src/modules/references/generated/table-header.json
+++ b/www/src/modules/references/generated/table-header.json
@@ -77,6 +77,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: TableHeaderRenderProps) => string",
+			"detailedType": "string | (values: TableHeaderRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "TableHeaderRenderProps",
+									"name": "TableHeaderRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-TableHeader'"
+		},
 		"columns": {
 			"type": "Iterable<T>",
 			"detailedType": "Iterable<T> | undefined",
@@ -215,14 +249,15 @@
 			},
 			"description": "Values that should invalidate the column cache when using dynamic collections."
 		},
-		"className": {
-			"type": "string | (values: TableHeaderRenderProps) => string",
-			"detailedType": "string | (values: TableHeaderRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: TableHeaderRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: TableHeaderRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -240,48 +275,54 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: TableHeaderRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: TableHeaderRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\" | \"thead\", TableHeaderRenderProps>",
+			"detailedType": "| DOMRenderFunction<\n    'div' | 'thead',\n    TableHeaderRenderProps\n  >\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "TableHeaderRenderProps",
-									"name": "TableHeaderRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									},
+									{
+										"type": "stringLiteral",
+										"value": "thead"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TableHeaderRenderProps",
+								"name": "TableHeaderRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -291,6 +332,22 @@
 		}
 	},
 	"typeLinks": {
+		"TableHeaderRenderProps": {
+			"type": "interface",
+			"name": "TableHeaderRenderProps",
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the table header is currently hovered with a mouse."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator",
@@ -431,9 +488,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -947,9 +1004,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -961,9 +1018,11 @@
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
 		},
-		"TableHeaderRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TableHeaderRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TableHeaderRenderProps",
 			"name": "TableHeaderRenderProps",
+			"extends": [],
 			"properties": {
 				"isHovered": {
 					"type": "property",
@@ -975,7 +1034,9 @@
 					"readonly": false,
 					"description": "Whether the table header is currently hovered with a mouse."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		},
 		"HoverEvent": {
 			"type": "interface",
diff --git a/www/src/modules/references/generated/table-load-more.json b/www/src/modules/references/generated/table-load-more.json
index 8dd406701..625753a7b 100644
--- a/www/src/modules/references/generated/table-load-more.json
+++ b/www/src/modules/references/generated/table-load-more.json
@@ -2,6 +2,15 @@
 	"name": "TableLoadMoreProps",
 	"description": "Missing description.",
 	"props": {
+		"className": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-TableLoadMoreItem'"
+		},
 		"children": {
 			"type": "ReactNode",
 			"typeAst": {
@@ -48,14 +57,6 @@
 			"description": "The amount of offset from the bottom of your scrollable region that should trigger load more.\nUses a percentage value relative to the scroll body's client height. Load more is then triggered\nwhen your current scroll position's distance from the bottom of the currently loaded list of items is less than\nor equal to the provided value. (e.g. 1 = 100% of the scroll region's height).",
 			"default": "1"
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -64,6 +65,44 @@
 				"name": "CSSProperties"
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\" | \"tr\", undefined>",
+			"detailedType": "| DOMRenderFunction<'div' | 'tr', undefined>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									},
+									{
+										"type": "stringLiteral",
+										"value": "tr"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/table-row.json b/www/src/modules/references/generated/table-row.json
index 32ec7ad8c..b27335f3f 100644
--- a/www/src/modules/references/generated/table-row.json
+++ b/www/src/modules/references/generated/table-row.json
@@ -415,6 +415,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: RowRenderProps) => string",
+			"detailedType": "string | (values: RowRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "RowRenderProps",
+									"name": "RowRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Row'"
+		},
 		"columns": {
 			"type": "Iterable<T>",
 			"detailedType": "Iterable<T> | undefined",
@@ -512,14 +546,15 @@
 			},
 			"description": "The unique id of the row."
 		},
-		"className": {
-			"type": "string | (values: RowRenderProps) => string",
-			"detailedType": "string | (values: RowRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: RowRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: RowRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -537,51 +572,199 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: RowRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: RowRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\" | \"tr\", RowRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div' | 'tr', RowRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "RowRenderProps",
-									"name": "RowRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									},
+									{
+										"type": "stringLiteral",
+										"value": "tr"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:RowRenderProps",
+								"name": "RowRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
+		"RowRenderProps": {
+			"type": "interface",
+			"name": "RowRenderProps",
+			"properties": {
+				"isFocusVisibleWithin": {
+					"type": "property",
+					"name": "isFocusVisibleWithin",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the row's children have keyboard focus."
+				},
+				"id": {
+					"type": "property",
+					"name": "id",
+					"value": {
+						"type": "identifier",
+						"name": "Key | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The unique id of the row."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently in a pressed state."
+				},
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently selected."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is non-interactive, i.e. both selection and actions are disabled and the item may\nnot be focused. Dependent on `disabledKeys` and `disabledBehavior`."
+				},
+				"selectionMode": {
+					"type": "property",
+					"name": "selectionMode",
+					"value": {
+						"type": "identifier",
+						"name": "SelectionMode"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The type of selection that is allowed in the collection."
+				},
+				"selectionBehavior": {
+					"type": "property",
+					"name": "selectionBehavior",
+					"value": {
+						"type": "identifier",
+						"name": "SelectionBehavior"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The selection behavior for the collection."
+				},
+				"allowsDragging": {
+					"type": "property",
+					"name": "allowsDragging",
+					"value": {
+						"type": "identifier",
+						"name": "boolean | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item allows dragging."
+				},
+				"isDragging": {
+					"type": "property",
+					"name": "isDragging",
+					"value": {
+						"type": "identifier",
+						"name": "boolean | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item is currently being dragged."
+				},
+				"isDropTarget": {
+					"type": "property",
+					"name": "isDropTarget",
+					"value": {
+						"type": "identifier",
+						"name": "boolean | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "Whether the item is currently an active drop target."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator",
@@ -722,9 +905,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -1238,9 +1421,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -1252,9 +1435,17 @@
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
 		},
-		"RowRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:RowRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:RowRenderProps",
 			"name": "RowRenderProps",
+			"extends": [
+				{
+					"type": "link",
+					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ItemRenderProps",
+					"name": "ItemRenderProps"
+				}
+			],
 			"properties": {
 				"isFocusVisibleWithin": {
 					"type": "property",
@@ -1270,8 +1461,18 @@
 					"type": "property",
 					"name": "id",
 					"value": {
-						"type": "identifier",
-						"name": "Key | undefined"
+						"type": "union",
+						"elements": [
+							{
+								"type": "undefined"
+							},
+							{
+								"type": "string"
+							},
+							{
+								"type": "number"
+							}
+						]
 					},
 					"optional": true,
 					"readonly": false,
@@ -1363,8 +1564,15 @@
 					"type": "property",
 					"name": "allowsDragging",
 					"value": {
-						"type": "identifier",
-						"name": "boolean | undefined"
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
 					},
 					"optional": true,
 					"readonly": false,
@@ -1374,8 +1582,15 @@
 					"type": "property",
 					"name": "isDragging",
 					"value": {
-						"type": "identifier",
-						"name": "boolean | undefined"
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
 					},
 					"optional": true,
 					"readonly": false,
@@ -1385,14 +1600,23 @@
 					"type": "property",
 					"name": "isDropTarget",
 					"value": {
-						"type": "identifier",
-						"name": "boolean | undefined"
+						"type": "union",
+						"elements": [
+							{
+								"type": "boolean"
+							},
+							{
+								"type": "undefined"
+							}
+						]
 					},
 					"optional": true,
 					"readonly": false,
 					"description": "Whether the item is currently an active drop target."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		},
 		"HoverEvent": {
 			"type": "interface",
@@ -1530,6 +1754,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
diff --git a/www/src/modules/references/generated/table.json b/www/src/modules/references/generated/table.json
index 69eadd498..3579ae3cf 100644
--- a/www/src/modules/references/generated/table.json
+++ b/www/src/modules/references/generated/table.json
@@ -10,6 +10,40 @@
 			},
 			"description": "Whether the table columns are resizable."
 		},
+		"className": {
+			"type": "string | (values: TableRenderProps) => string",
+			"detailedType": "string | (values: TableRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "TableRenderProps",
+									"name": "TableRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Table'"
+		},
 		"children": {
 			"type": "ReactNode",
 			"typeAst": {
@@ -36,7 +70,7 @@
 				"name": "DisabledBehavior"
 			},
 			"description": "Whether `disabledKeys` applies to all interactions, or only selection.",
-			"default": "\"selection\""
+			"default": "\"all\""
 		},
 		"onRowAction": {
 			"type": "((key: Key) => void)",
@@ -107,39 +141,6 @@
 			},
 			"description": "A list of row keys to disable."
 		},
-		"disallowEmptySelection": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the collection allows empty selection."
-		},
-		"onSelectionChange": {
-			"type": "((keys: Selection) => void)",
-			"detailedType": "((keys: Selection) => void) | undefined",
-			"typeAst": {
-				"type": "function",
-				"parameters": [
-					{
-						"type": "parameter",
-						"name": "keys",
-						"value": {
-							"type": "link",
-							"id": "Selection",
-							"name": "Selection"
-						},
-						"optional": false,
-						"rest": false
-					}
-				],
-				"return": {
-					"type": "void"
-				},
-				"typeParameters": []
-			},
-			"description": "Handler that is called when the selection changes."
-		},
 		"shouldSelectOnPressUp": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -176,6 +177,14 @@
 			},
 			"description": "The type of selection that is allowed in the collection."
 		},
+		"disallowEmptySelection": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the collection allows empty selection."
+		},
 		"selectedKeys": {
 			"type": "Iterable<Key> | \"all\"",
 			"detailedType": "Iterable<Key> | 'all' | undefined",
@@ -248,6 +257,31 @@
 			},
 			"description": "The initial selected keys in the collection (uncontrolled)."
 		},
+		"onSelectionChange": {
+			"type": "((keys: Selection) => void)",
+			"detailedType": "((keys: Selection) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "keys",
+						"value": {
+							"type": "link",
+							"id": "Selection",
+							"name": "Selection"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the selection changes."
+		},
 		"sortDescriptor": {
 			"type": "SortDescriptor",
 			"detailedType": "SortDescriptor | undefined",
@@ -282,14 +316,15 @@
 			},
 			"description": "Handler that is called when the sorted column or direction changes."
 		},
-		"className": {
-			"type": "string | (values: TableRenderProps) => string",
-			"detailedType": "string | (values: TableRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: TableRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: TableRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -307,48 +342,54 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: TableRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: TableRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\" | \"table\", TableRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div' | 'table', TableRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "TableRenderProps",
-									"name": "TableRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									},
+									{
+										"type": "stringLiteral",
+										"value": "table"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TableRenderProps",
+								"name": "TableRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -417,6 +458,53 @@
 		}
 	},
 	"typeLinks": {
+		"TableRenderProps": {
+			"type": "interface",
+			"name": "TableRenderProps",
+			"properties": {
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the table is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the table is currently keyboard focused."
+				},
+				"isDropTarget": {
+					"type": "property",
+					"name": "isDropTarget",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the table is currently the active drop target."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "Table.State<unknown>"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the table."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator",
@@ -552,9 +640,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -581,9 +669,11 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"TableRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TableRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TableRenderProps",
 			"name": "TableRenderProps",
+			"extends": [],
 			"properties": {
 				"isFocused": {
 					"type": "property",
@@ -619,14 +709,25 @@
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
-						"name": "Table.State<unknown>"
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+table@3.15.4_react@19.2.1/node_modules/@react-stately/table/dist/types.d.ts:Table.State",
+							"name": "Table.State"
+						},
+						"typeParameters": [
+							{
+								"type": "unknown"
+							}
+						]
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the table."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/tabs.json b/www/src/modules/references/generated/tabs.json
index 90d7be078..26ad12e34 100644
--- a/www/src/modules/references/generated/tabs.json
+++ b/www/src/modules/references/generated/tabs.json
@@ -2,45 +2,39 @@
 	"name": "TabsProps",
 	"description": "Tabs organize content into multiple sections and allow users to navigate between them.",
 	"props": {
-		"id": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
-		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that describes the object."
-		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
-		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"className": {
+			"type": "string | (values: TabsRenderProps) => string",
+			"detailedType": "string | (values: TabsRenderProps) => string | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "TabsRenderProps",
+									"name": "TabsRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Tabs'"
 		},
 		"disabledKeys": {
 			"type": "Iterable<Key>",
@@ -77,6 +71,46 @@
 			},
 			"description": "Whether the TabList is disabled.\nShows that a selection exists, but is not available in that circumstance."
 		},
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
 		"orientation": {
 			"type": "Orientation",
 			"detailedType": "Orientation | undefined",
@@ -113,24 +147,11 @@
 			"description": "Handler that is called when the selection changes."
 		},
 		"selectedKey": {
-			"type": "Key | null",
-			"detailedType": "Key | null | undefined",
+			"type": "Key",
+			"detailedType": "Key | undefined",
 			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "null"
-					},
-					{
-						"type": "string"
-					},
-					{
-						"type": "number"
-					}
-				]
+				"type": "identifier",
+				"name": "Key"
 			},
 			"description": "The currently selected key in the collection (controlled)."
 		},
@@ -141,7 +162,7 @@
 				"type": "identifier",
 				"name": "Key"
 			},
-			"description": "The initial selected key in the collection (uncontrolled)."
+			"description": "The initial selected keys in the collection (uncontrolled)."
 		},
 		"keyboardActivation": {
 			"type": "\"manual\" | \"automatic\"",
@@ -196,14 +217,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: TabsRenderProps) => string",
-			"detailedType": "string | (values: TabsRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: TabsRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: TabsRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -221,48 +243,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: TabsRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: TabsRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", TabsRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', TabsRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "TabsRenderProps",
-									"name": "TabsRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabsRenderProps",
+								"name": "TabsRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -291,6 +315,23 @@
 		}
 	},
 	"typeLinks": {
+		"TabsRenderProps": {
+			"type": "interface",
+			"name": "TabsRenderProps",
+			"properties": {
+				"orientation": {
+					"type": "property",
+					"name": "orientation",
+					"value": {
+						"type": "identifier",
+						"name": "Orientation"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The orientation of the tabs."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator",
@@ -426,9 +467,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -455,9 +496,11 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"TabsRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabsRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TabsRenderProps",
 			"name": "TabsRenderProps",
+			"extends": [],
 			"properties": {
 				"orientation": {
 					"type": "property",
@@ -470,7 +513,9 @@
 					"readonly": false,
 					"description": "The orientation of the tabs."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/tag-group.json b/www/src/modules/references/generated/tag-group.json
index be0f70f88..df5cedb25 100644
--- a/www/src/modules/references/generated/tag-group.json
+++ b/www/src/modules/references/generated/tag-group.json
@@ -2,45 +2,14 @@
 	"name": "TagGroupProps",
 	"description": "A tag group is a focusable list of labels, categories, keywords, filters, or other items,\nwith support for keyboard navigation, selection, and removal.",
 	"props": {
-		"id": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
-		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that describes the object."
-		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
-		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
+		"className": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.",
+			"default": "'react-aria-TagGroup'"
 		},
 		"disabledKeys": {
 			"type": "Iterable<Key>",
@@ -69,38 +38,45 @@
 			},
 			"description": "The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with."
 		},
-		"disallowEmptySelection": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "boolean"
+				"type": "string"
 			},
-			"description": "Whether the collection allows empty selection."
+			"description": "Defines a string value that labels the current element."
 		},
-		"onSelectionChange": {
-			"type": "((keys: Selection) => void)",
-			"detailedType": "((keys: Selection) => void) | undefined",
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "function",
-				"parameters": [
-					{
-						"type": "parameter",
-						"name": "keys",
-						"value": {
-							"type": "link",
-							"id": "Selection",
-							"name": "Selection"
-						},
-						"optional": false,
-						"rest": false
-					}
-				],
-				"return": {
-					"type": "void"
-				},
-				"typeParameters": []
+				"type": "string"
 			},
-			"description": "Handler that is called when the selection changes."
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+		},
+		"id": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"selectionBehavior": {
 			"type": "SelectionBehavior",
@@ -147,6 +123,14 @@
 			},
 			"description": "The type of selection that is allowed in the collection."
 		},
+		"disallowEmptySelection": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the collection allows empty selection."
+		},
 		"selectedKeys": {
 			"type": "Iterable<Key> | \"all\"",
 			"detailedType": "Iterable<Key> | 'all' | undefined",
@@ -219,6 +203,31 @@
 			},
 			"description": "The initial selected keys in the collection (uncontrolled)."
 		},
+		"onSelectionChange": {
+			"type": "((keys: Selection) => void)",
+			"detailedType": "((keys: Selection) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "keys",
+						"value": {
+							"type": "link",
+							"id": "Selection",
+							"name": "Selection"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the selection changes."
+		},
 		"onRemove": {
 			"type": "((keys: Set<Key>) => void)",
 			"detailedType": "((keys: Set<Key>) => void) | undefined",
@@ -269,14 +278,6 @@
 			},
 			"description": "The children of the component."
 		},
-		"className": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element."
-		},
 		"style": {
 			"type": "CSSProperties",
 			"detailedType": "CSSProperties | undefined",
@@ -304,6 +305,40 @@
 				]
 			},
 			"description": "A slot name for the component. Slots allow the component to receive props from a parent component.\nAn explicit `null` value indicates that the local props completely override all props received from a parent."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", undefined>",
+			"detailedType": "DOMRenderFunction<'div', undefined> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "undefined"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -442,9 +477,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -750,9 +785,9 @@
 					"optional": false,
 					"description": "Returns an iterable of values in the set."
 				},
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -775,9 +810,9 @@
 					"optional": false,
 					"description": "Iterates over values in the set."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
diff --git a/www/src/modules/references/generated/tag-list.json b/www/src/modules/references/generated/tag-list.json
index 44922f136..d50fbac7f 100644
--- a/www/src/modules/references/generated/tag-list.json
+++ b/www/src/modules/references/generated/tag-list.json
@@ -2,6 +2,40 @@
 	"name": "TagListProps",
 	"description": "A tag list is a container for tags within a TagGroup.",
 	"props": {
+		"className": {
+			"type": "string | (values: TagListRenderProps) => string",
+			"detailedType": "string | (values: TagListRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "TagListRenderProps",
+									"name": "TagListRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-TagList'"
+		},
 		"renderEmptyState": {
 			"type": "((props: TagListRenderProps) => ReactNode)",
 			"detailedType": "| ((props: TagListRenderProps) => ReactNode)\n| undefined",
@@ -162,14 +196,15 @@
 			},
 			"description": "Values that should invalidate the item cache when using dynamic collections."
 		},
-		"className": {
-			"type": "string | (values: TagListRenderProps) => string",
-			"detailedType": "string | (values: TagListRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: TagListRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: TagListRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -187,48 +222,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: TagListRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: TagListRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", TagListRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', TagListRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "TagListRenderProps",
-									"name": "TagListRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TagListRenderProps",
+								"name": "TagListRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -428,9 +465,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -940,9 +977,9 @@
 					"optional": false,
 					"description": "Attaches a callback that is invoked when the Promise is settled (fulfilled or rejected). The\nresolved value cannot be modified from the callback."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -953,6 +990,66 @@
 			},
 			"typeParameters": [],
 			"description": "Represents the completion of an asynchronous operation"
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TagListRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TagListRenderProps",
+			"name": "TagListRenderProps",
+			"extends": [],
+			"properties": {
+				"isEmpty": {
+					"type": "property",
+					"name": "isEmpty",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tag list has no items and should display its empty state."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tag list is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tag list is currently keyboard focused."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+list@3.13.4_react@19.2.1/node_modules/@react-stately/list/dist/types.d.ts:ListState",
+							"name": "ListState"
+						},
+						"typeParameters": [
+							{
+								"type": "unknown"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the TagGroup."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/tag.json b/www/src/modules/references/generated/tag.json
index 7d5b5409f..a0a1e45ba 100644
--- a/www/src/modules/references/generated/tag.json
+++ b/www/src/modules/references/generated/tag.json
@@ -168,6 +168,95 @@
 			},
 			"description": "**Not recommended – use `onPress` instead.** `onClick` is an alias for `onPress`\nprovided for compatibility with other libraries. `onPress` provides \nadditional event details for non-mouse interactions."
 		},
+		"onFocus": {
+			"type": "((e: FocusEvent<Element, Element>) => void)",
+			"detailedType": "| ((e: FocusEvent<Element, Element>) => void)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "e",
+								"value": {
+									"type": "identifier",
+									"name": "FocusEvent"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "Handler that is called when the element receives focus."
+		},
+		"onBlur": {
+			"type": "((e: FocusEvent<Element, Element>) => void)",
+			"detailedType": "| ((e: FocusEvent<Element, Element>) => void)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "e",
+								"value": {
+									"type": "identifier",
+									"name": "FocusEvent"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "void"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "Handler that is called when the element loses focus."
+		},
+		"onFocusChange": {
+			"type": "((isFocused: boolean) => void)",
+			"detailedType": "((isFocused: boolean) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "isFocused",
+						"value": {
+							"type": "link",
+							"id": "boolean",
+							"name": "boolean"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the element's focus status changes."
+		},
 		"onHoverStart": {
 			"type": "((e: HoverEvent) => void)",
 			"detailedType": "((e: HoverEvent) => void) | undefined",
@@ -243,6 +332,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: TagRenderProps) => string",
+			"detailedType": "string | (values: TagRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "TagRenderProps",
+									"name": "TagRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Tag'"
+		},
 		"id": {
 			"type": "Key",
 			"detailedType": "Key | undefined",
@@ -302,14 +425,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: TagRenderProps) => string",
-			"detailedType": "string | (values: TagRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: TagRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: TagRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -327,48 +451,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: TagRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: TagRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", TagRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', TagRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "TagRenderProps",
-									"name": "TagRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TagRenderProps",
+								"name": "TagRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"href": {
 			"type": "string",
@@ -580,6 +706,140 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TagRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TagRenderProps",
+			"name": "TagRenderProps",
+			"extends": [
+				{
+					"type": "application",
+					"base": {
+						"type": "identifier",
+						"name": "Omit"
+					},
+					"typeParameters": [
+						{
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ItemRenderProps",
+							"name": "ItemRenderProps"
+						},
+						{
+							"type": "union",
+							"elements": [
+								{
+									"type": "stringLiteral",
+									"value": "isDropTarget"
+								},
+								{
+									"type": "stringLiteral",
+									"value": "allowsDragging"
+								},
+								{
+									"type": "stringLiteral",
+									"value": "isDragging"
+								}
+							]
+						}
+					]
+				}
+			],
+			"properties": {
+				"allowsRemoving": {
+					"type": "property",
+					"name": "allowsRemoving",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tag group allows items to be removed."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is non-interactive, i.e. both selection and actions are disabled and the item may\nnot be focused. Dependent on `disabledKeys` and `disabledBehavior`."
+				},
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently selected."
+				},
+				"selectionBehavior": {
+					"type": "property",
+					"name": "selectionBehavior",
+					"value": {
+						"type": "identifier",
+						"name": "SelectionBehavior"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The selection behavior for the collection."
+				},
+				"selectionMode": {
+					"type": "property",
+					"name": "selectionMode",
+					"value": {
+						"type": "identifier",
+						"name": "SelectionMode"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The type of selection that is allowed in the collection."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently keyboard focused."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the item is currently in a pressed state."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
@@ -716,6 +976,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
diff --git a/www/src/modules/references/generated/text-area.json b/www/src/modules/references/generated/text-area.json
index c6f5778fd..7a148aa0e 100644
--- a/www/src/modules/references/generated/text-area.json
+++ b/www/src/modules/references/generated/text-area.json
@@ -135,6 +135,74 @@
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
+		},
+		"aria-describedby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that describes the object."
+		},
+		"aria-details": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides a detailed, extended description for the object."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"textarea\", InputRenderProps>",
+			"detailedType": "| DOMRenderFunction<'textarea', InputRenderProps>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "textarea"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:InputRenderProps",
+								"name": "InputRenderProps"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
+		},
 		"className": {
 			"type": "string | (values: InputRenderProps) => string",
 			"detailedType": "string | (values: InputRenderProps) => string | undefined",
@@ -166,11 +234,247 @@
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-TextArea'"
+		},
+		"aria-disabled": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+		},
+		"aria-expanded": {
+			"type": "Booleanish",
+			"detailedType": "Booleanish | undefined",
+			"typeAst": {
+				"type": "identifier",
+				"name": "Booleanish"
+			},
+			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
+		},
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+		},
+		"aria-controls": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+		},
+		"aria-pressed": {
+			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
+			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "mixed"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the current \"pressed\" state of toggle buttons."
+		},
+		"aria-current": {
+			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
+			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "boolean"
+					},
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "time"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "step"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "page"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "location"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "date"
+							}
+						]
+					}
+				]
+			},
+			"description": "Indicates the element that represents the current item within a container or set of related elements."
+		},
+		"aria-errormessage": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element that provides an error message for the object."
 		},
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -184,27 +488,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -218,14 +522,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -332,153 +628,41 @@
 			"type": "number",
 			"detailedType": "number | undefined",
 			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the total number of columns in a table, grid, or treegrid."
-		},
-		"aria-colindex": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
-		},
-		"aria-colindextext": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a human readable text alternative of aria-colindex."
-		},
-		"aria-colspan": {
-			"type": "number",
-			"detailedType": "number | undefined",
-			"typeAst": {
-				"type": "number"
-			},
-			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
-		},
-		"aria-controls": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
-		},
-		"aria-current": {
-			"type": "boolean | \"time\" | \"step\" | \"true\" | \"false\" | \"page\" | \"location\" | \"date\"",
-			"detailedType": "| boolean\n| 'time'\n| 'step'\n| 'true'\n| 'false'\n| 'page'\n| 'location'\n| 'date'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "time"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "step"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "page"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "location"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "date"
-							}
-						]
-					}
-				]
+				"type": "number"
 			},
-			"description": "Indicates the element that represents the current item within a container or set of related elements."
+			"description": "Defines the total number of columns in a table, grid, or treegrid."
 		},
-		"aria-describedby": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"aria-colindex": {
+			"type": "number",
+			"detailedType": "number | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "number"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid."
 		},
-		"aria-description": {
+		"aria-colindextext": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that describes or annotates the current element."
+			"description": "Defines a human readable text alternative of aria-colindex."
 		},
-		"aria-details": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"aria-colspan": {
+			"type": "number",
+			"detailedType": "number | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "number"
 			},
-			"description": "Identifies the element that provides a detailed, extended description for the object."
+			"description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid."
 		},
-		"aria-disabled": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
+		"aria-description": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
+				"type": "string"
 			},
-			"description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable."
+			"description": "Defines a string value that describes or annotates the current element."
 		},
 		"aria-dropeffect": {
 			"type": "\"link\" | \"none\" | \"copy\" | \"execute\" | \"move\" | \"popup\"",
@@ -514,23 +698,6 @@
 			},
 			"description": "Indicates what functions can be performed when a dragged object is released on the drop target."
 		},
-		"aria-errormessage": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element that provides an error message for the object."
-		},
-		"aria-expanded": {
-			"type": "Booleanish",
-			"detailedType": "Booleanish | undefined",
-			"typeAst": {
-				"type": "identifier",
-				"name": "Booleanish"
-			},
-			"description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed."
-		},
 		"aria-flowto": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -548,85 +715,6 @@
 			},
 			"description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
-		},
 		"aria-hidden": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -696,22 +784,6 @@
 			},
 			"description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Identifies the element (or elements) that labels the current element."
-		},
 		"aria-level": {
 			"type": "number",
 			"detailedType": "number | undefined",
@@ -811,49 +883,6 @@
 			},
 			"description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM."
 		},
-		"aria-pressed": {
-			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
-			"detailedType": "boolean | 'true' | 'false' | 'mixed' | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "boolean"
-					},
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "mixed"
-							}
-						]
-					}
-				]
-			},
-			"description": "Indicates the current \"pressed\" state of toggle buttons."
-		},
 		"aria-readonly": {
 			"type": "Booleanish",
 			"detailedType": "Booleanish | undefined",
@@ -864,8 +893,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -875,19 +904,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -1095,6 +1124,66 @@
 				}
 			}
 		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:InputRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:InputRenderProps",
+			"name": "InputRenderProps",
+			"extends": [],
+			"properties": {
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the input is currently hovered with a mouse."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the input is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the input is keyboard focused."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the input is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the input is invalid."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
 		"HoverEvent": {
 			"type": "interface",
 			"name": "HoverEvent",
diff --git a/www/src/modules/references/generated/text-field.json b/www/src/modules/references/generated/text-field.json
index 15f1856d5..ff0e08342 100644
--- a/www/src/modules/references/generated/text-field.json
+++ b/www/src/modules/references/generated/text-field.json
@@ -161,6 +161,40 @@
 			},
 			"description": "Handler that is called when a key is released."
 		},
+		"className": {
+			"type": "string | (values: TextFieldRenderProps) => string",
+			"detailedType": "string | (values: TextFieldRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "TextFieldRenderProps",
+									"name": "TextFieldRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-TextField'"
+		},
 		"isInvalid": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -185,13 +219,13 @@
 			},
 			"description": "Regex pattern that the value of the input must match to be valid. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern)."
 		},
-		"defaultValue": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "boolean"
 			},
-			"description": "The default value (uncontrolled)."
+			"description": "Whether the input is disabled."
 		},
 		"autoFocus": {
 			"type": "boolean",
@@ -201,167 +235,329 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"enterKeyHint": {
-			"type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"",
-			"detailedType": "| 'search'\n| 'enter'\n| 'done'\n| 'go'\n| 'next'\n| 'previous'\n| 'send'\n| undefined",
+		"aria-label": {
+			"type": "string",
+			"detailedType": "string | undefined",
 			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "stringLiteral",
-						"value": "search"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "enter"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "done"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "go"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "next"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "previous"
-					},
-					{
-						"type": "stringLiteral",
-						"value": "send"
-					}
-				]
+				"type": "string"
 			},
-			"description": "An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."
+			"description": "Defines a string value that labels the current element."
 		},
-		"id": {
+		"aria-labelledby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
-		"spellCheck": {
+		"aria-describedby": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "An enumerated attribute that defines whether the element may be checked for spelling errors. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."
+			"description": "Identifies the element (or elements) that describes the object."
 		},
-		"autoCorrect": {
+		"aria-details": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "An attribute that takes as its value a space-separated string that describes what, if any, type of autocomplete functionality the input should provide. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."
+			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+		"aria-haspopup": {
+			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
+			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "search"
+						"type": "boolean"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "text"
+						"type": "undefined"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "none"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "dialog"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "tel"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "menu"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "url"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "true"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "email"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "false"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "numeric"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "listbox"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "decimal"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tree"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "grid"
+							}
+						]
 					}
 				]
 			},
-			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents. See [MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."
+			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
 		},
-		"aria-activedescendant": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
-		"aria-autocomplete": {
-			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
-			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
+		"type": {
+			"type": "\"search\" | \"text\" | (string & {}) | \"email\" | \"tel\" | \"url\" | \"password\"",
+			"detailedType": "| 'search'\n| 'text'\n| (string & {})\n| 'email'\n| 'tel'\n| 'url'\n| 'password'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "stringLiteral",
-						"value": "list"
+						"type": "undefined"
 					},
 					{
-						"type": "stringLiteral",
-						"value": "none"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "search"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "inline"
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "text"
+							}
+						]
 					},
 					{
-						"type": "stringLiteral",
-						"value": "both"
+						"type": "intersection",
+						"types": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "identifier",
+								"name": "{}"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "email"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "tel"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "url"
+							}
+						]
+					},
+					{
+						"type": "union",
+						"elements": [
+							{
+								"type": "stringLiteral",
+								"value": "password"
+							}
+						]
 					}
 				]
 			},
-			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
+			"description": "The type of input to render. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype).",
+			"default": "'text'"
 		},
-		"aria-controls": {
+		"name": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
 		},
-		"aria-describedby": {
+		"value": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that describes the object."
+			"description": "The current value (controlled)."
 		},
-		"aria-details": {
+		"excludeFromTabOrder": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
+		},
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+		},
+		"onChange": {
+			"type": "((value: string) => void)",
+			"detailedType": "((value: string) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "value",
+						"value": {
+							"type": "link",
+							"id": "string",
+							"name": "string"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the value changes."
+		},
+		"isReadOnly": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input can be selected but not changed by the user."
+		},
+		"isRequired": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether user input is required on the input before form submission."
+		},
+		"validate": {
+			"type": "((value: string) => true | ValidationError | null | undefined)",
+			"detailedType": "| ((\n    value: string,\n  ) => true | ValidationError | null | undefined)\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "value",
+								"value": {
+									"type": "string"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "union",
+							"elements": [
+								{
+									"type": "undefined"
+								},
+								{
+									"type": "null"
+								},
+								{
+									"type": "string"
+								},
+								{
+									"type": "booleanLiteral",
+									"value": true
+								},
+								{
+									"type": "array",
+									"elementType": {
+										"type": "string"
+									}
+								}
+							]
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
 		},
 		"aria-errormessage": {
 			"type": "string",
@@ -371,100 +567,143 @@
 			},
 			"description": "Identifies the element that provides an error message for the object."
 		},
-		"aria-haspopup": {
-			"type": "boolean | \"dialog\" | \"menu\" | \"true\" | \"false\" | \"listbox\" | \"tree\" | \"grid\"",
-			"detailedType": "| boolean\n| 'dialog'\n| 'menu'\n| 'true'\n| 'false'\n| 'listbox'\n| 'tree'\n| 'grid'\n| undefined",
+		"defaultValue": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The default value (uncontrolled)."
+		},
+		"enterKeyHint": {
+			"type": "\"search\" | \"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"send\"",
+			"detailedType": "| 'search'\n| 'enter'\n| 'done'\n| 'go'\n| 'next'\n| 'previous'\n| 'send'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "boolean"
+						"type": "stringLiteral",
+						"value": "search"
 					},
 					{
-						"type": "undefined"
+						"type": "stringLiteral",
+						"value": "enter"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "dialog"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "done"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "menu"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "go"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "true"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "next"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "false"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "previous"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "listbox"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "send"
+					}
+				]
+			},
+			"description": "An enumerated attribute that defines what action label or icon to preset for the enter key on virtual keyboards. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)."
+		},
+		"spellCheck": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "An enumerated attribute that defines whether the element may be checked for spelling errors. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)."
+		},
+		"autoCorrect": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "An attribute that takes as its value a space-separated string that describes what, if any, type of autocomplete functionality the input should provide. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete)."
+		},
+		"inputMode": {
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "search"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "text"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "decimal"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "email"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "tel"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "none"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tree"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "url"
 					},
 					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "grid"
-							}
-						]
+						"type": "stringLiteral",
+						"value": "numeric"
 					}
 				]
 			},
-			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
+			"description": "Hints at the type of data that might be entered by the user while editing the element or its contents. See [MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute)."
 		},
-		"aria-label": {
+		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application."
 		},
-		"aria-labelledby": {
-			"type": "string",
-			"detailedType": "string | undefined",
+		"aria-autocomplete": {
+			"type": "\"list\" | \"none\" | \"inline\" | \"both\"",
+			"detailedType": "'list' | 'none' | 'inline' | 'both' | undefined",
 			"typeAst": {
-				"type": "string"
+				"type": "union",
+				"elements": [
+					{
+						"type": "stringLiteral",
+						"value": "list"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "none"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "inline"
+					},
+					{
+						"type": "stringLiteral",
+						"value": "both"
+					}
+				]
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made."
 		},
 		"onCopy": {
 			"type": "ClipboardEventHandler<HTMLInputElement>",
@@ -628,31 +867,6 @@
 			},
 			"description": "Handler that is called when a new character is received in the current text composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event)."
 		},
-		"onChange": {
-			"type": "((value: string) => void)",
-			"detailedType": "((value: string) => void) | undefined",
-			"typeAst": {
-				"type": "function",
-				"parameters": [
-					{
-						"type": "parameter",
-						"name": "value",
-						"value": {
-							"type": "link",
-							"id": "string",
-							"name": "string"
-						},
-						"optional": false,
-						"rest": false
-					}
-				],
-				"return": {
-					"type": "void"
-				},
-				"typeParameters": []
-			},
-			"description": "Handler that is called when the value changes."
-		},
 		"onBeforeInput": {
 			"type": "FormEventHandler<HTMLInputElement>",
 			"detailedType": "FormEventHandler<HTMLInputElement> | undefined",
@@ -671,200 +885,45 @@
 						"typeParameters": [
 							{
 								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
-								"name": "HTMLInputElement"
-							}
-						]
-					}
-				]
-			},
-			"description": "Handler that is called when the input value is about to be modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."
-		},
-		"onInput": {
-			"type": "FormEventHandler<HTMLInputElement>",
-			"detailedType": "FormEventHandler<HTMLInputElement> | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "application",
-						"base": {
-							"type": "identifier",
-							"name": "FormEventHandler"
-						},
-						"typeParameters": [
-							{
-								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
-								"name": "HTMLInputElement"
-							}
-						]
-					}
-				]
-			},
-			"description": "Handler that is called when the input value is modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."
-		},
-		"onSelect": {
-			"type": "ReactEventHandler<HTMLInputElement>",
-			"detailedType": "ReactEventHandler<HTMLInputElement> | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "application",
-						"base": {
-							"type": "identifier",
-							"name": "ReactEventHandler"
-						},
-						"typeParameters": [
-							{
-								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
-								"name": "HTMLInputElement"
-							}
-						]
-					}
-				]
-			},
-			"description": "Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."
-		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input is disabled."
-		},
-		"type": {
-			"type": "\"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | (string & {}) | \"password\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'tel'\n| 'url'\n| 'email'\n| (string & {})\n| 'password'\n| undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "search"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "text"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "tel"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "url"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "email"
-							}
-						]
-					},
-					{
-						"type": "intersection",
-						"types": [
-							{
-								"type": "string"
-							},
-							{
-								"type": "identifier",
-								"name": "{}"
-							}
-						]
-					},
-					{
-						"type": "union",
-						"elements": [
-							{
-								"type": "stringLiteral",
-								"value": "password"
-							}
-						]
-					}
-				]
-			},
-			"description": "The type of input to render. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype).",
-			"default": "'text'"
-		},
-		"name": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
-		},
-		"value": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The current value (controlled)."
-		},
-		"excludeFromTabOrder": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether to exclude the element from the sequential tab order. If true,\nthe element will not be focusable via the keyboard by tabbing. This should\nbe avoided except in rare scenarios where an alternative means of accessing\nthe element or its functionality via the keyboard is available."
-		},
-		"isReadOnly": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
+								"name": "HTMLInputElement"
+							}
+						]
+					}
+				]
 			},
-			"description": "Whether the input can be selected but not changed by the user."
+			"description": "Handler that is called when the input value is about to be modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event)."
 		},
-		"isRequired": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
+		"onInput": {
+			"type": "FormEventHandler<HTMLInputElement>",
+			"detailedType": "FormEventHandler<HTMLInputElement> | undefined",
 			"typeAst": {
-				"type": "boolean"
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "FormEventHandler"
+						},
+						"typeParameters": [
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
+								"name": "HTMLInputElement"
+							}
+						]
+					}
+				]
 			},
-			"description": "Whether user input is required on the input before form submission."
+			"description": "Handler that is called when the input value is modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)."
 		},
-		"validate": {
-			"type": "((value: string) => true | ValidationError | null | undefined)",
-			"detailedType": "| ((\n    value: string,\n  ) => true | ValidationError | null | undefined)\n| undefined",
+		"onSelect": {
+			"type": "ReactEventHandler<HTMLInputElement>",
+			"detailedType": "ReactEventHandler<HTMLInputElement> | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -872,47 +931,22 @@
 						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "ReactEventHandler"
+						},
+						"typeParameters": [
 							{
-								"type": "parameter",
-								"name": "value",
-								"value": {
-									"type": "string"
-								},
-								"optional": false,
-								"rest": false
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
+								"name": "HTMLInputElement"
 							}
-						],
-						"return": {
-							"type": "union",
-							"elements": [
-								{
-									"type": "undefined"
-								},
-								{
-									"type": "null"
-								},
-								{
-									"type": "string"
-								},
-								{
-									"type": "booleanLiteral",
-									"value": true
-								},
-								{
-									"type": "array",
-									"elementType": {
-										"type": "string"
-									}
-								}
-							]
-						},
-						"typeParameters": []
+						]
 					}
 				]
 			},
-			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
+			"description": "Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event)."
 		},
 		"minLength": {
 			"type": "number",
@@ -1010,14 +1044,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: TextFieldRenderProps) => string",
-			"detailedType": "string | (values: TextFieldRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: TextFieldRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: TextFieldRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -1035,48 +1070,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: TextFieldRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: TextFieldRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", TextFieldRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', TextFieldRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "TextFieldRenderProps",
-									"name": "TextFieldRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TextFieldRenderProps",
+								"name": "TextFieldRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -1098,6 +1135,52 @@
 		}
 	},
 	"typeLinks": {
+		"TextFieldRenderProps": {
+			"type": "interface",
+			"name": "TextFieldRenderProps",
+			"properties": {
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the text field is disabled."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the value is invalid."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the text field is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the text field is required."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts:HTMLInputElement",
@@ -1489,7 +1572,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "none"
+										"value": "forward"
 									}
 								]
 							},
@@ -1498,7 +1581,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "forward"
+										"value": "backward"
 									}
 								]
 							},
@@ -1507,7 +1590,7 @@
 								"elements": [
 									{
 										"type": "stringLiteral",
-										"value": "backward"
+										"value": "none"
 									}
 								]
 							}
@@ -1854,7 +1937,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "none"
+													"value": "forward"
 												}
 											]
 										},
@@ -1863,7 +1946,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "forward"
+													"value": "backward"
 												}
 											]
 										},
@@ -1872,7 +1955,7 @@
 											"elements": [
 												{
 													"type": "stringLiteral",
-													"value": "backward"
+													"value": "none"
 												}
 											]
 										}
@@ -1999,10 +2082,6 @@
 												"type": "identifier",
 												"name": "\"error\""
 											},
-											{
-												"type": "identifier",
-												"name": "\"copy\""
-											},
 											{
 												"type": "identifier",
 												"name": "\"submit\""
@@ -2107,6 +2186,10 @@
 												"type": "identifier",
 												"name": "\"contextrestored\""
 											},
+											{
+												"type": "identifier",
+												"name": "\"copy\""
+											},
 											{
 												"type": "identifier",
 												"name": "\"cuechange\""
@@ -2519,15 +2602,6 @@
 												}
 											]
 										},
-										{
-											"type": "union",
-											"elements": [
-												{
-													"type": "stringLiteral",
-													"value": "copy"
-												}
-											]
-										},
 										{
 											"type": "union",
 											"elements": [
@@ -2762,6 +2836,15 @@
 												}
 											]
 										},
+										{
+											"type": "union",
+											"elements": [
+												{
+													"type": "stringLiteral",
+													"value": "copy"
+												}
+											]
+										},
 										{
 											"type": "union",
 											"elements": [
@@ -3486,10 +3569,6 @@
 												"type": "identifier",
 												"name": "\"error\""
 											},
-											{
-												"type": "identifier",
-												"name": "\"copy\""
-											},
 											{
 												"type": "identifier",
 												"name": "\"submit\""
@@ -3594,6 +3673,10 @@
 												"type": "identifier",
 												"name": "\"contextrestored\""
 											},
+											{
+												"type": "identifier",
+												"name": "\"copy\""
+											},
 											{
 												"type": "identifier",
 												"name": "\"cuechange\""
@@ -4006,15 +4089,6 @@
 												}
 											]
 										},
-										{
-											"type": "union",
-											"elements": [
-												{
-													"type": "stringLiteral",
-													"value": "copy"
-												}
-											]
-										},
 										{
 											"type": "union",
 											"elements": [
@@ -4249,6 +4323,15 @@
 												}
 											]
 										},
+										{
+											"type": "union",
+											"elements": [
+												{
+													"type": "stringLiteral",
+													"value": "copy"
+												}
+											]
+										},
 										{
 											"type": "union",
 											"elements": [
@@ -19020,9 +19103,11 @@
 			"typeParameters": [],
 			"description": "The **`HTMLInputElement`** interface provides special properties and methods for manipulating the options, layout, and presentation of input elements.\n\n[MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLInputElement)"
 		},
-		"TextFieldRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TextFieldRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TextFieldRenderProps",
 			"name": "TextFieldRenderProps",
+			"extends": [],
 			"properties": {
 				"isDisabled": {
 					"type": "property",
@@ -19064,7 +19149,9 @@
 					"readonly": false,
 					"description": "Whether the text field is required."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/text.json b/www/src/modules/references/generated/text.json
index e319e16a6..75fb28780 100644
--- a/www/src/modules/references/generated/text.json
+++ b/www/src/modules/references/generated/text.json
@@ -3,8 +3,8 @@
 	"description": "Missing description.",
 	"props": {
 		"inputMode": {
-			"type": "\"search\" | \"text\" | \"none\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\"",
-			"detailedType": "| 'search'\n| 'text'\n| 'none'\n| 'tel'\n| 'url'\n| 'email'\n| 'numeric'\n| 'decimal'\n| undefined",
+			"type": "\"search\" | \"text\" | \"decimal\" | \"email\" | \"tel\" | \"none\" | \"url\" | \"numeric\"",
+			"detailedType": "| 'search'\n| 'text'\n| 'decimal'\n| 'email'\n| 'tel'\n| 'none'\n| 'url'\n| 'numeric'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -18,27 +18,27 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "none"
+						"value": "decimal"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "tel"
+						"value": "email"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "url"
+						"value": "tel"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "email"
+						"value": "none"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "numeric"
+						"value": "url"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "decimal"
+						"value": "numeric"
 					}
 				]
 			},
@@ -52,14 +52,6 @@
 			},
 			"description": "Specify that a standard HTML element should behave like a defined custom built-in element"
 		},
-		"tw": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Specify styles using Tailwind CSS classes. This feature is currently experimental.\nIf `style` prop is also specified, styles generated with `tw` prop will be overridden.\n\nExample:\n- `tw='w-full h-full bg-blue-200'`\n- `tw='text-9xl'`\n- `tw='text-[80px]'`"
-		},
 		"aria-activedescendant": {
 			"type": "string",
 			"detailedType": "string | undefined",
@@ -698,8 +690,8 @@
 			"description": "Indicates that the element is not editable, but is otherwise operable."
 		},
 		"aria-relevant": {
-			"type": "\"text\" | \"additions\" | \"additions removals\" | \"additions text\" | \"all\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
-			"detailedType": "| 'text'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'all'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
+			"type": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"",
+			"detailedType": "| 'text'\n| 'all'\n| 'additions'\n| 'additions removals'\n| 'additions text'\n| 'removals'\n| 'removals additions'\n| 'removals text'\n| 'text additions'\n| 'text removals'\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
@@ -709,19 +701,19 @@
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions"
+						"value": "all"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions removals"
+						"value": "additions"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "additions text"
+						"value": "additions removals"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "all"
+						"value": "additions text"
 					},
 					{
 						"type": "stringLiteral",
@@ -870,6 +862,34 @@
 				"type": "string"
 			},
 			"description": "Defines the human readable text alternative of aria-valuenow for a range widget."
+		},
+		"render": {
+			"type": "DOMRenderFunction<any, any>",
+			"detailedType": "DOMRenderFunction<any, any> | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "any"
+							},
+							{
+								"type": "any"
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/time-field.json b/www/src/modules/references/generated/time-field.json
index c62630406..944d43643 100644
--- a/www/src/modules/references/generated/time-field.json
+++ b/www/src/modules/references/generated/time-field.json
@@ -141,38 +141,55 @@
 			},
 			"description": "Handler that is called when a key is released."
 		},
-		"form": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
-		},
-		"defaultValue": {
-			"type": "T | null",
-			"detailedType": "T | null | undefined",
+		"className": {
+			"type": "string | (values: DateFieldRenderProps) => string",
+			"detailedType": "string | (values: DateFieldRenderProps) => string | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "undefined"
-					},
-					{
-						"type": "null"
+						"type": "string"
 					},
 					{
-						"type": "typeParameter",
-						"name": "T",
-						"constraint": {
-							"type": "identifier",
-							"name": "TimeValue"
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "DateFieldRenderProps",
+									"name": "DateFieldRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
 						},
-						"default": null
+						"typeParameters": []
 					}
 				]
 			},
-			"description": "The default value (uncontrolled)."
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-TimeField'"
+		},
+		"form": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "The `<form>` element to associate the input with.\nThe value of this attribute must be the id of a `<form>` in the same document.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form)."
+		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the input is disabled."
 		},
 		"autoFocus": {
 			"type": "boolean",
@@ -182,13 +199,21 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"id": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -206,21 +231,46 @@
 			},
 			"description": "Identifies the element (or elements) that provide a detailed, extended description for the object."
 		},
-		"aria-label": {
+		"name": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Defines a string value that labels the current element."
+			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
 		},
-		"aria-labelledby": {
+		"value": {
+			"type": "T | null",
+			"detailedType": "T | null | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "typeParameter",
+						"name": "T",
+						"constraint": {
+							"type": "identifier",
+							"name": "TimeValue"
+						},
+						"default": null
+					}
+				]
+			},
+			"description": "The current value (controlled)."
+		},
+		"id": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
 		},
 		"onChange": {
 			"type": "((value: MappedTimeValue<T> | null) => void)",
@@ -276,47 +326,6 @@
 			},
 			"description": "Handler that is called when the value changes."
 		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the input is disabled."
-		},
-		"name": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname)."
-		},
-		"value": {
-			"type": "T | null",
-			"detailedType": "T | null | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "null"
-					},
-					{
-						"type": "typeParameter",
-						"name": "T",
-						"constraint": {
-							"type": "identifier",
-							"name": "TimeValue"
-						},
-						"default": null
-					}
-				]
-			},
-			"description": "The current value (controlled)."
-		},
 		"isReadOnly": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -408,6 +417,31 @@
 			},
 			"description": "A function that returns an error message if a given value is invalid.\nValidation errors are displayed to the user when the form is submitted\nif `validationBehavior=\"native\"`. For realtime validation, use the `isInvalid`\nprop instead."
 		},
+		"defaultValue": {
+			"type": "T | null",
+			"detailedType": "T | null | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "null"
+					},
+					{
+						"type": "typeParameter",
+						"name": "T",
+						"constraint": {
+							"type": "identifier",
+							"name": "TimeValue"
+						},
+						"default": null
+					}
+				]
+			},
+			"description": "The default value (uncontrolled)."
+		},
 		"minValue": {
 			"type": "TimeValue | null",
 			"detailedType": "TimeValue | null | undefined",
@@ -422,17 +456,17 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDateTime",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDateTime",
 						"name": "CalendarDateTime"
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:ZonedDateTime",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:ZonedDateTime",
 						"name": "ZonedDateTime"
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:Time",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:Time",
 						"name": "Time"
 					}
 				]
@@ -453,17 +487,17 @@
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDateTime",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:CalendarDateTime",
 						"name": "CalendarDateTime"
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:ZonedDateTime",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:ZonedDateTime",
 						"name": "ZonedDateTime"
 					},
 					{
 						"type": "link",
-						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.10.0/node_modules/@internationalized/date/dist/types.d.ts:Time",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@internationalized+date@3.12.0/node_modules/@internationalized/date/dist/types.d.ts:Time",
 						"name": "Time"
 					}
 				]
@@ -592,14 +626,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: DateFieldRenderProps) => string",
-			"detailedType": "string | (values: DateFieldRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: DateFieldRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: DateFieldRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -617,48 +652,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: DateFieldRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: DateFieldRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", DateFieldRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', DateFieldRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "DateFieldRenderProps",
-									"name": "DateFieldRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateFieldRenderProps",
+								"name": "DateFieldRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -725,8 +762,80 @@
 					"optional": false,
 					"readonly": false,
 					"description": "Whether the date field is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is required."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateFieldRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:DateFieldRenderProps",
+			"name": "DateFieldRenderProps",
+			"extends": [],
+			"properties": {
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+datepicker@3.16.1_react@19.2.1/node_modules/@react-stately/datepicker/dist/types.d.ts:DateFieldState",
+						"name": "DateFieldState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the date field."
+				},
+				"isInvalid": {
+					"type": "property",
+					"name": "isInvalid",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is invalid."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is disabled."
+				},
+				"isReadOnly": {
+					"type": "property",
+					"name": "isReadOnly",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is read only."
+				},
+				"isRequired": {
+					"type": "property",
+					"name": "isRequired",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the date field is required."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/toast.json b/www/src/modules/references/generated/toast.json
index 4de3d93ed..caae45867 100644
--- a/www/src/modules/references/generated/toast.json
+++ b/www/src/modules/references/generated/toast.json
@@ -2,13 +2,90 @@
 	"name": "ToastProps",
 	"description": "A Toast displays a brief, temporary notification of actions, errors, or other events in an application.",
 	"props": {
+		"className": {
+			"type": "string | (values: ToastRenderProps<Toast>) => string",
+			"detailedType": "string | (values: ToastRenderProps<Toast>) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "intersection",
+									"types": [
+										{
+											"type": "application",
+											"base": {
+												"type": "link",
+												"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToastRenderProps",
+												"name": "ToastRenderProps"
+											},
+											"typeParameters": [
+												{
+													"type": "link",
+													"id": "/Users/mehdibenhadjali/Desktop/dotUI/packages/registry/src/ui/toast/types.ts:Toast",
+													"name": "Toast"
+												}
+											]
+										},
+										{
+											"type": "objectLiteral",
+											"properties": {
+												"defaultClassName": {
+													"type": "property",
+													"name": "defaultClassName",
+													"value": {
+														"type": "union",
+														"elements": [
+															{
+																"type": "identifier",
+																"name": "undefined"
+															},
+															{
+																"type": "identifier",
+																"name": "string"
+															}
+														]
+													},
+													"optional": false,
+													"readonly": false,
+													"description": ""
+												}
+											}
+										}
+									]
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Toast'"
+		},
 		"toast": {
 			"type": "QueuedToast<Toast>",
 			"typeAst": {
 				"type": "application",
 				"base": {
 					"type": "link",
-					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.2_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:QueuedToast",
+					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.3_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:QueuedToast",
 					"name": "QueuedToast"
 				},
 				"typeParameters": [
@@ -67,7 +144,7 @@
 						"type": "application",
 						"base": {
 							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToastRenderProps",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToastRenderProps",
 							"name": "ToastRenderProps"
 						},
 						"typeParameters": [
@@ -82,82 +159,6 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ToastRenderProps<Toast>) => string",
-			"detailedType": "string | (values: ToastRenderProps<Toast>) => string | undefined",
-			"typeAst": {
-				"type": "union",
-				"elements": [
-					{
-						"type": "undefined"
-					},
-					{
-						"type": "string"
-					},
-					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "intersection",
-									"types": [
-										{
-											"type": "application",
-											"base": {
-												"type": "link",
-												"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToastRenderProps",
-												"name": "ToastRenderProps"
-											},
-											"typeParameters": [
-												{
-													"type": "link",
-													"id": "/Users/mehdibenhadjali/Desktop/dotUI/packages/registry/src/ui/toast/types.ts:Toast",
-													"name": "Toast"
-												}
-											]
-										},
-										{
-											"type": "objectLiteral",
-											"properties": {
-												"defaultClassName": {
-													"type": "property",
-													"name": "defaultClassName",
-													"value": {
-														"type": "union",
-														"elements": [
-															{
-																"type": "identifier",
-																"name": "undefined"
-															},
-															{
-																"type": "identifier",
-																"name": "string"
-															}
-														]
-													},
-													"optional": false,
-													"readonly": false,
-													"description": ""
-												}
-											}
-										}
-									]
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
-							"type": "string"
-						},
-						"typeParameters": []
-					}
-				]
-			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
-		},
 		"style": {
 			"type": "CSSProperties | (values: ToastRenderProps<Toast>) => CSSProperties",
 			"detailedType": "CSSProperties | (values: ToastRenderProps<Toast>) => CSSProperties | undefined",
@@ -184,7 +185,7 @@
 											"type": "application",
 											"base": {
 												"type": "link",
-												"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToastRenderProps",
+												"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToastRenderProps",
 												"name": "ToastRenderProps"
 											},
 											"typeParameters": [
@@ -234,6 +235,52 @@
 				]
 			},
 			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+		},
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ToastRenderProps<Toast>>",
+			"detailedType": "| DOMRenderFunction<'div', ToastRenderProps<Toast>>\n| undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "undefined"
+					},
+					{
+						"type": "application",
+						"base": {
+							"type": "identifier",
+							"name": "DOMRenderFunction"
+						},
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "application",
+								"base": {
+									"type": "link",
+									"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToastRenderProps",
+									"name": "ToastRenderProps"
+								},
+								"typeParameters": [
+									{
+										"type": "link",
+										"id": "/Users/mehdibenhadjali/Desktop/dotUI/packages/registry/src/ui/toast/types.ts:Toast",
+										"name": "Toast"
+									}
+								]
+							}
+						]
+					}
+				]
+			},
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -247,6 +294,58 @@
 		}
 	},
 	"typeLinks": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToastRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToastRenderProps",
+			"name": "ToastRenderProps",
+			"extends": [],
+			"properties": {
+				"toast": {
+					"type": "property",
+					"name": "toast",
+					"value": {
+						"type": "application",
+						"base": {
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.3_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:QueuedToast",
+							"name": "QueuedToast"
+						},
+						"typeParameters": [
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/packages/registry/src/ui/toast/types.ts:Toast",
+								"name": "Toast"
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The toast object to display."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the toast is currently focused."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the toast is keyboard focused."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/packages/registry/src/ui/toast/types.ts:Toast": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/packages/registry/src/ui/toast/types.ts:Toast",
@@ -354,9 +453,9 @@
 			"typeParameters": [],
 			"description": "Missing description."
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.2_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:ToastOptions": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.3_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:ToastOptions": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.2_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:ToastOptions",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.3_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:ToastOptions",
 			"name": "ToastOptions",
 			"extends": [],
 			"properties": {
@@ -405,14 +504,14 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.2_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:QueuedToast": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.3_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:QueuedToast": {
 			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.2_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:QueuedToast",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.3_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:QueuedToast",
 			"name": "QueuedToast",
 			"extends": [
 				{
 					"type": "link",
-					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.2_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:ToastOptions",
+					"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.3_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:ToastOptions",
 					"name": "ToastOptions"
 				}
 			],
@@ -450,7 +549,7 @@
 							},
 							{
 								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.2_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:Timer",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.3_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:Timer",
 								"name": "Timer"
 							}
 						]
@@ -503,58 +602,6 @@
 			},
 			"typeParameters": [],
 			"description": ""
-		},
-		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToastRenderProps": {
-			"type": "interface",
-			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToastRenderProps",
-			"name": "ToastRenderProps",
-			"extends": [],
-			"properties": {
-				"toast": {
-					"type": "property",
-					"name": "toast",
-					"value": {
-						"type": "application",
-						"base": {
-							"type": "link",
-							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toast@3.1.2_react@19.2.1/node_modules/@react-stately/toast/dist/types.d.ts:QueuedToast",
-							"name": "QueuedToast"
-						},
-						"typeParameters": [
-							{
-								"type": "link",
-								"id": "/Users/mehdibenhadjali/Desktop/dotUI/packages/registry/src/ui/toast/types.ts:Toast",
-								"name": "Toast"
-							}
-						]
-					},
-					"optional": false,
-					"readonly": false,
-					"description": "The toast object to display."
-				},
-				"isFocused": {
-					"type": "property",
-					"name": "isFocused",
-					"value": {
-						"type": "boolean"
-					},
-					"optional": false,
-					"readonly": false,
-					"description": "Whether the toast is currently focused."
-				},
-				"isFocusVisible": {
-					"type": "property",
-					"name": "isFocusVisible",
-					"value": {
-						"type": "boolean"
-					},
-					"optional": false,
-					"readonly": false,
-					"description": "Whether the toast is keyboard focused."
-				}
-			},
-			"typeParameters": [],
-			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/toggle-button-group.json b/www/src/modules/references/generated/toggle-button-group.json
index dc40b2e58..386854a89 100644
--- a/www/src/modules/references/generated/toggle-button-group.json
+++ b/www/src/modules/references/generated/toggle-button-group.json
@@ -44,6 +44,40 @@
 			"description": "The size of the toggle buttons.",
 			"default": "'md'"
 		},
+		"className": {
+			"type": "string | (values: ToggleButtonGroupRenderProps) => string",
+			"detailedType": "string | (values: ToggleButtonGroupRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ToggleButtonGroupRenderProps",
+									"name": "ToggleButtonGroupRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ToggleButtonGroup'"
+		},
 		"orientation": {
 			"type": "Orientation",
 			"detailedType": "Orientation | undefined",
@@ -55,18 +89,18 @@
 			"default": "'horizontal'"
 		},
 		"selectionMode": {
-			"type": "\"multiple\" | \"single\"",
-			"detailedType": "'multiple' | 'single' | undefined",
+			"type": "\"single\" | \"multiple\"",
+			"detailedType": "'single' | 'multiple' | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
 						"type": "stringLiteral",
-						"value": "multiple"
+						"value": "single"
 					},
 					{
 						"type": "stringLiteral",
-						"value": "single"
+						"value": "multiple"
 					}
 				]
 			},
@@ -251,14 +285,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ToggleButtonGroupRenderProps) => string",
-			"detailedType": "string | (values: ToggleButtonGroupRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ToggleButtonGroupRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ToggleButtonGroupRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -276,48 +311,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ToggleButtonGroupRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ToggleButtonGroupRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", ToggleButtonGroupRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', ToggleButtonGroupRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ToggleButtonGroupRenderProps",
-									"name": "ToggleButtonGroupRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToggleButtonGroupRenderProps",
+								"name": "ToggleButtonGroupRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		},
 		"slot": {
 			"type": "string | null",
@@ -340,12 +377,54 @@
 		}
 	},
 	"renderProps": {
+		"orientation": {
+			"selector": "[data-orientation=\"horizontal | vertical\"]",
+			"description": "The orientation of the toggle button group."
+		},
 		"isDisabled": {
 			"selector": "[data-disabled]",
 			"description": "Whether the toggle button group is disabled."
 		}
 	},
 	"typeLinks": {
+		"ToggleButtonGroupRenderProps": {
+			"type": "interface",
+			"name": "ToggleButtonGroupRenderProps",
+			"properties": {
+				"orientation": {
+					"type": "property",
+					"name": "orientation",
+					"value": {
+						"type": "identifier",
+						"name": "Orientation"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The orientation of the toggle button group."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the toggle button group is disabled."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "ToggleGroupState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the toggle button group."
+				}
+			}
+		},
 		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator": {
 			"type": "interface",
 			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts:Iterator",
@@ -481,9 +560,9 @@
 			"name": "Iterable",
 			"extends": [],
 			"properties": {
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -789,9 +868,9 @@
 					"optional": false,
 					"description": "Returns an iterable of values in the set."
 				},
-				"__@iterator@67": {
+				"__@iterator@68": {
 					"type": "method",
-					"name": "__@iterator@67",
+					"name": "__@iterator@68",
 					"value": {
 						"type": "function",
 						"parameters": [],
@@ -814,9 +893,9 @@
 					"optional": false,
 					"description": "Iterates over values in the set."
 				},
-				"__@toStringTag@70": {
+				"__@toStringTag@71": {
 					"type": "property",
-					"name": "__@toStringTag@70",
+					"name": "__@toStringTag@71",
 					"value": {
 						"type": "string"
 					},
@@ -828,10 +907,23 @@
 			"typeParameters": [],
 			"description": ""
 		},
-		"ToggleButtonGroupRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToggleButtonGroupRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToggleButtonGroupRenderProps",
 			"name": "ToggleButtonGroupRenderProps",
+			"extends": [],
 			"properties": {
+				"orientation": {
+					"type": "property",
+					"name": "orientation",
+					"value": {
+						"type": "identifier",
+						"name": "Orientation"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The orientation of the toggle button group."
+				},
 				"isDisabled": {
 					"type": "property",
 					"name": "isDisabled",
@@ -846,14 +938,17 @@
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toggle@3.9.5_react@19.2.1/node_modules/@react-stately/toggle/dist/types.d.ts:ToggleGroupState",
 						"name": "ToggleGroupState"
 					},
 					"optional": false,
 					"readonly": false,
 					"description": "State of the toggle button group."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/toggle-button.json b/www/src/modules/references/generated/toggle-button.json
index e54ada958..4da9eceb3 100644
--- a/www/src/modules/references/generated/toggle-button.json
+++ b/www/src/modules/references/generated/toggle-button.json
@@ -447,6 +447,40 @@
 			},
 			"description": "Handler that is called when the hover state changes."
 		},
+		"className": {
+			"type": "string | (values: ToggleButtonRenderProps) => string",
+			"detailedType": "string | (values: ToggleButtonRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "ToggleButtonRenderProps",
+									"name": "ToggleButtonRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-ToggleButton'"
+		},
 		"id": {
 			"type": "Key",
 			"detailedType": "Key | undefined",
@@ -456,6 +490,14 @@
 			},
 			"description": "When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used standalone, a DOM id."
 		},
+		"isDisabled": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the button is disabled."
+		},
 		"autoFocus": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -464,13 +506,21 @@
 			},
 			"description": "Whether the element should receive focus on render."
 		},
-		"aria-controls": {
+		"aria-label": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
+			"description": "Defines a string value that labels the current element."
+		},
+		"aria-labelledby": {
+			"type": "string",
+			"detailedType": "string | undefined",
+			"typeAst": {
+				"type": "string"
+			},
+			"description": "Identifies the element (or elements) that labels the current element."
 		},
 		"aria-describedby": {
 			"type": "string",
@@ -635,21 +685,13 @@
 			},
 			"description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element."
 		},
-		"aria-label": {
-			"type": "string",
-			"detailedType": "string | undefined",
-			"typeAst": {
-				"type": "string"
-			},
-			"description": "Defines a string value that labels the current element."
-		},
-		"aria-labelledby": {
+		"aria-controls": {
 			"type": "string",
 			"detailedType": "string | undefined",
 			"typeAst": {
 				"type": "string"
 			},
-			"description": "Identifies the element (or elements) that labels the current element."
+			"description": "Identifies the element (or elements) whose contents or presence are controlled by the current element."
 		},
 		"aria-pressed": {
 			"type": "boolean | \"true\" | \"false\" | \"mixed\"",
@@ -694,39 +736,6 @@
 			},
 			"description": "Indicates the current \"pressed\" state of toggle buttons."
 		},
-		"onChange": {
-			"type": "((isSelected: boolean) => void)",
-			"detailedType": "((isSelected: boolean) => void) | undefined",
-			"typeAst": {
-				"type": "function",
-				"parameters": [
-					{
-						"type": "parameter",
-						"name": "isSelected",
-						"value": {
-							"type": "link",
-							"id": "boolean",
-							"name": "boolean"
-						},
-						"optional": false,
-						"rest": false
-					}
-				],
-				"return": {
-					"type": "void"
-				},
-				"typeParameters": []
-			},
-			"description": "Handler that is called when the element's selection state changes."
-		},
-		"isDisabled": {
-			"type": "boolean",
-			"detailedType": "boolean | undefined",
-			"typeAst": {
-				"type": "boolean"
-			},
-			"description": "Whether the button is disabled."
-		},
 		"preventFocusOnPress": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
@@ -759,6 +768,31 @@
 			},
 			"description": "Whether the element should be selected (controlled)."
 		},
+		"onChange": {
+			"type": "((isSelected: boolean) => void)",
+			"detailedType": "((isSelected: boolean) => void) | undefined",
+			"typeAst": {
+				"type": "function",
+				"parameters": [
+					{
+						"type": "parameter",
+						"name": "isSelected",
+						"value": {
+							"type": "link",
+							"id": "boolean",
+							"name": "boolean"
+						},
+						"optional": false,
+						"rest": false
+					}
+				],
+				"return": {
+					"type": "void"
+				},
+				"typeParameters": []
+			},
+			"description": "Handler that is called when the element's selection state changes."
+		},
 		"slot": {
 			"type": "string | null",
 			"detailedType": "string | null | undefined",
@@ -812,14 +846,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: ToggleButtonRenderProps) => string",
-			"detailedType": "string | (values: ToggleButtonRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: ToggleButtonRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: ToggleButtonRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -837,48 +872,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: ToggleButtonRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: ToggleButtonRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"button\", ToggleButtonRenderProps>",
+			"detailedType": "| DOMRenderFunction<'button', ToggleButtonRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "ToggleButtonRenderProps",
-									"name": "ToggleButtonRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "button"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToggleButtonRenderProps",
+								"name": "ToggleButtonRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"renderProps": {
@@ -908,6 +945,83 @@
 		}
 	},
 	"typeLinks": {
+		"ToggleButtonRenderProps": {
+			"type": "interface",
+			"name": "ToggleButtonRenderProps",
+			"properties": {
+				"isSelected": {
+					"type": "property",
+					"name": "isSelected",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently selected."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "identifier",
+						"name": "ToggleState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the toggle button."
+				},
+				"isDisabled": {
+					"type": "property",
+					"name": "isDisabled",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is disabled."
+				},
+				"isFocused": {
+					"type": "property",
+					"name": "isFocused",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is focused, either via a mouse or keyboard."
+				},
+				"isFocusVisible": {
+					"type": "property",
+					"name": "isFocusVisible",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is keyboard focused."
+				},
+				"isHovered": {
+					"type": "property",
+					"name": "isHovered",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently hovered with a mouse."
+				},
+				"isPressed": {
+					"type": "property",
+					"name": "isPressed",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the button is currently in a pressed state."
+				}
+			}
+		},
 		"PressEvent": {
 			"type": "interface",
 			"name": "PressEvent",
@@ -1005,6 +1119,17 @@
 					"readonly": false,
 					"description": "Y position relative to the target."
 				},
+				"key": {
+					"type": "property",
+					"name": "key",
+					"value": {
+						"type": "identifier",
+						"name": "string | undefined"
+					},
+					"optional": true,
+					"readonly": false,
+					"description": "The key that triggered the press event, if it was triggered by a keyboard interaction.\nThis is useful for differentiating between Space and Enter key presses."
+				},
 				"continuePropagation": {
 					"type": "property",
 					"name": "continuePropagation",
@@ -1057,9 +1182,35 @@
 				}
 			}
 		},
-		"ToggleButtonRenderProps": {
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToggleButtonRenderProps": {
 			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ToggleButtonRenderProps",
 			"name": "ToggleButtonRenderProps",
+			"extends": [
+				{
+					"type": "application",
+					"base": {
+						"type": "identifier",
+						"name": "Omit"
+					},
+					"typeParameters": [
+						{
+							"type": "link",
+							"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:ButtonRenderProps",
+							"name": "ButtonRenderProps"
+						},
+						{
+							"type": "union",
+							"elements": [
+								{
+									"type": "stringLiteral",
+									"value": "isPending"
+								}
+							]
+						}
+					]
+				}
+			],
 			"properties": {
 				"isSelected": {
 					"type": "property",
@@ -1075,7 +1226,8 @@
 					"type": "property",
 					"name": "state",
 					"value": {
-						"type": "identifier",
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+toggle@3.9.5_react@19.2.1/node_modules/@react-stately/toggle/dist/types.d.ts:ToggleState",
 						"name": "ToggleState"
 					},
 					"optional": false,
@@ -1132,7 +1284,9 @@
 					"readonly": false,
 					"description": "Whether the button is currently in a pressed state."
 				}
-			}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/tooltip-content.json b/www/src/modules/references/generated/tooltip-content.json
index 2898d7898..5132f394c 100644
--- a/www/src/modules/references/generated/tooltip-content.json
+++ b/www/src/modules/references/generated/tooltip-content.json
@@ -11,6 +11,40 @@
 			"description": "Whether to hide the tooltip arrow.",
 			"default": "false"
 		},
+		"className": {
+			"type": "string | (values: TooltipRenderProps) => string",
+			"detailedType": "string | (values: TooltipRenderProps) => string | undefined",
+			"typeAst": {
+				"type": "union",
+				"elements": [
+					{
+						"type": "string"
+					},
+					{
+						"type": "function",
+						"parameters": [
+							{
+								"type": "parameter",
+								"name": "values",
+								"value": {
+									"type": "link",
+									"id": "TooltipRenderProps",
+									"name": "TooltipRenderProps"
+								},
+								"optional": false,
+								"rest": false
+							}
+						],
+						"return": {
+							"type": "string"
+						},
+						"typeParameters": []
+					}
+				]
+			},
+			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
+			"default": "'react-aria-Tooltip'"
+		},
 		"triggerRef": {
 			"type": "RefObject<Element | null>",
 			"detailedType": "RefObject<Element | null> | undefined",
@@ -233,14 +267,15 @@
 			},
 			"description": "The children of the component. A function may be provided to alter the children based on component state."
 		},
-		"className": {
-			"type": "string | (values: TooltipRenderProps) => string",
-			"detailedType": "string | (values: TooltipRenderProps) => string | undefined",
+		"style": {
+			"type": "CSSProperties | (values: TooltipRenderProps) => CSSProperties",
+			"detailedType": "CSSProperties | (values: TooltipRenderProps) => CSSProperties | undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "string"
+						"type": "identifier",
+						"name": "CSSProperties"
 					},
 					{
 						"type": "function",
@@ -258,48 +293,50 @@
 							}
 						],
 						"return": {
-							"type": "string"
+							"type": "identifier",
+							"name": "CSSProperties"
 						},
 						"typeParameters": []
 					}
 				]
 			},
-			"description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state."
+			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
 		},
-		"style": {
-			"type": "CSSProperties | (values: TooltipRenderProps) => CSSProperties",
-			"detailedType": "CSSProperties | (values: TooltipRenderProps) => CSSProperties | undefined",
+		"render": {
+			"type": "DOMRenderFunction<\"div\", TooltipRenderProps>",
+			"detailedType": "| DOMRenderFunction<'div', TooltipRenderProps>\n| undefined",
 			"typeAst": {
 				"type": "union",
 				"elements": [
 					{
-						"type": "identifier",
-						"name": "CSSProperties"
+						"type": "undefined"
 					},
 					{
-						"type": "function",
-						"parameters": [
-							{
-								"type": "parameter",
-								"name": "values",
-								"value": {
-									"type": "link",
-									"id": "TooltipRenderProps",
-									"name": "TooltipRenderProps"
-								},
-								"optional": false,
-								"rest": false
-							}
-						],
-						"return": {
+						"type": "application",
+						"base": {
 							"type": "identifier",
-							"name": "CSSProperties"
+							"name": "DOMRenderFunction"
 						},
-						"typeParameters": []
+						"typeParameters": [
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "div"
+									}
+								]
+							},
+							{
+								"type": "link",
+								"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TooltipRenderProps",
+								"name": "TooltipRenderProps"
+							}
+						]
 					}
 				]
 			},
-			"description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state."
+			"description": "Overrides the default DOM element with a custom render function.\nThis allows rendering existing components with built-in styles and behaviors\nsuch as router links, animation libraries, and pre-styled components.\n\nRequirements:\n\n* You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).\n* Only a single root DOM element can be rendered (no fragments).\n* You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate."
 		}
 	},
 	"typeLinks": {
@@ -350,6 +387,108 @@
 					"description": "State of the tooltip."
 				}
 			}
+		},
+		"/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TooltipRenderProps": {
+			"type": "interface",
+			"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/react-aria-components/dist/types.d.ts:TooltipRenderProps",
+			"name": "TooltipRenderProps",
+			"extends": [],
+			"properties": {
+				"placement": {
+					"type": "property",
+					"name": "placement",
+					"value": {
+						"type": "union",
+						"elements": [
+							{
+								"type": "null"
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "center"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "bottom"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "top"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "left"
+									}
+								]
+							},
+							{
+								"type": "union",
+								"elements": [
+									{
+										"type": "stringLiteral",
+										"value": "right"
+									}
+								]
+							}
+						]
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "The placement of the tooltip relative to the trigger."
+				},
+				"isEntering": {
+					"type": "property",
+					"name": "isEntering",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tooltip is currently entering. Use this to apply animations."
+				},
+				"isExiting": {
+					"type": "property",
+					"name": "isExiting",
+					"value": {
+						"type": "boolean"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "Whether the tooltip is currently exiting. Use this to apply animations."
+				},
+				"state": {
+					"type": "property",
+					"name": "state",
+					"value": {
+						"type": "link",
+						"id": "/Users/mehdibenhadjali/Desktop/dotUI/node_modules/.pnpm/@react-stately+tooltip@3.5.11_react@19.2.1/node_modules/@react-stately/tooltip/dist/types.d.ts:TooltipTriggerState",
+						"name": "TooltipTriggerState"
+					},
+					"optional": false,
+					"readonly": false,
+					"description": "State of the tooltip."
+				}
+			},
+			"typeParameters": [],
+			"description": ""
 		}
 	}
 }
diff --git a/www/src/modules/references/generated/tooltip.json b/www/src/modules/references/generated/tooltip.json
index 832887a2e..b4d054445 100644
--- a/www/src/modules/references/generated/tooltip.json
+++ b/www/src/modules/references/generated/tooltip.json
@@ -47,6 +47,15 @@
 			"description": "By default, opens for both focus and hover. Can be made to open only for focus.",
 			"default": "'hover'"
 		},
+		"shouldCloseOnPress": {
+			"type": "boolean",
+			"detailedType": "boolean | undefined",
+			"typeAst": {
+				"type": "boolean"
+			},
+			"description": "Whether the tooltip should close when the trigger is pressed.",
+			"default": "true"
+		},
 		"isOpen": {
 			"type": "boolean",
 			"detailedType": "boolean | undefined",
diff --git a/www/src/modules/styles/server.ts b/www/src/modules/styles/server.ts
index b2a87d9f8..2327a25d3 100644
--- a/www/src/modules/styles/server.ts
+++ b/www/src/modules/styles/server.ts
@@ -1,12 +1,10 @@
 import { createServerFn } from "@tanstack/react-start";
 
-export const getFeaturedStyles = createServerFn({ method: "GET" }).handler(
-	async () => {
-		const { publicCaller } = await import("@dotui/api");
-		return publicCaller.style.getPublicStyles({
-			featured: true,
-			limit: 6,
-			sortBy: "oldest",
-		});
-	}
-);
+export const getFeaturedStyles = createServerFn({ method: "GET" }).handler(async () => {
+	const { publicCaller } = await import("@dotui/api");
+	return publicCaller.style.getPublicStyles({
+		featured: true,
+		limit: 6,
+		sortBy: "oldest",
+	});
+});
diff --git a/www/src/routes/index.tsx b/www/src/routes/index.tsx
index dae702195..2f8463b0a 100644
--- a/www/src/routes/index.tsx
+++ b/www/src/routes/index.tsx
@@ -7,7 +7,7 @@ import { ShadcnIcon } from "@dotui/registry/components/icons/shadcn";
 import { TailwindWordmark } from "@dotui/registry/components/icons/tailwind-wordmark";
 import { TypeScriptIcon } from "@dotui/registry/components/icons/typescript";
 import { Alert, AlertTitle } from "@dotui/registry/ui/alert";
-import { Avatar } from "@dotui/registry/ui/avatar";
+import { Avatar, AvatarFallback, AvatarImage } from "@dotui/registry/ui/avatar";
 import { LinkButton } from "@dotui/registry/ui/button";
 import { Tooltip, TooltipContent } from "@dotui/registry/ui/tooltip";
 
@@ -21,10 +21,7 @@ import { getFeaturedStyles } from "@/modules/styles/server";
 
 export const Route = createFileRoute("/")({
 	loader: async () => {
-		const [contributors, featuredStyles] = await Promise.all([
-			getGitHubContributors(),
-			getFeaturedStyles(),
-		]);
+		const [contributors, featuredStyles] = await Promise.all([getGitHubContributors(), getFeaturedStyles()]);
 
 		return { contributors, featuredStyles };
 	},
@@ -155,7 +152,10 @@ function HomePage() {
 									{contributors.map((contributor) => (
 										<Tooltip key={contributor.login}>
 											<a href={contributor.html_url} target="_blank" rel="noopener noreferrer">
-												<Avatar src={contributor.avatar_url} alt={contributor.login} />
+												<Avatar>
+													<AvatarImage src={contributor.avatar_url} alt={contributor.login} />
+													<AvatarFallback>{contributor.login?.charAt(0).toUpperCase()}</AvatarFallback>
+												</Avatar>
 											</a>
 											<TooltipContent>{contributor.login}</TooltipContent>
 										</Tooltip>