@likec4/diagram 1.56.0 → 1.58.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@likec4/diagram",
-  "version": "1.56.0",
+  "version": "1.58.0",
   "license": "MIT",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://likec4.dev",
@@ -23,7 +23,9 @@
     "!**/__*/**",
     "!**/*.d.ts.map"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css"
+  ],
   "type": "module",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
@@ -65,15 +67,13 @@
     "@dagrejs/dagre": "1.1.8",
     "@floating-ui/dom": "^1.7.6",
     "@lume/kiwi": "^0.4.4",
-    "@mantine/core": "9.1.0",
-    "@mantine/hooks": "9.1.0",
+    "@mantine/core": "9.2.2",
+    "@mantine/hooks": "9.2.2",
     "@nanostores/media-query": "0.1.2",
     "@nanostores/react": "1.1.0",
     "@react-hookz/web": "^25.2.0",
     "@xstate/react": "6.1.0",
-    "@xstate/store": "3.17.1",
-    "@xyflow/react": "12.10.2",
-    "@xyflow/system": "0.0.76",
+    "@xstate/store": "3.17.5",
     "@zag-js/collection": "^1.33.1",
     "@zag-js/react": "^1.33.1",
     "@zag-js/tree-view": "^1.33.1",
@@ -81,51 +81,44 @@
     "d3-shape": "^3.2.0",
     "defu": "^6.1.7",
     "fast-equals": "^6.0.0",
-    "immer": "^11.1.4",
+    "immer": "^11.1.8",
     "motion": "^12.36.0",
-    "nanostores": "1.2.0",
-    "react-error-boundary": "^6.1.1",
-    "react-shadow": "^20.6.0",
-    "remeda": "^2.33.7",
+    "nanostores": "1.3.0",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "react-error-boundary": "^6.1.2",
+    "remeda": "^2.37.0",
     "type-fest": "^4.41.0",
-    "xstate": "5.30.0",
-    "@tabler/icons-react": "3.40.0",
-    "@likec4/core": "1.56.0",
-    "@likec4/styles": "1.56.0"
-  },
-  "peerDependencies": {
-    "@pandacss/dev": "^1.9.1",
-    "react": "^18.x || ^19.x",
-    "react-dom": "^18.x || ^19.x"
-  },
-  "peerDependenciesMeta": {
-    "@pandacss/dev": {
-      "optional": true
-    }
+    "xstate": "5.32.0",
+    "@xyflow/react": "12.11.0",
+    "@xyflow/system": "0.0.77",
+    "@tabler/icons-react": "3.44.0",
+    "@likec4/core": "1.58.0",
+    "@likec4/styles": "1.58.0"
   },
   "devDependencies": {
-    "@pandacss/dev": "^1.9.1",
+    "@pandacss/dev": "^1.11.1",
     "@statelyai/inspect": "^0.4.0",
     "@types/bezier-js": "^4.1.3",
     "@types/d3-shape": "^3.1.8",
-    "@types/node": "~22.19.17",
-    "@types/react": "19.2.14",
+    "@types/node": "~22.19.19",
+    "@types/react": "19.2.16",
     "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "oxlint": "1.59.0",
-    "postcss": "8.5.10",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "typescript": "5.9.3",
-    "vite": "^8.0.10",
-    "vite-plugin-dts": "5.0.0-beta.6",
-    "vitest": "4.1.3",
+    "@vitejs/plugin-react": "^6.0.2",
+    "oxlint": "1.68.0",
+    "postcss": "8.5.15",
+    "typescript": "6.0.3",
+    "vite": "^8.0.14",
+    "vite-plugin-dts": "5.0.2",
+    "vitest": "4.1.8",
     "zx": "8.8.5",
-    "@likec4/devops": "1.42.0",
-    "@likec4/tsconfig": "1.56.0"
+    "@likec4/devops": "1.58.0",
+    "@likec4/tsconfig": "1.58.0"
   },
   "scripts": {
+    "pretypecheck": "pandacss codegen",
     "typecheck": "tsc --build --verbose",
+    "prebuild": "pandacss codegen",
     "build": "vite build -m production",
     "pack": "pnpm pack",
     "test": "vitest run --no-isolate",

package/panda.buildinfo.json

@@ -1,5 +1,5 @@
 {
-  "schemaVersion": "1.9.1",
+  "schemaVersion": "1.11.1",
   "styles": {
     "atomic": [
       "background]___[value:dots",
@@ -189,6 +189,7 @@
       "height]___[value:100%",
       "borderInlineEndWidth]___[value:var(--thickness)",
       "marginBottom]___[value:1",
+      "height]___[value:26",
       "display]___[value:flex]___[cond:@/md",
       "color]___[value:mantine.colors.gray[5]",
       "color]___[value:mantine.colors.dark[3]]___[cond:_dark",
@@ -494,7 +495,6 @@
       "display]___[value:inherit]___[cond:@/md",
       "marginInlineStart]___[value:0",
       "marginInlineStart]___[value:2]___[cond:@/md",
-      "height]___[value:26",
       "top]___[value:[1px]",
       "right]___[value:[1px]",
       "zIndex]___[value:9",
@@ -822,6 +822,8 @@
       "mixBlendMode]___[value:screen]___[cond:_dark",
       "mixBlendMode]___[value:multiply]___[cond:_light",
       "zIndex]___[value:[100]",
+      "cursor]___[value:grab!",
+      "cursor]___[value:grabbing!]___[cond:_active",
       "fill]___[value:[var(--xy-edge-stroke)]",
       "stroke]___[value:transparent",
       "fillOpacity]___[value:0.5",
@@ -977,20 +979,6 @@
         "*]___[value:default]___[recipe:navigationPanelActionIcon",
         "*]___[value:filled]___[recipe:navigationPanelActionIcon"
       ],
-      "elementNodeData": [
-        "iconPosition]___[value:left]___[recipe:elementNodeData",
-        "withIconColor]___[value:false]___[recipe:elementNodeData",
-        "withIconColor]___[value:true]___[recipe:elementNodeData",
-        "*]___[value:true]___[recipe:elementNodeData",
-        "*]___[value:false]___[recipe:elementNodeData",
-        "*]___[value:left]___[recipe:elementNodeData",
-        "iconPosition]___[value:right]___[recipe:elementNodeData",
-        "*]___[value:right]___[recipe:elementNodeData",
-        "iconPosition]___[value:top]___[recipe:elementNodeData",
-        "*]___[value:top]___[recipe:elementNodeData",
-        "iconPosition]___[value:bottom]___[recipe:elementNodeData",
-        "*]___[value:bottom]___[recipe:elementNodeData"
-      ],
       "actionBtn": [
         "size]___[value:md]___[recipe:actionBtn",
         "radius]___[value:md]___[recipe:actionBtn",
@@ -1018,6 +1006,20 @@
       "edgeActionBtn": [],
       "edgePath": [],
       "actionButtons": [],
+      "elementNodeData": [
+        "iconPosition]___[value:left]___[recipe:elementNodeData",
+        "withIconColor]___[value:false]___[recipe:elementNodeData",
+        "withIconColor]___[value:true]___[recipe:elementNodeData",
+        "*]___[value:true]___[recipe:elementNodeData",
+        "*]___[value:false]___[recipe:elementNodeData",
+        "*]___[value:left]___[recipe:elementNodeData",
+        "iconPosition]___[value:right]___[recipe:elementNodeData",
+        "*]___[value:right]___[recipe:elementNodeData",
+        "iconPosition]___[value:top]___[recipe:elementNodeData",
+        "*]___[value:top]___[recipe:elementNodeData",
+        "iconPosition]___[value:bottom]___[recipe:elementNodeData",
+        "*]___[value:bottom]___[recipe:elementNodeData"
+      ],
       "elementNode": [],
       "elementShapeRecipe": [
         "withBorder]___[value:none]___[recipe:elementShapeRecipe",
@@ -1028,12 +1030,7 @@
         "shapetype]___[value:svg]___[recipe:elementShapeRecipe",
         "withBorder]___[value:true]___[recipe:elementShapeRecipe"
       ],
-      "likec4tag": [
-        "autoTextColor]___[value:false]___[recipe:likec4tag",
-        "autoTextColor]___[value:true]___[recipe:likec4tag",
-        "autoTextColor]___[value:true]___[cond:_hover]___[recipe:likec4tag",
-        "autoTextColor]___[value:false]___[cond:_hover]___[recipe:likec4tag"
-      ],
+      "likec4tag": [],
       "nodeNotes": [
         "opened]___[value:false]___[recipe:nodeNotes",
         "opened]___[value:true]___[recipe:nodeNotes"

package/src/styles-font.css

@@ -0,0 +1,114 @@
+/* ibm-plex-sans-latin-wght-normal */
+@font-face {
+  font-family: "IBM Plex Sans Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 700;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/latin-wght-normal.woff2)
+    format("woff2-variations");
+  unicode-range:
+    U+0000-00FF,
+    U+0131,
+    U+0152-0153,
+    U+02BB-02BC,
+    U+02C6,
+    U+02DA,
+    U+02DC,
+    U+0304,
+    U+0308,
+    U+0329,
+    U+2000-206F,
+    U+20AC,
+    U+2122,
+    U+2191,
+    U+2193,
+    U+2212,
+    U+2215,
+    U+FEFF,
+    U+FFFD;
+}
+
+/* ibm-plex-sans-cyrillic-wght-normal */
+@font-face {
+  font-family: "IBM Plex Sans Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 700;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/cyrillic-wght-normal.woff2)
+    format("woff2-variations");
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* ibm-plex-sans-cyrillic-ext-wght-normal */
+@font-face {
+  font-family: "IBM Plex Sans Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 700;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/cyrillic-ext-wght-normal.woff2)
+    format("woff2-variations");
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* ibm-plex-sans-greek-wght-normal */
+@font-face {
+  font-family: "IBM Plex Sans Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 700;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/greek-wght-normal.woff2)
+    format("woff2-variations");
+  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
+}
+
+/* ibm-plex-sans-latin-ext-wght-normal */
+@font-face {
+  font-family: "IBM Plex Sans Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 700;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/latin-ext-wght-normal.woff2)
+    format("woff2-variations");
+  unicode-range:
+    U+0100-02BA,
+    U+02BD-02C5,
+    U+02C7-02CC,
+    U+02CE-02D7,
+    U+02DD-02FF,
+    U+0304,
+    U+0308,
+    U+0329,
+    U+1D00-1DBF,
+    U+1E00-1E9F,
+    U+1EF2-1EFF,
+    U+2020,
+    U+20A0-20AB,
+    U+20AD-20C0,
+    U+2113,
+    U+2C60-2C7F,
+    U+A720-A7FF;
+}
+
+/* ibm-plex-sans-vietnamese-wght-normal */
+@font-face {
+  font-family: "IBM Plex Sans Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 700;
+  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/vietnamese-wght-normal.woff2)
+    format("woff2-variations");
+  unicode-range:
+    U+0102-0103,
+    U+0110-0111,
+    U+0128-0129,
+    U+0168-0169,
+    U+01A0-01A1,
+    U+01AF-01B0,
+    U+0300-0301,
+    U+0303-0304,
+    U+0308-0309,
+    U+0323,
+    U+0329,
+    U+1EA0-1EF9,
+    U+20AB;
+}

package/src/styles-min.css

@@ -0,0 +1,2 @@
+@layer reset, base, mantine, xyflow, tokens, recipes, utilities;
+@import "@xyflow/react/dist/style.css" layer(xyflow);

package/src/styles-xyflow.css

@@ -0,0 +1 @@
+@import "@xyflow/react/dist/style.css" layer(xyflow);

package/src/styles.css

@@ -0,0 +1,3 @@
+@layer reset, base, mantine, xyflow, tokens, recipes, utilities;
+@import "@mantine/core/styles.layer.css";
+@import "@xyflow/react/dist/style.css" layer(xyflow);