@cdx-ui/components 0.3.5 → 0.3.6

package/lib/typescript/components/LineChart/geometry.d.ts

@@ -0,0 +1,248 @@
+import type { ChartAxis, ChartReferenceLine, ChartSeriesBase } from '../chart/types';
+import type { ChartColor } from '../chart/palette';
+/** How points connect. Names match MUI X `curve`. */
+export type LineChartCurve = 'linear' | 'monotoneX' | 'stepAfter';
+export interface LineChartSeries<TRow extends object> extends ChartSeriesBase<TRow> {
+    /** Series type. Optional on `LineChart`; reserved for charts that mix bars and lines. */
+    type?: 'line';
+    /**
+     * How points connect. `stepAfter` holds each value until the next point.
+     * @default 'monotoneX'
+     */
+    curve?: LineChartCurve;
+    /**
+     * Fills under the line toward zero (or the domain edge nearest it) with a fade of the
+     * series color.
+     * @default false
+     */
+    area?: boolean;
+    /**
+     * Draws a mark on each defined point. A function picks points by `index` (the `dataset` row).
+     * @default false
+     */
+    showMark?: boolean | ((params: {
+        index: number;
+    }) => boolean);
+    /**
+     * Dashes the whole line.
+     * @default false
+     */
+    dashed?: boolean;
+    /**
+     * `dataset` row where the line switches from solid to dashed (e.g. actual → forecast). The
+     * curve still uses every point, so the join stays smooth.
+     */
+    dashedFrom?: number;
+}
+export interface LineChartMarker {
+    /** `dataset` row to pin to. Rows with the same category label resolve independently. */
+    dataIndex: number;
+    /** Series to pin to. Defaults to the first series with a value at `dataIndex`. */
+    seriesId?: string;
+    /** Caption above the point, e.g. "Rent". */
+    label?: string;
+    /**
+     * Draw the formatted value beside the point.
+     * @default false
+     */
+    showValue?: boolean;
+    /** Chart token for the dot. Defaults to that series' color. */
+    color?: ChartColor;
+    /** Extra legend row, e.g. "Today". */
+    legend?: string;
+    /**
+     * Vertical dashed guide through the point.
+     * @default true
+     */
+    guide?: boolean;
+    /**
+     * Filled dot on the line.
+     * @default true
+     */
+    dot?: boolean;
+}
+export interface LineCategory {
+    /** Axis label. */
+    readonly label: string;
+    /** Tooltip and screen reader name. */
+    readonly title: string;
+    readonly tick: boolean;
+}
+export interface LineSeriesInput {
+    readonly id: string;
+    readonly label: string;
+    readonly curve: LineChartCurve;
+    readonly area: boolean;
+    readonly dashed: boolean;
+    /** Row where the dash starts, or `-1`. */
+    readonly dashAt: number;
+    readonly values: readonly (number | null)[];
+}
+export interface LineDomainOptions {
+    readonly min?: number;
+    readonly max?: number;
+    readonly tickNumber?: number;
+}
+export interface LineChartGutters {
+    readonly paddingLeft: number;
+    readonly paddingRight: number;
+    readonly paddingTop: number;
+    readonly paddingBottom: number;
+}
+export interface LineChartMarkerLayout {
+    readonly key: string;
+    readonly index: number;
+    readonly seriesIndex: number;
+    readonly seriesId: string;
+    readonly x: number;
+    readonly y: number;
+    readonly value: number;
+    readonly label?: string;
+    readonly showValue: boolean;
+    readonly color?: ChartColor;
+    readonly legend?: string;
+    readonly guide: boolean;
+    readonly dot: boolean;
+}
+export interface LinePoint {
+    readonly index: number;
+    readonly value: number | null;
+    readonly x: number;
+    readonly y: number | null;
+}
+export interface LineSeriesLayout {
+    readonly key: string;
+    readonly label: string;
+    readonly curve: LineChartCurve;
+    readonly area: boolean;
+    readonly dashed: boolean;
+    readonly path: string;
+    readonly dashedPath: string;
+    readonly dashAt: number;
+    readonly areaPath: string;
+    readonly points: readonly LinePoint[];
+}
+export interface LineLabelAnchor {
+    readonly label: string;
+    readonly title: string;
+    readonly x: number;
+    readonly y: number;
+    readonly tick: boolean;
+}
+export interface LineValueTick {
+    readonly value: number;
+    readonly x: number;
+    readonly y: number;
+    readonly text: string;
+}
+export interface LineGridLine {
+    readonly x1: number;
+    readonly y1: number;
+    readonly x2: number;
+    readonly y2: number;
+}
+export interface LineChartLayout {
+    readonly series: readonly LineSeriesLayout[];
+    readonly categoryLabels: readonly LineLabelAnchor[];
+    readonly valueTicks: readonly LineValueTick[];
+    readonly gridLines: readonly LineGridLine[];
+    readonly referenceLines: readonly (LineGridLine & {
+        readonly label?: string;
+    })[];
+    /** Where areas close: zero, or the domain edge nearest it. Lines rise from here on entry. */
+    readonly baselineY: number;
+    readonly plot: {
+        readonly x: number;
+        readonly y: number;
+        readonly width: number;
+        readonly height: number;
+    };
+}
+export declare const MIN_LINE_POINT_BAND = 32;
+/** Max distance from a series stroke (overlay px) that still counts as hovering the line. */
+export declare const LINE_POINTER_HIT_PX = 20;
+/** Extra radius around a plotted point (dots / markers) so a valley like Lowest is easy to hit. */
+export declare const LINE_POINT_HIT_PX = 28;
+/** Extra plot padding when a marker draws a caption or value. */
+export declare const LINE_MARKER_PADDING_TOP = 28;
+export declare const LINE_MARKER_PADDING_RIGHT = 36;
+export declare const DEFAULT_LINE_TICK_NUMBER = 4;
+/**
+ * Maps the public `dataset` + `series` + `xAxis` props onto geometry inputs. Row keys are read
+ * only through `dataKey`, so no key is reserved.
+ */
+export declare function resolveLineChartData<TRow extends object>({ dataset, series, xAxis, }: {
+    readonly dataset: readonly TRow[];
+    readonly series: readonly LineChartSeries<TRow>[];
+    readonly xAxis?: ChartAxis<TRow>;
+}): {
+    readonly categories: LineCategory[];
+    readonly series: LineSeriesInput[];
+};
+export declare function lineChartGutters({ showValueTicks, showCategoryLabels, }?: {
+    readonly showValueTicks?: boolean;
+    readonly showCategoryLabels?: boolean;
+}): LineChartGutters;
+export declare function resolveLineChartContentSize({ viewportWidth, viewportHeight, categoryCount, gutters, scrollable, visiblePoints, }: {
+    readonly viewportWidth: number;
+    readonly viewportHeight: number;
+    readonly categoryCount: number;
+    readonly gutters: LineChartGutters;
+    readonly scrollable: boolean;
+    readonly visiblePoints?: number;
+}): {
+    readonly width: number;
+    readonly height: number;
+};
+/**
+ * Value domain and ticks. `min` / `max` pin that end exactly; an open end rounds to a readable
+ * tick. `tickNumber` is approximate.
+ */
+export declare function lineValueDomain(values: readonly number[], { min: minOption, max: maxOption, tickNumber }?: LineDomainOptions): {
+    readonly min: number;
+    readonly max: number;
+    readonly ticks: readonly number[];
+};
+/**
+ * Line and area paths for one series. `ys` uses `NaN` for missing values, which
+ * open a gap. Runs on the UI thread while a chart animates.
+ * `dashAt` is a category index; cubics before it stay solid, after it dashed,
+ * using the same monotone tangents so the join stays round.
+ */
+export declare function lineSeriesPaths(xs: readonly number[], ys: readonly number[], curve: LineChartCurve, baselineY: number, dashAt?: number): {
+    readonly path: string;
+    readonly dashedPath: string;
+    readonly areaPath: string;
+};
+/** Pins each marker to its `dataIndex` row; markers that cannot resolve are dropped. */
+export declare function layoutLineChartMarkers(markers: readonly LineChartMarker[], series: readonly LineSeriesLayout[]): readonly LineChartMarkerLayout[];
+/**
+ * Category index of the closest point on any series stroke, or `null` when the pointer is
+ * farther than `maxDistance` from every line. Overlay coordinates (`plot.x` already subtracted).
+ * Uses the same monotone cubics as the painted path so a valley (Lowest) still hits.
+ */
+export declare function nearestCategoryOnLines(series: readonly LineSeriesLayout[], overlayX: number, overlayY: number, plotOffsetX: number, maxDistance: number, pointDistance?: number): number | null;
+/**
+ * Category under the pointer when it is inside the plot box. Snaps to the nearest category on X.
+ * Overlay coordinates (`plot.x` already subtracted).
+ */
+export declare function nearestCategoryInPlot(labels: readonly {
+    readonly x: number;
+}[], plot: {
+    readonly x: number;
+    readonly y: number;
+    readonly width: number;
+    readonly height: number;
+}, overlayX: number, overlayY: number, plotOffsetX: number): number | null;
+export declare function lineChartMarkerGutters(categoryCount: number, markers: readonly LineChartMarker[] | undefined, base?: LineChartGutters): LineChartGutters;
+export declare function layoutLineChart({ categories, series, width, height, referenceLines, yAxis, formatTick, gutters: guttersProp, }: {
+    readonly categories: readonly LineCategory[];
+    readonly series: readonly LineSeriesInput[];
+    readonly width: number;
+    readonly height: number;
+    readonly referenceLines?: readonly ChartReferenceLine[];
+    readonly yAxis?: LineDomainOptions;
+    readonly formatTick?: (value: number) => string;
+    readonly gutters?: LineChartGutters;
+}): LineChartLayout;
+//# sourceMappingURL=geometry.d.ts.map

package/lib/typescript/components/LineChart/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../../src/components/LineChart/geometry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,qDAAqD;AACrD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;AAElE,MAAM,WAAW,eAAe,CAAC,IAAI,SAAS,MAAM,CAAE,SAAQ,eAAe,CAAC,IAAI,CAAC;IACjF,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,CAAC;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,wFAAwF;IACxF,SAAS,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,kBAAkB;IAClB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;CAC7C;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,SAAS,SAAS,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,MAAM,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC7C,QAAQ,CAAC,cAAc,EAAE,SAAS,eAAe,EAAE,CAAC;IACpD,QAAQ,CAAC,UAAU,EAAE,SAAS,aAAa,EAAE,CAAC;IAC9C,QAAQ,CAAC,SAAS,EAAE,SAAS,YAAY,EAAE,CAAC;IAC5C,QAAQ,CAAC,cAAc,EAAE,SAAS,CAAC,YAAY,GAAG;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAC;IACjF,6FAA6F;IAC7F,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE;QACb,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;KACzB,CAAC;CACH;AAED,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,6FAA6F;AAC7F,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,mGAAmG;AACnG,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,iEAAiE;AACjE,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,wBAAwB,IAAI,CAAC;AA+C1C;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,SAAS,MAAM,EAAE,EACxD,OAAO,EACP,MAAM,EACN,KAAK,GACN,EAAE;IACD,QAAQ,CAAC,OAAO,EAAE,SAAS,IAAI,EAAE,CAAC;IAClC,QAAQ,CAAC,MAAM,EAAE,SAAS,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IAClD,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;CAClC,GAAG;IAAE,QAAQ,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,eAAe,EAAE,CAAA;CAAE,CA+B9E;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,cAAqB,EACrB,kBAAyB,GAC1B,GAAE;IACD,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAClC,GAAG,gBAAgB,CAOxB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,aAAa,EACb,cAAc,EACd,aAAa,EACb,OAAO,EACP,UAAU,EACV,aAAa,GACd,EAAE;IACD,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;CACjC,GAAG;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAetD;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,UAAqC,EAAE,GAAE,iBAAsB,GAChG;IAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,CAsBnF;AAiJD;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,EAAE,EAAE,SAAS,MAAM,EAAE,EACrB,EAAE,EAAE,SAAS,MAAM,EAAE,EACrB,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,MAAM,EACjB,MAAM,SAAK,GACV;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CA+CnF;AAED,wFAAwF;AACxF,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,SAAS,eAAe,EAAE,EACnC,MAAM,EAAE,SAAS,gBAAgB,EAAE,GAClC,SAAS,qBAAqB,EAAE,CAgClC;AA+HD;;;;GAIG;AACH,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,SAAS,gBAAgB,EAAE,EACnC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,EACnB,aAAa,GAAE,MAAoB,GAClC,MAAM,GAAG,IAAI,CA0Cf;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,SAAS;IAAE,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,EACzC,IAAI,EAAE;IAAE,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACjG,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,GAClB,MAAM,GAAG,IAAI,CAoBf;AAED,wBAAgB,sBAAsB,CACpC,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,SAAS,eAAe,EAAE,GAAG,SAAS,EAC/C,IAAI,GAAE,gBAAqC,GAC1C,gBAAgB,CAgBlB;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,cAAmB,EACnB,KAAK,EACL,UAAmB,EACnB,OAAO,EAAE,WAAW,GACrB,EAAE;IACD,QAAQ,CAAC,UAAU,EAAE,SAAS,YAAY,EAAE,CAAC;IAC7C,QAAQ,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;IAC5C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,cAAc,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACxD,QAAQ,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;IACnC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,QAAQ,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CACrC,GAAG,eAAe,CAgHlB"}

package/lib/typescript/components/LineChart/index.d.ts

@@ -0,0 +1,105 @@
+import { type ForwardedRef, type ReactElement } from 'react';
+import { View, type ViewProps } from 'react-native';
+import type { AnimationRootDisableAll } from '../../animation';
+import type { ChartAxis, ChartGrid, ChartLocaleText, ChartReferenceLine, ChartSelectedItem, ChartSizeProps, ChartTooltipProps } from '../chart/types';
+import { type ChartPalette } from '../chart/palette';
+import { type LineChartCurve, type LineChartMarker, type LineChartSeries } from './geometry';
+export type * from '../chart';
+export type { LineChartCurve, LineChartMarker, LineChartSeries };
+export interface LineChartProps<TRow extends object = object> extends ViewProps, ChartSizeProps {
+    /**
+     * One object per point, in x order. Columns are read only through `xAxis[0].dataKey` and
+     * `series[].dataKey`, so any key (including `label` or `tick`) is plain data. Non-finite
+     * values open a gap in that series.
+     */
+    dataset: readonly TRow[];
+    /** One line per entry. */
+    series: readonly LineChartSeries<TRow>[];
+    /**
+     * Category axis. Only the first entry is read; `dataKey` names the column with the category
+     * labels (defaults to the row index).
+     */
+    xAxis?: readonly ChartAxis<TRow>[];
+    /**
+     * Value axis. Only the first entry is read. `min` / `max` / `tickNumber` set the domain.
+     * `position: 'none'` hides the ticks; other sides draw on the left.
+     */
+    yAxis?: readonly ChartAxis<TRow>[];
+    /**
+     * Grid lines behind the plot. Only `horizontal` (at each value tick) is drawn; it stays on
+     * unless set to `false`.
+     * @default { horizontal: true }
+     */
+    grid?: ChartGrid;
+    /**
+     * Default series colors. `auto` uses the FI brand family (`simple-primary`, `-secondary`,
+     * `-tertiary`) for up to three series and switches the whole chart to `categorical-1`…`6`
+     * past that. `categorical` always uses the categorical slots. A series `color` wins.
+     * @default 'auto'
+     */
+    palette?: ChartPalette;
+    /**
+     * Hides the series legend under the chart.
+     * @default false
+     */
+    hideLegend?: boolean;
+    /**
+     * Shows every series at a category on hover, keyboard focus, or tap. On web, Tab / Shift+Tab
+     * and arrow keys move between categories, Tab past the last one leaves the chart, Home / End
+     * jump to the ends, and Escape hides the tooltip. `'item'` behaves like `'axis'` in v1.
+     * `'none'` hides it.
+     * @default { trigger: 'axis' }
+     */
+    tooltip?: ChartTooltipProps;
+    /**
+     * Controlled selection. `dataIndex` is the category; `seriesId` is the first series with a
+     * value there. `null` clears it. Omit to let the chart track selection itself.
+     */
+    selectedItem?: ChartSelectedItem;
+    /**
+     * Initial selection when `selectedItem` is omitted. Also makes the chart selectable.
+     */
+    defaultSelectedItem?: ChartSelectedItem;
+    /**
+     * Called when a category is pressed, with `null` when the selected category is pressed again.
+     * Providing this, `selectedItem`, or `defaultSelectedItem` makes the chart selectable and draws a crosshair.
+     */
+    onSelectedItemChange?: (item: ChartSelectedItem) => void;
+    /**
+     * When points need more room than the visible box, scroll instead of squeezing.
+     * The value axis stays pinned.
+     * @default true
+     */
+    scrollable?: boolean;
+    /**
+     * How many points fit in the viewport when `scrollable` is on. Omit to use a
+     * readable minimum band (~32px).
+     */
+    visiblePoints?: number;
+    /** Dashed horizontal lines across the plot at a value, with an optional caption. */
+    referenceLines?: readonly ChartReferenceLine[];
+    /** Point callouts (event name, value, extra legend row), pinned by `dataIndex`. */
+    markers?: readonly LineChartMarker[];
+    /**
+     * BCP 47 locale for default number formatting. Defaults to the `@cdx-ui/formatters` locale.
+     */
+    locale?: string;
+    /** Overrides for generated strings (summary, no-value text, default series name). */
+    localeText?: Partial<ChartLocaleText>;
+    /**
+     * Lines rise from the baseline on mount and tween to new values when `dataset` changes. Pass
+     * `'disable-all'` to draw the final state. Reduce Motion and `GlobalAnimationSettingsProvider`
+     * `disable-all` also turn it off.
+     */
+    animation?: AnimationRootDisableAll;
+    /** Accessible summary. Defaults to `localeText.lineChartSummary` of the last category. */
+    accessibilityLabel?: string;
+    /** Additional Uniwind/Tailwind classes, merged after the root's own styles. */
+    className?: string;
+}
+export declare const LineChart: (<TRow extends object>(props: LineChartProps<TRow> & {
+    ref?: ForwardedRef<View>;
+}) => ReactElement | null) & {
+    displayName?: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/LineChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/LineChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyC,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACpG,OAAO,EAAoB,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAiBtE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAS/D,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EAGd,iBAAiB,EAElB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAUL,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EASL,KAAK,cAAc,EAEnB,KAAK,eAAe,EAEpB,KAAK,eAAe,EAErB,MAAM,YAAY,CAAC;AAqBpB,mBAAmB,UAAU,CAAC;AAC9B,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAEjE,MAAM,WAAW,cAAc,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,SAAS,EAAE,cAAc;IAC7F;;;;OAIG;IACH,OAAO,EAAE,SAAS,IAAI,EAAE,CAAC;IACzB,0BAA0B;IAC1B,MAAM,EAAE,SAAS,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IACzC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;IACnC;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC;;OAEG;IACH,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACzD;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oFAAoF;IACpF,cAAc,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC/C,mFAAmF;IACnF,OAAO,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,0FAA0F;IAC1F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgWD,eAAO,MAAM,SAAS,EAAiC,CAAC,CAAC,IAAI,SAAS,MAAM,EAC1E,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KACvD,YAAY,GAAG,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/lib/typescript/components/LineChart/styles.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from '@cdx-ui/utils';
+export declare const lineChartRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const lineChartLegendVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const lineChartLegendItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const lineChartLegendLabelVariants: (props?: ({
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type LineChartLegendLabelVariantProps = VariantProps<typeof lineChartLegendLabelVariants>;
+export declare const LINE_STROKE_WIDTH = 2;
+export declare const LINE_DOT_RADIUS = 3;
+export declare const LINE_ACTIVE_DOT_RADIUS = 5;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/LineChart/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/LineChart/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,qBAAqB,oFAA8C,CAAC;AAEjF,eAAO,MAAM,uBAAuB,oFAEnC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oFAAuC,CAAC;AAEhF,eAAO,MAAM,4BAA4B;;8EAUvC,CAAC;AAEH,MAAM,MAAM,gCAAgC,GAAG,YAAY,CAAC,OAAO,4BAA4B,CAAC,CAAC;AACjG,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,sBAAsB,IAAI,CAAC"}

package/lib/typescript/components/PieChart/geometry.d.ts

@@ -0,0 +1,43 @@
+export interface PieSliceInput {
+    readonly id: string;
+    readonly label: string;
+    readonly value: number;
+}
+export interface PieSliceLayout {
+    readonly id: string;
+    readonly index: number;
+    readonly label: string;
+    readonly value: number;
+    readonly percentage: number;
+    readonly startAngle: number;
+    readonly endAngle: number;
+    readonly path: string;
+}
+export interface PieRadii {
+    readonly cx: number;
+    readonly cy: number;
+    readonly outerRadius: number;
+    readonly innerRadius: number;
+}
+export interface SlicePathOptions extends PieRadii {
+    readonly startAngle: number;
+    readonly endAngle: number;
+    readonly cornerRadius?: number;
+}
+/**
+ * SVG arc commands cannot draw a 360° sweep in one segment, so a full ring is
+ * two semicircles.
+ */
+export declare function slicePath({ cx, cy, outerRadius, innerRadius, startAngle, endAngle, cornerRadius, }: SlicePathOptions): string;
+export declare function pieRadii(size: number, innerRadiusRatio: number): PieRadii;
+/** `innerRadius` in pixels or as a percent of the outer radius, as a 0–1 ratio. */
+export declare function resolveInnerRadiusRatio(innerRadius: number | string, size: number): number;
+export declare function layoutPieSlices({ data, size, innerRadiusRatio, paddingAngle, cornerRadius, }: {
+    readonly data: readonly PieSliceInput[];
+    readonly size: number;
+    readonly innerRadiusRatio: number;
+    /** Degrees between neighboring slices. */
+    readonly paddingAngle?: number;
+    readonly cornerRadius?: number;
+}): PieSliceLayout[];
+//# sourceMappingURL=geometry.d.ts.map

package/lib/typescript/components/PieChart/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../../src/components/PieChart/geometry.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AA4CD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,EAAE,EACF,EAAE,EACF,WAAW,EACX,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAgB,GACjB,EAAE,gBAAgB,GAAG,MAAM,CAmI3B;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,GAAG,QAAQ,CAQzE;AAED,mFAAmF;AACnF,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAU1F;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,YAAgB,EAChB,YAAY,GACb,EAAE;IACD,QAAQ,CAAC,IAAI,EAAE,SAAS,aAAa,EAAE,CAAC;IACxC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAClC,0CAA0C;IAC1C,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC,GAAG,cAAc,EAAE,CAyCnB"}

package/lib/typescript/components/PieChart/index.d.ts

@@ -0,0 +1,147 @@
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import type { AnimationRootDisableAll } from '../../animation';
+import type { ChartLocaleText, ChartSelectedItem, ChartSeriesCommon, ChartSizeProps, ChartTooltipProps, ChartValueFormatterContext } from '../chart/types';
+import { type ChartColor } from '../chart/palette';
+import { type PieChartLegendLayout, type PieChartLegendPlacement } from './styles';
+export type * from '../chart';
+export type { PieChartLegendLayout, PieChartLegendPlacement };
+/** One slice. Same shape as MUI X `PieValueType`. */
+export interface PieChartValue {
+    /**
+     * Stable slice id. React keys and animation follow it, so a reordered slice moves to its new
+     * position instead of the slices morphing by index.
+     */
+    id: string;
+    /**
+     * Must be a positive finite number. Zero, negative, and `NaN` slices are skipped so they cannot
+     * break an arc; `dataIndex` still counts them.
+     */
+    value: number;
+    /** Legend, tooltip, and screen reader name. Defaults to `id`. */
+    label?: string;
+    /** Chart token for this slice. Defaults to the next `categorical-1`…`6` slot. */
+    color?: ChartColor;
+}
+/**
+ * Turns a slice's 0–1 share of the visible total into text. `location` is `label` for the
+ * legend and `a11y` for screen reader labels and the summary.
+ */
+export type PieShareFormatter = (share: number, context: ChartValueFormatterContext) => string;
+/** One ring of slices. Same shape as MUI X `PieSeriesType`; slices carry their own `color`. */
+export interface PieChartSeries extends Omit<ChartSeriesCommon, 'color'> {
+    /** Series kind. Optional while `PieChart` only draws pies. */
+    type?: 'pie';
+    /** Slices, drawn clockwise from 12 o'clock in array order. */
+    data: readonly PieChartValue[];
+    /**
+     * Hole radius. A number is pixels; a string such as `'68%'` is a percent of the outer radius.
+     * `0` is a full pie. Clamped to 85% of the outer radius.
+     * @default 0
+     */
+    innerRadius?: number | `${number}%`;
+    /**
+     * Degrees between neighboring slices. Skipped on slices too thin to fit it.
+     * @default 0
+     */
+    paddingAngle?: number;
+    /**
+     * Rounds slice corners in pixels. Donuts round all four corners; pies round the outer edge.
+     * Clamped so thin slices stay valid.
+     * @default 0
+     */
+    cornerRadius?: number;
+    /**
+     * Formats the legend share column and the share in screen reader text. MUI X has no share
+     * column, so there is no MUI name. Defaults to a whole percent for `locale`.
+     */
+    shareFormatter?: PieShareFormatter;
+}
+/** The slice under the pointer or keyboard focus, falling back to the selected slice. */
+export interface PieChartActiveSlice {
+    /** The slice `id`. */
+    id: string;
+    /** Index into the series `data`, including slices that were skipped. */
+    dataIndex: number;
+    /** The slice `label`, or its `id` when it has none. */
+    label: string;
+    /** The raw slice `value`, unformatted. */
+    value: number;
+    /** Share of the visible total, from 0 to 1. */
+    percentage: number;
+}
+export interface PieChartProps extends ViewProps, ChartSizeProps {
+    /**
+     * Pie series. Only the first renders; more than one logs a development warning. The pie
+     * diameter is the shorter side of the `size` / `width` / `height` box.
+     */
+    series: readonly PieChartSeries[];
+    /**
+     * Hides the category legend. With the legend hidden, a selectable chart makes each slice a
+     * button; otherwise the plot is one image with a generated summary.
+     * @default false
+     */
+    hideLegend?: boolean;
+    /**
+     * How legend items are laid out when `legendPlacement` is `top` or `bottom`.
+     * `wrap` is centered chips (`Housing 46%`). `list` is full-width rows: name
+     * on the left, formatted value and share on the right, with a hairline between
+     * rows. Ignored when the legend is on the left or right.
+     * @default 'wrap'
+     */
+    legendLayout?: PieChartLegendLayout;
+    /**
+     * Where the legend sits relative to the plot, matching Drawer `placement`.
+     * `top` / `bottom` use `legendLayout`. `left` / `right` are swatch + name only
+     * (no amount, no percent).
+     * @default 'bottom'
+     */
+    legendPlacement?: PieChartLegendPlacement;
+    /**
+     * `item` shows the slice under the pointer or keyboard focus (on touch, the slice under the finger until it lifts).
+     * `axis` behaves like `item` because a pie has no axis. `none` hides the tooltip.
+     * @default { trigger: 'item' }
+     */
+    tooltip?: ChartTooltipProps;
+    /**
+     * Content in the donut hole. A string becomes styled `Text`. Pass a `View` for
+     * stacked copy such as “Total” over an amount.
+     * Pass a function to follow the active slice: it receives the hovered or focused
+     * slice, else the selected one, else `null` — return the total for `null`.
+     */
+    centerLabel?: ReactNode | ((slice: PieChartActiveSlice | null) => ReactNode);
+    /**
+     * Controlled selected slice: `{ seriesId, dataIndex }`, where `dataIndex` counts skipped
+     * slices. Pass `null` to clear the selection while staying controlled.
+     */
+    selectedItem?: ChartSelectedItem;
+    /** Initial selected slice when `selectedItem` is omitted. */
+    defaultSelectedItem?: ChartSelectedItem;
+    /**
+     * Called when a slice or legend row is pressed. Pressing the selected slice again reports
+     * `null`. Providing this, `selectedItem`, or `defaultSelectedItem` makes the chart selectable.
+     */
+    onSelectedItemChange?: (item: ChartSelectedItem) => void;
+    /**
+     * BCP 47 locale for default value and share formatting. Defaults to the `@cdx-ui/formatters`
+     * locale.
+     */
+    locale?: string;
+    /** Overrides for generated strings such as the screen reader summary. */
+    localeText?: Partial<ChartLocaleText>;
+    /**
+     * Slices sweep in clockwise on mount and tween to new shares when `data` changes. Pass
+     * `'disable-all'` to draw the final state. Reduce Motion and `GlobalAnimationSettingsProvider`
+     * `disable-all` also turn it off.
+     */
+    animation?: AnimationRootDisableAll;
+    /**
+     * Names the plot image. Defaults to `localeText.pieChartSummary` over labels and shares. Not
+     * applied when `hideLegend` on a selectable chart makes each slice a button.
+     */
+    accessibilityLabel?: string;
+    /** Additional Uniwind/Tailwind classes, merged after the root's own styles. */
+    className?: string;
+}
+export declare const PieChart: import("react").ForwardRefExoticComponent<PieChartProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/PieChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/PieChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAA6B,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK/E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAI/D,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EAEd,iBAAiB,EACjB,0BAA0B,EAE3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAOL,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AAS1B,OAAO,EASL,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC7B,MAAM,UAAU,CAAC;AAWlB,mBAAmB,UAAU,CAAC;AAC9B,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,CAAC;AAE9D,qDAAqD;AACrD,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,0BAA0B,KAAK,MAAM,CAAC;AAE/F,+FAA+F;AAC/F,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;IACtE,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,8DAA8D;IAC9D,IAAI,EAAE,SAAS,aAAa,EAAE,CAAC;IAC/B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IACpC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC;CACpC;AAED,yFAAyF;AACzF,MAAM,WAAW,mBAAmB;IAClC,sBAAsB;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,wEAAwE;IACxE,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D;;;OAGG;IACH,MAAM,EAAE,SAAS,cAAc,EAAE,CAAC;IAClC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC;IAC7E;;;OAGG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;IACxC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACzD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,gGAybpB,CAAC"}

package/lib/typescript/components/PieChart/styles.d.ts

@@ -0,0 +1,27 @@
+import { type VariantProps } from '@cdx-ui/utils';
+export type PieChartLegendPlacement = 'top' | 'bottom' | 'left' | 'right';
+export declare const pieChartRootVariants: (props?: ({
+    placement?: "bottom" | "left" | "right" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const pieChartCanvasVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type PieChartLegendLayout = 'wrap' | 'list';
+export declare const pieChartLegendVariants: (props?: ({
+    layout?: "list" | "wrap" | "names" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const pieChartLegendItemVariants: (props?: ({
+    layout?: "list" | "wrap" | "names" | null | undefined;
+    divided?: boolean | null | undefined;
+    interactive?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const pieChartLegendLabelVariants: (props?: ({
+    selected?: boolean | null | undefined;
+    layout?: "list" | "wrap" | "names" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const pieChartLegendMetaVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const pieChartLegendShareVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const pieChartCenterLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type PieChartRootVariantProps = VariantProps<typeof pieChartCanvasVariants>;
+export type PieChartLegendLabelVariantProps = VariantProps<typeof pieChartLegendLabelVariants>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/PieChart/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/PieChart/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1E,eAAO,MAAM,oBAAoB;;8EAY/B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;8EAelC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnD,eAAO,MAAM,sBAAsB;;8EAWjC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;;8EAqBrC,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;8EAgBtC,CAAC;AAEH,eAAO,MAAM,0BAA0B,oFAAkD,CAAC;AAE1F,eAAO,MAAM,2BAA2B,oFAAsD,CAAC;AAE/F,eAAO,MAAM,2BAA2B,oFAEvC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACnF,MAAM,MAAM,+BAA+B,GAAG,YAAY,CAAC,OAAO,2BAA2B,CAAC,CAAC"}

package/lib/typescript/components/ProgressCircle/ProgressCircleRing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressCircleRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressCircle/ProgressCircleRing.tsx"],"names":[],"mappings":"AAWA,OAAO,EAA8B,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAM/E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACxC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAc,EAAE,KAAiB,EAAE,EAAE,uBAAuB,2CAkFhG"}
+{"version":3,"file":"ProgressCircleRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressCircle/ProgressCircleRing.tsx"],"names":[],"mappings":"AAWA,OAAO,EAA8B,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAM/E,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACxC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAc,EAAE,KAAiB,EAAE,EAAE,uBAAuB,2CAqDhG"}

package/lib/typescript/components/ProgressCircle/ProgressRing.d.ts

@@ -0,0 +1,17 @@
+export interface ProgressRingProps {
+    /** Outer diameter in px. */
+    readonly size: number;
+    readonly strokeWidth: number;
+    /** Arc length as a percentage of the circumference, 0–100. */
+    readonly value: number;
+    readonly trackColor: string;
+    readonly indicatorColor: string;
+    /** @default 1 */
+    readonly trackOpacity?: number;
+}
+/**
+ * Size-agnostic determinate ring: a full track plus a round-capped arc starting at 12 o'clock.
+ * Internal to `@cdx-ui/components`; shared by `ProgressCircle` and `Stepper.Indicator`.
+ */
+export declare function ProgressRing({ size, strokeWidth, value, trackColor, indicatorColor, trackOpacity, }: ProgressRingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressRing.d.ts.map

package/lib/typescript/components/ProgressCircle/ProgressRing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressCircle/ProgressRing.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,8DAA8D;IAC9D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,iBAAiB;IACjB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,WAAW,EACX,KAAK,EACL,UAAU,EACV,cAAc,EACd,YAAgB,GACjB,EAAE,iBAAiB,2CAkCnB"}