@ctrl-ui/react 0.8.20 → 0.9.0

package/dist/ui/chart-cartesian.d.ts

@@ -0,0 +1,801 @@
+import { ChartColor } from "./chart-colors.js";
+import { ChartFill, ChartSeries, ChartSeriesRow, ChartValueKey, ChartXKey, ChartXValue } from "./chart-series.js";
+import { ChartCurveName } from "./chart-curves.js";
+import { ChartReference } from "./chart-marks.js";
+import { ChartPositionScaleOptions } from "@tanstack/charts";
+import { scaleLinear } from "@tanstack/charts/scales/linear";
+//#region src/ui/chart-cartesian.d.ts
+export type CartesianChartOptions<TDatum> = {
+  data: readonly TDatum[];
+  x: ChartXKey<TDatum>;
+  series: readonly ChartSeries<TDatum>[];
+  fill?: ChartFill;
+  xScale?: Partial<ChartPositionScaleOptions>;
+  yScale?: Partial<ChartPositionScaleOptions>;
+  formatX?: (value: ChartXValue) => string;
+  formatValue?: (value: number) => string;
+  formatTick?: (value: number) => string;
+  locale?: Intl.LocalesArgument;
+  references?: readonly ChartReference[];
+  grid?: boolean;
+  tooltip?: boolean;
+};
+export type AreaChartOptions<TDatum> = CartesianChartOptions<TDatum> & {
+  stacked?: boolean | "percent";
+  curve?: ChartCurveName;
+};
+export type LineChartOptions<TDatum> = CartesianChartOptions<TDatum> & {
+  curve?: ChartCurveName;
+  dots?: boolean;
+};
+export type BarChartOptions<TDatum> = CartesianChartOptions<TDatum> & {
+  orientation?: "vertical" | "horizontal";
+  layout?: "grouped" | "stacked" | "percent";
+};
+export declare function areaChart<TDatum>(options: AreaChartOptions<TDatum>): Omit<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, NonNullable<ChartXValue>, number, string>, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string> | keyof import("@tanstack/charts/types/core").StoredChartSpec> & Omit<{
+  readonly marks: readonly [...(import("@tanstack/charts/types/core").DecorativeChartMark<import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>> | (import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }) | (import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }))[], import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>, import("@tanstack/charts").ChartMark<never, never, never, never, never, any, any>];
+  readonly scales: {
+    readonly x: {
+      readonly scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | import("@tanstack/charts").ChartScaleFactory<any>;
+      readonly nice?: boolean | number;
+      readonly reverse?: boolean;
+      readonly viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      readonly grid?: boolean | import("@tanstack/charts").ChartGuideLineStyle;
+      readonly channel?: import("@tanstack/charts").ChartPositionChannel;
+      readonly side?: import("@tanstack/charts").ChartAxisSide;
+      readonly axis: {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: ChartXValue) => string;
+        };
+      };
+    };
+    readonly y: {
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+  };
+  readonly gradients: import("@tanstack/charts").ChartLinearGradient[];
+  readonly margin: {
+    readonly top: 8;
+  };
+  readonly focus: "group-x";
+  readonly maxFocusDistance: number;
+  readonly tooltip: false | {
+    use: import("@tanstack/charts").ChartTooltipExtension;
+    content: (points: readonly {
+      key: string;
+      datum: ChartSeriesRow;
+    }[], context: import("@tanstack/charts").ChartTooltipContentContext) => {
+      title: string | undefined;
+      rows: {
+        label: string;
+        value: string;
+        color: string;
+        active: boolean;
+      }[];
+    };
+  };
+}, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string>> & Pick<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, NonNullable<ChartXValue>, number, string>, "focus" | "maxFocusDistance"> & Pick<{
+  readonly marks: readonly [...(import("@tanstack/charts/types/core").DecorativeChartMark<import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>> | (import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }) | (import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }))[], import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>, import("@tanstack/charts").ChartMark<never, never, never, never, never, any, any>];
+  readonly scales: {
+    readonly x: {
+      readonly scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | import("@tanstack/charts").ChartScaleFactory<any>;
+      readonly nice?: boolean | number;
+      readonly reverse?: boolean;
+      readonly viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      readonly grid?: boolean | import("@tanstack/charts").ChartGuideLineStyle;
+      readonly channel?: import("@tanstack/charts").ChartPositionChannel;
+      readonly side?: import("@tanstack/charts").ChartAxisSide;
+      readonly axis: {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: ChartXValue) => string;
+        };
+      };
+    };
+    readonly y: {
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+  };
+  readonly gradients: import("@tanstack/charts").ChartLinearGradient[];
+  readonly margin: {
+    readonly top: 8;
+  };
+  readonly focus: "group-x";
+  readonly maxFocusDistance: number;
+  readonly tooltip: false | {
+    use: import("@tanstack/charts").ChartTooltipExtension;
+    content: (points: readonly {
+      key: string;
+      datum: ChartSeriesRow;
+    }[], context: import("@tanstack/charts").ChartTooltipContentContext) => {
+      title: string | undefined;
+      rows: {
+        label: string;
+        value: string;
+        color: string;
+        active: boolean;
+      }[];
+    };
+  };
+}, "tooltip">;
+export declare function lineChart<TDatum>(options: LineChartOptions<TDatum>): Omit<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, NonNullable<ChartXValue>, number, string>, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string> | keyof import("@tanstack/charts/types/core").StoredChartSpec> & Omit<{
+  readonly marks: readonly [...(import("@tanstack/charts/types/core").DecorativeChartMark<import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>> | (import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }) | (import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }))[], import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<any, any>>, import("@tanstack/charts").ChartMark<never, never, never, never, never, any, any>];
+  readonly scales: {
+    readonly x: {
+      readonly scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | import("@tanstack/charts").ChartScaleFactory<any>;
+      readonly nice?: boolean | number;
+      readonly reverse?: boolean;
+      readonly viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      readonly grid?: boolean | import("@tanstack/charts").ChartGuideLineStyle;
+      readonly channel?: import("@tanstack/charts").ChartPositionChannel;
+      readonly side?: import("@tanstack/charts").ChartAxisSide;
+      readonly axis: {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: ChartXValue) => string;
+        };
+      };
+    };
+    readonly y: {
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+  };
+  readonly margin: {
+    readonly top: 8;
+  };
+  readonly focus: "group-x";
+  readonly maxFocusDistance: number;
+  readonly tooltip: false | {
+    use: import("@tanstack/charts").ChartTooltipExtension;
+    content: (points: readonly {
+      key: string;
+      datum: ChartSeriesRow;
+    }[], context: import("@tanstack/charts").ChartTooltipContentContext) => {
+      title: string | undefined;
+      rows: {
+        label: string;
+        value: string;
+        color: string;
+        active: boolean;
+      }[];
+    };
+  };
+}, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string>> & Pick<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, NonNullable<ChartXValue>, number, string>, "focus" | "maxFocusDistance"> & Pick<{
+  readonly marks: readonly [...(import("@tanstack/charts/types/core").DecorativeChartMark<import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>> | (import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }) | (import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }))[], import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<any, any>>, import("@tanstack/charts").ChartMark<never, never, never, never, never, any, any>];
+  readonly scales: {
+    readonly x: {
+      readonly scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | import("@tanstack/charts").ChartScaleFactory<any>;
+      readonly nice?: boolean | number;
+      readonly reverse?: boolean;
+      readonly viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      readonly grid?: boolean | import("@tanstack/charts").ChartGuideLineStyle;
+      readonly channel?: import("@tanstack/charts").ChartPositionChannel;
+      readonly side?: import("@tanstack/charts").ChartAxisSide;
+      readonly axis: {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: ChartXValue) => string;
+        };
+      };
+    };
+    readonly y: {
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+  };
+  readonly margin: {
+    readonly top: 8;
+  };
+  readonly focus: "group-x";
+  readonly maxFocusDistance: number;
+  readonly tooltip: false | {
+    use: import("@tanstack/charts").ChartTooltipExtension;
+    content: (points: readonly {
+      key: string;
+      datum: ChartSeriesRow;
+    }[], context: import("@tanstack/charts").ChartTooltipContentContext) => {
+      title: string | undefined;
+      rows: {
+        label: string;
+        value: string;
+        color: string;
+        active: boolean;
+      }[];
+    };
+  };
+}, "tooltip">;
+export declare function barChart<TDatum>(options: BarChartOptions<TDatum>): (Omit<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, number, NonNullable<ChartXValue>, string>, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string> | keyof import("@tanstack/charts/types/core").StoredChartSpec> & Omit<{
+  readonly marks: readonly [import("@tanstack/charts").ChartMark<never, never, never, never, never, any, any>, import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<any, any>>, ...((import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }) | (import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }))[]];
+  readonly scales: {
+    x: {
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+    y: {
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice?: boolean | number;
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      grid?: boolean | import("@tanstack/charts").ChartGuideLineStyle;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      axis: {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: ChartXValue) => string;
+        };
+      };
+    };
+  };
+  readonly gradients: import("@tanstack/charts").ChartLinearGradient[];
+  readonly margin: {
+    readonly top: 8;
+  };
+  readonly focus: "group-y";
+  readonly maxFocusDistance: number;
+  readonly tooltip: false | {
+    use: import("@tanstack/charts").ChartTooltipExtension;
+    content: (points: readonly {
+      key: string;
+      datum: ChartSeriesRow;
+    }[], context: import("@tanstack/charts").ChartTooltipContentContext) => {
+      title: string | undefined;
+      rows: {
+        label: string;
+        value: string;
+        color: string;
+        active: boolean;
+      }[];
+    };
+  };
+}, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string>> & Pick<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, number, NonNullable<ChartXValue>, string>, "focus" | "maxFocusDistance"> & Pick<{
+  readonly marks: readonly [import("@tanstack/charts").ChartMark<never, never, never, never, never, any, any>, import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<any, any>>, ...((import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }) | (import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }))[]];
+  readonly scales: {
+    x: {
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+    y: {
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice?: boolean | number;
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      grid?: boolean | import("@tanstack/charts").ChartGuideLineStyle;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      axis: {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: ChartXValue) => string;
+        };
+      };
+    };
+  };
+  readonly gradients: import("@tanstack/charts").ChartLinearGradient[];
+  readonly margin: {
+    readonly top: 8;
+  };
+  readonly focus: "group-y";
+  readonly maxFocusDistance: number;
+  readonly tooltip: false | {
+    use: import("@tanstack/charts").ChartTooltipExtension;
+    content: (points: readonly {
+      key: string;
+      datum: ChartSeriesRow;
+    }[], context: import("@tanstack/charts").ChartTooltipContentContext) => {
+      title: string | undefined;
+      rows: {
+        label: string;
+        value: string;
+        color: string;
+        active: boolean;
+      }[];
+    };
+  };
+}, "tooltip">) | (Omit<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, NonNullable<ChartXValue>, number, string>, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string> | keyof import("@tanstack/charts/types/core").StoredChartSpec> & Omit<{
+  readonly marks: readonly [import("@tanstack/charts").ChartMark<never, never, never, never, never, any, any>, import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<any, any>>, ...((import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }) | (import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }))[]];
+  readonly scales: {
+    x: {
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice?: boolean | number;
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      grid?: boolean | import("@tanstack/charts").ChartGuideLineStyle;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      axis: {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: ChartXValue) => string;
+        };
+      };
+    };
+    y: {
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+  };
+  readonly gradients: import("@tanstack/charts").ChartLinearGradient[];
+  readonly margin: {
+    readonly top: 8;
+  };
+  readonly focus: "group-x";
+  readonly maxFocusDistance: number;
+  readonly tooltip: false | {
+    use: import("@tanstack/charts").ChartTooltipExtension;
+    content: (points: readonly {
+      key: string;
+      datum: ChartSeriesRow;
+    }[], context: import("@tanstack/charts").ChartTooltipContentContext) => {
+      title: string | undefined;
+      rows: {
+        label: string;
+        value: string;
+        color: string;
+        active: boolean;
+      }[];
+    };
+  };
+}, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string>> & Pick<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, NonNullable<ChartXValue>, number, string>, "focus" | "maxFocusDistance"> & Pick<{
+  readonly marks: readonly [import("@tanstack/charts").ChartMark<never, never, never, never, never, any, any>, import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<any, any>>, ...((import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }) | (import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }))[]];
+  readonly scales: {
+    x: {
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice?: boolean | number;
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      grid?: boolean | import("@tanstack/charts").ChartGuideLineStyle;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      axis: {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: ChartXValue) => string;
+        };
+      };
+    };
+    y: {
+      reverse?: boolean;
+      viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      channel?: import("@tanstack/charts").ChartPositionChannel;
+      side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+  };
+  readonly gradients: import("@tanstack/charts").ChartLinearGradient[];
+  readonly margin: {
+    readonly top: 8;
+  };
+  readonly focus: "group-x";
+  readonly maxFocusDistance: number;
+  readonly tooltip: false | {
+    use: import("@tanstack/charts").ChartTooltipExtension;
+    content: (points: readonly {
+      key: string;
+      datum: ChartSeriesRow;
+    }[], context: import("@tanstack/charts").ChartTooltipContentContext) => {
+      title: string | undefined;
+      rows: {
+        label: string;
+        value: string;
+        color: string;
+        active: boolean;
+      }[];
+    };
+  };
+}, "tooltip">);
+export type ScatterChartOptions<TDatum> = {
+  data: readonly TDatum[];
+  x: ChartValueKey<TDatum>;
+  y: ChartValueKey<TDatum>;
+  size?: ChartValueKey<TDatum>;
+  group?: ChartXKey<TDatum>;
+  colors?: Partial<Record<string, ChartColor>>;
+  xLabel?: string;
+  yLabel?: string;
+  formatX?: (value: number) => string;
+  formatValue?: (value: number) => string;
+  locale?: Intl.LocalesArgument;
+  xScale?: Partial<ChartPositionScaleOptions>;
+  yScale?: Partial<ChartPositionScaleOptions>;
+  references?: readonly ChartReference[];
+};
+type ScatterRow = {
+  id: string;
+  x: number;
+  y: number;
+  size: number;
+  group: string;
+};
+export declare function scatterChart<TDatum>(options: ScatterChartOptions<TDatum>): Omit<import("@tanstack/charts").StaticChartDefinition<ScatterRow, number, number, string>, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string> | keyof import("@tanstack/charts/types/core").StoredChartSpec> & Omit<{
+  readonly marks: readonly (import("@tanstack/charts").CartesianChartMark<ScatterRow, number, number, number, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | (import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }) | (import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }))[];
+  readonly scales: {
+    readonly x: {
+      readonly reverse?: boolean;
+      readonly viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      readonly channel?: import("@tanstack/charts").ChartPositionChannel;
+      readonly side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+    readonly y: {
+      readonly reverse?: boolean;
+      readonly viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      readonly channel?: import("@tanstack/charts").ChartPositionChannel;
+      readonly side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+  };
+  readonly margin: {
+    readonly top: 8;
+  };
+  readonly focus: "nearest";
+  readonly tooltip: {
+    readonly use: import("@tanstack/charts").ChartTooltipExtension;
+    readonly content: (points: readonly import("@tanstack/charts").ChartPoint<NoInfer<ScatterRow>, number, number>[]) => {
+      rows: never[];
+      title?: undefined;
+    } | {
+      title: string | undefined;
+      rows: {
+        label: string;
+        value: string;
+        color: string;
+      }[];
+    };
+  };
+}, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string>> & Pick<import("@tanstack/charts").StaticChartDefinition<ScatterRow, number, number, string>, "focus"> & Pick<{
+  readonly marks: readonly (import("@tanstack/charts").CartesianChartMark<ScatterRow, number, number, number, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | (import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }) | (import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> & {
+    readonly __decorativeMark: import("@tanstack/charts").CartesianChartMark<ChartReference, number, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>> | import("@tanstack/charts").CartesianChartMark<ChartReference, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>;
+  }))[];
+  readonly scales: {
+    readonly x: {
+      readonly reverse?: boolean;
+      readonly viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      readonly channel?: import("@tanstack/charts").ChartPositionChannel;
+      readonly side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+    readonly y: {
+      readonly reverse?: boolean;
+      readonly viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      readonly channel?: import("@tanstack/charts").ChartPositionChannel;
+      readonly side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | typeof scaleLinear | import("@tanstack/charts").ChartScaleFactory<any>;
+      nice: number | boolean;
+      grid: boolean | import("@tanstack/charts").ChartGuideLineStyle | {
+        readonly strokeDasharray: "3 3";
+      };
+      axis: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | {
+        readonly line: false;
+        readonly ticks: {
+          readonly line: false;
+          readonly padding: 8;
+          readonly format: (value: number) => string;
+        };
+      };
+    };
+  };
+  readonly margin: {
+    readonly top: 8;
+  };
+  readonly focus: "nearest";
+  readonly tooltip: {
+    readonly use: import("@tanstack/charts").ChartTooltipExtension;
+    readonly content: (points: readonly import("@tanstack/charts").ChartPoint<NoInfer<ScatterRow>, number, number>[]) => {
+      rows: never[];
+      title?: undefined;
+    } | {
+      title: string | undefined;
+      rows: {
+        label: string;
+        value: string;
+        color: string;
+      }[];
+    };
+  };
+}, "tooltip">;
+export type SparklineChartOptions<TDatum> = {
+  data: readonly TDatum[];
+  x: ChartXKey<TDatum>;
+  y: ChartValueKey<TDatum>;
+  color?: ChartColor;
+  fill?: ChartFill;
+  type?: "area" | "line" | "bar";
+  curve?: ChartCurveName;
+  xScale?: Partial<ChartPositionScaleOptions>;
+};
+export declare function sparklineChart<TDatum>(options: SparklineChartOptions<TDatum>): (Omit<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, NonNullable<ChartXValue>, number, string>, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string> | keyof import("@tanstack/charts/types/core").StoredChartSpec> & Omit<{
+  readonly guides: false;
+  readonly margin: 2;
+  readonly focus: false;
+  readonly pointer: false;
+  readonly keyboard: false;
+  readonly tooltip: false;
+  readonly marks: readonly [import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<any, any>>];
+  readonly scales: {
+    readonly x: {
+      readonly nice?: boolean | number;
+      readonly reverse?: boolean;
+      readonly viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      readonly grid?: boolean | import("@tanstack/charts").ChartGuideLineStyle;
+      readonly axis?: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | undefined;
+      readonly channel?: import("@tanstack/charts").ChartPositionChannel;
+      readonly side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | (() => import("@tanstack/charts/scales/band").BandScale<string>) | import("@tanstack/charts").ChartScaleFactory<any>;
+    };
+    readonly y: {
+      scale: typeof scaleLinear;
+      nice: boolean;
+    };
+  };
+  readonly gradients: import("@tanstack/charts").ChartLinearGradient[];
+}, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string>> & Pick<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, NonNullable<ChartXValue>, number, string>, "focus" | "keyboard" | "pointer"> & Pick<{
+  readonly guides: false;
+  readonly margin: 2;
+  readonly focus: false;
+  readonly pointer: false;
+  readonly keyboard: false;
+  readonly tooltip: false;
+  readonly marks: readonly [import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<any, any>>];
+  readonly scales: {
+    readonly x: {
+      readonly nice?: boolean | number;
+      readonly reverse?: boolean;
+      readonly viewport?: import("@tanstack/charts").ChartAxisViewportOptions<import("@tanstack/charts").ChartContinuousValue> | undefined;
+      readonly grid?: boolean | import("@tanstack/charts").ChartGuideLineStyle;
+      readonly axis?: false | import("@tanstack/charts").ChartAxisPresentationOptions<any> | undefined;
+      readonly channel?: import("@tanstack/charts").ChartPositionChannel;
+      readonly side?: import("@tanstack/charts").ChartAxisSide;
+      scale: import("@tanstack/charts").ChartScale | import("@tanstack/charts").ConfiguredScaleLike<any> | (() => import("@tanstack/charts/scales/band").BandScale<string>) | import("@tanstack/charts").ChartScaleFactory<any>;
+    };
+    readonly y: {
+      scale: typeof scaleLinear;
+      nice: boolean;
+    };
+  };
+  readonly gradients: import("@tanstack/charts").ChartLinearGradient[];
+}, "tooltip">) | (Omit<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, NonNullable<ChartXValue>, number, string>, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string> | keyof import("@tanstack/charts/types/core").StoredChartSpec> & Omit<{
+  readonly guides: false;
+  readonly margin: 2;
+  readonly focus: false;
+  readonly pointer: false;
+  readonly keyboard: false;
+  readonly tooltip: false;
+  readonly marks: readonly [import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>] | readonly [import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>, import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>];
+  readonly scales: {
+    x: ChartPositionScaleOptions<any>;
+    y: {
+      scale: typeof scaleLinear;
+      nice: boolean;
+    };
+  };
+  readonly gradients: import("@tanstack/charts").ChartLinearGradient[];
+}, keyof import("@tanstack/charts").ChartDefinitionOptions<unknown, import("@tanstack/charts").ChartValue, import("@tanstack/charts").ChartValue, string>> & Pick<import("@tanstack/charts").StaticChartDefinition<ChartSeriesRow, NonNullable<ChartXValue>, number, string>, "focus" | "keyboard" | "pointer"> & Pick<{
+  readonly guides: false;
+  readonly margin: 2;
+  readonly focus: false;
+  readonly pointer: false;
+  readonly keyboard: false;
+  readonly tooltip: false;
+  readonly marks: readonly [import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>] | readonly [import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>, import("@tanstack/charts").CartesianChartMark<ChartSeriesRow, NonNullable<ChartXValue>, number, NonNullable<ChartXValue>, number, import("@tanstack/charts/types/core").MarkScaleBindings<undefined, undefined>>];
+  readonly scales: {
+    x: ChartPositionScaleOptions<any>;
+    y: {
+      scale: typeof scaleLinear;
+      nice: boolean;
+    };
+  };
+  readonly gradients: import("@tanstack/charts").ChartLinearGradient[];
+}, "tooltip">);
+//#endregion