@likec4/diagram 1.57.0 → 1.58.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/dist/adhoc-editor/EditorPanel.d.ts +1 -1
  2. package/dist/adhoc-editor/ElementsTree.d.ts +1 -1
  3. package/dist/adhoc-editor/LikeC4AdHocViewEditor.d.ts +1 -1
  4. package/dist/adhoc-editor/components/Tree.d.ts +5 -5
  5. package/dist/adhoc-editor/state/ActorProvider.d.ts +1 -1
  6. package/dist/adhoc-editor/state/panel.d.ts +1 -1
  7. package/dist/adhoc-editor/viewrules/ViewRulesPanel.d.ts +1 -1
  8. package/dist/base/BaseXYFlow.d.ts +1 -1
  9. package/dist/base-primitives/Markdown.d.ts +1 -1
  10. package/dist/base-primitives/NodeHandles.d.ts +1 -1
  11. package/dist/base-primitives/compound/CompoundActionButton.d.ts +1 -1
  12. package/dist/base-primitives/compound/CompoundDetailsButton.d.ts +1 -1
  13. package/dist/base-primitives/compound/CompoundNodeContainer.d.ts +1 -1
  14. package/dist/base-primitives/compound/CompoundTitle.d.ts +1 -1
  15. package/dist/base-primitives/compound/actionbtns.css.d.ts +1 -1
  16. package/dist/base-primitives/edge/EdgeActionButton.d.ts +1 -1
  17. package/dist/base-primitives/edge/EdgeContainer.d.ts +1 -1
  18. package/dist/base-primitives/edge/EdgeLabelContainer.d.ts +1 -1
  19. package/dist/base-primitives/edge/EdgeMarkers.d.ts +8 -8
  20. package/dist/base-primitives/element/ElementActionButtons.d.ts +1 -1
  21. package/dist/base-primitives/element/ElementData.d.ts +2 -2
  22. package/dist/base-primitives/element/ElementDetailsButton.d.ts +1 -1
  23. package/dist/base-primitives/element/ElementShape.d.ts +1 -1
  24. package/dist/base-primitives/element/ElementTags.d.ts +1 -1
  25. package/dist/base-primitives/element/ElementTags.js +1 -3
  26. package/dist/components/ErrorFallback.d.ts +2 -2
  27. package/dist/components/NavigationPanel.d.ts +2 -2
  28. package/dist/components/PortalToContainer.d.ts +1 -1
  29. package/dist/components/RootContainer.d.ts +1 -1
  30. package/dist/components/SearchControl.d.ts +2 -2
  31. package/dist/components/ViewNotFound.d.ts +2 -2
  32. package/dist/context/CurrentViewModelProvider.d.ts +1 -1
  33. package/dist/context/DefaultMantineProvider.d.ts +1 -1
  34. package/dist/context/DiagramEventHandlers.d.ts +1 -1
  35. package/dist/context/EnsureMantine.d.ts +1 -1
  36. package/dist/context/FramerMotionConfig.d.ts +3 -3
  37. package/dist/context/FramerMotionConfig.js +2 -2
  38. package/dist/context/IconRenderer.d.ts +2 -2
  39. package/dist/context/IconRenderer.js +32 -12
  40. package/dist/context/LikeC4ModelContext.d.ts +1 -1
  41. package/dist/context/ShadowRootContext.d.ts +3 -0
  42. package/dist/context/ShadowRootContext.js +5 -0
  43. package/dist/context/TagStylesContext.d.ts +2 -1
  44. package/dist/context/TagStylesContext.js +5 -7
  45. package/dist/editor/LikeC4EditorProvider.d.ts +2 -2
  46. package/dist/editor/actor/actions.d.ts +74 -15
  47. package/dist/editor/actor/actions.js +91 -25
  48. package/dist/editor/actor/hotkey.d.ts +1 -1
  49. package/dist/editor/actor/hotkey.js +7 -0
  50. package/dist/editor/actor/machine.d.ts +1 -1
  51. package/dist/editor/actor/machine.js +1 -0
  52. package/dist/editor/actor/setup.d.ts +10 -3
  53. package/dist/editor/actor/setup.js +3 -2
  54. package/dist/editor/actor/state.editor.d.ts +64 -14
  55. package/dist/editor/actor/state.editor.js +12 -11
  56. package/dist/editor/actor/state.sync-queue.d.ts +283 -91
  57. package/dist/editor/actor/state.sync-queue.js +93 -56
  58. package/dist/editor/actor/types.d.ts +6 -1
  59. package/dist/editor/actor/types.js +1 -1
  60. package/dist/editor/useEditorActorLogic.js +14 -2
  61. package/dist/hooks/useEditorActor.d.ts +5 -0
  62. package/dist/hooks/useEditorActor.js +3 -2
  63. package/dist/index.d.ts +2 -0
  64. package/dist/index.js +3 -1
  65. package/dist/likec4diagram/DiagramUI.d.ts +1 -1
  66. package/dist/likec4diagram/DiagramXYFlow.js +15 -3
  67. package/dist/likec4diagram/custom/edges/EdgeDrifts.d.ts +1 -1
  68. package/dist/likec4diagram/custom/edges/RelationshipEdge.js +127 -14
  69. package/dist/likec4diagram/custom/edges/SequenceStepEdge.d.ts +1 -1
  70. package/dist/likec4diagram/custom/edges/edges.css.d.ts +1 -0
  71. package/dist/likec4diagram/custom/edges/edges.css.js +5 -1
  72. package/dist/likec4diagram/custom/nodes/CompoundActions.d.ts +1 -1
  73. package/dist/likec4diagram/custom/nodes/ElementActions.d.ts +2 -2
  74. package/dist/likec4diagram/custom/nodes/NodeDrifts.d.ts +1 -1
  75. package/dist/likec4diagram/custom/nodes/NodeNotes.d.ts +1 -1
  76. package/dist/likec4diagram/custom/nodes/SequenceActorNode.d.ts +2 -2
  77. package/dist/likec4diagram/custom/nodes/nodes.d.ts +7 -7
  78. package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.d.ts +3 -3
  79. package/dist/likec4diagram/custom/nodes/toolbar/CompoundToolbar.d.ts +2 -2
  80. package/dist/likec4diagram/custom/nodes/toolbar/ElementToolbar.d.ts +2 -2
  81. package/dist/likec4diagram/custom/nodes/toolbar/Toolbar.d.ts +1 -1
  82. package/dist/likec4diagram/custom/nodes/toolbar/_shared.d.ts +3 -3
  83. package/dist/likec4diagram/relationship-popover/RelationshipPopover.d.ts +1 -1
  84. package/dist/likec4diagram/relationship-popover/components.d.ts +2 -2
  85. package/dist/likec4diagram/state/DiagramActorProvider.d.ts +1 -1
  86. package/dist/likec4diagram/state/createViewChange.js +1 -0
  87. package/dist/likec4diagram/state/machine.actions.js +3 -2
  88. package/dist/likec4diagram/types.d.ts +2 -0
  89. package/dist/likec4diagram/ui/LayoutDriftFrame.d.ts +1 -1
  90. package/dist/likec4diagram/ui/notation/NotationPanel.d.ts +1 -1
  91. package/dist/likec4diagram/xyflow-diagram/diagram-view.js +4 -2
  92. package/dist/likec4diagram/xyflow-sequence/sequence-layout.js +1 -0
  93. package/dist/navigationpanel/NavigationPanel.d.ts +1 -1
  94. package/dist/navigationpanel/NavigationPanelControls.d.ts +1 -1
  95. package/dist/navigationpanel/NavigationPanelDropdown.d.ts +1 -1
  96. package/dist/navigationpanel/NavigationPanelDropdown.js +2 -2
  97. package/dist/navigationpanel/_common.d.ts +2 -2
  98. package/dist/navigationpanel/comparepanel/CompareActionsMenu.d.ts +1 -1
  99. package/dist/navigationpanel/comparepanel/ComparePanel.d.ts +1 -1
  100. package/dist/navigationpanel/comparepanel/ComparePanelControls.d.ts +1 -1
  101. package/dist/navigationpanel/comparepanel/DriftsSummary.d.ts +1 -1
  102. package/dist/navigationpanel/comparepanel/LayoutTypeSwitcher.d.ts +1 -1
  103. package/dist/navigationpanel/controls/DetailsControls.d.ts +1 -1
  104. package/dist/navigationpanel/controls/LayoutWarning.d.ts +1 -1
  105. package/dist/navigationpanel/controls/LogoButton.d.ts +1 -1
  106. package/dist/navigationpanel/controls/NavigationButtons.d.ts +1 -1
  107. package/dist/navigationpanel/controls/OpenSource.d.ts +1 -1
  108. package/dist/navigationpanel/controls/SearchControl.d.ts +1 -1
  109. package/dist/navigationpanel/controls/ToggleReadonly.d.ts +1 -1
  110. package/dist/navigationpanel/editorpanel/CenterCamera.d.ts +1 -1
  111. package/dist/navigationpanel/editorpanel/ChangeAutoLayoutButton.d.ts +1 -1
  112. package/dist/navigationpanel/editorpanel/EditorPanel.d.ts +1 -1
  113. package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.d.ts +1 -1
  114. package/dist/navigationpanel/editorpanel/ToggleReadonly.d.ts +1 -1
  115. package/dist/navigationpanel/styles.css.d.ts +1 -1
  116. package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.d.ts +1 -1
  117. package/dist/navigationpanel/walkthrough/DynamicViewControls.d.ts +1 -1
  118. package/dist/navigationpanel/walkthrough/WalkthroughPanel.d.ts +1 -1
  119. package/dist/overlays/Overlays.d.ts +1 -1
  120. package/dist/overlays/element-details/ElementDetails.d.ts +1 -1
  121. package/dist/overlays/element-details/ElementDetailsCard.d.ts +1 -1
  122. package/dist/overlays/element-details/MetadataValue.d.ts +2 -2
  123. package/dist/overlays/element-details/TabPanelRelationships.d.ts +1 -1
  124. package/dist/overlays/element-details/TabPanelStructure.d.ts +2 -2
  125. package/dist/overlays/relationship-details/RelationshipDetails.d.ts +1 -1
  126. package/dist/overlays/relationship-details/SelectEdge.d.ts +1 -1
  127. package/dist/overlays/relationship-details/custom/ElementActions.d.ts +1 -1
  128. package/dist/overlays/relationship-details/custom/nodeTypes.d.ts +4 -4
  129. package/dist/overlays/relationships-browser/RelationshipsBrowser.d.ts +1 -1
  130. package/dist/overlays/relationships-browser/SelectElement.d.ts +1 -1
  131. package/dist/overlays/relationships-browser/custom/ElementActions.d.ts +1 -1
  132. package/dist/overlays/relationships-browser/custom/EmptyNode.d.ts +1 -1
  133. package/dist/overlays/relationships-browser/custom/nodeTypes.d.ts +4 -4
  134. package/dist/projects-overview/ProjectsOverview.d.ts +1 -1
  135. package/dist/projects-overview/custom/nodeTypes.d.ts +1 -1
  136. package/dist/projects-overview/panel/ProjectsOverviewPanel.d.ts +1 -1
  137. package/dist/search/Search.d.ts +1 -1
  138. package/dist/search/XStateSearchAdapter.d.ts +1 -1
  139. package/dist/search/components/ElementsColumn.d.ts +1 -1
  140. package/dist/search/components/PickView.d.ts +1 -1
  141. package/dist/search/components/SearchByTags.d.ts +1 -1
  142. package/dist/search/components/SearchInput.d.ts +1 -1
  143. package/dist/search/components/ViewsColum.d.ts +3 -3
  144. package/dist/search/components/_shared.css.d.ts +1 -1
  145. package/dist/shadowroot/ShadowRoot.d.ts +1 -2
  146. package/dist/shadowroot/ShadowRoot.js +27 -21
  147. package/dist/shadowroot/index.d.ts +1 -0
  148. package/dist/shadowroot/{styles.css.d.ts → styles.d.ts} +3 -2
  149. package/dist/shadowroot/{styles.css.js → styles.js} +9 -8
  150. package/dist/styles2.js +1 -1
  151. package/package.json +27 -28
  152. package/panda.buildinfo.json +4 -7
  153. package/styles-min.css +1 -1
  154. package/styles-xyflow.css +1 -1
  155. package/styles.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@likec4/diagram",
3
- "version": "1.57.0",
3
+ "version": "1.58.0",
4
4
  "license": "MIT",
5
5
  "bugs": "https://github.com/likec4/likec4/issues",
6
6
  "homepage": "https://likec4.dev",
@@ -23,7 +23,9 @@
23
23
  "!**/__*/**",
24
24
  "!**/*.d.ts.map"
25
25
  ],
26
- "sideEffects": false,
26
+ "sideEffects": [
27
+ "*.css"
28
+ ],
27
29
  "type": "module",
28
30
  "publishConfig": {
29
31
  "registry": "https://registry.npmjs.org",
@@ -65,15 +67,13 @@
65
67
  "@dagrejs/dagre": "1.1.8",
66
68
  "@floating-ui/dom": "^1.7.6",
67
69
  "@lume/kiwi": "^0.4.4",
68
- "@mantine/core": "9.2.1",
69
- "@mantine/hooks": "9.2.1",
70
+ "@mantine/core": "9.2.2",
71
+ "@mantine/hooks": "9.2.2",
70
72
  "@nanostores/media-query": "0.1.2",
71
73
  "@nanostores/react": "1.1.0",
72
74
  "@react-hookz/web": "^25.2.0",
73
75
  "@xstate/react": "6.1.0",
74
- "@xstate/store": "3.17.1",
75
- "@xyflow/react": "12.10.2",
76
- "@xyflow/system": "0.0.76",
76
+ "@xstate/store": "3.17.5",
77
77
  "@zag-js/collection": "^1.33.1",
78
78
  "@zag-js/react": "^1.33.1",
79
79
  "@zag-js/tree-view": "^1.33.1",
@@ -81,20 +81,20 @@
81
81
  "d3-shape": "^3.2.0",
82
82
  "defu": "^6.1.7",
83
83
  "fast-equals": "^6.0.0",
84
- "immer": "^11.1.4",
84
+ "immer": "^11.1.8",
85
85
  "motion": "^12.36.0",
86
- "nanostores": "1.2.0",
87
- "react-error-boundary": "^6.1.1",
88
- "remeda": "^2.33.7",
86
+ "nanostores": "1.3.0",
87
+ "react": "19.2.7",
88
+ "react-dom": "19.2.7",
89
+ "react-error-boundary": "^6.1.2",
90
+ "remeda": "^2.37.0",
89
91
  "type-fest": "^4.41.0",
90
- "xstate": "5.30.0",
92
+ "xstate": "5.32.0",
93
+ "@xyflow/react": "12.11.0",
94
+ "@xyflow/system": "0.0.77",
91
95
  "@tabler/icons-react": "3.44.0",
92
- "@likec4/styles": "1.57.0",
93
- "@likec4/core": "1.57.0"
94
- },
95
- "peerDependencies": {
96
- "react": "^18.x || ^19.x",
97
- "react-dom": "^18.x || ^19.x"
96
+ "@likec4/core": "1.58.0",
97
+ "@likec4/styles": "1.58.0"
98
98
  },
99
99
  "devDependencies": {
100
100
  "@pandacss/dev": "^1.11.1",
@@ -102,24 +102,23 @@
102
102
  "@types/bezier-js": "^4.1.3",
103
103
  "@types/d3-shape": "^3.1.8",
104
104
  "@types/node": "~22.19.19",
105
- "@types/react": "19.2.15",
105
+ "@types/react": "19.2.16",
106
106
  "@types/react-dom": "19.2.3",
107
107
  "@vitejs/plugin-react": "^6.0.2",
108
- "react-compiler-runtime": "^1.0.0",
109
- "oxlint": "1.59.0",
108
+ "oxlint": "1.68.0",
110
109
  "postcss": "8.5.15",
111
- "react": "19.2.6",
112
- "react-dom": "19.2.6",
113
- "typescript": "5.9.3",
110
+ "typescript": "6.0.3",
114
111
  "vite": "^8.0.14",
115
- "vite-plugin-dts": "5.0.0-beta.6",
116
- "vitest": "4.1.3",
112
+ "vite-plugin-dts": "5.0.2",
113
+ "vitest": "4.1.8",
117
114
  "zx": "8.8.5",
118
- "@likec4/devops": "1.57.0",
119
- "@likec4/tsconfig": "1.57.0"
115
+ "@likec4/devops": "1.58.0",
116
+ "@likec4/tsconfig": "1.58.0"
120
117
  },
121
118
  "scripts": {
119
+ "pretypecheck": "pandacss codegen",
122
120
  "typecheck": "tsc --build --verbose",
121
+ "prebuild": "pandacss codegen",
123
122
  "build": "vite build -m production",
124
123
  "pack": "pnpm pack",
125
124
  "test": "vitest run --no-isolate",
@@ -189,6 +189,7 @@
189
189
  "height]___[value:100%",
190
190
  "borderInlineEndWidth]___[value:var(--thickness)",
191
191
  "marginBottom]___[value:1",
192
+ "height]___[value:26",
192
193
  "display]___[value:flex]___[cond:@/md",
193
194
  "color]___[value:mantine.colors.gray[5]",
194
195
  "color]___[value:mantine.colors.dark[3]]___[cond:_dark",
@@ -494,7 +495,6 @@
494
495
  "display]___[value:inherit]___[cond:@/md",
495
496
  "marginInlineStart]___[value:0",
496
497
  "marginInlineStart]___[value:2]___[cond:@/md",
497
- "height]___[value:26",
498
498
  "top]___[value:[1px]",
499
499
  "right]___[value:[1px]",
500
500
  "zIndex]___[value:9",
@@ -822,6 +822,8 @@
822
822
  "mixBlendMode]___[value:screen]___[cond:_dark",
823
823
  "mixBlendMode]___[value:multiply]___[cond:_light",
824
824
  "zIndex]___[value:[100]",
825
+ "cursor]___[value:grab!",
826
+ "cursor]___[value:grabbing!]___[cond:_active",
825
827
  "fill]___[value:[var(--xy-edge-stroke)]",
826
828
  "stroke]___[value:transparent",
827
829
  "fillOpacity]___[value:0.5",
@@ -1028,12 +1030,7 @@
1028
1030
  "shapetype]___[value:svg]___[recipe:elementShapeRecipe",
1029
1031
  "withBorder]___[value:true]___[recipe:elementShapeRecipe"
1030
1032
  ],
1031
- "likec4tag": [
1032
- "autoTextColor]___[value:false]___[recipe:likec4tag",
1033
- "autoTextColor]___[value:true]___[recipe:likec4tag",
1034
- "autoTextColor]___[value:true]___[cond:_hover]___[recipe:likec4tag",
1035
- "autoTextColor]___[value:false]___[cond:_hover]___[recipe:likec4tag"
1036
- ],
1033
+ "likec4tag": [],
1037
1034
  "nodeNotes": [
1038
1035
  "opened]___[value:false]___[recipe:nodeNotes",
1039
1036
  "opened]___[value:true]___[recipe:nodeNotes"