@bonnard/react 0.1.1

package/dist/hooks/use-dashboard.d.ts

@@ -0,0 +1,8 @@
+import type { DashboardResult } from '@bonnard/sdk';
+export interface UseDashboardResult {
+    dashboard: DashboardResult['dashboard'] | undefined;
+    loading: boolean;
+    error: string | undefined;
+}
+export declare function useDashboard(slug: string): UseDashboardResult;
+//# sourceMappingURL=use-dashboard.d.ts.map

package/dist/hooks/use-dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dashboard.d.ts","sourceRoot":"","sources":["../../src/hooks/use-dashboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACpD,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,kBAAkB,CA8B7D"}

package/dist/hooks/use-query.d.ts

@@ -0,0 +1,13 @@
+import type { QueryOptions } from '@bonnard/sdk';
+export interface UseBonnardQueryOptions {
+    query: QueryOptions;
+    skip?: boolean;
+}
+export interface UseBonnardQueryResult<T = Record<string, unknown>> {
+    data: T[] | undefined;
+    loading: boolean;
+    error: string | undefined;
+    refetch: () => void;
+}
+export declare function useBonnardQuery<T = Record<string, unknown>>(options: UseBonnardQueryOptions): UseBonnardQueryResult<T>;
+//# sourceMappingURL=use-query.d.ts.map

package/dist/hooks/use-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-query.d.ts","sourceRoot":"","sources":["../../src/hooks/use-query.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,cAAc,CAAC;AAG9D,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,IAAI,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzD,OAAO,EAAE,sBAAsB,GAC9B,qBAAqB,CAAC,CAAC,CAAC,CAsC1B"}

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+export { BonnardProvider } from './provider';
+export type { BonnardProviderProps } from './provider';
+export { useBonnard } from './context';
+export type { BonnardContextValue } from './context';
+export { BarChart } from './charts/bar-chart';
+export { LineChart } from './charts/line-chart';
+export { AreaChart } from './charts/area-chart';
+export { PieChart } from './charts/pie-chart';
+export { BigValue } from './charts/big-value';
+export { DataTable } from './charts/data-table';
+export { BonnardChart } from './bonnard-chart';
+export type { BonnardChartSpec } from './bonnard-chart';
+export { useBonnardQuery } from './hooks/use-query';
+export type { UseBonnardQueryOptions, UseBonnardQueryResult } from './hooks/use-query';
+export { PALETTES, CHART_COLORS } from './theme/chart-theme';
+export type { PaletteName } from './theme/chart-theme';
+export type { BarChartProps, AxisChartProps, PieChartProps, BigValueProps, DataTableProps, BaseChartProps, SeriesType, } from './lib/types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,YAAY,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,YAAY,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAGvF,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,YAAY,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,UAAU,GACX,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,142 @@
+import { a as BarChart, c as PALETTES, i as LineChart, l as BonnardContext, n as PieChart, o as BigValue, r as AreaChart, s as CHART_COLORS, t as DataTable, u as useBonnard } from "./data-table-DQKxzbS3.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createClient } from "@bonnard/sdk";
+
+//#region src/provider.tsx
+function BonnardProvider({ children, config, darkMode = "auto", palette, chartHeight = 320 }) {
+	const client = useMemo(() => createClient(config), [config]);
+	const [systemDark, setSystemDark] = useState(false);
+	useEffect(() => {
+		if (darkMode !== "auto") return;
+		const mq = window.matchMedia("(prefers-color-scheme: dark)");
+		setSystemDark(mq.matches);
+		const handler = (e) => setSystemDark(e.matches);
+		mq.addEventListener("change", handler);
+		return () => mq.removeEventListener("change", handler);
+	}, [darkMode]);
+	const isDark = darkMode === "auto" ? systemDark : darkMode;
+	const resolvedPalette = useMemo(() => {
+		if (!palette) return CHART_COLORS;
+		if (Array.isArray(palette)) return palette;
+		return PALETTES[palette] ?? CHART_COLORS;
+	}, [palette]);
+	const value = useMemo(() => ({
+		client,
+		isDark,
+		chartHeight,
+		palette: resolvedPalette
+	}), [
+		client,
+		isDark,
+		chartHeight,
+		resolvedPalette
+	]);
+	return /* @__PURE__ */ jsx(BonnardContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx("div", {
+			className: isDark ? "bonnard-dark" : "bonnard-light",
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/bonnard-chart.tsx
+function BonnardChart({ spec }) {
+	const { chartType, data, title } = spec;
+	switch (chartType) {
+		case "bar": return /* @__PURE__ */ jsx(BarChart, {
+			data,
+			x: spec.x,
+			y: spec.y,
+			title,
+			horizontal: spec.horizontal,
+			series: spec.series,
+			type: spec.type,
+			yFmt: spec.yFmt
+		});
+		case "line": return /* @__PURE__ */ jsx(LineChart, {
+			data,
+			x: spec.x,
+			y: spec.y,
+			title,
+			series: spec.series,
+			type: spec.type,
+			yFmt: spec.yFmt
+		});
+		case "area": return /* @__PURE__ */ jsx(AreaChart, {
+			data,
+			x: spec.x,
+			y: spec.y,
+			title,
+			series: spec.series,
+			type: spec.type,
+			yFmt: spec.yFmt
+		});
+		case "pie": return /* @__PURE__ */ jsx(PieChart, {
+			data,
+			name: spec.name,
+			value: spec.value,
+			title
+		});
+		case "big_value": return /* @__PURE__ */ jsx(BigValue, {
+			data,
+			value: spec.value,
+			title,
+			fmt: spec.fmt
+		});
+		case "table": return /* @__PURE__ */ jsx(DataTable, {
+			data,
+			columns: spec.columns,
+			fmt: spec.fmt,
+			rows: spec.rows
+		});
+		default: return null;
+	}
+}
+
+//#endregion
+//#region src/hooks/use-query.ts
+function useBonnardQuery(options) {
+	const { client } = useBonnard();
+	const [data, setData] = useState(void 0);
+	const [loading, setLoading] = useState(!options.skip);
+	const [error, setError] = useState(void 0);
+	const serialized = JSON.stringify(options.query);
+	const versionRef = useRef(0);
+	const execute = useCallback(async () => {
+		versionRef.current += 1;
+		const version = versionRef.current;
+		setLoading(true);
+		setError(void 0);
+		try {
+			const result = await client.query(options.query);
+			if (version === versionRef.current) {
+				setData(result.data);
+				setLoading(false);
+			}
+		} catch (err) {
+			if (version === versionRef.current) {
+				setError(err instanceof Error ? err.message : "Query failed");
+				setLoading(false);
+			}
+		}
+	}, [client, serialized]);
+	useEffect(() => {
+		if (options.skip) {
+			setLoading(false);
+			return;
+		}
+		execute();
+	}, [execute, options.skip]);
+	return {
+		data,
+		loading,
+		error,
+		refetch: execute
+	};
+}
+
+//#endregion
+export { AreaChart, BarChart, BigValue, BonnardChart, BonnardProvider, CHART_COLORS, DataTable, LineChart, PALETTES, PieChart, useBonnard, useBonnardQuery };

package/dist/lib/apply-inputs.d.ts

@@ -0,0 +1,19 @@
+import type { QueryOptions } from '@bonnard/sdk';
+import type { ComponentTag, DateRangePreset } from './types';
+export interface DateRangeInputState {
+    preset: DateRangePreset;
+    range: [string, string];
+}
+export type InputsState = Record<string, DateRangeInputState | string | null>;
+/**
+ * Apply all active inputs to a single query's options.
+ *
+ * - DateRange: overrides timeDimension.dateRange on targeted queries
+ * - Dropdown: adds/replaces a filter on the specified dimension
+ */
+export declare function applyInputsToQuery(queryName: string, baseOptions: QueryOptions, inputTags: ComponentTag[], inputsState: InputsState): QueryOptions;
+/**
+ * Build the initial inputsState from input tags (using their defaults).
+ */
+export declare function buildInitialInputsState(inputs: ComponentTag[]): InputsState;
+//# sourceMappingURL=apply-inputs.d.ts.map

package/dist/lib/apply-inputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-inputs.d.ts","sourceRoot":"","sources":["../../src/lib/apply-inputs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAU,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG7D,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;AAE9E;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,YAAY,EACzB,SAAS,EAAE,YAAY,EAAE,EACzB,WAAW,EAAE,WAAW,GACvB,YAAY,CAmBd;AA6ED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,WAAW,CAkB3E"}

package/dist/lib/build-series.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Pure data transformation: splits flat query results into multi-series datasets.
+ *
+ * Four cases:
+ * | y columns | series prop | Result                        |
+ * |-----------|-------------|-------------------------------|
+ * | Single    | None        | 1 dataset (current behavior)  |
+ * | Single    | Set         | N datasets (per series value)  |
+ * | Multiple  | None        | N datasets (per y column)      |
+ * | Multiple  | Set         | N*M datasets                   |
+ */
+export interface SeriesDataset {
+    /** Legend label */
+    name: string;
+    /** One value per x-axis label (null for missing combinations) */
+    values: (number | null)[];
+}
+export interface BuildSeriesResult {
+    /** Ordered x-axis labels */
+    labels: string[];
+    /** One dataset per series */
+    datasets: SeriesDataset[];
+}
+/**
+ * Build multi-series datasets from flat query data.
+ *
+ * @param data  - Flat array of row objects from query
+ * @param x     - Column name for x-axis
+ * @param y     - Column name(s) for y-axis, comma-separated for multiple
+ * @param series - Optional column name to split data into separate series
+ */
+export declare function buildSeries(data: Record<string, unknown>[], x: string, y: string, series?: string): BuildSeriesResult;
+//# sourceMappingURL=build-series.d.ts.map

package/dist/lib/build-series.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-series.d.ts","sourceRoot":"","sources":["../../src/lib/build-series.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,aAAa;IAC5B,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,6BAA6B;IAC7B,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,MAAM,CAAC,EAAE,MAAM,GACd,iBAAiB,CAmEnB"}

package/dist/lib/date-presets.d.ts

@@ -0,0 +1,11 @@
+import type { DateRangePreset } from './types';
+/** Resolve a preset key to a concrete [start, end] date range */
+export declare function getPresetRange(preset: DateRangePreset): [string, string];
+/** Get the display label for a preset */
+export declare function getPresetLabel(preset: DateRangePreset): string;
+/** Ordered array of preset options for UI rendering */
+export declare const PRESET_OPTIONS: {
+    key: DateRangePreset;
+    label: string;
+}[];
+//# sourceMappingURL=date-presets.d.ts.map

package/dist/lib/date-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-presets.d.ts","sourceRoot":"","sources":["../../src/lib/date-presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAgG/C,iEAAiE;AACjE,wBAAgB,cAAc,CAAC,MAAM,EAAE,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAIxE;AAED,yCAAyC;AACzC,wBAAgB,cAAc,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAE9D;AAED,uDAAuD;AACvD,eAAO,MAAM,cAAc,EAAE;IAAE,GAAG,EAAE,eAAe,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAUnE,CAAC"}

package/dist/lib/echarts-series.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Converts BuildSeriesResult into ECharts series[] + legend config.
+ */
+import type { BuildSeriesResult } from './build-series';
+import type { SeriesType } from './types';
+type ChartKind = 'bar' | 'line' | 'line-area';
+interface EChartsSeriesConfig {
+    series: Record<string, unknown>[];
+    showLegend: boolean;
+}
+/**
+ * Convert BuildSeriesResult to ECharts series and legend config.
+ *
+ * @param result      - Output from buildSeries()
+ * @param chartKind   - 'bar', 'line', or 'line-area'
+ * @param seriesType  - 'stacked', 'grouped', or undefined
+ * @param horizontal  - For bar charts: swap axes
+ * @param rawLabels   - When provided, converts data to [label, value] pairs (for time axis)
+ */
+export declare function toEChartsSeries(result: BuildSeriesResult, chartKind: ChartKind, seriesType?: SeriesType, horizontal?: boolean, rawLabels?: string[]): EChartsSeriesConfig;
+export {};
+//# sourceMappingURL=echarts-series.d.ts.map

package/dist/lib/echarts-series.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"echarts-series.d.ts","sourceRoot":"","sources":["../../src/lib/echarts-series.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,KAAK,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,WAAW,CAAC;AAE9C,UAAU,mBAAmB;IAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,SAAS,EACpB,UAAU,CAAC,EAAE,UAAU,EACvB,UAAU,CAAC,EAAE,OAAO,EACpB,SAAS,CAAC,EAAE,MAAM,EAAE,GACnB,mBAAmB,CAqDrB"}

package/dist/lib/format-value.d.ts

@@ -0,0 +1,16 @@
+/** Resolve a preset name to an Excel format code, or pass through raw codes */
+export declare function parsePreset(name: string): string;
+/** Detect whether an Excel format code is a date pattern */
+export declare function isDatePattern(pattern: string): boolean;
+/** Format a value with a preset name or raw Excel format code */
+export declare function applyFormat(value: unknown, fmt: string): string;
+/** Auto-detect value type and format with sensible defaults */
+export declare function autoFormat(value: unknown): string;
+/**
+ * Parse a fmt prop string like "revenue:eur2,date:shortdate" into a column→format map.
+ * Splits on commas only when followed by a column name and colon (to avoid breaking
+ * Excel format codes that contain commas like `#,##0`).
+ * A single format without a colon (e.g. `fmt="eur2"`) is returned under the empty key.
+ */
+export declare function parseFmtProp(fmt: string): Map<string, string>;
+//# sourceMappingURL=format-value.d.ts.map

package/dist/lib/format-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-value.d.ts","sourceRoot":"","sources":["../../src/lib/format-value.ts"],"names":[],"mappings":"AAuBA,+EAA+E;AAC/E,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED,4DAA4D;AAC5D,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAItD;AAED,iEAAiE;AACjE,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAkB/D;AAED,+DAA+D;AAC/D,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAkBjD;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAkB7D"}

package/dist/lib/types.d.ts

@@ -0,0 +1,104 @@
+import type { QueryOptions } from '@bonnard/sdk';
+/** Dashboard record from the database */
+export interface Dashboard {
+    id: string;
+    clerk_org_id: string;
+    slug: string;
+    title: string;
+    description: string | null;
+    content: string;
+    version: number;
+    created_by: string | null;
+    updated_by: string | null;
+    created_at: string;
+    updated_at: string;
+}
+/** Dashboard list item (subset for listing) */
+export interface DashboardSummary {
+    slug: string;
+    title: string;
+    description: string | null;
+    updated_at: string;
+}
+/** Parsed frontmatter from dashboard markdown */
+export interface DashboardFrontmatter {
+    title: string;
+    description?: string;
+}
+/** A named query extracted from a query code fence */
+export interface DashboardQuery {
+    name: string;
+    options: QueryOptions;
+}
+/** Component types supported in v1 */
+export type ComponentType = 'BigValue' | 'LineChart' | 'BarChart' | 'AreaChart' | 'DataTable' | 'PieChart' | 'DateRange' | 'Dropdown';
+/** A parsed component tag from the markdown */
+export interface ComponentTag {
+    type: ComponentType;
+    props: Record<string, string>;
+}
+/** A section of the parsed dashboard — HTML content, a component, or a grid layout */
+export type DashboardSection = {
+    kind: 'html';
+    content: string;
+} | {
+    kind: 'component';
+    component: ComponentTag;
+} | {
+    kind: 'grid';
+    props: Record<string, string>;
+    children: DashboardSection[];
+};
+/** Full output of parseDashboard() */
+export interface ParsedDashboard {
+    frontmatter: DashboardFrontmatter;
+    queries: Map<string, QueryOptions>;
+    inputs: ComponentTag[];
+    sections: DashboardSection[];
+}
+/** Date range preset keys */
+export type DateRangePreset = 'last-7-days' | 'last-30-days' | 'last-3-months' | 'last-6-months' | 'last-12-months' | 'month-to-date' | 'year-to-date' | 'last-year' | 'all-time';
+/** Props shared by all chart components */
+export interface BaseChartProps {
+    data: Record<string, unknown>[];
+    title?: string;
+}
+/** Props for BigValue component */
+export interface BigValueProps extends BaseChartProps {
+    value: string;
+    /** Format preset or Excel format code (e.g. "eur2", "$#,##0.00") */
+    fmt?: string;
+}
+/** Display mode for multi-series charts */
+export type SeriesType = 'stacked' | 'grouped' | 'stacked100';
+/** Props for axis-based charts (Line, Bar, Area) */
+export interface AxisChartProps extends BaseChartProps {
+    x: string;
+    y: string;
+    /** Column to split data into separate series */
+    series?: string;
+    /** Display mode for multi-series (default: stacked for bar, none for line/area) */
+    type?: SeriesType;
+    /** Format preset or Excel code for y-axis tooltip values (e.g. "eur2", "0.0%") */
+    yFmt?: string;
+}
+/** Props for BarChart (extends axis with optional horizontal) */
+export interface BarChartProps extends AxisChartProps {
+    horizontal?: boolean;
+}
+/** Props for PieChart */
+export interface PieChartProps extends BaseChartProps {
+    name: string;
+    value: string;
+}
+/** Props for DataTable */
+export interface DataTableProps extends BaseChartProps {
+    columns?: string[];
+    /** Column format map: "col:preset,col2:preset" or raw Excel codes */
+    fmt?: string;
+    /** Rows per page. Default 10. Use "all" to disable pagination. */
+    rows?: number | 'all';
+    /** The limit used in the query (from API). Used to detect truncated results. */
+    queryLimit?: number | null;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

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

package/dist/provider.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type BonnardConfig } from '@bonnard/sdk';
+import { type PaletteName } from './theme/chart-theme';
+export interface BonnardProviderProps {
+    children: React.ReactNode;
+    config: BonnardConfig;
+    darkMode?: boolean | 'auto';
+    palette?: PaletteName | string[];
+    chartHeight?: number;
+}
+export declare function BonnardProvider({ children, config, darkMode, palette, chartHeight, }: BonnardProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,EAA0B,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/E,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,QAAiB,EACjB,OAAO,EACP,WAAiB,GAClB,EAAE,oBAAoB,2CAkCtB"}

package/dist/styles/bonnard.css

@@ -0,0 +1,68 @@
+/* @bonnard/react — default theme tokens */
+
+.bonnard-light,
+:root {
+  --bon-bg: #ffffff;
+  --bon-bg-muted: #f9fafb;
+  --bon-bg-card: #ffffff;
+  --bon-border: #e5e7eb;
+  --bon-border-error: #fecaca;
+  --bon-text: #111827;
+  --bon-text-muted: #6b7280;
+  --bon-text-title: #374151;
+  --bon-text-label: #6b7280;
+  --bon-text-error: #b91c1c;
+  --bon-text-warn: #a16207;
+  --bon-bg-error: #fef2f2;
+  --bon-bg-warn: #fefce8;
+  --bon-border-warn: #fde68a;
+  --bon-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+  --bon-radius: 8px;
+  --bon-chart-height: 320px;
+  --bon-tooltip-bg: #ffffff;
+  --bon-tooltip-border: #e5e7eb;
+  --bon-tooltip-text: #374151;
+  --bon-tooltip-shadow: 0 2px 8px rgba(59, 130, 246, 0.05);
+  --bon-grid-line: #f3f4f6;
+  --bon-legend-text: #6b7280;
+  --bon-table-header-bg: rgba(107, 114, 128, 0.05);
+  --bon-table-hover: rgba(107, 114, 128, 0.04);
+  --bon-input-bg: #ffffff;
+  --bon-input-border: #d1d5db;
+  --bon-spinner-color: #6b7280;
+}
+
+.bonnard-dark {
+  --bon-bg: #111827;
+  --bon-bg-muted: #1f2937;
+  --bon-bg-card: #1f2937;
+  --bon-border: #374151;
+  --bon-border-error: #7f1d1d;
+  --bon-text: #f9fafb;
+  --bon-text-muted: #9ca3af;
+  --bon-text-title: #e5e7eb;
+  --bon-text-label: #9ca3af;
+  --bon-text-error: #fca5a5;
+  --bon-text-warn: #fcd34d;
+  --bon-bg-error: rgba(127, 29, 29, 0.2);
+  --bon-bg-warn: rgba(161, 98, 7, 0.15);
+  --bon-border-warn: #92400e;
+  --bon-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+  --bon-radius: 8px;
+  --bon-chart-height: 320px;
+  --bon-tooltip-bg: #1f2937;
+  --bon-tooltip-border: #374151;
+  --bon-tooltip-text: #e5e7eb;
+  --bon-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  --bon-grid-line: #374151;
+  --bon-legend-text: #9ca3af;
+  --bon-table-header-bg: rgba(156, 163, 175, 0.08);
+  --bon-table-hover: rgba(156, 163, 175, 0.05);
+  --bon-input-bg: #1f2937;
+  --bon-input-border: #4b5563;
+  --bon-spinner-color: #9ca3af;
+}
+
+@keyframes bonnard-spin {
+  to { transform: rotate(360deg); }
+}

package/dist/theme/chart-theme.d.ts

@@ -0,0 +1,76 @@
+/** Named color palettes for charts */
+export declare const PALETTES: {
+    readonly default: readonly ["#2563eb", "#dc2626", "#16a34a", "#ca8a04", "#9333ea", "#ec4899", "#0891b2", "#ea580c"];
+    readonly tableau: readonly ["#4e79a7", "#f28e2c", "#e15759", "#76b7b2", "#59a14f", "#edc949", "#af7aa1", "#ff9da7", "#9c755f", "#bab0ab"];
+    readonly observable: readonly ["#4269d0", "#efb118", "#ff725c", "#6cc5b0", "#3ca951", "#ff8ab7", "#a463f2", "#97bbf5", "#9c6b4e", "#9498a0"];
+    readonly metabase: readonly ["#509EE3", "#88BF4D", "#A989C5", "#EF8C8C", "#F9D45C", "#F2A86F", "#98D9D9", "#7172AD"];
+};
+export type PaletteName = keyof typeof PALETTES;
+export declare const CHART_COLORS: readonly string[];
+/** Mode-aware theme values */
+export interface ChartThemeColors {
+    text: {
+        label: string;
+        title: string;
+        muted: string;
+    };
+    tooltip: {
+        backgroundColor: string;
+        borderColor: string;
+        textColor: string;
+        shadow: string;
+    };
+    gridLine: string;
+    legendText: string;
+}
+export declare function getChartTheme(isDark: boolean): ChartThemeColors;
+/** Build tooltip config for the current theme */
+export declare function buildTooltip(theme: ChartThemeColors): {
+    backgroundColor: string;
+    borderColor: string;
+    borderWidth: number;
+    textStyle: {
+        color: string;
+        fontSize: number;
+    };
+    extraCssText: string;
+    appendToBody: boolean;
+    position(point: number[], _params: unknown, _dom: HTMLElement, _rect: unknown, size: {
+        contentSize: number[];
+        viewSize: number[];
+    }): number[];
+};
+/** Build legend config for the current theme */
+export declare function buildLegend(theme: ChartThemeColors): {
+    type: "scroll";
+    orient: "horizontal";
+    bottom: number;
+    left: "center";
+    textStyle: {
+        color: string;
+        fontSize: number;
+    };
+    pageTextStyle: {
+        color: string;
+    };
+    itemWidth: number;
+    itemHeight: number;
+};
+export declare const DEFAULT_CHART_HEIGHT = 320;
+/** Check if x-axis labels are ISO dates — if so, use ECharts time axis */
+export declare function isTimeAxis(rawLabels: string[]): boolean;
+/** Determine axis label rotation based on longest label length */
+export declare function labelRotation(labels: string[]): number;
+/** Grid bottom padding based on rotation */
+export declare function gridBottom(rotation: number): number;
+/** Format a number for display (compact notation for large values) */
+export declare function formatValue(val: unknown): string;
+/** ECharts tooltip valueFormatter — uses explicit format or compact fallback */
+export declare function tooltipFormatter(yFmt?: string): ((val: number) => string);
+/** Format axis label — detects ISO dates and formats them nicely */
+export declare function formatAxisLabel(val: string): string;
+/** ECharts y-axis formatter — compact numbers */
+export declare function axisValueFormatter(val: number): string;
+/** Convert snake_case or camelCase field names to Title Case */
+export declare function formatColumnHeader(col: string): string;
+//# sourceMappingURL=chart-theme.d.ts.map

package/dist/theme/chart-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-theme.d.ts","sourceRoot":"","sources":["../../src/theme/chart-theme.ts"],"names":[],"mappings":"AAKA,sCAAsC;AACtC,eAAO,MAAM,QAAQ;;;;;CAuBX,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,QAAQ,CAAC;AAGhD,eAAO,MAAM,YAAY,EAAE,SAAS,MAAM,EAAqB,CAAC;AAEhE,8BAA8B;AAC9B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACtD,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AA0BD,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,gBAAgB,CAE/D;AAED,iDAAiD;AACjD,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB;;;;;;;;;;oBAQhC,MAAM,EAAE,WAAW,OAAO,QAAQ,WAAW,SAAS,OAAO,QAAQ;QAAE,WAAW,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE;EAWrI;AAED,gDAAgD;AAChD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB;;;;;;;;;;;;;;EAWlD;AAED,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,0EAA0E;AAC1E,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAQvD;AAED,kEAAkE;AAClE,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAGtD;AAED,4CAA4C;AAC5C,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,sEAAsE;AACtE,wBAAgB,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAQhD;AAED,gFAAgF;AAChF,wBAAgB,gBAAgB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,CAKzE;AAED,oEAAoE;AACpE,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAgBnD;AAED,iDAAiD;AACjD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAItD;AAED,gEAAgE;AAChE,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKtD"}

package/dist/theme/use-chart-theme.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Returns mode-aware chart theme values.
+ * Reads isDark from BonnardProvider context.
+ */
+export declare function useChartTheme(): {
+    isDark: boolean;
+    theme: import("./chart-theme").ChartThemeColors;
+    tooltip: {
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        textStyle: {
+            color: string;
+            fontSize: number;
+        };
+        extraCssText: string;
+        appendToBody: boolean;
+        position(point: number[], _params: unknown, _dom: HTMLElement, _rect: unknown, size: {
+            contentSize: number[];
+            viewSize: number[];
+        }): number[];
+    };
+    legend: {
+        type: "scroll";
+        orient: "horizontal";
+        bottom: number;
+        left: "center";
+        textStyle: {
+            color: string;
+            fontSize: number;
+        };
+        pageTextStyle: {
+            color: string;
+        };
+        itemWidth: number;
+        itemHeight: number;
+    };
+};
+//# sourceMappingURL=use-chart-theme.d.ts.map

package/dist/theme/use-chart-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chart-theme.d.ts","sourceRoot":"","sources":["../../src/theme/use-chart-theme.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAU5B"}