@expo/ui 56.0.17 → 56.0.19

package/src/swift-ui/LazyVStack/index.tsx

@@ -3,7 +3,7 @@ import { requireNativeView } from 'expo';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type LazyVStackProps = {
+export interface LazyVStackProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The horizontal alignment of children within the stack.
@@ -13,7 +13,7 @@ export type LazyVStackProps = {
    * The spacing between children.
    */
   spacing?: number;
-} & CommonViewModifierProps;
+}
 
 const LazyVStackNativeView: React.ComponentType<LazyVStackProps> = requireNativeView(
   'ExpoUI',

package/src/swift-ui/Link/index.tsx

@@ -3,7 +3,7 @@ import { requireNativeView } from 'expo';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type LinkProps = {
+export interface LinkProps extends CommonViewModifierProps {
   /**
    * The text label for the Link. Use this for simple text links.
    */
@@ -17,7 +17,7 @@ export type LinkProps = {
    * Only nested elements are supported, not plain strings.
    */
   children?: React.ReactElement | React.ReactElement[];
-} & CommonViewModifierProps;
+}
 
 const LinkNativeView: React.ComponentType<LinkProps> = requireNativeView('ExpoUI', 'LinkView');
 

package/src/swift-ui/List/ListForEach.tsx

@@ -16,7 +16,7 @@ type NativeListForEachProps = CommonViewModifierProps &
     children: React.ReactNode;
   };
 
-export type ListForEachProps = {
+export interface ListForEachProps extends CommonViewModifierProps {
   /**
    * The children elements to be rendered inside the `List.ForEach`.
    */
@@ -35,7 +35,7 @@ export type ListForEachProps = {
    * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/dynamicviewcontent/onmove(perform:)).
    */
   onMove?: (sourceIndices: number[], destination: number) => void;
-} & CommonViewModifierProps;
+}
 
 /**
  * A compound component of `List` that enables item deletion and reordering.

package/src/swift-ui/Mask/index.tsx

@@ -4,14 +4,14 @@ import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type Alignment, type CommonViewModifierProps } from '../types';
 
-export type MaskProps = {
+export interface MaskProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The alignment of the mask content relative to the base content.
    * @default 'center'
    */
   alignment?: Alignment;
-} & CommonViewModifierProps;
+}
 
 const MaskNativeView: React.ComponentType<MaskProps> = requireNativeView('ExpoUI', 'MaskView');
 

package/src/swift-ui/Menu/types.ts

@@ -5,7 +5,7 @@ import type { CommonViewModifierProps } from '../types';
 /**
  * Props for the `Menu` component.
  */
-export type MenuProps = {
+export interface MenuProps extends CommonViewModifierProps {
   /**
    * The label for the menu trigger. Can be a string for simple text labels,
    * or a ReactNode for custom label content.
@@ -27,4 +27,4 @@ export type MenuProps = {
    * Can contain `Button`, `Toggle`, `Picker`, `Section`, `Divider` or nested `Menu` components.
    */
   children: ReactNode;
-} & CommonViewModifierProps;
+}

package/src/swift-ui/Namespace.tsx

@@ -1,13 +1,13 @@
 import { requireNativeView } from 'expo';
 
-export type NamespaceProps = {
+export interface NamespaceProps {
   /**
    * The ID of the namespace. You can generate one with the `useId` react hook.
    */
   id: string;
 
   children: React.ReactNode;
-};
+}
 
 type NativeNamespaceProps = NamespaceProps;
 

package/src/swift-ui/Overlay/index.tsx

@@ -4,14 +4,14 @@ import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type Alignment, type CommonViewModifierProps } from '../types';
 
-export type OverlayProps = {
+export interface OverlayProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The alignment of the overlay content relative to the base content.
    * @default 'center'
    */
   alignment?: Alignment;
-} & CommonViewModifierProps;
+}
 
 const OverlayNativeView: React.ComponentType<OverlayProps> = requireNativeView(
   'ExpoUI',

package/src/swift-ui/Popover/index.tsx

@@ -5,7 +5,7 @@ import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import type { CommonViewModifierProps } from '../types';
 
-export type PopoverViewProps = {
+export interface PopoverViewProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * Whether the popover is presented.
@@ -24,7 +24,7 @@ export type PopoverViewProps = {
    * @default 'none'
    */
   arrowEdge?: 'leading' | 'trailing' | 'top' | 'bottom' | 'none';
-} & CommonViewModifierProps;
+}
 
 type NativePopoverViewProps = Omit<PopoverViewProps, 'onIsPresentedChange'> & {
   onIsPresentedChange?: (event: NativeSyntheticEvent<{ isPresented: boolean }>) => void;

package/src/swift-ui/ProgressView/index.tsx

@@ -3,7 +3,7 @@ import { requireNativeView } from 'expo';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type ClosedRangeDate, type CommonViewModifierProps } from '../types';
 
-export type ProgressViewProps = {
+export interface ProgressViewProps extends CommonViewModifierProps {
   /**
    * The current progress value. A value between `0` and `1`.
    * When `undefined`, the progress view displays an indeterminate indicator.
@@ -26,7 +26,7 @@ export type ProgressViewProps = {
    * A label describing the progress view's purpose.
    */
   children?: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 type NativeProgressViewProps = Omit<ProgressViewProps, 'timerInterval'> & {
   timerInterval?: { lower: number; upper: number };

package/src/swift-ui/RNHostView.tsx

@@ -2,7 +2,7 @@ import { requireNativeView } from 'expo';
 
 const RNHostNativeView: React.ComponentType<any> = requireNativeView('ExpoUI', 'RNHostView');
 
-export type RNHostViewProps = {
+export interface RNHostViewProps {
   /**
    * When `true`, the RNHost will update its size in the React Native view tree to match the children's size.
    * When `false`, the RNHost will use the size of the parent SwiftUI View.
@@ -14,7 +14,7 @@ export type RNHostViewProps = {
    * The RN View to be hosted.
    */
   children: React.ReactElement;
-};
+}
 
 export function RNHostView(props: RNHostViewProps) {
   return (

package/src/swift-ui/ScrollView/index.tsx

@@ -29,7 +29,7 @@ export type ScrollGeometry = {
   contentHeight: number;
 };
 
-export type ScrollViewProps = {
+export interface ScrollViewProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The scrollable axes. Pass `'both'` to enable 2D (horizontal + vertical) scrolling.
@@ -42,7 +42,7 @@ export type ScrollViewProps = {
    * @default true
    */
   showsIndicators?: boolean;
-} & CommonViewModifierProps;
+}
 
 const ScrollViewNativeView: React.ComponentType<ScrollViewProps> = requireNativeView(
   'ExpoUI',

package/src/swift-ui/Section/index.tsx

@@ -4,7 +4,7 @@ import { Slot } from '../SlotView';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type SectionProps = {
+export interface SectionProps extends CommonViewModifierProps {
   /**
    * The title of the section.
    */
@@ -35,7 +35,7 @@ export type SectionProps = {
    * @platform tvos 17.0+
    */
   onIsExpandedChange?: (isExpanded: boolean) => void;
-} & CommonViewModifierProps;
+}
 
 type SectionNativeProps = Omit<SectionProps, 'onIsExpandedChange'> & {
   onIsExpandedChange?: (e: { nativeEvent: { isExpanded: boolean } }) => void;

package/src/swift-ui/SecureField/index.tsx

@@ -18,7 +18,7 @@ export type SecureFieldRef = {
   blur: () => Promise<void>;
 };
 
-export type SecureFieldProps = {
+export interface SecureFieldProps extends CommonViewModifierProps {
   ref?: Ref<SecureFieldRef>;
   /**
    * An observable state that holds the current text.
@@ -49,7 +49,7 @@ export type SecureFieldProps = {
    * Slot children - supports `<SecureField.Placeholder>` with a `<Text>` child
    */
   children?: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 export type NativeSecureFieldProps = Omit<
   SecureFieldProps,

package/src/swift-ui/ShareLink/index.tsx

@@ -4,7 +4,7 @@ import { useCallback, useRef } from 'react';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type ShareLinkProps = {
+export interface ShareLinkProps extends CommonViewModifierProps {
   /**
    * The URL or item to be shared.
    * This can be a web URL, a file path, or any other shareable item.
@@ -35,7 +35,7 @@ export type ShareLinkProps = {
    * Optional children to be rendered inside the share link.
    */
   children?: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 type ShareLinkNativeRef = {
   setItem: (url: string | null) => Promise<void>;

package/src/swift-ui/Slider/index.tsx

@@ -4,7 +4,7 @@ import type { NativeSyntheticEvent } from 'react-native';
 import { Slot } from '../SlotView';
 import { type CommonViewModifierProps } from '../types';
 
-export type SliderProps = {
+export interface SliderProps extends CommonViewModifierProps {
   /**
    * The current value of the slider.
    */
@@ -51,7 +51,7 @@ export type SliderProps = {
    * Callback triggered when the user starts or ends editing the slider.
    */
   onEditingChanged?: (isEditing: boolean) => void;
-} & CommonViewModifierProps;
+}
 
 type NativeSliderProps = Omit<
   SliderProps,

package/src/swift-ui/Stepper/index.tsx

@@ -4,7 +4,7 @@ import { type ViewEvent } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type StepperProps = {
+export interface StepperProps extends CommonViewModifierProps {
   /**
    * The label text displayed with the stepper.
    */
@@ -29,7 +29,7 @@ export type StepperProps = {
    * Called when the stepper value changes.
    */
   onValueChange: (value: number) => void;
-} & CommonViewModifierProps;
+}
 
 type NativeStepperProps = Omit<StepperProps, 'onValueChange'> &
   ViewEvent<'onValueChange', { value: number }>;

package/src/swift-ui/SwipeActions/index.tsx

@@ -6,14 +6,14 @@ import { type CommonViewModifierProps } from '../types';
 
 export type SwipeActionsEdge = 'leading' | 'trailing';
 
-export type SwipeActionsProps = {
+export interface SwipeActionsProps extends CommonViewModifierProps {
   /**
    * The regular content and `SwipeActions.Actions` action groups.
    */
   children: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
-export type SwipeActionsGroupProps = {
+export interface SwipeActionsGroupProps {
   /**
    * The edge where these swipe actions are revealed.
    * @default 'trailing'
@@ -28,7 +28,7 @@ export type SwipeActionsGroupProps = {
    * The buttons revealed when the user swipes from this edge.
    */
   children: React.ReactNode;
-};
+}
 
 type SwipeActionsNativeProps = SwipeActionsProps;
 

package/src/swift-ui/SyncToggle/index.tsx

@@ -5,7 +5,7 @@ import { getStateId, type ObservableState, useWorkletProp } from '../../State';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type SyncToggleProps = {
+export interface SyncToggleProps extends CommonViewModifierProps {
   /**
    * An observable state that drives the toggle.
    * Create one with `useNativeState(false)`.
@@ -24,7 +24,7 @@ export type SyncToggleProps = {
    * Must be marked with the `'worklet'` directive.
    */
   onIsOnChangeSync?: (isOn: boolean) => void;
-} & CommonViewModifierProps;
+}
 
 type NativeSyncToggleProps = Omit<SyncToggleProps, 'isOn' | 'onIsOnChangeSync'> & {
   isOn?: number | null;

package/src/swift-ui/TabView/Tab.tsx

@@ -3,7 +3,7 @@ import { type SFSymbol } from 'sf-symbols-typescript';
 
 import { type CommonViewModifierProps } from '../types';
 
-export type TabProps = {
+export interface TabProps extends CommonViewModifierProps {
   /**
    * Identifies this tab. Matched against the parent `TabView`'s `selection`
    * and `defaultSelection` props.
@@ -21,7 +21,7 @@ export type TabProps = {
    * The tab's content — rendered when this tab is selected.
    */
   children: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 const TabNativeView: React.ComponentType<TabProps> = requireNativeView('ExpoUI', 'Tab');
 

package/src/swift-ui/TabView/index.tsx

@@ -5,7 +5,7 @@ import { type ViewEvent } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type TabViewProps = {
+export interface TabViewProps extends CommonViewModifierProps {
   /**
    * The selected tab (controlled mode). Pair with `onSelectionChange`.
    * Pass `defaultSelection` instead to let the native view manage state.
@@ -24,7 +24,7 @@ export type TabViewProps = {
    * `<TabView.Tab>` elements defining the pages.
    */
   children: React.ReactElement | React.ReactElement[];
-} & CommonViewModifierProps;
+}
 
 type NativeTabViewProps = Omit<TabViewProps, 'onSelectionChange'> &
   ViewEvent<'onSelectionChange', { selection: string }>;

package/src/swift-ui/TextField/index.tsx

@@ -28,7 +28,7 @@ export type TextFieldRef = {
  */
 export type TextFieldSelection = { start: number; end: number };
 
-export type TextFieldProps = {
+export interface TextFieldProps extends CommonViewModifierProps {
   ref?: Ref<TextFieldRef>;
   /**
    * An observable state that holds the current text.
@@ -80,7 +80,7 @@ export type TextFieldProps = {
    * placeholder's styling).
    */
   children?: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 export type NativeTextFieldProps = Omit<
   TextFieldProps,

package/src/swift-ui/Toggle/index.tsx

@@ -5,7 +5,7 @@ import type { SFSymbol } from 'sf-symbols-typescript';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type ToggleProps = {
+export interface ToggleProps extends CommonViewModifierProps {
   /**
    * A Boolean value that determines the on/off state of the toggle.
    */
@@ -28,7 +28,7 @@ export type ToggleProps = {
    * the first represents the title and the second represents the subtitle.
    */
   children?: React.ReactNode;
-} & CommonViewModifierProps;
+}
 
 type NativeToggleProps = Omit<ToggleProps, 'onIsOnChange'> & {
   onIsOnChange: (event: NativeSyntheticEvent<{ isOn: boolean }>) => void;

package/src/swift-ui/VStack/index.tsx

@@ -3,7 +3,7 @@ import { requireNativeView } from 'expo';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
 
-export type VStackProps = {
+export interface VStackProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The horizontal alignment of children within the stack.
@@ -13,7 +13,7 @@ export type VStackProps = {
    * The spacing between children.
    */
   spacing?: number;
-} & CommonViewModifierProps;
+}
 
 const VStackNativeView: React.ComponentType<VStackProps> = requireNativeView(
   'ExpoUI',

package/src/swift-ui/ZStack/index.tsx

@@ -3,13 +3,13 @@ import { requireNativeView } from 'expo';
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type Alignment, type CommonViewModifierProps } from '../types';
 
-export type ZStackProps = {
+export interface ZStackProps extends CommonViewModifierProps {
   children: React.ReactNode;
   /**
    * The alignment of children within the stack.
    */
   alignment?: Alignment;
-} & CommonViewModifierProps;
+}
 
 const ZStackNativeView: React.ComponentType<ZStackProps> = requireNativeView(
   'ExpoUI',

package/src/swift-ui/modifiers/index.ts

@@ -23,7 +23,7 @@ import { onScrollPhaseChange, useScrollGeometryChange } from './scrollObservatio
 import { id, scrollPosition } from './scrollPosition';
 import { symbolEffect } from './symbolEffect';
 import type { Color } from './types';
-import { widgetAccentedRenderingMode, widgetURL } from './widgets';
+import { activityBackgroundTint, widgetAccentedRenderingMode, widgetURL } from './widgets';
 
 const ExpoUI = requireNativeModule('ExpoUI');
 
@@ -465,6 +465,65 @@ export const hidden = (hidden: boolean = true) => createModifier('hidden', { hid
  */
 export const disabled = (disabled: boolean = true) => createModifier('disabled', { disabled });
 
+/**
+ * Adds a redaction reason to this view hierarchy, replacing rendered content
+ * with placeholders. Useful for skeleton loading states. Maps to SwiftUI's
+ * `redacted(reason:)`.
+ *
+ * `placeholder` redacts the whole subtree; `privacy` and `invalidated` redact
+ * only descendants marked `privacySensitive()` or `invalidatableContent()`.
+ * Reasons are additive and can be combined in an array; use `unredacted()` to
+ * exempt a subtree. The `invalidated` reason requires iOS 17+.
+ *
+ * @param reasons - The redaction reason or reasons to apply (an empty array applies none). Defaults to `'placeholder'`.
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/redacted(reason:)).
+ */
+export const redacted = (
+  reasons:
+    | 'placeholder'
+    | 'privacy'
+    | 'invalidated'
+    | ('placeholder' | 'privacy' | 'invalidated')[] = 'placeholder'
+) =>
+  createModifier('redacted', {
+    reasons: Array.isArray(reasons) ? reasons : [reasons],
+  });
+
+/**
+ * Removes any redaction reason inherited from an ancestor `redacted(...)` for
+ * this subtree. The counterpart to `redacted`; use it to exempt specific content
+ * from a redacted parent. Maps to SwiftUI's `unredacted()`.
+ *
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/unredacted()).
+ */
+export const unredacted = () => createModifier('unredacted', {});
+
+/**
+ * Marks the view as containing sensitive, private data, redacted only when the
+ * `privacy` redaction reason is applied to an ancestor (for example `redacted('privacy')`).
+ * It has no effect on its own and does not auto-redact screenshots. Maps to
+ * SwiftUI's `privacySensitive(_:)`.
+ *
+ * @param sensitive - Whether the view contains sensitive content. Defaults to `true`.
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/privacysensitive(_:)).
+ */
+export const privacySensitive = (sensitive: boolean = true) =>
+  createModifier('privacySensitive', { sensitive });
+
+/**
+ * Marks the view's content as invalidatable. It is restyled with the "pending
+ * update" appearance only when the `invalidated` redaction reason is applied to
+ * an ancestor (for example `redacted('invalidated')`). Maps to SwiftUI's
+ * `invalidatableContent(_:)`.
+ *
+ * @param invalidatable - Whether the content can be invalidated. Defaults to `true`.
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/invalidatablecontent(_:)).
+ * @platform ios 17.0+
+ * @platform tvos 17.0+
+ */
+export const invalidatableContent = (invalidatable: boolean = true) =>
+  createModifier('invalidatableContent', { invalidatable });
+
 /**
  * Sets the z-index (display order) of a view.
  * @param index - The z-index value.
@@ -776,6 +835,22 @@ export const accessibilityIdentifier = (identifier: string) =>
 export const accessibilityHidden = (hidden: boolean = true) =>
   createModifier('accessibilityHidden', { hidden });
 
+/**
+ * Controls how a view's child accessibility elements are exposed, mirroring SwiftUI's
+ * `accessibilityElement(children:)`. It creates a new accessibility element (or modifies
+ * the existing one) and applies the chosen behavior to the subtree.
+ *
+ * Complements `accessibilityHidden`, which hides a single leaf, by acting on the whole subtree.
+ *
+ * @param children - How the child accessibility elements are treated:
+ * - `ignore` - hide the children; the new element starts with no properties, so pair it with `accessibilityLabel` (default).
+ * - `combine` - merge the children's accessibility properties into the new element.
+ * - `contain` - keep the children as accessible elements, grouped in the new element as a container (navigated in order).
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/accessibilityelement(children:)).
+ */
+export const accessibilityElement = (children: 'ignore' | 'combine' | 'contain' = 'ignore') =>
+  createModifier('accessibilityElement', { children });
+
 /**
  * Sets layout priority for the view.
  * @param priority - Layout priority value.
@@ -1451,6 +1526,10 @@ export type BuiltInModifier =
   | ReturnType<typeof tint>
   | ReturnType<typeof hidden>
   | ReturnType<typeof disabled>
+  | ReturnType<typeof redacted>
+  | ReturnType<typeof unredacted>
+  | ReturnType<typeof privacySensitive>
+  | ReturnType<typeof invalidatableContent>
   | ReturnType<typeof zIndex>
   | ReturnType<typeof blur>
   | ReturnType<typeof brightness>
@@ -1474,6 +1553,7 @@ export type BuiltInModifier =
   | ReturnType<typeof accessibilityInputLabels>
   | ReturnType<typeof accessibilityIdentifier>
   | ReturnType<typeof accessibilityHidden>
+  | ReturnType<typeof accessibilityElement>
   | ReturnType<typeof layoutPriority>
   | ReturnType<typeof mask>
   | ReturnType<typeof overlay>
@@ -1540,6 +1620,7 @@ export type BuiltInModifier =
   | ReturnType<typeof symbolEffect>
   | ReturnType<typeof widgetAccentedRenderingMode>
   | ReturnType<typeof widgetURL>
+  | ReturnType<typeof activityBackgroundTint>
   | ReturnType<typeof containerBackground>;
 
 /**

package/src/swift-ui/modifiers/presentationModifiers.ts

@@ -103,3 +103,25 @@ export const presentationBackground = (color: string) =>
  */
 export const interactiveDismissDisabled = (isDisabled: boolean = true) =>
   createModifier('interactiveDismissDisabled', { isDisabled });
+
+/**
+ * Sizing behavior for a sheet presentation.
+ * - `'automatic'`: The system default sizing.
+ * - `'fitted'`: Sizes the sheet to fit its content.
+ * - `'form'`: A compact, centered form sheet.
+ * - `'page'`: A larger page sheet.
+ *
+ * @remarks Sizing mainly affects the regular size class (iPad); in a compact size class (iPhone)
+ * sheets remain edge-attached and detents drive the height.
+ */
+export type PresentationSizingType = 'automatic' | 'fitted' | 'form' | 'page';
+
+/**
+ * Sets the sizing of a sheet presentation.
+ * @param sizing - The sizing behavior to apply.
+ * @platform ios 18.0+
+ * @platform tvos 18.0+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/presentationsizing(_:)).
+ */
+export const presentationSizing = (sizing: PresentationSizingType) =>
+  createModifier('presentationSizing', { sizing });

package/src/swift-ui/modifiers/widgets.ts

@@ -1,4 +1,5 @@
 import { createModifier } from './createModifier';
+import type { Color } from './types';
 
 /**
  * Specifies the how to render an Image when using the WidgetKit/WidgetRenderingMode/accented mode.
@@ -16,3 +17,11 @@ export const widgetAccentedRenderingMode = (
  * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/SwiftUI/View/widgetURL(_:)).
  */
 export const widgetURL = (url: string) => createModifier('widgetURL', { url });
+
+/**
+ * Sets the background tint color for a Live Activity.
+ * @param color - The background tint color, or `null` to use the system default.
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/activitybackgroundtint(_:)).
+ */
+export const activityBackgroundTint = (color: Color | null) =>
+  createModifier('activityBackgroundTint', { color });