@likec4/diagram 1.33.0 → 1.34.0

package/README.md

@@ -340,3 +340,28 @@ TODO: add example
 ## Local Development
 
 Use [packages/likec4](../likec4/) workspace
+
+## Getting help
+
+We are always happy to help you get started:
+
+- [Join Discord community](https://discord.gg/86ZSpjKAdA) – it is the easiest way to get help
+- [GitHub Discussions](https://github.com/likec4/likec4/discussions) – ask anything about the project or give feedback
+
+## Contributors
+
+<a href="https://github.com/likec4/likec4/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=likec4/likec4" />
+</a>
+
+[Become a contributor](../../CONTRIBUTING.md)
+
+## Support development
+
+LikeC4 is a MIT-licensed open source project with its ongoing development made possible entirely by your support.\
+If you like the project, please consider contributing financially to help grow and improve it.\
+You can support us via [OpenCollective](https://opencollective.com/likec4) or [GitHub Sponsors](https://github.com/sponsors/likec4).
+
+## License
+
+This project is released under the [MIT License](LICENSE)

package/bundle/{chunk-DyFK-AJ5.js → chunk-Dd7et66b.js}

@@ -2357,6 +2357,7 @@ function extractStyleProps(others) {
     pe,
     ps,
     bd,
+    bdrs,
     bg,
     c,
     opacity,
@@ -2444,6 +2445,7 @@ function extractStyleProps(others) {
     inset: inset2,
     display,
     flex,
+    bdrs,
     hiddenFrom,
     visibleFrom,
     lightHidden,
@@ -5744,9 +5746,24 @@ function usePopover(options) {
     strategy: options.strategy,
     placement: options.preventPositionChangeWhenVisible ? options.positionRef.current : options.position,
     middleware: getPopoverMiddlewares(options, () => floating, env),
-    whileElementsMounted: autoUpdate
+    // Only use whileElementsMounted when elements are conditionally rendered (not keepMounted)
+    // When keepMounted=true, elements are hidden with CSS and we need manual autoUpdate control
+    whileElementsMounted: options.keepMounted ? void 0 : autoUpdate
   });
-  return useDidUpdate(() => {
+  return useEffect(() => {
+    if (!(!options.keepMounted || !floating.refs.reference.current || !floating.refs.floating.current) && _opened)
+      return autoUpdate(
+        floating.refs.reference.current,
+        floating.refs.floating.current,
+        floating.update
+      );
+  }, [
+    options.keepMounted,
+    _opened,
+    floating.refs.reference,
+    floating.refs.floating,
+    floating.update
+  ]), useDidUpdate(() => {
     options.onPositionChange?.(floating.placement), options.positionRef.current = floating.placement;
   }, [floating.placement]), useDidUpdate(() => {
     _opened !== previouslyOpened.current && (_opened ? options.onOpen?.() : options.onClose?.()), previouslyOpened.current = _opened;
@@ -5872,7 +5889,8 @@ function Popover(_props) {
     setDropdownVisible,
     positionRef,
     disabled,
-    preventPositionChangeWhenVisible
+    preventPositionChangeWhenVisible,
+    keepMounted
   });
   useClickOutside(
     () => {
@@ -21693,18 +21711,18 @@ export {
   cx as b7,
   useStore$1 as b8,
   XSTATE_STOP as b9,
-  $$ACTOR_TYPE as bA,
-  STATE_DELIMITER as bB,
-  mapValues as bC,
-  toArray as bD,
-  formatTransitions as bE,
-  toTransitionConfigArray as bF,
-  formatTransition as bG,
-  getCandidates as bH,
-  NULL_EVENT as bI,
-  createInvokeId as bJ,
-  getDelayedTransitions as bK,
-  formatInitialTransition as bL,
+  evaluateGuard as bA,
+  getCandidates as bB,
+  NULL_EVENT as bC,
+  createInvokeId as bD,
+  getDelayedTransitions as bE,
+  formatInitialTransition as bF,
+  createErrorActorEvent as bG,
+  XSTATE_ERROR as bH,
+  cancel as bI,
+  raise as bJ,
+  spawnChild as bK,
+  stopChild as bL,
   deepEqual as bM,
   ActionIcon as bN,
   IconZoomScan as bO,
@@ -21721,31 +21739,31 @@ export {
   Stack as bZ,
   Group as b_,
   cloneMachineSnapshot as ba,
-  evaluateGuard as bb,
-  createErrorActorEvent as bc,
-  XSTATE_ERROR as bd,
-  ProcessingStatus as be,
-  resolveReferencedActor as bf,
-  createActor as bg,
-  cancel as bh,
-  raise as bi,
-  spawnChild as bj,
-  stopChild as bk,
-  resolveStateValue as bl,
-  getAllStateNodes as bm,
-  getStateNodes as bn,
-  createMachineSnapshot as bo,
-  isInFinalState as bp,
-  macrostep as bq,
-  transitionNode as br,
-  resolveActionsAndContext as bs,
-  createInitEvent as bt,
-  microstep as bu,
-  getInitialStateNodes as bv,
-  toStatePath as bw,
-  isStateId as bx,
-  getStateNodeByPath as by,
-  getPersistedSnapshot as bz,
+  ProcessingStatus as bb,
+  resolveReferencedActor as bc,
+  createActor as bd,
+  resolveStateValue as be,
+  getAllStateNodes as bf,
+  getStateNodes as bg,
+  createMachineSnapshot as bh,
+  isInFinalState as bi,
+  macrostep as bj,
+  transitionNode as bk,
+  resolveActionsAndContext as bl,
+  createInitEvent as bm,
+  microstep as bn,
+  getInitialStateNodes as bo,
+  toStatePath as bp,
+  isStateId as bq,
+  getStateNodeByPath as br,
+  getPersistedSnapshot as bs,
+  $$ACTOR_TYPE as bt,
+  STATE_DELIMITER as bu,
+  mapValues as bv,
+  toArray as bw,
+  formatTransitions as bx,
+  toTransitionConfigArray as by,
+  formatTransition as bz,
   useMantineStyleNonce as c,
   ActionIconGroup as c$,
   IconCheck as c0,

package/bundle/custom.js

@@ -1,5 +1,5 @@
-import { cB as customNode, c2 as useLikeC4Model } from "./chunk-DyFK-AJ5.js";
-import { dR, dU, cr, dV, dS, dW, cs, dX, cC, cD, dT, dY, dZ, ct, cz, d_, cI, d$, cu, cE, cF, c_, cH, cG, e0, d9, cW, dG, cg, e2, e3, e4, d0, d5, e1, cq, cy, bV, dO, bU, cc, cb, aZ, dP, bW, dQ, a_, ck, cm, d3, b4 } from "./chunk-DyFK-AJ5.js";
+import { cB as customNode, c2 as useLikeC4Model } from "./chunk-Dd7et66b.js";
+import { dR, dU, cr, dV, dS, dW, cs, dX, cC, cD, dT, dY, dZ, ct, cz, d_, cI, d$, cu, cE, cF, c_, cH, cG, e0, d9, cW, dG, cg, e2, e3, e4, d0, d5, e1, cq, cy, bV, dO, bU, cc, cb, aZ, dP, bW, dQ, a_, ck, cm, d3, b4 } from "./chunk-Dd7et66b.js";
 import { jsx } from "react/jsx-runtime";
 function customDiagramNode(Node) {
   return customNode((props) => {