panelui-native 0.99.0 → 0.100.0

package/lib/typescript/src/components/bump-chart/index.d.ts

@@ -0,0 +1,267 @@
+/**
+ * BumpChart — how a set of things ranked against each other over time.
+ *
+ * ```tsx
+ * <BumpChart data={standings} xDataKey="week" defaultHighlight="harbour">
+ *   <BumpChart.Grid />
+ *   <BumpChart.Line dataKey="harbour" label="Harbour" />
+ *   <BumpChart.Line dataKey="northside" label="Northside" />
+ *   <BumpChart.YAxis />
+ *   <BumpChart.XAxis />
+ *   <BumpChart.Labels />
+ *   <BumpChart.Tooltip />
+ * </BumpChart>
+ * ```
+ *
+ * ## Positions, not values
+ *
+ * The y-axis is the rank, so the rows are evenly spaced whatever the gap
+ * between the underlying scores. That is the point of the chart: who passed
+ * whom, and when. A line chart of the same scores answers how far apart they
+ * were, and loses the order wherever two lines run close together.
+ *
+ * Pass the ranks directly, or pass the scores with `values="score"` and each
+ * column is ranked for you, highest first. `bumpRanks` is exported so a header
+ * or a table beside the chart can read the same order the chart drew.
+ *
+ * ## One line at a time
+ *
+ * Past three or four series, every line in its own colour is a tangle. The
+ * chart reads best with one line picked out: `highlight` draws that one in its
+ * colour and on top, and the rest in a muted grey. Tapping a name in
+ * `BumpChart.Labels` picks that line, and tapping it again clears it.
+ */
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+import { type ChartAccessibilityProps } from '../../primitives/chart-accessibility.js';
+import { type SeriesColorIndex } from '../../utils/chart.js';
+type Layer = 'svg' | 'series' | 'overlay' | 'header';
+export type BumpChartStatus = 'loading' | 'ready';
+export type BumpChartDatum = Record<string, string | number | null | undefined>;
+/** Ranks per series key, one entry per row. `null` where a series has none. */
+export type BumpRanks = Record<string, (number | null)[]>;
+/**
+ * Each series' rank in every row.
+ *
+ * With `values: 'rank'` the rows already hold ranks and they are only
+ * validated. With `values: 'score'` each row is ranked highest first; a tie
+ * keeps the order the keys are passed in, so two equal scores never draw on
+ * top of each other.
+ */
+export declare function bumpRanks(data: BumpChartDatum[], keys: string[], options?: {
+    values?: 'rank' | 'score';
+}): BumpRanks;
+/** The row under the scrub, and which line is picked out. */
+export declare function useBumpChart(): {
+    activeIndex: number;
+    activePoint: BumpChartDatum | null;
+    xDataKey: string;
+    ranks: BumpRanks;
+    highlight: string | null;
+    setHighlight: (key: string | null) => void;
+};
+export interface BumpChartProps extends ViewProps, ChartAccessibilityProps<BumpChartDatum> {
+    className?: string;
+    /** The rows. Each one is a column: a week, a round, a release. */
+    data: BumpChartDatum[];
+    /** Key holding the column's label. */
+    xDataKey?: string;
+    /**
+     * What the series columns hold. `rank` (the default) takes them as places,
+     * `1` at the top. `score` ranks every row for you, highest first.
+     */
+    values?: 'rank' | 'score';
+    /**
+     * The series drawn in its colour and on top, with the rest muted. `null`
+     * picks none, and every line keeps its own colour. Controlled — pair it with
+     * `onHighlightChange`.
+     */
+    highlight?: string | null;
+    /** The series picked out on first render, when `highlight` is not passed. */
+    defaultHighlight?: string | null;
+    /** Called when a name in `BumpChart.Labels` is tapped. */
+    onHighlightChange?: (key: string | null) => void;
+    /**
+     * `loading` hides the lines and shows `BumpChart.Skeleton` if there is one.
+     * The lines are revealed when it turns `ready`.
+     */
+    status?: BumpChartStatus;
+    /** Width ÷ height. */
+    aspectRatio?: number;
+    /** Milliseconds for the reveal on mount. */
+    animationDuration?: number;
+    /** Milliseconds for the lines to move to new places when the data changes. */
+    morphDuration?: number;
+    /**
+     * The column under the scrub as it moves, and `-1`/`null` when it lifts.
+     * Fires when the index changes, not per frame.
+     */
+    onActiveIndexChange?: (index: number, datum: BumpChartDatum | null) => void;
+    /** Drop the axis padding, for a chart with no axes. */
+    compact?: boolean;
+    children?: ReactNode;
+}
+/** Imperative handle: re-run the reveal on demand, for a "replay" control. */
+export interface BumpChartHandle {
+    replay: () => void;
+}
+export interface BumpChartGridProps {
+    /** A guide down every column. */
+    vertical?: boolean;
+    /** A guide across every rank. */
+    horizontal?: boolean;
+    color?: string;
+    dashArray?: string;
+    opacity?: number;
+}
+/** Guides down each column, so a dot can be read against the label below it. */
+declare function BumpChartGrid({ vertical, horizontal, color, dashArray, opacity, }: BumpChartGridProps): import("react").JSX.Element;
+declare namespace BumpChartGrid {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface BumpChartLineProps {
+    /** Column in the data holding this series' rank, or its score with `values="score"`. */
+    dataKey: string;
+    /** The name shown by `Labels`, the tooltip and the legend. Defaults to `dataKey`. */
+    label?: string;
+    /** Explicit colour. Defaults to the `--color-chart-*` token for `colorIndex`. */
+    color?: string;
+    /** Which of the five chart tokens to take. */
+    colorIndex?: SeriesColorIndex;
+    /** Thickness of the line. The picked-out line is drawn one point thicker. */
+    strokeWidth?: number;
+    /** Draw a dot at every column. */
+    showDots?: boolean;
+}
+/**
+ * One series. It draws nothing itself: the lines are drawn together, so the
+ * one picked out can be drawn last and sit on top of every crossing.
+ */
+declare function BumpChartLine({ dataKey, label, color, colorIndex, strokeWidth, showDots, }: BumpChartLineProps): null;
+declare namespace BumpChartLine {
+    var displayName: string;
+    var layer: Layer;
+    var line: true;
+}
+export interface BumpChartSkeletonProps {
+    /** Milliseconds for one pass of the sweep. */
+    duration?: number;
+    color?: string;
+    /** How many rank rows to stand in for. */
+    rows?: number;
+}
+/**
+ * The loading state: a thin bar on every rank row with a highlight travelling
+ * across them. Flat, so it says where the lines will be and nothing about
+ * where they go.
+ */
+declare function BumpChartSkeleton({ duration, color, rows: rowsProp }: BumpChartSkeletonProps): import("react").JSX.Element | null;
+declare namespace BumpChartSkeleton {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface BumpChartXAxisProps {
+    /** How many columns to label, spread across the run. */
+    ticks?: number;
+    format?: (datum: BumpChartDatum, index: number) => string;
+    className?: string;
+}
+/** The column labels. Real text, so they follow the theme's font and text scaling. */
+declare function BumpChartXAxis({ ticks, format, className }: BumpChartXAxisProps): import("react").JSX.Element;
+declare namespace BumpChartXAxis {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface BumpChartYAxisProps {
+    /** Format a rank. Defaults to `#1`, `#2`… */
+    format?: (rank: number) => string;
+    className?: string;
+}
+/** The ranks down the side, one on every row. */
+declare function BumpChartYAxis({ format, className }: BumpChartYAxisProps): import("react").JSX.Element;
+declare namespace BumpChartYAxis {
+    var displayName: string;
+    var layer: Layer;
+    var axis: "y";
+}
+export interface BumpChartLabelsProps {
+    /** Room kept to the right of the plot for the names. Longer names are cut short. */
+    width?: number;
+    /** Let a tap on a name pick that line out, and a second tap clear it. */
+    pressable?: boolean;
+    className?: string;
+}
+/**
+ * Each series' name beside its last point, so the lines can be told apart
+ * without a legend to look across to. The names move with their lines when
+ * the data changes.
+ */
+declare function BumpChartLabels({ pressable, className }: BumpChartLabelsProps): import("react").JSX.Element | null;
+declare namespace BumpChartLabels {
+    var displayName: string;
+    var layer: Layer;
+    var labels: true;
+}
+export interface BumpChartTooltipProps {
+    color?: string;
+    /** Format a rank in the readout. Defaults to `#1`, `#2`… */
+    formatRank?: (rank: number) => string;
+    /** Format the readout's heading from the row. Defaults to the value at xDataKey. */
+    formatX?: (datum: BumpChartDatum) => string;
+    className?: string;
+}
+/**
+ * A scrub across the columns, and a readout listing every series in the order
+ * it stood at the column under the finger.
+ */
+declare function BumpChartTooltip({ color, formatRank, formatX, className }: BumpChartTooltipProps): import("react").JSX.Element | null;
+declare namespace BumpChartTooltip {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface BumpChartLegendProps extends ViewProps {
+    className?: string;
+}
+/** A swatch and a name per series, in declaration order. */
+declare function BumpChartLegend({ className, ...props }: BumpChartLegendProps): import("react").JSX.Element | null;
+declare namespace BumpChartLegend {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface BumpChartHeaderProps extends ViewProps {
+    className?: string;
+    /** Small line above the value — what the chart is of. */
+    title?: string;
+    /** The readout. The largest thing on the card, and the first thing read. */
+    value?: string;
+    /** One muted line under the value — a period, a comparison, a total. */
+    caption?: string;
+    /** Draw a swatch and a name per series along the trailing edge. */
+    legend?: boolean;
+    /** Trailing slot — a control, a badge, a range picker. Wins over `legend`. */
+    children?: ReactNode;
+}
+/**
+ * The strip above the plot: what the chart is of and what it currently reads.
+ * The value is not derived here — pass the formatted string, from
+ * `onActiveIndexChange` or `onHighlightChange` if it follows the chart.
+ */
+declare function BumpChartHeader({ className, title, value, caption, legend, children, ...props }: BumpChartHeaderProps): import("react").JSX.Element;
+declare namespace BumpChartHeader {
+    var displayName: string;
+    var layer: Layer;
+}
+export declare const BumpChart: import("react").ForwardRefExoticComponent<BumpChartProps & import("react").RefAttributes<BumpChartHandle>> & {
+    Header: typeof BumpChartHeader;
+    Grid: typeof BumpChartGrid;
+    Line: typeof BumpChartLine;
+    Skeleton: typeof BumpChartSkeleton;
+    XAxis: typeof BumpChartXAxis;
+    YAxis: typeof BumpChartYAxis;
+    Labels: typeof BumpChartLabels;
+    Tooltip: typeof BumpChartTooltip;
+    Legend: typeof BumpChartLegend;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/bump-chart/index.d.ts.map

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

package/lib/typescript/src/components/mirror-area-chart/index.d.ts

@@ -0,0 +1,263 @@
+/**
+ * MirrorAreaChart — two readings of one timeline, one above a baseline and one
+ * below it.
+ *
+ * ```tsx
+ * <MirrorAreaChart data={load} xDataKey="time">
+ *   <MirrorAreaChart.Grid />
+ *   <MirrorAreaChart.Area dataKey="jobs" label="jobs" muted />
+ *   <MirrorAreaChart.Area dataKey="high" label="high priority" />
+ *   <MirrorAreaChart.Area dataKey="share" label="% high" side="bottom" />
+ *   <MirrorAreaChart.Baseline />
+ *   <MirrorAreaChart.Tooltip />
+ * </MirrorAreaChart>
+ * ```
+ *
+ * ## Two scales, one timeline
+ *
+ * Each half has its own scale, because the two readings are usually in
+ * different units — a count above and a percentage below, or requests above
+ * and errors below. Both grow away from the baseline, so a peak in one lines
+ * up with whatever the other did at the same moment, and neither is squeezed
+ * into the other's range.
+ *
+ * Areas on the same side overlay in the order they are declared. Declare the
+ * whole first and the part of it second, so the part is drawn inside the whole.
+ */
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+import { type ChartAccessibilityProps } from '../../primitives/chart-accessibility.js';
+import { type ChartCurve, type SeriesColorIndex } from '../../utils/chart.js';
+type Layer = 'svg' | 'series' | 'overlay' | 'header';
+export type MirrorAreaChartStatus = 'loading' | 'ready';
+export type MirrorAreaChartSide = 'top' | 'bottom';
+export type MirrorAreaChartDatum = Record<string, string | number | null | undefined>;
+/** The row under the crosshair, for a header or a readout outside the chart. */
+export declare function useMirrorAreaChart(): {
+    activeIndex: number;
+    activePoint: MirrorAreaChartDatum | null;
+    xDataKey: string;
+};
+export interface MirrorAreaChartProps extends ViewProps, ChartAccessibilityProps<MirrorAreaChartDatum> {
+    className?: string;
+    /** The rows. Each one is a point along the x-axis. */
+    data: MirrorAreaChartDatum[];
+    /** Key holding the x label. Used by the axis and the readout. */
+    xDataKey?: string;
+    /**
+     * How much of the plot's height sits above the baseline, from `0` to `1`.
+     * Give the half you want read first the larger share.
+     */
+    split?: number;
+    /**
+     * Fix the top half's scale instead of deriving it from the data. Only the
+     * upper end is used: the baseline is always zero.
+     */
+    topDomain?: [number, number];
+    /** Fix the bottom half's scale. Only the upper end is used. */
+    bottomDomain?: [number, number];
+    /** `monotone` never overshoots between points; `linear` joins them straight. */
+    curve?: ChartCurve;
+    /**
+     * `loading` holds the bands flat on the baseline and grows them out when it
+     * turns `ready`. Add a `MirrorAreaChart.Skeleton` to show something meanwhile.
+     */
+    status?: MirrorAreaChartStatus;
+    /** Width ÷ height. */
+    aspectRatio?: number;
+    /** Milliseconds for the bands to grow out on mount. */
+    animationDuration?: number;
+    /** Milliseconds for either scale to settle after the data changes. */
+    domainDuration?: number;
+    /**
+     * The point under the crosshair as it moves, and `-1`/`null` when it lifts.
+     * Fires when the index changes, not per frame.
+     */
+    onActiveIndexChange?: (index: number, datum: MirrorAreaChartDatum | null) => void;
+    /** Drop the axis padding so the bands reach the edges, for a sparkline. */
+    compact?: boolean;
+    children?: ReactNode;
+}
+/** Imperative handle: re-run the reveal on demand, for a "replay" control. */
+export interface MirrorAreaChartHandle {
+    replay: () => void;
+}
+export interface MirrorAreaChartGridProps {
+    /** `dots` is a field of points; `lines` is dashed rules across each half. */
+    variant?: 'dots' | 'lines';
+    /** Distance between dots, or how many rules each half gets. */
+    spacing?: number;
+    color?: string;
+    opacity?: number;
+}
+/**
+ * The texture behind the bands. Dots by default, which mark the plot's extent
+ * without drawing lines that compete with the baseline.
+ */
+declare function MirrorAreaChartGrid({ variant, spacing, color, opacity }: MirrorAreaChartGridProps): import("react").JSX.Element;
+declare namespace MirrorAreaChartGrid {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface MirrorAreaChartBaselineProps {
+    color?: string;
+    strokeWidth?: number;
+    opacity?: number;
+}
+/**
+ * The line both halves grow away from. Declare it after the areas so it is
+ * drawn over their bases.
+ */
+declare function MirrorAreaChartBaseline({ color, strokeWidth, opacity }: MirrorAreaChartBaselineProps): import("react").JSX.Element;
+declare namespace MirrorAreaChartBaseline {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface MirrorAreaChartAreaProps {
+    /** Column in the data holding this series' values. */
+    dataKey: string;
+    /** Which half it is drawn in. */
+    side?: MirrorAreaChartSide;
+    /** The name shown by the readout and the legend. Defaults to `dataKey`. */
+    label?: string;
+    /** Explicit colour. Defaults to the `--color-chart-*` token for `colorIndex`. */
+    color?: string;
+    /** Which of the five chart tokens to take. */
+    colorIndex?: SeriesColorIndex;
+    /**
+     * Draw it in the muted foreground colour instead, for a total that the
+     * coloured areas are parts of.
+     */
+    muted?: boolean;
+    /** Opacity of the fill at the band's outer edge. */
+    fillOpacity?: number;
+    /** Opacity of the fill at the baseline. Defaults to `fillOpacity`, a flat fill. */
+    gradientToOpacity?: number;
+    /** Draw the line along the band's outer edge. */
+    showLine?: boolean;
+    /** Thickness of that line. */
+    strokeWidth?: number;
+}
+/**
+ * One band, growing away from the baseline on its side. Areas on one side
+ * overlay in declaration order, so a whole declared first is drawn behind a
+ * part of it declared second.
+ */
+declare function MirrorAreaChartArea({ dataKey, side, label, color, colorIndex, muted, fillOpacity, gradientToOpacity, showLine, strokeWidth, }: MirrorAreaChartAreaProps): import("react").JSX.Element;
+declare namespace MirrorAreaChartArea {
+    var displayName: string;
+    var layer: Layer;
+    var area: true;
+}
+export interface MirrorAreaChartSkeletonProps {
+    /** Milliseconds for one pass of the sweep. */
+    duration?: number;
+    color?: string;
+}
+/**
+ * The loading state: a low band either side of the baseline with a highlight
+ * travelling across it. Flat, so it says where the bands will be and nothing
+ * about their shape.
+ */
+declare function MirrorAreaChartSkeleton({ duration, color }: MirrorAreaChartSkeletonProps): import("react").JSX.Element | null;
+declare namespace MirrorAreaChartSkeleton {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface MirrorAreaChartXAxisProps {
+    ticks?: number;
+    format?: (datum: MirrorAreaChartDatum, index: number) => string;
+    className?: string;
+}
+/** The x labels. Real text, so they follow the theme's font and text scaling. */
+declare function MirrorAreaChartXAxis({ ticks, format, className }: MirrorAreaChartXAxisProps): import("react").JSX.Element;
+declare namespace MirrorAreaChartXAxis {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface MirrorAreaChartYAxisProps {
+    /** Format a value in the top half. */
+    formatTop?: (value: number) => string;
+    /** Format a value in the bottom half. */
+    formatBottom?: (value: number) => string;
+    className?: string;
+}
+/**
+ * Three labels down the side: the top half's maximum, zero on the baseline,
+ * and the bottom half's maximum. Two scales need two labels, and a column of
+ * evenly spaced numbers would suggest one.
+ */
+declare function MirrorAreaChartYAxis({ formatTop, formatBottom, className }: MirrorAreaChartYAxisProps): import("react").JSX.Element;
+declare namespace MirrorAreaChartYAxis {
+    var displayName: string;
+    var layer: Layer;
+    var axis: "y";
+}
+export interface MirrorAreaChartTooltipProps {
+    /** Colour of the crosshair and the dot. Defaults to the foreground token. */
+    color?: string;
+    /** Format one series' value. Defaults to a compact number. */
+    formatValue?: (value: number, key: string) => string;
+    /** Format the readout's heading from the row. Defaults to the value at xDataKey. */
+    formatX?: (datum: MirrorAreaChartDatum) => string;
+    /**
+     * One line to show instead of a row per series — "1,120 jobs · 78% high".
+     * Use it when the series only make sense read together.
+     */
+    formatSummary?: (datum: MirrorAreaChartDatum) => string;
+    className?: string;
+}
+/**
+ * A dashed crosshair, a dot on the outer edge of the top half, and a readout
+ * beside them. The hit area is the whole plot.
+ */
+declare function MirrorAreaChartTooltip({ color, formatValue, formatX, formatSummary, className, }: MirrorAreaChartTooltipProps): import("react").JSX.Element | null;
+declare namespace MirrorAreaChartTooltip {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface MirrorAreaChartLegendProps extends ViewProps {
+    className?: string;
+}
+/** A swatch and a name per area, top half first. */
+declare function MirrorAreaChartLegend({ className, ...props }: MirrorAreaChartLegendProps): import("react").JSX.Element | null;
+declare namespace MirrorAreaChartLegend {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface MirrorAreaChartHeaderProps extends ViewProps {
+    className?: string;
+    /** Small line above the value — what the chart is of. */
+    title?: string;
+    /** The readout. The largest thing on the card, and the first thing read. */
+    value?: string;
+    /** One muted line under the value — a period, a comparison, a total. */
+    caption?: string;
+    /** Draw a swatch and a name per area along the trailing edge. */
+    legend?: boolean;
+    /** Trailing slot — a control, a badge, a range picker. Wins over `legend`. */
+    children?: ReactNode;
+}
+/**
+ * The strip above the plot: what the chart is of and what it currently reads.
+ * The value is not derived here — pass the formatted string, from
+ * `onActiveIndexChange` if it follows the finger.
+ */
+declare function MirrorAreaChartHeader({ className, title, value, caption, legend, children, ...props }: MirrorAreaChartHeaderProps): import("react").JSX.Element;
+declare namespace MirrorAreaChartHeader {
+    var displayName: string;
+    var layer: Layer;
+}
+export declare const MirrorAreaChart: import("react").ForwardRefExoticComponent<MirrorAreaChartProps & import("react").RefAttributes<MirrorAreaChartHandle>> & {
+    Header: typeof MirrorAreaChartHeader;
+    Grid: typeof MirrorAreaChartGrid;
+    Area: typeof MirrorAreaChartArea;
+    Baseline: typeof MirrorAreaChartBaseline;
+    Skeleton: typeof MirrorAreaChartSkeleton;
+    XAxis: typeof MirrorAreaChartXAxis;
+    YAxis: typeof MirrorAreaChartYAxis;
+    Tooltip: typeof MirrorAreaChartTooltip;
+    Legend: typeof MirrorAreaChartLegend;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/mirror-area-chart/index.d.ts.map

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

package/lib/typescript/src/index.d.ts

@@ -73,6 +73,7 @@ export { PageHeader, type PageHeaderProps, type PageHeaderRootProps, type PageHe
 export { PieChart, usePieChart, type PieChartProps, type PieChartHandle, type PieChartHeaderProps, type PieChartSlicesProps, type PieChartCenterProps, type PieChartLegendProps, type PieChartSkeletonProps, type PieChartStatus, type PieDatum, } from './components/pie-chart/index.js';
 export { LiveLineChart, useLiveLineChart, type LiveLineChartProps, type LiveLineChartHandle, type LiveLineChartHeaderProps, type LiveLineChartGridProps, type LiveLineChartAreaProps, type LiveLineChartLineProps, type LiveLineChartTipProps, type LiveLineChartXAxisProps, type LiveLineChartYAxisProps, type LiveLineChartTooltipProps, type LiveLineChartSkeletonProps, type LiveLineChartStatus, type LiveLineMomentum, type LiveLineMomentumColors, type LiveLinePoint, } from './components/live-line-chart/index.js';
 export { BubbleChart, useBubbleChart, type BubbleChartProps, type BubbleChartHandle, type BubbleChartHeaderProps, type BubbleChartGridProps, type BubbleChartQuadrantsProps, type BubbleChartTrendProps, type BubbleChartBubblesProps, type BubbleChartLabelsProps, type BubbleChartSizeKeyProps, type BubbleChartSkeletonProps, type BubbleChartXAxisProps, type BubbleChartYAxisProps, type BubbleChartTooltipProps, type BubbleChartLegendProps, type BubbleChartDatum, type BubbleChartPoint, type BubbleChartStatus, } from './components/bubble-chart/index.js';
+export { BumpChart, useBumpChart, bumpRanks, type BumpChartProps, type BumpChartHandle, type BumpChartHeaderProps, type BumpChartGridProps, type BumpChartLineProps, type BumpChartSkeletonProps, type BumpChartXAxisProps, type BumpChartYAxisProps, type BumpChartLabelsProps, type BumpChartTooltipProps, type BumpChartLegendProps, type BumpChartStatus, type BumpChartDatum, type BumpRanks, } from './components/bump-chart/index.js';
 export { PyramidChart, usePyramidChart, type PyramidChartProps, type PyramidChartHandle, type PyramidChartHeaderProps, type PyramidChartGridProps, type PyramidChartBarProps, type PyramidChartSkeletonProps, type PyramidChartXAxisProps, type PyramidChartYAxisProps, type PyramidChartTooltipProps, type PyramidChartLegendProps, type PyramidChartDatum, type PyramidChartStatus, type PyramidChartSide, type PyramidChartLabelPlacement, } from './components/pyramid-chart/index.js';
 export { PolarAreaChart, usePolarAreaChart, type PolarAreaChartProps, type PolarAreaChartHandle, type PolarAreaChartHeaderProps, type PolarAreaChartGridProps, type PolarAreaChartWedgesProps, type PolarAreaChartLabelsProps, type PolarAreaChartTooltipProps, type PolarAreaChartLegendProps, type PolarAreaChartSkeletonProps, type PolarAreaChartStatus, type PolarAreaScale, type PolarAreaDatum, } from './components/polar-area-chart/index.js';
 export { Plot, usePlot, usePlotCursor, type PlotProps, type PlotHandle, type PlotGeometry, type PlotHeaderProps, type PlotLegendProps, type PlotGridProps, type PlotSeriesProps, type PlotLineProps, type PlotAreaProps, type PlotBarsProps, type PlotDotsProps, type PlotRuleProps, type PlotLayerProps, type PlotOverlayProps, type PlotXAxisProps, type PlotYAxisProps, type PlotCursorProps, type PlotTooltipProps, type PlotDatum, type PlotStatus, type PlotCurve, type PlotScale, type PlotBound, type PlotBox, } from './components/plot/index.js';
@@ -91,6 +92,7 @@ export { Marquee, type MarqueeProps, type MarqueeGroupProps, type MarqueeDirecti
 export { Menu, type MenuProps, type MenuTriggerProps, type MenuContentProps, type MenuBackgroundProps, type MenuLabelProps, type MenuItemProps, type MenuCheckboxItemProps, type MenuRadioGroupProps, type MenuRadioItemProps, type MenuSeparatorProps, type MenuSubProps, type MenuSubTriggerProps, type MenuSubContentProps, type MenuItemVariant, type MenuRadioIndicator, } from './components/menu/index.js';
 export { Meter, type MeterProps, type MeterColor, type MeterThreshold, } from './components/meter/index.js';
 export { MessageScroller, useMessageScroller, useMessageScrollerVisibility, type MessageScrollerProps, type MessageScrollerViewportProps, type MessageScrollerContentProps, type MessageScrollerItemProps, type MessageScrollerButtonProps, type MessageScrollerPosition, } from './components/message-scroller/index.js';
+export { MirrorAreaChart, useMirrorAreaChart, type MirrorAreaChartProps, type MirrorAreaChartHandle, type MirrorAreaChartHeaderProps, type MirrorAreaChartGridProps, type MirrorAreaChartBaselineProps, type MirrorAreaChartAreaProps, type MirrorAreaChartSkeletonProps, type MirrorAreaChartXAxisProps, type MirrorAreaChartYAxisProps, type MirrorAreaChartTooltipProps, type MirrorAreaChartLegendProps, type MirrorAreaChartStatus, type MirrorAreaChartSide, type MirrorAreaChartDatum, } from './components/mirror-area-chart/index.js';
 export { Message, type MessageProps, type MessageGroupProps, type MessageAvatarProps, type MessageContentProps, type MessageHeaderProps, type MessageBubbleProps, type MessageBubbleContentProps, type MessageFooterProps, type MessageActionsProps, } from './components/message/index.js';
 export { Popover, usePopoverAnchor, type PopoverProps, type PopoverTriggerProps, type PopoverContentProps, type PopoverArrowProps, type PopoverCloseProps, type PopoverPlacement, type PopoverAlign, type PopoverPresentation, type PopoverAnchorRect, type PopoverAnchorControls, } from './components/popover/index.js';
 export { Planner, type PlannerProps, type PlannerEntry, type PlannerCategory, type PlannerHeaderProps, type PlannerTitleProps, type PlannerTodayProps, type PlannerNavProps, type PlannerActionProps, type PlannerGridProps, type PlannerScrollerProps, type PlannerVariant, type PlannerDayProps, type PlannerDayState, type PlannerDayRenderer, type PlannerLegendProps, type PlannerSummaryProps, type PlannerFooterProps, type PlannerDetailsProps, type PlannerCountedCategory, } from './components/planner/index.js';