@likec4/diagram 1.9.0 → 1.12.0

package/dist/state/DiagramContext.d.ts

@@ -1,1192 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { DiagramInitialState } from './diagramStore';
-
-export declare const DiagramContext: import('react').Context<import('zustand/traditional').UseBoundStoreWithEqualityFn<Omit<Omit<import('zustand/vanilla').StoreApi<{
-    view: import('@likec4/core').DiagramView;
-    readonly: boolean;
-    showElementLinks: boolean;
-    showNavigationButtons: boolean;
-    showNotations: boolean;
-    fitViewEnabled: boolean;
-    fitViewPadding: number;
-    zoomable: boolean;
-    pannable: boolean;
-    nodesDraggable: boolean;
-    nodesSelectable: boolean;
-    experimentalEdgeEditing: boolean;
-    enableFocusMode: boolean;
-    renderIcon: import('..').ElementIconRenderer | null;
-    whereFilter: import('@likec4/core').WhereOperator<string, string> | null;
-    enableDynamicViewWalkthrough: boolean;
-    xyflow: import('..').XYFlowInstance;
-    xystore: import('../hooks/useXYFlow').XYStoreApi;
-    getContainer: () => HTMLDivElement | null;
-    onChange: import('..').OnChange | null;
-    onNavigateTo: import('..').OnNavigateTo | null;
-    onNodeClick: import('..').OnNodeClick | null;
-    onNodeContextMenu: import('..').OnNodeClick | null;
-    onCanvasContextMenu: import('..').OnCanvasClick | null;
-    onEdgeClick: import('..').OnEdgeClick | null;
-    onEdgeContextMenu: import('..').OnEdgeClick | null;
-    onCanvasClick: import('..').OnCanvasClick | null;
-    onCanvasDblClick: import('..').OnCanvasClick | null;
-    onBurgerMenuClick: (() => void) | null;
-    onOpenSourceView: (() => void) | null;
-    onOpenSourceElement: ((fqn: import('@likec4/core').Fqn) => void) | null;
-    onOpenSourceRelation: ((id: import('@likec4/core').RelationID) => void) | null;
-    readonly storeDevId: string;
-    xynodes: import('..').XYFlowNode[];
-    xyedges: import('..').XYFlowEdge[];
-    viewSyncDebounceTimeout: number | null;
-    viewportChanged: boolean;
-    initialized: boolean;
-    isDynamicView: boolean;
-    activeDynamicViewStep: number | null;
-    lastClickedNodeId: string | null;
-    lastClickedEdgeId: string | null;
-    focusedNodeId: string | null;
-    hoveredNodeId: string | null;
-    hoveredEdgeId: string | null;
-    dimmed: ReadonlySet<string>;
-    lastOnNavigate: null | {
-        fromView: import('@likec4/core').ViewID;
-        toView: import('@likec4/core').ViewID;
-        fromNode: import('@likec4/core').NodeId;
-    };
-    navigationHistory: Array<{
-        viewId: import('@likec4/core').ViewID;
-        nodeId: import('@likec4/core').NodeId | null;
-    }>;
-    navigationHistoryIndex: number;
-    updateView: (view: import('@likec4/core').DiagramView) => void;
-    focusOnNode: (nodeId: string) => void;
-    setHoveredNode: (nodeId: string | null) => void;
-    setHoveredEdge: (edgeId: string | null) => void;
-    setLastClickedNode: (nodeId: string | null) => void;
-    setLastClickedEdge: (edgeId: string | null) => void;
-    resetLastClicked: () => void;
-    getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
-    triggerChangeElementStyle: (change: import("@likec4/core").ViewChange.ChangeElementStyle) => void;
-    cancelSaveManualLayout: () => boolean;
-    scheduleSaveManualLayout: () => void;
-    triggerSaveManualLayout: () => void;
-    triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent) => void;
-    fitDiagram: (duration?: number) => void;
-    goBack: () => void;
-    goForward: () => void;
-    nextDynamicStep: (increment?: number) => void;
-    activateDynamicStep: (step: number) => void;
-    stopDynamicView: () => void;
-    onInit: (xyflow: import('..').XYFlowInstance) => void;
-    onNodesChange: import('@xyflow/react').OnNodesChange<import('..').XYFlowNode>;
-    onEdgesChange: import('@xyflow/react').OnEdgesChange<import('..').XYFlowEdge>;
-    highlightByElementNotation: (notation: import('@likec4/core').ElementNotation, onlyOfKind?: import('@likec4/core').ElementKind) => void;
-}>, "subscribe"> & {
-    subscribe: {
-        (listener: (selectedState: {
-            view: import('@likec4/core').DiagramView;
-            readonly: boolean;
-            showElementLinks: boolean;
-            showNavigationButtons: boolean;
-            showNotations: boolean;
-            fitViewEnabled: boolean;
-            fitViewPadding: number;
-            zoomable: boolean;
-            pannable: boolean;
-            nodesDraggable: boolean;
-            nodesSelectable: boolean;
-            experimentalEdgeEditing: boolean;
-            enableFocusMode: boolean;
-            renderIcon: import('..').ElementIconRenderer | null;
-            whereFilter: import('@likec4/core').WhereOperator<string, string> | null;
-            enableDynamicViewWalkthrough: boolean;
-            xyflow: import('..').XYFlowInstance;
-            xystore: import('../hooks/useXYFlow').XYStoreApi;
-            getContainer: () => HTMLDivElement | null;
-            onChange: import('..').OnChange | null;
-            onNavigateTo: import('..').OnNavigateTo | null;
-            onNodeClick: import('..').OnNodeClick | null;
-            onNodeContextMenu: import('..').OnNodeClick | null;
-            onCanvasContextMenu: import('..').OnCanvasClick | null;
-            onEdgeClick: import('..').OnEdgeClick | null;
-            onEdgeContextMenu: import('..').OnEdgeClick | null;
-            onCanvasClick: import('..').OnCanvasClick | null;
-            onCanvasDblClick: import('..').OnCanvasClick | null;
-            onBurgerMenuClick: (() => void) | null;
-            onOpenSourceView: (() => void) | null;
-            onOpenSourceElement: ((fqn: import('@likec4/core').Fqn) => void) | null;
-            onOpenSourceRelation: ((id: import('@likec4/core').RelationID) => void) | null;
-            readonly storeDevId: string;
-            xynodes: import('..').XYFlowNode[];
-            xyedges: {
-                id: string;
-                type: "relationship";
-                source: string;
-                target: string;
-                sourceHandle?: string | null;
-                targetHandle?: string | null;
-                animated?: boolean;
-                hidden?: boolean;
-                deletable?: boolean;
-                selectable?: boolean;
-                data: import('..').RelationshipData;
-                selected?: boolean;
-                markerStart?: import('@xyflow/system').EdgeMarkerType;
-                markerEnd?: import('@xyflow/system').EdgeMarkerType;
-                zIndex?: number;
-                ariaLabel?: string;
-                interactionWidth?: number;
-                label?: string | import('react').ReactNode;
-                labelStyle?: import('react').CSSProperties;
-                labelShowBg?: boolean;
-                labelBgStyle?: import('react').CSSProperties;
-                labelBgPadding?: [number, number];
-                labelBgBorderRadius?: number;
-                style?: import('react').CSSProperties;
-                className?: string;
-                reconnectable?: boolean | import('@xyflow/system').HandleType;
-                focusable?: boolean;
-            }[];
-            viewSyncDebounceTimeout: number | null;
-            viewportChanged: boolean;
-            initialized: boolean;
-            isDynamicView: boolean;
-            activeDynamicViewStep: number | null;
-            lastClickedNodeId: string | null;
-            lastClickedEdgeId: string | null;
-            focusedNodeId: string | null;
-            hoveredNodeId: string | null;
-            hoveredEdgeId: string | null;
-            dimmed: ReadonlySet<string>;
-            lastOnNavigate: null | {
-                fromView: import('@likec4/core').ViewID;
-                toView: import('@likec4/core').ViewID;
-                fromNode: import('@likec4/core').NodeId;
-            };
-            navigationHistory: Array<{
-                viewId: import('@likec4/core').ViewID;
-                nodeId: import('@likec4/core').NodeId | null;
-            }>;
-            navigationHistoryIndex: number;
-            updateView: (view: import('@likec4/core').DiagramView) => void;
-            focusOnNode: (nodeId: string) => void;
-            setHoveredNode: (nodeId: string | null) => void;
-            setHoveredEdge: (edgeId: string | null) => void;
-            setLastClickedNode: (nodeId: string | null) => void;
-            setLastClickedEdge: (edgeId: string | null) => void;
-            resetLastClicked: () => void;
-            getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
-            triggerChangeElementStyle: (change: import("@likec4/core").ViewChange.ChangeElementStyle) => void;
-            cancelSaveManualLayout: () => boolean;
-            scheduleSaveManualLayout: () => void;
-            triggerSaveManualLayout: () => void;
-            triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent) => void;
-            fitDiagram: (duration?: number) => void;
-            goBack: () => void;
-            goForward: () => void;
-            nextDynamicStep: (increment?: number) => void;
-            activateDynamicStep: (step: number) => void;
-            stopDynamicView: () => void;
-            onInit: (xyflow: import('..').XYFlowInstance) => void;
-            onNodesChange: import('@xyflow/react').OnNodesChange<import('..').XYFlowNode>;
-            onEdgesChange: import('@xyflow/react').OnEdgesChange<{
-                id: string;
-                type: "relationship";
-                source: string;
-                target: string;
-                sourceHandle?: string | null;
-                targetHandle?: string | null;
-                animated?: boolean;
-                hidden?: boolean;
-                deletable?: boolean;
-                selectable?: boolean;
-                data: import('..').RelationshipData;
-                selected?: boolean;
-                markerStart?: import('@xyflow/system').EdgeMarkerType;
-                markerEnd?: import('@xyflow/system').EdgeMarkerType;
-                zIndex?: number;
-                ariaLabel?: string;
-                interactionWidth?: number;
-                label?: string | import('react').ReactNode;
-                labelStyle?: import('react').CSSProperties;
-                labelShowBg?: boolean;
-                labelBgStyle?: import('react').CSSProperties;
-                labelBgPadding?: [number, number];
-                labelBgBorderRadius?: number;
-                style?: import('react').CSSProperties;
-                className?: string;
-                reconnectable?: boolean | import('@xyflow/system').HandleType;
-                focusable?: boolean;
-            }>;
-            highlightByElementNotation: (notation: import('@likec4/core').ElementNotation, onlyOfKind?: import('@likec4/core').ElementKind) => void;
-        }, previousSelectedState: {
-            view: import('@likec4/core').DiagramView;
-            readonly: boolean;
-            showElementLinks: boolean;
-            showNavigationButtons: boolean;
-            showNotations: boolean;
-            fitViewEnabled: boolean;
-            fitViewPadding: number;
-            zoomable: boolean;
-            pannable: boolean;
-            nodesDraggable: boolean;
-            nodesSelectable: boolean;
-            experimentalEdgeEditing: boolean;
-            enableFocusMode: boolean;
-            renderIcon: import('..').ElementIconRenderer | null;
-            whereFilter: import('@likec4/core').WhereOperator<string, string> | null;
-            enableDynamicViewWalkthrough: boolean;
-            xyflow: import('..').XYFlowInstance;
-            xystore: import('../hooks/useXYFlow').XYStoreApi;
-            getContainer: () => HTMLDivElement | null;
-            onChange: import('..').OnChange | null;
-            onNavigateTo: import('..').OnNavigateTo | null;
-            onNodeClick: import('..').OnNodeClick | null;
-            onNodeContextMenu: import('..').OnNodeClick | null;
-            onCanvasContextMenu: import('..').OnCanvasClick | null;
-            onEdgeClick: import('..').OnEdgeClick | null;
-            onEdgeContextMenu: import('..').OnEdgeClick | null;
-            onCanvasClick: import('..').OnCanvasClick | null;
-            onCanvasDblClick: import('..').OnCanvasClick | null;
-            onBurgerMenuClick: (() => void) | null;
-            onOpenSourceView: (() => void) | null;
-            onOpenSourceElement: ((fqn: import('@likec4/core').Fqn) => void) | null;
-            onOpenSourceRelation: ((id: import('@likec4/core').RelationID) => void) | null;
-            readonly storeDevId: string;
-            xynodes: import('..').XYFlowNode[];
-            xyedges: {
-                id: string;
-                type: "relationship";
-                source: string;
-                target: string;
-                sourceHandle?: string | null;
-                targetHandle?: string | null;
-                animated?: boolean;
-                hidden?: boolean;
-                deletable?: boolean;
-                selectable?: boolean;
-                data: import('..').RelationshipData;
-                selected?: boolean;
-                markerStart?: import('@xyflow/system').EdgeMarkerType;
-                markerEnd?: import('@xyflow/system').EdgeMarkerType;
-                zIndex?: number;
-                ariaLabel?: string;
-                interactionWidth?: number;
-                label?: string | import('react').ReactNode;
-                labelStyle?: import('react').CSSProperties;
-                labelShowBg?: boolean;
-                labelBgStyle?: import('react').CSSProperties;
-                labelBgPadding?: [number, number];
-                labelBgBorderRadius?: number;
-                style?: import('react').CSSProperties;
-                className?: string;
-                reconnectable?: boolean | import('@xyflow/system').HandleType;
-                focusable?: boolean;
-            }[];
-            viewSyncDebounceTimeout: number | null;
-            viewportChanged: boolean;
-            initialized: boolean;
-            isDynamicView: boolean;
-            activeDynamicViewStep: number | null;
-            lastClickedNodeId: string | null;
-            lastClickedEdgeId: string | null;
-            focusedNodeId: string | null;
-            hoveredNodeId: string | null;
-            hoveredEdgeId: string | null;
-            dimmed: ReadonlySet<string>;
-            lastOnNavigate: null | {
-                fromView: import('@likec4/core').ViewID;
-                toView: import('@likec4/core').ViewID;
-                fromNode: import('@likec4/core').NodeId;
-            };
-            navigationHistory: Array<{
-                viewId: import('@likec4/core').ViewID;
-                nodeId: import('@likec4/core').NodeId | null;
-            }>;
-            navigationHistoryIndex: number;
-            updateView: (view: import('@likec4/core').DiagramView) => void;
-            focusOnNode: (nodeId: string) => void;
-            setHoveredNode: (nodeId: string | null) => void;
-            setHoveredEdge: (edgeId: string | null) => void;
-            setLastClickedNode: (nodeId: string | null) => void;
-            setLastClickedEdge: (edgeId: string | null) => void;
-            resetLastClicked: () => void;
-            getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
-            triggerChangeElementStyle: (change: import("@likec4/core").ViewChange.ChangeElementStyle) => void;
-            cancelSaveManualLayout: () => boolean;
-            scheduleSaveManualLayout: () => void;
-            triggerSaveManualLayout: () => void;
-            triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent) => void;
-            fitDiagram: (duration?: number) => void;
-            goBack: () => void;
-            goForward: () => void;
-            nextDynamicStep: (increment?: number) => void;
-            activateDynamicStep: (step: number) => void;
-            stopDynamicView: () => void;
-            onInit: (xyflow: import('..').XYFlowInstance) => void;
-            onNodesChange: import('@xyflow/react').OnNodesChange<import('..').XYFlowNode>;
-            onEdgesChange: import('@xyflow/react').OnEdgesChange<{
-                id: string;
-                type: "relationship";
-                source: string;
-                target: string;
-                sourceHandle?: string | null;
-                targetHandle?: string | null;
-                animated?: boolean;
-                hidden?: boolean;
-                deletable?: boolean;
-                selectable?: boolean;
-                data: import('..').RelationshipData;
-                selected?: boolean;
-                markerStart?: import('@xyflow/system').EdgeMarkerType;
-                markerEnd?: import('@xyflow/system').EdgeMarkerType;
-                zIndex?: number;
-                ariaLabel?: string;
-                interactionWidth?: number;
-                label?: string | import('react').ReactNode;
-                labelStyle?: import('react').CSSProperties;
-                labelShowBg?: boolean;
-                labelBgStyle?: import('react').CSSProperties;
-                labelBgPadding?: [number, number];
-                labelBgBorderRadius?: number;
-                style?: import('react').CSSProperties;
-                className?: string;
-                reconnectable?: boolean | import('@xyflow/system').HandleType;
-                focusable?: boolean;
-            }>;
-            highlightByElementNotation: (notation: import('@likec4/core').ElementNotation, onlyOfKind?: import('@likec4/core').ElementKind) => void;
-        }) => void): () => void;
-        <U>(selector: (state: {
-            view: import('@likec4/core').DiagramView;
-            readonly: boolean;
-            showElementLinks: boolean;
-            showNavigationButtons: boolean;
-            showNotations: boolean;
-            fitViewEnabled: boolean;
-            fitViewPadding: number;
-            zoomable: boolean;
-            pannable: boolean;
-            nodesDraggable: boolean;
-            nodesSelectable: boolean;
-            experimentalEdgeEditing: boolean;
-            enableFocusMode: boolean;
-            renderIcon: import('..').ElementIconRenderer | null;
-            whereFilter: import('@likec4/core').WhereOperator<string, string> | null;
-            enableDynamicViewWalkthrough: boolean;
-            xyflow: import('..').XYFlowInstance;
-            xystore: import('../hooks/useXYFlow').XYStoreApi;
-            getContainer: () => HTMLDivElement | null;
-            onChange: import('..').OnChange | null;
-            onNavigateTo: import('..').OnNavigateTo | null;
-            onNodeClick: import('..').OnNodeClick | null;
-            onNodeContextMenu: import('..').OnNodeClick | null;
-            onCanvasContextMenu: import('..').OnCanvasClick | null;
-            onEdgeClick: import('..').OnEdgeClick | null;
-            onEdgeContextMenu: import('..').OnEdgeClick | null;
-            onCanvasClick: import('..').OnCanvasClick | null;
-            onCanvasDblClick: import('..').OnCanvasClick | null;
-            onBurgerMenuClick: (() => void) | null;
-            onOpenSourceView: (() => void) | null;
-            onOpenSourceElement: ((fqn: import('@likec4/core').Fqn) => void) | null;
-            onOpenSourceRelation: ((id: import('@likec4/core').RelationID) => void) | null;
-            readonly storeDevId: string;
-            xynodes: import('..').XYFlowNode[];
-            xyedges: {
-                id: string;
-                type: "relationship";
-                source: string;
-                target: string;
-                sourceHandle?: string | null;
-                targetHandle?: string | null;
-                animated?: boolean;
-                hidden?: boolean;
-                deletable?: boolean;
-                selectable?: boolean;
-                data: import('..').RelationshipData;
-                selected?: boolean;
-                markerStart?: import('@xyflow/system').EdgeMarkerType;
-                markerEnd?: import('@xyflow/system').EdgeMarkerType;
-                zIndex?: number;
-                ariaLabel?: string;
-                interactionWidth?: number;
-                label?: string | import('react').ReactNode;
-                labelStyle?: import('react').CSSProperties;
-                labelShowBg?: boolean;
-                labelBgStyle?: import('react').CSSProperties;
-                labelBgPadding?: [number, number];
-                labelBgBorderRadius?: number;
-                style?: import('react').CSSProperties;
-                className?: string;
-                reconnectable?: boolean | import('@xyflow/system').HandleType;
-                focusable?: boolean;
-            }[];
-            viewSyncDebounceTimeout: number | null;
-            viewportChanged: boolean;
-            initialized: boolean;
-            isDynamicView: boolean;
-            activeDynamicViewStep: number | null;
-            lastClickedNodeId: string | null;
-            lastClickedEdgeId: string | null;
-            focusedNodeId: string | null;
-            hoveredNodeId: string | null;
-            hoveredEdgeId: string | null;
-            dimmed: ReadonlySet<string>;
-            lastOnNavigate: null | {
-                fromView: import('@likec4/core').ViewID;
-                toView: import('@likec4/core').ViewID;
-                fromNode: import('@likec4/core').NodeId;
-            };
-            navigationHistory: Array<{
-                viewId: import('@likec4/core').ViewID;
-                nodeId: import('@likec4/core').NodeId | null;
-            }>;
-            navigationHistoryIndex: number;
-            updateView: (view: import('@likec4/core').DiagramView) => void;
-            focusOnNode: (nodeId: string) => void;
-            setHoveredNode: (nodeId: string | null) => void;
-            setHoveredEdge: (edgeId: string | null) => void;
-            setLastClickedNode: (nodeId: string | null) => void;
-            setLastClickedEdge: (edgeId: string | null) => void;
-            resetLastClicked: () => void;
-            getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
-            triggerChangeElementStyle: (change: import("@likec4/core").ViewChange.ChangeElementStyle) => void;
-            cancelSaveManualLayout: () => boolean;
-            scheduleSaveManualLayout: () => void;
-            triggerSaveManualLayout: () => void;
-            triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent) => void;
-            fitDiagram: (duration?: number) => void;
-            goBack: () => void;
-            goForward: () => void;
-            nextDynamicStep: (increment?: number) => void;
-            activateDynamicStep: (step: number) => void;
-            stopDynamicView: () => void;
-            onInit: (xyflow: import('..').XYFlowInstance) => void;
-            onNodesChange: import('@xyflow/react').OnNodesChange<import('..').XYFlowNode>;
-            onEdgesChange: import('@xyflow/react').OnEdgesChange<{
-                id: string;
-                type: "relationship";
-                source: string;
-                target: string;
-                sourceHandle?: string | null;
-                targetHandle?: string | null;
-                animated?: boolean;
-                hidden?: boolean;
-                deletable?: boolean;
-                selectable?: boolean;
-                data: import('..').RelationshipData;
-                selected?: boolean;
-                markerStart?: import('@xyflow/system').EdgeMarkerType;
-                markerEnd?: import('@xyflow/system').EdgeMarkerType;
-                zIndex?: number;
-                ariaLabel?: string;
-                interactionWidth?: number;
-                label?: string | import('react').ReactNode;
-                labelStyle?: import('react').CSSProperties;
-                labelShowBg?: boolean;
-                labelBgStyle?: import('react').CSSProperties;
-                labelBgPadding?: [number, number];
-                labelBgBorderRadius?: number;
-                style?: import('react').CSSProperties;
-                className?: string;
-                reconnectable?: boolean | import('@xyflow/system').HandleType;
-                focusable?: boolean;
-            }>;
-            highlightByElementNotation: (notation: import('@likec4/core').ElementNotation, onlyOfKind?: import('@likec4/core').ElementKind) => void;
-        }) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
-            equalityFn?: (a: U, b: U) => boolean;
-            fireImmediately?: boolean;
-        } | undefined): () => void;
-    };
-}, "setState"> & {
-    setState<A extends string | {
-        type: string;
-    }>(partial: {
-        view: import('@likec4/core').DiagramView;
-        readonly: boolean;
-        showElementLinks: boolean;
-        showNavigationButtons: boolean;
-        showNotations: boolean;
-        fitViewEnabled: boolean;
-        fitViewPadding: number;
-        zoomable: boolean;
-        pannable: boolean;
-        nodesDraggable: boolean;
-        nodesSelectable: boolean;
-        experimentalEdgeEditing: boolean;
-        enableFocusMode: boolean;
-        renderIcon: import('..').ElementIconRenderer | null;
-        whereFilter: import('@likec4/core').WhereOperator<string, string> | null;
-        enableDynamicViewWalkthrough: boolean;
-        xyflow: import('..').XYFlowInstance;
-        xystore: import('../hooks/useXYFlow').XYStoreApi;
-        getContainer: () => HTMLDivElement | null;
-        onChange: import('..').OnChange | null;
-        onNavigateTo: import('..').OnNavigateTo | null;
-        onNodeClick: import('..').OnNodeClick | null;
-        onNodeContextMenu: import('..').OnNodeClick | null;
-        onCanvasContextMenu: import('..').OnCanvasClick | null;
-        onEdgeClick: import('..').OnEdgeClick | null;
-        onEdgeContextMenu: import('..').OnEdgeClick | null;
-        onCanvasClick: import('..').OnCanvasClick | null;
-        onCanvasDblClick: import('..').OnCanvasClick | null;
-        onBurgerMenuClick: (() => void) | null;
-        onOpenSourceView: (() => void) | null;
-        onOpenSourceElement: ((fqn: import('@likec4/core').Fqn) => void) | null;
-        onOpenSourceRelation: ((id: import('@likec4/core').RelationID) => void) | null;
-        readonly storeDevId: string;
-        xynodes: import('..').XYFlowNode[];
-        xyedges: {
-            id: string;
-            type: "relationship";
-            source: string;
-            target: string;
-            sourceHandle?: string | null;
-            targetHandle?: string | null;
-            animated?: boolean;
-            hidden?: boolean;
-            deletable?: boolean;
-            selectable?: boolean;
-            data: import('..').RelationshipData;
-            selected?: boolean;
-            markerStart?: import('@xyflow/system').EdgeMarkerType;
-            markerEnd?: import('@xyflow/system').EdgeMarkerType;
-            zIndex?: number;
-            ariaLabel?: string;
-            interactionWidth?: number;
-            label?: string | import('react').ReactNode;
-            labelStyle?: import('react').CSSProperties;
-            labelShowBg?: boolean;
-            labelBgStyle?: import('react').CSSProperties;
-            labelBgPadding?: [number, number];
-            labelBgBorderRadius?: number;
-            style?: import('react').CSSProperties;
-            className?: string;
-            reconnectable?: boolean | import('@xyflow/system').HandleType;
-            focusable?: boolean;
-        }[];
-        viewSyncDebounceTimeout: number | null;
-        viewportChanged: boolean;
-        initialized: boolean;
-        isDynamicView: boolean;
-        activeDynamicViewStep: number | null;
-        lastClickedNodeId: string | null;
-        lastClickedEdgeId: string | null;
-        focusedNodeId: string | null;
-        hoveredNodeId: string | null;
-        hoveredEdgeId: string | null;
-        dimmed: ReadonlySet<string>;
-        lastOnNavigate: null | {
-            fromView: import('@likec4/core').ViewID;
-            toView: import('@likec4/core').ViewID;
-            fromNode: import('@likec4/core').NodeId;
-        };
-        navigationHistory: Array<{
-            viewId: import('@likec4/core').ViewID;
-            nodeId: import('@likec4/core').NodeId | null;
-        }>;
-        navigationHistoryIndex: number;
-        updateView: (view: import('@likec4/core').DiagramView) => void;
-        focusOnNode: (nodeId: string) => void;
-        setHoveredNode: (nodeId: string | null) => void;
-        setHoveredEdge: (edgeId: string | null) => void;
-        setLastClickedNode: (nodeId: string | null) => void;
-        setLastClickedEdge: (edgeId: string | null) => void;
-        resetLastClicked: () => void;
-        getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
-        triggerChangeElementStyle: (change: import("@likec4/core").ViewChange.ChangeElementStyle) => void;
-        cancelSaveManualLayout: () => boolean;
-        scheduleSaveManualLayout: () => void;
-        triggerSaveManualLayout: () => void;
-        triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent) => void;
-        fitDiagram: (duration?: number) => void;
-        goBack: () => void;
-        goForward: () => void;
-        nextDynamicStep: (increment?: number) => void;
-        activateDynamicStep: (step: number) => void;
-        stopDynamicView: () => void;
-        onInit: (xyflow: import('..').XYFlowInstance) => void;
-        onNodesChange: import('@xyflow/react').OnNodesChange<import('..').XYFlowNode>;
-        onEdgesChange: import('@xyflow/react').OnEdgesChange<{
-            id: string;
-            type: "relationship";
-            source: string;
-            target: string;
-            sourceHandle?: string | null;
-            targetHandle?: string | null;
-            animated?: boolean;
-            hidden?: boolean;
-            deletable?: boolean;
-            selectable?: boolean;
-            data: import('..').RelationshipData;
-            selected?: boolean;
-            markerStart?: import('@xyflow/system').EdgeMarkerType;
-            markerEnd?: import('@xyflow/system').EdgeMarkerType;
-            zIndex?: number;
-            ariaLabel?: string;
-            interactionWidth?: number;
-            label?: string | import('react').ReactNode;
-            labelStyle?: import('react').CSSProperties;
-            labelShowBg?: boolean;
-            labelBgStyle?: import('react').CSSProperties;
-            labelBgPadding?: [number, number];
-            labelBgBorderRadius?: number;
-            style?: import('react').CSSProperties;
-            className?: string;
-            reconnectable?: boolean | import('@xyflow/system').HandleType;
-            focusable?: boolean;
-        }>;
-        highlightByElementNotation: (notation: import('@likec4/core').ElementNotation, onlyOfKind?: import('@likec4/core').ElementKind) => void;
-    } | Partial<{
-        view: import('@likec4/core').DiagramView;
-        readonly: boolean;
-        showElementLinks: boolean;
-        showNavigationButtons: boolean;
-        showNotations: boolean;
-        fitViewEnabled: boolean;
-        fitViewPadding: number;
-        zoomable: boolean;
-        pannable: boolean;
-        nodesDraggable: boolean;
-        nodesSelectable: boolean;
-        experimentalEdgeEditing: boolean;
-        enableFocusMode: boolean;
-        renderIcon: import('..').ElementIconRenderer | null;
-        whereFilter: import('@likec4/core').WhereOperator<string, string> | null;
-        enableDynamicViewWalkthrough: boolean;
-        xyflow: import('..').XYFlowInstance;
-        xystore: import('../hooks/useXYFlow').XYStoreApi;
-        getContainer: () => HTMLDivElement | null;
-        onChange: import('..').OnChange | null;
-        onNavigateTo: import('..').OnNavigateTo | null;
-        onNodeClick: import('..').OnNodeClick | null;
-        onNodeContextMenu: import('..').OnNodeClick | null;
-        onCanvasContextMenu: import('..').OnCanvasClick | null;
-        onEdgeClick: import('..').OnEdgeClick | null;
-        onEdgeContextMenu: import('..').OnEdgeClick | null;
-        onCanvasClick: import('..').OnCanvasClick | null;
-        onCanvasDblClick: import('..').OnCanvasClick | null;
-        onBurgerMenuClick: (() => void) | null;
-        onOpenSourceView: (() => void) | null;
-        onOpenSourceElement: ((fqn: import('@likec4/core').Fqn) => void) | null;
-        onOpenSourceRelation: ((id: import('@likec4/core').RelationID) => void) | null;
-        readonly storeDevId: string;
-        xynodes: import('..').XYFlowNode[];
-        xyedges: {
-            id: string;
-            type: "relationship";
-            source: string;
-            target: string;
-            sourceHandle?: string | null;
-            targetHandle?: string | null;
-            animated?: boolean;
-            hidden?: boolean;
-            deletable?: boolean;
-            selectable?: boolean;
-            data: import('..').RelationshipData;
-            selected?: boolean;
-            markerStart?: import('@xyflow/system').EdgeMarkerType;
-            markerEnd?: import('@xyflow/system').EdgeMarkerType;
-            zIndex?: number;
-            ariaLabel?: string;
-            interactionWidth?: number;
-            label?: string | import('react').ReactNode;
-            labelStyle?: import('react').CSSProperties;
-            labelShowBg?: boolean;
-            labelBgStyle?: import('react').CSSProperties;
-            labelBgPadding?: [number, number];
-            labelBgBorderRadius?: number;
-            style?: import('react').CSSProperties;
-            className?: string;
-            reconnectable?: boolean | import('@xyflow/system').HandleType;
-            focusable?: boolean;
-        }[];
-        viewSyncDebounceTimeout: number | null;
-        viewportChanged: boolean;
-        initialized: boolean;
-        isDynamicView: boolean;
-        activeDynamicViewStep: number | null;
-        lastClickedNodeId: string | null;
-        lastClickedEdgeId: string | null;
-        focusedNodeId: string | null;
-        hoveredNodeId: string | null;
-        hoveredEdgeId: string | null;
-        dimmed: ReadonlySet<string>;
-        lastOnNavigate: null | {
-            fromView: import('@likec4/core').ViewID;
-            toView: import('@likec4/core').ViewID;
-            fromNode: import('@likec4/core').NodeId;
-        };
-        navigationHistory: Array<{
-            viewId: import('@likec4/core').ViewID;
-            nodeId: import('@likec4/core').NodeId | null;
-        }>;
-        navigationHistoryIndex: number;
-        updateView: (view: import('@likec4/core').DiagramView) => void;
-        focusOnNode: (nodeId: string) => void;
-        setHoveredNode: (nodeId: string | null) => void;
-        setHoveredEdge: (edgeId: string | null) => void;
-        setLastClickedNode: (nodeId: string | null) => void;
-        setLastClickedEdge: (edgeId: string | null) => void;
-        resetLastClicked: () => void;
-        getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
-        triggerChangeElementStyle: (change: import("@likec4/core").ViewChange.ChangeElementStyle) => void;
-        cancelSaveManualLayout: () => boolean;
-        scheduleSaveManualLayout: () => void;
-        triggerSaveManualLayout: () => void;
-        triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent) => void;
-        fitDiagram: (duration?: number) => void;
-        goBack: () => void;
-        goForward: () => void;
-        nextDynamicStep: (increment?: number) => void;
-        activateDynamicStep: (step: number) => void;
-        stopDynamicView: () => void;
-        onInit: (xyflow: import('..').XYFlowInstance) => void;
-        onNodesChange: import('@xyflow/react').OnNodesChange<import('..').XYFlowNode>;
-        onEdgesChange: import('@xyflow/react').OnEdgesChange<{
-            id: string;
-            type: "relationship";
-            source: string;
-            target: string;
-            sourceHandle?: string | null;
-            targetHandle?: string | null;
-            animated?: boolean;
-            hidden?: boolean;
-            deletable?: boolean;
-            selectable?: boolean;
-            data: import('..').RelationshipData;
-            selected?: boolean;
-            markerStart?: import('@xyflow/system').EdgeMarkerType;
-            markerEnd?: import('@xyflow/system').EdgeMarkerType;
-            zIndex?: number;
-            ariaLabel?: string;
-            interactionWidth?: number;
-            label?: string | import('react').ReactNode;
-            labelStyle?: import('react').CSSProperties;
-            labelShowBg?: boolean;
-            labelBgStyle?: import('react').CSSProperties;
-            labelBgPadding?: [number, number];
-            labelBgBorderRadius?: number;
-            style?: import('react').CSSProperties;
-            className?: string;
-            reconnectable?: boolean | import('@xyflow/system').HandleType;
-            focusable?: boolean;
-        }>;
-        highlightByElementNotation: (notation: import('@likec4/core').ElementNotation, onlyOfKind?: import('@likec4/core').ElementKind) => void;
-    }> | ((state: {
-        view: import('@likec4/core').DiagramView;
-        readonly: boolean;
-        showElementLinks: boolean;
-        showNavigationButtons: boolean;
-        showNotations: boolean;
-        fitViewEnabled: boolean;
-        fitViewPadding: number;
-        zoomable: boolean;
-        pannable: boolean;
-        nodesDraggable: boolean;
-        nodesSelectable: boolean;
-        experimentalEdgeEditing: boolean;
-        enableFocusMode: boolean;
-        renderIcon: import('..').ElementIconRenderer | null;
-        whereFilter: import('@likec4/core').WhereOperator<string, string> | null;
-        enableDynamicViewWalkthrough: boolean;
-        xyflow: import('..').XYFlowInstance;
-        xystore: import('../hooks/useXYFlow').XYStoreApi;
-        getContainer: () => HTMLDivElement | null;
-        onChange: import('..').OnChange | null;
-        onNavigateTo: import('..').OnNavigateTo | null;
-        onNodeClick: import('..').OnNodeClick | null;
-        onNodeContextMenu: import('..').OnNodeClick | null;
-        onCanvasContextMenu: import('..').OnCanvasClick | null;
-        onEdgeClick: import('..').OnEdgeClick | null;
-        onEdgeContextMenu: import('..').OnEdgeClick | null;
-        onCanvasClick: import('..').OnCanvasClick | null;
-        onCanvasDblClick: import('..').OnCanvasClick | null;
-        onBurgerMenuClick: (() => void) | null;
-        onOpenSourceView: (() => void) | null;
-        onOpenSourceElement: ((fqn: import('@likec4/core').Fqn) => void) | null;
-        onOpenSourceRelation: ((id: import('@likec4/core').RelationID) => void) | null;
-        readonly storeDevId: string;
-        xynodes: import('..').XYFlowNode[];
-        xyedges: {
-            id: string;
-            type: "relationship";
-            source: string;
-            target: string;
-            sourceHandle?: string | null;
-            targetHandle?: string | null;
-            animated?: boolean;
-            hidden?: boolean;
-            deletable?: boolean;
-            selectable?: boolean;
-            data: import('..').RelationshipData;
-            selected?: boolean;
-            markerStart?: import('@xyflow/system').EdgeMarkerType;
-            markerEnd?: import('@xyflow/system').EdgeMarkerType;
-            zIndex?: number;
-            ariaLabel?: string;
-            interactionWidth?: number;
-            label?: string | import('react').ReactNode;
-            labelStyle?: import('react').CSSProperties;
-            labelShowBg?: boolean;
-            labelBgStyle?: import('react').CSSProperties;
-            labelBgPadding?: [number, number];
-            labelBgBorderRadius?: number;
-            style?: import('react').CSSProperties;
-            className?: string;
-            reconnectable?: boolean | import('@xyflow/system').HandleType;
-            focusable?: boolean;
-        }[];
-        viewSyncDebounceTimeout: number | null;
-        viewportChanged: boolean;
-        initialized: boolean;
-        isDynamicView: boolean;
-        activeDynamicViewStep: number | null;
-        lastClickedNodeId: string | null;
-        lastClickedEdgeId: string | null;
-        focusedNodeId: string | null;
-        hoveredNodeId: string | null;
-        hoveredEdgeId: string | null;
-        dimmed: ReadonlySet<string>;
-        lastOnNavigate: null | {
-            fromView: import('@likec4/core').ViewID;
-            toView: import('@likec4/core').ViewID;
-            fromNode: import('@likec4/core').NodeId;
-        };
-        navigationHistory: Array<{
-            viewId: import('@likec4/core').ViewID;
-            nodeId: import('@likec4/core').NodeId | null;
-        }>;
-        navigationHistoryIndex: number;
-        updateView: (view: import('@likec4/core').DiagramView) => void;
-        focusOnNode: (nodeId: string) => void;
-        setHoveredNode: (nodeId: string | null) => void;
-        setHoveredEdge: (edgeId: string | null) => void;
-        setLastClickedNode: (nodeId: string | null) => void;
-        setLastClickedEdge: (edgeId: string | null) => void;
-        resetLastClicked: () => void;
-        getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
-        triggerChangeElementStyle: (change: import("@likec4/core").ViewChange.ChangeElementStyle) => void;
-        cancelSaveManualLayout: () => boolean;
-        scheduleSaveManualLayout: () => void;
-        triggerSaveManualLayout: () => void;
-        triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent) => void;
-        fitDiagram: (duration?: number) => void;
-        goBack: () => void;
-        goForward: () => void;
-        nextDynamicStep: (increment?: number) => void;
-        activateDynamicStep: (step: number) => void;
-        stopDynamicView: () => void;
-        onInit: (xyflow: import('..').XYFlowInstance) => void;
-        onNodesChange: import('@xyflow/react').OnNodesChange<import('..').XYFlowNode>;
-        onEdgesChange: import('@xyflow/react').OnEdgesChange<{
-            id: string;
-            type: "relationship";
-            source: string;
-            target: string;
-            sourceHandle?: string | null;
-            targetHandle?: string | null;
-            animated?: boolean;
-            hidden?: boolean;
-            deletable?: boolean;
-            selectable?: boolean;
-            data: import('..').RelationshipData;
-            selected?: boolean;
-            markerStart?: import('@xyflow/system').EdgeMarkerType;
-            markerEnd?: import('@xyflow/system').EdgeMarkerType;
-            zIndex?: number;
-            ariaLabel?: string;
-            interactionWidth?: number;
-            label?: string | import('react').ReactNode;
-            labelStyle?: import('react').CSSProperties;
-            labelShowBg?: boolean;
-            labelBgStyle?: import('react').CSSProperties;
-            labelBgPadding?: [number, number];
-            labelBgBorderRadius?: number;
-            style?: import('react').CSSProperties;
-            className?: string;
-            reconnectable?: boolean | import('@xyflow/system').HandleType;
-            focusable?: boolean;
-        }>;
-        highlightByElementNotation: (notation: import('@likec4/core').ElementNotation, onlyOfKind?: import('@likec4/core').ElementKind) => void;
-    }) => {
-        view: import('@likec4/core').DiagramView;
-        readonly: boolean;
-        showElementLinks: boolean;
-        showNavigationButtons: boolean;
-        showNotations: boolean;
-        fitViewEnabled: boolean;
-        fitViewPadding: number;
-        zoomable: boolean;
-        pannable: boolean;
-        nodesDraggable: boolean;
-        nodesSelectable: boolean;
-        experimentalEdgeEditing: boolean;
-        enableFocusMode: boolean;
-        renderIcon: import('..').ElementIconRenderer | null;
-        whereFilter: import('@likec4/core').WhereOperator<string, string> | null;
-        enableDynamicViewWalkthrough: boolean;
-        xyflow: import('..').XYFlowInstance;
-        xystore: import('../hooks/useXYFlow').XYStoreApi;
-        getContainer: () => HTMLDivElement | null;
-        onChange: import('..').OnChange | null;
-        onNavigateTo: import('..').OnNavigateTo | null;
-        onNodeClick: import('..').OnNodeClick | null;
-        onNodeContextMenu: import('..').OnNodeClick | null;
-        onCanvasContextMenu: import('..').OnCanvasClick | null;
-        onEdgeClick: import('..').OnEdgeClick | null;
-        onEdgeContextMenu: import('..').OnEdgeClick | null;
-        onCanvasClick: import('..').OnCanvasClick | null;
-        onCanvasDblClick: import('..').OnCanvasClick | null;
-        onBurgerMenuClick: (() => void) | null;
-        onOpenSourceView: (() => void) | null;
-        onOpenSourceElement: ((fqn: import('@likec4/core').Fqn) => void) | null;
-        onOpenSourceRelation: ((id: import('@likec4/core').RelationID) => void) | null;
-        readonly storeDevId: string;
-        xynodes: import('..').XYFlowNode[];
-        xyedges: {
-            id: string;
-            type: "relationship";
-            source: string;
-            target: string;
-            sourceHandle?: string | null;
-            targetHandle?: string | null;
-            animated?: boolean;
-            hidden?: boolean;
-            deletable?: boolean;
-            selectable?: boolean;
-            data: import('..').RelationshipData;
-            selected?: boolean;
-            markerStart?: import('@xyflow/system').EdgeMarkerType;
-            markerEnd?: import('@xyflow/system').EdgeMarkerType;
-            zIndex?: number;
-            ariaLabel?: string;
-            interactionWidth?: number;
-            label?: string | import('react').ReactNode;
-            labelStyle?: import('react').CSSProperties;
-            labelShowBg?: boolean;
-            labelBgStyle?: import('react').CSSProperties;
-            labelBgPadding?: [number, number];
-            labelBgBorderRadius?: number;
-            style?: import('react').CSSProperties;
-            className?: string;
-            reconnectable?: boolean | import('@xyflow/system').HandleType;
-            focusable?: boolean;
-        }[];
-        viewSyncDebounceTimeout: number | null;
-        viewportChanged: boolean;
-        initialized: boolean;
-        isDynamicView: boolean;
-        activeDynamicViewStep: number | null;
-        lastClickedNodeId: string | null;
-        lastClickedEdgeId: string | null;
-        focusedNodeId: string | null;
-        hoveredNodeId: string | null;
-        hoveredEdgeId: string | null;
-        dimmed: ReadonlySet<string>;
-        lastOnNavigate: null | {
-            fromView: import('@likec4/core').ViewID;
-            toView: import('@likec4/core').ViewID;
-            fromNode: import('@likec4/core').NodeId;
-        };
-        navigationHistory: Array<{
-            viewId: import('@likec4/core').ViewID;
-            nodeId: import('@likec4/core').NodeId | null;
-        }>;
-        navigationHistoryIndex: number;
-        updateView: (view: import('@likec4/core').DiagramView) => void;
-        focusOnNode: (nodeId: string) => void;
-        setHoveredNode: (nodeId: string | null) => void;
-        setHoveredEdge: (edgeId: string | null) => void;
-        setLastClickedNode: (nodeId: string | null) => void;
-        setLastClickedEdge: (edgeId: string | null) => void;
-        resetLastClicked: () => void;
-        getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
-        triggerChangeElementStyle: (change: import("@likec4/core").ViewChange.ChangeElementStyle) => void;
-        cancelSaveManualLayout: () => boolean;
-        scheduleSaveManualLayout: () => void;
-        triggerSaveManualLayout: () => void;
-        triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent) => void;
-        fitDiagram: (duration?: number) => void;
-        goBack: () => void;
-        goForward: () => void;
-        nextDynamicStep: (increment?: number) => void;
-        activateDynamicStep: (step: number) => void;
-        stopDynamicView: () => void;
-        onInit: (xyflow: import('..').XYFlowInstance) => void;
-        onNodesChange: import('@xyflow/react').OnNodesChange<import('..').XYFlowNode>;
-        onEdgesChange: import('@xyflow/react').OnEdgesChange<{
-            id: string;
-            type: "relationship";
-            source: string;
-            target: string;
-            sourceHandle?: string | null;
-            targetHandle?: string | null;
-            animated?: boolean;
-            hidden?: boolean;
-            deletable?: boolean;
-            selectable?: boolean;
-            data: import('..').RelationshipData;
-            selected?: boolean;
-            markerStart?: import('@xyflow/system').EdgeMarkerType;
-            markerEnd?: import('@xyflow/system').EdgeMarkerType;
-            zIndex?: number;
-            ariaLabel?: string;
-            interactionWidth?: number;
-            label?: string | import('react').ReactNode;
-            labelStyle?: import('react').CSSProperties;
-            labelShowBg?: boolean;
-            labelBgStyle?: import('react').CSSProperties;
-            labelBgPadding?: [number, number];
-            labelBgBorderRadius?: number;
-            style?: import('react').CSSProperties;
-            className?: string;
-            reconnectable?: boolean | import('@xyflow/system').HandleType;
-            focusable?: boolean;
-        }>;
-        highlightByElementNotation: (notation: import('@likec4/core').ElementNotation, onlyOfKind?: import('@likec4/core').ElementKind) => void;
-    } | Partial<{
-        view: import('@likec4/core').DiagramView;
-        readonly: boolean;
-        showElementLinks: boolean;
-        showNavigationButtons: boolean;
-        showNotations: boolean;
-        fitViewEnabled: boolean;
-        fitViewPadding: number;
-        zoomable: boolean;
-        pannable: boolean;
-        nodesDraggable: boolean;
-        nodesSelectable: boolean;
-        experimentalEdgeEditing: boolean;
-        enableFocusMode: boolean;
-        renderIcon: import('..').ElementIconRenderer | null;
-        whereFilter: import('@likec4/core').WhereOperator<string, string> | null;
-        enableDynamicViewWalkthrough: boolean;
-        xyflow: import('..').XYFlowInstance;
-        xystore: import('../hooks/useXYFlow').XYStoreApi;
-        getContainer: () => HTMLDivElement | null;
-        onChange: import('..').OnChange | null;
-        onNavigateTo: import('..').OnNavigateTo | null;
-        onNodeClick: import('..').OnNodeClick | null;
-        onNodeContextMenu: import('..').OnNodeClick | null;
-        onCanvasContextMenu: import('..').OnCanvasClick | null;
-        onEdgeClick: import('..').OnEdgeClick | null;
-        onEdgeContextMenu: import('..').OnEdgeClick | null;
-        onCanvasClick: import('..').OnCanvasClick | null;
-        onCanvasDblClick: import('..').OnCanvasClick | null;
-        onBurgerMenuClick: (() => void) | null;
-        onOpenSourceView: (() => void) | null;
-        onOpenSourceElement: ((fqn: import('@likec4/core').Fqn) => void) | null;
-        onOpenSourceRelation: ((id: import('@likec4/core').RelationID) => void) | null;
-        readonly storeDevId: string;
-        xynodes: import('..').XYFlowNode[];
-        xyedges: {
-            id: string;
-            type: "relationship";
-            source: string;
-            target: string;
-            sourceHandle?: string | null;
-            targetHandle?: string | null;
-            animated?: boolean;
-            hidden?: boolean;
-            deletable?: boolean;
-            selectable?: boolean;
-            data: import('..').RelationshipData;
-            selected?: boolean;
-            markerStart?: import('@xyflow/system').EdgeMarkerType;
-            markerEnd?: import('@xyflow/system').EdgeMarkerType;
-            zIndex?: number;
-            ariaLabel?: string;
-            interactionWidth?: number;
-            label?: string | import('react').ReactNode;
-            labelStyle?: import('react').CSSProperties;
-            labelShowBg?: boolean;
-            labelBgStyle?: import('react').CSSProperties;
-            labelBgPadding?: [number, number];
-            labelBgBorderRadius?: number;
-            style?: import('react').CSSProperties;
-            className?: string;
-            reconnectable?: boolean | import('@xyflow/system').HandleType;
-            focusable?: boolean;
-        }[];
-        viewSyncDebounceTimeout: number | null;
-        viewportChanged: boolean;
-        initialized: boolean;
-        isDynamicView: boolean;
-        activeDynamicViewStep: number | null;
-        lastClickedNodeId: string | null;
-        lastClickedEdgeId: string | null;
-        focusedNodeId: string | null;
-        hoveredNodeId: string | null;
-        hoveredEdgeId: string | null;
-        dimmed: ReadonlySet<string>;
-        lastOnNavigate: null | {
-            fromView: import('@likec4/core').ViewID;
-            toView: import('@likec4/core').ViewID;
-            fromNode: import('@likec4/core').NodeId;
-        };
-        navigationHistory: Array<{
-            viewId: import('@likec4/core').ViewID;
-            nodeId: import('@likec4/core').NodeId | null;
-        }>;
-        navigationHistoryIndex: number;
-        updateView: (view: import('@likec4/core').DiagramView) => void;
-        focusOnNode: (nodeId: string) => void;
-        setHoveredNode: (nodeId: string | null) => void;
-        setHoveredEdge: (edgeId: string | null) => void;
-        setLastClickedNode: (nodeId: string | null) => void;
-        setLastClickedEdge: (edgeId: string | null) => void;
-        resetLastClicked: () => void;
-        getElement: (id: import('@likec4/core').Fqn) => import('@likec4/core').DiagramNode | null;
-        triggerChangeElementStyle: (change: import("@likec4/core").ViewChange.ChangeElementStyle) => void;
-        cancelSaveManualLayout: () => boolean;
-        scheduleSaveManualLayout: () => void;
-        triggerSaveManualLayout: () => void;
-        triggerOnNavigateTo: (xynodeId: string, event: import('react').MouseEvent) => void;
-        fitDiagram: (duration?: number) => void;
-        goBack: () => void;
-        goForward: () => void;
-        nextDynamicStep: (increment?: number) => void;
-        activateDynamicStep: (step: number) => void;
-        stopDynamicView: () => void;
-        onInit: (xyflow: import('..').XYFlowInstance) => void;
-        onNodesChange: import('@xyflow/react').OnNodesChange<import('..').XYFlowNode>;
-        onEdgesChange: import('@xyflow/react').OnEdgesChange<{
-            id: string;
-            type: "relationship";
-            source: string;
-            target: string;
-            sourceHandle?: string | null;
-            targetHandle?: string | null;
-            animated?: boolean;
-            hidden?: boolean;
-            deletable?: boolean;
-            selectable?: boolean;
-            data: import('..').RelationshipData;
-            selected?: boolean;
-            markerStart?: import('@xyflow/system').EdgeMarkerType;
-            markerEnd?: import('@xyflow/system').EdgeMarkerType;
-            zIndex?: number;
-            ariaLabel?: string;
-            interactionWidth?: number;
-            label?: string | import('react').ReactNode;
-            labelStyle?: import('react').CSSProperties;
-            labelShowBg?: boolean;
-            labelBgStyle?: import('react').CSSProperties;
-            labelBgPadding?: [number, number];
-            labelBgBorderRadius?: number;
-            style?: import('react').CSSProperties;
-            className?: string;
-            reconnectable?: boolean | import('@xyflow/system').HandleType;
-            focusable?: boolean;
-        }>;
-        highlightByElementNotation: (notation: import('@likec4/core').ElementNotation, onlyOfKind?: import('@likec4/core').ElementKind) => void;
-    }>), replace?: boolean | undefined, action?: A | undefined): void;
-}> | null>;
-export type DiagramContextProviderProps = PropsWithChildren<Omit<DiagramInitialState, 'xystore' | 'xyflow' | 'getContainer'> & {
-    className: string;
-    keepAspectRatio: boolean;
-}>;
-export declare function DiagramContextProvider({ children, view, className, keepAspectRatio, whereFilter, ...props }: DiagramContextProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace DiagramContextProvider {
-    var displayName: string;
-}