/** * Flow Builder shared numeric tokens. * * Single source of truth for node width, note width, grid, handle size, and layout * spacing across the Flow Builder. Every consumer (canvas layout, node chrome, note * chrome, hover toolbars) imports from here instead of restating a literal. * * See `docs/flow-builder-migration/00-node-tokens-and-theming.md` for the full spec * and the CJO reference values these were verified against. */ /** Canvas snap grid. Every other spacing token is a multiple of it. */ export declare const FLOW_GRID = 16; /** * Node card width. Matches CJO `NodeCard.tsx` (`sx={{ width: 350, ... }}`, ~line 100) * and the WIP's own `flowNodeTheme.ts:35` — do not change without a Figma update. */ export declare const FLOW_NODE_WIDTH = 350; /** * Sticky note width. Deliberately narrower than a node * (CJO `StickyNote.tsx` — `const NOTE_WIDTH = 296;`). Not the same token as * `FLOW_NODE_WIDTH`; do not collapse the two. */ export declare const FLOW_NOTE_WIDTH = 296; /** * Connection handle dot, square. Matches CJO `NodeCard.tsx`'s * `HANDLE_DOT_SX = { width: 10, height: 10, ... }`. */ export declare const FLOW_HANDLE_SIZE = 10; /** * Gap between a node/note and its floating hover toolbar. Matches CJO * `StickyNote.tsx` — `const NOTE_TOOLBAR_GAP = 8;`. */ export declare const FLOW_TOOLBAR_GAP = 8; /** Visible connector gap between adjacent ranks. */ export declare const FLOW_NODE_GAP: number; /** * Along the flow axis: card width + connector gap. Derived, not magic. * Matches CJO `journeyBuilderModel.ts`'s `FLOW_SPACING = 430` inside * `computeAutoLayout` (350 + 80 = 430). */ export declare const FLOW_RANK_SPACING: number; /** * Across the flow axis: siblings at the same depth. CJO's `CROSS_SPACING` is 260; * snapped to the 16px grid here (see brief `00`, open question 1). */ export declare const FLOW_CROSS_SPACING: number; /** * Dagre auto-layout fallback node height, used only when a node has not yet been * measured by React Flow (`node.measured` absent). Added at token-creation time * per brief `00`'s note that `01-canvas.md` needs this and flags the same gap in * its own §10 — resolved here instead of reopening this file later. */ export declare const FLOW_NODE_MIN_HEIGHT = 96; /** * Shared elevated-panel shadow (toolbars, floating panels, dropdowns) across the * Flow Builder canvas. Added at token-creation time per `07-canvas-peripherals.md` * §10 (open question 1), which found this exact literal duplicated four times * independently across briefs `02` and `07` and asked whether `00` should carry it. */ export declare const FLOW_PANEL_SHADOW = "0px 4px 6px rgba(2,6,23,0.08)"; /** * Canvas flow direction. Renamed from CJO's `LayoutDirection` * (`journeyBuilderModel.ts` — `export type LayoutDirection = 'LR' | 'TB';`). */ export type FlowDirection = 'LR' | 'TB';