@m0saic/templates 0.2.0

package/dist/m0saic/charts/line-chart/v1/defaults.js

@@ -0,0 +1,151 @@
+"use strict";
+/**
+ * ============================================================================
+ * @m0saic/charts/line-chart — Defaults + Canonical Tokens + Resolvers
+ * ============================================================================
+ *
+ * Central home for default props, per-preset design tokens, and the
+ * union→resolved helpers the public template uses. No rendering, no FFmpeg
+ * math, no template registration here.
+ *
+ * The token sets are LIGHT-first: `neutral` reproduces the default Chart.js
+ * line chart (white card, light grid, dark text, blue line).
+ * ============================================================================
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_VALUE_LABELS = exports.DEFAULT_ANIM = exports.DEFAULT_POINT_RADIUS = exports.DEFAULT_STROKE_WIDTH = exports.DEFAULT_PADDING = exports.DEFAULT_CORNER_RADIUS = exports.DEFAULT_PRESET = exports.SERIES_PALETTE = exports.PRESET_TOKENS = void 0;
+exports.resolvePadding = resolvePadding;
+exports.resolveBorder = resolveBorder;
+exports.resolveLegend = resolveLegend;
+exports.resolveValueLabels = resolveValueLabels;
+exports.resolveAnim = resolveAnim;
+exports.resolveAxis = resolveAxis;
+exports.presetLineColor = presetLineColor;
+exports.resolvePointBorder = resolvePointBorder;
+exports.PRESET_TOKENS = {
+    // Canonical light look — matches the approved reference.
+    neutral: {
+        bg: "#ffffff", card: "#ffffff", grid: "#eef2f7", axis: "#d1d5db",
+        axisText: "#6b7280", title: "#111827", line: "#2563eb",
+        border: "#e5e7eb", borderAlpha: 1,
+    },
+    paper: {
+        bg: "#f8fafc", card: "#ffffff", grid: "#eef2f7", axis: "#cbd5e1",
+        axisText: "#64748b", title: "#0f172a", line: "#2563eb",
+        border: "#0f172a", borderAlpha: 0.1,
+    },
+    dark: {
+        bg: "#0b0f14", card: "#0f172a", grid: "#1f2937", axis: "#374151",
+        axisText: "#9ca3af", title: "#f9fafb", line: "#60a5fa",
+        border: "#ffffff", borderAlpha: 0.08,
+    },
+    terminal: {
+        bg: "#050505", card: "#0b0b0b", grid: "#14301c", axis: "#14532d",
+        axisText: "#22c55e", title: "#22c55e", line: "#22c55e",
+        border: "#22c55e", borderAlpha: 0.18,
+    },
+    glass: {
+        bg: "#0b0f14", card: "#111827", grid: "#1f2937", axis: "#374151",
+        axisText: "#cbd5e1", title: "#ffffff", line: "#60a5fa",
+        border: "#ffffff", borderAlpha: 0.1,
+    },
+};
+/** Multi-series default palette (cycled in series order). */
+exports.SERIES_PALETTE = [
+    "#2563eb", "#16a34a", "#db2777", "#d97706", "#7c3aed",
+];
+// ---------------------------------------------------------------------------
+// Scalar defaults
+// ---------------------------------------------------------------------------
+exports.DEFAULT_PRESET = "neutral";
+exports.DEFAULT_CORNER_RADIUS = 0.04;
+/**
+ * Default plot insets (px, at 1280×720) — match the approved sandbox frame:
+ *   y-gutter 72 | plot | x-gutter 48 ; header 120 top.
+ */
+exports.DEFAULT_PADDING = { top: 120, right: 16, bottom: 48, left: 72 };
+exports.DEFAULT_STROKE_WIDTH = 2;
+exports.DEFAULT_POINT_RADIUS = 3;
+exports.DEFAULT_ANIM = {
+    intro: { durationSec: 1.1, delaySec: 0.1, staggerSec: 0.12, ease: "smoothstep" },
+    reduceMotion: false,
+};
+exports.DEFAULT_VALUE_LABELS = {
+    show: false, format: "compact", decimals: 0, fontSize: 12,
+};
+// ---------------------------------------------------------------------------
+// Resolvers
+// ---------------------------------------------------------------------------
+function resolvePadding(p) {
+    if (typeof p === "number")
+        return { top: p, right: p, bottom: p, left: p };
+    if (p && typeof p === "object")
+        return { top: p.top, right: p.right, bottom: p.bottom, left: p.left };
+    return exports.DEFAULT_PADDING;
+}
+function resolveBorder(b, preset) {
+    var _a, _b;
+    const tk = exports.PRESET_TOKENS[preset];
+    return { color: (_a = b === null || b === void 0 ? void 0 : b.color) !== null && _a !== void 0 ? _a : tk.border, alpha: (_b = b === null || b === void 0 ? void 0 : b.alpha) !== null && _b !== void 0 ? _b : tk.borderAlpha };
+}
+function resolveLegend(l, preset) {
+    var _a, _b, _c, _d;
+    const tk = exports.PRESET_TOKENS[preset];
+    return {
+        show: (_a = l === null || l === void 0 ? void 0 : l.show) !== null && _a !== void 0 ? _a : true,
+        position: (_b = l === null || l === void 0 ? void 0 : l.position) !== null && _b !== void 0 ? _b : "top",
+        color: (_c = l === null || l === void 0 ? void 0 : l.color) !== null && _c !== void 0 ? _c : tk.axisText,
+        fontSize: (_d = l === null || l === void 0 ? void 0 : l.fontSize) !== null && _d !== void 0 ? _d : 13,
+    };
+}
+function resolveValueLabels(v) {
+    return { ...exports.DEFAULT_VALUE_LABELS, ...(v !== null && v !== void 0 ? v : {}) };
+}
+function resolveAnim(anim, reduceMotion) {
+    var _a, _b;
+    const intro = { ...exports.DEFAULT_ANIM.intro, ...((_a = anim === null || anim === void 0 ? void 0 : anim.intro) !== null && _a !== void 0 ? _a : {}) };
+    const rm = (_b = reduceMotion !== null && reduceMotion !== void 0 ? reduceMotion : anim === null || anim === void 0 ? void 0 : anim.reduceMotion) !== null && _b !== void 0 ? _b : exports.DEFAULT_ANIM.reduceMotion;
+    return { intro, reduceMotion: rm };
+}
+/**
+ * Resolve a public per-axis group into a fully-resolved ResolvedAxis. `which`
+ * selects sensible per-axis defaults (the y axis shows gridlines + labels; the
+ * x axis shows category labels but no vertical grid by default — Chart.js look).
+ */
+function resolveAxis(cfg, which, preset) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    const tk = exports.PRESET_TOKENS[preset];
+    const c = cfg !== null && cfg !== void 0 ? cfg : {};
+    return {
+        show: (_a = c.show) !== null && _a !== void 0 ? _a : true,
+        color: (_b = c.color) !== null && _b !== void 0 ? _b : tk.axis,
+        thickness: (_c = c.thickness) !== null && _c !== void 0 ? _c : 1,
+        showLabels: (_d = c.showLabels) !== null && _d !== void 0 ? _d : true,
+        labelColor: (_e = c.labelColor) !== null && _e !== void 0 ? _e : tk.axisText,
+        fontSize: (_f = c.fontSize) !== null && _f !== void 0 ? _f : 13,
+        // Canonical numeric-axis look = grouped raw ("10,000"), matching the
+        // approved reference. Callers can switch to "compact" (10K) / "percent".
+        format: (_g = c.format) !== null && _g !== void 0 ? _g : "raw",
+        decimals: (_h = c.decimals) !== null && _h !== void 0 ? _h : 0,
+        prefix: (_j = c.prefix) !== null && _j !== void 0 ? _j : "",
+        suffix: (_k = c.suffix) !== null && _k !== void 0 ? _k : "",
+        tickCount: (_l = c.tickCount) !== null && _l !== void 0 ? _l : 0, // 0 ⇒ derive from scale ticks / categories
+        showTicks: (_m = c.showTicks) !== null && _m !== void 0 ? _m : false,
+        tickLength: (_o = c.tickLength) !== null && _o !== void 0 ? _o : 4,
+        tickColor: (_p = c.tickColor) !== null && _p !== void 0 ? _p : tk.axis,
+        rotation: (_q = c.rotation) !== null && _q !== void 0 ? _q : 0,
+        showGrid: (_r = c.showGrid) !== null && _r !== void 0 ? _r : (which === "y"),
+        gridCount: (_s = c.gridCount) !== null && _s !== void 0 ? _s : 0, // 0 ⇒ one line per tick/category
+        gridColor: (_t = c.gridColor) !== null && _t !== void 0 ? _t : tk.grid,
+        gridOpacity: (_u = c.gridOpacity) !== null && _u !== void 0 ? _u : 1,
+        gridDash: (_v = c.gridDash) !== null && _v !== void 0 ? _v : "solid",
+    };
+}
+/** First-series line color when nothing explicit was passed. */
+function presetLineColor(preset) {
+    return exports.PRESET_TOKENS[preset].line;
+}
+function resolvePointBorder(pb) {
+    var _a;
+    return { color: pb === null || pb === void 0 ? void 0 : pb.color, width: (_a = pb === null || pb === void 0 ? void 0 : pb.width) !== null && _a !== void 0 ? _a : 0 };
+}

package/dist/m0saic/charts/line-chart/v1/format.d.ts

@@ -0,0 +1,26 @@
+/**
+ * ============================================================================
+ * @m0saic/charts/line-chart — value/tick label formatting
+ * ============================================================================
+ *
+ * Pure formatters for axis ticks + per-point value labels. The axis MATH
+ * (nice ticks / projection) lives in @m0saic/dsl-stdlib (via charts/_shared);
+ * this file only turns a number into a display string with the chosen
+ * format / decimals / prefix / suffix.
+ * ============================================================================
+ */
+import type { AxisTickFormat, ValueLabelFormat } from "./types";
+/**
+ * Format an axis tick value.
+ *
+ * @param value   the tick value
+ * @param format  raw | compact | percent
+ * @param decimals fixed decimal places
+ * @param domainMax used by "percent" (value / max * 100)
+ * @param prefix/suffix wrappers (e.g. "$" / "ms")
+ */
+export declare function formatAxisValue(value: number, format: AxisTickFormat, decimals: number, domainMax: number, prefix?: string, suffix?: string): string;
+/** Format a per-point value label. */
+export declare function formatValueLabel(value: number, format: ValueLabelFormat, decimals: number): string;
+/** "1234567" → "1,234,567" (with fixed decimals). */
+export declare function groupThousands(value: number, decimals: number): string;

package/dist/m0saic/charts/line-chart/v1/format.js

@@ -0,0 +1,76 @@
+"use strict";
+/**
+ * ============================================================================
+ * @m0saic/charts/line-chart — value/tick label formatting
+ * ============================================================================
+ *
+ * Pure formatters for axis ticks + per-point value labels. The axis MATH
+ * (nice ticks / projection) lives in @m0saic/dsl-stdlib (via charts/_shared);
+ * this file only turns a number into a display string with the chosen
+ * format / decimals / prefix / suffix.
+ * ============================================================================
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatAxisValue = formatAxisValue;
+exports.formatValueLabel = formatValueLabel;
+exports.groupThousands = groupThousands;
+function compact(n, decimals) {
+    const abs = Math.abs(n);
+    const sign = n < 0 ? "-" : "";
+    if (abs >= 1e12)
+        return sign + (abs / 1e12).toFixed(decimals) + "T";
+    if (abs >= 1e9)
+        return sign + (abs / 1e9).toFixed(decimals) + "B";
+    if (abs >= 1e6)
+        return sign + (abs / 1e6).toFixed(decimals) + "M";
+    if (abs >= 1e3)
+        return sign + (abs / 1e3).toFixed(decimals) + "K";
+    return sign + abs.toFixed(decimals);
+}
+/**
+ * Format an axis tick value.
+ *
+ * @param value   the tick value
+ * @param format  raw | compact | percent
+ * @param decimals fixed decimal places
+ * @param domainMax used by "percent" (value / max * 100)
+ * @param prefix/suffix wrappers (e.g. "$" / "ms")
+ */
+function formatAxisValue(value, format, decimals, domainMax, prefix = "", suffix = "") {
+    let base;
+    switch (format) {
+        case "raw":
+            // Comma-group thousands for the canonical numeric-axis look (1,000).
+            base = groupThousands(value, decimals);
+            break;
+        case "percent":
+            base = domainMax === 0 ? (0).toFixed(decimals) + "%" : ((value / domainMax) * 100).toFixed(decimals) + "%";
+            break;
+        case "compact":
+        default:
+            base = compact(value, decimals);
+            break;
+    }
+    return `${prefix}${base}${suffix}`;
+}
+/** Format a per-point value label. */
+function formatValueLabel(value, format, decimals) {
+    switch (format) {
+        case "raw":
+            return groupThousands(value, decimals);
+        case "percent":
+            return value.toFixed(decimals) + "%";
+        case "compact":
+        default:
+            return compact(value, decimals);
+    }
+}
+/** "1234567" → "1,234,567" (with fixed decimals). */
+function groupThousands(value, decimals) {
+    const fixed = value.toFixed(decimals);
+    const [int, frac] = fixed.split(".");
+    const sign = int.startsWith("-") ? "-" : "";
+    const digits = sign ? int.slice(1) : int;
+    const grouped = digits.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    return frac ? `${sign}${grouped}.${frac}` : `${sign}${grouped}`;
+}

package/dist/m0saic/charts/line-chart/v1/frame.d.ts

@@ -0,0 +1,50 @@
+/**
+ * ============================================================================
+ * @m0saic/charts/line-chart — frame geometry (the REAL m0 rectangles)
+ * ============================================================================
+ *
+ * The chart frame is REAL m0 geometry, not a stack of full-canvas overlays.
+ * This module is the single source of truth for the coarse frame split:
+ *
+ *     row: header | body | x-gutter
+ *     body (col): y-gutter | plot | right-margin
+ *
+ * JS PIXEL MATH → INTEGER WEIGHTS (bounded basis) → m0 DSL. The plot rect is
+ * DERIVED from the chosen weights so the animated data layer (the one part that
+ * can't be m0 geometry) lands exactly on the geometry cells at every resolution.
+ *
+ * Why a bounded basis: literal-mode splits above ~200 cells trip the engine's
+ * pixel-rounding bug (see the internal engine-split-pixel-rounding-bug notes).
+ * Exact-pixel weights would need basis = W/gcd, which can exceed 200 at 1080p+.
+ * We quantize to BASIS_COL / BASIS_ROW (≤200) and let the data follow geometry.
+ * At 1280×720 the quantization is exact (reproduces the approved 72/16/120/48).
+ *
+ * PURE — no rendering, no m0saic types, no registration.
+ * ============================================================================
+ */
+import type { ResolvedPadding } from "./types";
+/** Column basis (width axis). ≤200 to stay under the engine split-rounding cap. */
+export declare const BASIS_COL = 160;
+/** Row basis (height axis). */
+export declare const BASIS_ROW = 90;
+export type FrameWeights = {
+    basisRow: number;
+    basisCol: number;
+    /** Row weights: [header, body, xGutter] — sum === basisRow. */
+    rootRow: [number, number, number];
+    /** Body col weights: [yGutter, plot, rightMargin] — sum === basisCol. */
+    bodyCol: [number, number, number];
+    /** Plot rect in absolute px, DERIVED from the weights (geometry is truth). */
+    plot: {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    };
+};
+/**
+ * Compute the frame weights + the derived plot rect for a canvas of (W,H) with
+ * the requested plot insets. The returned `plot` rect is what the caller must
+ * feed to the chart MODEL so the data line/points align to the geometry cells.
+ */
+export declare function computeFrame(W: number, H: number, pad: ResolvedPadding): FrameWeights;

package/dist/m0saic/charts/line-chart/v1/frame.js

@@ -0,0 +1,62 @@
+"use strict";
+/**
+ * ============================================================================
+ * @m0saic/charts/line-chart — frame geometry (the REAL m0 rectangles)
+ * ============================================================================
+ *
+ * The chart frame is REAL m0 geometry, not a stack of full-canvas overlays.
+ * This module is the single source of truth for the coarse frame split:
+ *
+ *     row: header | body | x-gutter
+ *     body (col): y-gutter | plot | right-margin
+ *
+ * JS PIXEL MATH → INTEGER WEIGHTS (bounded basis) → m0 DSL. The plot rect is
+ * DERIVED from the chosen weights so the animated data layer (the one part that
+ * can't be m0 geometry) lands exactly on the geometry cells at every resolution.
+ *
+ * Why a bounded basis: literal-mode splits above ~200 cells trip the engine's
+ * pixel-rounding bug (see the internal engine-split-pixel-rounding-bug notes).
+ * Exact-pixel weights would need basis = W/gcd, which can exceed 200 at 1080p+.
+ * We quantize to BASIS_COL / BASIS_ROW (≤200) and let the data follow geometry.
+ * At 1280×720 the quantization is exact (reproduces the approved 72/16/120/48).
+ *
+ * PURE — no rendering, no m0saic types, no registration.
+ * ============================================================================
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BASIS_ROW = exports.BASIS_COL = void 0;
+exports.computeFrame = computeFrame;
+/** Column basis (width axis). ≤200 to stay under the engine split-rounding cap. */
+exports.BASIS_COL = 160;
+/** Row basis (height axis). */
+exports.BASIS_ROW = 90;
+/**
+ * Split a 3-part proportion into integer weights summing exactly to `basis`,
+ * each ≥ 1. Round the two outer parts, give the middle the remainder so the
+ * sum is exact (the middle = plot/body, which absorbs rounding harmlessly).
+ */
+function quantize3(parts, basis) {
+    const sum = parts[0] + parts[1] + parts[2] || 1;
+    const a = Math.max(1, Math.round((parts[0] / sum) * basis));
+    const c = Math.max(1, Math.round((parts[2] / sum) * basis));
+    const b = Math.max(1, basis - a - c);
+    // Re-normalise if the clamps pushed us off `basis` (only when parts are tiny).
+    const total = a + b + c;
+    if (total !== basis)
+        return [a, basis - a - c >= 1 ? basis - a - c : b, c];
+    return [a, b, c];
+}
+/**
+ * Compute the frame weights + the derived plot rect for a canvas of (W,H) with
+ * the requested plot insets. The returned `plot` rect is what the caller must
+ * feed to the chart MODEL so the data line/points align to the geometry cells.
+ */
+function computeFrame(W, H, pad) {
+    const rootRow = quantize3([pad.top, H - pad.top - pad.bottom, pad.bottom], exports.BASIS_ROW);
+    const bodyCol = quantize3([pad.left, W - pad.left - pad.right, pad.right], exports.BASIS_COL);
+    const left = (bodyCol[0] / exports.BASIS_COL) * W;
+    const right = ((bodyCol[0] + bodyCol[1]) / exports.BASIS_COL) * W;
+    const top = (rootRow[0] / exports.BASIS_ROW) * H;
+    const bottom = ((rootRow[0] + rootRow[1]) / exports.BASIS_ROW) * H;
+    return { basisRow: exports.BASIS_ROW, basisCol: exports.BASIS_COL, rootRow, bodyCol, plot: { left, top, right, bottom } };
+}

package/dist/m0saic/charts/line-chart/v1/geometry.d.ts

@@ -0,0 +1,15 @@
+/**
+ * ============================================================================
+ * @m0saic/charts/line-chart — native geometry (THIN RE-EXPORT)
+ * ============================================================================
+ *
+ * The pure polyline kit that used to live here was hoisted verbatim to
+ * `@m0saic/template-utils` (`src/geometry/polyline.ts`, 2026-08-18) so other
+ * packs (mermaid edges) can reuse the math without a cross-pack template
+ * import. This module re-exports the same names, so every in-pack import and
+ * the chart's output stay byte-identical. New code should import from
+ * `@m0saic/template-utils` directly.
+ * ============================================================================
+ */
+export { ribbonQuadBBox, markerBBox, polylineStrokePath, polylineStrokeBBox, curvePolyline, buildDashMarks, dashMarkPath, dashMarkBBox, dashMarksBBox, areaBBox, local, rectPath, ribbonQuadPath, markerPath, areaPolygonPath, buildSweepSlivers, vertexFractions, } from "@m0saic/template-utils";
+export type { BBox, DashMark, Sliver, SweepOpts } from "@m0saic/template-utils";

package/dist/m0saic/charts/line-chart/v1/geometry.js

@@ -0,0 +1,34 @@
+"use strict";
+/**
+ * ============================================================================
+ * @m0saic/charts/line-chart — native geometry (THIN RE-EXPORT)
+ * ============================================================================
+ *
+ * The pure polyline kit that used to live here was hoisted verbatim to
+ * `@m0saic/template-utils` (`src/geometry/polyline.ts`, 2026-08-18) so other
+ * packs (mermaid edges) can reuse the math without a cross-pack template
+ * import. This module re-exports the same names, so every in-pack import and
+ * the chart's output stay byte-identical. New code should import from
+ * `@m0saic/template-utils` directly.
+ * ============================================================================
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.vertexFractions = exports.buildSweepSlivers = exports.areaPolygonPath = exports.markerPath = exports.ribbonQuadPath = exports.rectPath = exports.local = exports.areaBBox = exports.dashMarksBBox = exports.dashMarkBBox = exports.dashMarkPath = exports.buildDashMarks = exports.curvePolyline = exports.polylineStrokeBBox = exports.polylineStrokePath = exports.markerBBox = exports.ribbonQuadBBox = void 0;
+var template_utils_1 = require("@m0saic/template-utils");
+Object.defineProperty(exports, "ribbonQuadBBox", { enumerable: true, get: function () { return template_utils_1.ribbonQuadBBox; } });
+Object.defineProperty(exports, "markerBBox", { enumerable: true, get: function () { return template_utils_1.markerBBox; } });
+Object.defineProperty(exports, "polylineStrokePath", { enumerable: true, get: function () { return template_utils_1.polylineStrokePath; } });
+Object.defineProperty(exports, "polylineStrokeBBox", { enumerable: true, get: function () { return template_utils_1.polylineStrokeBBox; } });
+Object.defineProperty(exports, "curvePolyline", { enumerable: true, get: function () { return template_utils_1.curvePolyline; } });
+Object.defineProperty(exports, "buildDashMarks", { enumerable: true, get: function () { return template_utils_1.buildDashMarks; } });
+Object.defineProperty(exports, "dashMarkPath", { enumerable: true, get: function () { return template_utils_1.dashMarkPath; } });
+Object.defineProperty(exports, "dashMarkBBox", { enumerable: true, get: function () { return template_utils_1.dashMarkBBox; } });
+Object.defineProperty(exports, "dashMarksBBox", { enumerable: true, get: function () { return template_utils_1.dashMarksBBox; } });
+Object.defineProperty(exports, "areaBBox", { enumerable: true, get: function () { return template_utils_1.areaBBox; } });
+Object.defineProperty(exports, "local", { enumerable: true, get: function () { return template_utils_1.local; } });
+Object.defineProperty(exports, "rectPath", { enumerable: true, get: function () { return template_utils_1.rectPath; } });
+Object.defineProperty(exports, "ribbonQuadPath", { enumerable: true, get: function () { return template_utils_1.ribbonQuadPath; } });
+Object.defineProperty(exports, "markerPath", { enumerable: true, get: function () { return template_utils_1.markerPath; } });
+Object.defineProperty(exports, "areaPolygonPath", { enumerable: true, get: function () { return template_utils_1.areaPolygonPath; } });
+Object.defineProperty(exports, "buildSweepSlivers", { enumerable: true, get: function () { return template_utils_1.buildSweepSlivers; } });
+Object.defineProperty(exports, "vertexFractions", { enumerable: true, get: function () { return template_utils_1.vertexFractions; } });

package/dist/m0saic/charts/line-chart/v1/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * ============================================================================
+ * @m0saic/charts/line-chart — Entry Point
+ * ============================================================================
+ *
+ * Single import entry for the line-chart template family. Importing this file
+ * triggers side-effect registration of ALL templates (public + internal).
+ *
+ *   - Every internal template MUST be imported here (for registration).
+ *   - Only the public template (ChartsLineChart) is exported by name.
+ *   - Internals are reached via renderNestedTemplate by template ID.
+ * ============================================================================
+ */
+import "./chrome";
+export { ChartsLineChart } from "./line-chart";
+export type { LineChartProps, LineChartPreset } from "./types";

package/dist/m0saic/charts/line-chart/v1/index.js

@@ -0,0 +1,21 @@
+"use strict";
+/**
+ * ============================================================================
+ * @m0saic/charts/line-chart — Entry Point
+ * ============================================================================
+ *
+ * Single import entry for the line-chart template family. Importing this file
+ * triggers side-effect registration of ALL templates (public + internal).
+ *
+ *   - Every internal template MUST be imported here (for registration).
+ *   - Only the public template (ChartsLineChart) is exported by name.
+ *   - Internals are reached via renderNestedTemplate by template ID.
+ * ============================================================================
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartsLineChart = void 0;
+// Internal templates — imported for side-effect registration only.
+require("./chrome");
+// Public template
+var line_chart_1 = require("./line-chart");
+Object.defineProperty(exports, "ChartsLineChart", { enumerable: true, get: function () { return line_chart_1.ChartsLineChart; } });

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

@@ -0,0 +1,26 @@
+/**
+ * ============================================================================
+ * @m0saic/charts/line-chart/v1 — Canonical Line Chart (data-viz primitive)
+ * ============================================================================
+ *
+ * The PUBLIC top-level template. The sibling of bar-graph/donut/stat-card and
+ * the base every dashboard/report composes. Carries ample, well-organized
+ * customization: multi-series data, full axis control, full line/point control,
+ * and transparent / solid / image backgrounds.
+ *
+ * RESPONSIBILITY:
+ *   1) Normalize values → number[][] (multi-series core).
+ *   2) Resolve every public union → fully-resolved internal config.
+ *   3) Domain + projection via the shared math core (charts/_shared).
+ *   4) Render the unified chart SVG (one coordinate system).
+ *   5) Fan out: plot-image (rasterize + reveal) → chart-frame (bg + card).
+ *
+ * HARD RULES (mirror bar-graph):
+ *   - No FFmpeg expressions here — plot-image (the leaf) owns them.
+ *   - No SVG drawing here — svg.ts owns it.
+ *   - No sharp here — plot-image owns rasterization.
+ * ============================================================================
+ */
+import type { MosaicTemplate } from "@m0saic/types";
+import type { LineChartProps } from "./types";
+export declare const ChartsLineChart: MosaicTemplate<LineChartProps>;