@likec4/diagram 1.55.1 → 1.57.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 (384) hide show
  1. package/dist/LikeC4Diagram.js +150 -194
  2. package/dist/LikeC4ModelProvider.js +13 -9
  3. package/dist/LikeC4ProjectsOverview.js +24 -30
  4. package/dist/LikeC4ProjectsProvider.js +33 -26
  5. package/dist/LikeC4Styles.js +40 -57
  6. package/dist/LikeC4View.js +148 -196
  7. package/dist/ReactLikeC4.js +43 -65
  8. package/dist/StaticLikeC4Diagram.js +36 -41
  9. package/dist/_virtual/_rolldown/runtime.js +17 -0
  10. package/dist/adhoc-editor/EditorPanel.js +102 -101
  11. package/dist/adhoc-editor/ElementsTree.js +109 -139
  12. package/dist/adhoc-editor/LikeC4AdHocViewEditor.js +77 -70
  13. package/dist/adhoc-editor/components/Tree.d.ts +2 -2
  14. package/dist/adhoc-editor/components/Tree.js +205 -288
  15. package/dist/adhoc-editor/hooks.js +28 -23
  16. package/dist/adhoc-editor/index.js +2 -1
  17. package/dist/adhoc-editor/state/ActorProvider.js +33 -36
  18. package/dist/adhoc-editor/state/actor.editor.js +148 -186
  19. package/dist/adhoc-editor/state/actor.js +12 -14
  20. package/dist/adhoc-editor/state/actor.layouter.js +49 -65
  21. package/dist/adhoc-editor/state/actor.types.js +19 -23
  22. package/dist/adhoc-editor/state/panel.js +112 -127
  23. package/dist/adhoc-editor/state/utils.js +22 -29
  24. package/dist/adhoc-editor/useElementsTree.js +89 -121
  25. package/dist/base/Background.js +26 -29
  26. package/dist/base/Base.js +34 -41
  27. package/dist/base/BaseXYFlow.js +135 -165
  28. package/dist/base/const.js +18 -19
  29. package/dist/base/updateEdges.js +38 -57
  30. package/dist/base/updateNodes.js +46 -65
  31. package/dist/base-primitives/Markdown.d.ts +1 -1
  32. package/dist/base-primitives/Markdown.js +32 -47
  33. package/dist/base-primitives/NodeHandles.js +39 -49
  34. package/dist/base-primitives/compound/CompoundActionButton.js +49 -69
  35. package/dist/base-primitives/compound/CompoundDetailsButton.js +39 -64
  36. package/dist/base-primitives/compound/CompoundNodeContainer.js +46 -66
  37. package/dist/base-primitives/compound/CompoundTitle.js +15 -12
  38. package/dist/base-primitives/compound/actionbtns.css.js +9 -18
  39. package/dist/base-primitives/edge/EdgeActionButton.js +17 -19
  40. package/dist/base-primitives/edge/EdgeContainer.js +29 -48
  41. package/dist/base-primitives/edge/EdgeLabel.js +44 -65
  42. package/dist/base-primitives/edge/EdgeLabelContainer.js +35 -73
  43. package/dist/base-primitives/edge/EdgeMarkers.js +157 -215
  44. package/dist/base-primitives/edge/EdgePath.js +62 -115
  45. package/dist/base-primitives/element/ElementActionButtons.js +92 -81
  46. package/dist/base-primitives/element/ElementData.js +107 -126
  47. package/dist/base-primitives/element/ElementDetailsButton.js +78 -98
  48. package/dist/base-primitives/element/ElementNodeContainer.js +51 -82
  49. package/dist/base-primitives/element/ElementShape.js +331 -317
  50. package/dist/base-primitives/element/ElementTags.d.ts +1 -1
  51. package/dist/base-primitives/element/ElementTags.js +133 -193
  52. package/dist/base-primitives/memoEdge.js +11 -10
  53. package/dist/base-primitives/memoNode.js +16 -20
  54. package/dist/components/ErrorFallback.js +111 -75
  55. package/dist/components/GithubIcon.js +14 -16
  56. package/dist/components/Link.js +99 -113
  57. package/dist/components/Logo.js +38 -41
  58. package/dist/components/NavigationLink.js +15 -23
  59. package/dist/components/NavigationPanel.js +26 -47
  60. package/dist/components/PortalToContainer.js +16 -10
  61. package/dist/components/RootContainer.js +36 -31
  62. package/dist/components/SearchControl.css.js +65 -75
  63. package/dist/components/SearchControl.js +36 -14
  64. package/dist/components/ViewNotFound.js +22 -29
  65. package/dist/context/CurrentViewModelProvider.js +11 -9
  66. package/dist/context/DefaultMantineProvider.js +45 -72
  67. package/dist/context/DiagramEventHandlers.js +43 -48
  68. package/dist/context/DiagramFeatures.d.ts +1 -1
  69. package/dist/context/DiagramFeatures.js +78 -69
  70. package/dist/context/EnsureMantine.js +13 -16
  71. package/dist/context/FramerMotionConfig.js +17 -11
  72. package/dist/context/IconRenderer.js +90 -106
  73. package/dist/context/LikeC4ModelContext.js +14 -10
  74. package/dist/context/LikeC4ProjectsContext.js +7 -6
  75. package/dist/context/RootContainerContext.d.ts +9 -19
  76. package/dist/context/RootContainerContext.js +14 -28
  77. package/dist/context/TagStylesContext.js +49 -57
  78. package/dist/custom/customNodes.js +224 -28
  79. package/dist/custom/index.d.ts +1 -1
  80. package/dist/custom/index.js +40 -40
  81. package/dist/editor/LikeC4EditorCallbacks.d.ts +5 -0
  82. package/dist/editor/LikeC4EditorCallbacks.js +4 -2
  83. package/dist/editor/LikeC4EditorProvider.js +32 -7
  84. package/dist/editor/actor/actions.d.ts +115 -0
  85. package/dist/editor/actor/actions.js +122 -0
  86. package/dist/editor/{hotkeyActor.d.ts → actor/hotkey.d.ts} +1 -1
  87. package/dist/editor/actor/hotkey.js +20 -0
  88. package/dist/editor/actor/machine.d.ts +11 -0
  89. package/dist/editor/actor/machine.js +22 -0
  90. package/dist/editor/{editorActor.setup.d.ts → actor/setup.d.ts} +13 -49
  91. package/dist/editor/actor/setup.js +35 -0
  92. package/dist/editor/actor/state.editor.d.ts +97 -0
  93. package/dist/editor/actor/state.editor.js +55 -0
  94. package/dist/editor/actor/state.sync-queue.d.ts +420 -0
  95. package/dist/editor/actor/state.sync-queue.js +235 -0
  96. package/dist/editor/actor/types.d.ts +59 -0
  97. package/dist/editor/actor/types.js +5 -0
  98. package/dist/editor/applyChangesToManualLayout.js +144 -163
  99. package/dist/editor/index.d.ts +2 -1
  100. package/dist/editor/useEditorActorLogic.d.ts +8 -2
  101. package/dist/editor/useEditorActorLogic.js +51 -43
  102. package/dist/hooks/safeContext.js +17 -17
  103. package/dist/hooks/useCallbackRef.js +18 -11
  104. package/dist/hooks/useCurrentView.js +16 -7
  105. package/dist/hooks/useCurrentViewModel.js +14 -9
  106. package/dist/hooks/useDiagram.js +60 -37
  107. package/dist/hooks/useDiagramCompareLayout.js +77 -81
  108. package/dist/hooks/useEditorActor.d.ts +4 -0
  109. package/dist/hooks/useEditorActor.js +26 -0
  110. package/dist/hooks/useId.js +8 -6
  111. package/dist/hooks/useLikeC4ElementsTree.d.ts +3 -2
  112. package/dist/hooks/useLikeC4ElementsTree.js +24 -21
  113. package/dist/hooks/useLikeC4Model.js +21 -20
  114. package/dist/hooks/useLikeC4Project.js +40 -29
  115. package/dist/hooks/useLikeC4Styles.js +6 -6
  116. package/dist/hooks/useMantinePortalProps.js +10 -6
  117. package/dist/hooks/useSetState.js +21 -19
  118. package/dist/hooks/useUpdateEffect.js +18 -29
  119. package/dist/hooks/useXYFlow.js +13 -15
  120. package/dist/index.js +24 -23
  121. package/dist/likec4diagram/DiagramUI.js +37 -37
  122. package/dist/likec4diagram/DiagramXYFlow.js +215 -224
  123. package/dist/likec4diagram/convert-to-xyflow.js +21 -22
  124. package/dist/likec4diagram/custom/edges/EdgeDrifts.js +22 -32
  125. package/dist/likec4diagram/custom/edges/RelationshipEdge.js +275 -372
  126. package/dist/likec4diagram/custom/edges/SequenceStepEdge.js +71 -75
  127. package/dist/likec4diagram/custom/edges/edges.css.js +41 -47
  128. package/dist/likec4diagram/custom/edges/useControlPoints.js +52 -56
  129. package/dist/likec4diagram/custom/edges/useRelationshipEdgePath.js +54 -76
  130. package/dist/likec4diagram/custom/index.js +17 -17
  131. package/dist/likec4diagram/custom/nodes/CompoundActions.js +19 -26
  132. package/dist/likec4diagram/custom/nodes/ElementActions.js +131 -82
  133. package/dist/likec4diagram/custom/nodes/NodeDrifts.js +20 -26
  134. package/dist/likec4diagram/custom/nodes/NodeNotes.js +215 -273
  135. package/dist/likec4diagram/custom/nodes/SequenceActorNode.js +131 -147
  136. package/dist/likec4diagram/custom/nodes/nodes.js +135 -146
  137. package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.js +155 -159
  138. package/dist/likec4diagram/custom/nodes/toolbar/CompoundToolbar.js +58 -86
  139. package/dist/likec4diagram/custom/nodes/toolbar/ElementToolbar.js +108 -164
  140. package/dist/likec4diagram/custom/nodes/toolbar/Toolbar.js +56 -68
  141. package/dist/likec4diagram/custom/nodes/toolbar/_shared.d.ts +3 -6
  142. package/dist/likec4diagram/custom/nodes/toolbar/_shared.js +97 -102
  143. package/dist/likec4diagram/custom/nodes/toolbar/styles.css.js +13 -13
  144. package/dist/likec4diagram/custom/nodes/toolbar/types.js +6 -5
  145. package/dist/likec4diagram/custom/nodes/toolbar/useHandlers.js +36 -41
  146. package/dist/likec4diagram/relationship-popover/RelationshipPopover.js +510 -541
  147. package/dist/likec4diagram/relationship-popover/actor.js +113 -152
  148. package/dist/likec4diagram/relationship-popover/components.js +39 -43
  149. package/dist/likec4diagram/state/DiagramActorProvider.js +135 -136
  150. package/dist/likec4diagram/state/aligners.js +286 -360
  151. package/dist/likec4diagram/state/assign.js +84 -108
  152. package/dist/likec4diagram/state/createViewChange.js +72 -92
  153. package/dist/likec4diagram/state/diagram-api.d.ts +16 -0
  154. package/dist/likec4diagram/state/diagram-api.js +230 -152
  155. package/dist/likec4diagram/state/hotkeyActor.js +54 -45
  156. package/dist/likec4diagram/state/machine.actions.js +708 -821
  157. package/dist/likec4diagram/state/machine.actions.layout.js +154 -183
  158. package/dist/likec4diagram/state/machine.d.ts +1 -1
  159. package/dist/likec4diagram/state/machine.js +113 -134
  160. package/dist/likec4diagram/state/machine.setup.js +104 -113
  161. package/dist/likec4diagram/state/machine.state.initializing.js +54 -54
  162. package/dist/likec4diagram/state/machine.state.navigating.js +192 -227
  163. package/dist/likec4diagram/state/machine.state.ready.focused.js +72 -88
  164. package/dist/likec4diagram/state/machine.state.ready.idle.js +79 -98
  165. package/dist/likec4diagram/state/machine.state.ready.js +126 -202
  166. package/dist/likec4diagram/state/machine.state.ready.printing.js +38 -39
  167. package/dist/likec4diagram/state/machine.state.ready.walkthrough.js +153 -193
  168. package/dist/likec4diagram/state/mediaPrintActor.js +20 -16
  169. package/dist/likec4diagram/state/persistence.js +20 -21
  170. package/dist/likec4diagram/state/types.d.ts +1 -1
  171. package/dist/likec4diagram/state/utils.d.ts +1 -1
  172. package/dist/likec4diagram/state/utils.js +131 -162
  173. package/dist/likec4diagram/ui/LayoutDriftFrame.js +53 -64
  174. package/dist/likec4diagram/ui/notation/NotationPanel.css.js +58 -80
  175. package/dist/likec4diagram/ui/notation/NotationPanel.js +183 -214
  176. package/dist/likec4diagram/useLayoutConstraints.js +388 -433
  177. package/dist/likec4diagram/xyflow-diagram/diagram-view.js +216 -227
  178. package/dist/likec4diagram/xyflow-sequence/const.js +11 -7
  179. package/dist/likec4diagram/xyflow-sequence/sequence-layout.js +177 -180
  180. package/dist/navigationpanel/NavigationPanel.js +113 -123
  181. package/dist/navigationpanel/NavigationPanelControls.js +124 -150
  182. package/dist/navigationpanel/NavigationPanelDropdown.js +365 -477
  183. package/dist/navigationpanel/_common.d.ts +4 -10
  184. package/dist/navigationpanel/_common.js +57 -70
  185. package/dist/navigationpanel/actor.js +153 -236
  186. package/dist/navigationpanel/comparepanel/CompareActionsMenu.js +66 -83
  187. package/dist/navigationpanel/comparepanel/ComparePanel.js +135 -164
  188. package/dist/navigationpanel/comparepanel/ComparePanelControls.js +50 -58
  189. package/dist/navigationpanel/comparepanel/DriftsSummary.js +207 -254
  190. package/dist/navigationpanel/comparepanel/LayoutTypeSwitcher.js +33 -35
  191. package/dist/navigationpanel/controls/DetailsControls.js +219 -246
  192. package/dist/navigationpanel/controls/LayoutWarning.js +89 -100
  193. package/dist/navigationpanel/controls/LogoButton.js +46 -70
  194. package/dist/navigationpanel/controls/NavigationButtons.js +35 -52
  195. package/dist/navigationpanel/controls/OpenSource.js +27 -25
  196. package/dist/navigationpanel/controls/SearchControl.js +50 -61
  197. package/dist/navigationpanel/controls/ToggleReadonly.js +86 -81
  198. package/dist/navigationpanel/dropdown/ProjectsMenu.js +69 -87
  199. package/dist/navigationpanel/editorpanel/ApplySemanticLayout.d.ts +4 -0
  200. package/dist/navigationpanel/editorpanel/ApplySemanticLayout.js +36 -0
  201. package/dist/navigationpanel/editorpanel/CenterCamera.js +17 -13
  202. package/dist/navigationpanel/editorpanel/ChangeAutoLayoutButton.js +182 -154
  203. package/dist/navigationpanel/editorpanel/EditorPanel.js +59 -45
  204. package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.js +122 -173
  205. package/dist/navigationpanel/editorpanel/ToggleReadonly.js +20 -13
  206. package/dist/navigationpanel/editorpanel/_common.d.ts +3 -6
  207. package/dist/navigationpanel/editorpanel/_common.js +13 -13
  208. package/dist/navigationpanel/editorpanel/styles.js +58 -75
  209. package/dist/navigationpanel/hooks.js +35 -29
  210. package/dist/navigationpanel/styles.css.js +20 -28
  211. package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.js +107 -134
  212. package/dist/navigationpanel/walkthrough/DynamicViewControls.d.ts +65 -65
  213. package/dist/navigationpanel/walkthrough/DynamicViewControls.js +105 -120
  214. package/dist/navigationpanel/walkthrough/WalkthroughPanel.js +75 -83
  215. package/dist/overlays/Overlays.js +94 -112
  216. package/dist/overlays/element-details/ElementDetails.js +22 -28
  217. package/dist/overlays/element-details/ElementDetailsCard.css.js +198 -221
  218. package/dist/overlays/element-details/ElementDetailsCard.js +517 -499
  219. package/dist/overlays/element-details/MetadataValue.js +210 -250
  220. package/dist/overlays/element-details/TabPanelDeployments.css.js +40 -60
  221. package/dist/overlays/element-details/TabPanelDeployments.js +185 -178
  222. package/dist/overlays/element-details/TabPanelRelationships.css.js +63 -71
  223. package/dist/overlays/element-details/TabPanelRelationships.js +155 -140
  224. package/dist/overlays/element-details/TabPanelStructure.css.js +29 -33
  225. package/dist/overlays/element-details/TabPanelStructure.js +93 -93
  226. package/dist/overlays/element-details/actor.js +45 -55
  227. package/dist/overlays/element-details/actorContext.js +12 -10
  228. package/dist/overlays/overlay/Overlay.d.ts +16 -0
  229. package/dist/overlays/overlay/Overlay.js +102 -151
  230. package/dist/overlays/overlaysActor.js +215 -265
  231. package/dist/overlays/relationship-details/RelationshipDetails.js +270 -253
  232. package/dist/overlays/relationship-details/SelectEdge.css.js +62 -74
  233. package/dist/overlays/relationship-details/SelectEdge.js +146 -126
  234. package/dist/overlays/relationship-details/actor.js +242 -303
  235. package/dist/overlays/relationship-details/compute.js +109 -135
  236. package/dist/overlays/relationship-details/custom/ElementActions.js +43 -56
  237. package/dist/overlays/relationship-details/custom/edgeTypes.js +43 -49
  238. package/dist/overlays/relationship-details/custom/nodeTypes.d.ts +4 -5
  239. package/dist/overlays/relationship-details/custom/nodeTypes.js +96 -121
  240. package/dist/overlays/relationship-details/hooks.js +44 -38
  241. package/dist/overlays/relationship-details/layout-to-xyflow.js +119 -141
  242. package/dist/overlays/relationship-details/layout.js +275 -304
  243. package/dist/overlays/relationships-browser/RelationshipsBrowser.js +319 -321
  244. package/dist/overlays/relationships-browser/SelectElement.css.js +18 -21
  245. package/dist/overlays/relationships-browser/SelectElement.js +192 -218
  246. package/dist/overlays/relationships-browser/actor.js +364 -462
  247. package/dist/overlays/relationships-browser/const.js +7 -6
  248. package/dist/overlays/relationships-browser/custom/ElementActions.js +60 -63
  249. package/dist/overlays/relationships-browser/custom/EmptyNode.js +25 -29
  250. package/dist/overlays/relationships-browser/custom/edgeTypes.js +66 -99
  251. package/dist/overlays/relationships-browser/custom/nodeTypes.js +98 -123
  252. package/dist/overlays/relationships-browser/hooks.js +49 -51
  253. package/dist/overlays/relationships-browser/layout.js +413 -465
  254. package/dist/overlays/relationships-browser/useViewToNodesEdges.js +141 -157
  255. package/dist/projects-overview/ProjectsOverview.js +56 -55
  256. package/dist/projects-overview/ProjectsOverviewXY.js +105 -94
  257. package/dist/projects-overview/actor.js +252 -345
  258. package/dist/projects-overview/context.js +8 -7
  259. package/dist/projects-overview/custom/edgeTypes.js +22 -21
  260. package/dist/projects-overview/custom/nodeTypes.js +38 -42
  261. package/dist/projects-overview/hooks.js +9 -9
  262. package/dist/projects-overview/layouted-to-xyflow.js +46 -42
  263. package/dist/projects-overview/panel/ProjectsOverviewPanel.js +7 -9
  264. package/dist/projects-overview/persistence.js +22 -22
  265. package/dist/search/Search.d.ts +6 -3
  266. package/dist/search/Search.js +189 -182
  267. package/dist/search/SearchContext.js +16 -15
  268. package/dist/search/XStateSearchAdapter.js +68 -62
  269. package/dist/search/components/ElementsColumn.css.js +50 -68
  270. package/dist/search/components/ElementsColumn.js +253 -291
  271. package/dist/search/components/PickView.js +116 -140
  272. package/dist/search/components/SearchByTags.js +76 -94
  273. package/dist/search/components/SearchInput.js +187 -209
  274. package/dist/search/components/ViewsColum.js +151 -141
  275. package/dist/search/components/ViewsColumn.css.js +12 -26
  276. package/dist/search/components/_shared.css.js +127 -153
  277. package/dist/search/components/styles.css.js +47 -53
  278. package/dist/search/components/utils.js +44 -47
  279. package/dist/search/hooks.js +10 -10
  280. package/dist/search/searchActor.js +97 -128
  281. package/dist/shadowroot/ShadowRoot.d.ts +7 -6
  282. package/dist/shadowroot/ShadowRoot.js +106 -79
  283. package/dist/shadowroot/styles.css.d.ts +10 -2
  284. package/dist/shadowroot/styles.css.js +56 -69
  285. package/dist/styles-font2.js +4 -0
  286. package/dist/styles2.js +4 -0
  287. package/dist/utils/index.js +5 -0
  288. package/dist/utils/roundDpr.js +19 -15
  289. package/dist/utils/view-bounds.js +48 -55
  290. package/dist/utils/xyflow.js +143 -113
  291. package/package.json +18 -25
  292. package/panda.buildinfo.json +15 -15
  293. package/src/styles-font.css +114 -0
  294. package/src/styles-min.css +2 -0
  295. package/src/styles-xyflow.css +1 -0
  296. package/src/styles.css +3 -0
  297. package/styles-font.css +1 -1
  298. package/styles-min.css +1 -1
  299. package/styles-xyflow.css +1 -1
  300. package/styles.css +1 -1
  301. package/dist/_virtual/_commonjsHelpers.js +0 -3
  302. package/dist/_virtual/assign-f10db67b.cjs.js +0 -3
  303. package/dist/_virtual/log-30abbb83.cjs.js +0 -3
  304. package/dist/_virtual/raise-f051f097.cjs.js +0 -3
  305. package/dist/_virtual/store-cfe7da62.cjs.js +0 -3
  306. package/dist/_virtual/xstate-actions.cjs.js +0 -5
  307. package/dist/_virtual/xstate-actions.cjs2.js +0 -3
  308. package/dist/_virtual/xstate-dev.cjs.js +0 -3
  309. package/dist/_virtual/xstate-guards.cjs.js +0 -5
  310. package/dist/_virtual/xstate-guards.cjs2.js +0 -3
  311. package/dist/_virtual/xstate-store-react.cjs.js +0 -5
  312. package/dist/_virtual/xstate-store-react.cjs2.js +0 -3
  313. package/dist/bundle/index.d.ts +0 -1
  314. package/dist/editor/editorActor.actions.d.ts +0 -153
  315. package/dist/editor/editorActor.actions.js +0 -149
  316. package/dist/editor/editorActor.setup.js +0 -38
  317. package/dist/editor/editorActor.states.d.ts +0 -9
  318. package/dist/editor/editorActor.states.js +0 -273
  319. package/dist/editor/hotkeyActor.js +0 -19
  320. package/dist/hooks/useOverlaysActor.js +0 -10
  321. package/dist/hooks/useSearchActor.js +0 -10
  322. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/createReactComponent.js +0 -41
  323. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/defaultAttributes.js +0 -30
  324. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertTriangle.js +0 -14
  325. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowDownRight.js +0 -14
  326. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowLeft.js +0 -14
  327. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js +0 -14
  328. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconBolt.js +0 -14
  329. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconBrowser.js +0 -14
  330. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconCheck.js +0 -14
  331. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.js +0 -14
  332. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.js +0 -14
  333. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronRight.js +0 -14
  334. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconCopy.js +0 -14
  335. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconCylinder.js +0 -14
  336. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconDeviceMobile.js +0 -14
  337. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconDirectionSignFilled.js +0 -14
  338. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js +0 -14
  339. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js +0 -14
  340. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFileText.js +0 -14
  341. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFocusCentered.js +0 -14
  342. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFolderFilled.js +0 -14
  343. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconHelpCircle.js +0 -14
  344. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconId.js +0 -14
  345. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js +0 -14
  346. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignBottom.js +0 -14
  347. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignCenter.js +0 -14
  348. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignLeft.js +0 -14
  349. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignMiddle.js +0 -14
  350. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignRight.js +0 -14
  351. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignTop.js +0 -14
  352. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutBoardSplit.js +0 -14
  353. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutCollage.js +0 -14
  354. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutDashboard.js +0 -14
  355. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLink.js +0 -14
  356. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLock.js +0 -14
  357. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconLockOpen2.js +0 -14
  358. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js +0 -14
  359. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipBackFilled.js +0 -14
  360. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipForwardFilled.js +0 -14
  361. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerStopFilled.js +0 -14
  362. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconRectangularPrism.js +0 -14
  363. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconReorder.js +0 -14
  364. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconRouteOff.js +0 -14
  365. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.js +0 -14
  366. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconSelector.js +0 -14
  367. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js +0 -14
  368. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconStarFilled.js +0 -14
  369. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js +0 -14
  370. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconTransform.js +0 -14
  371. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconTrash.js +0 -14
  372. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconUser.js +0 -14
  373. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconX.js +0 -14
  374. package/dist/node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js +0 -14
  375. package/dist/node_modules/.pnpm/@xstate_store@3.17.1_react@19.2.4/node_modules/@xstate/store/dist/store-cfe7da62.cjs.js +0 -761
  376. package/dist/node_modules/.pnpm/@xstate_store@3.17.1_react@19.2.4/node_modules/@xstate/store/react/dist/xstate-store-react.cjs.js +0 -180
  377. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/actions/dist/xstate-actions.cjs.js +0 -37
  378. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dev/dist/xstate-dev.cjs.js +0 -59
  379. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dist/assign-f10db67b.cjs.js +0 -140
  380. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dist/log-30abbb83.cjs.js +0 -401
  381. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/dist/raise-f051f097.cjs.js +0 -2830
  382. package/dist/node_modules/.pnpm/xstate@5.30.0/node_modules/xstate/guards/dist/xstate-guards.cjs.js +0 -26
  383. package/dist/styles-font.css2.js +0 -3
  384. package/dist/styles.css2.js +0 -3
@@ -7,7 +7,7 @@ export type ElementTagProps = {
7
7
  export declare const ElementTag: ForwardRefExoticComponent<{
8
8
  tag: string;
9
9
  cursor?: "pointer" | "default";
10
- } & Omit<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color"> & RefAttributes<HTMLDivElement>>;
10
+ } & Omit<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "children"> & RefAttributes<HTMLDivElement>>;
11
11
  type Data = {
12
12
  tags: readonly string[] | null | undefined;
13
13
  width: number;
@@ -1,197 +1,137 @@
1
- import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
- import { isTagColorSpecified } from '@likec4/core';
3
- import { cx, css } from '@likec4/styles/css';
4
- import { Box, HStack } from '@likec4/styles/jsx';
5
- import { hstack } from '@likec4/styles/patterns';
6
- import { likec4tag } from '@likec4/styles/recipes';
7
- import { useHover, useDebouncedState } from '@mantine/hooks';
8
- import { useStore, NodeToolbar, Position } from '@xyflow/react';
9
- import { deepEqual } from 'fast-equals';
10
- import { forwardRef, memo, useEffect, useCallback } from 'react';
11
- import { hasAtLeast } from 'remeda';
12
- import { useTagSpecification } from '../../context/TagStylesContext.js';
13
- import { useCurrentZoomAtLeast } from '../../hooks/useXYFlow.js';
14
- import { stopPropagation } from '../../utils/xyflow.js';
15
-
16
- const ElementTag = forwardRef(
17
- ({ tag, cursor, className, style, ...props }, ref) => {
18
- const spec = useTagSpecification(tag);
19
- return /* @__PURE__ */ jsxs(
20
- Box,
21
- {
22
- ref,
23
- "data-likec4-tag": tag,
24
- className: cx(
25
- likec4tag({
26
- autoTextColor: isTagColorSpecified(spec)
27
- }),
28
- className
29
- ),
30
- ...props,
31
- style: {
32
- cursor,
33
- ...style
34
- },
35
- children: [
36
- /* @__PURE__ */ jsx("span", { children: "#" }),
37
- /* @__PURE__ */ jsx("span", { children: tag })
38
- ]
39
- }
40
- );
41
- }
42
- );
43
- const propsAreEqual = (prev, next) => {
44
- return prev.id === next.id && prev.data.width === next.data.width && (prev.data.hovered ?? false) === (next.data.hovered ?? false) && deepEqual(prev.data.tags, next.data.tags);
1
+ import "../../_virtual/_rolldown/runtime.js";
2
+ import { useCurrentZoomAtLeast } from "../../hooks/useXYFlow.js";
3
+ import { stopPropagation } from "../../utils/xyflow.js";
4
+ import { useTagSpecification } from "../../context/TagStylesContext.js";
5
+ import { css, cx } from "@likec4/styles/css";
6
+ import { forwardRef, memo, useCallback, useEffect } from "react";
7
+ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
8
+ import { NodeToolbar, Position, useStore } from "@xyflow/react";
9
+ import { deepEqual } from "fast-equals";
10
+ import { hasAtLeast } from "remeda";
11
+ import { isTagColorSpecified } from "@likec4/core";
12
+ import { useDebouncedState, useHover } from "@mantine/hooks";
13
+ import { Box, HStack } from "@likec4/styles/jsx";
14
+ import { hstack } from "@likec4/styles/patterns";
15
+ import { likec4tag } from "@likec4/styles/recipes";
16
+ //#region src/base-primitives/element/ElementTags.tsx
17
+ var ElementTag = forwardRef(({ tag, cursor, className, style, ...props }, ref) => {
18
+ return /* @__PURE__ */ jsxs(Box, {
19
+ ref,
20
+ "data-likec4-tag": tag,
21
+ className: cx(likec4tag({ autoTextColor: isTagColorSpecified(useTagSpecification(tag)) }), className),
22
+ ...props,
23
+ style: {
24
+ cursor,
25
+ ...style
26
+ },
27
+ children: [/* @__PURE__ */ jsx("span", { children: "#" }), /* @__PURE__ */ jsx("span", { children: tag })]
28
+ });
29
+ });
30
+ var propsAreEqual = (prev, next) => {
31
+ return prev.id === next.id && prev.data.width === next.data.width && (prev.data.hovered ?? false) === (next.data.hovered ?? false) && deepEqual(prev.data.tags, next.data.tags);
45
32
  };
46
- const ElementTags = memo(
47
- ({ id, data: { tags, width, hovered = false }, onTagClick, onTagMouseEnter, onTagMouseLeave }) => {
48
- if (!tags || !hasAtLeast(tags, 1)) {
49
- return null;
50
- }
51
- return /* @__PURE__ */ jsx(
52
- WithElementTags,
53
- {
54
- id,
55
- tags,
56
- width,
57
- hovered,
58
- onTagClick,
59
- onTagMouseEnter,
60
- onTagMouseLeave
61
- }
62
- );
63
- },
64
- propsAreEqual
65
- );
33
+ var ElementTags = memo(({ id, data: { tags, width, hovered = false }, onTagClick, onTagMouseEnter, onTagMouseLeave }) => {
34
+ if (!tags || !hasAtLeast(tags, 1)) return null;
35
+ return /* @__PURE__ */ jsx(WithElementTags, {
36
+ id,
37
+ tags,
38
+ width,
39
+ hovered,
40
+ onTagClick,
41
+ onTagMouseEnter,
42
+ onTagMouseLeave
43
+ });
44
+ }, propsAreEqual);
66
45
  ElementTags.displayName = "ElementTags";
67
- function WithElementTags({
68
- id,
69
- tags,
70
- width,
71
- hovered,
72
- onTagClick,
73
- onTagMouseEnter,
74
- onTagMouseLeave
75
- }) {
76
- const {
77
- hovered: isTagsBarHovered,
78
- ref: tagsBarRef
79
- } = useHover();
80
- const {
81
- hovered: isTagsToolbarHovered,
82
- ref: tagsToolbarRef
83
- } = useHover();
84
- const [isVisible, setVisible] = useDebouncedState(false, hovered ? 120 : 300);
85
- useEffect(() => {
86
- setVisible((visibleNow) => {
87
- if (!visibleNow) {
88
- return hovered && (isTagsBarHovered || isTagsToolbarHovered);
89
- }
90
- return hovered || isTagsBarHovered || isTagsToolbarHovered;
91
- });
92
- }, [isTagsBarHovered, isTagsToolbarHovered, hovered]);
93
- const zoomIsLargeEnough = useCurrentZoomAtLeast(1.2);
94
- const maxWidth = useStore(
95
- useCallback(
96
- (state) => Math.max(Math.round(width * state.transform[2]) - 10, 200),
97
- [Math.round(width)]
98
- )
99
- );
100
- return /* @__PURE__ */ jsxs(Fragment, { children: [
101
- /* @__PURE__ */ jsx(
102
- "div",
103
- {
104
- ref: tagsBarRef,
105
- className: cx(
106
- "likec4-element-tags",
107
- hstack({
108
- pointerEvents: "all",
109
- gap: "1",
110
- alignItems: "flex-end",
111
- justifyItems: "stretch",
112
- position: "absolute",
113
- width: "100%",
114
- bottom: "0",
115
- left: "0",
116
- padding: "1",
117
- _shapeCylinder: {
118
- bottom: "[5px]"
119
- },
120
- _shapeStorage: {
121
- bottom: "[5px]"
122
- },
123
- _shapeQueue: {
124
- bottom: "0",
125
- paddingLeft: "[14px]"
126
- }
127
- })
128
- ),
129
- onClick: stopPropagation,
130
- children: tags.map((tag) => /* @__PURE__ */ jsx(
131
- Box,
132
- {
133
- "data-likec4-tag": tag,
134
- className: css({
135
- layerStyle: "likec4.tag",
136
- flex: "1",
137
- display: "flex",
138
- alignItems: "center",
139
- justifyContent: "center",
140
- maxWidth: "50px",
141
- height: "5px",
142
- _whenHovered: {
143
- height: "12px",
144
- borderRadius: "sm",
145
- transitionDelay: ".08s"
146
- },
147
- transition: "fast"
148
- })
149
- },
150
- id + "#" + tag
151
- ))
152
- }
153
- ),
154
- /* @__PURE__ */ jsx(NodeToolbar, { isVisible, align: "start", position: Position.Bottom, children: /* @__PURE__ */ jsx(
155
- HStack,
156
- {
157
- ref: tagsToolbarRef,
158
- css: {
159
- gap: "0.5",
160
- alignItems: "baseline",
161
- flexWrap: "wrap",
162
- pb: "sm",
163
- translate: "auto",
164
- x: "[-8px]"
165
- },
166
- style: {
167
- maxWidth
168
- },
169
- children: tags.map((tag) => /* @__PURE__ */ jsx(
170
- ElementTag,
171
- {
172
- tag,
173
- cursor: "pointer",
174
- className: css({
175
- userSelect: "none",
176
- ...zoomIsLargeEnough && {
177
- fontSize: "lg",
178
- borderRadius: "sm",
179
- px: "1.5"
180
- // 6px
181
- }
182
- }),
183
- onClick: onTagClick ? ((e) => {
184
- e.stopPropagation();
185
- onTagClick(`#${tag}`);
186
- }) : void 0,
187
- onMouseEnter: onTagMouseEnter ? () => onTagMouseEnter(`#${tag}`) : void 0,
188
- onMouseLeave: onTagMouseLeave ? () => onTagMouseLeave(`#${tag}`) : void 0
189
- },
190
- tag
191
- ))
192
- }
193
- ) })
194
- ] });
46
+ function WithElementTags({ id, tags, width, hovered, onTagClick, onTagMouseEnter, onTagMouseLeave }) {
47
+ const { hovered: isTagsBarHovered, ref: tagsBarRef } = useHover();
48
+ const { hovered: isTagsToolbarHovered, ref: tagsToolbarRef } = useHover();
49
+ const [isVisible, setVisible] = useDebouncedState(false, hovered ? 120 : 300);
50
+ useEffect(() => {
51
+ setVisible((visibleNow) => {
52
+ if (!visibleNow) return hovered && (isTagsBarHovered || isTagsToolbarHovered);
53
+ return hovered || isTagsBarHovered || isTagsToolbarHovered;
54
+ });
55
+ }, [
56
+ isTagsBarHovered,
57
+ isTagsToolbarHovered,
58
+ hovered
59
+ ]);
60
+ const zoomIsLargeEnough = useCurrentZoomAtLeast(1.2);
61
+ const maxWidth = useStore(useCallback((state) => Math.max(Math.round(width * state.transform[2]) - 10, 200), [Math.round(width)]));
62
+ return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
63
+ ref: tagsBarRef,
64
+ className: cx("likec4-element-tags", hstack({
65
+ pointerEvents: "all",
66
+ gap: "1",
67
+ alignItems: "flex-end",
68
+ justifyItems: "stretch",
69
+ position: "absolute",
70
+ width: "100%",
71
+ bottom: "0",
72
+ left: "0",
73
+ padding: "1",
74
+ _shapeCylinder: { bottom: "[5px]" },
75
+ _shapeStorage: { bottom: "[5px]" },
76
+ _shapeQueue: {
77
+ bottom: "0",
78
+ paddingLeft: "[14px]"
79
+ }
80
+ })),
81
+ onClick: stopPropagation,
82
+ children: tags.map((tag) => /* @__PURE__ */ jsx(Box, {
83
+ "data-likec4-tag": tag,
84
+ className: css({
85
+ layerStyle: "likec4.tag",
86
+ flex: "1",
87
+ display: "flex",
88
+ alignItems: "center",
89
+ justifyContent: "center",
90
+ maxWidth: "50px",
91
+ height: "5px",
92
+ _whenHovered: {
93
+ height: "12px",
94
+ borderRadius: "sm",
95
+ transitionDelay: ".08s"
96
+ },
97
+ transition: "fast"
98
+ })
99
+ }, id + "#" + tag))
100
+ }), /* @__PURE__ */ jsx(NodeToolbar, {
101
+ isVisible,
102
+ align: "start",
103
+ position: Position.Bottom,
104
+ children: /* @__PURE__ */ jsx(HStack, {
105
+ ref: tagsToolbarRef,
106
+ css: {
107
+ gap: "0.5",
108
+ alignItems: "baseline",
109
+ flexWrap: "wrap",
110
+ pb: "sm",
111
+ translate: "auto",
112
+ x: "[-8px]"
113
+ },
114
+ style: { maxWidth },
115
+ children: tags.map((tag) => /* @__PURE__ */ jsx(ElementTag, {
116
+ tag,
117
+ cursor: "pointer",
118
+ className: css({
119
+ userSelect: "none",
120
+ ...zoomIsLargeEnough && {
121
+ fontSize: "lg",
122
+ borderRadius: "sm",
123
+ px: "1.5"
124
+ }
125
+ }),
126
+ onClick: onTagClick ? ((e) => {
127
+ e.stopPropagation();
128
+ onTagClick(`#${tag}`);
129
+ }) : void 0,
130
+ onMouseEnter: onTagMouseEnter ? () => onTagMouseEnter(`#${tag}`) : void 0,
131
+ onMouseLeave: onTagMouseLeave ? () => onTagMouseLeave(`#${tag}`) : void 0
132
+ }, tag))
133
+ })
134
+ })] });
195
135
  }
196
-
136
+ //#endregion
197
137
  export { ElementTag, ElementTags };
@@ -1,14 +1,15 @@
1
- import { deepEqual } from 'fast-equals';
2
- import { memo } from 'react';
3
-
4
- const isSame = (a, b) => {
5
- return Math.abs(a - b) < 2.5;
1
+ import "../_virtual/_rolldown/runtime.js";
2
+ import { memo } from "react";
3
+ import { deepEqual } from "fast-equals";
4
+ //#region src/base-primitives/memoEdge.ts
5
+ var isSame = (a, b) => {
6
+ return Math.abs(a - b) < 2.5;
6
7
  };
7
- 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.target, next.target) && isSame(prev.sourceX, next.sourceX) && isSame(prev.sourceY, next.sourceY) && isSame(prev.targetX, next.targetX) && isSame(prev.targetY, next.targetY) && deepEqual(prev.sourceHandleId ?? null, next.sourceHandleId ?? null) && deepEqual(prev.targetHandleId ?? null, next.targetHandleId ?? null) && deepEqual(prev.sourcePosition, next.sourcePosition) && deepEqual(prev.targetPosition, next.targetPosition) && deepEqual(prev.data, next.data);
8
+ var 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.target, next.target) && isSame(prev.sourceX, next.sourceX) && isSame(prev.sourceY, next.sourceY) && isSame(prev.targetX, next.targetX) && isSame(prev.targetY, next.targetY) && deepEqual(prev.sourceHandleId ?? null, next.sourceHandleId ?? null) && deepEqual(prev.targetHandleId ?? null, next.targetHandleId ?? null) && deepEqual(prev.sourcePosition, next.sourcePosition) && deepEqual(prev.targetPosition, next.targetPosition) && deepEqual(prev.data, next.data);
8
9
  function memoEdge(Edge) {
9
- const Memo = memo(Edge, edgePropsEqual);
10
- Memo.displayName = `MemoEdge(${Edge.displayName || Edge.name})`;
11
- return Memo;
10
+ const Memo = memo(Edge, edgePropsEqual);
11
+ Memo.displayName = `MemoEdge(${Edge.displayName || Edge.name})`;
12
+ return Memo;
12
13
  }
13
-
14
+ //#endregion
14
15
  export { memoEdge };
@@ -1,25 +1,21 @@
1
- import { deepEqual } from 'fast-equals';
2
- import { memo } from 'react';
3
-
1
+ import "../_virtual/_rolldown/runtime.js";
2
+ import { memo } from "react";
3
+ import { deepEqual } from "fast-equals";
4
+ //#region src/base-primitives/memoNode.tsx
4
5
  function nodePropsEqual(prev, next) {
5
- return prev.id === next.id && deepEqual(prev.type, next.type) && deepEqual(prev.parentId ?? "", next.parentId ?? "") && deepEqual(prev.selected ?? false, next.selected ?? false) && deepEqual(prev.dragging ?? false, next.dragging ?? false) && deepEqual(prev.width ?? 0, next.width ?? 0) && deepEqual(prev.height ?? 0, next.height ?? 0) && deepEqual(prev.zIndex ?? 0, next.zIndex ?? 0) && deepEqual(prev.data, next.data);
6
+ return prev.id === next.id && deepEqual(prev.type, next.type) && deepEqual(prev.parentId ?? "", next.parentId ?? "") && deepEqual(prev.selected ?? false, next.selected ?? false) && deepEqual(prev.dragging ?? false, next.dragging ?? false) && deepEqual(prev.width ?? 0, next.width ?? 0) && deepEqual(prev.height ?? 0, next.height ?? 0) && deepEqual(prev.zIndex ?? 0, next.zIndex ?? 0) && deepEqual(prev.data, next.data);
6
7
  }
7
- const isMemoized = /* @__PURE__ */ Symbol.for("isMemoized");
8
+ var isMemoized = Symbol.for("isMemoized");
8
9
  function memoNode(Node, displayName = "Node") {
9
- if (Node.hasOwnProperty(isMemoized)) {
10
- return Node;
11
- }
12
- const NodeComponent = memo(
13
- Node,
14
- nodePropsEqual
15
- );
16
- NodeComponent.displayName = displayName;
17
- Object.defineProperty(NodeComponent, isMemoized, {
18
- enumerable: false,
19
- writable: false,
20
- value: true
21
- });
22
- return NodeComponent;
10
+ if (Node.hasOwnProperty(isMemoized)) return Node;
11
+ const NodeComponent = memo(Node, nodePropsEqual);
12
+ NodeComponent.displayName = displayName;
13
+ Object.defineProperty(NodeComponent, isMemoized, {
14
+ enumerable: false,
15
+ writable: false,
16
+ value: true
17
+ });
18
+ return NodeComponent;
23
19
  }
24
-
20
+ //#endregion
25
21
  export { memoNode };
@@ -1,78 +1,114 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { css } from '@likec4/styles/css';
3
- import { HStack, VStack } from '@likec4/styles/jsx';
4
- import { ThemeIcon, Text, ScrollAreaAutosize, Button } from '@mantine/core';
5
- import { useRef, useEffect } from 'react';
6
- import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
7
- import IconX from '../node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconX.js';
8
-
1
+ import { __name } from "../_virtual/_rolldown/runtime.js";
2
+ import { css } from "@likec4/styles/css";
3
+ import { IconX } from "@tabler/icons-react";
4
+ import { useEffect, useRef } from "react";
5
+ import { jsx, jsxs } from "react/jsx-runtime";
6
+ import { Button, ScrollAreaAutosize, Text, ThemeIcon } from "@mantine/core";
7
+ import { HStack, VStack } from "@likec4/styles/jsx";
8
+ import { ErrorBoundary } from "react-error-boundary";
9
+ //#region src/components/ErrorFallback.tsx
9
10
  function ErrorFallback({ error, resetErrorBoundary }) {
10
- const errorString = error instanceof Error ? error.message : "Unknown error";
11
- const dialogRef = useRef(null);
12
- useEffect(() => {
13
- dialogRef.current?.showModal();
14
- }, []);
15
- return /* @__PURE__ */ jsx(
16
- "dialog",
17
- {
18
- ref: dialogRef,
19
- className: css({
20
- margin: "0",
21
- padding: "0",
22
- position: "fixed",
23
- top: "10",
24
- left: "10",
25
- width: "[calc(100vw - ({spacing.10} * 2))]",
26
- height: "max-content",
27
- maxHeight: "[calc(100vh - ({spacing.10} * 3))]",
28
- background: `likec4.overlay.body`,
29
- rounded: "sm",
30
- borderWidth: 3,
31
- borderColor: `likec4.overlay.border`,
32
- shadow: "xl",
33
- outline: "none",
34
- _backdrop: {
35
- cursor: "zoom-out",
36
- backdropFilter: `blur(18px)`,
37
- bg: "[color-mix(in oklab, {colors.likec4.overlay.backdrop} 60%, transparent)]"
38
- }
39
- }),
40
- onClick: (e) => {
41
- e.stopPropagation();
42
- if (e.target?.nodeName?.toUpperCase() === "DIALOG") {
43
- dialogRef.current?.close();
44
- return;
45
- }
46
- },
47
- onClose: (e) => {
48
- e.stopPropagation();
49
- resetErrorBoundary();
50
- },
51
- children: /* @__PURE__ */ jsxs(HStack, { p: "xl", gap: "lg", alignItems: "flex-start", flexWrap: "nowrap", children: [
52
- /* @__PURE__ */ jsx(ThemeIcon, { size: "md", radius: "xl", color: "red", children: /* @__PURE__ */ jsx(IconX, { style: { width: 20, height: 20 } }) }),
53
- /* @__PURE__ */ jsxs(VStack, { flex: "1", children: [
54
- /* @__PURE__ */ jsx(Text, { fz: "md", children: "Oops, something went wrong" }),
55
- /* @__PURE__ */ jsx(ScrollAreaAutosize, { maw: "100%", mah: 400, type: "auto", children: /* @__PURE__ */ jsx(Text, { fz: "md", c: "red", style: { whiteSpace: "pre-wrap", userSelect: "all" }, children: errorString }) }),
56
- /* @__PURE__ */ jsxs(HStack, { gap: "md", mt: "md", children: [
57
- /* @__PURE__ */ jsx(Button, { size: "sm", variant: "default", onClick: () => resetErrorBoundary(), children: "Reset" }),
58
- /* @__PURE__ */ jsx(Text, { fz: "sm", c: "dimmed", children: "See console for more details and report the issue if it persists." })
59
- ] })
60
- ] })
61
- ] })
62
- }
63
- );
11
+ const errorString = error instanceof Error ? error.message : "Unknown error";
12
+ const dialogRef = useRef(null);
13
+ useEffect(() => {
14
+ dialogRef.current?.showModal();
15
+ }, []);
16
+ return /* @__PURE__ */ jsx("dialog", {
17
+ ref: dialogRef,
18
+ className: css({
19
+ margin: "0",
20
+ padding: "0",
21
+ position: "fixed",
22
+ top: "10",
23
+ left: "10",
24
+ width: "[calc(100vw - ({spacing.10} * 2))]",
25
+ height: "max-content",
26
+ maxHeight: "[calc(100vh - ({spacing.10} * 3))]",
27
+ background: `likec4.overlay.body`,
28
+ rounded: "sm",
29
+ borderWidth: 3,
30
+ borderColor: `likec4.overlay.border`,
31
+ shadow: "xl",
32
+ outline: "none",
33
+ _backdrop: {
34
+ cursor: "zoom-out",
35
+ backdropFilter: `blur(18px)`,
36
+ bg: "[color-mix(in oklab, {colors.likec4.overlay.backdrop} 60%, transparent)]"
37
+ }
38
+ }),
39
+ onClick: (e) => {
40
+ e.stopPropagation();
41
+ if (e.target?.nodeName?.toUpperCase() === "DIALOG") {
42
+ dialogRef.current?.close();
43
+ return;
44
+ }
45
+ },
46
+ onClose: (e) => {
47
+ e.stopPropagation();
48
+ resetErrorBoundary();
49
+ },
50
+ children: /* @__PURE__ */ jsxs(HStack, {
51
+ p: "xl",
52
+ gap: "lg",
53
+ alignItems: "flex-start",
54
+ flexWrap: "nowrap",
55
+ children: [/* @__PURE__ */ jsx(ThemeIcon, {
56
+ size: "md",
57
+ radius: "xl",
58
+ color: "red",
59
+ children: /* @__PURE__ */ jsx(IconX, { style: {
60
+ width: 20,
61
+ height: 20
62
+ } })
63
+ }), /* @__PURE__ */ jsxs(VStack, {
64
+ flex: "1",
65
+ children: [
66
+ /* @__PURE__ */ jsx(Text, {
67
+ fz: "md",
68
+ children: "Oops, something went wrong"
69
+ }),
70
+ /* @__PURE__ */ jsx(ScrollAreaAutosize, {
71
+ maw: "100%",
72
+ mah: 400,
73
+ type: "auto",
74
+ children: /* @__PURE__ */ jsx(Text, {
75
+ fz: "md",
76
+ c: "red",
77
+ style: {
78
+ whiteSpace: "pre-wrap",
79
+ userSelect: "all"
80
+ },
81
+ children: errorString
82
+ })
83
+ }),
84
+ /* @__PURE__ */ jsxs(HStack, {
85
+ gap: "md",
86
+ mt: "md",
87
+ children: [/* @__PURE__ */ jsx(Button, {
88
+ size: "sm",
89
+ variant: "default",
90
+ onClick: () => resetErrorBoundary(),
91
+ children: "Reset"
92
+ }), /* @__PURE__ */ jsx(Text, {
93
+ fz: "sm",
94
+ c: "dimmed",
95
+ children: "See console for more details and report the issue if it persists."
96
+ })]
97
+ })
98
+ ]
99
+ })]
100
+ })
101
+ });
64
102
  }
65
- function ErrorBoundary(props) {
66
- return /* @__PURE__ */ jsx(
67
- ErrorBoundary$1,
68
- {
69
- FallbackComponent: ErrorFallback,
70
- onError: (err, info) => {
71
- console.error(err, info);
72
- },
73
- ...props
74
- }
75
- );
103
+ function ErrorBoundary$1(props) {
104
+ return /* @__PURE__ */ jsx(ErrorBoundary, {
105
+ FallbackComponent: ErrorFallback,
106
+ onError: (err, info) => {
107
+ console.error(err, info);
108
+ },
109
+ ...props
110
+ });
76
111
  }
77
-
78
- export { ErrorBoundary, ErrorFallback };
112
+ __name(ErrorBoundary$1, "ErrorBoundary");
113
+ //#endregion
114
+ export { ErrorBoundary$1 as ErrorBoundary };
@@ -1,17 +1,15 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
3
-
4
- const GithubIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(
5
- "svg",
6
- {
7
- height: "24",
8
- width: "24",
9
- fill: "currentColor",
10
- ...props,
11
- viewBox: "0 0 24 24",
12
- ref,
13
- children: /* @__PURE__ */ jsx("path", { d: "M12 1C5.923 1 1 5.923 1 12c0 4.867 3.149 8.979 7.521 10.436.55.096.756-.233.756-.522 0-.262-.013-1.128-.013-2.049-2.764.509-3.479-.674-3.699-1.292-.124-.317-.66-1.293-1.127-1.554-.385-.207-.936-.715-.014-.729.866-.014 1.485.797 1.691 1.128.99 1.663 2.571 1.196 3.204.907.096-.715.385-1.196.701-1.471-2.448-.275-5.005-1.224-5.005-5.432 0-1.196.426-2.186 1.128-2.956-.111-.275-.496-1.402.11-2.915 0 0 .921-.288 3.024 1.128a10.193 10.193 0 0 1 2.75-.371c.936 0 1.871.123 2.75.371 2.104-1.43 3.025-1.128 3.025-1.128.605 1.513.221 2.64.111 2.915.701.77 1.127 1.747 1.127 2.956 0 4.222-2.571 5.157-5.019 5.432.399.344.743 1.004.743 2.035 0 1.471-.014 2.654-.014 3.025 0 .289.206.632.756.522C19.851 20.979 23 16.854 23 12c0-6.077-4.922-11-11-11Z" })
14
- }
15
- ));
16
-
1
+ import "../_virtual/_rolldown/runtime.js";
2
+ import { forwardRef } from "react";
3
+ import { jsx } from "react/jsx-runtime";
4
+ //#region src/components/GithubIcon.tsx
5
+ var GithubIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx("svg", {
6
+ height: "24",
7
+ width: "24",
8
+ fill: "currentColor",
9
+ ...props,
10
+ viewBox: "0 0 24 24",
11
+ ref,
12
+ children: /* @__PURE__ */ jsx("path", { d: "M12 1C5.923 1 1 5.923 1 12c0 4.867 3.149 8.979 7.521 10.436.55.096.756-.233.756-.522 0-.262-.013-1.128-.013-2.049-2.764.509-3.479-.674-3.699-1.292-.124-.317-.66-1.293-1.127-1.554-.385-.207-.936-.715-.014-.729.866-.014 1.485.797 1.691 1.128.99 1.663 2.571 1.196 3.204.907.096-.715.385-1.196.701-1.471-2.448-.275-5.005-1.224-5.005-5.432 0-1.196.426-2.186 1.128-2.956-.111-.275-.496-1.402.11-2.915 0 0 .921-.288 3.024 1.128a10.193 10.193 0 0 1 2.75-.371c.936 0 1.871.123 2.75.371 2.104-1.43 3.025-1.128 3.025-1.128.605 1.513.221 2.64.111 2.915.701.77 1.127 1.747 1.127 2.956 0 4.222-2.571 5.157-5.019 5.432.399.344.743 1.004.743 2.035 0 1.471-.014 2.654-.014 3.025 0 .289.206.632.756.522C19.851 20.979 23 16.854 23 12c0-6.077-4.922-11-11-11Z" })
13
+ }));
14
+ //#endregion
17
15
  export { GithubIcon };