@likec4/diagram 1.43.0 → 1.45.0

package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/guards/dist/xstate-guards.cjs.js

@@ -0,0 +1,26 @@
+import { __exports as xstateGuards_cjs } from '../../../../../../../_virtual/xstate-guards.cjs2.js';
+import { __require as requireRaiseDa5b247f_cjs } from '../../dist/raise-da5b247f.cjs.js';
+import { __require as requireXstateDev_cjs } from '../../dev/dist/xstate-dev.cjs.js';
+
+var hasRequiredXstateGuards_cjs;
+
+function requireXstateGuards_cjs () {
+	if (hasRequiredXstateGuards_cjs) return xstateGuards_cjs;
+	hasRequiredXstateGuards_cjs = 1;
+
+	Object.defineProperty(xstateGuards_cjs, '__esModule', { value: true });
+
+	var guards_dist_xstateGuards = /*@__PURE__*/ requireRaiseDa5b247f_cjs();
+	requireXstateDev_cjs();
+
+
+
+	xstateGuards_cjs.and = guards_dist_xstateGuards.and;
+	xstateGuards_cjs.evaluateGuard = guards_dist_xstateGuards.evaluateGuard;
+	xstateGuards_cjs.not = guards_dist_xstateGuards.not;
+	xstateGuards_cjs.or = guards_dist_xstateGuards.or;
+	xstateGuards_cjs.stateIn = guards_dist_xstateGuards.stateIn;
+	return xstateGuards_cjs;
+}
+
+export { requireXstateGuards_cjs as __require };

package/dist/overlays/element-details/ElementDetails.js

@@ -1,22 +1,22 @@
 import { jsx } from 'react/jsx-runtime';
-import { useCallbackRef } from '@mantine/hooks';
 import { useSelector } from '@xstate/react';
 import { shallowEqual } from 'fast-equals';
 import { ElementDetailsActorContext } from './actorContext.js';
 import { ElementDetailsCard } from './ElementDetailsCard.js';
 
+const selector = (s) => ({
+  viewId: s.context.currentView.id,
+  fromNode: s.context.initiatedFrom.node,
+  rectFromNode: s.context.initiatedFrom.clientRect,
+  fqn: s.context.subject
+});
 function ElementDetails({
   actorRef,
   onClose
 }) {
   const props = useSelector(
     actorRef,
-    useCallbackRef((s) => ({
-      viewId: s.context.currentView.id,
-      fromNode: s.context.initiatedFrom.node,
-      rectFromNode: s.context.initiatedFrom.clientRect,
-      fqn: s.context.subject
-    })),
+    selector,
     shallowEqual
   );
   return /* @__PURE__ */ jsx(ElementDetailsActorContext.Provider, { value: actorRef, children: /* @__PURE__ */ jsx(

package/dist/overlays/element-details/ElementDetailsCard.css.js

@@ -39,9 +39,9 @@ const card = css({
   border: "none",
   backgroundImage: `
     linear-gradient(180deg,
-      color-mix(in srgb, var(--likec4-palette-fill) 60%, transparent),
-      color-mix(in srgb, var(--likec4-palette-fill) 20%, transparent) 8px,
-      color-mix(in srgb, var(--likec4-palette-fill) 14%, transparent) 20px,
+      color-mix(in oklab, var(--likec4-palette-fill) 60%, transparent),
+      color-mix(in oklab, var(--likec4-palette-fill) 20%, transparent) 8px,
+      color-mix(in oklab, var(--likec4-palette-fill) 14%, transparent) 20px,
       transparent 80px
     ),
     linear-gradient(180deg, var(--likec4-palette-fill), var(--likec4-palette-fill) 4px, transparent 4px)

package/dist/overlays/element-details/ElementDetailsCard.js

@@ -10,7 +10,9 @@ import { pipe, map, partition, only, clamp, isNullish, entries } from 'remeda';
 import { ElementTag } from '../../base-primitives/element/ElementTags.js';
 import { Link } from '../../components/Link.js';
 import { useCurrentViewModel } from '../../hooks/useCurrentViewModel.js';
-import { useDiagram } from '../../hooks/useDiagram.js';
+import '@xstate/react';
+import 'fast-equals';
+import { useDiagram } from '../../hooks/safeContext.js';
 import { elementIcon, card, cardHeader, title, tabsPanel, tabsTab, tabsList, tabsRoot, propertiesGrid, resizeHandle, backdropOpacity, backdropBlur, dialog, propertyLabel, viewButton, viewButtonTitle } from './ElementDetailsCard.css.js';
 import { MetadataProvider, MetadataValue } from './MetadataValue.js';
 import { TabPanelDeployments } from './TabPanelDeployments.js';
@@ -19,12 +21,12 @@ import { TabPanelStructure } from './TabPanelStructure.js';
 import { useUpdateEffect } from '../../hooks/useUpdateEffect.js';
 import { IconRenderer } from '../../context/IconRenderer.js';
 import { stopPropagation } from '../../utils/xyflow.js';
-import IconExternalLink from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js';
+import IconExternalLink from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js';
 import { IfEnabled, DiagramFeatures } from '../../context/DiagramFeatures.js';
-import IconFileSymlink from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js';
-import IconZoomScan from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
+import IconFileSymlink from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js';
+import IconZoomScan from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
 import { Markdown } from '../../base-primitives/Markdown.js';
-import IconStack2 from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js';
+import IconStack2 from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js';
 
 const Divider = Divider$1.withProps({
   mb: 8,

package/dist/overlays/element-details/MetadataValue.d.ts

@@ -1,5 +1,6 @@
+import { ReactNode } from 'react';
 export declare function MetadataProvider({ children }: {
-    children: React.ReactNode;
+    children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 interface MetadataValueProps {
     label: string;

package/dist/overlays/element-details/MetadataValue.js

@@ -2,8 +2,8 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { css } from '@likec4/styles/css';
 import { UnstyledButton, Flex, Text, Box, Stack, Tooltip } from '@mantine/core';
 import { useState, useRef, useEffect } from 'react';
-import IconChevronDown from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.js';
-import IconChevronRight from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronRight.js';
+import IconChevronDown from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.js';
+import IconChevronRight from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronRight.js';
 
 function MetadataProvider({ children }) {
   return /* @__PURE__ */ jsx(Fragment, { children });

package/dist/overlays/element-details/TabPanelDeployments.js

@@ -1,13 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTree, Alert, Tree, Box, rem, Button, Group, Text, ThemeIcon, Menu } from '@mantine/core';
 import { memo, useMemo, useEffect } from 'react';
-import { useDiagram } from '../../hooks/useDiagram.js';
+import '@xstate/react';
+import 'fast-equals';
+import { useDiagram } from '../../hooks/safeContext.js';
 import { useLikeC4Model } from '../../hooks/useLikeC4Model.js';
 import { treeNodeLabel, treeNode, nodeLabel, instanceLabel } from './TabPanelDeployments.css.js';
-import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
-import IconTarget from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js';
+import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
+import IconTarget from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js';
 import { stopPropagation } from '../../utils/xyflow.js';
-import IconZoomScan from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
+import IconZoomScan from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
 
 const DeploymentNodeRenderer = ({
   node

package/dist/overlays/element-details/TabPanelRelationships.js

@@ -7,9 +7,9 @@ import { useOverlaysActorRef } from '../../hooks/useOverlaysActor.js';
 import { RelationshipsBrowser } from '../relationships-browser/RelationshipsBrowser.js';
 import { useElementDetailsActorRef } from './actorContext.js';
 import { fqn, xyflow, relationshipStat } from './TabPanelRelationships.css.js';
-import IconArrowRight from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js';
-import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
-import IconExternalLink from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js';
+import IconArrowRight from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js';
+import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
+import IconExternalLink from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js';
 
 const Tooltip = Tooltip$1.withProps({
   color: "dark",

package/dist/overlays/element-details/TabPanelStructure.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTree, Alert, Anchor, Tree, Box, Text, Pill } from '@mantine/core';
 import { useMemo, useEffect } from 'react';
 import { treeNodeLabel, elementLabel } from './TabPanelStructure.css.js';
-import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
+import IconInfoCircle from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js';
 
 const ElementLabel = ({
   element

package/dist/overlays/element-details/actor.d.ts

@@ -1,7 +1,7 @@
 import { DiagramView, Fqn, NodeId } from '@likec4/core/types';
 import { Rect } from '@xyflow/system';
-import { ActorLogicFrom, ActorRefFromLogic, SnapshotFrom, StateMachine, NonReducibleUnknown, EventObject, MetaObject, ConditionalRequired, InputFrom, RequiredActorOptions, IsNotNever, GetConcreteByKey, AnyActorLogic, RequiredLogicInput, ActorRef, MachineSnapshot, AnyActorRef, StateValue, AnyEventObject, ActionFunction, StopAction } from 'xstate';
-import { RelationshipsBrowserLogic } from '../relationships-browser/actor';
+import { ActorRef, SnapshotFrom, StateMachine } from 'xstate';
+import { RelationshipsBrowserActorRef } from '../relationships-browser/actor';
 export type Input = {
     subject: Fqn;
     currentView: DiagramView;
@@ -24,86 +24,12 @@ export type Events = {
 } | {
     type: 'close';
 };
-declare const _elementDetailsLogic: StateMachine<Context, Events, {
-    [x: `${string}-relationships`]: ActorRefFromLogic< RelationshipsBrowserLogic> | undefined;
-}, {
-    src: "relationshipsBrowserLogic";
-    logic: RelationshipsBrowserLogic;
-    id: `${string}-relationships`;
-}, never, never, never, "active" | "closed", string, Input, NonReducibleUnknown, EventObject, MetaObject, {
-    readonly id: "element-details";
-    readonly context: ({ input }: {
-        spawn: {
-            <TSrc extends "relationshipsBrowserLogic">(logic: TSrc, ...[options]: {
-                src: "relationshipsBrowserLogic";
-                logic: RelationshipsBrowserLogic;
-                id: `${string}-relationships`;
-            } extends infer T ? T extends {
-                src: "relationshipsBrowserLogic";
-                logic: RelationshipsBrowserLogic;
-                id: `${string}-relationships`;
-            } ? T extends {
-                src: TSrc;
-            } ? ConditionalRequired<[options?: {
-                id?: T["id"];
-                systemId?: string;
-                input?: InputFrom<T["logic"]>;
-                syncSnapshot?: boolean;
-            } & { [K in RequiredActorOptions<T>]: unknown; }], IsNotNever<RequiredActorOptions<T>>> : never : never : never): ActorRefFromLogic< GetConcreteByKey<{
-                src: "relationshipsBrowserLogic";
-                logic: RelationshipsBrowserLogic;
-                id: `${string}-relationships`;
-            }, "src", TSrc>["logic"]>;
-            <TLogic extends AnyActorLogic>(src: TLogic, ...[options]: ConditionalRequired<[options?: {
-                id?: never;
-                systemId?: string;
-                input?: InputFrom<TLogic>;
-                syncSnapshot?: boolean;
-            } & { [K in RequiredLogicInput<TLogic>]: unknown; }], IsNotNever<RequiredLogicInput<TLogic>>>): ActorRefFromLogic<TLogic>;
-        };
-        input: Input;
-        self: ActorRef<MachineSnapshot<Context, Events, Record<string, AnyActorRef | undefined>, StateValue, string, unknown, any, any>, Events, AnyEventObject>;
-    }) => {
-        initiatedFrom: {
-            node: NodeId | null;
-            clientRect: Rect | null;
-        };
-        subject: Fqn;
-        currentView: DiagramView;
-    };
-    readonly initial: "active";
-    readonly states: {
-        readonly active: {
-            readonly entry: ActionFunction<Context, Events, Events, undefined, {
-                src: "relationshipsBrowserLogic";
-                logic: RelationshipsBrowserLogic;
-                id: `${string}-relationships`;
-            }, never, never, never, never>;
-            readonly exit: readonly [ ActionFunction<Context, Events, Events, undefined, never, never, never, never, never>, StopAction<Context, Events, undefined, Events>];
-            readonly on: {
-                readonly 'change.subject': {
-                    readonly actions: ActionFunction<Context, {
-                        type: "change.subject";
-                        subject: Fqn;
-                    }, Events, undefined, {
-                        src: "relationshipsBrowserLogic";
-                        logic: RelationshipsBrowserLogic;
-                        id: `${string}-relationships`;
-                    }, never, never, never, never>;
-                };
-                readonly close: "closed";
-            };
-        };
-        readonly closed: {
-            readonly id: "closed";
-            readonly type: "final";
-        };
-    };
-}>;
-export interface ElementDetailsLogic extends ActorLogicFrom<typeof _elementDetailsLogic> {
+export interface ElementDetailsLogic extends StateMachine<Context, Events, {
+    [key: `${string}-relationships`]: RelationshipsBrowserActorRef | undefined;
+}, any, any, any, any, any, never, Input, any, any, any, any> {
 }
 export declare const elementDetailsLogic: ElementDetailsLogic;
-export interface ElementDetailsActorRef extends ActorRefFromLogic<ElementDetailsLogic> {
-}
 export type ElementDetailsSnapshot = SnapshotFrom<ElementDetailsLogic>;
-export {};
+export interface ElementDetailsActorRef extends ActorRef<ElementDetailsSnapshot, Events> {
+}
+export type { Input as ElementDetailsInput, };

package/dist/overlays/element-details/actor.js

@@ -52,14 +52,6 @@ const _elementDetailsLogic = setup({
       type: "final"
     }
   }
-  // exit: assign({
-  //   initialized: false,
-  //   xyflow: null,
-  //   layouted: null,
-  //   xystore: null,
-  //   xyedges: [],
-  //   xynodes: [],
-  // }),
 });
 const elementDetailsLogic = _elementDetailsLogic;
 

package/dist/overlays/overlay/Overlay.js

@@ -79,9 +79,9 @@ const Overlay = forwardRef(({
         initial: {
           [backdropBlur]: "0px",
           [backdropOpacity]: "0%",
-          scale: 0.95,
-          originY: 0,
-          translateY: -20,
+          scale: 0.85,
+          // originY: 0.4,
+          // translateY: -10,
           opacity: 0
         },
         animate: {
@@ -89,18 +89,18 @@ const Overlay = forwardRef(({
           [backdropOpacity]: targetBackdropOpacity,
           scale: 1,
           opacity: 1,
-          translateY: 0,
-          transition: {
-            delay: 0.075
-          }
+          translateY: 0
+          // transition: {
+          //   delay: 0.075,
+          // },
         },
         exit: {
           opacity: 0,
           scale: 0.98,
           translateY: -20,
-          transition: {
-            duration: 0.1
-          },
+          // transition: {
+          //   duration: 0.1,
+          // },
           [backdropBlur]: "0px",
           [backdropOpacity]: "0%"
         }

package/dist/overlays/overlaysActor.d.ts

@@ -1,7 +1,6 @@
 import { Fqn } from '@likec4/core/types';
-import { ActorLogicFrom, ActorRefFrom, SnapshotFrom, StateMachine, ActorRefFromLogic, CallbackActorLogic, EventObject, NonReducibleUnknown, Values, MetaObject } from 'xstate';
+import { ActorRef, SnapshotFrom, StateMachine } from 'xstate';
 import { Overlays } from './types';
-import { ElementDetailsLogic } from './element-details/actor';
 export type OverlayActorEvent = {
     type: 'open.elementDetails';
 } & Overlays.ElementDetails.Input | {
@@ -38,155 +37,13 @@ export type OverlayActorEmitedEvent = {
 } | {
     type: 'idle';
 };
-declare const _overlaysActorLogic: StateMachine<OverlaysContext, OverlayActorEvent, {
-    [x: `elementDetails-${number}`]: ActorRefFromLogic<ElementDetailsLogic> | undefined;
-    [x: `relationshipsBrowser-${number}`]: ActorRefFromLogic<Overlays.RelationshipsBrowser.Logic> | undefined;
-    [x: `relationshipDetails-${number}`]: ActorRefFromLogic<Overlays.RelationshipDetails.Logic> | undefined;
-    hotkey?: ActorRefFromLogic<CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>>;
-}, Values<{
-    elementDetails: {
-        src: "elementDetails";
-        logic: ElementDetailsLogic;
-        id: `elementDetails-${number}`;
-    };
-    relationshipsBrowser: {
-        src: "relationshipsBrowser";
-        logic: Overlays.RelationshipsBrowser.Logic;
-        id: `relationshipsBrowser-${number}`;
-    };
-    relationshipDetails: {
-        src: "relationshipDetails";
-        logic: Overlays.RelationshipDetails.Logic;
-        id: `relationshipDetails-${number}`;
-    };
-    hotkey: {
-        src: "hotkey";
-        logic: CallbackActorLogic<EventObject, NonReducibleUnknown, EventObject>;
-        id: "hotkey";
-    };
-}>, Values<{
-    closeLastOverlay: {
-        type: "closeLastOverlay";
-        params: NonReducibleUnknown;
-    };
-    closeSpecificOverlay: {
-        type: "closeSpecificOverlay";
-        params: {
-            actorId: string;
-        };
-    };
-    closeAllOverlays: {
-        type: "closeAllOverlays";
-        params: NonReducibleUnknown;
-    };
-    openElementDetails: {
-        type: "openElementDetails";
-        params: NonReducibleUnknown;
-    };
-    openRelationshipDetails: {
-        type: "openRelationshipDetails";
-        params: NonReducibleUnknown;
-    };
-    openRelationshipsBrowser: {
-        type: "openRelationshipsBrowser";
-        params: NonReducibleUnknown;
-    };
-    listenToEsc: {
-        type: "listenToEsc";
-        params: NonReducibleUnknown;
-    };
-    stopListeningToEsc: {
-        type: "stopListeningToEsc";
-        params: NonReducibleUnknown;
-    };
-}>, Values<{
-    "has overlays?": {
-        type: "has overlays?";
-        params: unknown;
-    };
-    "close specific overlay?": {
-        type: "close specific overlay?";
-        params: unknown;
-    };
-    "last: is relationshipDetails?": {
-        type: "last: is relationshipDetails?";
-        params: unknown;
-    };
-    "last: is relationshipsBrowser?": {
-        type: "last: is relationshipsBrowser?";
-        params: unknown;
-    };
-}>, never, "active" | "idle" | "closing", string, NonReducibleUnknown, NonReducibleUnknown, OverlayActorEmitedEvent, MetaObject, {
-    readonly id: "overlays";
-    readonly context: () => {
-        seq: number;
-        overlays: never[];
-    };
-    readonly initial: "idle";
-    readonly on: {
-        readonly 'open.elementDetails': {
-            readonly actions: "openElementDetails";
-            readonly target: ".active";
-            readonly reenter: false;
-        };
-        readonly 'open.relationshipDetails': {
-            readonly actions: "openRelationshipDetails";
-            readonly target: ".active";
-            readonly reenter: false;
-        };
-        readonly 'open.relationshipsBrowser': {
-            readonly actions: "openRelationshipsBrowser";
-            readonly target: ".active";
-            readonly reenter: false;
-        };
-    };
-    readonly states: {
-        readonly idle: {};
-        readonly active: {
-            readonly entry: "listenToEsc";
-            readonly exit: "stopListeningToEsc";
-            readonly on: {
-                readonly close: readonly [{
-                    readonly guard: "close specific overlay?";
-                    readonly actions: {
-                        readonly type: "closeSpecificOverlay";
-                        readonly params: ({ event }: {
-                            context: OverlaysContext;
-                            event: {
-                                type: "close";
-                                actorId?: string | undefined;
-                            };
-                        }) => {
-                            actorId: string;
-                        };
-                    };
-                    readonly target: "closing";
-                }, {
-                    readonly actions: "closeLastOverlay";
-                    readonly target: "closing";
-                }];
-                readonly 'close.all': {
-                    readonly actions: readonly ["closeAllOverlays", "stopListeningToEsc"];
-                    readonly target: "idle";
-                };
-            };
-        };
-        readonly closing: {
-            readonly always: readonly [{
-                readonly guard: "has overlays?";
-                readonly target: "active";
-            }, {
-                readonly actions: "stopListeningToEsc";
-                readonly target: "idle";
-            }];
-        };
-    };
-    readonly exit: readonly ["stopListeningToEsc", "closeAllOverlays"];
-}>;
-export interface OverlaysActorLogic extends ActorLogicFrom<typeof _overlaysActorLogic> {
+export interface OverlaysActorLogic extends StateMachine<OverlaysContext, OverlayActorEvent, {
+    [key: `elementDetails-${number}`]: Overlays.ElementDetails.ActorRef | undefined;
+    [key: `relationshipDetails-${number}`]: Overlays.RelationshipDetails.ActorRef | undefined;
+    [key: `relationshipsBrowser-${number}`]: Overlays.RelationshipsBrowser.ActorRef | undefined;
+}, any, any, any, any, any, never, never, any, OverlayActorEmitedEvent, any, any> {
 }
 export declare const overlaysActorLogic: OverlaysActorLogic;
 export type OverlaysActorSnapshot = SnapshotFrom<OverlaysActorLogic>;
-export interface OverlaysActorRef extends ActorRefFrom<OverlaysActorLogic> {
+export interface OverlaysActorRef extends ActorRef<OverlaysActorSnapshot, OverlayActorEvent, OverlayActorEmitedEvent> {
 }
-export {};