@oxyhq/bloom 0.15.0 → 0.16.1

package/lib/typescript/module/dialog/centered-dialog-tokens.d.ts

@@ -1,47 +0,0 @@
-/**
- * Shared layout constants for `<CenteredDialog>`, kept in one module so the
- * native and web forks render identically. All values are Bloom theme tokens
- * (`styles/tokens`) — no ad-hoc magic numbers.
- *
- * COMPACT is the priority: the `compact` spacing set is the default and is
- * deliberately tight (≈`space.md`), so the card reads snug out of the box.
- * The `cozy` set is the opt-out (`compact={false}`) for roomier dialogs.
- */
-/** Default max card width — comfortable for a compact dialog. */
-export declare const DEFAULT_MAX_WIDTH = 440;
-/** Card height is capped at this fraction of the viewport; body scrolls. */
-export declare const MAX_HEIGHT_FRACTION = 0.8;
-/** Card corner radius (token: `borderRadius.lg` = 16). */
-export declare const CARD_RADIUS: 16;
-/** Outer gutter between the card edge and the viewport edge (token `space.lg`). */
-export declare const VIEWPORT_GUTTER: 16;
-export type DialogSpacing = {
-    /** Card inner padding (horizontal + vertical). */
-    pad: number;
-    /** Gap between the header title row and the body. */
-    headerGap: number;
-    /** Gap between the body and the footer. */
-    footerGap: number;
-    /** Vertical gap between stacked body items (the content container `gap`). */
-    contentGap: number;
-};
-/**
- * Compact (default) — tight, snug spacing built on `space.md` (12).
- *
- *   pad        = space.md  (12)
- *   headerGap  = space.sm  (8)
- *   footerGap  = space.md  (12)
- *   contentGap = space.sm  (8)
- */
-export declare const COMPACT_SPACING: DialogSpacing;
-/**
- * Cozy (`compact={false}`) — roomier spacing built on `space.xl` (20).
- *
- *   pad        = space.xl   (20)
- *   headerGap  = space.md   (12)
- *   footerGap  = space.lg   (16)
- *   contentGap = space.md   (12)
- */
-export declare const COZY_SPACING: DialogSpacing;
-export declare function resolveSpacing(compact: boolean): DialogSpacing;
-//# sourceMappingURL=centered-dialog-tokens.d.ts.map

package/lib/typescript/module/dialog/centered-dialog-tokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"centered-dialog-tokens.d.ts","sourceRoot":"","sources":["../../../../src/dialog/centered-dialog-tokens.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,iEAAiE;AACjE,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,4EAA4E;AAC5E,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,0DAA0D;AAC1D,eAAO,MAAM,WAAW,IAAkB,CAAC;AAE3C,mFAAmF;AACnF,eAAO,MAAM,eAAe,IAAW,CAAC;AAExC,MAAM,MAAM,aAAa,GAAG;IAC1B,kDAAkD;IAClD,GAAG,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,aAK7B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,aAK1B,CAAC;AAEF,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,aAAa,CAE9D"}

package/lib/typescript/module/dialog/centered-dialog-types.d.ts

@@ -1,74 +0,0 @@
-import type { ReactNode } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-/**
- * @deprecated Use `<Dialog placement="center">` instead. `CenteredDialog` is
- * superseded by the centered placement of the canonical `<Dialog>` and is
- * slated for removal in a future major.
- *
- * Props for the declarative `<CenteredDialog>` primitive.
- *
- * This is the simple, controlled centered-modal surface — distinct from the
- * imperative `useDialogControl()` + `<Dialog control={…}>` API in the same
- * module. Reach for `<CenteredDialog>` when you already own the open/closed
- * boolean (a `useState`, a query flag, a route param) and just want Bloom to
- * render the dimmed backdrop + a snug, theme-styled centered card.
- *
- * All spacing/colour/radius come from Bloom theme tokens — the card reads
- * compact out of the box (`compact` defaults to `true`).
- */
-export type CenteredDialogProps = {
-    /** Whether the dialog is mounted + visible. */
-    visible: boolean;
-    /**
-     * Close request — fired on backdrop tap (when `dismissible`), the close
-     * button, the hardware back button (Android), and `Escape` (web). The
-     * caller owns the visible state, so it must flip `visible` to `false` here.
-     */
-    onClose: () => void;
-    /**
-     * Optional header title. When set (or when `showClose` is `true`) Bloom
-     * renders a tight header row above the content.
-     */
-    title?: string;
-    /**
-     * Tap-outside / back-button / Escape dismisses the dialog. Defaults to
-     * `true`. Set `false` for blocking flows (e.g. a destructive confirm that
-     * must be answered via an explicit action).
-     */
-    dismissible?: boolean;
-    /** Max card width in px. Defaults to {@link DEFAULT_MAX_WIDTH} (440). */
-    maxWidth?: number;
-    /**
-     * Tight, snug spacing (the Bloom default). Set `false` for a roomier card
-     * with larger padding and header/footer gaps. Defaults to `true`.
-     */
-    compact?: boolean;
-    /**
-     * Render a close (✕) icon button in the header. Defaults to `true` when a
-     * `title` is provided, otherwise `false` (a chromeless card owns its own
-     * dismissal affordances).
-     */
-    showClose?: boolean;
-    /** Card body. Scrolls within the height cap when it overflows. */
-    children?: ReactNode;
-    /**
-     * Optional footer slot for actions (e.g. a Bloom `<Button>` row). Rendered
-     * below the scrollable body with a hairline separator.
-     */
-    footer?: ReactNode;
-    /**
-     * Accessibility label for the dialog surface. Falls back to `title` when
-     * omitted.
-     */
-    accessibilityLabel?: string;
-    /** Accessibility label for the header close (✕) button. */
-    closeAccessibilityLabel?: string;
-    /** Accessibility label for the dimmed backdrop's tap-to-dismiss affordance. */
-    backdropAccessibilityLabel?: string;
-    /** Style overrides merged onto the centered card container. */
-    cardStyle?: StyleProp<ViewStyle>;
-    /** Style overrides merged onto the scrollable content container. */
-    contentStyle?: StyleProp<ViewStyle>;
-    testID?: string;
-};
-//# sourceMappingURL=centered-dialog-types.d.ts.map

package/lib/typescript/module/dialog/centered-dialog-types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"centered-dialog-types.d.ts","sourceRoot":"","sources":["../../../../src/dialog/centered-dialog-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,+CAA+C;IAC/C,OAAO,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2DAA2D;IAC3D,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,+EAA+E;IAC/E,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/module/responsive-sheet/ResponsiveSheet.d.ts

@@ -1,22 +0,0 @@
-import type { ResponsiveSheetProps } from './types';
-/**
- * @deprecated Use `<Dialog placement={{ base: 'bottom', md: 'left' }}>` instead.
- *
- * `ResponsiveSheet` is now a thin wrapper that configures the canonical
- * `<Dialog>` — an anchored side-sheet on wide screens collapsing to a
- * bottom-sheet below the breakpoint. It holds ZERO motion/layout logic of its
- * own; it maps its props onto a responsive `Dialog` `placement`. The
- * `@oxyhq/bloom/responsive-sheet` subpath is retained for the migration window.
- *
- * This file is BOTH the package default entry (resolved by downstream `tsc`
- * and non-Metro web bundlers via the `browser` condition through `index.web`)
- * AND a clean delegation, so it carries no platform-specific imports.
- */
-export declare function ResponsiveSheet({ open, onClose, side, breakpoint, width, maxHeightRatio, inset, showHandle, dismissOnBackdrop, panelStyle, panelClassName, containerStyle, containerClassName, label, children, }: ResponsiveSheetProps): import("react/jsx-runtime").JSX.Element;
-/**
- * @deprecated Stable testID for the dimmed backdrop dismiss button — now
- * provided by the underlying `<Dialog>`'s side/bottom backdrop.
- */
-export declare const RESPONSIVE_SHEET_BACKDROP_TESTID = "bloom-dialog-sheet-backdrop";
-export default ResponsiveSheet;
-//# sourceMappingURL=ResponsiveSheet.d.ts.map

package/lib/typescript/module/responsive-sheet/ResponsiveSheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveSheet.d.ts","sourceRoot":"","sources":["../../../../src/responsive-sheet/ResponsiveSheet.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,IAAa,EACb,UAA0B,EAC1B,KAAK,EACL,cAAc,EACd,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,KAAK,EACL,QAAQ,GACT,EAAE,oBAAoB,2CAoBtB;AAmBD;;;GAGG;AACH,eAAO,MAAM,gCAAgC,gCAA+B,CAAC;AAE7E,eAAe,eAAe,CAAC"}

package/lib/typescript/module/responsive-sheet/ResponsiveSheet.web.d.ts

@@ -1,16 +0,0 @@
-import type { ResponsiveSheetProps } from './types';
-/**
- * @deprecated Use `<Dialog placement={{ base: 'bottom', md: 'left' }}>` instead.
- *
- * Web fork of the deprecated `ResponsiveSheet` wrapper. Identical delegation to
- * the default fork, but imports the web `Dialog` explicitly so non-Metro web
- * bundlers never follow the native (reanimated) `Dialog` sibling.
- */
-export declare function ResponsiveSheet({ open, onClose, side, breakpoint, width, maxHeightRatio, inset, showHandle, dismissOnBackdrop, panelStyle, panelClassName, containerStyle, containerClassName, label, children, }: ResponsiveSheetProps): import("react/jsx-runtime").JSX.Element;
-/**
- * @deprecated Stable testID for the dimmed backdrop dismiss button — now
- * provided by the underlying `<Dialog>`'s side/bottom backdrop.
- */
-export declare const RESPONSIVE_SHEET_BACKDROP_TESTID = "bloom-dialog-sheet-backdrop";
-export default ResponsiveSheet;
-//# sourceMappingURL=ResponsiveSheet.web.d.ts.map

package/lib/typescript/module/responsive-sheet/ResponsiveSheet.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveSheet.web.d.ts","sourceRoot":"","sources":["../../../../src/responsive-sheet/ResponsiveSheet.web.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,IAAa,EACb,UAA0B,EAC1B,KAAK,EACL,cAAc,EACd,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,KAAK,EACL,QAAQ,GACT,EAAE,oBAAoB,2CAoBtB;AAaD;;;GAGG;AACH,eAAO,MAAM,gCAAgC,gCAA+B,CAAC;AAE7E,eAAe,eAAe,CAAC"}

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

@@ -1,3 +0,0 @@
-export { ResponsiveSheet, RESPONSIVE_SHEET_BACKDROP_TESTID } from './ResponsiveSheet';
-export type { ResponsiveSheetProps, ResponsiveSheetSide, ResponsiveSheetInset, } from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/responsive-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,gCAAgC,EAAE,MAAM,mBAAmB,CAAC;AACtF,YAAY,EACV,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/lib/typescript/module/responsive-sheet/index.web.d.ts

@@ -1,3 +0,0 @@
-export { ResponsiveSheet, RESPONSIVE_SHEET_BACKDROP_TESTID } from './ResponsiveSheet.web';
-export type { ResponsiveSheetProps, ResponsiveSheetSide, ResponsiveSheetInset, } from './types';
-//# sourceMappingURL=index.web.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/responsive-sheet/index.web.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,gCAAgC,EAAE,MAAM,uBAAuB,CAAC;AAC1F,YAAY,EACV,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/lib/typescript/module/responsive-sheet/types.d.ts

@@ -1,58 +0,0 @@
-import type { ReactNode } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-/** Edge a wide-screen side-sheet anchors to. */
-export type ResponsiveSheetSide = 'left' | 'right';
-/**
- * Inset (px) of the wide-screen side-sheet from its container edges. Lets a
- * host place the sheet "inside its own shell" — e.g. offset from the top by a
- * header, or from the left by a nav rail — with margins on every side.
- */
-export interface ResponsiveSheetInset {
-    top?: number;
-    bottom?: number;
-    left?: number;
-    right?: number;
-}
-/**
- * @deprecated Use `<Dialog placement={{ base: 'bottom', md: 'left' }}>` from
- * `@oxyhq/bloom/dialog` instead. `ResponsiveSheet` is now a thin wrapper over
- * `<Dialog>` retained for the migration window.
- *
- * A responsive overlay sheet: an anchored side-sheet on wide screens and a
- * bottom-sheet (with drag handle) on small screens, switching by viewport
- * width. It is a plain controlled component — the host drives `open`/`onClose`
- * from its own state.
- */
-export interface ResponsiveSheetProps {
-    /** Whether the sheet is open. Controlled by the host. */
-    open: boolean;
-    /** Fired when the sheet requests to close (backdrop tap, Escape on web). */
-    onClose: () => void;
-    /** Anchor edge on wide screens. Defaults to `'left'`. */
-    side?: ResponsiveSheetSide;
-    /** Viewport width (px) below which the sheet renders as a bottom-sheet. Defaults to `768`. */
-    breakpoint?: number;
-    /** Side-sheet width (px) on wide screens. Capped to fit. Defaults to `460`. */
-    width?: number;
-    /** Bottom-sheet max height as a fraction of the viewport height. Defaults to `0.9`. */
-    maxHeightRatio?: number;
-    /** Side-sheet inset (px) from the container edges. Defaults to `0` on all sides. */
-    inset?: ResponsiveSheetInset;
-    /** Whether to render the drag handle in bottom-sheet mode. Defaults to `true`. */
-    showHandle?: boolean;
-    /** Whether tapping the backdrop closes the sheet. Defaults to `true`. */
-    dismissOnBackdrop?: boolean;
-    /** Style for the panel surface (e.g. brand color). Composed after defaults. */
-    panelStyle?: StyleProp<ViewStyle>;
-    /** NativeWind classes for the 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 for the sheet panel and the backdrop dismiss button. */
-    label?: string;
-    /** Sheet content. */
-    children: ReactNode;
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/typescript/module/responsive-sheet/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/responsive-sheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,gDAAgD;AAChD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,oBAAoB;IACnC,yDAAyD;IACzD,IAAI,EAAE,OAAO,CAAC;IACd,4EAA4E;IAC5E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yDAAyD;IACzD,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,kFAAkF;IAClF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB"}

package/src/__tests__/CenteredDialog.test.tsx

@@ -1,108 +0,0 @@
-import React from 'react';
-import { Modal, Text } from 'react-native';
-import { fireEvent, render } from '@testing-library/react-native';
-
-import { CenteredDialog, CENTERED_DIALOG_BACKDROP_TESTID } from '../dialog';
-import { BloomThemeProvider } from '../theme/BloomThemeProvider';
-
-function renderWithTheme(ui: React.ReactElement) {
-  return render(
-    <BloomThemeProvider mode="light" colorPreset="teal">
-      {ui}
-    </BloomThemeProvider>,
-  );
-}
-
-const CLOSE_LABEL = 'Close dialog';
-
-describe('CenteredDialog', () => {
-  it('renders the title, children and footer when visible', () => {
-    const { getByText } = renderWithTheme(
-      <CenteredDialog
-        visible
-        onClose={() => {}}
-        title="Confirm action"
-        footer={<Text>Footer area</Text>}
-      >
-        <Text>Body content</Text>
-      </CenteredDialog>,
-    );
-    expect(getByText('Confirm action')).toBeTruthy();
-    expect(getByText('Body content')).toBeTruthy();
-    expect(getByText('Footer area')).toBeTruthy();
-  });
-
-  it('forwards visible=false to the underlying Modal', () => {
-    const { UNSAFE_getByType } = renderWithTheme(
-      <CenteredDialog visible={false} onClose={() => {}} title="Hidden">
-        <Text>Body</Text>
-      </CenteredDialog>,
-    );
-    // The native fork always mounts the RN Modal; the platform hides it via
-    // the `visible` prop. Assert the prop is wired through.
-    expect(UNSAFE_getByType(Modal).props.visible).toBe(false);
-  });
-
-  it('renders a header close button by default when a title is set and fires onClose', () => {
-    const onClose = jest.fn();
-    const { getByLabelText } = renderWithTheme(
-      <CenteredDialog visible onClose={onClose} title="With close">
-        <Text>Body</Text>
-      </CenteredDialog>,
-    );
-    fireEvent.press(getByLabelText(CLOSE_LABEL));
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it('omits the header close button when showClose is false even with a title', () => {
-    const { queryByLabelText } = renderWithTheme(
-      <CenteredDialog visible onClose={() => {}} title="No close" showClose={false}>
-        <Text>Body</Text>
-      </CenteredDialog>,
-    );
-    expect(queryByLabelText(CLOSE_LABEL)).toBeNull();
-  });
-
-  it('closes when the backdrop is pressed (dismissible default)', () => {
-    const onClose = jest.fn();
-    const { getByTestId } = renderWithTheme(
-      <CenteredDialog visible onClose={onClose}>
-        <Text>Body</Text>
-      </CenteredDialog>,
-    );
-    fireEvent.press(getByTestId(CENTERED_DIALOG_BACKDROP_TESTID));
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it('does NOT close on backdrop press when dismissible is false', () => {
-    const onClose = jest.fn();
-    const { getByTestId } = renderWithTheme(
-      <CenteredDialog visible onClose={onClose} dismissible={false}>
-        <Text>Body</Text>
-      </CenteredDialog>,
-    );
-    fireEvent.press(getByTestId(CENTERED_DIALOG_BACKDROP_TESTID));
-    expect(onClose).not.toHaveBeenCalled();
-  });
-
-  it('derives the backdrop testID from a provided testID', () => {
-    const { getByTestId } = renderWithTheme(
-      <CenteredDialog visible onClose={() => {}} testID="signout">
-        <Text>Body</Text>
-      </CenteredDialog>,
-    );
-    expect(getByTestId('signout-backdrop')).toBeTruthy();
-  });
-
-  it('renders a chromeless card (no header) when no title and showClose unset', () => {
-    const { queryByLabelText, getByText, getByTestId } = renderWithTheme(
-      <CenteredDialog visible onClose={() => {}}>
-        <Text>Chromeless body</Text>
-      </CenteredDialog>,
-    );
-    expect(getByText('Chromeless body')).toBeTruthy();
-    // No header close button; only the backdrop is interactive.
-    expect(queryByLabelText(CLOSE_LABEL)).toBeNull();
-    expect(getByTestId(CENTERED_DIALOG_BACKDROP_TESTID)).toBeTruthy();
-  });
-});

package/src/__tests__/ResponsiveSheet.test.tsx

@@ -1,88 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-import { act, render } from '@testing-library/react-native';
-
-import { ResponsiveSheet } from '../responsive-sheet';
-import { BloomThemeProvider } from '../theme/BloomThemeProvider';
-
-function renderWithTheme(ui: React.ReactElement) {
-  return render(
-    <BloomThemeProvider mode="light" colorPreset="teal">
-      {ui}
-    </BloomThemeProvider>,
-  );
-}
-
-function rerenderWithTheme(
-  rerender: ReturnType<typeof render>['rerender'],
-  ui: React.ReactElement,
-) {
-  rerender(
-    <BloomThemeProvider mode="light" colorPreset="teal">
-      {ui}
-    </BloomThemeProvider>,
-  );
-}
-
-const LABEL = 'Filters sheet';
-
-// `ResponsiveSheet` is now a deprecated thin wrapper over `<Dialog>`. These
-// tests verify the controlled wrapper contract it still owns (open/close
-// presence + delegation). The jest env reports a 375px-wide viewport (below
-// the default `md` breakpoint) so the wrapper resolves to the bottom-sheet
-// placement, which delegates to bloom's `BottomSheet`.
-describe('ResponsiveSheet (deprecated Dialog wrapper)', () => {
-  it('renders children when open', () => {
-    const { getByText } = renderWithTheme(
-      <ResponsiveSheet open onClose={() => {}} label={LABEL}>
-        <Text>Sheet body</Text>
-      </ResponsiveSheet>,
-    );
-    expect(getByText('Sheet body')).toBeTruthy();
-  });
-
-  it('renders nothing when closed (never opened)', () => {
-    const { queryByText } = renderWithTheme(
-      <ResponsiveSheet open={false} onClose={() => {}} label={LABEL}>
-        <Text>Sheet body</Text>
-      </ResponsiveSheet>,
-    );
-    expect(queryByText('Sheet body')).toBeNull();
-  });
-
-  it('unmounts the body after a controlled close settles', () => {
-    jest.useFakeTimers();
-    try {
-      const { getByText, queryByText, rerender } = renderWithTheme(
-        <ResponsiveSheet open onClose={() => {}} label={LABEL}>
-          <Text>Sheet body</Text>
-        </ResponsiveSheet>,
-      );
-      expect(getByText('Sheet body')).toBeTruthy();
-
-      rerenderWithTheme(
-        rerender,
-        <ResponsiveSheet open={false} onClose={() => {}} label={LABEL}>
-          <Text>Sheet body</Text>
-        </ResponsiveSheet>,
-      );
-
-      // After the close animation/fallback settles the body is gone.
-      act(() => {
-        jest.advanceTimersByTime(500);
-      });
-      expect(queryByText('Sheet body')).toBeNull();
-    } finally {
-      jest.useRealTimers();
-    }
-  });
-
-  it('forwards a custom label to the dialog surface', () => {
-    const { getByLabelText } = renderWithTheme(
-      <ResponsiveSheet open onClose={() => {}} label={LABEL}>
-        <Text>Sheet body</Text>
-      </ResponsiveSheet>,
-    );
-    expect(getByLabelText(LABEL)).toBeTruthy();
-  });
-});

package/src/dialog/CenteredDialog.stories.tsx

@@ -1,125 +0,0 @@
-import React, { useState } from 'react';
-import { Text, View } from 'react-native';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-
-import { Button } from '../button';
-import { CenteredDialog } from './CenteredDialog';
-
-const meta: Meta<typeof CenteredDialog> = {
-  title: 'Components/CenteredDialog',
-  component: CenteredDialog,
-};
-
-export default meta;
-
-type Story = StoryObj<typeof CenteredDialog>;
-
-function CompactDemo() {
-  const [visible, setVisible] = useState(false);
-  return (
-    <>
-      <Button onPress={() => setVisible(true)}>Open compact dialog</Button>
-      <CenteredDialog
-        visible={visible}
-        onClose={() => setVisible(false)}
-        title="Delete project?"
-        footer={
-          <View style={{ flexDirection: 'row', justifyContent: 'flex-end', gap: 8 }}>
-            <Button variant="ghost" size="small" onPress={() => setVisible(false)}>
-              Cancel
-            </Button>
-            <Button variant="primary" size="small" onPress={() => setVisible(false)}>
-              Delete
-            </Button>
-          </View>
-        }
-      >
-        <Text>This action cannot be undone. The project and all its data will be permanently removed.</Text>
-      </CenteredDialog>
-    </>
-  );
-}
-
-function CozyDemo() {
-  const [visible, setVisible] = useState(false);
-  return (
-    <>
-      <Button onPress={() => setVisible(true)}>Open cozy dialog</Button>
-      <CenteredDialog
-        visible={visible}
-        onClose={() => setVisible(false)}
-        title="Roomier layout"
-        compact={false}
-      >
-        <Text>compact={'{false}'} relaxes the padding and header/footer gaps for content-heavy dialogs.</Text>
-      </CenteredDialog>
-    </>
-  );
-}
-
-function ChromelessDemo() {
-  const [visible, setVisible] = useState(false);
-  return (
-    <>
-      <Button onPress={() => setVisible(true)}>Open chromeless dialog</Button>
-      <CenteredDialog visible={visible} onClose={() => setVisible(false)}>
-        <View style={{ gap: 12 }}>
-          <Text>No title, no close button — the card owns every pixel.</Text>
-          <Button variant="secondary" size="small" onPress={() => setVisible(false)}>
-            Done
-          </Button>
-        </View>
-      </CenteredDialog>
-    </>
-  );
-}
-
-function NonDismissibleDemo() {
-  const [visible, setVisible] = useState(false);
-  return (
-    <>
-      <Button onPress={() => setVisible(true)}>Open blocking dialog</Button>
-      <CenteredDialog
-        visible={visible}
-        onClose={() => setVisible(false)}
-        title="Action required"
-        dismissible={false}
-        showClose={false}
-        footer={
-          <Button size="small" onPress={() => setVisible(false)}>
-            Acknowledge
-          </Button>
-        }
-      >
-        <Text>Backdrop tap and Escape are disabled — the user must choose an action.</Text>
-      </CenteredDialog>
-    </>
-  );
-}
-
-export const Compact: Story = {
-  render: () => <CompactDemo />,
-};
-
-export const Cozy: Story = {
-  render: () => <CozyDemo />,
-};
-
-export const Chromeless: Story = {
-  render: () => <ChromelessDemo />,
-};
-
-export const NonDismissible: Story = {
-  render: () => <NonDismissibleDemo />,
-};
-
-export const Gallery: Story = {
-  render: () => (
-    <View style={{ gap: 12, alignItems: 'flex-start' }}>
-      <CompactDemo />
-      <CozyDemo />
-      <ChromelessDemo />
-      <NonDismissibleDemo />
-    </View>
-  ),
-};