@coinbase/cds-web-visualization 0.0.0 → 3.4.0-beta.1

package/dts/chart/index.d.ts

@@ -0,0 +1,13 @@
+export * from './area/index';
+export * from './axis/index';
+export * from './bar/index';
+export * from './CartesianChart';
+export * from './ChartProvider';
+export * from './line/index';
+export * from './Path';
+export * from './PeriodSelector';
+export * from './Point';
+export * from './scrubber/index';
+export * from './text/index';
+export * from './utils/index';
+//# sourceMappingURL=index.d.ts.map

package/dts/chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chart/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dts/chart/line/DottedLine.d.ts

@@ -0,0 +1,14 @@
+import { type SVGProps } from 'react';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type PathProps } from '../Path';
+import type { LineComponentProps } from './Line';
+export type DottedLineProps = SharedProps &
+  Omit<PathProps, 'fill' | 'strokeWidth'> &
+  Pick<LineComponentProps, 'strokeWidth'> & {
+    fill?: SVGProps<SVGPathElement>['fill'];
+  };
+/**
+ * A customizable dotted line component which uses path element.
+ */
+export declare const DottedLine: import('react').NamedExoticComponent<DottedLineProps>;
+//# sourceMappingURL=DottedLine.d.ts.map

package/dts/chart/line/DottedLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DottedLine.d.ts","sourceRoot":"","sources":["../../../src/chart/line/DottedLine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,aAAa,CAAC,GACvC,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG;IACxC,IAAI,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;CACzC,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,UAAU,uDA2BtB,CAAC"}

package/dts/chart/line/GradientLine.d.ts

@@ -0,0 +1,42 @@
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type PathProps } from '../Path';
+import type { LineComponentProps } from './Line';
+export type GradientLineProps = SharedProps &
+  Omit<PathProps, 'stroke' | 'strokeOpacity' | 'strokeWidth'> &
+  Pick<LineComponentProps, 'strokeWidth'> & {
+    /**
+     * The color of the line.
+     * @default 'var(--color-bgLine)'
+     */
+    stroke?: string;
+    /**
+     * Opacity of the line.
+     * @default 1
+     */
+    strokeOpacity?: number;
+    /**
+     * The color of the start of the gradient.
+     * @default stroke or 'var(--color-bgLine)'
+     */
+    startColor?: string;
+    /**
+     * The color of the end of the gradient.
+     * @default stroke or 'var(--color-bgLine)'
+     */
+    endColor?: string;
+    /**
+     * Opacity of the start color.
+     * @default strokeOpacity
+     */
+    startOpacity?: number;
+    /**
+     * Opacity of the end color.
+     * @default strokeOpacity
+     */
+    endOpacity?: number;
+  };
+/**
+ * A gradient line component which uses path element.
+ */
+export declare const GradientLine: import('react').NamedExoticComponent<GradientLineProps>;
+//# sourceMappingURL=GradientLine.d.ts.map

package/dts/chart/line/GradientLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientLine.d.ts","sourceRoot":"","sources":["../../../src/chart/line/GradientLine.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,eAAe,GAAG,aAAa,CAAC,GAC3D,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG;IACxC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,YAAY,yDAqCxB,CAAC"}

package/dts/chart/line/Line.d.ts

@@ -0,0 +1,80 @@
+import React from 'react';
+import type { SVGProps } from 'react';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type AreaComponent } from '../area/Area';
+import { type PointConfig, type RenderPointsParams } from '../Point';
+import { type ChartPathCurveType } from '../utils';
+export type LineComponentProps = {
+  d: SVGProps<SVGPathElement>['d'];
+  stroke: string;
+  strokeOpacity?: number;
+  strokeWidth?: number;
+  testID?: string;
+  animate?: boolean;
+};
+export type LineComponent = React.FC<LineComponentProps>;
+export type LineProps = SharedProps & {
+  /**
+   * The ID of the series to render. Will be used to find the data from the chart context.
+   */
+  seriesId: string;
+  /**
+   * The curve interpolation method to use for the line.
+   * @default 'linear'
+   */
+  curve?: ChartPathCurveType;
+  /**
+   * The type of line to render.
+   * @default 'solid'
+   */
+  type?: 'solid' | 'dotted' | 'gradient';
+  /**
+   * Handler for when a dot is clicked.
+   * Automatically makes dots appear pressable when provided.
+   */
+  onPointClick?: PointConfig['onClick'];
+  /**
+   * Show area fill under the line.
+   */
+  showArea?: boolean;
+  /**
+   * The type of area fill to add to the line.
+   * @default 'gradient'
+   */
+  areaType?: 'gradient' | 'solid' | 'dotted';
+  /**
+   * Baseline value for the area.
+   * When set, overrides the default baseline.
+   */
+  areaBaseline?: number;
+  /**
+   * Component to render the line.
+   * Takes precedence over the type prop if provided.
+   */
+  LineComponent?: LineComponent;
+  /**
+   * Custom component to render line area fill.
+   */
+  AreaComponent?: AreaComponent;
+  /**
+   * The color of the line.
+   * @default color of the series or 'var(--color-fgPrimary)'
+   */
+  stroke?: string;
+  /**
+   * Opacity of the line.
+   * @default 1
+   */
+  opacity?: number;
+  /**
+   * Callback function to determine how to render points at each data point in the series.
+   * Called for every entry in the data array.
+   *
+   * @param params - Contains the data and pixel coordinates of the data point.
+   * @returns true for default point, false/null/undefined for no point, or PointConfig for custom point
+   */
+  renderPoints?: (params: RenderPointsParams) => boolean | null | undefined | PointConfig;
+  strokeWidth?: number;
+};
+export declare const Line: React.NamedExoticComponent<LineProps>;
+//# sourceMappingURL=Line.d.ts.map

package/dts/chart/line/Line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/chart/line/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAS,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,KAAK,kBAAkB,EAAe,MAAM,UAAU,CAAC;AAMhE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEzD,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG;IACpC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;IACvC;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC3C;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,WAAW,CAAC;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,uCAsKhB,CAAC"}

package/dts/chart/line/LineChart.d.ts

@@ -0,0 +1,59 @@
+import { type XAxisProps } from '../axis/XAxis';
+import { type YAxisProps } from '../axis/YAxis';
+import { type CartesianChartProps } from '../CartesianChart';
+import { type AxisConfigProps, type Series } from '../utils';
+import { type LineProps } from './Line';
+export type LineSeries = Series &
+  Partial<
+    Pick<
+      LineProps,
+      | 'curve'
+      | 'onPointClick'
+      | 'showArea'
+      | 'areaType'
+      | 'areaBaseline'
+      | 'type'
+      | 'type'
+      | 'LineComponent'
+      | 'AreaComponent'
+      | 'stroke'
+      | 'opacity'
+      | 'renderPoints'
+      | 'strokeWidth'
+    >
+  >;
+export type LineChartProps = Omit<CartesianChartProps, 'xAxis' | 'yAxis' | 'series'> &
+  Pick<
+    LineProps,
+    | 'showArea'
+    | 'areaType'
+    | 'type'
+    | 'onPointClick'
+    | 'LineComponent'
+    | 'AreaComponent'
+    | 'curve'
+    | 'renderPoints'
+    | 'strokeWidth'
+  > & {
+    /**
+     * Configuration objects that define how to visualize the data.
+     * Each series supports Line component props for individual customization.
+     */
+    series?: Array<LineSeries>;
+    /**
+     * Whether to show the X axis.
+     */
+    showXAxis?: boolean;
+    /**
+     * Whether to show the Y axis.
+     */
+    showYAxis?: boolean;
+    xAxis?: Partial<AxisConfigProps> & XAxisProps;
+    yAxis?: Partial<AxisConfigProps> & YAxisProps;
+  };
+export declare const LineChart: import('react').MemoExoticComponent<
+  import('react').ForwardRefExoticComponent<
+    Omit<LineChartProps, 'ref'> & import('react').RefAttributes<SVGSVGElement>
+  >
+>;
+//# sourceMappingURL=LineChart.d.ts.map

package/dts/chart/line/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/chart/line/LineChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,KAAK,eAAe,EAAoC,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAE/F,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,UAAU,GAAG,MAAM,GAC7B,OAAO,CACL,IAAI,CACF,SAAS,EACP,OAAO,GACP,cAAc,GACd,UAAU,GACV,UAAU,GACV,cAAc,GACd,MAAM,GACN,MAAM,GACN,eAAe,GACf,eAAe,GACf,QAAQ,GACR,SAAS,GACT,cAAc,GACd,aAAa,CAChB,CACF,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,GAClF,IAAI,CACF,SAAS,EACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,cAAc,GACd,eAAe,GACf,eAAe,GACf,OAAO,GACP,cAAc,GACd,aAAa,CAChB,GAAG;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;CAC/C,CAAC;AAEJ,eAAO,MAAM,SAAS,4JAkHrB,CAAC"}

package/dts/chart/line/ReferenceLine.d.ts

@@ -0,0 +1,131 @@
+import React from 'react';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import type {
+  ChartTextChildren,
+  ChartTextProps,
+  TextHorizontalAlignment,
+  TextVerticalAlignment,
+} from '../text/ChartText';
+import type { LineComponent } from './Line';
+/**
+ * Configuration for ReferenceLine label rendering using ChartText.
+ */
+export type ReferenceLineLabelProps = Pick<
+  ChartTextProps,
+  | 'dx'
+  | 'dy'
+  | 'font'
+  | 'fontFamily'
+  | 'fontSize'
+  | 'fontWeight'
+  | 'color'
+  | 'elevation'
+  | 'inset'
+  | 'background'
+  | 'borderRadius'
+  | 'disableRepositioning'
+  | 'bounds'
+  | 'styles'
+  | 'classNames'
+  | 'horizontalAlignment'
+  | 'verticalAlignment'
+>;
+type BaseReferenceLineProps = SharedProps & {
+  /**
+   * Label content to display near the reference line.
+   * Can be a string or ReactNode for rich formatting.
+   *
+   * @example
+   * // Simple string label
+   * label="Target Price"
+   *
+   * @example
+   * // ReactNode with styling
+   * label={<tspan style={{ fontWeight: 'bold', fill: 'red' }}>Stop Loss</tspan>}
+   */
+  label?: ChartTextChildren;
+  /**
+   * Component to render the line.
+   * @default DottedLine
+   */
+  LineComponent?: LineComponent;
+  /**
+   * The color of the line.
+   * @default 'var(--color-bgLine)'
+   */
+  stroke?: string;
+  /**
+   * Props for the label rendering.
+   * Consolidates styling and positioning options for the ChartText component.
+   * Alignment defaults are set based on line orientation and can be overridden here.
+   */
+  labelProps?: ReferenceLineLabelProps;
+  /**
+   * Custom class name for the root element.
+   */
+  className?: string;
+  /**
+   * Custom inline styles for the root element.
+   */
+  style?: React.CSSProperties;
+  /**
+   * Custom class names for the component parts.
+   */
+  classNames?: {
+    /**
+     * Custom class name for the root element.
+     */
+    root?: string;
+    /**
+     * Custom class name for the text label.
+     */
+    label?: string;
+  };
+  /**
+   * Custom styles for the component parts.
+   */
+  styles?: {
+    /**
+     * Custom styles for the root element.
+     */
+    root?: React.CSSProperties;
+    /**
+     * Custom styles for the text label.
+     */
+    label?: React.CSSProperties;
+  };
+};
+export type HorizontalReferenceLineProps = BaseReferenceLineProps & {
+  /**
+   * Y-value for horizontal reference line (data value).
+   */
+  dataY: number;
+  /**
+   * The ID of the y-axis to use for positioning.
+   * Defaults to defaultAxisId if not specified.
+   */
+  yAxisId?: string;
+  /**
+   * Position of the label along the horizontal line.
+   * @default 'right'
+   */
+  labelPosition?: TextHorizontalAlignment;
+  dataX?: never;
+};
+export type VerticalReferenceLineProps = BaseReferenceLineProps & {
+  /**
+   * X-value for vertical reference line (data index).
+   */
+  dataX: number;
+  /**
+   * Position of the label along the vertical line.
+   * @default 'top'
+   */
+  labelPosition?: TextVerticalAlignment;
+  dataY?: never;
+  yAxisId?: never;
+};
+export type ReferenceLineProps = HorizontalReferenceLineProps | VerticalReferenceLineProps;
+export declare const ReferenceLine: React.NamedExoticComponent<ReferenceLineProps>;
+export {};
+//# sourceMappingURL=ReferenceLine.d.ts.map

package/dts/chart/line/ReferenceLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceLine.d.ts","sourceRoot":"","sources":["../../../src/chart/line/ReferenceLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAK9D,OAAO,KAAK,EACV,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,EACZ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,OAAO,GACP,WAAW,GACX,OAAO,GACP,YAAY,GACZ,cAAc,GACd,sBAAsB,GACtB,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,qBAAqB,GACrB,mBAAmB,CACtB,CAAC;AAEF,KAAK,sBAAsB,GAAG,WAAW,GAAG;IAC1C;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE;QACX;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B;;WAEG;QACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,sBAAsB,GAAG;IAClE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,sBAAsB,GAAG;IAChE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,4BAA4B,GAAG,0BAA0B,CAAC;AAE3F,eAAO,MAAM,aAAa,gDAmIzB,CAAC"}

package/dts/chart/line/SolidLine.d.ts

@@ -0,0 +1,14 @@
+import { type SVGProps } from 'react';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type PathProps } from '../Path';
+import type { LineComponentProps } from './Line';
+export type SolidLineProps = SharedProps &
+  Omit<PathProps, 'fill' | 'strokeWidth'> &
+  Pick<LineComponentProps, 'strokeWidth'> & {
+    fill?: SVGProps<SVGPathElement>['fill'];
+  };
+/**
+ * A customizable solid line component which uses path element.
+ */
+export declare const SolidLine: import('react').NamedExoticComponent<SolidLineProps>;
+//# sourceMappingURL=SolidLine.d.ts.map

package/dts/chart/line/SolidLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidLine.d.ts","sourceRoot":"","sources":["../../../src/chart/line/SolidLine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,aAAa,CAAC,GACvC,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG;IACxC,IAAI,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;CACzC,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,SAAS,sDAuBrB,CAAC"}

package/dts/chart/line/index.d.ts

@@ -0,0 +1,7 @@
+export * from './DottedLine';
+export * from './GradientLine';
+export * from './Line';
+export * from './LineChart';
+export * from './ReferenceLine';
+export * from './SolidLine';
+//# sourceMappingURL=index.d.ts.map

package/dts/chart/line/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart/line/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC"}

package/dts/chart/scrubber/Scrubber.d.ts

@@ -0,0 +1,149 @@
+import React from 'react';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type ReferenceLineProps } from '../line';
+import { type ScrubberBeaconProps, type ScrubberBeaconRef } from './ScrubberBeacon';
+import { type ScrubberBeaconLabelProps } from './ScrubberBeaconLabel';
+export type ScrubberRef = ScrubberBeaconRef;
+/**
+ * Configuration for scrubber functionality across chart components.
+ * Provides consistent API with smart defaults and component customization.
+ */
+export type ScrubberProps = SharedProps &
+  Pick<ScrubberBeaconProps, 'idlePulse'> & {
+    /**
+     * An array of series IDs that will receive visual emphasis as the user scrubs through the chart.
+     * Use this prop to restrict the scrubbing visual behavior to specific series.
+     * By default, all series will be highlighted by the Scrubber.
+     */
+    seriesIds?: string[];
+    /**
+     * Hides the scrubber line
+     */
+    hideLine?: boolean;
+    /**
+     * Whether to hide the overlay rect which obscures future data.
+     */
+    hideOverlay?: boolean;
+    /**
+     * Offset of the overlay rect relative to the drawing area.
+     * Useful for when scrubbing over lines, where the stroke width would cause part of the line to be visible.
+     * @default 2
+     */
+    overlayOffset?: number;
+    /**
+     * Label text displayed above the scrubber line.
+     */
+    label?: ReferenceLineProps['label'] | ((dataIndex: number) => ReferenceLineProps['label']);
+    /**
+     * Props passed to the scrubber line's label.
+     */
+    labelProps?: ReferenceLineProps['labelProps'];
+    /**
+     * Stroke color for the scrubber line.
+     */
+    lineStroke?: ReferenceLineProps['stroke'];
+    /**
+     * Custom styles for scrubber elements.
+     */
+    styles?: {
+      overlay?: React.CSSProperties;
+      beacon?: React.CSSProperties;
+      line?: React.CSSProperties;
+      beaconLabel?: React.CSSProperties;
+    };
+    /**
+     * Custom class names for scrubber elements.
+     */
+    classNames?: {
+      overlay?: string;
+      beacon?: string;
+      line?: string;
+      beaconLabel?: string;
+    };
+    /**
+     * Custom component for the scrubber beacon.
+     */
+    BeaconComponent?: React.ComponentType<ScrubberBeaconProps>;
+    /**
+     * Custom component for the scrubber beacon label.
+     */
+    BeaconLabelComponent?: React.ComponentType<ScrubberBeaconLabelProps>;
+    /**
+     * Custom component for the scrubber line.
+     */
+    LineComponent?: React.ComponentType<ReferenceLineProps>;
+  };
+/**
+ * Unified component that manages all scrubber elements (beacons, line, labels)
+ * with intelligent collision detection and consistent positioning.
+ */
+export declare const Scrubber: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Pick<ScrubberBeaconProps, 'idlePulse'> & {
+        /**
+         * An array of series IDs that will receive visual emphasis as the user scrubs through the chart.
+         * Use this prop to restrict the scrubbing visual behavior to specific series.
+         * By default, all series will be highlighted by the Scrubber.
+         */
+        seriesIds?: string[];
+        /**
+         * Hides the scrubber line
+         */
+        hideLine?: boolean;
+        /**
+         * Whether to hide the overlay rect which obscures future data.
+         */
+        hideOverlay?: boolean;
+        /**
+         * Offset of the overlay rect relative to the drawing area.
+         * Useful for when scrubbing over lines, where the stroke width would cause part of the line to be visible.
+         * @default 2
+         */
+        overlayOffset?: number;
+        /**
+         * Label text displayed above the scrubber line.
+         */
+        label?: ReferenceLineProps['label'] | ((dataIndex: number) => ReferenceLineProps['label']);
+        /**
+         * Props passed to the scrubber line's label.
+         */
+        labelProps?: ReferenceLineProps['labelProps'];
+        /**
+         * Stroke color for the scrubber line.
+         */
+        lineStroke?: ReferenceLineProps['stroke'];
+        /**
+         * Custom styles for scrubber elements.
+         */
+        styles?: {
+          overlay?: React.CSSProperties;
+          beacon?: React.CSSProperties;
+          line?: React.CSSProperties;
+          beaconLabel?: React.CSSProperties;
+        };
+        /**
+         * Custom class names for scrubber elements.
+         */
+        classNames?: {
+          overlay?: string;
+          beacon?: string;
+          line?: string;
+          beaconLabel?: string;
+        };
+        /**
+         * Custom component for the scrubber beacon.
+         */
+        BeaconComponent?: React.ComponentType<ScrubberBeaconProps>;
+        /**
+         * Custom component for the scrubber beacon label.
+         */
+        BeaconLabelComponent?: React.ComponentType<ScrubberBeaconLabelProps>;
+        /**
+         * Custom component for the scrubber line.
+         */
+        LineComponent?: React.ComponentType<ReferenceLineProps>;
+      } & React.RefAttributes<ScrubberBeaconRef>
+  >
+>;
+//# sourceMappingURL=Scrubber.d.ts.map

package/dts/chart/scrubber/Scrubber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrubber.d.ts","sourceRoot":"","sources":["../../../src/chart/scrubber/Scrubber.tsx"],"names":[],"mappings":"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"}

package/dts/chart/scrubber/ScrubberBeacon.d.ts

@@ -0,0 +1,93 @@
+import type { SharedProps } from '@coinbase/cds-common/types';
+export type ScrubberBeaconRef = {
+  /**
+   * Triggers a single pulse animation.
+   * Only works when the scrubber is in idle state (not actively scrubbing).
+   */
+  pulse: () => void;
+};
+export type ScrubberBeaconProps = SharedProps & {
+  /**
+   * Optional data X coordinate to position the beacon.
+   * If not provided, uses the scrubber position from context.
+   */
+  dataX?: number;
+  /**
+   * Optional data Y coordinate to position the beacon.
+   * If not provided, looks up the Y value from series data at scrubber position.
+   */
+  dataY?: number;
+  /**
+   * Filter to only show dot for specific series (used for hover-based positioning).
+   */
+  seriesId?: string;
+  /**
+   * Color of the beacon point.
+   * If not provided, uses the series color.
+   */
+  color?: string;
+  /**
+   * Opacity of the beacon.
+   * @default 1
+   */
+  opacity?: number;
+  /**
+   * Pulse the scrubber beacon while it is at rest.
+   */
+  idlePulse?: boolean;
+  /**
+   * Custom className for styling.
+   */
+  className?: string;
+  /**
+   * Custom inline styles.
+   */
+  style?: React.CSSProperties;
+};
+/**
+ * The ScrubberBeacon is a special instance of a Point used to mark the scrubber's position on a specific series.
+ * It renders a glow effect around the point to highlight the scrubber position.
+ */
+export declare const ScrubberBeacon: import('react').MemoExoticComponent<
+  import('react').ForwardRefExoticComponent<
+    SharedProps & {
+      /**
+       * Optional data X coordinate to position the beacon.
+       * If not provided, uses the scrubber position from context.
+       */
+      dataX?: number;
+      /**
+       * Optional data Y coordinate to position the beacon.
+       * If not provided, looks up the Y value from series data at scrubber position.
+       */
+      dataY?: number;
+      /**
+       * Filter to only show dot for specific series (used for hover-based positioning).
+       */
+      seriesId?: string;
+      /**
+       * Color of the beacon point.
+       * If not provided, uses the series color.
+       */
+      color?: string;
+      /**
+       * Opacity of the beacon.
+       * @default 1
+       */
+      opacity?: number;
+      /**
+       * Pulse the scrubber beacon while it is at rest.
+       */
+      idlePulse?: boolean;
+      /**
+       * Custom className for styling.
+       */
+      className?: string;
+      /**
+       * Custom inline styles.
+       */
+      style?: React.CSSProperties;
+    } & import('react').RefAttributes<ScrubberBeaconRef>
+  >
+>;
+//# sourceMappingURL=ScrubberBeacon.d.ts.map

package/dts/chart/scrubber/ScrubberBeacon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrubberBeacon.d.ts","sourceRoot":"","sources":["../../../src/chart/scrubber/ScrubberBeacon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAiB9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAMF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc;IA1CzB;;;OAGG;YACK,MAAM;IACd;;;OAGG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;OAGG;YACK,MAAM;IACd;;;OAGG;cACO,MAAM;IAChB;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,MAAM;IAClB;;OAEG;YACK,KAAK,CAAC,aAAa;sDAqM5B,CAAC"}

package/dts/chart/scrubber/ScrubberBeaconLabel.d.ts

@@ -0,0 +1,7 @@
+import { type ChartTextProps } from '../text';
+export type ScrubberBeaconLabelProps = ChartTextProps;
+/**
+ * The ScrubberBeaconLabel is a special instance of ChartText used to label a series' scrubber beacon (i.e. a point on the series pinned to the scrubber position).
+ */
+export declare const ScrubberBeaconLabel: import('react').NamedExoticComponent<ChartTextProps>;
+//# sourceMappingURL=ScrubberBeaconLabel.d.ts.map

package/dts/chart/scrubber/ScrubberBeaconLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrubberBeaconLabel.d.ts","sourceRoot":"","sources":["../../../src/chart/scrubber/ScrubberBeaconLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,mBAAmB,sDAsB/B,CAAC"}