likec4 1.46.4 → 1.47.0

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

@@ -1,13 +1,13 @@
-import { L as LikeC4LanguageServices } from '../shared/likec4.DobqFzmV.mjs';
+import { L as LikeC4LanguageServices } from '../shared/likec4.iedqayBZ.mjs';
 import '@likec4/core';
+import '@likec4/core/compute-view';
 import 'type-fest';
-import '../shared/likec4.6kvTI22o.mjs';
+import '../shared/likec4.DqDU0qex.mjs';
 import '@likec4/core/model';
 import '@likec4/core/types';
 import '@likec4/core/styles';
 import '/home/runner/work/likec4/likec4/node_modules/.pnpm/@types+picomatch@4.0.2/node_modules/@types/picomatch/index.d.ts';
 import '@likec4/core/utils';
-import '@cfworker/json-schema';
 
 type LikeC4VitePluginOptions = {
     /**

package/dist/vite-plugin/index.mjs

@@ -1 +1 @@
-export{L as LikeC4VitePlugin}from"../shared/likec4.DwZEQeLv.mjs";
+export{L as LikeC4VitePlugin}from"../shared/likec4.CRP-WAuw.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "likec4",
   "description": "Toolchain for your architecture diagrams",
-  "version": "1.46.4",
+  "version": "1.47.0",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -103,7 +103,7 @@
     "@vitejs/plugin-react": "^5.1.2",
     "boxen": "^8.0.1",
     "bundle-require": "^5.1.0",
-    "esbuild": "0.27.1",
+    "esbuild": "0.27.2",
     "fdir": "6.4.0",
     "playwright": "1.56.1",
     "rollup": "^4.53.5",
@@ -113,7 +113,7 @@
     "@xyflow/react": "12.10.0",
     "@xyflow/system": "0.0.74",
     "yargs": "17.7.2",
-    "@likec4/core": "1.46.4"
+    "@likec4/core": "1.47.0"
   },
   "peerDependencies": {
     "react": "^18.x || ^19.x",
@@ -125,7 +125,7 @@
     "@mantine/core": "8.3.10",
     "@mantine/hooks": "8.3.10",
     "@nanostores/react": "1.0.0",
-    "@pandacss/dev": "^1.7.1",
+    "@pandacss/dev": "^1.7.2",
     "@react-hookz/web": "^25.2.0",
     "@tabler/icons-react": "3.36.0",
     "@tanstack/react-router": "^1.114.13",
@@ -138,14 +138,14 @@
     "@types/semver": "^7.7.1",
     "@types/yargs": "^17.0.33",
     "@xstate/react": "6.0.0",
+    "@xstate/store": "3.14.0",
     "autoprefixer": "^10.4.23",
     "clsx": "^2.1.1",
     "conf": "^15.0.2",
     "defu": "^6.1.4",
-    "dts-bundle-generator": "^9.5.1",
     "esbuild-node-externals": "1.20.1",
     "esm-env": "^1.2.2",
-    "fast-equals": "^5.4.0",
+    "fast-equals": "^6.0.0",
     "get-port": "^7.1.0",
     "html-to-image": "1.11.11",
     "is-inside-container": "^1.0.0",
@@ -158,7 +158,7 @@
     "nano-spawn": "^2.0.0",
     "nanostores": "1.1.0",
     "npm-run-all2": "^8.0.4",
-    "p-limit": "6.2.0",
+    "p-limit": "7.2.0",
     "picomatch": "^4.0.3",
     "package-manager-detector": "1.6.0",
     "package-up": "^5.0.0",
@@ -167,14 +167,14 @@
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-error-boundary": "^6.0.0",
-    "react-resizable-panels": "^3.0.6",
+    "react-resizable-panels": "^4.0.11",
     "react-shadow": "^20.6.0",
     "remeda": "^2.32.0",
     "semver": "^7.7.3",
     "strip-indent": "^4.1.1",
     "tinyrainbow": "^2.0.0",
     "tsx": "4.21.0",
-    "turbo": "2.6.3",
+    "turbo": "2.7.2",
     "typescript": "5.9.3",
     "ufo": "1.6.1",
     "unbuild": "3.5.0",
@@ -190,16 +190,16 @@
     "wireit": "0.14.12",
     "zod": "^3.25.76",
     "xstate": "5.24.0",
-    "@likec4/config": "1.46.4",
+    "@likec4/config": "1.47.0",
+    "@likec4/diagram": "1.47.0",
     "@likec4/devops": "1.42.0",
-    "@likec4/diagram": "1.46.4",
-    "@likec4/language-server": "1.46.4",
-    "@likec4/generators": "1.46.4",
+    "@likec4/generators": "1.47.0",
     "@likec4/icons": "1.46.4",
+    "@likec4/language-server": "1.47.0",
+    "@likec4/layouts": "1.47.0",
     "@likec4/log": "1.46.1",
-    "@likec4/layouts": "1.46.4",
-    "@likec4/style-preset": "1.46.4",
-    "@likec4/styles": "1.46.4",
+    "@likec4/style-preset": "1.47.0",
+    "@likec4/styles": "1.47.0",
     "@likec4/tsconfig": "1.46.1"
   },
   "scripts": {
@@ -216,10 +216,7 @@
     "clean": "pnpm rimraf --glob lib dist app/dist dev/.export dev/dist node_modules/.vite react/*.mjs react/*.d.mts icons",
     "start": "tsx --conditions=sources src/cli/index.ts",
     "dev": "pnpm cli:serve dev",
-    "dev:docs:bigbank": "pnpm cli:serve ../../apps/docs/src/components/bigbank",
-    "dev:docs:dynamic-view": "pnpm cli:serve ../../apps/docs/src/components/dynamic-view",
-    "dev:docs:index-page": "pnpm cli:serve ../../apps/docs/src/components/index-page",
-    "dev:docs:theme": "pnpm cli:serve ../../apps/docs/src/components/likec4-theme",
+    "dev:docs": "pnpm cli:serve ../../apps/docs/src",
     "dev:playground:deployment": "pnpm cli:serve ../../apps/playground/src/examples/deployment",
     "dev:playground:dynamic": "pnpm cli:serve ../../apps/playground/src/examples/dynamic",
     "dev:template": "pnpm cli:serve ../create-likec4/template",

package/react/index.d.ts

@@ -38,10 +38,10 @@ import { Fqn } from '@likec4/core/types';
 import { Fqn as Fqn_3 } from '@likec4/core';
 import { FunctionComponent } from 'react';
 import { HTMLAttributes } from 'react';
-import { HTMLMotionProps } from 'motion/react';
 import { IconUrl } from '@likec4/core/types';
 import { JSX } from 'react/jsx-runtime';
-import { JsxStyleProps } from '@likec4/styles/types';
+import { JsxStyleProps } from '../../styled-system/types';
+import { LayoutedProjectsView } from '@likec4/core/compute-view';
 import { LayoutedView } from '@likec4/core/types';
 import { LayoutType } from '@likec4/core/types';
 import { LikeC4Model } from '@likec4/core/model';
@@ -77,6 +77,7 @@ import { Panel } from '@xyflow/react';
 import { PartialDeep } from 'type-fest';
 import { Position } from '@xyflow/react';
 import { ProjectId } from '@likec4/core/types';
+import { ProjectId as ProjectId_2 } from '@likec4/core';
 import { PropsWithChildren } from 'react';
 import { ReactFlowInstance } from '@xyflow/react';
 import { ReactFlowProps } from '@xyflow/react';
@@ -791,7 +792,9 @@ export declare function CompoundElementToolbar(props: Types.NodeProps<'compound-
 
 export declare function CompoundNodeContainer({ nodeProps: { data: { hovered: isHovered, dimmed: isDimmed, ...data }, }, className, children, style, ...rest }: CompoundNodeContainerProps): JSX.Element;
 
-declare type CompoundNodeContainerProps = Omit<HTMLMotionProps<'div'>, 'children'> & PropsWithChildren<{
+declare type CompoundNodeContainerProps = PropsWithChildren<HTMLAttributes<HTMLDivElement> & {
+    layout?: boolean | 'position' | 'size' | 'preserve-aspect';
+    layoutId?: string | undefined;
     nodeProps: BaseNodeProps<BaseNode<RequiredData>>;
 }>;
 
@@ -2880,7 +2883,7 @@ export declare type LikeC4ColorScheme = 'light' | 'dark';
  *
  * Use {@link ReactLikeC4} or {@link LikeC4View} for ready-to-use component
  */
-export declare function LikeC4Diagram<A extends Any = Any>({ onCanvasClick, onCanvasContextMenu, onCanvasDblClick, onEdgeClick, onEdgeContextMenu, onNavigateTo, onNodeClick, onNodeContextMenu, onOpenSource, onBurgerMenuClick, onLayoutTypeChange, onInitialized, view, className, controls, fitView, fitViewPadding: _fitViewPadding, pannable, zoomable, background, enableElementTags, enableFocusMode, enableElementDetails, enableRelationshipDetails, enableRelationshipBrowser, enableCompareWithLatest, nodesSelectable, enableNotations, showNavigationButtons, enableDynamicViewWalkthrough, dynamicViewVariant, enableSearch, initialWidth, initialHeight, reduceGraphics, renderIcon, where, reactFlowProps, renderNodes, children, }: LikeC4DiagramProps<A>): JSX.Element;
+export declare function LikeC4Diagram<A extends Any = Any>({ onCanvasClick, onCanvasContextMenu, onCanvasDblClick, onEdgeClick, onEdgeContextMenu, onNavigateTo, onNodeClick, onNodeContextMenu, onOpenSource, onLogoClick, onLayoutTypeChange, onInitialized, view, className, controls, fitView, fitViewPadding: _fitViewPadding, pannable, zoomable, background, enableElementTags, enableFocusMode, enableElementDetails, enableRelationshipDetails, enableRelationshipBrowser, enableCompareWithLatest, nodesSelectable, enableNotations, showNavigationButtons, enableDynamicViewWalkthrough, dynamicViewVariant, enableSearch, initialWidth, initialHeight, reduceGraphics, renderIcon, where, reactFlowProps, renderNodes, children, }: LikeC4DiagramProps<A>): JSX.Element;
 
 export declare interface LikeC4DiagramEventHandlers<A extends Any_2 = Unknown> {
     onNavigateTo?: OnNavigateTo<A> | null | undefined;
@@ -2891,7 +2894,7 @@ export declare interface LikeC4DiagramEventHandlers<A extends Any_2 = Unknown> {
     onEdgeContextMenu?: OnEdgeClick<A> | null | undefined;
     onCanvasClick?: OnCanvasClick | null | undefined;
     onCanvasDblClick?: OnCanvasClick | null | undefined;
-    onBurgerMenuClick?: null | undefined | (() => void);
+    onLogoClick?: null | undefined | (() => void);
     onOpenSource?: OnOpenSource<A> | null | undefined;
     onInitialized?: OnInitialized | null | undefined;
     /**
@@ -3097,6 +3100,13 @@ declare type LikeC4ProjectsContext = {
 
 declare const LikeC4ProjectsContext: Context_4<LikeC4ProjectsContext | null>;
 
+export declare function LikeC4ProjectsOverview({ view, className, onNavigateToProject, ...props }: LikeC4ProjectsOverviewProps): JSX.Element;
+
+export declare type LikeC4ProjectsOverviewProps = Simplify<Omit<ProjectsOverviewProps, 'id'> & {
+    className?: string;
+    onSelectProject?: ProjectsOverviewProps['onNavigateToProject'];
+}>;
+
 /**
  * Ensures LikeC4Projects context
  */
@@ -3719,6 +3729,27 @@ export declare function pickViewBounds(view: LayoutedView, dynamicVariant?: Dyna
  */
 export declare function PortalToContainer({ children }: PropsWithChildren): JSX.Element;
 
+declare type ProjectsOverviewProps = {
+    view: LayoutedProjectsView;
+    /**
+     * Callback when project is selected (e.g. clicked)
+     */
+    onNavigateToProject?: undefined | ((projectId: ProjectId_2) => void);
+    fitViewPadding?: ViewPadding | undefined;
+} & ProjectsOverviewXYProps;
+
+declare type ProjectsOverviewXYProps = {
+    /**
+     * Background pattern
+     * @default 'dots'
+     */
+    background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
+    /**
+     * @default - determined by the user's system preferences.
+     */
+    colorScheme?: 'light' | 'dark' | undefined;
+};
+
 declare type PromiseActorLogic<TOutput, TInput = unknown, TEmitted extends EventObject = EventObject> = ActorLogic<PromiseSnapshot<TOutput, TInput>, {
     type: string;
     [k: string]: unknown;
@@ -4739,6 +4770,11 @@ declare type UnknownLayouted_2 = t.aux.UnknownLayouted;
 
 declare type UnknownReferencedGuard = Guard<MachineContext, EventObject, ParameterizedObject['params'], ParameterizedObject>;
 
+/**
+ * @returns The callback to change current project.
+ */
+export declare function useChangeLikeC4Project(): (id: ProjectId) => void;
+
 /**
  * Returns current view
  * Should be used only inside LikeC4Diagram