@expo/ui 58.0.14 → 58.0.16

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

@@ -0,0 +1,83 @@
+import { type ObservableState } from '../../State';
+/**
+ * The placement of a search field in a view hierarchy.
+ *
+ * - `automatic`: SwiftUI places the search field automatically.
+ * - `toolbar`: The search field appears in the toolbar. Falls back to `automatic` on tvOS.
+ * - `sidebar`: The search field appears in the sidebar of a navigation view. Falls back to
+ *   `automatic` on tvOS.
+ * - `navigationBarDrawer`: The search field appears in the navigation bar. Falls back to
+ *   `automatic` on macOS and tvOS.
+ */
+export type SearchFieldPlacement = 'automatic' | 'toolbar' | 'sidebar' | 'navigationBarDrawer';
+/**
+ * Marks this view as searchable, which configures the display of a search field.
+ *
+ * @param text - The text to display and edit in the search field. An `ObservableState<string>`
+ *   created with `useNativeState`.
+ * @param options.placement - The preferred placement of the search field within the containing
+ *   view hierarchy. Defaults to `automatic`.
+ * @param options.prompt - The prompt of the search field, which provides users with guidance on
+ *   what to search for.
+ * @param options.onChange - Fires on the JS thread when the user edits or clears the search field.
+ *   It does not fire for values written from JavaScript.
+ *
+ * @platform ios
+ * @platform tvos
+ * @platform macos
+ *
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/searchable(text:placement:prompt:)-18a8f).
+ *
+ * @example
+ * ```tsx
+ * const query = useNativeState('');
+ *
+ * <Host>
+ *   <NavigationStack>
+ *     <List
+ *       modifiers={[
+ *         searchable(query, {
+ *           prompt: 'Search agents',
+ *           onChange: (text) => setFilter(text),
+ *         }),
+ *       ]}>
+ *       {rows.map((row) => (
+ *         <Text key={row.id}>{row.name}</Text>
+ *       ))}
+ *     </List>
+ *   </NavigationStack>
+ * </Host>
+ * ```
+ */
+export declare const searchable: (text: ObservableState<string>, options?: {
+    placement?: SearchFieldPlacement;
+    prompt?: string;
+    onChange?: (text: string) => void;
+}) => import("./createModifier").ModifierConfig;
+/**
+ * The behavior of a search field in a toolbar.
+ *
+ * - `automatic`: The automatic behavior.
+ * - `minimize`: A search toolbar behavior that prefers rendering a search field as a button-like
+ *   control. Falls back to `automatic` on macOS and tvOS.
+ */
+export type SearchToolbarBehavior = 'automatic' | 'minimize';
+/**
+ * Configures the behavior for search in the toolbar.
+ *
+ * On iOS below 26.0, the modifier is a no-op.
+ *
+ * @param behavior - The search field behavior.
+ *
+ * @platform ios 26.0+
+ * @platform tvos 26.0+
+ * @platform macos 26.0+
+ *
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/searchtoolbarbehavior(_:)).
+ *
+ * @example
+ * ```tsx
+ * <List modifiers={[searchable(query), searchToolbarBehavior('minimize')]}>
+ * ```
+ */
+export declare const searchToolbarBehavior: (behavior: SearchToolbarBehavior) => import("./createModifier").ModifierConfig;

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

@@ -0,0 +1,74 @@
+import { getStateId } from '../../State';
+import { createModifier, createModifierWithEventListener } from './createModifier';
+/**
+ * Marks this view as searchable, which configures the display of a search field.
+ *
+ * @param text - The text to display and edit in the search field. An `ObservableState<string>`
+ *   created with `useNativeState`.
+ * @param options.placement - The preferred placement of the search field within the containing
+ *   view hierarchy. Defaults to `automatic`.
+ * @param options.prompt - The prompt of the search field, which provides users with guidance on
+ *   what to search for.
+ * @param options.onChange - Fires on the JS thread when the user edits or clears the search field.
+ *   It does not fire for values written from JavaScript.
+ *
+ * @platform ios
+ * @platform tvos
+ * @platform macos
+ *
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/searchable(text:placement:prompt:)-18a8f).
+ *
+ * @example
+ * ```tsx
+ * const query = useNativeState('');
+ *
+ * <Host>
+ *   <NavigationStack>
+ *     <List
+ *       modifiers={[
+ *         searchable(query, {
+ *           prompt: 'Search agents',
+ *           onChange: (text) => setFilter(text),
+ *         }),
+ *       ]}>
+ *       {rows.map((row) => (
+ *         <Text key={row.id}>{row.name}</Text>
+ *       ))}
+ *     </List>
+ *   </NavigationStack>
+ * </Host>
+ * ```
+ */ export const searchable = (text, options)=>{
+    const params = {
+        text: getStateId(text),
+        placement: options?.placement,
+        prompt: options?.prompt
+    };
+    const onChange = options?.onChange;
+    if (onChange) {
+        return createModifierWithEventListener('searchable', (event)=>onChange(event?.text ?? ''), params);
+    }
+    return createModifier('searchable', params);
+};
+/**
+ * Configures the behavior for search in the toolbar.
+ *
+ * On iOS below 26.0, the modifier is a no-op.
+ *
+ * @param behavior - The search field behavior.
+ *
+ * @platform ios 26.0+
+ * @platform tvos 26.0+
+ * @platform macos 26.0+
+ *
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/searchtoolbarbehavior(_:)).
+ *
+ * @example
+ * ```tsx
+ * <List modifiers={[searchable(query), searchToolbarBehavior('minimize')]}>
+ * ```
+ */ export const searchToolbarBehavior = (behavior)=>createModifier('searchToolbarBehavior', {
+        behavior
+    });
+
+//# sourceMappingURL=searchable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["swift-ui/modifiers/searchable.ts"],"sourcesContent":[null],"names":["getStateId","createModifier","createModifierWithEventListener","searchable","text","options","params","placement","prompt","onChange","event","searchToolbarBehavior","behavior"],"mappings":"AAAA,SAASA,UAAU,QAA8B,cAAc;AAC/D,SAASC,cAAc,EAAEC,+BAA+B,QAAQ,mBAAmB;AAcnF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCC,GACD,OAAO,MAAMC,aAAa,CACxBC,MACAC;IAMA,MAAMC,SAAS;QACbF,MAAMJ,WAAWI;QACjBG,WAAWF,SAASE;QACpBC,QAAQH,SAASG;IACnB;IACA,MAAMC,WAAWJ,SAASI;IAC1B,IAAIA,UAAU;QACZ,OAAOP,gCACL,cACA,CAACQ,QAA6BD,SAASC,OAAON,QAAQ,KACtDE;IAEJ;IACA,OAAOL,eAAe,cAAcK;AACtC,EAAE;AAWF;;;;;;;;;;;;;;;;;CAiBC,GACD,OAAO,MAAMK,wBAAwB,CAACC,WACpCX,eAAe,yBAAyB;QAAEW;IAAS,GAAG"}

package/build/types.d.ts

@@ -44,3 +44,30 @@ export type DialogProperties = {
      */
     decorFitsSystemWindows?: boolean;
 };
+/**
+ * Properties for the popup window, matching `PopupProperties` in Compose.
+ */
+export type PopupProperties = {
+    /**
+     * Whether the popup is focusable. When `true`, the popup receives IME events and key presses,
+     * such as the back button.
+     * @default true
+     */
+    focusable?: boolean;
+    /**
+     * Whether the popup can be dismissed by pressing the back button. Has no effect when `focusable` is `false`.
+     * @default true
+     */
+    dismissOnBackPress?: boolean;
+    /**
+     * Whether the popup can be dismissed by clicking outside of its bounds.
+     * @default true
+     */
+    dismissOnClickOutside?: boolean;
+    /**
+     * Whether the popup window is clipped to the screen boundaries. Set to `false` to let it extend
+     * beyond them, which positions the popup accurately.
+     * @default true
+     */
+    clippingEnabled?: boolean;
+};

package/build/types.js

@@ -1,7 +1,7 @@
 /**
  * @hidden
  */ /**
- * Properties for the dialog window, matching `DialogProperties` in Compose.
+ * Properties for the popup window, matching `PopupProperties` in Compose.
  */ export { };
 
 //# sourceMappingURL=types.js.map

package/build/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;CAEC,GAwBD;;CAEC,GACD,WAsBE"}
+{"version":3,"sources":["types.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;CAEC,GAmDD;;CAEC,GACD,WAuBE"}

package/build/universal/BottomSheet/index.android.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Column, Host, ModalBottomSheet } from '@expo/ui/jetpack-compose';
 import { fillMaxHeight, padding, testID as testIDModifier } from '@expo/ui/jetpack-compose/modifiers';
 import { useEffect, useRef, useState } from 'react';
+import { useIsInsideNativeTree } from '../../NativeTreeContext';
 import { resolveContentPadding } from './utils';
 // M3 `ModalBottomSheet` only has partial/expanded states.
 // Only allow the partial state when the consumer requested a partial-friendly snap point.
@@ -16,6 +17,7 @@ function shouldFillMaxHeight(snapPoints) {
     return snapPoints.some((sp)=>sp === 'full' || typeof sp === 'object' && 'fraction' in sp && sp.fraction >= 1);
 }
 export function BottomSheet({ children, isPresented, onDismiss, showDragIndicator = true, snapPoints, testID, modifiers, shouldDismissOnBackPress = true, shouldDismissOnClickOutside = true, scrimColor, contentPadding, containerColor, contentColor }) {
+    const isInsideHost = useIsInsideNativeTree();
     const sheetRef = useRef(null);
     const [mount, setMount] = useState(isPresented);
     useEffect(()=>{
@@ -49,29 +51,35 @@ export function BottomSheet({ children, isPresented, onDismiss, showDragIndicato
     ];
     if (shouldFillMaxHeight(snapPoints)) contentModifiers.push(fillMaxHeight());
     if (testID) contentModifiers.push(testIDModifier(testID));
+    const sheet = /*#__PURE__*/ _jsx(ModalBottomSheet, {
+        ref: sheetRef,
+        onDismissRequest: onDismiss,
+        showDragHandle: showDragIndicator,
+        skipPartiallyExpanded: shouldSkipPartiallyExpanded(snapPoints),
+        properties: {
+            shouldDismissOnBackPress,
+            shouldDismissOnClickOutside
+        },
+        scrimColor: scrimColor,
+        containerColor: containerColor,
+        contentColor: contentColor,
+        modifiers: modifiers,
+        children: /*#__PURE__*/ _jsx(Column, {
+            modifiers: contentModifiers,
+            children: children
+        })
+    });
+    // Already inside a `Host`, for example nested in another sheet's content: a `Host` of its own
+    // would be a `Host` directly inside Compose.
+    if (isInsideHost) {
+        return sheet;
+    }
     return /*#__PURE__*/ _jsx(Host, {
         style: {
             position: 'absolute'
         },
         pointerEvents: "none",
-        children: /*#__PURE__*/ _jsx(ModalBottomSheet, {
-            ref: sheetRef,
-            onDismissRequest: onDismiss,
-            showDragHandle: showDragIndicator,
-            skipPartiallyExpanded: shouldSkipPartiallyExpanded(snapPoints),
-            properties: {
-                shouldDismissOnBackPress,
-                shouldDismissOnClickOutside
-            },
-            scrimColor: scrimColor,
-            containerColor: containerColor,
-            contentColor: contentColor,
-            modifiers: modifiers,
-            children: /*#__PURE__*/ _jsx(Column, {
-                modifiers: contentModifiers,
-                children: children
-            })
-        })
+        children: sheet
     });
 }
 export * from './types';

package/build/universal/BottomSheet/index.android.js.map

@@ -1 +1 @@
-{"version":3,"sources":["universal/BottomSheet/index.android.tsx"],"sourcesContent":[null],"names":["Column","Host","ModalBottomSheet","fillMaxHeight","padding","testID","testIDModifier","useEffect","useRef","useState","resolveContentPadding","shouldSkipPartiallyExpanded","snapPoints","length","some","sp","fraction","shouldFillMaxHeight","BottomSheet","children","isPresented","onDismiss","showDragIndicator","modifiers","shouldDismissOnBackPress","shouldDismissOnClickOutside","scrimColor","contentPadding","containerColor","contentColor","sheetRef","mount","setMount","cancelled","current","hide","then","top","bottom","left","right","contentModifiers","push","style","position","pointerEvents","ref","onDismissRequest","showDragHandle","skipPartiallyExpanded","properties"],"mappings":";AAAA,SAASA,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,QAAkC,2BAA2B;AACpG,SACEC,aAAa,EACbC,OAAO,EACPC,UAAUC,cAAc,QAEnB,qCAAqC;AAC5C,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAGpD,SAASC,qBAAqB,QAAQ,UAAU;AAEhD,0DAA0D;AAC1D,0FAA0F;AAC1F,SAASC,4BAA4BC,UAAmC;IACtE,IAAI,CAACA,cAAcA,WAAWC,MAAM,KAAK,GAAG,OAAO;IACnD,OAAO,CAACD,WAAWE,IAAI,CACrB,CAACC,KACCA,OAAO,UACN,OAAOA,OAAO,YAAY,cAAcA,MAAMA,GAAGC,QAAQ,GAAG,KAC5D,OAAOD,OAAO,YAAY,YAAYA;AAE7C;AAEA,wCAAwC;AACxC,uGAAuG;AACvG,SAASE,oBAAoBL,UAAmC;IAC9D,IAAI,CAACA,cAAcA,WAAWC,MAAM,KAAK,GAAG,OAAO;IACnD,OAAOD,WAAWE,IAAI,CACpB,CAACC,KAAOA,OAAO,UAAW,OAAOA,OAAO,YAAY,cAAcA,MAAMA,GAAGC,QAAQ,IAAI;AAE3F;AAEA,OAAO,SAASE,YAAY,EAC1BC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,oBAAoB,IAAI,EACxBV,UAAU,EACVP,MAAM,EACNkB,SAAS,EACTC,2BAA2B,IAAI,EAC/BC,8BAA8B,IAAI,EAClCC,UAAU,EACVC,cAAc,EACdC,cAAc,EACdC,YAAY,EACK;IACjB,MAAMC,WAAWtB,OAA4B;IAC7C,MAAM,CAACuB,OAAOC,SAAS,GAAGvB,SAASW;IAEnCb,UAAU;QACR,IAAIa,aAAa;YACfY,SAAS;YACT;QACF;QACA,IAAIC,YAAY;QAChBH,SAASI,OAAO,EAAEC,OAAOC,KAAK;YAC5B,IAAI,CAACH,WAAWD,SAAS;QAC3B;QACA,OAAO;YACLC,YAAY;QACd;IACF,GAAG;QAACb;KAAY;IAEhB,IAAI,CAACW,OAAO;QACV,OAAO;IACT;IAEA,6FAA6F;IAC7F,qCAAqC;IACrC,MAAM,EAAEM,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAG9B,sBAAsBiB,gBAAgB;QACzEU,KAAKf,oBAAoB,IAAI;QAC7BgB,QAAQ;QACRC,MAAM;QACNC,OAAO;IACT;IACA,MAAMC,mBAAqC;QAACrC,QAAQmC,MAAMF,KAAKG,OAAOF;KAAQ;IAC9E,IAAIrB,oBAAoBL,aAAa6B,iBAAiBC,IAAI,CAACvC;IAC3D,IAAIE,QAAQoC,iBAAiBC,IAAI,CAACpC,eAAeD;IAEjD,qBACE,KAACJ;QAAK0C,OAAO;YAAEC,UAAU;QAAW;QAAGC,eAAc;kBACnD,cAAA,KAAC3C;YACC4C,KAAKhB;YACLiB,kBAAkB1B;YAClB2B,gBAAgB1B;YAChB2B,uBAAuBtC,4BAA4BC;YACnDsC,YAAY;gBAAE1B;gBAA0BC;YAA4B;YACpEC,YAAYA;YACZE,gBAAgBA;YAChBC,cAAcA;YACdN,WAAWA;sBACX,cAAA,KAACvB;gBAAOuB,WAAWkB;0BAAmBtB;;;;AAI9C;AAEA,cAAc,UAAU"}
+{"version":3,"sources":["universal/BottomSheet/index.android.tsx"],"sourcesContent":[null],"names":["Column","Host","ModalBottomSheet","fillMaxHeight","padding","testID","testIDModifier","useEffect","useRef","useState","useIsInsideNativeTree","resolveContentPadding","shouldSkipPartiallyExpanded","snapPoints","length","some","sp","fraction","shouldFillMaxHeight","BottomSheet","children","isPresented","onDismiss","showDragIndicator","modifiers","shouldDismissOnBackPress","shouldDismissOnClickOutside","scrimColor","contentPadding","containerColor","contentColor","isInsideHost","sheetRef","mount","setMount","cancelled","current","hide","then","top","bottom","left","right","contentModifiers","push","sheet","ref","onDismissRequest","showDragHandle","skipPartiallyExpanded","properties","style","position","pointerEvents"],"mappings":";AAAA,SAASA,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,QAAkC,2BAA2B;AACpG,SACEC,aAAa,EACbC,OAAO,EACPC,UAAUC,cAAc,QAEnB,qCAAqC;AAC5C,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAEpD,SAASC,qBAAqB,QAAQ,0BAA0B;AAEhE,SAASC,qBAAqB,QAAQ,UAAU;AAEhD,0DAA0D;AAC1D,0FAA0F;AAC1F,SAASC,4BAA4BC,UAAmC;IACtE,IAAI,CAACA,cAAcA,WAAWC,MAAM,KAAK,GAAG,OAAO;IACnD,OAAO,CAACD,WAAWE,IAAI,CACrB,CAACC,KACCA,OAAO,UACN,OAAOA,OAAO,YAAY,cAAcA,MAAMA,GAAGC,QAAQ,GAAG,KAC5D,OAAOD,OAAO,YAAY,YAAYA;AAE7C;AAEA,wCAAwC;AACxC,uGAAuG;AACvG,SAASE,oBAAoBL,UAAmC;IAC9D,IAAI,CAACA,cAAcA,WAAWC,MAAM,KAAK,GAAG,OAAO;IACnD,OAAOD,WAAWE,IAAI,CACpB,CAACC,KAAOA,OAAO,UAAW,OAAOA,OAAO,YAAY,cAAcA,MAAMA,GAAGC,QAAQ,IAAI;AAE3F;AAEA,OAAO,SAASE,YAAY,EAC1BC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,oBAAoB,IAAI,EACxBV,UAAU,EACVR,MAAM,EACNmB,SAAS,EACTC,2BAA2B,IAAI,EAC/BC,8BAA8B,IAAI,EAClCC,UAAU,EACVC,cAAc,EACdC,cAAc,EACdC,YAAY,EACK;IACjB,MAAMC,eAAerB;IACrB,MAAMsB,WAAWxB,OAA4B;IAC7C,MAAM,CAACyB,OAAOC,SAAS,GAAGzB,SAASY;IAEnCd,UAAU;QACR,IAAIc,aAAa;YACfa,SAAS;YACT;QACF;QACA,IAAIC,YAAY;QAChBH,SAASI,OAAO,EAAEC,OAAOC,KAAK;YAC5B,IAAI,CAACH,WAAWD,SAAS;QAC3B;QACA,OAAO;YACLC,YAAY;QACd;IACF,GAAG;QAACd;KAAY;IAEhB,IAAI,CAACY,OAAO;QACV,OAAO;IACT;IAEA,6FAA6F;IAC7F,qCAAqC;IACrC,MAAM,EAAEM,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAG/B,sBAAsBiB,gBAAgB;QACzEW,KAAKhB,oBAAoB,IAAI;QAC7BiB,QAAQ;QACRC,MAAM;QACNC,OAAO;IACT;IACA,MAAMC,mBAAqC;QAACvC,QAAQqC,MAAMF,KAAKG,OAAOF;KAAQ;IAC9E,IAAItB,oBAAoBL,aAAa8B,iBAAiBC,IAAI,CAACzC;IAC3D,IAAIE,QAAQsC,iBAAiBC,IAAI,CAACtC,eAAeD;IAEjD,MAAMwC,sBACJ,KAAC3C;QACC4C,KAAKd;QACLe,kBAAkBzB;QAClB0B,gBAAgBzB;QAChB0B,uBAAuBrC,4BAA4BC;QACnDqC,YAAY;YAAEzB;YAA0BC;QAA4B;QACpEC,YAAYA;QACZE,gBAAgBA;QAChBC,cAAcA;QACdN,WAAWA;kBACX,cAAA,KAACxB;YAAOwB,WAAWmB;sBAAmBvB;;;IAI1C,8FAA8F;IAC9F,6CAA6C;IAC7C,IAAIW,cAAc;QAChB,OAAOc;IACT;IACA,qBACE,KAAC5C;QAAKkD,OAAO;YAAEC,UAAU;QAAW;QAAGC,eAAc;kBAClDR;;AAGP;AAEA,cAAc,UAAU"}

package/build/universal/BottomSheet/index.ios.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BottomSheet as SwiftUIBottomSheet, Group, Host } from '@expo/ui/swift-ui';
 import { frame, padding, presentationBackground, presentationDetents, presentationDragIndicator } from '@expo/ui/swift-ui/modifiers';
+import { useIsInsideNativeTree } from '../../NativeTreeContext';
 import { resolveContentPadding } from './utils';
 function snapPointToDetent(snapPoint) {
     if (snapPoint === 'half') return 'medium';
@@ -8,6 +9,7 @@ function snapPointToDetent(snapPoint) {
     return snapPoint;
 }
 export function BottomSheet({ children, isPresented, onDismiss, showDragIndicator = true, snapPoints, testID, modifiers, contentPadding, containerColor }) {
+    const isInsideHost = useIsInsideNativeTree();
     const { top, bottom, left, right } = resolveContentPadding(contentPadding, {
         top: 16,
         bottom: 0,
@@ -36,23 +38,29 @@ export function BottomSheet({ children, isPresented, onDismiss, showDragIndicato
     if (modifiers?.length) {
         presentationModifiers.push(...modifiers);
     }
+    const sheet = /*#__PURE__*/ _jsx(SwiftUIBottomSheet, {
+        isPresented: isPresented,
+        onIsPresentedChange: (presented)=>{
+            if (!presented) onDismiss();
+        },
+        fitToContents: !snapPoints || snapPoints.length === 0,
+        testID: testID,
+        children: /*#__PURE__*/ _jsx(Group, {
+            modifiers: presentationModifiers,
+            children: children
+        })
+    });
+    // Already inside a `Host`, for example nested in another sheet's content: a `Host` of its own
+    // would be a `Host` directly inside SwiftUI.
+    if (isInsideHost) {
+        return sheet;
+    }
     return /*#__PURE__*/ _jsx(Host, {
         style: {
             position: 'absolute'
         },
         pointerEvents: "none",
-        children: /*#__PURE__*/ _jsx(SwiftUIBottomSheet, {
-            isPresented: isPresented,
-            onIsPresentedChange: (presented)=>{
-                if (!presented) onDismiss();
-            },
-            fitToContents: !snapPoints || snapPoints.length === 0,
-            testID: testID,
-            children: /*#__PURE__*/ _jsx(Group, {
-                modifiers: presentationModifiers,
-                children: children
-            })
-        })
+        children: sheet
     });
 }
 export * from './types';

package/build/universal/BottomSheet/index.ios.js.map

@@ -1 +1 @@
-{"version":3,"sources":["universal/BottomSheet/index.ios.tsx"],"sourcesContent":[null],"names":["BottomSheet","SwiftUIBottomSheet","Group","Host","frame","padding","presentationBackground","presentationDetents","presentationDragIndicator","resolveContentPadding","snapPointToDetent","snapPoint","children","isPresented","onDismiss","showDragIndicator","snapPoints","testID","modifiers","contentPadding","containerColor","top","bottom","left","right","presentationModifiers","maxWidth","Infinity","alignment","leading","trailing","length","push","map","style","position","pointerEvents","onIsPresentedChange","presented","fitToContents"],"mappings":";AAAA,SAASA,eAAeC,kBAAkB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,oBAAoB;AACnF,SACEC,KAAK,EACLC,OAAO,EACPC,sBAAsB,EACtBC,mBAAmB,EACnBC,yBAAyB,QAGpB,8BAA8B;AAGrC,SAASC,qBAAqB,QAAQ,UAAU;AAEhD,SAASC,kBAAkBC,SAAoB;IAC7C,IAAIA,cAAc,QAAQ,OAAO;IACjC,IAAIA,cAAc,QAAQ,OAAO;IACjC,OAAOA;AACT;AAEA,OAAO,SAASX,YAAY,EAC1BY,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,oBAAoB,IAAI,EACxBC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,cAAc,EACdC,cAAc,EACG;IACjB,MAAM,EAAEC,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGf,sBAAsBU,gBAAgB;QACzEE,KAAK;QACLC,QAAQ;QACRC,MAAM;QACNC,OAAO;IACT;IACA,MAAMC,wBAA0C;QAC9CrB,MAAM;YAAEsB,UAAUC;YAAUC,WAAW;QAAa;QACpDvB,QAAQ;YAAEgB;YAAKC;YAAQO,SAASN;YAAMO,UAAUN;QAAM;QACtDhB,0BAA0BO,oBAAoB,YAAY;KAC3D;IACD,IAAIC,cAAcA,WAAWe,MAAM,GAAG,GAAG;QACvCN,sBAAsBO,IAAI,CAACzB,oBAAoBS,WAAWiB,GAAG,CAACvB;IAChE;IACA,IAAIU,gBAAgB;QAClBK,sBAAsBO,IAAI,CAAC1B,uBAAuBc;IACpD;IACA,IAAIF,WAAWa,QAAQ;QACrBN,sBAAsBO,IAAI,IAAId;IAChC;IAEA,qBACE,KAACf;QAAK+B,OAAO;YAAEC,UAAU;QAAW;QAAGC,eAAc;kBACnD,cAAA,KAACnC;YACCY,aAAaA;YACbwB,qBAAqB,CAACC;gBACpB,IAAI,CAACA,WAAWxB;YAClB;YACAyB,eAAe,CAACvB,cAAcA,WAAWe,MAAM,KAAK;YACpDd,QAAQA;sBACR,cAAA,KAACf;gBAAMgB,WAAWO;0BAAwBb;;;;AAIlD;AAEA,cAAc,UAAU"}
+{"version":3,"sources":["universal/BottomSheet/index.ios.tsx"],"sourcesContent":[null],"names":["BottomSheet","SwiftUIBottomSheet","Group","Host","frame","padding","presentationBackground","presentationDetents","presentationDragIndicator","useIsInsideNativeTree","resolveContentPadding","snapPointToDetent","snapPoint","children","isPresented","onDismiss","showDragIndicator","snapPoints","testID","modifiers","contentPadding","containerColor","isInsideHost","top","bottom","left","right","presentationModifiers","maxWidth","Infinity","alignment","leading","trailing","length","push","map","sheet","onIsPresentedChange","presented","fitToContents","style","position","pointerEvents"],"mappings":";AAAA,SAASA,eAAeC,kBAAkB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,oBAAoB;AACnF,SACEC,KAAK,EACLC,OAAO,EACPC,sBAAsB,EACtBC,mBAAmB,EACnBC,yBAAyB,QAGpB,8BAA8B;AAErC,SAASC,qBAAqB,QAAQ,0BAA0B;AAEhE,SAASC,qBAAqB,QAAQ,UAAU;AAEhD,SAASC,kBAAkBC,SAAoB;IAC7C,IAAIA,cAAc,QAAQ,OAAO;IACjC,IAAIA,cAAc,QAAQ,OAAO;IACjC,OAAOA;AACT;AAEA,OAAO,SAASZ,YAAY,EAC1Ba,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,oBAAoB,IAAI,EACxBC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,cAAc,EACdC,cAAc,EACG;IACjB,MAAMC,eAAeb;IACrB,MAAM,EAAEc,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGhB,sBAAsBU,gBAAgB;QACzEG,KAAK;QACLC,QAAQ;QACRC,MAAM;QACNC,OAAO;IACT;IACA,MAAMC,wBAA0C;QAC9CvB,MAAM;YAAEwB,UAAUC;YAAUC,WAAW;QAAa;QACpDzB,QAAQ;YAAEkB;YAAKC;YAAQO,SAASN;YAAMO,UAAUN;QAAM;QACtDlB,0BAA0BQ,oBAAoB,YAAY;KAC3D;IACD,IAAIC,cAAcA,WAAWgB,MAAM,GAAG,GAAG;QACvCN,sBAAsBO,IAAI,CAAC3B,oBAAoBU,WAAWkB,GAAG,CAACxB;IAChE;IACA,IAAIU,gBAAgB;QAClBM,sBAAsBO,IAAI,CAAC5B,uBAAuBe;IACpD;IACA,IAAIF,WAAWc,QAAQ;QACrBN,sBAAsBO,IAAI,IAAIf;IAChC;IAEA,MAAMiB,sBACJ,KAACnC;QACCa,aAAaA;QACbuB,qBAAqB,CAACC;YACpB,IAAI,CAACA,WAAWvB;QAClB;QACAwB,eAAe,CAACtB,cAAcA,WAAWgB,MAAM,KAAK;QACpDf,QAAQA;kBACR,cAAA,KAAChB;YAAMiB,WAAWQ;sBAAwBd;;;IAI9C,8FAA8F;IAC9F,6CAA6C;IAC7C,IAAIS,cAAc;QAChB,OAAOc;IACT;IACA,qBACE,KAACjC;QAAKqC,OAAO;YAAEC,UAAU;QAAW;QAAGC,eAAc;kBAClDN;;AAGP;AAEA,cAAc,UAAU"}

package/ios/ChartView.swift

@@ -59,6 +59,8 @@ struct BarChartStyle: Record {
 struct PieChartStyle: Record {
   @Field var innerRadius: Double = 0.3
   @Field var angularInset: Double = 2.0
+  @Field var cornerRadius: Double = 0.0
+  @Field var opacity: Double = 0.8
 }
 
 struct PointChartStyle: Record {
@@ -115,10 +117,11 @@ public struct ChartView: ExpoSwiftUI.View {
 
   @available(iOS 17.0, tvOS 17.0, *)
   private func createBasePieMark(for dataPoint: ChartDataPoint) -> SectorMark {
-    let style = props.pieStyle ?? PieChartStyle()
-    return SectorMark(angle: .value("Value", dataPoint.y), innerRadius: .ratio(style.innerRadius), angularInset: style.angularInset)
+    return SectorMark(angle: .value("Value", dataPoint.y), innerRadius: .ratio(pieStyle.innerRadius), angularInset: pieStyle.angularInset)
   }
 
+  private var pieStyle: PieChartStyle { props.pieStyle ?? PieChartStyle() }
+
   @available(iOS 16.0, tvOS 16.0, *)
   private func createAreaMark(for dataPoint: ChartDataPoint) -> some ChartContent {
     if let numericX = dataPoint.xNumericValue {
@@ -137,15 +140,13 @@ public struct ChartView: ExpoSwiftUI.View {
         .foregroundStyle(props.lineStyle?.color ?? .blue)
         .symbol(getSymbol(props.lineStyle?.pointStyle ?? .circle))
         .symbolSize(CGFloat(props.lineStyle?.pointSize ?? 6.0))
-        .lineStyle(getLineStyle(props.lineStyle?.dashArray ?? []))
-        .lineStyle(.init(lineWidth: CGFloat(props.lineStyle?.width ?? 2.0)))
+        .lineStyle(getLineStyle(props.lineStyle))
     } else {
       LineMark(x: .value("X", dataPoint.xValue), y: .value("Y", dataPoint.y))
         .foregroundStyle(props.lineStyle?.color ?? .blue)
         .symbol(getSymbol(props.lineStyle?.pointStyle ?? .circle))
         .symbolSize(CGFloat(props.lineStyle?.pointSize ?? 6.0))
-        .lineStyle(getLineStyle(props.lineStyle?.dashArray ?? []))
-        .lineStyle(.init(lineWidth: CGFloat(props.lineStyle?.width ?? 2.0)))
+        .lineStyle(getLineStyle(props.lineStyle))
     }
   }
 
@@ -214,9 +215,9 @@ public struct ChartView: ExpoSwiftUI.View {
           case .pie:
             if #available(iOS 17.0, tvOS 17.0, *) {
               if hasIndividualColors {
-                createBasePieMark(for: dataPoint).foregroundStyle(dataPoint.color ?? .blue).opacity(0.8)
+                createBasePieMark(for: dataPoint).foregroundStyle(dataPoint.color ?? .blue).cornerRadius(CGFloat(pieStyle.cornerRadius)).opacity(pieStyle.opacity)
               } else {
-                createBasePieMark(for: dataPoint).foregroundStyle(by: .value("Category", dataPoint.xValue)).opacity(0.8)
+                createBasePieMark(for: dataPoint).foregroundStyle(by: .value("Category", dataPoint.xValue)).cornerRadius(CGFloat(pieStyle.cornerRadius)).opacity(pieStyle.opacity)
               }
             }
           case .rectangle:
@@ -254,7 +255,11 @@ public struct ChartView: ExpoSwiftUI.View {
     }
   }
 
-  private func getLineStyle(_ dashArray: [Double]) -> StrokeStyle {
-    StrokeStyle(dash: dashArray.map { CGFloat($0) })
+  // A single stroke style: chained `.lineStyle` modifiers don't merge, the first one wins.
+  private func getLineStyle(_ style: LineChartStyle?) -> StrokeStyle {
+    StrokeStyle(
+      lineWidth: CGFloat(style?.width ?? 2.0),
+      dash: (style?.dashArray ?? []).map { CGFloat($0) }
+    )
   }
 }

package/ios/DataListForEachView.swift

@@ -48,6 +48,7 @@ struct DataListForEachItemView: ExpoSwiftUI.View {
 
   var body: some View {
     Children()
+      .publishZeroContentOrigin(props.shadowNodeProxy)
   }
 }
 

package/ios/GridView.swift

@@ -41,6 +41,7 @@ public struct GridRowView: ExpoSwiftUI.View {
     if #available(iOS 16.0, macOS 13.0, tvOS 16.0, *) {
       GridRow {
         Children()
+          .publishZeroContentOrigin(props.shadowNodeProxy)
       }
     } else {
       EmptyView()

package/ios/HostView.swift

@@ -3,11 +3,28 @@
 import SwiftUI
 import ExpoModulesCore
 
-/// Coordinate space anchored at the `Host`, so hosted React Native views can report where SwiftUI
-/// actually placed them. Name it last in the chain: Yoga measures a hosted view from the `Host`
-/// component view, so any `Host` inset or alignment has to be inside this space, not outside it.
+/// Coordinate space anchored at the `Host`'s SwiftUI root, which macOS measures hosted React Native
+/// views from. iOS uses `HostingViewReference` instead, because this space starts after the
+/// safe-area inset that `UIHostingController` applies to the root.
 internal let expoHostCoordinateSpace = "expo.ui.host"
 
+/// The enclosing `Host`'s UIKit view, which Yoga laid out. iOS measures hosted React Native views
+/// from it.
+internal final class HostingViewReference {
+  weak var view: UIView?
+}
+
+private struct HostingViewEnvironmentKey: EnvironmentKey {
+  static let defaultValue: HostingViewReference? = nil
+}
+
+extension EnvironmentValues {
+  var expoHostingView: HostingViewReference? {
+    get { self[HostingViewEnvironmentKey.self] }
+    set { self[HostingViewEnvironmentKey.self] = newValue }
+  }
+}
+
 internal enum ExpoColorScheme: String, Enumerable {
   case light
   case dark
@@ -46,7 +63,11 @@ internal final class HostViewProps: ExpoSwiftUI.ViewProps, ExpoSwiftUI.SafeAreaC
   @Field var ignoreSafeArea: ExpoSwiftUI.IgnoreSafeArea?
   @Field var modifiers: ModifierArray?
   var onLayoutContent = EventDispatcher()
-  weak var hostingView: UIView?
+  let hostingViewReference = HostingViewReference()
+  var hostingView: UIView? {
+    get { hostingViewReference.view }
+    set { hostingViewReference.view = newValue }
+  }
 }
 
 struct HostView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
@@ -68,6 +89,7 @@ struct HostView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
       HostLayout {
         Children()
       }
+      .environment(\.expoHostingView, props.hostingViewReference)
       .fixedSize(horizontal: props.matchContentsHorizontal, vertical: props.matchContentsVertical)
       .modifier(LayoutDirectionModifier(layoutDirection: layoutDirection))
       .modifier(ColorSchemeModifier(colorScheme: props.colorScheme?.toColorScheme()))
@@ -90,6 +112,7 @@ struct HostView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
       ZStack(alignment: alignment) {
         Children()
       }
+      .environment(\.expoHostingView, props.hostingViewReference)
       .fixedSize(horizontal: props.matchContentsHorizontal, vertical: props.matchContentsVertical)
       .modifier(LayoutDirectionModifier(layoutDirection: layoutDirection))
       .modifier(ColorSchemeModifier(colorScheme: props.colorScheme?.toColorScheme()))

package/ios/Modifiers/PresentationModifiers.swift

@@ -238,23 +238,39 @@ internal enum PresentationSizingOption: String, Enumerable {
   case page
 }
 
+internal struct PresentationSizingFittedAxes: Record {
+  @Field var horizontal: Bool = false
+  @Field var vertical: Bool = false
+}
+
 internal struct PresentationSizingModifier: ViewModifier, Record {
   @Field var sizing: PresentationSizingOption = .automatic
+  @Field var fitted: PresentationSizingFittedAxes?
 
   func body(content: Content) -> some View {
     if #available(iOS 18.0, tvOS 18.0, macOS 15.0, *) {
       switch sizing {
       case .automatic:
-        content.presentationSizing(.automatic)
+        applySizing(content, .automatic)
       case .fitted:
-        content.presentationSizing(.fitted)
+        applySizing(content, .fitted)
       case .form:
-        content.presentationSizing(.form)
+        applySizing(content, .form)
       case .page:
-        content.presentationSizing(.page)
+        applySizing(content, .page)
       }
     } else {
       content
     }
   }
+
+  @available(iOS 18.0, tvOS 18.0, macOS 15.0, *)
+  @ViewBuilder
+  private func applySizing(_ content: Content, _ sizing: some PresentationSizing) -> some View {
+    if let fitted {
+      content.presentationSizing(sizing.fitted(horizontal: fitted.horizontal, vertical: fitted.vertical))
+    } else {
+      content.presentationSizing(sizing)
+    }
+  }
 }

package/ios/Modifiers/SearchToolbarBehaviorModifier.swift

@@ -0,0 +1,35 @@
+// Copyright 2026-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal enum SearchToolbarBehaviorType: String, Enumerable {
+  case automatic
+  case minimize
+}
+
+internal struct SearchToolbarBehaviorModifier: ViewModifier, Record {
+  @Field var behavior: SearchToolbarBehaviorType = .automatic
+
+  @ViewBuilder
+  func body(content: Content) -> some View {
+    if #available(iOS 26.0, macOS 26.0, tvOS 26.0, *) {
+#if compiler(>=6.2) // Xcode 26
+      switch behavior {
+      case .automatic:
+        content.searchToolbarBehavior(.automatic)
+      case .minimize:
+#if os(macOS) || os(tvOS)
+        content.searchToolbarBehavior(.automatic)
+#else
+        content.searchToolbarBehavior(.minimize)
+#endif
+      }
+#else
+      content
+#endif
+    } else {
+      content
+    }
+  }
+}