@oxyhq/bloom 0.26.0 → 0.26.1

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

@@ -0,0 +1,29 @@
+import type { DialogProps } from './types';
+/**
+ * Shared `BottomSheet`-backed surface for the `bottom` placement, used by BOTH
+ * `Dialog.tsx` (native) and `Dialog.web.tsx` (web). `BottomSheet` is itself a
+ * single cross-platform implementation (react-native-gesture-handler +
+ * reanimated, drag-to-dismiss on web and native alike), so routing the bottom
+ * placement through here gives ONE code path with drag working everywhere — no
+ * duplicated CSS slide-up sheet.
+ *
+ * This component owns the entire open↔present/dismiss bridge and the Dialog →
+ * BottomSheet prop mapping in one place:
+ *
+ *   - `open` (controlled) / `control` (imperative) → `present()` / `dismiss()`
+ *   - `onClose`                                     → fired once the sheet settles
+ *   - `maxHeightRatio`                              → sheet `maxHeight`
+ *   - `showHandle` / `dismissOnBackdrop` / `label`  → forwarded to the surface
+ *   - `panelStyle`                                  → paints the sheet surface
+ *   - `containerStyle`                              → wraps the content subtree
+ *     so a host's CSS-var theme scope (`vars()`) still applies to descendants
+ *   - `title` / `description` / `actions` / `children` → declarative body
+ */
+export declare function DialogBottomSheet({ control, open: controlledOpen, onClose, testID, title, description, actions, maxHeightRatio, showHandle, dismissOnBackdrop, contentPadding, style, panelStyle, panelClassName, containerStyle, containerClassName, label, children, }: DialogBottomSheetProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props the shared bottom-sheet surface consumes — the `bottom`-relevant subset
+ * of `DialogProps`. `width`, `maxWidth`, and `inset` are placement-specific to
+ * the side/centered surfaces and intentionally excluded.
+ */
+export type DialogBottomSheetProps = Pick<DialogProps, 'control' | 'open' | 'onClose' | 'testID' | 'title' | 'description' | 'actions' | 'maxHeightRatio' | 'showHandle' | 'dismissOnBackdrop' | 'contentPadding' | 'style' | 'panelStyle' | 'panelClassName' | 'containerStyle' | 'containerClassName' | 'label' | 'children'>;
+//# sourceMappingURL=DialogBottomSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogBottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/dialog/DialogBottomSheet.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAsB,WAAW,EAAE,MAAM,SAAS,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,OAAO,EACP,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,cAAyC,EACzC,UAAiB,EACjB,iBAAwB,EACxB,cAA+C,EAC/C,KAAK,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,KAAK,EACL,QAAQ,GACT,EAAE,sBAAsB,2CAiKxB;AAED;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,WAAW,EACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,QAAQ,GACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,gBAAgB,GAChB,YAAY,GACZ,mBAAmB,GACnB,gBAAgB,GAChB,OAAO,GACP,YAAY,GACZ,gBAAgB,GAChB,gBAAgB,GAChB,oBAAoB,GACpB,OAAO,GACP,UAAU,CACb,CAAC"}

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { ThemeColors } from '../theme/types';
+import type { DialogAction, DialogActionColor } from './types';
+/**
+ * Shared dialog content primitives used by every `<Dialog>` placement on both
+ * platforms — the centered panel, the side-sheets, and the `BottomSheet`-backed
+ * bottom placement. Keeping them here is the single source of truth for the
+ * declarative `title` / `description` / `actions` chrome, so the surfaces never
+ * drift in spacing, typography, or action-button behaviour.
+ */
+/**
+ * Renders the dialog's body: optional declarative title + description, any
+ * `children`, then the action row. The `titleId`/`descriptionId` are wired by
+ * the caller onto the dialog role element for `aria-labelledby` /
+ * `aria-describedby`.
+ */
+export declare function DialogBody({ titleId, descriptionId, title, description, actions, children, }: {
+    titleId: string;
+    descriptionId: string;
+    title?: string;
+    description?: string;
+    actions?: DialogAction[];
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ActionRow({ actions }: {
+    actions: DialogAction[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function getActionPalette(color: DialogActionColor, colors: ThemeColors): {
+    background: string;
+    foreground: string;
+};
+//# sourceMappingURL=DialogContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../../src/dialog/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D;;;;;;GAMG;AAEH;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,aAAa,EACb,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,2CAmCA;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,YAAY,EAAE,CAAA;CAAE,2CAQjE;AAkDD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,iBAAiB,EACxB,MAAM,EAAE,WAAW,GAClB;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAiB5C"}

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

@@ -0,0 +1,31 @@
+/**
+ * Internal bottom-sheet shell shared by `Menu`, `Select` and `ContextMenu`.
+ *
+ * Not exported from the public `@oxyhq/bloom` surface — these three
+ * components historically used the low-level `Dialog.Outer / Inner /
+ * Handle` primitives, which are gone in 0.5.0. This shell captures the
+ * shared shape (BottomSheet + drag handle + close-on-tap context) in a
+ * single place so the three internal call sites stay symmetrical.
+ *
+ * Consumers needing the same behaviour for app code should use the public
+ * `BottomSheet` primitive directly.
+ */
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { DialogControlProps } from './types';
+export interface SheetShellProps {
+    control: DialogControlProps;
+    label?: string;
+    header?: React.ReactNode;
+    onClose?: () => void;
+    /** Style overrides applied to the inner padded content container. */
+    contentStyle?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+}
+/**
+ * Bottom-sheet shell with an embedded drag handle. Exposes the bloom
+ * dialog `close()` context to descendants — `MenuItem`, `SelectItem`
+ * etc. rely on it to dismiss the sheet after selection.
+ */
+export declare function SheetShell({ control, label, header, onClose, contentStyle, children, }: SheetShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SheetShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SheetShell.d.ts","sourceRoot":"","sources":["../../../../src/dialog/SheetShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAA+B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAM3F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qEAAqE;IACrE,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,MAAM,EACN,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,EAAE,eAAe,2CAwEjB"}

package/lib/typescript/commonjs/dialog/alert-store.d.ts

@@ -0,0 +1,70 @@
+import type { DialogAction } from './types';
+/**
+ * Imperative-alert store.
+ *
+ * The store sits in module scope so `alert()` works from anywhere — event
+ * handlers, async callbacks, top-level helpers — without threading a
+ * provider context through every call site.
+ *
+ * The visible UI is owned by a single subscriber (the `<BloomDialogProvider>`
+ * mounted inside the app's React tree). When there is no subscriber yet —
+ * because `alert()` was called before the provider mounted, or because the
+ * app forgot to mount the provider — entries accumulate in the queue and
+ * drain as soon as a subscriber attaches.
+ *
+ * Multiple subscribers are not supported by design. Two providers would
+ * race for the same alert; we instead enforce a single listener and let
+ * the most recent subscription win (the older one falls back to no-op).
+ */
+export type AlertButtonStyle = 'default' | 'cancel' | 'destructive';
+export interface AlertButton {
+    /** Button label. Required. */
+    text: string;
+    /** Tap handler. Invoked after the dialog has finished its close animation. */
+    onPress?: () => void;
+    /** Visual treatment. Defaults to `'default'`. */
+    style?: AlertButtonStyle;
+}
+export interface AlertEntry {
+    id: string;
+    title: string;
+    message?: string;
+    buttons: AlertButton[];
+}
+type Listener = (queue: AlertEntry[]) => void;
+/**
+ * Enqueue an alert. Returns the generated id so callers can dismiss it
+ * imperatively (rare — usually the dialog dismisses itself via a button
+ * tap). The runtime guarantees this enqueues even before any provider
+ * mounts; the provider drains pending entries on subscribe.
+ */
+export declare function enqueueAlert(entry: Omit<AlertEntry, 'id'>): string;
+/**
+ * Remove an alert from the queue. Called by the provider once the bloom
+ * Dialog has finished closing for that entry.
+ */
+export declare function dismissAlert(id: string): void;
+/**
+ * Subscribe to queue changes. Replaces any previously-registered listener
+ * (single-subscriber model — see header). Returns an unsubscribe function.
+ *
+ * On subscribe, the current queue is delivered synchronously so the
+ * subscriber can render pending entries that arrived before mount.
+ */
+export declare function subscribeAlerts(fn: Listener): () => void;
+/** Inspect the current queue. Used internally and by tests. */
+export declare function getAlertQueue(): readonly AlertEntry[];
+/**
+ * Translate an alert button to the action shape the unified `Dialog`
+ * accepts. Pure — no React, no theme — so it can be reused on web and
+ * native without forking.
+ */
+export declare function buttonToAction(button: AlertButton): DialogAction;
+/**
+ * Compute the effective button set for an alert. Mirrors React Native's
+ * `Alert.alert` semantics — an empty/omitted buttons array implies a
+ * single `OK` confirmation button.
+ */
+export declare function resolveButtons(buttons: AlertButton[] | undefined): AlertButton[];
+export {};
+//# sourceMappingURL=alert-store.d.ts.map

package/lib/typescript/commonjs/dialog/alert-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-store.d.ts","sourceRoot":"","sources":["../../../../src/dialog/alert-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQ5C;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAEpE,MAAM,WAAW,WAAW;IAC1B,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;AAS9C;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,MAAM,CAKlE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAK7C;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,QAAQ,GAAG,MAAM,IAAI,CAQxD;AAED,+DAA+D;AAC/D,wBAAgB,aAAa,IAAI,SAAS,UAAU,EAAE,CAErD;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,YAAY,CAWhE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,SAAS,GAAG,WAAW,EAAE,CAGhF"}

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

@@ -0,0 +1,27 @@
+import { type AlertButton } from './alert-store';
+/**
+ * Show a Bloom-styled confirmation dialog. Mirrors React Native's
+ * `Alert.alert(title, message?, buttons?)` signature so existing call
+ * sites migrate by changing the import only.
+ *
+ * If no buttons are passed, a single `OK` confirmation is rendered.
+ *
+ * The alert is enqueued in a module-scope store and rendered by
+ * `<BloomDialogProvider>`. Calls made before the provider mounts are
+ * queued and drained once the provider attaches — there is no fire-and-
+ * forget loss window. Calls made when no provider is ever mounted are
+ * silently queued forever; in development, mount the provider once at
+ * the app root and the queue will catch up immediately.
+ *
+ * ```tsx
+ * import { alert } from '@oxyhq/bloom';
+ *
+ * alert('Sign out?', 'You will need to enter your password to sign in again.', [
+ *   { text: 'Cancel', style: 'cancel' },
+ *   { text: 'Sign out', style: 'destructive', onPress: doSignOut },
+ * ]);
+ * ```
+ */
+export declare function alert(title: string, message?: string, buttons?: AlertButton[]): void;
+export type { AlertButton, AlertButtonStyle } from './alert-store';
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/dialog/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAEvB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,KAAK,CACnB,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,WAAW,EAAE,GACtB,IAAI,CAMN;AAED,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { DialogContextProps, DialogControlProps } from './types';
+export declare const Context: import("react").Context<DialogContextProps>;
+export declare function useDialogContext(): DialogContextProps;
+/**
+ * Return a stable handle that can imperatively `open()` and `close()` a
+ * `<Dialog>` mounted with the same control.
+ *
+ * The handle survives across re-renders; mounting a different `<Dialog>`
+ * with the same control attaches the new instance via the internal ref.
+ */
+export declare function useDialogControl(): DialogControlProps;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/dialog/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAEnB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,OAAO,6CAGlB,CAAC;AAGH,wBAAgB,gBAAgB,IAAI,kBAAkB,CAErD;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,IAAI,kBAAkB,CAoBrD"}

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

@@ -0,0 +1,7 @@
+export { Dialog, DIALOG_SHEET_BACKDROP_TESTID } from './Dialog';
+export { BloomDialogProvider } from './BloomDialogProvider';
+export { alert } from './alert';
+export { useDialogContext, useDialogControl } from './context';
+export type { AlertButton, AlertButtonStyle, } from './alert-store';
+export type { DialogAction, DialogActionColor, DialogContextProps, DialogControlProps, DialogInset, DialogPlacement, DialogProps, ResponsiveDialogPlacement, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EACV,WAAW,EACX,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,WAAW,EACX,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,7 @@
+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';
+export type { AlertButton, AlertButtonStyle, } from './alert-store';
+export type { DialogAction, DialogActionColor, DialogContextProps, DialogControlProps, DialogInset, DialogPlacement, DialogProps, ResponsiveDialogPlacement, } from './types';
+//# sourceMappingURL=index.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/dialog/index.web.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC/D,YAAY,EACV,WAAW,EACX,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,WAAW,EACX,yBAAyB,GAC1B,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,81 @@
+/**
+ * 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 declare const BREAKPOINT_SM = 640;
+export declare const BREAKPOINT_MD = 768;
+export declare const BREAKPOINT_LG = 1024;
+export declare const BREAKPOINT_XL = 1280;
+/** Default side-sheet width (px) on wide screens. */
+export declare const DEFAULT_SIDE_WIDTH = 460;
+/** Default centered-card max width (px). Matches the legacy `maxWidth: 480`. */
+export declare const DEFAULT_CENTER_MAX_WIDTH = 480;
+/** Default bottom-sheet max height as a fraction of the viewport height. */
+export declare const DEFAULT_MAX_HEIGHT_RATIO = 0.9;
+/** Corner radius shared by the side-sheet panel and the bottom-sheet top. */
+export declare const PANEL_RADIUS = 20;
+/**
+ * Default inner padding (px) of the dialog content container, applied uniformly
+ * across every placement (centered panel, side-sheet body, bottom-sheet body)
+ * so the chrome reads identically regardless of which surface resolves. This is
+ * the legacy value — omitting the `contentPadding` prop keeps 20px everywhere,
+ * byte-for-byte unchanged. A host that owns its own insets (e.g. custom
+ * `children` that already manage padding) can override it via
+ * `Dialog`'s `contentPadding` prop (e.g. `contentPadding={0}`).
+ */
+export declare const DEFAULT_DIALOG_CONTENT_PADDING = 20;
+/** Open/close transition duration (ms). ~280ms ease-out reads smooth. */
+export declare const ANIMATION_DURATION = 280;
+/** Centered-card fade-out duration (ms) — preserves the legacy timing. */
+export declare const CENTER_FADE_OUT_DURATION = 150;
+/** CSS approximation of reanimated's `Easing.out(Easing.cubic)`. */
+export declare const EASE_OUT = "cubic-bezier(0.33, 1, 0.68, 1)";
+/** Backdrop dim opacity once fully shown (matches `bg-black/40`). */
+export declare const SHEET_BACKDROP_OPACITY = 0.4;
+/** Stable testID for the dimmed backdrop of a side/bottom placement dialog. */
+export declare const DIALOG_SHEET_BACKDROP_TESTID = "bloom-dialog-sheet-backdrop";
+/** 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.
+ */
+export declare 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 declare function useResolvedPlacement(placement: ResponsiveDialogPlacement | undefined): DialogPlacement;
+//# sourceMappingURL=placement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"placement.d.ts","sourceRoot":"","sources":["../../../../src/dialog/placement.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErE;;;;;;;;;GASG;AACH,MAAM,MAAM,yBAAyB,GACjC,eAAe,GACf;IACE,IAAI,EAAE,eAAe,CAAC;IACtB,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,EAAE,CAAC,EAAE,eAAe,CAAC;CACtB,CAAC;AAEN;;;;GAIG;AACH,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,aAAa,OAAO,CAAC;AAClC,eAAO,MAAM,aAAa,OAAO,CAAC;AAUlC,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,gFAAgF;AAChF,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,4EAA4E;AAC5E,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,6EAA6E;AAC7E,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;;;;;;GAQG;AACH,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAEjD,yEAAyE;AACzE,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,0EAA0E;AAC1E,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,oEAAoE;AACpE,eAAO,MAAM,QAAQ,mCAAmC,CAAC;AAEzD,qEAAqE;AACrE,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,+EAA+E;AAC/E,eAAO,MAAM,4BAA4B,gCAAgC,CAAC;AAE1E,sDAAsD;AACtD,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B;;;GAGG;AACH,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,yBAAyB,GAAG,SAAS,GAC/C,eAAe,CAcjB"}

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

@@ -0,0 +1,165 @@
+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`.
+ *
+ * Consumers receive an instance of `DialogControlProps`, which is a stable
+ * object whose `open`/`close` methods proxy to whichever `Dialog` instance
+ * has currently registered itself via the internal ref. Re-rendering the
+ * dialog under the same control does not break the handle.
+ */
+export type DialogControlRefProps = {
+    open: () => void;
+    close: (callback?: () => void) => void;
+};
+export type DialogControlProps = DialogControlRefProps & {
+    id: string;
+    ref: React.RefObject<DialogControlRefProps | null>;
+};
+export type DialogContextProps = {
+    close: DialogControlProps['close'];
+    isWithinDialog: boolean;
+};
+/**
+ * Color of a declarative `DialogAction`. Maps to bloom's theme palette:
+ *
+ * - `'default'`  -> theme primary (filled CTA)
+ * - `'cancel'`   -> theme secondary (auto-dismiss, no `onPress` required)
+ * - `'destructive'` -> theme negative
+ */
+export type DialogActionColor = 'default' | 'cancel' | 'destructive';
+export type DialogAction = {
+    label: string;
+    onPress?: (e: GestureResponderEvent) => void;
+    color?: DialogActionColor;
+    disabled?: boolean;
+    /**
+     * Defaults to `true`. When `true`, the dialog closes (and runs the close
+     * animation) before `onPress` is invoked, which gives the surrounding
+     * screen transition a chance to start before the action's side effects
+     * (navigation, network, etc.) kick in. Set `false` to keep the dialog
+     * mounted (e.g. while an async confirmation is in flight).
+     */
+    shouldCloseOnPress?: boolean;
+    testID?: string;
+};
+/**
+ * Props accepted by the unified `<Dialog>` component.
+ *
+ * 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
+ *      action row for you.
+ *
+ *   2. **Custom children.** Pass any JSX as `children` and bloom renders it
+ *      verbatim inside the dialog frame. Combine with `title` to keep the
+ *      header consistent.
+ *
+ *   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<{
+    /**
+     * 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`. */
+    title?: string;
+    /** Optional supporting copy, rendered below the title. */
+    description?: string;
+    /**
+     * Optional action row. When provided, bloom renders the appropriate
+     * 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;
+    /**
+     * Inner padding (px) of the dialog content container, applied uniformly across
+     * every placement (centered panel, side-sheet body, bottom-sheet body).
+     * Defaults to `20`.
+     *
+     * The default chrome padding is correct for the declarative
+     * `title`/`description`/`actions` layout, but a host passing pure custom
+     * `children` that already own their insets can set `contentPadding={0}` to
+     * render flush content and manage padding itself. Omitting the prop keeps the
+     * 20px default on every surface.
+     */
+    contentPadding?: number;
+    /** 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;
+}>;
+/**
+ * Web-only options. Native uses bloom's `BottomSheet` underneath which has
+ * its own positioning model.
+ */
+export type DialogWebOptions = {
+    alignCenter?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/dialog/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/commonjs/divider/Divider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DividerProps } from './types';
+export declare const Divider: React.NamedExoticComponent<DividerProps>;
+//# sourceMappingURL=Divider.d.ts.map

package/lib/typescript/commonjs/divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAoC5C,eAAO,MAAM,OAAO,0CAAyB,CAAC"}

package/lib/typescript/commonjs/divider/index.d.ts

@@ -0,0 +1,3 @@
+export { Divider } from './Divider';
+export type { DividerProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/commonjs/divider/types.d.ts

@@ -0,0 +1,15 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface DividerProps {
+    /** Custom color (defaults to theme.colors.border) */
+    color?: string;
+    /** Line thickness (defaults to StyleSheet.hairlineWidth) */
+    thickness?: number;
+    /** If true, renders a vertical divider */
+    vertical?: boolean;
+    /** Spacing around the divider (marginVertical for horizontal, marginHorizontal for vertical) */
+    spacing?: number;
+    /** Custom style */
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/commonjs/divider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/divider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/typescript/commonjs/error-boundary/ErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import { Component, type ErrorInfo, type ReactNode } from 'react';
+import type { ErrorBoundaryProps } from './types';
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+    errorInfo: ErrorInfo | null;
+    retryCount: number;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    static displayName: string;
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState>;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    private handleRetry;
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/lib/typescript/commonjs/error-boundary/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../src/error-boundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB;AAwCD,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAClF,MAAM,CAAC,WAAW,SAAmB;IAErC,KAAK,EAAE,kBAAkB,CAKvB;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,kBAAkB,CAAC;IAI1E,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAK3D,OAAO,CAAC,WAAW,CAOjB;IAEF,MAAM,IAAI,SAAS;CA+BpB"}

package/lib/typescript/commonjs/error-boundary/index.d.ts

@@ -0,0 +1,3 @@
+export { ErrorBoundary } from './ErrorBoundary';
+export type { ErrorBoundaryProps, ErrorBoundaryFallback, ErrorBoundaryFallbackContext, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/error-boundary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/error-boundary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,SAAS,CAAC"}