likec4 1.34.1 → 1.35.0

package/dist/shared/{likec4.C6HFkgux.d.mts → likec4.CcP3mRJH.d.mts}

@@ -2,7 +2,7 @@ import { Tagged, ValueOf, ConditionalPick, Writable, Simplify, MergeExclusive }
 import * as c4 from '@likec4/core';
 import { Fqn, EdgeId, AnyAux, aux, ComputedView, Specification, DiagramView, MultiMap as MultiMap$1, ProjectId, NonEmptyArray, NonEmptyReadonlyArray, ViewId, RelationId, DeploymentFqn, ViewChange } from '@likec4/core';
 import { LikeC4Model } from '@likec4/core/model';
-import picomatch from '/home/runner/work/likec4/likec4/node_modules/.pnpm/@types+picomatch@4.0.0/node_modules/@types/picomatch/posix.d.ts';
+import picomatch from '/home/runner/work/likec4/likec4/node_modules/.pnpm/@types+picomatch@4.0.2/node_modules/@types/picomatch/posix.d.ts';
 import { ProjectId as ProjectId$1, Fqn as Fqn$1 } from '@likec4/core/types';
 import { DefaultWeakMap, MultiMap as MultiMap$2 } from '@likec4/core/utils';
 
@@ -16262,7 +16262,7 @@ interface LineProperty extends AstNode {
 }
 declare const LineProperty = "LineProperty";
 interface LinkProperty extends AstNode {
-    readonly $container: DeployedInstanceBody | DeploymentNodeBody | DeploymentRelationBody | DeploymentViewBody | DynamicViewBody | ElementBody | ElementViewBody | ExtendDeploymentBody | ExtendElementBody | RelationBody;
+    readonly $container: DeployedInstanceBody | DeploymentNodeBody | DeploymentRelationBody | DeploymentViewBody | DynamicViewBody | ElementBody | ElementViewBody | ExtendDeploymentBody | ExtendElementBody | RelationBody | SpecificationDeploymentNodeKind | SpecificationElementKind;
     readonly $type: 'LinkProperty';
     key: 'link';
     title?: string;
@@ -16270,7 +16270,7 @@ interface LinkProperty extends AstNode {
 }
 declare const LinkProperty = "LinkProperty";
 interface MarkdownOrString extends AstNode {
-    readonly $container: ElementStringProperty | MetadataAttribute | NotationProperty | NotesProperty | RelationStringProperty | SpecificationRelationshipStringProperty | ViewStringProperty;
+    readonly $container: ElementStringProperty | MetadataAttribute | NotationProperty | NotesProperty | RelationStringProperty | SpecificationElementStringProperty | SpecificationRelationshipStringProperty | ViewStringProperty;
     readonly $type: 'MarkdownOrString';
     markdown?: string;
     text?: string;
@@ -16306,6 +16306,7 @@ declare const ModelDeployments = "ModelDeployments";
 interface ModelViews extends AstNode {
     readonly $container: LikeC4Grammar;
     readonly $type: 'ModelViews';
+    folder?: string;
     name: 'views';
     styles: Array<ViewRuleStyleOrGlobalRef>;
     views: Array<LikeC4View>;
@@ -16464,7 +16465,7 @@ interface SpecificationDeploymentNodeKind extends AstNode {
     readonly $container: SpecificationRule;
     readonly $type: 'SpecificationDeploymentNodeKind';
     kind: DeploymentNodeKind;
-    props: Array<ElementStyleProperty | SpecificationElementStringProperty>;
+    props: Array<ElementStyleProperty | LinkProperty | SpecificationElementStringProperty>;
     tags?: Tags;
 }
 declare const SpecificationDeploymentNodeKind = "SpecificationDeploymentNodeKind";
@@ -16472,15 +16473,15 @@ interface SpecificationElementKind extends AstNode {
     readonly $container: SpecificationRule;
     readonly $type: 'SpecificationElementKind';
     kind: ElementKind;
-    props: Array<ElementStyleProperty | SpecificationElementStringProperty>;
+    props: Array<ElementStyleProperty | LinkProperty | SpecificationElementStringProperty>;
     tags?: Tags;
 }
 declare const SpecificationElementKind = "SpecificationElementKind";
 interface SpecificationElementStringProperty extends AstNode {
     readonly $container: SpecificationDeploymentNodeKind | SpecificationElementKind;
     readonly $type: 'SpecificationElementStringProperty';
-    key: 'notation' | 'technology';
-    value: string;
+    key: 'description' | 'notation' | 'technology' | 'title';
+    value: MarkdownOrString;
 }
 declare const SpecificationElementStringProperty = "SpecificationElementStringProperty";
 interface SpecificationRelationshipKind extends AstNode {

package/dist/shared/{likec4.CR8hztrt.mjs → likec4.SsV1pHm2.mjs}

@@ -1,4 +1,4 @@
-import{relative as de}from"node:path";import{f as ce,g as J,T as le,N as V,i as pe,n as x,j as U,u as N,l as ue,C as fe,m as ge,a as he,b as me,c as we,d as W,e as Ie,p as Ne,h as G,L as ye}from"./likec4.CENaSwdv.mjs";import{compareNatural as ve}from"@likec4/core/utils";import{RichText as ke}from"@likec4/core/types";function Le(n){var e,i;if(n){if("astNode"in n)return Se(n);if(Array.isArray(n))return n.reduce(z,void 0);{const t=n,r=$e(t)?je((i=(e=t?.root)===null||e===void 0?void 0:e.astNode)!==null&&
+import{relative as de}from"node:path";import{f as ce,g as J,T as le,N as V,i as pe,n as x,j as U,u as N,l as ue,C as fe,m as ge,a as he,b as me,c as we,d as W,e as Ie,p as Ne,h as G,L as ye}from"./likec4.B4j8eNO5.mjs";import{compareNatural as ve}from"@likec4/core/utils";import{RichText as ke}from"@likec4/core/types";function Le(n){var e,i;if(n){if("astNode"in n)return Se(n);if(Array.isArray(n))return n.reduce(z,void 0);{const t=n,r=$e(t)?je((i=(e=t?.root)===null||e===void 0?void 0:e.astNode)!==null&&
 i!==void 0?i:t?.astNode):void 0;return C(t,r)}}else return}function $e(n){return typeof n<"u"&&"element"in n&&"text"in n}function je(n){try{return J(n).uri.toString()}catch{return}}function Se(n){var e,i;const{astNode:t,property:r,index:a}=n??{},s=(e=t?.$cstNode)!==null&&e!==void 0?e:t?.$textRegion;if(!(t===void 0||s===void 0)){if(r===void 0)return C(s,O(t));{const o=c=>a!==void 0&&a>-1&&Array.isArray(t[r])?a<c.length?c[a]:void 0:c.reduce(z,void 0);if(!((i=s.assignments)===null||i===void 0)&&i[r]){
 const c=o(s.assignments[r]);return c&&C(c,O(t))}else if(t.$cstNode){const c=o(ce(t.$cstNode,r));return c&&C(c,O(t))}else return}}}function O(n){var e,i,t,r;return n.$cstNode?(i=(e=J(n))===null||e===void 0?void 0:e.uri)===null||i===void 0?void 0:i.toString():n.$textRegion?n.$textRegion.documentURI||((r=(t=new le(n,a=>a.$container?[a.$container]:[]).find(a=>{var s;return(s=a.$textRegion)===null||s===void 0?void 0:s.documentURI}))===null||t===void 0?void 0:t.$textRegion)===null||r===void 0?void 0:r.
 documentURI):void 0}function C(n,e){var i,t;const r={offset:n.offset,end:(i=n.end)!==null&&i!==void 0?i:n.offset+n.length,length:(t=n.length)!==null&&t!==void 0?t:n.end-n.offset};return n.range&&(r.range=n.range),e??(e=n.fileURI),e&&(r.fileURI=e),r}function z(n,e){var i,t;if(n){if(!e)return n&&C(n)}else return e&&C(e);const r=(i=n.end)!==null&&i!==void 0?i:n.offset+n.length,a=(t=e.end)!==null&&t!==void 0?t:e.offset+e.length,s=Math.min(n.offset,e.offset),o=Math.max(r,a),c=o-s,p={offset:s,end:o,length:c};

package/dist/vite-plugin/index.d.mts

@@ -1,8 +1,8 @@
-import { L as LikeC4LanguageServices } from '../shared/likec4.C6HFkgux.mjs';
+import { L as LikeC4LanguageServices } from '../shared/likec4.CcP3mRJH.mjs';
 import 'type-fest';
 import '@likec4/core';
 import '@likec4/core/model';
-import '/home/runner/work/likec4/likec4/node_modules/.pnpm/@types+picomatch@4.0.0/node_modules/@types/picomatch/posix.d.ts';
+import '/home/runner/work/likec4/likec4/node_modules/.pnpm/@types+picomatch@4.0.2/node_modules/@types/picomatch/posix.d.ts';
 import '@likec4/core/types';
 import '@likec4/core/utils';
 

package/dist/vite-plugin/index.mjs

@@ -1,2 +1,2 @@
-export{L as LikeC4VitePlugin}from"../shared/likec4.CR8hztrt.mjs";import"node:path";import"../shared/likec4.CENaSwdv.mjs";import"node:fs";import"node:url";import"../shared/likec4.BeWJWU7_.mjs";import"tty";import"node:util";import"util";import"path";import"os";import"crypto";import"net";import"url";import"fs";import"child_process";import"@likec4/core";import"@likec4/core/types";import"events";import"@hpcc-js/wasm-graphviz";import"@likec4/core/model";import"buffer";import"@likec4/core/compute-view";
+export{L as LikeC4VitePlugin}from"../shared/likec4.SsV1pHm2.mjs";import"node:path";import"../shared/likec4.B4j8eNO5.mjs";import"node:fs";import"node:url";import"../shared/likec4.BeWJWU7_.mjs";import"tty";import"node:util";import"util";import"path";import"os";import"crypto";import"net";import"url";import"fs";import"child_process";import"@likec4/core";import"@likec4/core/types";import"events";import"@hpcc-js/wasm-graphviz";import"@likec4/core/model";import"buffer";import"@likec4/core/compute-view";
 import"@likec4/core/utils";import"node:process";import"boxen";import"node:child_process";import"node:events";import"node:fs/promises";import"node:stream/promises";import"node:readline/promises";import"node:os";import"fs/promises";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "likec4",
-  "version": "1.34.1",
+  "version": "1.35.0",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -96,7 +96,7 @@
     "rollup": "^4.44.0",
     "type-fest": "^4.41.0",
     "vite": "^6.3.5",
-    "@likec4/core": "1.34.1"
+    "@likec4/core": "1.35.0"
   },
   "peerDependencies": {
     "react": "^18.x || ^19.x",
@@ -105,23 +105,23 @@
   "devDependencies": {
     "@dagrejs/dagre": "1.1.5",
     "@fontsource/ibm-plex-sans": "^5.2.6",
-    "@mantine/core": "8.1.2",
-    "@mantine/hooks": "8.1.2",
+    "@mantine/core": "8.2.1",
+    "@mantine/hooks": "8.2.1",
     "@nanostores/react": "1.0.0",
     "@pandacss/dev": "^0.54.0",
     "@react-hookz/web": "^25.1.1",
-    "@tabler/icons-react": "3.31.0",
+    "@tabler/icons-react": "3.34.1",
     "@tanstack/react-router": "^1.114.13",
     "@tanstack/router-cli": "^1.114.13",
     "@tanstack/router-vite-plugin": "^1.114.13",
-    "@types/node": "~20.19.1",
-    "@types/picomatch": "^4.0.0",
-    "@types/react": "19.1.8",
-    "@types/react-dom": "19.1.6",
+    "@types/node": "~20.19.2",
+    "@types/picomatch": "^4.0.2",
+    "@types/react": "19.1.9",
+    "@types/react-dom": "19.1.7",
     "@types/semver": "^7.7.0",
     "@types/yargs": "^17.0.33",
-    "@xyflow/react": "^12.6.4",
-    "@xyflow/system": "^0.0.61",
+    "@xyflow/react": "12.6.4",
+    "@xyflow/system": "0.0.61",
     "autoprefixer": "^10.4.21",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
@@ -142,18 +142,18 @@
     "langium": "3.5.0",
     "merge-error-cause": "^5.0.2",
     "mkdirp": "^3.0.1",
-    "motion": "^12.12.2",
+    "motion": "^12.23.11",
     "nano-spawn": "^1.0.2",
     "nanostores": "1.0.1",
     "npm-run-all2": "^8.0.4",
     "p-limit": "6.2.0",
     "package-manager-detector": "1.3.0",
     "package-up": "^5.0.0",
-    "picomatch": "^4.0.2",
+    "picomatch": "^4.0.3",
     "postcss": "8.5.5",
     "pretty-ms": "^9.2.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "react-error-boundary": "^6.0.0",
     "react-resizable-panels": "^3.0.3",
     "react-shadow": "^20.6.0",
@@ -162,8 +162,8 @@
     "std-env": "^3.9.0",
     "strip-indent": "^4.0.0",
     "tinyrainbow": "^2.0.0",
-    "tsx": "4.19.4",
-    "turbo": "2.5.4",
+    "tsx": "4.20.3",
+    "turbo": "2.5.5",
     "typescript": "5.8.3",
     "ufo": "1.6.1",
     "unbuild": "3.5.0",
@@ -171,22 +171,22 @@
     "vite-plugin-inspect": "^11.1.0",
     "vite-plugin-singlefile": "^2.2.0",
     "vitest": "3.2.4",
-    "vscode-jsonrpc": "8.2.0",
+    "vscode-jsonrpc": "8.2.1",
     "vscode-languageserver": "9.0.1",
     "vscode-languageserver-types": "3.17.5",
     "vscode-uri": "3.1.0",
     "which": "^5.0.0",
     "wireit": "0.14.12",
     "yargs": "17.7.2",
-    "@likec4/diagram": "1.34.1",
-    "@likec4/icons": "1.34.1",
-    "@likec4/language-server": "1.34.1",
-    "@likec4/generators": "1.34.1",
-    "@likec4/layouts": "1.34.1",
-    "@likec4/log": "1.34.1",
-    "@likec4/style-preset": "1.34.1",
-    "@likec4/styles": "1.34.1",
-    "@likec4/tsconfig": "1.34.1"
+    "@likec4/diagram": "1.35.0",
+    "@likec4/generators": "1.35.0",
+    "@likec4/language-server": "1.35.0",
+    "@likec4/layouts": "1.35.0",
+    "@likec4/icons": "1.35.0",
+    "@likec4/styles": "1.35.0",
+    "@likec4/style-preset": "1.35.0",
+    "@likec4/log": "1.35.0",
+    "@likec4/tsconfig": "1.35.0"
   },
   "scripts": {
     "typecheck": "tsc --build --verbose",

package/react/index.d.mts

@@ -1971,7 +1971,6 @@ type ControlsCustomLayoutProps = {
 	navigationButtons: ReactNode;
 	search: ReactNode;
 	actionsGroup: ReactNode;
-	syncInProgressBadge: ReactNode;
 };
 type ControlsCustomLayout = (props: ControlsCustomLayoutProps) => ReactNode;
 type Dimmed = "immediate" | boolean;
@@ -2135,6 +2134,14 @@ type OnChange = (event: ChangeEvent) => void;
 type OverrideReactFlowProps = Pick<ReactFlowProps, "paneClickDistance" | "nodeClickDistance" | "selectionKeyCode" | "panActivationKeyCode" | "multiSelectionKeyCode" | "zoomActivationKeyCode" | "snapToGrid" | "snapGrid" | "onlyRenderVisibleElements" | "nodesDraggable" | "nodesFocusable" | "elementsSelectable" | "selectNodesOnDrag" | "panOnDrag" | "preventScrolling" | "zoomOnScroll" | "zoomOnPinch" | "panOnScroll" | "panOnScrollSpeed" | "panOnScrollMode" | "zoomOnDoubleClick" | "nodeDragThreshold">;
 type PaddingUnit$1 = "px" | "%";
 type PaddingWithUnit$1 = `${number}${PaddingUnit$1}` | number;
+type ViewPadding = PaddingWithUnit$1 | {
+	top?: PaddingWithUnit$1;
+	right?: PaddingWithUnit$1;
+	bottom?: PaddingWithUnit$1;
+	left?: PaddingWithUnit$1;
+	x?: PaddingWithUnit$1;
+	y?: PaddingWithUnit$1;
+};
 interface LikeC4DiagramProperties<A extends Any> {
 	view: LayoutedView<A>;
 	className?: string | undefined;
@@ -2155,10 +2162,11 @@ interface LikeC4DiagramProperties<A extends Any> {
 	readonly?: boolean | undefined;
 	/**
 	 * Show/hide panel with top left controls,
+	 * - `next` - Experimental navigation panel
 	 *
 	 * @default true if not readonly
 	 */
-	controls?: boolean | undefined;
+	controls?: boolean | "next" | undefined;
 	/**
 	 * If set, initial viewport will show all nodes & edges
 	 * @default true
@@ -2167,8 +2175,29 @@ interface LikeC4DiagramProperties<A extends Any> {
 	/**
 	 * Padding around the diagram
 	 * @default '8px'
-	 */
-	fitViewPadding?: PaddingWithUnit$1 | undefined;
+	 *
+	 * @see {@link ViewPadding}
+	 *
+	 * @example
+	 * ```tsx
+	 * <LikeC4Diagram
+	 *   fitViewPadding={{
+	 *     x: '16px',
+	 *     y: '16px',
+	 *   }}
+	 * />
+	 *
+	 * <LikeC4Diagram
+	 *   fitViewPadding={{
+	 *     top: '8px',
+	 *     right: '8px',
+	 *     bottom: '8px',
+	 *     left: '8px',
+	 *   }}
+	 * />
+	 * ```
+	 */
+	fitViewPadding?: ViewPadding | undefined;
 	/**
 	 * @default false if readonly
 	 */
@@ -2253,8 +2282,9 @@ interface LikeC4DiagramProperties<A extends Any> {
 	/**
 	 * Improve performance by hiding certain elements and reducing visual effects (disable mix-blend, shadows, animations)
 	 * Enable it if you have a large or static view
+	 * - `auto` - will be `true` if view has more then 3000 * 2000 pixels
 	 *
-	 * @default 'auto' - will be `true` if view has more then 3000 * 2000 pixels
+	 * @default 'auto'
 	 */
 	reduceGraphics?: "auto" | boolean | undefined;
 	/**
@@ -2264,6 +2294,11 @@ interface LikeC4DiagramProperties<A extends Any> {
 	renderIcon?: ElementIconRenderer | undefined;
 	/**
 	 * Customize layout of the controls on the top left
+	 *
+	 * @note
+	 * Ignored if `controls="next"`
+	 *
+	 * @see {@link controls}
 	 */
 	renderControls?: ControlsCustomLayout | undefined;
 	/**
@@ -2359,8 +2394,10 @@ export interface LikeC4ViewProps<A extends Any> {
 	/**
 	 * Padding around the diagram
 	 * @default '8px'
+	 *
+	 * @see {@link ViewPadding}
 	 */
-	fitViewPadding?: PaddingWithUnit$1 | undefined;
+	fitViewPadding?: ViewPadding | undefined;
 	/**
 	 * Display diagram title / description
 	 *
@@ -2452,9 +2489,11 @@ interface LikeC4BrowserProps {
 	fitViewPadding?: PaddingWithUnit$1 | undefined;
 	/**
 	 * Show/hide panel with top left controls,
-	 * @default true
+	 * - `next` - show navigation panel (Experimental)
+	 *
+	 * @default `next`
 	 */
-	controls?: boolean | undefined;
+	controls?: boolean | "next" | undefined;
 	/**
 	 * Display diagram title / description
 	 *