@userflow-tech/react-native 0.1.0

package/lib/typescript/module/src/runtime/UserflowProvider.d.ts

@@ -0,0 +1,32 @@
+import type { FlowSessionEngine } from '@userflow-tech/core';
+import * as React from 'react';
+export interface UserflowContextValue {
+    engine: FlowSessionEngine;
+}
+export interface UserflowProviderProps {
+    children: React.ReactNode;
+    /** Override the module singleton engine (tests). */
+    engine?: FlowSessionEngine;
+}
+/**
+ * Mount once at the application root, above the navigation container
+ * (for example the root `_layout.tsx` or `App` component), after
+ * calling {@link Userflow.init}.
+ *
+ * Children render normally. An absolute overlay sits above them with
+ * `pointerEvents="box-none"` so taps pass through except where flow UI sits.
+ * We deliberately do not use RN `<Modal>` — it is the wrong primitive for
+ * non-modal tooltips (WS6).
+ *
+ * **Expo Router:** also mount `UserflowExpoRouterScreenTracker` from
+ * `@userflow-tech/react-native/expo-router` under this provider so pathname changes
+ * and path-like NAVIGATE actions are wired. The tracker is a separate entry so
+ * apps without `expo-router` are not forced to install that peer.
+ *
+ * **React Navigation:** wrap `NavigationContainer` with
+ * {@link WithUserflowReactNavigation} from `@userflow-tech/react-native/navigation`.
+ */
+export declare function UserflowProvider({ children, engine: engineProp, }: UserflowProviderProps): React.ReactElement;
+/** Access the flow session engine from inside {@link UserflowProvider}. */
+export declare function useUserflow(): UserflowContextValue;
+//# sourceMappingURL=UserflowProvider.d.ts.map

package/lib/typescript/module/src/runtime/UserflowProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserflowProvider.d.ts","sourceRoot":"","sources":["../../../../../src/runtime/UserflowProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAID,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oDAAoD;IACpD,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EAAE,UAAU,GACnB,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAsB5C;AAED,2EAA2E;AAC3E,wBAAgB,WAAW,IAAI,oBAAoB,CAMlD"}

package/lib/typescript/module/src/runtime/clientConditions.d.ts

@@ -0,0 +1,10 @@
+import { ClientConditionEngine, type UserflowCore } from '@userflow-tech/core';
+/** Build (once) the module-level client-condition engine over a {@link UserflowCore} transport. */
+export declare function getClientConditionEngine(core: UserflowCore): ClientConditionEngine;
+/** Subscribe the engine to inbound server messages. Call after identify. */
+export declare function attachClientConditionEngine(core: UserflowCore): ClientConditionEngine;
+/** Clear tracked conditions. Call from {@link Userflow.reset}. */
+export declare function resetClientConditionEngine(): void;
+/** Test helper: drop the singleton so the next get recreates it. */
+export declare function __resetClientConditionEngineForTests(): void;
+//# sourceMappingURL=clientConditions.d.ts.map

package/lib/typescript/module/src/runtime/clientConditions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientConditions.d.ts","sourceRoot":"","sources":["../../../../../src/runtime/clientConditions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAM/E,mGAAmG;AACnG,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,YAAY,GAAG,qBAAqB,CAgBlF;AAED,4EAA4E;AAC5E,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,YAAY,GAAG,qBAAqB,CAIrF;AAED,kEAAkE;AAClE,wBAAgB,0BAA0B,IAAI,IAAI,CAEjD;AAED,oEAAoE;AACpE,wBAAgB,oCAAoC,IAAI,IAAI,CAG3D"}

package/lib/typescript/module/src/runtime/flowEngine.d.ts

@@ -0,0 +1,17 @@
+import { FlowSessionEngine, type UserflowCore } from '@userflow-tech/core';
+/** Build (once) the module-level flow session engine over a {@link UserflowCore} transport. */
+export declare function getFlowSessionEngine(core: UserflowCore): FlowSessionEngine;
+/** Subscribe the engine to inbound server messages. Call after identify. */
+export declare function attachFlowSessionEngine(core: UserflowCore): FlowSessionEngine;
+/** Clear session/clocks/timers. Call from {@link Userflow.reset}. */
+export declare function resetFlowSessionEngine(): void;
+/**
+ * Drop the local mid-flow session without detaching the transport subscription.
+ * Used after a long background when mid-flow resume would be stale.
+ */
+export declare function clearFlowSessionEngineLocalSession(): void;
+/** Whether any mid-flow session (live or draft/preview) is currently on screen. */
+export declare function hasActiveFlowSession(): boolean;
+/** Test helper: drop the singleton so the next get recreates it. */
+export declare function __resetFlowSessionEngineForTests(): void;
+//# sourceMappingURL=flowEngine.d.ts.map

package/lib/typescript/module/src/runtime/flowEngine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowEngine.d.ts","sourceRoot":"","sources":["../../../../../src/runtime/flowEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAM3E,+FAA+F;AAC/F,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,iBAAiB,CAc1E;AAED,4EAA4E;AAC5E,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,YAAY,GAAG,iBAAiB,CAI7E;AAED,qEAAqE;AACrE,wBAAgB,sBAAsB,IAAI,IAAI,CAE7C;AAED;;;GAGG;AACH,wBAAgB,kCAAkC,IAAI,IAAI,CAEzD;AAED,mFAAmF;AACnF,wBAAgB,oBAAoB,IAAI,OAAO,CAE9C;AAED,oEAAoE;AACpE,wBAAgB,gCAAgC,IAAI,IAAI,CAGvD"}

package/lib/typescript/module/src/runtime/flowSessionViewState.d.ts

@@ -0,0 +1,18 @@
+import type { FlowSessionEngineEvent } from '@userflow-tech/core';
+import type { FlowSessionFragment, FlowStepFragment } from '@userflow-tech/protocol';
+/** React-facing view of the active flow session (derived from engine events). */
+export interface FlowSessionViewState {
+    session: FlowSessionFragment | null;
+    currentStepId: string | null;
+}
+export declare function initialFlowSessionViewState(session: FlowSessionFragment | null): FlowSessionViewState;
+/**
+ * Reduces engine events into view state.
+ *
+ * Important: `goToStep` updates `currentStepId` without requiring a new
+ * `sessionChange` — the engine mutates `session.currentStep` in place and
+ * `ForceGoToStep` does not update it at all.
+ */
+export declare function reduceFlowSessionViewState(state: FlowSessionViewState, event: FlowSessionEngineEvent): FlowSessionViewState;
+export declare function resolveCurrentStep(session: FlowSessionFragment | null, currentStepId: string | null): FlowStepFragment | null;
+//# sourceMappingURL=flowSessionViewState.d.ts.map

package/lib/typescript/module/src/runtime/flowSessionViewState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowSessionViewState.d.ts","sourceRoot":"","sources":["../../../../../src/runtime/flowSessionViewState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAErF,iFAAiF;AACjF,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACpC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,mBAAmB,GAAG,IAAI,GAClC,oBAAoB,CAKtB;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,oBAAoB,EAC3B,KAAK,EAAE,sBAAsB,GAC5B,oBAAoB,CAkBtB;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,mBAAmB,GAAG,IAAI,EACnC,aAAa,EAAE,MAAM,GAAG,IAAI,GAC3B,gBAAgB,GAAG,IAAI,CAGzB"}

package/lib/typescript/module/src/runtime/useFlowSessionState.d.ts

@@ -0,0 +1,10 @@
+import type { FlowSessionEngine } from '@userflow-tech/core';
+import type { FlowSessionFragment, FlowStepFragment } from '@userflow-tech/protocol';
+export interface FlowSessionState {
+    session: FlowSessionFragment | null;
+    currentStepId: string | null;
+    currentStep: FlowStepFragment | null;
+}
+/** Subscribe to a {@link FlowSessionEngine} and derive React-friendly session/step state. */
+export declare function useFlowSessionState(engine: FlowSessionEngine): FlowSessionState;
+//# sourceMappingURL=useFlowSessionState.d.ts.map

package/lib/typescript/module/src/runtime/useFlowSessionState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlowSessionState.d.ts","sourceRoot":"","sources":["../../../../../src/runtime/useFlowSessionState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AASrF,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACpC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACtC;AAED,6FAA6F;AAC7F,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,iBAAiB,GAAG,gBAAgB,CAkB/E"}

package/lib/typescript/module/src/runtime/userflowCore.d.ts

@@ -0,0 +1,3 @@
+import { UserflowCore } from '@userflow-tech/core';
+export declare function getUserflowCore(): UserflowCore;
+//# sourceMappingURL=userflowCore.d.ts.map

package/lib/typescript/module/src/runtime/userflowCore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"userflowCore.d.ts","sourceRoot":"","sources":["../../../../../src/runtime/userflowCore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKnD,wBAAgB,eAAe,IAAI,YAAY,CAE9C"}

package/lib/typescript/module/src/screenTracker.d.ts

@@ -0,0 +1,28 @@
+import type { ClientLocationUpdate } from '@userflow-tech/protocol';
+/** Called when a new location is accepted (after enable + dedupe). */
+export type ScreenChangeReporter = (location: ClientLocationUpdate) => void;
+/**
+ * Registers the callback invoked when the active screen/path changes.
+ * The React Native facade wires this to `UserflowCore.updateScreen`.
+ */
+export declare function setScreenChangeReporter(next: ScreenChangeReporter | null): void;
+/** Activates screen-change tracking after a successful {@link Userflow.init}. */
+export declare function enableScreenTracking(): void;
+/** Deactivates screen-change tracking and clears the last known screen. */
+export declare function disableScreenTracking(): void;
+/**
+ * Records a navigation to `location` when tracking is enabled.
+ * Duplicate consecutive locations are ignored. On change, notifies the reporter
+ * so the SDK can push `UpdateClientContext` to the backend.
+ *
+ * Locations observed before {@link enableScreenTracking} are remembered and
+ * flushed when tracking is enabled (so init-after-mount still picks up the
+ * active route).
+ *
+ * - Expo Router: `{ path: "/settings/billing" }` → wire `screenPath`
+ * - React Navigation / manual: `{ screen: "BillingSettings" }` → wire `screenName`
+ */
+export declare function handleScreenChange(location: ClientLocationUpdate | undefined): void;
+/** @internal Resets tracker state between tests. Does not clear the reporter. */
+export declare function resetScreenTrackerForTests(): void;
+//# sourceMappingURL=screenTracker.d.ts.map

package/lib/typescript/module/src/screenTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenTracker.d.ts","sourceRoot":"","sources":["../../../../src/screenTracker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,sEAAsE;AACtE,MAAM,MAAM,oBAAoB,GAAG,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;AAY5E;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAE/E;AAOD,iFAAiF;AACjF,wBAAgB,oBAAoB,IAAI,IAAI,CAS3C;AAED,2EAA2E;AAC3E,wBAAgB,qBAAqB,IAAI,IAAI,CAI5C;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,oBAAoB,GAAG,SAAS,GAAG,IAAI,CAgBnF;AAED,iFAAiF;AACjF,wBAAgB,0BAA0B,IAAI,IAAI,CAIjD"}

package/lib/typescript/module/src/surfaces/CloseButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface CloseButtonProps {
+    onPress: () => void;
+    color: string;
+}
+/** Web close control: 24×24 hit target, 8px from the top-trailing corner. Pass muted color from {@link resolveCloseButtonColor}. */
+export declare function CloseButton({ onPress, color }: CloseButtonProps): React.ReactElement;
+//# sourceMappingURL=CloseButton.d.ts.map

package/lib/typescript/module/src/surfaces/CloseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/CloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oIAAoI;AACpI,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAapF"}

package/lib/typescript/module/src/surfaces/MadeWithUserflow.d.ts

@@ -0,0 +1,28 @@
+import type { CompanyFragment } from '@userflow-tech/protocol';
+import * as React from 'react';
+export interface MadeWithUserflowProps {
+    company: Pick<CompanyFragment, 'slug' | 'flowBranding'>;
+    /** Theme main foreground (`fontColor`) — matches web `--userflow-main-foreground-color`. */
+    color: string;
+    /**
+     * Bubble content inset (modal 40 / tooltip 24). Applied as horizontal + bottom
+     * padding so the legend aligns with the step body, matching the modal mockup.
+     */
+    contentPadding: number;
+    /**
+     * When true, horizontal inset comes from the parent ScrollView; only vertical
+     * spacing and bottom inset are applied here (modal body).
+     */
+    embedded?: boolean;
+}
+/**
+ * Web "Made with Userflow" attribution (FlowChrome). Shown when the company
+ * has `flowBranding` enabled; opens the Userflow homepage with UTM params.
+ *
+ * Rendered as a card footer (not absolutely pinned to the card corner) so left
+ * and bottom insets match the surface content padding.
+ */
+export declare function MadeWithUserflow({ company, color, contentPadding, embedded, }: MadeWithUserflowProps): React.ReactElement | null;
+/** Gap between step content/buttons and the branding footer (web spacer height). */
+export declare const MADE_WITH_USERFLOW_GAP = 16;
+//# sourceMappingURL=MadeWithUserflow.d.ts.map

package/lib/typescript/module/src/surfaces/MadeWithUserflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MadeWithUserflow.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/MadeWithUserflow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC;IACxD,4FAA4F;IAC5F,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,cAAc,EACd,QAAgB,GACjB,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA0CnD;AAED,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,KAAK,CAAC"}

package/lib/typescript/module/src/surfaces/ModalSurface.d.ts

@@ -0,0 +1,23 @@
+import type { FlowSessionEngine } from '@userflow-tech/core';
+import type { FlowSessionFragment, FlowStepFragment, ThemeFragment } from '@userflow-tech/protocol';
+import * as React from 'react';
+import type { LookupAttribute } from '../content/types';
+export interface ModalSurfaceProps {
+    engine: FlowSessionEngine;
+    session: FlowSessionFragment;
+    currentStep: FlowStepFragment;
+    theme: ThemeFragment;
+    lookupAttribute: LookupAttribute;
+}
+/**
+ * Modal chrome: full-screen backdrop + centered themed card with TreeDoc body.
+ * Also used as a temporary fallback for BUBBLE/HIDDEN until dedicated surfaces.
+ *
+ * Touch model: backdrop is a full-screen Pressable; the centering wrapper is
+ * `box-none` so taps outside the card hit the backdrop, while the card itself
+ * uses default `auto` pointer events so children (buttons, scroll) keep working.
+ * Do not put `onStartShouldSetResponder` on the card — it steals touches from
+ * nested Pressables.
+ */
+export declare function ModalSurface({ engine, session, currentStep, theme, lookupAttribute, }: ModalSurfaceProps): React.ReactElement;
+//# sourceMappingURL=ModalSurface.d.ts.map

package/lib/typescript/module/src/surfaces/ModalSurface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalSurface.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/ModalSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAEV,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACd,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAkBxD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,KAAK,EAAE,aAAa,CAAC;IACrB,eAAe,EAAE,eAAe,CAAC;CAClC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,WAAW,EACX,KAAK,EACL,eAAe,GAChB,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAqIxC"}

package/lib/typescript/module/src/surfaces/ProgressBar.d.ts

@@ -0,0 +1,19 @@
+import type { ThemeFragment } from '@userflow-tech/protocol';
+import * as React from 'react';
+export type ProgressBarPlacement = 'TOP' | 'BOTTOM';
+export interface ProgressBarProps {
+    enabled: boolean;
+    fraction: number;
+    position: ProgressBarPlacement;
+    theme: ThemeFragment;
+    /** Visible step count (HIDDEN excluded), for NUMBERED progress. */
+    totalSteps?: number;
+    /** Inner card padding — NUMBERED label aligns with content inset. */
+    contentPadding?: number;
+}
+/**
+ * Web bubble progress (`BubbleProgress` / bubble-frame.styl).
+ * DEFAULT: 2px track flush to the card edge. NUMBERED: "1 of 3" step label.
+ */
+export declare function ProgressBar({ enabled, fraction, position, theme, totalSteps, contentPadding, }: ProgressBarProps): React.ReactElement | null;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/lib/typescript/module/src/surfaces/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAIpD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAaD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,UAAc,EACd,cAAkB,GACnB,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA8D9C"}

package/lib/typescript/module/src/surfaces/TooltipSurface.d.ts

@@ -0,0 +1,17 @@
+import type { FlowSessionEngine } from '@userflow-tech/core';
+import type { FlowSessionFragment, FlowStepFragment, ThemeFragment } from '@userflow-tech/protocol';
+import * as React from 'react';
+import type { LookupAttribute } from '../content/types';
+export interface TooltipSurfaceProps {
+    engine: FlowSessionEngine;
+    session: FlowSessionFragment;
+    currentStep: FlowStepFragment;
+    theme: ThemeFragment;
+    lookupAttribute: LookupAttribute;
+}
+/**
+ * Anchored tooltip chrome: measure manual / fiber anchor, place with web flip/shift,
+ * optional cutout backdrop, missing-target report + theme fallbacks.
+ */
+export declare function TooltipSurface({ engine, session, currentStep, theme, lookupAttribute, }: TooltipSurfaceProps): React.ReactElement | null;
+//# sourceMappingURL=TooltipSurface.d.ts.map

package/lib/typescript/module/src/surfaces/TooltipSurface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipSurface.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/TooltipSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAEV,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACd,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AA4BxD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,KAAK,EAAE,aAAa,CAAC;IACrB,eAAe,EAAE,eAAe,CAAC;CAClC;AAkCD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,WAAW,EACX,KAAK,EACL,eAAe,GAChB,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA2lBjD"}

package/lib/typescript/module/src/surfaces/absoluteFill.d.ts

@@ -0,0 +1,18 @@
+import type { ViewStyle } from 'react-native';
+/**
+ * Local stand-in for `StyleSheet.absoluteFillObject`, which React Native
+ * removed in 0.86 (only `StyleSheet.absoluteFill` survives).
+ *
+ * Do not go back to either RN export:
+ *
+ * - `absoluteFillObject` is `undefined` on >=0.86, and spreading `undefined`
+ *   yields `{}` with no error. Every flow surface silently dropped out of the
+ *   overlay and laid out in normal flow below the host's navigator instead.
+ * - `absoluteFill` is a plain object on 0.81/0.86, but older releases in our
+ *   supported range (`react-native >=0.74`) registered it as a numeric style
+ *   ID, so spreading it collapses to `{}` the same way.
+ *
+ * A local literal is the only form that behaves identically across the range.
+ */
+export declare const ABSOLUTE_FILL: ViewStyle;
+//# sourceMappingURL=absoluteFill.d.ts.map

package/lib/typescript/module/src/surfaces/absoluteFill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"absoluteFill.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/absoluteFill.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,EAAE,SAM3B,CAAC"}

package/lib/typescript/module/src/surfaces/parseBackdropOpacity.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Clamp theme `backdropOpacity` (wire Decimal string or number) to [0, 1].
+ */
+export declare function parseBackdropOpacity(value: string | number | undefined): number;
+//# sourceMappingURL=parseBackdropOpacity.d.ts.map

package/lib/typescript/module/src/surfaces/parseBackdropOpacity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseBackdropOpacity.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/parseBackdropOpacity.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAS/E"}

package/lib/typescript/module/src/surfaces/progress.d.ts

@@ -0,0 +1,14 @@
+import type { FlowVersionFragment } from '@userflow-tech/protocol';
+export interface StepProgress {
+    /** 0-based index among visible (non-HIDDEN) steps, or -1 if unknown. */
+    index: number;
+    total: number;
+    /** 0–1 fraction for a filled progress bar; 0 when total is 0. */
+    fraction: number;
+}
+/**
+ * Progress among visible steps (HIDDEN excluded), matching web FlowContent:
+ * fraction = (index + 1) / total when the current step is found.
+ */
+export declare function resolveStepProgress(version: FlowVersionFragment, currentStepId: string | null | undefined): StepProgress;
+//# sourceMappingURL=progress.d.ts.map

package/lib/typescript/module/src/surfaces/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/progress.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAErF,MAAM,WAAW,YAAY;IAC3B,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,mBAAmB,EAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GACvC,YAAY,CAmBd"}

package/lib/typescript/module/src/surfaces/resolveCloseButtonColor.d.ts

@@ -0,0 +1,9 @@
+import type { ThemeFragment } from '@userflow-tech/protocol';
+/** Mobile modal dismiss icon — lighter than body text (design spec / web secondary chrome). */
+export declare const CLOSE_BUTTON_FOREGROUND_ALPHA = 0.5;
+/**
+ * Web close uses `toolbarForegroundColor` (defaults to `mainForegroundColor`).
+ * RN applies {@link CLOSE_BUTTON_FOREGROUND_ALPHA} so the × reads as a tertiary control.
+ */
+export declare function resolveCloseButtonColor(theme: ThemeFragment): string;
+//# sourceMappingURL=resolveCloseButtonColor.d.ts.map

package/lib/typescript/module/src/surfaces/resolveCloseButtonColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveCloseButtonColor.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/resolveCloseButtonColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,+FAA+F;AAC/F,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAOjD;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAMpE"}

package/lib/typescript/module/src/surfaces/resolveModalLayout.d.ts

@@ -0,0 +1,36 @@
+import type { ThemeFragment } from '@userflow-tech/protocol';
+import type { JustifyContent } from '../content/types';
+/** Screen margin around the modal card (mobile design spec: 24–32px). */
+export declare const MODAL_VIEWPORT_PADDING = 24;
+/** Matches web `FlowChrome` narrow breakpoint for modal layout. */
+export declare const MODAL_COMPACT_LAYOUT_MAX_WIDTH = 800;
+export type ModalButtonsAlign = JustifyContent;
+/**
+ * Web: step `width` overrides `theme.modalWidth`; card is clamped to the viewport
+ * (`FlowChrome`, `VIEWPORT_PADDING`). RN uses {@link MODAL_VIEWPORT_PADDING}.
+ */
+export declare function resolveModalCardMaxWidth(theme: ThemeFragment, stepWidth: number | null | undefined, windowWidth: number): number;
+export declare function resolveModalCenterPadding(insets: {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}): {
+    paddingTop: number;
+    paddingBottom: number;
+    paddingLeft: number;
+    paddingRight: number;
+};
+/**
+ * Max card height so landscape modals stay inside the viewport (scroll inside the card).
+ */
+export declare function resolveModalCardMaxHeight(windowHeight: number, centerPadding: {
+    paddingTop: number;
+    paddingBottom: number;
+}): number;
+/**
+ * Mobile spec: centered buttons on narrow viewports; end-aligned on tablet/desktop.
+ * Explicit theme `buttonHorizontalAlign` wins (same keys as web `getThemeRootStyles`).
+ */
+export declare function resolveModalButtonsAlign(theme: ThemeFragment, windowWidth: number): ModalButtonsAlign;
+//# sourceMappingURL=resolveModalLayout.d.ts.map

package/lib/typescript/module/src/surfaces/resolveModalLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveModalLayout.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/resolveModalLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,yEAAyE;AACzE,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,mEAAmE;AACnE,eAAO,MAAM,8BAA8B,MAAM,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAiB/C;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACpC,WAAW,EAAE,MAAM,GAClB,MAAM,CAKR;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE;IAChD,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,GAAG;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,CAOA;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CACvC,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,GAC3D,MAAM,CAER;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,MAAM,GAClB,iBAAiB,CAMnB"}

package/lib/typescript/module/src/surfaces/resolveTooltipLayout.d.ts

@@ -0,0 +1,24 @@
+import type { ThemeFragment } from '@userflow-tech/protocol';
+import type { ViewStyle } from 'react-native';
+import type { JustifyContent } from '../content/types';
+import { resolveModalCenterPadding } from './resolveModalLayout';
+/** Screen margin for anchored tooltips (mobile design spec: 24px). */
+export declare const TOOLTIP_VIEWPORT_PADDING = 24;
+/**
+ * Web: step `width` overrides `theme.tooltipWidth`; card is clamped to the viewport
+ * (`FlowChrome`, `VIEWPORT_PADDING`).
+ */
+export declare function resolveTooltipCardMaxWidth(theme: ThemeFragment, stepWidth: number | null | undefined, windowWidth: number): number;
+/** Mobile spec: nearly full-width card with screen margins on narrow viewports. */
+export declare function resolveTooltipCardLayout(cardMaxWidth: number, windowWidth: number): Pick<ViewStyle, 'maxWidth' | 'width'>;
+export declare function resolveTooltipCenterPadding(insets: {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}): ReturnType<typeof resolveModalCenterPadding>;
+/**
+ * Web `--userflow-buttons-bubble-justify-content` (bubble + tooltip): default is end.
+ */
+export declare function resolveTooltipButtonsAlign(theme: ThemeFragment): JustifyContent;
+//# sourceMappingURL=resolveTooltipLayout.d.ts.map

package/lib/typescript/module/src/surfaces/resolveTooltipLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTooltipLayout.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/resolveTooltipLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAGL,yBAAyB,EAC1B,MAAM,sBAAsB,CAAC;AAE9B,sEAAsE;AACtE,eAAO,MAAM,wBAAwB,KAAyB,CAAC;AAiB/D;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACpC,WAAW,EAAE,MAAM,GAClB,MAAM,CAKR;AAED,mFAAmF;AACnF,wBAAgB,wBAAwB,CACtC,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,MAAM,GAClB,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAC,CAKvC;AAED,wBAAgB,2BAA2B,CAAC,MAAM,EAAE;IAClD,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAE/C;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,CAK/E"}

package/lib/typescript/module/src/surfaces/safeArea.d.ts

@@ -0,0 +1,11 @@
+export interface EdgeInsets {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+/** Safe-area insets with a zero fallback when the optional peer is missing. */
+export declare function useUserflowSafeAreaInsets(): EdgeInsets;
+/** @internal */
+export declare function resetSafeAreaInsetsCacheForTests(): void;
+//# sourceMappingURL=safeArea.d.ts.map

package/lib/typescript/module/src/surfaces/safeArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"safeArea.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/safeArea.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAkCD,+EAA+E;AAC/E,wBAAgB,yBAAyB,IAAI,UAAU,CAEtD;AAED,gBAAgB;AAChB,wBAAgB,gCAAgC,IAAI,IAAI,CAEvD"}

package/lib/typescript/module/src/surfaces/themeChrome.d.ts

@@ -0,0 +1,36 @@
+import type { ThemeFragment } from '@userflow-tech/protocol';
+import type { ViewStyle } from 'react-native';
+export type BubbleChromeKind = 'modal' | 'tooltip';
+export interface BubbleChrome {
+    backgroundColor: string;
+    borderRadius: number;
+    borderWidth: number;
+    borderColor: string;
+    notchSize: number;
+    /** Inner content padding (modal: theme `modalPadding` or 32; tooltip/bubble 24). */
+    contentPadding: number;
+    /**
+     * Outer shell — shadow + overflow. Tooltips keep overflow visible so the
+     * notch can sit outside the card bounds.
+     */
+    cardStyle: ViewStyle;
+    /**
+     * Opaque fill layer (bg + radius + optional border). Tooltip surfaces render
+     * the notch behind this so the diamond joins the card without a seam.
+     */
+    fillStyle: ViewStyle;
+    /**
+     * Web `filter: drop-shadow(…)` as RN shadow props. Only paints on a layer
+     * without `overflow: 'hidden'` — iOS clips the shadow along with the content.
+     */
+    shadowStyle: ViewStyle;
+}
+/**
+ * Web theme-driven card chrome (FlowChrome / flow-host / bubble-frame) as the
+ * interim RN visual baseline until mobile design specs land.
+ *
+ * Optional fields (`bubbleBorderRadius`, `tooltipNotchSize`, …) are read from
+ * the theme index signature so curated ThemeFragment stays small.
+ */
+export declare function resolveBubbleChrome(theme: ThemeFragment, kind?: BubbleChromeKind): BubbleChrome;
+//# sourceMappingURL=themeChrome.d.ts.map

package/lib/typescript/module/src/surfaces/themeChrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeChrome.d.ts","sourceRoot":"","sources":["../../../../../src/surfaces/themeChrome.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,SAAS,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,cAAc,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;CACxB;AAiBD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,aAAa,EACpB,IAAI,GAAE,gBAA0B,GAC/B,YAAY,CAsEd"}

package/lib/typescript/module/src/surfaces/tooltip/TooltipBubble.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { type LayoutChangeEvent, type StyleProp, type ViewStyle } from 'react-native';
+import type { BubbleChrome } from '../themeChrome';
+import type { NotchPosition } from './computeTooltipPosition';
+export interface TooltipBubbleProps {
+    chrome: BubbleChrome;
+    notchPosition: NotchPosition;
+    style?: StyleProp<ViewStyle>;
+    onLayout?: (event: LayoutChangeEvent) => void;
+    children: React.ReactNode;
+}
+/**
+ * Tooltip chrome shell: diamond notch + card fill sharing one shadow family.
+ *
+ * Web draws card and notch as a single silhouette under `filter: drop-shadow`.
+ * RN has no silhouette filter, so the card uses a dedicated shadow layer and
+ * `elevation` on the fill (Android). The notch itself is not shadowed — a
+ * second blurred shadow on the rotated square leaves a gray band at the pointer
+ * base when it points up into the anchor. An inset fill diamond on top erases
+ * that seam (and bordered stroke gaps) without clipping the outer tip.
+ */
+export declare function TooltipBubble({ chrome, notchPosition, style, onLayout, children, }: TooltipBubbleProps): React.ReactElement;
+//# sourceMappingURL=TooltipBubble.d.ts.map

package/lib/typescript/module/src/surfaces/tooltip/TooltipBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipBubble.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/tooltip/TooltipBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,YAAY,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,aAAa,EACb,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CA4DzC"}

package/lib/typescript/module/src/surfaces/tooltip/TooltipCutout.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export interface HighlightRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface TooltipCutoutProps {
+    targetRect: HighlightRect;
+    backdropColor: string;
+    backdropOpacity: number;
+    /**
+     * When true, a transparent capture layer covers only the highlight hole so
+     * the tooltip target cannot be pressed. Dim bands stay visual-only either way.
+     */
+    targetBlocked: boolean;
+}
+/**
+ * Four-block dimmed cutout around the padded target (web tooltip backdrop).
+ *
+ * Dim bands use `pointerEvents="none"` so touches reach the app — React Native
+ * cannot block taps while allowing scroll the way web's `mousedown`-only
+ * swallow does. When `targetBlocked`, only the hole (target) is covered with a
+ * transparent `pointerEvents="auto"` layer.
+ *
+ * MVP note: each block uses its own translucent opacity. That matches non-overlapping
+ * tiles well, but can look slightly uneven vs web’s single shadow-hole when other
+ * translucent overlays stack. Acceptable for Phase 3; a single masked layer can come later.
+ */
+export declare function TooltipCutout({ targetRect, backdropColor, backdropOpacity, targetBlocked, }: TooltipCutoutProps): React.ReactElement;
+//# sourceMappingURL=TooltipCutout.d.ts.map

package/lib/typescript/module/src/surfaces/tooltip/TooltipCutout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipCutout.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/tooltip/TooltipCutout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,aAAa,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,aAAa,EACb,eAAe,EACf,aAAa,GACd,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CA+DzC"}

package/lib/typescript/module/src/surfaces/tooltip/TooltipNotch.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { tooltipNotchDiamondSide } from './computeTooltipPosition';
+export interface TooltipNotchProps {
+    notchSize: number;
+    notchColor: string;
+    /**
+     * Shrink the diamond by this much on every edge, keeping the same center.
+     * Bordered themes stamp an inset fill diamond so the stroke stays even.
+     */
+    inset?: number;
+    style?: StyleProp<ViewStyle>;
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+    testID?: string;
+}
+export { tooltipNotchDiamondSide };
+/**
+ * Tooltip arrow as a rotated square half-hidden under the opaque card fill.
+ *
+ * Web uses a CSS border-triangle under `filter: drop-shadow`, so the notch and
+ * card share one silhouette. RN box-shadow can't follow alpha, and border
+ * triangles render poorly — a diamond behind the card reads as a real tooltip
+ * pointer and joins the fill without a seam.
+ */
+export declare function TooltipNotch({ notchSize, notchColor, inset, style, top, bottom, left, right, testID, }: TooltipNotchProps): React.ReactElement;
+//# sourceMappingURL=TooltipNotch.d.ts.map

package/lib/typescript/module/src/surfaces/tooltip/TooltipNotch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipNotch.d.ts","sourceRoot":"","sources":["../../../../../../src/surfaces/tooltip/TooltipNotch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhF,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAC;AAEnC;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,UAAU,EACV,KAAS,EACT,KAAK,EACL,GAAG,EACH,MAAM,EACN,IAAI,EACJ,KAAK,EACL,MAAiC,GAClC,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAkBxC"}