@krizaka/charts 0.0.0-stage → 0.2.0

package/dist/labels-DE_743fQ.d.ts

@@ -0,0 +1,72 @@
+interface EarningsLabels {
+    /** Under the total: `earned over {count} months`. `{count}` is the number of periods. */
+    total: string;
+    /** The change of the last period: `{change} vs the previous month`. */
+    change: string;
+    /** The gross series' name. */
+    gross: string;
+    /** The net series' name. */
+    net: string;
+}
+declare const EARNINGS_LABELS: EarningsLabels;
+interface ThroughputLabels {
+    /** Under the total: `jobs over {count} days`. */
+    total: string;
+    /** The success rate of the finished jobs: `{rate} succeeded`. */
+    success: string;
+}
+declare const THROUGHPUT_LABELS: ThroughputLabels;
+interface LatencyLabels {
+    /** The median series. */
+    p50: string;
+    /** The 95th percentile series. */
+    p95: string;
+    /** The slowest p95: `slowest: {name}`. */
+    slowest: string;
+    /** How many go past the objective: `{count} over the objective`. */
+    over: string;
+    /** All within the objective. */
+    within: string;
+}
+declare const LATENCY_LABELS: LatencyLabels;
+interface CreditLabels {
+    /** Under the remaining amount: `left of {limit}`. */
+    remaining: string;
+    /** The used part: `{used} used ({percent})`. */
+    used: string;
+    /** The projection: `at this pace, runs out on {date}`. */
+    runsOut: string;
+    /** No use lately: it does not run out. */
+    steady: string;
+    /** The renewal: `renews on {date}`. */
+    renews: string;
+    /** The daily use sparkline's title. */
+    daily: string;
+}
+declare const CREDIT_LABELS: CreditLabels;
+interface GoalLabels {
+    /** Under the amount: `raised of {goal}`. */
+    raised: string;
+    /** Reached: `goal reached`. */
+    reached: string;
+    /** The supporters: `{count} supporters`. */
+    supporters: string;
+    /** The time left: `{time} left`. */
+    left: string;
+}
+declare const GOAL_LABELS: GoalLabels;
+interface TickerLabels {
+    /** Under the price: `current bid`. */
+    current: string;
+    /** The change since the opening: `{change} since the opening ({count} bids)`. */
+    change: string;
+    /** No bid yet: `opening price`. */
+    opening: string;
+    /** The reserve line. */
+    reserve: string;
+    /** The series' name. */
+    price: string;
+}
+declare const TICKER_LABELS: TickerLabels;
+
+export { CREDIT_LABELS as C, EARNINGS_LABELS as E, GOAL_LABELS as G, LATENCY_LABELS as L, THROUGHPUT_LABELS as T, type CreditLabels as a, type EarningsLabels as b, type GoalLabels as c, type LatencyLabels as d, TICKER_LABELS as e, type ThroughputLabels as f, type TickerLabels as g };

package/dist/latency.d.ts

@@ -0,0 +1,33 @@
+import { d as LatencyLabels } from './labels-DE_743fQ.js';
+export { L as LATENCY_LABELS } from './labels-DE_743fQ.js';
+import { L as Locale, g as Datum, A as Accessor } from './context-BgYUymEO.js';
+import * as react from 'react';
+import { C as CartesianProps } from './cartesian-BRhNQ3ib.js';
+import './frame-I7_xYGy5.js';
+
+/** Milliseconds as a duration: `840 ms`, `1.2 s`, `2.5 min` — the unit follows the size, through Intl. */
+declare function formatDuration(ms: number, locale: Locale): string;
+
+interface LatencyChartProps<T extends Datum> extends Omit<CartesianProps<T>, "y" | "yLabel" | "series" | "format" | "x" | "xFormat" | "thresholds" | "labels"> {
+    /** The field (or function) naming what is measured (a capability, a model). Default `"name"`. */
+    x?: Accessor<T, unknown>;
+    /** The median, in milliseconds. Default `"p50"`. */
+    p50?: Accessor<T, number | null | undefined>;
+    /** The 95th percentile, in milliseconds. Default `"p95"`; `null` to draw the median alone. */
+    p95?: Accessor<T, number | null | undefined> | null;
+    /** The service objective, in milliseconds: a line, and the count of what goes past it (by p95). */
+    objective?: {
+        readonly value: number;
+        readonly label: string;
+    };
+    /** Vertical bars instead of horizontal ones (few, short names). */
+    vertical?: boolean;
+    /** Hide the slowest p95 and the count over the objective. */
+    hideSummary?: boolean;
+    /** The words, passed translated; English by default. */
+    labels?: Partial<LatencyLabels>;
+}
+/** Median and p95 latency per item, durations in the unit that fits, against a service objective. */
+declare function LatencyChart<T extends Datum>({ x, p50, p95, objective, vertical, hideSummary, labels: given, description, data, ...props }: LatencyChartProps<T>): react.JSX.Element;
+
+export { LatencyChart, type LatencyChartProps, LatencyLabels, formatDuration };

package/dist/latency.js

@@ -0,0 +1,24 @@
+"use client";
+import {
+  LatencyChart
+} from "./chunk-IKQV3NSL.js";
+import "./chunk-WVTIKOII.js";
+import "./chunk-CVWSMUUB.js";
+import "./chunk-WBHFVBSK.js";
+import "./chunk-BISL7DYW.js";
+import "./chunk-ANUCSRUN.js";
+import "./chunk-W5FX4TU3.js";
+import {
+  LATENCY_LABELS,
+  formatDuration
+} from "./chunk-WNUFGMS7.js";
+import "./chunk-OB5EFDDH.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-JTKR7ZWP.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  LATENCY_LABELS,
+  LatencyChart,
+  formatDuration
+};
+//# sourceMappingURL=latency.js.map

package/dist/latency.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/line.d.ts

@@ -0,0 +1,25 @@
+import { C as CartesianProps } from './cartesian-BRhNQ3ib.js';
+import * as react from 'react';
+import { g as Datum } from './context-BgYUymEO.js';
+import './frame-I7_xYGy5.js';
+
+type Curve = "linear" | "monotone" | "step";
+
+interface LineChartProps<T extends Datum> extends CartesianProps<T> {
+    /** The shape between points: `monotone` (default, never overshoots), `linear`, `step` (a value that holds). */
+    curve?: Curve;
+    /** A dot on every point (short series). Default false: the end of each line carries one. */
+    dots?: boolean;
+    /** Write the last value at the end of each line (up to three series). Default true. */
+    endLabels?: boolean;
+}
+/** Change over time: one line per series, the last value written at its end, a crosshair tooltip, the keyboard. */
+declare function LineChart<T extends Datum>({ curve, dots, endLabels, ...props }: LineChartProps<T>): react.JSX.Element;
+interface AreaChartProps<T extends Datum> extends LineChartProps<T> {
+    /** Stack the series: a total and its parts over time. */
+    stacked?: boolean;
+}
+/** A volume over time: a line over a soft wash (stacked: the parts of a total). */
+declare function AreaChart<T extends Datum>({ curve, dots, endLabels, stacked, ...props }: AreaChartProps<T>): react.JSX.Element;
+
+export { AreaChart, type AreaChartProps, CartesianProps, LineChart, type LineChartProps };

package/dist/line.js

@@ -0,0 +1,19 @@
+"use client";
+import "./chunk-E5DKBSWX.js";
+import {
+  AreaChart,
+  LineChart
+} from "./chunk-C4MFZLJM.js";
+import "./chunk-CVWSMUUB.js";
+import "./chunk-BISL7DYW.js";
+import "./chunk-ANUCSRUN.js";
+import "./chunk-W5FX4TU3.js";
+import "./chunk-OB5EFDDH.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-JTKR7ZWP.js";
+import "./chunk-3CJHBJXA.js";
+export {
+  AreaChart,
+  LineChart
+};
+//# sourceMappingURL=line.js.map

package/dist/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/native.d.ts

@@ -0,0 +1,494 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { ViewStyle } from 'react-native';
+
+interface ChartLabels {
+    /** The button that shows the data table. */
+    showData: string;
+    /** The button that hides it. */
+    hideData: string;
+    /** The caption of the data table: `{title}`. */
+    tableCaption: string;
+    /** The export buttons. */
+    exportPng: string;
+    exportSvg: string;
+    exportCsv: string;
+    /** Announced while the data loads. */
+    loading: string;
+    /** Shown when there is nothing to draw. */
+    empty: string;
+    /** Shown when the data could not be loaded. */
+    error: string;
+    /** The keyboard hint, read once when the plot takes the focus. */
+    keyboardHint: string;
+    /** The role description of the plot (`chart`). */
+    roleDescription: string;
+    /** Summary pieces. `{kind}` is the chart's name (`Line chart`), `{count}` a number of points or series. */
+    summaryIntro: string;
+    summarySeries: string;
+    summaryRange: string;
+    summaryTrendUp: string;
+    summaryTrendDown: string;
+    summaryTrendFlat: string;
+    summaryTotal: string;
+    summaryThreshold: string;
+    summaryShare: string;
+    /** Scatter: the correlation of x and y (Pearson's r). */
+    summaryCorrelation: string;
+    /** Funnel: from one stage to the next, and from the first to the last. */
+    summaryConversion: string;
+    summaryOverall: string;
+    /** Heatmap, calendar: the largest cell and the number of cells with a value. */
+    summaryPeak: string;
+    summaryActive: string;
+    /** Candlestick: the period's range. */
+    summaryOhlc: string;
+    /** The names of the charts, read first in the summary. */
+    kinds: Record<ChartKind, string>;
+    /** The column of the values, when the chart has no value label. */
+    value: string;
+    /** The column of the categories in the data table, when the chart has no x label. */
+    category: string;
+    /** The total row of a stacked chart, a pie, a funnel. */
+    total: string;
+    /** What a missing value reads as. */
+    noValue: string;
+}
+type ChartKind = "line" | "area" | "bar" | "pie" | "donut" | "gauge" | "sparkline" | "radar" | "heatmap" | "calendar" | "sankey" | "funnel" | "candlestick" | "treemap" | "scatter" | "map" | "globe" | "chart";
+declare const DEFAULT_LABELS: ChartLabels;
+/** The words an app or a chart passes: any of them, and any of the chart names. */
+type ChartLabelsInput = Partial<Omit<ChartLabels, "kinds">> & {
+    kinds?: Partial<Record<ChartKind, string>>;
+};
+
+/** A row of data: any object; the chart reads the fields its `x`, `y` and `series` name. */
+type Datum = object;
+/** A field of a row (`"month"`) or a function that reads it. */
+type Accessor<T, V> = (keyof T & string) | ((datum: T, index: number) => V);
+/** A Krizaka brand: its palette leads with the brand's own hue (Krizaka blue, Orazaka orange, Orochia violet). */
+type BrandId = "krizaka" | "orazaka" | "orochia";
+/** A BCP 47 locale (`"en-US"`, `"fr-FR"`), always explicit: server and client write the same figures. */
+type Locale = string | readonly string[];
+/**
+ * How a value is written, through `@krizaka/intl`:
+ * - `"number"` (default) `12,345.6`, `"integer"` `12,346`, `"compact"` `12.3K`, `"percent"` (a ratio: `0.42` → `42%`);
+ * - `{ style: "money", currency }`: the values are **integer minor units** (cents), as the ledger stores them;
+ * - `{ style: "unit", unit }`: an `Intl` unit (`"second"`, `"megabyte"`);
+ * - a function, for anything else.
+ */
+type ValueFormat = "number" | "integer" | "compact" | "percent" | {
+    readonly style: "money";
+    readonly currency: string;
+    readonly compact?: boolean;
+} | {
+    readonly style: "unit";
+    readonly unit: string;
+    readonly compact?: boolean;
+} | {
+    readonly style: "number";
+    readonly options: Intl.NumberFormatOptions;
+} | ((value: number, locale: Locale) => string);
+/**
+ * How a category of the x axis is written. A category that is a `Date`, an epoch or an ISO date (`"2026-04"`,
+ * `"2026-04-12"`) is a date: `"month"` (`Apr 2026`), `"day"` (`Apr 12`), `"date"` (`Apr 12, 2026`), `"time"`
+ * (`14:30`), `"datetime"`, `"year"`. `"text"` writes it as is (the default for anything that is not a date).
+ */
+type CategoryFormat = "text" | "year" | "month" | "day" | "date" | "time" | "datetime" | ((category: unknown, locale: Locale) => string);
+/** A series to draw: the field holding its values and the words that name it. */
+interface SeriesSpec<T extends Datum = Datum> {
+    /** The field (or a function) holding the series' value in each row. */
+    readonly key: Accessor<T, number | null | undefined>;
+    /** Its name: in the legend, the tooltip, the data table and the summary. */
+    readonly label: string;
+    /** A colour role instead of the next palette slot: `"accent"`, a status (`"success"`…) or a `var(--…)`. */
+    readonly color?: SeriesColor;
+    /** Draw it dashed (a forecast, a previous period). Lines and areas only. */
+    readonly dashed?: boolean;
+}
+/** A status or brand role a series, a threshold or a marker may wear instead of a palette slot. */
+type Tone = "neutral" | "accent" | "success" | "warning" | "danger" | "info";
+/** A palette slot (1–8), a tone, or any CSS colour (`var(--kz-…)` preferred). */
+type SeriesColor = Tone | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | (string & {});
+/** A horizontal line at a value: a goal, a payout threshold, a quota. */
+interface Threshold {
+    readonly value: number;
+    /** What it means, written beside the line and in the summary: “Payout threshold”. */
+    readonly label: string;
+    /** Default `"neutral"`; a goal reads well in `"success"`, a limit in `"danger"`. */
+    readonly tone?: Tone;
+}
+/** A vertical marker at a category: an event worth pointing at (“Campaign launch”). */
+interface Marker {
+    /** The category it marks, as in the data (`"2026-04"`). */
+    readonly x: unknown;
+    readonly label: string;
+    readonly tone?: Tone;
+}
+/** What a series says about itself, for the written summary. */
+interface SeriesSummary {
+    readonly label: string;
+    readonly count: number;
+    readonly min: {
+        readonly value: number;
+        readonly category: string;
+    } | null;
+    readonly max: {
+        readonly value: number;
+        readonly category: string;
+    } | null;
+    readonly first: number | null;
+    readonly last: number | null;
+    readonly total: number;
+    /** `last / first − 1`, or null when it cannot be said (no first value, a first value of 0). */
+    readonly change: number | null;
+    readonly trend: "up" | "down" | "flat" | "none";
+}
+
+/** A status of a job: the field holding its count per period, its name, its tone, and its part in the success rate. */
+interface JobStatus {
+    /** The field of the row holding the count (`"completed"`). */
+    readonly key: string;
+    /** Its name, passed translated (`"Completed"`). */
+    readonly label: string;
+    /** Its tone: the status colours (`success`, `danger`, `info`, `neutral`). */
+    readonly tone: Tone;
+    /** `succeeded` or `failed`: counted in the success rate. Absent: still running or waiting. */
+    readonly outcome?: "succeeded" | "failed";
+}
+/** The four statuses of an Orazaka job, in English: pass your own (translated) `statuses`. */
+declare const DEFAULT_STATUSES: readonly JobStatus[];
+
+/** A bid: when (an ISO date-time or a `Date`) and how much, in money minor units. */
+interface Bid {
+    readonly at: string | Date;
+    readonly amount: number;
+}
+
+type Curve = "linear" | "monotone" | "step";
+
+type Mode = "dark" | "light";
+
+/** The colour roles a chart reads (a subset of @krizaka/tokens/native's `Theme`; `useTheme().theme` of @krizaka/ui/native fits). */
+type ChartTheme = {
+    readonly surface1: string;
+    readonly surface2: string;
+    readonly surface3: string;
+    readonly borderSubtle: string;
+    readonly borderDefault: string;
+    readonly textPrimary: string;
+    readonly textSecondary: string;
+    readonly textMuted: string;
+    readonly accent: string;
+    readonly success: string;
+    readonly warning: string;
+    readonly danger: string;
+    readonly info: string;
+};
+interface NativeChartsSettings {
+    /** The locale of every figure and date. Default `"en-US"`. */
+    locale?: Locale;
+    /** The brand whose palette leads. Default Krizaka. */
+    brand?: BrandId;
+    /** The words: the readout, the summary. */
+    labels?: ChartLabelsInput;
+    /** Dark or light. Default: the device's (pass `useTheme().scheme` of @krizaka/ui/native to follow the app). */
+    scheme?: Mode;
+    /** The app's colour roles (`useTheme().theme` of @krizaka/ui/native): a product's brand overrides apply. */
+    theme?: Partial<ChartTheme>;
+}
+/** Sets the locale, brand, words, scheme and theme of every chart below it. */
+declare function ChartsProvider({ children, ...settings }: NativeChartsSettings & {
+    children: ReactNode;
+}): react.JSX.Element;
+interface NativeFrameProps extends NativeChartsSettings {
+    /** What the chart shows: its heading and accessible name. */
+    title: string;
+    /** Hide the heading (it stays the accessible name). */
+    hideTitle?: boolean;
+    /** The plot's height. */
+    height?: number;
+    /** The data is on its way. */
+    loading?: boolean;
+    /** Shown instead of the plot when there is nothing to draw. Default: the `empty` label. */
+    empty?: ReactNode;
+    /** The style of the chart's container (layout only: colours come from the theme). */
+    style?: ViewStyle;
+}
+
+interface NativeCartesianProps<T extends Datum> extends NativeFrameProps {
+    /** The rows, in the order of the x axis. */
+    data: readonly T[];
+    /** The field (or function) of the category. */
+    x?: Accessor<T, unknown>;
+    /** A single series: its field. */
+    y?: Accessor<T, number | null | undefined>;
+    /** The name of the single `y` series. */
+    yLabel?: string;
+    /** The series, each with its field and name. */
+    series?: readonly SeriesSpec<T>[];
+    /** How the values are written. */
+    format?: ValueFormat;
+    /** How the categories are written. */
+    xFormat?: CategoryFormat;
+    /** Horizontal lines at a value. */
+    thresholds?: readonly Threshold[];
+}
+interface NativeLineChartProps<T extends Datum> extends NativeCartesianProps<T> {
+    /** `monotone` (default), `linear` or `step`. */
+    curve?: Curve;
+}
+/** Change over time (React Native): one line per series. */
+declare function LineChart<T extends Datum>({ curve, ...props }: NativeLineChartProps<T>): react.JSX.Element;
+interface NativeAreaChartProps<T extends Datum> extends NativeLineChartProps<T> {
+    /** Stack the series: the parts of a total over time. */
+    stacked?: boolean;
+}
+interface NativeBarChartProps<T extends Datum> extends NativeCartesianProps<T> {
+    /** Stack the series in one bar per category; default: grouped side by side. */
+    stacked?: boolean;
+}
+/** A volume over time (React Native): a line over a wash; `stacked` for the parts of a total. */
+declare function AreaChart<T extends Datum>({ curve, stacked, ...props }: NativeAreaChartProps<T>): react.JSX.Element;
+/** Amounts across categories (React Native): grouped or `stacked` bars. */
+declare function BarChart<T extends Datum>({ stacked, ...props }: NativeBarChartProps<T>): react.JSX.Element;
+
+interface EarningsLabels {
+    /** Under the total: `earned over {count} months`. `{count}` is the number of periods. */
+    total: string;
+    /** The change of the last period: `{change} vs the previous month`. */
+    change: string;
+    /** The gross series' name. */
+    gross: string;
+    /** The net series' name. */
+    net: string;
+}
+interface ThroughputLabels {
+    /** Under the total: `jobs over {count} days`. */
+    total: string;
+    /** The success rate of the finished jobs: `{rate} succeeded`. */
+    success: string;
+}
+interface LatencyLabels {
+    /** The median series. */
+    p50: string;
+    /** The 95th percentile series. */
+    p95: string;
+    /** The slowest p95: `slowest: {name}`. */
+    slowest: string;
+    /** How many go past the objective: `{count} over the objective`. */
+    over: string;
+    /** All within the objective. */
+    within: string;
+}
+interface CreditLabels {
+    /** Under the remaining amount: `left of {limit}`. */
+    remaining: string;
+    /** The used part: `{used} used ({percent})`. */
+    used: string;
+    /** The projection: `at this pace, runs out on {date}`. */
+    runsOut: string;
+    /** No use lately: it does not run out. */
+    steady: string;
+    /** The renewal: `renews on {date}`. */
+    renews: string;
+    /** The daily use sparkline's title. */
+    daily: string;
+}
+interface GoalLabels {
+    /** Under the amount: `raised of {goal}`. */
+    raised: string;
+    /** Reached: `goal reached`. */
+    reached: string;
+    /** The supporters: `{count} supporters`. */
+    supporters: string;
+    /** The time left: `{time} left`. */
+    left: string;
+}
+interface TickerLabels {
+    /** Under the price: `current bid`. */
+    current: string;
+    /** The change since the opening: `{change} since the opening ({count} bids)`. */
+    change: string;
+    /** No bid yet: `opening price`. */
+    opening: string;
+    /** The reserve line. */
+    reserve: string;
+    /** The series' name. */
+    price: string;
+}
+
+type Base<T extends Datum> = Omit<NativeCartesianProps<T>, "y" | "yLabel" | "series" | "format" | "x" | "xFormat" | "thresholds" | "labels">;
+interface NativeEarningsChartProps<T extends Datum> extends Base<T> {
+    /** The field (or function) of the period. Default `"month"`. */
+    x?: Accessor<T, unknown>;
+    /** The net amount of each period, in minor units. */
+    net: Accessor<T, number | null | undefined>;
+    /** The gross amount, drawn beside the net. */
+    gross?: Accessor<T, number | null | undefined>;
+    /** The ISO 4217 currency. */
+    currency: string;
+    /** How the periods are written. Default `"month"`. */
+    period?: CategoryFormat;
+    /** The payout threshold, drawn as a line. */
+    payoutThreshold?: Threshold;
+    /** The words, passed translated. */
+    labels?: Partial<EarningsLabels>;
+}
+/** Earnings per period in money (React Native): the total and the change first, the bars under them. */
+declare function EarningsChart<T extends Datum>({ x, net, gross, currency, period, payoutThreshold, labels: given, title, hideTitle, data, ...props }: NativeEarningsChartProps<T>): react.JSX.Element;
+interface NativeJobThroughputProps<T extends Datum> extends Base<T> {
+    /** The field of the period. Default `"day"`. */
+    x?: Accessor<T, unknown>;
+    /** How the periods are written. Default `"day"`. */
+    period?: CategoryFormat;
+    /** The statuses, in stacking order. Default: completed, failed, running, queued. */
+    statuses?: readonly JobStatus[];
+    /** The words, passed translated. */
+    labels?: Partial<ThroughputLabels>;
+}
+/** Jobs per period stacked by status (React Native): the total and the success rate first. */
+declare function JobThroughput<T extends Datum>({ x, period, statuses, labels: given, title, hideTitle, data, ...props }: NativeJobThroughputProps<T>): react.JSX.Element;
+interface NativeLatencyChartProps<T extends Datum> extends Base<T> {
+    /** The field naming what is measured. Default `"name"`. */
+    x?: Accessor<T, unknown>;
+    /** The median, in milliseconds. Default `"p50"`. */
+    p50?: Accessor<T, number | null | undefined>;
+    /** The 95th percentile, in milliseconds. Default `"p95"`; `null` for the median alone. */
+    p95?: Accessor<T, number | null | undefined> | null;
+    /** The service objective, in milliseconds. */
+    objective?: {
+        readonly value: number;
+        readonly label: string;
+    };
+    /** The words, passed translated. */
+    labels?: Partial<LatencyLabels>;
+}
+/** Median and p95 latency per item (React Native, vertical bars): the slowest p95 first. */
+declare function LatencyChart<T extends Datum>({ x, p50, p95, objective, labels: given, title, hideTitle, data, ...props }: NativeLatencyChartProps<T>): react.JSX.Element;
+interface NativeCreditUsageProps extends Omit<NativeChartsSettings, "labels"> {
+    /** What the allowance is: the heading and the meter's name. */
+    title: string;
+    /** Hide the heading (it stays the accessible name). */
+    hideTitle?: boolean;
+    /** How much is used. */
+    used: number;
+    /** The allowance. */
+    limit: number;
+    /** How the amounts are written. Default `"integer"`. */
+    format?: ValueFormat;
+    /** The use of each recent day, oldest first. */
+    daily?: readonly (number | null)[];
+    /** When the allowance renews. */
+    renewsAt?: string | Date;
+    /** Today, for the projection. Default: now. */
+    now?: Date;
+    /** The shares where the meter turns to warning, then danger. Default `[0.8, 0.95]`. */
+    levels?: readonly [number, number];
+    /** The words, passed translated. */
+    labels?: Partial<CreditLabels>;
+    /** The style of the container (layout only). */
+    style?: ViewStyle;
+}
+/** What is left of an allowance (React Native): the remaining amount, a meter in tones, the use per day, the run-out date. */
+declare function CreditUsage({ title, hideTitle, used, limit, format, daily, renewsAt, now, levels, labels: given, style, ...settings }: NativeCreditUsageProps): react.JSX.Element;
+interface NativeGoalProgressProps extends Omit<NativeFrameProps, "loading" | "empty" | "labels"> {
+    /** The amount raised, in minor units. */
+    raised: number;
+    /** The goal, in minor units. */
+    goal: number;
+    /** The ISO 4217 currency. */
+    currency: string;
+    /** How many people chipped in. */
+    supporters?: number;
+    /** The time left, written by the app (“2 days”). */
+    timeLeft?: string;
+    /** The words, passed translated. */
+    labels?: Partial<GoalLabels>;
+}
+/** A pot towards its goal, in money (React Native): the arc fills, the words say how much of what. */
+declare function GoalProgress({ raised, goal, currency, supporters, timeLeft, labels: given, ...props }: NativeGoalProgressProps): react.JSX.Element;
+interface NativePriceTickerProps extends Omit<NativeFrameProps, "loading" | "labels"> {
+    /** The bids, in any order. */
+    bids: readonly Bid[];
+    /** The opening price, in minor units. */
+    opening: number;
+    /** When the auction opened. */
+    openedAt?: string | Date;
+    /** The ISO 4217 currency. */
+    currency: string;
+    /** The reserve price, drawn as a line until it is met. */
+    reserve?: number;
+    /** How the times are written. Default `"time"`. */
+    timeFormat?: CategoryFormat;
+    /** The words, passed translated. */
+    labels?: Partial<TickerLabels>;
+}
+/** A live auction's price (React Native): the current bid in large, the change since the opening, the steps of the bids. */
+declare function PriceTicker({ bids, opening, openedAt, currency, reserve, timeFormat, labels: given, title, hideTitle, ...props }: NativePriceTickerProps): react.JSX.Element;
+
+interface NativePieChartProps<T extends Datum> extends NativeFrameProps {
+    /** One row per part. */
+    data: readonly T[];
+    /** The field naming the part. */
+    label: Accessor<T, string>;
+    /** The field of its amount. */
+    value: Accessor<T, number>;
+    /** How the amounts are written. */
+    format?: ValueFormat;
+    /** A ring with the total in its hole. */
+    donut?: boolean;
+    /** The words under the total of a donut. */
+    centerLabel?: string;
+    /** At most this many slices; the rest fold into `otherLabel`. Default 6. */
+    maxSlices?: number;
+    /** The name of the folded slice. Default “Other”. */
+    otherLabel?: string;
+}
+/** Part of a whole (React Native). */
+declare function PieChart<T extends Datum>(props: NativePieChartProps<T>): react.JSX.Element;
+/** A pie with a hole (React Native). */
+declare function DonutChart<T extends Datum>(props: Omit<NativePieChartProps<T>, "donut">): react.JSX.Element;
+interface NativeGaugeProps extends NativeFrameProps {
+    /** The value. */
+    value: number;
+    /** The start of the range. Default 0. */
+    min?: number;
+    /** The end of the range. Default 100. */
+    max?: number;
+    /** How the value is written. */
+    format?: ValueFormat;
+    /** The words under the value. */
+    caption?: string;
+    /** A tick on the arc: the objective. */
+    target?: Threshold;
+    /** Zones: the value takes the tone of the zone it is in. */
+    zones?: readonly {
+        readonly to: number;
+        readonly tone: Tone;
+        readonly label?: string;
+    }[];
+    /** The tone of the value without zones. Default `"accent"`. */
+    tone?: Tone;
+}
+/** One figure against its range (React Native). */
+declare function Gauge(props: NativeGaugeProps): react.JSX.Element;
+interface NativeSparklineProps extends Omit<NativeFrameProps, "hideTitle"> {
+    /** The values, oldest first (`null` for a gap). */
+    data: readonly (number | null)[];
+    /** The labels of the values (dates), for the summary. */
+    categories?: readonly unknown[];
+    /** `line` (default), `area` or `bar`. */
+    variant?: "line" | "area" | "bar";
+    /** A palette slot, a tone or a colour. */
+    color?: SeriesColor;
+    /** Colour by the trend (success up, danger down; `"inverse"` for costs). */
+    trendTone?: boolean | "inverse";
+    /** How the values are written in the summary. */
+    format?: ValueFormat;
+    /** A fixed width. Default: the container's. */
+    width?: number;
+}
+/** A word-sized trend (React Native). */
+declare function Sparkline(props: NativeSparklineProps): react.JSX.Element;
+
+export { type Accessor, AreaChart, BarChart, type Bid, type BrandId, type CategoryFormat, type ChartLabels, type ChartLabelsInput, type ChartTheme, ChartsProvider, CreditUsage, DEFAULT_LABELS, DEFAULT_STATUSES, type Datum, DonutChart, EarningsChart, Gauge, GoalProgress, type JobStatus, JobThroughput, LatencyChart, LineChart, type Locale, type Marker, type NativeAreaChartProps, type NativeBarChartProps, type NativeCartesianProps, type NativeChartsSettings, type NativeCreditUsageProps, type NativeEarningsChartProps, type NativeFrameProps, type NativeGaugeProps, type NativeGoalProgressProps, type NativeJobThroughputProps, type NativeLatencyChartProps, type NativeLineChartProps, type NativePieChartProps, type NativePriceTickerProps, type NativeSparklineProps, PieChart, PriceTicker, type SeriesColor, type SeriesSpec, type SeriesSummary, Sparkline, type Threshold, type Tone, type ValueFormat };