@likec4/diagram 1.38.1 → 1.39.0

package/dist/overlays/relationship-details/RelationshipDetails.d.ts

@@ -1,7 +1,6 @@
 import { RelationshipDetailsActorRef } from './actor';
 import { FunctionComponent, CSSProperties, ReactNode } from 'react';
 import { Position } from '@xyflow/system';
-import { EdgeData, Dimmed } from '../../base/types.Base';
 import { RelationId, Color, ViewId, RelationshipLineType, RichTextOrEmpty } from '@likec4/core';
 export declare const edgeTypes: {
     relationship: FunctionComponent<{
@@ -31,10 +30,10 @@ export declare const edgeTypes: {
         markerEnd?: string;
         pathOptions?: any;
         interactionWidth?: number;
-        data: EdgeData & {
+        data: import("../../base").Base.EdgeData & {
             hovered?: boolean;
             active?: boolean;
-            dimmed?: Dimmed;
+            dimmed?: import("../../base").Base.Dimmed;
             relationId: RelationId;
             color: Color | undefined;
             label: string | null;

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

@@ -620,7 +620,7 @@ export declare const relationshipDetailsLogic: StateMachine<Readonly<{
                             reconnectable?: boolean | HandleType;
                             focusable?: boolean;
                             ariaRole?: AriaRole;
-                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                             type: "relationship";
                             data: {
                                 hovered?: boolean;

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

@@ -7,7 +7,7 @@ import { MinZoom } from '../../base/const.js';
 import { updateEdges } from '../../base/updateEdges.js';
 import { updateNodes } from '../../base/updateNodes.js';
 import { layoutResultToXYFlow } from './layout-to-xyflow.js';
-import { setDimmed, setHovered, setData } from '../../base/types.Base.js';
+import { Base } from '../../base/types.js';
 
 function inputToSubject(input) {
   if ("edgeId" in input) {
@@ -161,12 +161,12 @@ const relationshipDetailsLogic = setup({
                 );
                 return context.xyedges.map((edge) => {
                   if (edge.id === event.edge.id) {
-                    return setData(edge, {
+                    return Base.setData(edge, {
                       hovered: true,
                       dimmed: false
                     });
                   }
-                  return hasDimmed && !edge.selected ? setDimmed(edge, "immediate") : edge;
+                  return hasDimmed && !edge.selected ? Base.setDimmed(edge, "immediate") : edge;
                 });
               }
             }),
@@ -180,7 +180,7 @@ const relationshipDetailsLogic = setup({
             assign({
               xyedges: ({ context, event }) => context.xyedges.map((edge) => {
                 if (edge.id === event.edge.id) {
-                  return setHovered(edge, false);
+                  return Base.setHovered(edge, false);
                 }
                 return edge;
               })
@@ -191,7 +191,7 @@ const relationshipDetailsLogic = setup({
         },
         "dim.nonhovered.edges": {
           actions: assign({
-            xyedges: ({ context }) => context.xyedges.map((edge) => setDimmed(edge, edge.data.hovered !== true))
+            xyedges: ({ context }) => context.xyedges.map((edge) => Base.setDimmed(edge, edge.data.hovered !== true))
           })
         },
         "undim.edges": {
@@ -200,10 +200,10 @@ const relationshipDetailsLogic = setup({
               const hasSelected = context.xyedges.some((edge) => edge.selected === true);
               if (hasSelected) {
                 return context.xyedges.map(
-                  (edge) => setDimmed(edge, edge.selected !== true ? edge.data.dimmed || "immediate" : false)
+                  (edge) => Base.setDimmed(edge, edge.selected !== true ? edge.data.dimmed || "immediate" : false)
                 );
               }
-              return context.xyedges.map(setDimmed(false));
+              return context.xyedges.map(Base.setDimmed(false));
             }
           })
         },

package/dist/overlays/relationship-details/compute.js

@@ -1,6 +1,7 @@
-import { hasAtLeast, invariant, isAncestor, sortParentsFirst } from '@likec4/core';
 import { treeFromElements } from '@likec4/core/compute-view/relationships';
 import { modelConnection } from '@likec4/core/model';
+import { invariant, isAncestor, sortParentsFirst } from '@likec4/core/utils';
+import { hasAtLeast } from 'remeda';
 
 const finalize = (elements, explicits) => {
   if (elements.size > 2 && explicits.size !== elements.size) {

package/dist/overlays/relationship-details/custom/edgeTypes.d.ts

@@ -1,6 +1,5 @@
 import { FunctionComponent, CSSProperties, ReactNode } from 'react';
 import { Position } from '@xyflow/system';
-import { EdgeData, Dimmed } from '../../../base/types.Base';
 import { RelationId, Color, ViewId, RelationshipLineType, RichTextOrEmpty } from '@likec4/core';
 export declare const RelationshipEdge: FunctionComponent<{
     id: string;
@@ -29,10 +28,10 @@ export declare const RelationshipEdge: FunctionComponent<{
     markerEnd?: string;
     pathOptions?: any;
     interactionWidth?: number;
-    data: EdgeData & {
+    data: import("../../../base").Base.EdgeData & {
         hovered?: boolean;
         active?: boolean;
-        dimmed?: Dimmed;
+        dimmed?: import("../../../base").Base.Dimmed;
         relationId: RelationId;
         color: Color | undefined;
         label: string | null;

package/dist/overlays/relationship-details/hooks.d.ts

@@ -3,7 +3,6 @@ import { RelationshipDetailsActorRef, RelationshipDetailsSnapshot, Events } from
 import { Context, ReactNode, CSSProperties, AriaRole, SVGAttributes } from 'react';
 import { GeneralHelpers, ViewportHelperFunctions, ReactFlowState } from '@xyflow/react';
 import { EdgeMarkerType, HandleType } from '@xyflow/system';
-import { Dimmed } from '../../base/types.Base';
 export declare const RelationshipDetailsActorContext: Context<RelationshipDetailsActorRef | null>;
 export declare function useRelationshipDetailsActor(): RelationshipDetailsActorRef;
 export declare function useRelationshipDetailsState<T = unknown>(selector: (state: RelationshipDetailsSnapshot) => T, compare?: (a: NoInfer<T>, b: NoInfer<T>) => boolean): T;
@@ -48,12 +47,12 @@ export declare function useRelationshipDetails(): {
             reconnectable?: boolean | HandleType;
             focusable?: boolean;
             ariaRole?: AriaRole;
-            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+            domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
             type: "relationship";
             data: {
                 hovered?: boolean;
                 active?: boolean;
-                dimmed?: Dimmed;
+                dimmed?: import("../../base").Base.Dimmed;
                 relationId: RelationId;
                 color: Color | undefined;
                 label: string | null;
@@ -93,12 +92,12 @@ export declare function useRelationshipDetails(): {
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
                 ariaRole?: AriaRole;
-                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
                     active?: boolean;
-                    dimmed?: Dimmed;
+                    dimmed?: import("../../base").Base.Dimmed;
                     relationId: RelationId;
                     color: Color | undefined;
                     label: string | null;
@@ -135,12 +134,12 @@ export declare function useRelationshipDetails(): {
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
                 ariaRole?: AriaRole;
-                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
                     active?: boolean;
-                    dimmed?: Dimmed;
+                    dimmed?: import("../../base").Base.Dimmed;
                     relationId: RelationId;
                     color: Color | undefined;
                     label: string | null;
@@ -176,12 +175,12 @@ export declare function useRelationshipDetails(): {
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
                 ariaRole?: AriaRole;
-                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
                     active?: boolean;
-                    dimmed?: Dimmed;
+                    dimmed?: import("../../base").Base.Dimmed;
                     relationId: RelationId;
                     color: Color | undefined;
                     label: string | null;
@@ -217,12 +216,12 @@ export declare function useRelationshipDetails(): {
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
                 ariaRole?: AriaRole;
-                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
                     active?: boolean;
-                    dimmed?: Dimmed;
+                    dimmed?: import("../../base").Base.Dimmed;
                     relationId: RelationId;
                     color: Color | undefined;
                     label: string | null;
@@ -258,12 +257,12 @@ export declare function useRelationshipDetails(): {
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
                 ariaRole?: AriaRole;
-                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
                     active?: boolean;
-                    dimmed?: Dimmed;
+                    dimmed?: import("../../base").Base.Dimmed;
                     relationId: RelationId;
                     color: Color | undefined;
                     label: string | null;
@@ -299,12 +298,12 @@ export declare function useRelationshipDetails(): {
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
                 ariaRole?: AriaRole;
-                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
                     active?: boolean;
-                    dimmed?: Dimmed;
+                    dimmed?: import("../../base").Base.Dimmed;
                     relationId: RelationId;
                     color: Color | undefined;
                     label: string | null;
@@ -341,12 +340,12 @@ export declare function useRelationshipDetails(): {
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
                 ariaRole?: AriaRole;
-                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
                     active?: boolean;
-                    dimmed?: Dimmed;
+                    dimmed?: import("../../base").Base.Dimmed;
                     relationId: RelationId;
                     color: Color | undefined;
                     label: string | null;
@@ -382,12 +381,12 @@ export declare function useRelationshipDetails(): {
                 reconnectable?: boolean | HandleType;
                 focusable?: boolean;
                 ariaRole?: AriaRole;
-                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                 type: "relationship";
                 data: {
                     hovered?: boolean;
                     active?: boolean;
-                    dimmed?: Dimmed;
+                    dimmed?: import("../../base").Base.Dimmed;
                     relationId: RelationId;
                     color: Color | undefined;
                     label: string | null;

package/dist/overlays/relationship-details/layout.js

@@ -1,6 +1,7 @@
 import { treeFromElements } from '@likec4/core/compute-view/relationships';
 import dagre from '@dagrejs/dagre';
-import { ifind, RichText, DefaultMap, invariant } from '@likec4/core';
+import { RichText } from '@likec4/core';
+import { ifind, DefaultMap, invariant } from '@likec4/core/utils';
 import { pipe, filter, mapToObj, find, map, tap, reduce, sortBy, prop } from 'remeda';
 
 const Sizes = {

package/dist/overlays/relationships-browser/RelationshipsBrowser.d.ts

@@ -1,7 +1,6 @@
 import { RelationshipsBrowserActorRef } from './actor';
 import { FunctionComponent, CSSProperties, ReactNode } from 'react';
 import { Position } from '@xyflow/system';
-import { EdgeData, Dimmed } from '../../base/types.Base';
 import { Fqn, NonEmptyArray, RelationId, Color, ViewId, RelationshipLineType } from '@likec4/core';
 export declare const edgeTypes: {
     relationship: FunctionComponent<{
@@ -31,10 +30,10 @@ export declare const edgeTypes: {
         markerEnd?: string;
         pathOptions?: any;
         interactionWidth?: number;
-        data: EdgeData & {
+        data: import("../../base").Base.EdgeData & {
             hovered?: boolean;
             active?: boolean;
-            dimmed?: Dimmed;
+            dimmed?: import("../../base").Base.Dimmed;
             sourceFqn: Fqn;
             targetFqn: Fqn;
             relations: NonEmptyArray<RelationId>;

package/dist/overlays/relationships-browser/actor.d.ts

@@ -203,7 +203,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                         reconnectable?: boolean | HandleType;
                         focusable?: boolean;
                         ariaRole?: AriaRole;
-                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                         type: "relationship";
                         data: {
                             hovered?: boolean;
@@ -258,7 +258,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                         reconnectable?: boolean | HandleType;
                         focusable?: boolean;
                         ariaRole?: AriaRole;
-                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                         type: "relationship";
                         data: {
                             hovered?: boolean;
@@ -320,7 +320,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                         reconnectable?: boolean | HandleType;
                         focusable?: boolean;
                         ariaRole?: AriaRole;
-                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                        domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                         type: "relationship";
                         data: {
                             hovered?: boolean;
@@ -807,7 +807,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                                 reconnectable?: boolean | HandleType;
                                 focusable?: boolean;
                                 ariaRole?: AriaRole;
-                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                                domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                                 type: "relationship";
                                 data: {
                                     hovered?: boolean;
@@ -853,7 +853,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
                                     ariaRole?: AriaRole;
-                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -896,7 +896,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
                                     ariaRole?: AriaRole;
-                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -938,7 +938,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
                                     ariaRole?: AriaRole;
-                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -980,7 +980,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
                                     ariaRole?: AriaRole;
-                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -1022,7 +1022,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
                                     ariaRole?: AriaRole;
-                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -1064,7 +1064,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
                                     ariaRole?: AriaRole;
-                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -1107,7 +1107,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
                                     ariaRole?: AriaRole;
-                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;
@@ -1149,7 +1149,7 @@ export declare const relationshipsBrowserLogic: StateMachine<Context, Events, {
                                     reconnectable?: boolean | HandleType;
                                     focusable?: boolean;
                                     ariaRole?: AriaRole;
-                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label">;
+                                    domAttributes?: Omit< SVGAttributes<SVGGElement>, "id" | "style" | "className" | "role" | "aria-label" | "dangerouslySetInnerHTML">;
                                     type: "relationship";
                                     data: {
                                         hovered?: boolean;

package/dist/overlays/relationships-browser/actor.js

@@ -1,4 +1,4 @@
-import { invariant, nonNullable, delay } from '@likec4/core';
+import { invariant, nonNullable, delay } from '@likec4/core/utils';
 import { applyEdgeChanges, applyNodeChanges } from '@xyflow/react';
 import { getViewportForBounds } from '@xyflow/system';
 import { prop, omit, isNullish } from 'remeda';
@@ -9,8 +9,8 @@ import { updateNodes } from '../../base/updateNodes.js';
 import { typedSystem } from '../../state/utils.js';
 import { ViewPadding } from './const.js';
 import { viewToNodesEdge } from './useViewToNodesEdges.js';
+import { Base } from '../../base/types.js';
 import { centerXYInternalNode } from '../../utils/xyflow.js';
-import { setDimmed, setHovered, setData } from '../../base/types.Base.js';
 
 const findRootSubject = (nodes) => nodes.find(
   (n) => n.data.column === "subjects" && isNullish(n.parentId)
@@ -104,7 +104,7 @@ const layouter = fromPromise(async ({ input, self, signal }) => {
     xyedges: []
   });
   await delay(120);
-  next.xynodes = next.xynodes.map(setDimmed(false));
+  next.xynodes = next.xynodes.map(Base.setDimmed(false));
   if (signal.aborted) {
     return updateXYData();
   }
@@ -334,12 +334,12 @@ const relationshipsBrowserLogic = setup({
                     const hasDimmed = context.xyedges.some((edge) => edge.data.dimmed !== false || edge.selected);
                     return context.xyedges.map((edge) => {
                       if (edge.id === event.edge.id) {
-                        return setData(edge, {
+                        return Base.setData(edge, {
                           hovered: true,
                           dimmed: false
                         });
                       }
-                      return hasDimmed && !edge.selected ? setDimmed(edge, "immediate") : edge;
+                      return hasDimmed && !edge.selected ? Base.setDimmed(edge, "immediate") : edge;
                     });
                   }
                 }),
@@ -354,7 +354,7 @@ const relationshipsBrowserLogic = setup({
                   xyedges: ({ context, event }) => {
                     return context.xyedges.map((edge) => {
                       if (edge.id === event.edge.id) {
-                        return setHovered(edge, false);
+                        return Base.setHovered(edge, false);
                       }
                       return edge;
                     });
@@ -367,14 +367,14 @@ const relationshipsBrowserLogic = setup({
             "dim.nonhovered.edges": {
               actions: assign({
                 xyedges: ({ context }) => context.xyedges.map(
-                  (edge) => edge.data.hovered ? edge : setDimmed(edge, edge.data.dimmed === "immediate" ? "immediate" : true)
+                  (edge) => edge.data.hovered ? edge : Base.setDimmed(edge, edge.data.dimmed === "immediate" ? "immediate" : true)
                 )
               })
             },
             "undim.edges": {
               actions: assign({
                 xyedges: ({ context }) => {
-                  return context.xyedges.map(setDimmed(false));
+                  return context.xyedges.map(Base.setDimmed(false));
                 }
               })
             },

package/dist/overlays/relationships-browser/custom/edgeTypes.d.ts

@@ -1,6 +1,5 @@
 import { FunctionComponent, CSSProperties, ReactNode } from 'react';
 import { Position } from '@xyflow/system';
-import { EdgeData, Dimmed } from '../../../base/types.Base';
 import { Fqn, NonEmptyArray, RelationId, Color, ViewId, RelationshipLineType } from '@likec4/core';
 export declare const RelationshipEdge: FunctionComponent<{
     id: string;
@@ -29,10 +28,10 @@ export declare const RelationshipEdge: FunctionComponent<{
     markerEnd?: string;
     pathOptions?: any;
     interactionWidth?: number;
-    data: EdgeData & {
+    data: import("../../../base").Base.EdgeData & {
         hovered?: boolean;
         active?: boolean;
-        dimmed?: Dimmed;
+        dimmed?: import("../../../base").Base.Dimmed;
         sourceFqn: Fqn;
         targetFqn: Fqn;
         relations: NonEmptyArray<RelationId>;

package/dist/overlays/relationships-browser/layout.js

@@ -1,7 +1,8 @@
 import { computeRelationshipsView, treeFromElements } from '@likec4/core/compute-view/relationships';
 import { useMemo } from 'react';
 import dagre from '@dagrejs/dagre';
-import { toArray, invariant, RichText, ifind, nonNullable, DefaultMap } from '@likec4/core';
+import { RichText } from '@likec4/core/types';
+import { toArray, invariant, ifind, nonNullable, DefaultMap } from '@likec4/core/utils';
 import { pipe, concat, map, groupBy, prop, forEachObj, filter, mapToObj, find, only, unique, tap, reduce, sortBy } from 'remeda';
 import { useLikeC4Model } from '../../likec4model/useLikeC4Model.js';
 

package/dist/search/components/ElementsColumn.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ifilter, sortParentsFirst, isAncestor, nameFromFqn } from '@likec4/core';
+import { ifilter, sortParentsFirst, isAncestor, nameFromFqn } from '@likec4/core/utils';
 import { cx } from '@likec4/styles/css';
 import { useTree, Tree, ActionIcon, UnstyledButton, Box, Group, Highlight, Tooltip, Text } from '@mantine/core';
 import { useCallbackRef } from '@mantine/hooks';

package/dist/state/DiagramActorProvider.js

@@ -40,9 +40,9 @@ function DiagramActorProvider({
       actors: {
         syncManualLayoutActorLogic: syncManualLayoutActorLogic.provide({
           actions: {
-            "trigger:OnChange": (_, params) => {
+            "trigger:OnChange": ((_, params) => {
               handlersRef.current.onChange?.(params);
-            }
+            })
           }
         })
       }

package/dist/state/assign.js

@@ -3,8 +3,8 @@ import { getNodeDimensions } from '@xyflow/system';
 import { deepEqual } from 'fast-equals';
 import { omit, mergeDeep, isEmpty } from 'remeda';
 import { assertEvent } from 'xstate';
+import { Base } from '../base/types.js';
 import { VectorImpl, vector } from '../utils/vector.js';
-import { setDimmed, setData } from '../base/types.Base.js';
 
 function lastClickedNode(params) {
   const { lastClickedNode: lastClickedNode2 } = params.context;
@@ -101,18 +101,18 @@ function focusNodesEdges(params) {
     if (edge.source === focusedNode || edge.target === focusedNode) {
       focused.add(edge.source);
       focused.add(edge.target);
-      return setData(edge, {
+      return Base.setData(edge, {
         dimmed: false,
         active: true
       });
     }
-    return setData(edge, {
+    return Base.setData(edge, {
       dimmed: true,
       active: false
     });
   });
   return {
-    xynodes: _xynodes.map((n) => setDimmed(n, !focused.has(n.id))),
+    xynodes: _xynodes.map((n) => Base.setDimmed(n, !focused.has(n.id))),
     xyedges
   };
 }
@@ -336,14 +336,14 @@ function updateActiveWalkthrough({ context }) {
   return {
     xyedges: context.xyedges.map((edge) => {
       const active = stepId === edge.id || !!parallelPrefix && edge.id.startsWith(parallelPrefix);
-      return setData(edge, {
+      return Base.setData(edge, {
         active,
         dimmed: !active
       });
     }),
     xynodes: context.xynodes.map((node) => {
       const dimmed = step.source !== node.id && step.target !== node.id;
-      return setDimmed(node, dimmed);
+      return Base.setDimmed(node, dimmed);
     })
   };
 }