@likec4/diagram 1.25.1 → 1.26.0

package/dist/base/primitives/element/ElementNodeContainer.css.js

@@ -1,3 +1,4 @@
+import "./vars.css.ts.vanilla.css.js";
 /* empty css                                        */
 var container = "_1smoows1";
 export {

package/dist/base/primitives/element/ElementShape.css.js

@@ -1,5 +1,4 @@
 /* empty css                                        */
-import "./vars.css.ts.vanilla.css.js";
 /* empty css                                        */
 /* empty css                                */
 var indicator = "_4zok2q2 _2h8g8h4";

package/dist/context/IconRenderer.d.ts

@@ -1,7 +1,9 @@
 import { ElementShape } from '@likec4/core';
+import { PropsWithChildren } from 'react';
 import { ElementIconRenderer } from '../LikeC4Diagram.props';
-import { Provider } from 'react';
-export declare const IconRendererProvider: Provider<ElementIconRenderer | null>;
+export declare function IconRendererProvider({ value, children, }: PropsWithChildren<{
+    value: ElementIconRenderer | null;
+}>): import("react/jsx-runtime").JSX.Element;
 export declare function IconRenderer({ element, className, }: {
     element?: {
         id: string;

package/dist/context/IconRenderer.js

@@ -1,9 +1,18 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, Fragment } from "react/jsx-runtime";
 import { IconCylinder, IconRectangularPrism, IconReorder, IconUser, IconDeviceMobile, IconBrowser } from "@tabler/icons-react";
 import clsx from "clsx";
-import { createContext, useContext } from "react";
+import { useContext, createContext } from "react";
 const IconRendererContext = createContext(null);
-const IconRendererProvider = IconRendererContext.Provider;
+function IconRendererProvider({
+  value,
+  children
+}) {
+  const outerScope = useContext(IconRendererContext);
+  if (outerScope) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(IconRendererContext.Provider, { value, children });
+}
 function IconRenderer({
   element,
   className

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export type { ControlsCustomLayout, ControlsCustomLayoutProps } from './context/ControlsCustomLayout';
 export { FramerMotionConfig } from './context/FramerMotionConfig';
+export { IconRendererProvider } from './context/IconRenderer';
 export { LikeC4Diagram } from './LikeC4Diagram';
 export type { LikeC4DiagramProps } from './LikeC4Diagram';
 export { Overlay } from './overlays/overlay/Overlay';

package/dist/index.js

@@ -1,5 +1,6 @@
 /* empty css                                                                                                                                                   */
 import { FramerMotionConfig } from "./context/FramerMotionConfig.js";
+import { IconRendererProvider } from "./context/IconRenderer.js";
 import { LikeC4Diagram } from "./LikeC4Diagram.js";
 import { Overlay } from "./overlays/overlay/Overlay.js";
 import { LikeC4ModelProvider } from "./LikeC4ModelProvider.js";
@@ -11,6 +12,7 @@ import { useLikeC4Model } from "./likec4model/useLikeC4Model.js";
 import { vars, xyvars } from "./theme-vars.css.js";
 export {
   FramerMotionConfig,
+  IconRendererProvider,
   LikeC4Diagram,
   LikeC4ModelProvider,
   Overlay,

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

@@ -1,5 +1,5 @@
 import { DiagramEdge, DiagramNode, DiagramView, ElementKind, Fqn, ViewId } from '@likec4/core/types';
-import { ElementModel, RelationshipModel } from '@likec4/core/model';
+import { ElementModel, RelationshipModel } from '@likec4/core';
 import { RelationshipsBrowserTypes } from './_types';
 export type RelationshipsViewData = {
     incomers: ReadonlySet<ElementModel>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@likec4/diagram",
-  "version": "1.25.1",
+  "version": "1.26.0",
   "license": "MIT",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://likec4.dev",
@@ -57,7 +57,7 @@
     "remeda": "^2.21.0",
     "type-fest": "4.34.1",
     "xstate": "^5.19.2",
-    "@likec4/core": "1.25.1"
+    "@likec4/core": "1.26.0"
   },
   "peerDependencies": {
     "@mantine/core": "7.17.1",
@@ -78,9 +78,9 @@
     "typescript": "5.8.2",
     "vite": "6.1.0",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.7",
+    "vitest": "^3.0.8",
     "wireit": "^0.14.11",
-    "@likec4/tsconfig": "1.25.1"
+    "@likec4/tsconfig": "1.26.0"
   },
   "scripts": {
     "typecheck": "tsc --noEmit",

package/src/context/IconRenderer.tsx

@@ -10,12 +10,32 @@ import {
   IconUser,
 } from '@tabler/icons-react'
 import clsx from 'clsx'
-import { type ForwardRefExoticComponent, type ReactNode, type RefAttributes, createContext, useContext } from 'react'
+import {
+  type ForwardRefExoticComponent,
+  type PropsWithChildren,
+  type ReactNode,
+  type RefAttributes,
+  createContext,
+  useContext,
+} from 'react'
 import type { ElementIconRenderer } from '../LikeC4Diagram.props'
 
 const IconRendererContext = createContext<ElementIconRenderer | null>(null)
 
-export const IconRendererProvider = IconRendererContext.Provider
+export function IconRendererProvider({
+  value,
+  children,
+}: PropsWithChildren<{ value: ElementIconRenderer | null }>) {
+  const outerScope = useContext(IconRendererContext)
+  if (outerScope) {
+    return <>{children}</>
+  }
+  return (
+    <IconRendererContext.Provider value={value}>
+      {children}
+    </IconRendererContext.Provider>
+  )
+}
 
 export function IconRenderer({
   element,

package/src/index.ts

@@ -2,6 +2,7 @@ import '@xyflow/react/dist/style.css'
 
 export type { ControlsCustomLayout, ControlsCustomLayoutProps } from './context/ControlsCustomLayout'
 export { FramerMotionConfig } from './context/FramerMotionConfig'
+export { IconRendererProvider } from './context/IconRenderer'
 export { LikeC4Diagram } from './LikeC4Diagram'
 export type { LikeC4DiagramProps } from './LikeC4Diagram'
 export { Overlay } from './overlays/overlay/Overlay'

package/src/overlays/relationships-browser/-useRelationshipsView.ts

@@ -14,6 +14,7 @@ import type {
 import { useMemo } from 'react'
 
 import dagre, { type EdgeConfig, type GraphLabel } from '@dagrejs/dagre'
+import type { ElementModel, RelationshipModel } from '@likec4/core'
 import {
   DefaultMap,
   invariant,
@@ -23,7 +24,6 @@ import {
   sortParentsFirst,
   toArray,
 } from '@likec4/core'
-import type { ElementModel, RelationshipModel } from '@likec4/core/model'
 import {
   concat,
   filter,