@oxyhq/bloom 0.3.7 → 0.3.9

package/lib/module/dialog/Dialog.js

@@ -3,28 +3,11 @@
 import React, { useCallback, useImperativeHandle, useMemo, useRef } from 'react';
 import { Pressable, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { BottomSheet } from "../bottom-sheet/index.js";
 import { useTheme } from "../theme/use-theme.js";
-import { lazyRequire } from "../utils/lazy-require.js";
 import { Context, useDialogContext } from "./context.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export { useDialogContext, useDialogControl } from "./context.js";
-
-// ---------------------------------------------------------------------------
-// Local types for @gorhom/bottom-sheet — declared here instead of imported so
-// that Bloom type-checks cleanly in downstream projects that do not install
-// this optional peer dependency. The module is still consumed at runtime via
-// `lazyRequire`, which returns `null` if the package is missing. In that case
-// Dialog.Outer renders nothing with a console warning, so consumers on native
-// MUST install @gorhom/bottom-sheet to use Bloom's Dialog on native.
-// ---------------------------------------------------------------------------
-
-const getBottomSheetModule = lazyRequire('@gorhom/bottom-sheet');
-let warnedAboutMissingBottomSheet = false;
-function warnMissingBottomSheet() {
-  if (warnedAboutMissingBottomSheet) return;
-  warnedAboutMissingBottomSheet = true;
-  console.warn("[bloom] @gorhom/bottom-sheet is not installed. Bloom's native Dialog will not render. " + 'Install it as a peer dependency to enable Dialog on native, or rely on the web Dialog implementation on web.');
-}
 export function Outer({
   children,
   control,
@@ -54,6 +37,11 @@ export function Outer({
     }
     ref.current?.dismiss();
   }, []);
+
+  // onDismiss fires after the BottomSheet's close animation finishes — this is
+  // the integration point for the closeCallbacks queue. Consumers (e.g.
+  // Prompt.Action) rely on the queued callback running AFTER the sheet has
+  // visually closed so the screen transition feels natural.
   const handleDismiss = useCallback(() => {
     callQueuedCallbacks();
     onClose?.();
@@ -66,53 +54,26 @@ export function Outer({
     close,
     isWithinDialog: true
   }), [close]);
-  const bottomSheet = getBottomSheetModule();
-  const renderBackdrop = useCallback(props => {
-    if (!bottomSheet) return null;
-    const {
-      BottomSheetBackdrop
-    } = bottomSheet;
-    return /*#__PURE__*/_jsx(BottomSheetBackdrop, {
-      ...props,
-      appearsOnIndex: 0,
-      disappearsOnIndex: -1,
-      pressBehavior: "close",
-      opacity: 0.4
-    });
-  }, [bottomSheet]);
-  const renderHandle = useCallback(() => null, []);
-  if (!bottomSheet) {
-    // Optional peer `@gorhom/bottom-sheet` is not installed.
-    // Dialog.Outer is a no-op in this environment; consumers on native must
-    // install the peer to use Bloom's native Dialog implementation.
-    warnMissingBottomSheet();
-    return null;
-  }
-  const {
-    BottomSheetModal,
-    BottomSheetView
-  } = bottomSheet;
-  return /*#__PURE__*/_jsx(BottomSheetModal, {
+  const sheetStyle = useMemo(() => [{
+    maxWidth: 500,
+    backgroundColor: theme.colors.background,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20
+  },
+  // When the dialog should not be expandable to fill the screen, clamp the
+  // sheet to a comfortable fixed height. Mirrors the historical gorhom
+  // behaviour where `preventExpansion` locked the sheet to a 40% snap point.
+  preventExpansion ? {
+    height: '40%'
+  } : null], [theme.colors.background, preventExpansion]);
+  return /*#__PURE__*/_jsx(BottomSheet, {
     ref: ref,
-    enablePanDownToClose: true,
-    enableDismissOnClose: true,
-    enableDynamicSizing: !preventExpansion,
-    snapPoints: preventExpansion ? ['40%'] : undefined,
-    backgroundStyle: {
-      backgroundColor: theme.colors.background,
-      borderTopLeftRadius: 20,
-      borderTopRightRadius: 20
-    },
-    handleComponent: renderHandle,
-    backdropComponent: renderBackdrop,
     onDismiss: handleDismiss,
-    style: {
-      maxWidth: 500,
-      margin: 'auto'
-    },
+    enablePanDownToClose: true,
+    style: sheetStyle,
     children: /*#__PURE__*/_jsx(Context.Provider, {
       value: context,
-      children: /*#__PURE__*/_jsx(BottomSheetView, {
+      children: /*#__PURE__*/_jsx(View, {
         testID: testID,
         style: {
           backgroundColor: theme.colors.background

package/lib/module/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useImperativeHandle","useMemo","useRef","Pressable","StyleSheet","View","useSafeAreaInsets","useTheme","lazyRequire","Context","useDialogContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useDialogControl","getBottomSheetModule","warnedAboutMissingBottomSheet","warnMissingBottomSheet","console","warn","Outer","children","control","onClose","testID","preventExpansion","theme","ref","closeCallbacks","callQueuedCallbacks","cb","current","e","error","open","present","close","push","dismiss","handleDismiss","context","isWithinDialog","bottomSheet","renderBackdrop","props","BottomSheetBackdrop","appearsOnIndex","disappearsOnIndex","pressBehavior","opacity","renderHandle","BottomSheetModal","BottomSheetView","enablePanDownToClose","enableDismissOnClose","enableDynamicSizing","snapPoints","undefined","backgroundStyle","backgroundColor","colors","background","borderTopLeftRadius","borderTopRightRadius","handleComponent","backdropComponent","onDismiss","style","maxWidth","margin","Provider","value","Inner","header","contentContainerStyle","insets","paddingTop","paddingHorizontal","paddingBottom","bottom","top","ScrollableInner","handleStyles","create","container","position","width","alignItems","zIndex","height","bar","borderRadius","alignSelf","Handle","onPress","accessibilityLabel","accessibilityHint","hitSlop","left","right","text","Close","Backdrop"],"sourceRoot":"../../../src","sources":["dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useImperativeHandle","useMemo","useRef","Pressable","StyleSheet","View","useSafeAreaInsets","BottomSheet","useTheme","Context","useDialogContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useDialogControl","Outer","children","control","onClose","testID","preventExpansion","theme","ref","closeCallbacks","callQueuedCallbacks","cb","current","e","console","error","open","present","close","push","dismiss","handleDismiss","context","isWithinDialog","sheetStyle","maxWidth","backgroundColor","colors","background","borderTopLeftRadius","borderTopRightRadius","height","onDismiss","enablePanDownToClose","style","Provider","value","Inner","header","contentContainerStyle","insets","paddingTop","paddingHorizontal","paddingBottom","bottom","top","ScrollableInner","props","handleStyles","create","container","position","width","alignItems","zIndex","bar","borderRadius","alignSelf","opacity","Handle","onPress","accessibilityLabel","accessibilityHint","hitSlop","left","right","text","Close","Backdrop"],"sourceRoot":"../../../src","sources":["dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,10 +3,9 @@
 // Web variant of the `./dialog` barrel.
 //
 // The default barrel (`./index.ts`) re-exports from `./Dialog`, which on
-// native uses `react-native-safe-area-context` and pulls in
-// `@gorhom/bottom-sheet` via `lazyRequire`. The web fork (`./Dialog.web`)
-// is a pure-DOM modal overlay that depends only on `react-remove-scroll-bar`
-// and the in-package `Portal`.
+// native uses `react-native-safe-area-context` and Bloom's own `BottomSheet`
+// primitive. The web fork (`./Dialog.web`) is a pure-DOM modal overlay that
+// depends only on `react-remove-scroll-bar` and the in-package `Portal`.
 //
 // Web bundlers select this file via the `"browser"` condition in
 // `package.json`'s `exports['./dialog']`; native bundlers fall through to

package/lib/module/dialog/index.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["Outer","Inner","ScrollableInner","Handle","Close","Backdrop","useDialogContext","useDialogControl"],"sourceRoot":"../../../src","sources":["dialog/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,KAAK,EAAEC,KAAK,EAAEC,eAAe,EAAEC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,iBAAc;AACrF,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,cAAW","ignoreList":[]}
+{"version":3,"names":["Outer","Inner","ScrollableInner","Handle","Close","Backdrop","useDialogContext","useDialogControl"],"sourceRoot":"../../../src","sources":["dialog/index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,KAAK,EAAEC,KAAK,EAAEC,eAAe,EAAEC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,iBAAc;AACrF,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,cAAW","ignoreList":[]}

package/lib/typescript/commonjs/bottom-sheet/index.d.ts

@@ -19,10 +19,22 @@ export interface BottomSheetProps {
         style?: StyleProp<ViewStyle>;
         onPress?: () => void;
     }) => React.ReactElement | null;
+    /**
+     * Style applied to the sheet container (the outer Animated.View positioned at
+     * the bottom of the screen). Use this to override `maxWidth`, `height`,
+     * background color, border radius, etc. Composed AFTER the internal sheet
+     * styles so it can override them.
+     */
     style?: StyleProp<ViewStyle>;
     enableHandlePanningGesture?: boolean;
     onDismissAttempt?: () => boolean;
     detached?: boolean;
+    /**
+     * Whether to render the built-in (non-interactive) drag handle bar at the top
+     * of the sheet. Defaults to `true`. Set to `false` when the consumer renders
+     * its own handle (e.g. an interactive close affordance) inside `children`.
+     */
+    showHandle?: boolean;
 }
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<BottomSheetRef>>;
 export default BottomSheet;

package/lib/typescript/commonjs/bottom-sheet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bottom-sheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOH,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AA8CtB,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IACjH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,yFA+Tf,CAAC;AAgGH,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bottom-sheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOH,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AA8CtB,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IACjH;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,WAAW,yFAqUf,CAAC;AAmGH,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/typescript/commonjs/dialog/Dialog.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { DialogInnerProps, DialogOuterProps } from './types';
 export { useDialogContext, useDialogControl } from './context';
 export type { DialogControlProps, DialogOuterProps, DialogInnerProps } from './types';
-export declare function Outer({ children, control, onClose, testID, preventExpansion, }: React.PropsWithChildren<DialogOuterProps>): import("react/jsx-runtime").JSX.Element | null;
+export declare function Outer({ children, control, onClose, testID, preventExpansion, }: React.PropsWithChildren<DialogOuterProps>): import("react/jsx-runtime").JSX.Element;
 export declare function Inner({ children, style, header, contentContainerStyle }: DialogInnerProps): import("react/jsx-runtime").JSX.Element;
 export declare function ScrollableInner(props: DialogInnerProps): import("react/jsx-runtime").JSX.Element;
 export declare function Handle(): import("react/jsx-runtime").JSX.Element;

package/lib/typescript/commonjs/dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,KAAK,EAAsB,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEtF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAkEtF,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,gBAAgB,GACjB,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,kDAqG3C;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,qBAAqB,EAAE,EAAE,gBAAgB,2CAgBzF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CAEtD;AAOD,wBAAgB,MAAM,4CAgBrB;AAED,wBAAgB,KAAK,SAEpB;AAED,wBAAgB,QAAQ,SAEvB"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,KAAK,EAAsB,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEtF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEtF,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,gBAAgB,GACjB,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,2CAgF3C;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,qBAAqB,EAAE,EAAE,gBAAgB,2CAgBzF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CAEtD;AAOD,wBAAgB,MAAM,4CAgBrB;AAED,wBAAgB,KAAK,SAEpB;AAED,wBAAgB,QAAQ,SAEvB"}

package/lib/typescript/commonjs/dialog/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/dialog/index.web.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/dialog/index.web.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/module/bottom-sheet/index.d.ts

@@ -19,10 +19,22 @@ export interface BottomSheetProps {
         style?: StyleProp<ViewStyle>;
         onPress?: () => void;
     }) => React.ReactElement | null;
+    /**
+     * Style applied to the sheet container (the outer Animated.View positioned at
+     * the bottom of the screen). Use this to override `maxWidth`, `height`,
+     * background color, border radius, etc. Composed AFTER the internal sheet
+     * styles so it can override them.
+     */
     style?: StyleProp<ViewStyle>;
     enableHandlePanningGesture?: boolean;
     onDismissAttempt?: () => boolean;
     detached?: boolean;
+    /**
+     * Whether to render the built-in (non-interactive) drag handle bar at the top
+     * of the sheet. Defaults to `true`. Set to `false` when the consumer renders
+     * its own handle (e.g. an interactive close affordance) inside `children`.
+     */
+    showHandle?: boolean;
 }
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<BottomSheetRef>>;
 export default BottomSheet;

package/lib/typescript/module/bottom-sheet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bottom-sheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOH,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AA8CtB,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IACjH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,yFA+Tf,CAAC;AAgGH,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bottom-sheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAOH,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AA8CtB,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IAC7F,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IACjH;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,WAAW,yFAqUf,CAAC;AAmGH,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/typescript/module/dialog/Dialog.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { DialogInnerProps, DialogOuterProps } from './types';
 export { useDialogContext, useDialogControl } from './context';
 export type { DialogControlProps, DialogOuterProps, DialogInnerProps } from './types';
-export declare function Outer({ children, control, onClose, testID, preventExpansion, }: React.PropsWithChildren<DialogOuterProps>): import("react/jsx-runtime").JSX.Element | null;
+export declare function Outer({ children, control, onClose, testID, preventExpansion, }: React.PropsWithChildren<DialogOuterProps>): import("react/jsx-runtime").JSX.Element;
 export declare function Inner({ children, style, header, contentContainerStyle }: DialogInnerProps): import("react/jsx-runtime").JSX.Element;
 export declare function ScrollableInner(props: DialogInnerProps): import("react/jsx-runtime").JSX.Element;
 export declare function Handle(): import("react/jsx-runtime").JSX.Element;

package/lib/typescript/module/dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,KAAK,EAAsB,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEtF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAkEtF,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,gBAAgB,GACjB,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,kDAqG3C;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,qBAAqB,EAAE,EAAE,gBAAgB,2CAgBzF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CAEtD;AAOD,wBAAgB,MAAM,4CAgBrB;AAED,wBAAgB,KAAK,SAEpB;AAED,wBAAgB,QAAQ,SAEvB"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,KAAK,EAAsB,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEtF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEtF,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,gBAAgB,GACjB,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,2CAgF3C;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,qBAAqB,EAAE,EAAE,gBAAgB,2CAgBzF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CAEtD;AAOD,wBAAgB,MAAM,4CAgBrB;AAED,wBAAgB,KAAK,SAEpB;AAED,wBAAgB,QAAQ,SAEvB"}

package/lib/typescript/module/dialog/index.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/dialog/index.web.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/dialog/index.web.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxyhq/bloom",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "description": "Bloom UI — Oxy ecosystem component library for React Native + Expo + Web",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -602,7 +602,6 @@
     "release": "rm -rf lib && npm run build && release-it"
   },
   "devDependencies": {
-    "@gorhom/bottom-sheet": "^5.2.8",
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^30.0.0",
     "@types/react": "~19.1.0",
@@ -627,7 +626,6 @@
     "typescript": "~5.9.2"
   },
   "peerDependencies": {
-    "@gorhom/bottom-sheet": ">=5.0.0",
     "expo": "*",
     "expo-font": "*",
     "react": ">=18.0.0",
@@ -641,9 +639,6 @@
     "sonner-native": ">=0.17.0"
   },
   "peerDependenciesMeta": {
-    "@gorhom/bottom-sheet": {
-      "optional": true
-    },
     "expo": {
       "optional": true
     },

package/src/bottom-sheet/index.tsx

@@ -10,7 +10,7 @@ import {
     type ViewStyle,
     type StyleProp,
 } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
 import Animated, {
     interpolate,
     runOnJS,
@@ -70,10 +70,22 @@ export interface BottomSheetProps {
     enablePanDownToClose?: boolean;
     backgroundComponent?: (props: { style?: StyleProp<ViewStyle> }) => React.ReactElement | null;
     backdropComponent?: (props: { style?: StyleProp<ViewStyle>; onPress?: () => void }) => React.ReactElement | null;
+    /**
+     * Style applied to the sheet container (the outer Animated.View positioned at
+     * the bottom of the screen). Use this to override `maxWidth`, `height`,
+     * background color, border radius, etc. Composed AFTER the internal sheet
+     * styles so it can override them.
+     */
     style?: StyleProp<ViewStyle>;
     enableHandlePanningGesture?: boolean;
     onDismissAttempt?: () => boolean;
     detached?: boolean; // If true, shows with margins and rounded corners. If false, full width with rounded top only.
+    /**
+     * Whether to render the built-in (non-interactive) drag handle bar at the top
+     * of the sheet. Defaults to `true`. Set to `false` when the consumer renders
+     * its own handle (e.g. an interactive close affordance) inside `children`.
+     */
+    showHandle?: boolean;
 }
 
 const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef<BottomSheetRef>) => {
@@ -87,6 +99,7 @@ const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef
         enableHandlePanningGesture = true,
         onDismissAttempt,
         detached = false,
+        showHandle = true,
     } = props;
 
     const insets = useSafeAreaInsets();
@@ -348,51 +361,56 @@ const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef
 
     return (
         <Modal visible={rendered} transparent animationType="none" statusBarTranslucent onRequestClose={dismiss}>
-            <View style={StyleSheet.absoluteFill}>
-                <Animated.View style={[styles.backdrop, backdropStyle]}>
-                    {backdropComponent ? (
-                        backdropComponent({ onPress: handleBackdropPress })
-                    ) : (
-                        <Pressable style={styles.backdropTouchable} onPress={handleBackdropPress}>
-                            <View style={StyleSheet.absoluteFill} />
-                        </Pressable>
-                    )}
-                </Animated.View>
-
-                <GestureDetector gesture={panGesture}>
-                    <Animated.View style={[dynamicStyles.sheet, sheetMarginStyle, sheetStyle, sheetHeightStyle]}>
-                        {backgroundComponent?.({ style: styles.background })}
-
-                        <View style={dynamicStyles.handle} />
-
-                        <GestureDetector gesture={nativeGesture}>
-                            <Animated.ScrollView
-                                ref={scrollViewRef}
-                                style={[
-                                    styles.scrollView,
-                                    Platform.OS === 'web' && ({
-                                        scrollbarWidth: 'thin',
-                                        scrollbarColor: `${colors.border} transparent`,
-                                    } as ViewStyle),
-                                ]}
-                                contentContainerStyle={dynamicStyles.scrollContent}
-                                showsVerticalScrollIndicator={false}
-                                keyboardShouldPersistTaps="handled"
-                                onScroll={scrollHandler}
-                                scrollEventThrottle={16}
-                                {...(Platform.OS === 'web' ? { className: 'bottom-sheet-scrollview' } : undefined)}
-                                onLayout={() => {
-                                    if (Platform.OS === 'web') {
-                                        createWebScrollbarStyle(colors.border);
-                                    }
-                                }}
-                            >
-                                {children}
-                            </Animated.ScrollView>
-                        </GestureDetector>
+            {/* RN's Modal renders into its own native window. The app-root
+                GestureHandlerRootView does NOT extend into it, so pan gestures
+                silently no-op without this wrapper. */}
+            <GestureHandlerRootView style={styles.rootView}>
+                <View style={StyleSheet.absoluteFill}>
+                    <Animated.View style={[styles.backdrop, backdropStyle]}>
+                        {backdropComponent ? (
+                            backdropComponent({ onPress: handleBackdropPress })
+                        ) : (
+                            <Pressable style={styles.backdropTouchable} onPress={handleBackdropPress}>
+                                <View style={StyleSheet.absoluteFill} />
+                            </Pressable>
+                        )}
                     </Animated.View>
-                </GestureDetector>
-            </View>
+
+                    <GestureDetector gesture={panGesture}>
+                        <Animated.View style={[dynamicStyles.sheet, sheetMarginStyle, sheetStyle, sheetHeightStyle, style]}>
+                            {backgroundComponent?.({ style: styles.background })}
+
+                            {showHandle && <View style={dynamicStyles.handle} />}
+
+                            <GestureDetector gesture={nativeGesture}>
+                                <Animated.ScrollView
+                                    ref={scrollViewRef}
+                                    style={[
+                                        styles.scrollView,
+                                        Platform.OS === 'web' && ({
+                                            scrollbarWidth: 'thin',
+                                            scrollbarColor: `${colors.border} transparent`,
+                                        } as ViewStyle),
+                                    ]}
+                                    contentContainerStyle={dynamicStyles.scrollContent}
+                                    showsVerticalScrollIndicator={false}
+                                    keyboardShouldPersistTaps="handled"
+                                    onScroll={scrollHandler}
+                                    scrollEventThrottle={16}
+                                    {...(Platform.OS === 'web' ? { className: 'bottom-sheet-scrollview' } : undefined)}
+                                    onLayout={() => {
+                                        if (Platform.OS === 'web') {
+                                            createWebScrollbarStyle(colors.border);
+                                        }
+                                    }}
+                                >
+                                    {children}
+                                </Animated.ScrollView>
+                            </GestureDetector>
+                        </Animated.View>
+                    </GestureDetector>
+                </View>
+            </GestureHandlerRootView>
         </Modal>
     );
 });
@@ -400,6 +418,9 @@ const BottomSheet = forwardRef((props: BottomSheetProps, ref: React.ForwardedRef
 BottomSheet.displayName = 'BottomSheet';
 
 const styles = StyleSheet.create({
+    rootView: {
+        flex: 1,
+    },
     backdrop: {
         flex: 1,
         backgroundColor: 'rgba(0, 0, 0, 0.5)',