likec4 1.12.1 → 1.13.0

package/dist/__app__/react/likec4.tsx

@@ -84,6 +84,7 @@ const LikeC4ViewMemo = /* @__PURE__ */ memo<LikeC4ViewProps>(function LikeC4View
   showNotations = false,
   enableFocusMode = false,
   showRelationshipDetails = false,
+  enableRelationshipsBrowser = false,
   browserClassName,
   browserStyle,
   mantineTheme,
@@ -148,6 +149,7 @@ const LikeC4ViewMemo = /* @__PURE__ */ memo<LikeC4ViewProps>(function LikeC4View
           style={browserStyle}
           mantineTheme={mantineTheme}
           styleNonce={styleNonce}
+          enableRelationshipsBrowser={enableRelationshipsBrowser}
         />
       )}
     </LikeC4ModelProvider>

package/dist/__app__/src/chunks/{-index-overview-BCq3uZl4.js → -index-overview-DrWsHFH4.js}

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useOverviewGraph } from "virtual:likec4/overview-graph";
-import { u, c as createReactComponent, I as IconFolderFilled, e, a as useUpdateEffect, n as nonexhaustive } from "./main-TBVrmxK9.js";
-import { u as useRouter } from "./tanstack-router-COsz5nw6.js";
-import { B as BaseEdge, H as Handle, P as Position, u as useNodesState, a as useEdgesState, i as index, b as Background, c as BackgroundVariant } from "./likec4-CNg5BLwi.js";
+import { u, c as createReactComponent, I as IconFolderFilled, e, a as useUpdateEffect, n as nonexhaustive } from "./main-Bb3q3o7f.js";
+import { u as useRouter } from "./tanstack-router-C6UpMKjv.js";
+import { B as BaseEdge, H as Handle, P as Position, u as useNodesState, a as useEdgesState, i as index, b as Background, c as BackgroundVariant } from "./likec4-B4TbAFjc.js";
 import { memo, useRef, useMemo } from "react";
-import { P as Paper, c as clsx, G as Group, T as ThemeIcon, a as Text, C as Card, b as CardSection, d as Center, I as Image, B as Box, u as useMantineColorScheme } from "./mantine-CDAXKBgY.js";
+import { P as Paper, c as clsx, G as Group, T as ThemeIcon, a as Text, C as Card, b as CardSection, d as Center, I as Image, B as Box, u as useMantineColorScheme } from "./mantine-5H3V65ZR.js";
 import { usePreviewUrl } from "virtual:likec4/previews";
 function a(...n) {
   return u(c, n);
@@ -15,14 +15,14 @@ function c(n, r) {
   return o;
 }
 /**
- * @license @tabler/icons-react v3.19.0 - MIT
+ * @license @tabler/icons-react v3.17.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
 var IconLoader = createReactComponent("outline", "loader", "IconLoader", [["path", { d: "M12 6l0 -3", key: "svg-0" }], ["path", { d: "M16.25 7.75l2.15 -2.15", key: "svg-1" }], ["path", { d: "M18 12l3 0", key: "svg-2" }], ["path", { d: "M16.25 16.25l2.15 2.15", key: "svg-3" }], ["path", { d: "M12 18l0 3", key: "svg-4" }], ["path", { d: "M7.75 16.25l-2.15 2.15", key: "svg-5" }], ["path", { d: "M6 12l-3 0", key: "svg-6" }], ["path", { d: "M7.75 7.75l-2.15 -2.15", key: "svg-7" }]]);
 /**
- * @license @tabler/icons-react v3.19.0 - MIT
+ * @license @tabler/icons-react v3.17.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.

package/dist/__app__/src/chunks/{likec4-CNg5BLwi.js → likec4-B4TbAFjc.js}

@@ -5562,7 +5562,10 @@ const GraphView = memo(GraphViewComponent), getInitialState = ({ nodes, edges, d
     triggerEdgeChanges(getSelectionChanges(edgeLookup, /* @__PURE__ */ new Set([...selectedEdgeIds]))), triggerNodeChanges(getSelectionChanges(nodeLookup, /* @__PURE__ */ new Set(), !0));
   },
   unselectNodesAndEdges: ({ nodes: nodes2, edges: edges2 } = {}) => {
-    const { edges: storeEdges, nodes: storeNodes, triggerNodeChanges, triggerEdgeChanges } = get2(), nodesToUnselect = nodes2 || storeNodes, edgesToUnselect = edges2 || storeEdges, nodeChanges = nodesToUnselect.map((n2) => (n2.selected = !1, createSelectionChange(n2.id, !1))), edgeChanges = edgesToUnselect.map((edge) => createSelectionChange(edge.id, !1));
+    const { edges: storeEdges, nodes: storeNodes, nodeLookup, triggerNodeChanges, triggerEdgeChanges } = get2(), nodesToUnselect = nodes2 || storeNodes, edgesToUnselect = edges2 || storeEdges, nodeChanges = nodesToUnselect.map((n2) => {
+      const internalNode = nodeLookup.get(n2.id);
+      return internalNode && (internalNode.selected = !1), createSelectionChange(n2.id, !1);
+    }), edgeChanges = edgesToUnselect.map((edge) => createSelectionChange(edge.id, !1));
     triggerNodeChanges(nodeChanges), triggerEdgeChanges(edgeChanges);
   },
   setMinZoom: (minZoom) => {
@@ -5785,7 +5788,7 @@ function ControlsComponent({ style: style2, showZoom = !0, showFitView = !0, sho
   return jsxs(Panel, { className: cc(["react-flow__controls", orientation === "horizontal" ? "horizontal" : "vertical", className]), position, style: style2, "data-testid": "rf__controls", "aria-label": ariaLabel, children: [showZoom && jsxs(Fragment, { children: [jsx(ControlButton, { onClick: onZoomInHandler, className: "react-flow__controls-zoomin", title: "zoom in", "aria-label": "zoom in", disabled: maxZoomReached, children: jsx(PlusIcon, {}) }), jsx(ControlButton, { onClick: onZoomOutHandler, className: "react-flow__controls-zoomout", title: "zoom out", "aria-label": "zoom out", disabled: minZoomReached, children: jsx(MinusIcon, {}) })] }), showFitView && jsx(ControlButton, { className: "react-flow__controls-fitview", onClick: onFitViewHandler, title: "fit view", "aria-label": "fit view", children: jsx(FitViewIcon, {}) }), showInteractive && jsx(ControlButton, { className: "react-flow__controls-interactive", onClick: onToggleInteractivity, title: "toggle interactivity", "aria-label": "toggle interactivity", children: isInteractive ? jsx(UnlockIcon, {}) : jsx(LockIcon, {}) }), children2] });
 }
 ControlsComponent.displayName = "Controls";
-const Controls = memo(ControlsComponent);
+memo(ControlsComponent);
 function MiniMapNodeComponent({ id: id2, x, y, width, height, style: style2, color: color2, strokeColor, strokeWidth, className, borderRadius, shapeRendering, selected: selected2, onClick }) {
   const { background, backgroundColor } = style2 || {}, fill = color2 || background || backgroundColor;
   return jsx("rect", { className: cc(["react-flow__minimap-node", { selected: selected2 }, className]), x, y, rx: borderRadius, ry: borderRadius, width, height, style: {
@@ -6055,9 +6058,9 @@ function NodeToolbar({ nodeId, children: children2, className, style: style2, is
 }
 export {
   BaseEdge as B,
-  Controls as C,
   EdgeLabelRenderer as E,
   Handle as H,
+  MarkerType as M,
   NodeToolbar as N,
   Position as P,
   ReactFlowProvider as R,
@@ -6067,19 +6070,21 @@ export {
   useReactFlow as d,
   useStoreApi as e,
   useStore as f,
-  useNodesData as g,
-  createWithEqualityFn as h,
+  getDefaultExportFromCjs as g,
+  useNodesData as h,
   index as i,
-  applyNodeChanges as j,
-  applyEdgeChanges as k,
-  getViewportForBounds as l,
-  getNodeDimensions as m,
-  getBoundsOfRects as n,
-  boxToRect as o,
-  useStoreWithEqualityFn as p,
-  getDefaultExportFromCjs as q,
-  useOnViewportChange as r,
+  getNodeDimensions as j,
+  createWithEqualityFn as k,
+  applyNodeChanges as l,
+  applyEdgeChanges as m,
+  getViewportForBounds as n,
+  getBoundsOfRects as o,
+  boxToRect as p,
+  useStoreWithEqualityFn as q,
+  getBezierPath as r,
   shallow$1 as s,
+  Panel as t,
   useNodesState as u,
+  useOnViewportChange as v,
   withSelectorExports as w
 };