@oxyhq/bloom 0.45.0 → 0.48.0

package/lib/commonjs/dialog/DialogBottomSheet.js

@@ -10,6 +10,7 @@ var _bottomSheet = require("../bottom-sheet");
 var _useTheme = require("../theme/use-theme.js");
 var _context = require("./context.js");
 var _DialogContent = require("./DialogContent.js");
+var _DialogHeader = require("./DialogHeader.js");
 var _placement = require("./placement.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -36,15 +37,18 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function DialogBottomSheet({
   control,
   open: controlledOpen,
+  startOpen,
   onClose,
   testID,
   title,
   description,
   actions,
+  header,
   maxHeightRatio = _placement.DEFAULT_MAX_HEIGHT_RATIO,
   showHandle = true,
   dismissOnBackdrop = true,
   contentPadding = _placement.DEFAULT_DIALOG_CONTENT_PADDING,
+  scrollable,
   style,
   panelStyle,
   panelClassName,
@@ -59,6 +63,7 @@ function DialogBottomSheet({
   const closeCallbacks = (0, _react.useRef)([]);
   const titleId = (0, _react.useId)();
   const descriptionId = (0, _react.useId)();
+  const headerController = (0, _DialogHeader.useDialogHeaderController)();
 
   // Read the latest controlled flag / `onClose` inside stable callbacks without
   // re-binding them (the context + imperative handle depend on `close` staying
@@ -151,38 +156,92 @@ function DialogBottomSheet({
   }, [theme.colors.background, maxHeightRatio, panelStyle]);
 
   // Does this dialog render bloom's declarative chrome (title / description /
-  // actions), or is it pure custom `children`? Pure custom children own their
-  // own layout and scrolling, so we render them through a NON-scrollable
-  // BottomSheet body — otherwise the sheet's internal ScrollView would wrap a
-  // child that already contains its own scroller, producing a scroll-in-scroll
-  // (double scroll container). Declarative dialogs are short and keep the
-  // sheet's default scrollable body so they degrade gracefully on small
-  // viewports. This only changes what `DialogBottomSheet` passes to
-  // `BottomSheet`; the standalone `BottomSheet` API and its `scrollable` default
-  // are unchanged for direct consumers.
+  // actions)? This no longer gates the SCROLL decision (that is now the explicit
+  // `scrollable` prop below) — it only opts declarative dialogs into the
+  // gorhom-style pan coordination for their internal ScrollView. A declarative
+  // dialog overflowing on a small viewport needs the coordinated pan so the body
+  // scrolls instead of the drag stealing every vertical gesture; pure-custom
+  // children keep the legacy always-active pan.
   const hasDeclarativeChrome = title !== undefined || description !== undefined || actions !== undefined && actions.length > 0;
+  const scrollableResolved = scrollable ?? true;
+  const dialogBody = /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContent.DialogBody, {
+    titleId: titleId,
+    descriptionId: descriptionId,
+    title: title,
+    description: description,
+    actions: actions,
+    children: children
+  });
+
+  // Nav-header mode: the Dialog OWNS a sticky gradient nav bar + a large
+  // collapsing title over the sheet's OWN scroll content. The bar floats via the
+  // BottomSheet `headerOverlay` slot; the sheet's scroll offset feeds the shared
+  // controller (`scrollY`) that drives the small-title cross-fade. `contentPadding`
+  // is dropped (the large title + screens own their padding).
+  const headerBody = header ? scrollableResolved ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogHeader.DialogLargeTitle, {
+      controller: headerController,
+      header: header
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogHeader.DialogHeaderProvider, {
+      controller: headerController,
+      children: dialogBody
+    })]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        height: _DialogHeader.DIALOG_NAV_BAR_HEIGHT
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogHeader.DialogHeaderProvider, {
+      controller: headerController,
+      children: dialogBody
+    })]
+  }) : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheet, {
-    ref: ref,
+    ref: ref
+    // Seed the sheet's open state so a fresh mount that should be open renders
+    // visible on its FIRST commit instead of relying on a present()-in-effect
+    // that races the mount and flashes blank. In controlled mode that seed is
+    // `controlledOpen`; in imperative mode it is the surface's `startOpen`
+    // intent — which is what lets a responsive Dialog survive a resize
+    // placement swap (centered card → bottom sheet) STILL OPEN.
+    ,
+    open: isControlled ? controlledOpen : startOpen,
     onDismiss: handleDismiss,
     onDismissAttempt: onDismissAttempt,
-    enablePanDownToClose: true,
-    showHandle: showHandle
-    // Pure custom children own scrolling → opt OUT of BottomSheet's internal
-    // ScrollView so there is exactly ONE scroll container (no scroll-in-scroll).
+    enablePanDownToClose: true
+    // Nav-header mode hides the drag handle (the nav bar sits at the very top);
+    // drag-to-dismiss still works via the coordinated body pan.
     ,
-    scrollable: hasDeclarativeChrome
-    // Declarative dialogs (title/description/actions) that overflow render a
-    // tall body inside BottomSheet's internal ScrollView. Opt those sheets into
+    showHandle: header ? false : showHandle
+    // Content scrolls inside the sheet's internal ScrollView by default; the
+    // Dialog owns the scroll boundary. A surface whose content owns its own
+    // scroller (a FlatList / VirtualizedList) passes `scrollable={false}` to
+    // opt OUT so there is exactly ONE scroll container (no scroll-in-scroll,
+    // no "VirtualizedList inside a plain ScrollView" warning).
+    ,
+    scrollable: scrollableResolved
+    // Declarative dialogs (title/description/actions) that overflow — AND every
+    // nav-header page (its scroll content overflows by design) — need
     // gorhom-style pan coordination: the drag-to-dismiss pan only activates
     // when the ScrollView is at the top AND the finger moves down >8dp —
     // otherwise the ScrollView owns the touch. Without this the always-active
     // legacy body-pan steals vertical drags and a tall body cannot scroll
     // (dragging up dismisses the sheet / bleeds into the parent instead). The
     // standalone `BottomSheet` API keeps its legacy `manualActivation={false}`
-    // default, so direct consumers are unaffected. Gated on the same flag as
-    // `scrollable` because only the internal-ScrollView path needs it.
+    // default, so direct consumers are unaffected.
+    ,
+    manualActivation: header ? scrollableResolved : hasDeclarativeChrome
+    // Feed the sheet's scroll offset into the nav header's collapse controller.
+    ,
+    scrollY: header ? headerController.scrollY : undefined
+    // Float the sticky nav bar over the scroll body (clipped to the sheet top).
     ,
-    manualActivation: hasDeclarativeChrome
+    headerOverlay: header ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogHeader.DialogNavHeader, {
+      controller: headerController,
+      header: header,
+      onDismiss: close,
+      collapse: scrollableResolved
+    }) : undefined
     // Stronger dim than a lone sheet so an underlying sheet's handle/content
     // doesn't bleed through when a Dialog is stacked over one.
     ,
@@ -201,20 +260,16 @@ function DialogBottomSheet({
         ...(panelClassName ? {
           className: panelClassName
         } : {}),
-        style: [{
+        style: [
+        // Nav-header mode: the large title + screens own their padding, so the
+        // wrapper adds none. Otherwise the Dialog's uniform content padding.
+        header ? null : {
           padding: contentPadding
         },
         // `containerStyle` carries the host's CSS-var theme scope; it wraps
         // the content subtree so descendants read the scoped palette.
         containerStyle, style, panelStyle],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContent.DialogBody, {
-          titleId: titleId,
-          descriptionId: descriptionId,
-          title: title,
-          description: description,
-          actions: actions,
-          children: children
-        })
+        children: header ? headerBody : dialogBody
       })
     })
   });

package/lib/commonjs/dialog/DialogBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_bottomSheet","_useTheme","_context","_DialogContent","_placement","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DialogBottomSheet","control","open","controlledOpen","onClose","testID","title","description","actions","maxHeightRatio","DEFAULT_MAX_HEIGHT_RATIO","showHandle","dismissOnBackdrop","contentPadding","DEFAULT_DIALOG_CONTENT_PADDING","style","panelStyle","panelClassName","containerStyle","containerClassName","label","children","isControlled","undefined","theme","useTheme","ref","useRef","closeCallbacks","titleId","useId","descriptionId","isControlledRef","current","onCloseRef","callQueuedCallbacks","useCallback","queued","cb","console","error","present","close","push","dismiss","handleDismiss","useEffect","useImperativeHandle","context","useMemo","isWithinDialog","onDismissAttempt","sheetStyle","maxHeightPercent","Math","round","backgroundColor","colors","background","borderTopLeftRadius","PANEL_RADIUS","borderTopRightRadius","maxHeight","hasDeclarativeChrome","length","jsx","BottomSheet","onDismiss","enablePanDownToClose","scrollable","manualActivation","backdropOpacity","SHEET_BACKDROP_OPACITY","Context","Provider","value","View","accessibilityLabel","className","padding","DialogBody"],"sourceRoot":"../../../src","sources":["dialog/DialogBottomSheet.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_bottomSheet","_useTheme","_context","_DialogContent","_DialogHeader","_placement","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DialogBottomSheet","control","open","controlledOpen","startOpen","onClose","testID","title","description","actions","header","maxHeightRatio","DEFAULT_MAX_HEIGHT_RATIO","showHandle","dismissOnBackdrop","contentPadding","DEFAULT_DIALOG_CONTENT_PADDING","scrollable","style","panelStyle","panelClassName","containerStyle","containerClassName","label","children","isControlled","undefined","theme","useTheme","ref","useRef","closeCallbacks","titleId","useId","descriptionId","headerController","useDialogHeaderController","isControlledRef","current","onCloseRef","callQueuedCallbacks","useCallback","queued","cb","console","error","present","close","push","dismiss","handleDismiss","useEffect","useImperativeHandle","context","useMemo","isWithinDialog","onDismissAttempt","sheetStyle","maxHeightPercent","Math","round","backgroundColor","colors","background","borderTopLeftRadius","PANEL_RADIUS","borderTopRightRadius","maxHeight","hasDeclarativeChrome","length","scrollableResolved","dialogBody","jsx","DialogBody","headerBody","jsxs","Fragment","DialogLargeTitle","controller","DialogHeaderProvider","View","height","DIALOG_NAV_BAR_HEIGHT","BottomSheet","onDismiss","enablePanDownToClose","manualActivation","scrollY","headerOverlay","DialogNavHeader","collapse","backdropOpacity","SHEET_BACKDROP_OPACITY","Context","Provider","value","accessibilityLabel","className","padding"],"sourceRoot":"../../../src","sources":["dialog/DialogBottomSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/dialog/DialogHeader.js

@@ -0,0 +1,365 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DIALOG_NAV_BAR_HEIGHT = exports.DIALOG_HEADER_OVERLAY_HEIGHT = exports.DIALOG_HEADER_CONTENT_TOP = void 0;
+exports.DialogHeaderProvider = DialogHeaderProvider;
+exports.DialogNavHeader = exports.DialogLargeTitle = void 0;
+exports.useDialogHeader = useDialogHeader;
+exports.useDialogHeaderController = useDialogHeaderController;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _index = require("../icons/index.js");
+var _frostedIconButton = require("../frosted-icon-button");
+var _useTheme = require("../theme/use-theme.js");
+var _index2 = require("../typography/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ---------------------------------------------------------------------------
+//  Dialog-owned navigation header (iOS large-title collapse).
+//
+//  This is a DISTINCT surface mode from the declarative
+//  `title`/`description`/`actions` centered-heading path: it turns the Dialog
+//  into a scrolling page with a sticky, gradient top bar (left + right slots)
+//  and a large collapsing title that lives in the Dialog's OWN scroll content.
+//  As the large title scrolls under the bar, a small title cross-fades into the
+//  bar center.
+//
+//  Screens render NO header of their own — they declare their title/subtitle
+//  (via the surface registry) or contribute runtime slots (a Save action, a
+//  dynamic title) through {@link useDialogHeader}.
+// ---------------------------------------------------------------------------
+
+/** Interactive nav-bar row height (px). Buttons + collapsed title live here. */
+const DIALOG_NAV_BAR_HEIGHT = exports.DIALOG_NAV_BAR_HEIGHT = 52;
+
+/** Extra gradient tail (px) below the bar, over which scrolled content fades. */
+const GRADIENT_FADE = 20;
+
+/** Total gradient overlay height (bar + fade tail). */
+const DIALOG_HEADER_OVERLAY_HEIGHT = exports.DIALOG_HEADER_OVERLAY_HEIGHT = DIALOG_NAV_BAR_HEIGHT + GRADIENT_FADE;
+
+/**
+ * Top inset applied to the Dialog's scroll content so the large title starts
+ * BELOW the whole gradient overlay (fully clear at rest, then scrolls under it).
+ */
+const DIALOG_HEADER_CONTENT_TOP = exports.DIALOG_HEADER_CONTENT_TOP = DIALOG_HEADER_OVERLAY_HEIGHT;
+
+/** Horizontal gutter — matches the `screen-margin` (20px) SDK screens use. */
+const HEADER_H_PADDING = 20;
+
+/** Circular icon-button diameter for the default back / close affordances. */
+const NAV_BUTTON_SIZE = 36;
+
+// --- Runtime override store (child screen → nav bar / large title) ----------
+//
+// The nav bar overlay and the in-content large title live in DIFFERENT subtrees
+// (the bar is a sibling ABOVE the scroller; the large title + the screen are
+// inside it), so a plain React ancestor context cannot bridge a screen's runtime
+// contribution up to the bar. We use a tiny external store instead: the screen
+// writes its override through {@link useDialogHeader}; the bar and large title
+// read it via `useSyncExternalStore`. Only those two re-render — never the
+// screen subtree — and there is no shared-ancestor constraint.
+
+function configsEqual(a, b) {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  return a.title === b.title && a.subtitle === b.subtitle && a.largeTitle === b.largeTitle && a.left === b.left && a.right === b.right && a.onBack === b.onBack && a.showClose === b.showClose;
+}
+function createHeaderStore() {
+  let override = null;
+  const listeners = new Set();
+  return {
+    getSnapshot: () => override,
+    setOverride: next => {
+      if (configsEqual(override, next)) return;
+      override = next;
+      for (const l of listeners) l();
+    },
+    subscribe: listener => {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    }
+  };
+}
+
+/**
+ * The per-surface header controller — the scroll offset + measured large-title
+ * height shared values plus the runtime-override store. Created once per Dialog
+ * (via {@link useDialogHeaderController}) and threaded into the scroller (writes
+ * `scrollY`), the nav bar, the large title, and the child provider.
+ */
+
+/** Create the header controller for one Dialog. Stable for the Dialog's life. */
+function useDialogHeaderController() {
+  const scrollY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const largeTitleHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const store = (0, _react.useMemo)(() => createHeaderStore(), []);
+  return (0, _react.useMemo)(() => ({
+    scrollY,
+    largeTitleHeight,
+    store
+  }), [scrollY, largeTitleHeight, store]);
+}
+const DialogHeaderContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+/**
+ * Wraps the Dialog's scroll content so a mounted screen can contribute header
+ * slots via {@link useDialogHeader}. Only the child subtree needs this — the nav
+ * bar and large title read the same controller directly.
+ */
+function DialogHeaderProvider({
+  controller,
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogHeaderContext.Provider, {
+    value: controller,
+    children: children
+  });
+}
+
+/**
+ * Contribute header content from within a Dialog surface — a dynamic title, a
+ * Save action, custom slots. Merges over the surface's static (registry) header
+ * config; unmounting clears the contribution. Slot nodes (`left`/`right`) MUST
+ * be referentially stable (memoize them) so the effect does not thrash.
+ *
+ * No-op outside a header-mode Dialog (e.g. a confirm dialog), so a screen can
+ * call it unconditionally.
+ */
+function useDialogHeader(config) {
+  const controller = (0, _react.useContext)(DialogHeaderContext);
+  const store = controller?.store;
+  // Set synchronously in the commit's layout phase so the bar/title fill in
+  // BEFORE the browser paints — no first-frame flash of an empty bar.
+  (0, _react.useLayoutEffect)(() => {
+    if (!store) return;
+    store.setOverride(config ?? null);
+    return () => store.setOverride(null);
+    // Slot nodes are compared by identity; callers memoize them.
+  }, [store, config?.title, config?.subtitle, config?.largeTitle, config?.left, config?.right, config?.onBack, config?.showClose]);
+}
+
+/** Read the merged (base + runtime-override) header config, reactively. */
+function useMergedHeaderConfig(base, store) {
+  const override = (0, _react.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
+  return (0, _react.useMemo)(() => override ? {
+    ...base,
+    ...override
+  } : base, [base, override]);
+}
+
+// --- Nav bar overlay --------------------------------------------------------
+
+/**
+ * The sticky nav bar: gradient background + left / center (collapsing title) /
+ * right slots. Absolutely positioned at the top of the Dialog surface, painted
+ * ABOVE the scroll content. Reads the scroll offset to cross-fade the small
+ * title in as the large title scrolls under it.
+ *
+ * `onDismiss` is the Dialog's own close (the default right-slot close button
+ * calls it) — passed explicitly rather than read from the dialog context because
+ * the bar is rendered as a sibling of the scroller, outside that context on the
+ * bottom-sheet path.
+ */
+const DialogNavHeader = exports.DialogNavHeader = /*#__PURE__*/(0, _react.memo)(function DialogNavHeader({
+  controller,
+  header,
+  onDismiss,
+  collapse = true,
+  style
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const config = useMergedHeaderConfig(header, controller.store);
+  const {
+    scrollY,
+    largeTitleHeight
+  } = controller;
+  const hasLargeTitle = collapse && (config.largeTitle ?? true) && !!config.title;
+  const titleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    // When there is no large title to collapse under, the bar title is always
+    // shown (a plain, non-collapsing nav bar). Otherwise it cross-fades in as the
+    // large title scrolls up under the bar.
+    if (!hasLargeTitle) return {
+      opacity: 1,
+      transform: [{
+        translateY: 0
+      }]
+    };
+    const threshold = largeTitleHeight.value > 0 ? largeTitleHeight.value : 44;
+    const start = threshold * 0.35;
+    const end = threshold * 0.9;
+    return {
+      opacity: (0, _reactNativeReanimated.interpolate)(scrollY.value, [start, end], [0, 1], _reactNativeReanimated.Extrapolation.CLAMP),
+      transform: [{
+        translateY: (0, _reactNativeReanimated.interpolate)(scrollY.value, [start, end], [10, 0], _reactNativeReanimated.Extrapolation.CLAMP)
+      }]
+    };
+    // Reanimated on RN-Web has no worklets plugin: every shared value the mapper
+    // reads MUST be in the deps array or it freezes on the first frame.
+  }, [scrollY, largeTitleHeight, hasLargeTitle]);
+  const left = config.left ?? (config.onBack ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_frostedIconButton.FrostedIconButton, {
+    onPress: config.onBack,
+    accessibilityLabel: "Go back",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChevronLeft_Stroke2_Corner0_Rounded, {
+      size: "md"
+    })
+  }) : null);
+  const right = config.right ?? (config.showClose !== false ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_frostedIconButton.FrostedIconButton, {
+    onPress: onDismiss,
+    accessibilityLabel: "Close",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TimesLarge_Stroke2_Corner0_Rounded, {
+      size: "md"
+    })
+  }) : null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    pointerEvents: "box-none",
+    style: [styles.overlay, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      className: "bg-gradient-to-b from-bg to-transparent",
+      style: [_reactNative.StyleSheet.absoluteFill, {
+        height: DIALOG_HEADER_OVERLAY_HEIGHT
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      pointerEvents: "box-none",
+      style: styles.navRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.side,
+        children: left
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+        pointerEvents: "none",
+        testID: "dialog-nav-title",
+        style: [styles.centerTitle, titleStyle],
+        children: [config.title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          numberOfLines: 1,
+          style: [styles.smallTitle, {
+            color: theme.colors.text
+          }],
+          children: config.title
+        }) : null, !hasLargeTitle && config.subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+          numberOfLines: 1,
+          style: [styles.smallSubtitle, {
+            color: theme.colors.textSecondary
+          }],
+          children: config.subtitle
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.side, styles.sideRight],
+        children: right
+      })]
+    })]
+  });
+});
+
+// --- In-content large title -------------------------------------------------
+
+/**
+ * The large collapsing title, rendered at the TOP of the Dialog's scroll content
+ * (before the screen body). Owns the content top inset (so the title starts
+ * below the gradient overlay) and measures its own text height into the
+ * controller so the nav bar knows when to cross-fade the small title in.
+ */
+const DialogLargeTitle = exports.DialogLargeTitle = /*#__PURE__*/(0, _react.memo)(function DialogLargeTitle({
+  controller,
+  header
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const config = useMergedHeaderConfig(header, controller.store);
+  const {
+    largeTitleHeight
+  } = controller;
+  const hasLargeTitle = (config.largeTitle ?? true) && !!config.title;
+  const onLayout = e => {
+    largeTitleHeight.value = e.nativeEvent.layout.height;
+  };
+  if (!hasLargeTitle) {
+    // No large title: just inset the content below the nav bar.
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        height: DIALOG_NAV_BAR_HEIGHT
+      }
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        height: DIALOG_HEADER_CONTENT_TOP
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      onLayout: onLayout,
+      testID: "dialog-large-title",
+      style: styles.largeTitleBlock,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.H1, {
+        style: [styles.largeTitle, {
+          color: theme.colors.text
+        }],
+        children: config.title
+      }), config.subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: [styles.largeSubtitle, {
+          color: theme.colors.textSecondary
+        }],
+        children: config.subtitle
+      }) : null]
+    })]
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    height: DIALOG_HEADER_OVERLAY_HEIGHT,
+    zIndex: 10
+  },
+  navRow: {
+    height: DIALOG_NAV_BAR_HEIGHT,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: HEADER_H_PADDING - 4
+  },
+  side: {
+    minWidth: NAV_BUTTON_SIZE,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  sideRight: {
+    justifyContent: 'flex-end'
+  },
+  centerTitle: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 8
+  },
+  smallTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    letterSpacing: -0.2,
+    lineHeight: 20
+  },
+  smallSubtitle: {
+    fontSize: 12,
+    fontWeight: '400',
+    lineHeight: 14
+  },
+  largeTitleBlock: {
+    paddingHorizontal: HEADER_H_PADDING,
+    paddingBottom: 4
+  },
+  largeTitle: {
+    fontSize: 32,
+    lineHeight: 38,
+    letterSpacing: -0.5,
+    fontWeight: '700'
+  },
+  largeSubtitle: {
+    fontSize: 16,
+    lineHeight: 22,
+    marginTop: 4
+  }
+});
+//# sourceMappingURL=DialogHeader.js.map

package/lib/commonjs/dialog/DialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_index","_frostedIconButton","_useTheme","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DIALOG_NAV_BAR_HEIGHT","exports","GRADIENT_FADE","DIALOG_HEADER_OVERLAY_HEIGHT","DIALOG_HEADER_CONTENT_TOP","HEADER_H_PADDING","NAV_BUTTON_SIZE","configsEqual","a","b","title","subtitle","largeTitle","left","right","onBack","showClose","createHeaderStore","override","listeners","Set","getSnapshot","setOverride","next","l","subscribe","listener","add","delete","useDialogHeaderController","scrollY","useSharedValue","largeTitleHeight","store","useMemo","DialogHeaderContext","createContext","DialogHeaderProvider","controller","children","jsx","Provider","value","useDialogHeader","config","useContext","useLayoutEffect","useMergedHeaderConfig","base","useSyncExternalStore","DialogNavHeader","memo","header","onDismiss","collapse","style","theme","useTheme","hasLargeTitle","titleStyle","useAnimatedStyle","opacity","transform","translateY","threshold","start","end","interpolate","Extrapolation","CLAMP","FrostedIconButton","onPress","accessibilityLabel","icon","ChevronLeft_Stroke2_Corner0_Rounded","size","TimesLarge_Stroke2_Corner0_Rounded","jsxs","View","pointerEvents","styles","overlay","className","StyleSheet","absoluteFill","height","navRow","side","testID","centerTitle","Text","numberOfLines","smallTitle","color","colors","text","smallSubtitle","textSecondary","sideRight","DialogLargeTitle","onLayout","nativeEvent","layout","Fragment","largeTitleBlock","H1","largeSubtitle","create","position","top","zIndex","flexDirection","alignItems","paddingHorizontal","minWidth","justifyContent","flex","fontSize","fontWeight","letterSpacing","lineHeight","paddingBottom","marginTop"],"sourceRoot":"../../../src","sources":["dialog/DialogHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/dialog/index.js

@@ -39,8 +39,15 @@ Object.defineProperty(exports, "useDialogControl", {
     return _context.useDialogControl;
   }
 });
+Object.defineProperty(exports, "useDialogHeader", {
+  enumerable: true,
+  get: function () {
+    return _DialogHeader.useDialogHeader;
+  }
+});
 var _Dialog = require("./Dialog");
 var _BloomDialogProvider = require("./BloomDialogProvider");
 var _alert = require("./alert.js");
 var _context = require("./context.js");
+var _DialogHeader = require("./DialogHeader.js");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Dialog","require","_BloomDialogProvider","_alert","_context"],"sourceRoot":"../../../src","sources":["dialog/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA","ignoreList":[]}
+{"version":3,"names":["_Dialog","require","_BloomDialogProvider","_alert","_context","_DialogHeader"],"sourceRoot":"../../../src","sources":["dialog/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/dialog/index.web.js

@@ -45,8 +45,15 @@ Object.defineProperty(exports, "useDialogControl", {
     return _context.useDialogControl;
   }
 });
+Object.defineProperty(exports, "useDialogHeader", {
+  enumerable: true,
+  get: function () {
+    return _DialogHeader.useDialogHeader;
+  }
+});
 var _DialogWeb = require("./Dialog.web.js");
 var _BloomDialogProviderWeb = require("./BloomDialogProvider.web.js");
 var _alert = require("./alert.js");
 var _context = require("./context.js");
+var _DialogHeader = require("./DialogHeader.js");
 //# sourceMappingURL=index.web.js.map