@likec4/diagram 1.59.4 → 1.61.0

package/dist/components/SearchControl.js

@@ -1,39 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { placeholder, root, shortcut } from "./SearchControl.css.js";
-import { cx } from "@likec4/styles/css";
-import { IconSearch } from "@tabler/icons-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Group, Text, UnstyledButton } from "@mantine/core";
-import { isMacOs } from "@xyflow/system";
-//#region src/components/SearchControl.tsx
-function SearchControl({ className, ...others }) {
-	const isMac = isMacOs();
-	return /* @__PURE__ */ jsx(UnstyledButton, {
-		...others,
-		className: cx("group", root, className),
-		children: /* @__PURE__ */ jsxs(Group, {
-			gap: "xs",
-			children: [
-				/* @__PURE__ */ jsx(IconSearch, {
-					style: {
-						width: "15px",
-						height: "15px"
-					},
-					stroke: 2
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					component: "div",
-					className: placeholder,
-					children: "Search"
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					component: "div",
-					className: shortcut,
-					children: isMac ? "⌘ + K" : "Ctrl + K"
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { SearchControl };

package/dist/components/ViewIcon.d.ts

@@ -1,11 +0,0 @@
-import { IconProps } from '@tabler/icons-react';
-import { JSX } from 'react/jsx-runtime';
-/**
- * Returns the appropriate icon component for a given view type.
- * @param viewType - The type of view ('index', 'element', 'deployment', or 'dynamic')
- * @returns The corresponding icon component
- */
-export declare function viewIcon(viewType: 'index' | 'element' | 'deployment' | 'dynamic'): JSX.Element;
-export declare function ViewIcon({ type, className, ...props }: IconProps & {
-    type: 'index' | 'element' | 'deployment' | 'dynamic';
-}): JSX.Element;

package/dist/components/ViewIcon.js

@@ -1,71 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { css, cx } from "@likec4/styles/css";
-import { IconDirectionSignFilled, IconStack2, IconStarFilled, IconZoomScan } from "@tabler/icons-react";
-import { jsx } from "react/jsx-runtime";
-import { nonexhaustive } from "@likec4/core";
-//#region src/components/ViewIcon.tsx
-var viewTypeIconCss = css({
-	verticalAlign: "middle",
-	opacity: {
-		base: "0.4",
-		_dark: "0.5",
-		_groupHover: "0.8",
-		_groupActive: "0.8",
-		_groupFocus: "0.8"
-	}
-});
-var viewIcons = {
-	index: /* @__PURE__ */ jsx(IconStarFilled, {
-		size: 16,
-		className: viewTypeIconCss
-	}),
-	element: /* @__PURE__ */ jsx(IconZoomScan, {
-		size: 18,
-		stroke: 2,
-		className: viewTypeIconCss
-	}),
-	deployment: /* @__PURE__ */ jsx(IconStack2, {
-		size: 16,
-		stroke: 1.5,
-		className: viewTypeIconCss
-	}),
-	dynamic: /* @__PURE__ */ jsx(IconDirectionSignFilled, {
-		size: 18,
-		className: viewTypeIconCss
-	})
-};
-/**
-* Returns the appropriate icon component for a given view type.
-* @param viewType - The type of view ('index', 'element', 'deployment', or 'dynamic')
-* @returns The corresponding icon component
-*/
-function viewIcon(viewType) {
-	return viewIcons[viewType];
-}
-function ViewIcon({ type, className, ...props }) {
-	if (type === "index") return /* @__PURE__ */ jsx(IconStarFilled, {
-		size: 16,
-		className: cx(viewTypeIconCss, className),
-		...props
-	});
-	if (type === "element") return /* @__PURE__ */ jsx(IconZoomScan, {
-		size: 18,
-		stroke: 2,
-		className: cx(viewTypeIconCss, className),
-		...props
-	});
-	if (type === "deployment") return /* @__PURE__ */ jsx(IconStack2, {
-		size: 16,
-		stroke: 1.5,
-		className: cx(viewTypeIconCss, className),
-		...props
-	});
-	if (type === "dynamic") return /* @__PURE__ */ jsx(IconDirectionSignFilled, {
-		size: 18,
-		className: cx(viewTypeIconCss, className),
-		...props
-	});
-	nonexhaustive(type);
-}
-//#endregion
-export { ViewIcon, viewIcon };

package/dist/components/ViewNotFound.d.ts

@@ -1,5 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare function ErrorMessage({ children }: PropsWithChildren): import("react").JSX.Element;
-export declare function ViewNotFound({ viewId }: {
-    viewId: string;
-}): import("react").JSX.Element;

package/dist/components/ViewNotFound.js

@@ -1,27 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/ViewNotFound.tsx
-function ErrorMessage({ children }) {
-	return /* @__PURE__ */ jsx("div", {
-		style: { margin: "1em 0" },
-		children: /* @__PURE__ */ jsx("div", {
-			style: {
-				margin: "0 auto",
-				display: "inline-block",
-				padding: "2em",
-				background: "rgba(250,82,82,.15)",
-				color: "#ffa8a8"
-			},
-			children
-		})
-	});
-}
-function ViewNotFound({ viewId }) {
-	return /* @__PURE__ */ jsxs(ErrorMessage, { children: [
-		"View ",
-		/* @__PURE__ */ jsx("code", { children: viewId }),
-		" not found"
-	] });
-}
-//#endregion
-export { ErrorMessage, ViewNotFound };

package/dist/context/CurrentViewModelProvider.d.ts

@@ -1,2 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare function CurrentViewModelProvider({ children }: PropsWithChildren): import("react").JSX.Element;

package/dist/context/CurrentViewModelProvider.js

@@ -1,15 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { useCurrentViewId } from "../hooks/useCurrentView.js";
-import { CurrentViewModelContext, useOptionalLikeC4Model } from "./LikeC4ModelContext.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/context/CurrentViewModelProvider.tsx
-function CurrentViewModelProvider({ children }) {
-	const viewId = useCurrentViewId();
-	const viewmodel = useOptionalLikeC4Model()?.findView(viewId) ?? null;
-	return /* @__PURE__ */ jsx(CurrentViewModelContext, {
-		value: viewmodel,
-		children
-	});
-}
-//#endregion
-export { CurrentViewModelProvider };

package/dist/context/DiagramEventHandlers.d.ts

@@ -1,15 +0,0 @@
-import { PropsWithChildren, RefObject } from 'react';
-import { LikeC4DiagramEventHandlers } from '../LikeC4Diagram.props';
-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 DiagramEventHandlers({ handlers, children, }: PropsWithChildren<{
-    handlers: Required<LikeC4DiagramEventHandlers>;
-}>): import("react").JSX.Element;
-export declare function useDiagramEventHandlers(): DiagramEventHandlersContext;
-export declare function useDiagramEventHandlersRef(): DiagramEventHandlersRef;
-export {};

package/dist/context/DiagramEventHandlers.js

@@ -1,53 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { createContext, useContext, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { useSyncedRef } from "@react-hookz/web";
-import { isFunction, keys, mapToObj } from "remeda";
-//#region src/context/DiagramEventHandlers.tsx
-var defaultHandlers = {
-	onNavigateTo: null,
-	onNodeClick: null,
-	onNodeContextMenu: null,
-	onCanvasContextMenu: null,
-	onEdgeClick: null,
-	onEdgeContextMenu: null,
-	onCanvasClick: null,
-	onCanvasDblClick: null,
-	onLogoClick: null,
-	onOpenSource: null,
-	onInitialized: null,
-	onLayoutTypeChange: null,
-	onRelationshipBrowserScopeChange: null
-};
-var HandlerNames = keys(defaultHandlers);
-var DiagramEventHandlersRefContext = createContext({ current: defaultHandlers });
-var DiagramEventHandlersReactContext = createContext({
-	...mapToObj(HandlerNames, (name) => [name, null]),
-	handlersRef: { current: defaultHandlers }
-});
-function DiagramEventHandlers({ handlers, children }) {
-	const handlersRef = useSyncedRef(handlers);
-	const deps = HandlerNames.map((name) => isFunction(handlers[name]));
-	const value = useMemo(() => ({
-		...mapToObj(HandlerNames, (name) => {
-			if (handlersRef.current[name]) return [name, (...args) => handlersRef.current[name]?.(...args)];
-			return [name, null];
-		}),
-		handlersRef
-	}), [handlersRef, ...deps]);
-	return /* @__PURE__ */ jsx(DiagramEventHandlersRefContext.Provider, {
-		value: handlersRef,
-		children: /* @__PURE__ */ jsx(DiagramEventHandlersReactContext.Provider, {
-			value,
-			children
-		})
-	});
-}
-function useDiagramEventHandlers() {
-	return useContext(DiagramEventHandlersReactContext);
-}
-function useDiagramEventHandlersRef() {
-	return useContext(DiagramEventHandlersRefContext);
-}
-//#endregion
-export { DiagramEventHandlers, useDiagramEventHandlers, useDiagramEventHandlersRef };

package/dist/context/DiagramFeatures.d.ts

@@ -1,53 +0,0 @@
-import { ExclusiveUnion } from '@likec4/core/types';
-import { PropsWithChildren } from 'react';
-import { JSX } from 'react/jsx-runtime';
-declare const FeatureNames: readonly ["Controls", "Editor", "AISemanticLayout", "ReadOnly", "FocusMode", "NavigateTo", "ElementDetails", "RelationshipDetails", "RelationshipBrowser", "Search", "NavigationButtons", "Notations", "DynamicViewWalkthrough", "FitView", "CompareWithLatest", "Notes", "Vscode", "ElementTags"];
-export type FeatureName = typeof FeatureNames[number];
-export type TogglableFeature = ('ReadOnly' | 'CompareWithLatest') & FeatureName;
-export type EnabledFeatures = {
-    [P in `enable${FeatureName}`]: boolean;
-};
-export declare const DefaultFeatures: EnabledFeatures;
-export declare function DiagramFeatures({ children, features, overrides, }: PropsWithChildren<ExclusiveUnion<{
-    features: {
-        features: EnabledFeatures;
-    };
-    overrides: {
-        overrides: Partial<EnabledFeatures>;
-    };
-}>>): JSX.Element;
-export declare namespace DiagramFeatures {
-    var Overlays: ({ children }: PropsWithChildren) => JSX.Element;
-}
-export declare function useEnabledFeatures(): EnabledFeatures;
-export type IfEnabledProps = PropsWithChildren<{
-    feature: FeatureName;
-    /**
-     * Additional AND condition
-     * @default true
-     * @example
-     * <IfEnabled feature="ReadOnly" and={isSomething}>
-     *   ...
-     * </IfEnabled>
-     */
-    and?: boolean;
-}>;
-/**
- * Renders children only if the specified feature is enabled
- * @param feature Feature name
- * @param and Additional AND condition
- * @example
- * <IfEnabled feature="ReadOnly" and={isSomething}>
- *   ...
- * </IfEnabled>
- */
-export declare function IfEnabled({ feature, children, and, }: PropsWithChildren<{
-    feature: FeatureName;
-    and?: boolean;
-}>): JSX.Element | null;
-export declare function IfNotEnabled({ feature, children }: PropsWithChildren<{
-    feature: FeatureName;
-}>): JSX.Element | null;
-export declare function IfReadOnly({ children }: PropsWithChildren): JSX.Element | null;
-export declare function IfNotReadOnly({ children }: PropsWithChildren): JSX.Element | null;
-export {};

package/dist/context/DiagramFeatures.js

@@ -1,93 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { useUpdateEffect } from "../hooks/useUpdateEffect.js";
-import { useSetState } from "../hooks/useSetState.js";
-import { createContext, useContext } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-//#region src/context/DiagramFeatures.tsx
-var DefaultFeatures = {
-	enableEditor: false,
-	/**
-	* Enabled if editor has `applySemanticLayout` method
-	*/
-	enableAISemanticLayout: false,
-	enableReadOnly: true,
-	enableCompareWithLatest: false,
-	enableControls: false,
-	enableDynamicViewWalkthrough: false,
-	enableElementDetails: false,
-	enableFocusMode: false,
-	enableNavigateTo: false,
-	enableNotations: false,
-	enableRelationshipBrowser: false,
-	enableRelationshipDetails: false,
-	enableSearch: false,
-	enableNavigationButtons: false,
-	enableFitView: false,
-	enableVscode: false,
-	enableElementTags: false,
-	enableNotes: false
-};
-var DiagramFeaturesContext = createContext(DefaultFeatures);
-function DiagramFeatures({ children, features, overrides }) {
-	const outerScope = useContext(DiagramFeaturesContext);
-	const [scope, setScope] = useSetState(() => ({
-		...outerScope,
-		...features,
-		...overrides
-	}));
-	useUpdateEffect(() => {
-		setScope({
-			...outerScope,
-			...features,
-			...overrides
-		});
-	}, [
-		outerScope,
-		features,
-		overrides,
-		setScope
-	]);
-	return /* @__PURE__ */ jsx(DiagramFeaturesContext.Provider, {
-		value: scope,
-		children
-	});
-}
-var overridesForOverlays = {
-	enableControls: false,
-	enableReadOnly: true,
-	enableAISemanticLayout: false,
-	enableCompareWithLatest: false
-};
-DiagramFeatures.Overlays = ({ children }) => {
-	return /* @__PURE__ */ jsx(DiagramFeatures, {
-		overrides: overridesForOverlays,
-		children
-	});
-};
-function useEnabledFeatures() {
-	return useContext(DiagramFeaturesContext);
-}
-/**
-* Renders children only if the specified feature is enabled
-* @param feature Feature name
-* @param and Additional AND condition
-* @example
-* <IfEnabled feature="ReadOnly" and={isSomething}>
-*   ...
-* </IfEnabled>
-*/
-function IfEnabled({ feature, children, and = true }) {
-	return useEnabledFeatures()[`enable${feature}`] === true && and ? /* @__PURE__ */ jsx(Fragment$1, { children }) : null;
-}
-function IfNotEnabled({ feature, children }) {
-	return useEnabledFeatures()[`enable${feature}`] !== true ? /* @__PURE__ */ jsx(Fragment$1, { children }) : null;
-}
-function IfReadOnly({ children }) {
-	return useEnabledFeatures().enableReadOnly === true ? /* @__PURE__ */ jsx(Fragment$1, { children }) : null;
-}
-function IfNotReadOnly({ children }) {
-	if (useEnabledFeatures().enableReadOnly === true) return null;
-	return /* @__PURE__ */ jsx(Fragment$1, { children });
-}
-//#endregion
-export { DefaultFeatures, DiagramFeatures, IfEnabled, IfNotEnabled, IfNotReadOnly, IfReadOnly, useEnabledFeatures };

package/dist/context/EnsureMantine.d.ts

@@ -1,4 +0,0 @@
-import { PropsWithChildren } from 'react';
-type EnsureMantineProps = PropsWithChildren<{}>;
-export declare function EnsureMantine({ children }: EnsureMantineProps): import("react").JSX.Element;
-export {};

package/dist/context/EnsureMantine.js

@@ -1,16 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { LikeC4MantineProvider } from "../LikeC4MantineProvider.js";
-import { useContext, useEffect } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-import { MantineContext } from "@mantine/core";
-//#region src/context/EnsureMantine.tsx
-function EnsureMantine({ children }) {
-	const mantineCtx = useContext(MantineContext);
-	useEffect(() => {
-		if (!mantineCtx) console.warn("LikeC4Diagram must be a child of LikeC4MantineProvider");
-	}, []);
-	if (!mantineCtx) return /* @__PURE__ */ jsx(LikeC4MantineProvider, { children });
-	return /* @__PURE__ */ jsx(Fragment$1, { children });
-}
-//#endregion
-export { EnsureMantine };

package/dist/context/FramerMotionConfig.d.ts

@@ -1,8 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare function FramerMotionConfig({ reducedMotion, children, }: PropsWithChildren<{
-    /**
-     * If true, will respect the device prefersReducedMotion setting by switching
-     * transform animations off.
-     */
-    reducedMotion?: 'always' | 'never' | 'user' | undefined;
-}>): import("react").JSX.Element;

package/dist/context/FramerMotionConfig.js

@@ -1,19 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { jsx } from "react/jsx-runtime";
-import { useMantineStyleNonce } from "@mantine/core";
-import { LazyMotion, MotionConfig, domMax } from "motion/react";
-//#region src/context/FramerMotionConfig.tsx
-function FramerMotionConfig({ reducedMotion = "user", children }) {
-	const nonce = useMantineStyleNonce()?.();
-	return /* @__PURE__ */ jsx(LazyMotion, {
-		features: domMax,
-		strict: true,
-		children: /* @__PURE__ */ jsx(MotionConfig, {
-			reducedMotion,
-			...nonce && { nonce },
-			children
-		})
-	});
-}
-//#endregion
-export { FramerMotionConfig };

package/dist/context/IconRenderer.d.ts

@@ -1,40 +0,0 @@
-import { ElementShape } from '@likec4/core';
-import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
-import { ElementIconRenderer, ElementIconRendererProps } from '../LikeC4Diagram.props';
-/**
- * Provider for custom element icon renderers
- *
- * @example
- * ```tsx
- * const MyIconRenderer: ElementIconRenderer = ({ node }) => {
- *   return <div>{node.title}</div>
- * }
- *
- * <IconRendererProvider value={MyIconRenderer}>
- *   <LikeC4Diagram />
- * </IconRendererProvider>
- * ```
- */
-export declare function IconRendererProvider({ value, children, }: PropsWithChildren<{
-    value: ElementIconRenderer | null;
-}>): import("react").JSX.Element;
-export declare function IconRenderer({ element, className, style, }: {
-    element?: {
-        id: string;
-        title: string;
-        icon?: string | null | undefined;
-    };
-    className?: string | undefined;
-    style?: CSSProperties | undefined;
-}): ReactNode;
-export declare function IconOrShapeRenderer({ element, className, style, }: {
-    element: {
-        id: string;
-        title: string;
-        shape: ElementShape;
-        icon?: string | null | undefined;
-    };
-    className?: string;
-    style?: CSSProperties | undefined;
-}): import("react").JSX.Element;
-export declare function DefaultIconRenderer({ node, ...props }: ElementIconRendererProps): import("react").JSX.Element | null;

package/dist/context/IconRenderer.js

@@ -1,169 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { cx } from "@likec4/styles/css";
-import { IconBrowser, IconCylinder, IconDeviceMobile, IconFileText, IconRectangularPrism, IconReorder, IconUser } from "@tabler/icons-react";
-import { createContext, useContext, useMemo } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-//#region src/context/IconRenderer.tsx
-var IconRendererContext = createContext(null);
-/**
-* Provider for custom element icon renderers
-*
-* @example
-* ```tsx
-* const MyIconRenderer: ElementIconRenderer = ({ node }) => {
-*   return <div>{node.title}</div>
-* }
-*
-* <IconRendererProvider value={MyIconRenderer}>
-*   <LikeC4Diagram />
-* </IconRendererProvider>
-* ```
-*/
-function IconRendererProvider({ value, children }) {
-	if (useContext(IconRendererContext)) return /* @__PURE__ */ jsx(Fragment$1, { children });
-	return /* @__PURE__ */ jsx(IconRendererContext.Provider, {
-		value,
-		children
-	});
-}
-function IconRenderer({ element, className, style }) {
-	const RenderIcon = useContext(IconRendererContext);
-	if (!element || !element.icon || element.icon === "none") return null;
-	let icon;
-	switch (true) {
-		case element.icon.startsWith("data:image/svg+xml"):
-			icon = /* @__PURE__ */ jsx(SvgDataUrlIcon, {
-				dataUrl: element.icon,
-				alt: element.title
-			});
-			break;
-		case element.icon.startsWith("http://"):
-		case element.icon.startsWith("https://"):
-		case element.icon.startsWith("data:image"):
-			icon = /* @__PURE__ */ jsx("img", {
-				src: element.icon,
-				alt: element.title
-			});
-			break;
-		case !!RenderIcon:
-			icon = /* @__PURE__ */ jsx(RenderIcon, { node: element });
-			break;
-		default: icon = /* @__PURE__ */ jsx(DefaultIconRenderer, { node: element });
-	}
-	if (!icon) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className: cx(className, "likec4-element-icon"),
-		"data-likec4-icon": element.icon,
-		style,
-		children: icon
-	});
-}
-var ShapeIcons = {
-	browser: IconBrowser,
-	cylinder: IconCylinder,
-	mobile: IconDeviceMobile,
-	person: IconUser,
-	queue: IconReorder,
-	rectangle: IconRectangularPrism,
-	storage: IconCylinder,
-	bucket: IconCylinder,
-	document: IconFileText,
-	component: IconRectangularPrism
-};
-function IconOrShapeRenderer({ element, className, style }) {
-	if (!element.icon || element.icon === "none") {
-		const ShapeIcon = ShapeIcons[element.shape];
-		return /* @__PURE__ */ jsx("div", {
-			className: cx(className, "likec4-shape-icon"),
-			style,
-			children: /* @__PURE__ */ jsx(ShapeIcon, {})
-		});
-	}
-	return /* @__PURE__ */ jsx(IconRenderer, {
-		element,
-		className,
-		style
-	});
-}
-function SvgDataUrlIcon({ dataUrl, alt }) {
-	if (!useMemo(() => hasCurrentColorReference(dataUrl), [dataUrl])) return /* @__PURE__ */ jsx("img", {
-		src: dataUrl,
-		alt
-	});
-	const maskUrl = `url(${JSON.stringify(dataUrl)})`;
-	return /* @__PURE__ */ jsx("span", {
-		role: alt ? "img" : void 0,
-		"aria-label": alt,
-		style: {
-			display: "inline-block",
-			width: "100%",
-			height: "100%",
-			backgroundColor: "currentColor",
-			maskImage: maskUrl,
-			maskRepeat: "no-repeat",
-			maskPosition: "center",
-			maskSize: "contain",
-			WebkitMaskImage: maskUrl,
-			WebkitMaskRepeat: "no-repeat",
-			WebkitMaskPosition: "center",
-			WebkitMaskSize: "contain"
-		}
-	});
-}
-function hasCurrentColorReference(dataUrl) {
-	return /currentcolor/i.test(decodeSvgDataUrl(dataUrl) ?? "");
-}
-function decodeSvgDataUrl(dataUrl) {
-	if (!dataUrl.startsWith("data:image/svg+xml")) return null;
-	try {
-		const comma = dataUrl.indexOf(",");
-		if (comma === -1) return null;
-		const payload = dataUrl.slice(comma + 1);
-		if (dataUrl.slice(0, comma).endsWith(";base64")) return new TextDecoder().decode(Uint8Array.from(atob(payload), (c) => c.charCodeAt(0)));
-		try {
-			return decodeURIComponent(payload);
-		} catch {
-			return payload;
-		}
-	} catch {
-		return null;
-	}
-}
-var iconUrl = (group, name) => `https://icons.like-c4.dev/${encodeURIComponent(group)}/${encodeURIComponent(name)}.svg`;
-function BootstrapIconMask({ name, ...props }) {
-	const url = iconUrl("bootstrap", name);
-	const style = {
-		display: "inline-block",
-		width: "100%",
-		height: "100%",
-		backgroundColor: "currentColor",
-		maskImage: `url("${url}")`,
-		maskRepeat: "no-repeat",
-		maskPosition: "center",
-		maskSize: "contain",
-		WebkitMaskImage: `url("${url}")`,
-		WebkitMaskRepeat: "no-repeat",
-		WebkitMaskPosition: "center",
-		WebkitMaskSize: "contain"
-	};
-	return /* @__PURE__ */ jsx("span", {
-		...props,
-		"aria-hidden": "true",
-		style
-	});
-}
-function DefaultIconRenderer({ node, ...props }) {
-	if (!node.icon || node.icon === "none") return null;
-	const [group, name, ...rest] = node.icon.split(":");
-	if (!group || !name || rest.length > 0) return null;
-	if (group === "bootstrap") return /* @__PURE__ */ jsx(BootstrapIconMask, {
-		...props,
-		name
-	});
-	return /* @__PURE__ */ jsx("img", {
-		...props,
-		src: iconUrl(group, name)
-	});
-}
-//#endregion
-export { DefaultIconRenderer, IconOrShapeRenderer, IconRenderer, IconRendererProvider };

package/dist/context/LikeC4ModelContext.d.ts

@@ -1,15 +0,0 @@
-import { LikeC4Model, LikeC4ViewModel } from '@likec4/core/model';
-import { LayoutedView } from '@likec4/core/types';
-import { PropsWithChildren, Provider } from 'react';
-import type * as t from '@likec4/core/types';
-type UnknownLayouted = t.aux.UnknownLayouted;
-export declare const LikeC4ModelContextProvider: Provider<LikeC4Model<any> | null>;
-export type CurrentViewModel = LikeC4ViewModel<UnknownLayouted, LayoutedView<UnknownLayouted>>;
-export declare const CurrentViewModelContext: Provider<CurrentViewModel | null>;
-export declare function EnsureCurrentViewModel({ children }: PropsWithChildren): import("react").JSX.Element | null;
-/**
- * @returns The LikeC4Model from context, or null if no LikeC4ModelProvider is found.
- */
-export declare function useOptionalLikeC4Model<A extends t.aux.Any = UnknownLayouted>(): LikeC4Model<A> | null;
-export declare function useOptionalCurrentViewModel(): CurrentViewModel | null;
-export {};