likec4 1.8.0 → 1.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "likec4",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -13,7 +13,7 @@
     "directory": "packages/likec4"
   },
   "engines": {
-    "node": "^18.0.0 || >=20.0.0"
+    "node": ">=20.0.0"
   },
   "bugs": "https://github.com/likec4/likec4/issues",
   "type": "module",
@@ -94,52 +94,52 @@
     "@hpcc-js/wasm-graphviz": "1.2.0",
     "@nanostores/react": "0.7.3",
     "@vitejs/plugin-react": "4.3.1",
-    "nanostores": "0.11.2",
+    "nanostores": "0.11.3",
     "playwright": "1.46.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "vite": "5.3.4",
     "yargs": "17.7.2"
   },
   "devDependencies": {
     "@fontsource/ibm-plex-sans": "^5.0.21",
-    "@likec4/core": "1.8.0",
-    "@likec4/diagram": "1.8.0",
-    "@likec4/generators": "1.8.0",
-    "@likec4/icons": "1.8.0",
-    "@likec4/language-server": "1.8.0",
-    "@likec4/layouts": "1.8.0",
-    "@likec4/log": "1.8.0",
-    "@likec4/tsconfig": "1.8.0",
+    "@likec4/core": "1.8.1",
+    "@likec4/diagram": "1.8.1",
+    "@likec4/generators": "1.8.1",
+    "@likec4/icons": "1.8.1",
+    "@likec4/language-server": "1.8.1",
+    "@likec4/layouts": "1.8.1",
+    "@likec4/log": "1.8.1",
+    "@likec4/tsconfig": "1.8.1",
     "@mantine/core": "7.11.2",
     "@mantine/hooks": "7.11.2",
     "@mantine/vanilla-extract": "7.11.2",
     "@react-hookz/web": "^24.0.4",
-    "@tabler/icons-react": "^3.12.0",
+    "@tabler/icons-react": "^3.14.0",
     "@tanstack/react-router": "1.45.13",
     "@tanstack/router-cli": "1.45.13",
     "@tanstack/router-vite-plugin": "1.45.13",
     "@types/node": "^20.16.1",
     "@types/prop-types": "^15.7.11",
-    "@types/react": "18.3.3",
+    "@types/react": "18.3.4",
     "@types/react-dom": "18.3.0",
     "@types/string-hash": "^1.1.3",
     "@types/yargs": "^17.0.33",
-    "@vanilla-extract/css": "^1.15.3",
-    "@vanilla-extract/dynamic": "^2.1.1",
-    "@vanilla-extract/vite-plugin": "^4.0.13",
+    "@vanilla-extract/css": "^1.15.5",
+    "@vanilla-extract/dynamic": "^2.1.2",
+    "@vanilla-extract/vite-plugin": "^4.0.15",
     "@xyflow/react": "12.1.1",
     "@xyflow/system": "0.0.39",
     "autoprefixer": "^10.4.20",
     "ci-info": "^3.9.0",
-    "classnames": "^2.3.2",
+    "classnames": "^2.5.1",
     "clsx": "^2.1.1",
     "esbuild": "^0.21.5",
     "esbuild-node-externals": "^1.14.0",
     "esm-env": "^1.0.0",
     "execa": "^9.3.1",
     "fast-equals": "^5.0.1",
-    "framer-motion": "^11.3.28",
+    "framer-motion": "^11.3.30",
     "get-port": "^7.1.0",
     "glob": "^11.0.0",
     "html-to-image": "^1.11.11",
@@ -153,7 +153,7 @@
     "postcss-preset-mantine": "^1.17.0",
     "pretty-ms": "^9.1.0",
     "react-error-boundary": "^4.0.13",
-    "react-resizable-panels": "^2.1.0",
+    "react-resizable-panels": "^2.1.2",
     "react-shadow": "^20.5.0",
     "remeda": "^2.11.0",
     "string-hash": "^1.1.3",

package/react/index.mjs

@@ -8571,7 +8571,7 @@ class MotionValue {
    * @internal
    */
   constructor(init2, options = {}) {
-    this.version = "11.3.29", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (v2, render = !0) => {
+    this.version = "11.3.31", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (v2, render = !0) => {
       const currentTime = time.now();
       this.updatedAt !== currentTime && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(v2), this.current !== this.prev && this.events.change && this.events.change.notify(this.current), render && this.events.renderRequest && this.events.renderRequest.notify(this.current);
     }, this.hasAnimated = !1, this.setCurrent(init2), this.owner = options.owner;
@@ -8771,7 +8771,7 @@ function setTarget(visualElement, definition) {
   }
 }
 function getOptimisedAppearId(visualElement) {
-  return visualElement.getProps()[optimizedAppearDataAttribute];
+  return visualElement.props[optimizedAppearDataAttribute];
 }
 class WillChangeMotionValue extends MotionValue {
   constructor() {
@@ -9143,7 +9143,7 @@ class VisualElement {
     this.current = instance, visualElementStore.set(instance, this), this.projection && !this.projection.instance && this.projection.mount(instance), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((value, key) => this.bindToMotionValue(key, value)), hasReducedMotionListener.current || initPrefersReducedMotion(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : prefersReducedMotion.current, this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
-    visualElementStore.delete(this.current), this.projection && this.projection.unmount(), cancelFrame(this.notifyUpdate), cancelFrame(this.render), this.valueSubscriptions.forEach((remove2) => remove2()), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
+    visualElementStore.delete(this.current), this.projection && this.projection.unmount(), cancelFrame(this.notifyUpdate), cancelFrame(this.render), this.valueSubscriptions.forEach((remove2) => remove2()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
     for (const key in this.events)
       this.events[key].clear();
     for (const key in this.features) {
@@ -9153,11 +9153,13 @@ class VisualElement {
     this.current = null;
   }
   bindToMotionValue(key, value) {
+    this.valueSubscriptions.has(key) && this.valueSubscriptions.get(key)();
     const valueIsTransform = transformProps.has(key), removeOnChange = value.on("change", (latestValue) => {
       this.latestValues[key] = latestValue, this.props.onUpdate && frame.preRender(this.notifyUpdate), valueIsTransform && this.projection && (this.projection.isTransformDirty = !0);
     }), removeOnRenderRequest = value.on("renderRequest", this.scheduleRender);
-    this.valueSubscriptions.set(key, () => {
-      removeOnChange(), removeOnRenderRequest(), value.owner && value.stop();
+    let removeSyncCheck;
+    window.MotionCheckAppearSync && (removeSyncCheck = window.MotionCheckAppearSync(this, key, value)), this.valueSubscriptions.set(key, () => {
+      removeOnChange(), removeOnRenderRequest(), removeSyncCheck && removeSyncCheck(), value.owner && value.stop();
     });
   }
   sortNodePosition(other) {