semiotic 2.0.3 → 3.0.0-beta.2

package/ai/dist/src/components/realtime/renderers/lineRenderer.js

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lineRenderer = void 0;
+function resolveColor(value, thresholds, baseColor) {
+    let color = baseColor;
+    for (const t of thresholds) {
+        if (t.thresholdType === "lesser") {
+            if (value < t.value)
+                color = t.color;
+        }
+        else {
+            if (value > t.value)
+                color = t.color;
+        }
+    }
+    return color;
+}
+const lineRenderer = (ctx, data, scales, layout, style, accessors, annotations) => {
+    const { time: timeScale, value: valueScale } = scales;
+    const { timeAxis } = layout;
+    const { time: getTime, value: getValue } = accessors;
+    const baseColor = style.stroke || "#007bff";
+    // Extract color thresholds from annotations
+    const colorThresholds = annotations
+        ? annotations
+            .filter((a) => a.type === "threshold" && a.color)
+            .map((a) => ({
+            value: a.value,
+            color: a.color,
+            thresholdType: (a.thresholdType || "greater")
+        }))
+        : null;
+    const hasColorThresholds = colorThresholds && colorThresholds.length > 0;
+    // Fast path: no color thresholds — single-path draw, zero overhead
+    if (!hasColorThresholds) {
+        ctx.beginPath();
+        ctx.strokeStyle = baseColor;
+        ctx.lineWidth = style.strokeWidth || 2;
+        if (style.strokeDasharray) {
+            ctx.setLineDash(style.strokeDasharray.split(/[\s,]+/).map(Number));
+        }
+        else {
+            ctx.setLineDash([]);
+        }
+        let started = false;
+        for (const d of data) {
+            const t = getTime(d);
+            const v = getValue(d);
+            if (t == null || v == null || Number.isNaN(t) || Number.isNaN(v)) {
+                started = false;
+                continue;
+            }
+            const tPixel = timeScale(t);
+            const vPixel = valueScale(v);
+            const x = timeAxis === "x" ? tPixel : vPixel;
+            const y = timeAxis === "x" ? vPixel : tPixel;
+            if (!started) {
+                ctx.moveTo(x, y);
+                started = true;
+            }
+            else {
+                ctx.lineTo(x, y);
+            }
+        }
+        ctx.stroke();
+        return;
+    }
+    // Threshold mode: segment-based drawing
+    ctx.lineWidth = style.strokeWidth || 2;
+    if (style.strokeDasharray) {
+        ctx.setLineDash(style.strokeDasharray.split(/[\s,]+/).map(Number));
+    }
+    else {
+        ctx.setLineDash([]);
+    }
+    let prevX = null;
+    let prevY = null;
+    let prevValue = null;
+    let prevColor = null;
+    let pathStarted = false;
+    function toPixel(t, v) {
+        const tPixel = timeScale(t);
+        const vPixel = valueScale(v);
+        return timeAxis === "x" ? [tPixel, vPixel] : [vPixel, tPixel];
+    }
+    function startSegment(color, x, y) {
+        ctx.beginPath();
+        ctx.strokeStyle = color;
+        ctx.moveTo(x, y);
+        pathStarted = true;
+    }
+    function endSegment() {
+        if (pathStarted) {
+            ctx.stroke();
+            pathStarted = false;
+        }
+    }
+    for (const d of data) {
+        const t = getTime(d);
+        const v = getValue(d);
+        if (t == null || v == null || Number.isNaN(t) || Number.isNaN(v)) {
+            endSegment();
+            prevX = null;
+            prevY = null;
+            prevValue = null;
+            prevColor = null;
+            continue;
+        }
+        const [x, y] = toPixel(t, v);
+        const currColor = resolveColor(v, colorThresholds, baseColor);
+        if (prevX === null || prevColor === null || prevValue === null) {
+            // First valid point
+            startSegment(currColor, x, y);
+            prevX = x;
+            prevY = y;
+            prevValue = v;
+            prevColor = currColor;
+            continue;
+        }
+        if (currColor === prevColor) {
+            ctx.lineTo(x, y);
+        }
+        else {
+            // Find all thresholds crossed between prevValue and v, sorted by interpolation t
+            const crossings = [];
+            for (const threshold of colorThresholds) {
+                const tv = threshold.value;
+                // Check if the threshold value lies between prevValue and v
+                if ((prevValue <= tv && v >= tv) || (prevValue >= tv && v <= tv)) {
+                    // Don't add crossing at exact endpoints
+                    if (prevValue !== tv && v !== tv) {
+                        const interpT = (tv - prevValue) / (v - prevValue);
+                        crossings.push({ t: interpT, color: "" }); // color resolved after sorting
+                    }
+                }
+            }
+            // Sort crossings by interpolation parameter
+            crossings.sort((a, b) => a.t - b.t);
+            // Walk through crossings
+            let lastT = 0;
+            let runningColor = prevColor;
+            for (const crossing of crossings) {
+                const midX = prevX + (x - prevX) * crossing.t;
+                const midY = prevY + (y - prevY) * crossing.t;
+                // Determine value at crossing point to resolve next color
+                const midValue = prevValue + (v - prevValue) * crossing.t;
+                // Nudge slightly past the crossing to determine the color on the other side
+                const nudgedValue = prevValue + (v - prevValue) * Math.min(crossing.t + 0.0001, 1);
+                const nextColor = resolveColor(nudgedValue, colorThresholds, baseColor);
+                ctx.lineTo(midX, midY);
+                endSegment();
+                startSegment(nextColor, midX, midY);
+                runningColor = nextColor;
+            }
+            ctx.lineTo(x, y);
+        }
+        prevX = x;
+        prevY = y;
+        prevValue = v;
+        prevColor = currColor;
+    }
+    endSegment();
+};
+exports.lineRenderer = lineRenderer;

package/ai/dist/src/components/realtime/renderers/swarmRenderer.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.swarmRenderer = void 0;
+const DEFAULT_PALETTE = [
+    "#007bff", "#28a745", "#dc3545", "#fd7e14", "#6f42c1",
+    "#20c997", "#e83e8c", "#17a2b8", "#6610f2", "#ffc107"
+];
+function resolveColor(value, thresholds, baseColor) {
+    let color = baseColor;
+    for (const t of thresholds) {
+        if (t.thresholdType === "lesser") {
+            if (value < t.value)
+                color = t.color;
+        }
+        else {
+            if (value > t.value)
+                color = t.color;
+        }
+    }
+    return color;
+}
+const swarmRenderer = (ctx, data, scales, layout, style, accessors, annotations, options) => {
+    const { time: timeScale, value: valueScale } = scales;
+    const { timeAxis } = layout;
+    const { time: getTime, value: getValue, category: getCategory } = accessors;
+    const ss = options?.swarmStyle;
+    const barColors = options?.barColors;
+    const radius = ss?.radius ?? 3;
+    const defaultFill = ss?.fill ?? style.stroke ?? "#007bff";
+    const opacity = ss?.opacity ?? 0.7;
+    const hasStroke = ss?.stroke != null;
+    // Extract color thresholds from annotations
+    const colorThresholds = annotations
+        ? annotations
+            .filter((a) => a.type === "threshold" && a.color)
+            .map((a) => ({
+            value: a.value,
+            color: a.color,
+            thresholdType: (a.thresholdType || "greater")
+        }))
+        : null;
+    const hasColorThresholds = colorThresholds && colorThresholds.length > 0;
+    ctx.globalAlpha = opacity;
+    let paletteIndex = 0;
+    const categoryColorCache = {};
+    for (const d of data) {
+        const t = getTime(d);
+        const v = getValue(d);
+        if (v == null || Number.isNaN(v))
+            continue;
+        let x, y;
+        if (timeAxis === "x") {
+            x = timeScale(t);
+            y = valueScale(v);
+        }
+        else {
+            x = valueScale(v);
+            y = timeScale(t);
+        }
+        // Determine fill color
+        let fill = defaultFill;
+        if (getCategory) {
+            const cat = getCategory(d);
+            if (barColors && barColors[cat]) {
+                fill = barColors[cat];
+            }
+            else {
+                if (!(cat in categoryColorCache)) {
+                    categoryColorCache[cat] = DEFAULT_PALETTE[paletteIndex % DEFAULT_PALETTE.length];
+                    paletteIndex++;
+                }
+                fill = categoryColorCache[cat];
+            }
+        }
+        // Threshold coloring overrides category/default fill
+        if (hasColorThresholds) {
+            fill = resolveColor(v, colorThresholds, fill);
+        }
+        ctx.fillStyle = fill;
+        ctx.beginPath();
+        ctx.arc(x, y, radius, 0, Math.PI * 2);
+        ctx.fill();
+        if (hasStroke) {
+            ctx.strokeStyle = ss.stroke;
+            ctx.lineWidth = ss?.strokeWidth ?? 1;
+            ctx.stroke();
+        }
+    }
+    ctx.globalAlpha = 1;
+};
+exports.swarmRenderer = swarmRenderer;

package/ai/dist/src/components/realtime/renderers/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/ai/dist/src/components/realtime/renderers/waterfallRenderer.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.waterfallRenderer = void 0;
+exports.computeWaterfallExtent = computeWaterfallExtent;
+const DEFAULT_POSITIVE_COLOR = "#28a745";
+const DEFAULT_NEGATIVE_COLOR = "#dc3545";
+function computeWaterfallExtent(data, getValue) {
+    let min = 0;
+    let max = 0;
+    let cumulative = 0;
+    for (const d of data) {
+        const v = getValue(d);
+        if (v == null || Number.isNaN(v))
+            continue;
+        cumulative += v;
+        if (cumulative < min)
+            min = cumulative;
+        if (cumulative > max)
+            max = cumulative;
+    }
+    return [min, max];
+}
+const waterfallRenderer = (ctx, data, scales, layout, style, accessors, annotations, options) => {
+    const { time: timeScale, value: valueScale } = scales;
+    const { timeAxis, width, height } = layout;
+    const { time: getTime, value: getValue } = accessors;
+    const ws = options?.waterfallStyle;
+    const positiveColor = ws?.positiveColor ?? DEFAULT_POSITIVE_COLOR;
+    const negativeColor = ws?.negativeColor ?? DEFAULT_NEGATIVE_COLOR;
+    const gap = ws?.gap ?? 1;
+    const connectorStroke = ws?.connectorStroke;
+    const connectorWidth = ws?.connectorWidth ?? 1;
+    const hasStroke = ws?.stroke != null;
+    if (hasStroke) {
+        ctx.strokeStyle = ws.stroke;
+        ctx.lineWidth = ws?.strokeWidth ?? 1;
+    }
+    // Collect into array for random access (skip NaN/null values)
+    const arr = [];
+    for (const d of data) {
+        const v = getValue(d);
+        if (v == null || Number.isNaN(v))
+            continue;
+        arr.push(d);
+    }
+    if (arr.length === 0)
+        return;
+    let baseline = 0;
+    // Track the end edge of the previous bar and its cumulative value for connectors
+    let prevEdge = null;
+    let prevCumulative = null;
+    for (let i = 0; i < arr.length; i++) {
+        const d = arr[i];
+        const t = getTime(d);
+        const delta = getValue(d);
+        const cumEnd = baseline + delta;
+        // Compute bar width from time gap to next point
+        let barWidthTime;
+        if (i < arr.length - 1) {
+            barWidthTime = getTime(arr[i + 1]) - t;
+        }
+        else if (i > 0) {
+            barWidthTime = t - getTime(arr[i - 1]);
+        }
+        else {
+            // Single point fallback: use 0 to trigger pixel fallback
+            barWidthTime = 0;
+        }
+        ctx.fillStyle = delta >= 0 ? positiveColor : negativeColor;
+        if (timeAxis === "x") {
+            let rawX0, rawX1;
+            if (barWidthTime !== 0) {
+                rawX0 = timeScale(t);
+                rawX1 = timeScale(t + barWidthTime);
+            }
+            else {
+                rawX0 = timeScale(t);
+                rawX1 = rawX0 + width / 10;
+            }
+            const x0 = Math.min(rawX0, rawX1) + gap / 2;
+            const x1 = Math.max(rawX0, rawX1) - gap / 2;
+            const barWidth = x1 - x0;
+            if (barWidth <= 0) {
+                baseline = cumEnd;
+                prevEdge = x1;
+                prevCumulative = cumEnd;
+                continue;
+            }
+            const yBaseline = valueScale(baseline);
+            const yTop = valueScale(cumEnd);
+            const rectY = Math.min(yBaseline, yTop);
+            const rectH = Math.abs(yBaseline - yTop);
+            // Connector line at the baseline level from previous bar's right edge to this bar's left edge
+            if (connectorStroke && prevEdge != null && prevCumulative != null) {
+                ctx.save();
+                ctx.strokeStyle = connectorStroke;
+                ctx.lineWidth = connectorWidth;
+                const connY = valueScale(prevCumulative);
+                ctx.beginPath();
+                ctx.moveTo(prevEdge, connY);
+                ctx.lineTo(x0, connY);
+                ctx.stroke();
+                ctx.restore();
+                if (hasStroke) {
+                    ctx.strokeStyle = ws.stroke;
+                    ctx.lineWidth = ws?.strokeWidth ?? 1;
+                }
+            }
+            ctx.fillRect(x0, rectY, barWidth, rectH);
+            if (hasStroke)
+                ctx.strokeRect(x0, rectY, barWidth, rectH);
+            prevEdge = x1;
+        }
+        else {
+            // timeAxis === "y": horizontal bars
+            let rawY0, rawY1;
+            if (barWidthTime !== 0) {
+                rawY0 = timeScale(t);
+                rawY1 = timeScale(t + barWidthTime);
+            }
+            else {
+                rawY0 = timeScale(t);
+                rawY1 = rawY0 + height / 10;
+            }
+            const y0 = Math.min(rawY0, rawY1) + gap / 2;
+            const y1 = Math.max(rawY0, rawY1) - gap / 2;
+            const barHeight = y1 - y0;
+            if (barHeight <= 0) {
+                baseline = cumEnd;
+                prevEdge = y1;
+                prevCumulative = cumEnd;
+                continue;
+            }
+            const xBaseline = valueScale(baseline);
+            const xEnd = valueScale(cumEnd);
+            const rectX = Math.min(xBaseline, xEnd);
+            const rectW = Math.abs(xEnd - xBaseline);
+            // Connector line at the baseline level from previous bar's bottom edge to this bar's top edge
+            if (connectorStroke && prevEdge != null && prevCumulative != null) {
+                ctx.save();
+                ctx.strokeStyle = connectorStroke;
+                ctx.lineWidth = connectorWidth;
+                const connX = valueScale(prevCumulative);
+                ctx.beginPath();
+                ctx.moveTo(connX, prevEdge);
+                ctx.lineTo(connX, y0);
+                ctx.stroke();
+                ctx.restore();
+                if (hasStroke) {
+                    ctx.strokeStyle = ws.stroke;
+                    ctx.lineWidth = ws?.strokeWidth ?? 1;
+                }
+            }
+            ctx.fillRect(rectX, y0, rectW, barHeight);
+            if (hasStroke)
+                ctx.strokeRect(rectX, y0, rectW, barHeight);
+            prevEdge = y1;
+        }
+        baseline = cumEnd;
+        prevCumulative = cumEnd;
+    }
+};
+exports.waterfallRenderer = waterfallRenderer;

package/ai/dist/src/components/realtime/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/ai/dist/src/components/semiotic-ai.js

@@ -0,0 +1,89 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateProps = exports.exportChart = exports.useTheme = exports.ThemeProvider = exports.MultiLineTooltip = exports.TooltipProvider = exports.RealtimeHeatmap = exports.RealtimeWaterfallChart = exports.RealtimeSwarmChart = exports.RealtimeHistogram = exports.RealtimeLineChart = exports.CirclePack = exports.Treemap = exports.TreeDiagram = exports.SankeyDiagram = exports.ChordDiagram = exports.ForceDirectedGraph = exports.DonutChart = exports.PieChart = exports.DotPlot = exports.ViolinPlot = exports.Histogram = exports.BoxPlot = exports.SwarmPlot = exports.GroupedBarChart = exports.StackedBarChart = exports.BarChart = exports.useFilteredData = exports.useBrushSelection = exports.useLinkedHover = exports.useSelection = exports.LinkedCharts = exports.ScatterplotMatrix = exports.Heatmap = exports.BubbleChart = exports.Scatterplot = exports.StackedAreaChart = exports.AreaChart = exports.LineChart = void 0;
+// Semiotic AI — curated HOC-only surface for AI code generation
+// Import: import { LineChart, BarChart, ... } from "semiotic/ai"
+// XY Charts
+var LineChart_1 = require("./charts/xy/LineChart");
+Object.defineProperty(exports, "LineChart", { enumerable: true, get: function () { return LineChart_1.LineChart; } });
+var AreaChart_1 = require("./charts/xy/AreaChart");
+Object.defineProperty(exports, "AreaChart", { enumerable: true, get: function () { return AreaChart_1.AreaChart; } });
+var StackedAreaChart_1 = require("./charts/xy/StackedAreaChart");
+Object.defineProperty(exports, "StackedAreaChart", { enumerable: true, get: function () { return StackedAreaChart_1.StackedAreaChart; } });
+var Scatterplot_1 = require("./charts/xy/Scatterplot");
+Object.defineProperty(exports, "Scatterplot", { enumerable: true, get: function () { return Scatterplot_1.Scatterplot; } });
+var BubbleChart_1 = require("./charts/xy/BubbleChart");
+Object.defineProperty(exports, "BubbleChart", { enumerable: true, get: function () { return BubbleChart_1.BubbleChart; } });
+var Heatmap_1 = require("./charts/xy/Heatmap");
+Object.defineProperty(exports, "Heatmap", { enumerable: true, get: function () { return Heatmap_1.Heatmap; } });
+var ScatterplotMatrix_1 = require("./charts/xy/ScatterplotMatrix");
+Object.defineProperty(exports, "ScatterplotMatrix", { enumerable: true, get: function () { return ScatterplotMatrix_1.ScatterplotMatrix; } });
+// Coordinated Views
+var LinkedCharts_1 = require("./LinkedCharts");
+Object.defineProperty(exports, "LinkedCharts", { enumerable: true, get: function () { return LinkedCharts_1.LinkedCharts; } });
+var LinkedCharts_2 = require("./LinkedCharts");
+Object.defineProperty(exports, "useSelection", { enumerable: true, get: function () { return LinkedCharts_2.useSelection; } });
+Object.defineProperty(exports, "useLinkedHover", { enumerable: true, get: function () { return LinkedCharts_2.useLinkedHover; } });
+Object.defineProperty(exports, "useBrushSelection", { enumerable: true, get: function () { return LinkedCharts_2.useBrushSelection; } });
+Object.defineProperty(exports, "useFilteredData", { enumerable: true, get: function () { return LinkedCharts_2.useFilteredData; } });
+// Ordinal Charts
+var BarChart_1 = require("./charts/ordinal/BarChart");
+Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return BarChart_1.BarChart; } });
+var StackedBarChart_1 = require("./charts/ordinal/StackedBarChart");
+Object.defineProperty(exports, "StackedBarChart", { enumerable: true, get: function () { return StackedBarChart_1.StackedBarChart; } });
+var GroupedBarChart_1 = require("./charts/ordinal/GroupedBarChart");
+Object.defineProperty(exports, "GroupedBarChart", { enumerable: true, get: function () { return GroupedBarChart_1.GroupedBarChart; } });
+var SwarmPlot_1 = require("./charts/ordinal/SwarmPlot");
+Object.defineProperty(exports, "SwarmPlot", { enumerable: true, get: function () { return SwarmPlot_1.SwarmPlot; } });
+var BoxPlot_1 = require("./charts/ordinal/BoxPlot");
+Object.defineProperty(exports, "BoxPlot", { enumerable: true, get: function () { return BoxPlot_1.BoxPlot; } });
+var Histogram_1 = require("./charts/ordinal/Histogram");
+Object.defineProperty(exports, "Histogram", { enumerable: true, get: function () { return Histogram_1.Histogram; } });
+var ViolinPlot_1 = require("./charts/ordinal/ViolinPlot");
+Object.defineProperty(exports, "ViolinPlot", { enumerable: true, get: function () { return ViolinPlot_1.ViolinPlot; } });
+var DotPlot_1 = require("./charts/ordinal/DotPlot");
+Object.defineProperty(exports, "DotPlot", { enumerable: true, get: function () { return DotPlot_1.DotPlot; } });
+var PieChart_1 = require("./charts/ordinal/PieChart");
+Object.defineProperty(exports, "PieChart", { enumerable: true, get: function () { return PieChart_1.PieChart; } });
+var DonutChart_1 = require("./charts/ordinal/DonutChart");
+Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return DonutChart_1.DonutChart; } });
+// Network Charts
+var ForceDirectedGraph_1 = require("./charts/network/ForceDirectedGraph");
+Object.defineProperty(exports, "ForceDirectedGraph", { enumerable: true, get: function () { return ForceDirectedGraph_1.ForceDirectedGraph; } });
+var ChordDiagram_1 = require("./charts/network/ChordDiagram");
+Object.defineProperty(exports, "ChordDiagram", { enumerable: true, get: function () { return ChordDiagram_1.ChordDiagram; } });
+var SankeyDiagram_1 = require("./charts/network/SankeyDiagram");
+Object.defineProperty(exports, "SankeyDiagram", { enumerable: true, get: function () { return SankeyDiagram_1.SankeyDiagram; } });
+var TreeDiagram_1 = require("./charts/network/TreeDiagram");
+Object.defineProperty(exports, "TreeDiagram", { enumerable: true, get: function () { return TreeDiagram_1.TreeDiagram; } });
+var Treemap_1 = require("./charts/network/Treemap");
+Object.defineProperty(exports, "Treemap", { enumerable: true, get: function () { return Treemap_1.Treemap; } });
+var CirclePack_1 = require("./charts/network/CirclePack");
+Object.defineProperty(exports, "CirclePack", { enumerable: true, get: function () { return CirclePack_1.CirclePack; } });
+// Realtime Charts
+var RealtimeLineChart_1 = require("./charts/realtime/RealtimeLineChart");
+Object.defineProperty(exports, "RealtimeLineChart", { enumerable: true, get: function () { return RealtimeLineChart_1.RealtimeLineChart; } });
+var RealtimeHistogram_1 = require("./charts/realtime/RealtimeHistogram");
+Object.defineProperty(exports, "RealtimeHistogram", { enumerable: true, get: function () { return RealtimeHistogram_1.RealtimeHistogram; } });
+var RealtimeSwarmChart_1 = require("./charts/realtime/RealtimeSwarmChart");
+Object.defineProperty(exports, "RealtimeSwarmChart", { enumerable: true, get: function () { return RealtimeSwarmChart_1.RealtimeSwarmChart; } });
+var RealtimeWaterfallChart_1 = require("./charts/realtime/RealtimeWaterfallChart");
+Object.defineProperty(exports, "RealtimeWaterfallChart", { enumerable: true, get: function () { return RealtimeWaterfallChart_1.RealtimeWaterfallChart; } });
+var RealtimeHeatmap_1 = require("./charts/realtime/RealtimeHeatmap");
+Object.defineProperty(exports, "RealtimeHeatmap", { enumerable: true, get: function () { return RealtimeHeatmap_1.RealtimeHeatmap; } });
+// Essential utilities
+var TooltipStore_1 = require("./store/TooltipStore");
+Object.defineProperty(exports, "TooltipProvider", { enumerable: true, get: function () { return TooltipStore_1.TooltipProvider; } });
+var Tooltip_1 = require("./Tooltip/Tooltip");
+Object.defineProperty(exports, "MultiLineTooltip", { enumerable: true, get: function () { return Tooltip_1.MultiLineTooltip; } });
+// Theme
+var ThemeProvider_1 = require("./ThemeProvider");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return ThemeProvider_1.useTheme; } });
+// Export utility
+var exportChart_1 = require("./export/exportChart");
+Object.defineProperty(exports, "exportChart", { enumerable: true, get: function () { return exportChart_1.exportChart; } });
+// AI validation
+var validateProps_1 = require("./charts/shared/validateProps");
+Object.defineProperty(exports, "validateProps", { enumerable: true, get: function () { return validateProps_1.validateProps; } });

package/ai/dist/src/components/semiotic-data.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pivot = exports.groupBy = exports.rollup = exports.bin = void 0;
+/**
+ * Semiotic data transform utilities.
+ * Import from "semiotic/data"
+ */
+var transforms_1 = require("./data/transforms");
+Object.defineProperty(exports, "bin", { enumerable: true, get: function () { return transforms_1.bin; } });
+Object.defineProperty(exports, "rollup", { enumerable: true, get: function () { return transforms_1.rollup; } });
+Object.defineProperty(exports, "groupBy", { enumerable: true, get: function () { return transforms_1.groupBy; } });
+Object.defineProperty(exports, "pivot", { enumerable: true, get: function () { return transforms_1.pivot; } });

package/ai/dist/src/components/semiotic-network.js

@@ -0,0 +1,38 @@
+"use strict";
+/**
+ * Network entry point — for force graphs, sankey, chord, trees, etc.
+ * Import from "semiotic/network" instead of the full bundle to reduce bundle size.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nodesEdgesFromHierarchy = exports.calculateDataExtent = exports.AnnotationLayer = exports.Annotation = exports.Legend = exports.Axis = exports.CirclePack = exports.Treemap = exports.TreeDiagram = exports.ChordDiagram = exports.SankeyDiagram = exports.ForceDirectedGraph = exports.StreamNetworkFrame = void 0;
+const StreamNetworkFrame_1 = __importDefault(require("./stream/StreamNetworkFrame"));
+exports.StreamNetworkFrame = StreamNetworkFrame_1.default;
+// Common utilities
+const Axis_1 = __importDefault(require("./Axis"));
+exports.Axis = Axis_1.default;
+const Legend_1 = __importDefault(require("./Legend"));
+exports.Legend = Legend_1.default;
+const Annotation_1 = __importDefault(require("./Annotation"));
+exports.Annotation = Annotation_1.default;
+const AnnotationLayer_1 = __importDefault(require("./AnnotationLayer/AnnotationLayer"));
+exports.AnnotationLayer = AnnotationLayer_1.default;
+const dataFunctions_1 = require("./data/dataFunctions");
+Object.defineProperty(exports, "calculateDataExtent", { enumerable: true, get: function () { return dataFunctions_1.calculateDataExtent; } });
+const hierarchyUtils_1 = require("./processing/hierarchyUtils");
+Object.defineProperty(exports, "nodesEdgesFromHierarchy", { enumerable: true, get: function () { return hierarchyUtils_1.nodesEdgesFromHierarchy; } });
+// Chart HOCs
+const ForceDirectedGraph_1 = require("./charts/network/ForceDirectedGraph");
+Object.defineProperty(exports, "ForceDirectedGraph", { enumerable: true, get: function () { return ForceDirectedGraph_1.ForceDirectedGraph; } });
+const SankeyDiagram_1 = require("./charts/network/SankeyDiagram");
+Object.defineProperty(exports, "SankeyDiagram", { enumerable: true, get: function () { return SankeyDiagram_1.SankeyDiagram; } });
+const ChordDiagram_1 = require("./charts/network/ChordDiagram");
+Object.defineProperty(exports, "ChordDiagram", { enumerable: true, get: function () { return ChordDiagram_1.ChordDiagram; } });
+const TreeDiagram_1 = require("./charts/network/TreeDiagram");
+Object.defineProperty(exports, "TreeDiagram", { enumerable: true, get: function () { return TreeDiagram_1.TreeDiagram; } });
+const Treemap_1 = require("./charts/network/Treemap");
+Object.defineProperty(exports, "Treemap", { enumerable: true, get: function () { return Treemap_1.Treemap; } });
+const CirclePack_1 = require("./charts/network/CirclePack");
+Object.defineProperty(exports, "CirclePack", { enumerable: true, get: function () { return CirclePack_1.CirclePack; } });

package/ai/dist/src/components/semiotic-ordinal.js

@@ -0,0 +1,28 @@
+"use strict";
+/**
+ * Ordinal entry point — for bar charts, pie charts, timelines, etc.
+ * Import from "semiotic/ordinal" instead of the full bundle to reduce bundle size.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViolinPlot = exports.Histogram = exports.calculateDataExtent = exports.AnnotationLayer = exports.Annotation = exports.Legend = exports.Axis = exports.StreamOrdinalFrame = void 0;
+const StreamOrdinalFrame_1 = __importDefault(require("./stream/StreamOrdinalFrame"));
+exports.StreamOrdinalFrame = StreamOrdinalFrame_1.default;
+// Common utilities
+const Axis_1 = __importDefault(require("./Axis"));
+exports.Axis = Axis_1.default;
+const Legend_1 = __importDefault(require("./Legend"));
+exports.Legend = Legend_1.default;
+const Annotation_1 = __importDefault(require("./Annotation"));
+exports.Annotation = Annotation_1.default;
+const AnnotationLayer_1 = __importDefault(require("./AnnotationLayer/AnnotationLayer"));
+exports.AnnotationLayer = AnnotationLayer_1.default;
+const dataFunctions_1 = require("./data/dataFunctions");
+Object.defineProperty(exports, "calculateDataExtent", { enumerable: true, get: function () { return dataFunctions_1.calculateDataExtent; } });
+// Chart HOCs
+const Histogram_1 = require("./charts/ordinal/Histogram");
+Object.defineProperty(exports, "Histogram", { enumerable: true, get: function () { return Histogram_1.Histogram; } });
+const ViolinPlot_1 = require("./charts/ordinal/ViolinPlot");
+Object.defineProperty(exports, "ViolinPlot", { enumerable: true, get: function () { return ViolinPlot_1.ViolinPlot; } });

package/ai/dist/src/components/semiotic-realtime.js

@@ -0,0 +1,30 @@
+"use strict";
+/**
+ * Realtime entry point — for streaming/realtime canvas-first visualizations.
+ * Import from "semiotic/realtime" instead of the full bundle to reduce bundle size.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RealtimeHeatmap = exports.RealtimeWaterfallChart = exports.RealtimeSwarmChart = exports.RealtimeHistogram = exports.RealtimeLineChart = exports.IncrementalExtent = exports.RingBuffer = exports.StreamNetworkFrame = exports.StreamXYFrame = void 0;
+const StreamXYFrame_1 = __importDefault(require("./stream/StreamXYFrame"));
+exports.StreamXYFrame = StreamXYFrame_1.default;
+const StreamNetworkFrame_1 = __importDefault(require("./stream/StreamNetworkFrame"));
+exports.StreamNetworkFrame = StreamNetworkFrame_1.default;
+// Data structures
+const RingBuffer_1 = require("./realtime/RingBuffer");
+Object.defineProperty(exports, "RingBuffer", { enumerable: true, get: function () { return RingBuffer_1.RingBuffer; } });
+const IncrementalExtent_1 = require("./realtime/IncrementalExtent");
+Object.defineProperty(exports, "IncrementalExtent", { enumerable: true, get: function () { return IncrementalExtent_1.IncrementalExtent; } });
+// Chart HOCs
+const RealtimeLineChart_1 = require("./charts/realtime/RealtimeLineChart");
+Object.defineProperty(exports, "RealtimeLineChart", { enumerable: true, get: function () { return RealtimeLineChart_1.RealtimeLineChart; } });
+const RealtimeHistogram_1 = require("./charts/realtime/RealtimeHistogram");
+Object.defineProperty(exports, "RealtimeHistogram", { enumerable: true, get: function () { return RealtimeHistogram_1.RealtimeHistogram; } });
+const RealtimeSwarmChart_1 = require("./charts/realtime/RealtimeSwarmChart");
+Object.defineProperty(exports, "RealtimeSwarmChart", { enumerable: true, get: function () { return RealtimeSwarmChart_1.RealtimeSwarmChart; } });
+const RealtimeWaterfallChart_1 = require("./charts/realtime/RealtimeWaterfallChart");
+Object.defineProperty(exports, "RealtimeWaterfallChart", { enumerable: true, get: function () { return RealtimeWaterfallChart_1.RealtimeWaterfallChart; } });
+const RealtimeHeatmap_1 = require("./charts/realtime/RealtimeHeatmap");
+Object.defineProperty(exports, "RealtimeHeatmap", { enumerable: true, get: function () { return RealtimeHeatmap_1.RealtimeHeatmap; } });

package/ai/dist/src/components/semiotic-server.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderNetworkToStaticSVG = exports.renderOrdinalToStaticSVG = exports.renderXYToStaticSVG = exports.renderToStaticSVG = void 0;
+var renderToStaticSVG_1 = require("./server/renderToStaticSVG");
+Object.defineProperty(exports, "renderToStaticSVG", { enumerable: true, get: function () { return renderToStaticSVG_1.renderToStaticSVG; } });
+Object.defineProperty(exports, "renderXYToStaticSVG", { enumerable: true, get: function () { return renderToStaticSVG_1.renderXYToStaticSVG; } });
+Object.defineProperty(exports, "renderOrdinalToStaticSVG", { enumerable: true, get: function () { return renderToStaticSVG_1.renderOrdinalToStaticSVG; } });
+Object.defineProperty(exports, "renderNetworkToStaticSVG", { enumerable: true, get: function () { return renderToStaticSVG_1.renderNetworkToStaticSVG; } });