@bonnard/react 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025-present Bonnard (meal-inc)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,161 @@
+# @bonnard/react
+
+React components for embedding [Bonnard](https://www.bonnard.dev) charts and dashboards in any React app.
+
+## Install
+
+```bash
+npm install @bonnard/react @bonnard/sdk
+```
+
+## Quick Start
+
+### 1. Add the provider
+
+```tsx
+import { BonnardProvider } from '@bonnard/react';
+import '@bonnard/react/styles.css';
+
+function App() {
+  return (
+    <BonnardProvider config={{ apiKey: 'bon_pk_...' }}>
+      <MyAnalyticsPage />
+    </BonnardProvider>
+  );
+}
+```
+
+### 2. Render a chart
+
+```tsx
+import { BarChart } from '@bonnard/react';
+
+function RevenueByCategory() {
+  return (
+    <BarChart
+      title="Revenue by Category"
+      measures={['revenue']}
+      dimensions={['product_category']}
+      cube="orders"
+    />
+  );
+}
+```
+
+### 3. Use the query hook
+
+```tsx
+import { useBonnardQuery } from '@bonnard/react';
+
+function OrderStats() {
+  const { data, loading, error } = useBonnardQuery({
+    query: {
+      cube: 'orders',
+      measures: ['revenue', 'count'],
+      dimensions: ['status'],
+    },
+  });
+
+  if (loading) return <p>Loading...</p>;
+  if (error) return <p>Error: {error}</p>;
+
+  return (
+    <ul>
+      {data?.map((row, i) => (
+        <li key={i}>{row.status}: ${row.revenue}</li>
+      ))}
+    </ul>
+  );
+}
+```
+
+## Charts
+
+All chart components accept data inline or query props:
+
+| Component | Description |
+|-----------|-------------|
+| `<BarChart>` | Vertical or horizontal bar chart |
+| `<LineChart>` | Line chart with optional time axis |
+| `<AreaChart>` | Stacked or overlapping area chart |
+| `<PieChart>` | Pie / donut chart |
+| `<BigValue>` | Single KPI number with optional comparison |
+| `<DataTable>` | Sortable, paginated data table |
+| `<BonnardChart>` | Universal renderer — pass a `spec` object |
+
+## Dashboards
+
+For rendering full dashboard layouts, use the dashboard sub-entry:
+
+```tsx
+import { Dashboard } from '@bonnard/react/dashboard';
+
+// From a saved dashboard
+<Dashboard slug="sales-overview" />
+
+// From markdown content
+<Dashboard content={markdownString} />
+```
+
+The dashboard entry adds parser dependencies (gray-matter, remark, rehype). Only import it if you need it — the main entry stays lightweight.
+
+## Theming
+
+### Dark mode
+
+```tsx
+<BonnardProvider config={{ apiKey: '...' }} darkMode={true}>
+```
+
+Options: `true`, `false`, or `'auto'` (default — uses `prefers-color-scheme`).
+
+### Custom colors
+
+Override CSS custom properties to match your brand:
+
+```css
+:root {
+  --bon-bg: #fafafa;
+  --bon-text: #1a1a1a;
+  --bon-border: #e0e0e0;
+  --bon-radius: 12px;
+}
+```
+
+### Color palettes
+
+```tsx
+<BonnardProvider config={{ apiKey: '...' }} palette="observable">
+```
+
+Built-in palettes: `default`, `tableau`, `observable`, `metabase`. Or pass a custom array of hex colors.
+
+## API
+
+### `<BonnardProvider>`
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `config` | `BonnardConfig` | — | SDK config (`apiKey` or `fetchToken`) |
+| `darkMode` | `boolean \| 'auto'` | `'auto'` | Dark mode control |
+| `palette` | `PaletteName \| string[]` | `'tableau'` | Chart color palette |
+| `chartHeight` | `number` | `320` | Default chart height in px |
+
+### `useBonnardQuery(options)`
+
+| Option | Type | Description |
+|--------|------|-------------|
+| `query` | `QueryOptions` | Cube query (measures, dimensions, filters, etc.) |
+| `skip` | `boolean` | Skip execution (for conditional queries) |
+
+Returns `{ data, loading, error, refetch }`.
+
+## Links
+
+- [Bonnard Docs](https://docs.bonnard.dev)
+- [SDK Package](https://www.npmjs.com/package/@bonnard/sdk)
+- [Discord](https://discord.com/invite/RQuvjGRz)
+
+## License
+
+[MIT](./LICENSE)

package/dist/bonnard-chart.d.ts

@@ -0,0 +1,21 @@
+import type { SeriesType } from './lib/types';
+export interface BonnardChartSpec {
+    chartType: 'bar' | 'line' | 'area' | 'pie' | 'big_value' | 'table';
+    data: Record<string, unknown>[];
+    title?: string;
+    x?: string;
+    y?: string;
+    series?: string;
+    name?: string;
+    value?: string;
+    fmt?: string;
+    horizontal?: boolean;
+    type?: SeriesType;
+    columns?: string[];
+    rows?: number | 'all';
+    yFmt?: string;
+}
+export declare function BonnardChart({ spec }: {
+    spec: BonnardChartSpec;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=bonnard-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bonnard-chart.d.ts","sourceRoot":"","sources":["../src/bonnard-chart.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,WAAW,GAAG,OAAO,CAAC;IACnE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,gBAAgB,CAAA;CAAE,kDAuEhE"}

package/dist/charts/area-chart.d.ts

@@ -0,0 +1,3 @@
+import type { AxisChartProps } from '../lib/types';
+export declare function AreaChart({ data, x, y, title, series, type, yFmt }: AxisChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=area-chart.d.ts.map

package/dist/charts/area-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../../src/charts/area-chart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAenD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,cAAc,2CAyDlF"}

package/dist/charts/bar-chart.d.ts

@@ -0,0 +1,3 @@
+import type { BarChartProps } from '../lib/types';
+export declare function BarChart({ data, x, y, title, horizontal, series, type, yFmt }: BarChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bar-chart.d.ts.map

package/dist/charts/bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../src/charts/bar-chart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAelD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,aAAa,2CA8D5F"}

package/dist/charts/big-value.d.ts

@@ -0,0 +1,3 @@
+import type { BigValueProps } from '../lib/types';
+export declare function BigValue({ data, value, title, fmt }: BigValueProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=big-value.d.ts.map

package/dist/charts/big-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"big-value.d.ts","sourceRoot":"","sources":["../../src/charts/big-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAIlD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,aAAa,kDA6ClE"}

package/dist/charts/data-table.d.ts

@@ -0,0 +1,3 @@
+import type { DataTableProps } from '../lib/types';
+export declare function DataTable({ data, columns: explicitColumns, fmt, rows: rowsProp, queryLimit }: DataTableProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/charts/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/charts/data-table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAiFnD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,cAAc,kDA2K5G"}

package/dist/charts/index.d.ts

@@ -0,0 +1,7 @@
+export { BigValue } from './big-value';
+export { BarChart } from './bar-chart';
+export { LineChart } from './line-chart';
+export { AreaChart } from './area-chart';
+export { PieChart } from './pie-chart';
+export { DataTable } from './data-table';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/charts/line-chart.d.ts

@@ -0,0 +1,3 @@
+import type { AxisChartProps } from '../lib/types';
+export declare function LineChart({ data, x, y, title, series, type, yFmt }: AxisChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=line-chart.d.ts.map

package/dist/charts/line-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../src/charts/line-chart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAenD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,cAAc,2CAyDlF"}

package/dist/charts/pie-chart.d.ts

@@ -0,0 +1,3 @@
+import type { PieChartProps } from '../lib/types';
+export declare function PieChart({ data, name: nameField, value: valueField, title }: PieChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pie-chart.d.ts.map

package/dist/charts/pie-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../src/charts/pie-chart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAIlD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,aAAa,2CAmD1F"}

package/dist/context.d.ts

@@ -0,0 +1,10 @@
+import type { createClient } from '@bonnard/sdk';
+export interface BonnardContextValue {
+    client: ReturnType<typeof createClient>;
+    isDark: boolean;
+    chartHeight: number;
+    palette: readonly string[];
+}
+export declare const BonnardContext: import("react").Context<BonnardContextValue | null>;
+export declare function useBonnard(): BonnardContextValue;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5B;AAED,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,wBAAgB,UAAU,IAAI,mBAAmB,CAMhD"}

package/dist/dashboard/dashboard-viewer.d.ts

@@ -0,0 +1,11 @@
+interface DashboardViewerProps {
+    content: string;
+    initialSearchParams?: URLSearchParams;
+    onInputsChange?: (params: URLSearchParams) => void;
+}
+/**
+ * DashboardViewer — parses dashboard markdown and renders it.
+ */
+export declare function DashboardViewer({ content, onInputsChange }: DashboardViewerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=dashboard-viewer.d.ts.map

package/dist/dashboard/dashboard-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-viewer.d.ts","sourceRoot":"","sources":["../../src/dashboard/dashboard-viewer.tsx"],"names":[],"mappings":"AA0BA,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACpD;AAWD;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,oBAAoB,kDA2JhF"}

package/dist/dashboard/dashboard.d.ts

@@ -0,0 +1,8 @@
+export interface DashboardProps {
+    slug?: string;
+    content?: string;
+    onInputsChange?: (params: URLSearchParams) => void;
+    className?: string;
+}
+export declare function Dashboard({ slug, content, onInputsChange, className }: DashboardProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=dashboard.d.ts.map

package/dist/dashboard/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/dashboard/dashboard.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,cAAc,kDAcrF"}

package/dist/dashboard/index.d.ts

@@ -0,0 +1,6 @@
+export { Dashboard } from './dashboard';
+export type { DashboardProps } from './dashboard';
+export { DashboardViewer } from './dashboard-viewer';
+export { QueryLoad } from './query-load';
+export { parseDashboard } from './parser';
+//# sourceMappingURL=index.d.ts.map

package/dist/dashboard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}

package/dist/dashboard/inputs/date-range-input.d.ts

@@ -0,0 +1,10 @@
+import type { DateRangeInputState } from '../../lib/apply-inputs';
+interface DateRangeInputProps {
+    name: string;
+    label?: string;
+    value: DateRangeInputState;
+    onInputChange: (name: string, value: DateRangeInputState) => void;
+}
+export declare function DateRangeInput({ name, label, value, onInputChange }: DateRangeInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=date-range-input.d.ts.map

package/dist/dashboard/inputs/date-range-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-input.d.ts","sourceRoot":"","sources":["../../../src/dashboard/inputs/date-range-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,mBAAmB,CAAC;IAC3B,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACnE;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,mBAAmB,2CAqCxF"}

package/dist/dashboard/inputs/dropdown-input.d.ts

@@ -0,0 +1,11 @@
+interface DropdownInputProps {
+    name: string;
+    dimension: string;
+    label?: string;
+    data: Record<string, unknown>[];
+    value: string | null;
+    onInputChange: (name: string, value: string | null) => void;
+}
+export declare function DropdownInput({ name, dimension, label, data, value, onInputChange, }: DropdownInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=dropdown-input.d.ts.map

package/dist/dashboard/inputs/dropdown-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-input.d.ts","sourceRoot":"","sources":["../../../src/dashboard/inputs/dropdown-input.tsx"],"names":[],"mappings":"AAAA,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC7D;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,KAAK,EACL,aAAa,GACd,EAAE,kBAAkB,2CA0CpB"}

package/dist/dashboard/parser.d.ts

@@ -0,0 +1,9 @@
+import type { ParsedDashboard } from '../lib/types';
+/**
+ * Parse a dashboard markdown string into structured output.
+ *
+ * Collects all validation errors and reports them together rather than
+ * failing on the first error (pattern from Evidence.dev).
+ */
+export declare function parseDashboard(markdown: string): ParsedDashboard;
+//# sourceMappingURL=parser.d.ts.map

package/dist/dashboard/parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../src/dashboard/parser.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,eAAe,EAKhB,MAAM,cAAc,CAAC;AA6CtB;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,eAAe,CAuFhE"}

package/dist/dashboard/query-load.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+interface QueryLoadProps {
+    data: Record<string, unknown>[] | undefined;
+    loading: boolean;
+    error: string | undefined;
+    children: (data: Record<string, unknown>[]) => ReactNode;
+}
+/**
+ * QueryLoad — wraps chart components to handle loading / error / empty states.
+ */
+export declare function QueryLoad({ data, loading, error, children }: QueryLoadProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=query-load.d.ts.map

package/dist/dashboard/query-load.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-load.d.ts","sourceRoot":"","sources":["../../src/dashboard/query-load.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,SAAS,CAAC;CAC1D;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAiE3E"}

package/dist/dashboard.d.ts

@@ -0,0 +1,8 @@
+export { Dashboard } from './dashboard/dashboard';
+export type { DashboardProps } from './dashboard/dashboard';
+export { DashboardViewer } from './dashboard/dashboard-viewer';
+export { useDashboard } from './hooks/use-dashboard';
+export type { UseDashboardResult } from './hooks/use-dashboard';
+export { parseDashboard } from './dashboard/parser';
+export type { ParsedDashboard, DashboardFrontmatter, DashboardQuery, DashboardSection, ComponentTag, ComponentType, DateRangePreset, } from './lib/types';
+//# sourceMappingURL=dashboard.d.ts.map

package/dist/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../src/dashboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,MAAM,aAAa,CAAC"}