@likec4/diagram 1.55.1 → 1.57.0

package/dist/components/Link.js

@@ -1,114 +1,100 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { css, cx } from '@likec4/styles/css';
-import { styled } from '@likec4/styles/jsx';
-import { Badge, CopyButton, ActionIcon } from '@mantine/core';
-import { forwardRef } from 'react';
-import { GithubIcon } from './GithubIcon.js';
-import IconCheck from '../node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconCheck.js';
-import IconCopy from '../node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconCopy.js';
-
-const GITHUB_PREFIX = "https://github.com/";
-const 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: value.title ? /* @__PURE__ */ jsx(Fragment, { children: value.title }) : 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: 24,
-            maxWidth: 500,
-            userSelect: "all",
-            pr: "0",
-            backgroundColor: {
-              base: "transparent",
-              _hover: {
-                base: "mantine.colors.gray[1]",
-                _dark: "mantine.colors.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: [
-              isGithub && /* @__PURE__ */ jsx(
-                GithubIcon,
-                {
-                  height: "12",
-                  width: "12",
-                  style: { verticalAlign: "middle", marginRight: "4px" }
-                }
-              ),
-              isGithub ? url.replace(GITHUB_PREFIX, "") : url
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-
+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 { Fragment as Fragment$1, 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: value.title ? /* @__PURE__ */ jsx(Fragment$1, { children: value.title }) : null,
+		rightSection: /* @__PURE__ */ jsx(CopyButton, {
+			value: url,
+			timeout: 1500,
+			children: ({ copy, copied }) => /* @__PURE__ */ jsx(ActionIcon, {
+				className: css({
+					opacity: copied ? 1 : .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: 24,
+				maxWidth: 500,
+				userSelect: "all",
+				pr: "0",
+				backgroundColor: {
+					base: "transparent",
+					_hover: {
+						base: "mantine.colors.gray[1]",
+						_dark: "mantine.colors.dark[5]"
+					}
+				}
+			}),
+			section: css({ "&:is([data-position=\"left\"])": {
+				color: "text.dimmed",
+				userSelect: "none",
+				pointerEvents: "none",
+				_groupHover: {
+					color: "[var(--badge-color)]",
+					opacity: .7
+				}
+			} })
+		},
+		children: /* @__PURE__ */ jsxs(styled.a, {
+			href: url,
+			target: "_blank",
+			style: {
+				color: "var(--badge-color)",
+				cursor: "pointer"
+			},
+			css: {
+				transition: "fast",
+				opacity: {
+					base: .7,
+					_hover: 1
+				},
+				textDecoration: {
+					base: "none",
+					_hover: "underline"
+				}
+			},
+			children: [isGithub && /* @__PURE__ */ jsx(GithubIcon, {
+				height: "12",
+				width: "12",
+				style: {
+					verticalAlign: "middle",
+					marginRight: "4px"
+				}
+			}), isGithub ? url.replace(GITHUB_PREFIX, "") : url]
+		})
+	});
+});
+//#endregion
 export { Link };

package/dist/components/Logo.js

@@ -1,42 +1,39 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { css } from '@likec4/styles/css';
-import { forwardRef } from 'react';
-
-const 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"
-        }
-      )
-    ] });
-  }
-);
-const 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"
-      }
-    ) });
-  }
-);
-
+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.js

@@ -1,25 +1,17 @@
-import { jsx } from 'react/jsx-runtime';
-import { cx } from '@likec4/styles/css';
-import { navigationLink } from '@likec4/styles/recipes';
-import { NavLink } from '@mantine/core';
-import { forwardRef } from 'react';
-
-const NavigationLink = forwardRef(({ className, truncateLabel = true, ...others }, ref) => /* @__PURE__ */ jsx(
-  NavLink,
-  {
-    ...others,
-    component: "button",
-    classNames: navigationLink({
-      truncateLabel
-    }),
-    className: cx(
-      "group",
-      "mantine-active",
-      className
-    ),
-    ref
-  }
-));
+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.js

@@ -1,50 +1,29 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { cx } from '@likec4/styles/css';
-import { createStyleContext, isCssProperty } from '@likec4/styles/jsx';
-import { navigationPanel } from '@likec4/styles/recipes';
-import { isValidMotionProp } from 'motion/react';
-import * as m from 'motion/react-m';
-import { forwardRef } from 'react';
-import { LogoIcon, Logo as Logo$1 } from './Logo.js';
-
-const { withProvider, withContext } = createStyleContext(navigationPanel);
-const shouldForwardProp = (prop, variantKeys) => !variantKeys.includes(prop) && (isValidMotionProp(prop) || !isCssProperty(prop));
-const 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 })
-      ]
-    }
-  );
+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 } from "motion/react";
+import { createStyleContext, isCssProperty } from "@likec4/styles/jsx";
+import * as m$1 from "motion/react-m";
+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 })]
+	});
 });
-const Root = withProvider(m.div, "root", {
-  shouldForwardProp
-});
-const Body = withContext(m.div, "body", {
-  shouldForwardProp
-});
-const Logo = withContext(LogoButton, "logo");
-const Label = withContext(m.div, "label", {
-  shouldForwardProp
-});
-const Dropdown = withContext(m.div, "dropdown", {
-  shouldForwardProp
-});
-const NavigationPanel = {
-  Root,
-  Body,
-  Logo,
-  Label,
-  Dropdown
+var NavigationPanel = {
+	Root: withProvider(m$1.div, "root", { shouldForwardProp }),
+	Body: withContext(m$1.div, "body", { shouldForwardProp }),
+	Logo: withContext(LogoButton, "logo"),
+	Label: withContext(m$1.div, "label", { shouldForwardProp }),
+	Dropdown: withContext(m$1.div, "dropdown", { shouldForwardProp })
 };
-
+//#endregion
 export { NavigationPanel };

package/dist/components/PortalToContainer.js

@@ -1,13 +1,19 @@
-import { jsx } from 'react/jsx-runtime';
-import { Portal } from '@mantine/core';
-import { useRootContainerContext } from '../context/RootContainerContext.js';
-
+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 });
+	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.js

@@ -1,33 +1,38 @@
-import { jsx } from 'react/jsx-runtime';
-import { cx } from '@likec4/styles/css';
-import { useStore } from '@nanostores/react';
-import { atom } from 'nanostores';
-import { useRef, useState, useMemo } from 'react';
-import { ReduceGraphicsModeProvider, PanningAtomSafeCtx, RootContainerContextProvider } from '../context/RootContainerContext.js';
-
-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}` }), [id, ref]);
-  return /* @__PURE__ */ jsx(ReduceGraphicsModeProvider, { value: reduceGraphics, children: /* @__PURE__ */ jsx(PanningAtomSafeCtx, { value: $isPanning, children: /* @__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 })
-    }
-  ) }) });
+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 };