@expo/ui 58.0.12 → 58.0.13

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 58.0.13
+
+### Patch Changes
+
+- [iOS] Add `ArrangementView` component and `arrangementViewStyle`, `splitArrangementLayoutRatio`, `splitArrangementLayoutSize`, `splitArrangementFixedLayoutSize`, and `overlayArrangementEdge` modifiers. ([#50893](https://github.com/expo/expo/pull/50893) by [@intergalacticspacehighway](https://github.com/intergalacticspacehighway))
+- [Android] Fix `TimePickerDialog` ignoring `elementColors.containerColor`. ([#51116](https://github.com/expo/expo/pull/51116) by [@expo-bot](https://github.com/expo-bot))
+- [iOS][tvOS] Fix the tvOS build failing to compile with `'inlineLarge' is unavailable in tvOS` when `@expo/ui` is linked. `ToolbarTitleDisplayMode.inlineLarge` is unavailable on tvOS, but the `inlineLarge` case of the `toolbarTitleDisplayMode` modifier was only gated behind an OS version check that listed `tvOS 18.0`, so it was compiled into the tvOS slice. It is now guarded by platform and returns `nil` on tvOS. The same check also required iOS 18.0 / macOS 15.0, so `inlineLarge` silently fell back to `automatic` on iOS 17 and macOS 14 even though it is available there; it now applies on those versions. ([#51007](https://github.com/expo/expo/pull/51007) by [@gabrieldonadel](https://github.com/gabrieldonadel))
+- [iOS] `onHingeChange` also accepts a callback from `useWorkletCallback`, which runs on the UI thread to track the hinge angle without a JS-thread round trip. ([#50910](https://github.com/expo/expo/pull/50910) by [@huntie](https://github.com/huntie))
+- [iOS] Added the `onHingeChange` modifier, which reports the device hinge angle and status on iPhone Duo (iOS 27.1+). ([#50909](https://github.com/expo/expo/pull/50909) by [@huntie](https://github.com/huntie))
+- Added the `useWorkletCallback` hook, which wraps a worklet function so a modifier that accepts one can run it synchronously on the UI thread. ([#51108](https://github.com/expo/expo/pull/51108) by [@huntie](https://github.com/huntie))
+
 ## 58.0.12
 
 ### Patch Changes

package/android/build.gradle

@@ -12,13 +12,13 @@ apply plugin: 'expo-module-gradle-plugin'
 apply plugin: 'org.jetbrains.kotlin.plugin.compose'
 
 group = 'expo.modules.ui'
-version = '58.0.12'
+version = '58.0.13'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "58.0.12"
+    versionName "58.0.13"
     testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
   }
   buildFeatures {

package/android/src/main/java/expo/modules/ui/DatePickerView.kt

@@ -451,6 +451,7 @@ fun ExpoTimePickerDialogContent(props: TimePickerDialogProps, onDateSelected: (D
         Text(props.dismissButtonLabel ?: stringResource(android.R.string.cancel))
       }
     },
+    containerColor = timePickerColors.containerColor,
     text = {
       TimePicker(
         state = state,

package/build/State/index.d.ts

@@ -1,5 +1,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/build/State/index.js

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

package/build/State/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["State/index.ts"],"sourcesContent":[null],"names":["useNativeState","useWorkletProp","worklets","getStateId"],"mappings":"AAAA,oEAAoE;AACpE,oEAAoE;AACpE,oEAAoE;AACpE,mDAAmD;AACnD,OAAO,aAAa;AAEpB,SAASA,cAAc,QAA8B,mBAAmB;AACxE,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,UAAU,QAAQ,UAAU"}
+{"version":3,"sources":["State/index.ts"],"sourcesContent":[null],"names":["useNativeState","useWorkletProp","useWorkletCallback","worklets","getStateId"],"mappings":"AAAA,oEAAoE;AACpE,oEAAoE;AACpE,oEAAoE;AACpE,mDAAmD;AACnD,OAAO,aAAa;AAEpB,SAASA,cAAc,QAA8B,mBAAmB;AACxE,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,kBAAkB,QAA8B,uBAAuB;AAChF,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,UAAU,QAAQ,UAAU"}

package/build/State/useWorkletCallback.d.ts

@@ -0,0 +1,31 @@
+import type { SharedObject } from 'expo';
+/**
+ * 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 declare function useWorkletCallback<T extends (...args: never[]) => void>(callback: T): WorkletCallback<T>;

package/build/State/useWorkletCallback.js

@@ -0,0 +1,30 @@
+import { worklets } from './optionalWorklets';
+import { useWorkletProp } from './useWorkletProp';
+/**
+ * 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(callback) {
+    const workletCallback = useWorkletProp(callback);
+    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;
+}
+
+//# sourceMappingURL=useWorkletCallback.js.map

package/build/State/useWorkletCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["State/useWorkletCallback.ts"],"sourcesContent":[null],"names":["worklets","useWorkletProp","useWorkletCallback","callback","workletCallback","Error"],"mappings":"AAEA,SAASA,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,cAAc,QAAQ,mBAAmB;AAYlD;;;;;;;;;;;;;;;;;;;CAmBC,GACD,OAAO,SAASC,mBACdC,QAAW;IAEX,MAAMC,kBAAkBH,eAAeE;IACvC,IAAI,CAACH,YAAY,CAACI,iBAAiB;QACjC,MAAM,IAAIC,MACR,6FACE,wFACA;IAEN;IACA,OAAOD;AACT"}

package/build/jetpack-compose/index.d.ts

@@ -49,6 +49,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/build/jetpack-compose/index.js

@@ -49,6 +49,6 @@ export * from './Box';
 export * from './Row';
 export * from './Column';
 export * from './FlowRow';
-export { useNativeState } from '../State';
+export { useNativeState, useWorkletCallback } from '../State';
 
 //# sourceMappingURL=index.js.map

package/build/jetpack-compose/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["jetpack-compose/index.ts"],"sourcesContent":[null],"names":["BasicAlertDialog","TextField","OutlinedTextField","BasicTextField","HorizontalPager","Text","useNativeState"],"mappings":"AAAA,OAAO,wCAAwC;AAE/C,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,SAASA,gBAAgB,QAAoC,qBAAqB;AAClF,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,2BAA2B;AACzC,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,SACEC,SAAS,EACTC,iBAAiB,EACjBC,cAAc,QAcT,cAAc;AACrB,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,SACEC,eAAe,QAGV,oBAAoB;AAC3B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,oBAAoB;AAClC,cAAc,8BAA8B;AAC5C,cAAc,yBAAyB;AACvC,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,SAAyBC,IAAI,QAAQ,SAAS;AAC9C,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AAEnC,cAAc,uBAAuB;AACrC,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,SAASC,cAAc,QAAQ,WAAW"}
+{"version":3,"sources":["jetpack-compose/index.ts"],"sourcesContent":[null],"names":["BasicAlertDialog","TextField","OutlinedTextField","BasicTextField","HorizontalPager","Text","useNativeState","useWorkletCallback"],"mappings":"AAAA,OAAO,wCAAwC;AAE/C,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,SAASA,gBAAgB,QAAoC,qBAAqB;AAClF,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,2BAA2B;AACzC,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,SACEC,SAAS,EACTC,iBAAiB,EACjBC,cAAc,QAcT,cAAc;AACrB,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,qBAAqB;AACnC,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,SACEC,eAAe,QAGV,oBAAoB;AAC3B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,oBAAoB;AAClC,cAAc,8BAA8B;AAC5C,cAAc,yBAAyB;AACvC,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,SAAyBC,IAAI,QAAQ,SAAS;AAC9C,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AAEnC,cAAc,uBAAuB;AACrC,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,SAASC,cAAc,EAAEC,kBAAkB,QAA8B,WAAW"}

package/build/swift-ui/ArrangementView/index.d.ts

@@ -0,0 +1,48 @@
+import { type CommonViewModifierProps } from '../types';
+export interface ArrangementViewProps extends CommonViewModifierProps {
+    /**
+     * The views to arrange. Provide `ArrangementView.Primary` and `ArrangementView.Secondary`.
+     */
+    children: React.ReactNode;
+}
+/**
+ * The primary view of the arrangement.
+ */
+declare function ArrangementViewPrimary(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * The secondary view of the arrangement.
+ */
+declare function ArrangementViewSecondary(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * 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 declare function ArrangementView(props: ArrangementViewProps): import("react").JSX.Element;
+export declare namespace ArrangementView {
+    var Primary: typeof ArrangementViewPrimary;
+    var Secondary: typeof ArrangementViewSecondary;
+}
+export {};

package/build/swift-ui/ArrangementView/index.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { requireNativeView } from 'expo';
+import { Slot } from '../SlotView';
+import { createViewModifierEventListener } from '../modifiers/utils';
+const ArrangementViewNativeView = requireNativeView('ExpoUI', 'ArrangementViewView');
+/**
+ * The primary view of the arrangement.
+ */ function ArrangementViewPrimary(props) {
+    return /*#__PURE__*/ _jsx(Slot, {
+        name: "primary",
+        children: props.children
+    });
+}
+/**
+ * The secondary view of the arrangement.
+ */ function ArrangementViewSecondary(props) {
+    return /*#__PURE__*/ _jsx(Slot, {
+        name: "secondary",
+        children: props.children
+    });
+}
+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) {
+    const { modifiers, children, ...restProps } = props;
+    return /*#__PURE__*/ _jsx(ArrangementViewNativeView, {
+        modifiers: modifiers,
+        ...modifiers ? createViewModifierEventListener(modifiers) : undefined,
+        ...restProps,
+        children: children
+    });
+}
+
+//# sourceMappingURL=index.js.map

package/build/swift-ui/ArrangementView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["swift-ui/ArrangementView/index.tsx"],"sourcesContent":[null],"names":["requireNativeView","Slot","createViewModifierEventListener","ArrangementViewNativeView","ArrangementViewPrimary","props","name","children","ArrangementViewSecondary","ArrangementView","Primary","Secondary","modifiers","restProps","undefined"],"mappings":";AAAA,SAASA,iBAAiB,QAAQ,OAAO;AAEzC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,+BAA+B,QAAQ,qBAAqB;AAUrE,MAAMC,4BAAuEH,kBAC3E,UACA;AAGF;;CAEC,GACD,SAASI,uBAAuBC,KAAoC;IAClE,qBAAO,KAACJ;QAAKK,MAAK;kBAAWD,MAAME,QAAQ;;AAC7C;AAEA;;CAEC,GACD,SAASC,yBAAyBH,KAAoC;IACpE,qBAAO,KAACJ;QAAKK,MAAK;kBAAaD,MAAME,QAAQ;;AAC/C;AAEAE,gBAAgBC,OAAO,GAAGN;AAC1BK,gBAAgBE,SAAS,GAAGH;AAE5B;;;;;;;;;;;;;;;;;;;;;;CAsBC,GACD,OAAO,SAASC,gBAAgBJ,KAA2B;IACzD,MAAM,EAAEO,SAAS,EAAEL,QAAQ,EAAE,GAAGM,WAAW,GAAGR;IAE9C,qBACE,KAACF;QACCS,WAAWA;QACV,GAAIA,YAAYV,gCAAgCU,aAAaE,SAAS;QACtE,GAAGD,SAAS;kBACZN;;AAGP"}

package/build/swift-ui/index.d.ts

@@ -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/build/swift-ui/index.js

@@ -28,6 +28,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';
@@ -38,7 +39,7 @@ export * from './Spacer';
 export * from './Stepper';
 export * from './SwipeActions';
 export * from './Text';
-export { useNativeState } from '../State';
+export { useNativeState, useWorkletCallback } from '../State';
 export { withAnimation } from './withAnimation';
 export * from './SyncToggle';
 export * from './TabView';

package/build/swift-ui/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["swift-ui/index.tsx"],"sourcesContent":[null],"names":["useNativeState","withAnimation","TextField"],"mappings":"AAAA,cAAc,8BAA8B;AAC5C,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,2BAA2B;AACzC,cAAc,uBAAuB;AACrC,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAE7B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,0BAA0B;AACxC,cAAc,mBAAmB;AACjC,cAAc,wBAAwB;AACtC,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,SAASA,cAAc,QAAQ,WAAW;AAC1C,SAASC,aAAa,QAA8C,kBAAkB;AACtF,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,SACEC,SAAS,QAIJ,cAAc;AACrB,cAAc,gBAAgB;AAC9B,cAAc,cAAc;AAC5B,cAAc,yBAAyB;AACvC,cAAc,eAAe;AAC7B,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,SAAS"}
+{"version":3,"sources":["swift-ui/index.tsx"],"sourcesContent":[null],"names":["useNativeState","useWorkletCallback","withAnimation","TextField"],"mappings":"AAAA,cAAc,8BAA8B;AAC5C,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,2BAA2B;AACzC,cAAc,uBAAuB;AACrC,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAE7B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,0BAA0B;AACxC,cAAc,mBAAmB;AACjC,cAAc,wBAAwB;AACtC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,SAASA,cAAc,EAAEC,kBAAkB,QAA8B,WAAW;AACpF,SAASC,aAAa,QAA8C,kBAAkB;AACtF,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,SACEC,SAAS,QAIJ,cAAc;AACrB,cAAc,gBAAgB;AAC9B,cAAc,cAAc;AAC5B,cAAc,yBAAyB;AACvC,cAAc,eAAe;AAC7B,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,SAAS"}

package/build/swift-ui/modifiers/arrangementModifiers.d.ts

@@ -0,0 +1,109 @@
+import { createModifier } from './createModifier';
+/**
+ * A style that configures an `ArrangementView` with an arrangement.
+ * - `'automatic'`: The default style, which resolves to `'split'`.
+ * - `'split'`: An arrangement view style that places the primary and secondary views side by side along one or more axes.
+ * - `'overlay'`: An arrangement view style that layers the primary view over the secondary view in z-order.
+ */
+export type ArrangementViewStyle = 'automatic' | 'split' | 'overlay';
+/**
+ * Sets the style for arrangement views within this view.
+ * @param style - The style to apply.
+ * @param options - The `axes` the arrangement supports. With `'split'`, creates a split arrangement
+ * that supports the given axes. With `'overlay'`, creates an overlay arrangement that supports
+ * laying out its views along the given axes.
+ * @platform ios 27.1+
+ * @platform tvos 27.1+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/arrangementviewstyle(_:)).
+ */
+export declare function arrangementViewStyle(style: 'automatic'): ReturnType<typeof createModifier>;
+export declare function arrangementViewStyle(style: 'split' | 'overlay', options?: {
+    axes?: 'horizontal' | 'vertical' | 'both';
+}): ReturnType<typeof createModifier>;
+/**
+ * The minimum, ideal, and maximum ratios for `splitArrangementLayoutRatio`.
+ */
+export type SplitArrangementLayoutRatioParams = {
+    minHorizontal?: number;
+    idealHorizontal?: number;
+    maxHorizontal?: number;
+    minVertical?: number;
+    idealVertical?: number;
+    maxVertical?: number;
+};
+/**
+ * Sets the preferred size ratio for the content of `ArrangementView.Primary` or
+ * `ArrangementView.Secondary` in a split arrangement.
+ * @platform ios 27.1+
+ * @platform tvos 27.1+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/splitarrangementlayoutratio(_:)).
+ */
+export declare function splitArrangementLayoutRatio(ratio: number): ReturnType<typeof createModifier>;
+/**
+ * Sets the size ratio for the content of `ArrangementView.Primary` or `ArrangementView.Secondary`
+ * in a split arrangement.
+ * @platform ios 27.1+
+ * @platform tvos 27.1+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/splitarrangementlayoutratio(minhorizontal:idealhorizontal:maxhorizontal:minvertical:idealvertical:maxvertical:)).
+ */
+export declare function splitArrangementLayoutRatio(ratios: SplitArrangementLayoutRatioParams): ReturnType<typeof createModifier>;
+/**
+ * The minimum, ideal, and maximum sizes for `splitArrangementLayoutSize`.
+ */
+export type SplitArrangementLayoutSizeParams = {
+    minWidth?: number;
+    idealWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    idealHeight?: number;
+    maxHeight?: number;
+};
+/**
+ * Sets the size constraints for the content of `ArrangementView.Primary` or
+ * `ArrangementView.Secondary` in a split arrangement.
+ * @platform ios 27.1+
+ * @platform tvos 27.1+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/splitarrangementlayoutsize(minwidth:idealwidth:maxwidth:minheight:idealheight:maxheight:)).
+ */
+export declare const splitArrangementLayoutSize: (constraints: SplitArrangementLayoutSizeParams) => import("./createModifier").ModifierConfig;
+/**
+ * The split axes on which `splitArrangementFixedLayoutSize` prefers the ideal size of the view.
+ */
+export type SplitArrangementFixedLayoutSizeParams = {
+    /**
+     * Whether to prefer a fixed width for the view in a horizontal split.
+     * @default true
+     */
+    horizontal?: boolean;
+    /**
+     * Whether to prefer a fixed height for the view in a vertical split.
+     * @default true
+     */
+    vertical?: boolean;
+};
+/**
+ * Sets the preferred size constraint for the content of `ArrangementView.Primary` or
+ * `ArrangementView.Secondary` in a split arrangement to the ideal size of the view within its
+ * container. The arrangement view prefers this size, but may resize to a smaller size depending on
+ * the priority of the view.
+ * @platform ios 27.1+
+ * @platform tvos 27.1+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/splitarrangementfixedlayoutsize(horizontal:vertical:)).
+ */
+export declare const splitArrangementFixedLayoutSize: (options?: SplitArrangementFixedLayoutSizeParams) => import("./createModifier").ModifierConfig;
+/**
+ * Sets the horizontal edge that a view in an overlay arrangement occupies when the arrangement
+ * transitions to a horizontal layout.
+ * @platform ios 27.1+
+ * @platform tvos 27.1+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/overlayarrangementedge(_:)).
+ */
+export declare function overlayArrangementEdge(edge: 'leading' | 'trailing'): ReturnType<typeof createModifier>;
+/**
+ * Sets the vertical edge that a view in an overlay arrangement occupies when the arrangement
+ * transitions to a vertical layout.
+ * @platform ios 27.1+
+ * @platform tvos 27.1+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/overlayarrangementedge(_:)-4tjwn).
+ */
+export declare function overlayArrangementEdge(edge: 'top' | 'bottom'): ReturnType<typeof createModifier>;

package/build/swift-ui/modifiers/arrangementModifiers.js

@@ -0,0 +1,35 @@
+import { createModifier } from './createModifier';
+export function arrangementViewStyle(style, options) {
+    return createModifier('arrangementViewStyle', {
+        style,
+        axes: options?.axes
+    });
+}
+export function splitArrangementLayoutRatio(ratioOrParams) {
+    return createModifier('splitArrangementLayoutRatio', typeof ratioOrParams === 'number' ? {
+        ratio: ratioOrParams
+    } : ratioOrParams);
+}
+/**
+ * Sets the size constraints for the content of `ArrangementView.Primary` or
+ * `ArrangementView.Secondary` in a split arrangement.
+ * @platform ios 27.1+
+ * @platform tvos 27.1+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/splitarrangementlayoutsize(minwidth:idealwidth:maxwidth:minheight:idealheight:maxheight:)).
+ */ export const splitArrangementLayoutSize = (constraints)=>createModifier('splitArrangementLayoutSize', constraints);
+/**
+ * Sets the preferred size constraint for the content of `ArrangementView.Primary` or
+ * `ArrangementView.Secondary` in a split arrangement to the ideal size of the view within its
+ * container. The arrangement view prefers this size, but may resize to a smaller size depending on
+ * the priority of the view.
+ * @platform ios 27.1+
+ * @platform tvos 27.1+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/splitarrangementfixedlayoutsize(horizontal:vertical:)).
+ */ export const splitArrangementFixedLayoutSize = (options)=>createModifier('splitArrangementFixedLayoutSize', options);
+export function overlayArrangementEdge(edge) {
+    return createModifier('overlayArrangementEdge', {
+        edge
+    });
+}
+
+//# sourceMappingURL=arrangementModifiers.js.map

package/build/swift-ui/modifiers/arrangementModifiers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["swift-ui/modifiers/arrangementModifiers.ts"],"sourcesContent":[null],"names":["createModifier","arrangementViewStyle","style","options","axes","splitArrangementLayoutRatio","ratioOrParams","ratio","splitArrangementLayoutSize","constraints","splitArrangementFixedLayoutSize","overlayArrangementEdge","edge"],"mappings":"AAAA,SAASA,cAAc,QAAQ,mBAAmB;AAyBlD,OAAO,SAASC,qBACdC,KAA2B,EAC3BC,OAAuD;IAEvD,OAAOH,eAAe,wBAAwB;QAAEE;QAAOE,MAAMD,SAASC;IAAK;AAC7E;AAgCA,OAAO,SAASC,4BACdC,aAAyD;IAEzD,OAAON,eACL,+BACA,OAAOM,kBAAkB,WAAW;QAAEC,OAAOD;IAAc,IAAIA;AAEnE;AAcA;;;;;;CAMC,GACD,OAAO,MAAME,6BAA6B,CAACC,cACzCT,eAAe,8BAA8BS,aAAa;AAkB5D;;;;;;;;CAQC,GACD,OAAO,MAAMC,kCAAkC,CAACP,UAC9CH,eAAe,mCAAmCG,SAAS;AAoB7D,OAAO,SAASQ,uBAAuBC,IAA+C;IACpF,OAAOZ,eAAe,0BAA0B;QAAEY;IAAK;AACzD"}

package/build/swift-ui/modifiers/hingeObservation.d.ts

@@ -0,0 +1,73 @@
+import { type WorkletCallback } from '../../State';
+/**
+ * Status of the device hinge, as reported by SwiftUI's `DeviceHinge.Status`.
+ * `'unknown'` is reserved for a status this version of Expo UI does not recognize.
+ * @platform ios 27.1+
+ */
+export type HingeStatus = 'closed' | 'partiallyOpen' | 'fullyOpen' | 'unknown';
+/**
+ * State of the device hinge. Mirrors SwiftUI's `DeviceHinge`.
+ * @platform ios 27.1+
+ */
+export type Hinge = {
+    /**
+     * The current angle of the hinge in degrees, where `0` is closed and `180` is flat. The rate and
+     * granularity of angle updates are system policy, so do not depend on a particular update
+     * frequency or precision. Prefer `status` when you only need to know whether the hinge is closed,
+     * partially open, or fully open.
+     */
+    angle: number;
+    /**
+     * The current status of the hinge, determined by the system from the angle and device orientation.
+     */
+    status: HingeStatus;
+};
+/**
+ * The hinge context of the view hierarchy. Mirrors SwiftUI's `DeviceHingeContext`.
+ * @platform ios 27.1+
+ */
+export type HingeContext = {
+    /**
+     * The current hinge, or `null` when the device has no hinge or the view's hierarchy provides no
+     * hinge updates.
+     */
+    hinge: Hinge | null;
+};
+/**
+ * A function called with the old and the new hinge context when the hinge context changes.
+ */
+export type HingeChangeHandler = (oldContext: HingeContext, newContext: HingeContext) => void;
+/**
+ * Calls the handler when the hinge context of the view hierarchy changes, such as when the user
+ * folds or unfolds the device. The handler receives the old and the new context. Use hinge
+ * state for interactions and effects, not for layout.
+ *
+ * Pass a plain function to run it on the JS thread, or a callback from
+ * [`useWorkletCallback`](../usenativestate/#useworkletcallback) to run it synchronously on the UI
+ * thread, which suits driving a native state value from the continuous `angle`.
+ *
+ * The first call happens when the view appears, and its old context has a `null` hinge. On devices
+ * without a hinge, both contexts have a `null` hinge. The modifier is a no-op on iOS versions earlier
+ * than 27.1 and in builds made with Xcode earlier than 27.1.
+ *
+ * @param handler - Function or worklet callback called with the old and the new hinge context.
+ * @platform ios 27.1+
+ *
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/onhingechange(isenabled:_:)).
+ *
+ * @example
+ * ```tsx
+ * // JS thread
+ * const [hinge, setHinge] = useState<Hinge | null>(null);
+ * <VStack modifiers={[onHingeChange((_, newContext) => setHinge(newContext.hinge))]} />
+ *
+ * // UI thread
+ * const angle = useNativeState(180);
+ * const onHinge = useWorkletCallback((_, newContext) => {
+ *   'worklet';
+ *   angle.value = newContext.hinge?.angle ?? 180;
+ * });
+ * <VStack modifiers={[onHingeChange(onHinge)]} />
+ * ```
+ */
+export declare const onHingeChange: (handler: HingeChangeHandler | WorkletCallback<HingeChangeHandler>) => import("./createModifier").ModifierConfig;

package/build/swift-ui/modifiers/hingeObservation.js

@@ -0,0 +1,45 @@
+import { getStateId } from '../../State';
+import { createModifier, createModifierWithEventListener } from './createModifier';
+/**
+ * Calls the handler when the hinge context of the view hierarchy changes, such as when the user
+ * folds or unfolds the device. The handler receives the old and the new context. Use hinge
+ * state for interactions and effects, not for layout.
+ *
+ * Pass a plain function to run it on the JS thread, or a callback from
+ * [`useWorkletCallback`](../usenativestate/#useworkletcallback) to run it synchronously on the UI
+ * thread, which suits driving a native state value from the continuous `angle`.
+ *
+ * The first call happens when the view appears, and its old context has a `null` hinge. On devices
+ * without a hinge, both contexts have a `null` hinge. The modifier is a no-op on iOS versions earlier
+ * than 27.1 and in builds made with Xcode earlier than 27.1.
+ *
+ * @param handler - Function or worklet callback called with the old and the new hinge context.
+ * @platform ios 27.1+
+ *
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/onhingechange(isenabled:_:)).
+ *
+ * @example
+ * ```tsx
+ * // JS thread
+ * const [hinge, setHinge] = useState<Hinge | null>(null);
+ * <VStack modifiers={[onHingeChange((_, newContext) => setHinge(newContext.hinge))]} />
+ *
+ * // UI thread
+ * const angle = useNativeState(180);
+ * const onHinge = useWorkletCallback((_, newContext) => {
+ *   'worklet';
+ *   angle.value = newContext.hinge?.angle ?? 180;
+ * });
+ * <VStack modifiers={[onHingeChange(onHinge)]} />
+ * ```
+ */ export const onHingeChange = (handler)=>{
+    if (typeof handler !== 'function') {
+        return createModifier('onHingeChange', {
+            workletCallback: getStateId(handler)
+        });
+    }
+    const callback = handler;
+    return createModifierWithEventListener('onHingeChange', (event)=>callback(event.oldContext, event.newContext));
+};
+
+//# sourceMappingURL=hingeObservation.js.map

package/build/swift-ui/modifiers/hingeObservation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["swift-ui/modifiers/hingeObservation.ts"],"sourcesContent":[null],"names":["getStateId","createModifier","createModifierWithEventListener","onHingeChange","handler","workletCallback","callback","event","oldContext","newContext"],"mappings":"AAAA,SAASA,UAAU,QAA8B,cAAc;AAC/D,SAASC,cAAc,EAAEC,+BAA+B,QAAQ,mBAAmB;AA4CnF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCC,GACD,OAAO,MAAMC,gBAAgB,CAC3BC;IAEA,IAAI,OAAOA,YAAY,YAAY;QACjC,OAAOH,eAAe,iBAAiB;YAAEI,iBAAiBL,WAAWI;QAAS;IAChF;IACA,MAAME,WAAWF;IACjB,OAAOF,gCACL,iBACA,CAACK,QACCD,SAASC,MAAMC,UAAU,EAAED,MAAME,UAAU;AAEjD,EAAE"}