@oxyhq/bloom 0.46.0 → 0.49.0

package/lib/typescript/module/input-group/types.d.ts

@@ -19,7 +19,7 @@ export interface InputGroupAddonProps {
 export interface InputGroupProps {
     /**
      * Group children. Place `InputGroup.Addon` elements before/after the input
-     * (a Bloom `TextFieldInput`, a `SearchInput`, or any control). The middle
+     * (a Bloom `TextFieldInput`, a `Search`, or any control). The middle
      * child stretches to fill.
      */
     children: React.ReactNode;

package/lib/typescript/module/{search-input → search}/index.d.ts

@@ -1,6 +1,6 @@
 import { type TextInput } from 'react-native';
 import { type TextFieldInputProps } from '../text-field';
-export declare const SearchInput: import("react").ForwardRefExoticComponent<Omit<TextFieldInputProps, "label"> & {
+export declare const Search: import("react").ForwardRefExoticComponent<Omit<TextFieldInputProps, "label"> & {
     label?: TextFieldInputProps["label"];
     /**
      * Called when the user presses the clear (X) button.

package/lib/typescript/module/search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/search/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAK9D,OAAO,EAA4C,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAenG,eAAO,MAAM,MAAM;YAPT,mBAAmB,CAAC,OAAO,CAAC;IACpC;;OAEG;kBACW,MAAM,IAAI;6CAwDzB,CAAC"}

package/lib/typescript/module/surfaces/SurfaceHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SurfaceHost.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/SurfaceHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAYnD,KAAK,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;AA6BxD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe;;;;;;uBAwFhB;YAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;SAAE;;;EAcrE"}
+{"version":3,"file":"SurfaceHost.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/SurfaceHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAYnD,KAAK,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;AAgCxD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe;;;;;;uBAqGhB;YAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;SAAE;;;EAcrE"}

package/lib/typescript/module/surfaces/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import type { DialogInset, ResponsiveDialogPlacement } from '../dialog/types';
+import type { DialogHeaderConfig, DialogInset, ResponsiveDialogPlacement } from '../dialog/types';
 /**
  * How a surface renders — the placement + the `Dialog` sizing/chrome options a
  * surface needs. This is the CONTENT-AGNOSTIC presentation config: it never
@@ -37,6 +37,31 @@ export interface SurfacePresentation {
     dismissOnBackdrop?: boolean;
     /** Inner padding (px) of the surface content container. Forwarded to `Dialog`. */
     contentPadding?: number;
+    /**
+     * Turns on the Dialog's OWN navigation header for this surface (sticky gradient
+     * nav bar + large collapsing title over the surface's scroll content). Seeds
+     * the header content; a mounted screen refines it at runtime via
+     * `useDialogHeader`. Omit for a plain surface (a confirm/alert dialog). Forwarded
+     * to `Dialog`.
+     */
+    header?: DialogHeaderConfig;
+    /**
+     * Whether the surface wraps its content in an internal scroll container.
+     * Defaults to `true`. Set `false` when the surface's content owns its own
+     * scrolling primitive (a `FlatList` / `SectionList` / VirtualizedList, or its
+     * own `ScrollView`) so the host does not nest it in a ScrollView. Forwarded
+     * to `Dialog`.
+     */
+    scrollable?: boolean;
+    /**
+     * Whether the surface MORPHS its panel when its content is swapped in place —
+     * navigation WITHIN this surface, as opposed to presenting a new surface on
+     * top. Defaults to `true`. The content signals the swap through
+     * `useDialogFrame`; a surface whose content never declares a frame is
+     * unaffected. Set `false` for content that must never be resized into (a
+     * full-bleed picker). Forwarded to `Dialog`.
+     */
+    morph?: boolean;
     /** Style overrides applied to the inner content container. */
     style?: StyleProp<ViewStyle>;
     /** Style overrides for the side/bottom placement panel surface. */

package/lib/typescript/module/surfaces/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/surfaces/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/text-field/index.d.ts

@@ -3,8 +3,9 @@ import { type TextStyleProp, type ViewStyleProp } from '../styles';
 import { type Props as SVGIconProps } from '../icons/common';
 export type TextFieldProps = React.PropsWithChildren<{
     isInvalid?: boolean;
+    radius?: number;
 } & ViewStyleProp>;
-export declare function TextField({ children, isInvalid, style }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextField({ children, isInvalid, radius, style }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
 export declare function useSharedInputStyles(): {
     chromeHover: ViewStyle;
     chromeFocus: ViewStyle;

package/lib/typescript/module/text-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/text-field/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,kBAAkB,EAIvB,SAAS,EACT,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAkB,KAAK,KAAK,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAwB7E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAClD;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CACxC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,KAAK,EAAE,EAAE,cAAc,2CA0C/E;AAED,wBAAgB,oBAAoB;;;;;EA0BnC;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,EACd,OAAO,GAAG,cAAc,GAAG,aAAa,CACzC,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC;;;;;;;;;;;OAWG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,EACL,aAAqB,EACrB,GAAG,IAAI,EACR,EAAE,mBAAmB,2CA4HrB;AA4KD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,2CAchD;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;CAAE,2CA8BxF;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,KAAK,GACN,EAAE,KAAK,CAAC,iBAAiB,CACxB,aAAa,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;CAC7D,CACF,2CAqBA;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,2CAkDA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/text-field/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,kBAAkB,EAIvB,SAAS,EACT,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAkB,KAAK,KAAK,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAwC7E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAClD;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,aAAa,CACzD,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAiB,EAAE,MAAW,EAAE,KAAK,EAAE,EAAE,cAAc,2CA2C5F;AAED,wBAAgB,oBAAoB;;;;;EA0BnC;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,EACd,OAAO,GAAG,cAAc,GAAG,aAAa,CACzC,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC;;;;;;;;;;;OAWG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,EACL,aAAqB,EACrB,GAAG,IAAI,EACR,EAAE,mBAAmB,2CA6HrB;AA6KD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,2CAchD;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;CAAE,2CA8BxF;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,KAAK,GACN,EAAE,KAAK,CAAC,iBAAiB,CACxB,aAAa,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;CAC7D,CACF,2CAqBA;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,2CAkDA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.46.0",
+  "version": "0.49.0",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -617,15 +617,15 @@
         "default": "./lib/commonjs/segmented-control/index.js"
       }
     },
-    "./search-input": {
-      "react-native": "./src/search-input/index.tsx",
+    "./search": {
+      "react-native": "./src/search/index.tsx",
       "import": {
-        "types": "./lib/typescript/module/search-input/index.d.ts",
-        "default": "./lib/module/search-input/index.js"
+        "types": "./lib/typescript/module/search/index.d.ts",
+        "default": "./lib/module/search/index.js"
       },
       "require": {
-        "types": "./lib/typescript/commonjs/search-input/index.d.ts",
-        "default": "./lib/commonjs/search-input/index.js"
+        "types": "./lib/typescript/commonjs/search/index.d.ts",
+        "default": "./lib/commonjs/search/index.js"
       }
     },
     "./admonition": {
@@ -1043,7 +1043,7 @@
     "grid",
     "text-field",
     "segmented-control",
-    "search-input",
+    "search",
     "admonition",
     "menu",
     "tooltip",

package/src/__tests__/BottomSheet.test.tsx

@@ -248,6 +248,53 @@ describe('BottomSheet', () => {
     });
   });
 
+  describe('unmount-while-open does not fire onDismiss (responsive placement swap)', () => {
+    it('skips onDismiss when a fully-open sheet is unmounted (yanked, not closing)', () => {
+      // A responsive Dialog crossing its breakpoint swaps its bottom-sheet branch
+      // for the centered-card branch, unmounting this sheet while it is still
+      // fully OPEN. That is NOT a dismissal — firing onDismiss here would tear the
+      // surface down mid-swap. The unmount-safety only flushes when a close was
+      // already underway (visible=false).
+      const onDismiss = jest.fn();
+      const ref = createRef<BottomSheetRef>();
+      const { unmount } = renderWithTheme(
+        <BottomSheet ref={ref} onDismiss={onDismiss}>
+          <React.Fragment>Open content</React.Fragment>
+        </BottomSheet>,
+      );
+      act(() => {
+        ref.current?.present();
+      });
+      act(() => {
+        unmount();
+      });
+      expect(onDismiss).not.toHaveBeenCalled();
+    });
+
+    it('still flushes onDismiss when unmounted mid-close (visible already false)', () => {
+      // The original guard's purpose: a sheet yanked mid-close-animation must
+      // still flush its onDismiss so queued post-close callbacks are not lost.
+      const onDismiss = jest.fn();
+      const ref = createRef<BottomSheetRef>();
+      const { unmount } = renderWithTheme(
+        <BottomSheet ref={ref} onDismiss={onDismiss}>
+          <React.Fragment>Closing content</React.Fragment>
+        </BottomSheet>,
+      );
+      act(() => {
+        ref.current?.present();
+      });
+      // Start the close (visible → false), then yank before the exit settles.
+      act(() => {
+        ref.current?.dismiss();
+      });
+      act(() => {
+        unmount();
+      });
+      expect(onDismiss).toHaveBeenCalledTimes(1);
+    });
+  });
+
   describe('close generation tracking', () => {
     it('re-opening the sheet after dismiss does not throw or get stuck', () => {
       // Regression test for the "tap to open does nothing" bug: when the

package/src/__tests__/DialogBottomSheet.test.tsx

@@ -206,7 +206,7 @@ describe('Dialog bottom placement delegates to BottomSheet', () => {
     expect(flattened.padding).toBe(0);
   });
 
-  it('does NOT wrap pure custom children in a second scroll container (no scroll-in-scroll)', () => {
+  it('wraps pure custom children in the internal scroll container by default (Dialog owns scroll)', () => {
     let control: ReturnType<typeof useDialogControl> | undefined;
     const result = renderWithTheme(
       <Harness>
@@ -214,7 +214,7 @@ describe('Dialog bottom placement delegates to BottomSheet', () => {
           control = c;
           return (
             <Dialog control={c} placement="bottom">
-              <Text>Custom children own their own scrolling</Text>
+              <Text>Custom children scroll inside the sheet by default</Text>
             </Dialog>
           );
         }}
@@ -223,9 +223,34 @@ describe('Dialog bottom placement delegates to BottomSheet', () => {
     act(() => {
       control?.open();
     });
-    // Pure custom children → DialogBottomSheet passes `scrollable={false}` to
-    // BottomSheet, so the sheet does NOT add its internal ScrollView. A child
-    // that contains its own scroller is then the ONLY scroll container.
+    // Pure custom children default to `scrollable` (undefined → true), so the
+    // sheet DOES add its internal ScrollView and the screen — stripped of its
+    // own scroller — scrolls inside it. The Dialog owns the scroll boundary.
+    const tree: RenderedNode | RenderedNode[] | null = result.toJSON();
+    expect(countNodesByType(tree, 'Animated.ScrollView')).toBe(1);
+  });
+
+  it('opts custom children OUT of the internal scroll container when scrollable={false}', () => {
+    let control: ReturnType<typeof useDialogControl> | undefined;
+    const result = renderWithTheme(
+      <Harness>
+        {(c) => {
+          control = c;
+          return (
+            <Dialog control={c} placement="bottom" scrollable={false}>
+              <Text>Owns its own FlatList</Text>
+            </Dialog>
+          );
+        }}
+      </Harness>,
+    );
+    act(() => {
+      control?.open();
+    });
+    // A surface whose content owns its own scroller (a FlatList / VirtualizedList)
+    // passes `scrollable={false}`, so the sheet does NOT add its internal
+    // ScrollView — the child is then the ONLY scroll container (no scroll-in-
+    // scroll, no "VirtualizedList inside a plain ScrollView" warning).
     const tree: RenderedNode | RenderedNode[] | null = result.toJSON();
     expect(countNodesByType(tree, 'Animated.ScrollView')).toBe(0);
   });

package/src/__tests__/DialogMorph.test.tsx

@@ -0,0 +1,230 @@
+import React from 'react';
+import { act, render } from '@testing-library/react-native';
+import type { LayoutChangeEvent, ViewStyle } from 'react-native';
+
+import {
+  DialogMorphContent,
+  useDialogFrame,
+  useDialogMorph,
+} from '../dialog/DialogMorph';
+
+/**
+ * Size morphing across an in-place content swap.
+ *
+ * These assert the STATE MACHINE — when the panel height is taken over and when
+ * it is handed back to natural sizing. The reanimated mock settles `withTiming`
+ * synchronously, so the frame-by-frame interpolation is NOT observable here; it
+ * is verified in a real browser, the only place reanimated's web mapper ticks.
+ */
+
+const layout = (height: number): LayoutChangeEvent =>
+  ({
+    nativeEvent: { layout: { x: 0, y: 0, width: 320, height } },
+  }) as LayoutChangeEvent;
+
+interface HarnessProps {
+  morphEnabled?: boolean;
+  measurable?: boolean;
+  frameKey: string;
+  frameMorph?: boolean;
+  onState: (state: {
+    panelStyle: ViewStyle;
+    onPanelLayout: (e: LayoutChangeEvent) => void;
+    onContentLayout: (e: LayoutChangeEvent) => void;
+  }) => void;
+}
+
+/** Drives one surface: measurement in, panel style + a frame-declaring child out. */
+function Harness({
+  morphEnabled = true,
+  measurable = true,
+  frameKey,
+  frameMorph,
+  onState,
+}: HarnessProps) {
+  const morph = useDialogMorph({ enabled: morphEnabled, measurable, maxHeight: 800 });
+  onState({
+    panelStyle: morph.panelStyle as ViewStyle,
+    onPanelLayout: morph.onPanelLayout,
+    onContentLayout: morph.onContentLayout,
+  });
+  return (
+    <DialogMorphContent morph={morph}>
+      <Frame frameKey={frameKey} frameMorph={frameMorph} />
+    </DialogMorphContent>
+  );
+}
+
+function Frame({ frameKey, frameMorph }: { frameKey: string; frameMorph?: boolean }) {
+  useDialogFrame({ key: frameKey, morph: frameMorph });
+  return null;
+}
+
+/** Mount the harness and return a handle for driving layout + swapping frames. */
+function mountHarness(props: Omit<Partial<HarnessProps>, 'onState' | 'frameKey'> = {}) {
+  let state: Parameters<HarnessProps['onState']>[0] | null = null;
+  const onState: HarnessProps['onState'] = (next) => {
+    state = next;
+  };
+  const element = (frameKey: string, extra: Omit<Partial<HarnessProps>, 'onState'> = {}) => (
+    <Harness frameKey={frameKey} onState={onState} {...props} {...extra} />
+  );
+  const { rerender, unmount } = render(element('a'));
+  const read = () => {
+    if (!state) throw new Error('harness did not render');
+    return state;
+  };
+  return {
+    /** The panel height the surface currently resolves to. */
+    panelHeight: () => read().panelStyle.height,
+    /** Report the panel's and then the content's laid-out heights. */
+    measure(panelHeight: number, contentHeight: number) {
+      act(() => {
+        read().onPanelLayout(layout(panelHeight));
+        read().onContentLayout(layout(contentHeight));
+      });
+    },
+    /**
+     * Report only the content's natural height (the incoming frame settling).
+     * Followed by a re-render: the mock's `useAnimatedStyle` only re-evaluates
+     * on render, whereas the real one re-runs on the shared-value write.
+     */
+    measureContent(contentHeight: number, frameKey = 'b') {
+      act(() => read().onContentLayout(layout(contentHeight)));
+      rerender(element(frameKey));
+    },
+    /** Declare a frame, then re-render so the resulting panel style is observable. */
+    swapTo(frameKey: string, extra: Omit<Partial<HarnessProps>, 'onState'> = {}) {
+      rerender(element(frameKey, extra));
+      rerender(element(frameKey, extra));
+    },
+    unmount,
+  };
+}
+
+describe('Dialog size morphing', () => {
+  it('leaves the panel naturally sized until a frame actually changes', () => {
+    const h = mountHarness();
+    expect(h.panelHeight()).toBe('auto');
+
+    h.measure(300, 298);
+    expect(h.panelHeight()).toBe('auto');
+
+    // Re-declaring the SAME frame is not a swap.
+    h.swapTo('a');
+    expect(h.panelHeight()).toBe('auto');
+    h.unmount();
+  });
+
+  it('pins the panel at the outgoing size, then releases onto the incoming one', () => {
+    const h = mountHarness();
+    h.measure(300, 298);
+
+    h.swapTo('b');
+    // Held at the size the outgoing frame was painted at — no jump while the
+    // incoming content is still being measured.
+    expect(h.panelHeight()).toBe(300);
+
+    // The incoming frame reports 500 of natural height; the panel carries the
+    // 2px of chrome calibrated from the outgoing frame, then hands the height
+    // back so later content changes size the panel normally again.
+    h.measureContent(500);
+    expect(h.panelHeight()).toBe('auto');
+    h.unmount();
+  });
+
+  it('releases the pin even when the incoming frame is taller than the bound', () => {
+    const h = mountHarness();
+    h.measure(300, 300);
+    h.swapTo('b');
+    expect(h.panelHeight()).toBe(300);
+
+    h.measureContent(5000);
+    expect(h.panelHeight()).toBe('auto');
+    h.unmount();
+  });
+
+  it('releases without reshaping when the incoming frame fills the space it is given', () => {
+    const h = mountHarness();
+    h.measure(300, 300);
+    h.swapTo('b');
+    expect(h.panelHeight()).toBe(300);
+
+    // A child that flexes to its container measures ~0 inside a content-sized
+    // wrapper; collapsing the panel onto that would empty the surface.
+    h.measureContent(0);
+    expect(h.panelHeight()).toBe('auto');
+    h.unmount();
+  });
+
+  it('never pins when nothing has been measured yet', () => {
+    const h = mountHarness();
+    h.swapTo('b');
+    expect(h.panelHeight()).toBe('auto');
+    h.unmount();
+  });
+
+  it('honours the per-frame morph opt-out', () => {
+    const h = mountHarness();
+    h.measure(300, 300);
+    h.swapTo('b', { frameMorph: false });
+    expect(h.panelHeight()).toBe('auto');
+    h.unmount();
+  });
+
+  it('honours the surface-level morph opt-out', () => {
+    const h = mountHarness({ morphEnabled: false });
+    h.measure(300, 300);
+    h.swapTo('b');
+    expect(h.panelHeight()).toBe('auto');
+    h.unmount();
+  });
+
+  it('does not pin a surface whose content owns its own size', () => {
+    const h = mountHarness({ measurable: false });
+    h.measure(300, 300);
+    h.swapTo('b');
+    expect(h.panelHeight()).toBe('auto');
+    h.unmount();
+  });
+
+  it('drives maxWidth only on a placement that can vary it', () => {
+    let fixedWidth: ViewStyle | null = null;
+    let varyingWidth: ViewStyle | null = null;
+    render(
+      <WidthHarness
+        onStyle={(s) => {
+          fixedWidth = s;
+        }}
+      />,
+    );
+    render(
+      <WidthHarness
+        maxWidth={480}
+        onStyle={(s) => {
+          varyingWidth = s;
+        }}
+      />,
+    );
+    expect((fixedWidth as unknown as ViewStyle).maxWidth).toBeUndefined();
+    expect((varyingWidth as unknown as ViewStyle).maxWidth).toBe(480);
+  });
+});
+
+function WidthHarness({
+  maxWidth,
+  onStyle,
+}: {
+  maxWidth?: number;
+  onStyle: (style: ViewStyle) => void;
+}) {
+  const morph = useDialogMorph({ enabled: true, measurable: true, maxHeight: 800, maxWidth });
+  onStyle(morph.panelStyle as ViewStyle);
+  return null;
+}
+
+describe('useDialogFrame outside a morph-capable surface', () => {
+  it('is a no-op (a side sheet, or a plain confirm dialog)', () => {
+    expect(() => render(<Frame frameKey="only" />)).not.toThrow();
+  });
+});

package/src/bottom-sheet/BottomSheetBase.tsx

@@ -6,6 +6,7 @@ import {
     Pressable,
     Dimensions,
     Platform,
+    type LayoutChangeEvent,
     type ViewStyle,
     type StyleProp,
 } from 'react-native';
@@ -55,6 +56,16 @@ export interface BottomSheetRef {
 
 export interface BottomSheetProps {
     children: React.ReactNode;
+    /**
+     * Controlled open state. When provided, the sheet mounts already-open if
+     * `true` (seeding its internal visible/rendered state) instead of relying on
+     * an imperative `present()` after mount. This is what makes a responsive
+     * `Dialog` survive a placement swap (centered card ↔ bottom sheet on resize):
+     * the freshly-mounted sheet is visible on its first commit, with no
+     * present()-in-effect race that would otherwise leave it blank. Omit for the
+     * purely imperative `present()`/`dismiss()` API.
+     */
+    open?: boolean;
     onDismiss?: () => void;
     enablePanDownToClose?: boolean;
     backgroundComponent?: (props: { style?: StyleProp<ViewStyle> }) => React.ReactElement | null;
@@ -128,6 +139,26 @@ export interface BottomSheetProps {
      * `showHandle` is `true`.
      */
     handleComponent?: () => React.ReactNode;
+    /**
+     * External shared value the internal scroll handler mirrors the content
+     * offset into (in addition to its own gesture-gating offset). Lets a host —
+     * e.g. a Dialog nav-header — drive a collapse from the sheet's OWN scroller
+     * without owning the ScrollView. Optional; the standalone sheet ignores it.
+     */
+    scrollY?: SharedValue<number>;
+    /**
+     * Overlay slot rendered absolutely at the TOP of the sheet card, painted
+     * above the scrolling body (clipped to the sheet's rounded top). Used by the
+     * Dialog to float its sticky nav header over the sheet's scroll content.
+     */
+    headerOverlay?: React.ReactNode;
+    /**
+     * Layout callback for the SHEET CARD — the same box `style` targets. Lets a
+     * host observe the card's rendered size (the Dialog measures it to morph the
+     * sheet between two content frames). Fires on every size change, including
+     * while a host animates the card's height.
+     */
+    onLayout?: (event: LayoutChangeEvent) => void;
 }
 
 /**
@@ -169,6 +200,7 @@ export const BottomSheetBase = forwardRef((props: BottomSheetBaseProps, ref: Rea
     const {
         Shell,
         children,
+        open,
         onDismiss,
         enablePanDownToClose = true,
         backgroundComponent,
@@ -183,14 +215,20 @@ export const BottomSheetBase = forwardRef((props: BottomSheetBaseProps, ref: Rea
         manualActivation = false,
         dynamicBackdrop = false,
         handleComponent,
+        scrollY: externalScrollY,
+        headerOverlay,
+        onLayout,
     } = props;
 
     const insets = useSafeAreaInsets();
     const theme = useTheme();
     const { colors } = theme;
     const { height: screenHeight } = useScreenDimensions();
-    const [visible, setVisible] = useState(false);
-    const [rendered, setRendered] = useState(false); // keep mounted for exit animation
+    // Seed from the controlled `open` prop so a sheet that should be open is
+    // visible on its FIRST commit (no present()-in-effect race) — this is what
+    // lets a responsive Dialog survive a resize placement swap without going blank.
+    const [visible, setVisible] = useState(() => open ?? false);
+    const [rendered, setRendered] = useState(() => open ?? false); // keep mounted for exit animation
     const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
     const hasClosedRef = useRef(false);
     const scrollViewRef = useRef<Animated.ScrollView>(null);
@@ -266,6 +304,12 @@ export const BottomSheetBase = forwardRef((props: BottomSheetBaseProps, ref: Rea
     useEffect(() => {
         renderedRef.current = rendered;
     }, [rendered]);
+    // Mirror `visible` so the unmount cleanup can tell "closing" (visible=false,
+    // animating out) from "fully open" (visible=true) at teardown time.
+    const visibleRef = useRef(visible);
+    useEffect(() => {
+        visibleRef.current = visible;
+    }, [visible]);
 
     /**
      * Commit a close. Two guards prevent stale callbacks from firing:
@@ -325,18 +369,24 @@ export const BottomSheetBase = forwardRef((props: BottomSheetBaseProps, ref: Rea
     }, [visible, rendered, finishClose, screenHeight, closeGeneration, opacity, translateY]);
 
     // On unmount: ensure pending close callbacks (e.g. consumer's `onDismiss`)
-    // still fire if the BS is yanked mid-animation by a parent re-render.
-    // Without this, `Dialog`'s `handleDismiss` never runs and queued
-    // callbacks (post-close handlers) are silently lost.
-    // Only fires when the sheet was actually rendered (open or closing) to
-    // avoid spuriously calling onDismiss on bare unmount of a never-opened
-    // sheet. Refs are read inside the cleanup, so latest values are captured.
+    // still fire if the BS is yanked mid-animation by a parent re-render while a
+    // close is IN PROGRESS. Without this, `Dialog`'s `handleDismiss` never runs
+    // and queued callbacks (post-close handlers) are silently lost.
+    //
+    // Guarded on `!visibleRef.current`: only flush when a close was already
+    // underway (visible=false → closing/animating out). A sheet yanked while
+    // still FULLY OPEN (visible=true) is not closing — it is being swapped out by
+    // a parent, e.g. a responsive `Dialog` crossing its breakpoint between the
+    // bottom-sheet and centered-card branches. Firing onDismiss there would
+    // wrongly dismiss the surface mid-swap (there are no pending close callbacks
+    // to flush anyway), so the new branch can take over still-open. Refs are read
+    // inside the cleanup, so the latest values are captured.
     useEffect(() => () => {
         if (closeTimeoutRef.current) {
             clearTimeout(closeTimeoutRef.current);
             closeTimeoutRef.current = null;
         }
-        if (renderedRef.current && !hasClosedRef.current) {
+        if (renderedRef.current && !hasClosedRef.current && !visibleRef.current) {
             hasClosedRef.current = true;
             safeCloseRef.current();
         }
@@ -639,8 +689,12 @@ export const BottomSheetBase = forwardRef((props: BottomSheetBaseProps, ref: Rea
         onScroll: (event) => {
             scrollOffsetY.value = event.contentOffset.y;
             isScrollAtTop.value = event.contentOffset.y <= 0;
+            // Mirror into the host's collapse offset (a Dialog nav header) when
+            // provided. Listed in deps so the RN-Web (no worklets plugin) handler
+            // re-binds if the shared value identity changes.
+            if (externalScrollY) externalScrollY.value = event.contentOffset.y;
         },
-    }, []);
+    }, [externalScrollY]);
 
     const dynamicStyles = useMemo(() => {
         return StyleSheet.create({
@@ -735,12 +789,19 @@ export const BottomSheetBase = forwardRef((props: BottomSheetBaseProps, ref: Rea
                 </Animated.View>
 
                 <GestureDetector gesture={panGesture}>
-                    <Animated.View style={[dynamicStyles.sheet, sheetMarginStyle, sheetStyle, sheetHeightStyle, style]}>
+                    <Animated.View
+                        onLayout={onLayout}
+                        style={[dynamicStyles.sheet, sheetMarginStyle, sheetStyle, sheetHeightStyle, style]}
+                    >
                         {backgroundComponent?.({ style: styles.background })}
 
                         {handleSlot}
 
                         {bodyContent}
+
+                        {/* Sticky nav-header overlay (Dialog nav-header mode): floats
+                            above the scroll body, clipped to the sheet's rounded top. */}
+                        {headerOverlay}
                     </Animated.View>
                 </GestureDetector>
             </View>