@ankhorage/zora 22.0.72 → 22.0.74

package/src/features/button/adapters/inbound/Button.tsx

@@ -5,6 +5,7 @@ import type { ButtonProps } from '../../../../types/button';
 import { withZoraThemeScope } from '../../../theme/adapters/inbound/withZoraThemeScope';
 import { useZoraThemeRecipe } from '../../../theme/composition/useZoraThemeRecipe';
 import { resolveButtonThemeRecipe } from '../../utils/resolveButtonThemeRecipe';
+import { buttonThemeRecipeMeta } from '../../utils/themeRecipeMeta';
 /***
  * Theme-aware action control for primary, secondary, destructive, and neutral actions.
  *
@@ -23,7 +24,7 @@ function ButtonInner({
   interactionPolicy,
   ...props
 }: ButtonProps) {
-  const themeFields = useZoraThemeRecipe('Button');
+  const themeFields = useZoraThemeRecipe(buttonThemeRecipeMeta);
   const recipe = resolveButtonThemeRecipe({ color, variant, size, themeFields });
 
   return (

package/src/features/button/buttonGroupMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const buttonGroupMeta = {
   name: 'ButtonGroup',

package/src/features/button/buttonMeta.ts

@@ -1,5 +1,5 @@
-import type { ZoraComponentMeta } from '../authoring';
-import { COMPONENT_THEME_AUTHORING } from '../authoring/constants';
+import { COMPONENT_THEME_AUTHORING } from '../../constants/authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 import { ZORA_COLORS } from '../theme/colorModel';
 
 export const buttonMeta = {

package/src/features/card/adapters/inbound/Card.tsx

@@ -9,6 +9,7 @@ import { Heading } from '../../../typography/public';
 import { Text } from '../../../typography/public';
 import { resolveCardThemeRecipe } from '../../utils/resolveCardThemeRecipe';
 import { resolveCardVariant } from '../../utils/resolveCardVariant';
+import { cardThemeRecipeMeta } from '../../utils/themeRecipeMeta';
 /***
  * Structured content container with built-in heading, description, actions, and footer slots.
  *
@@ -35,7 +36,7 @@ function CardInner({
   interactionPolicy,
   ...props
 }: CardProps) {
-  const themeFields = useZoraThemeRecipe('Card');
+  const themeFields = useZoraThemeRecipe(cardThemeRecipeMeta);
   const recipe = resolveCardThemeRecipe({ tone, compact, padding, radius, themeFields });
   const hasHeader = [eyebrow, title, description, actions].some((item) => item != null);
   const hasFooter = footer !== undefined;

package/src/features/card/adapters/inbound/PostCard.test.tsx

@@ -1,11 +1,11 @@
 import { describe, expect, test } from 'bun:test';
 
-import { ZORA_COMPONENT_META } from '../../../authoring';
+import { postCardMeta } from '../../postCardMeta';
 
 describe('PostCard', () => {
   test('is registered as a public ZORA pattern', () => {
-    expect(ZORA_COMPONENT_META.PostCard?.name).toBe('PostCard');
-    expect(ZORA_COMPONENT_META.PostCard?.category).toBe('pattern');
-    expect(ZORA_COMPONENT_META.PostCard?.directManifestNode).toBe(true);
+    expect(postCardMeta.name).toBe('PostCard');
+    expect(postCardMeta.category).toBe('pattern');
+    expect(postCardMeta.directManifestNode).toBe(true);
   });
 });

package/src/features/card/adapters/inbound/ProductCard.test.tsx

@@ -1,19 +1,19 @@
 import { describe, expect, test } from 'bun:test';
 
-import { ZORA_COMPONENT_META } from '../../../authoring';
+import { productCardMeta } from '../../productCardMeta';
 
 describe('ProductCard', () => {
   test('is registered as a public ZORA pattern', () => {
-    expect(ZORA_COMPONENT_META.ProductCard?.name).toBe('ProductCard');
-    expect(ZORA_COMPONENT_META.ProductCard?.category).toBe('pattern');
-    expect(ZORA_COMPONENT_META.ProductCard?.directManifestNode).toBe(true);
-    expect(ZORA_COMPONENT_META.ProductCard?.allowedChildren).toEqual([]);
-    expect(ZORA_COMPONENT_META.ProductCard?.requirements).toBeUndefined();
+    expect(productCardMeta.name).toBe('ProductCard');
+    expect(productCardMeta.category).toBe('pattern');
+    expect(productCardMeta.directManifestNode).toBe(true);
+    expect(productCardMeta.allowedChildren).toEqual([]);
+    expect(productCardMeta.requirements).toBeUndefined();
   });
 
   test('has correct event metadata', () => {
-    expect(ZORA_COMPONENT_META.ProductCard?.events?.press).toBeDefined();
-    expect(ZORA_COMPONENT_META.ProductCard?.events?.primaryAction).toBeDefined();
-    expect(ZORA_COMPONENT_META.ProductCard?.events?.secondaryAction).toBeDefined();
+    expect(productCardMeta.events.press).toBeDefined();
+    expect(productCardMeta.events.primaryAction).toBeDefined();
+    expect(productCardMeta.events.secondaryAction).toBeDefined();
   });
 });

package/src/features/card/cardMeta.ts

@@ -1,11 +1,11 @@
-import type { ZoraComponentMeta } from '../authoring';
 import {
   CHESS_ALLOWED_CHILDREN,
   CONTAINER_ALLOWED_CHILDREN,
   GAME_ALLOWED_CHILDREN,
   TABLETOP_ALLOWED_CHILDREN,
-} from '../authoring/allowedChildren';
-import { COMPONENT_THEME_AUTHORING } from '../authoring/constants';
+} from '../../constants/authoring';
+import { COMPONENT_THEME_AUTHORING } from '../../constants/authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const cardMeta = {
   name: 'Card',

package/src/features/card/mediaCardMeta.ts

@@ -1,5 +1,5 @@
+import { CONTAINER_ALLOWED_CHILDREN } from '../../constants/authoring';
 import type { ZoraComponentMeta } from '../../types/authoring';
-import { CONTAINER_ALLOWED_CHILDREN } from '../authoring/allowedChildren';
 
 export const mediaCardMeta = {
   name: 'MediaCard',

package/src/features/card/postCardMeta.ts

@@ -1,5 +1,5 @@
-import type { ZoraComponentMeta } from '../authoring';
-import { CONTAINER_ALLOWED_CHILDREN } from '../authoring/allowedChildren';
+import { CONTAINER_ALLOWED_CHILDREN } from '../../constants/authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const postCardMeta = {
   name: 'PostCard',

package/src/features/card/productCardMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const productCardMeta = {
   name: 'ProductCard',

package/src/features/chat/adapters/inbound/ChatListItem.test.tsx

@@ -1,11 +1,11 @@
 import { describe, expect, test } from 'bun:test';
 
-import { ZORA_COMPONENT_META } from '../../../authoring';
+import { chatListItemMeta } from '../../chatListItemMeta';
 
 describe('ChatListItem', () => {
   test('is registered as a public ZORA pattern', () => {
-    expect(ZORA_COMPONENT_META.ChatListItem?.name).toBe('ChatListItem');
-    expect(ZORA_COMPONENT_META.ChatListItem?.category).toBe('pattern');
-    expect(ZORA_COMPONENT_META.ChatListItem?.directManifestNode).toBe(true);
+    expect(chatListItemMeta.name).toBe('ChatListItem');
+    expect(chatListItemMeta.category).toBe('pattern');
+    expect(chatListItemMeta.directManifestNode).toBe(true);
   });
 });

package/src/features/chat/chatListItemMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const chatListItemMeta = {
   name: 'ChatListItem',

package/src/features/chat/messageBubbleMeta.ts

@@ -1,5 +1,5 @@
-import type { ZoraComponentMeta } from '../authoring';
-import { CONTAINER_ALLOWED_CHILDREN } from '../authoring/allowedChildren';
+import { CONTAINER_ALLOWED_CHILDREN } from '../../constants/authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const messageBubbleMeta = {
   name: 'MessageBubble',

package/src/features/collection-editor/meta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const collectionEditorMeta = {
   name: 'CollectionEditor',

package/src/features/content-rail/contentRailMeta.ts

@@ -1,5 +1,5 @@
-import type { ZoraComponentMeta } from '../authoring';
-import { CONTENT_RAIL_ALLOWED_CHILDREN } from '../authoring/allowedChildren';
+import { CONTENT_RAIL_ALLOWED_CHILDREN } from '../../constants/authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 import { CONTENT_RAIL_SPACING_VALUES } from './constants';
 
 export const contentRailMeta = {

package/src/features/date-picker/datePickerMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const datePickerMeta = {
   name: 'DatePicker',

package/src/features/date-picker/public.test.ts

@@ -1,6 +1,6 @@
 import { expect, test } from 'bun:test';
 
-import { ZORA_COMPONENT_META } from '../authoring/componentMeta';
+import { datePickerMeta } from './datePickerMeta';
 
 test('DatePicker keeps one manifest contract across native and web presentation hosts', async () => {
   const nativeSource = await Bun.file(
@@ -12,12 +12,10 @@ test('DatePicker keeps one manifest contract across native and web presentation
   const contentSource = await Bun.file(
     'src/features/date-picker/composition/DatePickerContent.tsx',
   ).text();
-  const meta = ZORA_COMPONENT_META.DatePicker;
 
-  expect(meta.directManifestNode).toBe(true);
-  expect(meta.props.value?.type).toBe('string');
-  expect(meta.events?.valueChange?.eventType).toBe('datePicker.valueChange');
-  expect(meta.bindings?.props?.value?.value.type).toBe('string');
+  expect(datePickerMeta.directManifestNode).toBe(true);
+  expect(datePickerMeta.props.value.type).toBe('string');
+  expect(datePickerMeta.events.valueChange.eventType).toBe('datePicker.valueChange');
   expect(nativeSource).toContain('useBottomSheet()');
   expect(webSource).toContain('<Popover');
   expect(webSource).not.toContain('useBottomSheet');

package/src/features/dialog/dialogMeta.ts

@@ -1,5 +1,5 @@
+import { CONTAINER_ALLOWED_CHILDREN } from '../../constants/authoring';
 import type { ZoraComponentMeta } from '../../types/authoring';
-import { CONTAINER_ALLOWED_CHILDREN } from '../authoring/allowedChildren';
 
 export const dialogMeta = {
   name: 'Dialog',

package/src/features/empty-state/emptyStateMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const emptyStateMeta = {
   name: 'EmptyState',

package/src/features/form/checkbox/checkboxMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../../authoring';
+import type { ZoraComponentMeta } from '../../../types/authoring';
 
 export const checkboxMeta = {
   name: 'Checkbox',

package/src/features/form/field/meta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../../authoring';
+import type { ZoraComponentMeta } from '../../../types/authoring';
 
 export const fieldMeta = {
   name: 'Field',

package/src/features/form/formActionsMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 export const formActionsMeta = {
   name: 'FormActions',
   category: 'component',

package/src/features/form/formErrorMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 export const formErrorMeta = {
   name: 'FormError',
   category: 'component',

package/src/features/form/formMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 export const formMeta = {
   name: 'Form',
   category: 'component',

package/src/features/form/radio/adapters/inbound/RadioGroup.tsx

@@ -7,6 +7,7 @@ import { View } from '../../../../layout/public';
 import { withZoraThemeScope } from '../../../../theme/adapters/inbound/withZoraThemeScope';
 import { useZoraThemeRecipe } from '../../../../theme/composition/useZoraThemeRecipe';
 import { Text } from '../../../../typography/public';
+import { radioGroupThemeRecipeMeta } from '../../themeRecipeMeta';
 import { resolveRadioGroupThemeRecipe } from '../../utils/resolveRadioGroupThemeRecipe';
 import { RadioOptionControl } from './RadioOptionControl';
 
@@ -25,7 +26,7 @@ function RadioGroupInner<TValue extends string>({
     props.onValueChange?.(next);
   };
   const selectedProps = { ...props, value: props.value ?? localValue, onValueChange };
-  const themeFields = useZoraThemeRecipe('RadioGroup');
+  const themeFields = useZoraThemeRecipe(radioGroupThemeRecipeMeta);
   const recipe = resolveRadioGroupThemeRecipe({ ...props, themeFields });
   if (props.presentation !== 'card') return <RadioGroupInline {...selectedProps} {...recipe} />;
   const columns =

package/src/features/form/radio/radioMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../../authoring';
+import type { ZoraComponentMeta } from '../../../types/authoring';
 import { ZORA_COLORS } from '../../theme/colorModel';
 
 const themeAuthoring = {

package/src/features/form/select/selectMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../../authoring';
+import type { ZoraComponentMeta } from '../../../types/authoring';
 
 export const selectMeta = {
   name: 'Select',

package/src/features/form/switch/switchMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../../authoring';
+import type { ZoraComponentMeta } from '../../../types/authoring';
 
 export const switchMeta = {
   name: 'Switch',

package/src/features/form/text-input/textInputMeta.ts

@@ -1,4 +1,4 @@
-import type { ZoraComponentMeta } from '../../authoring';
+import type { ZoraComponentMeta } from '../../../types/authoring';
 
 export const textInputMeta = {
   name: 'TextInput',

package/src/features/game/{adapters/inbound → utils}/measureGameEntity.ts

@@ -1,6 +1,6 @@
 import type { View } from 'react-native';
 
-import type { GameMeasurementBounds } from '../../../../types/gameRuntime';
+import type { GameMeasurementBounds } from '../../../types/gameRuntime';
 
 /*** Measure one rendered React Native or React Native Web game entity in window coordinates. */
 export function measureGameEntity(

package/src/features/game/utils/useGameEntityMeasurement.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { View } from 'react-native';
 
-import { measureGameEntity } from '../adapters/inbound/measureGameEntity';
 import { GameRuntimeContext } from '../composition/GameRuntimeContext';
+import { measureGameEntity } from './measureGameEntity';
 
 /*** Register one optional measurable GameEntity view inside its local Game scope. */
 export function useGameEntityMeasurement(

package/src/features/gradient/gradientMeta.ts

@@ -1,5 +1,5 @@
-import type { ZoraComponentMeta } from '../authoring';
-import { CONTAINER_ALLOWED_CHILDREN } from '../authoring/allowedChildren';
+import { CONTAINER_ALLOWED_CHILDREN } from '../../constants/authoring';
+import type { ZoraComponentMeta } from '../../types/authoring';
 
 export const gradientMeta = {
   name: 'Gradient',

package/src/features/gradient/public.test.ts

@@ -1,13 +1,11 @@
 import { expect, test } from 'bun:test';
 
-import { ZORA_COMPONENT_META } from '../authoring/componentMeta';
+import { gradientMeta } from './gradientMeta';
 
 test('Gradient is a direct manifest container with serializable colors', () => {
-  const meta = ZORA_COMPONENT_META.Gradient;
-
-  expect(meta?.directManifestNode).toBe(true);
-  expect(meta?.allowedChildren.length).toBeGreaterThan(0);
-  expect(meta?.props.colors).toEqual({
+  expect(gradientMeta.directManifestNode).toBe(true);
+  expect(gradientMeta.allowedChildren.length).toBeGreaterThan(0);
+  expect(gradientMeta.props.colors).toEqual({
     type: 'array',
     category: 'Style',
     label: 'Colors',

package/src/features/graph-view/adapters/inbound/web-artifact/GraphNodeOverlay.tsx

@@ -6,7 +6,7 @@ import type {
   GraphViewNodeRenderContext,
   GraphViewRenderedNode,
   GraphViewSize,
-} from './GraphView';
+} from '../../../../../types/graph-view';
 
 interface GraphNodeOverlayProps {
   readonly nodes: readonly GraphViewNode[];

package/src/features/graph-view/adapters/inbound/web-artifact/GraphView.tsx

@@ -1,125 +1,15 @@
 import type { CytoscapeOptions } from 'cytoscape';
 import React from 'react';
 
+import type {
+  GraphViewCallbacks,
+  GraphViewNode,
+  GraphViewProps,
+  GraphViewRenderedNode,
+} from '../../../../../types/graph-view';
 import { createGraphRuntime, type GraphRuntime } from './createGraphRuntime';
 import { GraphNodeOverlay } from './GraphNodeOverlay';
 
-export type GraphViewLayoutName = 'breadthfirst' | 'circle' | 'concentric' | 'elk' | 'grid';
-export type GraphViewElementEventType =
-  'press' | 'double-press' | 'select' | 'unselect' | 'pointer-enter' | 'pointer-leave';
-
-export interface GraphViewNode {
-  readonly id: string;
-  readonly label?: string;
-  readonly parentId?: string;
-  readonly classes?: string;
-  readonly data?: Readonly<Record<string, unknown>>;
-}
-
-export interface GraphViewEdge {
-  readonly id?: string;
-  readonly source: string;
-  readonly target: string;
-  readonly classes?: string;
-  readonly data?: Readonly<Record<string, unknown>>;
-}
-
-export interface GraphViewStyleRule {
-  readonly selector: string;
-  readonly style: Readonly<Record<string, unknown>>;
-}
-
-export interface GraphViewPoint {
-  readonly x: number;
-  readonly y: number;
-}
-
-export interface GraphViewSize {
-  readonly width: number;
-  readonly height: number;
-}
-
-export interface GraphViewNodeRenderContext {
-  readonly hovered: boolean;
-  readonly node: GraphViewNode;
-  readonly selected: boolean;
-  readonly zoom: number;
-}
-
-export interface GraphViewRenderedNode {
-  readonly hovered: boolean;
-  readonly id: string;
-  readonly position: GraphViewPoint;
-  readonly selected: boolean;
-  readonly zoom: number;
-}
-
-export interface GraphViewViewport {
-  readonly zoom: number;
-  readonly pan: GraphViewPoint;
-}
-
-export interface GraphViewFitOptions {
-  /** Optimize existing layout spacing without rerunning its algorithm; whole-graph fits only. */
-  readonly optimizeSpacing?: boolean;
-  readonly nodeIds?: readonly string[];
-  readonly padding?: number;
-}
-
-export interface GraphViewElementEvent {
-  readonly id: string;
-  readonly type: GraphViewElementEventType;
-}
-
-export interface GraphViewController {
-  fit(options?: GraphViewFitOptions): void;
-  getViewport(): GraphViewViewport;
-  getZoomRange(): { readonly min: number; readonly max: number };
-  setPan(pan: GraphViewPoint): void;
-  setZoom(zoom: number): void;
-  zoomBy(factor: number): void;
-}
-
-export interface GraphViewProps {
-  readonly nodes: readonly GraphViewNode[];
-  readonly edges: readonly GraphViewEdge[];
-  readonly layout?: GraphViewLayoutName;
-  readonly layoutOptions?: Readonly<Record<string, unknown>>;
-  readonly spacingFactor?: number;
-  readonly styleRules?: readonly GraphViewStyleRule[];
-  readonly selectedNodeIds?: readonly string[];
-  readonly renderNode?: (context: GraphViewNodeRenderContext) => React.ReactNode;
-  readonly getNodeSize?: (node: GraphViewNode) => GraphViewSize | undefined;
-  readonly fitPadding?: number;
-  readonly minZoom?: number;
-  readonly maxZoom?: number;
-  readonly minReadableLabelSize?: number;
-  readonly maxFitLabelSize?: number;
-  /** Zoom values and bounds use the full-node fit as 1 when fit-relative is selected. */
-  readonly zoomMode?: 'absolute' | 'fit-relative';
-  /** Measure plain labels before layout instead of estimating width from character count. */
-  readonly sizeNodesToLabels?: boolean;
-  readonly className?: string;
-  readonly style?: React.CSSProperties;
-  readonly ariaLabel?: string;
-  readonly onReady?: (controller: GraphViewController) => void;
-  readonly onLayoutComplete?: (controller: GraphViewController) => void;
-  readonly onNodeEvent?: (event: GraphViewElementEvent) => void;
-  readonly onEdgeEvent?: (event: GraphViewElementEvent) => void;
-  readonly onViewportChange?: (viewport: GraphViewViewport) => void;
-  readonly onSpacingFactorChange?: (spacingFactor: number) => void;
-}
-
-export type GraphViewCallbacks = Pick<
-  GraphViewProps,
-  | 'onEdgeEvent'
-  | 'onLayoutComplete'
-  | 'onNodeEvent'
-  | 'onReady'
-  | 'onViewportChange'
-  | 'onSpacingFactorChange'
->;
-
 type GraphContainer = NonNullable<CytoscapeOptions['container']>;
 
 /***

package/src/features/graph-view/adapters/inbound/web-artifact/bindGraphEvents.ts

@@ -4,7 +4,7 @@ import type {
   GraphViewCallbacks,
   GraphViewController,
   GraphViewElementEventType,
-} from './GraphView';
+} from '../../../../../types/graph-view';
 
 /*** Bind stable Cytoscape events that always read the latest React callbacks. */
 export function bindGraphEvents(

package/src/features/graph-view/adapters/inbound/web-artifact/createGraphController.ts

@@ -1,8 +1,8 @@
 import type { Core } from 'cytoscape';
 
+import type { GraphViewController, GraphViewFitOptions } from '../../../../../types/graph-view';
 import type { GraphRuntimeUpdate } from '../../../../../types/graphViewRuntime';
 import { fitGraphViewport } from './fitGraphViewport';
-import type { GraphViewController, GraphViewFitOptions } from './GraphView';
 
 /*** Own viewport units and limits alongside the public controller, without exposing Cytoscape. */
 export function createGraphController(

package/src/features/graph-view/adapters/inbound/web-artifact/createGraphRuntime.test.ts

@@ -3,13 +3,13 @@ import './createGraphRuntime';
 import { expect, test } from 'bun:test';
 import cytoscape from 'cytoscape';
 
-import { createGraphRuntime } from './createGraphRuntime';
 import type {
   GraphViewCallbacks,
   GraphViewController,
   GraphViewElementEvent,
   GraphViewRenderedNode,
-} from './GraphView';
+} from '../../../../../types/graph-view';
+import { createGraphRuntime } from './createGraphRuntime';
 
 test('explicit fit compacts once and controlled spacing acknowledgement does not rerun the algorithm', async () => {
   const initial = Promise.withResolvers<GraphViewController>();

package/src/features/graph-view/adapters/inbound/web-artifact/createGraphRuntime.ts

@@ -1,5 +1,13 @@
 import cytoscape, { type Core, type CytoscapeOptions } from 'cytoscape';
 
+import type {
+  GraphViewCallbacks,
+  GraphViewElementEventType,
+  GraphViewFitOptions,
+  GraphViewRenderedNode,
+  GraphViewSize,
+  GraphViewStyleRule,
+} from '../../../../../types/graph-view';
 import type { GraphRuntimeUpdate } from '../../../../../types/graphViewRuntime';
 import { bindGraphEvents } from './bindGraphEvents';
 import { compactGraphSpacing } from './compactGraphSpacing';
@@ -8,14 +16,6 @@ import { createGraphLoopSizer } from './createGraphLoopSizer';
 import { createGraphResizeObserver, type GraphResizeObserver } from './createGraphResizeObserver';
 import { getGraphGeometryKey } from './getGraphGeometryKey';
 import { getGraphTopologyKey } from './getGraphTopologyKey';
-import type {
-  GraphViewCallbacks,
-  GraphViewElementEventType,
-  GraphViewFitOptions,
-  GraphViewRenderedNode,
-  GraphViewSize,
-  GraphViewStyleRule,
-} from './GraphView';
 import { hasGraphLayoutChanged } from './hasGraphLayoutChanged';
 import { readGraphRenderedNodes } from './readGraphRenderedNodes';
 import { registerGraphLayouts } from './registerGraphLayouts';

package/src/features/graph-view/adapters/inbound/web-artifact/createRenderableGraphElements.test.ts

@@ -1,7 +1,7 @@
 import { expect, test } from 'bun:test';
 
+import type { GraphViewEdge, GraphViewNode } from '../../../../../types/graph-view';
 import { createRenderableGraphElements } from './createRenderableGraphElements';
-import type { GraphViewEdge, GraphViewNode } from './GraphView';
 
 test('omits compound ancestor and descendant edges without mutating source graph data', () => {
   const nodes: readonly GraphViewNode[] = [

package/src/features/graph-view/adapters/inbound/web-artifact/createRenderableGraphElements.ts

@@ -1,6 +1,6 @@
 import type { ElementDefinition } from 'cytoscape';
 
-import type { GraphViewEdge, GraphViewNode } from './GraphView';
+import type { GraphViewEdge, GraphViewNode } from '../../../../../types/graph-view';
 
 /*** Convert plain graph data into renderable Cytoscape elements without impossible compound edges. */
 export function createRenderableGraphElements(

package/src/features/graph-view/adapters/inbound/web-artifact/fitGraphViewport.ts

@@ -1,6 +1,6 @@
 import type { Core } from 'cytoscape';
 
-import type { GraphViewFitOptions } from './GraphView';
+import type { GraphViewFitOptions } from '../../../../../types/graph-view';
 
 /*** Fit the requested visible nodes and never include edge geometry in viewport bounds. */
 export function fitGraphViewport(

package/src/features/graph-view/adapters/inbound/web-artifact/getGraphTopologyKey.ts

@@ -1,4 +1,4 @@
-import type { GraphViewEdge, GraphViewNode } from './GraphView';
+import type { GraphViewEdge, GraphViewNode } from '../../../../../types/graph-view';
 
 /***
  * Identify visible graph membership and hierarchy independently of presentation metadata.

package/src/features/graph-view/adapters/inbound/web-artifact/readGraphRenderedNodes.ts

@@ -1,6 +1,6 @@
 import type { Core } from 'cytoscape';
 
-import type { GraphViewRenderedNode } from './GraphView';
+import type { GraphViewRenderedNode } from '../../../../../types/graph-view';
 
 /*** Read React-overlay node state from Cytoscape's authoritative rendered positions. */
 export function readGraphRenderedNodes(

package/src/features/graph-view/adapters/inbound/web-artifact/runGraphLayout.ts

@@ -1,6 +1,6 @@
 import type { Core, LayoutOptions, Layouts } from 'cytoscape';
 
-import type { GraphViewLayoutName } from './GraphView';
+import type { GraphViewLayoutName } from '../../../../../types/graph-view';
 import { runDetachedGraphLayout } from './runDetachedGraphLayout';
 
 interface RunGraphLayoutInput {