@coinbase/cds-mobile-visualization 3.3.0 → 3.4.0-beta.2

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

@@ -0,0 +1,8 @@
+export * from './Bar';
+export * from './BarChart';
+export * from './BarPlot';
+export * from './BarStack';
+export * from './BarStackGroup';
+export * from './DefaultBar';
+export * from './DefaultBarStack';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart/bar/index.ts"],"names":[],"mappings":"AACA,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/dts/chart/index.d.ts

@@ -0,0 +1,13 @@
+export * from './area';
+export * from './axis';
+export * from './bar';
+export * from './CartesianChart';
+export * from './ChartProvider';
+export * from './line';
+export * from './Path';
+export * from './PeriodSelector';
+export * from './Point';
+export * from './scrubber';
+export * from './text';
+export * from './utils';
+//# 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,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type PathProps } from '../Path';
+export type DottedLineProps = SharedProps &
+  Omit<PathProps, 'fill' | 'strokeWidth'> & {
+    fill?: string;
+    strokeWidth?: number;
+  };
+/**
+ * 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":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,UAAU,uDA6BtB,CAAC"}

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

@@ -0,0 +1,45 @@
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type PathProps } from '../Path';
+export type GradientLineProps = SharedProps &
+  Omit<PathProps, 'stroke' | 'strokeOpacity' | 'strokeWidth'> & {
+    /**
+     * The color of the line.
+     * @default theme.color.bgLine
+     */
+    stroke?: string;
+    /**
+     * Opacity of the line.
+     * @default 1
+     */
+    strokeOpacity?: number;
+    /**
+     * Path stroke width
+     * @default 2
+     */
+    strokeWidth?: number;
+    /**
+     * The color of the start of the gradient.
+     * @default stroke or theme.color.bgLine
+     */
+    startColor?: string;
+    /**
+     * The color of the end of the gradient.
+     * @default stroke or theme.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":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAI9D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,eAAe,GAAG,aAAa,CAAC,GAAG;IAC5D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;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,yDAmDxB,CAAC"}

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

@@ -0,0 +1,78 @@
+import React 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: string;
+  stroke: string;
+  strokeOpacity?: number;
+  strokeWidth?: number;
+  testID?: string;
+};
+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';
+  /**
+   * 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 theme.color.fgPrimary
+   */
+  stroke?: string;
+  /**
+   * Opacity of the line.
+   * @default 1
+   */
+  opacity?: number;
+  /**
+   * Whether to animate the line.
+   * Overrides the animate prop on the Chart component.
+   */
+  animate?: boolean;
+  /**
+   * 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,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAExD,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,MAAM,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,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;;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;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;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,uCAsJhB,CAAC"}

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

@@ -0,0 +1,84 @@
+import type { View } from 'react-native';
+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'
+      | 'showArea'
+      | 'areaType'
+      | 'areaBaseline'
+      | 'type'
+      | 'LineComponent'
+      | 'AreaComponent'
+      | 'stroke'
+      | 'opacity'
+      | 'renderPoints'
+      | 'strokeWidth'
+    >
+  >;
+export type LineChartProps = Omit<CartesianChartProps, 'xAxis' | 'yAxis' | 'series'> &
+  Pick<
+    LineProps,
+    | 'showArea'
+    | 'areaType'
+    | 'type'
+    | '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<CartesianChartProps, 'series' | 'xAxis' | 'yAxis'> &
+      Pick<
+        LineProps,
+        | 'type'
+        | 'curve'
+        | 'strokeWidth'
+        | 'AreaComponent'
+        | 'showArea'
+        | 'areaType'
+        | 'LineComponent'
+        | 'renderPoints'
+      > & {
+        /**
+         * 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;
+      } & import('react').RefAttributes<View>
+  >
+>;
+//# 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":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,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,UAAU,GACV,UAAU,GACV,cAAc,GACd,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,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;IAjBlB;;;OAGG;aACM,KAAK,CAAC,UAAU,CAAC;IAC1B;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;YACX,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU;YACrC,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU;yCAyHhD,CAAC"}

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

@@ -0,0 +1,91 @@
+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'
+  | 'fontSize'
+  | 'fontWeight'
+  | 'color'
+  | 'inset'
+  | 'background'
+  | 'borderRadius'
+  | 'disableRepositioning'
+  | 'bounds'
+  | '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 theme.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;
+};
+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;
+};
+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: import('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":"AAEA,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,UAAU,GACV,YAAY,GACZ,OAAO,GACP,OAAO,GACP,YAAY,GACZ,cAAc,GACd,sBAAsB,GACtB,QAAQ,GACR,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;CACtC,CAAC;AAEF,KAAK,4BAA4B,GAAG,sBAAsB,GAAG;IAC3D;;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,KAAK,0BAA0B,GAAG,sBAAsB,GAAG;IACzD;;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,0DA8GzB,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type PathProps } from '../Path';
+export type SolidLineProps = SharedProps &
+  Omit<PathProps, 'fill' | 'strokeWidth'> & {
+    fill?: string;
+    strokeWidth?: number;
+  };
+/**
+ * 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":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAG9D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,SAAS,sDAyBrB,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,104 @@
+import React from 'react';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type ReferenceLineProps } from '../line';
+import { type ScrubberBeaconProps, type ScrubberBeaconRef } from './ScrubberBeacon';
+/**
+ * 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 component for the scrubber beacon.
+     */
+    BeaconComponent?: React.ComponentType<ScrubberBeaconProps>;
+    /**
+     * Custom component for the scrubber line.
+     */
+    LineComponent?: React.ComponentType<ReferenceLineProps>;
+  };
+export type ScrubberRef = ScrubberBeaconRef;
+/**
+ * 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 component for the scrubber beacon.
+         */
+        BeaconComponent?: React.ComponentType<ScrubberBeaconProps>;
+        /**
+         * 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":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAI9D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGjE,OAAO,EAAkB,KAAK,mBAAmB,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIpG;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC,GAAG;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3F;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAE9C;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAE1C;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAE3D;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;CACzD,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,QAAQ;IAxDjB;;;;OAIG;gBACS,MAAM,EAAE;IAEpB;;OAEG;eACQ,OAAO;IAElB;;OAEG;kBACW,OAAO;IAErB;;;;OAIG;oBACa,MAAM;IAEtB;;OAEG;YACK,kBAAkB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,KAAK,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAE1F;;OAEG;iBACU,kBAAkB,CAAC,YAAY,CAAC;IAE7C;;OAEG;iBACU,kBAAkB,CAAC,QAAQ,CAAC;IAEzC;;OAEG;sBACe,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC;IAE1D;;OAEG;oBACa,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;4CAmM1D,CAAC"}

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

@@ -0,0 +1,75 @@
+import type { SharedProps } from '@coinbase/cds-common/types';
+export type ScrubberBeaconRef = {
+  /**
+   * Triggers a single pulse animation.
+   */
+  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;
+};
+/**
+ * The ScrubberBeacon is a special instance of a Point used to mark the scrubber's position on a specific series.
+ */
+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;
+    } & 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":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAe9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,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;CACrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc;IAjCzB;;;OAGG;YACK,MAAM;IACd;;;OAGG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;OAGG;YACK,MAAM;IACd;;;OAGG;cACO,MAAM;IAChB;;OAEG;gBACS,OAAO;sDAgMpB,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type ScrubberContextValue } from '../utils';
+export type ScrubberProviderProps = Partial<
+  Pick<ScrubberContextValue, 'enableScrubbing' | 'onScrubberPositionChange'>
+> & {
+  children: React.ReactNode;
+  /**
+   * Allows continuous gestures on the chart to continue outside the bounds of the chart element.
+   */
+  allowOverflowGestures?: boolean;
+};
+/**
+ * A component which encapsulates the ScrubberContext.
+ * It depends on a ChartContext in order to provide accurate touch tracking.
+ */
+export declare const ScrubberProvider: React.FC<ScrubberProviderProps>;
+//# sourceMappingURL=ScrubberProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../src/chart/scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,EAAuC,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAE1F,MAAM,MAAM,qBAAqB,GAAG,OAAO,CACzC,IAAI,CAAC,oBAAoB,EAAE,iBAAiB,GAAG,0BAA0B,CAAC,CAC3E,GAAG;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAkK5D,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './Scrubber';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart/scrubber/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAC"}