@likec4/diagram 1.60.0 → 1.61.0

package/dist/base-primitives/memoNode.mjs

@@ -1,23 +0,0 @@
-import { __name } from "../_virtual/_rolldown/runtime.mjs";
-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);
-}
-const 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 };

package/dist/context/DiagramEventHandlers.d.mts

@@ -1,11 +0,0 @@
-import { __name } from "../_virtual/_rolldown/runtime.mjs";
-import { LikeC4DiagramEventHandlers } from "../LikeC4Diagram.props.mjs";
-import { PropsWithChildren, RefObject } from "react";
-//#region src/context/DiagramEventHandlers.d.ts
-type RequiredOrNull<T> = { [P in keyof T]-?: NonNullable<T[P]> | null; };
-type DiagramEventHandlersRef = RefObject<Required<LikeC4DiagramEventHandlers>>;
-export type DiagramEventHandlersContext = RequiredOrNull<LikeC4DiagramEventHandlers> & {
-  handlersRef: DiagramEventHandlersRef;
-};
-export declare function useDiagramEventHandlers(): DiagramEventHandlersContext;
-//#endregion

package/dist/custom/hooks.d.mts

@@ -1,17 +0,0 @@
-import { EnabledFeatures, FeatureName, useEnabledFeatures } from "../context/DiagramFeatures.mjs";
-import { DiagramApi } from "../likec4diagram/state/diagram-api.mjs";
-import { useDiagram, useDiagramActorRef } from "../hooks/safeContext.mjs";
-import { useDiagramContext, useOnDiagramEvent } from "../hooks/useDiagram.mjs";
-import { Context, EmittedEvents, Events } from "../likec4diagram/state/machine.setup.mjs";
-import { DiagramMachineSnapshot } from "../likec4diagram/state/machine.mjs";
-import { DiagramActorRef } from "../likec4diagram/state/types.mjs";
-import { useDiagramEventHandlers } from "../context/DiagramEventHandlers.mjs";
-import { useCurrentView, useCurrentViewId } from "../hooks/useCurrentView.mjs";
-import { CurrentViewModel, useOptionalCurrentViewModel, useOptionalLikeC4Model } from "../context/LikeC4ModelContext.mjs";
-import { useCurrentViewModel } from "../hooks/useCurrentViewModel.mjs";
-import { useLikeC4Model, useLikeC4Specification, useLikeC4ViewModel } from "../hooks/useLikeC4Model.mjs";
-import { useHasProjects, useLikeC4Project, useLikeC4ProjectId, useLikeC4Projects, useLikeC4ProjectsContext } from "../hooks/useLikeC4Project.mjs";
-import { useLikeC4Styles } from "../hooks/useLikeC4Styles.mjs";
-import { useSetState } from "../hooks/useSetState.mjs";
-import { useUpdateEffect } from "../hooks/useUpdateEffect.mjs";
-export { type CurrentViewModel, type DiagramActorRef, type DiagramMachineSnapshot as DiagramActorSnapshot, type DiagramApi, type Context as DiagramContext, type EmittedEvents as DiagramEmittedEvents, type Events as DiagramEvents, type FeatureName, useCurrentView, useCurrentViewId, useCurrentViewModel, useDiagram, useDiagramActorRef, useDiagramContext, useDiagramEventHandlers, useHasProjects, useLikeC4Model, useLikeC4Project, useLikeC4ProjectId, useLikeC4Projects, useLikeC4ProjectsContext, useLikeC4Specification, useLikeC4Styles, useLikeC4ViewModel, useOnDiagramEvent, useOptionalCurrentViewModel, useOptionalLikeC4Model, useSetState, useUpdateEffect };

package/dist/hooks/useSetState.d.mts

@@ -1,10 +0,0 @@
-import { __name } from "../_virtual/_rolldown/runtime.mjs";
-import { NonEmptyObject } from "type-fest";
-//#region src/hooks/useSetState.d.ts
-/**
- * Differs from useState in that:
- * - it uses custom equal function (shallowEqual by default) to determine whether the state has changed.
- * - allows partial updates to the state
- */
-export declare function useSetState<T extends object>(initialState: T | (() => T), equal?: (a: T, b: T) => boolean): readonly [T, (statePartial: NonEmptyObject<Partial<T>> | ((current: T) => NonEmptyObject<Partial<T>>)) => void];
-//#endregion

package/dist/likec4diagram/custom/edges/edges.css.mjs

@@ -1,50 +0,0 @@
-import { css } from "@likec4/styles/css";
-
-//#region src/likec4diagram/custom/edges/edges.css.ts
-const controlPointsContainer = css({
-	overflow: "visible",
-	position: "absolute",
-	pointerEvents: "none",
-	top: "0",
-	left: "0",
-	mixBlendMode: {
-		_dark: "screen",
-		_light: "multiply"
-	},
-	zIndex: "[100]"
-});
-const labelDraggable = css({
-	cursor: "grab!",
-	_active: { cursor: "grabbing!" }
-});
-const controlPoint = css({
-	fill: `[var(--xy-edge-stroke)]`,
-	stroke: `transparent`,
-	fillOpacity: "0.5",
-	strokeWidth: "[10]",
-	r: "[4]",
-	cursor: "grab",
-	pointerEvents: "all",
-	visibility: "hidden",
-	transitionDuration: "fast",
-	transitionProperty: "[visibility, fill, fill-opacity, r]",
-	transitionTimingFunction: "inOut",
-	transitionDelay: "[20ms]",
-	[`:where([data-likec4-selected='true'], [data-likec4-hovered='true']) &`]: {
-		visibility: "visible",
-		fillOpacity: "1",
-		transitionTimingFunction: "out",
-		transitionDelay: "0"
-	},
-	[`:where([data-likec4-selected='true']) &`]: { r: "[6]" },
-	[`:is([data-likec4-hovered='true']) &`]: { r: "[8]" },
-	_hover: {
-		fill: "primary.body.hover",
-		r: "[10]",
-		transitionDuration: "fastest"
-	},
-	_groupActive: { cursor: "grabbing" }
-});
-
-//#endregion
-export { controlPoint, controlPointsContainer, labelDraggable };

package/dist/navigationpanel/comparepanel/CompareActionsMenu.mjs

@@ -1,69 +0,0 @@
-import { __name } from "../../_virtual/_rolldown/runtime.mjs";
-import IconChevronDown from "../../node_modules/.pnpm/@tabler_icons-react@3.49.0_react@19.3.0/node_modules/@tabler/icons-react/dist/esm/icons/IconChevronDown.mjs";
-import IconInfoCircle from "../../node_modules/.pnpm/@tabler_icons-react@3.49.0_react@19.3.0/node_modules/@tabler/icons-react/dist/esm/icons/IconInfoCircle.mjs";
-import { stopPropagation } from "../../utils/xyflow.mjs";
-import { cx } from "@likec4/styles/css";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Menu, Tooltip, UnstyledButton } from "@mantine/core";
-import { Box as Box$1 } from "@likec4/styles/jsx";
-import { hstack } from "@likec4/styles/patterns";
-
-//#region src/navigationpanel/comparepanel/CompareActionsMenu.tsx
-function CompareActionsMenu({ disabled = false, onApplyLatestToManual, onResetManualLayout }) {
-	return /* @__PURE__ */ jsxs(Menu, {
-		withinPortal: false,
-		floatingStrategy: "absolute",
-		shadow: "lg",
-		position: "bottom-start",
-		offset: { mainAxis: 4 },
-		children: [/* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsxs(UnstyledButton, {
-			className: cx("mantine-active", hstack({
-				gap: "2",
-				py: "1.5",
-				px: "2",
-				lineHeight: "1",
-				textStyle: "xs",
-				fontWeight: "medium",
-				layerStyle: "likec4.panel.action",
-				userSelect: "none"
-			})),
-			children: [/* @__PURE__ */ jsx(Box$1, { children: "Actions" }), /* @__PURE__ */ jsx(IconChevronDown, {
-				size: 12,
-				stroke: 2,
-				opacity: .7
-			})]
-		}) }), /* @__PURE__ */ jsxs(Menu.Dropdown, { children: [/* @__PURE__ */ jsxs(Menu.Item, {
-			disabled,
-			onClick: onApplyLatestToManual,
-			rightSection: onApplyLatestToManual && /* @__PURE__ */ jsx(Tooltip, {
-				onClick: stopPropagation,
-				position: "right-start",
-				label: /* @__PURE__ */ jsxs(Fragment, { children: [
-					"Applies changes from the latest auto-layouted",
-					/* @__PURE__ */ jsx("br", {}),
-					"to saved snapshot, preserving (as possible)",
-					/* @__PURE__ */ jsx("br", {}),
-					"manual adjustments.",
-					/* @__PURE__ */ jsx("br", {}),
-					/* @__PURE__ */ jsx("br", {}),
-					"You can undo this action."
-				] }),
-				children: /* @__PURE__ */ jsx(IconInfoCircle, {
-					size: 14,
-					stroke: 1.7,
-					opacity: .5
-				})
-			}),
-			children: ["Sync with latest", !onApplyLatestToManual && /* @__PURE__ */ jsx(Box$1, {
-				textStyle: "xs",
-				children: "view type is changed"
-			})]
-		}), /* @__PURE__ */ jsx(Menu.Item, {
-			onClick: onResetManualLayout,
-			children: "Reset layout"
-		})] })]
-	});
-}
-
-//#endregion
-export { CompareActionsMenu };

package/dist/navigationpanel/comparepanel/ComparePanelControls.mjs

@@ -1,56 +0,0 @@
-import { __name } from "../../_virtual/_rolldown/runtime.mjs";
-import IconX from "../../node_modules/.pnpm/@tabler_icons-react@3.49.0_react@19.3.0/node_modules/@tabler/icons-react/dist/esm/icons/IconX.mjs";
-import { useDiagramCompareLayout } from "../../hooks/useDiagramCompareLayout.mjs";
-import { PanelActionIcon } from "../_common.mjs";
-import { CompareActionsMenu } from "./CompareActionsMenu.mjs";
-import { LayoutTypeSwitcher } from "./LayoutTypeSwitcher.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Divider } from "@mantine/core";
-import { Box as Box$1, HStack } from "@likec4/styles/jsx";
-
-//#region src/navigationpanel/comparepanel/ComparePanelControls.tsx
-const Divider$1 = Divider.withProps({
-	mx: 2,
-	size: "xs",
-	orientation: "vertical"
-});
-function ComparePanelControls() {
-	const [ctx, { toggleCompare, switchLayout, resetManualLayout, applyLatestToManual }] = useDiagramCompareLayout();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(Box$1, {
-			css: {
-				textStyle: "xs",
-				color: "likec4.panel.text",
-				userSelect: "none"
-			},
-			children: "Compare"
-		}),
-		/* @__PURE__ */ jsx(LayoutTypeSwitcher, {
-			value: ctx.layout,
-			onChange: switchLayout
-		}),
-		ctx.hasEditor && /* @__PURE__ */ jsxs(HStack, {
-			gap: "1",
-			children: [
-				/* @__PURE__ */ jsx(Divider$1, {}),
-				/* @__PURE__ */ jsx(CompareActionsMenu, {
-					disabled: ctx.layout === "auto",
-					onResetManualLayout: resetManualLayout,
-					onApplyLatestToManual: ctx.canApplyLatest ? applyLatestToManual : void 0
-				}),
-				/* @__PURE__ */ jsx(Divider$1, {})
-			]
-		}),
-		/* @__PURE__ */ jsx(PanelActionIcon, {
-			size: "sm",
-			onClick: (e) => {
-				e.stopPropagation();
-				toggleCompare();
-			},
-			children: /* @__PURE__ */ jsx(IconX, {})
-		})
-	] });
-}
-
-//#endregion
-export { ComparePanelControls };

package/dist/navigationpanel/styles.css.mjs

@@ -1,23 +0,0 @@
-import { cva } from "@likec4/styles/css";
-
-//#region src/navigationpanel/styles.css.ts
-const breadcrumbTitle = cva({
-	base: {
-		fontSize: "sm",
-		fontWeight: "medium",
-		color: {
-			base: "likec4.panel.action",
-			_hover: "likec4.panel.action.hover"
-		}
-	},
-	variants: {
-		truncate: { "true": { truncate: true } },
-		dimmed: { "true": { color: {
-			base: "likec4.panel.text.dimmed",
-			_hover: "likec4.panel.action"
-		} } }
-	}
-});
-
-//#endregion
-export { breadcrumbTitle };

package/src/styles-font.css

@@ -1,114 +0,0 @@
-/* ibm-plex-sans-latin-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/latin-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range:
-    U+0000-00FF,
-    U+0131,
-    U+0152-0153,
-    U+02BB-02BC,
-    U+02C6,
-    U+02DA,
-    U+02DC,
-    U+0304,
-    U+0308,
-    U+0329,
-    U+2000-206F,
-    U+20AC,
-    U+2122,
-    U+2191,
-    U+2193,
-    U+2212,
-    U+2215,
-    U+FEFF,
-    U+FFFD;
-}
-
-/* ibm-plex-sans-cyrillic-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/cyrillic-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* ibm-plex-sans-cyrillic-ext-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/cyrillic-ext-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-
-/* ibm-plex-sans-greek-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/greek-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
-}
-
-/* ibm-plex-sans-latin-ext-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/latin-ext-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range:
-    U+0100-02BA,
-    U+02BD-02C5,
-    U+02C7-02CC,
-    U+02CE-02D7,
-    U+02DD-02FF,
-    U+0304,
-    U+0308,
-    U+0329,
-    U+1D00-1DBF,
-    U+1E00-1E9F,
-    U+1EF2-1EFF,
-    U+2020,
-    U+20A0-20AB,
-    U+20AD-20C0,
-    U+2113,
-    U+2C60-2C7F,
-    U+A720-A7FF;
-}
-
-/* ibm-plex-sans-vietnamese-wght-normal */
-@font-face {
-  font-family: "IBM Plex Sans Variable";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 700;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans:vf@latest/vietnamese-wght-normal.woff2)
-    format("woff2-variations");
-  unicode-range:
-    U+0102-0103,
-    U+0110-0111,
-    U+0128-0129,
-    U+0168-0169,
-    U+01A0-01A1,
-    U+01AF-01B0,
-    U+0300-0301,
-    U+0303-0304,
-    U+0308-0309,
-    U+0323,
-    U+0329,
-    U+1EA0-1EF9,
-    U+20AB;
-}

package/src/styles-min.css

@@ -1,2 +0,0 @@
-@layer reset, base, mantine, xyflow, tokens, recipes, utilities;
-@import "@xyflow/react/dist/style.css" layer(xyflow);

package/src/styles-xyflow.css

@@ -1 +0,0 @@
-@import "@xyflow/react/dist/style.css" layer(xyflow);

package/src/styles.css

@@ -1,3 +0,0 @@
-@layer reset, base, mantine, xyflow, tokens, recipes, utilities;
-@import "@mantine/core/styles.layer.css";
-@import "@xyflow/react/dist/style.css" layer(xyflow);