panelui-native 0.44.0 → 0.49.0

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

@@ -0,0 +1,336 @@
+/**
+ * Questionnaire — one question at a time, with progress, validation and a way
+ * back.
+ *
+ * Unlike `Steps`, which reflects a flow the app owns, Questionnaire *owns* the
+ * flow: it holds the answers, decides which question is current, gates the way
+ * forward on the current one being answered, and reports the whole set back
+ * when it is done. The caller supplies the questions and does something with
+ * the answers; everything between those two points belongs here.
+ *
+ * ```tsx
+ * <Questionnaire items={items} onSubmit={(answers) => save(answers)}>
+ *   <Questionnaire.Title>Project setup</Questionnaire.Title>
+ *   <Questionnaire.Progress />
+ *   <Questionnaire.Item name="direction" required>
+ *     <Questionnaire.Question>What should we build next?</Questionnaire.Question>
+ *     <Questionnaire.Description>Choose one, or write your own.</Questionnaire.Description>
+ *     <Questionnaire.Choices>
+ *       <Questionnaire.Choice value="delegation" label="Delegation" />
+ *       <Questionnaire.Choice value="prompts" label="Question prompts" />
+ *       <Questionnaire.Input placeholder="Type another answer…" />
+ *     </Questionnaire.Choices>
+ *     <Questionnaire.Error />
+ *   </Questionnaire.Item>
+ *   <Questionnaire.Footer>
+ *     <Questionnaire.Back />
+ *     <Questionnaire.Next />
+ *     <Questionnaire.Submit />
+ *   </Questionnaire.Footer>
+ * </Questionnaire>
+ * ```
+ *
+ * ## Why it draws its own Frame
+ *
+ * A survey is a widget, not a paragraph: it wants a boundary, a title strip and
+ * a footer that stays put while the middle changes. That is exactly `Frame`, so
+ * the root renders one rather than leaving every caller to assemble the same
+ * shell. `Frame.Panel`'s `overflow-hidden` also does the clipping the sliding
+ * question needs, for free. Pass `frame={false}` to drop it — for a
+ * questionnaire inside a `BottomSheet` or a card that already draws a border.
+ *
+ * ## Why the root reads its children instead of collecting registrations
+ *
+ * Only the active question is mounted, so an unmounted one cannot report that
+ * it exists — and without knowing the full set there is no total to count
+ * against, no "is this the last one", and no way to disable a question the
+ * user has not reached. So the root inspects its children once per render and
+ * reads `name`, `required`, `multiple` and `disabled` straight off the
+ * elements. React elements carry their props before anything renders them,
+ * which makes the whole set knowable without mounting any of it.
+ *
+ * That same pass sorts the parts into the shell: the title and progress go to
+ * the header strip, the footer to a section at the bottom of the panel, and
+ * everything else is a question.
+ *
+ * ## Answers are one record, the way a form would submit them
+ *
+ * `answers[name]` is a string for a single-answer question and an array for a
+ * `multiple` one. A freeform answer lands under the same name — it is another
+ * answer to the same question, not a separate field — which is why the text
+ * input shows whatever value does not match one of the question's own choices.
+ * Picking a choice and typing therefore replace each other, without either one
+ * having to know the other exists.
+ *
+ * ## What blocks the way forward
+ *
+ * A required question blocks until it has an answer. An optional one never
+ * blocks. `Questionnaire.Skip` does not unblock anything, then — it *records*
+ * that the question was deliberately left out, moving its status from
+ * `unanswered` to `skipped` so the app can tell the two apart. Making an
+ * optional question demand an explicit skip would trap anyone who did not
+ * render the Skip button, and a question that cannot be ignored is not
+ * optional.
+ */
+import { type ReactNode } from 'react';
+import { View, type TextInput, type ViewProps } from 'react-native';
+import { type ButtonProps } from '../button/index.js';
+import { type InputProps } from '../input/index.js';
+/** Where a question stands: never touched, answered, or deliberately left out. */
+export type QuestionnaireItemStatus = 'unanswered' | 'answered' | 'skipped';
+/** Which key each answer is badged with. */
+export type QuestionnaireShortcutMode = 'letters' | 'numbers';
+/** Every answer given so far, keyed by question name. */
+export type QuestionnaireAnswers = Record<string, string | string[]>;
+/**
+ * A question, described rather than rendered. Pass these as `items` so the
+ * questionnaire knows its full set before any of it mounts — which is what
+ * makes a conditional question countable and a total meaningful.
+ */
+export interface QuestionnaireItemDefinition {
+    /** Unique name — the key this question's answer is stored under. */
+    name: string;
+    /** Blocks the way forward until it has an answer. */
+    required?: boolean;
+    /** Accepts more than one answer, so its answer is an array. */
+    multiple?: boolean;
+    /** Left out of the count and never navigated to. */
+    disabled?: boolean;
+}
+export interface QuestionnaireProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /**
+     * The full set of questions, in order. Optional: without it the order and
+     * the totals come from the `Questionnaire.Item` children instead. Pass it
+     * when a question is conditional, since a question the user has not reached
+     * still has to be counted — or not counted, if it no longer applies.
+     */
+    items?: readonly QuestionnaireItemDefinition[];
+    /** Controlled active question, by name. */
+    item?: string;
+    /** Which question to open on. Defaults to the first enabled one. */
+    defaultItem?: string;
+    /** Called with the name of the question being moved to. */
+    onItemChange?: (name: string) => void;
+    /** Controlled answers. */
+    answers?: QuestionnaireAnswers;
+    /** Answers to start with — for resuming a part-finished questionnaire. */
+    defaultAnswers?: QuestionnaireAnswers;
+    /** Called with the whole set every time any answer changes. */
+    onAnswersChange?: (answers: QuestionnaireAnswers) => void;
+    /** Called with every answer once the last question validates. */
+    onSubmit?: (answers: QuestionnaireAnswers) => void;
+    /**
+     * Badge every answer with a letter (`A`, `B`, `C`) or a number (`1`, `2`,
+     * `3`). Disabled answers are skipped rather than taking a badge with them.
+     *
+     * The badge is an affordance, not a binding: React Native surfaces hardware
+     * key events only to a focused text field, so nothing here can listen for
+     * the key itself.
+     */
+    shortcuts?: QuestionnaireShortcutMode;
+    /**
+     * Let a horizontal drag move between questions. Going forward is gated on
+     * the same answer the button is, so a swipe off an unanswered required
+     * question springs back and shows its error.
+     */
+    swipeable?: boolean;
+    /**
+     * Draw the surrounding `Frame`. Turn it off to place the questionnaire in a
+     * sheet, a dialog or a card that already draws its own boundary.
+     */
+    frame?: boolean;
+    children?: ReactNode;
+}
+declare function QuestionnaireRoot({ className, items, item: itemProp, defaultItem, onItemChange, answers: answersProp, defaultAnswers, onAnswersChange, onSubmit, shortcuts, swipeable, frame, children, ...props }: QuestionnaireProps): import("react").JSX.Element;
+declare namespace QuestionnaireRoot {
+    var displayName: string;
+}
+export interface QuestionnaireTitleProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * Names the questionnaire as a whole, in the frame's header strip. The
+ * current question's own prompt is `Questionnaire.Question`.
+ */
+declare function QuestionnaireTitle({ className, children, ...props }: QuestionnaireTitleProps): import("react").JSX.Element;
+declare namespace QuestionnaireTitle {
+    var displayName: string;
+}
+/** What a custom progress indicator is told about where the reader is. */
+export interface QuestionnaireProgressState {
+    /** One-based position of the active question. */
+    current: number;
+    /** How many questions are enabled. */
+    total: number;
+    first: boolean;
+    last: boolean;
+}
+/** How the position is drawn. */
+export type QuestionnaireProgressVariant = 'pips' | 'numbers' | 'count';
+export interface QuestionnaireProgressProps {
+    className?: string;
+    /**
+     * `pips` is a bar per question, filled up to the one being asked and widened
+     * on it. `numbers` counts them out instead, which is what you want when the
+     * reader will be sent back to a particular question. `count` is the plain
+     * `Question 2 of 5`.
+     *
+     * `pips` and `numbers` fall back to `count` past eight questions, where
+     * neither is countable at a glance any more.
+     */
+    variant?: QuestionnaireProgressVariant;
+    /**
+     * Replace the indicator entirely. Given a function, it is called with the
+     * position — for a bar, a row of dots, or a percentage.
+     */
+    children?: ReactNode | ((state: QuestionnaireProgressState) => ReactNode);
+}
+/** Where the reader is in the set, announced as a progress bar. */
+declare function QuestionnaireProgress({ className, variant, children, }: QuestionnaireProgressProps): import("react").JSX.Element;
+declare namespace QuestionnaireProgress {
+    var displayName: string;
+}
+export interface QuestionnaireItemProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    /** Unique name — the key this question's answer is stored under. */
+    name: string;
+    /** Blocks the way forward until it has an answer. */
+    required?: boolean;
+    /** Accepts more than one answer, so its answer is an array. */
+    multiple?: boolean;
+    /** Left out of the count and never navigated to. */
+    disabled?: boolean;
+    /** Mark the question at fault from a validator of your own. */
+    invalid?: boolean;
+    /** Called whenever this question moves between unanswered, answered and skipped. */
+    onStatusChange?: (status: QuestionnaireItemStatus) => void;
+    children?: ReactNode;
+}
+/**
+ * One question. Only the active one is mounted, so anything it holds is built
+ * when it is reached and thrown away when it is left.
+ */
+declare function QuestionnaireItem({ className, name, required, multiple, invalid: invalidProp, children, disabled: _disabled, onStatusChange: _onStatusChange, ...props }: QuestionnaireItemProps): import("react").JSX.Element;
+declare namespace QuestionnaireItem {
+    var displayName: string;
+}
+export interface QuestionnaireQuestionProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+/** The question being asked. */
+declare function QuestionnaireQuestion({ className, children, ...props }: QuestionnaireQuestionProps): import("react").JSX.Element;
+declare namespace QuestionnaireQuestion {
+    var displayName: string;
+}
+export interface QuestionnaireDescriptionProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+/** A line under the question — what to consider, or that it can be skipped. */
+declare function QuestionnaireDescription({ className, children, ...props }: QuestionnaireDescriptionProps): import("react").JSX.Element;
+declare namespace QuestionnaireDescription {
+    var displayName: string;
+}
+export interface QuestionnaireChoicesProps extends Omit<ViewProps, 'children'> {
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * The answers to a question. It hands each choice its shortcut badge, counting
+ * only the ones that can be picked so a disabled answer does not take a letter
+ * out of the sequence with it.
+ */
+declare function QuestionnaireChoices({ className, children, ...props }: QuestionnaireChoicesProps): import("react").JSX.Element;
+declare namespace QuestionnaireChoices {
+    var displayName: string;
+}
+export interface QuestionnaireChoiceProps {
+    className?: string;
+    /** The value recorded when this answer is picked. */
+    value: string;
+    /** The answer itself. */
+    label?: string;
+    /** A line under the label, for an answer that needs explaining. */
+    description?: string;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export interface QuestionnaireInputProps extends Omit<InputProps, 'value' | 'onChangeText' | 'errorMessage'> {
+    className?: string;
+}
+export interface QuestionnaireErrorProps extends ViewProps {
+    className?: string;
+    /** Replace the default message. */
+    children?: ReactNode;
+}
+/** Why the way forward is closed. Nothing until the question fails to pass. */
+declare function QuestionnaireError({ className, children, ...props }: QuestionnaireErrorProps): import("react").JSX.Element | null;
+declare namespace QuestionnaireError {
+    var displayName: string;
+}
+export interface QuestionnaireFooterProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * The action row, in its own section at the foot of the panel. It stays put
+ * while the question above it changes, which is what keeps the button under
+ * the thumb where it was.
+ */
+declare function QuestionnaireFooter({ className, children, ...props }: QuestionnaireFooterProps): import("react").JSX.Element;
+declare namespace QuestionnaireFooter {
+    var displayName: string;
+}
+/** What a navigation button is told about the question it is acting on. */
+export interface QuestionnaireActionState {
+    /** Whether the action applies to the active question at all. */
+    visible: boolean;
+    /** Where the active question stands. */
+    status: QuestionnaireItemStatus;
+}
+export interface QuestionnaireActionProps extends Omit<ButtonProps, 'children'> {
+    /** Replace the label. Given a function, it is called with the question's state. */
+    children?: ReactNode | ((state: QuestionnaireActionState) => ReactNode);
+}
+/**
+ * A flexible gap for the footer, so the trailing buttons sit against the
+ * trailing edge whether or not `Questionnaire.Back` is showing.
+ */
+declare function QuestionnaireSpacer({ className, ...props }: ViewProps): import("react").JSX.Element;
+declare namespace QuestionnaireSpacer {
+    var displayName: string;
+}
+export declare const Questionnaire: typeof QuestionnaireRoot & {
+    Title: typeof QuestionnaireTitle;
+    Progress: typeof QuestionnaireProgress;
+    Item: typeof QuestionnaireItem;
+    Question: typeof QuestionnaireQuestion;
+    Description: typeof QuestionnaireDescription;
+    Choices: typeof QuestionnaireChoices;
+    Choice: import("react").ForwardRefExoticComponent<QuestionnaireChoiceProps & import("react").RefAttributes<View>>;
+    Input: import("react").ForwardRefExoticComponent<QuestionnaireInputProps & import("react").RefAttributes<TextInput>>;
+    Error: typeof QuestionnaireError;
+    Footer: typeof QuestionnaireFooter;
+    Spacer: typeof QuestionnaireSpacer;
+    Back: {
+        ({ children, variant, className, ...props }: QuestionnaireActionProps): import("react").JSX.Element | null;
+        displayName: string;
+    };
+    Skip: {
+        ({ children, variant, className, ...props }: QuestionnaireActionProps): import("react").JSX.Element | null;
+        displayName: string;
+    };
+    Next: {
+        ({ children, variant, className, ...props }: QuestionnaireActionProps): import("react").JSX.Element | null;
+        displayName: string;
+    };
+    Submit: {
+        ({ children, variant, className, ...props }: QuestionnaireActionProps): import("react").JSX.Element | null;
+        displayName: string;
+    };
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/questionnaire/index.d.ts.map

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

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

@@ -0,0 +1,309 @@
+/**
+ * ScatterChart — two quantities against each other, drawn on the UI thread.
+ *
+ * Every other chart in this library spaces its points evenly along the x-axis,
+ * because their x is a position: twelve months are twelve equal steps whatever
+ * the gaps between the dates behind them. A scatter plot is the one shape where
+ * that is wrong. Both coordinates are *measured*, and the reader is being asked
+ * to look for a relationship between them — spread the points evenly and the
+ * relationship is the one thing you have thrown away.
+ *
+ * So this chart carries an x-domain as well as a y-domain, and both are tweened
+ * when the data changes.
+ *
+ * ```tsx
+ * <ScatterChart data={sessions} xDataKey="spend">
+ *   <ScatterChart.Grid />
+ *   <ScatterChart.Points dataKey="revenue" />
+ *   <ScatterChart.XAxis />
+ *   <ScatterChart.YAxis />
+ *   <ScatterChart.Tooltip />
+ * </ScatterChart>
+ * ```
+ *
+ * As elsewhere, there are two layers and the parts sort themselves into the
+ * right one: the geometry is SVG, and anything with text or a gesture on it is
+ * a React Native view over the top. SVG text ignores the platform's text
+ * scaling and the theme's font, and a gesture handler cannot be attached to an
+ * SVG node at all.
+ *
+ * **Finding a point.** A crosshair that snaps to an x index — the way a line
+ * chart's does — has nothing to snap to here, because there is no shared x and
+ * two points can sit at the same one. Instead the nearest point to the finger
+ * is resolved by distance, on the UI thread, and only within a radius: a touch
+ * in an empty corner of the plot selects nothing rather than lighting up
+ * whichever point happens to be least far away. The radius is generous, because
+ * the points are a few pixels across and a fingertip is not.
+ *
+ * Colours come from the `--color-chart-*` tokens, so a chart follows the active
+ * theme. Nothing here hardcodes a hex.
+ */
+import { type ReactNode } from 'react';
+import { type ViewProps } from 'react-native';
+type Layer = 'svg' | 'overlay' | 'header';
+export type ScatterChartStatus = 'loading' | 'ready';
+export type ScatterChartDatum = Record<string, string | number | null | undefined>;
+/** One plotted point, resolved back to the row it came from. */
+export interface ScatterChartPoint {
+    /** Index into `data`. */
+    index: number;
+    /** The series key this point belongs to. */
+    dataKey: string;
+    x: number;
+    y: number;
+    datum: ScatterChartDatum;
+}
+/**
+ * The selected point, for something rendered *inside* the chart.
+ *
+ * A readout usually belongs in the card's header, which is outside this
+ * provider — use `onActivePointChange` for that. A hook cannot reach up out of
+ * the subtree it is called in.
+ */
+export declare function useScatterChart(): {
+    activePoint: ScatterChartPoint | null;
+    xDataKey: string;
+};
+export interface ScatterChartProps extends ViewProps {
+    className?: string;
+    /** The rows. Each one is a point, placed by two of its values. */
+    data: ScatterChartDatum[];
+    /** Key holding the x value. Unlike the other charts, this must be a number. */
+    xDataKey?: string;
+    /**
+     * `loading` draws a still field of muted dots and settles into the real ones
+     * when it turns `ready`. One component throughout, rather than a spinner
+     * swapped for a chart — swapping loses the transition.
+     */
+    status?: ScatterChartStatus;
+    /** Width ÷ height. `1` suits a scatter plot: neither axis is the important one. */
+    aspectRatio?: number;
+    /** Milliseconds for the reveal on mount. */
+    animationDuration?: number;
+    /** Milliseconds for the axes to settle after the data changes. */
+    domainDuration?: number;
+    /** Fix the x-axis instead of deriving it from the data. */
+    xDomain?: [number, number];
+    /** Fix the y-axis instead of deriving it from the data. */
+    yDomain?: [number, number];
+    /**
+     * The point under the finger, and `null` when it lifts. This is how a readout
+     * in the card's header gets its value — that header is outside the chart, so
+     * it cannot use `useScatterChart`.
+     *
+     * Fires when the selection changes, not per frame.
+     */
+    onActivePointChange?: (point: ScatterChartPoint | null) => void;
+    /** Drop the axis padding so the field reaches the edges, for a thumbnail. */
+    compact?: boolean;
+    children?: ReactNode;
+}
+/** Imperative handle: re-run the reveal on demand, for a "replay" control. */
+export interface ScatterChartHandle {
+    replay: () => void;
+}
+export interface ScatterChartGridProps {
+    /** Horizontal rules across the plot. */
+    rows?: number;
+    /**
+     * Vertical rules down it. A scatter plot's x is a quantity, so it earns a
+     * grid in both directions — a line chart's does not, because its x is a
+     * label and a rule under a label divides nothing.
+     */
+    columns?: number;
+    color?: string;
+    /** Dash pattern, e.g. `"4,6"`. Omit for a solid rule. */
+    dashArray?: string;
+    opacity?: number;
+}
+/** Reference lines both ways. Drawn under everything, and not part of the reveal. */
+declare function ScatterChartGrid({ rows, columns, color, dashArray, opacity, }: ScatterChartGridProps): import("react").JSX.Element;
+declare namespace ScatterChartGrid {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface ScatterChartPointsProps {
+    /** Key holding this series' y values. */
+    dataKey: string;
+    /**
+     * Fill colour. Defaults to the `--color-chart-*` token at `colorIndex`, so a
+     * series follows the theme without the call site naming a colour.
+     */
+    color?: string;
+    /** Which `--color-chart-*` token to take when `color` is not given. */
+    colorIndex?: 1 | 2 | 3 | 4 | 5;
+    /** Radius of a point, in points. Ignored when `sizeKey` is given. */
+    size?: number;
+    /**
+     * Key holding a third quantity, mapped to each point's *area* — a bubble
+     * chart. Area rather than radius, because doubling a radius quadruples the
+     * ink and the reader sees four times the value that is there.
+     */
+    sizeKey?: string;
+    /** Smallest and largest radius `sizeKey` maps onto. */
+    sizeRange?: [number, number];
+    /**
+     * Fill opacity. Below 1 by default so that overlapping points read as denser
+     * rather than hiding each other — in a crowded region that overlap *is* the
+     * finding, and opaque dots erase it.
+     */
+    opacity?: number;
+}
+/** One series, as a field of dots. */
+declare function ScatterChartPoints({ dataKey, color, colorIndex, size, sizeKey, sizeRange, opacity, }: ScatterChartPointsProps): import("react").JSX.Element | null;
+declare namespace ScatterChartPoints {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface ScatterChartSkeletonProps {
+    /** How many placeholder dots to scatter. */
+    count?: number;
+    color?: string;
+}
+/**
+ * The loading state: a still field of muted dots where the data will be.
+ *
+ * Deliberately still. A shimmer over a field of dots reads as the points
+ * *moving*, which is the one thing a scatter plot must never appear to do —
+ * position is the entire message, and a loading state that implies it is
+ * changing is a loading state that lies.
+ *
+ * The layout is deterministic rather than random, so it does not reshuffle on
+ * every render of a component that may re-render several times while waiting.
+ *
+ * Still is not the same as abrupt, though. It dissolves as the real points grow
+ * in, and outlives the status change by exactly that long — cut at the frame the
+ * data lands, the placeholder disappears before anything has replaced it and the
+ * plot is briefly empty.
+ */
+declare function ScatterChartSkeleton({ count, color }: ScatterChartSkeletonProps): import("react").JSX.Element | null;
+declare namespace ScatterChartSkeleton {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface ScatterChartXAxisProps {
+    /** How many intervals to divide the axis into. Yields `ticks + 1` labels. */
+    ticks?: number;
+    /** Turn a value into its label. Defaults to a compact number. */
+    format?: (value: number) => string;
+    className?: string;
+}
+/**
+ * The x labels, evenly along the axis.
+ *
+ * Evenly spaced here — unlike a line chart's, where each label sits on the point
+ * it names — because this axis is a continuous scale rather than a list of
+ * rows. There is no point to sit on.
+ */
+declare function ScatterChartXAxis({ ticks, format, className }: ScatterChartXAxisProps): import("react").JSX.Element;
+declare namespace ScatterChartXAxis {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface ScatterChartYAxisProps {
+    /** How many intervals to divide the axis into. Yields `ticks + 1` labels. */
+    ticks?: number;
+    /** Turn a value into its label. Defaults to a compact number. */
+    format?: (value: number) => string;
+    className?: string;
+}
+/** Value labels down the side, one per grid line. */
+declare function ScatterChartYAxis({ ticks, format, className }: ScatterChartYAxisProps): import("react").JSX.Element;
+declare namespace ScatterChartYAxis {
+    var displayName: string;
+    var layer: Layer;
+    var axis: "y";
+}
+export interface ScatterChartTooltipProps {
+    /** Float a small readout beside the selected point. On by default. */
+    showLabel?: boolean;
+    /** Format the x value for the readout. Defaults to a compact number. */
+    formatX?: (value: number) => string;
+    /** Format the y value for the readout. Defaults to a compact number. */
+    formatY?: (value: number, key: string) => string;
+    /** A heading for the readout, from the row — a name, a label, a category. */
+    formatTitle?: (datum: ScatterChartDatum) => string;
+    /** How far from a point a touch still counts as being on it, in points. */
+    hitRadius?: number;
+}
+/**
+ * The touch target, the selection it drives, and the readout that follows it.
+ *
+ * A line chart's crosshair snaps to an x index. That is not available here:
+ * there is no shared x, and two points can sit on the same one. So the nearest
+ * point is found by distance instead — and only within `hitRadius`, so a touch
+ * in an empty corner selects nothing rather than lighting up whichever point is
+ * least far away.
+ *
+ * The search runs on the UI thread over a flat array of already-projected
+ * coordinates, and only the *identity* of the winner crosses back into JS, and
+ * only when it changes. A drag across the plot therefore costs a handful of
+ * re-renders rather than one per frame.
+ *
+ * Distances are compared squared. The nearest point by distance is the nearest
+ * by distance-squared, and a square root per point per frame buys nothing.
+ */
+declare function ScatterChartTooltip({ showLabel, formatX, formatY, formatTitle, hitRadius, }: ScatterChartTooltipProps): import("react").JSX.Element | null;
+declare namespace ScatterChartTooltip {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface ScatterChartLegendProps extends ViewProps {
+    className?: string;
+    /** Label per series key. A key with no label falls back to the key itself. */
+    labels?: Record<string, string>;
+}
+/**
+ * A swatch and a name per registered series. Sits in the top-left of the plot
+ * by default — move it with `className`.
+ */
+declare function ScatterChartLegend({ className, labels, ...props }: ScatterChartLegendProps): import("react").JSX.Element | null;
+declare namespace ScatterChartLegend {
+    var displayName: string;
+    var layer: Layer;
+}
+export interface ScatterChartHeaderProps 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;
+    /** Prettier names for the series keys, as the legend takes. */
+    labels?: Record<string, string>;
+    /**
+     * Draw a swatch and a name per series along the trailing edge. Prefer this to
+     * `ScatterChart.Legend` on a chart that has a header: the legend floats over
+     * the plot, where it competes with the points for the same corner.
+     */
+    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, what it currently reads, and
+ * what the colours mean.
+ *
+ * The value is not derived here. A readout that follows the finger belongs to
+ * whoever owns the data — take it from `onActivePointChange` and pass the
+ * formatted string down, so one header can show a summary when nothing is
+ * pressed and a point's values when something is.
+ */
+declare function ScatterChartHeader({ className, title, value, caption, labels, legend, children, ...props }: ScatterChartHeaderProps): import("react").JSX.Element;
+declare namespace ScatterChartHeader {
+    var displayName: string;
+    var layer: Layer;
+}
+export declare const ScatterChart: import("react").ForwardRefExoticComponent<ScatterChartProps & import("react").RefAttributes<ScatterChartHandle>> & {
+    Header: typeof ScatterChartHeader;
+    Grid: typeof ScatterChartGrid;
+    Points: typeof ScatterChartPoints;
+    Skeleton: typeof ScatterChartSkeleton;
+    XAxis: typeof ScatterChartXAxis;
+    YAxis: typeof ScatterChartYAxis;
+    Tooltip: typeof ScatterChartTooltip;
+    Legend: typeof ScatterChartLegend;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

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