@likec4/diagram 1.57.0 → 1.58.0

package/dist/likec4diagram/custom/nodes/CompoundActions.d.ts

@@ -1,4 +1,4 @@
 import { Types } from '../../types';
 type CompoundActionsProps = Types.NodeProps<'compound-deployment' | 'compound-element'>;
-export declare const CompoundActions: (props: CompoundActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CompoundActions: (props: CompoundActionsProps) => import("react").JSX.Element | null;
 export {};

package/dist/likec4diagram/custom/nodes/ElementActions.d.ts

@@ -53,7 +53,7 @@ export type ElementActionsProps = SimplifyDeep<{
  * />
  * ```
  */
-export declare function ElementActions({ extraButtons, ...props }: ElementActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElementActions({ extraButtons, ...props }: ElementActionsProps): import("react").JSX.Element;
 export type DeploymentElementActionsProps = SimplifyDeep<{
     selected?: boolean;
     data: Pick<Types.DeploymentElementNodeData, 'id' | 'modelFqn' | 'navigateTo'> & BaseNodeData;
@@ -83,5 +83,5 @@ export type DeploymentElementActionsProps = SimplifyDeep<{
  * />
  * ```
  */
-export declare const DeploymentElementActions: ({ extraButtons, ...props }: DeploymentElementActionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DeploymentElementActions: ({ extraButtons, ...props }: DeploymentElementActionsProps) => import("react").JSX.Element;
 export {};

package/dist/likec4diagram/custom/nodes/NodeDrifts.d.ts

@@ -2,4 +2,4 @@ import { Types } from '../../types';
 export type NodeDriftsProps = {
     nodeProps: Types.NodeProps;
 };
-export declare function NodeDrifts({ nodeProps: { data }, }: NodeDriftsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function NodeDrifts({ nodeProps: { data }, }: NodeDriftsProps): import("react").JSX.Element | null;

package/dist/likec4diagram/custom/nodes/NodeNotes.d.ts

@@ -2,5 +2,5 @@ import { BaseNodePropsWithData } from '../../../base/types';
 import { Types } from '../../types';
 type RequiredData = Pick<Types.NodeData, 'id' | 'notes' | 'width' | 'height' | 'x' | 'y'>;
 export type NodeNotesProps = BaseNodePropsWithData<RequiredData>;
-export declare function NodeNotes({ data }: NodeNotesProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function NodeNotes({ data }: NodeNotesProps): import("react").JSX.Element | null;
 export {};

package/dist/likec4diagram/custom/nodes/SequenceActorNode.d.ts

@@ -1,3 +1,3 @@
 import { Types } from '../../types';
-export declare function SequenceActorNode(props: Types.NodeProps<'seq-actor'>): import("react/jsx-runtime").JSX.Element;
-export declare function SequenceParallelArea(props: Types.NodeProps<'seq-parallel'>): import("react/jsx-runtime").JSX.Element;
+export declare function SequenceActorNode(props: Types.NodeProps<'seq-actor'>): import("react").JSX.Element;
+export declare function SequenceParallelArea(props: Types.NodeProps<'seq-parallel'>): import("react").JSX.Element;

package/dist/likec4diagram/custom/nodes/nodes.d.ts

@@ -7,13 +7,13 @@ export declare function ElementDetailsButtonWithHandler(props: {
     data: BaseNodeData & {
         modelFqn?: Fqn | null | undefined;
     };
-}): import("react/jsx-runtime").JSX.Element | null;
-export declare function CompoundDetailsButtonWithHandler(props: Types.NodeProps<'compound-deployment' | 'compound-element'>): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
+export declare function CompoundDetailsButtonWithHandler(props: Types.NodeProps<'compound-deployment' | 'compound-element'>): import("react").JSX.Element | null;
 /**
  * Renders an element node.
  */
-export declare function ElementNode(props: Types.NodeProps<'element'>): import("react/jsx-runtime").JSX.Element;
-export declare function DeploymentNode(props: Types.NodeProps<'deployment'>): import("react/jsx-runtime").JSX.Element;
-export declare function CompoundElementNode(props: Types.NodeProps<'compound-element'>): import("react/jsx-runtime").JSX.Element;
-export declare function CompoundDeploymentNode(props: Types.NodeProps<'compound-deployment'>): import("react/jsx-runtime").JSX.Element;
-export declare function ViewGroupNode(props: Types.NodeProps<'view-group'>): import("react/jsx-runtime").JSX.Element;
+export declare function ElementNode(props: Types.NodeProps<'element'>): import("react").JSX.Element;
+export declare function DeploymentNode(props: Types.NodeProps<'deployment'>): import("react").JSX.Element;
+export declare function CompoundElementNode(props: Types.NodeProps<'compound-element'>): import("react").JSX.Element;
+export declare function CompoundDeploymentNode(props: Types.NodeProps<'compound-deployment'>): import("react").JSX.Element;
+export declare function ViewGroupNode(props: Types.NodeProps<'view-group'>): import("react").JSX.Element;

package/dist/likec4diagram/custom/nodes/toolbar/ColorButton.d.ts

@@ -8,15 +8,15 @@ type ColorButtonProps = Omit<PopoverProps, 'onChange'> & {
     onColorPreview: (color: ThemeColor | null) => void;
     onChange: OnStyleChange;
 };
-export declare function ColorButton({ elementColor, elementOpacity, onColorPreview, isOpacityEditable, onChange, ...props }: ColorButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorButton({ elementColor, elementOpacity, onColorPreview, isOpacityEditable, onChange, ...props }: ColorButtonProps): import("react").JSX.Element;
 export declare function ColorSwatches({ theme, elementColor, onColorPreview, onChange, }: {
     theme: LikeC4Theme;
     elementColor: ThemeColor;
     onColorPreview: (color: ThemeColor | null) => void;
     onChange: (color: ThemeColor) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function OpacityOption({ elementOpacity, onOpacityChange, }: {
     elementOpacity: number | undefined;
     onOpacityChange: (opacity: number) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export {};

package/dist/likec4diagram/custom/nodes/toolbar/CompoundToolbar.d.ts

@@ -1,3 +1,3 @@
 import { Types } from '../../../types';
-export declare function CompoundElementToolbar(props: Types.NodeProps<'compound-element'>): import("react/jsx-runtime").JSX.Element;
-export declare function CompoundDeploymentToolbar(props: Types.NodeProps<'compound-deployment'>): import("react/jsx-runtime").JSX.Element;
+export declare function CompoundElementToolbar(props: Types.NodeProps<'compound-element'>): import("react").JSX.Element;
+export declare function CompoundDeploymentToolbar(props: Types.NodeProps<'compound-deployment'>): import("react").JSX.Element;

package/dist/likec4diagram/custom/nodes/toolbar/ElementToolbar.d.ts

@@ -4,5 +4,5 @@ export declare function ElementToolbar(props: Types.NodeProps<'element' | 'seq-a
     data: {
         modelFqn: Fqn;
     };
-}): import("react/jsx-runtime").JSX.Element;
-export declare function DeploymentElementToolbar(props: Types.NodeProps<'deployment'>): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
+export declare function DeploymentElementToolbar(props: Types.NodeProps<'deployment'>): import("react").JSX.Element;

package/dist/likec4diagram/custom/nodes/toolbar/Toolbar.d.ts

@@ -5,4 +5,4 @@ export type ToolbarProps = Omit<NodeToolbarProps, 'title'> & {
     nodeProps: BaseNodeProps;
     title: ReactNode;
 };
-export declare function Toolbar({ title, children, nodeProps, ...props }: ToolbarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Toolbar({ title, children, nodeProps, ...props }: ToolbarProps): import("react").JSX.Element | null;

package/dist/likec4diagram/custom/nodes/toolbar/_shared.d.ts

@@ -6,13 +6,13 @@ import { TooltipProps, PlaceholderPolymorphicProps } from '@mantine/core';
 export declare const Tooltip: NamedExoticComponent< TooltipProps & RefAttributes<HTMLDivElement> & PlaceholderPolymorphicProps>;
 export declare function BrowseRelationshipsButton({ fqn }: {
     fqn: Fqn;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function GoToSourceButton(props: MergeExclusive<{
     elementId: Fqn;
 }, {
     deploymentId: DeploymentFqn;
-}>): import("react/jsx-runtime").JSX.Element | null;
+}>): import("react").JSX.Element | null;
 export declare function BorderStyleOption({ elementBorderStyle, onChange, }: {
     elementBorderStyle: BorderStyle | undefined;
     onChange: OnStyleChange;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/likec4diagram/relationship-popover/RelationshipPopover.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const RelationshipPopover: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;
+export declare const RelationshipPopover: MemoExoticComponent<() => import("react").JSX.Element | null>;

package/dist/likec4diagram/relationship-popover/components.d.ts

@@ -1,7 +1,7 @@
 import { Color } from '@likec4/core/types';
 import { PropsWithChildren } from 'react';
-import { StyledComponent } from '@likec4/styles';
+import { StyledComponent } from '../../../styled-system';
 export declare const Endpoint: ({ children, likec4color }: PropsWithChildren<{
     likec4color: Color;
-}>) => import("react/jsx-runtime").JSX.Element;
+}>) => import("react").JSX.Element;
 export declare const RelationshipTitle: StyledComponent<"div", {}>;

package/dist/likec4diagram/state/DiagramActorProvider.d.ts

@@ -11,4 +11,4 @@ export declare function DiagramActorProvider({ id, view, zoomable, pannable, nod
     fitViewPadding: ViewPaddings;
     where?: WhereOperator | null;
     dynamicViewVariant?: DynamicViewDisplayVariant | undefined;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/likec4diagram/state/createViewChange.js

@@ -50,6 +50,7 @@ function createViewChange(parentContext) {
 			height: Math.round(data.labelBBox.height)
 		};
 		else _updated.labelBBox = null;
+		if (data.isLabelCustomized !== void 0) _updated.isLabelCustomized = data.isLabelCustomized;
 		if (hasAtLeast(controlPoints, 1)) _updated.controlPoints = map(controlPoints, (v) => ({
 			x: Math.round(v.x),
 			y: Math.round(v.y)

package/dist/likec4diagram/state/machine.actions.js

@@ -207,8 +207,9 @@ var emitEdgeClick = () => machine.emit(({ context, event }) => {
 	};
 });
 var triggerChange = (viewChange) => machine.enqueueActions(({ event, enqueue }) => {
-	let change = viewChange;
-	if (!change) {
+	let change;
+	if (viewChange) change = { ...viewChange };
+	else {
 		assertEvent(event, "trigger.change");
 		change = event.change;
 	}

package/dist/likec4diagram/types.d.ts

@@ -113,12 +113,14 @@ export declare namespace Types {
     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;
     }>;
     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;
     }>;
     type RelationshipEdge = BaseEdge<RelationshipEdgeData, 'relationship'>;

package/dist/likec4diagram/ui/LayoutDriftFrame.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const LayoutDriftFrame: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const LayoutDriftFrame: MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/likec4diagram/ui/notation/NotationPanel.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const NotationPanel: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;
+export declare const NotationPanel: MemoExoticComponent<() => import("react").JSX.Element | null>;

package/dist/likec4diagram/xyflow-diagram/diagram-view.js

@@ -17,6 +17,7 @@ function diagramToXY(opts) {
 	const xyedges = [];
 	const nodeLookup = /* @__PURE__ */ new Map();
 	const viewLayoutDir = view.autoLayout?.direction ?? "TB";
+	const deletable = view._type !== "dynamic";
 	const queue = Queue.from(view.nodes.reduce((acc, node) => {
 		nodeLookup.set(node.id, node);
 		if (!node.parent) acc.push({
@@ -56,7 +57,7 @@ function diagramToXY(opts) {
 		}
 		const base = {
 			id: ns + node.id,
-			deletable: false,
+			deletable,
 			position,
 			zIndex: isCompound ? ZIndexes.Compound : ZIndexes.Element,
 			style: {
@@ -188,7 +189,7 @@ function diagramToXY(opts) {
 			target: ns + target,
 			zIndex: ZIndexes.Edge,
 			hidden: !visiblePredicate(edge),
-			deletable: false,
+			deletable,
 			data: {
 				id: edge.id,
 				label: edge.label,
@@ -197,6 +198,7 @@ function diagramToXY(opts) {
 				navigateTo: edge.navigateTo,
 				controlPoints: edge.controlPoints ?? null,
 				labelBBox: edge.labelBBox ?? null,
+				isLabelCustomized: edge.isLabelCustomized ?? false,
 				labelXY: null,
 				points: edge.points,
 				color: edge.color ?? "gray",

package/dist/likec4diagram/xyflow-sequence/sequence-layout.js

@@ -174,6 +174,7 @@ function toSeqStepEdge({ id, labelBBox, sourceHandle, targetHandle }, edge, curr
 			astPath: edge.astPath,
 			drifts: edge.drifts ?? null
 		},
+		deletable: false,
 		selectable: true,
 		focusable: false,
 		zIndex: 20,

package/dist/navigationpanel/NavigationPanel.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const NavigationPanel: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const NavigationPanel: MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/navigationpanel/NavigationPanelControls.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const NavigationPanelControls: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const NavigationPanelControls: MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/navigationpanel/NavigationPanelDropdown.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const NavigationPanelDropdown: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const NavigationPanelDropdown: MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/navigationpanel/NavigationPanelDropdown.js

@@ -12,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useMountEffect } from "@react-hookz/web";
 import { deepEqual, shallowEqual } from "fast-equals";
 import { isArray, isEmpty, pipe, sort } from "remeda";
-import { Breadcrumbs, Button, Divider, Highlight, Input, PopoverDropdown, ScrollAreaAutosize, UnstyledButton, createScopedKeydownHandler, rem } from "@mantine/core";
+import { Breadcrumbs, Button, Divider, Highlight, Input, PopoverDropdown, ScrollAreaAutosize, UnstyledButton, createScopedKeydownHandler } from "@mantine/core";
 import { compareNaturalHierarchically, ifilter, ifirst, nonexhaustive, toArray } from "@likec4/core/utils";
 import { useSelector } from "@xstate/react";
 import { useThrottledCallback, useUncontrolled } from "@mantine/hooks";
@@ -342,7 +342,7 @@ function SearchInput(props) {
 		size: "xs",
 		placeholder: "Search by title or id",
 		variant: "unstyled",
-		height: rem(26),
+		height: 26,
 		value: _value,
 		onKeyDown: scopedKeydownHandler,
 		onChange: (e) => handleChange(e.currentTarget.value),

package/dist/navigationpanel/_common.d.ts

@@ -1,9 +1,9 @@
-import { NavigationPanelActionIconVariant } from '@likec4/styles/recipes';
+import { NavigationPanelActionIconVariant } from '../../styled-system/recipes';
 import { ActionIconProps, TooltipProps, PlaceholderPolymorphicProps, BreadcrumbsProps } from '@mantine/core';
 import { HTMLMotionProps } from 'motion/react';
 import { NamedExoticComponent, RefAttributes, ForwardRefExoticComponent } from 'react';
 export declare const Tooltip: NamedExoticComponent< TooltipProps & RefAttributes<HTMLDivElement> & PlaceholderPolymorphicProps>;
-export declare const BreadcrumbsSeparator: () => import("react/jsx-runtime").JSX.Element;
+export declare const BreadcrumbsSeparator: () => import("react").JSX.Element;
 export declare const Breadcrumbs: NamedExoticComponent< BreadcrumbsProps & RefAttributes<HTMLDivElement> & PlaceholderPolymorphicProps>;
 export type PanelActionIconProps = Partial<NavigationPanelActionIconVariant> & Omit<ActionIconProps, keyof NavigationPanelActionIconVariant> & Omit<HTMLMotionProps<'button'>, keyof NavigationPanelActionIconVariant>;
 export declare const PanelActionIcon: ForwardRefExoticComponent<Omit<PanelActionIconProps, "ref"> & RefAttributes<HTMLButtonElement>>;

package/dist/navigationpanel/comparepanel/CompareActionsMenu.d.ts

@@ -2,4 +2,4 @@ export declare function CompareActionsMenu({ disabled, onApplyLatestToManual, on
     disabled?: boolean;
     onApplyLatestToManual?: undefined | (() => void);
     onResetManualLayout: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/navigationpanel/comparepanel/ComparePanel.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const ComparePanel: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const ComparePanel: MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/navigationpanel/comparepanel/ComparePanelControls.d.ts

@@ -1 +1 @@
-export declare function ComparePanelControls(): import("react/jsx-runtime").JSX.Element;
+export declare function ComparePanelControls(): import("react").JSX.Element;

package/dist/navigationpanel/comparepanel/DriftsSummary.d.ts

@@ -1 +1 @@
-export declare function DriftsSummary(): import("react/jsx-runtime").JSX.Element | null;
+export declare function DriftsSummary(): import("react").JSX.Element | null;

package/dist/navigationpanel/comparepanel/LayoutTypeSwitcher.d.ts

@@ -2,4 +2,4 @@ import { LayoutType } from '@likec4/core';
 export declare function LayoutTypeSwitcher({ value, onChange, }: {
     value: LayoutType;
     onChange: (layout: LayoutType) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/navigationpanel/controls/DetailsControls.d.ts

@@ -1,2 +1,2 @@
 import { PopoverProps } from '@mantine/core';
-export declare const DetailsControls: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DetailsControls: (props: PopoverProps) => import("react").JSX.Element;

package/dist/navigationpanel/controls/LayoutWarning.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const LayoutWarning: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const LayoutWarning: MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/navigationpanel/controls/LogoButton.d.ts

@@ -1 +1 @@
-export declare const LogoButton: () => import("react/jsx-runtime").JSX.Element;
+export declare const LogoButton: () => import("react").JSX.Element;

package/dist/navigationpanel/controls/NavigationButtons.d.ts

@@ -1 +1 @@
-export declare const NavigationButtons: () => import("react/jsx-runtime").JSX.Element;
+export declare const NavigationButtons: () => import("react").JSX.Element;

package/dist/navigationpanel/controls/OpenSource.d.ts

@@ -1 +1 @@
-export declare const OpenSource: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const OpenSource: () => import("react").JSX.Element | null;

package/dist/navigationpanel/controls/SearchControl.d.ts

@@ -1 +1 @@
-export declare function SearchControl(): import("react/jsx-runtime").JSX.Element;
+export declare function SearchControl(): import("react").JSX.Element;

package/dist/navigationpanel/controls/ToggleReadonly.d.ts

@@ -1 +1 @@
-export declare const ToggleReadonly: () => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleReadonly: () => import("react").JSX.Element;

package/dist/navigationpanel/editorpanel/CenterCamera.d.ts

@@ -1 +1 @@
-export declare const CenterCamera: () => import("react/jsx-runtime").JSX.Element;
+export declare const CenterCamera: () => import("react").JSX.Element;

package/dist/navigationpanel/editorpanel/ChangeAutoLayoutButton.d.ts

@@ -1 +1 @@
-export declare const ChangeAutoLayoutButton: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const ChangeAutoLayoutButton: () => import("react").JSX.Element | null;

package/dist/navigationpanel/editorpanel/EditorPanel.d.ts

@@ -1 +1 @@
-export declare function EditorPanel(): import("react/jsx-runtime").JSX.Element;
+export declare function EditorPanel(): import("react").JSX.Element;

package/dist/navigationpanel/editorpanel/ManualLayoutToolsButton.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const ManualLayoutToolsButton: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const ManualLayoutToolsButton: MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/navigationpanel/editorpanel/ToggleReadonly.d.ts

@@ -1 +1 @@
-export declare const ToggleReadonly: () => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleReadonly: () => import("react").JSX.Element;

package/dist/navigationpanel/styles.css.d.ts

@@ -1,4 +1,4 @@
-import { RecipeRuntimeFn } from '@likec4/styles';
+import { RecipeRuntimeFn } from '../../styled-system';
 export declare const breadcrumbTitle: RecipeRuntimeFn<{
     truncate: {
         true: {

package/dist/navigationpanel/walkthrough/ActiveWalkthroughControls.d.ts

@@ -1 +1 @@
-export declare function ActiveWalkthroughControls(): import("react/jsx-runtime").JSX.Element;
+export declare function ActiveWalkthroughControls(): import("react").JSX.Element;

package/dist/navigationpanel/walkthrough/DynamicViewControls.d.ts

@@ -289,4 +289,4 @@ export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<Bu
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
 } & MotionProps, "ref"> & RefAttributes<HTMLButtonElement>>;
-export declare function DynamicViewControls(): import("react/jsx-runtime").JSX.Element;
+export declare function DynamicViewControls(): import("react").JSX.Element;

package/dist/navigationpanel/walkthrough/WalkthroughPanel.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const WalkthroughPanel: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const WalkthroughPanel: MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/overlays/Overlays.d.ts

@@ -1,4 +1,4 @@
 import { OverlaysActorRef } from './overlaysActor';
 export declare function Overlays({ overlaysActorRef }: {
     overlaysActorRef: OverlaysActorRef;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/overlays/element-details/ElementDetails.d.ts

@@ -3,4 +3,4 @@ export type ElementDetailsProps = {
     actorRef: ElementDetailsActorRef;
     onClose: () => void;
 };
-export declare function ElementDetails({ actorRef, onClose, }: ElementDetailsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElementDetails({ actorRef, onClose, }: ElementDetailsProps): import("react").JSX.Element;

package/dist/overlays/element-details/ElementDetailsCard.d.ts

@@ -7,5 +7,5 @@ type ElementDetailsCardProps = {
     onClose: () => void;
     fqn: Fqn;
 };
-export declare function ElementDetailsCard({ viewId, fromNode, rectFromNode, fqn, onClose, }: ElementDetailsCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElementDetailsCard({ viewId, fromNode, rectFromNode, fqn, onClose, }: ElementDetailsCardProps): import("react").JSX.Element;
 export {};

package/dist/overlays/element-details/MetadataValue.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
 export declare function MetadataProvider({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 interface MetadataValueProps {
     label: string;
     value: string | string[];
 }
-export declare function MetadataValue({ label, value }: MetadataValueProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetadataValue({ label, value }: MetadataValueProps): import("react").JSX.Element;
 export {};

package/dist/overlays/element-details/TabPanelRelationships.d.ts

@@ -3,5 +3,5 @@ type RelationshipsTabPanelProps = {
     node: LikeC4Model.Node | null;
     element: LikeC4Model.Element;
 };
-export declare function TabPanelRelationships({ node, element, }: RelationshipsTabPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabPanelRelationships({ node, element, }: RelationshipsTabPanelProps): import("react").JSX.Element;
 export {};

package/dist/overlays/element-details/TabPanelStructure.d.ts

@@ -20,6 +20,6 @@ type TabPanelStructureProps = {
 export declare const ElementLabel: ({ element, }: {
     element: LikeC4Model.Element;
     type: "ancestor" | "current" | "descedant";
-}) => import("react/jsx-runtime").JSX.Element;
-export declare function TabPanelStructure({ element, }: TabPanelStructureProps): import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
+export declare function TabPanelStructure({ element, }: TabPanelStructureProps): import("react").JSX.Element;
 export {};

package/dist/overlays/relationship-details/RelationshipDetails.d.ts

@@ -2,4 +2,4 @@ import { RelationshipDetailsActorRef } from './actor';
 export type RelationshipDetailsProps = {
     actorRef: RelationshipDetailsActorRef;
 };
-export declare function RelationshipDetails({ actorRef }: RelationshipDetailsProps): import("react/jsx-runtime").JSX.Element;
+export declare function RelationshipDetails({ actorRef }: RelationshipDetailsProps): import("react").JSX.Element;

package/dist/overlays/relationship-details/SelectEdge.d.ts

@@ -2,4 +2,4 @@ import { DiagramEdge, DiagramView } from '@likec4/core';
 export declare const SelectEdge: ({ edge, view, }: {
     edge: DiagramEdge;
     view: DiagramView;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react").JSX.Element | null;

package/dist/overlays/relationship-details/custom/ElementActions.d.ts

@@ -1,2 +1,2 @@
 import { RelationshipDetailsTypes as Types } from '../_types';
-export declare const ElementActions: (props: Types.NodeProps<"element">) => import("react/jsx-runtime").JSX.Element;
+export declare const ElementActions: (props: Types.NodeProps<"element">) => import("react").JSX.Element;

package/dist/overlays/relationship-details/custom/nodeTypes.d.ts

@@ -1,9 +1,9 @@
 import { BaseNodePropsWithData } from '../../../base';
 import { RelationshipDetailsTypes } from '../_types';
-export declare function ElementNode(props: RelationshipDetailsTypes.NodeProps<'element'>): import("react/jsx-runtime").JSX.Element;
-export declare function CompoundNode(props: RelationshipDetailsTypes.NodeProps<'compound'>): import("react/jsx-runtime").JSX.Element;
+export declare function ElementNode(props: RelationshipDetailsTypes.NodeProps<'element'>): import("react").JSX.Element;
+export declare function CompoundNode(props: RelationshipDetailsTypes.NodeProps<'compound'>): import("react").JSX.Element;
 type ElementPortsProps = BaseNodePropsWithData<Pick<RelationshipDetailsTypes.ElementNodeData, 'ports' | 'height'>>;
-export declare function ElementPorts({ data: { ports, height: h } }: ElementPortsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ElementPorts({ data: { ports, height: h } }: ElementPortsProps): import("react").JSX.Element;
 type CompoundPortsProps = BaseNodePropsWithData<Pick<RelationshipDetailsTypes.CompoundNodeData, 'ports'>>;
-export declare function CompoundPorts({ data }: CompoundPortsProps): import("react/jsx-runtime").JSX.Element;
+export declare function CompoundPorts({ data }: CompoundPortsProps): import("react").JSX.Element;
 export {};

package/dist/overlays/relationships-browser/RelationshipsBrowser.d.ts

@@ -2,4 +2,4 @@ import { RelationshipsBrowserActorRef } from './actor';
 export type RelationshipsBrowserProps = {
     actorRef: RelationshipsBrowserActorRef;
 };
-export declare function RelationshipsBrowser({ actorRef }: RelationshipsBrowserProps): import("react/jsx-runtime").JSX.Element;
+export declare function RelationshipsBrowser({ actorRef }: RelationshipsBrowserProps): import("react").JSX.Element;

package/dist/overlays/relationships-browser/SelectElement.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const SelectElement: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const SelectElement: MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/overlays/relationships-browser/custom/ElementActions.d.ts

@@ -1,2 +1,2 @@
 import { RelationshipsBrowserTypes as Types } from '../_types';
-export declare const ElementActions: (props: Types.NodeProps<"element">) => import("react/jsx-runtime").JSX.Element;
+export declare const ElementActions: (props: Types.NodeProps<"element">) => import("react").JSX.Element;

package/dist/overlays/relationships-browser/custom/EmptyNode.d.ts

@@ -1,2 +1,2 @@
 import { RelationshipsBrowserTypes } from '../_types';
-export declare function EmptyNode({ data: { column, }, }: RelationshipsBrowserTypes.NodeProps<'empty'>): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyNode({ data: { column, }, }: RelationshipsBrowserTypes.NodeProps<'empty'>): import("react").JSX.Element;

package/dist/overlays/relationships-browser/custom/nodeTypes.d.ts

@@ -1,9 +1,9 @@
 import { BaseNodePropsWithData } from '../../../base';
 import { RelationshipsBrowserTypes } from '../_types';
-export declare function ElementNode(props: RelationshipsBrowserTypes.NodeProps<'element'>): import("react/jsx-runtime").JSX.Element;
-export declare function CompoundNode(props: RelationshipsBrowserTypes.NodeProps<'compound'>): import("react/jsx-runtime").JSX.Element;
+export declare function ElementNode(props: RelationshipsBrowserTypes.NodeProps<'element'>): import("react").JSX.Element;
+export declare function CompoundNode(props: RelationshipsBrowserTypes.NodeProps<'compound'>): import("react").JSX.Element;
 type ElementPortsProps = BaseNodePropsWithData<Pick<RelationshipsBrowserTypes.ElementNodeData, 'ports' | 'height'>>;
-export declare const ElementPorts: ({ data: { ports, height: h } }: ElementPortsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ElementPorts: ({ data: { ports, height: h } }: ElementPortsProps) => import("react").JSX.Element;
 type CompoundPortsProps = BaseNodePropsWithData<Pick<RelationshipsBrowserTypes.CompoundNodeData, 'ports'>>;
-export declare const CompoundPorts: ({ data }: CompoundPortsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CompoundPorts: ({ data }: CompoundPortsProps) => import("react").JSX.Element;
 export {};

package/dist/projects-overview/ProjectsOverview.d.ts

@@ -10,4 +10,4 @@ export type ProjectsOverviewProps = {
     onNavigateToProject?: undefined | ((projectId: ProjectId) => void);
     fitViewPadding?: ViewPadding | undefined;
 } & ProjectsOverviewXYProps;
-export declare function ProjectsOverview({ view, onNavigateToProject, fitViewPadding, ...props }: ProjectsOverviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProjectsOverview({ view, onNavigateToProject, fitViewPadding, ...props }: ProjectsOverviewProps): import("react").JSX.Element;

package/dist/projects-overview/custom/nodeTypes.d.ts

@@ -1,2 +1,2 @@
 import { ProjectsOverviewTypes } from '../_types';
-export declare function ProjectNode(props: ProjectsOverviewTypes.NodeProps<'project'>): import("react/jsx-runtime").JSX.Element;
+export declare function ProjectNode(props: ProjectsOverviewTypes.NodeProps<'project'>): import("react").JSX.Element;

package/dist/projects-overview/panel/ProjectsOverviewPanel.d.ts

@@ -1 +1 @@
-export declare const ProjectsOverviewPanel: () => import("react/jsx-runtime").JSX.Element;
+export declare const ProjectsOverviewPanel: () => import("react").JSX.Element;

package/dist/search/Search.d.ts

@@ -5,7 +5,7 @@ export declare const bodyCss: string;
 export declare const scrollAreaCss: string;
 export declare const Search: MemoExoticComponent<({ searchActorRef }: {
     searchActorRef: SearchActorRef;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => import("react").JSX.Element>;
 /**
  * The shared search panel content used by both diagram and overview search.
  * Must be rendered inside a SearchContext.Provider.

package/dist/search/XStateSearchAdapter.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 import { SearchActorRef } from './searchActor';
 export declare function XStateSearchAdapter({ searchActorRef, children, }: PropsWithChildren<{
     searchActorRef: SearchActorRef;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;

package/dist/search/components/ElementsColumn.d.ts

@@ -1,2 +1,2 @@
 import { MemoExoticComponent } from 'react';
-export declare const ElementsColumn: MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export declare const ElementsColumn: MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/search/components/PickView.d.ts

@@ -1,4 +1,4 @@
 import { Fqn } from '@likec4/core/types';
 export declare function PickView({ elementFqn, }: {
     elementFqn: Fqn;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/search/components/SearchByTags.d.ts

@@ -1 +1 @@
-export declare function SearchByTags(): import("react/jsx-runtime").JSX.Element | null;
+export declare function SearchByTags(): import("react").JSX.Element | null;