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

package/dts/visualizations/chart/bar/PercentageBarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PercentageBarChart.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/bar/PercentageBarChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,6DAA6D;AAC7D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC,GAAG;IAC9F;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,iBAAiB,EACf,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,eAAe,GACf,OAAO,GACP,iBAAiB,GACjB,0BAA0B,CAC7B,GAAG;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnD;;;OAGG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACpC,CAAC;AAgBF,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAC/D,IAAI,CACF,aAAa,EACX,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,eAAe,GACf,OAAO,GACP,iBAAiB,GACjB,0BAA0B,CAC7B,CAAC;AAEJ,eAAO,MAAM,kBAAkB;IAlD7B;;;OAGG;aACM,mBAAmB,EAAE;IAC9B;;;;;OAKG;aACM,iBAAiB,CAAC,QAAQ,CAAC;IACpC;;;OAGG;oBACa,iBAAiB,CAAC,eAAe,CAAC;IAClD;;;OAGG;YACK,iBAAiB,CAAC,OAAO,CAAC;4KAoGnC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/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;AAClC,cAAc,sBAAsB,CAAC"}

package/dts/visualizations/chart/gradient/Gradient.d.ts

@@ -0,0 +1,41 @@
+import { type Transition } from '../utils';
+import { type GradientDefinition } from '../utils/gradient';
+export type GradientBaseProps = {
+  /**
+   * Whether to animate gradient changes.
+   */
+  animate?: boolean;
+  /**
+   * Gradient definition with stops, axis, and other configuration.
+   */
+  gradient: GradientDefinition;
+  /**
+   * X-axis ID to use for gradient processing.
+   * When provided, the gradient will align with the specified x-axis range.
+   */
+  xAxisId?: string;
+  /**
+   * Y-axis ID to use for gradient processing.
+   * When provided, the gradient will align with the specified y-axis range.
+   * This ensures gradients work correctly when the axis has a custom range configuration.
+   */
+  yAxisId?: string;
+};
+export type GradientProps = GradientBaseProps & {
+  /**
+   * Transition configuration for animation.
+   * @default defaultTransition
+   */
+  transition?: Transition;
+};
+/**
+ * Renders a Skia LinearGradient element based on a GradientDefinition.
+ * The gradient should be used as a child of a Path component.
+ *
+ * @example
+ * <Path d={pathString} stroke="red">
+ *   {gradient && <Gradient gradient={gradient} yAxisId={yAxisId} />}
+ * </Path>
+ */
+export declare const Gradient: import('react').NamedExoticComponent<GradientProps>;
+//# sourceMappingURL=Gradient.d.ts.map

package/dts/visualizations/chart/gradient/Gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/gradient/Gradient.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAyD,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClG,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,kBAAkB,CAAC;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG;IAC9C;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,qDA6IpB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,16 @@
+export * from './area';
+export * from './axis';
+export * from './bar';
+export * from './CartesianChart';
+export * from './ChartContextBridge';
+export * from './ChartProvider';
+export * from './gradient';
+export * from './legend';
+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/visualizations/chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/visualizations/chart/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,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/visualizations/chart/legend/DefaultLegendEntry.d.ts

@@ -0,0 +1,5 @@
+import { type HStackProps } from '../../../layout';
+import type { LegendEntryProps } from './Legend';
+export type DefaultLegendEntryProps = LegendEntryProps & Omit<HStackProps, 'children' | 'color'>;
+export declare const DefaultLegendEntry: import('react').NamedExoticComponent<DefaultLegendEntryProps>;
+//# sourceMappingURL=DefaultLegendEntry.d.ts.map

package/dts/visualizations/chart/legend/DefaultLegendEntry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultLegendEntry.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/legend/DefaultLegendEntry.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAQjD,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAEjG,eAAO,MAAM,kBAAkB,+DA8B9B,CAAC"}

package/dts/visualizations/chart/legend/DefaultLegendShape.d.ts

@@ -0,0 +1,5 @@
+import { type BoxProps } from '../../../layout';
+import type { LegendShapeProps } from './Legend';
+export type DefaultLegendShapeProps = LegendShapeProps & Omit<BoxProps, 'children' | 'color'>;
+export declare const DefaultLegendShape: import('react').NamedExoticComponent<DefaultLegendShapeProps>;
+//# sourceMappingURL=DefaultLegendShape.d.ts.map

package/dts/visualizations/chart/legend/DefaultLegendShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultLegendShape.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/legend/DefaultLegendShape.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAwCjD,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE9F,eAAO,MAAM,kBAAkB,+DAc9B,CAAC"}

package/dts/visualizations/chart/legend/Legend.d.ts

@@ -0,0 +1,166 @@
+import type { StyleProp, View, ViewStyle } from 'react-native';
+import { type BoxBaseProps, type BoxProps } from '../../../layout';
+import type { LegendShape } from '../utils';
+export type LegendShapeProps = {
+  /**
+   * Color of the legend shape.
+   * @default theme.color.fgPrimary
+   */
+  color?: string;
+  /**
+   * Shape to display. Can be a preset shape or a custom ReactNode.
+   * @default 'circle'
+   */
+  shape?: LegendShape;
+  /**
+   * Custom styles for the shape element.
+   */
+  style?: StyleProp<ViewStyle>;
+};
+export type LegendShapeComponent = React.FC<LegendShapeProps>;
+export type LegendEntryProps = {
+  /**
+   * Id of the series.
+   */
+  seriesId: string;
+  /**
+   * Label of the series.
+   * If a ReactNode is provided, it replaces the default Text component.
+   */
+  label: React.ReactNode;
+  /**
+   * Color of the series.
+   * @default theme.color.fgPrimary
+   */
+  color?: string;
+  /**
+   * Shape of the series.
+   */
+  shape?: LegendShape;
+  /**
+   * Custom component to render the legend shape.
+   * @default DefaultLegendShape
+   */
+  ShapeComponent?: LegendShapeComponent;
+  /**
+   * Custom styles for the root element.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the component parts.
+   */
+  styles?: {
+    /**
+     * Custom styles for the root element.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the shape element.
+     */
+    shape?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the label element.
+     * @note not applied when label is a ReactNode.
+     */
+    label?: StyleProp<ViewStyle>;
+  };
+};
+export type LegendEntryComponent = React.FC<LegendEntryProps>;
+export type LegendBaseProps = Omit<BoxBaseProps, 'children'> & {
+  /**
+   * Array of series IDs to display in the legend.
+   * By default, all series will be displayed.
+   */
+  seriesIds?: string[];
+  /**
+   * Custom component to render each legend entry.
+   * @default DefaultLegendEntry
+   */
+  EntryComponent?: LegendEntryComponent;
+  /**
+   * Custom component to render the legend shape within each entry.
+   * Only used when EntryComponent is not provided or is DefaultLegendEntry.
+   * @default DefaultLegendShape
+   */
+  ShapeComponent?: LegendShapeComponent;
+  /**
+   * Accessibility label for the legend group.
+   * @default 'Legend'
+   */
+  accessibilityLabel?: string;
+};
+export type LegendProps = Omit<BoxProps, 'children'> &
+  LegendBaseProps & {
+    /**
+     * Custom styles for the component parts.
+     */
+    styles?: {
+      /**
+       * Custom styles for the root element.
+       */
+      root?: StyleProp<ViewStyle>;
+      /**
+       * Custom styles for each entry element.
+       */
+      entry?: StyleProp<ViewStyle>;
+      /**
+       * Custom styles for the shape element within each entry.
+       */
+      entryShape?: StyleProp<ViewStyle>;
+      /**
+       * Custom styles for the label element within each entry.
+       * @note not applied when label is a ReactNode.
+       */
+      entryLabel?: StyleProp<ViewStyle>;
+    };
+  };
+export declare const Legend: import('react').NamedExoticComponent<
+  Omit<BoxProps, 'children'> &
+    Omit<BoxBaseProps, 'children'> & {
+      /**
+       * Array of series IDs to display in the legend.
+       * By default, all series will be displayed.
+       */
+      seriesIds?: string[];
+      /**
+       * Custom component to render each legend entry.
+       * @default DefaultLegendEntry
+       */
+      EntryComponent?: LegendEntryComponent;
+      /**
+       * Custom component to render the legend shape within each entry.
+       * Only used when EntryComponent is not provided or is DefaultLegendEntry.
+       * @default DefaultLegendShape
+       */
+      ShapeComponent?: LegendShapeComponent;
+      /**
+       * Accessibility label for the legend group.
+       * @default 'Legend'
+       */
+      accessibilityLabel?: string;
+    } & {
+      /**
+       * Custom styles for the component parts.
+       */
+      styles?: {
+        /**
+         * Custom styles for the root element.
+         */
+        root?: StyleProp<ViewStyle>;
+        /**
+         * Custom styles for each entry element.
+         */
+        entry?: StyleProp<ViewStyle>;
+        /**
+         * Custom styles for the shape element within each entry.
+         */
+        entryShape?: StyleProp<ViewStyle>;
+        /**
+         * Custom styles for the label element within each entry.
+         * @note not applied when label is a ReactNode.
+         */
+        entryLabel?: StyleProp<ViewStyle>;
+      };
+    } & import('react').RefAttributes<View>
+>;
+//# sourceMappingURL=Legend.d.ts.map

package/dts/visualizations/chart/legend/Legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/legend/Legend.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAO,KAAK,YAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAExE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAK5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B;;;WAGG;QACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC9B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG;IAC7D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC;;;;OAIG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAClD,eAAe,GAAG;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B;;WAEG;QACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAClC;;;WAGG;QACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACnC,CAAC;CACH,CAAC;AAEJ,eAAO,MAAM,MAAM;IAjDjB;;;OAGG;gBACS,MAAM,EAAE;IACpB;;;OAGG;qBACc,oBAAoB;IACrC;;;;OAIG;qBACc,oBAAoB;IACrC;;;OAGG;yBACkB,MAAM;;IAKzB;;OAEG;aACM;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B;;WAEG;QACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAClC;;;WAGG;QACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACnC;wCAiEJ,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './DefaultLegendEntry';
+export * from './DefaultLegendShape';
+export * from './Legend';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/legend/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC"}

package/dts/visualizations/chart/line/DefaultReferenceLineLabel.d.ts

@@ -0,0 +1,9 @@
+import type { ReferenceLineLabelComponentProps } from './ReferenceLine';
+export type DefaultReferenceLineLabelProps = ReferenceLineLabelComponentProps;
+/**
+ * DefaultReferenceLineLabel is the default label component for ReferenceLine.
+ * Provides standard styling with elevation, inset, and color defaults.
+ * When elevated, automatically adds bounds to prevent shadow cutoff at chart edges.
+ */
+export declare const DefaultReferenceLineLabel: import('react').NamedExoticComponent<ReferenceLineLabelComponentProps>;
+//# sourceMappingURL=DefaultReferenceLineLabel.d.ts.map

package/dts/visualizations/chart/line/DefaultReferenceLineLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultReferenceLineLabel.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/line/DefaultReferenceLineLabel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,iBAAiB,CAAC;AAExE,MAAM,MAAM,8BAA8B,GAAG,gCAAgC,CAAC;AAQ9E;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,wEAoCrC,CAAC"}

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

@@ -0,0 +1,20 @@
+import { type PathProps } from '../Path';
+import type { LineComponentProps } from './Line';
+export type DottedLineProps = Pick<
+  PathProps,
+  'initialPath' | 'children' | 'strokeCap' | 'strokeJoin' | 'clipRect' | 'clipPath' | 'clipOffset'
+> &
+  LineComponentProps & {
+    fill?: string;
+    /**
+     * Stroke dash array for the dotted pattern.
+     * @default [0, 4]
+     */
+    dashIntervals?: number[];
+  };
+/**
+ * A customizable dotted line component.
+ * Supports gradient for gradient effects on the dots and smooth data transitions via AnimatedPath.
+ */
+export declare const DottedLine: import('react').NamedExoticComponent<DottedLineProps>;
+//# sourceMappingURL=DottedLine.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DottedLine.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/line/DottedLine.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,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;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,UAAU,uDAgDtB,CAAC"}

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

@@ -0,0 +1,122 @@
+import React from 'react';
+import { type AnimatedProp } from '@shopify/react-native-skia';
+import { type AreaComponent } from '../area/Area';
+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 'bump'
+   */
+  curve?: ChartPathCurveType;
+  /**
+   * The type of line to render.
+   * @default 'solid'
+   */
+  type?: 'solid' | 'dotted';
+  /**
+   * Whether to 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.
+   *
+   * @deprecated this prop has no functionality. Use 'baseline' on axis config instead. This will be removed in a future major release.
+   * @deprecationExpectedRemoval v5
+   */
+  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;
+  /**
+   * 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
+   * @note when combined with gradient, both will be applied
+   * @default 1
+   */
+  strokeOpacity?: AnimatedProp<number>;
+  /**
+   * Width of the line
+   * @default 2
+   */
+  strokeWidth?: number;
+  /**
+   * Gradient configuration.
+   * When provided, creates gradient or threshold-based coloring.
+   */
+  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 x-axis to use.
+     * If not provided, defaults to the default x-axis.
+     * @note Only used for axis selection when layout is 'horizontal'. Vertical layout uses a single x-axis.
+     */
+    xAxisId?: string;
+    /**
+     * ID of the y-axis to use.
+     * If not provided, defaults to the default y-axis.
+     * @note Only used for axis selection when layout is 'vertical'. Horizontal layout supports a single y-axis.
+     */
+    yAxisId?: string;
+  };
+export type LineComponent = React.FC<LineComponentProps>;
+export declare const Line: React.NamedExoticComponent<LineProps>;
+//# sourceMappingURL=Line.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/chart/line/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,KAAK,YAAY,EAAS,MAAM,4BAA4B,CAAC;AAGtE,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;;;;;;OAMG;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;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEzD,eAAO,MAAM,IAAI,uCAmOhB,CAAC"}

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

@@ -0,0 +1,133 @@
+import type { View } from 'react-native';
+import { type XAxisProps } from '../axis/XAxis';
+import { type YAxisProps } from '../axis/YAxis';
+import { type CartesianChartBaseProps, type CartesianChartProps } from '../CartesianChart';
+import { type CartesianAxisConfigProps, type Series } from '../utils';
+import { type LineProps } from './Line';
+export type LineSeries = Series &
+  Partial<
+    Pick<
+      LineProps,
+      | 'curve'
+      | 'showArea'
+      | 'areaType'
+      | 'areaBaseline'
+      | 'type'
+      | 'LineComponent'
+      | 'AreaComponent'
+      | 'stroke'
+      | 'strokeWidth'
+      | 'strokeOpacity'
+      | 'opacity'
+      | 'points'
+      | 'connectNulls'
+      | 'transition'
+      | 'transitions'
+    >
+  >;
+export type LineChartBaseProps = Omit<CartesianChartBaseProps, 'xAxis' | 'yAxis' | 'series'> &
+  Pick<
+    LineProps,
+    | 'showArea'
+    | 'areaType'
+    | 'type'
+    | 'LineComponent'
+    | 'AreaComponent'
+    | 'curve'
+    | 'points'
+    | 'strokeWidth'
+    | 'strokeOpacity'
+    | 'connectNulls'
+    | 'transition'
+    | 'transitions'
+    | 'opacity'
+  > & {
+    /**
+     * 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;
+    /**
+     * Configuration for x-axis.
+     * Accepts axis config and axis props.
+     * To show the axis, set `showXAxis` to true.
+     */
+    xAxis?: Partial<CartesianAxisConfigProps> & XAxisProps;
+    /**
+     * Configuration for y-axis.
+     * Accepts axis config and axis props.
+     * To show the axis, set `showYAxis` to true.
+     */
+    yAxis?: Partial<CartesianAxisConfigProps> & YAxisProps;
+  };
+export type LineChartProps = LineChartBaseProps &
+  Omit<CartesianChartProps, 'xAxis' | 'yAxis' | 'series' | 'scrubberAccessibilityLabelStep'> & {
+    /**
+     * Number of data points to move between screen-reader samples.
+     * @default Computed from data length (targeting 10 samples)
+     */
+    scrubberAccessibilityLabelStep?: number;
+  };
+export declare const LineChart: import('react').NamedExoticComponent<
+  Omit<CartesianChartBaseProps, 'series' | 'xAxis' | 'yAxis'> &
+    Pick<
+      LineProps,
+      | 'opacity'
+      | 'type'
+      | 'strokeWidth'
+      | 'strokeOpacity'
+      | 'transition'
+      | 'transitions'
+      | 'curve'
+      | 'connectNulls'
+      | 'AreaComponent'
+      | 'showArea'
+      | 'areaType'
+      | 'LineComponent'
+      | 'points'
+    > & {
+      /**
+       * 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;
+      /**
+       * Configuration for x-axis.
+       * Accepts axis config and axis props.
+       * To show the axis, set `showXAxis` to true.
+       */
+      xAxis?: Partial<CartesianAxisConfigProps> & XAxisProps;
+      /**
+       * Configuration for y-axis.
+       * Accepts axis config and axis props.
+       * To show the axis, set `showYAxis` to true.
+       */
+      yAxis?: Partial<CartesianAxisConfigProps> & YAxisProps;
+    } & Omit<
+      CartesianChartProps,
+      'series' | 'xAxis' | 'yAxis' | 'scrubberAccessibilityLabelStep'
+    > & {
+      /**
+       * Number of data points to move between screen-reader samples.
+       * @default Computed from data length (targeting 10 samples)
+       */
+      scrubberAccessibilityLabelStep?: number;
+    } & import('react').RefAttributes<View>
+>;
+//# sourceMappingURL=LineChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/visualizations/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,wBAAwB,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAEtE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAU9C,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,GACZ,aAAa,CAChB,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,aAAa,GACb,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,wBAAwB,CAAC,GAAG,UAAU,CAAC;IACvD;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,UAAU,CAAC;CACxD,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,gCAAgC,CAAC,GAAG;IAC3F;;;OAGG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;CACzC,CAAC;AAEJ,eAAO,MAAM,SAAS;IApClB;;;OAGG;aACM,KAAK,CAAC,UAAU,CAAC;IAC1B;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;;;OAIG;YACK,OAAO,CAAC,wBAAwB,CAAC,GAAG,UAAU;IACtD;;;;OAIG;YACK,OAAO,CAAC,wBAAwB,CAAC,GAAG,UAAU;;IAKtD;;;OAGG;qCAC8B,MAAM;wCAmJ1C,CAAC"}