@expo/ui 56.0.8 → 56.0.9

package/build/universal/ListItem/types.d.ts

@@ -0,0 +1,59 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the [`ListItem.Leading`](#listitemleading) slot marker.
+ */
+export interface ListItemLeadingProps {
+    /** Content rendered in the leading (start) slot. */
+    children?: ReactNode;
+}
+/**
+ * Props for the [`ListItem.Trailing`](#listitemtrailing) slot marker.
+ */
+export interface ListItemTrailingProps {
+    /** Content rendered in the trailing (end) slot. */
+    children?: ReactNode;
+}
+/**
+ * Props for the [`ListItem.Supporting`](#listitemsupporting) slot marker.
+ */
+export interface ListItemSupportingProps {
+    /** Content rendered below the headline. */
+    children?: ReactNode;
+}
+/**
+ * Props for the [`ListItem`](#listitem) component.
+ * A tappable row in a list.
+ */
+export interface ListItemProps {
+    /**
+     * Headline content of the row.
+     * The remaining (non-slot) children are rendered in the headline area.
+     */
+    children?: ReactNode;
+    /**
+     * Tap handler.
+     * Activates over the entire row rectangle, including the empty gap between leading/headline/trailing.
+     */
+    onPress?: () => void;
+    /**
+     * Shorthand for the leading slot.
+     * Overridden by `<ListItem.Leading>` if both are provided.
+     */
+    leading?: ReactNode;
+    /**
+     * Shorthand for the trailing slot.
+     * Overridden by `<ListItem.Trailing>` if both are provided.
+     */
+    trailing?: ReactNode;
+    /**
+     * Shorthand for the supporting (sub-)text slot.
+     * Strings are rendered with platform-appropriate secondary styling; pass a `ReactNode` for richer content.
+     * Overridden by `<ListItem.Supporting>` if both are provided.
+     */
+    supportingText?: string | ReactNode;
+    /**
+     * Identifier used to locate the component in end-to-end tests.
+     */
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/universal/ListItem/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/universal/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/build/universal/Picker/Picker.android.d.ts

@@ -0,0 +1,9 @@
+import type { PickerItemValue, PickerProps } from './types';
+/**
+ * Android implementation of `Picker`.
+ * Renders a Material 3 `ExposedDropdownMenuBox`.
+ * `appearance` is accepted for API parity but ignored — Material 3 has no wheel-style picker.
+ */
+export declare function Picker<T extends PickerItemValue>({ selectedValue, onValueChange, enabled, children, }: PickerProps<T>): import("react/jsx-runtime").JSX.Element;
+export * from './types';
+//# sourceMappingURL=Picker.android.d.ts.map

package/build/universal/Picker/Picker.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.android.d.ts","sourceRoot":"","sources":["../../../src/universal/Picker/Picker.android.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAU5D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,eAAe,EAAE,EAChD,aAAa,EACb,aAAa,EACb,OAAc,EACd,QAAQ,GACT,EAAE,WAAW,CAAC,CAAC,CAAC,2CA2ChB;AAED,cAAc,SAAS,CAAC"}

package/build/universal/Picker/Picker.d.ts

@@ -0,0 +1,8 @@
+import type { PickerItemValue, PickerProps } from './types';
+/**
+ * A single-selection input.
+ * Declare options via `<Picker.Item label value />` children.
+ */
+export declare function Picker<T extends PickerItemValue>({ selectedValue, onValueChange, enabled, children, testID, }: PickerProps<T>): import("react/jsx-runtime").JSX.Element;
+export * from './types';
+//# sourceMappingURL=Picker.d.ts.map

package/build/universal/Picker/Picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/universal/Picker/Picker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAK5D;;;GAGG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,eAAe,EAAE,EAChD,aAAa,EACb,aAAa,EACb,OAAc,EACd,QAAQ,EACR,MAAM,GACP,EAAE,WAAW,CAAC,CAAC,CAAC,2CAqBhB;AAWD,cAAc,SAAS,CAAC"}

package/build/universal/Picker/Picker.ios.d.ts

@@ -0,0 +1,9 @@
+import type { PickerItemValue, PickerProps } from './types';
+/**
+ * iOS implementation of `Picker`.
+ * Wraps SwiftUI's `Picker` and applies the matching `.pickerStyle` for the requested `appearance`.
+ * Embed inside a parent `<Host>` (same as `Column` / `Row`).
+ */
+export declare function Picker<T extends PickerItemValue>({ selectedValue, onValueChange, appearance, enabled, children, testID, }: PickerProps<T>): import("react/jsx-runtime").JSX.Element;
+export * from './types';
+//# sourceMappingURL=Picker.ios.d.ts.map

package/build/universal/Picker/Picker.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.ios.d.ts","sourceRoot":"","sources":["../../../src/universal/Picker/Picker.ios.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE5D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,eAAe,EAAE,EAChD,aAAa,EACb,aAAa,EACb,UAAmB,EACnB,OAAc,EACd,QAAQ,EACR,MAAM,GACP,EAAE,WAAW,CAAC,CAAC,CAAC,2CAmBhB;AAED,cAAc,SAAS,CAAC"}

package/build/universal/Picker/PickerItem.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import type { ExtractedPickerItem, PickerItemProps, PickerItemValue } from './types';
+/**
+ * Data-only option marker for [`Picker`](#picker).
+ * Used via the compound API: `<Picker.Item label="…" value={…} />`.
+ */
+export declare function PickerItem<T extends PickerItemValue>(_props: PickerItemProps<T>): null;
+export declare function extractPickerItems<T extends PickerItemValue>(children: ReactNode): ExtractedPickerItem<T>[];
+//# sourceMappingURL=PickerItem.d.ts.map

package/build/universal/Picker/PickerItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerItem.d.ts","sourceRoot":"","sources":["../../../src/universal/Picker/PickerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAErF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,EAAE,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI,CAEtF;AAID,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,eAAe,EAC1D,QAAQ,EAAE,SAAS,GAClB,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAU1B"}

package/build/universal/Picker/index.d.ts

@@ -0,0 +1,8 @@
+import { Picker as PickerBase } from './Picker';
+import type { PickerItemProps, PickerItemValue } from './types';
+declare const Picker: typeof PickerBase & {
+    Item: <T extends PickerItemValue>(props: PickerItemProps<T>) => null;
+};
+export { Picker };
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/build/universal/Picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/universal/Picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEhE,QAAA,MAAM,MAAM,EAAiB,OAAO,UAAU,GAAG;IAC/C,IAAI,EAAE,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACtE,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,cAAc,SAAS,CAAC"}

package/build/universal/Picker/types.d.ts

@@ -0,0 +1,69 @@
+import type { ReactNode } from 'react';
+/**
+ * The type of values a [`Picker.Item`](#pickeritem) can carry.
+ */
+export type PickerItemValue = string | number;
+/**
+ * Visual appearance of the picker.
+ *
+ * - `'menu'` — Compact button that opens a popup/dropdown on tap.
+ *   Cross-platform default.
+ * - `'wheel'` — Scrollable rotor UI that's always visible inline.
+ *   iOS only; on Android and web this falls back to the platform's default dropdown.
+ */
+export type PickerAppearance = 'wheel' | 'menu';
+/**
+ * Props for the [`Picker.Item`](#pickeritem) component.
+ * A data-only marker used to declare options inside a [`Picker`](#picker).
+ */
+export interface PickerItemProps<T extends PickerItemValue = PickerItemValue> {
+    /**
+     * Display text for this option.
+     */
+    label: string;
+    /**
+     * Value passed to `onValueChange` when this option is selected.
+     */
+    value: T;
+}
+/**
+ * Props for the [`Picker`](#picker) component, a single-selection input.
+ */
+export interface PickerProps<T extends PickerItemValue = PickerItemValue> {
+    /**
+     * The currently selected value.
+     * Must match the `value` of one of the `<Picker.Item>` children.
+     */
+    selectedValue: T;
+    /**
+     * Called when the user selects an option.
+     */
+    onValueChange: (value: T) => void;
+    /**
+     * Visual appearance of the picker.
+     * See [`PickerAppearance`](#pickerappearance).
+     * @default 'menu'
+     */
+    appearance?: PickerAppearance;
+    /**
+     * Whether the picker accepts input.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * `<Picker.Item>` children that declare the available options.
+     */
+    children?: ReactNode;
+    /**
+     * Identifier used to locate the component in end-to-end tests.
+     */
+    testID?: string;
+}
+/**
+ * Internal: extracted item data from `<Picker.Item>` children.
+ */
+export interface ExtractedPickerItem<T extends PickerItemValue = PickerItemValue> {
+    label: string;
+    value: T;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/universal/Picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/universal/Picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IAC1E;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;CACV;AAED;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IACtE;;;OAGG;IACH,aAAa,EAAE,CAAC,CAAC;IAEjB;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAElC;;;;OAIG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAE9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV"}

package/build/universal/index.d.ts

@@ -8,8 +8,12 @@ export * from './Switch';
 export * from './Slider';
 export * from './Checkbox';
 export * from './BottomSheet';
+export * from './Collapsible';
 export * from './FieldGroup';
 export * from './Icon';
+export * from './List';
+export * from './ListItem';
+export * from './Picker';
 export * from './Spacer';
 export * from './State';
 export { TextInput, type TextInputProps, type TextInputRef } from './TextInput';

package/build/universal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/universal/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhF,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/universal/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhF,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/expo-module.config.json

@@ -10,7 +10,7 @@
     "publication": {
       "groupId": "expo.modules.ui",
       "artifactId": "expo.modules.ui",
-      "version": "56.0.8",
+      "version": "56.0.9",
       "repository": "local-maven-repo"
     }
   }

package/ios/BottomSheetView.swift

@@ -7,6 +7,7 @@ final class BottomSheetProps: UIBaseViewProps {
   @Field var isPresented: Bool = false
   @Field var fitToContents: Bool = false
   var onIsPresentedChange = EventDispatcher()
+  var onDismiss = EventDispatcher()
 }
 
 struct SizePreferenceKey: PreferenceKey {
@@ -86,7 +87,9 @@ struct BottomSheetView: ExpoSwiftUI.View {
 
   var body: some View {
     Rectangle().hidden()
-      .sheet(isPresented: $isPresented) {
+      .sheet(isPresented: $isPresented, onDismiss: {
+        props.onDismiss()
+      }) {
         sheetContent
       }
       .onChange(of: isPresented, perform: { newIsPresented in

package/ios/ExpoUIModule.swift

@@ -1,6 +1,7 @@
 // Copyright 2025-present 650 Industries. All rights reserved.
 
 import ExpoModulesCore
+import SwiftUI
 
 public final class ExpoUIModule: Module {
   public func definition() -> ModuleDefinition {
@@ -28,7 +29,19 @@ public final class ExpoUIModule: Module {
       }
 
       Function("setValue") { (state: ObservableState, wrapper: [String: Any]) in
-        state.value = wrapper["value"]
+        let newValue = wrapper["value"]
+        // Update state on the UI thread
+        if Thread.isMainThread {
+          state.value = newValue
+        } else {
+          DispatchQueue.main.async {
+            state.value = newValue
+          }
+        }
+      }
+
+      Function("setOnChange") { (state: ObservableState, callback: WorkletCallback?) in
+        state.onChange = callback
       }
     }
 
@@ -38,6 +51,33 @@ public final class ExpoUIModule: Module {
       RefreshableManager.shared.completeRefresh(id: id)
     }
 
+    AsyncFunction("withAnimation") { (
+      animation: AnimationConfig?,
+      body: WorkletCallback,
+      completion: WorkletCallback?,
+      completionCriteria: AnimationCompletionCriteriaType?
+    ) in
+      let swiftUIAnimation = animation?.toSwiftUIAnimation()
+
+      if let completion {
+        if #available(iOS 17.0, tvOS 17.0, *) {
+          let criteria: SwiftUI.AnimationCompletionCriteria =
+            completionCriteria == .removed ? .removed : .logicallyComplete
+          withAnimation(swiftUIAnimation, completionCriteria: criteria) {
+            body.invoke()
+          } completion: {
+            completion.invoke()
+          }
+          return
+        }
+      }
+
+      withAnimation(swiftUIAnimation) {
+        body.invoke()
+      }
+    }
+    .runOnQueue(.main)
+
     // MARK: - Expo UI Views with AsyncFunctions
 
     ExpoUIView(SecureFieldView.self) {

package/ios/Modifiers/AnimationConfig.swift

@@ -0,0 +1,109 @@
+// Copyright 2025-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal enum AnimationType: String, Enumerable {
+  case easeInOut
+  case easeIn
+  case easeOut
+  case linear
+  case spring
+  case interpolatingSpring
+  case `default`
+}
+
+internal enum AnimationCompletionCriteriaType: String, Enumerable {
+  case logicallyComplete
+  case removed
+}
+
+/**
+ Describes a SwiftUI `Animation` value over the JS bridge. Consumed by both
+ the `animation(_:value:)` view modifier and the `withAnimation(_:_:)`
+ function so they accept the same JS shape.
+ */
+internal struct AnimationConfig: Record {
+  // Shared fallbacks used when the JS side omits a parameter. Mirrors
+  // SwiftUI's own defaults so each animation variant resolves the same way.
+  private static let defaultDuration: Double = 0.5
+  private static let defaultResponse: Double = 0.5
+  private static let defaultDampingFraction: Double = 0.825
+  private static let defaultBlendDuration: Double = 0.0
+  private static let defaultBounce: Double = 0.0
+
+  @Field var type: AnimationType = .default
+  @Field var duration: Double?
+  @Field var response: Double?
+  @Field var dampingFraction: Double?
+  @Field var blendDuration: Double?
+  @Field var bounce: Double?
+  @Field var mass: Double = 1.0
+  @Field var stiffness: Double?
+  @Field var damping: Double?
+  @Field var initialVelocity: Double = 0.0
+  @Field var delay: Double?
+  @Field var repeatCount: Int?
+  @Field var autoreverses: Bool = true
+
+  func toSwiftUIAnimation() -> Animation {
+    var animation: Animation
+
+    switch type {
+    case .easeIn:
+      animation = duration.map { Animation.easeIn(duration: $0) } ?? .easeIn
+    case .easeOut:
+      animation = duration.map { Animation.easeOut(duration: $0) } ?? .easeOut
+    case .linear:
+      animation = duration.map { Animation.linear(duration: $0) } ?? .linear
+    case .easeInOut:
+      animation = duration.map { Animation.easeInOut(duration: $0) } ?? .easeInOut
+    case .spring:
+      if response != nil || dampingFraction != nil {
+        animation = .spring(
+          response: response ?? Self.defaultResponse,
+          dampingFraction: dampingFraction ?? Self.defaultDampingFraction,
+          blendDuration: blendDuration ?? Self.defaultBlendDuration
+        )
+      } else if duration != nil || bounce != nil {
+        animation = .spring(
+          duration: duration ?? Self.defaultDuration,
+          bounce: bounce ?? Self.defaultBounce,
+          blendDuration: blendDuration ?? Self.defaultBlendDuration
+        )
+      } else if let blendDuration {
+        animation = .spring(blendDuration: blendDuration)
+      } else {
+        animation = .spring
+      }
+    case .interpolatingSpring:
+      if duration != nil || bounce != nil {
+        animation = .interpolatingSpring(
+          duration: duration ?? Self.defaultDuration,
+          bounce: bounce ?? Self.defaultBounce,
+          initialVelocity: initialVelocity
+        )
+      } else if let stiffness, let damping {
+        animation = .interpolatingSpring(
+          mass: mass,
+          stiffness: stiffness,
+          damping: damping,
+          initialVelocity: initialVelocity
+        )
+      } else {
+        animation = .interpolatingSpring
+      }
+    default:
+      animation = .default
+    }
+
+    if let delay {
+      animation = animation.delay(delay)
+    }
+    if let repeatCount {
+      animation = animation.repeatCount(repeatCount, autoreverses: autoreverses)
+    }
+
+    return animation
+  }
+}

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -621,38 +621,12 @@ internal struct AnyViewModifier: ViewModifier {
   }
 }
 
-internal enum AnimationType: String, Enumerable {
-  case easeInOut
-  case easeIn
-  case easeOut
-  case linear
-  case spring
-  case interpolatingSpring
-  case `default`
-}
-
-internal struct AnimationConfig: Record {
-  @Field var type: AnimationType = .default
-  @Field var duration: Double?
-  @Field var response: Double?
-  @Field var dampingFraction: Double?
-  @Field var blendDuration: Double?
-  @Field var bounce: Double?
-  @Field var mass: Double?
-  @Field var stiffness: Double?
-  @Field var damping: Double?
-  @Field var initialVelocity: Double?
-  @Field var delay: Double?
-  @Field var repeatCount: Int?
-  @Field var autoreverses: Bool?
-}
-
 internal struct AnimationModifier: ViewModifier, Record {
   @Field var animation: AnimationConfig
   @Field var animatedValue: Either<Double, Bool>?
 
   func body(content: Content) -> some View {
-    let animationValue = parseAnimation(animation)
+    let animationValue = animation.toSwiftUIAnimation()
     if let value: Bool = animatedValue?.get() {
       content.animation(animationValue, value: value)
     } else if let value: Double = animatedValue?.get() {
@@ -661,91 +635,6 @@ internal struct AnimationModifier: ViewModifier, Record {
       content
     }
   }
-
-  private func parseAnimation(_ config: AnimationConfig) -> Animation {
-    let type = config.type
-
-    var animation: Animation
-
-    switch type {
-    case .easeIn:
-      if let duration = config.duration {
-        animation = .easeIn(duration: duration)
-      } else {
-        animation = .easeIn
-      }
-
-    case .easeOut:
-      if let duration = config.duration {
-        animation = .easeOut(duration: duration)
-      } else {
-        animation = .easeOut
-      }
-
-    case .linear:
-      if let duration = config.duration {
-        animation = .linear(duration: duration)
-      } else {
-        animation = .linear
-      }
-
-    case .easeInOut:
-      if let duration = config.duration {
-        animation = .easeInOut(duration: duration)
-      } else {
-        animation = .easeInOut
-      }
-
-    case .spring:
-      let duration = config.duration
-      let bounce = config.bounce
-      let response = config.response
-      let dampingFraction = config.dampingFraction
-      let blendDuration = config.blendDuration
-
-      if response != nil || dampingFraction != nil {
-        // default values are 0.5, 0.825, 0.0
-        animation = .spring(response: response ?? 0.5, dampingFraction: dampingFraction ?? 0.825, blendDuration: blendDuration ?? 0.0)
-      } else if duration != nil || bounce != nil {
-        // default values are 0.5, 0.0, 0.0
-        animation = .spring(duration: duration ?? 0.5, bounce: bounce ?? 0.0, blendDuration: blendDuration ?? 0.0)
-      } else if let blendDuration = blendDuration {
-        animation = .spring(blendDuration: blendDuration)
-      } else {
-        animation = .spring
-      }
-
-    case .interpolatingSpring:
-      let duration = config.duration
-      let bounce = config.bounce
-      let mass = config.mass
-      let stiffness = config.stiffness
-      let damping = config.damping
-      let initialVelocity = config.initialVelocity
-
-      if duration != nil || bounce != nil {
-        animation = .interpolatingSpring(duration: duration ?? 0.5, bounce: bounce ?? 0.0, initialVelocity: initialVelocity ?? 0.0)
-      } else if let stiffness, let damping {
-        animation = .interpolatingSpring(mass: mass ?? 1.0, stiffness: stiffness, damping: damping, initialVelocity: initialVelocity ?? 0.0)
-      } else {
-        animation = .interpolatingSpring
-      }
-
-    default:
-      animation = .default
-    }
-
-    if let delay = config.delay {
-      animation = animation.delay(delay)
-    }
-
-    if let repeatCount = config.repeatCount {
-      let autoreverses = config.autoreverses ?? false
-      animation = animation.repeatCount(repeatCount, autoreverses: autoreverses)
-    }
-
-    return animation
-  }
 }
 
 internal enum ScrollContentBackgroundTypes: String, Enumerable {

package/ios/State/ObservableState.swift

@@ -13,7 +13,18 @@ import SwiftUI
  *   Toggle(label, isOn: state.binding(false))
  */
 internal class ObservableState: SharedObject, ObservableObject {
-  @Published var value: Any?
+  var onChange: WorkletCallback?
+  private var isNotifying = false
+
+  @Published var value: Any? {
+    didSet {
+      // Skip re-invoking onChange if state.value was written from inside onChange.
+      guard !isNotifying else { return }
+      isNotifying = true
+      defer { isNotifying = false }
+      onChange?.invoke(arguments: [value ?? NSNull()])
+    }
+  }
 
   init(value: Any?) {
     self.value = value

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

@@ -0,0 +1 @@
+792086c87c80e11e11b3e96d4b0a27d5

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

@@ -0,0 +1 @@
+b68d51962848180ac90fcb20a9766fabd72327ad

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

@@ -0,0 +1 @@
+e068f417d7a302f7d37e1d8648b7f61d2da46d215aede6ad991e35f780e794ea

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

@@ -0,0 +1 @@
+408e70adeb3b30e509e418a2a6edbd5afb888a27f8fcd5c04032a1089ef32c4483e542854cd1621a74aa2763094cd2e6ba98b30e99e213dd06734167e6d4083c

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

@@ -0,0 +1 @@
+1375a9ac8dc803a405dd2fa39159a0bc

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

@@ -0,0 +1 @@
+4631f8e63a9536ef63c03c7666fbaa0e5a4f60a1

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

@@ -0,0 +1 @@
+7f2175675f65b6caaf5ce6580cdd24a10f208ae6d80b894e4460796fe2f0dc05

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

@@ -0,0 +1 @@
+ba0dfa2c02b2ad1f248bfe43a5a922a95dbb83c493eb23cd8d3b98f3e790d9be19133002ac2ab408f3a9268af3c5718072f0646c2e13b0ce2d01b8198ae8ccc6