@likec4/diagram 1.43.0 → 1.45.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 (349) hide show
  1. package/bundle/index.js +14727 -13166
  2. package/dist/LikeC4Diagram.d.ts +1 -1
  3. package/dist/LikeC4Diagram.js +14 -9
  4. package/dist/LikeC4Diagram.props.d.ts +25 -15
  5. package/dist/LikeC4ProjectsProvider.js +1 -1
  6. package/dist/LikeC4Styles.js +0 -3
  7. package/dist/LikeC4View.d.ts +8 -3
  8. package/dist/LikeC4View.js +29 -14
  9. package/dist/ReactLikeC4.d.ts +2 -2
  10. package/dist/ReactLikeC4.js +2 -2
  11. package/dist/StaticLikeC4Diagram.js +1 -1
  12. package/dist/_virtual/_commonjsHelpers.js +3 -0
  13. package/dist/_virtual/assign-dea9f7c8.cjs.js +3 -0
  14. package/dist/_virtual/log-ec8d4df4.cjs.js +3 -0
  15. package/dist/_virtual/raise-da5b247f.cjs.js +3 -0
  16. package/dist/_virtual/xstate-actions.cjs.js +5 -0
  17. package/dist/_virtual/xstate-actions.cjs2.js +3 -0
  18. package/dist/_virtual/xstate-dev.cjs.js +3 -0
  19. package/dist/_virtual/xstate-guards.cjs.js +5 -0
  20. package/dist/_virtual/xstate-guards.cjs2.js +3 -0
  21. package/dist/base/Background.d.ts +2 -1
  22. package/dist/base/Background.js +11 -2
  23. package/dist/base/Base.d.ts +28 -0
  24. package/dist/base/BaseXYFlow.d.ts +5 -5
  25. package/dist/base/BaseXYFlow.js +38 -44
  26. package/dist/base/index.d.ts +6 -2
  27. package/dist/base/types.d.ts +1 -28
  28. package/dist/base/updateEdges.js +25 -14
  29. package/dist/base/updateNodes.d.ts +14 -0
  30. package/dist/base/updateNodes.js +51 -17
  31. package/dist/base-primitives/Markdown.d.ts +30 -4
  32. package/dist/base-primitives/Markdown.js +3 -2
  33. package/dist/base-primitives/compound/CompoundActionButton.d.ts +3 -2
  34. package/dist/base-primitives/compound/CompoundActionButton.js +1 -1
  35. package/dist/base-primitives/compound/CompoundDetailsButton.d.ts +3 -2
  36. package/dist/base-primitives/compound/CompoundDetailsButton.js +1 -1
  37. package/dist/base-primitives/edge/EdgeActionButton.d.ts +3 -2
  38. package/dist/base-primitives/edge/EdgeActionButton.js +1 -1
  39. package/dist/base-primitives/edge/EdgeContainer.d.ts +1 -1
  40. package/dist/base-primitives/edge/EdgeContainer.js +8 -1
  41. package/dist/base-primitives/edge/EdgeLabel.d.ts +3 -2
  42. package/dist/base-primitives/edge/EdgeLabel.js +2 -0
  43. package/dist/base-primitives/edge/EdgeLabelContainer.d.ts +1 -1
  44. package/dist/base-primitives/edge/EdgeLabelContainer.js +4 -0
  45. package/dist/base-primitives/edge/EdgePath.d.ts +4 -0
  46. package/dist/base-primitives/edge/EdgePath.js +29 -5
  47. package/dist/base-primitives/element/ElementActionButtons.d.ts +6 -4
  48. package/dist/base-primitives/element/ElementActionButtons.js +3 -3
  49. package/dist/base-primitives/element/ElementData.d.ts +3 -3
  50. package/dist/base-primitives/element/ElementData.js +13 -7
  51. package/dist/base-primitives/element/ElementDetailsButton.d.ts +3 -2
  52. package/dist/base-primitives/element/ElementDetailsButton.js +5 -5
  53. package/dist/base-primitives/element/ElementNodeContainer.css.js +15 -27
  54. package/dist/base-primitives/element/ElementShape.js +5 -5
  55. package/dist/base-primitives/element/ElementTags.d.ts +6 -4
  56. package/dist/base-primitives/element/ElementTags.js +2 -1
  57. package/dist/base-primitives/memoEdge.js +4 -2
  58. package/dist/base-primitives/memoNode.d.ts +1 -1
  59. package/dist/base-primitives/memoNode.js +3 -3
  60. package/dist/components/ErrorFallback.js +52 -35
  61. package/dist/components/Link.js +2 -2
  62. package/dist/context/DiagramEventHandlers.js +2 -1
  63. package/dist/context/DiagramFeatures.d.ts +25 -6
  64. package/dist/context/DiagramFeatures.js +28 -56
  65. package/dist/context/IconRenderer.js +6 -6
  66. package/dist/context/LikeC4ModelContext.js +3 -10
  67. package/dist/context/TagStylesContext.js +3 -19
  68. package/dist/context/index.d.ts +1 -1
  69. package/dist/custom/customNodes.js +3 -2
  70. package/dist/custom/hooks.d.ts +3 -3
  71. package/dist/custom/index.d.ts +1 -1
  72. package/dist/custom/index.js +5 -5
  73. package/dist/editor/LikeC4EditorContext.d.ts +21 -0
  74. package/dist/editor/index.d.ts +2 -0
  75. package/dist/hooks/index.d.ts +4 -2
  76. package/dist/hooks/safeContext.d.ts +6 -3
  77. package/dist/hooks/safeContext.js +10 -3
  78. package/dist/hooks/useCallbackRef.d.ts +1 -0
  79. package/dist/hooks/useCallbackRef.js +13 -0
  80. package/dist/hooks/useCurrentView.d.ts +11 -0
  81. package/dist/hooks/{useCurrentViewId.js → useCurrentView.js} +7 -3
  82. package/dist/hooks/useCurrentViewModel.js +4 -1
  83. package/dist/hooks/useDiagram.d.ts +7 -113
  84. package/dist/hooks/useDiagram.js +7 -127
  85. package/dist/hooks/useDiagramCompareLayout.d.ts +35 -0
  86. package/dist/hooks/useDiagramCompareLayout.js +65 -0
  87. package/dist/hooks/useLikeC4Project.d.ts +6 -1
  88. package/dist/hooks/useLikeC4Project.js +14 -2
  89. package/dist/hooks/useMediaPrint.d.ts +6 -0
  90. package/dist/hooks/useUpdateEffect.js +2 -4
  91. package/dist/hooks/useXYFlow.d.ts +1 -0
  92. package/dist/hooks/useXYFlow.js +4 -7
  93. package/dist/index.d.ts +2 -2
  94. package/dist/index.js +4 -3
  95. package/dist/likec4diagram/DiagramUI.js +14 -7
  96. package/dist/likec4diagram/DiagramXYFlow.d.ts +2 -2
  97. package/dist/likec4diagram/DiagramXYFlow.js +60 -52
  98. package/dist/likec4diagram/convert-to-xyflow.d.ts +0 -1
  99. package/dist/likec4diagram/custom/edges/EdgeDrifts.d.ts +6 -0
  100. package/dist/likec4diagram/custom/edges/EdgeDrifts.js +38 -0
  101. package/dist/likec4diagram/custom/edges/RelationshipEdge.js +256 -217
  102. package/dist/likec4diagram/custom/edges/SequenceStepEdge.js +9 -2
  103. package/dist/likec4diagram/custom/edges/edges.css.js +3 -4
  104. package/dist/likec4diagram/custom/edges/useControlPoints.d.ts +8 -0
  105. package/dist/likec4diagram/custom/edges/useControlPoints.js +58 -0
  106. package/dist/likec4diagram/custom/edges/useRelationshipEdgePath.d.ts +7 -0
  107. package/dist/likec4diagram/custom/edges/useRelationshipEdgePath.js +60 -0
  108. package/dist/likec4diagram/custom/edges/utils.d.ts +0 -12
  109. package/dist/likec4diagram/custom/nodes/CompoundActions.js +4 -1
  110. package/dist/likec4diagram/custom/nodes/ElementActions.d.ts +2 -1
  111. package/dist/likec4diagram/custom/nodes/ElementActions.js +15 -10
  112. package/dist/likec4diagram/custom/nodes/NodeDrifts.d.ts +6 -0
  113. package/dist/likec4diagram/custom/nodes/NodeDrifts.js +50 -0
  114. package/dist/likec4diagram/custom/nodes/SequenceActorNode.js +7 -2
  115. package/dist/likec4diagram/custom/nodes/index.d.ts +1 -0
  116. package/dist/likec4diagram/custom/nodes/nodes.d.ts +9 -1
  117. package/dist/likec4diagram/custom/nodes/nodes.js +74 -29
  118. package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.d.ts +1 -1
  119. package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.js +1 -1
  120. package/dist/likec4diagram/custom/nodes/toolbar/CompoundToolbar.js +2 -1
  121. package/dist/likec4diagram/custom/nodes/toolbar/ElementToolbar.js +4 -3
  122. package/dist/likec4diagram/custom/nodes/toolbar/_shared.d.ts +1 -11
  123. package/dist/likec4diagram/custom/nodes/toolbar/_shared.js +7 -51
  124. package/dist/likec4diagram/custom/nodes/toolbar/types.d.ts +5 -0
  125. package/dist/likec4diagram/custom/nodes/toolbar/types.js +7 -0
  126. package/dist/likec4diagram/custom/nodes/toolbar/useHandlers.d.ts +8 -0
  127. package/dist/likec4diagram/custom/nodes/toolbar/useHandlers.js +44 -0
  128. package/dist/likec4diagram/relationship-popover/RelationshipPopover.js +8 -10
  129. package/dist/likec4diagram/relationship-popover/actor.d.ts +1 -1
  130. package/dist/likec4diagram/state/DiagramActorProvider.d.ts +4 -3
  131. package/dist/likec4diagram/state/DiagramActorProvider.js +95 -70
  132. package/dist/likec4diagram/state/assign.d.ts +13 -7
  133. package/dist/likec4diagram/state/assign.js +43 -282
  134. package/dist/likec4diagram/state/createViewChange.d.ts +3 -0
  135. package/dist/likec4diagram/state/createViewChange.js +79 -0
  136. package/dist/likec4diagram/state/diagram-api.d.ts +109 -0
  137. package/dist/likec4diagram/state/diagram-api.js +126 -0
  138. package/dist/likec4diagram/state/machine.actions.d.ts +1783 -0
  139. package/dist/likec4diagram/state/machine.actions.js +644 -0
  140. package/dist/likec4diagram/state/machine.actions.layout.d.ts +579 -0
  141. package/dist/likec4diagram/state/machine.actions.layout.js +129 -0
  142. package/dist/likec4diagram/state/machine.d.ts +22 -0
  143. package/dist/likec4diagram/state/machine.js +127 -0
  144. package/dist/likec4diagram/state/machine.setup.d.ts +327 -0
  145. package/dist/likec4diagram/state/machine.setup.js +93 -0
  146. package/dist/likec4diagram/state/machine.state.initializing.d.ts +208 -0
  147. package/dist/likec4diagram/state/machine.state.initializing.js +55 -0
  148. package/dist/likec4diagram/state/machine.state.navigating.d.ts +14 -0
  149. package/dist/likec4diagram/state/machine.state.navigating.js +178 -0
  150. package/dist/likec4diagram/state/machine.state.ready.d.ts +3131 -0
  151. package/dist/likec4diagram/state/machine.state.ready.focused.d.ts +386 -0
  152. package/dist/likec4diagram/state/machine.state.ready.focused.js +85 -0
  153. package/dist/likec4diagram/state/machine.state.ready.idle.d.ts +474 -0
  154. package/dist/likec4diagram/state/machine.state.ready.idle.js +96 -0
  155. package/dist/likec4diagram/state/machine.state.ready.js +262 -0
  156. package/dist/likec4diagram/state/machine.state.ready.printing.d.ts +128 -0
  157. package/dist/likec4diagram/state/machine.state.ready.printing.js +40 -0
  158. package/dist/likec4diagram/state/machine.state.ready.walkthrough.d.ts +511 -0
  159. package/dist/likec4diagram/state/machine.state.ready.walkthrough.js +177 -0
  160. package/dist/likec4diagram/state/mediaPrintActor.d.ts +12 -0
  161. package/dist/likec4diagram/state/mediaPrintActor.js +18 -0
  162. package/dist/likec4diagram/state/syncManualLayoutActor.d.ts +31 -108
  163. package/dist/likec4diagram/state/syncManualLayoutActor.js +278 -142
  164. package/dist/likec4diagram/state/types.d.ts +7 -12
  165. package/dist/likec4diagram/state/utils.d.ts +19 -4
  166. package/dist/likec4diagram/state/utils.js +47 -4
  167. package/dist/likec4diagram/types.d.ts +8 -8
  168. package/dist/likec4diagram/ui/LayoutDriftFrame.d.ts +2 -0
  169. package/dist/likec4diagram/ui/LayoutDriftFrame.js +66 -0
  170. package/dist/likec4diagram/ui/index.d.ts +1 -0
  171. package/dist/likec4diagram/ui/notation/NotationPanel.css.js +5 -2
  172. package/dist/likec4diagram/ui/notation/NotationPanel.js +5 -4
  173. package/dist/likec4diagram/useLayoutConstraints.d.ts +10 -5
  174. package/dist/likec4diagram/useLayoutConstraints.js +237 -61
  175. package/dist/likec4diagram/xyflow-diagram/diagram-view.d.ts +0 -1
  176. package/dist/likec4diagram/xyflow-diagram/diagram-view.js +14 -17
  177. package/dist/likec4diagram/xyflow-sequence/sequence-layout.js +11 -8
  178. package/dist/navigationpanel/NavigationPanel.js +16 -8
  179. package/dist/navigationpanel/NavigationPanelControls.d.ts +2 -1
  180. package/dist/navigationpanel/NavigationPanelControls.js +23 -17
  181. package/dist/navigationpanel/NavigationPanelDropdown.d.ts +2 -1
  182. package/dist/navigationpanel/NavigationPanelDropdown.js +62 -42
  183. package/dist/navigationpanel/_common.d.ts +1 -1
  184. package/dist/navigationpanel/_common.js +4 -2
  185. package/dist/navigationpanel/actor.d.ts +9 -205
  186. package/dist/navigationpanel/actor.js +6 -5
  187. package/dist/navigationpanel/comparepanel/CompareActionsMenu.d.ts +3 -0
  188. package/dist/navigationpanel/comparepanel/CompareActionsMenu.js +59 -0
  189. package/dist/navigationpanel/comparepanel/ComparePanel.d.ts +2 -0
  190. package/dist/navigationpanel/comparepanel/ComparePanel.js +42 -0
  191. package/dist/navigationpanel/comparepanel/ComparePanelControls.d.ts +1 -0
  192. package/dist/navigationpanel/comparepanel/ComparePanelControls.js +60 -0
  193. package/dist/navigationpanel/comparepanel/LayoutTypeSwitcher.d.ts +5 -0
  194. package/dist/navigationpanel/comparepanel/LayoutTypeSwitcher.js +38 -0
  195. package/dist/navigationpanel/comparepanel/index.d.ts +1 -0
  196. package/dist/navigationpanel/controls/{ViewDetailsCard.d.ts → DetailsControls.d.ts} +1 -1
  197. package/dist/navigationpanel/controls/{ViewDetailsCard.js → DetailsControls.js} +18 -14
  198. package/dist/navigationpanel/controls/LayoutWarning.d.ts +2 -0
  199. package/dist/navigationpanel/controls/LayoutWarning.js +102 -0
  200. package/dist/navigationpanel/controls/NavigationButtons.js +4 -3
  201. package/dist/navigationpanel/controls/OpenSource.js +2 -2
  202. package/dist/navigationpanel/controls/SearchControl.d.ts +2 -1
  203. package/dist/navigationpanel/controls/SearchControl.js +15 -17
  204. package/dist/navigationpanel/controls/ToggleReadonly.d.ts +1 -1
  205. package/dist/navigationpanel/controls/ToggleReadonly.js +26 -18
  206. package/dist/navigationpanel/controls/index.d.ts +2 -1
  207. package/dist/navigationpanel/dropdown/ProjectsMenu.d.ts +2 -2
  208. package/dist/navigationpanel/dropdown/ProjectsMenu.js +5 -5
  209. package/dist/navigationpanel/editorpanel/CenterCamera.js +5 -2
  210. package/dist/navigationpanel/editorpanel/ChangeAutoLayoutButton.d.ts +1 -1
  211. package/dist/navigationpanel/editorpanel/ChangeAutoLayoutButton.js +21 -20
  212. package/dist/navigationpanel/editorpanel/EditorPanel.js +3 -3
  213. package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.d.ts +2 -2
  214. package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.js +16 -13
  215. package/dist/navigationpanel/editorpanel/ToggleReadonly.d.ts +1 -0
  216. package/dist/navigationpanel/editorpanel/ToggleReadonly.js +15 -0
  217. package/dist/navigationpanel/styles.css.d.ts +2 -2
  218. package/dist/navigationpanel/styles.css.js +4 -4
  219. package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.js +14 -8
  220. package/dist/navigationpanel/walkthrough/DynamicViewControls.d.ts +66 -66
  221. package/dist/navigationpanel/walkthrough/DynamicViewControls.js +31 -14
  222. package/dist/navigationpanel/walkthrough/WalkthroughPanel.d.ts +2 -1
  223. package/dist/navigationpanel/walkthrough/WalkthroughPanel.js +68 -50
  224. package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/actions/dist/xstate-actions.cjs.js +37 -0
  225. package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/dev/dist/xstate-dev.cjs.js +59 -0
  226. package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/dist/assign-dea9f7c8.cjs.js +140 -0
  227. package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/dist/log-ec8d4df4.cjs.js +401 -0
  228. package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/dist/raise-da5b247f.cjs.js +2716 -0
  229. package/dist/node_modules/.pnpm/xstate@5.24.0_patch_hash_3a1bd6d012ec67bf6e38a00c3226d1be77089442f83aeb6e424b00ca2a11d21c/node_modules/xstate/guards/dist/xstate-guards.cjs.js +26 -0
  230. package/dist/overlays/element-details/ElementDetails.js +7 -7
  231. package/dist/overlays/element-details/ElementDetailsCard.css.js +3 -3
  232. package/dist/overlays/element-details/ElementDetailsCard.js +7 -5
  233. package/dist/overlays/element-details/MetadataValue.d.ts +2 -1
  234. package/dist/overlays/element-details/MetadataValue.js +2 -2
  235. package/dist/overlays/element-details/TabPanelDeployments.js +6 -4
  236. package/dist/overlays/element-details/TabPanelRelationships.js +3 -3
  237. package/dist/overlays/element-details/TabPanelStructure.js +1 -1
  238. package/dist/overlays/element-details/actor.d.ts +8 -82
  239. package/dist/overlays/element-details/actor.js +0 -8
  240. package/dist/overlays/overlay/Overlay.js +10 -10
  241. package/dist/overlays/overlaysActor.d.ts +7 -150
  242. package/dist/overlays/overlaysActor.js +183 -161
  243. package/dist/overlays/relationship-details/RelationshipDetails.js +4 -3
  244. package/dist/overlays/relationship-details/SelectEdge.js +2 -2
  245. package/dist/overlays/relationship-details/_types.d.ts +3 -4
  246. package/dist/overlays/relationship-details/actor.d.ts +6 -550
  247. package/dist/overlays/relationship-details/actor.js +18 -3
  248. package/dist/overlays/relationship-details/custom/ElementActions.js +8 -5
  249. package/dist/overlays/relationship-details/custom/edgeTypes.js +4 -1
  250. package/dist/overlays/relationship-details/custom/nodeTypes.js +4 -1
  251. package/dist/overlays/relationship-details/hooks.js +1 -1
  252. package/dist/overlays/relationship-details/layout-to-xyflow.js +3 -5
  253. package/dist/overlays/relationship-details/layout.d.ts +3 -3
  254. package/dist/overlays/relationship-details/layout.js +4 -4
  255. package/dist/overlays/relationships-browser/RelationshipsBrowser.js +6 -4
  256. package/dist/overlays/relationships-browser/SelectElement.js +2 -2
  257. package/dist/overlays/relationships-browser/_types.d.ts +2 -3
  258. package/dist/overlays/relationships-browser/actor.d.ts +7 -673
  259. package/dist/overlays/relationships-browser/actor.js +132 -110
  260. package/dist/overlays/relationships-browser/custom/ElementActions.js +44 -37
  261. package/dist/overlays/relationships-browser/custom/edgeTypes.js +4 -1
  262. package/dist/overlays/relationships-browser/custom/nodeTypes.js +4 -1
  263. package/dist/overlays/relationships-browser/hooks.js +7 -6
  264. package/dist/overlays/relationships-browser/layout.d.ts +2 -2
  265. package/dist/overlays/relationships-browser/layout.js +3 -3
  266. package/dist/overlays/relationships-browser/useViewToNodesEdges.js +0 -3
  267. package/dist/overlays/types.d.ts +12 -13
  268. package/dist/search/Search.js +2 -1
  269. package/dist/search/components/ElementsColumn.js +5 -3
  270. package/dist/search/components/PickView.js +1 -1
  271. package/dist/search/components/SearchByTags.js +21 -44
  272. package/dist/search/components/SearchInput.js +1 -1
  273. package/dist/search/components/ViewsColum.js +6 -4
  274. package/dist/search/components/_shared.css.d.ts +1 -1
  275. package/dist/search/searchActor.d.ts +3 -66
  276. package/dist/shadowroot/ShadowRoot.d.ts +5 -7
  277. package/dist/shadowroot/ShadowRoot.js +8 -6
  278. package/dist/styles.css2.js +1 -1
  279. package/dist/utils/index.d.ts +4 -4
  280. package/dist/utils/vector.d.ts +83 -21
  281. package/dist/utils/vector.js +98 -24
  282. package/dist/utils/view-bounds.d.ts +8 -0
  283. package/dist/utils/view-bounds.js +58 -0
  284. package/dist/utils/xyflow.d.ts +52 -8
  285. package/dist/utils/xyflow.js +31 -11
  286. package/package.json +26 -24
  287. package/panda.buildinfo.json +124 -71
  288. package/styles-min.css +1 -1
  289. package/styles.css +1 -1
  290. package/dist/hooks/useCurrentViewId.d.ts +0 -6
  291. package/dist/likec4diagram/custom/edges/utils.js +0 -23
  292. package/dist/likec4diagram/state/diagram-machine.d.ts +0 -2590
  293. package/dist/likec4diagram/state/diagram-machine.js +0 -1180
  294. package/dist/navigationpanel/editorpanel/LayoutDriftNotification.d.ts +0 -1
  295. package/dist/navigationpanel/editorpanel/LayoutDriftNotification.js +0 -56
  296. package/dist/utils/get-view-bounds.d.ts +0 -3
  297. package/dist/utils/get-view-bounds.js +0 -14
  298. /package/dist/base/{types.js → Base.js} +0 -0
  299. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/createReactComponent.js +0 -0
  300. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/defaultAttributes.js +0 -0
  301. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconAlertTriangle.js +0 -0
  302. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowDownRight.js +0 -0
  303. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowLeft.js +0 -0
  304. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconArrowRight.js +0 -0
  305. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconBolt.js +0 -0
  306. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconBrowser.js +0 -0
  307. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconCheck.js +0 -0
  308. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.js +0 -0
  309. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronLeft.js +0 -0
  310. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronRight.js +0 -0
  311. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconCopy.js +0 -0
  312. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconCylinder.js +0 -0
  313. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconDeviceMobile.js +0 -0
  314. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconDirectionSignFilled.js +0 -0
  315. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconExternalLink.js +0 -0
  316. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js +0 -0
  317. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconFocusCentered.js +0 -0
  318. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconFolderFilled.js +0 -0
  319. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconHelpCircle.js +0 -0
  320. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconId.js +0 -0
  321. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.js +0 -0
  322. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignBottom.js +0 -0
  323. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignCenter.js +0 -0
  324. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignLeft.js +0 -0
  325. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignMiddle.js +0 -0
  326. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignRight.js +0 -0
  327. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutAlignTop.js +0 -0
  328. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutBoardSplit.js +0 -0
  329. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutCollage.js +0 -0
  330. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLayoutDashboard.js +0 -0
  331. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLink.js +0 -0
  332. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLock.js +0 -0
  333. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconLockOpen2.js +0 -0
  334. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js +0 -0
  335. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipBackFilled.js +0 -0
  336. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerSkipForwardFilled.js +0 -0
  337. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerStopFilled.js +0 -0
  338. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconRectangularPrism.js +0 -0
  339. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconReorder.js +0 -0
  340. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconRouteOff.js +0 -0
  341. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.js +0 -0
  342. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconSelector.js +0 -0
  343. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconStack2.js +0 -0
  344. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconStarFilled.js +0 -0
  345. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconTarget.js +0 -0
  346. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconTransform.js +0 -0
  347. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconUser.js +0 -0
  348. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconX.js +0 -0
  349. /package/dist/node_modules/.pnpm/{@tabler_icons-react@3.35.0_react@19.1.1 → @tabler_icons-react@3.35.0_react@19.2.0}/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js +0 -0
@@ -1,24 +1,79 @@
1
1
  import { ButtonProps } from '@mantine/core';
2
- import { ForwardRefExoticComponent, ReactEventHandler, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, InputEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, ToggleEventHandler, TransitionEventHandler, Key, Ref, RefAttributes } from 'react';
2
+ import { ForwardRefExoticComponent, FormEventHandler, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, InputEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, ToggleEventHandler, TransitionEventHandler, Key, Ref, RefAttributes } from 'react';
3
3
  import { MotionProps } from 'motion/react';
4
4
  export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<ButtonProps & {
5
+ name?: string | undefined;
6
+ onChange?: FormEventHandler<HTMLButtonElement> | undefined;
5
7
  id?: string | undefined;
6
8
  type?: "button" | "submit" | "reset" | undefined;
7
9
  form?: string | undefined;
8
10
  hidden?: boolean | undefined;
9
11
  draggable?: (boolean | "true" | "false") | undefined;
10
12
  className?: string | undefined;
11
- onError?: ReactEventHandler<HTMLButtonElement> | undefined;
12
- value?: string | number | readonly string[] | undefined;
13
- name?: string | undefined;
14
13
  title?: string | undefined;
15
14
  color?: string | undefined;
15
+ dir?: string | undefined;
16
+ property?: string | undefined;
16
17
  role?: AriaRole | undefined;
17
18
  "aria-label"?: string | undefined;
18
- defaultValue?: string | number | readonly string[] | undefined;
19
19
  dangerouslySetInnerHTML?: {
20
20
  __html: string | TrustedHTML;
21
21
  } | undefined;
22
+ suppressHydrationWarning?: boolean | undefined;
23
+ lang?: string | undefined;
24
+ tabIndex?: number | undefined;
25
+ "aria-activedescendant"?: string | undefined;
26
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
27
+ "aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
28
+ "aria-braillelabel"?: string | undefined;
29
+ "aria-brailleroledescription"?: string | undefined;
30
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
31
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
32
+ "aria-colcount"?: number | undefined;
33
+ "aria-colindex"?: number | undefined;
34
+ "aria-colindextext"?: string | undefined;
35
+ "aria-colspan"?: number | undefined;
36
+ "aria-controls"?: string | undefined;
37
+ "aria-current"?: boolean | "step" | "time" | "page" | "location" | "date" | "true" | "false" | undefined;
38
+ "aria-describedby"?: string | undefined;
39
+ "aria-description"?: string | undefined;
40
+ "aria-details"?: string | undefined;
41
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
42
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
43
+ "aria-errormessage"?: string | undefined;
44
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
45
+ "aria-flowto"?: string | undefined;
46
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
47
+ "aria-haspopup"?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
48
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
49
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
50
+ "aria-keyshortcuts"?: string | undefined;
51
+ "aria-labelledby"?: string | undefined;
52
+ "aria-level"?: number | undefined;
53
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
54
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
55
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
56
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
57
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
58
+ "aria-owns"?: string | undefined;
59
+ "aria-placeholder"?: string | undefined;
60
+ "aria-posinset"?: number | undefined;
61
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
62
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
63
+ "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
64
+ "aria-required"?: (boolean | "true" | "false") | undefined;
65
+ "aria-roledescription"?: string | undefined;
66
+ "aria-rowcount"?: number | undefined;
67
+ "aria-rowindex"?: number | undefined;
68
+ "aria-rowindextext"?: string | undefined;
69
+ "aria-rowspan"?: number | undefined;
70
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
71
+ "aria-setsize"?: number | undefined;
72
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
73
+ "aria-valuemax"?: number | undefined;
74
+ "aria-valuemin"?: number | undefined;
75
+ "aria-valuenow"?: number | undefined;
76
+ "aria-valuetext"?: string | undefined;
22
77
  onCopy?: ClipboardEventHandler<HTMLButtonElement> | undefined;
23
78
  onCopyCapture?: ClipboardEventHandler<HTMLButtonElement> | undefined;
24
79
  onCut?: ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -35,7 +90,6 @@ export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<Bu
35
90
  onFocusCapture?: FocusEventHandler<HTMLButtonElement> | undefined;
36
91
  onBlur?: FocusEventHandler<HTMLButtonElement> | undefined;
37
92
  onBlurCapture?: FocusEventHandler<HTMLButtonElement> | undefined;
38
- onChange?: FormEventHandler<HTMLButtonElement> | undefined;
39
93
  onChangeCapture?: FormEventHandler<HTMLButtonElement> | undefined;
40
94
  onBeforeInput?: InputEventHandler<HTMLButtonElement> | undefined;
41
95
  onBeforeInputCapture?: FormEventHandler<HTMLButtonElement> | undefined;
@@ -49,6 +103,7 @@ export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<Bu
49
103
  onInvalidCapture?: FormEventHandler<HTMLButtonElement> | undefined;
50
104
  onLoad?: ReactEventHandler<HTMLButtonElement> | undefined;
51
105
  onLoadCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
106
+ onError?: ReactEventHandler<HTMLButtonElement> | undefined;
52
107
  onErrorCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
53
108
  onKeyDown?: KeyboardEventHandler<HTMLButtonElement> | undefined;
54
109
  onKeyDownCapture?: KeyboardEventHandler<HTMLButtonElement> | undefined;
@@ -182,21 +237,20 @@ export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<Bu
182
237
  onTransitionRunCapture?: TransitionEventHandler<HTMLButtonElement> | undefined;
183
238
  onTransitionStart?: TransitionEventHandler<HTMLButtonElement> | undefined;
184
239
  onTransitionStartCapture?: TransitionEventHandler<HTMLButtonElement> | undefined;
240
+ value?: string | number | readonly string[] | undefined;
241
+ key?: Key | null | undefined;
242
+ defaultValue?: string | number | readonly string[] | undefined;
185
243
  defaultChecked?: boolean | undefined;
186
244
  suppressContentEditableWarning?: boolean | undefined;
187
- suppressHydrationWarning?: boolean | undefined;
188
245
  accessKey?: string | undefined;
189
246
  autoCapitalize?: "none" | (string & {}) | "on" | "off" | "sentences" | "words" | "characters" | undefined;
190
247
  autoFocus?: boolean | undefined;
191
248
  contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
192
249
  contextMenu?: string | undefined;
193
- dir?: string | undefined;
194
- enterKeyHint?: "next" | "search" | "done" | "send" | "previous" | "enter" | "go" | undefined;
195
- lang?: string | undefined;
250
+ enterKeyHint?: "search" | "next" | "previous" | "send" | "done" | "enter" | "go" | undefined;
196
251
  nonce?: string | undefined;
197
252
  slot?: string | undefined;
198
253
  spellCheck?: (boolean | "true" | "false") | undefined;
199
- tabIndex?: number | undefined;
200
254
  translate?: "yes" | "no" | undefined;
201
255
  radioGroup?: string | undefined;
202
256
  about?: string | undefined;
@@ -204,7 +258,6 @@ export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<Bu
204
258
  datatype?: string | undefined;
205
259
  inlist?: any;
206
260
  prefix?: string | undefined;
207
- property?: string | undefined;
208
261
  rel?: string | undefined;
209
262
  resource?: string | undefined;
210
263
  rev?: string | undefined;
@@ -224,63 +277,10 @@ export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<Bu
224
277
  popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
225
278
  popoverTarget?: string | undefined;
226
279
  inert?: boolean | undefined;
227
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
280
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
228
281
  is?: string | undefined;
229
282
  exportparts?: string | undefined;
230
283
  part?: string | undefined;
231
- "aria-activedescendant"?: string | undefined;
232
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
233
- "aria-autocomplete"?: "list" | "none" | "both" | "inline" | undefined;
234
- "aria-braillelabel"?: string | undefined;
235
- "aria-brailleroledescription"?: string | undefined;
236
- "aria-busy"?: (boolean | "true" | "false") | undefined;
237
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
238
- "aria-colcount"?: number | undefined;
239
- "aria-colindex"?: number | undefined;
240
- "aria-colindextext"?: string | undefined;
241
- "aria-colspan"?: number | undefined;
242
- "aria-controls"?: string | undefined;
243
- "aria-current"?: boolean | "step" | "time" | "page" | "location" | "date" | "true" | "false" | undefined;
244
- "aria-describedby"?: string | undefined;
245
- "aria-description"?: string | undefined;
246
- "aria-details"?: string | undefined;
247
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
248
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
249
- "aria-errormessage"?: string | undefined;
250
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
251
- "aria-flowto"?: string | undefined;
252
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
253
- "aria-haspopup"?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
254
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
255
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
256
- "aria-keyshortcuts"?: string | undefined;
257
- "aria-labelledby"?: string | undefined;
258
- "aria-level"?: number | undefined;
259
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
260
- "aria-modal"?: (boolean | "true" | "false") | undefined;
261
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
262
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
263
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
264
- "aria-owns"?: string | undefined;
265
- "aria-placeholder"?: string | undefined;
266
- "aria-posinset"?: number | undefined;
267
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
268
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
269
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
270
- "aria-required"?: (boolean | "true" | "false") | undefined;
271
- "aria-roledescription"?: string | undefined;
272
- "aria-rowcount"?: number | undefined;
273
- "aria-rowindex"?: number | undefined;
274
- "aria-rowindextext"?: string | undefined;
275
- "aria-rowspan"?: number | undefined;
276
- "aria-selected"?: (boolean | "true" | "false") | undefined;
277
- "aria-setsize"?: number | undefined;
278
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
279
- "aria-valuemax"?: number | undefined;
280
- "aria-valuemin"?: number | undefined;
281
- "aria-valuenow"?: number | undefined;
282
- "aria-valuetext"?: string | undefined;
283
- key?: Key | null | undefined;
284
284
  ref?: Ref<HTMLButtonElement> | undefined;
285
285
  disabled?: boolean | undefined;
286
286
  formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
@@ -1,13 +1,16 @@
1
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
1
+ import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import { invariant } from '@likec4/core';
3
3
  import { css } from '@likec4/styles/css';
4
4
  import { Button, SegmentedControl } from '@mantine/core';
5
+ import { AnimatePresence } from 'motion/react';
5
6
  import * as m from 'motion/react-m';
6
7
  import { forwardRef } from 'react';
7
- import { useDiagramContext, useDiagram } from '../../hooks/useDiagram.js';
8
+ import { useEnabledFeatures } from '../../context/DiagramFeatures.js';
9
+ import { useDiagramContext } from '../../hooks/useDiagram.js';
8
10
  import { Tooltip } from '../_common.js';
9
11
  import { useNavigationActor } from '../hooks.js';
10
- import IconPlayerPlayFilled from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js';
12
+ import { useDiagram } from '../../hooks/safeContext.js';
13
+ import IconPlayerPlayFilled from '../../node_modules/.pnpm/@tabler_icons-react@3.35.0_react@19.2.0/node_modules/@tabler/icons-react/dist/esm/icons/IconPlayerPlayFilled.js';
11
14
 
12
15
  const TriggerWalkthroughButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(
13
16
  Button,
@@ -18,6 +21,10 @@ const TriggerWalkthroughButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(
18
21
  ...props,
19
22
  ref,
20
23
  component: m.button,
24
+ whileTap: {
25
+ scale: 0.95
26
+ },
27
+ layout: "position",
21
28
  layoutId: "trigger-dynamic-walkthrough",
22
29
  className: css({
23
30
  flexShrink: 0
@@ -25,9 +32,19 @@ const TriggerWalkthroughButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(
25
32
  }
26
33
  ));
27
34
  function StartWalkthroughButton() {
35
+ const { enableReadOnly, enableCompareWithLatest } = useEnabledFeatures();
28
36
  const diagram = useDiagram();
29
37
  const actor = useNavigationActor();
30
- return /* @__PURE__ */ jsx(Tooltip, { label: "Start Dynamic View Walkthrough", children: /* @__PURE__ */ jsx(
38
+ let tooltipLabel = "Start Dynamic View Walkthrough";
39
+ switch (true) {
40
+ case !enableReadOnly:
41
+ tooltipLabel = "Walkthrough not available in Edit mode";
42
+ break;
43
+ case enableCompareWithLatest:
44
+ tooltipLabel = "Walkthrough not available when Compare is active";
45
+ break;
46
+ }
47
+ return /* @__PURE__ */ jsx(Tooltip, { label: tooltipLabel, children: /* @__PURE__ */ jsx(
31
48
  TriggerWalkthroughButton,
32
49
  {
33
50
  onClick: (e) => {
@@ -35,13 +52,17 @@ function StartWalkthroughButton() {
35
52
  actor.closeDropdown();
36
53
  diagram.startWalkthrough();
37
54
  },
55
+ initial: { opacity: 0, scale: 0.6, translateX: -10 },
56
+ animate: { opacity: 1, scale: 1, translateX: 0 },
57
+ exit: { opacity: 0, translateX: -20 },
38
58
  size: "compact-xs",
39
59
  h: 26,
60
+ disabled: !enableReadOnly || enableCompareWithLatest,
40
61
  classNames: {
41
62
  label: css({
42
63
  display: {
43
64
  base: "none",
44
- "@/md": "[inherit]"
65
+ "@/md": "inherit"
45
66
  }
46
67
  }),
47
68
  section: css({
@@ -56,11 +77,8 @@ function StartWalkthroughButton() {
56
77
  }
57
78
  ) });
58
79
  }
59
- function DynamicViewModeSwitcher({
60
- value,
61
- onChange
62
- }) {
63
- return /* @__PURE__ */ jsx(m.div, { layout: "position", children: /* @__PURE__ */ jsx(
80
+ const DynamicViewModeSwitcher = forwardRef(({ value, onChange }, ref) => {
81
+ return /* @__PURE__ */ jsx(m.div, { ref, layout: "position", children: /* @__PURE__ */ jsx(
64
82
  SegmentedControl,
65
83
  {
66
84
  size: "xs",
@@ -87,11 +105,11 @@ function DynamicViewModeSwitcher({
87
105
  ]
88
106
  }
89
107
  ) });
90
- }
108
+ });
91
109
  function DynamicViewControls() {
92
110
  const dynamicViewVariant = useDiagramContext((c) => c.dynamicViewVariant);
93
111
  const diagram = useDiagram();
94
- return /* @__PURE__ */ jsxs(Fragment, { children: [
112
+ return /* @__PURE__ */ jsxs(AnimatePresence, { children: [
95
113
  /* @__PURE__ */ jsx(
96
114
  DynamicViewModeSwitcher,
97
115
  {
@@ -99,8 +117,7 @@ function DynamicViewControls() {
99
117
  onChange: (mode) => {
100
118
  diagram.switchDynamicViewVariant(mode);
101
119
  }
102
- },
103
- "dynamic-view-mode-switcher"
120
+ }
104
121
  ),
105
122
  /* @__PURE__ */ jsx(StartWalkthroughButton, {}, "trigger-dynamic-walkthrough")
106
123
  ] });
@@ -1 +1,2 @@
1
- export declare const WalkthroughPanel: () => import("react/jsx-runtime").JSX.Element | null;
1
+ import { MemoExoticComponent } from 'react';
2
+ export declare const WalkthroughPanel: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
@@ -1,9 +1,11 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import { RichText } from '@likec4/core';
3
- import { cx, css } from '@likec4/styles/css';
3
+ import { css } from '@likec4/styles/css';
4
4
  import { styled } from '@likec4/styles/jsx';
5
5
  import { vstack } from '@likec4/styles/patterns';
6
6
  import { ScrollAreaAutosize } from '@mantine/core';
7
+ import { AnimatePresence, m } from 'motion/react';
8
+ import { memo } from 'react';
7
9
  import { isNonNull, isTruthy } from 'remeda';
8
10
  import { useDiagramContext } from '../../hooks/useDiagram.js';
9
11
  import { Markdown } from '../../base-primitives/Markdown.js';
@@ -25,59 +27,75 @@ function selectWalkthroughNotes(s) {
25
27
  isParallel: isActive && isTruthy(s.activeWalkthrough?.parallelPrefix),
26
28
  hasNext: isActive && activeStepIndex < s.xyedges.length - 1,
27
29
  hasPrevious: isActive && activeStepIndex > 0,
28
- notes: isActive ? s.xyedges[activeStepIndex]?.data?.notes ?? RichText.EMPTY : null
30
+ notes: isActive ? s.xyedges[activeStepIndex]?.data?.notes ?? null : null
29
31
  };
30
32
  }
31
- const WalkthroughPanel = () => {
32
- const { notes } = useDiagramContext(selectWalkthroughNotes);
33
- if (!notes || notes.isEmpty) {
34
- return null;
35
- }
36
- return /* @__PURE__ */ jsx(styled.div, { position: "relative", children: /* @__PURE__ */ jsxs(
37
- ScrollAreaAutosize,
33
+ const WalkthroughPanel = memo(() => {
34
+ const { isActive, notes: _notes } = useDiagramContext(selectWalkthroughNotes);
35
+ const notes = _notes ? RichText.from(_notes) : RichText.EMPTY;
36
+ return /* @__PURE__ */ jsx(AnimatePresence, { children: isActive && !notes.isEmpty && /* @__PURE__ */ jsx(
37
+ m.div,
38
38
  {
39
- className: cx(
40
- "nowheel nopan nodrag",
41
- vstack({
42
- position: "absolute",
43
- layerStyle: "likec4.dropdown",
44
- gap: "sm",
45
- padding: "md",
46
- paddingTop: "xxs",
47
- pointerEvents: "all",
48
- maxWidth: "calc(100cqw - 32px)",
49
- minWidth: "calc(100cqw - 50px)",
50
- maxHeight: "calc(100cqh - 100px)",
51
- width: "max-content",
52
- cursor: "default",
53
- overflow: "auto",
54
- overscrollBehavior: "contain",
55
- "@/sm": {
56
- minWidth: 400,
57
- maxWidth: 550
58
- },
59
- "@/lg": {
60
- maxWidth: 700
61
- }
62
- })
63
- ),
64
- type: "scroll",
65
- children: [
66
- /* @__PURE__ */ jsx(SectionHeader, { children: "Notes" }),
67
- /* @__PURE__ */ jsx(
68
- Markdown,
69
- {
70
- value: notes,
71
- fontSize: "sm",
72
- emptyText: "No description",
73
- className: css({
74
- userSelect: "all"
75
- })
76
- }
77
- )
78
- ]
39
+ layout: "position",
40
+ className: css({
41
+ position: "relative"
42
+ }),
43
+ initial: {
44
+ opacity: 0,
45
+ translateX: -20
46
+ },
47
+ animate: {
48
+ opacity: 1,
49
+ translateX: 0
50
+ },
51
+ exit: {
52
+ opacity: 0,
53
+ translateX: -20
54
+ },
55
+ children: /* @__PURE__ */ jsxs(
56
+ ScrollAreaAutosize,
57
+ {
58
+ className: vstack({
59
+ position: "absolute",
60
+ layerStyle: "likec4.dropdown",
61
+ gap: "sm",
62
+ padding: "md",
63
+ paddingTop: "xxs",
64
+ pointerEvents: "all",
65
+ maxWidth: "calc(100cqw - 32px)",
66
+ minWidth: "calc(100cqw - 50px)",
67
+ maxHeight: "calc(100cqh - 100px)",
68
+ width: "max-content",
69
+ cursor: "default",
70
+ overflow: "auto",
71
+ overscrollBehavior: "contain",
72
+ "@/sm": {
73
+ minWidth: 400,
74
+ maxWidth: 550
75
+ },
76
+ "@/lg": {
77
+ maxWidth: 700
78
+ }
79
+ }),
80
+ type: "scroll",
81
+ children: [
82
+ /* @__PURE__ */ jsx(SectionHeader, { children: "Notes" }),
83
+ /* @__PURE__ */ jsx(
84
+ Markdown,
85
+ {
86
+ value: notes,
87
+ fontSize: "sm",
88
+ emptyText: "No description",
89
+ className: css({
90
+ userSelect: "all"
91
+ })
92
+ }
93
+ )
94
+ ]
95
+ }
96
+ )
79
97
  }
80
98
  ) });
81
- };
99
+ });
82
100
 
83
101
  export { WalkthroughPanel };
@@ -0,0 +1,37 @@
1
+ import { __exports as xstateActions_cjs } from '../../../../../../../_virtual/xstate-actions.cjs2.js';
2
+ import { __require as requireAssignDea9f7c8_cjs } from '../../dist/assign-dea9f7c8.cjs.js';
3
+ import { __require as requireRaiseDa5b247f_cjs } from '../../dist/raise-da5b247f.cjs.js';
4
+ import { __require as requireLogEc8d4df4_cjs } from '../../dist/log-ec8d4df4.cjs.js';
5
+ import { __require as requireXstateDev_cjs } from '../../dev/dist/xstate-dev.cjs.js';
6
+
7
+ var hasRequiredXstateActions_cjs;
8
+
9
+ function requireXstateActions_cjs () {
10
+ if (hasRequiredXstateActions_cjs) return xstateActions_cjs;
11
+ hasRequiredXstateActions_cjs = 1;
12
+
13
+ Object.defineProperty(xstateActions_cjs, '__esModule', { value: true });
14
+
15
+ var assign = /*@__PURE__*/ requireAssignDea9f7c8_cjs();
16
+ var guards_dist_xstateGuards = /*@__PURE__*/ requireRaiseDa5b247f_cjs();
17
+ var log = /*@__PURE__*/ requireLogEc8d4df4_cjs();
18
+ requireXstateDev_cjs();
19
+
20
+
21
+
22
+ xstateActions_cjs.assign = assign.assign;
23
+ xstateActions_cjs.cancel = guards_dist_xstateGuards.cancel;
24
+ xstateActions_cjs.raise = guards_dist_xstateGuards.raise;
25
+ xstateActions_cjs.spawnChild = guards_dist_xstateGuards.spawnChild;
26
+ xstateActions_cjs.stop = guards_dist_xstateGuards.stop;
27
+ xstateActions_cjs.stopChild = guards_dist_xstateGuards.stopChild;
28
+ xstateActions_cjs.emit = log.emit;
29
+ xstateActions_cjs.enqueueActions = log.enqueueActions;
30
+ xstateActions_cjs.forwardTo = log.forwardTo;
31
+ xstateActions_cjs.log = log.log;
32
+ xstateActions_cjs.sendParent = log.sendParent;
33
+ xstateActions_cjs.sendTo = log.sendTo;
34
+ return xstateActions_cjs;
35
+ }
36
+
37
+ export { requireXstateActions_cjs as __require };
@@ -0,0 +1,59 @@
1
+ import { commonjsGlobal } from '../../../../../../../_virtual/_commonjsHelpers.js';
2
+ import { __exports as xstateDev_cjs } from '../../../../../../../_virtual/xstate-dev.cjs.js';
3
+
4
+ var hasRequiredXstateDev_cjs;
5
+
6
+ function requireXstateDev_cjs () {
7
+ if (hasRequiredXstateDev_cjs) return xstateDev_cjs;
8
+ hasRequiredXstateDev_cjs = 1;
9
+
10
+ Object.defineProperty(xstateDev_cjs, '__esModule', { value: true });
11
+
12
+ // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis
13
+ function getGlobal() {
14
+ if (typeof globalThis !== 'undefined') {
15
+ return globalThis;
16
+ }
17
+ if (typeof self !== 'undefined') {
18
+ return self;
19
+ }
20
+ if (typeof window !== 'undefined') {
21
+ return window;
22
+ }
23
+ if (typeof commonjsGlobal !== 'undefined') {
24
+ return commonjsGlobal;
25
+ }
26
+ }
27
+ function getDevTools() {
28
+ const w = getGlobal();
29
+ if (w.__xstate__) {
30
+ return w.__xstate__;
31
+ }
32
+ return undefined;
33
+ }
34
+ function registerService(service) {
35
+ if (typeof window === 'undefined') {
36
+ return;
37
+ }
38
+ const devTools = getDevTools();
39
+ if (devTools) {
40
+ devTools.register(service);
41
+ }
42
+ }
43
+ const devToolsAdapter = service => {
44
+ if (typeof window === 'undefined') {
45
+ return;
46
+ }
47
+ const devTools = getDevTools();
48
+ if (devTools) {
49
+ devTools.register(service);
50
+ }
51
+ };
52
+
53
+ xstateDev_cjs.devToolsAdapter = devToolsAdapter;
54
+ xstateDev_cjs.getGlobal = getGlobal;
55
+ xstateDev_cjs.registerService = registerService;
56
+ return xstateDev_cjs;
57
+ }
58
+
59
+ export { requireXstateDev_cjs as __require };