Support

Design System

Living catalog of every `/components/ui` primitive and variant.

SupportFab

Cute Polar support pill. Fixed in AppShell; hover expands the label. Inline variant for catalogs.

ThemeToggle

Persisted light / dark / system. Icon cycles light↔dark; segmented exposes all three.

ThemePicker

Style presets (Normal, Glossy, Colorful Glossy). Light/dark stays shared. Menu wraps the picker for chrome.

Gear = custom colors · Palette = style preset

Button

primary · secondary · ghost · destructive · link · sizes · loading · icon

Badge

NeutralInfoWarning2Active

Avatar & IconWell

JLSPAN

FormField · Input · Select · DomainSelect · SearchField

As shown on ID

DefinitionList

Label/value rows with optional copy — used in Users/Devices Overview.

Email
jordan.lee@managed.acme.com
Location
HQ — San Francisco
Role
Staff

InlineAlert

Soft info / success / warning / error banners inside detail sections.

Enrollment pending

Invite the user to complete Managed Apple ID setup.

2 issues need attention

Review Firewall and FileVault status below.

Erase failed

Device was offline when the command was sent.

Settings applied

Firewall is now enforced on this device.

SelectableCard

Tabs

Overview panel

StatusItem · ProgressBar

Last Seen

2 minutes ago

Firewall

Off

Fix

FileVault

Not enforced

Fix
Storage312 / 512 GB (61%)

EmptyState · Banner · SectionCard

EmptyState density=compact and SectionCard density=compact for nested empty groups.

Nothing configured yet.

Go to Settings

User Groups

No User Groups

Settings

No Settings Added

Go to Settings

ListItem · SidebarItem

DetailToolbar · ToolbarAction · ActionMenu

ABM icon+label actions with More overflow via ActionMenu.

Dialog · ConfirmDialog · Toast

SettingCard

Application Layer Firewall

Block unwanted incoming connections on managed Macs.

macOS
Added

FileVault

Require full-disk encryption on macOS devices.

macOS

Shell components (AppShell, Sidebar, ListPane, DetailPane) are demonstrated on /users.