@likec4/diagram 1.59.3 → 1.60.0

package/dist/navigationpanel/walkthrough/DynamicViewControls.d.ts

@@ -1,292 +0,0 @@
-import { ButtonProps } from '@mantine/core';
-import { ForwardRefExoticComponent, Key, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, ChangeEventHandler, InputEventHandler, ReactEventHandler, SubmitEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, ToggleEventHandler, TransitionEventHandler, Ref, RefAttributes } from 'react';
-import { MotionProps } from 'motion/react';
-export declare const TriggerWalkthroughButton: ForwardRefExoticComponent<Omit<ButtonProps & {
-    key?: Key | null | undefined;
-    color?: string | undefined;
-    content?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
-    id?: string | undefined;
-    form?: string | undefined;
-    hidden?: boolean | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    className?: string | undefined;
-    title?: string | undefined;
-    dir?: string | undefined;
-    role?: AriaRole | undefined;
-    "aria-label"?: string | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCopyCapture?: ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCut?: ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCutCapture?: ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPaste?: ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onPasteCapture?: ClipboardEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEnd?: CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionEndCapture?: CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStart?: CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionStartCapture?: CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdate?: CompositionEventHandler<HTMLButtonElement> | undefined;
-    onCompositionUpdateCapture?: CompositionEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: FocusEventHandler<HTMLButtonElement> | undefined;
-    onFocusCapture?: FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlur?: FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlurCapture?: FocusEventHandler<HTMLButtonElement> | undefined;
-    onChange?: ChangeEventHandler<HTMLButtonElement, Element> | undefined;
-    onChangeCapture?: ChangeEventHandler<HTMLButtonElement, Element> | undefined;
-    onBeforeInput?: InputEventHandler<HTMLButtonElement> | undefined;
-    onBeforeInputCapture?: InputEventHandler<HTMLButtonElement> | undefined;
-    onInput?: InputEventHandler<HTMLButtonElement> | undefined;
-    onInputCapture?: InputEventHandler<HTMLButtonElement> | undefined;
-    onReset?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onResetCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onSubmit?: SubmitEventHandler<HTMLButtonElement> | undefined;
-    onSubmitCapture?: SubmitEventHandler<HTMLButtonElement> | undefined;
-    onInvalid?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onInvalidCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoad?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onError?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onErrorCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onKeyDown?: KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyDownCapture?: KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPress?: KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyPressCapture?: KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUp?: KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onKeyUpCapture?: KeyboardEventHandler<HTMLButtonElement> | undefined;
-    onAbort?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onAbortCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlay?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThrough?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onCanPlayThroughCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChange?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onDurationChangeCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptied?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onEmptiedCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncrypted?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onEncryptedCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onEnded?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onEndedCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedData?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedDataCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadata?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadedMetadataCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStart?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onLoadStartCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onPause?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onPauseCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlay?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlaying?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onPlayingCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgress?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onProgressCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChange?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onRateChangeCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeked?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekedCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeeking?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onSeekingCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalled?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onStalledCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspend?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onSuspendCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdate?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onTimeUpdateCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChange?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onVolumeChangeCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaiting?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onWaitingCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onAuxClick?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onAuxClickCapture?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onClickCapture?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenu?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onContextMenuCapture?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClick?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onDoubleClickCapture?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onDragCapture?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEndCapture?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnter?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDragEnterCapture?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExit?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDragExitCapture?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeave?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDragLeaveCapture?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOver?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDragOverCapture?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDragStartCapture?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDrop?: DragEventHandler<HTMLButtonElement> | undefined;
-    onDropCapture?: DragEventHandler<HTMLButtonElement> | undefined;
-    onMouseDown?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseDownCapture?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseEnter?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseLeave?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMove?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseMoveCapture?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOut?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOutCapture?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOver?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseOverCapture?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUp?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onMouseUpCapture?: MouseEventHandler<HTMLButtonElement> | undefined;
-    onSelect?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onSelectCapture?: ReactEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancel?: TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchCancelCapture?: TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEnd?: TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchEndCapture?: TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMove?: TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchMoveCapture?: TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStart?: TouchEventHandler<HTMLButtonElement> | undefined;
-    onTouchStartCapture?: TouchEventHandler<HTMLButtonElement> | undefined;
-    onPointerDown?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerDownCapture?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMove?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerMoveCapture?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUp?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerUpCapture?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancel?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerCancelCapture?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnter?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeave?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOver?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOverCapture?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOut?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerOutCapture?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCapture?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onGotPointerCaptureCapture?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCapture?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onLostPointerCaptureCapture?: PointerEventHandler<HTMLButtonElement> | undefined;
-    onScroll?: UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollCapture?: UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollEnd?: UIEventHandler<HTMLButtonElement> | undefined;
-    onScrollEndCapture?: UIEventHandler<HTMLButtonElement> | undefined;
-    onWheel?: WheelEventHandler<HTMLButtonElement> | undefined;
-    onWheelCapture?: WheelEventHandler<HTMLButtonElement> | undefined;
-    onAnimationStartCapture?: AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEnd?: AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationEndCapture?: AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIteration?: AnimationEventHandler<HTMLButtonElement> | undefined;
-    onAnimationIterationCapture?: AnimationEventHandler<HTMLButtonElement> | undefined;
-    onToggle?: ToggleEventHandler<HTMLButtonElement> | undefined;
-    onBeforeToggle?: ToggleEventHandler<HTMLButtonElement> | undefined;
-    onTransitionCancel?: TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionCancelCapture?: TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEnd?: TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionEndCapture?: TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionRun?: TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionRunCapture?: TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionStart?: TransitionEventHandler<HTMLButtonElement> | undefined;
-    onTransitionStartCapture?: TransitionEventHandler<HTMLButtonElement> | undefined;
-    defaultChecked?: boolean | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoCapitalize?: (string & {}) | "none" | "on" | "off" | "sentences" | "words" | "characters" | undefined;
-    autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    radioGroup?: string | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-    popoverTarget?: string | undefined;
-    inert?: boolean | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    exportparts?: string | undefined;
-    part?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "move" | "copy" | "execute" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "grid" | "true" | "dialog" | "listbox" | "menu" | "tree" | "false" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "ascending" | "descending" | "none" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    name?: string | undefined;
-    value?: string | number | readonly string[] | undefined;
-    ref?: Ref<HTMLButtonElement> | undefined;
-    disabled?: boolean | undefined;
-    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-    formEncType?: string | undefined;
-    formMethod?: string | undefined;
-    formNoValidate?: boolean | undefined;
-    formTarget?: string | undefined;
-} & MotionProps, "ref"> & RefAttributes<HTMLButtonElement>>;
-export declare function DynamicViewControls(): import("react").JSX.Element;

package/dist/navigationpanel/walkthrough/DynamicViewControls.js

@@ -1,107 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { useEnabledFeatures } from "../../context/DiagramFeatures.js";
-import { selectDiagramContext, useDiagram, useDiagramSelector } from "../../hooks/safeContext.js";
-import { Tooltip as Tooltip$1 } from "../_common.js";
-import { useNavigationActor } from "../hooks.js";
-import { css } from "@likec4/styles/css";
-import { IconPlayerPlayFilled } from "@tabler/icons-react";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { invariant } from "@likec4/core";
-import { Button, SegmentedControl } from "@mantine/core";
-import { AnimatePresence } from "motion/react";
-import * as m$1 from "motion/react-m";
-//#region src/navigationpanel/walkthrough/DynamicViewControls.tsx
-var TriggerWalkthroughButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(Button, {
-	variant: "filled",
-	size: "xs",
-	fw: "500",
-	...props,
-	ref,
-	component: m$1.button,
-	whileTap: { scale: .95 },
-	layout: "position",
-	layoutId: "trigger-dynamic-walkthrough",
-	className: css({ flexShrink: 0 })
-}));
-function StartWalkthroughButton() {
-	const { enableCompareWithLatest } = useEnabledFeatures();
-	const diagram = useDiagram();
-	const actor = useNavigationActor();
-	let tooltipLabel = "Start Dynamic View Walkthrough";
-	switch (true) {
-		case enableCompareWithLatest: tooltipLabel = "Walkthrough not available when Compare is active";
-	}
-	return /* @__PURE__ */ jsx(Tooltip$1, {
-		label: tooltipLabel,
-		children: /* @__PURE__ */ jsx(TriggerWalkthroughButton, {
-			onClick: (e) => {
-				e.stopPropagation();
-				actor.closeDropdown();
-				diagram.startWalkthrough();
-			},
-			initial: {
-				opacity: 0,
-				scale: .6,
-				translateX: -10
-			},
-			animate: {
-				opacity: 1,
-				scale: 1,
-				translateX: 0
-			},
-			exit: {
-				opacity: 0,
-				translateX: -20
-			},
-			size: "compact-xs",
-			h: 26,
-			disabled: enableCompareWithLatest,
-			classNames: {
-				label: css({ display: {
-					base: "none",
-					"@/md": "inherit"
-				} }),
-				section: css({ marginInlineStart: {
-					base: "0",
-					"@/md": "2"
-				} })
-			},
-			rightSection: /* @__PURE__ */ jsx(IconPlayerPlayFilled, { size: 10 }),
-			children: "Start"
-		})
-	});
-}
-var DynamicViewModeSwitcher = forwardRef(({ value, onChange }, ref) => /* @__PURE__ */ jsx(m$1.div, {
-	ref,
-	layout: "position",
-	children: /* @__PURE__ */ jsx(SegmentedControl, {
-		size: "xs",
-		value,
-		onChange: (variant) => {
-			invariant(variant === "diagram" || variant === "sequence", "Invalid dynamic view variant");
-			onChange(variant);
-		},
-		classNames: { label: css({ fontSize: "xxs" }) },
-		data: [{
-			value: "diagram",
-			label: "Diagram"
-		}, {
-			value: "sequence",
-			label: "Sequence"
-		}]
-	})
-}));
-var selectDynamicViewVariant = selectDiagramContext((c) => c.dynamicViewVariant);
-function DynamicViewControls() {
-	const dynamicViewVariant = useDiagramSelector(selectDynamicViewVariant);
-	const diagram = useDiagram();
-	return /* @__PURE__ */ jsxs(AnimatePresence, { children: [/* @__PURE__ */ jsx(DynamicViewModeSwitcher, {
-		value: dynamicViewVariant,
-		onChange: (mode) => {
-			diagram.switchDynamicViewVariant(mode);
-		}
-	}), /* @__PURE__ */ jsx(StartWalkthroughButton, {}, "trigger-dynamic-walkthrough")] });
-}
-//#endregion
-export { DynamicViewControls, TriggerWalkthroughButton };

package/dist/navigationpanel/walkthrough/WalkthroughPanel.css.d.ts

@@ -1,2 +0,0 @@
-export declare const edgeNoteCloseButton: string;
-export declare const edgeNoteText: string;

package/dist/navigationpanel/walkthrough/WalkthroughPanel.d.ts

@@ -1,2 +0,0 @@
-import { MemoExoticComponent } from 'react';
-export declare const WalkthroughPanel: MemoExoticComponent<() => import("react").JSX.Element>;

package/dist/navigationpanel/walkthrough/WalkthroughPanel.js

@@ -1,79 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { selectDiagramActorContext, useDiagramSnapshot } from "../../hooks/useDiagram.js";
-import { Markdown } from "../../base-primitives/Markdown.js";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { isNonNull, isTruthy } from "remeda";
-import { RichText } from "@likec4/core";
-import { ScrollAreaAutosize } from "@mantine/core";
-import { AnimatePresence, m } from "motion/react";
-import { styled } from "@likec4/styles/jsx";
-import { vstack } from "@likec4/styles/patterns";
-//#region src/navigationpanel/walkthrough/WalkthroughPanel.tsx
-var SectionHeader = styled("div", { base: {
-	fontSize: "xs",
-	color: "text.dimmed",
-	fontWeight: "medium",
-	userSelect: "none",
-	mb: "xxs"
-} });
-var selectWalkthroughNotes = selectDiagramActorContext((s) => {
-	const isActive = isNonNull(s.activeWalkthrough);
-	const activeStepIndex = isActive ? s.xyedges.findIndex((e) => e.id === s.activeWalkthrough?.stepId) : -1;
-	return {
-		isActive,
-		isParallel: isActive && isTruthy(s.activeWalkthrough?.activeFlow),
-		hasNext: isActive && activeStepIndex < s.xyedges.length - 1,
-		hasPrevious: isActive && activeStepIndex > 0,
-		notes: isActive ? s.xyedges[activeStepIndex]?.data?.notes ?? null : null
-	};
-});
-var WalkthroughPanel = memo(() => {
-	const { isActive, notes: _notes } = useDiagramSnapshot(selectWalkthroughNotes);
-	const notes = _notes ? RichText.from(_notes) : RichText.EMPTY;
-	return /* @__PURE__ */ jsx(AnimatePresence, { children: isActive && !notes.isEmpty && /* @__PURE__ */ jsx(m.div, {
-		layout: "position",
-		className: vstack({
-			position: "relative",
-			layerStyle: "likec4.dropdown",
-			gap: "sm",
-			padding: "md",
-			paddingTop: "xxs",
-			pointerEvents: "all",
-			maxWidth: 300,
-			height: "max-content",
-			maxHeight: "calc(100cqh - 100px)",
-			width: "max-content",
-			cursor: "default",
-			overflow: "hidden",
-			"@/sm": {
-				minWidth: 400,
-				maxWidth: 550
-			},
-			"@/lg": { maxWidth: 700 }
-		}),
-		initial: {
-			opacity: 0,
-			translateX: -20
-		},
-		animate: {
-			opacity: 1,
-			translateX: 0
-		},
-		exit: {
-			opacity: 0,
-			translateX: -20
-		},
-		children: /* @__PURE__ */ jsxs(ScrollAreaAutosize, {
-			type: "scroll",
-			overscrollBehavior: "contain",
-			children: [/* @__PURE__ */ jsx(SectionHeader, { children: "Notes" }), /* @__PURE__ */ jsx(Markdown, {
-				value: notes,
-				fontSize: "sm",
-				emptyText: "No description"
-			})]
-		})
-	}) });
-});
-//#endregion
-export { WalkthroughPanel };

package/dist/navigationpanel/walkthrough/index.d.ts

@@ -1,2 +0,0 @@
-export { ActiveWalkthroughControls } from './ActiveWalkthroughControls';
-export { DynamicViewControls } from './DynamicViewControls';

package/dist/overlays/Overlays.d.ts

@@ -1,6 +0,0 @@
-import { OverlaysActorRef } from './overlaysActor';
-type OverlaysProps = {
-    overlaysActorRef: OverlaysActorRef;
-};
-export declare const Overlays: ({ overlaysActorRef }: OverlaysProps) => import("react").JSX.Element;
-export {};

package/dist/overlays/Overlays.js

@@ -1,99 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { DiagramFeatures } from "../context/DiagramFeatures.js";
-import { useDiagram } from "../hooks/safeContext.js";
-import { ErrorBoundary } from "../components/ErrorFallback.js";
-import { RelationshipsBrowser } from "./relationships-browser/RelationshipsBrowser.js";
-import { ElementDetails } from "./element-details/ElementDetails.js";
-import { OverlaysActorContext, selectOverlaysSnapshot, useSelectOverlaysActor } from "./hooks.js";
-import { Overlay } from "./overlay/Overlay.js";
-import { RelationshipDetails } from "./relationship-details/RelationshipDetails.js";
-import { useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-import { isNonNullish } from "remeda";
-import { nonexhaustive } from "@likec4/core";
-import { AnimatePresence, LayoutGroup, useReducedMotionConfig } from "motion/react";
-import { animate } from "motion";
-//#region src/overlays/Overlays.tsx
-var Overlays = ({ overlaysActorRef }) => /* @__PURE__ */ jsx(OverlaysActorContext, {
-	value: overlaysActorRef,
-	children: /* @__PURE__ */ jsx(OverlaysSurface, { overlaysActorRef })
-});
-var selectOverlays = selectOverlaysSnapshot((s) => {
-	return s.context.overlays.map((overlay) => {
-		switch (overlay.type) {
-			case "relationshipsBrowser": return s.children[overlay.id] ? {
-				type: overlay.type,
-				actorRef: s.children[overlay.id]
-			} : null;
-			case "relationshipDetails": return s.children[overlay.id] ? {
-				type: overlay.type,
-				actorRef: s.children[overlay.id]
-			} : null;
-			case "elementDetails": return s.children[overlay.id] ? {
-				type: overlay.type,
-				actorRef: s.children[overlay.id]
-			} : null;
-			default: nonexhaustive(overlay);
-		}
-	}).filter(isNonNullish);
-}, (a, b) => !!a && !!b && a.length === b.length && a.every((overlay, i) => overlay.actorRef === b[i].actorRef));
-function OverlaysSurface({ overlaysActorRef }) {
-	const diagram = useDiagram();
-	const overlays = useSelectOverlaysActor(selectOverlays);
-	const isMotionReduced = useReducedMotionConfig() ?? false;
-	const isActiveOverlay = overlays.some((overlay) => overlay.type === "elementDetails");
-	useEffect(() => {
-		const xyflowRendererDom = diagram.getContext().xystore.getState().domNode?.querySelector(".react-flow__renderer");
-		if (!xyflowRendererDom || isMotionReduced) return;
-		const current = animate(xyflowRendererDom, {
-			opacity: isActiveOverlay ? .7 : 1,
-			filter: isActiveOverlay ? "grayscale(1)" : "grayscale(0)",
-			transform: isActiveOverlay ? `perspective(400px) translateZ(-12px) translateY(3px)` : `translateY(0)`
-		}, { duration: isActiveOverlay ? .35 : .17 });
-		let cleanupTm = null;
-		if (!isActiveOverlay) cleanupTm = setTimeout(() => {
-			xyflowRendererDom.style.transform = "";
-			xyflowRendererDom.style.filter = "";
-			cleanupTm = null;
-		}, 450);
-		return () => {
-			if (cleanupTm) clearTimeout(cleanupTm);
-			current.stop();
-		};
-	}, [isActiveOverlay]);
-	const close = (actorRef) => {
-		overlaysActorRef.send({
-			type: "close",
-			actorId: actorRef.id
-		});
-	};
-	const overlaysReact = overlays.map((overlay, index) => {
-		switch (overlay.type) {
-			case "relationshipsBrowser": return /* @__PURE__ */ jsx(Overlay, {
-				overlayLevel: index,
-				onClose: () => close(overlay.actorRef),
-				children: /* @__PURE__ */ jsx(RelationshipsBrowser, { actorRef: overlay.actorRef })
-			}, overlay.actorRef.sessionId);
-			case "relationshipDetails": return /* @__PURE__ */ jsx(Overlay, {
-				overlayLevel: index,
-				onClose: () => close(overlay.actorRef),
-				children: /* @__PURE__ */ jsx(RelationshipDetails, { actorRef: overlay.actorRef })
-			}, overlay.actorRef.sessionId);
-			case "elementDetails": return /* @__PURE__ */ jsx(ElementDetails, {
-				actorRef: overlay.actorRef,
-				onClose: () => close(overlay.actorRef)
-			}, overlay.actorRef.sessionId);
-			default: nonexhaustive(overlay);
-		}
-	});
-	return /* @__PURE__ */ jsx(DiagramFeatures.Overlays, { children: /* @__PURE__ */ jsx(ErrorBoundary, {
-		onReset: () => overlaysActorRef.send({ type: "close.all" }),
-		children: /* @__PURE__ */ jsx(LayoutGroup, { children: /* @__PURE__ */ jsx(AnimatePresence, {
-			propagate: true,
-			mode: "popLayout",
-			children: overlaysReact
-		}) })
-	}) });
-}
-//#endregion
-export { Overlays };

package/dist/overlays/element-details/ElementDetails.d.ts

@@ -1,6 +0,0 @@
-import { ElementDetailsActorRef } from './actor';
-export type ElementDetailsProps = {
-    actorRef: ElementDetailsActorRef;
-    onClose: () => void;
-};
-export declare function ElementDetails({ actorRef, onClose, }: ElementDetailsProps): import("react").JSX.Element;

package/dist/overlays/element-details/ElementDetails.js

@@ -1,25 +0,0 @@
-import "../../_virtual/_rolldown/runtime.js";
-import { ElementDetailsActorContext } from "./actorContext.js";
-import { ElementDetailsCard } from "./ElementDetailsCard.js";
-import { jsx } from "react/jsx-runtime";
-import { shallowEqual } from "fast-equals";
-import { useSelector } from "@xstate/react";
-//#region src/overlays/element-details/ElementDetails.tsx
-var selector = (s) => ({
-	viewId: s.context.currentView.id,
-	fromNode: s.context.initiatedFrom.node,
-	rectFromNode: s.context.initiatedFrom.clientRect,
-	fqn: s.context.subject
-});
-function ElementDetails({ actorRef, onClose }) {
-	const props = useSelector(actorRef, selector, shallowEqual);
-	return /* @__PURE__ */ jsx(ElementDetailsActorContext.Provider, {
-		value: actorRef,
-		children: /* @__PURE__ */ jsx(ElementDetailsCard, {
-			onClose,
-			...props
-		})
-	});
-}
-//#endregion
-export { ElementDetails };

package/dist/overlays/element-details/ElementDetailsCard.css.d.ts

@@ -1,16 +0,0 @@
-export declare const backdropBlur = "--_blur";
-export declare const backdropOpacity = "--_opacity";
-export declare const dialog: string;
-export declare const card: string;
-export declare const cardHeader: string;
-export declare const title: string;
-export declare const elementIcon: string;
-export declare const viewButton: string;
-export declare const viewButtonTitle: string;
-export declare const tabsRoot: string;
-export declare const tabsList: string;
-export declare const tabsTab: string;
-export declare const tabsPanel: string;
-export declare const propertiesGrid: string;
-export declare const propertyLabel: string;
-export declare const resizeHandle: string;