@likec4/diagram 1.9.0 → 1.12.1

package/dist/theme.css.d.ts

@@ -1,63 +0,0 @@
-export declare const vars: {
-    safariAnimationHook: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    default: {
-        font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    likec4: {
-        font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        background: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            pattern: {
-                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-        };
-    };
-    compound: {
-        font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        titleColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    element: {
-        font: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        hiContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        loContrast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    relation: {
-        lineColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        labelColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        labelBgColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    optionsPanel: {
-        top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        right: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    navigationPanel: {
-        top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        left: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-export declare const xyvars: {
-    background: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        pattern: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        };
-    };
-    edge: {
-        stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        strokeSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        labelColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        labelBgColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        strokeWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    node: {
-        color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        groupBackgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        boxshadowHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        boxshadowSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};

package/dist/ui/DiagramTitlePanel.css.d.ts

@@ -1,4 +0,0 @@
-export declare const container: string;
-export declare const card: string;
-export declare const title: string;
-export declare const description: string;

package/dist/ui/DiagramTitlePanel.d.ts

@@ -1 +0,0 @@
-export default function DiagramTitlePanel(): import("react/jsx-runtime").JSX.Element;

package/dist/ui/DynamicViewWalkthrough.css.d.ts

@@ -1,3 +0,0 @@
-export declare const container: string;
-export declare const buttons: string;
-export declare const btn: string;

package/dist/ui/DynamicViewWalkthrough.d.ts

@@ -1 +0,0 @@
-export declare function DynamicViewWalkthrough(): import("react/jsx-runtime").JSX.Element;

package/dist/ui/OptionsPanel.css.d.ts

@@ -1 +0,0 @@
-export declare const panel: string;

package/dist/ui/OptionsPanel.d.ts

@@ -1 +0,0 @@
-export default function OptionsPanel(): import("react/jsx-runtime").JSX.Element;

package/dist/ui/notation/NotationPanel.css.d.ts

@@ -1,6 +0,0 @@
-export declare const container: string;
-export declare const card: string;
-export declare const tabPanel: string;
-export declare const elementNotation: string;
-export declare const shapeSvg: string;
-export declare const shapeBadge: string;

package/dist/ui/notation/NotationPanel.d.ts

@@ -1 +0,0 @@
-export declare function NotationPanel(): import("react/jsx-runtime").JSX.Element;

package/dist/ui/notation/index.d.ts

@@ -1 +0,0 @@
-export { NotationPanel as default } from './NotationPanel';

package/dist/ui/options/EdgeOptions.d.ts

@@ -1,19 +0,0 @@
-export declare const themedColors: ({
-    key: "primary";
-    value: "#3b82f6";
-} | {
-    key: "secondary";
-    value: "#0284c7";
-} | {
-    key: "muted";
-    value: "#64748b";
-})[];
-export declare const colors: {
-    key: "amber" | "blue" | "gray" | "slate" | "green" | "indigo" | "red" | "sky";
-    value: "#3b82f6" | "#0284c7" | "#64748b" | "#737373" | "#AC4D39" | "#428a4f" | "#A35829" | "#6366f1";
-}[];
-export type ThemeColorKey = typeof themedColors[0]['key'];
-export type ColorKey = typeof colors[0]['key'];
-export declare const EdgeOptions: import('react').NamedExoticComponent<{
-    selectedEdgeIds: string[];
-}>;

package/dist/ui/options/NodeOptions.d.ts

@@ -1,19 +0,0 @@
-export declare const themedColors: ({
-    key: "primary";
-    value: "#3b82f6";
-} | {
-    key: "secondary";
-    value: "#0284c7";
-} | {
-    key: "muted";
-    value: "#64748b";
-})[];
-export declare const colors: {
-    key: "amber" | "blue" | "gray" | "slate" | "green" | "indigo" | "red" | "sky";
-    value: "#3b82f6" | "#0284c7" | "#64748b" | "#737373" | "#AC4D39" | "#428a4f" | "#A35829" | "#6366f1";
-}[];
-export type ThemeColorKey = typeof themedColors[0]['key'];
-export type ColorKey = typeof colors[0]['key'];
-export declare const NodeOptions: import('react').NamedExoticComponent<{
-    selectedNodeIds: string[];
-}>;

package/dist/ui/top-left/ChangeAutoLayoutButton.d.ts

@@ -1,3 +0,0 @@
-import { PopoverProps } from '@mantine/core';
-
-export declare const ChangeAutoLayoutButton: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/top-left/TopLeftPanel.d.ts

@@ -1,4 +0,0 @@
-export declare const TopLeftPanel: {
-    (): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/ui/top-left/_shared.d.ts

@@ -1,5 +0,0 @@
-export declare const Tooltip: import('react').ForwardRefExoticComponent<import('@mantine/core').TooltipProps & import('react').RefAttributes<HTMLDivElement> & {
-    component?: any;
-    renderRoot?: (props: Record<string, any>) => React.ReactNode;
-}>;
-export declare const ActionIcon: <L = "button">(props: import('@mantine/core').PolymorphicComponentProps<L, import('@mantine/core').ActionIconProps>) => React.ReactElement;

package/dist/ui/top-left/styles.css.d.ts

@@ -1,3 +0,0 @@
-export declare const panel: string;
-export declare const autolayoutIcon: string;
-export declare const autolayoutIndicator: string;

package/dist/xyflow/EdgeMarkers.d.ts

@@ -1,12 +0,0 @@
-import { SVGProps } from 'react';
-
-export declare const EdgeMarkers: {
-    Arrow: (props: SVGProps<SVGMarkerElement>) => import("react/jsx-runtime").JSX.Element;
-    OArrow: (props: SVGProps<SVGMarkerElement>) => import("react/jsx-runtime").JSX.Element;
-    Open: (props: SVGProps<SVGMarkerElement>) => import("react/jsx-runtime").JSX.Element;
-    Diamond: (props: SVGProps<SVGMarkerElement>) => import("react/jsx-runtime").JSX.Element;
-    ODiamond: (props: SVGProps<SVGMarkerElement>) => import("react/jsx-runtime").JSX.Element;
-    Dot: (props: SVGProps<SVGMarkerElement>) => import("react/jsx-runtime").JSX.Element;
-    ODot: (props: SVGProps<SVGMarkerElement>) => import("react/jsx-runtime").JSX.Element;
-};
-export type EdgeMarkerType = keyof typeof EdgeMarkers;

package/dist/xyflow/FitviewOnDiagramChange.d.ts

@@ -1,4 +0,0 @@
-/**
- * Fits the view when diagram changes
- */
-export declare function FitViewOnDiagramChange(): import("react/jsx-runtime").JSX.Element | null;

package/dist/xyflow/SelectEdgesOnNodeFocus.d.ts

@@ -1 +0,0 @@
-export declare function SelectEdgesOnNodeFocus(): null;

package/dist/xyflow/XYFlow.d.ts

@@ -1,12 +0,0 @@
-import { CSSProperties, PropsWithChildren } from 'react';
-
-type XYFlowWrapperProps = PropsWithChildren<{
-    colorMode?: 'system' | 'light' | 'dark';
-    className?: string | undefined;
-    style?: CSSProperties | undefined;
-}>;
-export declare function XYFlow({ colorMode, className, children, style }: XYFlowWrapperProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace XYFlow {
-    var displayName: string;
-}
-export {};

package/dist/xyflow/XYFlowBackground.d.ts

@@ -1,11 +0,0 @@
-import { BackgroundProps } from '@xyflow/react';
-import { OverrideProperties } from 'type-fest';
-
-export type XYBackgroundVariant = 'dots' | 'lines' | 'cross';
-export type XYBackground = XYBackgroundVariant | OverrideProperties<BackgroundProps, {
-    variant: XYBackgroundVariant;
-}>;
-export type XYBackgroundProps = {
-    background: XYBackground;
-};
-export declare function XYFlowBackground({ background }: XYBackgroundProps): import("react/jsx-runtime").JSX.Element;

package/dist/xyflow/XYFlowEvents.d.ts

@@ -1,161 +0,0 @@
-import { ReactFlowProps } from '@xyflow/react';
-import { Simplify } from 'type-fest';
-import { XYFlowEdge, XYFlowNode } from './types';
-
-export type XYFlowEventHandlers = Simplify<Required<Pick<ReactFlowProps<XYFlowNode, XYFlowEdge>, 'onDoubleClick' | 'onPaneClick' | 'onNodeClick' | 'onNodeDoubleClick' | 'onEdgeClick' | 'onEdgeDoubleClick' | 'onMoveEnd' | 'onNodeContextMenu' | 'onEdgeContextMenu' | 'onPaneContextMenu' | 'onNodeMouseEnter' | 'onNodeMouseLeave' | 'onEdgeMouseEnter' | 'onEdgeMouseLeave'>>>;
-export declare function useXYFlowEvents(): {
-    onDoubleClick: (event: import('react').MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    onPaneClick: (event: import('react').MouseEvent<Element, MouseEvent>) => void;
-    onNodeContextMenu: (event: import('react').MouseEvent<Element, MouseEvent>, xynode: XYFlowNode) => void;
-    onPaneContextMenu: (event: MouseEvent | import('react').MouseEvent<Element, MouseEvent>) => void;
-    onEdgeContextMenu: (event: import('react').MouseEvent<Element, MouseEvent>, xyedge: {
-        id: string;
-        type: "relationship";
-        source: string;
-        target: string;
-        sourceHandle?: string | null;
-        targetHandle?: string | null;
-        animated?: boolean;
-        hidden?: boolean;
-        deletable?: boolean;
-        selectable?: boolean;
-        data: import('./types').RelationshipData;
-        selected?: boolean;
-        markerStart?: import('@xyflow/react').EdgeMarkerType;
-        markerEnd?: import('@xyflow/react').EdgeMarkerType;
-        zIndex?: number;
-        ariaLabel?: string;
-        interactionWidth?: number;
-        label?: string | import('react').ReactNode;
-        labelStyle?: import('react').CSSProperties;
-        labelShowBg?: boolean;
-        labelBgStyle?: import('react').CSSProperties;
-        labelBgPadding?: [number, number];
-        labelBgBorderRadius?: number;
-        style?: import('react').CSSProperties;
-        className?: string;
-        reconnectable?: boolean | import('@xyflow/react').HandleType;
-        focusable?: boolean;
-    }) => void;
-    onNodeClick: (event: import('react').MouseEvent<Element, MouseEvent>, xynode: XYFlowNode) => void;
-    onNodeDoubleClick: (event: import('react').MouseEvent<Element, MouseEvent>, xynode: XYFlowNode) => void;
-    onEdgeClick: (event: import('react').MouseEvent<Element, MouseEvent>, xyedge: {
-        id: string;
-        type: "relationship";
-        source: string;
-        target: string;
-        sourceHandle?: string | null;
-        targetHandle?: string | null;
-        animated?: boolean;
-        hidden?: boolean;
-        deletable?: boolean;
-        selectable?: boolean;
-        data: import('./types').RelationshipData;
-        selected?: boolean;
-        markerStart?: import('@xyflow/react').EdgeMarkerType;
-        markerEnd?: import('@xyflow/react').EdgeMarkerType;
-        zIndex?: number;
-        ariaLabel?: string;
-        interactionWidth?: number;
-        label?: string | import('react').ReactNode;
-        labelStyle?: import('react').CSSProperties;
-        labelShowBg?: boolean;
-        labelBgStyle?: import('react').CSSProperties;
-        labelBgPadding?: [number, number];
-        labelBgBorderRadius?: number;
-        style?: import('react').CSSProperties;
-        className?: string;
-        reconnectable?: boolean | import('@xyflow/react').HandleType;
-        focusable?: boolean;
-    }) => void;
-    onEdgeDoubleClick: (event: import('react').MouseEvent<Element, MouseEvent>, xyedge: {
-        id: string;
-        type: "relationship";
-        source: string;
-        target: string;
-        sourceHandle?: string | null;
-        targetHandle?: string | null;
-        animated?: boolean;
-        hidden?: boolean;
-        deletable?: boolean;
-        selectable?: boolean;
-        data: import('./types').RelationshipData;
-        selected?: boolean;
-        markerStart?: import('@xyflow/react').EdgeMarkerType;
-        markerEnd?: import('@xyflow/react').EdgeMarkerType;
-        zIndex?: number;
-        ariaLabel?: string;
-        interactionWidth?: number;
-        label?: string | import('react').ReactNode;
-        labelStyle?: import('react').CSSProperties;
-        labelShowBg?: boolean;
-        labelBgStyle?: import('react').CSSProperties;
-        labelBgPadding?: [number, number];
-        labelBgBorderRadius?: number;
-        style?: import('react').CSSProperties;
-        className?: string;
-        reconnectable?: boolean | import('@xyflow/react').HandleType;
-        focusable?: boolean;
-    }) => void;
-    onMoveEnd: (event: MouseEvent | TouchEvent | null, _viewport: import('@xyflow/react').Viewport) => void;
-    onNodeMouseEnter: (_event: import('react').MouseEvent<Element, MouseEvent>, xynode: XYFlowNode) => void;
-    onNodeMouseLeave: (_event: import('react').MouseEvent<Element, MouseEvent>, xynode: XYFlowNode) => void;
-    onEdgeMouseEnter: (_event: import('react').MouseEvent<Element, MouseEvent>, { id, source, target }: {
-        id: string;
-        type: "relationship";
-        source: string;
-        target: string;
-        sourceHandle?: string | null;
-        targetHandle?: string | null;
-        animated?: boolean;
-        hidden?: boolean;
-        deletable?: boolean;
-        selectable?: boolean;
-        data: import('./types').RelationshipData;
-        selected?: boolean;
-        markerStart?: import('@xyflow/react').EdgeMarkerType;
-        markerEnd?: import('@xyflow/react').EdgeMarkerType;
-        zIndex?: number;
-        ariaLabel?: string;
-        interactionWidth?: number;
-        label?: string | import('react').ReactNode;
-        labelStyle?: import('react').CSSProperties;
-        labelShowBg?: boolean;
-        labelBgStyle?: import('react').CSSProperties;
-        labelBgPadding?: [number, number];
-        labelBgBorderRadius?: number;
-        style?: import('react').CSSProperties;
-        className?: string;
-        reconnectable?: boolean | import('@xyflow/react').HandleType;
-        focusable?: boolean;
-    }) => void;
-    onEdgeMouseLeave: (_event: import('react').MouseEvent<Element, MouseEvent>, xyedge: {
-        id: string;
-        type: "relationship";
-        source: string;
-        target: string;
-        sourceHandle?: string | null;
-        targetHandle?: string | null;
-        animated?: boolean;
-        hidden?: boolean;
-        deletable?: boolean;
-        selectable?: boolean;
-        data: import('./types').RelationshipData;
-        selected?: boolean;
-        markerStart?: import('@xyflow/react').EdgeMarkerType;
-        markerEnd?: import('@xyflow/react').EdgeMarkerType;
-        zIndex?: number;
-        ariaLabel?: string;
-        interactionWidth?: number;
-        label?: string | import('react').ReactNode;
-        labelStyle?: import('react').CSSProperties;
-        labelShowBg?: boolean;
-        labelBgStyle?: import('react').CSSProperties;
-        labelBgPadding?: [number, number];
-        labelBgBorderRadius?: number;
-        style?: import('react').CSSProperties;
-        className?: string;
-        reconnectable?: boolean | import('@xyflow/react').HandleType;
-        focusable?: boolean;
-    }) => void;
-};

package/dist/xyflow/XYFlowInner.d.ts

@@ -1,10 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { LikeC4DiagramProperties } from '../LikeC4Diagram.props';
-
-type XYFlowInnerProps = PropsWithChildren<{
-    background: NonNullable<LikeC4DiagramProperties['background']>;
-    controls: boolean;
-    showDiagramTitle: boolean;
-}>;
-export declare const XYFlowInner: import('react').NamedExoticComponent<XYFlowInnerProps>;
-export {};

package/dist/xyflow/const.d.ts

@@ -1,7 +0,0 @@
-export declare const ZIndexes: {
-    readonly Compound: 2;
-    readonly Edge: 4;
-    readonly Element: 6;
-};
-export declare const MinZoom = 0.1;
-export declare const MaxZoom = 2;

package/dist/xyflow/edges/RelationshipEdge.d.ts

@@ -1,32 +0,0 @@
-import { EdgeProps } from '@xyflow/react';
-import { RelationshipData } from '../types';
-
-export declare const RelationshipEdge: import('react').NamedExoticComponent<EdgeProps<{
-    id: string;
-    type: "relationship";
-    source: string;
-    target: string;
-    sourceHandle?: string | null;
-    targetHandle?: string | null;
-    animated?: boolean;
-    hidden?: boolean;
-    deletable?: boolean;
-    selectable?: boolean;
-    data: RelationshipData;
-    selected?: boolean;
-    markerStart?: import('@xyflow/react').EdgeMarkerType;
-    markerEnd?: import('@xyflow/react').EdgeMarkerType;
-    zIndex?: number;
-    ariaLabel?: string;
-    interactionWidth?: number;
-    label?: string | import('react').ReactNode;
-    labelStyle?: import('react').CSSProperties;
-    labelShowBg?: boolean;
-    labelBgStyle?: import('react').CSSProperties;
-    labelBgPadding?: [number, number];
-    labelBgBorderRadius?: number;
-    style?: import('react').CSSProperties;
-    className?: string;
-    reconnectable?: boolean | import('@xyflow/react').HandleType;
-    focusable?: boolean;
-}>>;

package/dist/xyflow/edges/edges.css.d.ts

@@ -1,12 +0,0 @@
-export declare const container: string;
-export declare const dimmed: string;
-export declare const edgePathBg: string;
-export declare const markerContext: string;
-export declare const controlPoint: string;
-export declare const controlDragging: string;
-export declare const cssEdgePath: string;
-export declare const stepEdgeNumber: string;
-export declare const varLabelX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-export declare const varLabelY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-export declare const edgeLabel: string;
-export declare const edgeLabelText: string;

package/dist/xyflow/edges/utils.d.ts

@@ -1,17 +0,0 @@
-import { Position, XYPosition } from '@xyflow/react';
-import { InternalXYFlowNode } from '../types';
-
-export declare function getNodeCenter(node: InternalXYFlowNode): XYPosition;
-export declare function getNodeIntersectionFromCenterToPoint(intersectionNode: InternalXYFlowNode, { x: x1, y: y1 }: XYPosition): {
-    x: number;
-    y: number;
-};
-export declare function getPointPosition(node: InternalXYFlowNode, intersectionPoint: XYPosition): readonly [number, number, Position];
-export declare function getEdgeParams(source: InternalXYFlowNode, target: InternalXYFlowNode): {
-    sx: number;
-    sy: number;
-    tx: number;
-    ty: number;
-    sourcePos: Position;
-    targetPos: Position;
-};

package/dist/xyflow/nodes/compound/CompoundNode.css.d.ts

@@ -1,11 +0,0 @@
-export declare const container: string;
-export declare const nodeHandlerInCenter: string;
-export declare const dimmed: string;
-export declare const varOpacity: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-export declare const varBorderTransparency: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-export declare const compoundBody: string;
-export declare const transparent: string;
-export declare const title: string;
-export declare const titleWithNavigation: string;
-export declare const indicator: string;
-export declare const navigateBtn: string;

package/dist/xyflow/nodes/compound/CompoundNode.d.ts

@@ -1,6 +0,0 @@
-import { NodeProps } from '@xyflow/react';
-import { CompoundXYFlowNode } from '../../types';
-
-type CompoundNodeProps = Pick<NodeProps<CompoundXYFlowNode>, 'id' | 'data' | 'width' | 'height' | 'selected'>;
-export declare const CompoundNodeMemo: import('react').NamedExoticComponent<CompoundNodeProps>;
-export {};

package/dist/xyflow/nodes/compound/index.d.ts

@@ -1 +0,0 @@
-export { CompoundNodeMemo as CompoundNode } from './CompoundNode';

package/dist/xyflow/nodes/element/ElementLink.css.d.ts

@@ -1,3 +0,0 @@
-export declare const elementLink: string;
-export declare const trigger: string;
-export declare const linkButton: string;

package/dist/xyflow/nodes/element/ElementLink.d.ts

@@ -1,7 +0,0 @@
-import { XYFlowNode } from '../../types';
-
-type ElementLinkProps = {
-    element: XYFlowNode['data']['element'];
-};
-export declare function ElementLink({ element }: ElementLinkProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/xyflow/nodes/element/ElementNode.d.ts

@@ -1,6 +0,0 @@
-import { NodeProps } from '@xyflow/react';
-import { ElementXYFlowNode } from '../../types';
-
-type ElementNodeProps = NodeProps<ElementXYFlowNode>;
-export declare const ElementNodeMemo: import('react').NamedExoticComponent<ElementNodeProps>;
-export {};

package/dist/xyflow/nodes/element/ElementShapeSvg.d.ts

@@ -1,18 +0,0 @@
-import { ElementShape } from '@likec4/core';
-
-export declare function cylinderSVGPath(diameter: number, height: number, tilt?: number): {
-    path: string;
-    ry: number;
-    rx: number;
-};
-type ElementShapeSvgProps = {
-    shape: ElementShape;
-    w: number;
-    h: number;
-};
-export declare function ElementShapeSvg({ shape, w, h }: ElementShapeSvgProps): import("react/jsx-runtime").JSX.Element;
-/**
- * When element is selected, this component is used to render the indicator
- */
-export declare function SelectedIndicator({ shape, w, h }: ElementShapeSvgProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/xyflow/nodes/element/element.css.d.ts

@@ -1,19 +0,0 @@
-export declare const stokeFillMix: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-export declare const container: string;
-export declare const handleCenter: string;
-export declare const containerAnimated: string;
-export declare const dimmed: string;
-export declare const indicator: string;
-export declare const fillElementFill: string;
-export declare const fillElementStroke: string;
-export declare const fillMixStroke: string;
-export declare const hasIcon: string;
-export declare const title: string;
-export declare const description: string;
-export declare const technology: string;
-export declare const elementDataContainer: string;
-export declare const elementTextData: string;
-export declare const elementIcon: string;
-export declare const cssShapeSvgMultiple: string;
-export declare const cssShapeSvg: string;
-export declare const cssNavigateBtn: string;

package/dist/xyflow/nodes/element/index.d.ts

@@ -1 +0,0 @@
-export { ElementNodeMemo as ElementNode } from './ElementNode';

package/dist/xyflow/nodes/shared/NavigateToBtn.d.ts

@@ -1,5 +0,0 @@
-export type NavigateToBtnProps = {
-    xynodeId: string;
-    className?: string;
-};
-export declare function NavigateToBtn({ xynodeId, className }: NavigateToBtnProps): import("react/jsx-runtime").JSX.Element;

package/dist/xyflow/types.d.ts

@@ -1,50 +0,0 @@
-import { BBox, DiagramEdge, DiagramNode, Fqn, XYPoint } from '@likec4/core';
-import { Edge, EdgeMouseHandler, InternalNode, Node, NodeMouseHandler, OnMoveEnd, OnMoveStart, ReactFlowInstance, ReactFlowState } from '@xyflow/react';
-import { MouseEvent as ReactMouseEvent } from 'react';
-import { Simplify } from 'type-fest';
-
-export type ElementXYFlowNode = Node<{
-    fqn: Fqn;
-    element: DiagramNode;
-}, 'element'>;
-export type CompoundXYFlowNode = Node<{
-    fqn: Fqn;
-    element: DiagramNode;
-}, 'compound'>;
-export type XYFlowNode = ElementXYFlowNode | CompoundXYFlowNode;
-export type InternalXYFlowNode = InternalNode<XYFlowNode>;
-export declare namespace XYFlowNode {
-    function isCompound(node: unknown): node is CompoundXYFlowNode;
-    function isElement(node: Node): node is ElementXYFlowNode;
-    const is: (node: Node) => node is XYFlowNode;
-}
-export type RelationshipData = {
-    edge: DiagramEdge;
-    controlPoints: XYPoint[] | null;
-    stepNum: number | null;
-    label: null | {
-        bbox: BBox;
-        text: string;
-    };
-};
-export type RelationshipEdge = Simplify<Edge<RelationshipData, 'relationship'> & {
-    type: 'relationship';
-    data: RelationshipData;
-}>;
-export type XYFlowEdge = RelationshipEdge;
-export declare namespace XYFlowEdge {
-    type Data = RelationshipData;
-    const isRelationship: (e: Edge) => e is RelationshipEdge;
-}
-export type XYFlowInstance = ReactFlowInstance<XYFlowNode, XYFlowEdge>;
-export type XYFlowState = ReactFlowState<XYFlowNode, XYFlowEdge>;
-export type XYFlowEventHandlers = {
-    onPanelClick: (event: ReactMouseEvent) => void;
-    onNodeContextMenu: NodeMouseHandler<XYFlowNode>;
-    onEdgeContextMenu: EdgeMouseHandler<XYFlowEdge>;
-    onPaneContextMenu: (event: ReactMouseEvent | MouseEvent) => void;
-    onNodeClick: NodeMouseHandler<XYFlowNode>;
-    onEdgeClick: EdgeMouseHandler<XYFlowEdge>;
-    onMoveStart: OnMoveStart;
-    onMoveEnd: OnMoveEnd;
-};

package/dist/xyflow/useLayoutConstraints.d.ts

@@ -1,9 +0,0 @@
-import { ReactFlowProps } from '@xyflow/react';
-import { XYFlowNode } from './types';
-
-type LayoutConstraints = Required<Pick<ReactFlowProps<XYFlowNode>, 'onNodeDragStart' | 'onNodeDrag' | 'onNodeDragStop'>>;
-/**
- * Keeps the layout constraints (parent nodes and children) when dragging a node
- */
-export declare function useLayoutConstraints(): LayoutConstraints;
-export {};

package/dist/xyflow/utils.d.ts

@@ -1,18 +0,0 @@
-import { DiagramEdge, Point } from '@likec4/core';
-import { Rect, XYPosition } from '@xyflow/react';
-import { InternalXYFlowNode } from './types';
-
-export declare function toDomPrecision(v: number | null): number;
-export declare function distance(a: XYPosition, b: XYPosition): number;
-export declare const nodeToRect: (nd: InternalXYFlowNode) => Rect;
-/**
- * Checks if a rectangle is completely inside another rectangle.
- *
- * @param test - The rectangle to test.
- * @param target - The target rectangle.
- * @returns `true` if the `test` rectangle is completely inside the `target` rectangle, otherwise `false`.
- */
-export declare const isInside: (test: Rect, target: Rect) => boolean;
-export declare function bezierControlPoints(diagramEdge: DiagramEdge): XYPosition[];
-export declare function isSamePoint(a: XYPosition | Point, b: XYPosition | Point): boolean;
-export declare function distanceBetweenPoints(a: XYPosition, b: XYPosition): number;