@likec4/diagram 1.35.0 → 1.36.1

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 (224) hide show
  1. package/bundle/{chunk-C0Eg81Gj.js → chunk-DHvr-RGh.js} +323 -311
  2. package/bundle/custom.js +52 -52
  3. package/bundle/index.js +1594 -749
  4. package/dist/LikeC4Diagram.js +6 -6
  5. package/dist/LikeC4Diagram.props.d.ts +2 -3
  6. package/dist/LikeC4ModelProvider.d.ts +3 -3
  7. package/dist/LikeC4ProjectsProvider.d.ts +17 -0
  8. package/dist/LikeC4ProjectsProvider.js +22 -0
  9. package/dist/LikeC4Styles.d.ts +1 -0
  10. package/dist/LikeC4Styles.js +94 -0
  11. package/dist/StaticLikeC4Diagram.d.ts +3 -3
  12. package/dist/base/BaseXYFlow.js +23 -26
  13. package/dist/base/primitives/MarkdownBlock.d.ts +7 -1
  14. package/dist/base/primitives/MarkdownBlock.js +1 -1
  15. package/dist/base/primitives/compound/CompoundActionButton.js +2 -2
  16. package/dist/base/primitives/compound/CompoundDetailsButton.js +2 -2
  17. package/dist/base/primitives/compound/CompoundNodeContainer.css.js +4 -4
  18. package/dist/base/primitives/compound/CompoundNodeContainer.js +1 -4
  19. package/dist/base/primitives/compound/CompoundTitle.js +9 -8
  20. package/dist/base/primitives/compound/actionbtns.css.js +6 -6
  21. package/dist/base/primitives/edge/EdgeActionButton.js +2 -2
  22. package/dist/base/primitives/edge/EdgeContainer.js +4 -7
  23. package/dist/base/primitives/edge/EdgeLabel.css.d.ts +0 -22
  24. package/dist/base/primitives/edge/EdgeLabel.css.js +6 -84
  25. package/dist/base/primitives/edge/EdgeLabel.js +16 -6
  26. package/dist/base/primitives/edge/EdgeLabelContainer.js +1 -6
  27. package/dist/base/primitives/edge/EdgeMarkers.js +3 -3
  28. package/dist/base/primitives/edge/edge.css.d.ts +0 -2
  29. package/dist/base/primitives/edge/edge.css.js +1 -55
  30. package/dist/base/primitives/element/ElementActionButtons.js +2 -2
  31. package/dist/base/primitives/element/ElementDetailsButton.js +8 -7
  32. package/dist/base/primitives/element/ElementNodeContainer.css.js +4 -4
  33. package/dist/base/primitives/element/ElementNodeContainer.js +1 -4
  34. package/dist/base/primitives/element/ElementShape.css.js +11 -11
  35. package/dist/base/primitives/element/ElementTags.d.ts +1 -0
  36. package/dist/base/primitives/element/ElementTags.js +17 -14
  37. package/dist/bundle/LikeC4View.d.ts +1 -1
  38. package/dist/bundle/LikeC4View.js +7 -1
  39. package/dist/bundle/LikeC4View.props.d.ts +1 -2
  40. package/dist/bundle/ReactLikeC4.d.ts +1 -1
  41. package/dist/bundle/ViewNotFound.js +1 -1
  42. package/dist/bundle/index.d.ts +2 -1
  43. package/dist/bundle/index.js +1 -0
  44. package/dist/bundle/styles.css.js +1 -1
  45. package/dist/components/ErrorFallback.js +1 -1
  46. package/dist/components/GithubIcon.d.ts +2 -0
  47. package/dist/components/GithubIcon.js +17 -0
  48. package/dist/components/Link.d.ts +4 -3
  49. package/dist/components/Link.js +84 -87
  50. package/dist/components/NavigationLink.d.ts +2 -2
  51. package/dist/components/SearchControl.css.js +6 -5
  52. package/dist/context/DiagramEventHandlers.d.ts +6 -6
  53. package/dist/context/DiagramEventHandlers.js +4 -7
  54. package/dist/globals.css.js +3 -0
  55. package/dist/hooks/useXYFlow.d.ts +10 -10
  56. package/dist/index.d.ts +1 -0
  57. package/dist/index.js +1 -0
  58. package/dist/likec4diagram/DiagramUI.js +2 -1
  59. package/dist/likec4diagram/custom/edges/NotePopover.css.js +2 -2
  60. package/dist/likec4diagram/custom/edges/RelationshipEdge.d.ts +2 -2
  61. package/dist/likec4diagram/custom/edges/RelationshipEdge.js +1 -1
  62. package/dist/likec4diagram/custom/edges/RelationshipsDropdownMenu.css.js +7 -7
  63. package/dist/likec4diagram/custom/edges/RelationshipsDropdownMenu.js +3 -3
  64. package/dist/likec4diagram/custom/edges/edges.css.js +4 -4
  65. package/dist/likec4diagram/custom/index.d.ts +2 -2
  66. package/dist/likec4diagram/custom/nodes/toolbar/CompoundToolbar.js +2 -2
  67. package/dist/likec4diagram/ui/controls/styles.css.js +5 -5
  68. package/dist/likec4diagram/ui/diagram-title/DiagramTitlePanel.js +4 -4
  69. package/dist/likec4diagram/ui/notation/NotationPanel.css.js +11 -11
  70. package/dist/likec4diagram/ui/notation/NotationPanel.js +2 -5
  71. package/dist/likec4diagram/ui/walkthrough/DynamicViewWalkthrough.css.js +10 -10
  72. package/dist/likec4model/LikeC4ModelContext.d.ts +2 -1
  73. package/dist/likec4model/LikeC4ModelContext.js +10 -2
  74. package/dist/likec4model/LikeC4ProjectsContext.d.ts +7 -0
  75. package/dist/likec4model/LikeC4ProjectsContext.js +5 -0
  76. package/dist/likec4model/index.d.ts +1 -0
  77. package/dist/likec4model/useCurrentViewModel.d.ts +1 -0
  78. package/dist/likec4model/useCurrentViewModel.js +4 -1
  79. package/dist/likec4model/useLikeC4Project.d.ts +22 -0
  80. package/dist/likec4model/useLikeC4Project.js +23 -0
  81. package/dist/navigationpanel/NavigationPanel.js +15 -17
  82. package/dist/navigationpanel/NavigationPanelControls.js +34 -21
  83. package/dist/navigationpanel/NavigationPanelDropdown.js +33 -17
  84. package/dist/navigationpanel/_common.js +4 -1
  85. package/dist/navigationpanel/actor.d.ts +11 -15
  86. package/dist/navigationpanel/actor.js +14 -15
  87. package/dist/navigationpanel/controls/BurgerButton.js +5 -7
  88. package/dist/navigationpanel/controls/NavigationButtons.js +37 -24
  89. package/dist/navigationpanel/controls/OpenSource.js +1 -1
  90. package/dist/navigationpanel/controls/SearchControl.js +6 -4
  91. package/dist/navigationpanel/controls/ToggleReadonly.js +3 -3
  92. package/dist/navigationpanel/controls/ViewDetailsCard.d.ts +2 -0
  93. package/dist/navigationpanel/controls/ViewDetailsCard.js +232 -0
  94. package/dist/navigationpanel/controls/index.d.ts +1 -0
  95. package/dist/navigationpanel/dropdown/ProjectsMenu.d.ts +2 -0
  96. package/dist/navigationpanel/dropdown/ProjectsMenu.js +75 -0
  97. package/dist/navigationpanel/editorpanel/EditorPanel.js +3 -3
  98. package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.js +19 -20
  99. package/dist/navigationpanel/editorpanel/styles.js +5 -5
  100. package/dist/navigationpanel/hooks.d.ts +2 -2
  101. package/dist/navigationpanel/styles.css.js +0 -2
  102. package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.js +12 -7
  103. package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.js +14 -0
  104. package/dist/node_modules/.pnpm/@tabler_icons-react@3.34.1_react@19.1.1/node_modules/@tabler/icons-react/dist/esm/icons/IconLink.js +14 -0
  105. package/dist/overlays/element-details/ElementDetailsCard.css.js +18 -17
  106. package/dist/overlays/element-details/ElementDetailsCard.js +8 -13
  107. package/dist/overlays/element-details/TabPanelDeployments.css.js +5 -4
  108. package/dist/overlays/element-details/TabPanelRelationships.css.js +7 -7
  109. package/dist/overlays/overlay/Overlay.css.d.ts +3 -3
  110. package/dist/overlays/overlay/Overlay.css.js +8 -7
  111. package/dist/overlays/relationship-details/SelectEdge.css.js +8 -8
  112. package/dist/overlays/relationships-browser/SelectElement.css.js +1 -1
  113. package/dist/search/Search.js +6 -6
  114. package/dist/search/components/ElementsColumn.css.js +5 -5
  115. package/dist/search/components/SearchByTags.js +3 -2
  116. package/dist/search/components/ViewsColum.js +1 -1
  117. package/dist/search/components/ViewsColumn.css.js +1 -1
  118. package/dist/search/components/_shared.css.js +3 -3
  119. package/dist/search/components/styles.css.js +5 -5
  120. package/dist/state/DiagramActorProvider.js +43 -25
  121. package/dist/state/diagram-machine.d.ts +29 -247
  122. package/dist/state/diagram-machine.js +16 -16
  123. package/dist/styles-min.css +1 -1
  124. package/dist/styles.css +1 -1
  125. package/dist/styles.css2.js +1 -1
  126. package/package.json +10 -8
  127. package/panda.buildinfo.json +254 -326
  128. package/src/LikeC4Diagram.props.ts +2 -2
  129. package/src/LikeC4Diagram.tsx +2 -2
  130. package/src/LikeC4ModelProvider.tsx +4 -4
  131. package/src/LikeC4ProjectsProvider.tsx +41 -0
  132. package/src/LikeC4Styles.tsx +107 -0
  133. package/src/StaticLikeC4Diagram.tsx +3 -3
  134. package/src/base/BaseXYFlow.tsx +24 -29
  135. package/src/base/primitives/MarkdownBlock.tsx +11 -3
  136. package/src/base/primitives/compound/CompoundActionButton.tsx +2 -2
  137. package/src/base/primitives/compound/CompoundDetailsButton.tsx +2 -2
  138. package/src/base/primitives/compound/CompoundNodeContainer.css.ts +4 -13
  139. package/src/base/primitives/compound/CompoundNodeContainer.tsx +0 -3
  140. package/src/base/primitives/compound/CompoundTitle.tsx +8 -8
  141. package/src/base/primitives/compound/actionbtns.css.ts +6 -6
  142. package/src/base/primitives/edge/EdgeActionButton.tsx +2 -2
  143. package/src/base/primitives/edge/EdgeContainer.tsx +3 -6
  144. package/src/base/primitives/edge/EdgeLabel.css.ts +4 -83
  145. package/src/base/primitives/edge/EdgeLabel.tsx +16 -10
  146. package/src/base/primitives/edge/EdgeLabelContainer.tsx +1 -6
  147. package/src/base/primitives/edge/EdgeMarkers.tsx +3 -3
  148. package/src/base/primitives/edge/edge.css.ts +0 -60
  149. package/src/base/primitives/element/ElementActionButtons.tsx +2 -2
  150. package/src/base/primitives/element/ElementDetailsButton.tsx +7 -7
  151. package/src/base/primitives/element/ElementNodeContainer.css.ts +4 -4
  152. package/src/base/primitives/element/ElementNodeContainer.tsx +0 -3
  153. package/src/base/primitives/element/ElementShape.css.ts +11 -11
  154. package/src/base/primitives/element/ElementTags.tsx +17 -14
  155. package/src/bundle/LikeC4View.props.ts +1 -2
  156. package/src/bundle/LikeC4View.tsx +10 -3
  157. package/src/bundle/ReactLikeC4.tsx +1 -2
  158. package/src/bundle/ViewNotFound.tsx +1 -1
  159. package/src/bundle/index.ts +2 -1
  160. package/src/bundle/styles.css.ts +1 -1
  161. package/src/components/ErrorFallback.tsx +1 -1
  162. package/src/components/GithubIcon.tsx +16 -0
  163. package/src/components/Link.tsx +102 -113
  164. package/src/components/NavigationLink.tsx +2 -1
  165. package/src/components/SearchControl.css.ts +5 -5
  166. package/src/context/DiagramEventHandlers.tsx +12 -12
  167. package/src/globals.css +71 -0
  168. package/src/index.ts +5 -0
  169. package/src/likec4diagram/DiagramUI.tsx +8 -2
  170. package/src/likec4diagram/custom/edges/NotePopover.css.ts +2 -2
  171. package/src/likec4diagram/custom/edges/RelationshipEdge.tsx +1 -1
  172. package/src/likec4diagram/custom/edges/RelationshipsDropdownMenu.css.ts +7 -7
  173. package/src/likec4diagram/custom/edges/RelationshipsDropdownMenu.tsx +3 -3
  174. package/src/likec4diagram/custom/edges/edges.css.ts +4 -4
  175. package/src/likec4diagram/custom/nodes/toolbar/CompoundToolbar.tsx +2 -2
  176. package/src/likec4diagram/ui/controls/styles.css.ts +5 -5
  177. package/src/likec4diagram/ui/diagram-title/DiagramTitlePanel.tsx +4 -5
  178. package/src/likec4diagram/ui/notation/NotationPanel.css.ts +11 -11
  179. package/src/likec4diagram/ui/notation/NotationPanel.tsx +1 -4
  180. package/src/likec4diagram/ui/walkthrough/DynamicViewWalkthrough.css.ts +10 -10
  181. package/src/likec4model/{LikeC4ModelContext.ts → LikeC4ModelContext.tsx} +9 -1
  182. package/src/likec4model/LikeC4ProjectsContext.ts +9 -0
  183. package/src/likec4model/index.ts +8 -0
  184. package/src/likec4model/useCurrentViewModel.ts +4 -0
  185. package/src/likec4model/useLikeC4Project.ts +61 -0
  186. package/src/navigationpanel/NavigationPanel.tsx +16 -17
  187. package/src/navigationpanel/NavigationPanelControls.tsx +24 -46
  188. package/src/navigationpanel/NavigationPanelDropdown.tsx +32 -16
  189. package/src/navigationpanel/_common.tsx +4 -1
  190. package/src/navigationpanel/actor.ts +14 -15
  191. package/src/navigationpanel/controls/BurgerButton.tsx +5 -7
  192. package/src/navigationpanel/controls/NavigationButtons.tsx +9 -1
  193. package/src/navigationpanel/controls/OpenSource.tsx +1 -1
  194. package/src/navigationpanel/controls/SearchControl.tsx +6 -4
  195. package/src/navigationpanel/controls/ToggleReadonly.tsx +3 -3
  196. package/src/navigationpanel/controls/ViewDetailsCard.tsx +244 -0
  197. package/src/navigationpanel/controls/index.ts +1 -0
  198. package/src/navigationpanel/dropdown/ProjectsMenu.tsx +74 -0
  199. package/src/navigationpanel/editorpanel/EditorPanel.tsx +3 -3
  200. package/src/navigationpanel/editorpanel/ManualLayoutToolsButton.tsx +19 -22
  201. package/src/navigationpanel/editorpanel/styles.ts +5 -5
  202. package/src/navigationpanel/hooks.tsx +2 -2
  203. package/src/navigationpanel/styles.css.ts +0 -2
  204. package/src/navigationpanel/walkthrough/ActiveWalkthroughControls.tsx +9 -4
  205. package/src/overlays/element-details/ElementDetailsCard.css.ts +17 -17
  206. package/src/overlays/element-details/ElementDetailsCard.tsx +8 -13
  207. package/src/overlays/element-details/TabPanelDeployments.css.ts +4 -4
  208. package/src/overlays/element-details/TabPanelRelationships.css.ts +7 -7
  209. package/src/overlays/overlay/Overlay.css.ts +7 -7
  210. package/src/overlays/relationship-details/SelectEdge.css.ts +8 -8
  211. package/src/overlays/relationships-browser/SelectElement.css.ts +1 -1
  212. package/src/search/Search.tsx +6 -6
  213. package/src/search/components/ElementsColumn.css.ts +5 -5
  214. package/src/search/components/SearchByTags.tsx +2 -2
  215. package/src/search/components/ViewsColum.tsx +1 -1
  216. package/src/search/components/ViewsColumn.css.ts +1 -1
  217. package/src/search/components/_shared.css.ts +3 -3
  218. package/src/search/components/styles.css.ts +5 -5
  219. package/src/state/DiagramActorProvider.tsx +56 -30
  220. package/src/state/diagram-machine.ts +22 -16
  221. package/dist/LikeC4CustomColors.d.ts +0 -2
  222. package/dist/LikeC4CustomColors.js +0 -45
  223. package/dist/overlays/relationships-browser/custom/nodeTypes.d.ts +0 -45
  224. package/src/LikeC4CustomColors.tsx +0 -85
@@ -193,7 +193,7 @@ function normalizeHTMLProps(props) {
193
193
  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));
194
194
  }
195
195
  normalizeHTMLProps.keys = htmlProps;
196
- const conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_notDisabled,_reduceGraphics,_reduceGraphicsOnPan,_noReduceGraphics,_whenPanning,_smallZoom,_compoundTransparent,_edgeActive,_whenHovered,_whenSelected,_whenDimmed,_whenFocused,_shapeSizeXs,_shapeSizeSm,_shapeSizeMd,_shapeSizeLg,_shapeSizeXl,_shapeRectangle,_shapePerson,_shapeBrowser,_shapeMobile,_shapeCylinder,_shapeStorage,_shapeQueue,_p3,_srgb,_rec2020,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,xsToSm,xsToMd,xsToLg,xsToXl,smToMd,smToLg,smToXl,mdToLg,mdToXl,lgToXl,base", conditions = new Set(conditionsStr.split(",")), conditionRegex = /^@|&|&$/;
196
+ const conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_shapeSizeXs,_shapeSizeSm,_shapeSizeMd,_shapeSizeLg,_shapeSizeXl,_shapeRectangle,_shapePerson,_shapeBrowser,_shapeMobile,_shapeCylinder,_shapeStorage,_shapeQueue,_notDisabled,_reduceGraphics,_reduceGraphicsOnPan,_noReduceGraphics,_whenPanning,_smallZoom,_compoundTransparent,_edgeActive,_whenHovered,_whenSelected,_whenDimmed,_whenFocused,_p3,_srgb,_rec2020,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,xsToSm,xsToMd,xsToLg,xsToXl,smToMd,smToLg,smToXl,mdToLg,mdToXl,lgToXl,@/xs,@/sm,@/md,@/lg,@likec4-root/xs,@likec4-root/sm,@likec4-root/md,@likec4-root/lg,@likec4-dialog/xs,@likec4-dialog/sm,@likec4-dialog/md,@likec4-dialog/lg,base", conditions = new Set(conditionsStr.split(",")), conditionRegex = /^@|&|&$/;
197
197
  function isCondition(value) {
198
198
  return conditions.has(value) || conditionRegex.test(value);
199
199
  }
@@ -207,7 +207,7 @@ function sortConditions(paths) {
207
207
  return aa && !bb ? 1 : !aa && bb ? -1 : 0;
208
208
  });
209
209
  }
210
- const utilities = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:transition-fast,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,likec4Palette:likec4-palette,likec4RelationPalette:likec4-relation-color,textStyle:textStyle,layerStyle:layerStyle,animationStyle:animationStyle", classNameByProp = /* @__PURE__ */ new Map(), shorthands = /* @__PURE__ */ new Map();
210
+ const utilities = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:transition,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,textStyle:textStyle,layerStyle:layerStyle,animationStyle:animationStyle", classNameByProp = /* @__PURE__ */ new Map(), shorthands = /* @__PURE__ */ new Map();
211
211
  utilities.split(",").forEach((utility) => {
212
212
  const [prop, meta] = utility.split(":"), [className, ...shorthandList] = meta.split("/");
213
213
  classNameByProp.set(prop, className), shorthandList.length && shorthandList.forEach((shorthand) => {
@@ -1204,7 +1204,7 @@ function mergeRefs(...refs) {
1204
1204
  return () => {
1205
1205
  refs.forEach((ref) => {
1206
1206
  const cleanup = cleanupMap.get(ref);
1207
- cleanup ? cleanup() : assignRef(ref, null);
1207
+ cleanup && typeof cleanup == "function" ? cleanup() : assignRef(ref, null);
1208
1208
  }), cleanupMap.clear();
1209
1209
  };
1210
1210
  };
@@ -7187,7 +7187,13 @@ MenuSubTarget.displayName = "@mantine/core/MenuSubTarget";
7187
7187
  const defaultProps$8 = {
7188
7188
  offset: 0,
7189
7189
  position: "right-start",
7190
- transitionProps: { duration: 0 }
7190
+ transitionProps: { duration: 0 },
7191
+ middlewares: {
7192
+ shift: {
7193
+ // Enable crossAxis shift to keep submenu dropdown within viewport bounds when positioned horizontally
7194
+ crossAxis: !0
7195
+ }
7196
+ }
7191
7197
  };
7192
7198
  function MenuSub(_props) {
7193
7199
  const { children: children2, closeDelay, ...others } = useProps("MenuSub", defaultProps$8, _props), id2 = useId$1(), [opened, { open, close }] = useDisclosure(!1), ctx = useSubMenuContext(), { openDropdown, closeDropdown } = useDelayedHover({
@@ -15619,7 +15625,7 @@ const HandlerNames = [
15619
15625
  "onNodeContextMenu",
15620
15626
  "onChange",
15621
15627
  "onCanvasDblClick"
15622
- ], DiagramEventHandlersContext = createContext({
15628
+ ], DiagramEventHandlersReactContext = createContext({
15623
15629
  ...l$1(HandlerNames, (name) => [name, null]),
15624
15630
  handlersRef: {
15625
15631
  current: {}
@@ -15633,13 +15639,10 @@ function DiagramEventHandlers({
15633
15639
  ...l$1(HandlerNames, (name) => handlersRef.current[name] ? [name, (...args) => handlersRef.current[name]?.(...args)] : [name, null]),
15634
15640
  handlersRef
15635
15641
  }), [handlersRef, ...deps]);
15636
- return /* @__PURE__ */ jsx(DiagramEventHandlersContext.Provider, { value, children: children2 });
15642
+ return /* @__PURE__ */ jsx(DiagramEventHandlersReactContext.Provider, { value, children: children2 });
15637
15643
  }
15638
15644
  function useDiagramEventHandlers() {
15639
- return useContext(DiagramEventHandlersContext);
15640
- }
15641
- function useDiagramEventHandlersRef() {
15642
- return useContext(DiagramEventHandlersContext).handlersRef;
15645
+ return useContext(DiagramEventHandlersReactContext);
15643
15646
  }
15644
15647
  var getOwnPropertyNames = Object.getOwnPropertyNames, getOwnPropertySymbols = Object.getOwnPropertySymbols, hasOwnProperty = Object.prototype.hasOwnProperty;
15645
15648
  function combineComparators(comparatorA, comparatorB) {
@@ -16043,7 +16046,7 @@ function IconOrShapeRenderer({
16043
16046
  }
16044
16047
  );
16045
16048
  }
16046
- var userGeneratedStr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderBlockStartWidth,borderBlockEndWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,cursor,likec4Palette,likec4RelationPalette,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_notDisabled,_reduceGraphics,_reduceGraphicsOnPan,_noReduceGraphics,_whenPanning,_smallZoom,_compoundTransparent,_edgeActive,_whenHovered,_whenSelected,_whenDimmed,_whenFocused,_shapeSizeXs,_shapeSizeSm,_shapeSizeMd,_shapeSizeLg,_shapeSizeXl,_shapeRectangle,_shapePerson,_shapeBrowser,_shapeMobile,_shapeCylinder,_shapeStorage,_shapeQueue,_p3,_srgb,_rec2020,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,xsToSm,xsToMd,xsToLg,xsToXl,smToMd,smToLg,smToXl,mdToLg,mdToXl,lgToXl,textStyle,layerStyle,animationStyle", userGenerated = userGeneratedStr.split(","), cssPropertiesStr = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,WebkitUserSelect,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,anchorName,anchorScope,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimeline,animationTimingFunction,appearance,aspectRatio,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBlockStyle,borderBlockWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineColor,borderInlineEnd,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderInlineStyle,borderInlineWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,clipRule,color,colorInterpolationFilters,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,cx,cy,d,direction,display,dominantBaseline,emptyCells,fieldSizing,fill,fillOpacity,fillRule,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,floodColor,floodOpacity,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontVariationSettings,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,interpolateSize,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lightingColor,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,marker,markerEnd,markerMid,markerStart,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,positionAnchor,positionArea,positionTry,positionTryFallbacks,positionTryOrder,positionVisibility,printColorAdjust,quotes,r,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,rx,ry,scale,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginBottom,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockEnd,scrollPaddingBlockStart,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,scrollbarColor,scrollbarGutter,scrollbarWidth,shapeImageThreshold,shapeMargin,shapeOutside,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,tabSize,tableLayout,textAlign,textAlignLast,textAnchor,textBox,textBoxEdge,textBoxTrim,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textSpacingTrim,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,textWrapMode,textWrapStyle,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,vectorEffect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,x,y,zIndex,zoom,alignmentBaseline,baselineShift,colorInterpolation,colorRendering,glyphOrientationVertical", allCssProperties = cssPropertiesStr.split(",").concat(userGenerated), properties = new Map(allCssProperties.map((prop) => [prop, !0])), cssPropertySelectorRegex = /&|@/, isCssProperty = /* @__PURE__ */ memo((prop) => properties.has(prop) || prop.startsWith("--") || cssPropertySelectorRegex.test(prop));
16049
+ var userGeneratedStr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderBlockStartWidth,borderBlockEndWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,cursor,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_shapeSizeXs,_shapeSizeSm,_shapeSizeMd,_shapeSizeLg,_shapeSizeXl,_shapeRectangle,_shapePerson,_shapeBrowser,_shapeMobile,_shapeCylinder,_shapeStorage,_shapeQueue,_notDisabled,_reduceGraphics,_reduceGraphicsOnPan,_noReduceGraphics,_whenPanning,_smallZoom,_compoundTransparent,_edgeActive,_whenHovered,_whenSelected,_whenDimmed,_whenFocused,_p3,_srgb,_rec2020,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,xsToSm,xsToMd,xsToLg,xsToXl,smToMd,smToLg,smToXl,mdToLg,mdToXl,lgToXl,@/xs,@/sm,@/md,@/lg,@likec4-root/xs,@likec4-root/sm,@likec4-root/md,@likec4-root/lg,@likec4-dialog/xs,@likec4-dialog/sm,@likec4-dialog/md,@likec4-dialog/lg,textStyle,layerStyle,animationStyle", userGenerated = userGeneratedStr.split(","), cssPropertiesStr = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,WebkitUserSelect,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,anchorName,anchorScope,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimeline,animationTimingFunction,appearance,aspectRatio,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBlockStyle,borderBlockWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineColor,borderInlineEnd,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderInlineStyle,borderInlineWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,clipRule,color,colorInterpolationFilters,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,cx,cy,d,direction,display,dominantBaseline,emptyCells,fieldSizing,fill,fillOpacity,fillRule,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,floodColor,floodOpacity,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontVariationSettings,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,interpolateSize,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lightingColor,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,marker,markerEnd,markerMid,markerStart,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,positionAnchor,positionArea,positionTry,positionTryFallbacks,positionTryOrder,positionVisibility,printColorAdjust,quotes,r,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,rx,ry,scale,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginBottom,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockEnd,scrollPaddingBlockStart,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,scrollbarColor,scrollbarGutter,scrollbarWidth,shapeImageThreshold,shapeMargin,shapeOutside,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,tabSize,tableLayout,textAlign,textAlignLast,textAnchor,textBox,textBoxEdge,textBoxTrim,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textSpacingTrim,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,textWrapMode,textWrapStyle,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,vectorEffect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,x,y,zIndex,zoom,alignmentBaseline,baselineShift,colorInterpolation,colorRendering,glyphOrientationVertical", allCssProperties = cssPropertiesStr.split(",").concat(userGenerated), properties = new Map(allCssProperties.map((prop) => [prop, !0])), cssPropertySelectorRegex = /&|@/, isCssProperty = /* @__PURE__ */ memo((prop) => properties.has(prop) || prop.startsWith("--") || cssPropertySelectorRegex.test(prop));
16047
16050
  const defaultShouldForwardProp = (prop, variantKeys) => !variantKeys.includes(prop) && !isCssProperty(prop), composeShouldForwardProps = (tag, shouldForwardProp) => tag.__shouldForwardProps__ && shouldForwardProp ? (propName) => tag.__shouldForwardProps__(propName) && shouldForwardProp(propName) : shouldForwardProp, composeCvaFn = (cvaA, cvaB) => {
16048
16051
  if (cvaA && !cvaB) return cvaA;
16049
16052
  if (!cvaA && cvaB) return cvaB;
@@ -16197,6 +16200,9 @@ function useIsPanning() {
16197
16200
  return useStore(usePanningAtom());
16198
16201
  }
16199
16202
  const LikeC4ModelContext = createContext(null), CurrentViewModelContext = createContext(null);
16203
+ function EnsureCurrentViewModel({ children: children2 }) {
16204
+ return useContext(CurrentViewModelContext) ? /* @__PURE__ */ jsx(Fragment$1, { children: children2 }) : null;
16205
+ }
16200
16206
  function useLikeC4Model() {
16201
16207
  const model = useContext(LikeC4ModelContext);
16202
16208
  if (!model)
@@ -16299,23 +16305,6 @@ function RootContainer({
16299
16305
  function useRootContainer() {
16300
16306
  return useContext(RootContainerContext).current;
16301
16307
  }
16302
- function useMantinePortalProps() {
16303
- const target = useRootContainer();
16304
- return useMemo(() => target ? { portalProps: { target }, withinPortal: !0 } : { withinPortal: !1 }, [target]);
16305
- }
16306
- function useSetState(initialState) {
16307
- const [state, _setState] = useState(initialState), setState = useCallback(
16308
- (statePartial) => _setState((current) => {
16309
- const next = {
16310
- ...current,
16311
- ...typeof statePartial == "function" ? statePartial(current) : statePartial
16312
- };
16313
- return shallowEqual(current, next) ? current : next;
16314
- }),
16315
- []
16316
- );
16317
- return [state, setState];
16318
- }
16319
16308
  const noop = () => {
16320
16309
  }, depsShallowEqual = (d1, d2) => {
16321
16310
  if (d1 === d2)
@@ -17330,6 +17319,23 @@ function bezierPath(bezierSpline) {
17330
17319
  }
17331
17320
  return invariant(points.length === 0, "all points should be consumed"), path;
17332
17321
  }
17322
+ function useMantinePortalProps() {
17323
+ const target = useRootContainer();
17324
+ return useMemo(() => target ? { portalProps: { target }, withinPortal: !0 } : { withinPortal: !1 }, [target]);
17325
+ }
17326
+ function useSetState(initialState) {
17327
+ const [state, _setState] = useState(initialState), setState = useCallback(
17328
+ (statePartial) => _setState((current) => {
17329
+ const next = {
17330
+ ...current,
17331
+ ...typeof statePartial == "function" ? statePartial(current) : statePartial
17332
+ };
17333
+ return shallowEqual(current, next) ? current : next;
17334
+ }),
17335
+ []
17336
+ );
17337
+ return [state, setState];
17338
+ }
17333
17339
  function getGlobal() {
17334
17340
  if (typeof globalThis < "u")
17335
17341
  return globalThis;
@@ -19430,14 +19436,14 @@ const MotionButton = /* @__PURE__ */ createMinimalMotionComponent("button"), Mot
19430
19436
  transitionDuration: "normal",
19431
19437
  "[data-compound-title-inverse] &": {
19432
19438
  _dark: {
19433
- "--actionbtn-color": "color-mix(in srgb, {colors.likec4.palette.loContrast} 60%, {colors.likec4.palette.fill})"
19439
+ "--actionbtn-color": "color-mix(in srgb, var(--likec4-palette-loContrast) 60%, var(--likec4-palette-fill))"
19434
19440
  },
19435
19441
  _light: {
19436
- "--actionbtn-color": "{colors.likec4.palette.stroke}",
19437
- "--actionbtn-color-hovered": "{colors.likec4.palette.stroke}",
19438
- "--actionbtn-color-hovered-btn": "{colors.likec4.palette.hiContrast}",
19439
- "--actionbtn-bg-hovered": "{colors.likec4.palette.fill/50}",
19440
- "--actionbtn-bg-hovered-btn": "{colors.likec4.palette.fill}"
19442
+ "--actionbtn-color": "var(--likec4-palette-stroke)",
19443
+ "--actionbtn-color-hovered": "var(--likec4-palette-stroke)",
19444
+ "--actionbtn-color-hovered-btn": "var(--likec4-palette-hiContrast)",
19445
+ "--actionbtn-bg-hovered": "var(--likec4-palette-fill)/50",
19446
+ "--actionbtn-bg-hovered-btn": "var(--likec4-palette-fill)"
19441
19447
  }
19442
19448
  }
19443
19449
  },
@@ -19467,8 +19473,8 @@ function CompoundActionButton({
19467
19473
  className: cx(
19468
19474
  css({
19469
19475
  position: "absolute",
19470
- top: "5px",
19471
- left: "4px",
19476
+ top: "[5px]",
19477
+ left: "[4px]",
19472
19478
  _smallZoom: {
19473
19479
  display: "none"
19474
19480
  }
@@ -19524,8 +19530,8 @@ function CompoundDetailsButton({
19524
19530
  className: cx(
19525
19531
  css({
19526
19532
  position: "absolute",
19527
- top: "[2px]",
19528
- right: "[2px]",
19533
+ top: "0.5",
19534
+ right: "0.5",
19529
19535
  _smallZoom: {
19530
19536
  display: "none"
19531
19537
  }
@@ -19602,7 +19608,7 @@ const borderWidth = {
19602
19608
  width: "100%",
19603
19609
  height: "100%",
19604
19610
  border: "transparent",
19605
- background: "likec4.palette.fill",
19611
+ background: "var(--likec4-palette-fill)",
19606
19612
  backgroundClip: "padding-box",
19607
19613
  transitionDelay: ".075ms"
19608
19614
  },
@@ -19638,7 +19644,7 @@ const borderWidth = {
19638
19644
  background: "transparent",
19639
19645
  borderStyle: "dashed",
19640
19646
  borderWidth: `[${borderWidth.ref}]`,
19641
- borderColor: `[color-mix(in srgb, {colors.likec4.palette.stroke} ${borderOpacityPercent.ref}, transparent)]`
19647
+ borderColor: `[color-mix(in srgb, var(--likec4-palette-stroke) ${borderOpacityPercent.ref}, transparent)]`
19642
19648
  }), indicatorSvg = css.raw({
19643
19649
  position: "absolute",
19644
19650
  top: "0",
@@ -19658,12 +19664,12 @@ const borderWidth = {
19658
19664
  display: "none"
19659
19665
  }
19660
19666
  }), indicatorRect = css.raw({
19661
- stroke: "[color-mix(in srgb, {colors.likec4.palette.stroke} 60%, {colors.likec4.palette.hiContrast})]",
19667
+ stroke: "[color-mix(in srgb, var(--likec4-palette-stroke) 60%, var(--likec4-palette-hiContrast))]",
19662
19668
  strokeWidth: "4",
19663
19669
  fill: "[none]",
19664
19670
  animationStyle: "indicator",
19665
19671
  _light: {
19666
- stroke: "[color-mix(in srgb, {colors.likec4.palette.stroke} 80%, {colors.likec4.palette.hiContrast})]"
19672
+ stroke: "[color-mix(in srgb, var(--likec4-palette-stroke) 80%, var(--likec4-palette-hiContrast))]"
19667
19673
  }
19668
19674
  }), compound = sva({
19669
19675
  slots: ["root", "compoundBorder", "indicatorSvg", "indicatorRect"],
@@ -19726,9 +19732,6 @@ function CompoundNodeContainer({
19726
19732
  m.div,
19727
19733
  {
19728
19734
  className: cx(
19729
- css({
19730
- likec4Palette: `${data.color}.${depth}`
19731
- }),
19732
19735
  classes2.root,
19733
19736
  "likec4-compound-node",
19734
19737
  className
@@ -19783,10 +19786,11 @@ const titleContainer = css({
19783
19786
  position: "absolute",
19784
19787
  display: "flex",
19785
19788
  alignItems: "center",
19786
- gap: "6px",
19787
- left: "14px",
19788
- top: "4px",
19789
- right: "30px",
19789
+ gap: "1.5",
19790
+ // 6px
19791
+ left: "[14px]",
19792
+ top: "[4px]",
19793
+ right: "[30px]",
19790
19794
  width: "auto",
19791
19795
  minHeight: "30px",
19792
19796
  ":where(.react-flow__node.draggable) &": {
@@ -19794,7 +19798,7 @@ const titleContainer = css({
19794
19798
  cursor: "grab"
19795
19799
  },
19796
19800
  ".likec4-compound-node:has(.compound-action) &": {
19797
- paddingLeft: "22px"
19801
+ paddingLeft: "[22px]"
19798
19802
  }
19799
19803
  }), titleText = css({
19800
19804
  flex: "1",
@@ -19803,11 +19807,11 @@ const titleContainer = css({
19803
19807
  fontSize: "15px",
19804
19808
  textTransform: "uppercase",
19805
19809
  letterSpacing: "0.2px",
19806
- color: "likec4.palette.loContrast",
19810
+ color: "var(--likec4-palette-loContrast)",
19807
19811
  "[data-compound-title-inverse] &": {
19808
19812
  color: {
19809
- base: "[color-mix(in srgb, {colors.likec4.palette.loContrast} 60%, {colors.likec4.palette.fill})]",
19810
- _light: "likec4.palette.stroke"
19813
+ base: "[color-mix(in srgb, var(--likec4-palette-loContrast) 60%, var(--likec4-palette-fill))]",
19814
+ _light: "var(--likec4-palette-stroke)"
19811
19815
  }
19812
19816
  }
19813
19817
  }), iconSize = "20px", cssIcon = css({
@@ -19880,9 +19884,9 @@ function customNode(Node2) {
19880
19884
  const container$2 = css({
19881
19885
  position: "absolute",
19882
19886
  zIndex: 1,
19883
- top: "calc(100% - 30px)",
19887
+ top: "[calc(100% - 30px)]",
19884
19888
  transform: "translateX(-50%)",
19885
- left: "50%",
19889
+ left: "[50%]",
19886
19890
  width: "auto",
19887
19891
  minHeight: "30px",
19888
19892
  display: "flex",
@@ -19943,20 +19947,21 @@ function ElementActionButtons({
19943
19947
  }
19944
19948
  const container$1 = css({
19945
19949
  position: "absolute",
19946
- top: 2,
19947
- right: 2,
19950
+ top: "0.5",
19951
+ right: "0.5",
19948
19952
  _shapeBrowser: {
19949
- right: "5px"
19953
+ right: "[5px]"
19950
19954
  },
19951
19955
  _shapeCylinder: {
19952
- top: "14px"
19956
+ top: "[14px]"
19953
19957
  },
19954
19958
  _shapeStorage: {
19955
- top: "14px"
19959
+ top: "[14px]"
19956
19960
  },
19957
19961
  _shapeQueue: {
19958
- top: "1px",
19959
- right: "12px"
19962
+ top: "[1px]",
19963
+ right: "3"
19964
+ // 12px
19960
19965
  },
19961
19966
  _smallZoom: {
19962
19967
  display: "none"
@@ -20004,8 +20009,8 @@ const container = css({
20004
20009
  position: "relative",
20005
20010
  width: "100%",
20006
20011
  height: "100%",
20007
- padding: 0,
20008
- margin: 0,
20012
+ padding: "0",
20013
+ margin: "0",
20009
20014
  display: "flex",
20010
20015
  alignItems: "center",
20011
20016
  justifyContent: "center",
@@ -20013,8 +20018,8 @@ const container = css({
20013
20018
  _before: {
20014
20019
  content: '" "',
20015
20020
  position: "absolute",
20016
- top: "calc(100% - 4px)",
20017
- left: 0,
20021
+ top: "[calc(100% - 4px)]",
20022
+ left: "0",
20018
20023
  width: "100%",
20019
20024
  height: "24px",
20020
20025
  background: "[transparent]",
@@ -20092,9 +20097,6 @@ const ElementNodeContainer = forwardRef(({
20092
20097
  {
20093
20098
  ref,
20094
20099
  className: cx(
20095
- css({
20096
- likec4Palette: data.color
20097
- }),
20098
20100
  container,
20099
20101
  "group",
20100
20102
  "likec4-element-node",
@@ -20129,14 +20131,14 @@ const indicator = css({
20129
20131
  _smallZoom: {
20130
20132
  visibility: "hidden"
20131
20133
  },
20132
- stroke: "likec4.palette.loContrast",
20134
+ stroke: "var(--likec4-palette-loContrast)",
20133
20135
  fill: "[none]",
20134
20136
  strokeWidth: 8,
20135
20137
  strokeOpacity: 0.8,
20136
20138
  visibility: "hidden",
20137
20139
  pointerEvents: "none",
20138
20140
  _light: {
20139
- stroke: "[color-mix(in srgb, {colors.likec4.palette.fill} 50%,rgb(121, 121, 121))]"
20141
+ stroke: "[color-mix(in srgb, var(--likec4-palette-fill) 50%,rgb(121, 121, 121))]"
20140
20142
  },
20141
20143
  _whenFocused: {
20142
20144
  visibility: "visible"
@@ -20149,25 +20151,25 @@ const indicator = css({
20149
20151
  visibility: "visible"
20150
20152
  }
20151
20153
  }), fillElementFill = css({
20152
- fill: "likec4.palette.fill"
20154
+ fill: "var(--likec4-palette-fill)"
20153
20155
  });
20154
20156
  css({
20155
- fill: "likec4.palette.stroke"
20157
+ fill: "var(--likec4-palette-stroke)"
20156
20158
  });
20157
20159
  const fillMixStroke = css({
20158
- fill: "[color-mix(in srgb, {colors.likec4.palette.stroke} 90%, {colors.likec4.palette.fill})]",
20160
+ fill: "[color-mix(in srgb, var(--likec4-palette-stroke) 90%, var(--likec4-palette-fill))]",
20159
20161
  ".shape-svg-multiple &": {
20160
- fill: "likec4.palette.fill"
20162
+ fill: "var(--likec4-palette-fill)"
20161
20163
  }
20162
20164
  }), shapeBase = css.raw({
20163
- top: 0,
20164
- left: 0,
20165
+ top: "0",
20166
+ left: "0",
20165
20167
  position: "absolute",
20166
20168
  width: "100%",
20167
20169
  height: "100%",
20168
20170
  pointerEvents: "none",
20169
- fill: "likec4.palette.fill",
20170
- stroke: "likec4.palette.stroke",
20171
+ fill: "var(--likec4-palette-fill)",
20172
+ stroke: "var(--likec4-palette-stroke)",
20171
20173
  overflow: "visible"
20172
20174
  // zIndex is removed to improve rendering performance
20173
20175
  // this forces to keep shape in the same layer as the node
@@ -20196,7 +20198,7 @@ const fillMixStroke = css({
20196
20198
  transitionDelay: "0ms",
20197
20199
  filter: `
20198
20200
  drop-shadow(0 2px 1px rgba(0, 0, 0, 0.21))
20199
- drop-shadow(0 1px 1px color-mix(in srgb, {colors.likec4.palette.stroke} 40%, transparent))
20201
+ drop-shadow(0 1px 1px color-mix(in srgb, var(--likec4-palette-stroke) 40%, transparent))
20200
20202
  drop-shadow(0 5px 3px rgba(0, 0, 0, 0.1))
20201
20203
  `,
20202
20204
  _whenHovered: {
@@ -20393,7 +20395,7 @@ function SelectedIndicator({ shape, w, h }) {
20393
20395
  return /* @__PURE__ */ jsx("g", { className: indicator, children: svg });
20394
20396
  }
20395
20397
  const ElementTag = forwardRef(
20396
- ({ tag, className, ...props }, ref) => {
20398
+ ({ tag, cursor = "default", className, ...props }, ref) => {
20397
20399
  const spec = useTagSpecification(tag);
20398
20400
  return /* @__PURE__ */ jsxs(
20399
20401
  Box,
@@ -20407,8 +20409,9 @@ const ElementTag = forwardRef(
20407
20409
  className
20408
20410
  ),
20409
20411
  ...props,
20412
+ style: { cursor },
20410
20413
  children: [
20411
- /* @__PURE__ */ jsx("span", { style: { opacity: 0.7, fontSize: "1.05em" }, children: "#" }),
20414
+ /* @__PURE__ */ jsx("span", { children: "#" }),
20412
20415
  /* @__PURE__ */ jsx("span", { children: tag })
20413
20416
  ]
20414
20417
  }
@@ -20442,23 +20445,23 @@ const ElementTag = forwardRef(
20442
20445
  "likec4-element-tags",
20443
20446
  hstack({
20444
20447
  pointerEvents: "all",
20445
- gap: 4,
20448
+ gap: "1",
20446
20449
  alignItems: "flex-end",
20447
20450
  justifyItems: "stretch",
20448
20451
  position: "absolute",
20449
20452
  width: "100%",
20450
- bottom: 0,
20451
- left: 0,
20452
- padding: 4,
20453
+ bottom: "0",
20454
+ left: "0",
20455
+ padding: "1",
20453
20456
  _shapeCylinder: {
20454
- bottom: 5
20457
+ bottom: "[5px]"
20455
20458
  },
20456
20459
  _shapeStorage: {
20457
- bottom: 5
20460
+ bottom: "[5px]"
20458
20461
  },
20459
20462
  _shapeQueue: {
20460
- bottom: 0,
20461
- paddingLeft: 14
20463
+ bottom: "0",
20464
+ paddingLeft: "[14px]"
20462
20465
  }
20463
20466
  })
20464
20467
  ),
@@ -20492,11 +20495,12 @@ const ElementTag = forwardRef(
20492
20495
  {
20493
20496
  ref: tagsToolbarRef,
20494
20497
  css: {
20495
- gap: 4,
20498
+ gap: "0.5",
20499
+ alignItems: "baseline",
20496
20500
  flexWrap: "wrap",
20497
20501
  pb: "sm",
20498
20502
  translate: "auto",
20499
- x: -8,
20503
+ x: "[-8px]",
20500
20504
  maxWidth
20501
20505
  },
20502
20506
  children: tags.map((tag) => /* @__PURE__ */ jsx(
@@ -20508,8 +20512,9 @@ const ElementTag = forwardRef(
20508
20512
  cursor: "pointer",
20509
20513
  ...zoomIsLargeEnough && {
20510
20514
  fontSize: "lg",
20511
- borderRadius: 4,
20512
- px: 6
20515
+ borderRadius: "[4px]",
20516
+ px: "1.5"
20517
+ // 6px
20513
20518
  }
20514
20519
  }),
20515
20520
  onClick: (e2) => {
@@ -20536,7 +20541,7 @@ const MarkdownBlock = forwardRef(({
20536
20541
  }, ref) => {
20537
20542
  if (value.isEmpty && hideIfEmpty)
20538
20543
  return null;
20539
- const content = value.nonEmpty ? { dangerouslySetInnerHTML: { __html: value.html } } : { children: /* @__PURE__ */ jsx(Text, { component: "span", fz: "xs", c: "dimmed", children: emptyText }) };
20544
+ const content = value.nonEmpty ? { dangerouslySetInnerHTML: { __html: value.html } } : { children: /* @__PURE__ */ jsx(Text, { component: "span", fz: "xs", c: "dimmed", style: { userSelect: "none" }, children: emptyText }) };
20540
20545
  return /* @__PURE__ */ jsx(
20541
20546
  Box,
20542
20547
  {
@@ -20617,6 +20622,9 @@ function ElementTitle({ id: id2, data, iconSize: iconSize2 }) {
20617
20622
  }
20618
20623
  );
20619
20624
  }
20625
+ function useOptionalCurrentViewModel() {
20626
+ return useContext(CurrentViewModelContext);
20627
+ }
20620
20628
  function useCurrentViewModel() {
20621
20629
  const vm = useContext(CurrentViewModelContext);
20622
20630
  if (!vm)
@@ -21064,8 +21072,8 @@ function BorderStyleOption({
21064
21072
  },
21065
21073
  styles: {
21066
21074
  label: {
21067
- paddingTop: 2,
21068
- paddingBottom: 2
21075
+ paddingTop: "0.5",
21076
+ paddingBottom: "0.5"
21069
21077
  }
21070
21078
  },
21071
21079
  data: [
@@ -21292,7 +21300,7 @@ function useCurrentViewId() {
21292
21300
  }
21293
21301
  const backdropBlur = "--_blur", backdropOpacity = "--_opacity", level = "--_level", offset = "--_offset", inset = "--_inset", borderRadius = "--_border-radius", dialog = css.raw({
21294
21302
  boxSizing: "border-box",
21295
- margin: 0,
21303
+ margin: "0",
21296
21304
  position: "fixed",
21297
21305
  width: "100vw",
21298
21306
  height: "100vh",
@@ -21312,11 +21320,11 @@ const backdropBlur = "--_blur", backdropOpacity = "--_opacity", level = "--_leve
21312
21320
  _backdrop: {
21313
21321
  cursor: "zoom-out"
21314
21322
  },
21315
- inset: 0,
21316
- padding: 0
21323
+ inset: "0",
21324
+ padding: "0"
21317
21325
  }), body = css.raw({
21318
21326
  position: "relative",
21319
- containerName: "overlay-dialog",
21327
+ containerName: "likec4-dialog",
21320
21328
  containerType: "size",
21321
21329
  border: "0 solid transparent",
21322
21330
  overflow: "hidden",
@@ -21338,7 +21346,8 @@ const backdropBlur = "--_blur", backdropOpacity = "--_opacity", level = "--_leve
21338
21346
  width: "calc(100vw - 2 * var(--_inset))",
21339
21347
  height: "calc(100vh - var(--_offset) - var(--_inset))",
21340
21348
  [borderRadius]: "6px",
21341
- padding: "6px",
21349
+ padding: "1.5",
21350
+ // 6px
21342
21351
  [offset]: "1rem"
21343
21352
  },
21344
21353
  md: {
@@ -21359,8 +21368,8 @@ const backdropBlur = "--_blur", backdropOpacity = "--_opacity", level = "--_leve
21359
21368
  },
21360
21369
  true: {
21361
21370
  dialog: {
21362
- inset: 0,
21363
- padding: 0
21371
+ inset: "0",
21372
+ padding: "0"
21364
21373
  }
21365
21374
  }
21366
21375
  },
@@ -21608,223 +21617,226 @@ export {
21608
21617
  loadExternalIsValidProp as ay,
21609
21618
  isMotionValue as az,
21610
21619
  useMantineTheme as b,
21611
- IconZoomScan as b$,
21620
+ n$1 as b$,
21612
21621
  css as b0,
21613
21622
  getPatternStyles as b1,
21614
21623
  patternFns as b2,
21615
21624
  splitProps as b3,
21616
21625
  styled as b4,
21617
- useLikeC4Specification as b5,
21618
- useUpdateEffect as b6,
21619
- n as b7,
21620
- t$1 as b8,
21621
- Background as b9,
21622
- getPersistedSnapshot as bA,
21623
- $$ACTOR_TYPE as bB,
21624
- STATE_DELIMITER as bC,
21625
- mapValues as bD,
21626
- toArray as bE,
21627
- formatTransitions as bF,
21628
- toTransitionConfigArray as bG,
21629
- formatTransition as bH,
21630
- evaluateGuard as bI,
21631
- getCandidates as bJ,
21632
- NULL_EVENT as bK,
21633
- createInvokeId as bL,
21634
- getDelayedTransitions as bM,
21635
- formatInitialTransition as bN,
21636
- createErrorActorEvent as bO,
21637
- XSTATE_ERROR as bP,
21638
- cancel as bQ,
21639
- raise as bR,
21640
- spawnChild as bS,
21641
- stopChild as bT,
21642
- memo as bU,
21643
- createRecipe as bV,
21644
- mergeRecipes as bW,
21645
- compact as bX,
21646
- getSlotCompoundVariant as bY,
21647
- deepEqual as bZ,
21648
- ActionIcon as b_,
21649
- BackgroundVariant as ba,
21650
- useIsZoomTooSmall as bb,
21651
- useXYStoreApi as bc,
21652
- index as bd,
21653
- stopPropagation as be,
21654
- cx as bf,
21655
- useStore$1 as bg,
21656
- XSTATE_STOP as bh,
21657
- cloneMachineSnapshot as bi,
21658
- ProcessingStatus as bj,
21659
- resolveReferencedActor as bk,
21660
- createActor as bl,
21661
- resolveStateValue as bm,
21662
- getAllStateNodes as bn,
21663
- getStateNodes as bo,
21664
- createMachineSnapshot as bp,
21665
- isInFinalState as bq,
21666
- macrostep as br,
21667
- transitionNode as bs,
21668
- resolveActionsAndContext as bt,
21669
- createInitEvent as bu,
21670
- microstep as bv,
21671
- getInitialStateNodes as bw,
21672
- toStatePath as bx,
21673
- isStateId as by,
21674
- getStateNodeByPath as bz,
21626
+ Background as b5,
21627
+ BackgroundVariant as b6,
21628
+ useIsZoomTooSmall as b7,
21629
+ useXYStoreApi as b8,
21630
+ index as b9,
21631
+ STATE_DELIMITER as bA,
21632
+ mapValues as bB,
21633
+ toArray as bC,
21634
+ formatTransitions as bD,
21635
+ toTransitionConfigArray as bE,
21636
+ formatTransition as bF,
21637
+ evaluateGuard as bG,
21638
+ getCandidates as bH,
21639
+ NULL_EVENT as bI,
21640
+ createInvokeId as bJ,
21641
+ getDelayedTransitions as bK,
21642
+ formatInitialTransition as bL,
21643
+ createErrorActorEvent as bM,
21644
+ XSTATE_ERROR as bN,
21645
+ cancel as bO,
21646
+ raise as bP,
21647
+ spawnChild as bQ,
21648
+ stopChild as bR,
21649
+ memo as bS,
21650
+ createRecipe as bT,
21651
+ mergeRecipes as bU,
21652
+ compact as bV,
21653
+ getSlotCompoundVariant as bW,
21654
+ deepEqual as bX,
21655
+ ActionIcon as bY,
21656
+ IconZoomScan as bZ,
21657
+ Box as b_,
21658
+ stopPropagation as ba,
21659
+ cx as bb,
21660
+ cva as bc,
21661
+ useStore$1 as bd,
21662
+ useUpdateEffect as be,
21663
+ XSTATE_STOP as bf,
21664
+ cloneMachineSnapshot as bg,
21665
+ ProcessingStatus as bh,
21666
+ resolveReferencedActor as bi,
21667
+ createActor as bj,
21668
+ resolveStateValue as bk,
21669
+ getAllStateNodes as bl,
21670
+ getStateNodes as bm,
21671
+ createMachineSnapshot as bn,
21672
+ isInFinalState as bo,
21673
+ macrostep as bp,
21674
+ transitionNode as bq,
21675
+ resolveActionsAndContext as br,
21676
+ createInitEvent as bs,
21677
+ microstep as bt,
21678
+ getInitialStateNodes as bu,
21679
+ toStatePath as bv,
21680
+ isStateId as bw,
21681
+ getStateNodeByPath as bx,
21682
+ getPersistedSnapshot as by,
21683
+ $$ACTOR_TYPE as bz,
21675
21684
  useMantineStyleNonce as c,
21676
- useActorRef as c$,
21677
- sva as c0,
21678
- Box as c1,
21679
- n$1 as c2,
21680
- EdgeLabelRenderer as c3,
21681
- e as c4,
21682
- useDiagramContext as c5,
21683
- useDiagram as c6,
21684
- useMantinePortalProps as c7,
21685
- PopoverTarget as c8,
21686
- PopoverDropdown as c9,
21687
- isSamePoint as cA,
21688
- bezierControlPoints as cB,
21689
- bezierPath as cC,
21690
- ViewGroupNode as cD,
21691
- CompoundDeploymentNode as cE,
21692
- CompoundElementNode as cF,
21693
- DeploymentNode as cG,
21694
- ElementNode as cH,
21695
- MotionButton as cI,
21696
- useHover$1 as cJ,
21697
- FloatingIndicator as cK,
21698
- Flex as cL,
21699
- clampUseMovePosition as cM,
21700
- useMove as cN,
21701
- hstack as cO,
21702
- MotionDiv as cP,
21703
- shallowEqual as cQ,
21704
- useSelector as cR,
21705
- useCurrentViewId as cS,
21706
- isMacOs as cT,
21707
- MotionSpan as cU,
21708
- Portal as cV,
21709
- HStack as cW,
21710
- Divider as cX,
21711
- o$1 as cY,
21712
- useDiagramActorRef as cZ,
21713
- useCurrentViewModel as c_,
21714
- Stack as ca,
21715
- Group as cb,
21716
- Button as cc,
21717
- IconCheck as cd,
21718
- cva as ce,
21719
- useLikeC4Model as cf,
21720
- findDiagramNode as cg,
21721
- findDiagramEdge as ch,
21722
- Menu as ci,
21723
- MenuTarget as cj,
21724
- MenuDropdown as ck,
21725
- MenuLabel as cl,
21726
- MenuDivider as cm,
21727
- MenuItem as cn,
21728
- useEnabledFeatures as co,
21729
- useDiagramEventHandlers as cp,
21730
- TooltipGroup as cq,
21731
- Space as cr,
21732
- Tooltip$1 as cs,
21733
- IfEnabled as ct,
21734
- IconFileSymlink as cu,
21735
- getNodeDimensions as cv,
21736
- useIsPanning as cw,
21737
- useXYFlow as cx,
21738
- useDiagramActorSnapshot as cy,
21739
- useXYInternalNode as cz,
21685
+ useCurrentViewModel as c$,
21686
+ EdgeLabelRenderer as c0,
21687
+ e as c1,
21688
+ useDiagramContext as c2,
21689
+ useDiagram as c3,
21690
+ useMantinePortalProps as c4,
21691
+ PopoverTarget as c5,
21692
+ PopoverDropdown as c6,
21693
+ Stack as c7,
21694
+ Group as c8,
21695
+ Button as c9,
21696
+ ViewGroupNode as cA,
21697
+ CompoundDeploymentNode as cB,
21698
+ CompoundElementNode as cC,
21699
+ DeploymentNode as cD,
21700
+ ElementNode as cE,
21701
+ n as cF,
21702
+ MotionButton as cG,
21703
+ useHover$1 as cH,
21704
+ FloatingIndicator as cI,
21705
+ Flex as cJ,
21706
+ clampUseMovePosition as cK,
21707
+ useMove as cL,
21708
+ hstack as cM,
21709
+ MotionDiv as cN,
21710
+ shallowEqual as cO,
21711
+ useSelector as cP,
21712
+ useCurrentViewId as cQ,
21713
+ isMacOs as cR,
21714
+ IconId as cS,
21715
+ HStack as cT,
21716
+ ElementTag as cU,
21717
+ MarkdownBlock as cV,
21718
+ MotionSpan as cW,
21719
+ Portal as cX,
21720
+ Divider as cY,
21721
+ o$1 as cZ,
21722
+ useDiagramActorRef as c_,
21723
+ IconCheck as ca,
21724
+ useLikeC4Model as cb,
21725
+ LikeC4ModelContext as cc,
21726
+ findDiagramNode as cd,
21727
+ findDiagramEdge as ce,
21728
+ Menu as cf,
21729
+ MenuTarget as cg,
21730
+ MenuDropdown as ch,
21731
+ MenuLabel as ci,
21732
+ MenuDivider as cj,
21733
+ MenuItem as ck,
21734
+ useEnabledFeatures as cl,
21735
+ useDiagramEventHandlers as cm,
21736
+ TooltipGroup as cn,
21737
+ Space as co,
21738
+ Tooltip$1 as cp,
21739
+ IfEnabled as cq,
21740
+ IconFileSymlink as cr,
21741
+ getNodeDimensions as cs,
21742
+ useIsPanning as ct,
21743
+ useXYFlow as cu,
21744
+ useDiagramActorSnapshot as cv,
21745
+ useXYInternalNode as cw,
21746
+ isSamePoint as cx,
21747
+ bezierControlPoints as cy,
21748
+ bezierPath as cz,
21740
21749
  alpha$1 as d,
21741
- DiagramEventHandlers as d$,
21742
- useUpdateEffect$1 as d0,
21743
- getBezierPath as d1,
21744
- ElementActionButtons as d2,
21745
- IconTransform as d3,
21746
- customNode as d4,
21747
- CompoundNodeContainer as d5,
21748
- CompoundTitle as d6,
21749
- ElementNodeContainer as d7,
21750
- ElementShape as d8,
21751
- ElementTitle as d9,
21752
- t$2 as dA,
21753
- VisuallyHidden as dB,
21754
- IconOrShapeRenderer as dC,
21755
- FocusTrap as dD,
21756
- t$3 as dE,
21757
- ButtonGroup as dF,
21758
- useIsReducedGraphics as dG,
21759
- usePanningAtom as dH,
21760
- useTimeout as dI,
21761
- useCustomCompareMemo as dJ,
21762
- applyEdgeChanges as dK,
21763
- applyNodeChanges as dL,
21764
- getViewportForBounds as dM,
21765
- typedSystem as dN,
21766
- centerXYInternalNode as dO,
21767
- getBoundsOfRects as dP,
21768
- boxToRect as dQ,
21769
- and as dR,
21770
- AllDisabled as dS,
21771
- focusedBounds as dT,
21772
- or as dU,
21773
- nodeToRect as dV,
21774
- useDiagramEventHandlersRef as dW,
21775
- useCustomCompareEffect as dX,
21776
- DiagramActorContextProvider as dY,
21777
- CurrentViewModelContext as dZ,
21778
- IconRendererProvider as d_,
21779
- ElementTags as da,
21780
- ElementDetailsButton as db,
21781
- Handle as dc,
21782
- Position as dd,
21783
- getDefaultExportFromCjs as de,
21784
- l$1 as df,
21785
- IconSelector as dg,
21786
- SegmentedControl as dh,
21787
- ReactFlowProvider as di,
21788
- useStoreApi as dj,
21789
- useReactFlow as dk,
21790
- Panel as dl,
21791
- m as dm,
21792
- u as dn,
21793
- useSyncedRef as dp,
21794
- IconRenderer as dq,
21795
- useTimeoutEffect as dr,
21796
- ReactRemoveScroll as ds,
21797
- ElementTag as dt,
21750
+ useCustomCompareEffect as d$,
21751
+ useActorRef as d0,
21752
+ useUpdateEffect$1 as d1,
21753
+ getBezierPath as d2,
21754
+ ElementActionButtons as d3,
21755
+ IconTransform as d4,
21756
+ customNode as d5,
21757
+ CompoundNodeContainer as d6,
21758
+ CompoundTitle as d7,
21759
+ ElementNodeContainer as d8,
21760
+ ElementShape as d9,
21761
+ sva as dA,
21762
+ t$2 as dB,
21763
+ VisuallyHidden as dC,
21764
+ IconOrShapeRenderer as dD,
21765
+ FocusTrap as dE,
21766
+ t$3 as dF,
21767
+ useOptionalCurrentViewModel as dG,
21768
+ ButtonGroup as dH,
21769
+ EnsureCurrentViewModel as dI,
21770
+ useIsReducedGraphics as dJ,
21771
+ usePanningAtom as dK,
21772
+ useTimeout as dL,
21773
+ useCustomCompareMemo as dM,
21774
+ useLikeC4Specification as dN,
21775
+ r as dO,
21776
+ applyEdgeChanges as dP,
21777
+ applyNodeChanges as dQ,
21778
+ getViewportForBounds as dR,
21779
+ typedSystem as dS,
21780
+ centerXYInternalNode as dT,
21781
+ getBoundsOfRects as dU,
21782
+ boxToRect as dV,
21783
+ and as dW,
21784
+ AllDisabled as dX,
21785
+ focusedBounds as dY,
21786
+ or as dZ,
21787
+ nodeToRect as d_,
21788
+ ElementTitle as da,
21789
+ ElementTags as db,
21790
+ ElementDetailsButton as dc,
21791
+ Handle as dd,
21792
+ Position as de,
21793
+ getDefaultExportFromCjs as df,
21794
+ l$1 as dg,
21795
+ IconSelector as dh,
21796
+ SegmentedControl as di,
21797
+ ReactFlowProvider as dj,
21798
+ useStoreApi as dk,
21799
+ useReactFlow as dl,
21800
+ Panel as dm,
21801
+ m as dn,
21802
+ u as dp,
21803
+ useSyncedRef as dq,
21804
+ IconRenderer as dr,
21805
+ useTimeoutEffect as ds,
21806
+ ReactRemoveScroll as dt,
21798
21807
  ActionIconGroup as du,
21799
- MarkdownBlock as dv,
21800
- DiagramFeatures as dw,
21808
+ DiagramFeatures as dv,
21809
+ t$1 as dw,
21801
21810
  useXYStore as dx,
21802
21811
  useReducedMotionConfig as dy,
21803
21812
  Overlay as dz,
21804
21813
  em as e,
21805
- ReduceGraphicsContext as e0,
21806
- RootContainer as e1,
21807
- useMutationObserver as e2,
21808
- shallowEqual$1 as e3,
21809
- LikeC4ModelContext as e4,
21810
- useLikeC4ViewModel as e5,
21811
- useSetState as e6,
21812
- CompoundActionButton as e7,
21813
- CompoundDetailsButton as e8,
21814
- DefaultHandles as e9,
21815
- CompoundActions as ea,
21816
- CompoundDeploymentToolbar as eb,
21817
- CompoundDetailsButtonWithHandler as ec,
21818
- CompoundElementToolbar as ed,
21819
- DeploymentElementActions as ee,
21820
- DeploymentElementToolbar as ef,
21821
- ElementActions as eg,
21822
- ElementDetailsButtonWithHandler as eh,
21823
- ElementToolbar as ei,
21824
- Toolbar as ej,
21825
- IfNotEnabled as ek,
21826
- IfNotReadOnly as el,
21827
- IfReadOnly as em,
21814
+ DiagramActorContextProvider as e0,
21815
+ CurrentViewModelContext as e1,
21816
+ IconRendererProvider as e2,
21817
+ DiagramEventHandlers as e3,
21818
+ ReduceGraphicsContext as e4,
21819
+ RootContainer as e5,
21820
+ useMutationObserver as e6,
21821
+ shallowEqual$1 as e7,
21822
+ useLikeC4ViewModel as e8,
21823
+ useSetState as e9,
21824
+ CompoundActionButton as ea,
21825
+ CompoundDetailsButton as eb,
21826
+ DefaultHandles as ec,
21827
+ CompoundActions as ed,
21828
+ CompoundDeploymentToolbar as ee,
21829
+ CompoundDetailsButtonWithHandler as ef,
21830
+ CompoundElementToolbar as eg,
21831
+ DeploymentElementActions as eh,
21832
+ DeploymentElementToolbar as ei,
21833
+ ElementActions as ej,
21834
+ ElementDetailsButtonWithHandler as ek,
21835
+ ElementToolbar as el,
21836
+ Toolbar as em,
21837
+ IfNotEnabled as en,
21838
+ IfNotReadOnly as eo,
21839
+ IfReadOnly as ep,
21828
21840
  getPrimaryContrastColor as f,
21829
21841
  getPrimaryShade as g,
21830
21842
  deepMerge as h,
@@ -21844,6 +21856,6 @@ export {
21844
21856
  useMergedRef as v,
21845
21857
  toInt as w,
21846
21858
  useDirection as x,
21847
- useStyles as y,
21848
- useMergeRefs as z
21859
+ useMergeRefs as y,
21860
+ useStyles as z
21849
21861
  };