@barefootjs/chart 0.1.0

package/dist/types.d.ts

@@ -0,0 +1,235 @@
+import type { ScaleBand, ScaleLinear, ScalePoint } from 'd3-scale';
+/** Color and label configuration for chart data series */
+export type ChartConfig = Record<string, {
+    label: string;
+    color: string;
+}>;
+/** Registration info for a bar series */
+export interface BarRegistration {
+    dataKey: string;
+    fill: string;
+    radius: number;
+}
+/** Props for ChartContainer */
+export interface ChartContainerProps {
+    config: ChartConfig;
+    className?: string;
+    children?: unknown;
+}
+/** Props for BarChart */
+export interface BarChartProps {
+    data: Record<string, unknown>[];
+    children?: unknown;
+}
+/** Props for Bar */
+export interface BarProps {
+    dataKey: string;
+    fill?: string;
+    radius?: number;
+}
+/** Props for CartesianGrid */
+export interface CartesianGridProps {
+    vertical?: boolean;
+    horizontal?: boolean;
+}
+/** Props for XAxis */
+export interface XAxisProps {
+    dataKey: string;
+    tickFormatter?: (value: string) => string;
+    hide?: boolean;
+}
+/** Props for YAxis */
+export interface YAxisProps {
+    hide?: boolean;
+    tickFormatter?: (value: number) => string;
+}
+/** Props for LineChart */
+export interface LineChartProps {
+    data: Record<string, unknown>[];
+    children?: unknown;
+}
+/** Props for Line */
+export interface LineProps {
+    dataKey: string;
+    stroke?: string;
+    strokeWidth?: number;
+    type?: 'linear' | 'monotone';
+    dot?: boolean;
+}
+/** Props for ChartTooltip */
+export interface ChartTooltipProps {
+    labelFormatter?: (label: string) => string;
+}
+/** Registration info for a radial bar series */
+export interface RadialBarRegistration {
+    dataKey: string;
+    fill: string;
+}
+/** Registration info for a pie slice */
+export interface PieRegistration {
+    dataKey: string;
+    fill: string;
+}
+/** Props for RadialChart */
+export interface RadialChartProps {
+    data: Record<string, unknown>[];
+    innerRadius?: number;
+    outerRadius?: number;
+    startAngle?: number;
+    endAngle?: number;
+    children?: unknown;
+}
+/** Props for RadialBar */
+export interface RadialBarProps {
+    dataKey: string;
+    fill?: string;
+    stackId?: string;
+}
+/** Props for RadialChartLabel */
+export interface RadialChartLabelProps {
+    children?: unknown;
+}
+/** Context value shared between RadialChart and its children */
+export interface RadialChartContextValue {
+    svgGroup: () => SVGGElement | null;
+    container: () => HTMLElement | null;
+    data: () => Record<string, unknown>[];
+    innerRadius: () => number;
+    outerRadius: () => number;
+    startAngle: () => number;
+    endAngle: () => number;
+    config: () => ChartConfig;
+    centerX: () => number;
+    centerY: () => number;
+    radialBars: () => RadialBarRegistration[];
+    registerRadialBar: (bar: RadialBarRegistration) => void;
+    unregisterRadialBar: (dataKey: string) => void;
+}
+/** Props for PieChart */
+export interface PieChartProps {
+    data: Record<string, unknown>[];
+    children?: unknown;
+}
+/** Props for Pie */
+export interface PieProps {
+    dataKey: string;
+    nameKey: string;
+    fill?: string;
+    innerRadius?: number;
+    outerRadius?: number;
+    paddingAngle?: number;
+}
+/** Props for PieTooltip */
+export interface PieTooltipProps {
+    labelFormatter?: (label: string) => string;
+}
+/** Context value shared between PieChart and its children */
+export interface PieChartContextValue {
+    svgGroup: () => SVGGElement | null;
+    container: () => HTMLElement | null;
+    data: () => Record<string, unknown>[];
+    width: () => number;
+    height: () => number;
+    config: () => ChartConfig;
+    pies: () => PieRegistration[];
+    registerPie: (pie: PieRegistration) => void;
+    unregisterPie: (dataKey: string) => void;
+}
+/** Context value shared between BarChart and its children */
+export interface BarChartContextValue {
+    svgGroup: () => SVGGElement | null;
+    container: () => HTMLElement | null;
+    data: () => Record<string, unknown>[];
+    xDataKey: () => string;
+    xScale: () => ScaleBand<string> | null;
+    yScale: () => ScaleLinear<number, number> | null;
+    innerWidth: () => number;
+    innerHeight: () => number;
+    config: () => ChartConfig;
+    bars: () => BarRegistration[];
+    registerBar: (bar: BarRegistration) => void;
+    unregisterBar: (dataKey: string) => void;
+    setXDataKey: (key: string) => void;
+}
+/** Registration info for a radar series */
+export interface RadarRegistration {
+    dataKey: string;
+    fill: string;
+    fillOpacity: number;
+}
+/** Registration info for an area series */
+export interface AreaRegistration {
+    dataKey: string;
+    fill: string;
+    stroke: string;
+    fillOpacity: number;
+}
+/** Props for RadarChart */
+export interface RadarChartProps {
+    data: Record<string, unknown>[];
+    children?: unknown;
+}
+/** Props for AreaChart */
+export interface AreaChartProps {
+    data: Record<string, unknown>[];
+    children?: unknown;
+}
+/** Props for Radar */
+export interface RadarProps {
+    dataKey: string;
+    fill?: string;
+    fillOpacity?: number;
+}
+/** Props for PolarGrid */
+export interface PolarGridProps {
+    gridType?: 'polygon' | 'circle';
+    show?: boolean;
+}
+/** Props for PolarAngleAxis */
+export interface PolarAngleAxisProps {
+    dataKey: string;
+    tickFormatter?: (value: string) => string;
+    hide?: boolean;
+}
+/** Props for RadarTooltip */
+export interface RadarTooltipProps {
+    labelFormatter?: (label: string) => string;
+}
+/** Context value shared between RadarChart and its children */
+export interface RadarChartContextValue {
+    svgGroup: () => SVGGElement | null;
+    container: () => HTMLElement | null;
+    data: () => Record<string, unknown>[];
+    dataKey: () => string;
+    radius: () => number;
+    radialScale: () => ScaleLinear<number, number> | null;
+    config: () => ChartConfig;
+    radars: () => RadarRegistration[];
+    registerRadar: (radar: RadarRegistration) => void;
+    unregisterRadar: (dataKey: string) => void;
+    setDataKey: (key: string) => void;
+}
+/** Props for Area */
+export interface AreaProps {
+    dataKey: string;
+    fill?: string;
+    stroke?: string;
+    fillOpacity?: number;
+}
+/** Context value shared between AreaChart and its children */
+export interface AreaChartContextValue {
+    svgGroup: () => SVGGElement | null;
+    container: () => HTMLElement | null;
+    data: () => Record<string, unknown>[];
+    xDataKey: () => string;
+    xScale: () => ScalePoint<string> | null;
+    yScale: () => ScaleLinear<number, number> | null;
+    innerWidth: () => number;
+    innerHeight: () => number;
+    config: () => ChartConfig;
+    areas: () => AreaRegistration[];
+    registerArea: (area: AreaRegistration) => void;
+    unregisterArea: (dataKey: string) => void;
+    setXDataKey: (key: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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

package/dist/utils/arcs.d.ts

@@ -0,0 +1,44 @@
+export interface PieSliceSpec {
+    /** Slice path generated by `d3-shape`'s `arc()`. */
+    d: string;
+    /** Resolved fill — datum override, then ChartConfig color, then fallback. */
+    fill: string;
+    /** Datum's name used for tooltip lookup and as the stable map key. */
+    name: string;
+    /** Numeric value used to size the slice. */
+    value: number;
+}
+export interface RadialBarArcSpec {
+    /** Background-track path (full sweep, dim). */
+    trackD: string | null;
+    /** Foreground value path (proportional to data value). */
+    arcD: string | null;
+    /** Numeric value used to size the arc. */
+    value: number;
+    /** Optional per-datum fill override (when datum.fill is set). */
+    itemFill?: string;
+    /** Index in the input data, used as a stable identifier for SVG. */
+    index: number;
+}
+/**
+ * Build the arc geometry for a single radial-bar series. Each input datum
+ * becomes a concentric ring within `[innerR, outerR]`, with the value arc
+ * sweeping from `startDeg` (top) to a fraction of the dataset max.
+ *
+ * Pure data — caller renders one `<path d={track.trackD}>` plus one
+ * `<path d={track.arcD}>` per spec, keeping the d3-shape dependency inside
+ * `@barefootjs/chart` and out of consumer bundles.
+ */
+export declare function buildRadialBarArcs(data: Record<string, unknown>[], dataKey: string, innerR: number, outerR: number, startDeg: number, endDeg: number): RadialBarArcSpec[];
+/**
+ * Build the slice geometry for a single pie/donut series. Each input datum
+ * becomes one path with its `d` string generated from `d3-shape`'s `arc()`.
+ *
+ * Pure data — caller renders one `<path d={slice.d}>` per spec, keeping the
+ * d3-shape dependency inside `@barefootjs/chart` and out of consumer bundles.
+ */
+export declare function buildPieSlices(data: Record<string, unknown>[], dataKey: string, nameKey: string, config: Record<string, {
+    label: string;
+    color: string;
+}>, width: number, height: number, innerRadiusRatio: number, outerRadiusRatio: number, paddingAngleDeg: number): PieSliceSpec[];
+//# sourceMappingURL=arcs.d.ts.map

package/dist/utils/arcs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arcs.d.ts","sourceRoot":"","sources":["../../src/utils/arcs.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,YAAY;IAC3B,oDAAoD;IACpD,CAAC,EAAE,MAAM,CAAA;IACT,6EAA6E;IAC7E,IAAI,EAAE,MAAM,CAAA;IACZ,sEAAsE;IACtE,IAAI,EAAE,MAAM,CAAA;IACZ,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,0DAA0D;IAC1D,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,GACb,gBAAgB,EAAE,CAwDpB;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,EACxD,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,MAAM,EACxB,gBAAgB,EAAE,MAAM,EACxB,eAAe,EAAE,MAAM,GACtB,YAAY,EAAE,CA4BhB"}

package/dist/utils/areas.d.ts

@@ -0,0 +1,23 @@
+import type { ScalePoint, ScaleLinear } from 'd3-scale';
+export interface AreaPaths {
+    /** Filled area path from the bottom of the chart up to each y value. */
+    area: string;
+    /** Stroke-only path along the top of the area (degenerate area where y0 === y1). */
+    line: string;
+}
+export interface AreaDot {
+    key: string;
+    cx: number;
+    cy: number;
+    xValue: string;
+    yValue: number;
+}
+/**
+ * Build the SVG `d` attributes for an area series. Pure helper — d3-shape
+ * stays inside `@barefootjs/chart` so consumer bundles avoid pulling in bare
+ * specifiers the browser import map does not resolve.
+ */
+export declare function buildAreaPaths(data: Record<string, unknown>[], xKey: string, yKey: string, xs: ScalePoint<string>, ys: ScaleLinear<number, number>, innerHeight: number): AreaPaths;
+/** Build the per-point geometry used to render invisible hover-target dots. */
+export declare function buildAreaDots(data: Record<string, unknown>[], xKey: string, yKey: string, xs: ScalePoint<string>, ys: ScaleLinear<number, number>): AreaDot[];
+//# sourceMappingURL=areas.d.ts.map

package/dist/utils/areas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"areas.d.ts","sourceRoot":"","sources":["../../src/utils/areas.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEvD,MAAM,WAAW,SAAS;IACxB,wEAAwE;IACxE,IAAI,EAAE,MAAM,CAAA;IACZ,oFAAoF;IACpF,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,UAAU,CAAC,MAAM,CAAC,EACtB,EAAE,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,EAC/B,WAAW,EAAE,MAAM,GAClB,SAAS,CAiBX;AAED,+EAA+E;AAC/E,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,UAAU,CAAC,MAAM,CAAC,EACtB,EAAE,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAC9B,OAAO,EAAE,CAYX"}

package/dist/utils/classes.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Stable CSS class names for chart primitives.
+ *
+ * Exported as constants so consumers can reference them via
+ * `<g className={CHART_CLASS_X_AXIS}>` in `"use client"` files. The compiler's
+ * `cssLayerPrefixer` only rewrites locally-declared constants and static
+ * className literals; imported identifiers are left alone, which keeps the
+ * names un-prefixed for the e2e test selectors (`.chart-x-axis text`, ...).
+ */
+export declare const CHART_CLASS_GRID = "chart-grid";
+export declare const CHART_CLASS_X_AXIS = "chart-x-axis";
+export declare const CHART_CLASS_Y_AXIS = "chart-y-axis";
+export declare const CHART_CLASS_POLAR_GRID = "chart-polar-grid";
+export declare const CHART_CLASS_POLAR_ANGLE_AXIS = "chart-polar-angle-axis";
+export declare const CHART_CLASS_RADIAL_BAR = "chart-radial-bar";
+export declare const CHART_CLASS_RADIAL_LABEL = "chart-radial-label";
+export declare const CHART_CLASS_BAR = "chart-bar";
+export declare const CHART_CLASS_LINE = "chart-line";
+export declare const CHART_CLASS_AREA = "chart-area";
+export declare const CHART_CLASS_AREA_DOT = "chart-area-dot";
+export declare const CHART_CLASS_RADAR = "chart-radar";
+export declare const CHART_CLASS_PIE = "chart-pie";
+export declare const CHART_CLASS_TOOLTIP = "chart-tooltip";
+//# sourceMappingURL=classes.d.ts.map

package/dist/utils/classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../src/utils/classes.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAC5C,eAAO,MAAM,kBAAkB,iBAAiB,CAAA;AAChD,eAAO,MAAM,kBAAkB,iBAAiB,CAAA;AAChD,eAAO,MAAM,sBAAsB,qBAAqB,CAAA;AACxD,eAAO,MAAM,4BAA4B,2BAA2B,CAAA;AACpE,eAAO,MAAM,sBAAsB,qBAAqB,CAAA;AACxD,eAAO,MAAM,wBAAwB,uBAAuB,CAAA;AAC5D,eAAO,MAAM,eAAe,cAAc,CAAA;AAC1C,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAC5C,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAC5C,eAAO,MAAM,oBAAoB,mBAAmB,CAAA;AACpD,eAAO,MAAM,iBAAiB,gBAAgB,CAAA;AAC9C,eAAO,MAAM,eAAe,cAAc,CAAA;AAC1C,eAAO,MAAM,mBAAmB,kBAAkB,CAAA"}

package/dist/utils/lines.d.ts

@@ -0,0 +1,18 @@
+import type { ScaleBand } from 'd3-scale';
+import type { ScaleLinear } from 'd3-scale';
+export interface LinePoint {
+    key: string;
+    cx: number;
+    cy: number;
+    xValue: string;
+    yValue: number;
+}
+/**
+ * Build the SVG `d` attribute for a line series. Pure helper — d3-shape stays
+ * inside `@barefootjs/chart` so consumer bundles avoid pulling in bare
+ * specifiers the browser import map does not resolve.
+ */
+export declare function buildLinePath(data: Record<string, unknown>[], xKey: string, yKey: string, xs: ScaleBand<string>, ys: ScaleLinear<number, number>, type: 'linear' | 'monotone'): string;
+/** Build the per-point geometry used to render hover/visual dots. */
+export declare function buildLinePoints(data: Record<string, unknown>[], xKey: string, yKey: string, xs: ScaleBand<string>, ys: ScaleLinear<number, number>): LinePoint[];
+//# sourceMappingURL=lines.d.ts.map

package/dist/utils/lines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lines.d.ts","sourceRoot":"","sources":["../../src/utils/lines.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,EACrB,EAAE,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,EAC/B,IAAI,EAAE,QAAQ,GAAG,UAAU,GAC1B,MAAM,CAcR;AAED,qEAAqE;AACrE,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,EACrB,EAAE,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAC9B,SAAS,EAAE,CAab"}

package/dist/utils/radar.d.ts

@@ -0,0 +1,25 @@
+import type { ScaleLinear } from 'd3-scale';
+export interface RadarVertex {
+    /** Stable identifier — combines axis index and label for keyed mapArray. */
+    key: string;
+    /** Polar angle in radians; 0 points up, increases clockwise. */
+    angle: number;
+    /** Polar radius from the chart centre. */
+    r: number;
+    /** Cartesian x coordinate (radius * cos(angle)). */
+    x: number;
+    /** Cartesian y coordinate (radius * sin(angle)). */
+    y: number;
+    /** Axis label drawn from `data[i][axisKey]`. */
+    label: string;
+    /** Numeric series value drawn from `data[i][dataKey]`. */
+    value: number;
+}
+/**
+ * Compute the per-axis vertices for a radar series. Each input datum becomes
+ * one vertex placed at angle = `(2π / n) * i - π/2` and radius = `radialScale(value)`.
+ */
+export declare function buildRadarVertices(data: Record<string, unknown>[], dataKey: string, axisKey: string, radialScale: ScaleLinear<number, number>): RadarVertex[];
+/** Convert vertices into the `points` attribute of a `<polygon>`. */
+export declare function buildRadarPolygonPoints(vertices: RadarVertex[]): string;
+//# sourceMappingURL=radar.d.ts.map

package/dist/utils/radar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radar.d.ts","sourceRoot":"","sources":["../../src/utils/radar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,MAAM,WAAW,WAAW;IAC1B,4EAA4E;IAC5E,GAAG,EAAE,MAAM,CAAA;IACX,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,CAAC,EAAE,MAAM,CAAA;IACT,oDAAoD;IACpD,CAAC,EAAE,MAAM,CAAA;IACT,oDAAoD;IACpD,CAAC,EAAE,MAAM,CAAA;IACT,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GACvC,WAAW,EAAE,CAmBf;AAED,qEAAqE;AACrE,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,WAAW,EAAE,GAAG,MAAM,CAEvE"}

package/dist/utils/scales.d.ts

@@ -0,0 +1,12 @@
+import { type ScaleBand, type ScaleLinear, type ScalePoint } from 'd3-scale';
+export declare function createBandScale(data: Record<string, unknown>[], dataKey: string, width: number): ScaleBand<string>;
+export declare function createLinearScale(data: Record<string, unknown>[], dataKeys: string[], height: number): ScaleLinear<number, number>;
+export declare function createPointScale(data: Record<string, unknown>[], dataKey: string, width: number): ScalePoint<string>;
+/**
+ * Linear scale spanning `[0, max(data values across dataKeys)]`, mapped to
+ * `[0, radius]`. Used by RadarChart to convert numeric series values into
+ * polar radii. Returns null when no dataKeys are supplied so callers can
+ * cheaply gate downstream rendering on registration completing.
+ */
+export declare function createRadarRadialScale(data: Record<string, unknown>[], dataKeys: string[], radius: number): ScaleLinear<number, number> | null;
+//# sourceMappingURL=scales.d.ts.map

package/dist/utils/scales.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../src/utils/scales.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAGhH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GACZ,SAAS,CAAC,MAAM,CAAC,CAKnB;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,QAAQ,EAAE,MAAM,EAAE,EAClB,MAAM,EAAE,MAAM,GACb,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAY7B;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GACZ,UAAU,CAAC,MAAM,CAAC,CAKpB;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,QAAQ,EAAE,MAAM,EAAE,EAClB,MAAM,EAAE,MAAM,GACb,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAUpC"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@barefootjs/chart",
+  "version": "0.1.0",
+  "description": "SVG chart components for BarefootJS with signal-based reactivity",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "bun run build:js && bun run build:types",
+    "build:js": "bun build ./src/index.ts --outdir ./dist --format esm",
+    "build:types": "tsgo --emitDeclarationOnly --outDir ./dist",
+    "test": "bun test",
+    "clean": "rm -rf dist"
+  },
+  "keywords": [
+    "chart",
+    "area-chart",
+    "bar-chart",
+    "svg",
+    "signals",
+    "reactive",
+    "barefoot"
+  ],
+  "author": "kobaken <kentafly88@gmail.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/piconic-ai/barefootjs",
+    "directory": "packages/chart"
+  },
+  "peerDependencies": {
+    "@barefootjs/client": ">=0.0.1"
+  },
+  "dependencies": {
+    "d3-array": "^3.2.4",
+    "d3-scale": "^4.0.2",
+    "d3-shape": "^3.2.0"
+  },
+  "devDependencies": {
+    "@types/d3-array": "^3.2.1",
+    "@types/d3-scale": "^4.0.8",
+    "@types/d3-shape": "^3.1.8",
+    "typescript": "^5.0.0"
+  }
+}

package/src/chart-container.ts

@@ -0,0 +1,17 @@
+import type { ChartConfig } from './types'
+
+/**
+ * Apply CSS variables from ChartConfig to a container element.
+ * Sets --color-{key} for each config entry.
+ *
+ * Reused by the JSX-native `ChartContainer` ref callback in
+ * `ui/components/ui/chart/index.tsx`.
+ */
+export function applyChartCSSVariables(
+  container: HTMLElement,
+  config: ChartConfig,
+): void {
+  for (const [key, value] of Object.entries(config)) {
+    container.style.setProperty(`--color-${key}`, value.color)
+  }
+}

package/src/context.ts

@@ -0,0 +1,14 @@
+import { createContext } from '@barefootjs/client/runtime'
+import type { BarChartContextValue, RadialChartContextValue, RadarChartContextValue, PieChartContextValue, AreaChartContextValue, ChartConfig } from './types'
+
+export const BarChartContext = createContext<BarChartContextValue>()
+
+export const RadialChartContext = createContext<RadialChartContextValue>()
+
+export const RadarChartContext = createContext<RadarChartContextValue>()
+
+export const PieChartContext = createContext<PieChartContextValue>()
+
+export const AreaChartContext = createContext<AreaChartContextValue>()
+
+export const ChartConfigContext = createContext<{ config: ChartConfig }>()

package/src/index.ts

@@ -0,0 +1,75 @@
+// Context types consumed by JSX-native chart containers and primitives.
+export { BarChartContext, RadialChartContext, RadarChartContext, PieChartContext, AreaChartContext, ChartConfigContext } from './context'
+
+// Scale utilities used by JSX-native chart containers.
+export { createBandScale, createLinearScale, createPointScale, createRadarRadialScale } from './utils/scales'
+
+// Arc geometry helpers for JSX-native radial primitives. d3-shape stays
+// inside this package so consumer bundles avoid pulling in bare specifiers
+// the browser import map does not resolve.
+export { buildRadialBarArcs, buildPieSlices, type RadialBarArcSpec, type PieSliceSpec } from './utils/arcs'
+
+// Line geometry helpers for the JSX-native `Line` primitive (#1080 step 3).
+export { buildLinePath, buildLinePoints, type LinePoint } from './utils/lines'
+
+// Area geometry helpers for the JSX-native `Area` primitive (#1080 step 3).
+export { buildAreaPaths, buildAreaDots, type AreaPaths, type AreaDot } from './utils/areas'
+
+// Radar geometry helpers for the JSX-native `Radar` primitive (#1080 step 3).
+export { buildRadarVertices, buildRadarPolygonPoints, type RadarVertex } from './utils/radar'
+
+// Stable CSS class names for chart primitives. Imported (rather than
+// declared inline) so the JSX compiler's cssLayerPrefixer leaves them alone
+// — the e2e selectors target the un-prefixed forms.
+export {
+  CHART_CLASS_GRID,
+  CHART_CLASS_X_AXIS,
+  CHART_CLASS_Y_AXIS,
+  CHART_CLASS_POLAR_GRID,
+  CHART_CLASS_POLAR_ANGLE_AXIS,
+  CHART_CLASS_RADIAL_BAR,
+  CHART_CLASS_RADIAL_LABEL,
+  CHART_CLASS_BAR,
+  CHART_CLASS_LINE,
+  CHART_CLASS_AREA,
+  CHART_CLASS_AREA_DOT,
+  CHART_CLASS_RADAR,
+  CHART_CLASS_PIE,
+  CHART_CLASS_TOOLTIP,
+} from './utils/classes'
+
+// Helper used by the JSX-native ChartContainer ref to project ChartConfig
+// entries onto CSS custom properties.
+export { applyChartCSSVariables } from './chart-container'
+
+// Type exports
+export type {
+  ChartConfig,
+  BarRegistration,
+  RadialBarRegistration,
+  RadarRegistration,
+  PieRegistration,
+  AreaRegistration,
+  ChartContainerProps,
+  BarChartProps,
+  BarProps,
+  PieChartProps,
+  PieProps,
+  PieTooltipProps,
+  AreaChartProps,
+  AreaProps,
+  LineChartProps,
+  LineProps,
+  CartesianGridProps,
+  XAxisProps,
+  YAxisProps,
+  ChartTooltipProps,
+  RadialChartProps,
+  RadialBarProps,
+  RadialChartLabelProps,
+  RadarChartProps,
+  RadarProps,
+  PolarGridProps,
+  PolarAngleAxisProps,
+  RadarTooltipProps,
+} from './types'