@openvizai/react 0.1.0

package/README.md

@@ -0,0 +1,17 @@
+# @openvizai/react
+
+React renderer package for OpenVizAI chart output.
+
+## Install
+
+```bash
+npm install @openvizai/react
+```
+
+## Usage
+
+```tsx
+import { OpenVizRenderer } from "@openvizai/react";
+```
+
+See the root repository README for complete examples and integration details.

package/dist/OpenVizDashboard.d.ts

@@ -0,0 +1,7 @@
+import type { OpenVizDashboardProps } from "./types/dashboard";
+/**
+ * Renders multiple charts in a responsive grid.
+ * Each chart is an independent OpenVizRenderer with its own embedding + meta.
+ */
+export default function OpenVizDashboard({ data, charts, config, columns, className, }: OpenVizDashboardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OpenVizDashboard.d.ts.map

package/dist/OpenVizDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenVizDashboard.d.ts","sourceRoot":"","sources":["../src/OpenVizDashboard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAW,EACX,SAAS,GACV,EAAE,qBAAqB,2CA6DvB"}

package/dist/OpenVizDashboard.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import OpenVizRenderer from "./OpenVizRenderer";
+/**
+ * Renders multiple charts in a responsive grid.
+ * Each chart is an independent OpenVizRenderer with its own embedding + meta.
+ */
+export default function OpenVizDashboard({ data, charts, config, columns = 2, className, }) {
+    if (!charts || charts.length === 0) {
+        return (_jsx("div", { style: {
+                padding: "24px",
+                textAlign: "center",
+                color: "#6b7280",
+                border: "1px dashed #d1d5db",
+                borderRadius: "8px",
+                backgroundColor: "#f9fafb",
+            }, children: _jsx("p", { style: { margin: 0, fontSize: "14px" }, children: "No charts to display." }) }));
+    }
+    return (_jsx("div", { className: className, style: {
+            display: "grid",
+            gridTemplateColumns: `repeat(${columns}, 1fr)`,
+            gap: "16px",
+            width: "100%",
+        }, children: charts.map((chart, index) => (_jsxs("div", { style: {
+                border: "1px solid #e5e7eb",
+                borderRadius: "8px",
+                padding: "16px",
+                backgroundColor: "#ffffff",
+            }, children: [_jsxs("div", { style: { marginBottom: "8px" }, children: [_jsx("h4", { style: { margin: "0 0 4px 0", fontSize: "14px", fontWeight: 600 }, children: chart.meta.title }), chart.meta.query_explanation && (_jsx("p", { style: { margin: 0, fontSize: "12px", color: "#6b7280" }, children: chart.meta.query_explanation }))] }), _jsx(OpenVizRenderer, { data: data, chartType: chart.chart_type, embedding: chart.embedding, meta: chart.meta, config: config })] }, `${chart.chart_type}-${index}`))) }));
+}

package/dist/OpenVizRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { OpenVizRendererProps } from "./types/renderer";
+export default function OpenVizRenderer({ data, chartType, embedding, meta, config, className, }: OpenVizRendererProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OpenVizRenderer.d.ts.map

package/dist/OpenVizRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenVizRenderer.d.ts","sourceRoot":"","sources":["../src/OpenVizRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAmB7D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,SAAS,EACT,SAAS,EACT,IAAI,EACJ,MAAM,EACN,SAAS,GACV,EAAE,oBAAoB,2CA8BtB"}

package/dist/OpenVizRenderer.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getChartComponent } from "./charts/registry";
+function ChartError({ message }) {
+    return (_jsx("div", { style: {
+            padding: "24px",
+            textAlign: "center",
+            color: "#6b7280",
+            border: "1px dashed #d1d5db",
+            borderRadius: "8px",
+            backgroundColor: "#f9fafb",
+        }, children: _jsx("p", { style: { margin: 0, fontSize: "14px" }, children: message }) }));
+}
+export default function OpenVizRenderer({ data, chartType, embedding, meta, config, className, }) {
+    const ChartComponent = getChartComponent(chartType);
+    if (!ChartComponent) {
+        return (_jsx("div", { className: className, children: _jsx(ChartError, { message: `Unsupported chart type: "${chartType}"` }) }));
+    }
+    if (!data || data.length === 0) {
+        return (_jsx("div", { className: className, children: _jsx(ChartError, { message: "No data available to render the chart." }) }));
+    }
+    return (_jsx("div", { className: className, children: _jsx(ChartComponent, { data: data, chartType: chartType, embedding: embedding, meta: meta, config: config }) }));
+}

package/dist/charts/BarChart.d.ts

@@ -0,0 +1,3 @@
+import type { ChartComponentProps } from "./types";
+export default function BarChart({ data, chartType, embedding, meta, config, }: ChartComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BarChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../src/charts/BarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAsFnD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,SAAS,EACT,IAAI,EACJ,MAAM,GACP,EAAE,mBAAmB,2CAkLrB"}

package/dist/charts/BarChart.js

@@ -0,0 +1,170 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from "react";
+import Chart from "react-apexcharts";
+import { buildApexBaseOptions } from "../embedding/apexBaseOptions";
+import { buildCategorySeriesLabels, buildNumericSeries, buildRangeBarPoints, } from "../embedding/seriesBuilder";
+// Normalize start/end which can be either a single EmbeddingField or EmbeddingField[]
+function normalizeField(field) {
+    if (!field)
+        return undefined;
+    if (Array.isArray(field))
+        return field[0];
+    return field;
+}
+function isNumericLike(value) {
+    if (value === null || value === undefined || value === "")
+        return false;
+    if (typeof value === "number")
+        return Number.isFinite(value);
+    const parsed = Number(value);
+    return Number.isFinite(parsed);
+}
+function inferRangeFields(rows, xField, yFields, startField, endField) {
+    let resolvedX = xField;
+    let resolvedStart = startField;
+    let resolvedEnd = endField;
+    if ((!resolvedStart || !resolvedEnd) && yFields.length >= 2) {
+        resolvedStart = resolvedStart ?? {
+            field: yFields[0].field,
+            label: yFields[0].label,
+        };
+        resolvedEnd = resolvedEnd ?? {
+            field: yFields[1].field,
+            label: yFields[1].label,
+        };
+    }
+    if ((!resolvedStart || !resolvedEnd) && rows.length > 0) {
+        const sample = rows[0] ?? {};
+        const keys = Object.keys(sample);
+        const numericKeys = keys.filter((key) => key !== resolvedX && rows.some((row) => isNumericLike(row[key])));
+        if (!resolvedStart && numericKeys[0]) {
+            resolvedStart = { field: numericKeys[0], label: numericKeys[0] };
+        }
+        if (!resolvedEnd && numericKeys[1]) {
+            resolvedEnd = { field: numericKeys[1], label: numericKeys[1] };
+        }
+    }
+    if (!resolvedX && rows.length > 0) {
+        const sample = rows[0] ?? {};
+        const keys = Object.keys(sample);
+        const categoricalKey = keys.find((key) => key !== resolvedStart?.field &&
+            key !== resolvedEnd?.field &&
+            !rows.some((row) => isNumericLike(row[key])));
+        resolvedX = categoricalKey ?? keys[0];
+    }
+    return {
+        xField: resolvedX,
+        startField: resolvedStart,
+        endField: resolvedEnd,
+    };
+}
+export default function BarChart({ data, chartType, embedding, meta, config, }) {
+    const instanceId = useId();
+    const isRangeChart = chartType === "range_bar" || embedding.is_range;
+    const apexType = isRangeChart ? "rangeBar" : "bar";
+    const chartId = `${meta?.title || "bar-chart"}-${apexType}-${instanceId}`;
+    const xField = embedding.x?.[0]?.field;
+    const yFields = embedding.y ?? [];
+    const startField = normalizeField(embedding.start);
+    const endField = normalizeField(embedding.end);
+    const resolvedRangeFields = inferRangeFields(data, xField, yFields, startField, endField);
+    // Guard: bar/column needs either x+y or range fields
+    if (!xField &&
+        !resolvedRangeFields.xField &&
+        !startField &&
+        !resolvedRangeFields.startField) {
+        return (_jsx("div", { style: {
+                padding: "24px",
+                textAlign: "center",
+                color: "#6b7280",
+                border: "1px dashed #d1d5db",
+                borderRadius: "8px",
+                backgroundColor: "#f9fafb",
+            }, children: _jsx("p", { style: { margin: 0, fontSize: "14px" }, children: "Unable to render bar chart: missing required axis fields." }) }));
+    }
+    const baseOptions = buildApexBaseOptions({
+        chartId,
+        title: meta?.title,
+        subtitle: meta?.subtitle,
+        legendPosition: config?.legendPosition ?? "top",
+        dataLabelsEnabled: config?.dataLabelsEnabled ?? false,
+        toolbarVisible: config?.toolbarVisible,
+    });
+    let series;
+    if (isRangeChart &&
+        resolvedRangeFields.startField &&
+        resolvedRangeFields.endField &&
+        resolvedRangeFields.xField) {
+        // Range bar chart: data points as { x: category, y: [start, end] }
+        series = [
+            {
+                name: `${resolvedRangeFields.startField.label ?? "Start"} - ${resolvedRangeFields.endField.label ?? "End"}`,
+                data: buildRangeBarPoints(data, resolvedRangeFields.xField, resolvedRangeFields.startField.field, resolvedRangeFields.endField.field),
+            },
+        ];
+        if (!series[0].data || series[0].data.length === 0) {
+            return (_jsx("div", { style: {
+                    padding: "24px",
+                    textAlign: "center",
+                    color: "#6b7280",
+                    border: "1px dashed #d1d5db",
+                    borderRadius: "8px",
+                    backgroundColor: "#f9fafb",
+                }, children: _jsx("p", { style: { margin: 0, fontSize: "14px" }, children: "Unable to render range bar chart: no valid range points found." }) }));
+        }
+    }
+    else if (isRangeChart) {
+        return (_jsx("div", { style: {
+                padding: "24px",
+                textAlign: "center",
+                color: "#6b7280",
+                border: "1px dashed #d1d5db",
+                borderRadius: "8px",
+                backgroundColor: "#f9fafb",
+            }, children: _jsx("p", { style: { margin: 0, fontSize: "14px" }, children: "Unable to render range bar chart: missing start/end fields." }) }));
+    }
+    else {
+        // Standard bar/column chart (supports stacked, multi-series)
+        const categories = xField ? buildCategorySeriesLabels(data, xField) : [];
+        series = buildNumericSeries(data, yFields);
+        const options = {
+            ...baseOptions,
+            chart: {
+                ...baseOptions.chart,
+                stacked: embedding.is_stacked,
+            },
+            plotOptions: {
+                bar: {
+                    horizontal: embedding.is_horizontal,
+                },
+            },
+            xaxis: {
+                categories,
+                title: {
+                    text: embedding.x?.[0]?.label ?? undefined,
+                },
+            },
+        };
+        return (_jsx(Chart, { type: apexType, width: config?.width ?? "100%", height: config?.height ?? 350, options: options, series: series }, chartId));
+    }
+    // Options for range bar (x-axis usually category or datetime)
+    const rangeOptions = {
+        ...baseOptions,
+        chart: {
+            ...baseOptions.chart,
+            id: chartId,
+        },
+        plotOptions: {
+            bar: {
+                horizontal: embedding.is_horizontal,
+            },
+        },
+        xaxis: {
+            type: resolvedRangeFields.startField?.unit === "datetime" ||
+                resolvedRangeFields.endField?.unit === "datetime"
+                ? "datetime"
+                : "category",
+        },
+    };
+    return (_jsx(Chart, { type: apexType, width: config?.width ?? "100%", height: config?.height ?? 350, options: rangeOptions, series: series }, chartId));
+}

package/dist/charts/LineChart.d.ts

@@ -0,0 +1,3 @@
+import type { ChartComponentProps } from "./types";
+export default function LineChart({ data, embedding, meta, config, }: ChartComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LineChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../src/charts/LineChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQnD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,MAAM,GACP,EAAE,mBAAmB,2CA+HrB"}

package/dist/charts/LineChart.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Chart from "react-apexcharts";
+import { buildApexBaseOptions } from "../embedding/apexBaseOptions";
+import { buildCategorySeriesLabels, buildDatetimePoints, buildNumericDataByField, } from "../embedding/seriesBuilder";
+export default function LineChart({ data, embedding, meta, config, }) {
+    const xField = embedding.x?.[0]?.field;
+    const isDatetime = embedding.x?.[0]?.unit === "datetime";
+    const yFields = embedding.y ?? [];
+    if (!xField || yFields.length === 0) {
+        return (_jsx("div", { style: {
+                padding: "24px",
+                textAlign: "center",
+                color: "#6b7280",
+                border: "1px dashed #d1d5db",
+                borderRadius: "8px",
+                backgroundColor: "#f9fafb",
+            }, children: _jsx("p", { style: { margin: 0, fontSize: "14px" }, children: "Unable to render line chart: missing required x-axis or y-axis fields." }) }));
+    }
+    const baseOptions = buildApexBaseOptions({
+        chartId: meta?.title || "line-chart",
+        title: meta?.title,
+        subtitle: meta?.subtitle,
+        legendPosition: config?.legendPosition ?? "top",
+        dataLabelsEnabled: config?.dataLabelsEnabled ?? false,
+        toolbarVisible: config?.toolbarVisible,
+    });
+    const categories = xField && !isDatetime ? buildCategorySeriesLabels(data, xField) : undefined;
+    // Build distinct units to drive multi-axis behavior
+    const unitKeys = Array.from(new Set(yFields.map((yField) => (yField.unit ? yField.unit : "default"))));
+    const series = yFields.map((yField) => {
+        const axisKey = yField.unit ? yField.unit : "default";
+        const yAxisIndex = unitKeys.indexOf(axisKey);
+        const base = {
+            name: yField.label || yField.field,
+            type: yField.type ?? "line",
+            yAxisIndex,
+        };
+        if (isDatetime && xField) {
+            return {
+                ...base,
+                data: buildDatetimePoints(data, xField, yField.field),
+            };
+        }
+        return {
+            ...base,
+            data: buildNumericDataByField(data, yField.field),
+        };
+    });
+    const yaxis = unitKeys.length > 1
+        ? unitKeys.map((unit, idx) => ({
+            title: {
+                text: unit === "default" ? undefined : unit,
+            },
+            opposite: idx % 2 === 1,
+        }))
+        : {
+            labels: {
+                formatter: (val) => `${val}`,
+            },
+        };
+    const options = {
+        ...baseOptions,
+        chart: {
+            ...baseOptions.chart,
+            stacked: embedding.is_stacked,
+            animations: {
+                enabled: config?.animations ?? true,
+            },
+        },
+        xaxis: {
+            ...(categories ? { categories } : {}),
+            type: isDatetime ? "datetime" : "category",
+            title: {
+                text: embedding.x?.[0]?.label ?? undefined,
+            },
+        },
+        yaxis,
+        tooltip: {
+            shared: true,
+            intersect: false,
+        },
+        stroke: {
+            curve: (embedding.line_curve ?? "smooth"),
+            width: 2,
+        },
+        markers: {
+            size: embedding.markers_size ?? 0,
+        },
+        ...(embedding.forecast_points
+            ? {
+                forecastDataPoints: {
+                    count: embedding.forecast_points,
+                },
+            }
+            : {}),
+    };
+    return (_jsx(Chart, { type: "line", width: config?.width ?? "100%", height: config?.height ?? 350, options: options, series: series }));
+}

package/dist/charts/PieChart.d.ts

@@ -0,0 +1,3 @@
+import type { ChartComponentProps } from "./types";
+export default function PieChart({ data, chartType, embedding, meta, config, }: ChartComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PieChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../src/charts/PieChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAOnD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,SAAS,EACT,IAAI,EACJ,MAAM,GACP,EAAE,mBAAmB,2CAoFrB"}

package/dist/charts/PieChart.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Chart from "react-apexcharts";
+import { buildApexBaseOptions } from "../embedding/apexBaseOptions";
+import { buildCategorySeriesLabels, buildSingleValueSeries, } from "../embedding/seriesBuilder";
+export default function PieChart({ data, chartType, embedding, meta, config, }) {
+    const categoryField = embedding.category?.[0]?.field;
+    const valueField = embedding.value?.[0]?.field;
+    if (!categoryField || !valueField) {
+        return (_jsx("div", { style: {
+                padding: "24px",
+                textAlign: "center",
+                color: "#6b7280",
+                border: "1px dashed #d1d5db",
+                borderRadius: "8px",
+                backgroundColor: "#f9fafb",
+            }, children: _jsx("p", { style: { margin: 0, fontSize: "14px" }, children: "Unable to render pie chart: missing required category or value fields." }) }));
+    }
+    const labels = buildCategorySeriesLabels(data, categoryField);
+    const series = buildSingleValueSeries(data, valueField);
+    const pieType = chartType === "donut" || embedding.is_donut
+        ? "donut"
+        : "pie";
+    const baseOptions = buildApexBaseOptions({
+        chartId: meta?.title || "pie-chart",
+        title: meta?.title,
+        subtitle: meta?.subtitle,
+        legendPosition: config?.legendPosition ?? "right",
+        dataLabelsEnabled: config?.dataLabelsEnabled ?? true,
+        toolbarVisible: config?.toolbarVisible,
+    });
+    const options = {
+        ...baseOptions,
+        labels,
+        dataLabels: {
+            ...baseOptions.dataLabels,
+            formatter: (val) => `${val.toFixed(1)}%`,
+        },
+        tooltip: {
+            y: {
+                formatter: (val) => val.toLocaleString(),
+            },
+        },
+        plotOptions: {
+            pie: {
+                expandOnClick: true,
+                donut: {
+                    size: pieType === "donut" ? "60%" : "0%",
+                    labels: {
+                        show: pieType === "donut",
+                    },
+                },
+            },
+        },
+        responsive: [
+            {
+                breakpoint: 768,
+                options: {
+                    legend: {
+                        position: "bottom",
+                    },
+                },
+            },
+        ],
+    };
+    return (_jsx(Chart, { type: pieType, width: config?.width ?? "100%", height: config?.height ?? 350, options: options, series: series }));
+}

package/dist/charts/RadarChart.d.ts

@@ -0,0 +1,3 @@
+import type { ChartComponentProps } from "./types";
+export default function RadarChart({ data, embedding, meta, config, }: ChartComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadarChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.d.ts","sourceRoot":"","sources":["../../src/charts/RadarChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAOnD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,MAAM,GACP,EAAE,mBAAmB,2CAgErB"}

package/dist/charts/RadarChart.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Chart from "react-apexcharts";
+import { buildApexBaseOptions } from "../embedding/apexBaseOptions";
+import { buildCategorySeriesLabels, buildNumericSeries, } from "../embedding/seriesBuilder";
+export default function RadarChart({ data, embedding, meta, config, }) {
+    const xField = embedding.x?.[0]?.field;
+    const yFields = embedding.y ?? [];
+    if (!xField) {
+        return (_jsx("div", { style: {
+                padding: "24px",
+                textAlign: "center",
+                color: "#6b7280",
+                border: "1px dashed #d1d5db",
+                borderRadius: "8px",
+                backgroundColor: "#f9fafb",
+            }, children: _jsx("p", { style: { margin: 0, fontSize: "14px" }, children: "Unable to render radar chart: missing required x-axis field." }) }));
+    }
+    const labels = buildCategorySeriesLabels(data, xField);
+    const series = buildNumericSeries(data, yFields);
+    const baseOptions = buildApexBaseOptions({
+        chartId: meta?.title || "radar-chart",
+        title: meta?.title,
+        subtitle: meta?.subtitle,
+        legendPosition: config?.legendPosition ?? "top",
+        dataLabelsEnabled: config?.dataLabelsEnabled ?? false,
+        toolbarVisible: config?.toolbarVisible,
+    });
+    const options = {
+        ...baseOptions,
+        labels,
+        xaxis: {
+            categories: labels,
+            title: {
+                text: embedding.x?.[0]?.label ?? undefined,
+            },
+        },
+        stroke: {
+            width: 2,
+        },
+        fill: {
+            opacity: 0.2,
+        },
+        markers: {
+            size: embedding.markers_size ?? 3,
+        },
+    };
+    return (_jsx(Chart, { type: "radar", width: config?.width ?? "100%", height: config?.height ?? 350, options: options, series: series }));
+}

package/dist/charts/index.d.ts

@@ -0,0 +1,5 @@
+export { default as LineChart } from "./LineChart";
+export { default as BarChart } from "./BarChart";
+export { default as PieChart } from "./PieChart";
+export { default as RadarChart } from "./RadarChart";
+//# 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,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/charts/index.js

@@ -0,0 +1,4 @@
+export { default as LineChart } from "./LineChart";
+export { default as BarChart } from "./BarChart";
+export { default as PieChart } from "./PieChart";
+export { default as RadarChart } from "./RadarChart";

package/dist/charts/registry.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentType } from "react";
+import type { ChartComponentProps } from "./types";
+/** Register a custom chart component for a chart type */
+export declare function registerChart(chartType: string, component: ComponentType<ChartComponentProps>): void;
+/** Get the component for a chart type. Returns undefined if not registered. */
+export declare function getChartComponent(chartType: string): ComponentType<ChartComponentProps> | undefined;
+/** Reset registry to defaults (useful for testing) */
+export declare function resetChartRegistry(): void;
+//# sourceMappingURL=registry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/charts/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAoBnD,yDAAyD;AACzD,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,aAAa,CAAC,mBAAmB,CAAC,GAC5C,IAAI,CAEN;AAED,+EAA+E;AAC/E,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,GAChB,aAAa,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAEhD;AAED,sDAAsD;AACtD,wBAAgB,kBAAkB,IAAI,IAAI,CAEzC"}

package/dist/charts/registry.js

@@ -0,0 +1,25 @@
+import LineChart from "./LineChart";
+import BarChart from "./BarChart";
+import PieChart from "./PieChart";
+import RadarChart from "./RadarChart";
+const defaultRegistry = {
+    line: LineChart,
+    bar: BarChart,
+    range_bar: BarChart,
+    pie: PieChart,
+    donut: PieChart,
+    radar: RadarChart,
+};
+let registry = { ...defaultRegistry };
+/** Register a custom chart component for a chart type */
+export function registerChart(chartType, component) {
+    registry[chartType] = component;
+}
+/** Get the component for a chart type. Returns undefined if not registered. */
+export function getChartComponent(chartType) {
+    return registry[chartType];
+}
+/** Reset registry to defaults (useful for testing) */
+export function resetChartRegistry() {
+    registry = { ...defaultRegistry };
+}

package/dist/charts/types.d.ts

@@ -0,0 +1,10 @@
+import type { ChartType } from "@openvizai/shared-types";
+import type { ChartEmbedding, ChartMeta, OpenVizConfig } from "../types";
+export type ChartComponentProps = {
+    data: Record<string, unknown>[];
+    chartType: ChartType;
+    embedding: ChartEmbedding;
+    meta?: ChartMeta;
+    config?: OpenVizConfig;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/charts/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzE,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB,CAAC"}

package/dist/charts/types.js

@@ -0,0 +1 @@
+export {};

package/dist/embedding/apexBaseOptions.d.ts

@@ -0,0 +1,33 @@
+type LegendPosition = "top" | "bottom" | "left" | "right";
+type BuildBaseOptionsParams = {
+    chartId: string;
+    title?: string;
+    subtitle?: string | null;
+    legendPosition?: LegendPosition;
+    dataLabelsEnabled?: boolean;
+    toolbarVisible?: boolean;
+};
+export declare function buildApexBaseOptions({ chartId, title, subtitle, legendPosition, dataLabelsEnabled, toolbarVisible, }: BuildBaseOptionsParams): {
+    chart: {
+        id: string;
+        toolbar: {
+            show: boolean;
+        };
+    };
+    title: {
+        text: string | undefined;
+        align: "left";
+    };
+    subtitle: {
+        text: string | undefined;
+        align: "left";
+    };
+    dataLabels: {
+        enabled: boolean;
+    };
+    legend: {
+        position: LegendPosition;
+    };
+};
+export {};
+//# sourceMappingURL=apexBaseOptions.d.ts.map

package/dist/embedding/apexBaseOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apexBaseOptions.d.ts","sourceRoot":"","sources":["../../src/embedding/apexBaseOptions.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAGF,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,cAAsB,EACtB,iBAAyB,EACzB,cAAqB,GACtB,EAAE,sBAAsB;;;;;;;;;;;;;;;;;;;;;EAuBxB"}

package/dist/embedding/apexBaseOptions.js

@@ -0,0 +1,25 @@
+// Creates option blocks reused across chart types; components can extend/override chart-specific fields.
+export function buildApexBaseOptions({ chartId, title, subtitle, legendPosition = "top", dataLabelsEnabled = false, toolbarVisible = true, }) {
+    return {
+        chart: {
+            id: chartId,
+            toolbar: {
+                show: toolbarVisible,
+            },
+        },
+        title: {
+            text: title,
+            align: "left",
+        },
+        subtitle: {
+            text: subtitle ?? undefined,
+            align: "left",
+        },
+        dataLabels: {
+            enabled: dataLabelsEnabled,
+        },
+        legend: {
+            position: legendPosition,
+        },
+    };
+}

package/dist/embedding/chartData.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Coerce a value to a finite number.
+ * Returns null for non-numeric/missing values so ApexCharts renders gaps
+ * instead of misleading zeros.
+ */
+export declare function toFiniteNumber(value: unknown, fallback?: number | null): number | null;
+export declare function toCategoryString(value: unknown): string;
+export declare function toMilliseconds(value: unknown): number;
+//# sourceMappingURL=chartData.d.ts.map

package/dist/embedding/chartData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartData.d.ts","sourceRoot":"","sources":["../../src/embedding/chartData.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,EACd,QAAQ,GAAE,MAAM,GAAG,IAAW,GAC7B,MAAM,GAAG,IAAI,CAIf;AAGD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAEvD;AAGD,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAMrD"}

package/dist/embedding/chartData.js

@@ -0,0 +1,25 @@
+// Shared data coercion helpers used by chart components and series builders.
+/**
+ * Coerce a value to a finite number.
+ * Returns null for non-numeric/missing values so ApexCharts renders gaps
+ * instead of misleading zeros.
+ */
+export function toFiniteNumber(value, fallback = null) {
+    if (value === null || value === undefined || value === "")
+        return fallback;
+    const numeric = typeof value === "number" ? value : Number(value);
+    return Number.isFinite(numeric) ? numeric : fallback;
+}
+// Normalizes category labels so axis/legend text never receives null/undefined.
+export function toCategoryString(value) {
+    return String(value ?? "");
+}
+// Converts number/date-like values into epoch milliseconds for datetime charts.
+export function toMilliseconds(value) {
+    if (value === undefined || value === null)
+        return Number.NaN;
+    if (typeof value === "number")
+        return value;
+    const parsed = new Date(String(value)).getTime();
+    return Number.isFinite(parsed) ? parsed : Number.NaN;
+}

package/dist/embedding/seriesBuilder.d.ts

@@ -0,0 +1,22 @@
+type Row = Record<string, unknown>;
+type YFieldLike = {
+    field: string;
+    label?: string | null;
+};
+export declare function buildCategorySeriesLabels(rows: Row[], xField: string): string[];
+export declare function buildNumericSeries(rows: Row[], yFields: YFieldLike[]): {
+    name: string;
+    data: (number | null)[];
+}[];
+export declare function buildNumericDataByField(rows: Row[], yField: string): (number | null)[];
+export declare function buildSingleValueSeries(rows: Row[], valueField: string): number[];
+export declare function buildDatetimePoints(rows: Row[], xField: string, yField: string): Array<{
+    x: number;
+    y: number | null;
+}>;
+export declare function buildRangeBarPoints(rows: Row[], xField: string, startField: string, endField: string): Array<{
+    x: string;
+    y: [number, number];
+}>;
+export {};
+//# sourceMappingURL=seriesBuilder.d.ts.map

package/dist/embedding/seriesBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seriesBuilder.d.ts","sourceRoot":"","sources":["../../src/embedding/seriesBuilder.ts"],"names":[],"mappings":"AAEA,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnC,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AAGF,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,GAAG,EAAE,EACX,MAAM,EAAE,MAAM,GACb,MAAM,EAAE,CAEV;AAID,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;;;IAKpE;AAGD,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,GAAG,EAAE,EACX,MAAM,EAAE,MAAM,GACb,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAEnB;AAID,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,GAAG,EAAE,EACX,UAAU,EAAE,MAAM,GACjB,MAAM,EAAE,CAEV;AAGD,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,GAAG,EAAE,EACX,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,KAAK,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC,CAKxC;AAGD,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,GAAG,EAAE,EACX,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,GACf,KAAK,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAAC,CAyB3C"}

package/dist/embedding/seriesBuilder.js

@@ -0,0 +1,52 @@
+import { toCategoryString, toFiniteNumber, toMilliseconds } from "./chartData";
+// Builds x-axis categories for category-based charts (bar/line/category modes).
+export function buildCategorySeriesLabels(rows, xField) {
+    return rows.map((row) => toCategoryString(row[xField]));
+}
+// Builds numeric series used by bar-like and category-line charts.
+// Returns null for missing values so ApexCharts can render gaps.
+export function buildNumericSeries(rows, yFields) {
+    return yFields.map((yField) => ({
+        name: yField.label || yField.field,
+        data: rows.map((row) => toFiniteNumber(row[yField.field])),
+    }));
+}
+// Builds numeric data for one field; null = gap in the chart.
+export function buildNumericDataByField(rows, yField) {
+    return rows.map((row) => toFiniteNumber(row[yField]));
+}
+// Builds pie/donut numeric values from a single field.
+// Pie charts cannot handle null, so fallback to 0.
+export function buildSingleValueSeries(rows, valueField) {
+    return rows.map((row) => toFiniteNumber(row[valueField], 0) ?? 0);
+}
+// Builds datetime points for ApexCharts time-series format: { x: timestamp, y: number | null }.
+export function buildDatetimePoints(rows, xField, yField) {
+    return rows.map((row) => ({
+        x: toMilliseconds(row[xField]),
+        y: toFiniteNumber(row[yField]),
+    }));
+}
+// Builds range-bar points for ApexCharts format: { x: category, y: [number, number] }.
+export function buildRangeBarPoints(rows, xField, startField, endField) {
+    const toRangeValue = (value) => {
+        const numeric = toFiniteNumber(value);
+        if (numeric !== null)
+            return numeric;
+        return toMilliseconds(value);
+    };
+    return rows
+        .map((row) => {
+        const start = toRangeValue(row[startField]);
+        const end = toRangeValue(row[endField]);
+        const low = Math.min(start, end);
+        const high = Math.max(start, end);
+        return {
+            x: toCategoryString(row[xField]),
+            y: [low, high],
+        };
+    })
+        .filter((point) => Number.isFinite(point.y[0]) &&
+        Number.isFinite(point.y[1]) &&
+        point.x.length > 0);
+}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { default as OpenVizRenderer } from "./OpenVizRenderer";
+export { default as OpenVizDashboard } from "./OpenVizDashboard";
+export { registerChart, getChartComponent, resetChartRegistry, } from "./charts/registry";
+export { LineChart, BarChart, PieChart, RadarChart } from "./charts";
+export type { EmbeddingField, ChartEmbedding, ChartMeta, OpenVizConfig, OpenVizRendererProps, DashboardChartItem, OpenVizDashboardProps, } from "./types";
+export type { ChartComponentProps } from "./charts/types";
+export { SUPPORTED_CHART_TYPES } from "@openvizai/shared-types";
+export type { ChartType } from "@openvizai/shared-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,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGjE,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGrE,YAAY,EACV,cAAc,EACd,cAAc,EACd,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,10 @@
+// Main component
+export { default as OpenVizRenderer } from "./OpenVizRenderer";
+// Dashboard component
+export { default as OpenVizDashboard } from "./OpenVizDashboard";
+// Chart registry (for plugin system)
+export { registerChart, getChartComponent, resetChartRegistry, } from "./charts/registry";
+// Individual chart components (for advanced usage)
+export { LineChart, BarChart, PieChart, RadarChart } from "./charts";
+// Re-export chart type constants
+export { SUPPORTED_CHART_TYPES } from "@openvizai/shared-types";

package/dist/types/dashboard.d.ts

@@ -0,0 +1,22 @@
+import type { ChartType } from "@openvizai/shared-types";
+import type { ChartEmbedding, ChartMeta, OpenVizConfig } from "./renderer";
+/** A single chart item for the dashboard */
+export type DashboardChartItem = {
+    chart_type: ChartType;
+    embedding: ChartEmbedding;
+    meta: ChartMeta;
+};
+/** Props for the <OpenVizDashboard /> component */
+export type OpenVizDashboardProps = {
+    /** The dataset rows — shared across all charts */
+    data: Record<string, unknown>[];
+    /** Array of chart configurations returned by analyzeDashboard */
+    charts: DashboardChartItem[];
+    /** Optional rendering config applied to all charts */
+    config?: OpenVizConfig;
+    /** Number of columns in the grid (default: 2) */
+    columns?: number;
+    /** Optional CSS class name for the wrapper */
+    className?: string;
+};
+//# sourceMappingURL=dashboard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../src/types/dashboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3E,4CAA4C;AAC5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,SAAS,CAAC;IACtB,SAAS,EAAE,cAAc,CAAC;IAC1B,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,mDAAmD;AACnD,MAAM,MAAM,qBAAqB,GAAG;IAClC,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,iEAAiE;IACjE,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,sDAAsD;IACtD,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/types/dashboard.js

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export type { EmbeddingField, ChartEmbedding, ChartMeta, OpenVizConfig, OpenVizRendererProps, } from "./renderer";
+export type { DashboardChartItem, OpenVizDashboardProps, } from "./dashboard";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,cAAc,EACd,cAAc,EACd,SAAS,EACT,aAAa,EACb,oBAAoB,GACrB,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,aAAa,CAAC"}

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/types/renderer.d.ts

@@ -0,0 +1,62 @@
+import type { ChartType } from "@openvizai/shared-types";
+/** Field mapping from embedding metadata */
+export type EmbeddingField = {
+    field: string;
+    label: string;
+    unit?: string | null;
+    type?: string | null;
+};
+/** Full embedding metadata describing how to visualize the data */
+export type ChartEmbedding = {
+    x?: EmbeddingField[] | null;
+    y?: EmbeddingField[] | null;
+    group?: EmbeddingField[] | null;
+    category?: EmbeddingField[] | null;
+    value?: EmbeddingField[] | null;
+    source?: EmbeddingField[] | null;
+    target?: EmbeddingField[] | null;
+    start?: EmbeddingField | EmbeddingField[] | null;
+    end?: EmbeddingField | EmbeddingField[] | null;
+    series?: EmbeddingField[] | null;
+    path?: EmbeddingField[] | null;
+    is_stacked?: boolean;
+    is_horizontal?: boolean;
+    is_range?: boolean;
+    is_donut?: boolean;
+    isSemanticColors?: boolean;
+    colorSemantic?: string | null;
+    line_curve?: "smooth" | "straight" | "stepline";
+    markers_size?: number;
+    forecast_points?: number;
+};
+/** Chart metadata from the LLM response */
+export type ChartMeta = {
+    title: string;
+    subtitle?: string | null;
+    query_explanation?: string | null;
+};
+/** Optional rendering configuration */
+export type OpenVizConfig = {
+    height?: number;
+    width?: string | number;
+    legendPosition?: "top" | "bottom" | "left" | "right";
+    dataLabelsEnabled?: boolean;
+    toolbarVisible?: boolean;
+    animations?: boolean;
+};
+/** Props for the main <OpenVizRenderer /> component */
+export type OpenVizRendererProps = {
+    /** The dataset rows to visualize */
+    data: Record<string, unknown>[];
+    /** Chart type to render */
+    chartType: ChartType;
+    /** Embedding metadata describing field mappings */
+    embedding: ChartEmbedding;
+    /** Optional chart metadata (title, subtitle) */
+    meta?: ChartMeta;
+    /** Optional rendering config overrides */
+    config?: OpenVizConfig;
+    /** Optional CSS class name for the wrapper */
+    className?: string;
+};
+//# sourceMappingURL=renderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/types/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,4CAA4C;AAC5C,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,mEAAmE;AACnE,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAC5B,CAAC,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,GAAG,IAAI,CAAC;IACjD,GAAG,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,GAAG,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,2CAA2C;AAC3C,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,uCAAuC;AACvC,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,uDAAuD;AACvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,2BAA2B;IAC3B,SAAS,EAAE,SAAS,CAAC;IACrB,mDAAmD;IACnD,SAAS,EAAE,cAAc,CAAC;IAC1B,gDAAgD;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/types/renderer.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@openvizai/react",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "package.json"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@openvizai/shared-types": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "apexcharts": ">=5.0.0",
+    "react-apexcharts": ">=2.0.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "apexcharts": "^5.6.0",
+    "react-apexcharts": "^2.0.1"
+  }
+}