@likec4/diagram 1.59.4 → 1.60.0

package/dist/base-primitives/element/ElementNodeContainer.d.ts

@@ -1,22 +0,0 @@
-import { Color, ComputedNodeStyle, ElementShape } from '@likec4/core/types';
-import { MotionNodeLayoutOptions, MotionStyle } from 'motion/react';
-import { BaseNodePropsWithData } from '../../base/types';
-import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
-type RequiredData = {
-    color: Color;
-    shape: ElementShape;
-    style?: ComputedNodeStyle;
-};
-/**
- * Top-level primitive to compose leaf nodes renderers.
- * This container provides the state via data-* attributes
- */
-export declare const ElementNodeContainer: ForwardRefExoticComponent<{
-    [key: `data-${string}`]: string | undefined;
-    nodeProps: BaseNodePropsWithData<RequiredData>;
-    className?: string | undefined;
-    style?: MotionStyle | undefined;
-} & MotionNodeLayoutOptions & {
-    children?: ReactNode | undefined;
-} & RefAttributes<HTMLDivElement>>;
-export {};

package/dist/base-primitives/element/ElementNodeContainer.js

@@ -1,55 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { cx } from "@likec4/styles/css";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { ensureSizes } from "@likec4/core/types";
-import * as m from "motion/react-m";
-import { elementNode } from "@likec4/styles/recipes";
-//#region src/base-primitives/element/ElementNodeContainer.tsx
-var variants = {
-	normal: { scale: 1 },
-	hovered: { scale: 1.05 },
-	selected: { scale: 1.02 },
-	tap: { scale: .98 }
-};
-/**
-* Top-level primitive to compose leaf nodes renderers.
-* This container provides the state via data-* attributes
-*/
-var ElementNodeContainer = forwardRef(({ nodeProps: { selected = false, selectable = false, data: { hovered: isHovered = false, dimmed: isDimmed = false, ...data } }, className, style, children, ...rest }, ref) => {
-	let variant;
-	switch (true) {
-		case isHovered:
-			variant = "hovered";
-			break;
-		case selected:
-			variant = "selected";
-			break;
-		default: variant = "normal";
-	}
-	const { size, padding, textSize } = ensureSizes(data.style ?? {});
-	return /* @__PURE__ */ jsx(m.div, {
-		ref,
-		className: cx(elementNode(), "group", className),
-		variants,
-		initial: false,
-		...selectable && {
-			animate: variant,
-			whileTap: "tap"
-		},
-		"data-likec4-hovered": isHovered,
-		"data-likec4-color": data.color,
-		"data-likec4-shape": data.shape,
-		"data-likec4-shape-size": size,
-		"data-likec4-spacing": padding,
-		"data-likec4-text-size": textSize,
-		...isDimmed !== false && { "data-likec4-dimmed": isDimmed },
-		style,
-		tabIndex: -1,
-		...rest,
-		children
-	});
-});
-ElementNodeContainer.displayName = "ElementNodeContainer";
-//#endregion
-export { ElementNodeContainer };

package/dist/base-primitives/element/ElementShape.d.ts

@@ -1,18 +0,0 @@
-import { ComputedNodeStyle, ElementShape } from '@likec4/core/types';
-type RequiredData = {
-    shape: ElementShape;
-    width: number;
-    height: number;
-    style?: ComputedNodeStyle;
-};
-type ElementShapeProps = {
-    data: RequiredData;
-    width?: number | undefined;
-    height?: number | undefined;
-    /**
-     * @default true
-     */
-    showSelectionOutline?: boolean | undefined;
-};
-export declare function ElementShape({ data, width, height, showSelectionOutline }: ElementShapeProps): import("react").JSX.Element;
-export {};

package/dist/base-primitives/element/ElementShape.js

@@ -1,367 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { roundDpr } from "../../utils/roundDpr.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { nonexhaustive } from "@likec4/core";
-import { elementShapeRecipe } from "@likec4/styles/recipes";
-//#region src/base-primitives/element/ElementShape.tsx
-function cylinderSVGPath(diameter, height, tilt = .07) {
-	const radius = Math.round(diameter / 2);
-	const rx = radius;
-	const ry = roundDpr(tilt * radius);
-	const tiltAdjustedHeight = height - 2 * ry;
-	return {
-		path: `  M ${diameter},${ry}
-        a ${rx},${ry} 0,0,0 ${-diameter} 0
-        l 0,${tiltAdjustedHeight}
-        a ${rx},${ry} 0,0,0 ${diameter} 0
-        l 0,${-tiltAdjustedHeight}
-        z
-        `.replace(/\s+/g, " ").trim(),
-		ry,
-		rx
-	};
-}
-function docSVGPath(width, height) {
-	const waveHeight = height / 8;
-	const baseY = roundDpr(height - waveHeight / 2);
-	const amplitude = roundDpr(height / 6);
-	const radius = 6;
-	return { path: `
-    M 0 ${baseY}
-    V ${radius}
-    Q 0 0 ${radius} 0
-    H ${width - radius}
-    Q ${width} 0 ${width} ${radius}
-    V ${baseY}
-    C ${roundDpr(width * .75)} ${baseY + amplitude}, ${roundDpr(width * .5)} ${baseY - amplitude}, 0 ${baseY}
-  `.replace(/\s+/g, " ").trim() };
-}
-function bucketSVGPath(width, height) {
-	const cx = width / 2;
-	const topRx = roundDpr(cx);
-	const topRy = roundDpr(Math.min(height / 8, topRx * .08));
-	const bottomRx = roundDpr(topRx * .8);
-	const bottomRy = roundDpr(topRy * 1.05);
-	const topY = topRy;
-	const bottomY = height - bottomRy;
-	const leftBottomX = cx - bottomRx;
-	return {
-		path: `
-    M ${width},${topY}
-    a ${topRx},${topRy} 0,0,0 ${-width} 0
-    L ${leftBottomX},${bottomY}
-    a ${bottomRx},${bottomRy} 0,0,0 ${bottomRx * 2} 0
-    Z
-  `.replace(/\s+/g, " ").trim(),
-		topRx,
-		topRy,
-		bottomRx,
-		bottomRy
-	};
-}
-function queueSVGPath(width, height, tilt = .185) {
-	const diameter = height;
-	const ry = Math.round(diameter / 2);
-	const rx = roundDpr(diameter / 2 * tilt);
-	return {
-		path: `
-    M ${rx},0
-    a ${rx},${ry} 0,0,0 0 ${diameter}
-    l ${width - 2 * rx},0
-    a ${rx},${ry} 0,0,0 0 ${-diameter}
-    z`.replace(/\s+/g, " ").trim(),
-		ry,
-		rx
-	};
-}
-var PersonIcon = {
-	width: 115,
-	height: 120,
-	path: `M57.9197 0C10.9124 0 33.5766 54.75 33.5766 54.75C38.6131 62.25 45.3285 60.75 45.3285 66C45.3285 70.5 39.4526 72 33.5766 72.75C24.3431 72.75 15.9489 71.25 7.55474 84.75C2.51825 93 0 120 0 120H115C115 120 112.482 93 108.285 84.75C99.8905 70.5 91.4963 72.75 82.2628 72C76.3869 71.25 70.5109 69.75 70.5109 65.25C70.5109 60.75 77.2263 62.25 82.2628 54C82.2628 54.75 104.927 0 57.9197 0V0Z`
-};
-var ComponentTopLeftRect = ({ index, size }) => {
-	let width;
-	let height;
-	let offsetX;
-	let offsetY;
-	let between;
-	switch (size) {
-		case "xs":
-		case "sm":
-			width = 40;
-			height = 18;
-			offsetX = -16;
-			offsetY = 16;
-			between = 10;
-			break;
-		case "md":
-			width = 60;
-			height = 26;
-			offsetX = -20;
-			offsetY = 22;
-			between = 14;
-			break;
-		case "lg":
-		case "xl":
-			width = 70;
-			height = 32;
-			offsetX = -24;
-			offsetY = 32;
-			between = 18;
-			break;
-		default: nonexhaustive(size);
-	}
-	return /* @__PURE__ */ jsx("rect", {
-		x: offsetX,
-		y: offsetY + (height + between) * index,
-		width,
-		height,
-		rx: 3,
-		className: "top-left-rect",
-		strokeWidth: 2
-	});
-};
-function ShapeSvg({ shape, w, h, size = "md" }) {
-	switch (shape) {
-		case "component": return /* @__PURE__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsx("rect", {
-				width: w,
-				height: h,
-				rx: 6,
-				strokeWidth: 0
-			}),
-			/* @__PURE__ */ jsx(ComponentTopLeftRect, {
-				index: 0,
-				size
-			}),
-			/* @__PURE__ */ jsx(ComponentTopLeftRect, {
-				index: 1,
-				size
-			})
-		] });
-		case "mobile": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
-			width: w,
-			height: h,
-			rx: 6,
-			"data-likec4-fill": "mix-stroke",
-			strokeWidth: 0
-		}), /* @__PURE__ */ jsxs("g", {
-			"data-likec4-fill": "fill",
-			strokeWidth: 0,
-			children: [/* @__PURE__ */ jsx("circle", {
-				cx: 17,
-				cy: h / 2,
-				r: 12
-			}), /* @__PURE__ */ jsx("rect", {
-				x: 33,
-				y: 12,
-				width: w - 44,
-				height: h - 24,
-				rx: 5
-			})]
-		})] });
-		case "document": {
-			const { path } = docSVGPath(w, h);
-			return /* @__PURE__ */ jsx("path", {
-				d: path,
-				"data-likec4-fill": "fill",
-				strokeWidth: 2
-			});
-		}
-		case "browser": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
-			width: w,
-			height: h,
-			rx: 6,
-			"data-likec4-fill": "mix-stroke",
-			strokeWidth: 0
-		}), /* @__PURE__ */ jsxs("g", {
-			"data-likec4-fill": "fill",
-			strokeWidth: 0,
-			children: [
-				/* @__PURE__ */ jsx("circle", {
-					cx: 16,
-					cy: 17,
-					r: 7
-				}),
-				/* @__PURE__ */ jsx("circle", {
-					cx: 36,
-					cy: 17,
-					r: 7
-				}),
-				/* @__PURE__ */ jsx("circle", {
-					cx: 56,
-					cy: 17,
-					r: 7
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: 70,
-					y: 8,
-					width: w - 80,
-					height: 17,
-					rx: 4
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: 10,
-					y: 32,
-					width: w - 20,
-					height: h - 42,
-					rx: 4
-				})
-			]
-		})] });
-		case "person": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
-			width: w,
-			height: h,
-			rx: 6,
-			strokeWidth: 0
-		}), /* @__PURE__ */ jsx("svg", {
-			x: w - PersonIcon.width - 6,
-			y: h - PersonIcon.height,
-			width: PersonIcon.width,
-			height: PersonIcon.height,
-			viewBox: `0 0 ${PersonIcon.width} ${PersonIcon.height}`,
-			"data-likec4-fill": "mix-stroke",
-			children: /* @__PURE__ */ jsx("path", {
-				strokeWidth: 0,
-				d: PersonIcon.path
-			})
-		})] });
-		case "queue": {
-			const { path, rx, ry } = queueSVGPath(w, h);
-			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
-				d: path,
-				strokeWidth: 2
-			}), /* @__PURE__ */ jsx("ellipse", {
-				cx: rx,
-				cy: ry,
-				ry: ry - .75,
-				rx,
-				"data-likec4-fill": "mix-stroke",
-				strokeWidth: 2
-			})] });
-		}
-		case "bucket": {
-			const { path, topRx, topRy } = bucketSVGPath(w, h);
-			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
-				d: path,
-				strokeWidth: 2
-			}), /* @__PURE__ */ jsx("ellipse", {
-				cx: w / 2,
-				cy: topRy,
-				rx: topRx,
-				ry: topRy,
-				"data-likec4-fill": "mix-stroke",
-				strokeWidth: 2
-			})] });
-		}
-		case "storage":
-		case "cylinder": {
-			const { path, rx, ry } = cylinderSVGPath(w, h);
-			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", {
-				d: path,
-				strokeWidth: 2
-			}), /* @__PURE__ */ jsx("ellipse", {
-				cx: rx,
-				cy: ry,
-				ry,
-				rx: rx - .75,
-				"data-likec4-fill": "mix-stroke",
-				strokeWidth: 2
-			})] });
-		}
-		default: return nonexhaustive(shape);
-	}
-}
-/**
-* When element is selected, this component is used to render the indicator
-*/
-function ShapeSvgOutline({ shape, w, h }) {
-	let svg;
-	switch (shape) {
-		case "bucket":
-			svg = /* @__PURE__ */ jsx("g", {
-				transform: "translate(-3 -3)",
-				children: /* @__PURE__ */ jsx("path", { d: bucketSVGPath(w + 6, h + 6).path })
-			});
-			break;
-		case "queue":
-			svg = /* @__PURE__ */ jsx("g", {
-				transform: "translate(-3 -3)",
-				children: /* @__PURE__ */ jsx("path", { d: queueSVGPath(w + 6, h + 6).path })
-			});
-			break;
-		case "document":
-			svg = /* @__PURE__ */ jsx("g", {
-				transform: "translate(-3 -3)",
-				children: /* @__PURE__ */ jsx("path", { d: docSVGPath(w + 6, h + 6).path })
-			});
-			break;
-		case "storage":
-		case "cylinder":
-			svg = /* @__PURE__ */ jsx("g", {
-				transform: "translate(-3 -3)",
-				children: /* @__PURE__ */ jsx("path", { d: cylinderSVGPath(w + 6, h + 6).path })
-			});
-			break;
-		default: svg = /* @__PURE__ */ jsx("rect", {
-			x: -3,
-			y: -3,
-			width: w + 6,
-			height: h + 6,
-			rx: 8
-		});
-	}
-	return /* @__PURE__ */ jsx("g", {
-		className: "likec4-shape-outline",
-		children: svg
-	});
-}
-function ElementShape({ data, width, height, showSelectionOutline = true }) {
-	let w = !!width && width > 10 ? width : data.width;
-	let h = !!height && height > 10 ? height : data.height;
-	const isMultiple = data.style?.multiple ?? false;
-	const borderStyle = data.style?.border ?? "none";
-	const withBorder = borderStyle !== "none";
-	if (data.shape === "rectangle") return /* @__PURE__ */ jsxs("div", {
-		"aria-hidden": true,
-		style: { borderStyle },
-		className: elementShapeRecipe({
-			shapetype: "html",
-			withBorder,
-			withOutline: showSelectionOutline
-		}),
-		children: [isMultiple && /* @__PURE__ */ jsx("div", { className: "likec4-shape-multiple" }), /* @__PURE__ */ jsx("div", { className: "likec4-shape-outline" })]
-	});
-	const className = elementShapeRecipe({
-		shapetype: "svg",
-		withOutline: showSelectionOutline
-	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [isMultiple && /* @__PURE__ */ jsx("svg", {
-		"aria-hidden": true,
-		className,
-		"data-likec4-shape-multiple": "true",
-		viewBox: `0 0 ${w} ${h}`,
-		children: /* @__PURE__ */ jsx(ShapeSvg, {
-			shape: data.shape,
-			size: data.style?.size,
-			w,
-			h
-		})
-	}), /* @__PURE__ */ jsxs("svg", {
-		"aria-hidden": true,
-		className,
-		viewBox: `0 0 ${w} ${h}`,
-		children: [/* @__PURE__ */ jsx(ShapeSvgOutline, {
-			shape: data.shape,
-			w,
-			h
-		}), /* @__PURE__ */ jsx(ShapeSvg, {
-			shape: data.shape,
-			size: data.style?.size,
-			w,
-			h
-		})]
-	})] });
-}
-//#endregion
-export { ElementShape };

package/dist/base-primitives/element/ElementTags.d.ts

@@ -1,21 +0,0 @@
-import { ComponentPropsWithoutRef, ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes, MemoExoticComponent } from 'react';
-import { BaseNodePropsWithData } from '../../base/types';
-export type ElementTagProps = {
-    tag: string;
-    cursor?: 'pointer' | 'default';
-} & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'color' | 'translate'>;
-export declare const ElementTag: ForwardRefExoticComponent<{
-    tag: string;
-    cursor?: "pointer" | "default";
-} & Omit<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "translate" | "children"> & RefAttributes<HTMLDivElement>>;
-type Data = {
-    tags: readonly string[] | null | undefined;
-    width: number;
-};
-export type ElementTagsProps = BaseNodePropsWithData<Data> & {
-    onTagClick?: (tag: `#${string}`) => void;
-    onTagMouseEnter?: (tag: `#${string}`) => void;
-    onTagMouseLeave?: (tag: `#${string}`) => void;
-};
-export declare const ElementTags: MemoExoticComponent<({ id, data: { tags, width, hovered }, onTagClick, onTagMouseEnter, onTagMouseLeave }: ElementTagsProps) => import("react").JSX.Element | null>;
-export {};

package/dist/base-primitives/element/ElementTags.js

@@ -1,135 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { useCurrentZoomAtLeast } from "../../hooks/useXYFlow.js";
-import { stopPropagation } from "../../utils/xyflow.js";
-import { css, cx } from "@likec4/styles/css";
-import { forwardRef, memo, useCallback, useEffect } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { NodeToolbar, Position, useStore } from "@xyflow/react";
-import { deepEqual } from "fast-equals";
-import { hasAtLeast } from "remeda";
-import { useDebouncedState, useHover } from "@mantine/hooks";
-import { Box, HStack } from "@likec4/styles/jsx";
-import { hstack } from "@likec4/styles/patterns";
-import { likec4tag } from "@likec4/styles/recipes";
-//#region src/base-primitives/element/ElementTags.tsx
-var ElementTag = forwardRef(({ tag, cursor, className, style, ...props }, ref) => {
-	return /* @__PURE__ */ jsxs(Box, {
-		ref,
-		"data-likec4-tag": tag,
-		className: cx(likec4tag(), className),
-		...props,
-		style: {
-			...cursor && { cursor },
-			...style
-		},
-		children: [/* @__PURE__ */ jsx("span", { children: "#" }), /* @__PURE__ */ jsx("span", { children: tag })]
-	});
-});
-var propsAreEqual = (prev, next) => {
-	return prev.id === next.id && prev.data.width === next.data.width && (prev.data.hovered ?? false) === (next.data.hovered ?? false) && deepEqual(prev.data.tags, next.data.tags);
-};
-var ElementTags = memo(({ id, data: { tags, width, hovered = false }, onTagClick, onTagMouseEnter, onTagMouseLeave }) => {
-	if (!tags || !hasAtLeast(tags, 1)) return null;
-	return /* @__PURE__ */ jsx(WithElementTags, {
-		id,
-		tags,
-		width,
-		hovered,
-		onTagClick,
-		onTagMouseEnter,
-		onTagMouseLeave
-	});
-}, propsAreEqual);
-ElementTags.displayName = "ElementTags";
-function WithElementTags({ id, tags, width, hovered, onTagClick, onTagMouseEnter, onTagMouseLeave }) {
-	const { hovered: isTagsBarHovered, ref: tagsBarRef } = useHover();
-	const { hovered: isTagsToolbarHovered, ref: tagsToolbarRef } = useHover();
-	const [isVisible, setVisible] = useDebouncedState(false, hovered ? 120 : 300);
-	useEffect(() => {
-		setVisible((visibleNow) => {
-			if (!visibleNow) return hovered && (isTagsBarHovered || isTagsToolbarHovered);
-			return hovered || isTagsBarHovered || isTagsToolbarHovered;
-		});
-	}, [
-		isTagsBarHovered,
-		isTagsToolbarHovered,
-		hovered
-	]);
-	const zoomIsLargeEnough = useCurrentZoomAtLeast(1.2);
-	const maxWidth = useStore(useCallback((state) => Math.max(Math.round(width * state.transform[2]) - 10, 200), [Math.round(width)]));
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		ref: tagsBarRef,
-		className: cx("likec4-element-tags", hstack({
-			pointerEvents: "all",
-			gap: "1",
-			alignItems: "flex-end",
-			justifyItems: "stretch",
-			position: "absolute",
-			width: "100%",
-			bottom: "0",
-			left: "0",
-			padding: "1",
-			_shapeCylinder: { bottom: "[5px]" },
-			_shapeStorage: { bottom: "[5px]" },
-			_shapeQueue: {
-				bottom: "0",
-				paddingLeft: "[14px]"
-			}
-		})),
-		onClick: stopPropagation,
-		children: tags.map((tag) => /* @__PURE__ */ jsx(Box, {
-			"data-likec4-tag": tag,
-			className: css({
-				layerStyle: "likec4.tag",
-				flex: "1",
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "center",
-				maxWidth: "[50px]",
-				height: "[5px]",
-				_whenHovered: {
-					height: "[12px]",
-					borderRadius: "sm",
-					transitionDelay: "fastest"
-				},
-				transition: "fast"
-			})
-		}, id + "#" + tag))
-	}), /* @__PURE__ */ jsx(NodeToolbar, {
-		isVisible,
-		align: "start",
-		position: Position.Bottom,
-		children: /* @__PURE__ */ jsx(HStack, {
-			ref: tagsToolbarRef,
-			css: {
-				gap: "0.5",
-				alignItems: "baseline",
-				flexWrap: "wrap",
-				pb: "sm",
-				translate: "auto",
-				x: "[-8px]"
-			},
-			style: { maxWidth },
-			children: tags.map((tag) => /* @__PURE__ */ jsx(ElementTag, {
-				tag,
-				cursor: "pointer",
-				className: css({
-					userSelect: "none",
-					...zoomIsLargeEnough && {
-						fontSize: "lg",
-						borderRadius: "sm",
-						px: "1.5"
-					}
-				}),
-				onClick: onTagClick ? ((e) => {
-					e.stopPropagation();
-					onTagClick(`#${tag}`);
-				}) : void 0,
-				onMouseEnter: onTagMouseEnter ? () => onTagMouseEnter(`#${tag}`) : void 0,
-				onMouseLeave: onTagMouseLeave ? () => onTagMouseLeave(`#${tag}`) : void 0
-			}, tag))
-		})
-	})] });
-}
-//#endregion
-export { ElementTag, ElementTags };

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

@@ -1,20 +0,0 @@
-export { CompoundActionButton } from './compound/CompoundActionButton';
-export { CompoundDetailsButton } from './compound/CompoundDetailsButton';
-export { CompoundNodeContainer } from './compound/CompoundNodeContainer';
-export { CompoundTitle } from './compound/CompoundTitle';
-export { EdgeActionButton } from './edge/EdgeActionButton';
-export { EdgeContainer } from './edge/EdgeContainer';
-export { EdgeLabel } from './edge/EdgeLabel';
-export { EdgeLabelContainer } from './edge/EdgeLabelContainer';
-export { arrowTypeToMarker, EdgeMarkers, type EdgeMarkerType } from './edge/EdgeMarkers';
-export { EdgePath } from './edge/EdgePath';
-export { ElementActionButtons } from './element/ElementActionButtons';
-export { ElementData } from './element/ElementData';
-export { ElementDetailsButton } from './element/ElementDetailsButton';
-export { ElementNodeContainer } from './element/ElementNodeContainer';
-export { ElementShape } from './element/ElementShape';
-export { ElementTag, type ElementTagProps, ElementTags, type ElementTagsProps } from './element/ElementTags';
-export { Markdown } from './Markdown';
-export { memoEdge } from './memoEdge';
-export { memoNode } from './memoNode';
-export { DefaultHandles } from './NodeHandles';

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

@@ -1,3 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseEdgeProps } from '../base/types';
-export declare function memoEdge<P extends BaseEdgeProps>(Edge: FunctionComponent<P>): FunctionComponent<P>;

package/dist/base-primitives/memoEdge.js

@@ -1,15 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { memo } from "react";
-import { deepEqual } from "fast-equals";
-//#region src/base-primitives/memoEdge.ts
-var isSame = (a, b) => {
-	return Math.abs(a - b) < 2.5;
-};
-var edgePropsEqual = (prev, next) => prev.id === next.id && deepEqual(prev.selected ?? false, next.selected ?? false) && deepEqual(prev.animated ?? false, next.animated ?? false) && deepEqual(prev.source, next.source) && deepEqual(prev.target, next.target) && isSame(prev.sourceX, next.sourceX) && isSame(prev.sourceY, next.sourceY) && isSame(prev.targetX, next.targetX) && isSame(prev.targetY, next.targetY) && deepEqual(prev.sourceHandleId ?? null, next.sourceHandleId ?? null) && deepEqual(prev.targetHandleId ?? null, next.targetHandleId ?? null) && deepEqual(prev.sourcePosition, next.sourcePosition) && deepEqual(prev.targetPosition, next.targetPosition) && deepEqual(prev.data, next.data);
-function memoEdge(Edge) {
-	const Memo = memo(Edge, edgePropsEqual);
-	Memo.displayName = `MemoEdge(${Edge.displayName || Edge.name})`;
-	return Memo;
-}
-//#endregion
-export { memoEdge };

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

@@ -1,3 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseNodeProps } from '../base/types';
-export declare function memoNode<P extends BaseNodeProps>(Node: FunctionComponent<P>, displayName?: string): FunctionComponent<P>;

package/dist/base-primitives/memoNode.js

@@ -1,21 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { memo } from "react";
-import { deepEqual } from "fast-equals";
-//#region src/base-primitives/memoNode.tsx
-function nodePropsEqual(prev, next) {
-	return prev.id === next.id && deepEqual(prev.type, next.type) && deepEqual(prev.parentId ?? "", next.parentId ?? "") && deepEqual(prev.selected ?? false, next.selected ?? false) && deepEqual(prev.dragging ?? false, next.dragging ?? false) && deepEqual(prev.width ?? 0, next.width ?? 0) && deepEqual(prev.height ?? 0, next.height ?? 0) && deepEqual(prev.zIndex ?? 0, next.zIndex ?? 0) && deepEqual(prev.data, next.data);
-}
-var isMemoized = Symbol.for("isMemoized");
-function memoNode(Node, displayName = "Node") {
-	if (Node.hasOwnProperty(isMemoized)) return Node;
-	const NodeComponent = memo(Node, nodePropsEqual);
-	NodeComponent.displayName = displayName;
-	Object.defineProperty(NodeComponent, isMemoized, {
-		enumerable: false,
-		writable: false,
-		value: true
-	});
-	return NodeComponent;
-}
-//#endregion
-export { memoNode };