@likec4/diagram 1.28.1 → 1.29.1

package/dist/_virtual/index.js

@@ -1,4 +1,4 @@
-import { __require as requireReact } from '../node_modules/.pnpm/react@19.0.0/node_modules/react/index.js';
+import { __require as requireReact } from '../node_modules/.pnpm/react@19.1.0/node_modules/react/index.js';
 
 var reactExports = requireReact();
 

package/dist/base/primitives/customEdge.js

@@ -4,7 +4,7 @@ import { r as reactExports } from '../../_virtual/index.js';
 const isSame = (a, b) => {
   return Math.abs(a - b) < 2.5;
 };
-const edgePropsEqual = (prev, next) => prev.id === next.id && deepEqual(prev.selected ?? false, next.selected ?? false) && deepEqual(prev.source, next.source) && deepEqual(prev.sourceHandleId ?? null, next.sourceHandleId ?? null) && deepEqual(prev.sourcePosition, next.sourcePosition) && deepEqual(prev.target, next.target) && deepEqual(prev.targetHandleId ?? null, next.targetHandleId ?? null) && deepEqual(prev.targetPosition, next.targetPosition) && isSame(prev.sourceX, next.sourceX) && isSame(prev.sourceY, next.sourceY) && isSame(prev.targetX, next.targetX) && isSame(prev.targetY, next.targetY) && deepEqual(prev.data, next.data);
+const edgePropsEqual = (prev, next) => prev.id === next.id && deepEqual(prev.selected ?? false, next.selected ?? false) && deepEqual(prev.animated ?? false, next.animated ?? false) && deepEqual(prev.source, next.source) && deepEqual(prev.sourceHandleId ?? null, next.sourceHandleId ?? null) && deepEqual(prev.sourcePosition, next.sourcePosition) && deepEqual(prev.target, next.target) && deepEqual(prev.targetHandleId ?? null, next.targetHandleId ?? null) && deepEqual(prev.targetPosition, next.targetPosition) && isSame(prev.sourceX, next.sourceX) && isSame(prev.sourceY, next.sourceY) && isSame(prev.targetX, next.targetX) && isSame(prev.targetY, next.targetY) && deepEqual(prev.data, next.data);
 function customEdge(Edge) {
   return reactExports.memo(Edge, edgePropsEqual);
 }

package/dist/base/primitives/edge/EdgeLabel.css.d.ts

@@ -16,6 +16,9 @@ export declare const labelsva: SlotRecipeRuntimeFn<"root" | "stepNumber" | "labe
                 padding: "0px";
             };
             labelContents: {
+                display: "flex";
+                flexDirection: "column";
+                alignItems: "center";
                 padding: "2px 5px 4px 0px";
             };
             labelText: {

package/dist/base/primitives/edge/EdgeLabel.css.js

@@ -115,6 +115,9 @@ const labelsva = sva({
           padding: "0px"
         },
         labelContents: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
           padding: "2px 5px 4px 0px"
         },
         labelText: {

package/dist/base/primitives/edge/EdgeLabel.d.ts

@@ -1,5 +1,5 @@
 import { DiagramEdge } from '@likec4/core';
-import { BoxProps } from '@mantine/core';
+import { BoxProps } from '@likec4/styles/jsx';
 import { PropsWithChildren } from 'react';
 import { UndefinedOnPartialDeep } from 'type-fest';
 import { EdgeProps } from '../../types';

package/dist/base/primitives/edge/EdgeLabel.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { isStepEdgeId, extractStep } from '@likec4/core';
 import { cx } from '@likec4/styles/css';
-import { Box, Text } from '@mantine/core';
+import { Box } from '@likec4/styles/jsx';
+import { Text } from '@mantine/core';
 import '../../../_virtual/index.js';
 import { isTruthy } from 'remeda';
 import { labelsva } from './EdgeLabel.css.js';

package/dist/components/SearchControl.css.js

@@ -39,9 +39,15 @@ const placeholder = css({
   fontSize: "sm",
   // mantine.fontSizes.sm,
   fontWeight: 500,
-  paddingRight: "50px",
+  paddingRight: "10px",
   color: "mantine.colors.placeholder",
-  flex: "1"
+  flex: "1",
+  sm: {
+    paddingRight: "30px"
+  },
+  md: {
+    paddingRight: "50px"
+  }
 });
 const shortcut = css({
   fontSize: "11px",

package/dist/hooks/safeContext.d.ts

@@ -1,7 +1,4 @@
 import { DiagramActorRef } from '../state/types';
-import { Context } from 'react';
-/**
- * To improve experience with HMR, we use `createSafeContext` as a boundary for hoooks
- */
-export declare const DiagramActorSafeContext: Context<DiagramActorRef>;
+import { Provider } from 'react';
+export declare const DiagramActorContextProvider: Provider<DiagramActorRef>;
 export declare const useDiagramActorRef: () => DiagramActorRef;

package/dist/hooks/safeContext.js

@@ -2,6 +2,7 @@ import { r as reactExports } from '../_virtual/index.js';
 
 const DiagramActorSafeContext = reactExports.createContext(null);
 DiagramActorSafeContext.displayName = "DiagramActorSafeContext";
+const DiagramActorContextProvider = DiagramActorSafeContext.Provider;
 const useDiagramActorRef = () => {
   const ctx = reactExports.useContext(DiagramActorSafeContext);
   if (ctx === null) {
@@ -10,4 +11,4 @@ const useDiagramActorRef = () => {
   return ctx;
 };
 
-export { DiagramActorSafeContext, useDiagramActorRef };
+export { DiagramActorContextProvider, useDiagramActorRef };