semiotic 2.0.2 → 3.0.0-beta.1

package/ai/system-prompt.md

@@ -0,0 +1,38 @@
+# Semiotic — React Data Visualization
+
+Use `import { ComponentName } from "semiotic/ai"` for all components below.
+
+## Flat Array Data (`data: object[]`)
+- **LineChart** — `xAccessor`, `yAccessor`, `lineBy` (multi-line), `curve`
+- **AreaChart** — `xAccessor`, `yAccessor`, `areaBy`, `areaOpacity`
+- **StackedAreaChart** — `xAccessor`, `yAccessor`, `areaBy` (required), `normalize`
+- **Scatterplot** — `xAccessor`, `yAccessor`, `colorBy`, `sizeBy`
+- **BubbleChart** — `xAccessor`, `yAccessor`, **`sizeBy`** (required), `sizeRange`
+- **Heatmap** — `xAccessor`, `yAccessor`, `valueAccessor`, `colorScheme` ("blues"|"reds"|"greens"|"viridis")
+- **BarChart** — `categoryAccessor`, `valueAccessor`, `orientation`, `sort`
+- **StackedBarChart** — `categoryAccessor`, `valueAccessor`, **`stackBy`** (required), `normalize`
+- **GroupedBarChart** — `categoryAccessor`, `valueAccessor`, **`groupBy`** (required)
+- **SwarmPlot** — `categoryAccessor`, `valueAccessor`, `pointRadius`
+- **BoxPlot** — `categoryAccessor`, `valueAccessor`, `showOutliers`
+- **DotPlot** — `categoryAccessor`, `valueAccessor`, `sort`, `dotRadius`
+- **PieChart** — `categoryAccessor`, `valueAccessor`
+- **DonutChart** — `categoryAccessor`, `valueAccessor`, `innerRadius`, `centerContent`
+
+## Hierarchical Data (`data: { children: [...] }`)
+- **TreeDiagram** — `childrenAccessor`, `nodeIdAccessor`, `layout` ("tree"|"cluster"|"partition"), `orientation`
+- **Treemap** — `childrenAccessor`, `valueAccessor`, `nodeIdAccessor`, `colorByDepth`
+- **CirclePack** — `childrenAccessor`, `valueAccessor`, `nodeIdAccessor`, `colorByDepth`
+
+## Network Data (`nodes: object[]`, `edges: object[]`)
+- **ForceDirectedGraph** — **`nodes`**, **`edges`** (both required), `nodeIDAccessor`, `sourceAccessor`, `targetAccessor`
+- **SankeyDiagram** — **`edges`** (required), `sourceAccessor`, `targetAccessor`, `valueAccessor`
+- **ChordDiagram** — **`edges`** (required), `sourceAccessor`, `targetAccessor`, `valueAccessor`
+
+## Realtime (ref-based push API, canvas)
+- **RealtimeLineChart** — `ref.current.push(datum)`, `timeAccessor`, `valueAccessor`, `windowSize`
+- **RealtimeBarChart** — **`binSize`** (required), `timeAccessor`, `valueAccessor`
+- **RealtimeSwarmChart** — `timeAccessor`, `valueAccessor`, `categoryAccessor`
+- **RealtimeWaterfallChart** — `timeAccessor`, `valueAccessor`, `positiveColor`, `negativeColor`
+
+## Common Props (all components)
+`width`, `height`, `margin`, `title`, `colorBy`, `colorScheme`, `enableHover`, `tooltip`, `showLegend`, `className`, `frameProps`

package/dist/Annotation.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { AnnotationProps } from "./types/annotationTypes";
+export default function SemioticAnnotation(props: AnnotationProps): React.JSX.Element;

package/dist/AnnotationLayer/AnnotationLayer.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { AnnotationHandling, AnnotationTypes, AnnotationType } from "./../types/annotationTypes";
+import { LegendProps } from "./../types/legendTypes";
+export interface AnnotationLayerProps {
+    legendSettings?: LegendProps;
+    margin: {
+        top?: number;
+        left?: number;
+        right?: number;
+        bottom?: number;
+    };
+    size: number[];
+    axes?: React.ReactNode[];
+    annotationHandling?: AnnotationHandling | AnnotationTypes;
+    annotations: AnnotationType[];
+    pointSizeFunction?: Function;
+    labelSizeFunction?: Function;
+    svgAnnotationRule: Function;
+    htmlAnnotationRule: Function;
+    position?: number[];
+}
+export interface UpdatedAnnotationLayerProps extends AnnotationLayerProps {
+    voronoiHover: Function;
+}
+export default function AnnotationLayer(props: AnnotationLayerProps): React.JSX.Element;

package/dist/Axis/Axis.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { AxisProps } from "./../types/annotationTypes";
+declare const marginalPointMapper: (orient: any, width: any, data: any) => any;
+declare function formatValue(value: any, props: any): any;
+declare const boundingBoxMax: (axisNode: any, orient: any) => number;
+export default function Axis(props: AxisProps): React.JSX.Element;
+export { marginalPointMapper, formatValue, boundingBoxMax };

package/dist/Axis/axisTitle.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface AxisTitleProps {
+    className: string;
+    translation: Array<number>;
+    position: Array<number>;
+    rotation: number | string;
+    labelName: any;
+    anchorMod: "inherit" | "middle" | "end" | "start";
+}
+export default function AxisTitle(props: AxisTitleProps): React.JSX.Element;

package/dist/Axis/index.d.ts

@@ -0,0 +1,2 @@
+import Axis from './Axis';
+export default Axis;

package/dist/Axis/summaryGraphic.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface SummaryGraphicProps {
+    translation: {
+        left: Array<number>;
+        right: Array<number>;
+        top: Array<number>;
+        bottom: Array<number>;
+    };
+    orient: "left" | "right" | "top" | "bottom";
+    decoratedSummaryType: {
+        type: string;
+    };
+    summaryWidth: number;
+    renderedSummary: any;
+    points?: React.ReactNode;
+}
+export default function SummaryGraphic(props: SummaryGraphicProps): React.JSX.Element;

package/dist/Brush.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+interface BrushProps {
+    extent?: number[] | number[][];
+    selectedExtent?: number[] | number[][];
+    svgBrush: {
+        (): () => void;
+        move: Function;
+    };
+    position?: number[];
+}
+export default function Brush(props: BrushProps): React.JSX.Element;
+export {};

package/dist/DividedLine.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { ProjectedLine } from "./types/generalTypes";
+interface DividedLineProps {
+    parameters: Function;
+    className: string;
+    customAccessors: {
+        x: Function;
+        y: Function;
+    };
+    lineDataAccessor: Function;
+    data: ProjectedLine[];
+    interpolate?: Function;
+    searchIterations?: number;
+}
+export default function DividedLine(props: DividedLineProps): React.JSX.Element;
+export {};

package/dist/FacetController.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { OrdinalFrameProps } from "./types/ordinalTypes";
+import { XYFrameProps } from "./types/xyTypes";
+interface FacetControllerProps {
+    children: React.ReactElement;
+    sharedRExtent: boolean;
+    sharedXExtent: boolean;
+    sharedYExtent: boolean;
+}
+type Props = FacetControllerProps & OrdinalFrameProps & XYFrameProps;
+export default function FacetController(props: Props): React.JSX.Element;
+export {};

package/dist/Frame.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export default function Frame(props: any): React.JSX.Element;

package/dist/InteractionLayer.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { InteractionLayerProps } from "./types/interactionTypes";
+export default function InteractionLayer(props: InteractionLayerProps): React.JSX.Element;

package/dist/Legend.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { LegendProps } from "./types/legendTypes";
+export default function Legend(props: LegendProps): React.JSX.Element;

package/dist/MiniMap.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { XYFrameProps } from "./types/xyTypes";
+export interface MinimapProps extends XYFrameProps {
+    brushStart: Function;
+    brush: Function;
+    brushEnd: Function;
+    xBrushable: boolean;
+    yBrushable: boolean;
+    yBrushExtent?: number[];
+    xBrushExtent?: number[];
+    size: number[];
+}
+declare const MiniMap: (props: MinimapProps) => React.JSX.Element;
+export default MiniMap;

package/dist/MinimapXYFrame.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { XYFrameProps } from "./types/xyTypes";
+interface MinimapXYFrameProps<TDatum = Record<string, any>> extends XYFrameProps<TDatum> {
+    renderBefore?: boolean;
+    minimap: {
+        summaries: object[];
+    };
+}
+export default function MinimapXYFrame<TDatum = Record<string, any>>(props: MinimapXYFrameProps<TDatum>): React.JSX.Element;
+export {};

package/dist/NetworkFrame.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { NetworkFrameProps } from "./types/networkTypes";
+export declare function NetworkFrameInner<TNode = Record<string, any>, TEdge = Record<string, any>>(allProps: NetworkFrameProps<TNode, TEdge>): React.JSX.Element;
+export declare namespace NetworkFrameInner {
+    var displayName: string;
+}
+declare const NetworkFrame: typeof NetworkFrameInner;
+export default NetworkFrame;

package/dist/OrdinalFrame.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { OrdinalFrameProps } from "./types/ordinalTypes";
+export declare function OrdinalFrameInner<TDatum = Record<string, any>>(allProps: OrdinalFrameProps<TDatum>): React.JSX.Element;
+export declare namespace OrdinalFrameInner {
+    var displayName: string;
+}
+declare const OrdinalFrame: typeof OrdinalFrameInner;
+export default OrdinalFrame;

package/dist/ResponsiveFrame.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { OrdinalFrameProps } from "./types/ordinalTypes";
+import { XYFrameProps } from "./types/xyTypes";
+import { NetworkFrameProps } from "./types/networkTypes";
+export interface ResponsiveFrameProps {
+    debounce?: number;
+    responsiveWidth?: boolean;
+    responsiveHeight?: boolean;
+    gridDisplay?: boolean;
+    elementResizeEvent?: Function;
+}
+export interface ResponsiveFrameState {
+    containerHeight?: number;
+    containerWidth?: number;
+}
+type ActualFrameProps = OrdinalFrameProps | XYFrameProps | NetworkFrameProps;
+declare const createResponsiveFrame: (ParticularFrame: any) => {
+    (props: ResponsiveFrameProps & ActualFrameProps): React.JSX.Element;
+    isResizing: NodeJS.Timeout;
+    displayName: string;
+};
+export default createResponsiveFrame;

package/dist/ResponsiveMinimapXYFrame.d.ts

@@ -0,0 +1,3 @@
+import { ResponsiveFrameProps } from "./ResponsiveFrame";
+import { XYFrameProps } from "./types/xyTypes";
+export declare const ResponsiveMinimapXYFrame: <TDatum = Record<string, any>>(props: ResponsiveFrameProps & XYFrameProps<TDatum>) => JSX.Element;

package/dist/ResponsiveNetworkFrame.d.ts

@@ -0,0 +1,3 @@
+import { ResponsiveFrameProps } from "./ResponsiveFrame";
+import { NetworkFrameProps } from "./types/networkTypes";
+export declare const ResponsiveNetworkFrame: <TNode = Record<string, any>, TEdge = Record<string, any>>(props: ResponsiveFrameProps & NetworkFrameProps<TNode, TEdge>) => JSX.Element;

package/dist/ResponsiveOrdinalFrame.d.ts

@@ -0,0 +1,3 @@
+import { ResponsiveFrameProps } from "./ResponsiveFrame";
+import { OrdinalFrameProps } from "./types/ordinalTypes";
+export declare const ResponsiveOrdinalFrame: <TDatum = Record<string, any>>(props: ResponsiveFrameProps & OrdinalFrameProps<TDatum>) => JSX.Element;

package/dist/ResponsiveXYFrame.d.ts

@@ -0,0 +1,3 @@
+import { ResponsiveFrameProps } from "./ResponsiveFrame";
+import { XYFrameProps } from "./types/xyTypes";
+export declare const ResponsiveXYFrame: <TDatum = Record<string, any>>(props: ResponsiveFrameProps & XYFrameProps<TDatum>) => JSX.Element;

package/dist/SparkFrame.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+type SparkFrameProps = {
+    sparkStyle?: object;
+    size?: number | number[];
+};
+export declare const axisDefaults: {
+    tickFormat: () => string;
+    baseline: boolean;
+};
+export declare const xyFrameDefaults: (props: any) => any;
+export declare const ordinalFrameDefaults: (props: any) => any;
+export declare const networkFrameDefaults: (props: any) => any;
+export default function createSparkFrame(Frame: any, defaults: any, frameName: any): (props: SparkFrameProps) => React.JSX.Element;
+export {};

package/dist/SparkNetworkFrame.d.ts

@@ -0,0 +1,5 @@
+import { NetworkFrameProps } from "./types/networkTypes";
+export declare const SparkNetworkFrame: <TNode = Record<string, any>, TEdge = Record<string, any>>(props: NetworkFrameProps<TNode, TEdge> & {
+    sparkStyle?: object;
+    size?: number | number[];
+}) => JSX.Element;

package/dist/SparkOrdinalFrame.d.ts

@@ -0,0 +1,5 @@
+import { OrdinalFrameProps } from "./types/ordinalTypes";
+export declare const SparkOrdinalFrame: <TDatum = Record<string, any>>(props: OrdinalFrameProps<TDatum> & {
+    sparkStyle?: object;
+    size?: number | number[];
+}) => JSX.Element;

package/dist/SparkXYFrame.d.ts

@@ -0,0 +1,5 @@
+import { XYFrameProps } from "./types/xyTypes";
+export declare const SparkXYFrame: <TDatum = Record<string, any>>(props: XYFrameProps<TDatum> & {
+    sparkStyle?: object;
+    size?: number | number[];
+}) => JSX.Element;

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,141 @@
+import * as React from "react";
+import type { Accessor } from "../charts/shared/types";
+/**
+ * Configuration for a single tooltip field
+ */
+export interface TooltipField {
+    /**
+     * Label for this field
+     */
+    label?: string;
+    /**
+     * Field name or accessor function to get the value
+     * (alias for 'accessor')
+     */
+    key?: Accessor;
+    /**
+     * Field name or accessor function to get the value
+     */
+    accessor?: Accessor;
+    /**
+     * Optional format function for the value
+     */
+    format?: (value: unknown) => string;
+}
+/**
+ * Base tooltip configuration
+ */
+export interface TooltipConfig {
+    /**
+     * Array of fields to display in the tooltip
+     * Can be simple field names or full TooltipField objects
+     */
+    fields?: Array<string | TooltipField>;
+    /**
+     * Custom title accessor (field name or function)
+     */
+    title?: Accessor<string>;
+    /**
+     * Custom format function for all values (if fields don't specify their own)
+     */
+    format?: (value: unknown) => string;
+    /**
+     * Custom style object for the tooltip container
+     */
+    style?: React.CSSProperties;
+    /**
+     * Custom className for the tooltip container
+     */
+    className?: string;
+}
+/**
+ * Multi-line tooltip configuration
+ */
+export interface MultiLineTooltipConfig extends TooltipConfig {
+    /**
+     * Show field labels (default: true)
+     */
+    showLabels?: boolean;
+    /**
+     * Separator between label and value (default: ": ")
+     */
+    separator?: string;
+}
+/**
+ * Default tooltip styles following best practices
+ */
+export declare const defaultTooltipStyle: React.CSSProperties;
+/**
+ * Create a simple tooltip that displays a single value or title
+ *
+ * @example
+ * ```tsx
+ * <Scatterplot
+ *   data={data}
+ *   tooltip={Tooltip({ title: "name" })}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <BarChart
+ *   data={data}
+ *   tooltip={Tooltip({
+ *     title: d => `${d.category}: ${d.value}`,
+ *     style: { background: "#333" }
+ *   })}
+ * />
+ * ```
+ */
+export declare function Tooltip(config?: TooltipConfig): (data: Record<string, unknown>) => React.JSX.Element;
+/**
+ * Create a multi-line tooltip that displays multiple fields
+ *
+ * @example
+ * ```tsx
+ * <Scatterplot
+ *   data={data}
+ *   tooltip={MultiLineTooltip({
+ *     fields: ["name", "value", "category"]
+ *   })}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <LineChart
+ *   data={data}
+ *   tooltip={MultiLineTooltip({
+ *     title: "series",
+ *     fields: [
+ *       { label: "X", accessor: "x", format: v => v.toFixed(2) },
+ *       { label: "Y", accessor: "y", format: v => v.toFixed(2) },
+ *       { label: "Category", accessor: "category" }
+ *     ]
+ *   })}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <BarChart
+ *   data={data}
+ *   tooltip={MultiLineTooltip({
+ *     fields: [
+ *       { label: "Category", accessor: "category" },
+ *       { label: "Sales", accessor: "value", format: v => `$${v.toLocaleString()}` }
+ *     ],
+ *     showLabels: true
+ *   })}
+ * />
+ * ```
+ */
+export declare function MultiLineTooltip(config?: MultiLineTooltipConfig): (data: Record<string, unknown>) => React.JSX.Element;
+/**
+ * Type for tooltip prop that chart components accept
+ */
+export type TooltipProp = boolean | ((data: Record<string, unknown>) => React.ReactNode) | ReturnType<typeof Tooltip> | ReturnType<typeof MultiLineTooltip>;
+/**
+ * Convert a tooltip prop to the format Semiotic expects
+ */
+export declare function normalizeTooltip(tooltip: TooltipProp): boolean | Function;

package/dist/TooltipPositioner/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+type Props = {
+    tooltipContent: Function;
+    tooltipContentArgs?: object;
+};
+export default function TooltipPositioner(props: Props): React.JSX.Element;
+export {};

package/dist/VisualizationLayer.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { RefObject } from "react";
+import { MarginType, RenderPipelineType, VizLayerTypes, RoughType, TransitionConfig } from "./types/generalTypes";
+import { ContextType } from "./types/canvasTypes";
+type Props = {
+    axes?: Array<React.ReactNode>;
+    frameKey?: string;
+    xScale: Function;
+    yScale: Function;
+    dataVersion?: string;
+    canvasContext?: RefObject<ContextType>;
+    width: number;
+    height: number;
+    margin: MarginType;
+    canvasPostProcess?: Function;
+    title?: JSX.Element | string;
+    ariaTitle?: string;
+    matte?: React.ReactNode;
+    matteClip?: boolean;
+    renderPipeline: RenderPipelineType;
+    projectedCoordinateNames: object;
+    position: Array<number>;
+    disableContext?: boolean;
+    renderOrder: ReadonlyArray<VizLayerTypes>;
+    sketchyRenderingEngine?: RoughType;
+    axesTickLines?: React.ReactNode;
+    frameRenderOrder: Array<string>;
+    additionalVizElements: object;
+    disableProgressiveRendering?: boolean;
+    transition?: boolean | TransitionConfig;
+};
+export default function VisualizationLayer(props: Props): React.JSX.Element;
+export {};

package/dist/XYFrame.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { XYFrameProps } from "./types/xyTypes";
+export declare function XYFrameInner<TDatum = Record<string, any>>(allProps: XYFrameProps<TDatum>): React.JSX.Element;
+export declare namespace XYFrameInner {
+    var displayName: string;
+}
+declare const XYFrame: typeof XYFrameInner;
+export default XYFrame;

package/dist/annotationLayerBehavior/annotationHandling.d.ts

@@ -0,0 +1,19 @@
+import { AnnotationProps } from "../types/annotationTypes";
+type NoteType = {
+    props: AnnotationProps;
+};
+type AnnotationTypes = "marginalia" | "bump" | false;
+interface Layout {
+    type: AnnotationTypes;
+    orient?: "nearest" | "left" | "right" | "top" | "bottom" | string[];
+    characterWidth?: number;
+    lineWidth?: number;
+    lineHeight?: number;
+    padding?: number;
+    iterations?: number;
+    pointSizeFunction?: Function;
+    labelSizeFunction?: Function;
+    marginOffset?: number;
+}
+export declare function bumpAnnotations(adjustableNotes: NoteType[], processor: Layout, size: number[], propsPointSizeFunction?: Function, propsLabelSizeFunction?: Function): NoteType[];
+export {};

package/dist/annotationLayerBehavior/d3labeler.d.ts

@@ -0,0 +1,9 @@
+export default function (): {
+    start: (x: any) => void;
+    width: (x: any) => void;
+    height: (x: any) => void;
+    label: (x: any) => void;
+    anchor: (x: any) => void;
+    alt_energy: (x: any) => void;
+    alt_schedule: (x: any) => void;
+};

package/dist/annotationRules/baseRules.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+export declare const circleEnclosure: ({ d, i, circle }: {
+    d: any;
+    i: any;
+    circle: any;
+}) => React.JSX.Element;
+export declare const rectangleEnclosure: ({ bboxNodes, d, i }: {
+    bboxNodes: any;
+    d: any;
+    i: any;
+}) => React.JSX.Element;
+export declare const hullEnclosure: ({ points, d, i }: {
+    points: any;
+    d: any;
+    i: any;
+}) => React.JSX.Element;
+export declare const desaturationLayer: ({ style, size, i, key }: {
+    style: {
+        fill?: string;
+        fillOpacity?: number;
+    };
+    size: number[];
+    i?: number;
+    key?: string;
+}) => React.JSX.Element;

package/dist/annotationRules/networkframeRules.d.ts

@@ -0,0 +1,48 @@
+import * as React from "react";
+export declare const htmlFrameHoverRule: ({ d: baseD, i, tooltipContent, optimizeCustomTooltipPosition, nodes, edges, nodeIDAccessor, adjustedSize }: {
+    d: any;
+    i: any;
+    tooltipContent: any;
+    optimizeCustomTooltipPosition: any;
+    nodes: any;
+    edges: any;
+    nodeIDAccessor: any;
+    adjustedSize: any;
+}) => React.JSX.Element;
+export declare const svgNodeRule: ({ d, i, nodeSizeAccessor }: {
+    d: any;
+    i: any;
+    nodeSizeAccessor: any;
+}) => React.JSX.Element;
+export declare const svgReactAnnotationRule: ({ d, i, projectedNodes, nodeIDAccessor }: {
+    d: any;
+    i: any;
+    projectedNodes: any;
+    nodeIDAccessor: any;
+}) => React.JSX.Element;
+export declare const svgEncloseRule: ({ d, i, projectedNodes, nodeIDAccessor, nodeSizeAccessor }: {
+    d: any;
+    i: any;
+    projectedNodes: any;
+    nodeIDAccessor: any;
+    nodeSizeAccessor: any;
+}) => React.JSX.Element;
+export declare const svgRectEncloseRule: ({ d, i, projectedNodes, nodeIDAccessor, nodeSizeAccessor }: {
+    d: any;
+    i: any;
+    projectedNodes: any;
+    nodeIDAccessor: any;
+    nodeSizeAccessor: any;
+}) => React.JSX.Element;
+export declare const svgHullEncloseRule: ({ d, i, projectedNodes, nodeIDAccessor, nodeSizeAccessor }: {
+    d: any;
+    i: any;
+    projectedNodes: any;
+    nodeIDAccessor: any;
+    nodeSizeAccessor: any;
+}) => React.JSX.Element;
+export declare const svgHighlightRule: ({ d, i, networkFrameRender }: {
+    d: any;
+    i: any;
+    networkFrameRender: any;
+}) => any;