@coinbase/cds-mobile 8.66.2 → 9.0.0-rc.2

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

@@ -0,0 +1,300 @@
+import React from 'react';
+import { type AnimatedProp, type SkParagraph } from '@shopify/react-native-skia';
+import { type ReferenceLineBaseProps, type ReferenceLineLabelComponentProps } from '../line';
+import type { ChartTextChildren, ChartTextProps } from '../text';
+import { type ChartInset, type Series } from '../utils';
+import type { Transition } from '../utils/transition';
+import {
+  type ScrubberBeaconGroupBaseProps,
+  type ScrubberBeaconGroupProps,
+  type ScrubberBeaconGroupRef,
+} from './ScrubberBeaconGroup';
+import {
+  type ScrubberBeaconLabelGroupBaseProps,
+  type ScrubberBeaconLabelGroupProps,
+} from './ScrubberBeaconLabelGroup';
+export type ScrubberBeaconRef = {
+  /**
+   * Triggers a single pulse animation.
+   * Only works when the beacon is in idle state (not actively scrubbing).
+   */
+  pulse: () => void;
+};
+export type ScrubberBeaconBaseProps = {
+  /**
+   * Id of the series.
+   */
+  seriesId: Series['id'];
+  /**
+   * Color of the beacon.
+   */
+  color?: AnimatedProp<string>;
+  /**
+   * X coordinate in data space.
+   * In vertical layout this is the scrubber index-axis value.
+   * In horizontal layout this is the series value.
+   */
+  dataX: AnimatedProp<number>;
+  /**
+   * Y coordinate in data space.
+   * In vertical layout this is the series value.
+   * In horizontal layout this is the scrubber index-axis value.
+   */
+  dataY: AnimatedProp<number>;
+  /**
+   * Whether the beacon is in idle state (not actively scrubbing).
+   */
+  isIdle: AnimatedProp<boolean>;
+  /**
+   * Pulse the beacon while it is at rest.
+   *
+   * @note Only has an effect when `isIdle` is `true`. Pulse animations work
+   * regardless of the chart's `animate` prop.
+   */
+  idlePulse?: boolean;
+  /**
+   * Whether position animations are enabled.
+   * @default to ChartContext's animate value
+   */
+  animate?: boolean;
+  /**
+   * Opacity of the beacon.
+   * @default 1
+   */
+  opacity?: AnimatedProp<number>;
+  /**
+   * Stroke color of the beacon circle.
+   * @default theme.color.bg
+   */
+  stroke?: string;
+};
+export type ScrubberBeaconProps = ScrubberBeaconBaseProps & {
+  /**
+   * Transition configuration for beacon animations.
+   */
+  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 used for the pulse animation.
+     * @default transition { type: 'timing', duration: 1600, easing: Easing.bezier(0.0, 0.0, 0.0, 1.0) }
+     */
+    pulse?: Transition;
+    /**
+     * Delay, in milliseconds between pulse transitions
+     * when `idlePulse` is enabled.
+     * @default 400
+     */
+    pulseRepeatDelay?: number;
+  };
+};
+export type ScrubberBeaconComponent = React.FC<
+  ScrubberBeaconProps & {
+    ref?: React.Ref<ScrubberBeaconRef>;
+  }
+>;
+export type ScrubberBeaconLabelProps = Pick<Series, 'color'> &
+  Pick<
+    ChartTextProps,
+    'x' | 'y' | 'dx' | 'horizontalAlignment' | 'onDimensionsChange' | 'opacity' | 'font'
+  > & {
+    /**
+     * Label for the series.
+     */
+    label: ChartTextChildren;
+    /**
+     * Id of the series.
+     */
+    seriesId: Series['id'];
+  };
+export type ScrubberBeaconLabelComponent = React.FC<ScrubberBeaconLabelProps>;
+export type ScrubberLabelProps = ReferenceLineLabelComponentProps;
+export type ScrubberLabelComponent = React.FC<ScrubberLabelProps>;
+export type ScrubberBaseProps = Pick<ScrubberBeaconGroupBaseProps, 'idlePulse'> &
+  Pick<ReferenceLineBaseProps, 'LineComponent' | 'LabelComponent' | 'labelElevated'> &
+  Pick<ScrubberBeaconGroupProps, 'BeaconComponent'> &
+  Pick<ScrubberBeaconLabelGroupProps, 'BeaconLabelComponent'> & {
+    /**
+     * Array of series IDs to highlight when scrubbing with scrubber beacons.
+     * By default, all series will be highlighted.
+     */
+    seriesIds?: string[];
+    /**
+     * Hides the beacon labels while keeping the line label visible (if provided).
+     * @default true in horizontal layout, false in vertical layout.
+     * @note Beacon labels are always hidden in horizontal layout, and cannot be overridden.
+     */
+    hideBeaconLabels?: boolean;
+    /**
+     * Hides the scrubber line.
+     * @note This hides Scrubber's ReferenceLine including the label.
+     */
+    hideLine?: boolean;
+    /**
+     * Hides the overlay rect which obscures data beyond the scrubber position.
+     */
+    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;
+    /**
+     * Minimum gap between beacon labels to prevent overlap.
+     * Measured in pixels.
+     */
+    beaconLabelMinGap?: ScrubberBeaconLabelGroupBaseProps['labelMinGap'];
+    /**
+     * Horizontal offset for beacon labels from their beacon position.
+     * Measured in pixels.
+     */
+    beaconLabelHorizontalOffset?: ScrubberBeaconLabelGroupBaseProps['labelHorizontalOffset'];
+    /**
+     * Preferred side for beacon labels.
+     * @note labels will switch to the opposite side if there's not enough space on the preferred side.
+     * @default 'right'
+     */
+    beaconLabelPreferredSide?: ScrubberBeaconLabelGroupBaseProps['labelPreferredSide'];
+    /**
+     * Label text displayed above the scrubber line.
+     * Can be a static string or a function that receives the current dataIndex.
+     */
+    label?: string | SkParagraph | ((dataIndex: number) => string | SkParagraph);
+    /**
+     * Font style for the scrubber line label.
+     */
+    labelFont?: ChartTextProps['font'];
+    /**
+     * Bounds inset for the scrubber line label to prevent cutoff at chart edges.
+     * @default { top: 4, bottom: 20, left: 12, right: 12 } when labelElevated is true, otherwise none
+     */
+    labelBoundsInset?: number | ChartInset;
+    /**
+     * Font style for the beacon labels.
+     */
+    beaconLabelFont?: ChartTextProps['font'];
+    /**
+     * Stroke color for the scrubber line.
+     */
+    lineStroke?: ReferenceLineBaseProps['stroke'];
+    /**
+     * Stroke color of the scrubber beacon circle.
+     * @default theme.color.bg
+     */
+    beaconStroke?: string;
+  };
+export type ScrubberProps = ScrubberBaseProps & {
+  /**
+   * Transition configuration for the scrubber.
+   * Controls enter, update, and pulse animations for beacons and beacon labels.
+   */
+  transitions?: ScrubberBeaconProps['transitions'];
+  /**
+   * Transition configuration for the scrubber beacon.
+   * @deprecated Use `transitions` instead. This will be removed in a future major release.
+   * @deprecationExpectedRemoval v4
+   */
+  beaconTransitions?: ScrubberBeaconProps['transitions'];
+};
+export type ScrubberRef = ScrubberBeaconGroupRef;
+/**
+ * Unified component that manages all scrubber elements (beacons, line, labels).
+ */
+export declare const Scrubber: React.NamedExoticComponent<
+  Pick<ScrubberBeaconGroupBaseProps, 'idlePulse'> &
+    Pick<ReferenceLineBaseProps, 'LabelComponent' | 'LineComponent' | 'labelElevated'> &
+    Pick<ScrubberBeaconGroupProps, 'BeaconComponent'> &
+    Pick<ScrubberBeaconLabelGroupProps, 'BeaconLabelComponent'> & {
+      /**
+       * Array of series IDs to highlight when scrubbing with scrubber beacons.
+       * By default, all series will be highlighted.
+       */
+      seriesIds?: string[];
+      /**
+       * Hides the beacon labels while keeping the line label visible (if provided).
+       * @default true in horizontal layout, false in vertical layout.
+       * @note Beacon labels are always hidden in horizontal layout, and cannot be overridden.
+       */
+      hideBeaconLabels?: boolean;
+      /**
+       * Hides the scrubber line.
+       * @note This hides Scrubber's ReferenceLine including the label.
+       */
+      hideLine?: boolean;
+      /**
+       * Hides the overlay rect which obscures data beyond the scrubber position.
+       */
+      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;
+      /**
+       * Minimum gap between beacon labels to prevent overlap.
+       * Measured in pixels.
+       */
+      beaconLabelMinGap?: ScrubberBeaconLabelGroupBaseProps['labelMinGap'];
+      /**
+       * Horizontal offset for beacon labels from their beacon position.
+       * Measured in pixels.
+       */
+      beaconLabelHorizontalOffset?: ScrubberBeaconLabelGroupBaseProps['labelHorizontalOffset'];
+      /**
+       * Preferred side for beacon labels.
+       * @note labels will switch to the opposite side if there's not enough space on the preferred side.
+       * @default 'right'
+       */
+      beaconLabelPreferredSide?: ScrubberBeaconLabelGroupBaseProps['labelPreferredSide'];
+      /**
+       * Label text displayed above the scrubber line.
+       * Can be a static string or a function that receives the current dataIndex.
+       */
+      label?: string | SkParagraph | ((dataIndex: number) => string | SkParagraph);
+      /**
+       * Font style for the scrubber line label.
+       */
+      labelFont?: ChartTextProps['font'];
+      /**
+       * Bounds inset for the scrubber line label to prevent cutoff at chart edges.
+       * @default { top: 4, bottom: 20, left: 12, right: 12 } when labelElevated is true, otherwise none
+       */
+      labelBoundsInset?: number | ChartInset;
+      /**
+       * Font style for the beacon labels.
+       */
+      beaconLabelFont?: ChartTextProps['font'];
+      /**
+       * Stroke color for the scrubber line.
+       */
+      lineStroke?: ReferenceLineBaseProps['stroke'];
+      /**
+       * Stroke color of the scrubber beacon circle.
+       * @default theme.color.bg
+       */
+      beaconStroke?: string;
+    } & {
+      /**
+       * Transition configuration for the scrubber.
+       * Controls enter, update, and pulse animations for beacons and beacon labels.
+       */
+      transitions?: ScrubberBeaconProps['transitions'];
+      /**
+       * Transition configuration for the scrubber beacon.
+       * @deprecated Use `transitions` instead. This will be removed in a future major release.
+       * @deprecationExpectedRemoval v4
+       */
+      beaconTransitions?: ScrubberBeaconProps['transitions'];
+    } & React.RefAttributes<ScrubberBeaconGroupRef>
+>;
+//# sourceMappingURL=Scrubber.d.ts.map

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

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

package/dts/visualizations/chart/scrubber/ScrubberAccessibilityView.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type ScrubberAccessibilityViewProps = {
+  accessibilityLabel?: (dataIndex: number) => string;
+  accessibilityStep?: number;
+};
+export declare const ScrubberAccessibilityView: React.MemoExoticComponent<
+  ({
+    accessibilityLabel,
+    accessibilityStep,
+  }: ScrubberAccessibilityViewProps) => import('react/jsx-runtime').JSX.Element | undefined
+>;
+//# sourceMappingURL=ScrubberAccessibilityView.d.ts.map

package/dts/visualizations/chart/scrubber/ScrubberAccessibilityView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrubberAccessibilityView.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/scrubber/ScrubberAccessibilityView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAqI1D,MAAM,MAAM,8BAA8B,GAAG;IAC3C,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,yBAAyB,wEACQ,8BAA8B,yDAmH3E,CAAC"}

package/dts/visualizations/chart/scrubber/ScrubberBeaconGroup.d.ts

@@ -0,0 +1,52 @@
+import type { ScrubberBeaconComponent, ScrubberBeaconProps } from './Scrubber';
+export type ScrubberBeaconGroupRef = {
+  /**
+   * Triggers a pulse animation on all beacons.
+   */
+  pulse: () => void;
+};
+export type ScrubberBeaconGroupBaseProps = {
+  /**
+   * Array of series IDs to render beacons for.
+   */
+  seriesIds: string[];
+  /**
+   * Pulse the beacons while at rest.
+   */
+  idlePulse?: boolean;
+};
+export type ScrubberBeaconGroupProps = ScrubberBeaconGroupBaseProps & {
+  /**
+   * Transition configuration for beacon animations.
+   */
+  transitions?: ScrubberBeaconProps['transitions'];
+  /**
+   * Custom component for the scrubber beacon.
+   * @default DefaultScrubberBeacon
+   */
+  BeaconComponent?: ScrubberBeaconComponent;
+  /**
+   * Stroke color of the beacon circle.
+   * @default theme.color.bg
+   */
+  stroke?: string;
+};
+export declare const ScrubberBeaconGroup: import('react').NamedExoticComponent<
+  ScrubberBeaconGroupBaseProps & {
+    /**
+     * Transition configuration for beacon animations.
+     */
+    transitions?: ScrubberBeaconProps['transitions'];
+    /**
+     * Custom component for the scrubber beacon.
+     * @default DefaultScrubberBeacon
+     */
+    BeaconComponent?: ScrubberBeaconComponent;
+    /**
+     * Stroke color of the beacon circle.
+     * @default theme.color.bg
+     */
+    stroke?: string;
+  } & import('react').RefAttributes<ScrubberBeaconGroupRef>
+>;
+//# sourceMappingURL=ScrubberBeaconGroup.d.ts.map

package/dts/visualizations/chart/scrubber/ScrubberBeaconGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrubberBeaconGroup.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/scrubber/ScrubberBeaconGroup.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,uBAAuB,EAAE,mBAAmB,EAAqB,MAAM,YAAY,CAAC;AA4HlG,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC;;OAEG;IACH,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,4BAA4B,GAAG;IACpE;;OAEG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACjD;;;OAGG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,mBAAmB;IAhB9B;;OAEG;kBACW,mBAAmB,CAAC,aAAa,CAAC;IAChD;;;OAGG;sBACe,uBAAuB;IACzC;;;OAGG;aACM,MAAM;0DAkFhB,CAAC"}

package/dts/visualizations/chart/scrubber/ScrubberBeaconLabelGroup.d.ts

@@ -0,0 +1,46 @@
+import type { ChartTextProps } from '../text';
+import { type ScrubberLabelPosition } from '../utils/scrubber';
+import type {
+  ScrubberBeaconLabelComponent,
+  ScrubberBeaconLabelProps,
+  ScrubberBeaconProps,
+} from './Scrubber';
+export type ScrubberBeaconLabelGroupBaseProps = {
+  /**
+   * Labels to be displayed.
+   */
+  labels: Array<Pick<ScrubberBeaconLabelProps, 'seriesId' | 'label' | 'color'>>;
+  /**
+   * Minimum gap between labels in pixels.
+   * @default 4
+   */
+  labelMinGap?: number;
+  /**
+   * Horizontal offset of labels from the scrubber line in pixels.
+   * @default 16
+   */
+  labelHorizontalOffset?: number;
+  /**
+   * Font style for the beacon labels.
+   */
+  labelFont?: ChartTextProps['font'];
+  /**
+   * Preferred side for labels.
+   * @note labels will switch to the opposite side if there's not enough space on the preferred side.
+   * @default 'right'
+   */
+  labelPreferredSide?: ScrubberLabelPosition;
+};
+export type ScrubberBeaconLabelGroupProps = ScrubberBeaconLabelGroupBaseProps & {
+  /**
+   * Custom component to render as a scrubber beacon label.
+   * @default DefaultScrubberBeaconLabel
+   */
+  BeaconLabelComponent?: ScrubberBeaconLabelComponent;
+  /**
+   * Transition configuration for beacon label animations.
+   */
+  transitions?: ScrubberBeaconProps['transitions'];
+};
+export declare const ScrubberBeaconLabelGroup: import('react').NamedExoticComponent<ScrubberBeaconLabelGroupProps>;
+//# sourceMappingURL=ScrubberBeaconLabelGroup.d.ts.map

package/dts/visualizations/chart/scrubber/ScrubberBeaconLabelGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrubberBeaconLabelGroup.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/scrubber/ScrubberBeaconLabelGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAqB,cAAc,EAAE,MAAM,SAAS,CAAC;AAEjE,OAAO,EAKL,KAAK,qBAAqB,EAC3B,MAAM,mBAAmB,CAAC;AAS3B,OAAO,KAAK,EACV,4BAA4B,EAC5B,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AAsGpB,MAAM,MAAM,iCAAiC,GAAG;IAC9C;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC;IAC9E;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IACnC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,iCAAiC,GAAG;IAC9E;;;OAGG;IACH,oBAAoB,CAAC,EAAE,4BAA4B,CAAC;IACpD;;OAEG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,wBAAwB,qEAqNpC,CAAC"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { type ScrubberContextValue } from '../utils';
+export type ScrubberProviderProps = Partial<Pick<ScrubberContextValue, 'enableScrubbing'>> & {
+  children: React.ReactNode;
+  /**
+   * Allows continuous gestures on the chart to continue outside the bounds of the chart element.
+   */
+  allowOverflowGestures?: boolean;
+  /**
+   * Callback fired when the scrubber position changes.
+   * Receives the dataIndex of the scrubber or undefined when not scrubbing.
+   */
+  onScrubberPositionChange?: (index: number | undefined) => void;
+};
+/**
+ * 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/visualizations/chart/scrubber/ScrubberProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrubberProvider.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/scrubber/ScrubberProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,OAAO,EAA4C,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAG/F,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC,GAAG;IAC3F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+J5D,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/scrubber/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC"}

package/dts/visualizations/chart/text/ChartText.d.ts

@@ -0,0 +1,164 @@
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { Rect } from '@coinbase/cds-common/types';
+import {
+  type AnimatedProp,
+  FontSlant,
+  FontWeight,
+  type SkParagraph,
+  TextAlign,
+} from '@shopify/react-native-skia';
+import { type ChartInset } from '../utils';
+/**
+ * The supported content types for ChartText.
+ * Pass a string for simple text, or a SkParagraph for advanced rich text formatting.
+ */
+export type ChartTextChildren = AnimatedProp<string | SkParagraph>;
+/**
+ * Horizontal alignment options for chart text.
+ */
+export type TextHorizontalAlignment = 'left' | 'center' | 'right';
+/**
+ * Vertical alignment options for chart text.
+ */
+export type TextVerticalAlignment = 'top' | 'middle' | 'bottom';
+export type ChartTextBaseProps = {
+  /**
+   * The text color.
+   * @default theme.color.fgMuted
+   */
+  color?: string;
+  /**
+   * The background color of the text's background rectangle.
+   * @default theme.color.bgElevation1 if elevated, otherwise 'transparent'
+   */
+  background?: string;
+  /**
+   * Whether the text's background should have an elevated appearance with a shadow.
+   */
+  elevated?: boolean;
+  /**
+   * When true, disables automatic repositioning to fit within bounds.
+   */
+  disableRepositioning?: boolean;
+  /**
+   * Optional bounds rectangle to constrain the text within. If provided, text will be positioned
+   * to stay within these bounds. Defaults to the full chart bounds when not provided.
+   */
+  bounds?: Rect;
+  /**
+   * Callback fired when text dimensions change.
+   * Used for collision detection and smart positioning.
+   * Returns the adjusted position and dimensions.
+   */
+  onDimensionsChange?: (rect: Rect) => void;
+  /**
+   * Inset around the text content for the background rect.
+   * Only affects the background, text position remains unchanged.
+   */
+  inset?: number | ChartInset;
+  /**
+   * Border radius for the background rectangle.
+   * @default 4
+   */
+  borderRadius?: number;
+};
+export type ChartTextProps = ChartTextBaseProps & {
+  /**
+   * The text content to display.
+   * Pass a string for simple text rendering, or build your own SkParagraph for advanced formatting.
+   * @example
+   * // Simple text
+   * <ChartText x={100} y={100}>Hello World</ChartText>
+   *
+   * @example
+   * // Advanced rich text with SkParagraph
+   * const paragraph = useMemo(() => {
+   *   const builder = Skia.ParagraphBuilder.Make(style, fontProvider);
+   *   builder.pushStyle({ fontSize: 14, fontWeight: 400 });
+   *   builder.addText('Regular ');
+   *   builder.pushStyle({ fontSize: 14, fontWeight: 700 });
+   *   builder.addText('Bold');
+   *   builder.pop();
+   *   const para = builder.build();
+   *   para.layout(width);
+   *   return para;
+   * }, [fontProvider, width]);
+   * <ChartText x={100} y={100}>{paragraph}</ChartText>
+   */
+  children: ChartTextChildren;
+  /**
+   * The desired x position in pixels.
+   * @note Text will be automatically positioned to fit within bounds unless `disableRepositioning` is true.
+   */
+  x: AnimatedProp<number>;
+  /**
+   * The desired y position in pixels.
+   * @note Text will be automatically positioned to fit within bounds unless `disableRepositioning` is true.
+   */
+  y: AnimatedProp<number>;
+  /**
+   * Horizontal offset in pixels to adjust the final x position.
+   * Useful for fine-tuning placement without affecting alignment.
+   */
+  dx?: AnimatedProp<number>;
+  /**
+   * Vertical offset in pixels to adjust the final y position.
+   * Useful for fine-tuning placement or elevation.
+   */
+  dy?: AnimatedProp<number>;
+  /**
+   * Horizontal alignment of the component.
+   * @default 'center'
+   */
+  horizontalAlignment?: AnimatedProp<TextHorizontalAlignment>;
+  /**
+   * Vertical alignment of the component.
+   * @default 'middle'
+   */
+  verticalAlignment?: AnimatedProp<TextVerticalAlignment>;
+  /**
+   * Text alignment of the SkParagraph
+   * @note when providing a custom SkParagraph as children, you still need to pass in the alignment used.
+   * @default TextAlign.Left
+   */
+  paragraphAlignment?: TextAlign;
+  /**
+   * Theme font to use for text rendering.
+   * This sets both fontSize and fontWeight from the theme.
+   * @note this will not adjust the actual font family used,
+   * that is only adjusted by using fontFamilies on ChartText or at chart level
+   * @default 'label2'
+   */
+  font?: ThemeVars.Font;
+  /**
+   * Font families override for Skia
+   * @example
+   * ['Helvetica', 'sans-serif']
+   */
+  fontFamilies?: string[];
+  /**
+   * Font size override in pixels.
+   * Overrides the size from the font prop.
+   * @example
+   * // Use label1 font weight but with custom size
+   * <ChartText font="label1" fontSize={18}>Text</ChartText>
+   */
+  fontSize?: number;
+  /**
+   * Font weight.
+   * Overrides the weight from the font prop.
+   */
+  fontWeight?: FontWeight;
+  /**
+   * Font style (normal or italic).
+   * @default FontSlant.Upright
+   */
+  fontStyle?: FontSlant;
+  /**
+   * Opacity of the text and background.
+   * @default 1
+   */
+  opacity?: AnimatedProp<number>;
+};
+export declare const ChartText: import('react').NamedExoticComponent<ChartTextProps>;
+//# sourceMappingURL=ChartText.d.ts.map

package/dts/visualizations/chart/text/ChartText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartText.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/text/ChartText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EACL,KAAK,YAAY,EAEjB,SAAS,EACT,UAAU,EAOV,KAAK,WAAW,EAEhB,SAAS,EAEV,MAAM,4BAA4B,CAAC;AAKpC,OAAO,EAAE,KAAK,UAAU,EAA2D,MAAM,UAAU,CAAC;AAwBpG;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG;IAChD;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,QAAQ,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACxB;;;OAGG;IACH,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACxB;;;OAGG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAC;IAC5D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAC;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,SAAS,sDA0TrB,CAAC"}