Input, TextField, help, validation, autocomplete

TextAreaField, char counter, pattern, help, rows

NumericField, integer/decimal, prefix/suffix, max, thousands separator

PhoneInput, E.164, country selector, Arabic numerals

EmailInput, char filtering, LTR, auto-lowercase, validation

PasswordInput, strength meter, requirements, visibility toggle

SwitchField, toggle with description, help, disabled

SearchableSelect, search, sublabels, custom render

TranslatableTextField, TranslatableTextAreaField, shimmer, bilingual EN/AR

TokenTextField, TokenTextAreaField — text input with attached {{token}} insert panel

Bilingual EN/AR token fields — tokens survive Groq AI translation untouched

IconSegmentPicker, TextSegmentPicker, help, sizes, fullWidth

Tabs, TabsList, TabsTrigger, TabsContent, controlled, icons, disabled

Card, CardHeader, CardTitle, CardContent, CardFooter, interactive, selected

GlassButton, GlassBadge, variants, sizes, icons, dark surface

Skeleton, loading placeholders, shapes, card, table, profile

Table, TableHeader, TableBody, TableFooter, TableRow, TableCell, caption

Alert, AlertTitle, AlertDescription, variants, icons

Select, SelectTrigger, SelectContent, SelectItem, groups, sizes

Checkbox, with label, checked, disabled, description

Calendar, single, range, multiple, disabled dates, RTL

DateRangePicker, presets, placeholder, disabled, single month

ErrorBoundary, default fallback, custom fallback, retry

Slider, Separator, RadioGroup, Accordion, AlertDialog, Progress

Typography, TextLink, Logo, StatusIndicator, Sparkline, KPICard, EmptyState, ActivityFeed

OtpInput, SmartInput (auto-direction), BilingualDatePicker

BulkActionToolbar, FilterPreset, KeyboardShortcuts, FloatingPanel, InUseWarning

AuthCard, FlipCard, MeshGradientBackground, login/2FA/register faces

ListPageToolbar, ListView, CardGrid, FilterDrawer, SortDrawer, HelpSheet

Visual-regression fixture — shared ListPage preset, 8 static rows, ?view=card

Visual-regression fixture — shared FormPage preset, ?state=loading|empty

Visual-regression fixture — shared DashboardPage preset, static widget cards

CanvasToolbar, CanvasPropertiesPanel, DraggableMinimap, ReactFlow visual editor

To-scale wireframe of MasterLayout — TopBar, Sidebar, PageHeader, ContentBody

SplashIntro morph, once-per-tab gate, reduced-motion respect (LVA-2)

AuthDefaultsEnforcer — light / EN / sapphire defaults on public auth surfaces

UserTransferList dual-panel transfer (ONB38) — read mode

UserTransferListEdit (ONB38) — edit mode with pre-selected users

DuotoneIcon, PhosphorIconPicker, category colors, entity defaults, sizes

M3Spinner, branded logo spinner, sizes (xs-xl), speeds, dark surface

Animated SVG logo — each layer traced clockwise then filled, like a pen drawing

M3Core logo — swirl pen-traces while the 8 colored blocks pop in sequentially

M3CORE wordmark — five letters pen-trace in sequence; the "3" is rendered in red