@oxyhq/bloom 0.14.0 → 0.16.0

package/src/dialog/index.ts

@@ -1,5 +1,4 @@
-export { Dialog } from './Dialog';
-export { CenteredDialog, CENTERED_DIALOG_BACKDROP_TESTID } from './CenteredDialog';
+export { Dialog, DIALOG_SHEET_BACKDROP_TESTID } from './Dialog';
 export { BloomDialogProvider } from './BloomDialogProvider';
 export { alert } from './alert';
 export { useDialogContext, useDialogControl } from './context';
@@ -12,6 +11,8 @@ export type {
   DialogActionColor,
   DialogContextProps,
   DialogControlProps,
+  DialogInset,
+  DialogPlacement,
   DialogProps,
+  ResponsiveDialogPlacement,
 } from './types';
-export type { CenteredDialogProps } from './centered-dialog-types';

package/src/dialog/index.web.ts

@@ -8,12 +8,7 @@
 // Web bundlers select this file via the `"browser"` export condition in
 // `package.json`'s `exports['./dialog']`; native bundlers fall through to
 // the React Native build above.
-export { Dialog, BLOOM_DIALOG_CSS } from './Dialog.web';
-export {
-  CenteredDialog,
-  BLOOM_CENTERED_DIALOG_CSS,
-  CENTERED_DIALOG_BACKDROP_TESTID,
-} from './CenteredDialog.web';
+export { Dialog, BLOOM_DIALOG_CSS, DIALOG_SHEET_BACKDROP_TESTID } from './Dialog.web';
 export { BloomDialogProvider } from './BloomDialogProvider.web';
 export { alert } from './alert';
 export { useDialogContext, useDialogControl } from './context';
@@ -26,6 +21,8 @@ export type {
   DialogActionColor,
   DialogContextProps,
   DialogControlProps,
+  DialogInset,
+  DialogPlacement,
   DialogProps,
+  ResponsiveDialogPlacement,
 } from './types';
-export type { CenteredDialogProps } from './centered-dialog-types';

package/src/dialog/placement.ts

@@ -0,0 +1,113 @@
+import { useMemo } from 'react';
+import { useWindowDimensions } from 'react-native';
+
+/**
+ * Anchor a `<Dialog>` can render against.
+ *
+ * - `'center'` — the default centered modal card (current behavior).
+ * - `'left'` / `'right'` — an anchored side-sheet / drawer.
+ * - `'bottom'` — a bottom-sheet (drag handle, slide-up).
+ */
+export type DialogPlacement = 'center' | 'left' | 'right' | 'bottom';
+
+/**
+ * A `<Dialog>` placement that may vary by viewport width.
+ *
+ * Either a single `DialogPlacement` (applied at every width) or a responsive
+ * map whose `base` applies below the first breakpoint and whose `sm`/`md`/`lg`/
+ * `xl` keys override it at and above the matching Tailwind breakpoint.
+ *
+ * The common store-drawer case is `{ base: 'bottom', md: 'left' }`; the common
+ * dialog-to-sheet case is `{ base: 'bottom', md: 'center' }`.
+ */
+export type ResponsiveDialogPlacement =
+  | DialogPlacement
+  | {
+      base: DialogPlacement;
+      sm?: DialogPlacement;
+      md?: DialogPlacement;
+      lg?: DialogPlacement;
+      xl?: DialogPlacement;
+    };
+
+/**
+ * Tailwind-default breakpoints (px). A responsive `placement` map resolves to
+ * the value for the largest key whose min-width is `<=` the current viewport
+ * width, falling back to `base`.
+ */
+export const BREAKPOINT_SM = 640;
+export const BREAKPOINT_MD = 768;
+export const BREAKPOINT_LG = 1024;
+export const BREAKPOINT_XL = 1280;
+
+/** Ordered breakpoint table, widest first, so the first match wins. */
+const RESPONSIVE_KEYS = [
+  ['xl', BREAKPOINT_XL],
+  ['lg', BREAKPOINT_LG],
+  ['md', BREAKPOINT_MD],
+  ['sm', BREAKPOINT_SM],
+] as const;
+
+/** Default side-sheet width (px) on wide screens. */
+export const DEFAULT_SIDE_WIDTH = 460;
+
+/** Default centered-card max width (px). Matches the legacy `maxWidth: 480`. */
+export const DEFAULT_CENTER_MAX_WIDTH = 480;
+
+/** Default bottom-sheet max height as a fraction of the viewport height. */
+export const DEFAULT_MAX_HEIGHT_RATIO = 0.9;
+
+/** Corner radius shared by the side-sheet panel and the bottom-sheet top. */
+export const PANEL_RADIUS = 20;
+
+/** Open/close transition duration (ms). ~280ms ease-out reads smooth. */
+export const ANIMATION_DURATION = 280;
+
+/** Centered-card fade-out duration (ms) — preserves the legacy timing. */
+export const CENTER_FADE_OUT_DURATION = 150;
+
+/** CSS approximation of reanimated's `Easing.out(Easing.cubic)`. */
+export const EASE_OUT = 'cubic-bezier(0.33, 1, 0.68, 1)';
+
+/** Backdrop dim opacity once fully shown (matches `bg-black/40`). */
+export const SHEET_BACKDROP_OPACITY = 0.4;
+
+/** Stable testID for the dimmed backdrop of a side/bottom placement dialog. */
+export const DIALOG_SHEET_BACKDROP_TESTID = 'bloom-dialog-sheet-backdrop';
+
+/** Drag-handle pill geometry for the bottom-sheet. */
+export const HANDLE_WIDTH = 36;
+export const HANDLE_HEIGHT = 5;
+export const HANDLE_RADIUS = 3;
+
+/**
+ * Minimum gutter kept between a wide side-sheet and the opposite viewport edge
+ * when capping its width, so the panel never spans the full screen.
+ */
+export const SIDE_SHEET_MIN_GUTTER = 24;
+
+/**
+ * Resolve a (possibly responsive) `placement` to a concrete `DialogPlacement`
+ * for the current viewport width.
+ *
+ * A plain string placement resolves to itself. A responsive map picks the
+ * value for the largest breakpoint key whose min-width is `<=` the viewport
+ * width, falling back to `base` below the first breakpoint.
+ */
+export function useResolvedPlacement(
+  placement: ResponsiveDialogPlacement | undefined,
+): DialogPlacement {
+  const { width } = useWindowDimensions();
+
+  return useMemo<DialogPlacement>(() => {
+    if (placement === undefined) return 'center';
+    if (typeof placement === 'string') return placement;
+    for (const [key, minWidth] of RESPONSIVE_KEYS) {
+      if (width >= minWidth) {
+        const value = placement[key];
+        if (value !== undefined) return value;
+      }
+    }
+    return placement.base;
+  }, [placement, width]);
+}

package/src/dialog/types.ts

@@ -1,5 +1,21 @@
 import type { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
 
+import type { ResponsiveDialogPlacement } from './placement';
+
+export type { DialogPlacement, ResponsiveDialogPlacement } from './placement';
+
+/**
+ * Side-sheet inset (px) from the root overlay's edges. Lets a host place a
+ * `left`/`right` placement "inside its own shell" — e.g. offset from the top
+ * by a header, or from the anchored edge by a nav rail.
+ */
+export type DialogInset = {
+  top?: number;
+  bottom?: number;
+  left?: number;
+  right?: number;
+};
+
 /**
  * Imperative open/close handle returned by `useDialogControl`.
  *
@@ -51,7 +67,14 @@ export type DialogAction = {
 /**
  * Props accepted by the unified `<Dialog>` component.
  *
- * Three usage modes — pick whichever fits the call site:
+ * Open/close is driven by EITHER of two mutually-exclusive modes:
+ *
+ *   - **Imperative `control`** (`useDialogControl()` + `control.open()` /
+ *     `control.close()`). The legacy default; unchanged.
+ *   - **Controlled `open`** (an `open` boolean + `onClose`). When `open` is
+ *     provided it wins and `control` is ignored.
+ *
+ * Rendering modes (orthogonal to open/close mode) — pick whichever fits:
  *
  *   1. **Declarative (`title` / `description` / `actions`).** Most common
  *      confirm/cancel surface. Bloom renders the title, description and
@@ -63,10 +86,26 @@ export type DialogAction = {
  *
  *   3. **Imperative `alert()`.** Bypass the JSX layer entirely — see the
  *      module-level `alert()` helper.
+ *
+ * `placement` controls the surface anchor — centered modal (default), an
+ * anchored side-sheet (`left`/`right`), or a bottom-sheet (`bottom`) — and may
+ * be a responsive map that collapses to a bottom-sheet on narrow viewports.
  */
 export type DialogProps = React.PropsWithChildren<{
-  control: DialogControlProps;
-  /** Fires after the dialog has finished closing. */
+  /**
+   * Imperative open/close handle from `useDialogControl()`. Optional — omit it
+   * when driving the dialog with the controlled `open` prop instead.
+   */
+  control?: DialogControlProps;
+  /**
+   * Controlled open state (opt-in). When provided, the dialog is driven by
+   * this boolean and `onClose`, and `control` is ignored.
+   */
+  open?: boolean;
+  /**
+   * Fires after the dialog has finished closing. In controlled mode it is the
+   * close request the host must answer by flipping `open` to `false`.
+   */
   onClose?: () => void;
   testID?: string;
   /** Optional dialog header text. Rendered above `description` / `children`. */
@@ -78,11 +117,38 @@ export type DialogProps = React.PropsWithChildren<{
    * confirm/cancel/destructive buttons for you. Order is preserved.
    */
   actions?: DialogAction[];
+  /**
+   * Surface anchor. Defaults to `'center'` (the centered modal — current
+   * behavior). `'left'`/`'right'` render an anchored side-sheet, `'bottom'` a
+   * bottom-sheet. A responsive map resolves by viewport width, e.g.
+   * `{ base: 'bottom', md: 'left' }` (drawer on wide, sheet on narrow).
+   */
+  placement?: ResponsiveDialogPlacement;
+  /** Side-sheet width (px) on wide screens. Defaults to `460`. */
+  width?: number;
+  /** Centered-card max width (px). Defaults to `480`. */
+  maxWidth?: number;
+  /** Bottom-sheet max height as a fraction of the viewport height. Defaults to `0.9`. */
+  maxHeightRatio?: number;
+  /** Side-sheet inset (px) from the root overlay's edges. */
+  inset?: DialogInset;
+  /** Whether to render the drag handle in bottom-sheet mode. Defaults to `true`. */
+  showHandle?: boolean;
+  /** Whether tapping the backdrop dismisses the dialog. Defaults to `true`. */
+  dismissOnBackdrop?: boolean;
   /**
    * Style overrides applied to the inner content container on native (the
    * floating bottom-sheet card) and to the modal panel on web.
    */
   style?: StyleProp<ViewStyle>;
+  /** Style overrides for the side/bottom placement panel surface. */
+  panelStyle?: StyleProp<ViewStyle>;
+  /** NativeWind classes for the side/bottom placement panel surface. */
+  panelClassName?: string;
+  /** Style for the root overlay (theme-var scope, rail offset, etc.). */
+  containerStyle?: StyleProp<ViewStyle>;
+  /** NativeWind classes for the root overlay (e.g. `"md:left-[4.75rem]"`). */
+  containerClassName?: string;
   /** Accessibility label, applied to the dialog role on web. */
   label?: string;
 }>;

package/src/index.ts

@@ -20,8 +20,7 @@ export { type Props as IconProps, sizes as iconSizes, useCommonSVGProps } from '
 export * from './portal';
 export {
   Dialog,
-  CenteredDialog,
-  CENTERED_DIALOG_BACKDROP_TESTID,
+  DIALOG_SHEET_BACKDROP_TESTID,
   BloomDialogProvider,
   alert,
   useDialogContext,
@@ -30,12 +29,14 @@ export {
 export type {
   AlertButton,
   AlertButtonStyle,
-  CenteredDialogProps,
   DialogAction,
   DialogActionColor,
   DialogContextProps,
   DialogControlProps,
+  DialogInset,
+  DialogPlacement,
   DialogProps,
+  ResponsiveDialogPlacement,
 } from './dialog';
 export * from './button';
 export { Fab } from './fab';
@@ -88,14 +89,6 @@ export type { ComboboxProps, ComboboxOption } from './combobox';
 export { BottomSheet } from './bottom-sheet';
 export type { BottomSheetRef, BottomSheetProps } from './bottom-sheet';
 
-// Responsive sheet — side-sheet on wide screens, bottom-sheet on narrow.
-export { ResponsiveSheet, RESPONSIVE_SHEET_BACKDROP_TESTID } from './responsive-sheet';
-export type {
-  ResponsiveSheetProps,
-  ResponsiveSheetSide,
-  ResponsiveSheetInset,
-} from './responsive-sheet';
-
 // Data display
 export * from './card';
 export * from './badge';

package/src/index.web.ts

@@ -25,8 +25,7 @@ export { type Props as IconProps, sizes as iconSizes, useCommonSVGProps } from '
 export * from './portal/index.web';
 export {
   Dialog,
-  CenteredDialog,
-  CENTERED_DIALOG_BACKDROP_TESTID,
+  DIALOG_SHEET_BACKDROP_TESTID,
   BloomDialogProvider,
   alert,
   useDialogContext,
@@ -35,12 +34,14 @@ export {
 export type {
   AlertButton,
   AlertButtonStyle,
-  CenteredDialogProps,
   DialogAction,
   DialogActionColor,
   DialogContextProps,
   DialogControlProps,
+  DialogInset,
+  DialogPlacement,
   DialogProps,
+  ResponsiveDialogPlacement,
 } from './dialog/index.web';
 export * from './button/index.web';
 export { Fab } from './fab/index.web';
@@ -93,14 +94,6 @@ export type { ComboboxProps, ComboboxOption } from './combobox/index.web';
 export { BottomSheet } from './bottom-sheet';
 export type { BottomSheetRef, BottomSheetProps } from './bottom-sheet';
 
-// Responsive sheet — side-sheet on wide screens, bottom-sheet on narrow.
-export { ResponsiveSheet, RESPONSIVE_SHEET_BACKDROP_TESTID } from './responsive-sheet/index.web';
-export type {
-  ResponsiveSheetProps,
-  ResponsiveSheetSide,
-  ResponsiveSheetInset,
-} from './responsive-sheet/index.web';
-
 // Data display
 export * from './card';
 export * from './badge';

package/lib/commonjs/dialog/CenteredDialog.js

@@ -1,250 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CENTERED_DIALOG_BACKDROP_TESTID = void 0;
-exports.CenteredDialog = CenteredDialog;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _useInteractionState = require("../hooks/useInteractionState.js");
-var _Times = require("../icons/Times.js");
-var _useTheme = require("../theme/use-theme.js");
-var _index = require("../typography/index.js");
-var _centeredDialogTokens = require("./centered-dialog-tokens.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); }
-const CLOSE_HIT_SLOP = {
-  top: 8,
-  bottom: 8,
-  left: 8,
-  right: 8
-};
-
-/** Stable testID for the dimmed backdrop. Overridden when a `testID` is set. */
-const CENTERED_DIALOG_BACKDROP_TESTID = exports.CENTERED_DIALOG_BACKDROP_TESTID = 'bloom-centered-dialog-backdrop';
-
-/**
- * Native variant of `<CenteredDialog>`.
- *
- * A controlled, centered modal: a transparent RN `Modal` (fade animation,
- * own native window) hosting a dimmed full-screen backdrop and a centered,
- * rounded card styled entirely from Bloom theme tokens.
- *
- * The backdrop is a sibling `Pressable` rendered BEHIND the card (absolute
- * filled), never a parent of it — so a tap on the card never bubbles to the
- * backdrop's close handler and the card never ends up nested inside the
- * backdrop's pressable on web.
- *
- * Dismissal: backdrop tap (when `dismissible`), the header close button, and
- * the Android hardware back button (`onRequestClose`) all call `onClose`.
- */
-function CenteredDialog({
-  visible,
-  onClose,
-  title,
-  dismissible = true,
-  maxWidth = _centeredDialogTokens.DEFAULT_MAX_WIDTH,
-  compact = true,
-  showClose,
-  children,
-  footer,
-  accessibilityLabel,
-  closeAccessibilityLabel = 'Close dialog',
-  backdropAccessibilityLabel = 'Dismiss dialog',
-  cardStyle,
-  contentStyle,
-  testID
-}) {
-  const theme = (0, _useTheme.useTheme)();
-  const backdropPress = (0, _useInteractionState.useInteractionState)();
-  const spacing = (0, _react.useMemo)(() => (0, _centeredDialogTokens.resolveSpacing)(compact), [compact]);
-  const resolvedShowClose = showClose ?? Boolean(title);
-  const hasHeader = Boolean(title) || resolvedShowClose;
-  const handleBackdropPress = dismissible ? onClose : undefined;
-  // Android's hardware back must always be answerable; when the dialog is
-  // non-dismissible we still need a handler (RN requires one for transparent
-  // modals) — make it a no-op so back does nothing rather than crash.
-  const handleRequestClose = dismissible ? onClose : noop;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-    visible: visible,
-    transparent: true,
-    animationType: "fade",
-    statusBarTranslucent: true,
-    onRequestClose: handleRequestClose,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.root, {
-        padding: _centeredDialogTokens.VIEWPORT_GUTTER
-      }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        testID: testID ? `${testID}-backdrop` : CENTERED_DIALOG_BACKDROP_TESTID,
-        style: [styles.backdrop, {
-          backgroundColor: theme.colors.overlay
-        }, backdropPress.state && styles.backdropPressed],
-        onPress: handleBackdropPress,
-        onPressIn: backdropPress.onIn,
-        onPressOut: backdropPress.onOut,
-        disabled: !dismissible,
-        accessibilityRole: "button",
-        accessibilityLabel: backdropAccessibilityLabel
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        testID: testID,
-        accessibilityLabel: accessibilityLabel ?? title,
-        style: [styles.card, {
-          maxWidth,
-          maxHeight: `${_centeredDialogTokens.MAX_HEIGHT_FRACTION * 100}%`,
-          backgroundColor: theme.colors.card,
-          borderColor: theme.colors.border,
-          shadowColor: theme.colors.shadow
-        }, cardStyle],
-        children: [hasHeader ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogHeader, {
-          title: title,
-          showClose: resolvedShowClose,
-          padding: spacing.pad,
-          gap: spacing.headerGap,
-          closeAccessibilityLabel: closeAccessibilityLabel,
-          onClose: onClose
-        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-          style: styles.bodyScroll,
-          contentContainerStyle: [{
-            padding: spacing.pad,
-            paddingTop: hasHeader ? spacing.headerGap : spacing.pad,
-            gap: spacing.contentGap
-          }, contentStyle],
-          showsVerticalScrollIndicator: false,
-          keyboardShouldPersistTaps: "handled",
-          children: children
-        }), footer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.footer, {
-            padding: spacing.pad,
-            paddingTop: spacing.footerGap,
-            borderTopColor: theme.colors.borderLight
-          }],
-          children: footer
-        }) : null]
-      })]
-    })
-  });
-}
-function DialogHeader({
-  title,
-  showClose,
-  padding,
-  gap,
-  closeAccessibilityLabel,
-  onClose
-}) {
-  const theme = (0, _useTheme.useTheme)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.header, {
-      paddingHorizontal: padding,
-      paddingTop: padding,
-      gap
-    }],
-    children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
-      accessibilityRole: "header",
-      numberOfLines: 2,
-      style: [styles.title, {
-        color: theme.colors.text
-      }],
-      children: title
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.titleSpacer
-    }), showClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseButton, {
-      accessibilityLabel: closeAccessibilityLabel,
-      onPress: onClose
-    }) : null]
-  });
-}
-function CloseButton({
-  accessibilityLabel,
-  onPress
-}) {
-  const theme = (0, _useTheme.useTheme)();
-  const press = (0, _useInteractionState.useInteractionState)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-    onPress: onPress,
-    onPressIn: press.onIn,
-    onPressOut: press.onOut,
-    hitSlop: CLOSE_HIT_SLOP,
-    accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel,
-    style: [styles.closeButton, {
-      backgroundColor: theme.colors.contrast50
-    }, press.state && styles.closeButtonPressed],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Times.TimesLarge_Stroke2_Corner0_Rounded, {
-      size: "sm",
-      fill: theme.colors.textSecondary
-    })
-  });
-}
-function noop() {
-  /* non-dismissible: hardware back is intentionally inert */
-}
-const styles = _reactNative.StyleSheet.create({
-  root: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  backdrop: {
-    // Spell out the absolute-fill rect (matches `Fill`'s canonical style)
-    // rather than spreading the deprecated `StyleSheet.absoluteFillObject`,
-    // which RN 0.83's generated types no longer surface on the `StyleSheet`
-    // namespace and which downstream type-checks reject.
-    position: 'absolute',
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  },
-  // A subtle deepening on press confirms the tap-to-dismiss affordance.
-  backdropPressed: {
-    opacity: 0.92
-  },
-  card: {
-    width: '100%',
-    borderRadius: _centeredDialogTokens.CARD_RADIUS,
-    borderWidth: _reactNative.StyleSheet.hairlineWidth,
-    overflow: 'hidden',
-    shadowOpacity: 0.18,
-    shadowRadius: 24,
-    shadowOffset: {
-      width: 0,
-      height: 8
-    },
-    elevation: 12
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'flex-start',
-    justifyContent: 'space-between'
-  },
-  title: {
-    flex: 1,
-    fontSize: 17,
-    fontWeight: '700',
-    lineHeight: 22
-  },
-  titleSpacer: {
-    flex: 1
-  },
-  closeButton: {
-    width: 28,
-    height: 28,
-    borderRadius: 14,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  closeButtonPressed: {
-    opacity: 0.7
-  },
-  bodyScroll: {
-    flexGrow: 0,
-    flexShrink: 1
-  },
-  footer: {
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth
-  }
-});
-//# sourceMappingURL=CenteredDialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useInteractionState","_Times","_useTheme","_index","_centeredDialogTokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CLOSE_HIT_SLOP","top","bottom","left","right","CENTERED_DIALOG_BACKDROP_TESTID","exports","CenteredDialog","visible","onClose","title","dismissible","maxWidth","DEFAULT_MAX_WIDTH","compact","showClose","children","footer","accessibilityLabel","closeAccessibilityLabel","backdropAccessibilityLabel","cardStyle","contentStyle","testID","theme","useTheme","backdropPress","useInteractionState","spacing","useMemo","resolveSpacing","resolvedShowClose","Boolean","hasHeader","handleBackdropPress","undefined","handleRequestClose","noop","jsx","Modal","transparent","animationType","statusBarTranslucent","onRequestClose","jsxs","View","style","styles","root","padding","VIEWPORT_GUTTER","Pressable","backdrop","backgroundColor","colors","overlay","state","backdropPressed","onPress","onPressIn","onIn","onPressOut","onOut","disabled","accessibilityRole","card","maxHeight","MAX_HEIGHT_FRACTION","borderColor","border","shadowColor","shadow","DialogHeader","pad","gap","headerGap","ScrollView","bodyScroll","contentContainerStyle","paddingTop","contentGap","showsVerticalScrollIndicator","keyboardShouldPersistTaps","footerGap","borderTopColor","borderLight","header","paddingHorizontal","Text","numberOfLines","color","text","titleSpacer","CloseButton","press","hitSlop","closeButton","contrast50","closeButtonPressed","TimesLarge_Stroke2_Corner0_Rounded","size","fill","textSecondary","StyleSheet","create","flex","alignItems","justifyContent","position","opacity","width","borderRadius","CARD_RADIUS","borderWidth","hairlineWidth","overflow","shadowOpacity","shadowRadius","shadowOffset","height","elevation","flexDirection","fontSize","fontWeight","lineHeight","flexGrow","flexShrink","borderTopWidth"],"sourceRoot":"../../../src","sources":["dialog/CenteredDialog.tsx"],"mappings":"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","ignoreList":[]}