@likec4/diagram 1.59.4 → 1.61.0

package/dist/components/EmptyBox.d.ts

@@ -1,3 +0,0 @@
-import { StyledComponent } from '@likec4/styles/types';
-import { EmptyBoxVariantProps } from '@likec4/styles/recipes';
-export declare const EmptyBox: StyledComponent<"div", EmptyBoxVariantProps>;

package/dist/components/EmptyBox.js

@@ -1,9 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { isCssProperty, styled } from "@likec4/styles/jsx";
-import { emptyBox } from "@likec4/styles/recipes";
-//#region src/components/EmptyBox.tsx
-var EmptyBox = styled("div", emptyBox, { shouldForwardProp(prop, variantKeys) {
-	return !variantKeys.includes(prop) && !isCssProperty(prop);
-} });
-//#endregion
-export { EmptyBox };

package/dist/components/ErrorFallback.d.ts

@@ -1,3 +0,0 @@
-import { ErrorBoundaryProps, FallbackProps } from 'react-error-boundary';
-export declare function ErrorFallback({ error, resetErrorBoundary }: FallbackProps): import("react").JSX.Element;
-export declare function ErrorBoundary(props: Pick<ErrorBoundaryProps, 'onReset' | 'onError' | 'children'>): import("react").JSX.Element;

package/dist/components/ErrorFallback.js

@@ -1,113 +0,0 @@
-import { __name } from "../_virtual/_rolldown/runtime.js";
-import { css } from "@likec4/styles/css";
-import { IconX } from "@tabler/icons-react";
-import { useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, ScrollAreaAutosize, Text, ThemeIcon } from "@mantine/core";
-import { HStack, VStack } from "@likec4/styles/jsx";
-import { ErrorBoundary } from "react-error-boundary";
-//#region src/components/ErrorFallback.tsx
-function ErrorFallback({ error, resetErrorBoundary }) {
-	const errorString = error instanceof Error ? error.message : "Unknown error";
-	const dialogRef = useRef(null);
-	return /* @__PURE__ */ jsx("dialog", {
-		open: true,
-		ref: dialogRef,
-		className: css({
-			margin: "0",
-			padding: "0",
-			position: "fixed",
-			top: "5",
-			left: "5",
-			width: "[calc(100vw - ({spacing.5} * 2))]",
-			height: "max-content",
-			maxHeight: "[calc(100vh - ({spacing.5} * 3))]",
-			background: `likec4.overlay.body`,
-			rounded: "sm",
-			borderWidth: "extra",
-			borderColor: `likec4.overlay.border`,
-			shadow: "xl",
-			outline: "none",
-			zIndex: "toast",
-			_backdrop: {
-				cursor: "zoom-out",
-				backdropFilter: `[blur(18px)]`,
-				bg: "[color-mix(in oklab, {colors.likec4.overlay.backdrop} 60%, transparent)]"
-			}
-		}),
-		onClick: (e) => {
-			e.stopPropagation();
-			if (e.target?.nodeName?.toUpperCase() === "DIALOG") {
-				dialogRef.current?.close();
-				return;
-			}
-		},
-		onClose: (e) => {
-			e.stopPropagation();
-			resetErrorBoundary();
-		},
-		children: /* @__PURE__ */ jsxs(HStack, {
-			p: "xl",
-			gap: "lg",
-			alignItems: "flex-start",
-			flexWrap: "nowrap",
-			children: [/* @__PURE__ */ jsx(ThemeIcon, {
-				size: "md",
-				radius: "xl",
-				color: "red",
-				children: /* @__PURE__ */ jsx(IconX, { style: {
-					width: 20,
-					height: 20
-				} })
-			}), /* @__PURE__ */ jsxs(VStack, {
-				flex: "1",
-				children: [
-					/* @__PURE__ */ jsx(Text, {
-						fz: "md",
-						children: "Oops, something went wrong"
-					}),
-					/* @__PURE__ */ jsx(ScrollAreaAutosize, {
-						maw: "100%",
-						mah: 400,
-						type: "auto",
-						children: /* @__PURE__ */ jsx(Text, {
-							fz: "md",
-							c: "red",
-							style: {
-								whiteSpace: "pre-wrap",
-								userSelect: "all"
-							},
-							children: errorString
-						})
-					}),
-					/* @__PURE__ */ jsxs(HStack, {
-						gap: "md",
-						mt: "md",
-						children: [/* @__PURE__ */ jsx(Button, {
-							size: "sm",
-							variant: "default",
-							onClick: () => resetErrorBoundary(),
-							children: "Reset"
-						}), /* @__PURE__ */ jsx(Text, {
-							fz: "sm",
-							c: "dimmed",
-							children: "See console for more details and report the issue if it persists."
-						})]
-					})
-				]
-			})]
-		})
-	});
-}
-function ErrorBoundary$1(props) {
-	return /* @__PURE__ */ jsx(ErrorBoundary, {
-		FallbackComponent: ErrorFallback,
-		onError: (err, info) => {
-			console.error(err, info);
-		},
-		...props
-	});
-}
-__name(ErrorBoundary$1, "ErrorBoundary");
-//#endregion
-export { ErrorBoundary$1 as ErrorBoundary, ErrorFallback };

package/dist/components/FloatingWindow.d.ts

@@ -1,18 +0,0 @@
-import { FloatingWindowProps as MantineFloatingWindowProps } from '@mantine/core';
-export interface FloatingWindowProps extends MantineFloatingWindowProps {
-    /**
-     * To make window position and size persistent, provide a stable id
-     */
-    windowId?: string | null;
-    /**
-     * If true, the window will not be resizable
-     * @default false
-     */
-    nonResizeable?: boolean;
-    /**
-     * Callback when the window is closed
-     * If provided, the window will render a close button
-     */
-    onClose?: () => void;
-}
-export declare function FloatingWindow({ children, windowId, onClose, dimensions, initialPosition, className, nonResizeable, ...props }: FloatingWindowProps): import("react").JSX.Element;

package/dist/components/FloatingWindow.js

@@ -1,89 +0,0 @@
-import { __name } from "../_virtual/_rolldown/runtime.js";
-import { useId as useId$1 } from "../hooks/useId.js";
-import { useMantinePortalProps } from "../hooks/useMantinePortalProps.js";
-import { cx } from "@likec4/styles/css";
-import { useRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useRafCallback } from "@react-hookz/web";
-import { CloseButton, FloatingWindow } from "@mantine/core";
-import { useSessionStorage } from "@mantine/hooks";
-import { Box as Box$1 } from "@likec4/styles/jsx";
-import { floatingWindow } from "@likec4/styles/recipes";
-//#region src/components/FloatingWindow.tsx
-function FloatingWindow$1({ children, windowId, onClose, dimensions, initialPosition, className, nonResizeable = false, ...props }) {
-	const portalProps = useMantinePortalProps();
-	const id = useId$1();
-	const [windowState, setWindowState] = useSessionStorage({
-		key: `likec4:window:${windowId ?? id}`,
-		getInitialValueInEffect: false,
-		defaultValue: {
-			dimensions: {
-				minWidth: 220,
-				minHeight: 250,
-				initialWidth: 260,
-				initialHeight: 360,
-				...dimensions
-			},
-			initialPosition: {
-				top: 65,
-				left: 32,
-				...initialPosition
-			}
-		}
-	});
-	const initialStateRef = useRef(windowState);
-	const [updateWindowState] = useRafCallback((update) => {
-		setWindowState((state) => ({
-			dimensions: {
-				...state.dimensions,
-				...update.dimensions
-			},
-			initialPosition: {
-				...state.initialPosition,
-				...update.initialPosition
-			}
-		}));
-	});
-	return /* @__PURE__ */ jsxs(FloatingWindow, {
-		constrainToViewport: true,
-		constrainOffset: 4,
-		dragHandleSelector: ".drag-handle",
-		excludeDragHandleSelector: "button, .nodrag, .mantine-ScrollArea-root",
-		className: cx(floatingWindow(), className),
-		...portalProps,
-		...props,
-		...initialStateRef.current,
-		onPositionChange: (position) => {
-			updateWindowState({ initialPosition: {
-				top: position.y,
-				left: position.x
-			} });
-			props.onPositionChange?.(position);
-		},
-		onSizeChange: (size) => {
-			updateWindowState({ dimensions: {
-				initialHeight: size.height,
-				initialWidth: size.width
-			} });
-			props.onSizeChange?.(size);
-		},
-		children: [
-			children,
-			!nonResizeable && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FloatingWindow.ResizeHandle, {
-				"data-resize-handler": "right",
-				tabIndex: -1
-			}), /* @__PURE__ */ jsx(FloatingWindow.ResizeHandle, { "data-resize-handler": "bottom" })] }),
-			/* @__PURE__ */ jsx(Box$1, {
-				className: "drag-header drag-handle",
-				pr: "1",
-				children: onClose && /* @__PURE__ */ jsx(CloseButton, {
-					size: 16,
-					onClick: onClose
-				})
-			})
-		]
-	});
-}
-__name(FloatingWindow$1, "FloatingWindow");
-//#endregion
-export { FloatingWindow$1 as FloatingWindow };

package/dist/components/GithubIcon.d.ts

@@ -1,2 +0,0 @@
-import { SVGProps, ForwardRefExoticComponent, RefAttributes } from 'react';
-export declare const GithubIcon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & RefAttributes<SVGSVGElement>>;

package/dist/components/GithubIcon.js

@@ -1,15 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/GithubIcon.tsx
-var GithubIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx("svg", {
-	height: "24",
-	width: "24",
-	fill: "currentColor",
-	...props,
-	viewBox: "0 0 24 24",
-	ref,
-	children: /* @__PURE__ */ jsx("path", { d: "M12 1C5.923 1 1 5.923 1 12c0 4.867 3.149 8.979 7.521 10.436.55.096.756-.233.756-.522 0-.262-.013-1.128-.013-2.049-2.764.509-3.479-.674-3.699-1.292-.124-.317-.66-1.293-1.127-1.554-.385-.207-.936-.715-.014-.729.866-.014 1.485.797 1.691 1.128.99 1.663 2.571 1.196 3.204.907.096-.715.385-1.196.701-1.471-2.448-.275-5.005-1.224-5.005-5.432 0-1.196.426-2.186 1.128-2.956-.111-.275-.496-1.402.11-2.915 0 0 .921-.288 3.024 1.128a10.193 10.193 0 0 1 2.75-.371c.936 0 1.871.123 2.75.371 2.104-1.43 3.025-1.128 3.025-1.128.605 1.513.221 2.64.111 2.915.701.77 1.127 1.747 1.127 2.956 0 4.222-2.571 5.157-5.019 5.432.399.344.743 1.004.743 2.035 0 1.471-.014 2.654-.014 3.025 0 .289.206.632.756.522C19.851 20.979 23 16.854 23 12c0-6.077-4.922-11-11-11Z" })
-}));
-//#endregion
-export { GithubIcon };

package/dist/components/Link.d.ts

@@ -1,6 +0,0 @@
-import { Link as LinkData } from '@likec4/core';
-import { BadgeProps } from '@mantine/core';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-export declare const Link: ForwardRefExoticComponent<Omit<BadgeProps, "children" | "classNames"> & {
-    value: LinkData;
-} & RefAttributes<HTMLDivElement>>;

package/dist/components/Link.js

@@ -1,100 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { GithubIcon } from "./GithubIcon.js";
-import { css, cx } from "@likec4/styles/css";
-import { IconCheck, IconCopy } from "@tabler/icons-react";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ActionIcon, Badge, CopyButton } from "@mantine/core";
-import { styled } from "@likec4/styles/jsx";
-//#region src/components/Link.tsx
-var GITHUB_PREFIX = "https://github.com/";
-var Link = forwardRef(({ value, className, ...props }, ref) => {
-	const url = value.url.includes("://") ? value.url : new window.URL(value.url, window.location.href).toString();
-	let isGithub = url.startsWith(GITHUB_PREFIX);
-	return /* @__PURE__ */ jsx(Badge, {
-		ref,
-		variant: "default",
-		radius: "sm",
-		size: "sm",
-		tt: "none",
-		leftSection: null,
-		rightSection: /* @__PURE__ */ jsx(CopyButton, {
-			value: url,
-			timeout: 1500,
-			children: ({ copy, copied }) => /* @__PURE__ */ jsx(ActionIcon, {
-				className: css({
-					opacity: copied ? "1" : "0.45",
-					transition: "fast",
-					_hover: { opacity: "1" }
-				}),
-				tabIndex: -1,
-				size: "20",
-				variant: copied ? "light" : "transparent",
-				color: copied ? "teal" : "gray",
-				"data-active": copied,
-				onClick: (e) => {
-					e.stopPropagation();
-					e.preventDefault();
-					copy();
-				},
-				children: copied ? /* @__PURE__ */ jsx(IconCheck, {}) : /* @__PURE__ */ jsx(IconCopy, { stroke: 2.5 })
-			})
-		}),
-		...props,
-		className: cx(className, "group"),
-		classNames: {
-			root: css({
-				flexWrap: "nowrap",
-				minHeight: "[24px]",
-				maxWidth: "[500px]",
-				userSelect: "all",
-				pr: "0",
-				backgroundColor: {
-					base: "transparent",
-					_hover: {
-						base: "mantine.gray[1]",
-						_dark: "mantine.dark[5]"
-					}
-				}
-			}),
-			section: css({ "&:is([data-position=\"left\"])": {
-				color: "text.dimmed",
-				userSelect: "none",
-				pointerEvents: "none",
-				_groupHover: {
-					color: "[var(--badge-color)]",
-					opacity: "0.7"
-				}
-			} })
-		},
-		children: /* @__PURE__ */ jsxs(styled.a, {
-			href: url,
-			target: "_blank",
-			style: {
-				color: "var(--badge-color)",
-				cursor: "pointer"
-			},
-			css: {
-				transition: "fast",
-				opacity: {
-					base: "0.7",
-					_hover: "1"
-				},
-				textDecoration: {
-					base: "none",
-					_hover: "underline"
-				}
-			},
-			children: [!value.title && isGithub && /* @__PURE__ */ jsx(GithubIcon, {
-				height: "12",
-				width: "12",
-				style: {
-					verticalAlign: "middle",
-					marginRight: "4px"
-				}
-			}), value.title ?? (isGithub ? url.replace(GITHUB_PREFIX, "") : url)]
-		})
-	});
-});
-//#endregion
-export { Link };

package/dist/components/Logo.d.ts

@@ -1,5 +0,0 @@
-import { SVGProps, ForwardRefExoticComponent, RefAttributes } from 'react';
-type LogoProps = Omit<SVGProps<SVGSVGElement>, 'viewBox'>;
-export declare const Logo: ForwardRefExoticComponent<Omit<LogoProps, "ref"> & RefAttributes<SVGSVGElement>>;
-export declare const LogoIcon: ForwardRefExoticComponent<Omit<LogoProps, "ref"> & RefAttributes<SVGSVGElement>>;
-export {};

package/dist/components/Logo.js

@@ -1,39 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { css } from "@likec4/styles/css";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Logo.tsx
-var Logo = forwardRef((props, ref) => {
-	return /* @__PURE__ */ jsxs("svg", {
-		ref,
-		xmlns: "http://www.w3.org/2000/svg",
-		fill: "none",
-		viewBox: "0 0 222 56",
-		...props,
-		children: [/* @__PURE__ */ jsx("path", {
-			fill: "#5E98AF",
-			d: "M33.95 33.78V0H2.37A2.37 2.37 0 0 0 0 2.35V33.9h33.95v-.12ZM38.57 33.78H55.6v-14.6c0-1.3-1.06-2.35-2.36-2.35H38.57v16.95ZM33.95 38.37H17.04v14.6c0 1.29 1.06 2.35 2.36 2.35h14.67V38.37h-.12ZM38.57 38.37v16.95h14.67c1.3 0 2.36-1.06 2.36-2.36v-14.6H38.57Z"
-		}), /* @__PURE__ */ jsx("path", {
-			className: css({
-				fill: "[#FCFBF7]",
-				_light: { fill: "[#222221]" }
-			}),
-			d: "M71.61 12.08c-.06 3.61.3 29.95.23 31.87 0 1.8 0 3.6.06 5.41 0 .3.18.58.47.58 4.1.18 8.13-.17 12.22-.11 1.34.05 2.69 0 3.97 0 1.29-.06 1.4-.59 1.35-1.63-.06-1.63-.06-3.08-.06-4.65-.06-.82-.53-1.11-1.23-1.11-2.4.06-4.8-.06-7.19.06-.4.06-.82.06-1.23.06-.7-.06-.87-.24-.93-1v-.86c-.18-4.83.17-9.83.17-14.66-.06-4.07 0-7.73-.06-11.34 0-1.57 0-3.14-.05-4.65-.06-.93 0-1.92-.24-2.85-.11-.35-.29-.81-.7-.81h-5.5c-.93 0-1.22.64-1.28 1.57v4.12ZM103.81 35c-.17-6.63-.1-13.67-.05-20.24 0-2.04-.12-4.25-.12-6.28 0-2.21-.87-2.1-2.04-2.15-1.7-.06-2.46-.06-4.15-.06-1.11-.06-1.58.23-1.58 1.34 0 5.7-.18 21.8-.12 24.13.06 2.33.3 12.91.18 15.24-.06.81 0 1.62.06 2.44.05.29.23.58.7.58 1.93-.12 3.74-.12 5.67-.17.7-.06 1.28-.24 1.58-1 .05-.4-.12-11.04-.12-13.83Zm13.92 4.47c0-2.03-.3-7.56-.23-8.72 0-.17.11-.4.17-.4.12 0 .35.11.41.17 1.87 2.44 10.64 19.36 11.7 19.42.28.06.58.06.87.06 1.99-.12 3.74 0 5.73 0 2.04 0 .7-1.98.35-2.5-.53-.76-7.48-13.14-7.9-13.9-1.16-1.98-2.16-4.13-3.32-6.05-.12-.23-.24-.58-.18-.81.12-.7.3-1.34.59-1.98a93.18 93.18 0 0 1 4.55-8.14c1.88-2.97 2.93-4.83 4.45-7.5.35-.64.58-1.34.82-2.1.05-.29-.18-.58-.53-.58-1.11-.05-5.15 0-6.43 0-.59 0-1.17.12-1.46.64-.76 1.46-8.6 15.7-9.35 16.98-.06.12-.24.18-.41.18 0 0-.12-.18-.12-.3-.06-3.25.53-13.9.4-16.04-.05-1.28-.28-1.4-1.57-1.46-1.4-.05-3.33-.05-4.73-.05-1.3 0-1.4.7-1.58 1.62-.06.18-.06 5.64-.06 8.09 0 3.54-.3 25.76.11 32.8 0 .7.18 1.1.77 1.1 1.57-.12 3.91 0 5.49 0 1.11 0 1.29-.12 1.29-1.98 0-2.5.23-4.77.23-7.85 0-.23-.06-.46-.06-.7Zm25.66-1.4h-.06c0 1.46-.05 2.97 0 4.49.06 1.86.18 3.72.3 5.58 0 .64.17.81.76.93 1.22.29 2.4.35 3.62.35 3.16-.12 6.31.11 9.47 0 1.29-.06 1.87.06 3.16-.18 1.17-.23 1.58-.87 1.58-2.61-.12-1.1-.06-1.57-.06-2.91 0-1.92-1.35-2.56-2.52-2.5-.81.06-4.73-.06-6.31-.06-2.63.06-2.22.4-2.22-2.33 0-2.2.06-5.05.06-7.32 0-1.22.11-1.63 1.28-1.63h7.31c1.17.17 1.99-.64 1.99-1.86 0-1.22.12-1.28.12-2.5l-.18-1.75c-.12-.99-.47-1.33-1.46-1.33-.64 0-1.29.05-1.93.11-2.52.18-3.68-.17-6.14 0-.82 0-.93-.11-1-.87-.23-2.27 0-4.77.24-7.04.06-.93.3-1.1 1.17-1.16l8.24-.06c1.11-.11 1.46-.06 1.4-1.16-.11-1.69.06-3.43-.11-5.12-.12-.93-.41-1.1-1.46-1.1-1.76.05-2.17.05-3.92.17-1.75.06-8.77.06-10.46.06-2.46 0-2.63-.18-2.7 2.8-.1 2.32-.05 4.7-.05 7.09 0 4.07-.23 18.66-.12 21.92Zm47.76-24.82c.06-1.92 0-3.5 0-5.35 0-2.15-3.92-1.92-5.32-1.86a18.95 18.95 0 0 0-15.08 9.77c-.82 1.57-1.4 3.2-1.81 4.88a34 34 0 0 0-.59 12.15c.41 3.78 1.4 7.56 3.74 10.59 4.04 5.3 11.46 7.15 17.83 6.16.3-.06.59-.11.82-.29.18-.11.35-.35.35-.58l.18-3.31c.06-1.05 0-1 0-2.04 0-1.4-2.93-.35-4.74-.35-1.75 0-3.62-.06-5.2-.87-2.8-1.57-4.38-4.71-5.26-7.68-1-3.2-1.23-6.63-.64-9.88.7-4.25 2.74-9.13 7.25-10.59 2.57-.87 5.31-.58 7.89-.29.35.06.58-.17.58-.46Zm26.77 15.3c.06-2.5 0-14.84 0-18.38.06-.82 0-1.63-.11-2.45-.06-.99-.24-1.28-1.29-1.33h-4.44c-.82 0-1.35.4-1.82 1.27-1.34 3.2-10.75 24.02-12.15 26.58-.53.99-1 1.63-1 2.68v4.24c0 .76-.06 1.28 1.23 1.28l11.1-.06c1.47 0 1.47.3 1.47 1.1 0 .88-.12 4.9-.12 5.3 0 .58.12 1.16 1.23 1.16h5.08c1.23 0 1.23-.7 1.23-2.03.06-1.17-.06-3.5-.06-4.66 0-.93.18-.98 1.76-.98 1.22 0 1.75-.12 1.75-.88.06-1.57 0-2.67 0-4.42 0-1.04-.93-.98-2.92-.98-.65 0-.7-.18-.7-1.05-.12-1.8-.24-4.6-.24-6.4Zm-7.25-5.94c-.05.7-.11 10.82-.11 12.27-.06.81-.24 1.05-1 1.1-1.93.06-3.85.06-5.78.06-.47 0-.65-.4-.41-.87.23-.4 4.85-11.57 6.13-14.48.18-.17.24-.35.41-.52.18-.12.41-.18.59-.23.06 0 .23.29.23.46 0 .76-.06 1.51-.06 2.21Z"
-		})]
-	});
-});
-var LogoIcon = forwardRef((props, ref) => {
-	return /* @__PURE__ */ jsx("svg", {
-		ref,
-		xmlns: "http://www.w3.org/2000/svg",
-		fill: "none",
-		viewBox: "0 0 56 56",
-		...props,
-		children: /* @__PURE__ */ jsx("path", {
-			fill: "#5E98AF",
-			d: "M33.95 33.78V0H2.37A2.37 2.37 0 0 0 0 2.35V33.9h33.95v-.12ZM38.57 33.78H55.6v-14.6c0-1.3-1.06-2.35-2.36-2.35H38.57v16.95ZM33.95 38.37H17.04v14.6c0 1.29 1.06 2.35 2.36 2.35h14.67V38.37h-.12ZM38.57 38.37v16.95h14.67c1.3 0 2.36-1.06 2.36-2.36v-14.6H38.57Z"
-		})
-	});
-});
-//#endregion
-export { Logo, LogoIcon };

package/dist/components/NavigationLink.d.ts

@@ -1,6 +0,0 @@
-import { NavLinkProps } from '@mantine/core';
-import { ComponentPropsWithoutRef, ForwardRefExoticComponent, RefAttributes } from 'react';
-export interface NavigationLinkProps extends Omit<NavLinkProps, 'classNames'>, Omit<ComponentPropsWithoutRef<'button'>, keyof NavLinkProps> {
-    truncateLabel?: boolean;
-}
-export declare const NavigationLink: ForwardRefExoticComponent<NavigationLinkProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/NavigationLink.js

@@ -1,17 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { cx } from "@likec4/styles/css";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { NavLink } from "@mantine/core";
-import { navigationLink } from "@likec4/styles/recipes";
-//#region src/components/NavigationLink.tsx
-var NavigationLink = forwardRef(({ className, truncateLabel = true, ...others }, ref) => /* @__PURE__ */ jsx(NavLink, {
-	...others,
-	component: "button",
-	classNames: navigationLink({ truncateLabel }),
-	className: cx("group", "mantine-active", className),
-	ref
-}));
-NavigationLink.displayName = "NavigationLink";
-//#endregion
-export { NavigationLink };

package/dist/components/NavigationPanel.d.ts

@@ -1,11 +0,0 @@
-import { ForwardRefComponent, HTMLMotionProps } from 'motion/react';
-import { HTMLAttributes, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { StyleContextProvider, StyleContextConsumer } from '@likec4/styles/jsx';
-import { NavigationPanelRecipe } from '@likec4/styles/recipes';
-export declare const NavigationPanel: {
-    Root: StyleContextProvider<ForwardRefComponent<"div", HTMLMotionProps<"div">>, NavigationPanelRecipe>;
-    Body: StyleContextConsumer<ForwardRefComponent<"div", HTMLMotionProps<"div">>>;
-    Logo: StyleContextConsumer<ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & RefAttributes<HTMLButtonElement>>>;
-    Label: StyleContextConsumer<ForwardRefComponent<"div", HTMLMotionProps<"div">>>;
-    Dropdown: StyleContextConsumer<ForwardRefComponent<"div", HTMLMotionProps<"div">>>;
-};

package/dist/components/NavigationPanel.js

@@ -1,28 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { Logo as Logo$1, LogoIcon } from "./Logo.js";
-import { cx } from "@likec4/styles/css";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { isValidMotionProp, m } from "motion/react";
-import { createStyleContext, isCssProperty } from "@likec4/styles/jsx";
-import { navigationPanel } from "@likec4/styles/recipes";
-//#region src/components/NavigationPanel.tsx
-var { withProvider, withContext } = createStyleContext(navigationPanel);
-var shouldForwardProp = (prop, variantKeys) => !variantKeys.includes(prop) && (isValidMotionProp(prop) || !isCssProperty(prop));
-var LogoButton = forwardRef(({ className, ...props }, ref) => {
-	return /* @__PURE__ */ jsxs("button", {
-		...props,
-		ref,
-		className: cx("mantine-active", className),
-		children: [/* @__PURE__ */ jsx(LogoIcon, { "data-logo-icon": true }), /* @__PURE__ */ jsx(Logo$1, { "data-logo-full": true })]
-	});
-});
-var NavigationPanel = {
-	Root: withProvider(m.div, "root", { shouldForwardProp }),
-	Body: withContext(m.div, "body", { shouldForwardProp }),
-	Logo: withContext(LogoButton, "logo", { shouldForwardProp }),
-	Label: withContext(m.div, "label", { shouldForwardProp }),
-	Dropdown: withContext(m.div, "dropdown", { shouldForwardProp })
-};
-//#endregion
-export { NavigationPanel };

package/dist/components/PortalToContainer.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-/**
- * PortalToContainer is used to render elements outside the LikeC4DiagramXYFlow, but inside the container.
- * It is used internally by the library.
- */
-export declare function PortalToContainer({ children }: PropsWithChildren): import("react").JSX.Element;

package/dist/components/PortalToContainer.js

@@ -1,19 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { useRootContainerContext } from "../context/RootContainerContext.js";
-import { jsx } from "react/jsx-runtime";
-import { Portal } from "@mantine/core";
-//#region src/components/PortalToContainer.tsx
-/**
-* PortalToContainer is used to render elements outside the LikeC4DiagramXYFlow, but inside the container.
-* It is used internally by the library.
-*/
-function PortalToContainer({ children }) {
-	const ctx = useRootContainerContext();
-	if (!ctx) throw new Error("PortalToContainer must be used within RootContainer");
-	return /* @__PURE__ */ jsx(Portal, {
-		target: ctx.ref.current ?? ctx.selector,
-		children
-	});
-}
-//#endregion
-export { PortalToContainer };

package/dist/components/RootContainer.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare function RootContainer({ id, className, reduceGraphics, children, }: PropsWithChildren<{
-    id: string;
-    className?: string | undefined;
-    reduceGraphics?: boolean;
-}>): import("react").JSX.Element;

package/dist/components/RootContainer.js

@@ -1,38 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { RootContainerContextProvider } from "../context/RootContainerContext.js";
-import { cx } from "@likec4/styles/css";
-import { useMemo, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { useStore } from "@nanostores/react";
-import { atom } from "nanostores";
-//#region src/components/RootContainer.tsx
-function RootContainer({ id, className, reduceGraphics = false, children }) {
-	const ref = useRef(null);
-	const [$isPanning] = useState(() => atom(false));
-	const isPanning = useStore($isPanning);
-	const ctx = useMemo(() => ({
-		id,
-		ref,
-		selector: `#${id}`,
-		reducedGraphics: reduceGraphics,
-		$panning: $isPanning
-	}), [
-		id,
-		ref,
-		reduceGraphics,
-		$isPanning
-	]);
-	return /* @__PURE__ */ jsx("div", {
-		id,
-		className: cx("likec4-root", className),
-		ref,
-		"data-likec4-diagram-panning": isPanning,
-		...reduceGraphics && { ["data-likec4-reduced-graphics"]: true },
-		children: /* @__PURE__ */ jsx(RootContainerContextProvider, {
-			value: ctx,
-			children
-		})
-	});
-}
-//#endregion
-export { RootContainer };

package/dist/components/SearchControl.css.d.ts

@@ -1,3 +0,0 @@
-export declare const root: string;
-export declare const placeholder: string;
-export declare const shortcut: string;

package/dist/components/SearchControl.css.js

@@ -1,67 +0,0 @@
-import { css } from "@likec4/styles/css";
-//#region src/components/SearchControl.css.ts
-var root = css({
-	height: "control.sm",
-	paddingLeft: "sm",
-	paddingRight: "1",
-	borderRadius: "sm",
-	border: "default",
-	borderColor: {
-		base: "border.default",
-		_light: "mantine.gray[4]",
-		_dark: "mantine.dark[4]",
-		_hover: "border.default"
-	},
-	cursor: "pointer",
-	background: {
-		base: "surface.default",
-		_hover: "surface.hover"
-	},
-	width: "100%",
-	"& .tabler-icon": { color: "text" },
-	transition: {
-		base: "fast",
-		_whenPanning: "none !important"
-	},
-	boxShadow: {
-		base: "xs",
-		_hover: "sm",
-		_whenPanning: "none !important"
-	}
-});
-var placeholder = css({
-	fontSize: "sm",
-	fontWeight: "medium",
-	paddingRight: "2.5",
-	color: "text.non-essential",
-	flex: "1",
-	sm: { paddingRight: "[30px]" },
-	md: { paddingRight: "[50px]" }
-});
-var shortcut = css({
-	fontSize: "xxs",
-	fontWeight: "bold",
-	lineHeight: "tight",
-	padding: "[4px 7px]",
-	borderRadius: "sm",
-	border: "default",
-	transition: "fast",
-	_light: {
-		color: "mantine.gray[7]",
-		borderColor: "mantine.gray[2]"
-	},
-	_dark: {
-		color: "mantine.dark[0]",
-		borderColor: "mantine.dark[7]"
-	},
-	backgroundColor: {
-		_light: "mantine.gray[2]/70",
-		_dark: "mantine.dark[8]/70",
-		_groupHover: {
-			_light: "mantine.gray[2]",
-			_dark: "mantine.dark[8]"
-		}
-	}
-});
-//#endregion
-export { placeholder, root, shortcut };

package/dist/components/SearchControl.d.ts

@@ -1,5 +0,0 @@
-import { ElementProps, UnstyledButtonProps } from '@mantine/core';
-interface SearchControlProps extends Omit<UnstyledButtonProps, 'className'>, ElementProps<'button'> {
-}
-export declare function SearchControl({ className, ...others }: SearchControlProps): import("react").JSX.Element;
-export {};