Structures

A flexible, reusable card component that adapts to the current theme.

The Card view provides a styled container with rounded corners, background color, shadow elevation, and optional padding. It is ideal for grouping related content in a visually distinct block.

Example usage:

Card {
  Text("Profile details")
}

The card uses the current Theme from the environment to style its appearance.

A custom themed checkbox component that adapts to the current Theme.

Checkbox supports both text labels and custom views, as well as configurable shape and label alignment. It is fully accessible and updates the bound isChecked state when toggled.

Example:

Checkbox(isChecked: $isOn, label: "Subscribe to newsletter")

You can also provide a custom view as a label:

Checkbox(isChecked: $isOn) {
  HStack {
    Image(systemName: "bell")
    Text("Notify me")
  }
}

A customizable radio button component that conforms to the current Theme.

RadioButton supports generic Hashable values and automatically updates the selected value. You can display a custom label on either side of the button.

Example:

RadioButton(selection: $selectedOption, value: .optionA, labelPosition: .trailing) {
  Text("Option A")
}

A vertically stacked group of radio buttons bound to a single selection.

RadioGroup allows presenting multiple options where only one can be selected at a time. It supports both simple String labels or custom label views.

RadioGroup(selection: $selectedOption, options: MyEnum.allCases) { option in
    Text(option.rawValue)
}

A SwiftUI view that renders a shape using a color defined in the current theme.

ThemedShape allows developers to apply consistent, theme-based coloring to any SwiftUI Shape, leveraging the ColorToken system from Theme.colors.

The actual color is resolved from the current Theme injected in the environment via ThemeProvider.

Example usage:

ThemedShape(shape: Circle(), color: .accent)
    .frame(width: 50, height: 50)

A complete representation of a visual theme including color, typography, spacing, radius, and shadow tokens. The Theme struct is the root context for all styling logic in a themed SwiftUI application.

Undocumented

A struct that defines all semantic colors used across the UI theme.

Colors follow the Material Design 3 specification and are resolved from a Theme. These values can be accessed via environment using @Environment(\.appTheme).colors or via subscript using a ColorToken.

Defines standard corner radius values used throughout the design system.

Defines a shadow style for UI elements, including color, blur radius, and offset values. Used to indicate elevation, depth, or focus across your app.

A collection of predefined shadow styles used to indicate elevation, depth, or focus across the UI.

Undocumented

Defines the standard spacing scale for layout and padding/margin values throughout the app.

Defines a typography scale for use across an application, providing visual hierarchy and consistent font styling.

A view modifier that sets a themed navigation title using your design system’s typography.

This modifier allows applying a custom TextStyleToken and optional Font.Weight to the navigation title in a consistent way across screens.

• Works with .navigationBarTitleDisplayMode(.inline)
• Compatible with iOS, macOS, and tvOS

Example:

ContentView()
  .modifier(ThemedNavigationTitleModifier(title: "Profile", token: .headlineLarge))

A comprehensive button style that applies consistent theming across different button variants, shapes, sizes, and font styles.

ThemeButtonStyle supports:

• Filled, Tonal, Outline, Elevated, and Text button variants
• Destructive role styling (uses error colors)
• Dynamic background and border colors for enabled, disabled, and pressed states
• Adaptive padding, shape, font, and shadow based on theme tokens

Example:

Button("Save") { ... }
  .buttonStyle(ThemeButtonStyle(variant: .filled, size: .large))

Use this style in conjunction with applyThemeButtonStyle(), buttonVariant(), etc. for more declarative usage in your design system.

A custom text field style that applies theming based on a Theme context.

This style supports Material-style variants like filled, outlined, and underlined, and adjusts typography, padding, shape, color, and focus indicators accordingly.

A SwiftUI view that injects a visual theme (Theme) into the environment based on the system color scheme.

Use ThemeProvider to wrap your app or specific view hierarchies and enable access to the current theme via @Environment(\.appTheme). It automatically switches between light and dark theme variants.

Defines the stroke widths used throughout the design system.

Undocumented

Undocumented