likec4 1.57.0 → 1.58.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "likec4",
   "description": "Toolchain for your architecture diagrams",
-  "version": "1.57.0",
+  "version": "1.58.0",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -89,23 +89,22 @@
     "access": "public"
   },
   "dependencies": {
-    "@hpcc-js/wasm-graphviz": "1.21.2",
+    "@hpcc-js/wasm-graphviz": "1.21.6",
     "@vitejs/plugin-react": "^6.0.2",
     "bundle-require": "^5.1.0",
-    "esbuild": "0.27.4",
+    "esbuild": "0.28.0",
     "fdir": "6.4.0",
-    "playwright": "^1.58.2",
+    "playwright": "1.60.0",
     "chokidar": "^5.0.0",
-    "immer": "^11.1.4",
-    "std-env": "^3.10.0",
+    "immer": "^11.1.8",
+    "std-env": "^4.1.0",
     "type-fest": "^4.41.0",
-    "vite-plugin-singlefile": "^2.3.2",
+    "vite-plugin-singlefile": "^2.3.3",
     "vite": "^8.0.14",
     "yargs": "17.7.2",
-    "nano-spawn": "^2.0.0",
+    "nano-spawn": "^2.1.0",
     "use-sync-external-store": "^1.6.0",
-    "react-compiler-runtime": "^1.0.0",
-    "@likec4/core": "1.57.0",
+    "@likec4/core": "1.58.0",
     "@likec4/icons": "1.46.4"
   },
   "peerDependencies": {
@@ -115,8 +114,8 @@
     "@tanstack/ai-openai": "^0.8.2",
     "@tanstack/ai-ollama": "^0.6.10",
     "@tanstack/ai-openrouter": "^0.8.2",
-    "react": "^18.x || ^19.x",
-    "react-dom": "^18.x || ^19.x"
+    "react": "^19.x",
+    "react-dom": "^19.x"
   },
   "peerDependenciesMeta": {
     "@tanstack/ai": {
@@ -146,18 +145,18 @@
     "@tanstack/ai": "^0.14.0",
     "@types/node": "~22.19.19",
     "@types/picomatch": "^4.0.3",
-    "@types/react": "19.2.15",
+    "@types/react": "19.2.16",
     "@types/react-dom": "19.2.3",
     "@types/semver": "^7.7.1",
     "@types/yargs": "^17.0.33",
-    "autoprefixer": "^10.4.27",
+    "autoprefixer": "^10.5.0",
     "picomatch": "^4.0.4",
     "birpc": "^4.0.0",
     "boxen": "^8.0.1",
     "clsx": "^2.1.1",
     "conf": "^15.1.0",
     "defu": "^6.1.7",
-    "esbuild-node-externals": "1.20.1",
+    "esbuild-node-externals": "1.22.0",
     "esm-env": "^1.2.2",
     "fast-equals": "^6.0.0",
     "get-port": "^7.1.0",
@@ -167,52 +166,52 @@
     "mkdirp": "^3.0.1",
     "npm-run-all2": "^8.0.4",
     "p-limit": "7.3.0",
-    "nanostores": "1.2.0",
+    "nanostores": "1.3.0",
     "@nanostores/react": "1.1.0",
-    "oxlint": "1.59.0",
+    "oxlint": "1.68.0",
     "package-manager-detector": "1.6.0",
     "package-up": "^5.0.0",
     "postcss": "8.5.15",
     "pretty-ms": "^9.3.0",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
-    "react-error-boundary": "^6.1.1",
-    "react-resizable-panels": "^4.11.1",
-    "remeda": "^2.33.7",
-    "semver": "^7.7.4",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "react-error-boundary": "^6.1.2",
+    "react-resizable-panels": "^4.11.2",
+    "remeda": "^2.37.0",
+    "semver": "^7.8.1",
     "strip-indent": "^4.1.1",
     "tinyrainbow": "^3.1.0",
-    "tsx": "4.21.0",
-    "turbo": "2.9.14",
-    "typescript": "5.9.3",
-    "ufo": "1.6.3",
-    "tsdown": "^0.22.0",
-    "vite-plugin-dts": "^5.0.1",
-    "vitest": "4.1.3",
+    "tsx": "4.22.4",
+    "turbo": "2.9.16",
+    "typescript": "6.0.3",
+    "ufo": "1.6.4",
+    "tsdown": "^0.22.1",
+    "vite-plugin-dts": "^5.0.2",
+    "vitest": "4.1.8",
     "vscode-jsonrpc": "8.2.0",
     "vscode-languageserver": "9.0.1",
     "vscode-languageserver-types": "3.17.5",
     "vscode-uri": "3.1.0",
     "which": "^5.0.0",
     "wireit": "0.14.12",
-    "zod": "^4.3.6",
+    "zod": "^4.4.3",
     "zx": "8.8.5",
-    "@likec4/config": "1.57.0",
-    "@likec4/leanix-bridge": "1.57.0",
-    "@likec4/log": "1.57.0",
-    "@likec4/language-server": "1.57.0",
-    "@likec4/mcp": "1.57.0",
-    "@likec4/language-services": "1.57.0",
-    "@likec4/devops": "1.57.0",
-    "@likec4/diagram": "1.57.0",
-    "@likec4/layouts": "1.57.0",
-    "@likec4/vite-plugin": "1.57.0",
-    "@likec4/react": "1.57.0",
-    "@likec4/spa": "1.57.0",
-    "@likec4/style-preset": "1.57.0",
-    "@likec4/generators": "1.57.0",
-    "@likec4/styles": "1.57.0",
-    "@likec4/tsconfig": "1.57.0"
+    "@likec4/config": "1.58.0",
+    "@likec4/leanix-bridge": "1.58.0",
+    "@likec4/log": "1.58.0",
+    "@likec4/language-services": "1.58.0",
+    "@likec4/language-server": "1.58.0",
+    "@likec4/mcp": "1.58.0",
+    "@likec4/devops": "1.58.0",
+    "@likec4/diagram": "1.58.0",
+    "@likec4/layouts": "1.58.0",
+    "@likec4/vite-plugin": "1.58.0",
+    "@likec4/react": "1.58.0",
+    "@likec4/style-preset": "1.58.0",
+    "@likec4/generators": "1.58.0",
+    "@likec4/spa": "1.58.0",
+    "@likec4/styles": "1.58.0",
+    "@likec4/tsconfig": "1.58.0"
   },
   "scripts": {
     "typecheck": "tsc --build --verbose",

package/react/index.d.mts

@@ -9,6 +9,7 @@ import { Color } from '@likec4/core/types';
 import { ComputedNodeStyle } from '@likec4/core/types';
 import { ComputedNodeStyle as ComputedNodeStyle_2 } from '@likec4/core';
 import { Context as Context_4 } from 'react';
+import { ControlButton } from '@xyflow/react';
 import { CSSProperties } from 'react';
 import { DependencyList } from 'react';
 import { DeploymentFqn } from '@likec4/core/types';
@@ -41,8 +42,9 @@ 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 { JSX } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+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';
@@ -50,13 +52,16 @@ import { LikeC4Model } from '@likec4/core/model';
 import { LikeC4Project } from '@likec4/core/types';
 import { LikeC4Styles } from '@likec4/core/styles';
 import { LikeC4ViewModel } from '@likec4/core/model';
+import { MantineProviderProps } from '@mantine/core';
 import { MarkdownOrString } from '@likec4/core/types';
 import { MarkdownOrString as MarkdownOrString_2 } from '@likec4/core';
 import { MemoExoticComponent } from 'react';
+import { MiniMapNodeProps } from '@xyflow/react';
+import { MiniMapProps } from '@xyflow/react';
 import { MotionNodeLayoutOptions } from 'motion/react';
 import { MotionStyle } from 'motion/react';
 import { MouseEvent as MouseEvent_2 } from 'react';
-import { NavigationPanelRecipe } from '@likec4/styles/recipes';
+import { NavigationPanelRecipe } from '../../styled-system/recipes';
 import { Node as Node_2 } from '@xyflow/react';
 import { NodeChange } from '@xyflow/system';
 import { NodeChange as NodeChange_2 } from '@xyflow/react';
@@ -65,12 +70,15 @@ import { NodeId as NodeId_3 } from '@likec4/core';
 import { NodeModel } from '@likec4/core/model';
 import { NodeNotation } from '@likec4/core/types';
 import { NodeProps } from '@xyflow/react';
+import { NodeToolbar } from '@xyflow/react';
 import { NodeToolbarProps } from '@xyflow/react';
 import { NonEmptyArray } from '@likec4/core/types';
 import { NonEmptyObject } from 'type-fest';
 import { NonEmptyReadonlyArray } from '@likec4/core/types';
 import { OptionalKeysOf } from 'type-fest';
+import { PanelPosition } from '@xyflow/system';
 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';
@@ -89,8 +97,8 @@ import { SetRequired } from 'type-fest';
 import { Simplify } from 'type-fest';
 import { SimplifyDeep } from 'type-fest';
 import { StepEdgeId } from '@likec4/core/types';
-import { StyleContextConsumer } from '@likec4/styles/jsx';
-import { StyleContextProvider } from '@likec4/styles/jsx';
+import { StyleContextConsumer } from '../../styled-system/jsx';
+import { StyleContextProvider } from '../../styled-system/jsx';
 import type * as t from '@likec4/core/types';
 import { UnknownLayouted as UnknownLayouted_2 } from '@likec4/core/types';
 import { UnstyledButtonProps } from '@mantine/core';
@@ -98,6 +106,7 @@ import { ViewChange } from '@likec4/core/types';
 import { ViewId } from '@likec4/core/types';
 import { ViewId as ViewId_3 } from '@likec4/core';
 import { Viewport } from '@xyflow/system';
+import { ViewportPortal } from '@xyflow/react';
 import { WhereOperator } from '@likec4/core/types';
 import { Without } from 'type-fest/source/merge-exclusive';
 import { XYPosition } from '@xyflow/system';
@@ -525,7 +534,7 @@ declare interface ActorSystem<T extends ActorSystemInfo> {
     get: <K extends keyof T['actors']>(key: K) => T['actors'][K] | undefined;
     getAll: () => Partial<T['actors']>;
     inspect: (observer: Observer<InspectionEvent> | ((inspectionEvent: InspectionEvent) => void)) => Subscription;
-    scheduler: Scheduler;
+    scheduler: Scheduler_2;
     getSnapshot: () => {
         _scheduledEvents: Record<string, ScheduledEvent>;
     };
@@ -856,6 +865,8 @@ export declare function DefaultHandles({ direction }: {
     direction?: AutoLayoutDirection | undefined;
 }): JSX.Element;
 
+export declare function DefaultMantineProvider({ children, theme, ...props }: MantineProviderProps): JSX.Element;
+
 declare type Delay<TDelay extends string> = TDelay | number;
 
 declare type DelayConfig<TContext extends MachineContext, TExpressionEvent extends EventObject, TParams extends ParameterizedObject['params'] | undefined, TEvent extends EventObject> = number | DelayExpr<TContext, TExpressionEvent, TParams, TEvent>;
@@ -1440,6 +1451,7 @@ declare type EdgeId_3 = t.aux.EdgeId;
 declare interface EditorActorContext {
     viewId: t.ViewId;
     history: LinkedSnapshot | null;
+    redo: LinkedSnapshot | null;
     editing: null | {
         /**
          * The subject of the edit
@@ -1467,6 +1479,10 @@ declare type EditorActorEvent = {
     type: 'change.latest-to-manual';
 } | {
     type: 'change.sync-snapshot';
+} | {
+    type: 'delete.nodes-edges';
+    nodeIds: t.NodeId[];
+    edgeIds: t.EdgeId[];
 } | {
     type: 'view.synched';
 } | {
@@ -1941,13 +1957,13 @@ declare type Fqn_2<A> = t.aux.Fqn<A>;
 
 declare type Fqn_4<A> = t.aux.Fqn<A>;
 
-export declare const FramerMotionConfig: ({ reducedMotion, children, }: PropsWithChildren<{
+export declare function FramerMotionConfig({ reducedMotion, children, }: PropsWithChildren<{
     /**
      * If true, will respect the device prefersReducedMotion setting by switching
      * transform animations off.
      */
-    reducedMotion?: "always" | "never" | "user" | undefined;
-}>) => JSX.Element;
+    reducedMotion?: 'always' | 'never' | 'user' | undefined;
+}>): JSX.Element;
 
 declare type GetConcreteByKey<T, TKey extends keyof T, TValue extends T[TKey]> = T & Record<TKey, TValue>;
 
@@ -1980,7 +1996,7 @@ declare type HotKeyEvent = {
 };
 
 declare type HotKeyEvent_2 = {
-    type: 'undo';
+    type: 'undo' | 'redo';
 };
 
 declare type IconProps = {
@@ -2023,15 +2039,15 @@ export declare function IconRendererProvider({ value, children, }: PropsWithChil
 export declare function IfEnabled({ feature, children, and, }: PropsWithChildren<{
     feature: FeatureName;
     and?: boolean;
-}>): JSX.Element | null;
+}>): JSX_2.Element | null;
 
 export declare function IfNotEnabled({ feature, children }: PropsWithChildren<{
     feature: FeatureName;
-}>): JSX.Element | null;
+}>): JSX_2.Element | null;
 
-export declare function IfNotReadOnly({ children }: PropsWithChildren): JSX.Element | null;
+export declare function IfNotReadOnly({ children }: PropsWithChildren): JSX_2.Element | null;
 
-export declare function IfReadOnly({ children }: PropsWithChildren): JSX.Element | null;
+export declare function IfReadOnly({ children }: PropsWithChildren): JSX_2.Element | null;
 
 declare type InitialContext<TContext extends MachineContext, TActor extends ProvidedActor, TInput, TEvent extends EventObject> = TContext | ContextFactory<TContext, TActor, TInput, TEvent>;
 
@@ -2121,7 +2137,13 @@ declare interface InspectedSnapshotEvent extends BaseInspectionEventProperties {
     snapshot: Snapshot<unknown>;
 }
 
-declare type InspectionEvent = InspectedSnapshotEvent | InspectedEventEvent | InspectedActorEvent | InspectedMicrostepEvent | InspectedActionEvent;
+declare interface InspectedTransitionEvent extends BaseInspectionEventProperties {
+    type: '@xstate.transition';
+    event: AnyEventObject;
+    snapshot: Snapshot<unknown>;
+}
+
+declare type InspectionEvent = InspectedSnapshotEvent | InspectedEventEvent | InspectedActorEvent | InspectedTransitionEvent | InspectedMicrostepEvent | InspectedActionEvent;
 
 declare type InternalMachineImplementations<TTypes extends StateMachineTypes> = {
     actions?: MachineImplementationsActions<TTypes>;
@@ -2340,7 +2362,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, onLogoClick, onLayoutTypeChange, onInitialized, view, className, controls, fitView, fitViewPadding: _fitViewPadding, pannable, zoomable, background, enableElementTags, enableFocusMode, enableElementDetails, enableRelationshipDetails, enableRelationshipBrowser, enableCompareWithLatest, nodesSelectable, enableNotations, showNavigationButtons, enableDynamicViewWalkthrough, dynamicViewVariant, enableSearch, enableNotes, 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, enableNotes, initialWidth, initialHeight, reduceGraphics, renderIcon, where, reactFlowProps, renderNodes, children, }: LikeC4DiagramProps<A>): JSX_2.Element;
 
 export declare interface LikeC4DiagramEventHandlers<A extends Any_2 = Unknown> {
     onNavigateTo?: OnNavigateTo<A> | null | undefined;
@@ -2581,7 +2603,7 @@ export declare type LikeC4EditorProviderProps = PropsWithChildren<{
 /**
  * Ensures LikeC4Model context
  */
-export declare function LikeC4ModelProvider({ children, likec4model, }: PropsWithChildren<LikeC4ModelProviderProps>): JSX.Element;
+export declare function LikeC4ModelProvider({ children, likec4model, }: PropsWithChildren<LikeC4ModelProviderProps>): JSX_2.Element;
 
 export declare interface LikeC4ModelProviderProps {
     likec4model: LikeC4Model<any>;
@@ -2592,7 +2614,7 @@ declare type LikeC4ProjectsContext = {
     onProjectChange: (id: ProjectId) => void;
 };
 
-export declare function LikeC4ProjectsOverview({ view, className, onNavigateToProject, ...props }: LikeC4ProjectsOverviewProps): JSX.Element;
+export declare function LikeC4ProjectsOverview({ view, className, onNavigateToProject, ...props }: LikeC4ProjectsOverviewProps): JSX_2.Element;
 
 export declare type LikeC4ProjectsOverviewProps = Simplify<ProjectsOverviewProps & {
     className?: string;
@@ -2602,7 +2624,7 @@ export declare type LikeC4ProjectsOverviewProps = Simplify<ProjectsOverviewProps
 /**
  * Ensures LikeC4Projects context
  */
-export declare function LikeC4ProjectsProvider({ children, projects, onProjectChange: _onProjectChange, }: PropsWithChildren<LikeC4ProjectsProviderProps>): JSX.Element;
+export declare function LikeC4ProjectsProvider({ children, projects, onProjectChange: _onProjectChange, }: PropsWithChildren<LikeC4ProjectsProviderProps>): JSX_2.Element;
 
 export declare interface LikeC4ProjectsProviderProps {
     /**
@@ -2624,7 +2646,7 @@ export declare interface LikeC4ProjectsProviderProps {
  *
  * Component is wrapped in ShadowRoot to isolate styles.
  */
-export declare function LikeC4View<A extends t.aux.Any = t.aux.UnknownLayouted>({ viewId, className, pannable, zoomable, keepAspectRatio, colorScheme, injectFontCss, controls, layoutType: initialLayoutType, background, browser, showNavigationButtons, enableNotations, enableFocusMode, enableDynamicViewWalkthrough, enableElementDetails, enableRelationshipDetails, enableRelationshipBrowser, enableNotes, reduceGraphics, mantineTheme, styleNonce, style, reactFlowProps, renderNodes, children, ...props }: LikeC4ViewProps<A>): JSX.Element;
+export declare function LikeC4View<A extends t.aux.Any = t.aux.UnknownLayouted>({ viewId, className, pannable, zoomable, keepAspectRatio, colorScheme, injectFontCss, controls, layoutType: initialLayoutType, background, browser, showNavigationButtons, enableNotations, enableFocusMode, enableDynamicViewWalkthrough, enableElementDetails, enableRelationshipDetails, enableRelationshipBrowser, enableNotes, reduceGraphics, mantineTheme, styleNonce, style, reactFlowProps, renderNodes, children, ...props }: LikeC4ViewProps<A>): JSX_2.Element;
 
 export declare interface LikeC4ViewProps<A extends t.aux.Any = t.aux.UnknownLayouted> {
     /**
@@ -2815,6 +2837,8 @@ declare type MachineConfig<TContext extends MachineContext, TEvent extends Event
     /** The machine's own version. */
     version?: string;
     output?: Mapper<TContext, DoneStateEvent, TOutput, TEvent> | TOutput;
+    /** Runtime options for machine execution. */
+    options?: MachineOptions;
 }) & (MachineContext extends TContext ? {
     context?: InitialContext<LowInfer<TContext>, TActor, TInput, TEvent>;
 } : {
@@ -2850,6 +2874,32 @@ declare interface MachineImplementationsSimplified<TContext extends MachineConte
     delays: DelayFunctionMap<TContext, TEvent, TAction>;
 }
 
+/**
+ * Runtime options for state machine execution.
+ *
+ * @example
+ *
+ * ```ts
+ * const machine = createMachine({
+ *   // ... machine config
+ *   options: {
+ *     maxIterations: 5000
+ *     // other runtime options can be added here
+ *   }
+ * });
+ * ```
+ */
+declare interface MachineOptions {
+    /**
+     * Maximum number of microsteps allowed before throwing an infinite loop
+     * error. Defaults to `Infinity` (no limit). Set to a finite number to enable
+     * infinite loop detection.
+     *
+     * @default Infinity
+     */
+    maxIterations?: number;
+}
+
 declare type MachineSnapshot<TContext extends MachineContext, TEvent extends EventObject, TChildren extends Record<string, AnyActorRef | undefined>, TStateValue extends StateValue, TTag extends string, TOutput, TMeta extends MetaObject, TStateSchema extends StateSchema> = ActiveMachineSnapshot<TContext, TEvent, TChildren, TStateValue, TTag, TOutput, TMeta, TStateSchema> | DoneMachineSnapshot<TContext, TEvent, TChildren, TStateValue, TTag, TOutput, TMeta, TStateSchema> | ErrorMachineSnapshot<TContext, TEvent, TChildren, TStateValue, TTag, TOutput, TMeta, TStateSchema> | StoppedMachineSnapshot<TContext, TEvent, TChildren, TStateValue, TTag, TOutput, TMeta, TStateSchema>;
 
 declare interface MachineSnapshotBase<TContext extends MachineContext, TEvent extends EventObject, TChildren extends Record<string, AnyActorRef | undefined>, TStateValue extends StateValue, TTag extends string, TOutput, TMeta, TStateSchema extends StateSchema = StateSchema> {
@@ -3293,7 +3343,7 @@ declare interface ProvidedActor {
  *
  * Component is wrapped in ShadowRoot to isolate styles.
  */
-export declare function ReactLikeC4<A extends t.aux.Any = t.aux.UnknownLayouted>({ viewId, layoutType: initialLayoutType, className, colorScheme, injectFontCss, enableNotations, keepAspectRatio, style, mantineTheme, styleNonce, ...props }: ReactLikeC4Props<A>): JSX.Element;
+export declare function ReactLikeC4<A extends t.aux.Any = t.aux.UnknownLayouted>({ viewId, layoutType: initialLayoutType, className, colorScheme, injectFontCss, enableNotations, keepAspectRatio, style, mantineTheme, styleNonce, ...props }: ReactLikeC4Props<A>): JSX_2.Element;
 
 export declare type ReactLikeC4Props<A extends t.aux.Any = t.aux.UnknownLayouted> = {
     viewId: t.aux.ViewId<A>;
@@ -3544,7 +3594,7 @@ declare interface ScheduledEvent {
     target: AnyActorRef;
 }
 
-declare interface Scheduler {
+declare interface Scheduler_2 {
     schedule(source: AnyActorRef, target: AnyActorRef, event: EventObject, delay: number, id: string | undefined): void;
     cancel(source: AnyActorRef, id: string): void;
     cancelAll(actorRef: AnyActorRef): void;
@@ -3608,7 +3658,7 @@ export declare interface SearchContextValue {
 
 export declare function SearchControl({ className, ...others }: SearchControlProps): JSX.Element;
 
-declare interface SearchControlProps extends UnstyledButtonProps, ElementProps<'button'> {
+declare interface SearchControlProps extends Omit<UnstyledButtonProps, 'className'>, ElementProps<'button'> {
 }
 
 export declare const searchDialogCss: string;
@@ -3737,6 +3787,8 @@ declare class StateMachine<TContext extends MachineContext, TEvent extends Event
     version?: string;
     schemas: unknown;
     implementations: MachineImplementationsSimplified<TContext, TEvent>;
+    /** Runtime options for machine execution. */
+    options: MachineOptions;
     root: StateNode<TContext, TEvent>;
     id: string;
     states: StateNode<TContext, TEvent>['states'];
@@ -4294,12 +4346,14 @@ export declare namespace Types {
     export type RelationshipEdgeData = Simplify<BaseEdgeData & NonOptional<Pick<DiagramEdge, 'id' | 'label' | 'labelBBox' | 'technology' | 'points' | 'dir' | 'color' | 'line' | 'head' | 'tail' | 'navigateTo' | 'astPath' | 'drifts'>> & {
         notes: MarkdownOrString | null;
         labelXY: XYPosition | null;
+        isLabelCustomized?: boolean | undefined;
         controlPoints: XYPosition[] | undefined | null;
     }>;
     export type SequenceStepEdgeData = Simplify<BaseEdgeData & NonOptional<Pick<DiagramEdge, 'id' | 'label' | 'technology' | 'points' | 'dir' | 'color' | 'line' | 'head' | 'tail' | 'navigateTo' | 'astPath' | 'drifts'>> & {
         notes: MarkdownOrString | null;
         labelXY: XYPosition | null;
         labelBBox: BBox;
+        isLabelCustomized?: boolean | undefined;
         controlPoints: XYPosition[] | undefined | null;
     }>;
     export type RelationshipEdge = BaseEdge<RelationshipEdgeData, 'relationship'>;
@@ -4575,6 +4629,21 @@ declare type WithHovered = {
     };
 };
 
+export declare const xyflow: {
+    readonly ControlButton: typeof ControlButton;
+    readonly MiniMap: {
+        ({ style, className, nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent, bgColor, maskColor, maskStrokeColor, maskStrokeWidth, position, onClick, onNodeClick, pannable, zoomable, ariaLabel, inversePan, zoomStep, offsetScale, }: MiniMapProps<Types.AnyNode>): JSX.Element;
+        displayName: string;
+    };
+    readonly MiniMapNode: MemoExoticComponent<({ id, x, y, width, height, style, color, strokeColor, strokeWidth, className, borderRadius, shapeRendering, selected, onClick, }: MiniMapNodeProps) => JSX.Element>;
+    readonly NodeToolbar: typeof NodeToolbar;
+    readonly Panel: ForwardRefExoticComponent< HTMLAttributes<HTMLDivElement> & {
+        position?: PanelPosition;
+    } & RefAttributes<HTMLDivElement>>;
+    readonly Position: typeof Position;
+    readonly ViewportPortal: typeof ViewportPortal;
+};
+
 declare type XYFLowInstance = ReactFlowInstance<RelationshipsBrowserTypes.AnyNode, RelationshipsBrowserTypes.Edge>;
 
 declare type XYFlowInstance = ReactFlowInstance<Types.AnyNode, Types.AnyEdge>;