@multiplatform.one/components 6.1.0 → 6.3.0

package/types/charts/PieChart.d.ts

@@ -0,0 +1,37 @@
+import { type YStackProps } from "tamagui";
+import type { ChartDatum, ChartDatumEvents } from "./types";
+export interface PieChartProps extends ChartDatumEvents, Omit<YStackProps, "children" | "width" | "height"> {
+    data: ChartDatum[];
+    /** Pie diameter in px (default 200). */
+    height?: number;
+    /**
+     * Donut mode: `true` uses the default hole ratio (0.55); a number sets the
+     * inner-radius ratio (0–1). The hole is genuinely transparent (d3 arc
+     * innerRadius) — the card surface shows through on every platform.
+     */
+    donut?: boolean | number;
+    /** Radians between slices (default 0). */
+    padAngle?: number;
+    /** Explicit slice colors (data values — pass through untouched). */
+    colors?: string[];
+    /** Legend rows beside the pie (default true). */
+    showLegend?: boolean;
+    valueFormatter?: (value: number) => string;
+    /** Chart title used in the generated accessible summary. */
+    title?: string;
+    /** Override the generated accessible summary. */
+    label?: string;
+}
+/**
+ * Pie/donut chart. Slices are categorical data, so defaults come from the
+ * identity-led categorical palette (LC-27); per-datum and prop colors pass
+ * through untouched. Legend rows carry the accessible per-slice values and
+ * remain the reliable interaction surface for thin slices.
+ *
+ * Containment (LC-10): the root shrinks with its frame instead of holding
+ * its intrinsic width, so in narrow cards the legend wraps below the pie —
+ * it never paints past the frame. Inside a legend row the label truncates
+ * first (ellipsis); the value is data and never truncates (Axiom 11).
+ */
+export declare function PieChart({ data, height, donut, padAngle, colors, showLegend, valueFormatter, title, label, onDatumPress, onDatumHoverIn, onDatumHoverOut, ...stackProps }: PieChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PieChart.d.ts.map

package/types/charts/PieChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../src/charts/PieChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAMjE,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG5D,MAAM,WAAW,aACf,SAAQ,gBAAgB,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5E,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAY,EACZ,KAAa,EACb,QAAY,EACZ,MAAM,EACN,UAAiB,EACjB,cAAc,EACd,KAAK,EACL,KAAK,EACL,YAAY,EACZ,cAAc,EACd,eAAe,EACf,GAAG,UAAU,EACd,EAAE,aAAa,2CA0Ff"}

package/types/charts/Sparkline.d.ts

@@ -0,0 +1,27 @@
+import type { YStackProps } from "tamagui";
+import type { ChartCurve, ChartDatum } from "./types";
+export interface SparklineProps extends Omit<YStackProps, "children" | "width" | "height"> {
+    /** Series values — bare numbers or full data points. */
+    data: Array<number | ChartDatum>;
+    /** Drawing height in px (default 36 — inline metric scale). */
+    height?: number;
+    /** Fixed width; omit to track the parent responsively. */
+    width?: number;
+    /** Explicit color (data value — passes through untouched). */
+    color?: string;
+    /** Soft area fill under the line (default true). */
+    showArea?: boolean;
+    curve?: ChartCurve;
+    strokeWidth?: number;
+    /** Title used in the generated accessible summary. */
+    title?: string;
+    /** Override the generated accessible summary. */
+    label?: string;
+}
+/**
+ * Inline trend miniature (KPI-card scale): no axes, no grid, no targets —
+ * one identity-colored line with an optional soft area. The generated
+ * accessible summary carries the data shape a glance conveys visually.
+ */
+export declare function Sparkline({ data, height, width, color, showArea, curve, strokeWidth, title, label, ...stackProps }: SparklineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Sparkline.d.ts.map

package/types/charts/Sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../src/charts/Sparkline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAK3C,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGtD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxF,wDAAwD;IACxD,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;IACjC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,MAAW,EACX,KAAK,EACL,KAAK,EACL,QAAe,EACf,KAAkB,EAClB,WAAiB,EACjB,KAAK,EACL,KAAK,EACL,GAAG,UAAU,EACd,EAAE,cAAc,2CAqDhB"}

package/types/charts/accessibility.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Generated accessible chart summaries (Axiom 12 LEGIBLE FLOOR).
+ *
+ * Every chart surface exposes `role="img"` with a generated text summary so
+ * screen-reader users get the shape of the data, not silence. The functions
+ * are pure; components pass already-translated type/title labels in, and the
+ * numbers format through `toLocaleString` like every other catalog value.
+ */
+import type { ChartDatum } from "./types";
+export interface DescribeChartInput {
+    /** Already-translated chart-kind label, e.g. `t("Bar chart")`. */
+    typeLabel: string;
+    /** Optional already-translated chart title. */
+    title?: string;
+    data: ChartDatum[];
+    /** Value formatter (defaults to `toLocaleString`). */
+    formatValue?: (value: number) => string;
+    /**
+     * Include each datum's share of the total (pie/donut summaries).
+     */
+    includeShare?: boolean;
+}
+/**
+ * One-sentence data summary for a whole chart:
+ * "Bar chart, Revenue: 5 data points. Highest May (1,200); lowest Jan (400)."
+ */
+export declare function describeChart(input: DescribeChartInput): string;
+export interface DescribeDatumInput {
+    datum: ChartDatum;
+    /** Sum of all values — adds a percentage share when provided. */
+    total?: number;
+    formatValue?: (value: number) => string;
+}
+/**
+ * Per-datum accessible name for interactive targets:
+ * "May: 1,200" or "May: 1,200 (31%)".
+ */
+export declare function describeDatum(input: DescribeDatumInput): string;
+//# sourceMappingURL=accessibility.d.ts.map

package/types/charts/accessibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../src/charts/accessibility.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,kBAAkB;IACjC,kEAAkE;IAClE,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,CAuB/D;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,UAAU,CAAC;IAClB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,CAQ/D"}

package/types/charts/composeChart.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Shared layout/color plumbing for the composed charts (Bar/Line/Area/Pie).
+ * Pure helpers — unit-testable without a renderer.
+ */
+import type { ChartPalette } from "@multiplatform.one/theme";
+import type { ChartDatum, ChartSize, PlotArea } from "./types";
+export interface CartesianPlotInput {
+    showXAxis: boolean;
+    showYAxis: boolean;
+    /** Formatted y tick labels (drives the left margin). */
+    yTickLabels: string[];
+    fontSize: number;
+}
+/**
+ * Reserve margins for axes inside the measured surface and return the plot
+ * rectangle. Label widths are approximated cross-platform (no DOM measure);
+ * the approximation over-reserves slightly so labels never clip (LC-10).
+ */
+export declare function computeCartesianPlot(size: ChartSize, input: CartesianPlotInput): PlotArea;
+export interface SeriesFillsInput {
+    /** Explicit single-series color (a prop-level data color). */
+    color?: string;
+    /** Explicit per-datum colors (prop-level data colors). */
+    colors?: string[];
+    /** Paint per-datum categorical identity instead of one series color. */
+    categorical?: boolean;
+}
+/**
+ * Resolve one fill per datum (LC-27 CHART-PALETTE):
+ * per-datum `color` > explicit `colors`/`color` props (VALUE IS DATA — pass
+ * through untouched) > canonical palette (categorical cycle for categorical
+ * data, otherwise the single theme identity for every mark).
+ */
+export declare function resolveSeriesFills(data: ChartDatum[], palette: ChartPalette, input?: SeriesFillsInput): string[];
+/**
+ * Pick an evenly-strided subset of category labels that fits the plot width
+ * without overlap (LC-10 at phone widths): every label gets a slot sized by
+ * the widest label (capped), and the stride skips the rest.
+ */
+export declare function thinCategories(labels: string[], plotWidth: number, fontSize: number): string[];
+//# sourceMappingURL=composeChart.d.ts.map

package/types/charts/composeChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composeChart.d.ts","sourceRoot":"","sources":["../../src/charts/composeChart.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAE/D,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,kBAAkB,GAAG,QAAQ,CAezF;AAED,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,UAAU,EAAE,EAClB,OAAO,EAAE,YAAY,EACrB,KAAK,CAAC,EAAE,gBAAgB,GACvB,MAAM,EAAE,CAOV;AAMD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAQ9F"}

package/types/charts/index.d.ts

@@ -0,0 +1,12 @@
+export { approximateTextWidth, arcCentroid, arcPath, areaPath, createBandScale, createLinearScale, createPointScale, createTimeScale, formatChartValue, getLinearTicks, getTimeTicks, linePath, pieSlices, truncateLabel, valueDomain, type ArcPathInput, type AreaPathOptions, type BandScaleInput, type LinearScaleInput, type LinePathOptions, type PieSlice, type PieSliceOptions, type PointScaleInput, type TimeScaleInput, type ValueDomainOptions, } from "./math";
+export { describeChart, describeDatum, type DescribeChartInput, type DescribeDatumInput, } from "./accessibility";
+export type { ChartCurve, ChartDatum, ChartDatumEvents, ChartSize, PixelPoint, PlotArea, } from "./types";
+export { useChartTheme, type ChartTheme } from "./useChartTheme";
+export { ChartSurface, type ChartSurfaceProps } from "./ChartSurface";
+export { XAxis, YAxis, type XAxisProps, type YAxisProps } from "./Axis";
+export { AreaSeries, BarSeries, LineSeries, PieSeries, type AreaSeriesProps, type BarSeriesProps, type LineSeriesProps, type PieSeriesProps, } from "./series";
+export { BarChart, type BarChartProps } from "./BarChart";
+export { AreaChart, LineChart, type AreaChartProps, type LineChartProps } from "./LineChart";
+export { PieChart, type PieChartProps } from "./PieChart";
+export { Sparkline, type SparklineProps } from "./Sparkline";
+//# sourceMappingURL=index.d.ts.map

package/types/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EACpB,WAAW,EACX,OAAO,EACP,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,WAAW,EACX,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EACL,aAAa,EACb,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,GACxB,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EACV,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,QAAQ,GACT,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AACxE,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/types/charts/math.d.ts

@@ -0,0 +1,115 @@
+/**
+ * Headless chart math — thin, pure wrappers over d3-scale / d3-shape.
+ *
+ * Everything here is renderer-agnostic (no React, no SVG): scales map data
+ * to pixel space, generators emit SVG path strings, and helpers compute
+ * domains/ticks. The SVG primitives and composed charts consume these; unit
+ * tests exercise them directly.
+ */
+import type { ScaleBand, ScaleLinear, ScalePoint, ScaleTime } from "d3-scale";
+import type { ChartCurve, PixelPoint } from "./types";
+export interface BandScaleInput {
+    /** Category labels in draw order. */
+    domain: string[];
+    /** Pixel range, usually `[plot.x, plot.x + plot.width]`. */
+    range: [number, number];
+    /** Gap between bands as a fraction of the step (default 0.3). */
+    paddingInner?: number;
+    /** Outer gutter as a fraction of the step (default half the inner). */
+    paddingOuter?: number;
+}
+/** Categorical x scale for bar charts: label → band start px. */
+export declare function createBandScale(input: BandScaleInput): ScaleBand<string>;
+export interface PointScaleInput {
+    domain: string[];
+    range: [number, number];
+    /** Outer gutter as a fraction of the step (default 0 — full-bleed line). */
+    padding?: number;
+}
+/** Categorical x scale for line/area charts: label → point px. */
+export declare function createPointScale(input: PointScaleInput): ScalePoint<string>;
+export interface LinearScaleInput {
+    domain: [number, number];
+    range: [number, number];
+    /** Round the domain to nice tick values (default true). */
+    nice?: boolean;
+    /** Clamp output to the range (default false). */
+    clamp?: boolean;
+}
+/** Continuous value scale: value → px. */
+export declare function createLinearScale(input: LinearScaleInput): ScaleLinear<number, number>;
+export interface TimeScaleInput {
+    domain: [Date, Date];
+    range: [number, number];
+    nice?: boolean;
+}
+/** Time x scale: Date → px. */
+export declare function createTimeScale(input: TimeScaleInput): ScaleTime<number, number>;
+export interface ValueDomainOptions {
+    /**
+     * Anchor the domain at zero (default true — bars/areas that do not start
+     * at zero fabricate differences the data does not carry).
+     */
+    zeroBased?: boolean;
+    /** Head-room fraction above the max (default 0). */
+    paddingRatio?: number;
+}
+/** Compute a [min, max] value domain from raw values. */
+export declare function valueDomain(values: number[], options?: ValueDomainOptions): [number, number];
+/** Nice tick values for a continuous scale. */
+export declare function getLinearTicks(scale: ScaleLinear<number, number>, count?: number): number[];
+/** Nice tick dates for a time scale. */
+export declare function getTimeTicks(scale: ScaleTime<number, number>, count?: number): Date[];
+/** Locale-aware default value format (matches catalog `toLocaleString` use). */
+export declare function formatChartValue(value: number): string;
+export interface LinePathOptions {
+    curve?: ChartCurve;
+}
+/** SVG path for a polyline through pixel-space points. */
+export declare function linePath(points: PixelPoint[], options?: LinePathOptions): string;
+export interface AreaPathOptions {
+    curve?: ChartCurve;
+    /** Pixel y of the area baseline (usually the plot bottom). */
+    baseline: number;
+}
+/** SVG path for the filled area under pixel-space points. */
+export declare function areaPath(points: PixelPoint[], options: AreaPathOptions): string;
+export interface PieSliceOptions {
+    /** Radians between slices (default 0). */
+    padAngle?: number;
+    /** Start angle in radians (default 0 = 12 o'clock). */
+    startAngle?: number;
+    /** End angle in radians (default 2π). */
+    endAngle?: number;
+}
+export interface PieSlice<T> {
+    datum: T;
+    /** Input order index — slice order is data order, never re-sorted. */
+    index: number;
+    value: number;
+    startAngle: number;
+    endAngle: number;
+    padAngle: number;
+}
+/** Angular layout for pie/donut slices. Preserves input order (Axiom 11). */
+export declare function pieSlices<T extends {
+    value: number;
+}>(data: T[], options?: PieSliceOptions): PieSlice<T>[];
+export interface ArcPathInput {
+    startAngle: number;
+    endAngle: number;
+    outerRadius: number;
+    /** 0 for a pie; > 0 for a donut (true hole — background shows through). */
+    innerRadius?: number;
+    padAngle?: number;
+    cornerRadius?: number;
+}
+/** SVG path for one pie/donut slice, centered on (0,0). */
+export declare function arcPath(input: ArcPathInput): string;
+/** Centroid of a slice (label/tooltip anchor), centered on (0,0). */
+export declare function arcCentroid(input: ArcPathInput): PixelPoint;
+/** Approximate rendered width of a label — cross-platform, no DOM measure. */
+export declare function approximateTextWidth(text: string, fontSize: number): number;
+/** Truncate a label with an ellipsis so it fits `maxWidth` px. */
+export declare function truncateLabel(text: string, fontSize: number, maxWidth: number): string;
+//# sourceMappingURL=math.d.ts.map

package/types/charts/math.d.ts.map

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

package/types/charts/series.d.ts

@@ -0,0 +1,85 @@
+import type { ScaleBand, ScaleLinear } from "d3-scale";
+import type { ChartCurve, ChartDatum, ChartDatumEvents, ChartSize, PixelPoint, PlotArea } from "./types";
+/**
+ * Series mark primitives. Marks are pure pixel-space SVG; every series takes
+ * pre-resolved fills (the composed charts resolve them from the canonical
+ * palette / explicit data colors, LC-27) and exposes tooltip-ready hit
+ * targets: invisible shapes floored at 44px (Axiom 12 / SP-FIXED) wired to
+ * `onDatumPress` / hover callbacks with per-datum accessible names.
+ */
+interface DatumTargetCallbacks extends ChartDatumEvents {
+    /** Accessible name per datum (describeDatum output). */
+    datumLabel?: (datum: ChartDatum, index: number) => string;
+}
+export interface BarSeriesProps extends DatumTargetCallbacks {
+    data: ChartDatum[];
+    xScale: ScaleBand<string>;
+    yScale: ScaleLinear<number, number>;
+    plot: PlotArea;
+    /** Resolved fill per datum index (palette or explicit data color). */
+    fills: string[];
+}
+/**
+ * Vertical bars from the zero baseline (negative values hang below it).
+ * Corner radius follows the borderRadius knob, clamped to bar anatomy.
+ * Hit target = the full column, floored at 44px width.
+ */
+export declare function BarSeries({ data, xScale, yScale, plot, fills, ...callbacks }: BarSeriesProps): import("react/jsx-runtime").JSX.Element;
+export interface LineSeriesProps extends DatumTargetCallbacks {
+    data: ChartDatum[];
+    /** Pixel positions aligned with `data`. */
+    points: PixelPoint[];
+    color: string;
+    strokeWidth?: number;
+    curve?: ChartCurve;
+    /** Draw a dot on each datum (default true). */
+    showPoints?: boolean;
+    pointRadius?: number;
+    /**
+     * Surface bounds — hit-target circles are clamped inside so the 44px floor
+     * stays fully tappable at the edges (SVG clips overflowing targets).
+     */
+    bounds?: ChartSize;
+}
+/**
+ * Stroked data line with optional per-datum dots. Hit targets are invisible
+ * 44px-diameter circles centered on each datum.
+ */
+export declare function LineSeries({ data, points, color, strokeWidth, curve, showPoints, pointRadius, bounds, ...callbacks }: LineSeriesProps): import("react/jsx-runtime").JSX.Element;
+export interface AreaSeriesProps {
+    /** Pixel positions of the series top edge. */
+    points: PixelPoint[];
+    /** Pixel y of the area baseline (usually the plot bottom). */
+    baseline: number;
+    color: string;
+    /** Fill opacity — the line above carries full identity (default 0.18). */
+    opacity?: number;
+    curve?: ChartCurve;
+}
+/**
+ * Filled area under a series. Non-interactive by design — pair it with a
+ * LineSeries on top, which owns points and hit targets.
+ */
+export declare function AreaSeries({ points, baseline, color, opacity, curve }: AreaSeriesProps): import("react/jsx-runtime").JSX.Element;
+export interface PieSeriesProps extends DatumTargetCallbacks {
+    data: ChartDatum[];
+    /** Center x/y in surface pixels. */
+    cx: number;
+    cy: number;
+    outerRadius: number;
+    /** > 0 renders a donut with a true transparent hole. */
+    innerRadius?: number;
+    /** Radians between slices (default 0). */
+    padAngle?: number;
+    /** Resolved fill per datum index. */
+    fills: string[];
+}
+/**
+ * Pie/donut slices in data order (never re-sorted — order is data). The hit
+ * target is the slice path itself; slice geometry cannot be floored to 44px
+ * without lying about the data, so thin-slice precision is a documented
+ * touch limitation (legend rows remain the accessible alternative).
+ */
+export declare function PieSeries({ data, cx, cy, outerRadius, innerRadius, padAngle, fills, ...callbacks }: PieSeriesProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=series.d.ts.map

package/types/charts/series.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"series.d.ts","sourceRoot":"","sources":["../../src/charts/series.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvD,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,QAAQ,EACT,MAAM,SAAS,CAAC;AAGjB;;;;;;GAMG;AAEH,UAAU,oBAAqB,SAAQ,gBAAgB;IACrD,wDAAwD;IACxD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3D;AAuBD,MAAM,WAAW,cAAe,SAAQ,oBAAoB;IAC1D,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,sEAAsE;IACtE,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,cAAc,2CA0C5F;AAID,MAAM,WAAW,eAAgB,SAAQ,oBAAoB;IAC3D,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,2CAA2C;IAC3C,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAOD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,KAAK,EACL,WAAe,EACf,KAAgB,EAChB,UAAiB,EACjB,WAAe,EACf,MAAM,EACN,GAAG,SAAS,EACb,EAAE,eAAe,2CAyBjB;AAID,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAc,EAAE,KAAK,EAAE,EAAE,eAAe,2CAE7F;AAID,MAAM,WAAW,cAAe,SAAQ,oBAAoB;IAC1D,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,EAAE,EACF,EAAE,EACF,WAAW,EACX,WAAe,EACf,QAAY,EACZ,KAAK,EACL,GAAG,SAAS,EACb,EAAE,cAAc,2CAqBhB"}

package/types/charts/svg.d.ts

@@ -0,0 +1,42 @@
+/**
+ * SVG rendering bridge for charts.
+ *
+ * All chart marks render through `@tamagui/react-native-svg`, which is a
+ * platform-split shim already shipped by this package (icons use it today):
+ *
+ * - web → thin `createElement("rect" | "path" | …)` wrappers, i.e. plain
+ *   inline DOM SVG — no react-native-svg needed in web bundles, works in the
+ *   web Storybook (Vite) as-is;
+ * - native → re-exports the real `react-native-svg` (optional peer of this
+ *   package; already installed by the apps), so the native Storybook renders
+ *   the same components through RNSVG.
+ *
+ * The shim ships no types, so exports are cast to the react-native-svg
+ * component types (same pattern as `images/Svg`): props are written in the
+ * RNSVG dialect, whose attribute names mirror React-DOM's camelCase SVG
+ * attributes, keeping one prop spelling valid on both renderers.
+ */
+import type { Circle as RNCircle, G as RNG, Line as RNLine, Path as RNPath, Rect as RNRect, Svg as RNSvg, Text as RNSvgText } from "react-native-svg";
+export declare const Svg: typeof RNSvg;
+export declare const G: typeof RNG;
+export declare const Rect: typeof RNRect;
+export declare const Circle: typeof RNCircle;
+export declare const Line: typeof RNLine;
+export declare const Path: typeof RNPath;
+export declare const SvgText: typeof RNSvgText;
+/** Accessible-image props for the chart root (Axiom 12). */
+export declare function chartRootA11yProps(label: string): Record<string, unknown>;
+export interface DatumTargetInput {
+    /** Per-datum accessible name (describeDatum output). */
+    label?: string;
+    onPress?: () => void;
+    onHoverIn?: () => void;
+    onHoverOut?: () => void;
+}
+/**
+ * Platform event/a11y props for an invisible per-datum hit target.
+ * Web: click + mouse hover on the DOM node. Native: RNSVG press responder
+ * (pressIn/pressOut stand in for hover — tooltip-on-touch semantics).
+ */
+export declare function datumTargetProps(input: DatumTargetInput): Record<string, unknown>;
+//# sourceMappingURL=svg.d.ts.map

package/types/charts/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/charts/svg.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAYH,OAAO,KAAK,EACV,MAAM,IAAI,QAAQ,EAClB,CAAC,IAAI,GAAG,EACR,IAAI,IAAI,MAAM,EACd,IAAI,IAAI,MAAM,EACd,IAAI,IAAI,MAAM,EACd,GAAG,IAAI,KAAK,EACZ,IAAI,IAAI,SAAS,EAClB,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,GAAG,EAAsB,OAAO,KAAK,CAAC;AACnD,eAAO,MAAM,CAAC,EAAoB,OAAO,GAAG,CAAC;AAC7C,eAAO,MAAM,IAAI,EAAuB,OAAO,MAAM,CAAC;AACtD,eAAO,MAAM,MAAM,EAAyB,OAAO,QAAQ,CAAC;AAC5D,eAAO,MAAM,IAAI,EAAuB,OAAO,MAAM,CAAC;AACtD,eAAO,MAAM,IAAI,EAAuB,OAAO,MAAM,CAAC;AACtD,eAAO,MAAM,OAAO,EAA0B,OAAO,SAAS,CAAC;AAE/D,4DAA4D;AAC5D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAGzE;AAED,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAiBjF"}

package/types/charts/types.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Chart data contracts shared by the headless math core, the SVG primitives,
+ * and the composed charts.
+ *
+ * `ChartDatum` is intentionally shape-compatible with the existing
+ * `ChartDataPoint` (views/Dashboard) and ReportBuilder's
+ * `{ label, value }` rows so surfaces can migrate without data mapping.
+ */
+export interface ChartDatum {
+    /** Category / point label (x identity for band charts). */
+    label: string;
+    /** Numeric value (y). */
+    value: number;
+    /**
+     * Explicit data color — a value, not chrome (Axiom 11 VALUE IS DATA).
+     * Passes through untouched; never restyled by theme or palette.
+     */
+    color?: string;
+}
+/** A resolved pixel-space point (post-scale). */
+export interface PixelPoint {
+    x: number;
+    y: number;
+}
+/** Measured drawing viewport handed to chart content by ChartSurface. */
+export interface ChartSize {
+    width: number;
+    height: number;
+}
+/** Plot rectangle inside the surface after axis margins are reserved. */
+export interface PlotArea {
+    /** Left edge (px). */
+    x: number;
+    /** Top edge (px). */
+    y: number;
+    width: number;
+    height: number;
+}
+export type ChartCurve = "linear" | "monotone" | "natural" | "step";
+/** Per-datum interaction callbacks (tooltip-ready targets). */
+export interface ChartDatumEvents {
+    /** Press / click on a datum target. */
+    onDatumPress?: (datum: ChartDatum, index: number) => void;
+    /** Pointer enters a datum target (web hover; native pressIn). */
+    onDatumHoverIn?: (datum: ChartDatum, index: number) => void;
+    /** Pointer leaves a datum target (web hover out; native pressOut). */
+    onDatumHoverOut?: (datum: ChartDatum, index: number) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/types/charts/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/charts/types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,WAAW,UAAU;IACzB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iDAAiD;AACjD,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,yEAAyE;AACzE,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,yEAAyE;AACzE,MAAM,WAAW,QAAQ;IACvB,sBAAsB;IACtB,CAAC,EAAE,MAAM,CAAC;IACV,qBAAqB;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE,+DAA+D;AAC/D,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,iEAAiE;IACjE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,sEAAsE;IACtE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9D"}

package/types/charts/useChartTheme.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Chart chrome theming — the one channel (Axiom 5 ONE SOURCE).
+ *
+ * SVG attributes need resolved color/font strings, not Tamagui tokens, so
+ * this hook resolves the chart chrome from the live theme + knobs exactly
+ * once per chart:
+ *
+ * - series colors come ONLY from `useChartPalette()` (LC-27) — explicit
+ *   data colors pass through untouched at the call sites;
+ * - axis/grid/label chrome maps the componentColors roles (border `$color6`,
+ *   divider `$color4`, muted text `$color11`) through `useTheme().val`, so
+ *   chrome re-anchors under schemes and tints like every other surface;
+ * - label typography follows the `bodyFont` + `size` knobs (family resolved
+ *   from the Tamagui font config — KNOB-TOTALITY for text inside SVG);
+ * - `transition` carries the animation knob (undefined at `none`/PRM via
+ *   `useResolvedKnobs`) so draw-in motion stops per A-CONTINUOUS;
+ * - `barCornerRadius` steps with the borderRadius knob and clamps at the
+ *   mark's own anatomy (R-CLAMP: never past half the bar).
+ */
+import { type ChartPalette } from "@multiplatform.one/theme";
+import { type TransitionProp } from "tamagui";
+export interface ChartTheme {
+    scheme: "light" | "dark";
+    /** Canonical series palette (LC-27 CHART-PALETTE). */
+    palette: ChartPalette;
+    /** Axis line + tick marks (border role, `$color6`). */
+    axisColor: string;
+    /** Grid lines (divider role, `$color4`). */
+    gridColor: string;
+    /** Tick/legend label fill (muted text role, `$color11` — AA floor). */
+    labelColor: string;
+    /** Resolved body-font family for SVG text (bodyFont knob). */
+    labelFontFamily?: string;
+    /** Label size stepped by the size knob (11/12/13). */
+    labelFontSize: number;
+    /** Animation-knob transition; undefined at `none` / reduced motion. */
+    transition?: TransitionProp;
+    /** True when draw-in / continuous motion may play (A-CONTINUOUS). */
+    animationEnabled: boolean;
+    /** Bar corner radius from the borderRadius knob, clamped to anatomy. */
+    barCornerRadius: (bandWidth: number, barHeight: number) => number;
+}
+export declare function useChartTheme(): ChartTheme;
+//# sourceMappingURL=useChartTheme.d.ts.map

package/types/charts/useChartTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartTheme.d.ts","sourceRoot":"","sources":["../../src/charts/useChartTheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAqC,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGhG,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,sDAAsD;IACtD,OAAO,EAAE,YAAY,CAAC;IACtB,uDAAuD;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,UAAU,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,qEAAqE;IACrE,gBAAgB,EAAE,OAAO,CAAC;IAC1B,wEAAwE;IACxE,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CACnE;AA+BD,wBAAgB,aAAa,IAAI,UAAU,CA6C1C"}

package/types/code/Code/index.d.ts

@@ -0,0 +1,30 @@
+import type { GetProps } from "tamagui";
+declare const CodeFrame: import("tamagui").TamaguiComponent<import("@tamagui/web").TamaDefer, import("tamagui").TamaguiTextElement, import("tamagui").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("tamagui").FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+    colored?: boolean | undefined;
+}, import("@tamagui/web").StaticConfigPublic>;
+export declare const Code: import("tamagui").TamaguiComponent<import("@tamagui/web").GetFinalProps<import("tamagui").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("tamagui").FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+    colored?: boolean | undefined;
+}>, import("tamagui").TamaguiTextElement, import("tamagui").TextNonStyleProps & void, import("@tamagui/web").TextStylePropsBase, {
+    size?: import("tamagui").FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+    colored?: boolean | undefined;
+}, import("@tamagui/web").StaticConfigPublic>;
+declare const CodeInlineFrame: import("tamagui").TamaguiComponent<import("@tamagui/web").TamaDefer, import("tamagui").TamaguiTextElement, import("tamagui").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: import("tamagui").FontSizeTokens | undefined;
+}, import("@tamagui/web").StaticConfigPublic>;
+export declare const CodeInline: import("tamagui").TamaguiComponent<import("@tamagui/web").GetFinalProps<import("tamagui").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: import("tamagui").FontSizeTokens | undefined;
+}>, import("tamagui").TamaguiTextElement, import("tamagui").TextNonStyleProps & void, import("@tamagui/web").TextStylePropsBase, {
+    unstyled?: boolean | undefined;
+    size?: import("tamagui").FontSizeTokens | undefined;
+}, import("@tamagui/web").StaticConfigPublic>;
+export type CodeProps = GetProps<typeof CodeFrame>;
+export type CodeInlineProps = GetProps<typeof CodeInlineFrame>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/types/code/Code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/Code/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,QAAA,MAAM,SAAS;;;;6CAkBb,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;6CAiBf,CAAC;AAEH,QAAA,MAAM,eAAe;;;6CAkBnB,CAAC;AAKH,eAAO,MAAM,UAAU;;;;;;6CAYrB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/types/code/CodeBlock/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * File: /src/code/code_block/index.tsx
+ * Project: @multiplatform.one/components
+ *
+ * Standalone code block with shiki syntax highlighting.
+ * No longer requires MDX compilation -- renders directly using shiki tokens.
+ */
+export interface CodeBlockProps {
+    /** The code to highlight */
+    children?: string;
+    /** Programming language (e.g. "tsx", "bash", "json") */
+    language?: string;
+    /** Shiki theme name */
+    theme?: string;
+    /** Whether to show line numbers */
+    showLineNumbers?: boolean;
+    /** Lines to highlight (1-indexed, e.g. [1, 3, 5]) */
+    highlightLines?: number[];
+    /** Whether copy button is disabled */
+    disableCopy?: boolean;
+    /** Font size token */
+    size?: string;
+}
+export declare function CodeBlock({ children, language, theme, showLineNumbers: propShowLineNumbers, highlightLines, disableCopy, size, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/types/code/CodeBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/CodeBlock/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAiBH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,sCAAsC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAa,EACb,QAAgB,EAChB,KAAK,EACL,eAAe,EAAE,mBAAmB,EACpC,cAAmB,EACnB,WAAW,EACX,IAAI,GACL,EAAE,cAAc,2CAiGhB"}