@expo/ui 58.0.11 → 58.0.13

package/ios/Modifiers/HingeObservationModifiers.swift

@@ -0,0 +1,82 @@
+// Copyright 2026-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal struct OnHingeChangeModifier: ViewModifier, Record {
+  // Worklet path: synchronous invocation on the UI runtime (no JS-thread dispatch).
+  @Field var workletCallback: WorkletCallback?
+  // JS-thread path: async event via the global modifier event dispatcher.
+  var eventDispatcher: EventDispatcher?
+  @State private var delivery = HingeDeliveryState()
+
+  init() {}
+
+  init(from params: Dict, appContext: AppContext, eventDispatcher: EventDispatcher) throws {
+    try self = .init(from: params, appContext: appContext)
+    self.eventDispatcher = eventDispatcher
+  }
+
+  func body(content: Content) -> some View {
+#if canImport(SwiftUI, _version: 8.0.85) // iOS 27.1 SDK
+    if #available(iOS 27.1, macOS 27.1, tvOS 27.1, visionOS 27.1, *) {
+      content.onHingeChange { [workletCallback, eventDispatcher, delivery] oldContext, newContext in
+        // SwiftUI repeats the action with equal contexts while a fold relayouts the hierarchy. The
+        // first call carries the initial state and passes even when neither context has a hinge.
+        guard !delivery.hasDelivered || oldContext != newContext else {
+          return
+        }
+        delivery.hasDelivered = true
+        let old = HingeContextPayload(oldContext).dictionary
+        let new = HingeContextPayload(newContext).dictionary
+        if let workletCallback {
+          workletCallback.invoke(arguments: [old, new])
+        } else {
+          eventDispatcher?(["onHingeChange": ["oldContext": old, "newContext": new]])
+        }
+      }
+    } else {
+      content
+    }
+#else
+    content
+#endif
+  }
+}
+
+/// Whether the modifier has forwarded its first call, which no later equal-context call repeats.
+private final class HingeDeliveryState {
+  var hasDelivered = false
+}
+
+/// The hinge context as sent to JS: `hinge` is `null` when the device has no hinge or the view
+/// hierarchy provides no hinge updates. The angle is in degrees.
+internal struct HingeContextPayload {
+  let angle: Double?
+  let status: String?
+
+  var dictionary: [String: Any] {
+    guard let angle, let status else {
+      return ["hinge": NSNull()]
+    }
+    return ["hinge": ["angle": angle, "status": status]]
+  }
+}
+
+#if canImport(SwiftUI, _version: 8.0.85) // iOS 27.1 SDK
+@available(iOS 27.1, macOS 27.1, tvOS 27.1, visionOS 27.1, *)
+extension HingeContextPayload {
+  init(_ context: DeviceHingeContext) {
+    self.init(angle: context.hinge?.angle.degrees, status: context.hinge.map { Self.statusString($0.status) })
+  }
+
+  private static func statusString(_ status: DeviceHinge.Status) -> String {
+    return switch status {
+    case .closed: "closed"
+    case .partiallyOpen: "partiallyOpen"
+    case .fullyOpen: "fullyOpen"
+    default: "unknown"
+    }
+  }
+}
+#endif

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -1819,6 +1819,83 @@ internal struct NavigationTitleModifier: ViewModifier, Record {
   }
 }
 
+internal enum NavigationBarTitleDisplayMode: String, Enumerable {
+  case automatic
+  case inline
+  case large
+
+#if os(iOS)
+  var value: NavigationBarItem.TitleDisplayMode {
+    switch self {
+    case .automatic:
+      return .automatic
+    case .inline:
+      return .inline
+    case .large:
+      return .large
+    }
+  }
+#endif
+}
+
+internal struct NavigationBarTitleDisplayModeModifier: ViewModifier, Record {
+  @Field var displayMode: NavigationBarTitleDisplayMode = .automatic
+
+  func body(content: Content) -> some View {
+#if os(iOS)
+    content.navigationBarTitleDisplayMode(displayMode.value)
+#else
+    content
+#endif
+  }
+}
+
+internal enum ToolbarTitleDisplayModeType: String, Enumerable {
+  case automatic
+  case inline
+  case inlineLarge
+  case large
+
+  @available(iOS 17.0, tvOS 17.0, macOS 14.0, *)
+  var value: SwiftUI.ToolbarTitleDisplayMode? {
+    switch self {
+    case .automatic:
+      return .automatic
+    case .inline:
+      return .inline
+    case .inlineLarge:
+#if os(tvOS)
+      return nil
+#else
+      return .inlineLarge
+#endif
+    case .large:
+#if os(iOS)
+      return .large
+#else
+      return nil
+#endif
+    }
+  }
+}
+
+internal struct ToolbarTitleDisplayModeModifier: ViewModifier, Record {
+  @Field var mode: ToolbarTitleDisplayModeType = .automatic
+
+  @ViewBuilder
+  func body(content: Content) -> some View {
+    if #available(iOS 17.0, tvOS 17.0, macOS 14.0, *) {
+      if let value = mode.value {
+        content.toolbarTitleDisplayMode(value)
+      } else {
+        content
+      }
+    } else {
+      content
+    }
+  }
+}
+
 // MARK: - Built-in Modifier Registration
 
 // swiftlint:disable:next no_grouping_extension
@@ -1995,6 +2072,14 @@ extension ViewModifierRegistry {
       return try NavigationTitleModifier(from: params, appContext: appContext)
     }
 
+    register("navigationBarTitleDisplayMode") { params, appContext, _ in
+      return try NavigationBarTitleDisplayModeModifier(from: params, appContext: appContext)
+    }
+
+    register("toolbarTitleDisplayMode") { params, appContext, _ in
+      return try ToolbarTitleDisplayModeModifier(from: params, appContext: appContext)
+    }
+
     register("navigationSplitViewStyle") { params, appContext, _ in
       return try NavigationSplitViewStyleModifier(from: params, appContext: appContext)
     }
@@ -2003,6 +2088,26 @@ extension ViewModifierRegistry {
       return try NavigationSplitViewColumnWidthModifier(from: params, appContext: appContext)
     }
 
+    register("arrangementViewStyle") { params, appContext, _ in
+      return try ArrangementViewStyleModifier(from: params, appContext: appContext)
+    }
+
+    register("splitArrangementLayoutRatio") { params, appContext, _ in
+      return try SplitArrangementLayoutRatioModifier(from: params, appContext: appContext)
+    }
+
+    register("splitArrangementLayoutSize") { params, appContext, _ in
+      return try SplitArrangementLayoutSizeModifier(from: params, appContext: appContext)
+    }
+
+    register("splitArrangementFixedLayoutSize") { params, appContext, _ in
+      return try SplitArrangementFixedLayoutSizeModifier(from: params, appContext: appContext)
+    }
+
+    register("overlayArrangementEdge") { params, appContext, _ in
+      return try OverlayArrangementEdgeModifier(from: params, appContext: appContext)
+    }
+
     register("accessibilityLabel") { params, appContext, _ in
       return try AccessibilityLabelModifier(from: params, appContext: appContext)
     }
@@ -2430,5 +2535,9 @@ extension ViewModifierRegistry {
     register("onScrollGeometryChange") { params, appContext, eventDispatcher in
       return try OnScrollGeometryChangeModifier(from: params, appContext: appContext, eventDispatcher: eventDispatcher)
     }
+
+    register("onHingeChange") { params, appContext, eventDispatcher in
+      return try OnHingeChangeModifier(from: params, appContext: appContext, eventDispatcher: eventDispatcher)
+    }
   }
 }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13-sources.jar.md5

@@ -0,0 +1 @@
+041ed0d6d536bbcf8d08e7a653bea8ef

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13-sources.jar.sha1

@@ -0,0 +1 @@
+e587fcde7f1c58c339f95759565034f989a49dcf

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13-sources.jar.sha256

@@ -0,0 +1 @@
+eee15e7c9f3aeb7b3941ead7ce0e72d8174b0b95964c69ef5a1d5fbf02536fbe

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13-sources.jar.sha512

@@ -0,0 +1 @@
+3e6c99d1b6aa74d01d30339d222653a631dae2abf99075e4c25fc171fbb33f9d55bca7daee4d1cd4c6ecdcdc89fb71067de948ac4a91135b6ce38cbb337c52d1

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.aar.md5

@@ -0,0 +1 @@
+26e374a25a5054c68e67a99ea46b3858

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.aar.sha1

@@ -0,0 +1 @@
+1409db74c61bae87d4830fa0652a822c1ba21d80

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.aar.sha256

@@ -0,0 +1 @@
+dc0a8e5a28e1f4f7d722e8706b5858844aa6eac089e89e5f8099374b309bed60

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.aar.sha512

@@ -0,0 +1 @@
+ef66aaa30d2d2703c4ff5c36c117ffaf8dd41a2d2a9a8a286224b817f77d20ae2298cd6e0959e1a78ccc3c741cbc286db2e8d5a086b4ed9e11acc6a206207d68

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.11/expo.modules.ui-58.0.11.module → 58.0.13/expo.modules.ui-58.0.13.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "58.0.11",
+    "version": "58.0.13",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.11.aar",
-          "url": "expo.modules.ui-58.0.11.aar",
-          "size": 1843657,
-          "sha512": "453c085a9a3f87728a04202f8345587720468598c7873813e572b87013ff025c384008e4c77d5ca54db253df56b5545b6180aec60b0164afce10cb1ad8c128cc",
-          "sha256": "3c1582041a0a49f0df088ad60c5ee3c2333da74afff9a783f4e31984ef5f975d",
-          "sha1": "552a8fdfc1afb51afb7bf9f742f2917988ccb39d",
-          "md5": "42294a6398d445ac12b85609173d6710"
+          "name": "expo.modules.ui-58.0.13.aar",
+          "url": "expo.modules.ui-58.0.13.aar",
+          "size": 1843673,
+          "sha512": "ef66aaa30d2d2703c4ff5c36c117ffaf8dd41a2d2a9a8a286224b817f77d20ae2298cd6e0959e1a78ccc3c741cbc286db2e8d5a086b4ed9e11acc6a206207d68",
+          "sha256": "dc0a8e5a28e1f4f7d722e8706b5858844aa6eac089e89e5f8099374b309bed60",
+          "sha1": "1409db74c61bae87d4830fa0652a822c1ba21d80",
+          "md5": "26e374a25a5054c68e67a99ea46b3858"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-58.0.11.aar",
-          "url": "expo.modules.ui-58.0.11.aar",
-          "size": 1843657,
-          "sha512": "453c085a9a3f87728a04202f8345587720468598c7873813e572b87013ff025c384008e4c77d5ca54db253df56b5545b6180aec60b0164afce10cb1ad8c128cc",
-          "sha256": "3c1582041a0a49f0df088ad60c5ee3c2333da74afff9a783f4e31984ef5f975d",
-          "sha1": "552a8fdfc1afb51afb7bf9f742f2917988ccb39d",
-          "md5": "42294a6398d445ac12b85609173d6710"
+          "name": "expo.modules.ui-58.0.13.aar",
+          "url": "expo.modules.ui-58.0.13.aar",
+          "size": 1843673,
+          "sha512": "ef66aaa30d2d2703c4ff5c36c117ffaf8dd41a2d2a9a8a286224b817f77d20ae2298cd6e0959e1a78ccc3c741cbc286db2e8d5a086b4ed9e11acc6a206207d68",
+          "sha256": "dc0a8e5a28e1f4f7d722e8706b5858844aa6eac089e89e5f8099374b309bed60",
+          "sha1": "1409db74c61bae87d4830fa0652a822c1ba21d80",
+          "md5": "26e374a25a5054c68e67a99ea46b3858"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.11-sources.jar",
-          "url": "expo.modules.ui-58.0.11-sources.jar",
-          "size": 110713,
-          "sha512": "7325da1dbb0f220f807982fa7797678dba275209f74efde81b39d4ecf3452573708a111629552ae98257631d5c8e9d26438d10a50172c6d731e247d20f8762c0",
-          "sha256": "d6b5917f7e254bed3b859860b39f0cf57b943148a0dc5c25282599caaa5bbf7e",
-          "sha1": "35f9c28864e4c66ebf31d87331aaf606420295dd",
-          "md5": "1302e48111e4d1b9df2e41d53b5aced4"
+          "name": "expo.modules.ui-58.0.13-sources.jar",
+          "url": "expo.modules.ui-58.0.13-sources.jar",
+          "size": 110723,
+          "sha512": "3e6c99d1b6aa74d01d30339d222653a631dae2abf99075e4c25fc171fbb33f9d55bca7daee4d1cd4c6ecdcdc89fb71067de948ac4a91135b6ce38cbb337c52d1",
+          "sha256": "eee15e7c9f3aeb7b3941ead7ce0e72d8174b0b95964c69ef5a1d5fbf02536fbe",
+          "sha1": "e587fcde7f1c58c339f95759565034f989a49dcf",
+          "md5": "041ed0d6d536bbcf8d08e7a653bea8ef"
         }
       ]
     }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.module.md5

@@ -0,0 +1 @@
+52b71a4f4df5e14f0d8981c716abf0b5

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.module.sha1

@@ -0,0 +1 @@
+9733a96d1ff7d223a5f70be6e6dfe7bb8e87a65d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.module.sha256

@@ -0,0 +1 @@
+f69ec3f19d8e25695b4285ffd82dc9c7fae64d77138b3650c75c96d785069f25

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.module.sha512

@@ -0,0 +1 @@
+62bb4e1488c2d1ec2a92018daf0e9a3743b13f2eac6fd9f2824b2811a50ea67f94d13aa8bda773a19bf65987b34813baeefa2103ea9af839451034086683378e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.11/expo.modules.ui-58.0.11.pom → 58.0.13/expo.modules.ui-58.0.13.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>58.0.11</version>
+  <version>58.0.13</version>
   <packaging>aar</packaging>
   <name>expo.modules.ui</name>
   <url>https://github.com/expo/expo</url>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.pom.md5

@@ -0,0 +1 @@
+163d916be872a111d5f095a7fa13dc3c

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.pom.sha1

@@ -0,0 +1 @@
+3cd5de5e06cb53c184c41eb8b7136e576bdfae63

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.pom.sha256

@@ -0,0 +1 @@
+8140b397ebcb1f6d3c375179559510d32fdeeb8b95772cba5bc2119bc5c7e5ed

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.13/expo.modules.ui-58.0.13.pom.sha512

@@ -0,0 +1 @@
+877cc4dd09304c8a40de927737422f89e43dbb7893f8d529edbf585b886113ec03bd15df807d3776ff1b22b5214390277f2fdfa2b525eb950968e534bf3a39ad

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "58.0.11",
+  "version": "58.0.13",
   "description": "A collection of UI components",
   "keywords": [
     "Jetpack Compose",
@@ -145,10 +145,10 @@
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-native": "^14.0.1",
     "@types/babel__core": "^7.20.5",
-    "@types/jest": "^29.2.1",
+    "@types/jest": "^30.0.0",
     "@types/node": "^22.14.0",
     "@types/react": "~19.3.0",
-    "expo-module-scripts": "56.0.5",
+    "expo-module-scripts": "56.0.7",
     "react-native-reanimated": "4.7.0",
     "react-native-worklets": "0.13.0"
   },

package/src/State/index.ts

@@ -6,5 +6,6 @@ import './index.fx';
 
 export { useNativeState, type ObservableState } from './useNativeState';
 export { useWorkletProp } from './useWorkletProp';
+export { useWorkletCallback, type WorkletCallback } from './useWorkletCallback';
 export { worklets } from './optionalWorklets';
 export { getStateId } from './utils';

package/src/State/useWorkletCallback.ts

@@ -0,0 +1,48 @@
+import type { SharedObject } from 'expo';
+
+import { worklets } from './optionalWorklets';
+import { useWorkletProp } from './useWorkletProp';
+
+/**
+ * A worklet function wrapped for native code, returned by [`useWorkletCallback`](#useworkletcallback).
+ * Pass it to a modifier or prop that accepts worklet callbacks, which then runs it synchronously on
+ * the UI thread.
+ */
+export type WorkletCallback<T extends (...args: never[]) => void> = SharedObject & {
+  /** @hidden */
+  readonly __workletCallbackType?: T;
+};
+
+/**
+ * Wraps a worklet function so native code can run it synchronously on the UI thread, with no
+ * JS-thread round trip. Pass the result to a modifier that accepts worklet callbacks, such as
+ * `onHingeChange`. The callback must start with the `'worklet'` directive, and
+ * [`react-native-worklets`](https://docs.swmansion.com/react-native-worklets/) must be installed.
+ *
+ * The native callback is updated when `callback` changes and released when the component unmounts,
+ * so call it at the top of your component like any hook.
+ *
+ * @example
+ * ```tsx
+ * const angle = useNativeState(180);
+ * const onHinge = useWorkletCallback((_, newContext) => {
+ *   'worklet';
+ *   angle.value = newContext.hinge?.angle ?? 180;
+ * });
+ *
+ * <VStack modifiers={[onHingeChange(onHinge)]} />
+ * ```
+ */
+export function useWorkletCallback<T extends (...args: never[]) => void>(
+  callback: T
+): WorkletCallback<T> {
+  const workletCallback = useWorkletProp(callback as unknown as (...args: unknown[]) => void);
+  if (!worklets || !workletCallback) {
+    throw new Error(
+      "useWorkletCallback needs the 'react-native-worklets' package, which couldn't be loaded. " +
+        'Install react-native-worklets and rebuild the native app, or pass a plain function ' +
+        'where the API accepts one.'
+    );
+  }
+  return workletCallback as WorkletCallback<T>;
+}

package/src/jetpack-compose/index.ts

@@ -72,6 +72,6 @@ export * from './Box';
 export * from './Row';
 export * from './Column';
 export * from './FlowRow';
-export { useNativeState } from '../State';
+export { useNativeState, useWorkletCallback, type WorkletCallback } from '../State';
 export type { ViewEvent } from '../types';
 export type { PrimitiveBaseProps } from './layout-types';

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

@@ -0,0 +1,70 @@
+import { requireNativeView } from 'expo';
+
+import { Slot } from '../SlotView';
+import { createViewModifierEventListener } from '../modifiers/utils';
+import { type CommonViewModifierProps } from '../types';
+
+export interface ArrangementViewProps extends CommonViewModifierProps {
+  /**
+   * The views to arrange. Provide `ArrangementView.Primary` and `ArrangementView.Secondary`.
+   */
+  children: React.ReactNode;
+}
+
+const ArrangementViewNativeView: React.ComponentType<ArrangementViewProps> = requireNativeView(
+  'ExpoUI',
+  'ArrangementViewView'
+);
+
+/**
+ * The primary view of the arrangement.
+ */
+function ArrangementViewPrimary(props: { children: React.ReactNode }) {
+  return <Slot name="primary">{props.children}</Slot>;
+}
+
+/**
+ * The secondary view of the arrangement.
+ */
+function ArrangementViewSecondary(props: { children: React.ReactNode }) {
+  return <Slot name="secondary">{props.children}</Slot>;
+}
+
+ArrangementView.Primary = ArrangementViewPrimary;
+ArrangementView.Secondary = ArrangementViewSecondary;
+
+/**
+ * ArrangementView uses the native [ArrangementView](https://developer.apple.com/documentation/swiftui/arrangementview) view.
+ *
+ * A view that arranges primary and secondary content using an adaptive layout that responds to
+ * the environment.
+ *
+ * > **Note:** Below iOS 27.1, the children render without a container.
+ * @example
+ * ```tsx
+ * <Host style={{ flex: 1 }}>
+ *   <ArrangementView modifiers={[arrangementViewStyle('split')]}>
+ *     <ArrangementView.Primary>
+ *       <NowPlaying />
+ *     </ArrangementView.Primary>
+ *     <ArrangementView.Secondary>
+ *       <Lyrics />
+ *     </ArrangementView.Secondary>
+ *   </ArrangementView>
+ * </Host>
+ * ```
+ * @platform ios 27.1+
+ * @platform tvos 27.1+
+ */
+export function ArrangementView(props: ArrangementViewProps) {
+  const { modifiers, children, ...restProps } = props;
+
+  return (
+    <ArrangementViewNativeView
+      modifiers={modifiers}
+      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+      {...restProps}>
+      {children}
+    </ArrangementViewNativeView>
+  );
+}

package/src/swift-ui/index.tsx

@@ -29,6 +29,7 @@ export * from './Menu';
 export * from './NavigationDestination';
 export * from './NavigationLink';
 export * from './NavigationSplitView';
+export * from './ArrangementView';
 export * from './NavigationStack';
 export * from './Picker';
 export * from './ProgressView';
@@ -39,7 +40,7 @@ export * from './Spacer';
 export * from './Stepper';
 export * from './SwipeActions';
 export * from './Text';
-export { useNativeState } from '../State';
+export { useNativeState, useWorkletCallback, type WorkletCallback } from '../State';
 export { withAnimation, type WithAnimationCompletionCriteria } from './withAnimation';
 export * from './SyncToggle';
 export * from './TabView';

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

@@ -5,6 +5,7 @@ import type {
   ChainableAnimationType,
   InterpolatingSpringAnimationParams,
   SpringAnimationParams,
+  SpringPresetAnimationParams,
   TimingAnimationParams,
 } from './types';
 
@@ -16,6 +17,8 @@ import type {
  * - `spring` accepts [`SpringAnimationParams`](#springanimationparams).
  * - `interpolatingSpring` accepts
  * [`InterpolatingSpringAnimationParams`](#interpolatingspringanimationparams).
+ * - Spring presets (`smooth`, `snappy`, `bouncy`) accept
+ * [`SpringPresetAnimationParams`](#springpresetanimationparams).
  * - Chaining returns [`ChainableAnimationType`](#chainableanimationtype).
  *
  * @example
@@ -80,23 +83,33 @@ export const Animation = {
       duration: params?.duration,
       bounce: params?.bounce,
     }),
+  smooth: (params?: SpringPresetAnimationParams) =>
+    ChainableAnimation({
+      type: 'smooth',
+      duration: params?.duration,
+      extraBounce: params?.extraBounce,
+    }),
+  snappy: (params?: SpringPresetAnimationParams) =>
+    ChainableAnimation({
+      type: 'snappy',
+      duration: params?.duration,
+      extraBounce: params?.extraBounce,
+    }),
+  bouncy: (params?: SpringPresetAnimationParams) =>
+    ChainableAnimation({
+      type: 'bouncy',
+      duration: params?.duration,
+      extraBounce: params?.extraBounce,
+    }),
 
   default: ChainableAnimation({ type: 'default' }),
 };
 
 function ChainableAnimation(animation: AnimationObject): ChainableAnimationType {
-  let _animation: AnimationObject = animation;
-
   return {
-    delay: (delay) => {
-      _animation = { ..._animation, delay };
-      return ChainableAnimation(_animation);
-    },
-    repeat: (params) => {
-      _animation = { ..._animation, ...params };
-      return ChainableAnimation(_animation);
-    },
-    [VALUE_SYMBOL]: () => _animation,
+    delay: (delay) => ChainableAnimation({ ...animation, delay }),
+    repeat: (params) => ChainableAnimation({ ...animation, ...params }),
+    [VALUE_SYMBOL]: () => animation,
   };
 }
 

package/src/swift-ui/modifiers/animation/types.ts

@@ -12,6 +12,9 @@ export type AnimationObject = {
     | 'linear'
     | 'spring'
     | 'interpolatingSpring'
+    | 'smooth'
+    | 'snappy'
+    | 'bouncy'
     | 'default';
   duration?: number;
   response?: number;
@@ -22,6 +25,7 @@ export type AnimationObject = {
   stiffness?: number;
   damping?: number;
   initialVelocity?: number;
+  extraBounce?: number;
   delay?: number;
   repeatCount?: number;
   autoreverses?: boolean;
@@ -84,6 +88,20 @@ export type InterpolatingSpringAnimationParams = {
   bounce?: number;
 };
 
+export type SpringPresetAnimationParams = {
+  /**
+   * The perceptual duration, which defines the pace of the spring (in seconds). This is
+   * approximately equal to the settling duration, but for very bouncy springs, it is the period of
+   * oscillation of the spring.
+   */
+  duration?: number;
+  /**
+   * Bounce added to the base bounce of the preset: 0 for `smooth`, 0.15 for `snappy`, and 0.3 for
+   * `bouncy`. Keep the total below 1: at 1 and above, the spring oscillates without settling.
+   */
+  extraBounce?: number;
+};
+
 export type ChainableAnimationType = {
   /** Adds a delay before the animation starts (in seconds). */
   delay: (delay: number) => ChainableAnimationType;