termcast 1.4.1 → 1.6.0

package/dist/examples/charts-showcase-barchart.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+// Showcase: BarChart horizontal stacked bars — no Detail/List wrapper needed.
+// Demonstrates budget breakdowns, disk usage, and portfolio allocation.
+import { BarChart, Color, Markdown } from 'termcast';
+import { renderWithProviders } from '../utils';
+function ChartsShowcaseBarChart() {
+    return (_jsxs(_Fragment, { children: [_jsx(Markdown, { content: "## Monthly Budget" }), _jsxs(BarChart, { height: 1, children: [_jsx(BarChart.Segment, { value: 4850, label: "Spent", color: Color.Red }), _jsx(BarChart.Segment, { value: 707, label: "Remaining", color: Color.Blue }), _jsx(BarChart.Segment, { value: 617, label: "Savings", color: Color.Green })] }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Disk Usage \u2014 500 GB Drive" }), _jsxs(BarChart, { height: 1, children: [_jsx(BarChart.Segment, { value: 120, label: "System", color: Color.Orange }), _jsx(BarChart.Segment, { value: 85, label: "Apps", color: Color.Blue }), _jsx(BarChart.Segment, { value: 210, label: "Media", color: Color.Purple }), _jsx(BarChart.Segment, { value: 85, label: "Free", color: Color.Green })] }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Investment Portfolio \u2014 $100K" }), _jsxs(BarChart, { height: 1, children: [_jsx(BarChart.Segment, { value: 45000, label: "Stocks" }), _jsx(BarChart.Segment, { value: 20000, label: "Bonds" }), _jsx(BarChart.Segment, { value: 17000, label: "Real Estate" }), _jsx(BarChart.Segment, { value: 10000, label: "Cash" }), _jsx(BarChart.Segment, { value: 8000, label: "Crypto" })] }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## CI Pipeline Time \u2014 12m 30s" }), _jsxs(BarChart, { height: 1, children: [_jsx(BarChart.Segment, { value: 180, label: "Build", color: Color.Blue }), _jsx(BarChart.Segment, { value: 320, label: "Test", color: Color.Orange }), _jsx(BarChart.Segment, { value: 90, label: "Lint", color: Color.Yellow }), _jsx(BarChart.Segment, { value: 60, label: "Deploy", color: Color.Green }), _jsx(BarChart.Segment, { value: 100, label: "E2E", color: Color.Red })] }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## A/B Test Traffic Split" }), _jsxs(BarChart, { height: 1, children: [_jsx(BarChart.Segment, { value: 50, label: "Control", color: Color.Blue }), _jsx(BarChart.Segment, { value: 50, label: "Variant", color: Color.Orange })] }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Language Distribution" }), _jsxs(BarChart, { height: 1, children: [_jsx(BarChart.Segment, { value: 65, label: "TypeScript", color: Color.Blue }), _jsx(BarChart.Segment, { value: 15, label: "Python", color: Color.Yellow }), _jsx(BarChart.Segment, { value: 10, label: "Go", color: Color.Green }), _jsx(BarChart.Segment, { value: 5, label: "Rust", color: Color.Orange }), _jsx(BarChart.Segment, { value: 3, label: "Shell", color: Color.Purple }), _jsx(BarChart.Segment, { value: 2, label: "Other", color: Color.SecondaryText })] })] }));
+}
+renderWithProviders(_jsx(ChartsShowcaseBarChart, {}));
+//# sourceMappingURL=charts-showcase-barchart.js.map

package/dist/examples/charts-showcase-barchart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-barchart.js","sourceRoot":"","sources":["../../src/examples/charts-showcase-barchart.tsx"],"names":[],"mappings":"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"}

package/dist/examples/charts-showcase-bargraph.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=charts-showcase-bargraph.d.ts.map

package/dist/examples/charts-showcase-bargraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-bargraph.d.ts","sourceRoot":"","sources":["../../src/examples/charts-showcase-bargraph.tsx"],"names":[],"mappings":""}

package/dist/examples/charts-showcase-bargraph.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+// Showcase: BarGraph vertical stacked bar chart inside a Detail view.
+// Recreates a monthly model spend chart with stacked per-day usage.
+import { BarGraph, Detail } from 'termcast';
+import { renderWithProviders } from '../utils';
+const labels = Array.from({ length: 30 }, (_, i) => {
+    const day = i + 1;
+    if (day % 2 === 0) {
+        return '';
+    }
+    return String(day).padStart(2, '0');
+});
+const emptyMonth = Array.from({ length: 30 }, () => 0);
+function withSpend(points) {
+    return emptyMonth.map((_, i) => points[i + 1] || 0);
+}
+const modelSpend = [
+    {
+        title: 'deepseek-v4-flash (go)',
+        color: '#b5bb69',
+        data: withSpend({ 21: 0.6, 25: 1.05, 26: 1.3, 27: 1.9, 28: 0.55, 29: 0.8, 30: 1.1 }),
+    },
+    {
+        title: 'deepseek-v4-pro (go)',
+        color: '#8f59b5',
+        data: withSpend({ 25: 0.12 }),
+    },
+    {
+        title: 'kimi-k2.6 (go)',
+        color: '#64b86a',
+        data: withSpend({ 22: 3.25, 23: 1.65, 24: 2.2, 25: 2.05 }),
+    },
+    {
+        title: 'mimo-v2-omni (go)',
+        color: '#aaa25f',
+        data: withSpend({ 25: 0.12, 26: 0.15 }),
+    },
+    {
+        title: 'mimo-v2-pro (go)',
+        color: '#5ba895',
+        data: withSpend({ 16: 1.5, 17: 0.75, 21: 2.5 }),
+    },
+    {
+        title: 'minimax-m2.7 (go)',
+        color: '#6c6cb8',
+        data: withSpend({ 20: 5 }),
+    },
+    {
+        title: 'qwen3.6-plus (go)',
+        color: '#b07a5c',
+        data: withSpend({ 17: 2.65, 18: 6.55, 19: 3.15 }),
+    },
+];
+function ChartsShowcaseBarGraph() {
+    return (_jsx(Detail, { navigationTitle: "Model Spend", markdown: "# Model Spend\\n\\nApril 2026 usage by model and API key.", metadata: _jsxs(Detail.Metadata, { children: [_jsxs("box", { flexDirection: "row", gap: 2, paddingBottom: 1, children: [_jsx("box", { border: true, borderColor: "#2a2a2a", paddingLeft: 2, paddingRight: 2, height: 3, justifyContent: "center", children: _jsx("text", { children: "\u2039  April 2026  \u203A" }) }), _jsx("box", { border: true, borderColor: "#2d5fa8", paddingLeft: 2, paddingRight: 2, height: 3, justifyContent: "center", children: _jsx("text", { children: "All Models\u2304" }) }), _jsx("box", { border: true, borderColor: "#2a2a2a", paddingLeft: 2, paddingRight: 2, height: 3, justifyContent: "center", children: _jsx("text", { children: "All Keys\u2304" }) })] }), _jsx("box", { border: true, borderColor: "#2a2a2a", paddingTop: 2, paddingLeft: 2, paddingRight: 2, paddingBottom: 1, children: _jsx(BarGraph, { height: 24, labels: labels, barGap: 1, yFormat: (value) => `$${value.toFixed(0)}`, showLegend: true, children: modelSpend.map((series) => {
+                            return (_jsx(BarGraph.Series, { color: series.color, data: series.data, title: series.title }, series.title));
+                        }) }) })] }) }));
+}
+void renderWithProviders(_jsx(ChartsShowcaseBarGraph, {}));
+//# sourceMappingURL=charts-showcase-bargraph.js.map

package/dist/examples/charts-showcase-bargraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-bargraph.js","sourceRoot":"","sources":["../../src/examples/charts-showcase-bargraph.tsx"],"names":[],"mappings":"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"}

package/dist/examples/charts-showcase-candle.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=charts-showcase-candle.d.ts.map

package/dist/examples/charts-showcase-candle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-candle.d.ts","sourceRoot":"","sources":["../../src/examples/charts-showcase-candle.tsx"],"names":[],"mappings":""}

package/dist/examples/charts-showcase-candle.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+// Showcase: CandleChart component — no Detail/List wrapper needed.
+// Demonstrates candlestick charts with realistic market data.
+import { CandleChart, Graph, Color, Markdown, Row } from 'termcast';
+import { renderWithProviders } from '../utils';
+// Generate realistic OHLC data
+function generateCandles(startPrice, count, volatility) {
+    const candles = [];
+    let price = startPrice;
+    for (let i = 0; i < count; i++) {
+        const change = (Math.random() - 0.48) * volatility;
+        const open = price;
+        const close = open + change;
+        const high = Math.max(open, close) + Math.random() * volatility * 0.5;
+        const low = Math.min(open, close) - Math.random() * volatility * 0.5;
+        candles.push({ open, close, high, low });
+        price = close;
+    }
+    return candles;
+}
+const btcCandles = generateCandles(67500, 40, 800);
+const ethCandles = generateCandles(3400, 40, 120);
+const solCandles = generateCandles(145, 40, 8);
+const btcClosing = btcCandles.map((c) => c.close);
+const xLabels = ['10d ago', '5d ago', 'Now'];
+function ChartsShowcaseCandle() {
+    return (_jsxs(_Fragment, { children: [_jsx(Markdown, { content: "## BTC/USD \u2014 Daily Candles" }), _jsx(CandleChart, { data: btcCandles, height: 14, xLabels: xLabels, yTicks: 5, yFormat: (v) => `$${(v / 1000).toFixed(1)}k` }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## BTC \u2014 Candle + Closing Price Line" }), _jsx(CandleChart, { data: btcCandles, height: 10, xLabels: xLabels, yTicks: 4, yFormat: (v) => `$${(v / 1000).toFixed(1)}k` }), _jsx(Graph, { height: 8, xLabels: xLabels, yTicks: 3, yFormat: (v) => `$${(v / 1000).toFixed(1)}k`, variant: "area", children: _jsx(Graph.Line, { data: btcClosing, color: Color.Blue, title: "Close" }) }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## ETH vs SOL \u2014 Side by Side" }), _jsxs(Row, { children: [_jsx(CandleChart, { data: ethCandles, height: 12, xLabels: ['10d', 'Now'], yTicks: 4, yFormat: (v) => `$${v.toFixed(0)}` }), _jsx(CandleChart, { data: solCandles, height: 12, xLabels: ['10d', 'Now'], yTicks: 4, yFormat: (v) => `$${v.toFixed(0)}` })] })] }));
+}
+renderWithProviders(_jsx(ChartsShowcaseCandle, {}));
+//# sourceMappingURL=charts-showcase-candle.js.map

package/dist/examples/charts-showcase-candle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-candle.js","sourceRoot":"","sources":["../../src/examples/charts-showcase-candle.tsx"],"names":[],"mappings":"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"}

package/dist/examples/charts-showcase-graph.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=charts-showcase-graph.d.ts.map

package/dist/examples/charts-showcase-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-graph.d.ts","sourceRoot":"","sources":["../../src/examples/charts-showcase-graph.tsx"],"names":[],"mappings":""}

package/dist/examples/charts-showcase-graph.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+// Showcase: Graph component rendered directly — no Detail/List wrapper needed.
+// Demonstrates area, filled, and striped variants with multi-series data.
+import { Graph, Color, Markdown } from 'termcast';
+import { renderWithProviders } from '../utils';
+// Server metrics over 24 hours (hourly data)
+const cpuUsage = [
+    25, 30, 28, 22, 18, 15, 12, 20, 35, 55, 72, 85,
+    90, 88, 82, 75, 68, 60, 45, 38, 30, 25, 22, 20,
+];
+const memoryUsage = [
+    45, 46, 45, 44, 43, 42, 41, 44, 52, 65, 78, 82,
+    85, 84, 83, 80, 76, 72, 65, 58, 52, 48, 46, 45,
+];
+const networkIO = [
+    5, 3, 2, 1, 1, 1, 2, 8, 25, 42, 58, 65,
+    70, 68, 55, 48, 35, 28, 18, 12, 8, 6, 4, 3,
+];
+const hours = ['00:00', '06:00', '12:00', '18:00', '24:00'];
+// Stock portfolio performance
+const stockA = [100, 102, 98, 105, 112, 108, 115, 120, 118, 125, 130, 128, 135, 140, 138, 145, 150, 148, 155, 160];
+const stockB = [100, 97, 95, 98, 102, 100, 105, 103, 108, 110, 107, 112, 115, 113, 118, 120, 117, 122, 125, 128];
+const stockC = [100, 103, 107, 105, 110, 115, 112, 118, 122, 120, 125, 130, 128, 133, 138, 135, 140, 145, 142, 148];
+const weeks = ['W1', 'W5', 'W10', 'W15', 'W20'];
+// Temperature data with sine wave
+const temperature = Array.from({ length: 30 }, (_, i) => 15 + 12 * Math.sin((i / 30) * Math.PI * 2));
+const humidity = Array.from({ length: 30 }, (_, i) => 60 + 20 * Math.cos((i / 30) * Math.PI * 2));
+const dayLabels = ['Day 1', 'Day 10', 'Day 20', 'Day 30'];
+function ChartsShowcaseGraph() {
+    return (_jsxs(_Fragment, { children: [_jsx(Markdown, { content: "## Server Metrics \u2014 Area Variant" }), _jsxs(Graph, { height: 12, xLabels: hours, yTicks: 5, yFormat: (v) => `${v.toFixed(0)}%`, variant: "area", children: [_jsx(Graph.Line, { data: cpuUsage, color: Color.Red, title: "CPU" }), _jsx(Graph.Line, { data: memoryUsage, color: Color.Blue, title: "Memory" }), _jsx(Graph.Line, { data: networkIO, color: Color.Green, title: "Network" })] }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Portfolio Returns \u2014 Filled Variant" }), _jsxs(Graph, { height: 12, xLabels: weeks, yTicks: 5, yFormat: (v) => `$${v.toFixed(0)}`, variant: "filled", children: [_jsx(Graph.Line, { data: stockA, color: Color.Orange, title: "AAPL" }), _jsx(Graph.Line, { data: stockB, color: Color.Blue, title: "MSFT" }), _jsx(Graph.Line, { data: stockC, color: Color.Green, title: "GOOG" })] }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Weather \u2014 Striped Variant" }), _jsxs(Graph, { height: 12, xLabels: dayLabels, yTicks: 5, yFormat: (v) => `${v.toFixed(1)}°`, variant: "striped", children: [_jsx(Graph.Line, { data: temperature, color: Color.Orange, title: "Temp \u00B0C" }), _jsx(Graph.Line, { data: humidity, color: Color.Blue, title: "Humidity %" })] })] }));
+}
+renderWithProviders(_jsx(ChartsShowcaseGraph, {}));
+//# sourceMappingURL=charts-showcase-graph.js.map

package/dist/examples/charts-showcase-graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-graph.js","sourceRoot":"","sources":["../../src/examples/charts-showcase-graph.tsx"],"names":[],"mappings":";AAAA,+EAA+E;AAC/E,0EAA0E;AAE1E,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,6CAA6C;AAC7C,MAAM,QAAQ,GAAG;IACf,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IAC9C,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CAC/C,CAAA;AAED,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IAC9C,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CAC/C,CAAA;AAED,MAAM,SAAS,GAAG;IAChB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IACtC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;CAC3C,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAE3D,8BAA8B;AAC9B,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAClH,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AAChH,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AACnH,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAE/C,kCAAkC;AAClC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;AACpG,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;AACjG,MAAM,SAAS,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAEzD,SAAS,mBAAmB;IAC1B,OAAO,CACL,8BACE,KAAC,QAAQ,IAAC,OAAO,EAAC,uCAAkC,GAAG,EACvD,MAAC,KAAK,IACJ,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAClC,OAAO,EAAC,MAAM,aAEd,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAC,KAAK,GAAG,EAC5D,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAC,QAAQ,GAAG,EACnE,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,SAAS,GAAG,IAC7D,EACR,KAAC,QAAQ,IAAC,OAAO,EAAC,KAAK,GAAG,EAC1B,KAAC,QAAQ,IAAC,OAAO,EAAC,4CAAuC,GAAG,EAC5D,MAAC,KAAK,IACJ,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAClC,OAAO,EAAC,QAAQ,aAEhB,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAC,MAAM,GAAG,EAC9D,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAC,MAAM,GAAG,EAC5D,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG,IACvD,EACR,KAAC,QAAQ,IAAC,OAAO,EAAC,KAAK,GAAG,EAC1B,KAAC,QAAQ,IAAC,OAAO,EAAC,mCAA8B,GAAG,EACnD,MAAC,KAAK,IACJ,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAClC,OAAO,EAAC,SAAS,aAEjB,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAC,cAAS,GAAG,EACtE,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAC,YAAY,GAAG,IAC9D,IACP,CACJ,CAAA;AACH,CAAC;AAED,mBAAmB,CAAC,KAAC,mBAAmB,KAAG,CAAC,CAAA"}

package/dist/examples/charts-showcase-heatmap.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=charts-showcase-heatmap.d.ts.map

package/dist/examples/charts-showcase-heatmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-heatmap.d.ts","sourceRoot":"","sources":["../../src/examples/charts-showcase-heatmap.tsx"],"names":[],"mappings":""}

package/dist/examples/charts-showcase-heatmap.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+// Showcase: CalendarHeatmap component — no Detail/List wrapper needed.
+// Demonstrates GitHub-style contribution heatmaps with different color schemes.
+import { CalendarHeatmap, Color, Markdown } from 'termcast';
+import { renderWithProviders } from '../utils';
+function generateHeatmapData(start, days, pattern) {
+    return Array.from({ length: days }, (_, i) => {
+        const date = new Date(start);
+        date.setDate(start.getDate() + i);
+        const dayOfWeek = date.getDay();
+        const isWeekend = dayOfWeek === 0 || dayOfWeek === 6;
+        let value;
+        switch (pattern) {
+            case 'wave':
+                value = Math.round((Math.sin(i / 7) + 1) * 4 * (isWeekend ? 0.3 : 1));
+                break;
+            case 'random':
+                value = Math.round(Math.random() * 8 * (isWeekend ? 0.5 : 1));
+                break;
+            case 'streak': {
+                const streakActive = (i % 14) < 10;
+                value = streakActive ? Math.round(3 + Math.random() * 5) : 0;
+                break;
+            }
+        }
+        return { date, value };
+    });
+}
+const yearData = generateHeatmapData(new Date(2025, 0, 1), 365, 'wave');
+const recentData = generateHeatmapData(new Date(2025, 9, 1), 120, 'random');
+const streakData = generateHeatmapData(new Date(2025, 6, 1), 180, 'streak');
+function ChartsShowcaseHeatmap() {
+    return (_jsxs(_Fragment, { children: [_jsx(Markdown, { content: "## GitHub-style Contributions \u2014 Green (Full Year)" }), _jsx(CalendarHeatmap, { data: yearData, color: Color.Green }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Recent Activity \u2014 Purple on Blue" }), _jsx(CalendarHeatmap, { data: recentData, color: Color.Purple, emptyColor: Color.Blue }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Coding Streaks \u2014 Orange" }), _jsx(CalendarHeatmap, { data: streakData, color: Color.Orange }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Year Activity \u2014 Red" }), _jsx(CalendarHeatmap, { data: yearData, color: Color.Red })] }));
+}
+renderWithProviders(_jsx(ChartsShowcaseHeatmap, {}));
+//# sourceMappingURL=charts-showcase-heatmap.js.map

package/dist/examples/charts-showcase-heatmap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-heatmap.js","sourceRoot":"","sources":["../../src/examples/charts-showcase-heatmap.tsx"],"names":[],"mappings":";AAAA,uEAAuE;AACvE,gFAAgF;AAEhF,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,SAAS,mBAAmB,CAAC,KAAW,EAAE,IAAY,EAAE,OAAqC;IAC3F,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC3C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;QAC5B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;QAEjC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAA;QAC/B,MAAM,SAAS,GAAG,SAAS,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,CAAA;QAEpD,IAAI,KAAa,CAAA;QACjB,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,MAAM;gBACT,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBACrE,MAAK;YACP,KAAK,QAAQ;gBACX,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC7D,MAAK;YACP,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAA;gBAClC,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBAC5D,MAAK;YACP,CAAC;QACH,CAAC;QAED,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;IACxB,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,QAAQ,GAAG,mBAAmB,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,CAAA;AACvE,MAAM,UAAU,GAAG,mBAAmB,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAA;AAC3E,MAAM,UAAU,GAAG,mBAAmB,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAA;AAE3E,SAAS,qBAAqB;IAC5B,OAAO,CACL,8BACE,KAAC,QAAQ,IAAC,OAAO,EAAC,wDAAmD,GAAG,EACxE,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,EACvD,KAAC,QAAQ,IAAC,OAAO,EAAC,KAAK,GAAG,EAC1B,KAAC,QAAQ,IAAC,OAAO,EAAC,0CAAqC,GAAG,EAC1D,KAAC,eAAe,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,IAAI,GAAI,EAClF,KAAC,QAAQ,IAAC,OAAO,EAAC,KAAK,GAAG,EAC1B,KAAC,QAAQ,IAAC,OAAO,EAAC,iCAA4B,GAAG,EACjD,KAAC,eAAe,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,GAAI,EAC1D,KAAC,QAAQ,IAAC,OAAO,EAAC,KAAK,GAAG,EAC1B,KAAC,QAAQ,IAAC,OAAO,EAAC,6BAAwB,GAAG,EAC7C,KAAC,eAAe,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,GAAI,IACpD,CACJ,CAAA;AACH,CAAC;AAED,mBAAmB,CAAC,KAAC,qBAAqB,KAAG,CAAC,CAAA"}

package/dist/examples/charts-showcase-mixed.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=charts-showcase-mixed.d.ts.map

package/dist/examples/charts-showcase-mixed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-mixed.d.ts","sourceRoot":"","sources":["../../src/examples/charts-showcase-mixed.tsx"],"names":[],"mappings":""}

package/dist/examples/charts-showcase-mixed.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+// Showcase: Mixed chart dashboard — all chart types combined, no Detail/List wrapper.
+// Demonstrates Graph, BarGraph, BarChart, ProgressBar, and CalendarHeatmap together.
+import { Graph, BarGraph, BarChart, ProgressBar, CalendarHeatmap, Color, Markdown, Row } from 'termcast';
+import { renderWithProviders } from '../utils';
+// Revenue trend line
+const revenue = [42, 48, 45, 52, 58, 55, 62, 68, 65, 72, 78, 85];
+const costs = [30, 32, 31, 35, 37, 36, 38, 40, 39, 42, 44, 46];
+const revenueLabels = ['Jan', 'Apr', 'Jul', 'Oct'];
+// Weekly signups by channel
+const weeks = ['W1', 'W2', 'W3', 'W4'];
+const organic = [120, 150, 140, 180];
+const paid = [80, 95, 110, 130];
+const referral = [30, 45, 40, 55];
+// Contribution data
+const contributionData = Array.from({ length: 200 }, (_, i) => {
+    const date = new Date(2025, 3, 1);
+    date.setDate(date.getDate() + i);
+    const dayOfWeek = date.getDay();
+    const isWeekend = dayOfWeek === 0 || dayOfWeek === 6;
+    return {
+        date,
+        value: Math.round((Math.sin(i / 8) + 1) * 4 * (isWeekend ? 0.2 : 1)),
+    };
+});
+function ChartsShowcaseMixed() {
+    return (_jsxs(_Fragment, { children: [_jsx(Markdown, { content: "## Revenue vs Costs" }), _jsxs(Graph, { height: 10, xLabels: revenueLabels, yTicks: 4, yFormat: (v) => `$${v}k`, variant: "area", children: [_jsx(Graph.Line, { data: revenue, color: Color.Green, title: "Revenue" }), _jsx(Graph.Line, { data: costs, color: Color.Red, title: "Costs" })] }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Weekly Signups by Channel" }), _jsxs(Row, { children: [_jsxs(BarGraph, { height: 10, labels: weeks, showLegend: true, children: [_jsx(BarGraph.Series, { data: organic, title: "Organic" }), _jsx(BarGraph.Series, { data: paid, title: "Paid" }), _jsx(BarGraph.Series, { data: referral, title: "Referral" })] }), _jsxs(BarGraph, { height: 10, labels: weeks, showLegend: true, children: [_jsx(BarGraph.Series, { data: organic.map((v) => v * 1.2), title: "Organic" }), _jsx(BarGraph.Series, { data: paid.map((v) => v * 1.3), title: "Paid" }), _jsx(BarGraph.Series, { data: referral.map((v) => v * 1.1), title: "Referral" })] })] }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Resource Allocation" }), _jsxs(BarChart, { height: 1, children: [_jsx(BarChart.Segment, { value: 45, label: "Engineering", color: Color.Blue }), _jsx(BarChart.Segment, { value: 20, label: "Marketing", color: Color.Orange }), _jsx(BarChart.Segment, { value: 15, label: "Sales", color: Color.Green }), _jsx(BarChart.Segment, { value: 12, label: "Support", color: Color.Purple }), _jsx(BarChart.Segment, { value: 8, label: "Admin", color: Color.Yellow })] }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## System Health" }), _jsx(ProgressBar, { title: "Uptime SLA", value: 99.7, color: Color.Green, formatPercentage: (p) => `${p.toFixed(1)}%` }), _jsx(ProgressBar, { title: "Error Budget", value: 30, color: Color.Orange, percentageSuffix: "consumed" }), _jsx(ProgressBar, { title: "Deployment Pipeline", value: 100, color: Color.Green, label: "All checks passed" }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Team Contributions" }), _jsx(CalendarHeatmap, { data: contributionData, color: Color.Green })] }));
+}
+renderWithProviders(_jsx(ChartsShowcaseMixed, {}));
+//# sourceMappingURL=charts-showcase-mixed.js.map

package/dist/examples/charts-showcase-mixed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-mixed.js","sourceRoot":"","sources":["../../src/examples/charts-showcase-mixed.tsx"],"names":[],"mappings":"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"}

package/dist/examples/charts-showcase-progress.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=charts-showcase-progress.d.ts.map

package/dist/examples/charts-showcase-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-progress.d.ts","sourceRoot":"","sources":["../../src/examples/charts-showcase-progress.tsx"],"names":[],"mappings":""}

package/dist/examples/charts-showcase-progress.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+// Showcase: ProgressBar component — no Detail/List wrapper needed.
+// Demonstrates various progress bar styles with different data.
+import { ProgressBar, Color, Markdown } from 'termcast';
+import { renderWithProviders } from '../utils';
+function ChartsShowcaseProgress() {
+    return (_jsxs(_Fragment, { children: [_jsx(Markdown, { content: "## System Resources" }), _jsx(ProgressBar, { title: "CPU Usage", value: 72, color: Color.Orange }), _jsx(ProgressBar, { title: "Memory", value: 85, color: Color.Red, label: "13.6 GB / 16 GB" }), _jsx(ProgressBar, { title: "Disk", value: 45, color: Color.Blue, label: "450 GB / 1 TB" }), _jsx(ProgressBar, { title: "Network", value: 23, color: Color.Green, label: "230 Mbps / 1 Gbps" }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Project Progress" }), _jsx(ProgressBar, { title: "Sprint completion", value: 68, percentageSuffix: "done", color: Color.Blue }), _jsx(ProgressBar, { title: "Test coverage", value: 94, percentageSuffix: "covered", color: Color.Green }), _jsx(ProgressBar, { title: "Bug backlog", value: 12, maxValue: 50, percentageSuffix: "remaining", color: Color.Orange }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## API Rate Limits" }), _jsx(ProgressBar, { title: "OpenAI", value: 37, percentageSuffix: "used", label: "Resets 9pm UTC", color: Color.Green }), _jsx(ProgressBar, { title: "Anthropic", value: 82, percentageSuffix: "used", label: "Resets 11pm UTC", color: Color.Red }), _jsx(ProgressBar, { title: "Google AI", value: 15, percentageSuffix: "used", label: "Resets 6pm UTC", color: Color.Blue }), _jsx(Markdown, { content: "---" }), _jsx(Markdown, { content: "## Download Queue" }), _jsx(ProgressBar, { title: "node_modules.tar.gz", value: 100, color: Color.Green, label: "Complete" }), _jsx(ProgressBar, { title: "dataset-v3.parquet", value: 67, color: Color.Blue, label: "2.1 GB / 3.2 GB \u2014 45 MB/s" }), _jsx(ProgressBar, { title: "model-weights.bin", value: 12, color: Color.Orange, label: "1.4 GB / 11.2 GB \u2014 120 MB/s" })] }));
+}
+renderWithProviders(_jsx(ChartsShowcaseProgress, {}));
+//# sourceMappingURL=charts-showcase-progress.js.map

package/dist/examples/charts-showcase-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-showcase-progress.js","sourceRoot":"","sources":["../../src/examples/charts-showcase-progress.tsx"],"names":[],"mappings":"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"}

package/dist/examples/graph-multi-series.js

@@ -17,7 +17,7 @@ const sma = prices.map((_, i) => {
 });
 const xLabels = ['Day 1', 'Day 5', 'Day 10', 'Day 15', 'Day 20'];
 function GraphMultiSeries() {
-    return (_jsx(Detail, { markdown: "# Multi-Series Chart", metadata: _jsxs(Graph, { height: 12, xLabels: xLabels, yTicks: 5, children: [_jsx(Graph.Line, { data: prices, color: Color.Orange, title: "Price" }), _jsx(Graph.Line, { data: sma, color: Color.Blue, title: "SMA(5)" })] }) }));
+    return (_jsx(Detail, { markdown: "# Multi-Series Chart", metadata: _jsxs(Graph, { variant: 'area', height: 12, xLabels: xLabels, yTicks: 5, children: [_jsx(Graph.Line, { data: prices, color: Color.Orange, title: "Price" }), _jsx(Graph.Line, { data: sma, color: Color.Blue, title: "SMA(5)" })] }) }));
 }
 renderWithProviders(_jsx(GraphMultiSeries, {}));
 //# sourceMappingURL=graph-multi-series.js.map

package/dist/examples/graph-multi-series.js.map

@@ -1 +1 @@
-{"version":3,"file":"graph-multi-series.js","sourceRoot":"","sources":["../../src/examples/graph-multi-series.tsx"],"names":[],"mappings":";AAAA,wEAAwE;AACxE,6DAA6D;AAE7D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,wBAAwB;AACxB,MAAM,MAAM,GAAG;IACb,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;IAChD,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;CACjD,CAAA;AAED,uCAAuC;AACvC,MAAM,GAAG,GAAa,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACxC,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,MAAM,CAAC,CAAC,CAAE,CAAA;IAC5B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACzC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAA;AAC9D,CAAC,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAEhE,SAAS,gBAAgB;IACvB,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAC,sBAAsB,EAC/B,QAAQ,EACN,MAAC,KAAK,IAAC,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,aAC5C,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAC,OAAO,GAAG,EAC/D,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAC,QAAQ,GAAG,IACrD,GAEV,CACH,CAAA;AACH,CAAC;AAED,mBAAmB,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAA"}
+{"version":3,"file":"graph-multi-series.js","sourceRoot":"","sources":["../../src/examples/graph-multi-series.tsx"],"names":[],"mappings":";AAAA,wEAAwE;AACxE,6DAA6D;AAE7D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,wBAAwB;AACxB,MAAM,MAAM,GAAG;IACb,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;IAChD,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;CACjD,CAAA;AAED,uCAAuC;AACvC,MAAM,GAAG,GAAa,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACxC,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,MAAM,CAAC,CAAC,CAAE,CAAA;IAC5B,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACzC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAA;AAC9D,CAAC,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAEhE,SAAS,gBAAgB;IACvB,OAAO,CACL,KAAC,MAAM,IACL,QAAQ,EAAC,sBAAsB,EAC/B,QAAQ,EACN,MAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,aAC3D,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAC,OAAO,GAAG,EAC/D,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAC,QAAQ,GAAG,IACrD,GAEV,CACH,CAAA;AACH,CAAC;AAED,mBAAmB,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAA"}

package/dist/examples/horizontal-bar-graph-weekly.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=horizontal-bar-graph-weekly.d.ts.map

package/dist/examples/horizontal-bar-graph-weekly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-bar-graph-weekly.d.ts","sourceRoot":"","sources":["../../src/examples/horizontal-bar-graph-weekly.tsx"],"names":[],"mappings":""}

package/dist/examples/horizontal-bar-graph-weekly.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { Action, ActionPanel, Detail, HorizontalBarGraph, List } from 'termcast';
+import { useNavigation } from 'termcast/src/internal/navigation';
+import { renderWithProviders } from '../utils';
+const days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+const dataSets = [
+    {
+        title: 'Weekly Traffic',
+        subtitle: 'Direct / Organic / Referral across 6 days',
+        labels: days,
+        series: [
+            { data: [40, 30, 25, 15, 50, 40], title: 'Direct' },
+            { data: [30, 35, 15, 20, 35, 30], title: 'Organic' },
+            { data: [20, 25, 10, 10, 25, 20], title: 'Referral' },
+        ],
+    },
+    {
+        title: 'Revenue by Region',
+        subtitle: 'Americas / EMEA / APAC',
+        labels: days,
+        series: [
+            { data: [60, 45, 30, 55, 70, 50], title: 'Americas' },
+            { data: [25, 30, 20, 35, 25, 30], title: 'EMEA' },
+            { data: [15, 20, 10, 10, 20, 15], title: 'APAC' },
+        ],
+    },
+    {
+        title: 'Long Labels',
+        subtitle: 'The left label column truncates without stealing legend space',
+        labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday & Sunday'],
+        categoryTitle: 'day',
+        distributionTitle: 'traffic',
+        legendTitle: 'source',
+        series: [
+            { data: [40, 30, 25, 15, 50, 40], title: 'Views' },
+            { data: [20, 25, 10, 10, 25, 20], title: 'Clicks' },
+        ],
+    },
+    {
+        title: 'Many Series',
+        subtitle: 'Legend grows only as wide as its content needs',
+        labels: days,
+        series: Array.from({ length: 8 }, (_, i) => {
+            return {
+                data: [10 + i * 5, 15 + i * 3, 8 + i * 4, 12 + i * 2, 20 + i * 6, 5 + i * 7],
+                title: `Series ${i + 1}`,
+            };
+        }),
+    },
+];
+function Chart({ item, height }) {
+    return (_jsx(HorizontalBarGraph, { labels: item.labels, height: height, categoryTitle: item.categoryTitle, distributionTitle: item.distributionTitle, legendTitle: item.legendTitle, children: item.series.map((series) => {
+            return _jsx(HorizontalBarGraph.Series, { data: series.data, title: series.title }, series.title);
+        }) }));
+}
+function HorizontalBarGraphDetailView({ item }) {
+    const { pop } = useNavigation();
+    return (_jsx(Detail, { navigationTitle: item.title, markdown: `# ${item.title}\n\n${item.subtitle}`, metadata: _jsx(Detail.Metadata, { children: _jsx(Chart, { item: item, height: 12 }) }), actions: _jsx(ActionPanel, { children: _jsx(Action, { title: "Go Back", onAction: () => { pop(); } }) }) }));
+}
+function HorizontalBarGraphWeeklyExample() {
+    const { push } = useNavigation();
+    return (_jsx(List, { navigationTitle: "HorizontalBarGraph Showcase", isShowingDetail: true, children: dataSets.map((item) => {
+            return (_jsx(List.Item, { title: item.title, subtitle: item.subtitle, detail: _jsx(List.Item.Detail, { metadata: _jsx(List.Item.Detail.Metadata, { children: _jsx(Chart, { item: item, height: 10 }) }) }), actions: _jsx(ActionPanel, { children: _jsx(Action, { title: "Open Detail", onAction: () => { push(_jsx(HorizontalBarGraphDetailView, { item: item })); } }) }) }, item.title));
+        }) }));
+}
+void renderWithProviders(_jsx(HorizontalBarGraphWeeklyExample, {}));
+//# sourceMappingURL=horizontal-bar-graph-weekly.js.map

package/dist/examples/horizontal-bar-graph-weekly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-bar-graph-weekly.js","sourceRoot":"","sources":["../../src/examples/horizontal-bar-graph-weekly.tsx"],"names":[],"mappings":"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"}

package/dist/examples/list-detail-height-ratchet.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-detail-height-ratchet.d.ts.map

package/dist/examples/list-detail-height-ratchet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-detail-height-ratchet.d.ts","sourceRoot":"","sources":["../../src/examples/list-detail-height-ratchet.tsx"],"names":[],"mappings":""}

package/dist/examples/list-detail-height-ratchet.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { List } from 'termcast';
+import { renderWithProviders } from '../utils';
+// Generate 25 items with alternating short/tall detail content.
+// Odd-indexed items have tall detail (many lines), even-indexed have short detail.
+const items = Array.from({ length: 25 }, (_, i) => {
+    const isTall = i % 2 === 1;
+    const markdown = isTall
+        ? [
+            `# Item ${i} (tall)`,
+            '',
+            ...Array.from({ length: 12 }, (_, j) => `Line ${j + 1} of detail content for item ${i}.`),
+        ].join('\n')
+        : `# Item ${i} (short)\n\nBrief.`;
+    return {
+        id: `item-${i}`,
+        title: `Item ${i}`,
+        subtitle: isTall ? 'tall' : 'short',
+        markdown,
+    };
+});
+function ListDetailHeightRatchet() {
+    return (_jsx(List, { navigationTitle: "Height Ratchet Test", searchBarPlaceholder: "Search...", isShowingDetail: true, children: items.map((item) => (_jsx(List.Item, { id: item.id, title: item.title, subtitle: item.subtitle, detail: _jsx(List.Item.Detail, { markdown: item.markdown }) }, item.id))) }));
+}
+await renderWithProviders(_jsx(ListDetailHeightRatchet, {}));
+//# sourceMappingURL=list-detail-height-ratchet.js.map

package/dist/examples/list-detail-height-ratchet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-detail-height-ratchet.js","sourceRoot":"","sources":["../../src/examples/list-detail-height-ratchet.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,gEAAgE;AAChE,mFAAmF;AACnF,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IAChD,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC1B,MAAM,QAAQ,GAAG,MAAM;QACrB,CAAC,CAAC;YACE,UAAU,CAAC,SAAS;YACpB,EAAE;YACF,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,+BAA+B,CAAC,GAAG,CAAC;SAC1F,CAAC,IAAI,CAAC,IAAI,CAAC;QACd,CAAC,CAAC,UAAU,CAAC,oBAAoB,CAAA;IAEnC,OAAO;QACL,EAAE,EAAE,QAAQ,CAAC,EAAE;QACf,KAAK,EAAE,QAAQ,CAAC,EAAE;QAClB,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;QACnC,QAAQ;KACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,uBAAuB;IAC9B,OAAO,CACL,KAAC,IAAI,IACH,eAAe,EAAC,qBAAqB,EACrC,oBAAoB,EAAC,WAAW,EAChC,eAAe,EAAE,IAAI,YAEpB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,IAAI,CAAC,IAAI,IAER,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,KAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,IAJhD,IAAI,CAAC,EAAE,CAKZ,CACH,CAAC,GACG,CACR,CAAA;AACH,CAAC;AAED,MAAM,mBAAmB,CAAC,KAAC,uBAAuB,KAAG,CAAC,CAAA"}

package/dist/examples/simple-dotted-line-graph.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=simple-dotted-line-graph.d.ts.map

package/dist/examples/simple-dotted-line-graph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-dotted-line-graph.d.ts","sourceRoot":"","sources":["../../src/examples/simple-dotted-line-graph.tsx"],"names":[],"mappings":""}

package/dist/examples/simple-dotted-line-graph.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@opentui/react/jsx-runtime";
+// Example: DottedLineGraph showing metric dashboard lines without box borders.
+import { Color, DottedLineGraph, Markdown } from 'termcast';
+import { renderWithProviders } from '../utils';
+const minutes = Array.from({ length: 60 }, (_, index) => {
+    if (index < 25)
+        return 18;
+    if (index < 35)
+        return 74 + (index % 3) * 4;
+    if (index < 57)
+        return 20;
+    return 66;
+});
+const memory = Array.from({ length: 60 }, (_, index) => {
+    if (index < 24)
+        return 34;
+    if (index < 40)
+        return 58 + (index % 5) * 3;
+    return 36;
+});
+const requests2xx = Array.from({ length: 60 }, (_, index) => {
+    if (index < 42)
+        return 52;
+    if (index < 56)
+        return 43;
+    return 63;
+});
+const requests5xx = Array.from({ length: 60 }, (_, index) => {
+    if (index < 12)
+        return 24;
+    if (index < 45)
+        return 30;
+    return 28;
+});
+function SimpleDottedLineGraph() {
+    return (_jsxs(_Fragment, { children: [_jsx(Markdown, { content: "## Dotted metrics" }), _jsx(Markdown, { content: "Metric-style dotted lines with braille subcell movement." }), _jsxs(DottedLineGraph, { height: 12, xLabels: ['7:28 AM', '7:43 AM', '7:58 AM', '8:13 AM', '8:28 AM'], yRange: [0, 100], yTicks: 4, yFormat: (value) => `${value.toFixed(0)}%`, dotSpacing: 4, children: [_jsx(DottedLineGraph.Series, { data: minutes, color: Color.Blue, title: "CPU" }), _jsx(DottedLineGraph.Series, { data: memory, color: Color.Purple, title: "Memory" }), _jsx(DottedLineGraph.Series, { data: requests2xx, color: Color.Green, title: "2xx" }), _jsx(DottedLineGraph.Series, { data: requests5xx, color: Color.Red, title: "5xx" })] })] }));
+}
+void renderWithProviders(_jsx(SimpleDottedLineGraph, {}));
+//# sourceMappingURL=simple-dotted-line-graph.js.map

package/dist/examples/simple-dotted-line-graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-dotted-line-graph.js","sourceRoot":"","sources":["../../src/examples/simple-dotted-line-graph.tsx"],"names":[],"mappings":"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"}

package/dist/examples/simple-histogram.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=simple-histogram.d.ts.map

package/dist/examples/simple-histogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-histogram.d.ts","sourceRoot":"","sources":["../../src/examples/simple-histogram.tsx"],"names":[],"mappings":""}