@oxyhq/bloom 0.14.0 → 0.16.0

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

@@ -1,70 +0,0 @@
-import type { ReactNode } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-/**
- * 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;;;;;;;;;;;GAWG;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,26 +0,0 @@
-import type { ResponsiveSheetProps } from './types';
-/** Stable testID for the dimmed backdrop dismiss button. */
-export declare const RESPONSIVE_SHEET_BACKDROP_TESTID = "bloom-responsive-sheet-backdrop";
-/**
- * Default / web variant of `<ResponsiveSheet>`.
- *
- * This file is BOTH the package's default entry (`react-native` export
- * condition resolves it for downstream `tsc`, and non-Metro web bundlers pick
- * it via the `browser` condition through `index.web`) AND the canonical web
- * implementation. It MUST NOT import `react-native-reanimated` — reanimated has
- * no web build and its worklets Babel plugin is native-only, so a static import
- * here would break every web bundler and downstream type-check. The native
- * fork (`ResponsiveSheet.native.tsx`, selected only by Metro) drives the same
- * motion with reanimated.
- *
- * Motion is pure CSS transitions: react-native-web emits `transition-*` style
- * props to the DOM, and the panel/backdrop toggle their transform/opacity by a
- * `shown` flag. Presence is handled with a `mounted` + `shown` pair so both the
- * open AND close directions animate while the node stays mounted through the
- * exit. We deliberately do NOT use reanimated `exiting` on web — concurrent
- * React unmounts there throw `Failed to execute 'removeChild' on 'Node'`, the
- * exact bug this component exists to avoid.
- */
-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 | null;
-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":"AAgCA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,4DAA4D;AAC5D,eAAO,MAAM,gCAAgC,oCAAoC,CAAC;AAElF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,IAAmB,EACnB,UAA+B,EAC/B,KAAqB,EACrB,cAAyC,EACzC,KAAK,EACL,UAAiB,EACjB,iBAAwB,EACxB,UAAU,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,KAAqB,EACrB,QAAQ,GACT,EAAE,oBAAoB,kDA+KtB;AA8ED,eAAe,eAAe,CAAC"}

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

@@ -1,20 +0,0 @@
-import type { ResponsiveSheetProps } from './types';
-/** Stable testID for the dimmed backdrop dismiss button. */
-export declare const RESPONSIVE_SHEET_BACKDROP_TESTID = "bloom-responsive-sheet-backdrop";
-/**
- * Native variant of `<ResponsiveSheet>` (selected only by Metro).
- *
- * Uses `react-native-reanimated` to drive the same motion as the web/CSS
- * default fork: a shared `progress` value times 0 -> 1 on open and 1 -> 0 on
- * close, mapped to the panel translate/opacity and the backdrop opacity.
- * Native exit animations are safe here — the web-only `removeChild` crash does
- * not apply — so we keep the node mounted through the close timing and unmount
- * from the animation completion callback.
- *
- * The panel itself is measured (not percentage-translated): we offset by the
- * panel's own width/height so the hidden state sits fully off its side, which
- * is the reanimated-friendly equivalent of the web `translate(±100%)`.
- */
-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 | null;
-export default ResponsiveSheet;
-//# sourceMappingURL=ResponsiveSheet.native.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveSheet.native.d.ts","sourceRoot":"","sources":["../../../../src/responsive-sheet/ResponsiveSheet.native.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,4DAA4D;AAC5D,eAAO,MAAM,gCAAgC,oCAAoC,CAAC;AAElF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,OAAO,EACP,IAAmB,EACnB,UAA+B,EAC/B,KAAqB,EACrB,cAAyC,EACzC,KAAK,EACL,UAAiB,EACjB,iBAAwB,EACxB,UAAU,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,KAAqB,EACrB,QAAQ,GACT,EAAE,oBAAoB,kDAqJtB;AAiCD,eAAe,eAAe,CAAC"}

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

@@ -1,43 +0,0 @@
-/**
- * Shared default constants for `ResponsiveSheet`.
- *
- * Platform-agnostic — imported by both the default/web CSS implementation
- * (`ResponsiveSheet.tsx`) and the native reanimated implementation
- * (`ResponsiveSheet.native.tsx`) so the two variants stay in lockstep.
- */
-/** Below this viewport width the sheet renders as a bottom-sheet. */
-export declare const DEFAULT_BREAKPOINT = 768;
-/** Side-sheet width (px) on wide screens. Capped to fit the viewport. */
-export declare const DEFAULT_WIDTH = 460;
-/** Bottom-sheet maximum height as a fraction of the viewport height. */
-export declare const DEFAULT_MAX_HEIGHT_RATIO = 0.9;
-/** Anchored edge of the side-sheet on wide screens. */
-export declare const DEFAULT_SIDE: "left";
-/**
- * Open/close transition duration (ms). ~280–300ms ease-out reads as smooth
- * without feeling sluggish; shared by the CSS transition and the native
- * reanimated timing so both platforms match.
- */
-export declare const ANIMATION_DURATION = 280;
-/**
- * Standard CSS approximation of reanimated's `Easing.out(Easing.cubic)` so the
- * web transition curve matches the native one.
- */
-export declare const EASE_OUT = "cubic-bezier(0.33, 1, 0.68, 1)";
-/** Corner radius for the side-sheet panel and the top of the bottom-sheet. */
-export declare const PANEL_RADIUS = 20;
-/** Backdrop dim opacity once fully shown (matches `bg-black/40`). */
-export declare const BACKDROP_OPACITY = 0.4;
-/** Drag-handle pill geometry for the bottom-sheet. */
-export declare const HANDLE_WIDTH = 36;
-export declare const HANDLE_HEIGHT = 5;
-export declare 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 on a narrow
- * desktop window that is still above the breakpoint.
- */
-export declare const SIDE_SHEET_MIN_GUTTER = 24;
-/** A11y label fallback when the host does not provide one. */
-export declare const DEFAULT_LABEL = "Sheet";
-//# sourceMappingURL=const.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../src/responsive-sheet/const.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,qEAAqE;AACrE,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,yEAAyE;AACzE,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,wEAAwE;AACxE,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,uDAAuD;AACvD,eAAO,MAAM,YAAY,EAAG,MAAe,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC;;;GAGG;AACH,eAAO,MAAM,QAAQ,mCAAmC,CAAC;AAEzD,8EAA8E;AAC9E,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B,qEAAqE;AACrE,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,sDAAsD;AACtD,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,8DAA8D;AAC9D,eAAO,MAAM,aAAa,UAAU,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';
-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":"AAUA,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/types.d.ts

@@ -1,55 +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;
-}
-/**
- * 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. It renders in place (no portal) so the host can scope it
- * inside a themed/positioned subtree.
- */
-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;;;;;;GAMG;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,104 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-import { act, fireEvent, render } from '@testing-library/react-native';
-
-import { ResponsiveSheet, RESPONSIVE_SHEET_BACKDROP_TESTID } from '../responsive-sheet';
-import { BloomThemeProvider } from '../theme/BloomThemeProvider';
-
-function renderWithTheme(ui: React.ReactElement) {
-  return render(
-    <BloomThemeProvider mode="light" colorPreset="teal">
-      {ui}
-    </BloomThemeProvider>,
-  );
-}
-
-const LABEL = 'Filters sheet';
-
-describe('ResponsiveSheet', () => {
-  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();
-  });
-
-  // The backdrop animates its opacity from 0 -> BACKDROP_OPACITY on enter, so
-  // RNTL treats it as accessibility-hidden during the synchronous first frame.
-  // `includeHiddenElements` lets us assert its (real, interactive) press
-  // behavior without depending on the enter transition having committed.
-  const HIDDEN = { includeHiddenElements: true } as const;
-
-  it('calls onClose when the backdrop is pressed (default dismissOnBackdrop)', () => {
-    const onClose = jest.fn();
-    const { getByTestId } = renderWithTheme(
-      <ResponsiveSheet open onClose={onClose} label={LABEL}>
-        <Text>Sheet body</Text>
-      </ResponsiveSheet>,
-    );
-    fireEvent.press(getByTestId(RESPONSIVE_SHEET_BACKDROP_TESTID, HIDDEN));
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it('does NOT call onClose on backdrop press when dismissOnBackdrop is false', () => {
-    const onClose = jest.fn();
-    const { getByTestId } = renderWithTheme(
-      <ResponsiveSheet open onClose={onClose} label={LABEL} dismissOnBackdrop={false}>
-        <Text>Sheet body</Text>
-      </ResponsiveSheet>,
-    );
-    fireEvent.press(getByTestId(RESPONSIVE_SHEET_BACKDROP_TESTID, HIDDEN));
-    expect(onClose).not.toHaveBeenCalled();
-  });
-
-  it('labels the panel and the dismiss backdrop distinctly', () => {
-    const { getByLabelText } = renderWithTheme(
-      <ResponsiveSheet open onClose={() => {}} label={LABEL}>
-        <Text>Sheet body</Text>
-      </ResponsiveSheet>,
-    );
-    expect(getByLabelText(LABEL, HIDDEN)).toBeTruthy();
-    expect(getByLabelText(`Dismiss ${LABEL}`, HIDDEN)).toBeTruthy();
-  });
-
-  it('keeps the panel mounted through the exit transition after closing', () => {
-    jest.useFakeTimers();
-    try {
-      const { getByText, queryByText, rerender } = renderWithTheme(
-        <ResponsiveSheet open onClose={() => {}} label={LABEL}>
-          <Text>Sheet body</Text>
-        </ResponsiveSheet>,
-      );
-      expect(getByText('Sheet body')).toBeTruthy();
-
-      rerender(
-        <BloomThemeProvider mode="light" colorPreset="teal">
-          <ResponsiveSheet open={false} onClose={() => {}} label={LABEL}>
-            <Text>Sheet body</Text>
-          </ResponsiveSheet>
-        </BloomThemeProvider>,
-      );
-      // Still mounted immediately after close (exit transition in flight).
-      expect(getByText('Sheet body')).toBeTruthy();
-
-      // After the transition duration it unmounts.
-      act(() => {
-        jest.advanceTimersByTime(400);
-      });
-      expect(queryByText('Sheet body')).toBeNull();
-    } finally {
-      jest.useRealTimers();
-    }
-  });
-});

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>
-  ),
-};