Skip to catalog
design:os/ apple

Apple Design OS · native SwiftUI

Every component.

99 source entries · 160 token values · 142 published native images · source 1898ce2

Primitives, semantic components, composites, shells and screen types on one page. Every visual entry shows a light/dark pair. Source helpers without a standalone image are labeled separately.

Source, captures & review status

The layered kit is now on main. Source links and the native previews below are pinned to 1898ce2. Merged main 56f10a1 has the same source tree. No tagged release is claimed.

Native CI run 38157622095 passed all 23 workflow jobs. Its reviewed evidence covers 360 isolated component captures, 108 screen-family captures and 42 dedicated text-field states across iPhone, iPad and Mac. The isolated set includes RTL and accessibility-size cases; this is not a claim of complete accessibility acceptance.

This page publishes 142 original native iPhone images: 106 isolated defaults and 36 screen-family fixtures. Other state/platform evidence is linked separately when its source identity is verified. An artifact link is not a hosted preview. Source identity, exact hashes and display crops are recorded in the image manifest.

These captures are original fixture UI, with synthetic example content. Native execution, image review and complete product behavior are separate. No guarantee is made about every visual state, physical-device behavior, live services or complete accessibility acceptance. Read the complete source inventory.

Primitives

8 entries

Actual source records; API, helper, token and recipe counts are kept separate.

primitive · public
Corner Geometry: native iPhone isolated fixture · light
Light
Corner Geometry: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Corner Geometry

Native capture · source matched

Shared corner relationships for genuinely nested, concentric content.

API, variants & evidence
API
DesignOSCornerGeometry
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
primitive · package
No standalone visual specimen

Section Content Layout

Source inspected · no standalone preview

Arranges section label content while native Section and List own container metrics.

API, variants & evidence
API
SectionContentLayout
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
primitive/accessory-slot-layout

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
primitive · package
No standalone visual specimen

Accessory Slot Layout

Source inspected · no standalone preview

Groups caller-owned row accessories without recreating native row controls or state.

API, variants & evidence
API
AccessorySlotLayout
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
primitive · package
No standalone visual specimen

Symbol Content

Source inspected · no standalone preview

The two image scales recorded by the source row families.

API, variants & evidence
API
SymbolContent
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
primitive · package
No standalone visual specimen

Sidebar Toolbar Content

Source inspected · no standalone preview

Separates sidebar toolbar content without drawing window controls or owning actions.

API, variants & evidence
API
SidebarToolbarContent
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
primitive/accessory-slot-layout

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
primitive · internal
No standalone visual specimen

Editorial Adaptive Row Layout

Source inspected · no standalone preview

Measurement policy used by the adaptive layout and directly exercised in unit tests.

API, variants & evidence
API
DesignOSEditorialAdaptiveRowLayout
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Internal layout/geometry only; caller owns semantics, native interaction and application state.
Composes
primitive/editorial-geometry

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
primitive · internal
No standalone visual specimen

Editorial Geometry

Source inspected · no standalone preview

Finite geometry shared by semantic media components, without a second token scale.

API, variants & evidence
API
DesignOSEditorialGeometry
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Internal layout/geometry only; caller owns semantics, native interaction and application state.

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
primitive · internal
No standalone visual specimen

Editorial Clipped Content

Source inspected · no standalone preview

Clips the content's actual finite frame, rather than a larger transparent layout wrapper.

API, variants & evidence
API
DesignOSEditorialClippedContent
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Internal layout/geometry only; caller owns semantics, native interaction and application state.
Composes
primitive/editorial-geometry

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source

Semantic components

13 entries

Actual source records; API, helper, token and recipe counts are kept separate.

semantic · public
Media Frame: native iPhone isolated fixture · light
Light
Media Frame: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Media Frame

Native capture · source matched

A continuous-corner media frame that takes its size from the native container proposal.

API, variants & evidence
API
DesignOSMediaFrame
Variants / configuration
aspectRatio: CGFloat (default 1)
cornerRadius: CGFloat? (default nil)
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default
Composes
primitive/editorial-clipped-content, primitive/editorial-geometry

Public configuration

public init( aspectRatio: CGFloat = 1, cornerRadius: CGFloat? = nil, @ViewBuilder content: () -> Media )

aspectRatio: CGFloat = 1

cornerRadius: CGFloat? = nil

@ViewBuilder content: () -> Media

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
Avatar: native iPhone isolated fixture · light
Light
Avatar: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Avatar

Native capture · source matched

Circular identity media or caller-owned fallback content; never an image loader or action.

API, variants & evidence
API
DesignOSAvatar
Variants / configuration
size: CGFloat? (default nil)
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default
Composes
primitive/editorial-clipped-content, primitive/editorial-geometry

Public configuration

public init(size: CGFloat? = nil, @ViewBuilder content: () -> Content)

size: CGFloat? = nil

@ViewBuilder content: () -> Content

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
Labeled Value Row: native iPhone isolated fixture · light
Light
Labeled Value Row: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Labeled Value Row

Native capture · source matched

Label/value/accessory content that reflows without replacing caller-owned native controls.

API, variants & evidence
API
DesignOSLabeledValueRow
Variants / configuration
title: LocalizedStringKey
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
accessibility, default, rtl
Composes
primitive/editorial-adaptive-row-layout

Public configuration

public init( _ title: LocalizedStringKey, @ViewBuilder value: () -> Value, @ViewBuilder accessory: () -> Accessory )

public init(_ title: LocalizedStringKey, @ViewBuilder value: () -> Value)

_ title: LocalizedStringKey

@ViewBuilder value: () -> Value

@ViewBuilder accessory: () -> Accessory

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
Status Message: native iPhone isolated fixture · light
Light
Status Message: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Status Message

Native capture · source matched

Inline status content with optional caller-owned icon and real native actions.

API, variants & evidence
API
DesignOSStatusMessage
Variants / configuration
title: LocalizedStringKey
message: LocalizedStringKey? (default nil)
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default, error

Public configuration

public init( _ title: LocalizedStringKey, message: LocalizedStringKey? = nil, @ViewBuilder icon: () -> Icon, @ViewBuilder actions: () -> Actions )

public init( _ title: LocalizedStringKey, message: LocalizedStringKey? = nil, @ViewBuilder actions: () -> Actions )

public init( _ title: LocalizedStringKey, message: LocalizedStringKey? = nil, @ViewBuilder icon: () -> Icon )

public init(_ title: LocalizedStringKey, message: LocalizedStringKey? = nil)

_ title: LocalizedStringKey

message: LocalizedStringKey? = nil

@ViewBuilder icon: () -> Icon

@ViewBuilder actions: () -> Actions

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
Media Row: native iPhone isolated fixture · light
Light
Media Row: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Media Row

Native capture · source matched

Flat, image-led content that does not own a row's navigation, selection, or gestures.

API, variants & evidence
API
DesignOSMediaRow
Variants / configuration
default
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init(@ViewBuilder _ media: () -> Media, @ViewBuilder content: () -> Content)

@ViewBuilder _ media: () -> Media

@ViewBuilder content: () -> Content

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
App Section Header: native iPhone isolated fixture · light
Light
App Section Header: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

App Section Header

Native capture · source matched

A semantic section heading and optional caller-owned action with accessible reflow.

API, variants & evidence
API
DesignOSAppSectionHeader
Variants / configuration
heading-only
with-accessory
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init(_ title: LocalizedStringKey, @ViewBuilder accessory: () -> Accessory)

public init(_ title: LocalizedStringKey)

_ title: LocalizedStringKey

@ViewBuilder accessory: () -> Accessory

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
App Surface: native iPhone isolated fixture · light
Light
App Surface: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

App Surface

Native capture · source matched

A non-interactive content grouping. Native controls retain their behavior and semantics.

API, variants & evidence
API
DesignOSAppSurface
Variants / configuration
standard
subtle
ambient
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init(tone: Tone = .standard, @ViewBuilder content: () -> Content)

tone: Tone = .standard

@ViewBuilder content: () -> Content

Tone: standard, subtle, ambient

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
Primary Button Style: native iPhone isolated fixture · light
Light
Primary Button Style: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Primary Button Style

Native capture · source matched

A full-pill primary action with standard native Button interaction.

API, variants & evidence
API
DesignOSPrimaryButtonStyle
Variants / configuration
primary
destructive
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init()

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
Secondary Button Style: native iPhone isolated fixture · light
Light
Secondary Button Style: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Secondary Button Style

Native capture · source matched

A quiet native button style with regular or compact sizing and filled or outlined capsule treatment.

API, variants & evidence
API
DesignOSSecondaryButtonStyle
Variants / configuration
Size: regular (default), compact
Treatment: filled (default), outlined
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init(size: Size = .regular, treatment: Treatment = .filled)

size: Size = .regular

treatment: Treatment = .filled

Size.regular; Size.compact; Treatment.filled; Treatment.outlined

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
Media Backdrop: native iPhone isolated fixture · light
Light
Media Backdrop: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Media Backdrop

Native capture · source matched

A decorative, image-derived backdrop for a dark media presentation.

API, variants & evidence
API
DesignOSMediaBackdrop
Variants / configuration
image-derived
opaque-fallback
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init(@ViewBuilder _ media: () -> Media)

@ViewBuilder _ media: () -> Media

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
List Row: native iPhone isolated fixture · light
Light
List Row: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

List Row

Native capture · source matched

Caller-owned list-row content that preserves native container and interaction ownership.

API, variants & evidence
API
DesignOSListRow
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use with caller-owned native state and content.
Fixture states
default

Public configuration

public init( @ViewBuilder _ leading: () -> Leading, @ViewBuilder title: () -> Title, @ViewBuilder subtitle: () -> Subtitle, @ViewBuilder trailing: () -> Trailing )

public init( @ViewBuilder title: () -> Title, @ViewBuilder subtitle: () -> Subtitle, @ViewBuilder trailing: () -> Trailing )

public init( @ViewBuilder title: () -> Title, @ViewBuilder trailing: () -> Trailing )

public init(@ViewBuilder _ title: () -> Title)

@ViewBuilder _ leading: () -> Leading

@ViewBuilder title: () -> Title

@ViewBuilder subtitle: () -> Subtitle

@ViewBuilder trailing: () -> Trailing

@ViewBuilder _ title: () -> Title

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
Sidebar Row: native iPhone isolated fixture · light
Light
Sidebar Row: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Sidebar Row

Native capture · source matched

Caller-owned sidebar-row content that leaves selection and hierarchy to native containers.

API, variants & evidence
API
DesignOSSidebarRow
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use with caller-owned native state and content.
Fixture states
default

Public configuration

public init( @ViewBuilder _ label: () -> Label, @ViewBuilder accessory: () -> Accessory )

public init(@ViewBuilder _ label: () -> Label)

@ViewBuilder _ label: () -> Label

@ViewBuilder accessory: () -> Accessory

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
semantic · public
App text field modifier: native iPhone isolated fixture · light
Light
App text field modifier: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

App text field modifier

Native capture · source matched

Opt-in editorial appearance for a caller-owned native TextField or SecureField.

API, variants & evidence
API
DesignOSAppTextFieldModifier
Variants / configuration
single-line capsule
multiline continuous rounded rectangle
explicit concentric nested radius
Use it for
Opt-in content appearance only; native TextField/SecureField own editing, selection, keyboard and accessibility. The consumer owns labels, text, focus bindings and validation. Native inline rows and system security dialogs retain platform appearance.
Fixture states
default

Public configuration

public init(multiline: Bool = false, cornerRadius: CGFloat? = nil)

multiline: Bool = false

cornerRadius: CGFloat? = nil

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source

Composites

15 entries

Actual source records; API, helper, token and recipe counts are kept separate.

composite · public
Field Group: native iPhone isolated fixture · light
Light
Field Group: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Field Group

Native capture · source matched

A semantic group of real controls on a custom scrolling canvas.

API, variants & evidence
API
DesignOSFieldGroup
Variants / configuration
tone: DesignOSAppSurface<VStack<Content>>.Tone (default .standard)
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default
Composes
semantic/content-surface

Public configuration

public init( tone: DesignOSAppSurface<VStack<Content>>.Tone = .standard, @ViewBuilder header: () -> Header, @ViewBuilder content: () -> Content, @ViewBuilder footer: () -> Footer )

public init( tone: DesignOSAppSurface<VStack<Content>>.Tone = .standard, @ViewBuilder content: () -> Content )

tone: DesignOSAppSurface<VStack<Content>>.Tone = .standard

@ViewBuilder header: () -> Header

@ViewBuilder content: () -> Content

@ViewBuilder footer: () -> Footer

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · public
Identity Header: native iPhone isolated fixture · light
Light
Identity Header: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Identity Header

Native capture · source matched

Reflowing identity, descriptive text and local actions without a mandatory card or image.

API, variants & evidence
API
DesignOSIdentityHeader
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
accessibility, default, rtl

Public configuration

public init( @ViewBuilder identity: () -> Identity, @ViewBuilder title: () -> Title, @ViewBuilder metadata: () -> Metadata, @ViewBuilder actions: () -> Actions )

public init(@ViewBuilder title: () -> Title, @ViewBuilder metadata: () -> Metadata)

@ViewBuilder identity: () -> Identity

@ViewBuilder title: () -> Title

@ViewBuilder metadata: () -> Metadata

@ViewBuilder actions: () -> Actions

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · public
Media Detail Header: native iPhone isolated fixture · light
Light
Media Detail Header: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Media Detail Header

Native capture · source matched

Crisp optional hero followed by identity, title, metadata and local native actions.

API, variants & evidence
API
DesignOSMediaDetailHeader
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default
Composes
composite/identity-header

Public configuration

public init( @ViewBuilder hero: () -> Hero, @ViewBuilder identity: () -> Identity, @ViewBuilder title: () -> Title, @ViewBuilder metadata: () -> Metadata, @ViewBuilder actions: () -> Actions )

@ViewBuilder hero: () -> Hero

@ViewBuilder identity: () -> Identity

@ViewBuilder title: () -> Title

@ViewBuilder metadata: () -> Metadata

@ViewBuilder actions: () -> Actions

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · public
Media Composer Header: native iPhone isolated fixture · light
Light
Media Composer Header: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Media Composer Header

Native capture · source matched

Editable media, native media-selection actions and the primary identity field as one header.

API, variants & evidence
API
DesignOSMediaComposerHeader
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init( @ViewBuilder media: () -> Media, @ViewBuilder mediaActions: () -> MediaActions, @ViewBuilder field: () -> Field, @ViewBuilder feedback: () -> Feedback )

@ViewBuilder media: () -> Media

@ViewBuilder mediaActions: () -> MediaActions

@ViewBuilder field: () -> Field

@ViewBuilder feedback: () -> Feedback

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · public
Choice Row: native iPhone isolated fixture · light
Light
Choice Row: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Choice Row

Native capture · source matched

Choice description and an independently accessible native selection control.

API, variants & evidence
API
DesignOSChoiceRow
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
accessibility, default, rtl
Composes
primitive/editorial-adaptive-row-layout

Public configuration

public init( @ViewBuilder leading: () -> Leading, @ViewBuilder description: () -> Description, @ViewBuilder control: () -> Control )

@ViewBuilder leading: () -> Leading

@ViewBuilder description: () -> Description

@ViewBuilder control: () -> Control

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · public
Selection Summary: native iPhone isolated fixture · light
Light
Selection Summary: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Selection Summary

Native capture · source matched

Persistent selection summary and native completion actions, with large-text reflow.

API, variants & evidence
API
DesignOSSelectionSummary
Variants / configuration
Sizing.expanded (default): available-width summary
Sizing.intrinsic: content width bounded by the host
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init(sizing: Sizing = .expanded, @ViewBuilder summary: () -> Summary, @ViewBuilder actions: () -> Actions)

sizing: Sizing = .expanded

@ViewBuilder summary: () -> Summary

@ViewBuilder actions: () -> Actions

Sizing.expanded; Sizing.intrinsic

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · internal
Sectioned Media Collection: native iPhone isolated fixture · light
Light
Sectioned Media Collection: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Sectioned Media Collection

Native capture · source matched

Recipe disposition for composite/form-section: native Section already owns header, footer, row backgrounds and form accessibility. A renamed wrapper would add no reusable behavior.

API, variants & evidence
API
None
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · public
Category Rail: native iPhone isolated fixture · light
Light
Category Rail: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Category Rail

Native capture · source matched

Titled horizontal category/media rail, with native item controls and an explicit empty slot.

API, variants & evidence
API
DesignOSCategoryRail
Variants / configuration
data: Data
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default, empty

Public configuration

public init( _ data: Data, @ViewBuilder header: () -> Header, @ViewBuilder item: @escaping (Data.Element) -> Item, @ViewBuilder empty: () -> Empty )

_ data: Data

@ViewBuilder header: () -> Header

@ViewBuilder item: @escaping (Data.Element) -> Item

@ViewBuilder empty: () -> Empty

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · internal
Form Section: native iPhone isolated fixture · light
Light
Form Section: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Form Section

Native capture · source matched

Recipe disposition for composite/form-section: native Section already owns header, footer, row backgrounds and form accessibility. A renamed wrapper would add no reusable behavior.

API, variants & evidence
API
None
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · internal
Confirmation Content: native iPhone isolated fixture · light
Light
Confirmation Content: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Confirmation Content

Native capture · source matched

Recipe disposition for composite/form-section: native Section already owns header, footer, row backgrounds and form accessibility. A renamed wrapper would add no reusable behavior.

API, variants & evidence
API
None
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · internal
Status Content: native iPhone isolated fixture · light
Light
Status Content: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Status Content

Native capture · source matched

Recipe disposition for composite/form-section: native Section already owns header, footer, row backgrounds and form accessibility. A renamed wrapper would add no reusable behavior.

API, variants & evidence
API
None
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · public
Message Bubble: native iPhone isolated fixture · light
Light
Message Bubble: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Message Bubble

Native capture · source matched

Directional message content with optional reply context and persistent delivery metadata.

API, variants & evidence
API
DesignOSMessageBubble
Variants / configuration
isOutgoing: Bool
OutgoingAppearance.neutral (default)
OutgoingAppearance.emphasized: outgoing-message palette pair
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default
Composes
semantic/content-surface

Public configuration

public init( isOutgoing: Bool, outgoingAppearance: OutgoingAppearance = .neutral, @ViewBuilder reply: () -> Reply, @ViewBuilder content: () -> Content, @ViewBuilder metadata: () -> Metadata )

public init( isOutgoing: Bool, outgoingAppearance: OutgoingAppearance = .neutral, @ViewBuilder content: () -> Content, @ViewBuilder metadata: () -> Metadata )

isOutgoing: Bool

outgoingAppearance: OutgoingAppearance = .neutral

@ViewBuilder reply: () -> Reply

@ViewBuilder content: () -> Content

@ViewBuilder metadata: () -> Metadata

OutgoingAppearance.neutral; OutgoingAppearance.emphasized

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · public
Conversation Composer: native iPhone isolated fixture · light
Light
Conversation Composer: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Conversation Composer

Native capture · source matched

Native attachment actions, expanding input and completion controls with persistent feedback.

API, variants & evidence
API
DesignOSConversationComposer
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
accessibility, default, rtl
Composes
primitive/editorial-adaptive-row-layout

Public configuration

public init( @ViewBuilder attachments: () -> Attachments, @ViewBuilder input: () -> Input, @ViewBuilder actions: () -> Actions, @ViewBuilder feedback: () -> Feedback )

@ViewBuilder attachments: () -> Attachments

@ViewBuilder input: () -> Input

@ViewBuilder actions: () -> Actions

@ViewBuilder feedback: () -> Feedback

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · public
Record Summary: native iPhone isolated fixture · light
Light
Record Summary: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Record Summary

Native capture · source matched

A grouped record identity/status header with readable native labeled facts beneath.

API, variants & evidence
API
DesignOSRecordSummary
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default
Composes
semantic/content-surface

Public configuration

public init( @ViewBuilder identifier: () -> Identifier, @ViewBuilder status: () -> Status, @ViewBuilder facts: () -> Facts )

@ViewBuilder identifier: () -> Identifier

@ViewBuilder status: () -> Status

@ViewBuilder facts: () -> Facts

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
composite · public
Utility Overlay: native iPhone isolated fixture · light
Light
Utility Overlay: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Utility Overlay

Native capture · source matched

A readable status/control group over an app-owned map, camera or utility canvas.

API, variants & evidence
API
DesignOSUtilityOverlay
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default
Composes
semantic/content-surface

Public configuration

public init(@ViewBuilder status: () -> Status, @ViewBuilder actions: () -> Actions)

@ViewBuilder status: () -> Status

@ViewBuilder actions: () -> Actions

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source

Shells

9 entries

Actual source records; API, helper, token and recipe counts are kept separate.

shell · public
Flat List Shell: native iPhone isolated fixture · light
Light
Flat List Shell: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Flat List Shell

Native capture · source matched

A flat native List with optional native single/multiple selection, without routing or cards.

API, variants & evidence
API
DesignOSFlatListShell
Variants / configuration
selection: Binding<SelectionValue?>
selection: Binding<Set<SelectionValue>>
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init(selection: Binding<SelectionValue?>, @ViewBuilder content: () -> Content)

public init(selection: Binding<Set<SelectionValue>>, @ViewBuilder content: () -> Content)

public init(@ViewBuilder content: () -> Content)

selection: Binding<SelectionValue?>

@ViewBuilder content: () -> Content

selection: Binding<Set<SelectionValue>>

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
shell · public
Flat Scroll Shell: native iPhone isolated fixture · light
Light
Flat Scroll Shell: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Flat Scroll Shell

Native capture · source matched

One flat, adaptive vertical canvas for editorial sections and horizontal rails.

API, variants & evidence
API
DesignOSFlatScrollShell
Variants / configuration
padded: Bool (default true)
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init(padded: Bool = true, @ViewBuilder content: () -> Content)

padded: Bool = true

@ViewBuilder content: () -> Content

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
shell · public
Grouped Form Shell: native iPhone isolated fixture · light
Light
Grouped Form Shell: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Grouped Form Shell

Native capture · source matched

One native grouped Form. Native Sections own their surfaces and control behavior.

API, variants & evidence
API
DesignOSGroupedFormShell
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init(@ViewBuilder content: () -> Content)

@ViewBuilder content: () -> Content

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
shell · public
Ambient Scroll Shell: native iPhone isolated fixture · light
Light
Ambient Scroll Shell: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Ambient Scroll Shell

Native capture · source matched

One vertical ScrollView over an optional image-derived, accessibility-adaptive backdrop.

API, variants & evidence
API
DesignOSAmbientScrollShell
Variants / configuration
media: Image? (default nil)
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default
Composes
semantic/media-backdrop

Public configuration

public init(media: Image? = nil, @ViewBuilder content: () -> Content)

media: Image? = nil

@ViewBuilder content: () -> Content

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
shell · public
Focused Task Shell: native iPhone isolated fixture · light
Light
Focused Task Shell: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Focused Task Shell

Native capture · source matched

One scrolling task body with a native safe-area bottom action region.

API, variants & evidence
API
DesignOSFocusedTaskShell
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init(@ViewBuilder content: () -> Content, @ViewBuilder action: () -> Action)

@ViewBuilder content: () -> Content

@ViewBuilder action: () -> Action

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
shell · public
Conversation Shell: native iPhone isolated fixture · light
Light
Conversation Shell: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Conversation Shell

Native capture · source matched

One scrollable conversation with an anchored, caller-owned native composer.

API, variants & evidence
API
DesignOSConversationShell
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init( @ViewBuilder messages: @escaping (ScrollViewProxy) -> Messages, @ViewBuilder composer: () -> Composer )

@ViewBuilder messages: @escaping (ScrollViewProxy) -> Messages

@ViewBuilder composer: () -> Composer

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
shell · public
Utility Canvas Shell: native iPhone isolated fixture · light
Light
Utility Canvas Shell: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Utility Canvas Shell

Native capture · source matched

A real map, camera, scanner or media canvas with top overlay and bottom native controls.

API, variants & evidence
API
DesignOSUtilityCanvasShell
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init( @ViewBuilder canvas: () -> Canvas, @ViewBuilder overlay: () -> Overlay, @ViewBuilder controls: () -> Controls )

@ViewBuilder canvas: () -> Canvas

@ViewBuilder overlay: () -> Overlay

@ViewBuilder controls: () -> Controls

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
shell · public
Adaptive Navigation Shell: native iPhone isolated fixture · light
Light
Adaptive Navigation Shell: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Adaptive Navigation Shell

Native capture · source matched

Native two-column adaptive navigation with caller-owned visibility and destinations.

API, variants & evidence
API
DesignOSAdaptiveNavigationShell
Variants / configuration
columnVisibility: Binding<NavigationSplitViewVisibility>
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Fixture states
default

Public configuration

public init( columnVisibility: Binding<NavigationSplitViewVisibility>, @ViewBuilder sidebar: () -> Sidebar, @ViewBuilder detail: () -> Detail )

columnVisibility: Binding<NavigationSplitViewVisibility>

@ViewBuilder sidebar: () -> Sidebar

@ViewBuilder detail: () -> Detail

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
shell · public
Host Shell: native iPhone isolated fixture · light
Light
Host Shell: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Host Shell

Native capture · source matched

Hosts native/provider-owned content without adding a competing scroll container.

API, variants & evidence
API
DesignOSNativeHostShell
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Real platform UI remains host-owned; this contract is not a fake dialog or executed native integration.
Fixture states
default

Public configuration

public init(@ViewBuilder content: () -> Content)

@ViewBuilder content: () -> Content

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source

Screen types

18 entries

Actual source records; API, helper, token and recipe counts are kept separate.

screen · public
Onboarding Screen: native iPhone screen-family fixture · light
Light
Onboarding Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Onboarding Screen

Native capture · source matched

Onboarding artwork, explanation and native choices with a safe-area completion action.

API, variants & evidence
API
DesignOSOnboardingScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/focused-task

Public configuration

public init( @ViewBuilder artwork: () -> Artwork, @ViewBuilder introduction: () -> Introduction, @ViewBuilder choices: () -> Choices, @ViewBuilder action: () -> Action )

@ViewBuilder artwork: () -> Artwork

@ViewBuilder introduction: () -> Introduction

@ViewBuilder choices: () -> Choices

@ViewBuilder action: () -> Action

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Flat Collection Screen: native iPhone screen-family fixture · light
Light
Flat Collection Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Flat Collection Screen

Native capture · source matched

A flat collection screen with section heading, native rows and a caller-selected status.

API, variants & evidence
API
DesignOSFlatCollectionScreen
Variants / configuration
showsStatus: Bool
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/flat-list

Public configuration

public init( showsStatus: Bool, @ViewBuilder header: () -> Header, @ViewBuilder rows: () -> Rows, @ViewBuilder status: () -> Status )

public init(@ViewBuilder header: () -> Header, @ViewBuilder rows: () -> Rows)

showsStatus: Bool

@ViewBuilder header: () -> Header

@ViewBuilder rows: () -> Rows

@ViewBuilder status: () -> Status

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Discovery Screen: native iPhone screen-family fixture · light
Light
Discovery Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Discovery Screen

Native capture · source matched

Discovery hierarchy with introduction, horizontal category/media rails and open sections.

API, variants & evidence
API
DesignOSDiscoveryScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/flat-scroll

Public configuration

public init( @ViewBuilder introduction: () -> Introduction, @ViewBuilder rails: () -> Rails, @ViewBuilder sections: () -> Sections )

@ViewBuilder introduction: () -> Introduction

@ViewBuilder rails: () -> Rails

@ViewBuilder sections: () -> Sections

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Profile Detail Screen: native iPhone screen-family fixture · light
Light
Profile Detail Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Profile Detail Screen

Native capture · source matched

Optional cover, identity/actions, counts/summary and open profile sections.

API, variants & evidence
API
DesignOSProfileDetailScreen
Variants / configuration
media: Image? (default nil)
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/ambient-scroll

Public configuration

public init( media: Image? = nil, @ViewBuilder cover: () -> Cover, @ViewBuilder identity: () -> Identity, @ViewBuilder summary: () -> Summary, @ViewBuilder sections: () -> Sections )

media: Image? = nil

@ViewBuilder cover: () -> Cover

@ViewBuilder identity: () -> Identity

@ViewBuilder summary: () -> Summary

@ViewBuilder sections: () -> Sections

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Media Detail Screen: native iPhone screen-family fixture · light
Light
Media Detail Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Media Detail Screen

Native capture · source matched

Optional crisp hero, identity and flowing detail sections over an adaptive canvas.

API, variants & evidence
API
DesignOSMediaDetailScreen
Variants / configuration
media: Image? (default nil)
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/ambient-scroll

Public configuration

public init( media: Image? = nil, @ViewBuilder hero: () -> Hero, @ViewBuilder identity: () -> Identity, @ViewBuilder content: () -> Content )

public init(@ViewBuilder identity: () -> Identity, @ViewBuilder content: () -> Content)

media: Image? = nil

@ViewBuilder hero: () -> Hero

@ViewBuilder identity: () -> Identity

@ViewBuilder content: () -> Content

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Hero Collection Screen: native iPhone screen-family fixture · light
Light
Hero Collection Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Hero Collection Screen

Native capture · source matched

Edge-to-edge hero transitioning into adaptive flat collection content.

API, variants & evidence
API
DesignOSHeroCollectionScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/flat-scroll

Public configuration

public init( @ViewBuilder hero: () -> Hero, @ViewBuilder introduction: () -> Introduction, @ViewBuilder rows: () -> Rows )

@ViewBuilder hero: () -> Hero

@ViewBuilder introduction: () -> Introduction

@ViewBuilder rows: () -> Rows

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Media Composer Screen: native iPhone screen-family fixture · light
Light
Media Composer Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Media Composer Screen

Native capture · source matched

Media-led editing with a hero, semantic field groups and persistent feedback slots.

API, variants & evidence
API
DesignOSMediaComposerScreen
Variants / configuration
media: Image? (default nil)
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/ambient-scroll

Public configuration

public init( media: Image? = nil, @ViewBuilder hero: () -> Hero, @ViewBuilder fields: () -> Fields, @ViewBuilder feedback: () -> Feedback )

public init(@ViewBuilder fields: () -> Fields)

media: Image? = nil

@ViewBuilder hero: () -> Hero

@ViewBuilder fields: () -> Fields

@ViewBuilder feedback: () -> Feedback

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Grouped Form Screen: native iPhone screen-family fixture · light
Light
Grouped Form Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Grouped Form Screen

Native capture · source matched

Management/settings composition with separate ordinary and consequential native Sections.

API, variants & evidence
API
DesignOSGroupedFormScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/grouped-form

Public configuration

public init( @ViewBuilder sections: () -> Sections, @ViewBuilder consequential: () -> Consequential )

public init(@ViewBuilder sections: () -> Sections)

@ViewBuilder sections: () -> Sections

@ViewBuilder consequential: () -> Consequential

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Focused Task Screen: native iPhone screen-family fixture · light
Light
Focused Task Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Focused Task Screen

Native capture · source matched

A bounded task: introduction, native fields, inline feedback and bottom completion action.

API, variants & evidence
API
DesignOSFocusedTaskScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/focused-task

Public configuration

public init( @ViewBuilder introduction: () -> Introduction, @ViewBuilder fields: () -> Fields, @ViewBuilder feedback: () -> Feedback, @ViewBuilder action: () -> Action )

@ViewBuilder introduction: () -> Introduction

@ViewBuilder fields: () -> Fields

@ViewBuilder feedback: () -> Feedback

@ViewBuilder action: () -> Action

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Freeform Editor Screen: native iPhone screen-family fixture · light
Light
Freeform Editor Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Freeform Editor Screen

Native capture · source matched

A real native TextEditor with caller-owned text, inline feedback and no outer scroll view.

API, variants & evidence
API
DesignOSFreeformEditorScreen
Variants / configuration
label: LocalizedStringKey
text: Binding<String>
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/native-host

Public configuration

public init( _ label: LocalizedStringKey, text: Binding<String>, @ViewBuilder feedback: () -> Feedback )

public init(_ label: LocalizedStringKey, text: Binding<String>)

_ label: LocalizedStringKey

text: Binding<String>

@ViewBuilder feedback: () -> Feedback

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Search Selection Screen: native iPhone screen-family fixture · light
Light
Search Selection Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Search Selection Screen

Native capture · source matched

Native searchable, selectable results with explicit caller-selected status content.

API, variants & evidence
API
DesignOSSearchSelectionScreen
Variants / configuration
query: Binding<String>
selection: Binding<SelectionValue?>
showsStatus: Bool (default false)
selection: Binding<Set<SelectionValue>>
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/flat-list

Public configuration

public init( query: Binding<String>, selection: Binding<SelectionValue?>, showsStatus: Bool = false, @ViewBuilder rows: () -> Rows, @ViewBuilder status: () -> Status )

public init( query: Binding<String>, selection: Binding<Set<SelectionValue>>, showsStatus: Bool = false, @ViewBuilder rows: () -> Rows, @ViewBuilder status: () -> Status )

query: Binding<String>

selection: Binding<SelectionValue?>

showsStatus: Bool = false

@ViewBuilder rows: () -> Rows

@ViewBuilder status: () -> Status

selection: Binding<Set<SelectionValue>>

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Confirmation Screen: native iPhone screen-family fixture · light
Light
Confirmation Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Confirmation Screen

Native capture · source matched

Long-form confirmation sheet content with explicit consequences and native action slots.

API, variants & evidence
API
DesignOSConfirmationScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/focused-task

Public configuration

public init( @ViewBuilder explanation: () -> Explanation, @ViewBuilder details: () -> Details, @ViewBuilder actions: () -> Actions )

@ViewBuilder explanation: () -> Explanation

@ViewBuilder details: () -> Details

@ViewBuilder actions: () -> Actions

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Status Screen: native iPhone screen-family fixture · light
Light
Status Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Status Screen

Native capture · source matched

A durable result/status hierarchy with explanation, optional details and recovery actions.

API, variants & evidence
API
DesignOSStatusScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/focused-task

Public configuration

public init( @ViewBuilder symbol: () -> Symbol, @ViewBuilder message: () -> Message, @ViewBuilder details: () -> Details, @ViewBuilder actions: () -> Actions )

@ViewBuilder symbol: () -> Symbol

@ViewBuilder message: () -> Message

@ViewBuilder details: () -> Details

@ViewBuilder actions: () -> Actions

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Message Thread Screen: native iPhone screen-family fixture · light
Light
Message Thread Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Message Thread Screen

Native capture · source matched

Stable-ID message history, visible delivery state and a real app-owned composer.

API, variants & evidence
API
DesignOSMessageThreadScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/conversation

Public configuration

public init( @ViewBuilder messages: @escaping (ScrollViewProxy) -> Messages, @ViewBuilder status: () -> Status, @ViewBuilder composer: () -> Composer )

@ViewBuilder messages: @escaping (ScrollViewProxy) -> Messages

@ViewBuilder status: () -> Status

@ViewBuilder composer: () -> Composer

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Utility Canvas Screen: native iPhone screen-family fixture · light
Light
Utility Canvas Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Utility Canvas Screen

Native capture · source matched

Utility canvas with visible state and native controls over a real app-owned integration.

API, variants & evidence
API
DesignOSUtilityCanvasScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/utility-canvas

Public configuration

public init( @ViewBuilder canvas: () -> Canvas, @ViewBuilder status: () -> Status, @ViewBuilder controls: () -> Controls )

@ViewBuilder canvas: () -> Canvas

@ViewBuilder status: () -> Status

@ViewBuilder controls: () -> Controls

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Provider Host Screen: native iPhone screen-family fixture · light
Light
Provider Host Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Provider Host Screen

Native capture · source matched

Native/provider-owned workflow with disclosure and persistent recovery content.

API, variants & evidence
API
DesignOSProviderHostScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Provider UI, credentials, transactions and service calls remain host-owned; layout is not integration execution.
Composes
shell/native-host

Public configuration

public init( @ViewBuilder provider: () -> Provider, @ViewBuilder disclosure: () -> Disclosure, @ViewBuilder recovery: () -> Recovery )

@ViewBuilder provider: () -> Provider

@ViewBuilder disclosure: () -> Disclosure

@ViewBuilder recovery: () -> Recovery

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Record Detail Screen: native iPhone screen-family fixture · light
Light
Record Detail Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Record Detail Screen

Native capture · source matched

Record/receipt summary, optional credential representation, details and local actions.

API, variants & evidence
API
DesignOSRecordDetailScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Layout/content composition only; native controls and app state, services, navigation and actions remain caller-owned.
Composes
shell/flat-scroll

Public configuration

public init( @ViewBuilder summary: () -> Summary, @ViewBuilder credential: () -> Credential, @ViewBuilder details: () -> Details, @ViewBuilder actions: () -> Actions )

@ViewBuilder summary: () -> Summary

@ViewBuilder credential: () -> Credential

@ViewBuilder details: () -> Details

@ViewBuilder actions: () -> Actions

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
screen · public
Presentation Screen: native iPhone screen-family fixture · light
Light
Presentation Screen: native iPhone screen-family fixture · dark
Dark

Native iPhone screen-family fixture · light and dark · 1898ce2 · complete native viewport.

Presentation Screen

Native capture · source matched

Context plus a real native presentation anchor, without drawing substitute system UI.

API, variants & evidence
API
DesignOSNativePresentationScreen
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Real platform UI remains host-owned; this contract is not a fake dialog or executed native integration.
Composes
shell/native-host

Public configuration

public init( @ViewBuilder anchor: () -> Anchor, @ViewBuilder context: () -> Context )

@ViewBuilder anchor: () -> Anchor

@ViewBuilder context: () -> Context

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source

Semantic token roles

3 entries

Actual source records; API, helper, token and recipe counts are kept separate.

foundation · public
Color Role: native iPhone isolated fixture · light
Light
Color Role: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Color Role

Native capture · source matched

A semantic color intent for custom content.

API, variants & evidence
API
DesignOSColorRole
Variants / configuration
labelPrimary
labelSecondary
labelTertiary
labelQuaternary
backgroundPrimary
backgroundSecondary
backgroundTertiary
groupedBackgroundPrimary
groupedBackgroundSecondary
groupedBackgroundTertiary
fillPrimary
fillSecondary
fillTertiary
fillQuaternary
separator
red
orange
yellow
green
mint
teal
cyan
blue
indigo
purple
pink
brown
gray
Use it for
Runtime semantic role family. Members are token choices, not separately counted UI components.
Fixture states
default

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
foundation · public
Surface Role: native iPhone isolated fixture · light
Light
Surface Role: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Surface Role

Native capture · source matched

A construction intent for a future custom, non-interactive surface.

API, variants & evidence
API
DesignOSSurfaceRole
Variants / configuration
content
groupedContent
translucentContent
Use it for
Runtime semantic role family. Members are token choices, not separately counted UI components.
Fixture states
default

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
foundation · public
Typography Role: native iPhone isolated fixture · light
Light
Typography Role: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · native fixture-region crop.

Typography Role

Native capture · source matched

A semantic typography intent that preserves platform-native scaling.

API, variants & evidence
API
DesignOSTypographyRole
Variants / configuration
largeTitle
title
title2
title3
headline
subheadline
body
callout
footnote
caption
caption2
Use it for
Runtime semantic role family. Members are token choices, not separately counted UI components.
Fixture states
default

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source

Native integration recipes

16 entries

Actual source records; API, helper, token and recipe counts are kept separate.

native · public
Button And Toolbar Action Recipe: native iPhone isolated fixture · light
Light
Button And Toolbar Action Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

Button And Toolbar Action Recipe

Native capture · source matched

Metadata for direct native button and toolbar action call sites.

API, variants & evidence
API
NativeButtonAndToolbarActionRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Apple-owned APIs

  • Button: Registered source-level API evidence. Native execution and isolated visual review are separate.

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
Content Unavailable View Recipe: native iPhone isolated fixture · light
Light
Content Unavailable View Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

Content Unavailable View Recipe

Native capture · source matched

Metadata for direct native empty-state call sites.

API, variants & evidence
API
NativeContentUnavailableViewRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Apple-owned APIs

  • ContentUnavailableView: Registered source-level API evidence. Native execution and isolated visual review are separate.

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
Elevated Background Recipe: native iPhone isolated fixture · light
Light
Elevated Background Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

Elevated Background Recipe

Native capture · source matched

Metadata for elevated contextual backgrounds in direct native call sites.

API, variants & evidence
API
NativeElevatedBackgroundRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
Hierarchical Style Recipe: native iPhone isolated fixture · light
Light
Hierarchical Style Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

Hierarchical Style Recipe

Native capture · source matched

Metadata for direct native hierarchical foreground styles.

API, variants & evidence
API
NativeHierarchicalStyleRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
No standalone visual specimen

Home Screen Quick Action Recipe

Source inspected · no standalone preview

Metadata anchor for iOS and iPadOS Home Screen quick-action integration.

API, variants & evidence
API
NativeHomeScreenQuickActionRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.

Apple-owned APIs

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
native · public
List Sidebar And Disclosure Recipe: native iPhone isolated fixture · light
Light
List Sidebar And Disclosure Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

List Sidebar And Disclosure Recipe

Native capture · source matched

Metadata anchor for client-owned native list, sidebar, and disclosure composition.

API, variants & evidence
API
NativeListSidebarAndDisclosureRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Apple-owned APIs

  • List: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • DisclosureGroup: Registered source-level API evidence. Native execution and isolated visual review are separate.

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
Material And Glass Surface Recipe: native iPhone isolated fixture · light
Light
Material And Glass Surface Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

Material And Glass Surface Recipe

Native capture · source matched

Metadata for direct native material and availability-gated glass surfaces.

API, variants & evidence
API
NativeMaterialAndGlassSurfaceRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Apple-owned APIs

  • glassEffect: Registered source-level API evidence. Native execution and isolated visual review are separate.

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
Menu Context And Edit Actions Recipe: native iPhone isolated fixture · light
Light
Menu Context And Edit Actions Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

Menu Context And Edit Actions Recipe

Native capture · source matched

Metadata anchor for client-owned native menu, context-menu, and row-edit actions.

API, variants & evidence
API
NativeMenuContextAndEditActionsRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Apple-owned APIs

  • Menu: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • contextMenu: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • swipeActions: Registered source-level API evidence. Native execution and isolated visual review are separate.

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
Navigation Tabs And Toolbars Recipe: native iPhone isolated fixture · light
Light
Navigation Tabs And Toolbars Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

Navigation Tabs And Toolbars Recipe

Native capture · source matched

Metadata anchor for client-owned native navigation, tabs, and toolbar composition.

API, variants & evidence
API
NativeNavigationTabsAndToolbarsRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Apple-owned APIs

  • ToolbarItem: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • NavigationStack: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • NavigationSplitView: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • NavigationLink: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • TabView: Registered source-level API evidence. Native execution and isolated visual review are separate.

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
Picker And Date Color Input Recipe: native iPhone isolated fixture · light
Light
Picker And Date Color Input Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

Picker And Date Color Input Recipe

Native capture · source matched

Metadata for direct native picker, date-picker, and color-picker call sites.

API, variants & evidence
API
NativePickerAndDateColorInputRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Apple-owned APIs

  • Picker: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • DatePicker: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • ColorPicker: Registered source-level API evidence. Native execution and isolated visual review are separate.

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
Presentation And Share Recipe: native iPhone isolated fixture · light
Light
Presentation And Share Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

Presentation And Share Recipe

Native capture · source matched

Metadata anchor for client-owned native presentation and sharing call sites.

API, variants & evidence
API
NativePresentationAndShareRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default, sheet-open

Apple-owned APIs

  • alert: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • sheet: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • ShareLink: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • fullScreenCover: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • inspector: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • confirmationDialog: Compile fixture source only; no isolated native render mapped.
  • popover: Compile fixture source only; no isolated native render mapped.

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
Progress Slider Stepper Recipe: native iPhone isolated fixture · light
Light
Progress Slider Stepper Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

Progress Slider Stepper Recipe

Native capture · source matched

Metadata for direct native progress, range, stepper, toggle, and tab calls.

API, variants & evidence
API
NativeProgressSliderStepperRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Apple-owned APIs

  • Toggle: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • ProgressView: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • Slider: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • Stepper: Registered source-level API evidence. Native execution and isolated visual review are separate.

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
Text Search And Keyboard Input Recipe: native iPhone isolated fixture · light
Light
Text Search And Keyboard Input Recipe: native iPhone isolated fixture · dark
Dark

Native iPhone isolated fixture · light and dark · 1898ce2 · complete native viewport.

Text Search And Keyboard Input Recipe

Native capture · source matched

Metadata anchor for client-owned native text, search, focus, and keyboard input.

API, variants & evidence
API
NativeTextSearchAndKeyboardInputRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.
Fixture states
default

Apple-owned APIs

  • TextField: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • searchable: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • FocusState: Registered source-level API evidence. Native execution and isolated visual review are separate.
  • scrollDismissesKeyboard: Registered source-level API evidence. Native execution and isolated visual review are separate.

Source-matched native fixture from CI run 38157622095; original pixels and fixture binding reviewed. The selected light/dark pair is not full visual acceptance of every state, platform, or reference.

Inspect Swift source
native · public
No standalone visual specimen

System Device Chrome Host Recipe

Source inspected · no standalone preview

Metadata anchor for system-owned scene, service, and device-chrome host integration.

API, variants & evidence
API
SystemDeviceChromeHostRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
native · public
No standalone visual specimen

Extension Control Widget Recipe

Source inspected · no standalone preview

Metadata anchor for iOS and iPadOS 18-or-newer Control Widget call sites.

API, variants & evidence
API
ExtensionControlWidgetRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.

Apple-owned APIs

  • ControlWidget: Registered source-level API evidence. Native execution and isolated visual review are separate.

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
native · public
No standalone visual specimen

Extension Widget Recipe

Source inspected · no standalone preview

Metadata anchor for iOS and iPadOS 17-or-newer WidgetKit call sites.

API, variants & evidence
API
ExtensionWidgetRecipe
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use real native controls directly; this record is a recipe/metadata anchor, not a replacement control.

Apple-owned APIs

  • Widget: Registered source-level API evidence. Native execution and isolated visual review are separate.

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source

Theme and platform support

17 entries

Actual source records; API, helper, token and recipe counts are kept separate.

support · public
No standalone visual specimen

Adaptive Color

Source inspected · no standalone preview

Validation failures for an opt-in application style.

API, variants & evidence
API
DesignOSAdaptiveColor
Variants / configuration
DesignOSAppStyleError: invalidColor = "E_APP_STYLE_COLOR" / invalidMetric = "E_APP_STYLE_METRIC"
lightRGB: UInt32
darkRGB: UInt32
increasedContrastLightRGB: UInt32? (default nil)
increasedContrastDarkRGB: UInt32? (default nil)
Use it for
Use with caller-owned native state and content.

Public configuration

public init( lightRGB: UInt32, darkRGB: UInt32, increasedContrastLightRGB: UInt32? = nil, increasedContrastDarkRGB: UInt32? = nil )

lightRGB: UInt32

darkRGB: UInt32

increasedContrastLightRGB: UInt32? = nil

increasedContrastDarkRGB: UInt32? = nil

DesignOSAppStyleError: invalidColor = "E_APP_STYLE_COLOR", invalidMetric = "E_APP_STYLE_METRIC"

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · public
No standalone visual specimen

App Metrics

Source inspected · no standalone preview

Content geometry for an application style, separate from native control geometry.

API, variants & evidence
API
DesignOSAppMetrics
Variants / configuration
pageInset: CGFloat
sectionSpacing: CGFloat
contentInset: CGFloat
itemSpacing: CGFloat
surfaceRadius: CGFloat
actionMinHeight: CGFloat
mediaSize: CGFloat
mediaRadius: CGFloat
actionRadius: CGFloat (default 12)
Use it for
Use with caller-owned native state and content.

Public configuration

public init( pageInset: CGFloat, sectionSpacing: CGFloat, contentInset: CGFloat, itemSpacing: CGFloat, surfaceRadius: CGFloat, actionMinHeight: CGFloat, mediaSize: CGFloat, mediaRadius: CGFloat, actionRadius: CGFloat = 12 )

pageInset: CGFloat

sectionSpacing: CGFloat

contentInset: CGFloat

itemSpacing: CGFloat

surfaceRadius: CGFloat

actionMinHeight: CGFloat

mediaSize: CGFloat

mediaRadius: CGFloat

actionRadius: CGFloat = 12

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · public
No standalone visual specimen

App Palette

Source inspected · no standalone preview

Semantic application colors that adapt independently of native system controls.

API, variants & evidence
API
DesignOSAppPalette
Variants / configuration
canvas: DesignOSAdaptiveColor
surface: DesignOSAdaptiveColor
subtleSurface: DesignOSAdaptiveColor
ink: DesignOSAdaptiveColor
secondaryInk: DesignOSAdaptiveColor
separator: DesignOSAdaptiveColor
action: DesignOSAdaptiveColor
actionInk: DesignOSAdaptiveColor
outgoingMessage: DesignOSAppColorPair? = nil
dangerInk: DesignOSAdaptiveColor = DesignOSAppPalette.defaultDangerInk
disabledAction: DesignOSAppColorPair? = nil
Use it for
Use with caller-owned native state and content.

Public configuration

public init(canvas: DesignOSAdaptiveColor, surface: DesignOSAdaptiveColor, subtleSurface: DesignOSAdaptiveColor, ink: DesignOSAdaptiveColor, secondaryInk: DesignOSAdaptiveColor, separator: DesignOSAdaptiveColor, action: DesignOSAdaptiveColor, actionInk: DesignOSAdaptiveColor, outgoingMessage: DesignOSAppColorPair? = nil, dangerInk: DesignOSAdaptiveColor = DesignOSAppPalette.defaultDangerInk, disabledAction: DesignOSAppColorPair? = nil)

canvas: DesignOSAdaptiveColor

surface: DesignOSAdaptiveColor

subtleSurface: DesignOSAdaptiveColor

ink: DesignOSAdaptiveColor

secondaryInk: DesignOSAdaptiveColor

separator: DesignOSAdaptiveColor

action: DesignOSAdaptiveColor

actionInk: DesignOSAdaptiveColor

outgoingMessage: DesignOSAppColorPair? = nil

dangerInk: DesignOSAdaptiveColor = DesignOSAppPalette.defaultDangerInk

disabledAction: DesignOSAppColorPair? = nil

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · public
No standalone visual specimen

App Style

Source inspected · no standalone preview

An opt-in, reusable application design language without product or navigation state.

API, variants & evidence
API
DesignOSAppStyle
Variants / configuration
profile: DesignOSProfile
palette: DesignOSAppPalette
metrics: DesignOSAppMetrics
Use it for
Use with caller-owned native state and content.

Public configuration

public init( profile: DesignOSProfile, palette: DesignOSAppPalette, metrics: DesignOSAppMetrics )

profile: DesignOSProfile

palette: DesignOSAppPalette

metrics: DesignOSAppMetrics

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · internal
No standalone visual specimen

Platform Accessibility

Source inspected · no standalone preview

Shared runtime support.

API, variants & evidence
API
PlatformAccessibility
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use with caller-owned native state and content.

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · internal
No standalone visual specimen

Platform Semantic Color

Source inspected · no standalone preview

Shared runtime support.

API, variants & evidence
API
PlatformSemanticColor
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use with caller-owned native state and content.

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · internal
No standalone visual specimen

Platform Surface

Source inspected · no standalone preview

Shared runtime support.

API, variants & evidence
API
PlatformSurface
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use with caller-owned native state and content.

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · internal
No standalone visual specimen

Platform Typography

Source inspected · no standalone preview

Shared runtime support.

API, variants & evidence
API
PlatformTypography
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use with caller-owned native state and content.

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · public
No standalone visual specimen

Accessibility Policy

Source inspected · no standalone preview

A fail-closed accessibility policy for package-owned rendering decisions.

API, variants & evidence
API
DesignOSAccessibilityPolicy
Variants / configuration
Translucency: systemAdaptive / opaqueOnly
translucency: Translucency
Use it for
Use with caller-owned native state and content.

Public configuration

public init(translucency: Translucency)

translucency: Translucency

Translucency: systemAdaptive, opaqueOnly

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · public
No standalone visual specimen

Profile

Source inspected · no standalone preview

Stable runtime validation failures for an environment profile.

API, variants & evidence
API
DesignOSProfile
Variants / configuration
DesignOSProfileError: invalid = "E_PROFILE_INVALID"
typography: DesignOSTypographyProfile
spacing: DesignOSSpacingProfile
radius: DesignOSRadiusProfile
semanticColors: DesignOSSemanticColorProfile
surface: DesignOSSurfaceProfile
accessibility: DesignOSAccessibilityPolicy
fontDesign: DesignOSFontDesign
titleSubtitleSpacing: CGFloat
sidebarContentSpacing: CGFloat
listRowContentSpacing: CGFloat
customContentCornerRadius: CGFloat (default 12)
surfaceRole: DesignOSSurfaceRole (default .content)
fontDesignID: String
Use it for
Use with caller-owned native state and content.

Public configuration

public init( typography: DesignOSTypographyProfile, spacing: DesignOSSpacingProfile, radius: DesignOSRadiusProfile, semanticColors: DesignOSSemanticColorProfile, surface: DesignOSSurfaceProfile, accessibility: DesignOSAccessibilityPolicy )

public init( fontDesign: DesignOSFontDesign, titleSubtitleSpacing: CGFloat, sidebarContentSpacing: CGFloat, listRowContentSpacing: CGFloat, customContentCornerRadius: CGFloat = 12, surfaceRole: DesignOSSurfaceRole = .content )

public init( fontDesignID: String, titleSubtitleSpacing: CGFloat, sidebarContentSpacing: CGFloat, listRowContentSpacing: CGFloat, customContentCornerRadius: CGFloat = 12, surfaceRole: DesignOSSurfaceRole = .content )

typography: DesignOSTypographyProfile

spacing: DesignOSSpacingProfile

radius: DesignOSRadiusProfile

semanticColors: DesignOSSemanticColorProfile

surface: DesignOSSurfaceProfile

accessibility: DesignOSAccessibilityPolicy

fontDesign: DesignOSFontDesign

titleSubtitleSpacing: CGFloat

sidebarContentSpacing: CGFloat

listRowContentSpacing: CGFloat

customContentCornerRadius: CGFloat = 12

surfaceRole: DesignOSSurfaceRole = .content

fontDesignID: String

DesignOSProfileError: invalid = "E_PROFILE_INVALID"

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · internal
No standalone visual specimen

Profile Environment

Source inspected · no standalone preview

Shared runtime support.

API, variants & evidence
API
DesignOSProfileEnvironment
Variants / configuration
No separate named variant set. Caller-owned content slots and API configuration are listed below.
Use it for
Use with caller-owned native state and content.

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · public
No standalone visual specimen

Radius Profile

Source inspected · no standalone preview

Immutable radius customization for package-owned non-interactive surfaces.

API, variants & evidence
API
DesignOSRadiusProfile
Variants / configuration
customContent: CGFloat
Use it for
Use with caller-owned native state and content.

Public configuration

public init(customContent: CGFloat)

customContent: CGFloat

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · public
No standalone visual specimen

Semantic Color Profile

Source inspected · no standalone preview

Immutable semantic color intent consumed by package-owned content.

API, variants & evidence
API
DesignOSSemanticColorProfile
Variants / configuration
secondaryContent: DesignOSColorRole
Use it for
Use with caller-owned native state and content.

Public configuration

public init(secondaryContent: DesignOSColorRole)

secondaryContent: DesignOSColorRole

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · public
No standalone visual specimen

Spacing Profile

Source inspected · no standalone preview

Immutable spacing relationships consumed by package-owned row composition.

API, variants & evidence
API
DesignOSSpacingProfile
Variants / configuration
titleSubtitle: CGFloat
sidebarContent: CGFloat
listRowContent: CGFloat
Use it for
Use with caller-owned native state and content.

Public configuration

public init( titleSubtitle: CGFloat, sidebarContent: CGFloat, listRowContent: CGFloat )

titleSubtitle: CGFloat

sidebarContent: CGFloat

listRowContent: CGFloat

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · public
No standalone visual specimen

Surface Profile

Source inspected · no standalone preview

Immutable construction intent for package-owned non-interactive surfaces.

API, variants & evidence
API
DesignOSSurfaceProfile
Variants / configuration
role: DesignOSSurfaceRole
Use it for
Use with caller-owned native state and content.

Public configuration

public init(role: DesignOSSurfaceRole)

role: DesignOSSurfaceRole

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · public
No standalone visual specimen

Typography Profile

Source inspected · no standalone preview

Closed semantic font designs supported by the runtime profile.

API, variants & evidence
API
DesignOSTypographyProfile
Variants / configuration
DesignOSFontDesign: standard / expressive
fontDesign: DesignOSFontDesign
Use it for
Use with caller-owned native state and content.

Public configuration

public init(fontDesign: DesignOSFontDesign)

fontDesign: DesignOSFontDesign

DesignOSFontDesign: standard, expressive

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source
support · public
No standalone visual specimen

App Color Pair

Source inspected · no standalone preview

A semantic foreground and background selected together, adapting to appearance and contrast.

API, variants & evidence
API
DesignOSAppColorPair
Variants / configuration
background: DesignOSAdaptiveColor
foreground: DesignOSAdaptiveColor
Use it for
Use with caller-owned native state and content.

Public configuration

public init(background: DesignOSAdaptiveColor, foreground: DesignOSAdaptiveColor)

background: DesignOSAdaptiveColor

foreground: DesignOSAdaptiveColor

Current source record inspected. No standalone published visual specimen exists for this helper, support type or OS-hosted integration. Source and compile coverage are not full visual acceptance.

Inspect Swift source

Token values

Design token leaves are separate from Swift semantic role families. These are values, not extra components.

color

  • base.black#000000
  • base.white#FFFFFF
  • chart.1#5185D9
  • chart.2#B663AB
  • chart.3#CA6638
  • chart.4#838F06
  • chart.5#009B92
  • color.accent{primary.100}
  • color.accent-foreground{primary.950}
  • color.background{neutral.50}
  • color.border{neutral.200}
  • color.card{neutral.100}
  • color.card-foreground{neutral.900}
  • color.chart-1{chart.1}
  • color.chart-2{chart.2}
  • color.chart-3{chart.3}
  • color.chart-4{chart.4}
  • color.chart-5{chart.5}
  • color.danger{danger.500}
  • color.danger-foreground{base.white}
  • color.foreground{neutral.900}
  • color.info{info.500}
  • color.info-foreground{base.black}
  • color.input{neutral.300}
  • color.muted{neutral.200}
  • color.muted-foreground{neutral.600}
  • color.popover{neutral.100}
  • color.popover-foreground{neutral.900}
  • color.primary{primary.500}
  • color.primary-foreground{base.white}
  • color.primary-hover{primary.600}
  • color.ring{primary.400}
  • color.scrim{neutral.950}
  • color.secondary{neutral.200}
  • color.secondary-foreground{neutral.900}
  • color.sidebar{neutral.100}
  • color.sidebar-accent{primary.100}
  • color.sidebar-accent-foreground{primary.950}
  • color.sidebar-border{neutral.200}
  • color.sidebar-foreground{neutral.900}
  • color.sidebar-primary{primary.500}
  • color.sidebar-primary-foreground{base.white}
  • color.sidebar-ring{primary.500}
  • color.success{success.500}
  • color.success-foreground{base.white}
  • color.warning{warning.500}
  • color.warning-foreground{base.white}
  • danger.50#FFF8F7
  • danger.100#FFE6E3
  • danger.200#FFBEB5
  • danger.300#FF8B7F
  • danger.400#F85047
  • danger.500#DC2626
  • danger.600#B0000D
  • danger.700#7E0005
  • danger.800#500001
  • danger.900#2B0000
  • danger.950#170000
  • info.50#F8FCFF
  • info.100#E5F4FF
  • info.200#AADDFF
  • info.300#5CC3FF
  • info.400#0EA5E9
  • info.500#0087C0
  • info.600#006694
  • info.700#00486A
  • info.800#002B43
  • info.900#001424
  • info.950#000613
  • neutral.50#F5F5F9
  • neutral.100#E7E7ED
  • neutral.200#CACAD1
  • neutral.300#AAAAB2
  • neutral.400#8C8C95
  • neutral.500#71717A
  • neutral.600#55555D
  • neutral.700#3A3A41
  • neutral.800#212126
  • neutral.900#0D0D10
  • neutral.950#030305
  • primary.50#EAF2FF
  • primary.100#D5E5FF
  • primary.200#A5C8FF
  • primary.300#6FA6FF
  • primary.400#3B82F6
  • primary.500#2367D3
  • primary.600#104BA7
  • primary.700#043279
  • primary.800#001B4D
  • primary.900#000927
  • primary.950#000114
  • success.50#D6FFDC
  • success.100#ACFBBA
  • success.200#7EE193
  • success.300#4DC36C
  • success.400#16A34A
  • success.500#008538
  • success.600#006428
  • success.700#004519
  • success.800#00290A
  • success.900#001201
  • success.950#000500
  • warning.50#FFFBF7
  • warning.100#FFECD6
  • warning.200#FFC785
  • warning.300#F59E0B
  • warning.400#CB8100
  • warning.500#A66900
  • warning.600#7E4E00
  • warning.700#593500
  • warning.800#371E00
  • warning.900#1A0C00
  • warning.950#0A0300

duration

  • duration.base200ms
  • duration.fast150ms
  • duration.slow300ms
  • motion.base{duration.base}
  • motion.fast{duration.fast}

shadow

  • elevation.card{shadow.sm}
  • elevation.overlay{shadow.lg}
  • shadow.lgblur: 24px; color: #0D0C13; offsetX: 0px; offsetY: 12px; spread: 0px
  • shadow.mdblur: 8px; color: #0D0C13; offsetX: 0px; offsetY: 4px; spread: 0px
  • shadow.smblur: 2px; color: #0D0C13; offsetX: 0px; offsetY: 1px; spread: 0px

fontFamily

  • font-family.bodySF Pro Text, Inter, sans-serif
  • font-family.displaySF Pro Display, Inter, sans-serif

dimension

  • font-size.2xl25px
  • font-size.3xl28px
  • font-size.4xl32px
  • font-size.lg20px
  • font-size.md18px
  • font-size.sm16px
  • font-size.xl22px
  • font-size.xs14px
  • radius.button{radius.sm}
  • radius.card{radius.md}
  • radius.full9999px
  • radius.lg20px
  • radius.md12px
  • radius.sm6px
  • space.00px
  • space.14px
  • space.28px
  • space.312px
  • space.416px
  • space.520px
  • space.624px
  • space.832px
  • space.1040px
  • space.1248px
  • space.1664px
  • space.component{space.4}
  • space.inline{space.2}
  • space.section{space.10}

fontWeight

  • font-weight.bold700
  • font-weight.medium500
  • font-weight.regular400
  • font-weight.semibold600

typography

  • text.bodyfontFamily: {font-family.body}; fontSize: {font-size.md}; fontWeight: {font-weight.regular}; letterSpacing: 0px; lineHeight: 1.5
  • text.captionfontFamily: {font-family.body}; fontSize: {font-size.sm}; fontWeight: {font-weight.regular}; letterSpacing: 0px; lineHeight: 1.4
  • text.headingfontFamily: {font-family.display}; fontSize: {font-size.2xl}; fontWeight: {font-weight.semibold}; letterSpacing: 0px; lineHeight: 1.2

Every captured state and platform

The complete inventory contains 510 original native captures: 170 each for iPhone, iPad and Mac. This page displays 142 iPhone previews above. The records below link the original CI artifacts for all captures, including other platforms and states. Artifact downloads may require GitHub sign-in and are subject to retention; they are not directly hosted images.

Capture metadata has been authenticated again against native test attachments. Earlier scoped review is recorded; the full 510-image pixel review has not been repeated during this recovery. Download the complete machine-readable image inventory.

iPhone · 170 source-bound captures
iPad · 170 source-bound captures
Mac · 170 source-bound captures