@likec4/diagram 1.59.3 → 1.60.0

package/dist/base-primitives/compound/CompoundActionButton.js

@@ -1,55 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { stopPropagation } from "../../utils/xyflow.js";
-import { compoundActionBtn } from "./actionbtns.css.js";
-import { cx } from "@likec4/styles/css";
-import { IconZoomScan } from "@tabler/icons-react";
-import { jsx } from "react/jsx-runtime";
-import { ActionIcon } from "@mantine/core";
-import { useDebouncedValue } from "@mantine/hooks";
-import * as m from "motion/react-m";
-import { actionBtn } from "@likec4/styles/recipes";
-//#region src/base-primitives/compound/CompoundActionButton.tsx
-var variants = {
-	normal: {
-		scale: 1,
-		x: 0,
-		y: 0
-	},
-	hovered: {
-		scale: 1.2,
-		x: -1,
-		y: -1
-	},
-	whileHover: {
-		scale: 1.4,
-		x: -3,
-		y: -1
-	},
-	whileTap: { scale: 1 }
-};
-function CompoundActionButton({ selected = false, data: { hovered: isHovered = false }, icon, ariaLabel = "Navigate to view", onClick }) {
-	const isHoverDebounced = useDebouncedValue(isHovered, isHovered ? 130 : 0)[0] && isHovered;
-	const isActionVisible = selected || isHoverDebounced;
-	let variant = isHoverDebounced ? "hovered" : "normal";
-	return /* @__PURE__ */ jsx(m.div, {
-		initial: false,
-		variants,
-		animate: variant,
-		whileHover: "whileHover",
-		whileTap: "whileTap",
-		className: "likec4-compound-navigation compound-action",
-		onClick: stopPropagation,
-		tabIndex: -1,
-		children: /* @__PURE__ */ jsx(ActionIcon, {
-			className: cx("nodrag nopan", compoundActionBtn({ delay: isHovered && !isHoverDebounced }), actionBtn({ variant: "transparent" })),
-			tabIndex: isActionVisible ? 0 : -1,
-			inert: isActionVisible ? void 0 : true,
-			"aria-label": ariaLabel,
-			onClick,
-			onDoubleClick: stopPropagation,
-			children: icon ?? /* @__PURE__ */ jsx(IconZoomScan, { stroke: 2 })
-		})
-	});
-}
-//#endregion
-export { CompoundActionButton };

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

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

package/dist/base-primitives/compound/CompoundDetailsButton.js

@@ -1,45 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { stopPropagation } from "../../utils/xyflow.js";
-import { compoundActionBtn } from "./actionbtns.css.js";
-import { cx } from "@likec4/styles/css";
-import { IconId } from "@tabler/icons-react";
-import { jsx } from "react/jsx-runtime";
-import { ActionIcon } from "@mantine/core";
-import { useDebouncedValue } from "@mantine/hooks";
-import * as m from "motion/react-m";
-import { actionBtn } from "@likec4/styles/recipes";
-//#region src/base-primitives/compound/CompoundDetailsButton.tsx
-var variants = {
-	normal: { scale: 1 },
-	hovered: { scale: 1.2 },
-	whileHover: { scale: 1.4 },
-	whileTap: { scale: 1 }
-};
-function CompoundDetailsButton({ selected = false, data: { hovered: isHovered = false }, icon, ariaLabel = "Open details", onClick }) {
-	const isHoverDebounced = useDebouncedValue(isHovered, isHovered ? 130 : 0)[0] && isHovered;
-	const isActionVisible = selected || isHoverDebounced;
-	const variant = isHoverDebounced ? "hovered" : "normal";
-	return /* @__PURE__ */ jsx(m.div, {
-		initial: false,
-		variants,
-		animate: variant,
-		whileHover: "whileHover",
-		whileTap: "whileTap",
-		className: "likec4-compound-details details-button",
-		tabIndex: -1,
-		children: /* @__PURE__ */ jsx(ActionIcon, {
-			className: cx("nodrag nopan", compoundActionBtn({ delay: isHovered && !isHoverDebounced }), actionBtn({ variant: "transparent" })),
-			tabIndex: isActionVisible ? 0 : -1,
-			inert: isActionVisible ? void 0 : true,
-			"aria-label": ariaLabel,
-			onClick,
-			onDoubleClick: stopPropagation,
-			children: icon ?? /* @__PURE__ */ jsx(IconId, {
-				stroke: 1.8,
-				style: { width: "75%" }
-			})
-		})
-	});
-}
-//#endregion
-export { CompoundDetailsButton };

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

@@ -1,15 +0,0 @@
-import { Color, ElementStyle } from '@likec4/core/types';
-import { HTMLAttributes, PropsWithChildren } from 'react';
-import { BaseNode, BaseNodeProps } from '../../base/types';
-export type RequiredData = {
-    color: Color;
-    depth: number;
-    style: ElementStyle;
-};
-type CompoundNodeContainerProps = PropsWithChildren<HTMLAttributes<HTMLDivElement> & {
-    layout?: boolean | 'position' | 'size' | 'preserve-aspect';
-    layoutId?: string | undefined;
-    nodeProps: BaseNodeProps<BaseNode<RequiredData>>;
-}>;
-export declare function CompoundNodeContainer({ nodeProps: { data: { hovered: isHovered, dimmed: isDimmed, ...data }, }, className, children, style, ...rest }: CompoundNodeContainerProps): import("react").JSX.Element;
-export {};

package/dist/base-primitives/compound/CompoundNodeContainer.js

@@ -1,47 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { useLikeC4Styles } from "../../hooks/useLikeC4Styles.js";
-import { cx } from "@likec4/styles/css";
-import { jsx } from "react/jsx-runtime";
-import { clamp } from "remeda";
-import * as m from "motion/react-m";
-import { compoundNode } from "@likec4/styles/recipes";
-//#region src/base-primitives/compound/CompoundNodeContainer.tsx
-function CompoundNodeContainer({ nodeProps: { data: { hovered: isHovered = false, dimmed: isDimmed = false, ...data } }, className, children, style, ...rest }) {
-	const styles = useLikeC4Styles();
-	let opacity = clamp(data.style.opacity ?? 100, {
-		min: 0,
-		max: 100
-	});
-	const isTransparent = opacity < 98;
-	const borderOpacity = 50 + clamp(50 * (opacity / 100), {
-		min: 0,
-		max: 50
-	});
-	const compoundClass = compoundNode({
-		isTransparent,
-		inverseColor: opacity < 70,
-		borderStyle: data.style.border ?? (isTransparent ? styles.defaults.group.border : "none")
-	});
-	const depth = clamp(data.depth ?? 1, {
-		min: 1,
-		max: 5
-	});
-	return /* @__PURE__ */ jsx(m.div, {
-		className: cx(compoundClass, className),
-		initial: false,
-		"data-likec4-hovered": isHovered,
-		"data-likec4-color": data.color,
-		"data-compound-depth": depth,
-		...isDimmed !== false && { "data-likec4-dimmed": isDimmed },
-		tabIndex: -1,
-		animate: {
-			["--_border-transparency"]: `${borderOpacity}%`,
-			["--_compound-transparency"]: `${opacity}%`
-		},
-		style,
-		...rest,
-		children
-	});
-}
-//#endregion
-export { CompoundNodeContainer };

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

@@ -1,19 +0,0 @@
-import { Color, ComputedNodeStyle, NodeId } from '@likec4/core/types';
-type RequiredData = {
-    id: NodeId;
-    title: string;
-    color: Color;
-    style: ComputedNodeStyle;
-    icon?: string | null;
-};
-type CompoundTitleProps = {
-    data: RequiredData;
-    /**
-     * Opt-in: hide the title from assistive technologies. The main diagram sets
-     * this because the compound node's accessible label already conveys the
-     * title, so re-exposing it here would cause a duplicate announcement.
-     */
-    'aria-hidden'?: boolean | undefined;
-};
-export declare function CompoundTitle({ data, 'aria-hidden': ariaHidden }: CompoundTitleProps): import("react").JSX.Element;
-export {};

package/dist/base-primitives/compound/CompoundTitle.js

@@ -1,20 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { IconRenderer } from "../../context/IconRenderer.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/base-primitives/compound/CompoundTitle.tsx
-function CompoundTitle({ data, "aria-hidden": ariaHidden }) {
-	const elementIcon = IconRenderer({
-		element: data,
-		className: "likec4-compound-icon"
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "likec4-compound-title-container",
-		"aria-hidden": ariaHidden,
-		children: [elementIcon, /* @__PURE__ */ jsx("div", {
-			className: "likec4-compound-title",
-			children: data.title
-		})]
-	});
-}
-//#endregion
-export { CompoundTitle };

package/dist/base-primitives/compound/actionbtns.css.d.ts

@@ -1,11 +0,0 @@
-import { RecipeRuntimeFn } from '../../../styled-system/types';
-export declare const compoundActionBtn: RecipeRuntimeFn<{
-    delay: {
-        true: {
-            transitionDelay: {
-                base: "0.2s";
-                _hover: "0s";
-            };
-        };
-    };
-}>;

package/dist/base-primitives/compound/actionbtns.css.js

@@ -1,11 +0,0 @@
-import { cva } from "@likec4/styles/css";
-//#region src/base-primitives/compound/actionbtns.css.ts
-var compoundActionBtn = cva({
-	base: { transitionDuration: "normal" },
-	variants: { delay: { true: { transitionDelay: {
-		base: "0.2s",
-		_hover: "0s"
-	} } } }
-});
-//#endregion
-export { compoundActionBtn };

package/dist/base-primitives/edge/EdgeActionButton.d.ts

@@ -1,8 +0,0 @@
-import { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
-type EdgeActionBtnProps = {
-    icon?: ReactNode;
-    ariaLabel?: string;
-    onClick: (e: ReactMouseEvent) => void;
-};
-export declare function EdgeActionButton({ icon, ariaLabel, onClick }: EdgeActionBtnProps): import("react").JSX.Element;
-export {};

package/dist/base-primitives/edge/EdgeActionButton.js

@@ -1,21 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { stopPropagation } from "../../utils/xyflow.js";
-import { cx } from "@likec4/styles/css";
-import { IconZoomScan } from "@tabler/icons-react";
-import { jsx } from "react/jsx-runtime";
-import { ActionIcon } from "@mantine/core";
-import { edgeActionBtn } from "@likec4/styles/recipes";
-//#region src/base-primitives/edge/EdgeActionButton.tsx
-function EdgeActionButton({ icon, ariaLabel = "Navigate to view", onClick }) {
-	return /* @__PURE__ */ jsx(ActionIcon, {
-		className: cx("nodrag nopan", edgeActionBtn()),
-		onPointerDownCapture: stopPropagation,
-		onClick,
-		role: "button",
-		"aria-label": ariaLabel,
-		onDoubleClick: stopPropagation,
-		children: icon ?? /* @__PURE__ */ jsx(IconZoomScan, {})
-	});
-}
-//#endregion
-export { EdgeActionButton };

package/dist/base-primitives/edge/EdgeContainer.d.ts

@@ -1,11 +0,0 @@
-import { DiagramEdge } from '@likec4/core/types';
-import { PropsWithChildren } from 'react';
-import { UndefinedOnPartialDeep } from 'type-fest';
-import { BaseEdgePropsWithData } from '../../base/types';
-type Data = UndefinedOnPartialDeep<Pick<DiagramEdge, 'dir' | 'color'>>;
-type EdgeContainerProps = PropsWithChildren<BaseEdgePropsWithData<Data> & {
-    component?: 'g' | 'svg' | undefined;
-    className?: string | undefined;
-}>;
-export declare function EdgeContainer({ className, component, selectable, selected, data: { color, hovered: isHovered, active: isActive, dimmed: isDimmed, ...data }, animated, children, style, ...rest }: EdgeContainerProps): import("react").JSX.Element;
-export {};

package/dist/base-primitives/edge/EdgeContainer.js

@@ -1,33 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { cx } from "@likec4/styles/css";
-import { jsx } from "react/jsx-runtime";
-import { pickBy } from "remeda";
-import { invariant } from "@likec4/core";
-//#region src/base-primitives/edge/EdgeContainer.tsx
-function EdgeContainer({ className, component = "g", selectable = false, selected = false, data: { color = "gray", hovered: isHovered = false, active: isActive = false, dimmed: isDimmed = false, ...data }, animated = false, children, style, ...rest }) {
-	animated = animated || isActive;
-	const props = {
-		className: cx(className, "likec4-edge-container", selected && "selected", selectable && "selectable"),
-		"data-likec4-color": color,
-		"data-edge-dir": data.dir ?? "forward",
-		"data-edge-active": isActive,
-		"data-likec4-hovered": isHovered,
-		...animated && { "data-likec4-animated": animated },
-		...selected && { "data-likec4-selected": selected },
-		...isDimmed !== false && { "data-likec4-dimmed": isDimmed },
-		...pickBy(rest, (value, key) => value !== void 0 && key.startsWith("data-"))
-	};
-	if (component === "svg") return /* @__PURE__ */ jsx("svg", {
-		style,
-		...props,
-		children
-	});
-	invariant(component === "g", "EdgeContainer: component must be \"g\" or \"svg\"");
-	return /* @__PURE__ */ jsx("g", {
-		style,
-		...props,
-		children
-	});
-}
-//#endregion
-export { EdgeContainer };

package/dist/base-primitives/edge/EdgeLabel.d.ts

@@ -1,15 +0,0 @@
-import { DiagramEdge } from '@likec4/core/types';
-import { HTMLMotionProps } from 'motion/react';
-import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { UndefinedOnPartialDeep } from 'type-fest';
-import { BaseEdgePropsWithData } from '../../base/types';
-type Data = UndefinedOnPartialDeep<Pick<DiagramEdge, 'label' | 'technology'>>;
-type EdgeLabelProps = HTMLMotionProps<'div'> & {
-    children?: ReactNode;
-    edgeProps: BaseEdgePropsWithData<Data>;
-    isSequenceStep?: boolean;
-    stepNum?: number;
-    pointerEvents?: 'all' | 'none';
-};
-export declare const EdgeLabel: ForwardRefExoticComponent<Omit<EdgeLabelProps, "ref"> & RefAttributes<HTMLDivElement>>;
-export {};

package/dist/base-primitives/edge/EdgeLabel.js

@@ -1,44 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { cx } from "@likec4/styles/css";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { isTruthy } from "remeda";
-import { Box } from "@likec4/styles/jsx";
-import * as m from "motion/react-m";
-import { edgeLabel } from "@likec4/styles/recipes";
-//#region src/base-primitives/edge/EdgeLabel.tsx
-var EdgeLabel = forwardRef(({ edgeProps: { id, data: { label, technology, hovered: isHovered = false }, selected = false, selectable = false }, isSequenceStep: isStepEdge = false, stepNum, pointerEvents = "all", className, children, ...rest }, ref) => {
-	const hasLabel = isTruthy(label) || isTruthy(technology);
-	return /* @__PURE__ */ jsxs(m.div, {
-		ref,
-		className: cx("likec4-edge-label", edgeLabel({
-			pointerEvents,
-			isStepEdge,
-			cursor: selectable || isStepEdge ? "pointer" : "default"
-		}), className),
-		"data-edge-id": id,
-		animate: { scale: isHovered && !selected ? 1.06 : 1 },
-		...rest,
-		children: [isStepEdge && stepNum && /* @__PURE__ */ jsx(Box, {
-			className: "likec4-edge-label__step-number",
-			children: stepNum
-		}), hasLabel && /* @__PURE__ */ jsxs(Box, {
-			className: "likec4-edge-label__contents",
-			children: [
-				isTruthy(label) && /* @__PURE__ */ jsx(Box, {
-					lineClamp: 5,
-					className: "likec4-edge-label__text",
-					children: label
-				}),
-				isTruthy(technology) && /* @__PURE__ */ jsx(Box, {
-					className: "likec4-edge-label__technology",
-					children: "[ " + technology + " ]"
-				}),
-				children
-			]
-		})]
-	});
-});
-EdgeLabel.displayName = "EdgeLabel";
-//#endregion
-export { EdgeLabel };

package/dist/base-primitives/edge/EdgeLabelContainer.d.ts

@@ -1,19 +0,0 @@
-import { DiagramEdge } from '@likec4/core/types';
-import { HTMLAttributes } from 'react';
-import { UndefinedOnPartialDeep } from 'type-fest';
-import { BaseEdgePropsWithData } from '../../base/types';
-type Data = UndefinedOnPartialDeep<Pick<DiagramEdge, 'labelBBox' | 'color'>>;
-type EdgeLabelContainerProps = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * label position with optional translate
-     */
-    labelPosition?: {
-        x?: number | undefined;
-        y?: number | undefined;
-        translate?: string | undefined;
-    } | undefined;
-    edgeProps: BaseEdgePropsWithData<Data>;
-};
-export declare function EdgeLabelContainer({ edgeProps: { id, selected, data: { hovered: isHovered, active: isActive, dimmed: isDimmed, labelBBox, color, }, animated, }, labelPosition: labelXY, className, style: contentStyle, // applied to inner content div, not the positioned container
-children, ...rest }: EdgeLabelContainerProps): import("react").JSX.Element | null;
-export {};

package/dist/base-primitives/edge/EdgeLabelContainer.js

@@ -1,38 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { cx } from "@likec4/styles/css";
-import { jsx } from "react/jsx-runtime";
-import { EdgeLabelRenderer } from "@xyflow/react";
-import { isNumber } from "remeda";
-//#region src/base-primitives/edge/EdgeLabelContainer.tsx
-var toCssVarValue = (value) => {
-	if (value === void 0) return "";
-	return isNumber(value) ? `${Math.trunc(value)}px` : value;
-};
-function EdgeLabelContainer({ edgeProps: { id, selected = false, data: { hovered: isHovered = false, active: isActive = false, dimmed: isDimmed = false, labelBBox, color = "gray" }, animated }, labelPosition: labelXY, className, style: contentStyle, children, ...rest }) {
-	let labelX = labelXY?.x ?? labelBBox?.x;
-	let labelY = labelXY?.y ?? labelBBox?.y;
-	if (labelX === void 0 || labelY === void 0) return null;
-	const translate = labelXY?.translate ?? "";
-	animated = animated || isActive;
-	return /* @__PURE__ */ jsx(EdgeLabelRenderer, { children: /* @__PURE__ */ jsx("div", {
-		...rest,
-		className: cx("nodrag nopan", "likec4-edge-label-container", className),
-		"data-likec4-hovered": isHovered,
-		"data-likec4-color": color,
-		"data-edge-active": isActive,
-		"data-edge-animated": animated || isActive,
-		...animated && { "data-likec4-animated": animated },
-		...selected !== false && { "data-likec4-selected": selected },
-		...isDimmed !== false && { "data-likec4-dimmed": isDimmed },
-		style: { transform: `translate(${toCssVarValue(labelX)}, ${toCssVarValue(labelY)}) ${translate}` },
-		children: /* @__PURE__ */ jsx("div", {
-			style: {
-				...contentStyle,
-				...labelBBox && { maxWidth: labelBBox.width + 20 }
-			},
-			children
-		})
-	}, id) });
-}
-//#endregion
-export { EdgeLabelContainer };

package/dist/base-primitives/edge/EdgeMarkers.d.ts

@@ -1,14 +0,0 @@
-import { RelationshipArrowType } from '@likec4/core/types';
-import { SVGProps } from 'react';
-export declare const EdgeMarkers: {
-    Arrow: (props: SVGProps<SVGMarkerElement>) => import("react").JSX.Element;
-    Crow: (props: SVGProps<SVGMarkerElement>) => import("react").JSX.Element;
-    OArrow: (props: SVGProps<SVGMarkerElement>) => import("react").JSX.Element;
-    Open: (props: SVGProps<SVGMarkerElement>) => import("react").JSX.Element;
-    Diamond: (props: SVGProps<SVGMarkerElement>) => import("react").JSX.Element;
-    ODiamond: (props: SVGProps<SVGMarkerElement>) => import("react").JSX.Element;
-    Dot: (props: SVGProps<SVGMarkerElement>) => import("react").JSX.Element;
-    ODot: (props: SVGProps<SVGMarkerElement>) => import("react").JSX.Element;
-};
-export type EdgeMarkerType = keyof typeof EdgeMarkers;
-export declare function arrowTypeToMarker(arrowType?: RelationshipArrowType): EdgeMarkerType | undefined;

package/dist/base-primitives/edge/EdgeMarkers.js

@@ -1,161 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { jsx } from "react/jsx-runtime";
-import { nonexhaustive } from "@likec4/core";
-//#region src/base-primitives/edge/EdgeMarkers.tsx
-var Open = (props) => /* @__PURE__ */ jsx("marker", {
-	viewBox: "-4 -4 14 16",
-	refX: 5,
-	refY: 4,
-	markerWidth: "7",
-	markerHeight: "8",
-	preserveAspectRatio: "xMaxYMid meet",
-	orient: "auto-start-reverse",
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		d: "M0,0 L7,4 L0,8 L4,4 Z",
-		stroke: "context-stroke",
-		fill: "context-stroke",
-		strokeDasharray: 0,
-		strokeWidth: 1,
-		strokeLinecap: "round"
-	})
-});
-var Arrow = (props) => /* @__PURE__ */ jsx("marker", {
-	viewBox: "-1 -1 12 10",
-	refX: 4,
-	refY: 3,
-	markerWidth: "8",
-	markerHeight: "6",
-	preserveAspectRatio: "xMaxYMid meet",
-	orient: "auto-start-reverse",
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		d: "M 0 0 L 8 3 L 0 6 L 1 3 z",
-		fill: "context-stroke",
-		strokeWidth: 0
-	})
-});
-var Crow = (props) => /* @__PURE__ */ jsx("marker", {
-	viewBox: "-1 -1 12 12",
-	refX: 8,
-	refY: 4,
-	markerWidth: "8",
-	markerHeight: "8",
-	preserveAspectRatio: "xMaxYMid meet",
-	orient: "auto-start-reverse",
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		d: "M 8 0 L 0 4 L 8 8 M 8 4 L 0 4",
-		fill: "none",
-		strokeWidth: 1
-	})
-});
-var OArrow = (props) => /* @__PURE__ */ jsx("marker", {
-	viewBox: "-1 -1 12 10",
-	refX: 4,
-	refY: 3,
-	markerWidth: "8",
-	markerHeight: "6",
-	preserveAspectRatio: "xMaxYMid meet",
-	orient: "auto-start-reverse",
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		d: "M 0 0 L 8 3 L 0 6 L 1 3 z",
-		stroke: "context-stroke",
-		fill: "var(--likec4-background-color)",
-		strokeWidth: 1.25,
-		strokeLinejoin: "miter",
-		strokeLinecap: "square"
-	})
-});
-var Diamond = (props) => /* @__PURE__ */ jsx("marker", {
-	viewBox: "-4 -4 16 14",
-	refX: 5,
-	refY: 4,
-	markerWidth: "10",
-	markerHeight: "8",
-	preserveAspectRatio: "xMaxYMid meet",
-	orient: "auto-start-reverse",
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		d: "M5,0 L10,4 L5,8 L0,4 Z",
-		fill: "context-stroke",
-		strokeWidth: 0,
-		strokeLinecap: "round"
-	})
-});
-var ODiamond = (props) => /* @__PURE__ */ jsx("marker", {
-	viewBox: "-4 -4 16 14",
-	refX: 6,
-	refY: 4,
-	markerWidth: "10",
-	markerHeight: "8",
-	preserveAspectRatio: "xMaxYMid meet",
-	orient: "auto-start-reverse",
-	...props,
-	children: /* @__PURE__ */ jsx("path", {
-		d: "M5,0 L10,4 L5,8 L0,4 Z",
-		stroke: "context-stroke",
-		fill: "var(--likec4-background-color)",
-		strokeWidth: 1.25,
-		strokeLinecap: "round"
-	})
-});
-var Dot = (props) => /* @__PURE__ */ jsx("marker", {
-	viewBox: "0 0 10 10",
-	refX: 4,
-	refY: 4,
-	markerWidth: "6",
-	markerHeight: "6",
-	...props,
-	children: /* @__PURE__ */ jsx("circle", {
-		strokeWidth: 0,
-		fill: "context-stroke",
-		cx: 4,
-		cy: 4,
-		r: 3
-	})
-});
-var ODot = (props) => /* @__PURE__ */ jsx("marker", {
-	viewBox: "0 0 10 10",
-	refX: 4,
-	refY: 4,
-	markerWidth: "6",
-	markerHeight: "6",
-	...props,
-	children: /* @__PURE__ */ jsx("circle", {
-		strokeWidth: 1.25,
-		stroke: "context-stroke",
-		fill: "var(--likec4-background-color)",
-		cx: 4,
-		cy: 4,
-		r: 3
-	})
-});
-var EdgeMarkers = {
-	Arrow,
-	Crow,
-	OArrow,
-	Open,
-	Diamond,
-	ODiamond,
-	Dot,
-	ODot
-};
-function arrowTypeToMarker(arrowType) {
-	if (!arrowType || arrowType === "none") return;
-	switch (arrowType) {
-		case "normal": return "Arrow";
-		case "crow": return "Crow";
-		case "onormal": return "OArrow";
-		case "diamond": return "Diamond";
-		case "odiamond": return "ODiamond";
-		case "open":
-		case "vee": return "Open";
-		case "dot": return "Dot";
-		case "odot": return `ODot`;
-		default: nonexhaustive(arrowType);
-	}
-}
-//#endregion
-export { EdgeMarkers, arrowTypeToMarker };

package/dist/base-primitives/edge/EdgePath.d.ts

@@ -1,17 +0,0 @@
-import { DiagramEdge } from '@likec4/core/types';
-import { PointerEventHandler, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { UndefinedOnPartialDeep } from 'type-fest';
-import { BaseEdgePropsWithData } from '../../base/types';
-type Data = UndefinedOnPartialDeep<Pick<DiagramEdge, 'line' | 'dir' | 'tail' | 'head'>>;
-type EdgePathProps = {
-    edgeProps: BaseEdgePropsWithData<Data>;
-    svgPath: string;
-    /**
-     * If true, the edge is being dragged (used to disable animations)
-     */
-    isDragging?: boolean;
-    strokeWidth?: number;
-    onEdgePointerDown?: PointerEventHandler<SVGGElement> | undefined;
-};
-export declare const EdgePath: ForwardRefExoticComponent<EdgePathProps & RefAttributes<SVGPathElement>>;
-export {};