@likec4/diagram 1.59.3 → 1.60.0

package/dist/context/DefaultMantineProvider.js

@@ -1,48 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { jsx } from "react/jsx-runtime";
-import { MantineProvider, Portal, SegmentedControl, Tooltip, createTheme } from "@mantine/core";
-//#region src/context/DefaultMantineProvider.tsx
-var DefaultTheme = createTheme({
-	autoContrast: true,
-	primaryColor: "indigo",
-	cursorType: "pointer",
-	defaultRadius: "sm",
-	fontFamily: "var(--likec4-app-font, var(--likec4-app-font-default))",
-	headings: {
-		fontWeight: "medium",
-		sizes: {
-			h1: { fontWeight: "bold" },
-			h2: { fontWeight: "medium" }
-		}
-	},
-	fontSizes: {
-		xxs: "var(--font-sizes-xxs)",
-		xs: "var(--font-sizes-xs)",
-		sm: "var(--font-sizes-sm)",
-		md: "var(--font-sizes-md)",
-		lg: "var(--font-sizes-lg)",
-		xl: "var(--font-sizes-xl)"
-	},
-	spacing: {
-		xs: "var(--spacing-xs)",
-		sm: "var(--spacing-sm)",
-		md: "var(--spacing-md)",
-		lg: "var(--spacing-lg)",
-		xl: "var(--spacing-xl)"
-	},
-	components: {
-		SegmentedControl: SegmentedControl.extend({ vars: (theme, props) => ({ root: { "--sc-font-size": theme.fontSizes[props.fz ?? props.size] } }) }),
-		Portal: Portal.extend({ defaultProps: { reuseTargetNode: true } }),
-		Tooltip: Tooltip.extend({ defaultProps: { color: "dark" } })
-	}
-});
-function DefaultMantineProvider({ children, theme, ...props }) {
-	return /* @__PURE__ */ jsx(MantineProvider, {
-		defaultColorScheme: "auto",
-		theme: theme ?? DefaultTheme,
-		...props,
-		children
-	});
-}
-//#endregion
-export { DefaultMantineProvider };

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,52 +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
-};
-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 { DefaultMantineProvider } from "./DefaultMantineProvider.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 MantineProvider");
-	}, []);
-	if (!mantineCtx) return /* @__PURE__ */ jsx(DefaultMantineProvider, { 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,39 +0,0 @@
-import { ElementShape } from '@likec4/core';
-import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
-import { ElementIconRenderer } 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;

package/dist/context/IconRenderer.js

@@ -1,133 +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 = null;
-	}
-	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;
-	}
-}
-//#endregion
-export { 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 {};

package/dist/context/LikeC4ModelContext.js

@@ -1,19 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { createContext, useContext } from "react";
-import "react/jsx-runtime";
-//#region src/context/LikeC4ModelContext.tsx
-var LikeC4ModelContext = createContext(null);
-var LikeC4ModelContextProvider = LikeC4ModelContext.Provider;
-var CurrentViewModelCtx = createContext(null);
-var CurrentViewModelContext = CurrentViewModelCtx.Provider;
-/**
-* @returns The LikeC4Model from context, or null if no LikeC4ModelProvider is found.
-*/
-function useOptionalLikeC4Model() {
-	return useContext(LikeC4ModelContext);
-}
-function useOptionalCurrentViewModel() {
-	return useContext(CurrentViewModelCtx);
-}
-//#endregion
-export { CurrentViewModelContext, LikeC4ModelContextProvider, useOptionalCurrentViewModel, useOptionalLikeC4Model };

package/dist/context/LikeC4ProjectsContext.d.ts

@@ -1,8 +0,0 @@
-import { LikeC4Project, ProjectId } from '@likec4/core/types';
-import { Provider } from 'react';
-export type LikeC4ProjectsContext = {
-    projects: ReadonlyArray<LikeC4Project>;
-    onProjectChange: (id: ProjectId) => void;
-};
-export declare const LikeC4ProjectsContextProvider: Provider<LikeC4ProjectsContext | null>;
-export declare function useOptionalProjectsContext(): LikeC4ProjectsContext | null;

package/dist/context/LikeC4ProjectsContext.js

@@ -1,10 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { createContext, useContext } from "react";
-//#region src/context/LikeC4ProjectsContext.ts
-var LikeC4ProjectsContext = createContext(null);
-var LikeC4ProjectsContextProvider = LikeC4ProjectsContext.Provider;
-function useOptionalProjectsContext() {
-	return useContext(LikeC4ProjectsContext);
-}
-//#endregion
-export { LikeC4ProjectsContextProvider, useOptionalProjectsContext };

package/dist/context/RootContainerContext.d.ts

@@ -1,19 +0,0 @@
-import { WritableAtom } from 'nanostores';
-import { RefObject, Provider } from 'react';
-export type RootContainerContextType = {
-    readonly id: string;
-    readonly selector: string;
-    readonly ref: RefObject<HTMLDivElement | null>;
-    readonly $panning: WritableAtom<boolean>;
-    readonly reducedGraphics: boolean;
-};
-export declare const RootContainerContextProvider: Provider<RootContainerContextType | null>;
-export declare function useRootContainerContext(): RootContainerContextType | null;
-export declare function useRootContainer(): RootContainerContextType;
-export declare function useRootContainerRef(): RefObject<HTMLDivElement | null>;
-export declare function useRootContainerElement(): HTMLDivElement | null;
-/**
- * Hook to determine if reduced graphics mode is enabled.
- */
-export declare function useIsReducedGraphics(): boolean;
-export declare function useIsPanning(): boolean;

package/dist/context/RootContainerContext.js

@@ -1,22 +0,0 @@
-import "../_virtual/_rolldown/runtime.js";
-import { createContext, useContext } from "react";
-import "@nanostores/react";
-//#region src/context/RootContainerContext.tsx
-var RootContainerContext = createContext(null);
-var RootContainerContextProvider = RootContainerContext.Provider;
-function useRootContainerContext() {
-	return useContext(RootContainerContext);
-}
-function useRootContainer() {
-	const ctx = useRootContainerContext();
-	if (!ctx) throw new Error("useRootContainer must be used within a RootContainer");
-	return ctx;
-}
-function useRootContainerRef() {
-	return useRootContainer().ref;
-}
-function useRootContainerElement() {
-	return useRootContainer().ref.current;
-}
-//#endregion
-export { RootContainerContextProvider, useRootContainer, useRootContainerContext, useRootContainerElement, useRootContainerRef };

package/dist/context/TagStylesContext.d.ts

@@ -1,9 +0,0 @@
-import { TagSpecification } from '@likec4/core';
-import { LikeC4Styles } from '@likec4/core/styles';
-import { PropsWithChildren } from 'react';
-export declare function generateColorVars(spec: TagSpecification, styles?: LikeC4Styles): string;
-export declare function TagStylesProvider({ children, id }: PropsWithChildren<{
-    id: string;
-}>): import("react").JSX.Element;
-export declare function useTagSpecifications(): Record<string, TagSpecification>;
-export declare function useTagSpecification(tag: string): TagSpecification;