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

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

@@ -1,33 +1,26 @@
 import React from 'react';
-import type { SharedProps } from '@coinbase/cds-common/types';
+import { type AnimatedProp } from '@shopify/react-native-skia';
 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 & {
+import type { PathProps } from '../Path';
+import { type PointBaseProps, type PointProps } from '../point';
+import { type ChartPathCurveType, type GradientDefinition } from '../utils';
+export type LineBaseProps = {
   /**
    * 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'
+   * @default 'bump'
    */
   curve?: ChartPathCurveType;
   /**
    * The type of line to render.
    * @default 'solid'
    */
-  type?: 'solid' | 'dotted' | 'gradient';
+  type?: 'solid' | 'dotted';
   /**
-   * Show area fill under the line.
+   * Whether to show area fill under the line.
    */
   showArea?: boolean;
   /**
@@ -49,30 +42,71 @@ export type LineProps = SharedProps & {
    * Custom component to render line area fill.
    */
   AreaComponent?: AreaComponent;
+  /**
+   * Opacity of the line's stroke.
+   * Will also be applied to points and area fill.
+   * @default 1
+   */
+  opacity?: number;
+  /**
+   * Controls whether and how to render points at each data point in the series.
+   * - `true`: Show all points with default styling
+   * - `false` or `undefined`: Hide all points
+   * - Function: Called for every entry in the data array to customize individual points
+   *
+   * @param defaults - The default point props computed by the Line component
+   * @returns true for default point, false/null/undefined for no point, or Partial<PointProps> to customize
+   */
+  points?:
+    | boolean
+    | ((defaults: PointBaseProps) => boolean | null | undefined | Partial<PointProps>);
+  /**
+   * When true, the area is connected across null values.
+   */
+  connectNulls?: boolean;
   /**
    * The color of the line.
    * @default color of the series or theme.color.fgPrimary
    */
   stroke?: string;
   /**
-   * Opacity of the line.
+   * Opacity of the line
+   * @note when combined with gradient, both will be applied
    * @default 1
    */
-  opacity?: number;
+  strokeOpacity?: AnimatedProp<number>;
   /**
-   * Whether to animate the line.
-   * Overrides the animate prop on the Chart component.
+   * Width of the line
+   * @default 2
    */
-  animate?: boolean;
+  strokeWidth?: 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
+   * Gradient configuration.
+   * When provided, creates gradient or threshold-based coloring.
    */
-  renderPoints?: (params: RenderPointsParams) => boolean | null | undefined | PointConfig;
-  strokeWidth?: number;
+  gradient?: GradientDefinition;
+  /**
+   * Whether to animate the line.
+   * Overrides the animate value from the chart context.
+   */
+  animate?: boolean;
 };
+export type LineProps = LineBaseProps & Pick<PathProps, 'transitions' | 'transition'>;
+export type LineComponentProps = Pick<
+  LineProps,
+  'stroke' | 'strokeOpacity' | 'strokeWidth' | 'gradient' | 'animate' | 'transitions' | 'transition'
+> &
+  Pick<PathProps, 'clipPath' | 'strokeCap'> & {
+    /**
+     * Path of the line
+     */
+    d: AnimatedProp<string | undefined>;
+    /**
+     * ID of the y-axis to use.
+     * If not provided, defaults to the default y-axis.
+     */
+    yAxisId?: string;
+  };
+export type LineComponent = React.FC<LineComponentProps>;
 export declare const Line: React.NamedExoticComponent<LineProps>;
 //# sourceMappingURL=Line.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/chart/line/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAS,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EACL,KAAK,kBAAkB,EAGvB,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAOlB,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;;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;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;;;;OAQG;IACH,MAAM,CAAC,EACH,OAAO,GACP,CAAC,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IACrF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,GAAG,YAAY,CAAC,CAAC;AAEtF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,SAAS,EACT,QAAQ,GAAG,eAAe,GAAG,aAAa,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,YAAY,CACnG,GACC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG;IAC1C;;OAEG;IACH,CAAC,EAAE,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEzD,eAAO,MAAM,IAAI,uCA+LhB,CAAC"}

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

@@ -1,7 +1,7 @@
 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 CartesianChartBaseProps, type CartesianChartProps } from '../CartesianChart';
 import { type AxisConfigProps, type Series } from '../utils';
 import { type LineProps } from './Line';
 export type LineSeries = Series &
@@ -16,12 +16,15 @@ export type LineSeries = Series &
       | 'LineComponent'
       | 'AreaComponent'
       | 'stroke'
-      | 'opacity'
-      | 'renderPoints'
       | 'strokeWidth'
+      | 'strokeOpacity'
+      | 'opacity'
+      | 'points'
+      | 'connectNulls'
+      | 'transition'
     >
   >;
-export type LineChartProps = Omit<CartesianChartProps, 'xAxis' | 'yAxis' | 'series'> &
+export type LineChartBaseProps = Omit<CartesianChartBaseProps, 'xAxis' | 'yAxis' | 'series'> &
   Pick<
     LineProps,
     | 'showArea'
@@ -30,8 +33,12 @@ export type LineChartProps = Omit<CartesianChartProps, 'xAxis' | 'yAxis' | 'seri
     | 'LineComponent'
     | 'AreaComponent'
     | 'curve'
-    | 'renderPoints'
+    | 'points'
     | 'strokeWidth'
+    | 'strokeOpacity'
+    | 'connectNulls'
+    | 'transition'
+    | 'opacity'
   > & {
     /**
      * Configuration objects that define how to visualize the data.
@@ -46,22 +53,38 @@ export type LineChartProps = Omit<CartesianChartProps, 'xAxis' | 'yAxis' | 'seri
      * Whether to show the Y axis.
      */
     showYAxis?: boolean;
+    /**
+     * Configuration for x-axis.
+     * Accepts axis config and axis props.
+     * To show the axis, set `showXAxis` to true.
+     */
     xAxis?: Partial<AxisConfigProps> & XAxisProps;
+    /**
+     * Configuration for y-axis.
+     * Accepts axis config and axis props.
+     * To show the axis, set `showYAxis` to true.
+     */
     yAxis?: Partial<AxisConfigProps> & YAxisProps;
   };
+export type LineChartProps = LineChartBaseProps &
+  Omit<CartesianChartProps, 'xAxis' | 'yAxis' | 'series'>;
 export declare const LineChart: import('react').MemoExoticComponent<
   import('react').ForwardRefExoticComponent<
-    Omit<CartesianChartProps, 'series' | 'xAxis' | 'yAxis'> &
+    Omit<CartesianChartBaseProps, 'series' | 'xAxis' | 'yAxis'> &
       Pick<
         LineProps,
         | 'type'
-        | 'curve'
+        | 'opacity'
         | 'strokeWidth'
+        | 'transition'
+        | 'curve'
+        | 'connectNulls'
+        | 'strokeOpacity'
         | 'AreaComponent'
         | 'showArea'
         | 'areaType'
         | 'LineComponent'
-        | 'renderPoints'
+        | 'points'
       > & {
         /**
          * Configuration objects that define how to visualize the data.
@@ -76,9 +99,20 @@ export declare const LineChart: import('react').MemoExoticComponent<
          * Whether to show the Y axis.
          */
         showYAxis?: boolean;
+        /**
+         * Configuration for x-axis.
+         * Accepts axis config and axis props.
+         * To show the axis, set `showXAxis` to true.
+         */
         xAxis?: Partial<AxisConfigProps> & XAxisProps;
+        /**
+         * Configuration for y-axis.
+         * Accepts axis config and axis props.
+         * To show the axis, set `showYAxis` to true.
+         */
         yAxis?: Partial<AxisConfigProps> & YAxisProps;
-      } & import('react').RefAttributes<View>
+      } & Omit<CartesianChartProps, 'series' | 'xAxis' | 'yAxis'> &
+      import('react').RefAttributes<View>
   >
 >;
 //# sourceMappingURL=LineChart.d.ts.map

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

@@ -1 +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"}
+{"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,EAEL,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACzB,MAAM,mBAAmB,CAAC;AAC3B,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,aAAa,GACb,eAAe,GACf,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,CACf,CACF,CAAC;AAEJ,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,uBAAuB,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,GAC1F,IAAI,CACF,SAAS,EACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,eAAe,GACf,eAAe,GACf,OAAO,GACP,QAAQ,GACR,aAAa,GACb,eAAe,GACf,cAAc,GACd,YAAY,GACZ,SAAS,CACZ,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;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,CAAC;CAC/C,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;AAE1D,eAAO,MAAM,SAAS;IA9BlB;;;OAGG;aACM,KAAK,CAAC,UAAU,CAAC;IAC1B;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;;;OAIG;YACK,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU;IAC7C;;;;OAIG;YACK,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU;mGA8HhD,CAAC"}

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

@@ -1,30 +1,42 @@
-import type { SharedProps } from '@coinbase/cds-common/types';
+import type { AnimatedProp } from '@shopify/react-native-skia';
 import type {
   ChartTextChildren,
   ChartTextProps,
   TextHorizontalAlignment,
   TextVerticalAlignment,
 } from '../text/ChartText';
+import type { ChartInset } from '../utils';
 import type { LineComponent } from './Line';
-/**
- * Configuration for ReferenceLine label rendering using ChartText.
- */
-export type ReferenceLineLabelProps = Pick<
+export type ReferenceLineLabelComponentProps = Pick<
   ChartTextProps,
-  | 'dx'
-  | 'dy'
-  | 'fontSize'
-  | 'fontWeight'
+  | 'x'
+  | 'y'
+  | 'children'
   | 'color'
   | 'inset'
   | 'background'
   | 'borderRadius'
   | 'disableRepositioning'
-  | 'bounds'
   | 'horizontalAlignment'
   | 'verticalAlignment'
->;
-type BaseReferenceLineProps = SharedProps & {
+  | 'font'
+  | 'fontWeight'
+  | 'fontFamilies'
+  | 'opacity'
+  | 'dx'
+  | 'dy'
+  | 'elevated'
+  | 'paragraphAlignment'
+> & {
+  /**
+   * Bounds inset for label to prevent cutoff at chart edges.
+   * Can be a number (applied to all sides) or a ChartInset object.
+   * @default { top: 4, bottom: 20, left: 12, right: 12 } when elevated is true, otherwise undefined
+   */
+  boundsInset?: number | ChartInset;
+};
+export type ReferenceLineLabelComponent = React.FC<ReferenceLineLabelComponentProps>;
+export type ReferenceLineBaseProps = {
   /**
    * Label content to display near the reference line.
    * Can be a string or ReactNode for rich formatting.
@@ -43,23 +55,59 @@ type BaseReferenceLineProps = SharedProps & {
    * @default DottedLine
    */
   LineComponent?: LineComponent;
+  /**
+   * Component to render the label.
+   * @default DefaultReferenceLineLabel
+   */
+  LabelComponent?: ReferenceLineLabelComponent;
+  /**
+   * Whether to elevate the label with a shadow.
+   * When true, applies elevation and automatically adds bounds to keep label within chart area.
+   */
+  labelElevated?: boolean;
+  /**
+   * Font style for the label text.
+   */
+  labelFont?: ChartTextProps['font'];
+  /**
+   * Horizontal offset for the label in pixels.
+   */
+  labelDx?: number;
+  /**
+   * Vertical offset for the label in pixels.
+   */
+  labelDy?: number;
+  /**
+   * Horizontal alignment of the label text.
+   */
+  labelHorizontalAlignment?: TextHorizontalAlignment;
+  /**
+   * Vertical alignment of the label text.
+   */
+  labelVerticalAlignment?: TextVerticalAlignment;
+  /**
+   * Bounds inset for the label to prevent cutoff at chart edges.
+   * Especially useful when labelElevated is true to prevent shadow clipping.
+   * Can be a number (applied to all sides) or a ChartInset object.
+   * @default { top: 4, bottom: 20, left: 12, right: 12 } when labelElevated is true, otherwise none
+   */
+  labelBoundsInset?: number | ChartInset;
   /**
    * 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.
+   * Opacity applied to both the line and label.
+   * @default 1
    */
-  labelProps?: ReferenceLineLabelProps;
+  opacity?: AnimatedProp<number>;
 };
-type HorizontalReferenceLineProps = BaseReferenceLineProps & {
+type HorizontalReferenceLineProps = ReferenceLineBaseProps & {
   /**
    * Y-value for horizontal reference line (data value).
    */
-  dataY: number;
+  dataY: AnimatedProp<number>;
   /**
    * The ID of the y-axis to use for positioning.
    * Defaults to defaultAxisId if not specified.
@@ -72,11 +120,11 @@ type HorizontalReferenceLineProps = BaseReferenceLineProps & {
   labelPosition?: TextHorizontalAlignment;
   dataX?: never;
 };
-type VerticalReferenceLineProps = BaseReferenceLineProps & {
+type VerticalReferenceLineProps = ReferenceLineBaseProps & {
   /**
    * X-value for vertical reference line (data index).
    */
-  dataX: number;
+  dataX: AnimatedProp<number>;
   /**
    * Position of the label along the vertical line.
    * @default 'top'

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

@@ -1 +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"}
+{"version":3,"file":"ReferenceLine.d.ts","sourceRoot":"","sources":["../../../src/chart/line/ReferenceLine.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,KAAK,EACV,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAM3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,MAAM,gCAAgC,GAAG,IAAI,CACjD,cAAc,EACZ,GAAG,GACH,GAAG,GACH,UAAU,GACV,OAAO,GACP,OAAO,GACP,YAAY,GACZ,cAAc,GACd,sBAAsB,GACtB,qBAAqB,GACrB,mBAAmB,GACnB,MAAM,GACN,YAAY,GACZ,cAAc,GACd,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,UAAU,GACV,oBAAoB,CACvB,GAAG;IACF;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAC;AAErF,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAC7C;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,wBAAwB,CAAC,EAAE,uBAAuB,CAAC;IACnD;;OAEG;IACH,sBAAsB,CAAC,EAAE,qBAAqB,CAAC;IAC/C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,KAAK,4BAA4B,GAAG,sBAAsB,GAAG;IAC3D;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B;;;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,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B;;;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,0DAiJzB,CAAC"}

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

@@ -1,12 +1,15 @@
-import type { SharedProps } from '@coinbase/cds-common/types';
 import { type PathProps } from '../Path';
-export type SolidLineProps = SharedProps &
-  Omit<PathProps, 'fill' | 'strokeWidth'> & {
+import type { LineComponentProps } from './Line';
+export type SolidLineProps = Pick<
+  PathProps,
+  'initialPath' | 'children' | 'strokeCap' | 'strokeJoin' | 'clipRect' | 'clipPath' | 'clipOffset'
+> &
+  LineComponentProps & {
     fill?: string;
-    strokeWidth?: number;
   };
 /**
- * A customizable solid line component which uses path element.
+ * A customizable solid line component.
+ * Supports gradient for gradient effects and smooth data transitions via AnimatedPath.
  */
 export declare const SolidLine: import('react').NamedExoticComponent<SolidLineProps>;
 //# sourceMappingURL=SolidLine.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"SolidLine.d.ts","sourceRoot":"","sources":["../../../src/chart/line/SolidLine.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,SAAS,EACT,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,CACjG,GACC,kBAAkB,GAAG;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,SAAS,sDAqCrB,CAAC"}

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

@@ -1,5 +1,5 @@
+export * from './DefaultReferenceLineLabel';
 export * from './DottedLine';
-export * from './GradientLine';
 export * from './Line';
 export * from './LineChart';
 export * from './ReferenceLine';

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart/line/index.ts"],"names":[],"mappings":"AACA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC"}

package/dts/chart/point/DefaultPointLabel.d.ts

@@ -0,0 +1,10 @@
+import { type ChartTextProps } from '../text';
+import type { PointLabelProps } from './Point';
+export type DefaultPointLabelProps = PointLabelProps &
+  Omit<ChartTextProps, 'children' | 'x' | 'y' | 'horizontalAlignment' | 'verticalAlignment'>;
+/**
+ * DefaultPointLabel is the default label component for point labels.
+ * It renders text at the specified position relative to the point.
+ */
+export declare const DefaultPointLabel: import('react').NamedExoticComponent<DefaultPointLabelProps>;
+//# sourceMappingURL=DefaultPointLabel.d.ts.map

package/dts/chart/point/DefaultPointLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultPointLabel.d.ts","sourceRoot":"","sources":["../../../src/chart/point/DefaultPointLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,qBAAqB,GAAG,mBAAmB,CAAC,CAAC;AAE7F;;;GAGG;AACH,eAAO,MAAM,iBAAiB,8DAwB7B,CAAC"}

package/dts/chart/point/Point.d.ts

@@ -0,0 +1,136 @@
+import { type ComponentType } from 'react';
+import type { ChartTextChildren, ChartTextProps } from '../text/ChartText';
+import { type PointLabelPosition } from '../utils';
+import { type Transition } from '../utils/transition';
+export type PointBaseProps = {
+  /**
+   * X coordinate in data space (not pixel coordinates).
+   */
+  dataX: number;
+  /**
+   * Y coordinate in data space (not pixel coordinates).
+   */
+  dataY: number;
+  /**
+   * The fill color of the point.
+   * @default theme.color.fgPrimary
+   */
+  fill?: string;
+  /**
+   * Optional Y-axis id to specify which axis to plot along.
+   * @default first y-axis defined in chart props.
+   */
+  yAxisId?: string;
+  /**
+   * Radius of the point.
+   * @default 5
+   */
+  radius?: number;
+  /**
+   * Opacity of the point.
+   */
+  opacity?: number;
+  /**
+   * Color of the outer stroke around the point.
+   * @default theme.color.bg
+   */
+  stroke?: string;
+  /**
+   * Outer stroke width of the point.
+   * Set to  0 to remove the stroke.
+   * @default 2
+   */
+  strokeWidth?: number;
+  /**
+   * When set, overrides the chart's animation setting for this specific point.
+   */
+  animate?: boolean;
+  /**
+   * Custom component to render the label.
+   * @default DefaultPointLabel
+   */
+  LabelComponent?: PointLabelComponent;
+  /**
+   * Position of the label relative to the point.
+   * @default 'center'
+   */
+  labelPosition?: PointLabelPosition;
+  /**
+   * Distance in pixels to offset the label from the point.
+   * @default 2 * radius
+   */
+  labelOffset?: number;
+  /**
+   * Font style for the label text.
+   */
+  labelFont?: ChartTextProps['font'];
+};
+/**
+ * Props for point label components.
+ */
+export type PointLabelProps = {
+  /**
+   * X coordinate in SVG pixel space.
+   */
+  x: number;
+  /**
+   * Y coordinate in SVG pixel space.
+   */
+  y: number;
+  /**
+   * X coordinate in data space (usually same as index).
+   */
+  dataX: number;
+  /**
+   * Y coordinate in data space (same as value).
+   */
+  dataY: number;
+  /**
+   * Fill color for the point.
+   */
+  fill: string;
+  /**
+   * Position of the label relative to the point.
+   * @default 'center'
+   */
+  position?: PointLabelPosition;
+  /**
+   * Distance in pixels to offset the label from the point.
+   */
+  offset?: number;
+  /**
+   * Content to display in the label.
+   */
+  children: ChartTextChildren;
+};
+export type PointLabelComponent = ComponentType<PointLabelProps>;
+export type PointProps = PointBaseProps & {
+  /**
+   * Simple text label to display at the point position.
+   * If provided, a label component will be automatically rendered.
+   */
+  label?: ChartTextChildren;
+  /**
+   * Transition configuration for enter and update animations.
+   * @note Disable an animation by passing in null.
+   */
+  transitions?: {
+    /**
+     * Transition for the initial enter/reveal animation.
+     * Set to `null` to disable.
+     */
+    enter?: Transition | null;
+    /**
+     * Transition for subsequent data update animations.
+     * Set to `null` to disable.
+     */
+    update?: Transition | null;
+  };
+  /**
+   * Transition for updates.
+   * @deprecated Use `transitions.update` instead.
+   */
+  transition?: Transition;
+};
+export declare const Point: import('react').NamedExoticComponent<PointProps>;
+//# sourceMappingURL=Point.d.ts.map

package/dts/chart/point/Point.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Point.d.ts","sourceRoot":"","sources":["../../../src/chart/point/Point.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAA4B,MAAM,OAAO,CAAC;AAOrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,KAAK,kBAAkB,EAAgB,MAAM,UAAU,CAAC;AACjE,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IACV;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IACV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,iBAAiB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC;;;OAGG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE;QACZ;;;WAGG;QACH,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;QAC1B;;;WAGG;QACH,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;KAC5B,CAAC;IACF;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,KAAK,kDA2NjB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart/point/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,38 @@
+import { type Transition } from '../utils/transition';
+import type { ScrubberBeaconProps, ScrubberBeaconRef } from './Scrubber';
+export type DefaultScrubberBeaconProps = ScrubberBeaconProps & {
+  /**
+   * Radius of the beacon circle.
+   * @default 5
+   */
+  radius?: number;
+  /**
+   * Stroke width of the beacon circle.
+   * @default 2
+   */
+  strokeWidth?: number;
+};
+export declare const DefaultScrubberBeacon: import('react').MemoExoticComponent<
+  import('react').ForwardRefExoticComponent<
+    import('./Scrubber').ScrubberBeaconBaseProps & {
+      transitions?: {
+        enter?: Transition | null;
+        update?: Transition | null;
+        pulse?: Transition;
+        pulseRepeatDelay?: number;
+      };
+    } & {
+      /**
+       * Radius of the beacon circle.
+       * @default 5
+       */
+      radius?: number;
+      /**
+       * Stroke width of the beacon circle.
+       * @default 2
+       */
+      strokeWidth?: number;
+    } & import('react').RefAttributes<ScrubberBeaconRef>
+  >
+>;
+//# sourceMappingURL=DefaultScrubberBeacon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultScrubberBeacon.d.ts","sourceRoot":"","sources":["../../../src/chart/scrubber/DefaultScrubberBeacon.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAkBzE,MAAM,MAAM,0BAA0B,GAAG,mBAAmB,GAAG;IAC7D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;aAyCN,CAAC;cAId,CAAC;aAMe,CAAC;wBAGuD,CAAC;;;IAlEtF;;;OAGG;aACM,MAAM;IACf;;;OAGG;kBACW,MAAM;sDAiMrB,CAAC"}

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

@@ -0,0 +1,12 @@
+import { type ChartTextProps } from '../text';
+import type { ScrubberBeaconLabelProps } from './Scrubber';
+export type DefaultScrubberBeaconLabelProps = ScrubberBeaconLabelProps &
+  Pick<
+    ChartTextProps,
+    'background' | 'elevated' | 'borderRadius' | 'font' | 'verticalAlignment' | 'inset' | 'opacity'
+  >;
+/**
+ * DefaultScrubberBeaconLabel is a special instance of ChartText used to label a series' scrubber beacon.
+ */
+export declare const DefaultScrubberBeaconLabel: import('react').NamedExoticComponent<DefaultScrubberBeaconLabelProps>;
+//# sourceMappingURL=DefaultScrubberBeaconLabel.d.ts.map