@expo/ui 58.0.12 → 58.0.14

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## 58.0.14
+
+### Patch Changes
+
+- [Android] Fix the community `DateTimePicker` reading `value` as a UTC day while `minimumDate`/`maximumDate` use the device-local day. In non-UTC timezones the picker could select and return the wrong day — one before `minimumDate`. `value`'s local calendar day is now sent to Material3 as a UTC day, and the picked day is returned as a local date that keeps `value`'s time of day. ([#50941](https://github.com/expo/expo/pull/50941) by [@expo-bot](https://github.com/expo-bot))
+- [Internal] Import React Native internals from `react-native/unstable-internals-do-not-use`. ([#50860](https://github.com/expo/expo/pull/50860) by [@huntie](https://github.com/huntie))
+
+## 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.14'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "58.0.12"
+    versionName "58.0.14"
     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/community/datetime-picker/DateTimePicker.android.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { DateTimePicker as AndroidPicker, DatePickerDialog as AndroidDatePickerDialog, TimePickerDialog as AndroidTimePickerDialog } from '../../jetpack-compose/DatePicker';
 import { Host } from '../../jetpack-compose/Host';
 import { buildEvent, buildChangeEvent } from './types';
+import { localDateToUtcDayISOString, utcDayToLocalDate } from './utils';
 function modeToDisplayedComponents(mode) {
     switch(mode){
         case 'time':
@@ -24,6 +25,13 @@ function displayToAndroidVariant(display) {
 }
 export function DateTimePicker(props) {
     const { value, onChange, onValueChange, onDismiss: onDismissProp, mode = 'date', minimumDate, maximumDate, display = 'default', is24Hour, testID, style, accentColor, presentation = 'dialog', positiveButton, negativeButton } = props;
+    // Material3 date pickers work in UTC days, while `value` and the reported date are local —
+    // matching `@react-native-community/datetimepicker`. Send `value`'s local calendar day as a UTC
+    // day and convert the picked UTC day back, keeping `value`'s time of day. The native side
+    // already converts `minimumDate`/`maximumDate` by their local calendar day. Time pickers read
+    // local hours from the instant, so they take `value` unchanged.
+    const usesDateComponents = mode !== 'time';
+    const initialDate = usesDateComponents ? localDateToUtcDayISOString(value) : value.toISOString();
     const onDismissed = ()=>{
         if (onDismissProp) {
             onDismissProp();
@@ -38,10 +46,11 @@ export function DateTimePicker(props) {
         }
     };
     const onDateSelected = (date)=>{
+        const selected = usesDateComponents ? utcDayToLocalDate(date, value) : date;
         if (onValueChange) {
-            onValueChange(buildChangeEvent(date), date);
+            onValueChange(buildChangeEvent(selected), selected);
         } else {
-            onChange?.(buildEvent(date), date);
+            onChange?.(buildEvent(selected), selected);
         }
     };
     const selectableDates = minimumDate || maximumDate ? {
@@ -49,7 +58,7 @@ export function DateTimePicker(props) {
         end: maximumDate
     } : undefined;
     const dialogProps = {
-        initialDate: value.toISOString(),
+        initialDate,
         color: accentColor,
         confirmButtonLabel: positiveButton?.label,
         dismissButtonLabel: negativeButton?.label,
@@ -81,7 +90,7 @@ export function DateTimePicker(props) {
         },
         style: style,
         children: /*#__PURE__*/ _jsx(AndroidPicker, {
-            initialDate: value.toISOString(),
+            initialDate: initialDate,
             displayedComponents: modeToDisplayedComponents(mode),
             variant: displayToAndroidVariant(display),
             selectableDates: selectableDates,

package/build/community/datetime-picker/DateTimePicker.android.js.map

@@ -1 +1 @@
-{"version":3,"sources":["community/datetime-picker/DateTimePicker.android.tsx"],"sourcesContent":[null],"names":["DateTimePicker","AndroidPicker","DatePickerDialog","AndroidDatePickerDialog","TimePickerDialog","AndroidTimePickerDialog","Host","buildEvent","buildChangeEvent","modeToDisplayedComponents","mode","displayToAndroidVariant","display","props","value","onChange","onValueChange","onDismiss","onDismissProp","minimumDate","maximumDate","is24Hour","testID","style","accentColor","presentation","positiveButton","negativeButton","onDismissed","type","nativeEvent","timestamp","getTime","utcOffset","getTimezoneOffset","onDateSelected","date","selectableDates","start","end","undefined","dialogProps","initialDate","toISOString","color","confirmButtonLabel","label","dismissButtonLabel","onDismissRequest","variant","matchContents","vertical","displayedComponents","showVariantToggle"],"mappings":";AAAA,SACEA,kBAAkBC,aAAa,EAC/BC,oBAAoBC,uBAAuB,EAC3CC,oBAAoBC,uBAAuB,QAEtC,mCAAmC;AAC1C,SAASC,IAAI,QAAQ,6BAA6B;AAClD,SAASC,UAAU,EAAEC,gBAAgB,QAAkC,UAAU;AAEjF,SAASC,0BACPC,IAAiC;IAEjC,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,kEAAkE;YAClE,OAAO;QACT,KAAK;QACL;YACE,OAAO;IACX;AACF;AAEA,SAASC,wBACPC,OAAuC;IAEvC,OAAQA;QACN,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEA,OAAO,SAASZ,eAAea,KAA0B;IACvD,MAAM,EACJC,KAAK,EACLC,QAAQ,EACRC,aAAa,EACbC,WAAWC,aAAa,EACxBR,OAAO,MAAM,EACbS,WAAW,EACXC,WAAW,EACXR,UAAU,SAAS,EACnBS,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,WAAW,EACXC,eAAe,QAAQ,EACvBC,cAAc,EACdC,cAAc,EACf,GAAGd;IAEJ,MAAMe,cAAc;QAClB,IAAIV,eAAe;YACjBA;QACF,OAAO;YACLH,WACE;gBACEc,MAAM;gBACNC,aAAa;oBACXC,WAAWjB,MAAMkB,OAAO;oBACxBC,WAAW,CAACnB,MAAMoB,iBAAiB;gBACrC;YACF,GACApB;QAEJ;IACF;IAEA,MAAMqB,iBAAiB,CAACC;QACtB,IAAIpB,eAAe;YACjBA,cAAcR,iBAAiB4B,OAAOA;QACxC,OAAO;YACLrB,WAAWR,WAAW6B,OAAOA;QAC/B;IACF;IAEA,MAAMC,kBACJlB,eAAeC,cAAc;QAAEkB,OAAOnB;QAAaoB,KAAKnB;IAAY,IAAIoB;IAE1E,MAAMC,cAAc;QAClBC,aAAa5B,MAAM6B,WAAW;QAC9BC,OAAOpB;QACPqB,oBAAoBnB,gBAAgBoB;QACpCC,oBAAoBpB,gBAAgBmB;QACpCX;QACAa,kBAAkBpB;IACpB;IAEA,IAAIH,iBAAiB,UAAU;QAC7B,IAAIf,SAAS,QAAQ;YACnB,qBACE,KAACJ;gBAAKiB,OAAOA;0BACX,cAAA,KAAClB;oBAAyB,GAAGoC,WAAW;oBAAEpB,UAAUA;;;QAG1D;QACA,qBACE,KAACf;YAAKiB,OAAOA;sBACX,cAAA,KAACpB;gBACE,GAAGsC,WAAW;gBACfQ,SAAStC,wBAAwBC;gBACjCyB,iBAAiBA;;;IAIzB;IAEA,qBACE,KAAC/B;QAAK4C,eAAe;YAAEC,UAAU;QAAK;QAAG5B,OAAOA;kBAC9C,cAAA,KAACtB;YACCyC,aAAa5B,MAAM6B,WAAW;YAC9BS,qBAAqB3C,0BAA0BC;YAC/CuC,SAAStC,wBAAwBC;YACjCyB,iBAAiBA;YACjBhB,UAAUA;YACVuB,OAAOpB;YACPW,gBAAgBA;YAChBkB,mBAAmB;YAClB,GAAI/B,SAAS;gBAAEA;YAAO,IAAIkB,SAAS;;;AAI5C"}
+{"version":3,"sources":["community/datetime-picker/DateTimePicker.android.tsx"],"sourcesContent":[null],"names":["DateTimePicker","AndroidPicker","DatePickerDialog","AndroidDatePickerDialog","TimePickerDialog","AndroidTimePickerDialog","Host","buildEvent","buildChangeEvent","localDateToUtcDayISOString","utcDayToLocalDate","modeToDisplayedComponents","mode","displayToAndroidVariant","display","props","value","onChange","onValueChange","onDismiss","onDismissProp","minimumDate","maximumDate","is24Hour","testID","style","accentColor","presentation","positiveButton","negativeButton","usesDateComponents","initialDate","toISOString","onDismissed","type","nativeEvent","timestamp","getTime","utcOffset","getTimezoneOffset","onDateSelected","date","selected","selectableDates","start","end","undefined","dialogProps","color","confirmButtonLabel","label","dismissButtonLabel","onDismissRequest","variant","matchContents","vertical","displayedComponents","showVariantToggle"],"mappings":";AAAA,SACEA,kBAAkBC,aAAa,EAC/BC,oBAAoBC,uBAAuB,EAC3CC,oBAAoBC,uBAAuB,QAEtC,mCAAmC;AAC1C,SAASC,IAAI,QAAQ,6BAA6B;AAClD,SAASC,UAAU,EAAEC,gBAAgB,QAAkC,UAAU;AACjF,SAASC,0BAA0B,EAAEC,iBAAiB,QAAQ,UAAU;AAExE,SAASC,0BACPC,IAAiC;IAEjC,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;YACH,kEAAkE;YAClE,OAAO;QACT,KAAK;QACL;YACE,OAAO;IACX;AACF;AAEA,SAASC,wBACPC,OAAuC;IAEvC,OAAQA;QACN,KAAK;YACH,OAAO;QACT;YACE,OAAO;IACX;AACF;AAEA,OAAO,SAASd,eAAee,KAA0B;IACvD,MAAM,EACJC,KAAK,EACLC,QAAQ,EACRC,aAAa,EACbC,WAAWC,aAAa,EACxBR,OAAO,MAAM,EACbS,WAAW,EACXC,WAAW,EACXR,UAAU,SAAS,EACnBS,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,WAAW,EACXC,eAAe,QAAQ,EACvBC,cAAc,EACdC,cAAc,EACf,GAAGd;IAEJ,2FAA2F;IAC3F,gGAAgG;IAChG,0FAA0F;IAC1F,8FAA8F;IAC9F,gEAAgE;IAChE,MAAMe,qBAAqBlB,SAAS;IACpC,MAAMmB,cAAcD,qBAAqBrB,2BAA2BO,SAASA,MAAMgB,WAAW;IAE9F,MAAMC,cAAc;QAClB,IAAIb,eAAe;YACjBA;QACF,OAAO;YACLH,WACE;gBACEiB,MAAM;gBACNC,aAAa;oBACXC,WAAWpB,MAAMqB,OAAO;oBACxBC,WAAW,CAACtB,MAAMuB,iBAAiB;gBACrC;YACF,GACAvB;QAEJ;IACF;IAEA,MAAMwB,iBAAiB,CAACC;QACtB,MAAMC,WAAWZ,qBAAqBpB,kBAAkB+B,MAAMzB,SAASyB;QACvE,IAAIvB,eAAe;YACjBA,cAAcV,iBAAiBkC,WAAWA;QAC5C,OAAO;YACLzB,WAAWV,WAAWmC,WAAWA;QACnC;IACF;IAEA,MAAMC,kBACJtB,eAAeC,cAAc;QAAEsB,OAAOvB;QAAawB,KAAKvB;IAAY,IAAIwB;IAE1E,MAAMC,cAAc;QAClBhB;QACAiB,OAAOtB;QACPuB,oBAAoBrB,gBAAgBsB;QACpCC,oBAAoBtB,gBAAgBqB;QACpCV;QACAY,kBAAkBnB;IACpB;IAEA,IAAIN,iBAAiB,UAAU;QAC7B,IAAIf,SAAS,QAAQ;YACnB,qBACE,KAACN;gBAAKmB,OAAOA;0BACX,cAAA,KAACpB;oBAAyB,GAAG0C,WAAW;oBAAExB,UAAUA;;;QAG1D;QACA,qBACE,KAACjB;YAAKmB,OAAOA;sBACX,cAAA,KAACtB;gBACE,GAAG4C,WAAW;gBACfM,SAASxC,wBAAwBC;gBACjC6B,iBAAiBA;;;IAIzB;IAEA,qBACE,KAACrC;QAAKgD,eAAe;YAAEC,UAAU;QAAK;QAAG9B,OAAOA;kBAC9C,cAAA,KAACxB;YACC8B,aAAaA;YACbyB,qBAAqB7C,0BAA0BC;YAC/CyC,SAASxC,wBAAwBC;YACjC6B,iBAAiBA;YACjBpB,UAAUA;YACVyB,OAAOtB;YACPc,gBAAgBA;YAChBiB,mBAAmB;YAClB,GAAIjC,SAAS;gBAAEA;YAAO,IAAIsB,SAAS;;;AAI5C"}

package/build/community/datetime-picker/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Returns the ISO string of the UTC midnight of `value`'s local calendar day, so Material3 shows
+ * the same day the user sees locally.
+ */
+export declare function localDateToUtcDayISOString(value: Date): string;
+/**
+ * Converts the UTC-midnight day reported by Material3 back into a local date, keeping the time of
+ * day from `timeOfDay`.
+ */
+export declare function utcDayToLocalDate(utcDay: Date, timeOfDay: Date): Date;

package/build/community/datetime-picker/utils.js

@@ -0,0 +1,19 @@
+// Material3's DatePicker (and the native side's `toUtcDayMillis` bounds conversion) works in UTC
+// days, while `value`, `minimumDate`, and `maximumDate` are local dates — matching
+// `@react-native-community/datetimepicker`. These helpers convert between the two.
+/**
+ * Returns the ISO string of the UTC midnight of `value`'s local calendar day, so Material3 shows
+ * the same day the user sees locally.
+ */ export function localDateToUtcDayISOString(value) {
+    return new Date(Date.UTC(value.getFullYear(), value.getMonth(), value.getDate())).toISOString();
+}
+/**
+ * Converts the UTC-midnight day reported by Material3 back into a local date, keeping the time of
+ * day from `timeOfDay`.
+ */ export function utcDayToLocalDate(utcDay, timeOfDay) {
+    const result = new Date(timeOfDay);
+    result.setFullYear(utcDay.getUTCFullYear(), utcDay.getUTCMonth(), utcDay.getUTCDate());
+    return result;
+}
+
+//# sourceMappingURL=utils.js.map

package/build/community/datetime-picker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["community/datetime-picker/utils.ts"],"sourcesContent":[null],"names":["localDateToUtcDayISOString","value","Date","UTC","getFullYear","getMonth","getDate","toISOString","utcDayToLocalDate","utcDay","timeOfDay","result","setFullYear","getUTCFullYear","getUTCMonth","getUTCDate"],"mappings":"AAAA,iGAAiG;AACjG,mFAAmF;AACnF,mFAAmF;AAEnF;;;CAGC,GACD,OAAO,SAASA,2BAA2BC,KAAW;IACpD,OAAO,IAAIC,KAAKA,KAAKC,GAAG,CAACF,MAAMG,WAAW,IAAIH,MAAMI,QAAQ,IAAIJ,MAAMK,OAAO,KAAKC,WAAW;AAC/F;AAEA;;;CAGC,GACD,OAAO,SAASC,kBAAkBC,MAAY,EAAEC,SAAe;IAC7D,MAAMC,SAAS,IAAIT,KAAKQ;IACxBC,OAAOC,WAAW,CAACH,OAAOI,cAAc,IAAIJ,OAAOK,WAAW,IAAIL,OAAOM,UAAU;IACnF,OAAOJ;AACT"}

package/build/jetpack-compose/MaterialSymbolsAssetsTransformer.fx.js.map

@@ -1 +1 @@
-{"version":3,"sources":["jetpack-compose/MaterialSymbolsAssetsTransformer.fx.ts"],"sourcesContent":[null],"names":["Image","resolveAssetSource","addCustomSourceTransformer","resolver","process","env","EXPO_OS","asset","type","serverUrl","assetServerURL","defaultAsset"],"mappings":"AAAA,SAASA,KAAK,QAAQ,eAAe;AAGrC,oEAAoE;AACpE,IAAI,OAAOA,MAAMC,kBAAkB,CAACC,0BAA0B,KAAK,YAAY;IAC7E,oEAAoE;IACpEF,MAAMC,kBAAkB,CAACC,0BAA0B,CAAC,CAACC;QACnD,IACEC,QAAQC,GAAG,CAACC,OAAO,KAAK,aACxBH,SAASI,KAAK,CAACC,IAAI,KAAK,SACxBL,SAASM,SAAS,IAAI,QACtBN,SAASM,SAAS,KAAK,IACvB;YACA,6FAA6F;YAC7F,kGAAkG;YAClG,oFAAoF;YACpF,8JAA8J;YAC9J,OAAON,SAASO,cAAc;QAChC;QACA,OAAOP,SAASQ,YAAY;IAC9B;AACF"}
+{"version":3,"sources":["jetpack-compose/MaterialSymbolsAssetsTransformer.fx.ts"],"sourcesContent":[null],"names":["Image","resolveAssetSource","addCustomSourceTransformer","resolver","process","env","EXPO_OS","asset","type","serverUrl","assetServerURL","defaultAsset"],"mappings":"AAAA,SAASA,KAAK,QAAQ,eAAe;AAOrC,oEAAoE;AACpE,IAAI,OAAOA,MAAMC,kBAAkB,CAACC,0BAA0B,KAAK,YAAY;IAC7E,oEAAoE;IACpEF,MAAMC,kBAAkB,CAACC,0BAA0B,CAAC,CAACC;QACnD,IACEC,QAAQC,GAAG,CAACC,OAAO,KAAK,aACxBH,SAASI,KAAK,CAACC,IAAI,KAAK,SACxBL,SAASM,SAAS,IAAI,QACtBN,SAASM,SAAS,KAAK,IACvB;YACA,6FAA6F;YAC7F,kGAAkG;YAClG,oFAAoF;YACpF,8JAA8J;YAC9J,OAAON,SAASO,cAAc;QAChC;QACA,OAAOP,SAASQ,YAAY;IAC9B;AACF"}

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"}