indas-ui 0.0.1 → 0.1.0

package/dist/cjs/components/dashboard/charts/Radar.js

@@ -0,0 +1,94 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadarChart = RadarChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const echarts_for_react_1 = __importDefault(require("echarts-for-react"));
+const utils_1 = require("../../../lib/utils.js");
+/**
+ * RadarChart - ECharts Radar/Spider Chart for multi-dimensional data
+ */
+function RadarChart({ indicators, series, height = 300, showLegend = true, shape = 'polygon', splitNumber = 4, className }) {
+    const colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4'];
+    const option = {
+        tooltip: {
+            trigger: 'item',
+            backgroundColor: 'rgba(255, 255, 255, 0.95)',
+            borderColor: '#e9ecef',
+            borderWidth: 1,
+            textStyle: {
+                color: '#344767',
+                fontSize: 12
+            }
+        },
+        legend: showLegend ? {
+            bottom: 0,
+            left: 'center',
+            itemWidth: 12,
+            itemHeight: 12,
+            textStyle: {
+                fontSize: 12,
+                color: '#6c757d'
+            }
+        } : undefined,
+        radar: {
+            shape: shape,
+            splitNumber: splitNumber,
+            center: ['50%', showLegend ? '45%' : '50%'],
+            radius: showLegend ? '60%' : '70%',
+            indicator: indicators.map(ind => ({
+                name: ind.name,
+                max: ind.max,
+                min: ind.min || 0
+            })),
+            axisName: {
+                color: '#6c757d',
+                fontSize: 11
+            },
+            splitArea: {
+                areaStyle: {
+                    color: ['rgba(240, 240, 240, 0.3)', 'rgba(255, 255, 255, 0.3)']
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: '#e9ecef'
+                }
+            },
+            axisLine: {
+                lineStyle: {
+                    color: '#e9ecef'
+                }
+            }
+        },
+        series: [
+            {
+                type: 'radar',
+                data: series.map((s, index) => {
+                    const color = s.color || colors[index % colors.length];
+                    return {
+                        name: s.name,
+                        value: s.values,
+                        symbol: 'circle',
+                        symbolSize: 6,
+                        lineStyle: {
+                            width: 2,
+                            color: color
+                        },
+                        itemStyle: {
+                            color: color
+                        },
+                        areaStyle: {
+                            color: color,
+                            opacity: s.areaOpacity ?? 0.2
+                        }
+                    };
+                })
+            }
+        ]
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('w-full', className), children: (0, jsx_runtime_1.jsx)(echarts_for_react_1.default, { option: option, style: { height, width: '100%' }, opts: { renderer: 'canvas' } }) }));
+}

package/dist/cjs/components/dashboard/charts/Sankey.js

@@ -0,0 +1,92 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SankeyChart = SankeyChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const echarts_for_react_1 = __importDefault(require("echarts-for-react"));
+const utils_1 = require("../../../lib/utils.js");
+/**
+ * SankeyChart - Flow/relationship visualization
+ * Great for: Material flow, process flow, cost flow, conversion funnels
+ */
+function SankeyChart({ nodes, links, height = 300, orient = 'horizontal', nodeWidth = 20, nodeGap = 12, showLabels = true, colors = ['#6366f1', '#06b6d4', '#10b981', '#f59e0b', '#ef4444', '#8b5cf6', '#ec4899', '#14b8a6'], linkOpacity = 0.45, className }) {
+    // Node value = total flow through it (incoming for non-source nodes, else outgoing).
+    const nodeValue = (name) => {
+        const incoming = links.filter(l => l.target === name).reduce((s, l) => s + l.value, 0);
+        if (incoming > 0)
+            return incoming;
+        return links.filter(l => l.source === name).reduce((s, l) => s + l.value, 0);
+    };
+    // Assign colors to nodes if not specified
+    const nodesWithColors = nodes.map((node, index) => ({
+        ...node,
+        value: nodeValue(node.name),
+        itemStyle: {
+            color: node.color || colors[index % colors.length]
+        }
+    }));
+    const option = {
+        tooltip: {
+            trigger: 'item',
+            triggerOn: 'mousemove',
+            backgroundColor: 'rgba(255, 255, 255, 0.98)',
+            borderColor: '#e9ecef',
+            borderWidth: 1,
+            borderRadius: 8,
+            padding: [8, 12],
+            extraCssText: 'box-shadow: 0 4px 16px rgba(0,0,0,0.12);',
+            textStyle: { color: '#344767', fontSize: 12 },
+            formatter: (params) => {
+                if (params.dataType === 'edge') {
+                    return `<strong>${params.data.source}</strong> → <strong>${params.data.target}</strong><br/>Value: ${params.data.value?.toLocaleString()}`;
+                }
+                return `<strong>${params.name}</strong><br/>Value: ${params.value?.toLocaleString() || '-'}`;
+            }
+        },
+        series: [{
+                type: 'sankey',
+                orient: orient,
+                nodeWidth: nodeWidth,
+                nodeGap: nodeGap,
+                draggable: false,
+                left: 8,
+                right: 64,
+                top: 12,
+                bottom: 12,
+                nodeAlign: 'justify',
+                layoutIterations: 0,
+                emphasis: {
+                    focus: 'adjacency',
+                    lineStyle: {
+                        opacity: 0.7
+                    }
+                },
+                itemStyle: {
+                    borderWidth: 0,
+                    borderRadius: 3
+                },
+                lineStyle: {
+                    color: 'gradient',
+                    opacity: linkOpacity,
+                    curveness: 0.55
+                },
+                label: {
+                    show: showLabels,
+                    position: orient === 'horizontal' ? 'right' : 'bottom',
+                    color: '#344767',
+                    fontSize: 11,
+                    fontWeight: 500,
+                    formatter: (p) => `${p.name} (${p.value?.toLocaleString() ?? '-'})`
+                },
+                data: nodesWithColors,
+                links: links.map(link => ({
+                    ...link,
+                    lineStyle: link.color ? { color: link.color } : undefined
+                }))
+            }]
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('w-full', className), children: (0, jsx_runtime_1.jsx)(echarts_for_react_1.default, { option: option, style: { height, width: '100%' }, opts: { renderer: 'canvas' } }) }));
+}

package/dist/cjs/components/dashboard/charts/Scatter.js

@@ -0,0 +1,128 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScatterChart = ScatterChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const echarts_for_react_1 = __importDefault(require("echarts-for-react"));
+const utils_1 = require("../../../lib/utils.js");
+/**
+ * ScatterChart - ECharts Scatter/Bubble Chart for correlation data
+ */
+function ScatterChart({ series, height = 300, showLegend = true, showGrid = true, xAxisName, yAxisName, bubbleMode = false, sizeRange = [10, 40], className }) {
+    const colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4'];
+    // Calculate size range for bubble mode
+    const allSizes = bubbleMode
+        ? series.flatMap(s => s.data.map(d => d.size || 0)).filter(s => s > 0)
+        : [];
+    const minSize = allSizes.length ? Math.min(...allSizes) : 1;
+    const maxSize = allSizes.length ? Math.max(...allSizes) : 1;
+    const getSymbolSize = (dataItem, defaultSize) => {
+        if (!bubbleMode || !dataItem.size)
+            return defaultSize;
+        // Scale size to range
+        const normalized = (dataItem.size - minSize) / (maxSize - minSize || 1);
+        return sizeRange[0] + normalized * (sizeRange[1] - sizeRange[0]);
+    };
+    const option = {
+        tooltip: {
+            trigger: 'item',
+            backgroundColor: 'rgba(255, 255, 255, 0.95)',
+            borderColor: '#e9ecef',
+            borderWidth: 1,
+            textStyle: {
+                color: '#344767',
+                fontSize: 12
+            },
+            formatter: (params) => {
+                const data = params.data;
+                let tip = `${params.seriesName}<br/>`;
+                if (data.label)
+                    tip += `${data.label}<br/>`;
+                tip += `X: ${data.x}<br/>Y: ${data.y}`;
+                if (bubbleMode && data.size)
+                    tip += `<br/>Size: ${data.size}`;
+                return tip;
+            }
+        },
+        legend: showLegend ? {
+            top: 0,
+            left: 'center',
+            itemWidth: 12,
+            itemHeight: 12,
+            textStyle: {
+                fontSize: 12,
+                color: '#6c757d'
+            }
+        } : undefined,
+        grid: {
+            top: showLegend ? 36 : 20,
+            right: 16,
+            bottom: 8,
+            left: 8,
+            containLabel: true
+        },
+        xAxis: {
+            type: 'value',
+            name: xAxisName,
+            nameLocation: 'center',
+            nameGap: 25,
+            nameTextStyle: {
+                color: '#6c757d',
+                fontSize: 11
+            },
+            axisLine: { lineStyle: { color: '#dee2e6' } },
+            axisLabel: { color: '#6c757d', fontSize: 11 },
+            splitLine: {
+                show: showGrid,
+                lineStyle: { color: '#f0f0f0', type: 'dashed' }
+            }
+        },
+        yAxis: {
+            type: 'value',
+            name: yAxisName,
+            nameLocation: 'center',
+            nameGap: 35,
+            nameTextStyle: {
+                color: '#6c757d',
+                fontSize: 11
+            },
+            axisLine: { show: false },
+            axisLabel: { color: '#6c757d', fontSize: 11 },
+            splitLine: {
+                show: showGrid,
+                lineStyle: { color: '#f0f0f0', type: 'dashed' }
+            }
+        },
+        series: series.map((s, index) => {
+            const color = s.color || colors[index % colors.length];
+            const defaultSize = s.symbolSize || 12;
+            return {
+                name: s.name,
+                type: 'scatter',
+                symbol: s.symbol || 'circle',
+                symbolSize: (data) => getSymbolSize(data, defaultSize),
+                itemStyle: {
+                    color: color,
+                    opacity: bubbleMode ? 0.7 : 0.9
+                },
+                emphasis: {
+                    itemStyle: {
+                        shadowBlur: 10,
+                        shadowColor: 'rgba(0, 0, 0, 0.3)'
+                    }
+                },
+                data: s.data.map(d => ({
+                    value: [d.x, d.y],
+                    x: d.x,
+                    y: d.y,
+                    size: d.size,
+                    label: d.label
+                }))
+            };
+        })
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('w-full', className), children: (0, jsx_runtime_1.jsx)(echarts_for_react_1.default, { option: option, style: { height, width: '100%' }, opts: { renderer: 'canvas' } }) }));
+}

package/dist/cjs/components/dashboard/charts/Sparkline.js

@@ -0,0 +1,134 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sparkline = Sparkline;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const echarts_for_react_1 = __importDefault(require("echarts-for-react"));
+const utils_1 = require("../../../lib/utils.js");
+// Convert any color (hex, rgb(), rgba(), space-separated rgb()) to rgba() with given alpha (0–1).
+// Hex+alpha-suffix concat (e.g. color + '40') breaks for non-hex inputs and crashes canvas gradients.
+function withAlpha(color, alpha) {
+    if (!color)
+        return 'rgba(0,0,0,' + alpha + ')';
+    const trimmed = color.trim();
+    if (trimmed.startsWith('#')) {
+        let hex = trimmed.slice(1);
+        if (hex.length === 3)
+            hex = hex.split('').map(c => c + c).join('');
+        if (hex.length === 6) {
+            const r = parseInt(hex.slice(0, 2), 16);
+            const g = parseInt(hex.slice(2, 4), 16);
+            const b = parseInt(hex.slice(4, 6), 16);
+            return 'rgba(' + r + ',' + g + ',' + b + ',' + alpha + ')';
+        }
+    }
+    const m = trimmed.match(/rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/i);
+    if (m) {
+        return 'rgba(' + m[1] + ',' + m[2] + ',' + m[3] + ',' + alpha + ')';
+    }
+    return trimmed;
+}
+/**
+ * Sparkline - Compact inline trend visualization
+ * Great for: KPI cards, table cells, compact trend indicators
+ */
+function Sparkline({ data, type = 'line', height = 40, width = '100%', color = '#5470c6', fillColor, showEndDot = true, showMinMax = false, smooth = true, referenceLine, labels, showAxis = false, showTooltip = false, valuePrefix = '', valueSuffix = '', className }) {
+    const min = Math.min(...data);
+    const max = Math.max(...data);
+    const lastValue = data[data.length - 1];
+    // Determine trend for color coding
+    const firstValue = data[0];
+    const isUpward = lastValue > firstValue;
+    const trendColor = isUpward ? '#52c41a' : lastValue < firstValue ? '#f5222d' : color;
+    const markPointData = [];
+    if (showMinMax) {
+        const minIndex = data.indexOf(min);
+        const maxIndex = data.indexOf(max);
+        markPointData.push({ coord: [minIndex, min], symbol: 'circle', symbolSize: 6, itemStyle: { color: '#ee6666' } }, { coord: [maxIndex, max], symbol: 'circle', symbolSize: 6, itemStyle: { color: '#91cc75' } });
+    }
+    if (showEndDot) {
+        markPointData.push({
+            coord: [data.length - 1, lastValue],
+            symbol: 'circle',
+            symbolSize: 6,
+            itemStyle: { color: trendColor }
+        });
+    }
+    const series = {
+        type: type === 'bar' ? 'bar' : 'line',
+        data: data,
+        symbol: 'none',
+        smooth: smooth,
+        lineStyle: type !== 'bar' ? { color: color, width: 1.5 } : undefined,
+        itemStyle: { color: color },
+        areaStyle: type === 'area' ? {
+            color: {
+                type: 'linear',
+                x: 0, y: 0, x2: 0, y2: 1,
+                colorStops: [
+                    { offset: 0, color: fillColor ? withAlpha(fillColor, 1) : withAlpha(color, 0.25) },
+                    { offset: 1, color: fillColor ? withAlpha(fillColor, 0.06) : 'transparent' }
+                ]
+            }
+        } : undefined,
+        markPoint: markPointData.length > 0 ? {
+            data: markPointData,
+            animation: false
+        } : undefined,
+        markLine: referenceLine !== undefined ? {
+            silent: true,
+            symbol: 'none',
+            lineStyle: { color: '#adb5bd', type: 'dashed', width: 1 },
+            data: [{ yAxis: referenceLine }],
+            label: { show: false }
+        } : undefined,
+        barWidth: type === 'bar' ? '60%' : undefined
+    };
+    const hasLabels = !!labels && labels.length > 0;
+    const showAxisLabels = hasLabels && showAxis;
+    const option = {
+        tooltip: showTooltip ? {
+            trigger: 'axis',
+            backgroundColor: 'rgba(255, 255, 255, 0.98)',
+            borderColor: '#e9ecef',
+            borderWidth: 1,
+            borderRadius: 8,
+            padding: [6, 10],
+            extraCssText: 'box-shadow: 0 4px 16px rgba(0,0,0,0.12);',
+            textStyle: { color: '#344767', fontSize: 12 },
+            axisPointer: { type: 'line', lineStyle: { color: '#cbd5e1', width: 1 } },
+            formatter: (params) => {
+                const p = Array.isArray(params) ? params[0] : params;
+                const cat = hasLabels && p.axisValue ? `${p.axisValue}<br/>` : '';
+                return `${cat}<strong>${valuePrefix}${Number(p.value).toLocaleString()}${valueSuffix}</strong>`;
+            }
+        } : undefined,
+        grid: {
+            top: showMinMax ? 8 : 4,
+            right: showEndDot ? 8 : 4,
+            bottom: showAxisLabels ? 20 : 4,
+            left: 4,
+            containLabel: showAxisLabels
+        },
+        xAxis: {
+            type: 'category',
+            data: hasLabels ? labels : undefined,
+            show: showAxisLabels,
+            boundaryGap: type === 'bar',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: showAxisLabels ? { color: '#94a3b8', fontSize: 10, margin: 6, interval: 0, hideOverlap: true } : { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            show: false,
+            min: min - (max - min) * 0.1,
+            max: max + (max - min) * 0.1
+        },
+        series: [series]
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('inline-block', className), style: { width, height }, children: (0, jsx_runtime_1.jsx)(echarts_for_react_1.default, { option: option, style: { height: '100%', width: '100%' }, opts: { renderer: 'canvas' } }) }));
+}

package/dist/cjs/components/dashboard/charts/Treemap.js

@@ -0,0 +1,104 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreemapChart = TreemapChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const echarts_for_react_1 = __importDefault(require("echarts-for-react"));
+const utils_1 = require("../../../lib/utils.js");
+/**
+ * TreemapChart - Hierarchical data visualization
+ * Great for: Cost breakdown, category distribution, budget allocation
+ */
+function TreemapChart({ data, height = 300, showBreadcrumb = false, colors = ['#6366f1', '#06b6d4', '#10b981', '#f59e0b', '#ef4444', '#8b5cf6', '#ec4899', '#14b8a6'], showLabels = true, labelPosition = 'insideTopLeft', drillDown = true, className }) {
+    const option = {
+        tooltip: {
+            trigger: 'item',
+            backgroundColor: 'rgba(255, 255, 255, 0.98)',
+            borderColor: '#e9ecef',
+            borderWidth: 1,
+            borderRadius: 8,
+            padding: [8, 12],
+            extraCssText: 'box-shadow: 0 4px 16px rgba(0,0,0,0.12);',
+            textStyle: { color: '#344767', fontSize: 12 },
+            formatter: (params) => {
+                const path = params.treePathInfo
+                    .map((node) => node.name)
+                    .filter((name) => name)
+                    .join(' → ');
+                return `<strong>${path || params.name}</strong><br/>Value: ${params.value?.toLocaleString() || '-'}`;
+            }
+        },
+        series: [{
+                type: 'treemap',
+                data: data,
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: showBreadcrumb ? 22 : 0,
+                roam: false,
+                nodeClick: drillDown ? 'zoomToNode' : false,
+                breadcrumb: showBreadcrumb ? {
+                    show: true,
+                    bottom: 0,
+                    left: 'center',
+                    height: 18,
+                    itemStyle: {
+                        color: '#f5f5f5',
+                        borderColor: '#dee2e6',
+                        textStyle: { color: '#344767', fontSize: 11 }
+                    },
+                    emphasis: {
+                        itemStyle: { color: '#e8e8e8' }
+                    }
+                } : { show: false },
+                label: {
+                    show: showLabels,
+                    position: labelPosition,
+                    formatter: '{b}',
+                    fontSize: 12,
+                    fontWeight: 500,
+                    color: '#fff',
+                    textShadowColor: 'rgba(0,0,0,0.35)',
+                    textShadowBlur: 3
+                },
+                upperLabel: {
+                    show: true,
+                    height: 20,
+                    color: '#fff',
+                    fontSize: 11,
+                    textShadowColor: 'rgba(0,0,0,0.3)',
+                    textShadowBlur: 2
+                },
+                itemStyle: {
+                    borderColor: '#fff',
+                    borderWidth: 3,
+                    gapWidth: 3,
+                    borderRadius: 4
+                },
+                levels: [
+                    {
+                        itemStyle: {
+                            borderColor: '#fff',
+                            borderWidth: 4,
+                            gapWidth: 4,
+                            borderRadius: 6
+                        }
+                    },
+                    {
+                        colorSaturation: [0.45, 0.7],
+                        itemStyle: {
+                            borderColorSaturation: 0.6,
+                            gapWidth: 2,
+                            borderWidth: 2,
+                            borderRadius: 3
+                        }
+                    }
+                ],
+                color: colors
+            }]
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('w-full', className), children: (0, jsx_runtime_1.jsx)(echarts_for_react_1.default, { option: option, style: { height, width: '100%' }, opts: { renderer: 'canvas' } }) }));
+}

package/dist/cjs/components/dashboard/charts/index.js

@@ -0,0 +1,45 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartCard = exports.FlowMap = exports.GanttChart = exports.Sparkline = exports.SankeyChart = exports.TreemapChart = exports.GeoMap = exports.BoxPlotChart = exports.BubbleChart = exports.ParetoChart = exports.ScatterChart = exports.HeatmapChart = exports.FunnelChart = exports.RadarChart = exports.LineChart = exports.GaugeChart = exports.DonutChart = exports.BarChart = exports.AreaChart = void 0;
+// ECharts Components
+var Area_1 = require("./Area.js");
+Object.defineProperty(exports, "AreaChart", { enumerable: true, get: function () { return Area_1.AreaChart; } });
+var Bar_1 = require("./Bar.js");
+Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return Bar_1.BarChart; } });
+var Donut_1 = require("./Donut.js");
+Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return Donut_1.DonutChart; } });
+var Gauge_1 = require("./Gauge.js");
+Object.defineProperty(exports, "GaugeChart", { enumerable: true, get: function () { return Gauge_1.GaugeChart; } });
+var Line_1 = require("./Line.js");
+Object.defineProperty(exports, "LineChart", { enumerable: true, get: function () { return Line_1.LineChart; } });
+var Radar_1 = require("./Radar.js");
+Object.defineProperty(exports, "RadarChart", { enumerable: true, get: function () { return Radar_1.RadarChart; } });
+var Funnel_1 = require("./Funnel.js");
+Object.defineProperty(exports, "FunnelChart", { enumerable: true, get: function () { return Funnel_1.FunnelChart; } });
+var Heatmap_1 = require("./Heatmap.js");
+Object.defineProperty(exports, "HeatmapChart", { enumerable: true, get: function () { return Heatmap_1.HeatmapChart; } });
+var Scatter_1 = require("./Scatter.js");
+Object.defineProperty(exports, "ScatterChart", { enumerable: true, get: function () { return Scatter_1.ScatterChart; } });
+var Pareto_1 = require("./Pareto.js");
+Object.defineProperty(exports, "ParetoChart", { enumerable: true, get: function () { return Pareto_1.ParetoChart; } });
+var Bubble_1 = require("./Bubble.js");
+Object.defineProperty(exports, "BubbleChart", { enumerable: true, get: function () { return Bubble_1.BubbleChart; } });
+var BoxPlot_1 = require("./BoxPlot.js");
+Object.defineProperty(exports, "BoxPlotChart", { enumerable: true, get: function () { return BoxPlot_1.BoxPlotChart; } });
+var GeoMap_1 = require("./GeoMap.js");
+Object.defineProperty(exports, "GeoMap", { enumerable: true, get: function () { return GeoMap_1.GeoMap; } });
+// New Charts
+var Treemap_1 = require("./Treemap.js");
+Object.defineProperty(exports, "TreemapChart", { enumerable: true, get: function () { return Treemap_1.TreemapChart; } });
+var Sankey_1 = require("./Sankey.js");
+Object.defineProperty(exports, "SankeyChart", { enumerable: true, get: function () { return Sankey_1.SankeyChart; } });
+var Sparkline_1 = require("./Sparkline.js");
+Object.defineProperty(exports, "Sparkline", { enumerable: true, get: function () { return Sparkline_1.Sparkline; } });
+var Gantt_1 = require("./Gantt.js");
+Object.defineProperty(exports, "GanttChart", { enumerable: true, get: function () { return Gantt_1.GanttChart; } });
+var FlowMap_1 = require("./FlowMap.js");
+Object.defineProperty(exports, "FlowMap", { enumerable: true, get: function () { return FlowMap_1.FlowMap; } });
+// Chart Wrapper
+var DashboardCard_1 = require("./DashboardCard.js");
+Object.defineProperty(exports, "ChartCard", { enumerable: true, get: function () { return DashboardCard_1.ChartCard; } });