@likec4/diagram 1.59.3 → 1.60.0

package/dist/base/Base.js

@@ -1,34 +0,0 @@
-import { __name } from "../_virtual/_rolldown/runtime.js";
-import { deepEqual } from "fast-equals";
-import { entries } from "remeda";
-//#region src/base/Base.ts
-var mergeData = (v, data) => Object.assign({}, v, { data: Object.assign({}, v.data, data) });
-var _setDimmed = (v, dimmed) => (v.data.dimmed ?? false) === dimmed ? v : mergeData(v, { dimmed });
-function setDimmed(arg1, arg2) {
-	if (arg2 !== void 0) return _setDimmed(arg1, arg2);
-	return (v) => _setDimmed(v, arg1);
-}
-var _setHovered = (v, hovered) => (v.data.hovered ?? false) === hovered ? v : mergeData(v, { hovered });
-function setHovered(arg1, arg2) {
-	if (arg2 !== void 0) return _setHovered(arg1, arg2);
-	return (v) => _setHovered(v, arg1);
-}
-function hasSubObject$1(value, subobl) {
-	return value === subobl || entries(subobl).every(([key, v]) => deepEqual(value[key] ?? void 0, v));
-}
-__name(hasSubObject$1, "hasSubObject");
-function _setData(value, data) {
-	if (hasSubObject$1(value.data, data)) return value;
-	return mergeData(value, data);
-}
-function setData(arg1, arg2) {
-	if (arg2 !== void 0) return _setData(arg1, arg2);
-	return (edge) => _setData(edge, arg1);
-}
-var Base = {
-	setDimmed,
-	setHovered,
-	setData
-};
-//#endregion
-export { Base, hasSubObject$1 as hasSubObject };

package/dist/base/BaseXYFlow.d.ts

@@ -1,16 +0,0 @@
-import { ReactFlowProps } from '@xyflow/react';
-import { SetRequired, Simplify } from 'type-fest';
-import { ViewPadding } from '../LikeC4Diagram.props';
-import { XYBackground } from './Background';
-import { BaseEdge, BaseNode } from './types';
-export type BaseXYFlowProps<NodeType extends BaseNode, EdgeType extends BaseEdge> = Simplify<{
-    pannable: boolean;
-    zoomable: boolean;
-    nodesSelectable: boolean;
-    nodesDraggable: boolean;
-    showControls?: boolean;
-    background?: 'transparent' | 'solid' | XYBackground;
-    fitViewPadding?: ViewPadding | undefined;
-    onViewportResize?: undefined | (() => void);
-} & SetRequired<Omit<ReactFlowProps<NodeType, EdgeType>, 'defaultNodes' | 'defaultEdges' | 'fitViewOptions' | 'nodesSelectable' | 'nodesDraggable'>, 'nodes' | 'edges' | 'onNodesChange' | 'onEdgesChange'>>;
-export declare function BaseXYFlow<NodeType extends BaseNode, EdgeType extends BaseEdge>({ nodes, edges, onEdgesChange, onNodesChange, className, pannable, zoomable, nodesSelectable, nodesDraggable, background, children, colorMode, fitViewPadding, fitView, zoomOnDoubleClick, onViewportResize, onMoveEnd, onNodeMouseEnter, onNodeMouseLeave, onEdgeMouseEnter, onEdgeMouseLeave, onKeyDownCapture, ariaLabelConfig, nodesFocusable, edgesFocusable, showControls, ...props }: BaseXYFlowProps<NodeType, EdgeType>): import("react").JSX.Element;

package/dist/base/BaseXYFlow.js

@@ -1,204 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { Background as Background$1 } from "./Background.js";
-import { useCallbackRef } from "../hooks/useCallbackRef.js";
-import { useUpdateEffect } from "../hooks/useUpdateEffect.js";
-import { useIsZoomTooSmall, useXYFlow, useXYStoreApi } from "../hooks/useXYFlow.js";
-import { roundDpr } from "../utils/roundDpr.js";
-import { stopPropagation } from "../utils/xyflow.js";
-import { Base } from "./Base.js";
-import { MinZoom } from "./const.js";
-import { getKeyboardZoomAction } from "./keyboardZoom.js";
-import { cx } from "@likec4/styles/css";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ReactFlow, useStore } from "@xyflow/react";
-import { useMantineColorScheme } from "@mantine/core";
-//#region src/base/BaseXYFlow.tsx
-var likec4AriaLabelConfig = {
-	"node.a11yDescription.default": "Press Enter or Space to select this node and reveal its actions.",
-	"node.a11yDescription.keyboardDisabled": "Keyboard activation is disabled.",
-	"edge.a11yDescription.default": "Press Enter or Space to select this relationship and reveal its actions."
-};
-function activateFocusedElement(event) {
-	if (event.repeat || event.key !== "Enter" && event.key !== " ") return;
-	const target = event.target;
-	if (!(target instanceof Element)) return;
-	const interactive = target.closest("a,button,input,textarea,select,[role=\"button\"],[role=\"link\"],[contenteditable=\"true\"]");
-	if (interactive && !interactive.classList.contains("react-flow__node") && !interactive.classList.contains("react-flow__edge")) return;
-	const flowElement = target.closest(".react-flow__node[data-id], .react-flow__edge[data-id]");
-	const view = flowElement?.ownerDocument.defaultView;
-	if (!flowElement || !view) return;
-	event.preventDefault();
-	const rect = flowElement.getBoundingClientRect();
-	flowElement.dispatchEvent(new view.MouseEvent("click", {
-		bubbles: true,
-		cancelable: true,
-		button: 0,
-		clientX: rect.left + rect.width / 2,
-		clientY: rect.top + rect.height / 2,
-		detail: 1,
-		view
-	}));
-}
-function BaseXYFlow({ nodes, edges, onEdgesChange, onNodesChange, className, pannable = true, zoomable = true, nodesSelectable = true, nodesDraggable = false, background = "dots", children, colorMode, fitViewPadding = 0, fitView = true, zoomOnDoubleClick = false, onViewportResize, onMoveEnd, onNodeMouseEnter, onNodeMouseLeave, onEdgeMouseEnter, onEdgeMouseLeave, onKeyDownCapture, ariaLabelConfig, nodesFocusable = nodesDraggable || nodesSelectable, edgesFocusable = false, showControls = false, ...props }) {
-	const fitViewOptions = useMemo(() => ({
-		minZoom: MinZoom,
-		maxZoom: 1,
-		padding: fitViewPadding,
-		includeHiddenNodes: false
-	}), [fitViewPadding]);
-	const isBgWithPattern = background !== "transparent" && background !== "solid";
-	const isZoomTooSmall = useIsZoomTooSmall();
-	const xyflow = useXYFlow();
-	const xystore = useXYStoreApi();
-	const { colorScheme } = useMantineColorScheme();
-	if (!colorMode) colorMode = colorScheme === "auto" ? "system" : colorScheme;
-	const tabIndex = props.tabIndex ?? (zoomable ? 0 : void 0);
-	const ariaLabel = props["aria-label"] !== void 0 || props["aria-labelledby"] !== void 0 || tabIndex === void 0 ? props["aria-label"] : "Interactive diagram";
-	const onKeyDown = useCallbackRef((event) => {
-		props.onKeyDown?.(event);
-		if (event.defaultPrevented || !zoomable) return;
-		const action = getKeyboardZoomAction(event.nativeEvent);
-		if (!action) return;
-		event.preventDefault();
-		switch (action) {
-			case "zoom-in":
-				xyflow.zoomIn();
-				return;
-			case "zoom-out":
-				xyflow.zoomOut();
-				return;
-			case "reset":
-				xyflow.fitView(fitViewOptions);
-				return;
-		}
-	});
-	return /* @__PURE__ */ jsxs(ReactFlow, {
-		colorMode,
-		nodes,
-		edges,
-		className: cx(background === "transparent" && "bg-transparent", className),
-		...isZoomTooSmall && { ["data-likec4-zoom-small"]: true },
-		zoomOnPinch: zoomable,
-		zoomOnScroll: !pannable && zoomable,
-		...!zoomable && { zoomActivationKeyCode: null },
-		zoomOnDoubleClick,
-		maxZoom: zoomable ? 3 : 1,
-		minZoom: zoomable ? MinZoom : 1,
-		fitView,
-		fitViewOptions,
-		preventScrolling: zoomable || pannable,
-		defaultMarkerColor: "var(--xy-edge-stroke)",
-		noDragClassName: "nodrag",
-		noPanClassName: "nopan",
-		noWheelClassName: "nowheel",
-		panOnScroll: pannable,
-		panOnDrag: pannable,
-		...!pannable && {
-			panActivationKeyCode: null,
-			selectionKeyCode: null
-		},
-		elementsSelectable: nodesSelectable,
-		nodesFocusable,
-		edgesFocusable,
-		nodesDraggable,
-		ariaLabelConfig: {
-			...likec4AriaLabelConfig,
-			...ariaLabelConfig
-		},
-		nodeDragThreshold: 4,
-		nodeClickDistance: 3,
-		paneClickDistance: 3,
-		elevateNodesOnSelect: false,
-		selectNodesOnDrag: false,
-		onNodesChange,
-		onEdgesChange,
-		onMoveEnd: useCallbackRef((event, { x, y, zoom }) => {
-			/**
-			* WORKAROUND
-			* Viewport transform is not rounded to integers which results in blurry nodes on some resolution
-			* https://github.com/xyflow/xyflow/issues/3282
-			* https://github.com/likec4/likec4/issues/734
-			*/
-			const roundedX = roundDpr(x);
-			const roundedY = roundDpr(y);
-			if (x !== roundedX || y !== roundedY) xystore.setState({ transform: [
-				roundedX,
-				roundedY,
-				zoom
-			] });
-			onMoveEnd?.(event, {
-				x: roundedX,
-				y: roundedY,
-				zoom
-			});
-		}),
-		onNodeMouseEnter: useCallbackRef((event, node) => {
-			if (onNodeMouseEnter) {
-				onNodeMouseEnter(event, node);
-				return;
-			}
-			onNodesChange([{
-				id: node.id,
-				type: "replace",
-				item: Base.setHovered(node, true)
-			}]);
-		}),
-		onNodeMouseLeave: useCallbackRef((event, node) => {
-			if (onNodeMouseLeave) {
-				onNodeMouseLeave(event, node);
-				return;
-			}
-			onNodesChange([{
-				id: node.id,
-				type: "replace",
-				item: Base.setHovered(node, false)
-			}]);
-		}),
-		onEdgeMouseEnter: useCallbackRef((event, edge) => {
-			if (onEdgeMouseEnter) {
-				onEdgeMouseEnter(event, edge);
-				return;
-			}
-			onEdgesChange([{
-				id: edge.id,
-				type: "replace",
-				item: Base.setHovered(edge, true)
-			}]);
-		}),
-		onEdgeMouseLeave: useCallbackRef((event, edge) => {
-			if (onEdgeMouseLeave) {
-				onEdgeMouseLeave(event, edge);
-				return;
-			}
-			onEdgesChange([{
-				id: edge.id,
-				type: "replace",
-				item: Base.setHovered(edge, false)
-			}]);
-		}),
-		onNodeDoubleClick: stopPropagation,
-		onEdgeDoubleClick: stopPropagation,
-		onKeyDownCapture: useCallbackRef((event) => {
-			onKeyDownCapture?.(event);
-			if (!event.defaultPrevented) activateFocusedElement(event);
-		}),
-		...props,
-		"aria-label": ariaLabel,
-		tabIndex,
-		onKeyDown,
-		children: [
-			isBgWithPattern && /* @__PURE__ */ jsx(Background$1, { background }),
-			onViewportResize && /* @__PURE__ */ jsx(ViewportResizeHanlder, { onViewportResize }),
-			children
-		]
-	});
-}
-var selectDimensions = ({ width, height }) => (width || 1) * (height || 1);
-var ViewportResizeHanlder = ({ onViewportResize }) => {
-	const square = useStore(selectDimensions);
-	useUpdateEffect(onViewportResize, [square]);
-	return null;
-};
-//#endregion
-export { BaseXYFlow };

package/dist/base/const.d.ts

@@ -1,19 +0,0 @@
-export declare const ZIndexes: {
-    readonly Compound: 1;
-    readonly Edge: 20;
-    readonly EdgeLabel: 25;
-    readonly Element: 20;
-    readonly Max: 30;
-};
-export declare const MinZoom = 0.05;
-export declare const MaxZoom = 3;
-export declare const FitViewPaddings: {
-    default: "16px";
-    withControls: {
-        top: "58px";
-        left: "16px";
-        right: "16px";
-        bottom: "16px";
-    };
-};
-export declare const MAX_COMPOUND_DEPTH = 5;

package/dist/base/const.js

@@ -1,20 +0,0 @@
-//#region src/base/const.ts
-var ZIndexes = {
-	Compound: 1,
-	Edge: 20,
-	EdgeLabel: 25,
-	Element: 20,
-	Max: 30
-};
-var MinZoom = .05;
-var FitViewPaddings = {
-	default: "16px",
-	withControls: {
-		top: "58px",
-		left: "16px",
-		right: "16px",
-		bottom: "16px"
-	}
-};
-//#endregion
-export { FitViewPaddings, MinZoom, ZIndexes };

package/dist/base/index.d.ts

@@ -1,7 +0,0 @@
-export { Background, type XYBackground, type XYBackgroundProps, type XYBackgroundVariant, } from './Background';
-export { BaseXYFlow, type BaseXYFlowProps, } from './BaseXYFlow';
-export * from './Base';
-export * from './const';
-export * from './types';
-export { updateEdges } from './updateEdges';
-export { updateNodes } from './updateNodes';

package/dist/base/keyboardZoom.d.ts

@@ -1,3 +0,0 @@
-export type KeyboardZoomAction = 'zoom-in' | 'zoom-out' | 'reset';
-export declare function isEditableKeyboardTarget(target: EventTarget | null): boolean;
-export declare function getKeyboardZoomAction(event: Pick<KeyboardEvent, 'key' | 'ctrlKey' | 'metaKey' | 'target'>): KeyboardZoomAction | null;

package/dist/base/keyboardZoom.js

@@ -1,20 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-//#region src/base/keyboardZoom.ts
-function isEditableKeyboardTarget(target) {
-	if (!(target instanceof HTMLElement)) return false;
-	const tagName = target.tagName.toLowerCase();
-	return tagName === "input" || tagName === "textarea" || tagName === "select" || target.isContentEditable;
-}
-function getKeyboardZoomAction(event) {
-	if (!event.ctrlKey && !event.metaKey || isEditableKeyboardTarget(event.target)) return null;
-	switch (event.key) {
-		case "+":
-		case "=": return "zoom-in";
-		case "-":
-		case "_": return "zoom-out";
-		case "0": return "reset";
-		default: return null;
-	}
-}
-//#endregion
-export { getKeyboardZoomAction, isEditableKeyboardTarget };

package/dist/base/types.d.ts

@@ -1,66 +0,0 @@
-import { Edge, EdgeProps, Node, NodeProps } from '@xyflow/react';
-import { OptionalKeysOf, SetRequired, Simplify } from 'type-fest';
-import { Base } from './Base';
-export type BaseNodeData = {
-    /**
-     * Whether the cursor is hovering over the node
-     */
-    hovered?: boolean;
-    /**
-     * Whether the node is dimmed
-     * 'immediate' means that the node is dimmed without delay
-     */
-    dimmed?: Base.Dimmed;
-};
-export type BaseEdgeData = {
-    /**
-     * Whether the cursor is hovering over the edge
-     */
-    hovered?: boolean;
-    /**
-     * Whether the edge is active (animated and highlighted)
-     */
-    active?: boolean;
-    /**
-     * Whether the edge is dimmed
-     * 'immediate' means that the edge is dimmed without delay
-     */
-    dimmed?: Base.Dimmed;
-};
-export type BaseNode<Data extends Record<string, unknown> = Record<string, unknown>, NodeType extends string = string> = SetRequired<Node<Data & BaseNodeData, NodeType>, 'type' | 'initialWidth' | 'initialHeight'>;
-export interface BaseEdge<Data extends Record<string, unknown> = Record<string, unknown>, EdgeType extends string = string> extends SetRequired<Edge<Data & BaseEdgeData, EdgeType>, 'type' | 'data'> {
-}
-/**
- * ReactFlow Base Node properties with BaseNodeData at least
- */
-export interface BaseNodeProps<N extends BaseNode = BaseNode> extends NodeProps<N> {
-}
-export type BaseNodePropsWithData<Data extends Record<string, unknown>> = BaseNodeProps<BaseNode<Data>>;
-/**
- * ReactFlow Base Edge properties with BaseEdgeData at least
- */
-export interface BaseEdgeProps<E extends BaseEdge = BaseEdge> extends EdgeProps<E> {
-}
-export type BaseEdgePropsWithData<Data extends Record<string, unknown>> = BaseEdgeProps<BaseEdge<Data>>;
-/**
- * To cooperate with `exactOptionalPropertyTypes` in `tsconfig.json`
- *
- * @example
- * interface User {
- * 	name: string;
- * 	surname?: string;
- * 	luckyNumber?: number;
- * }
- *
- * type NonOptionalUser = NonOptional<User>
- * // NonOptionalUser = {
- * //   name: string
- * //   surname: string | undefined
- * //   luckyNumber: number | undefined
- * // }
- */
-export type NonOptional<T extends object, Keys extends OptionalKeysOf<T> = OptionalKeysOf<T>> = Simplify<{
-    [P in Exclude<keyof T, Keys>]: T[P];
-} & {
-    [P in Keys]-?: T[P] | undefined;
-}>;

package/dist/base/updateEdges.d.ts

@@ -1,3 +0,0 @@
-import { BaseEdge } from './types';
-export declare function updateEdges<E extends BaseEdge>(current: E[], update: E[]): E[];
-export declare function updateEdges<E extends BaseEdge>(update: E[]): (current: E[]) => E[];

package/dist/base/updateEdges.js

@@ -1,34 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { hasSubObject as hasSubObject$1 } from "./Base.js";
-import { deepEqual } from "fast-equals";
-import { isDefined, isShallowEqual, pickBy } from "remeda";
-//#region src/base/updateEdges.ts
-var EMPTY_OBJ = {};
-function _update(current, updated) {
-	if (current === updated) return current;
-	updated = updated.map((update) => {
-		const existing = current.find((n) => n.id === update.id && n.type === update.type && n.source === update.source && n.target === update.target);
-		if (!existing) return update;
-		if (existing === update) return existing;
-		const isSameData = hasSubObject$1(existing.data, update.data);
-		let data = isSameData ? existing.data : update.data;
-		if (!isSameData) {
-			if (isDefined(existing.data.hovered) && !isDefined(data.hovered)) data = Object.assign({ hovered: existing.data.hovered }, data);
-			if (isDefined(existing.data.dimmed) && !isDefined(data.dimmed)) data = Object.assign({ dimmed: existing.data.dimmed }, data);
-			if (isDefined(existing.data.active) && !isDefined(data.active)) data = Object.assign({ active: existing.data.active }, data);
-		} else if (deepEqual(existing.hidden, update.hidden ?? existing.hidden) && deepEqual(existing.selected, update.selected ?? existing.selected) && deepEqual(existing.selectable, update.selectable ?? existing.selectable) && deepEqual(existing.animated, update.animated ?? existing.animated) && deepEqual(existing.ariaLabel, update.ariaLabel ?? existing.ariaLabel) && deepEqual(existing.ariaRole, update.ariaRole ?? existing.ariaRole) && deepEqual(existing.className, update.className ?? existing.className) && deepEqual(existing.zIndex, update.zIndex ?? existing.zIndex) && deepEqual(existing.label, update.label) && deepEqual(existing.sourceHandle, update.sourceHandle ?? existing.sourceHandle) && deepEqual(existing.targetHandle, update.targetHandle ?? existing.targetHandle) && deepEqual(existing.style ?? EMPTY_OBJ, update.style ?? EMPTY_OBJ)) return existing;
-		return {
-			...pickBy(existing, isDefined),
-			...pickBy(update, isDefined),
-			data
-		};
-	});
-	return isShallowEqual(current, updated) ? current : updated;
-}
-function updateEdges(current, update) {
-	if (isDefined(update)) return _update(current, update);
-	update = current;
-	return (current) => _update(current, update);
-}
-//#endregion
-export { updateEdges };

package/dist/base/updateNodes.d.ts

@@ -1,17 +0,0 @@
-import { BaseNode } from './types';
-/**
- * Updates nodes by merging existing nodes with updated nodes based on their IDs.
- *
- * Can be used in two ways:
- * 1. By providing both current and updated node arrays:
- *    `const newNodes = updateNodes(currentNodes, updatedNodes);`
- * 2. By providing only the updated node array, returning a function that takes the current nodes:
- *    `const updater = updateNodes(updatedNodes);
- *     const newNodes = updater(currentNodes);`
- *
- * @param current - The current array of nodes.
- * @param update - The array of nodes with updates.
- * @returns The updated array of nodes.
- */
-export declare function updateNodes<N extends BaseNode>(current: N[], update: N[]): N[];
-export declare function updateNodes<N extends BaseNode>(update: N[]): (current: N[]) => N[];

package/dist/base/updateNodes.js

@@ -1,45 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { deepEqual, shallowEqual } from "fast-equals";
-import { hasSubObject, isDefined, pickBy } from "remeda";
-import { getNodeDimensions } from "@xyflow/system";
-//#region src/base/updateNodes.ts
-var EMPTY_OBJ = {};
-function _update(current, updated) {
-	if (current === updated) return current;
-	updated = updated.map((update) => {
-		const existing = current.find((n) => n.id === update.id && n.type === update.type);
-		if (!existing) return update;
-		if (existing === update) return existing;
-		const isSameData = hasSubObject(existing.data, update.data);
-		let data = isSameData ? existing.data : update.data;
-		if (!isSameData) {
-			if (isDefined(existing.data.hovered) && !isDefined(data.hovered)) data = Object.assign({ hovered: existing.data.hovered }, data);
-			if (isDefined(existing.data.dimmed) && !isDefined(data.dimmed)) data = Object.assign({ dimmed: existing.data.dimmed }, data);
-		}
-		const { width: existingWidth, height: existingHeight } = getNodeDimensions(existing);
-		const haveHandles = Object.hasOwn(existing, "handles") || Object.hasOwn(update, "handles");
-		const isSameHandles = !haveHandles || deepEqual(existing.handles ?? [], update.handles ?? []);
-		if (isSameData && isSameHandles && deepEqual(existingWidth, update.width ?? update.initialWidth) && deepEqual(existingHeight, update.height ?? update.initialHeight) && deepEqual(existing.parentId ?? null, update.parentId ?? null) && deepEqual(existing.hidden, update.hidden ?? existing.hidden) && deepEqual(existing.selected, update.selected ?? existing.selected) && deepEqual(existing.selectable, update.selectable ?? existing.selectable) && deepEqual(existing.focusable, update.focusable ?? existing.focusable) && deepEqual(existing.draggable, update.draggable ?? existing.draggable) && deepEqual(existing.ariaLabel, update.ariaLabel ?? existing.ariaLabel) && deepEqual(existing.ariaRole, update.ariaRole ?? existing.ariaRole) && deepEqual(existing.dragHandle, update.dragHandle) && deepEqual(existing.className, update.className) && deepEqual(existing.zIndex, update.zIndex ?? existing.zIndex) && deepEqual(existing.position, update.position) && deepEqual(existing.domAttributes ?? EMPTY_OBJ, update.domAttributes ?? EMPTY_OBJ) && deepEqual(existing.style ?? EMPTY_OBJ, update.style ?? EMPTY_OBJ)) return existing;
-		const handles = haveHandles && isSameHandles ? existing.handles : update.handles;
-		return {
-			...pickBy(existing, (v, k) => isDefined(v) && k !== "parentId" && k !== "handles"),
-			..."measured" in existing && { measured: {
-				width: update.width ?? update.initialWidth,
-				height: update.height ?? update.initialHeight
-			} },
-			...pickBy(update, isDefined),
-			width: update.width ?? update.initialWidth,
-			height: update.height ?? update.initialHeight,
-			...handles && { handles },
-			data
-		};
-	});
-	return shallowEqual(current, updated) ? current : updated;
-}
-function updateNodes(current, update) {
-	if (isDefined(update)) return _update(current, update);
-	update = current;
-	return (existing) => _update(existing, update);
-}
-//#endregion
-export { updateNodes };

package/dist/base-primitives/Markdown.d.ts

@@ -1,59 +0,0 @@
-import { RichTextOrEmpty as RichTextType } from '@likec4/core/types';
-import { JsxStyleProps } from '../../styled-system/types';
-import { ComponentPropsWithoutRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
-export type MarkdownProps = Omit<ComponentPropsWithoutRef<'div'>, 'dangerouslySetInnerHTML' | 'children' | 'color'> & {
-    value: RichTextType;
-    /**
-     * When markdown block is used inside a diagram node, this variant should be used to apply the likec4 palette.
-     * @default false
-     */
-    uselikec4palette?: boolean;
-    /**
-     * Scale factor for the block
-     * @default 1
-     */
-    textScale?: number;
-    /**
-     * Font size for the block
-     * @default 'md'
-     */
-    fontSize?: (JsxStyleProps['fontSize'] & string) | undefined;
-    /**
-     * If true, the component will not render anything if the value is empty.
-     * @default false
-     */
-    hideIfEmpty?: boolean | undefined;
-    /**
-     * Text to show if the value is empty.
-     * @default "no content"
-     */
-    emptyText?: string;
-};
-export declare const Markdown: ForwardRefExoticComponent<Omit<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "children" | "dangerouslySetInnerHTML"> & {
-    value: RichTextType;
-    /**
-     * When markdown block is used inside a diagram node, this variant should be used to apply the likec4 palette.
-     * @default false
-     */
-    uselikec4palette?: boolean;
-    /**
-     * Scale factor for the block
-     * @default 1
-     */
-    textScale?: number;
-    /**
-     * Font size for the block
-     * @default 'md'
-     */
-    fontSize?: (JsxStyleProps["fontSize"] & string) | undefined;
-    /**
-     * If true, the component will not render anything if the value is empty.
-     * @default false
-     */
-    hideIfEmpty?: boolean | undefined;
-    /**
-     * Text to show if the value is empty.
-     * @default "no content"
-     */
-    emptyText?: string;
-} & RefAttributes<HTMLDivElement>>;

package/dist/base-primitives/Markdown.js

@@ -1,35 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { cx } from "@likec4/styles/css";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Text } from "@mantine/core";
-import { Box as Box$1 } from "@likec4/styles/jsx";
-import { markdownBlock } from "@likec4/styles/recipes";
-//#region src/base-primitives/Markdown.tsx
-var Markdown = forwardRef(({ value, textScale = 1, uselikec4palette = false, hideIfEmpty = false, emptyText = "no content", className, style, fontSize, ...props }, ref) => {
-	if (value.isEmpty && hideIfEmpty) return null;
-	const content = value.nonEmpty ? value.isMarkdown ? { dangerouslySetInnerHTML: { __html: value.html } } : { children: /* @__PURE__ */ jsx("p", { children: value.text }) } : { children: /* @__PURE__ */ jsx(Text, {
-		component: "span",
-		fz: "xs",
-		c: "dimmed",
-		style: { userSelect: "none" },
-		children: emptyText
-	}) };
-	return /* @__PURE__ */ jsx(Box$1, {
-		...props,
-		ref,
-		className: cx(markdownBlock({
-			uselikec4palette,
-			value: value.isMarkdown ? "markdown" : "plaintext"
-		}), className),
-		style: {
-			...style,
-			...fontSize && { "--text-fz": `var(--font-sizes-${fontSize}, var(--font-sizes-md))` },
-			...textScale !== 1 && { ["--mantine-scale"]: textScale }
-		},
-		...content
-	});
-});
-Markdown.displayName = "Markdown";
-//#endregion
-export { Markdown };

package/dist/base-primitives/NodeHandles.d.ts

@@ -1,7 +0,0 @@
-import { AutoLayoutDirection } from '@likec4/core/types';
-/**
- * XYFlow requires handles to be defined on nodes.
- */
-export declare function DefaultHandles({ direction }: {
-    direction?: AutoLayoutDirection | undefined;
-}): import("react").JSX.Element;

package/dist/base-primitives/NodeHandles.js

@@ -1,42 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Handle, Position } from "@xyflow/react";
-import { nonexhaustive } from "@likec4/core";
-//#region src/base-primitives/NodeHandles.tsx
-/**
-* XYFlow requires handles to be defined on nodes.
-*/
-function DefaultHandles({ direction = "TB" }) {
-	let sourcePosition;
-	let targetPosition;
-	switch (direction) {
-		case "TB":
-			sourcePosition = Position.Bottom;
-			targetPosition = Position.Top;
-			break;
-		case "BT":
-			sourcePosition = Position.Top;
-			targetPosition = Position.Bottom;
-			break;
-		case "LR":
-			sourcePosition = Position.Right;
-			targetPosition = Position.Left;
-			break;
-		case "RL":
-			sourcePosition = Position.Left;
-			targetPosition = Position.Right;
-			break;
-		default: nonexhaustive(direction);
-	}
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Handle, {
-		type: "source",
-		position: sourcePosition,
-		className: "likec4-node-handle-center"
-	}), /* @__PURE__ */ jsx(Handle, {
-		type: "target",
-		position: targetPosition,
-		className: "likec4-node-handle-center"
-	})] });
-}
-//#endregion
-export { DefaultHandles };

package/dist/base-primitives/compound/CompoundActionButton.d.ts

@@ -1,10 +0,0 @@
-import { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
-import { Simplify } from 'type-fest';
-import { BaseNodeProps } from '../../base/types';
-type CompoundActionButtonProps = Simplify<BaseNodeProps & {
-    icon?: ReactNode;
-    ariaLabel?: string;
-    onClick: (e: ReactMouseEvent) => void;
-}>;
-export declare function CompoundActionButton({ selected, data: { hovered: isHovered, }, icon, ariaLabel, onClick, }: CompoundActionButtonProps): import("react").JSX.Element;
-export {};