markgraphy 0.1.1

package/dist/graphs/GraphWaffle.svelte

@@ -0,0 +1,131 @@
+<script module lang="ts">
+	import type { Glyphs } from '../frame/glyphs';
+	import type { GraphPalette } from '../frame/tone';
+
+	/** Share grid of ~100 cells; filled cells carry the accent. */
+	export interface GraphWaffleProps {
+		title: string;
+		value: number;
+		cells?: number;
+		columns?: number;
+		caption?: string;
+		glyphs?: Glyphs;
+		palette?: GraphPalette;
+		corner?: string;
+		class?: string;
+	}
+</script>
+
+<script lang="ts">
+	import Graph from '../frame/Graph.svelte';
+	import GraphBody from '../frame/GraphBody.svelte';
+	import { trackMarks } from '../frame/glyphs';
+	import { reveal, stagger } from '../frame/motion';
+
+	let {
+		title,
+		value,
+		cells = 100,
+		columns = 10,
+		caption,
+		glyphs,
+		corner,
+		class: className = ''
+	}: GraphWaffleProps = $props();
+
+	const view = $derived.by(() => {
+		const clamped = Math.min(1, Math.max(0, value));
+		const filled = Math.round(clamped * cells);
+		const rowCount = Math.ceil(cells / columns);
+		const marks = trackMarks(glyphs, { empty: '░', rest: '░', fill: '█' });
+		const percent = Math.round(clamped * 100);
+		return { filled, rowCount, marks, percent };
+	});
+</script>
+
+<Graph {title} {corner} class={className}>
+	<GraphBody>
+		<div class="wrap">
+			<div class="grid" aria-hidden="true">
+				{#each Array.from({ length: view.rowCount }) as _, row}
+					<div class="wrow" use:reveal={{ delay: stagger(row, 40), amount: 0.4 }}>
+						{#each Array.from({ length: columns }) as _, column}
+							{@const index = row * columns + column}
+							{#if index >= cells}
+								<span class="cell"></span>
+							{:else}
+								<span
+									class="cell"
+									class:c-accent={index < view.filled}
+									class:c-frame={index >= view.filled}
+								>
+									{index < view.filled ? view.marks.fill : view.marks.empty}
+								</span>
+							{/if}
+						{/each}
+					</div>
+				{/each}
+			</div>
+			<p class="pct c-accent">{view.percent}%</p>
+			{#if caption}
+				<p class="muted">{caption}</p>
+			{/if}
+			<span class="sr-only">{view.percent} percent{#if caption}. {caption}{/if}</span>
+		</div>
+	</GraphBody>
+</Graph>
+
+<style>
+	.wrap {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+	}
+
+	.grid {
+		display: flex;
+		flex-direction: column;
+		gap: 0.25rem;
+		user-select: none;
+	}
+
+	.wrow {
+		display: flex;
+		justify-content: center;
+		gap: 0.125rem;
+	}
+
+	.cell {
+		min-width: 1ch;
+		text-align: center;
+	}
+
+	.pct {
+		margin: 0;
+	}
+
+	.muted {
+		margin: 0;
+		color: var(--graph-muted, oklch(0.62 0 0));
+	}
+
+	.c-accent {
+		color: var(--graph-accent, oklch(0.78 0.17 155));
+	}
+
+	.c-frame {
+		color: var(--graph-frame, oklch(0.6 0 0 / 0.5));
+	}
+
+	.sr-only {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip-path: inset(50%);
+		white-space: nowrap;
+		border-width: 0;
+	}
+</style>

package/dist/graphs/GraphWaffle.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { Glyphs } from '../frame/glyphs';
+import type { GraphPalette } from '../frame/tone';
+/** Share grid of ~100 cells; filled cells carry the accent. */
+export interface GraphWaffleProps {
+    title: string;
+    value: number;
+    cells?: number;
+    columns?: number;
+    caption?: string;
+    glyphs?: Glyphs;
+    palette?: GraphPalette;
+    corner?: string;
+    class?: string;
+}
+declare const GraphWaffle: import("svelte").Component<GraphWaffleProps, {}, "">;
+type GraphWaffle = ReturnType<typeof GraphWaffle>;
+export default GraphWaffle;

package/dist/graphs/GraphWaterfall.svelte

@@ -0,0 +1,258 @@
+<script module lang="ts">
+	import type { Glyphs } from '../frame/glyphs';
+	import type { GraphPalette } from '../frame/tone';
+
+	/** Running total drawn as floating bars over a shared scale. */
+	export type WaterfallKind = 'start' | 'in' | 'out' | 'end';
+
+	export interface WaterfallItem {
+		label: string;
+		value: number;
+		display?: string;
+		kind?: WaterfallKind;
+	}
+
+	export interface GraphWaterfallProps {
+		title: string;
+		items: WaterfallItem[];
+		ticks?: number;
+		glyphs?: Glyphs;
+		palette?: GraphPalette;
+		corner?: string;
+		class?: string;
+	}
+</script>
+
+<script lang="ts">
+	import Graph from '../frame/Graph.svelte';
+	import GraphBody from '../frame/GraphBody.svelte';
+	import GraphRule from '../frame/GraphRule.svelte';
+	import GraphTrack from '../frame/GraphTrack.svelte';
+	import GraphTick from '../frame/GraphTick.svelte';
+	import { trackMarks } from '../frame/glyphs';
+	import { isMonoPalette } from '../frame/tone';
+	import { reveal, stagger } from '../frame/motion';
+
+	let {
+		title,
+		items,
+		ticks = 24,
+		glyphs,
+		palette,
+		corner,
+		class: className = ''
+	}: GraphWaterfallProps = $props();
+
+	const mono = $derived(isMonoPalette(palette));
+
+	interface Segment {
+		label: string;
+		value: number;
+		display?: string;
+		kind: WaterfallKind;
+		from: number;
+		to: number;
+		start: number;
+		end: number;
+	}
+
+	function formatValue(item: { value: number; display?: string }, kind: WaterfallKind) {
+		if (item.display) {
+			return item.display;
+		}
+
+		const absolute = Math.abs(item.value);
+
+		if (kind === 'in') {
+			return `+${absolute.toLocaleString('en-US')}`;
+		}
+
+		if (kind === 'out') {
+			return `−${absolute.toLocaleString('en-US')}`;
+		}
+
+		return item.value.toLocaleString('en-US');
+	}
+
+	const view = $derived.by(() => {
+		const marks = trackMarks(glyphs);
+		let run = 0;
+		const segments: Segment[] = items.map((entry, index) => {
+			const kind: WaterfallKind =
+				entry.kind ??
+				(index === 0
+					? 'start'
+					: index === items.length - 1
+						? 'end'
+						: entry.value >= 0
+							? 'in'
+							: 'out');
+			const magnitude = Math.abs(entry.value);
+			let from: number;
+			let to: number;
+
+			if (kind === 'start') {
+				from = 0;
+				to = entry.value;
+				run = entry.value;
+			} else if (kind === 'in') {
+				from = run;
+				to = run + magnitude;
+				run = to;
+			} else if (kind === 'out') {
+				to = run;
+				from = run - magnitude;
+				run = from;
+			} else {
+				from = 0;
+				to = entry.value;
+				run = to;
+			}
+
+			return {
+				label: entry.label,
+				value: entry.value,
+				display: entry.display,
+				kind,
+				from,
+				to,
+				start: 0,
+				end: 0
+			};
+		});
+		const lows = segments.map((segment) => Math.min(segment.from, segment.to));
+		const highs = segments.map((segment) => Math.max(segment.from, segment.to));
+		const low = Math.min(0, ...lows);
+		const high = Math.max(1, ...highs);
+		const span = high - low || 1;
+
+		const column = (value: number) => Math.round(((value - low) / span) * ticks);
+
+		for (const segment of segments) {
+			const start = Math.min(column(segment.from), column(segment.to));
+			segment.start = start;
+			segment.end = Math.max(column(segment.from), column(segment.to), start + 1);
+		}
+
+		return { segments, marks };
+	});
+</script>
+
+<Graph {title} {corner} class={className}>
+	<GraphBody>
+		<ul class="falls" role="list">
+			{#each view.segments as segment, index (segment.label)}
+				<li class="fall">
+					{#if segment.kind === 'end' && index > 0}
+						<GraphRule />
+					{/if}
+					<div class="row" use:reveal={{ delay: stagger(index, 40), amount: 0.4 }}>
+						<span class="label">{segment.label}</span>
+						<GraphTrack>
+							{#each Array.from({ length: ticks }) as _, cell}
+								{@const filled = cell >= segment.start && cell < segment.end}
+								<GraphTick>
+									<span
+										class="g"
+										class:c-frame={!filled}
+										class:c-accent={filled && segment.kind !== 'out' && segment.kind !== 'start'}
+										class:c-accent2={filled && segment.kind === 'out' && !mono}
+										class:c-muted={filled && segment.kind === 'out' && mono}
+										class:c-fg={filled && segment.kind === 'start'}
+									>
+										{filled ? view.marks.fill : view.marks.empty}
+									</span>
+								</GraphTick>
+							{/each}
+						</GraphTrack>
+						<span
+							class="value"
+							class:c-accent={segment.kind === 'end'}
+							class:c-accent2={segment.kind === 'out' && !mono}
+							class:c-muted={segment.kind === 'out' && mono}
+							class:c-fg={segment.kind === 'start' || segment.kind === 'in'}
+						>
+							{formatValue(segment, segment.kind)}
+						</span>
+					</div>
+				</li>
+			{/each}
+		</ul>
+		<span class="sr-only">
+			{view.segments
+				.map((segment) => `${segment.label} ${formatValue(segment, segment.kind)}`)
+				.join(', ')}
+		</span>
+	</GraphBody>
+</Graph>
+
+<style>
+	.falls {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+
+	.fall {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+
+	.row {
+		display: grid;
+		grid-template-columns: 7rem minmax(0, 1fr) 5.5rem;
+		align-items: center;
+		column-gap: 1rem;
+	}
+
+	.label {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		color: var(--graph-foreground, oklch(0.93 0 0));
+	}
+
+	.g {
+		user-select: none;
+	}
+
+	.value {
+		text-align: right;
+	}
+
+	.c-accent {
+		color: var(--graph-accent, oklch(0.78 0.17 155));
+	}
+
+	.c-accent2 {
+		color: var(--graph-accent-2, oklch(0.78 0.12 70));
+	}
+
+	.c-muted {
+		color: var(--graph-muted, oklch(0.62 0 0));
+	}
+
+	.c-frame {
+		color: var(--graph-frame, oklch(0.6 0 0 / 0.5));
+	}
+
+	.c-fg {
+		color: var(--graph-foreground, oklch(0.93 0 0));
+	}
+
+	.sr-only {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip-path: inset(50%);
+		white-space: nowrap;
+		border-width: 0;
+	}
+</style>

package/dist/graphs/GraphWaterfall.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { Glyphs } from '../frame/glyphs';
+import type { GraphPalette } from '../frame/tone';
+/** Running total drawn as floating bars over a shared scale. */
+export type WaterfallKind = 'start' | 'in' | 'out' | 'end';
+export interface WaterfallItem {
+    label: string;
+    value: number;
+    display?: string;
+    kind?: WaterfallKind;
+}
+export interface GraphWaterfallProps {
+    title: string;
+    items: WaterfallItem[];
+    ticks?: number;
+    glyphs?: Glyphs;
+    palette?: GraphPalette;
+    corner?: string;
+    class?: string;
+}
+declare const GraphWaterfall: import("svelte").Component<GraphWaterfallProps, {}, "">;
+type GraphWaterfall = ReturnType<typeof GraphWaterfall>;
+export default GraphWaterfall;

package/dist/index.d.ts

@@ -0,0 +1,147 @@
+export { default as Graph } from './frame/Graph.svelte';
+export { default as GraphBody } from './frame/GraphBody.svelte';
+export { default as GraphRule } from './frame/GraphRule.svelte';
+export { default as GraphTrack } from './frame/GraphTrack.svelte';
+export { default as GraphTick } from './frame/GraphTick.svelte';
+export { default as GraphArrow } from './frame/GraphArrow.svelte';
+export * from './frame/glyphs';
+export * from './frame/tone';
+export * from './frame/motion';
+export * from './frame/clock';
+export { default as GraphActivity } from './graphs/GraphActivity.svelte';
+export type { ActivityDay, GraphActivityProps } from './graphs/GraphActivity.svelte';
+export { default as GraphBars } from './graphs/GraphBars.svelte';
+export type { BarSeries, GraphBarsProps } from './graphs/GraphBars.svelte';
+export { default as GraphBullet } from './graphs/GraphBullet.svelte';
+export type { BulletItem, GraphBulletProps } from './graphs/GraphBullet.svelte';
+export { default as GraphCalendar } from './graphs/GraphCalendar.svelte';
+export type { CalendarMark, GraphCalendarProps } from './graphs/GraphCalendar.svelte';
+export { default as GraphCells } from './graphs/GraphCells.svelte';
+export type { CellGrid, GraphCellsProps } from './graphs/GraphCells.svelte';
+export { default as GraphCompare } from './graphs/GraphCompare.svelte';
+export type { CompareCell, CompareRow, GraphCompareProps } from './graphs/GraphCompare.svelte';
+export { default as GraphCountdown } from './graphs/GraphCountdown.svelte';
+export type { GraphCountdownProps } from './graphs/GraphCountdown.svelte';
+export { default as GraphDiff } from './graphs/GraphDiff.svelte';
+export type { DiffSign, DiffRow, GraphDiffProps } from './graphs/GraphDiff.svelte';
+export { default as GraphFlow } from './graphs/GraphFlow.svelte';
+export type { FlowTone, FlowNode, FlowRow, GraphFlowProps } from './graphs/GraphFlow.svelte';
+export { default as GraphFunnel } from './graphs/GraphFunnel.svelte';
+export type { FunnelStep, GraphFunnelProps } from './graphs/GraphFunnel.svelte';
+export { default as GraphGantt } from './graphs/GraphGantt.svelte';
+export type { GanttItem, GraphGanttProps } from './graphs/GraphGantt.svelte';
+export { default as GraphHeatmap } from './graphs/GraphHeatmap.svelte';
+export type { HeatRow, GraphHeatmapProps } from './graphs/GraphHeatmap.svelte';
+export { default as GraphInvoice } from './graphs/GraphInvoice.svelte';
+export type { InvoiceParty, InvoiceMeta, InvoiceItem, InvoiceTotal, GraphInvoiceProps } from './graphs/GraphInvoice.svelte';
+export { default as GraphKpi } from './graphs/GraphKpi.svelte';
+export type { GraphKpiProps } from './graphs/GraphKpi.svelte';
+export { default as GraphLatency } from './graphs/GraphLatency.svelte';
+export type { LatencyPoint, GraphLatencyProps } from './graphs/GraphLatency.svelte';
+export { default as GraphMeter } from './graphs/GraphMeter.svelte';
+export type { GraphMeterProps } from './graphs/GraphMeter.svelte';
+export { default as GraphPlot } from './graphs/GraphPlot.svelte';
+export type { GraphPlotProps } from './graphs/GraphPlot.svelte';
+export { default as GraphQuota } from './graphs/GraphQuota.svelte';
+export type { GraphQuotaProps } from './graphs/GraphQuota.svelte';
+export { default as GraphRank } from './graphs/GraphRank.svelte';
+export type { RankItem, GraphRankProps } from './graphs/GraphRank.svelte';
+export { default as GraphSlope } from './graphs/GraphSlope.svelte';
+export type { SlopeItem, GraphSlopeProps } from './graphs/GraphSlope.svelte';
+export { default as GraphSlo } from './graphs/GraphSlo.svelte';
+export type { GraphSloProps } from './graphs/GraphSlo.svelte';
+export { default as GraphSpark } from './graphs/GraphSpark.svelte';
+export type { GraphSparkProps } from './graphs/GraphSpark.svelte';
+export { default as GraphSpec } from './graphs/GraphSpec.svelte';
+export type { SpecRow, GraphSpecProps } from './graphs/GraphSpec.svelte';
+export { default as GraphStack } from './graphs/GraphStack.svelte';
+export type { StackSegment, StackRow, GraphStackProps } from './graphs/GraphStack.svelte';
+export { default as GraphStat } from './graphs/GraphStat.svelte';
+export type { StatItem, GraphStatProps } from './graphs/GraphStat.svelte';
+export { default as GraphTable } from './graphs/GraphTable.svelte';
+export type { Cell, GraphTableProps } from './graphs/GraphTable.svelte';
+export { default as GraphTimeline } from './graphs/GraphTimeline.svelte';
+export type { GraphTimelineProps } from './graphs/GraphTimeline.svelte';
+export { default as GraphTimer } from './graphs/GraphTimer.svelte';
+export type { TimerKind, GraphTimerProps } from './graphs/GraphTimer.svelte';
+export { default as GraphTree } from './graphs/GraphTree.svelte';
+export type { TreeNode, GraphTreeProps } from './graphs/GraphTree.svelte';
+export { default as GraphUptime } from './graphs/GraphUptime.svelte';
+export type { UptimeStatus, GraphUptimeProps } from './graphs/GraphUptime.svelte';
+export { default as GraphWaffle } from './graphs/GraphWaffle.svelte';
+export type { GraphWaffleProps } from './graphs/GraphWaffle.svelte';
+export { default as GraphWaterfall } from './graphs/GraphWaterfall.svelte';
+export type { WaterfallKind, WaterfallItem, GraphWaterfallProps } from './graphs/GraphWaterfall.svelte';
+export { default as AmplifierDiagram } from './diagram/AmplifierDiagram.svelte';
+export type { AmplifierDiagramProps } from './diagram/AmplifierDiagram.svelte';
+export { default as AsciiDiagram } from './diagram/AsciiDiagram.svelte';
+export type { AsciiDiagramProps } from './diagram/AsciiDiagram.svelte';
+export { default as DiagramEditor } from './diagram/DiagramEditor.svelte';
+export { default as MetricsTableDiagram } from './diagram/MetricsTableDiagram.svelte';
+export type { MetricRow, MetricsTableDiagramProps } from './diagram/MetricsTableDiagram.svelte';
+export { default as NestedRadiiDiagram } from './diagram/NestedRadiiDiagram.svelte';
+export type { NestedRadiiDiagramProps } from './diagram/NestedRadiiDiagram.svelte';
+export { default as PromptLoopDiagram } from './diagram/PromptLoopDiagram.svelte';
+export type { PromptLoopDiagramProps } from './diagram/PromptLoopDiagram.svelte';
+export { alignBoxLines, escapeHtml, formatDiagramHtml } from './diagram/parser';
+export type { DiagramToken, HighlightRule } from './diagram/parser';
+export { dashEdge, overlayRow, padEnd, padRow, padStart, splitLabeledEdge } from './diagram/ascii';
+export type { ArtCell, ArtSeg } from './diagram/ascii';
+export { default as GraphAgni } from './animated/GraphAgni.svelte';
+export type { GraphAgniProps } from './animated/GraphAgni.svelte';
+export { default as GraphAum } from './animated/GraphAum.svelte';
+export type { GraphAumProps } from './animated/GraphAum.svelte';
+export { default as GraphBoot } from './animated/GraphBoot.svelte';
+export type { GraphBootStep, GraphBootProps } from './animated/GraphBoot.svelte';
+export { default as GraphCron } from './animated/GraphCron.svelte';
+export type { GraphCronProps } from './animated/GraphCron.svelte';
+export { default as GraphDamru } from './animated/GraphDamru.svelte';
+export type { GraphDamruProps } from './animated/GraphDamru.svelte';
+export { default as GraphDeps } from './animated/GraphDeps.svelte';
+export type { DepNode, GraphDepsProps } from './animated/GraphDeps.svelte';
+export { default as GraphDiya } from './animated/GraphDiya.svelte';
+export type { GraphDiyaProps } from './animated/GraphDiya.svelte';
+export { default as GraphFire } from './animated/GraphFire.svelte';
+export type { GraphFireProps } from './animated/GraphFire.svelte';
+export { default as GraphFlame } from './animated/GraphFlame.svelte';
+export type { GraphFlameProps } from './animated/GraphFlame.svelte';
+export { default as GraphFlowPlayer } from './animated/GraphFlowPlayer.svelte';
+export type { FlowStep, GraphFlowPlayerProps } from './animated/GraphFlowPlayer.svelte';
+export { default as GraphGanga } from './animated/GraphGanga.svelte';
+export type { GraphGangaProps } from './animated/GraphGanga.svelte';
+export { default as GraphHash } from './animated/GraphHash.svelte';
+export type { GraphHashProps } from './animated/GraphHash.svelte';
+export { default as GraphJapa } from './animated/GraphJapa.svelte';
+export type { GraphJapaProps } from './animated/GraphJapa.svelte';
+export { default as GraphLife } from './animated/GraphLife.svelte';
+export type { GraphLifeProps } from './animated/GraphLife.svelte';
+export { default as GraphMandel } from './animated/GraphMandel.svelte';
+export type { GraphMandelProps } from './animated/GraphMandel.svelte';
+export { default as GraphMandala } from './animated/GraphMandala.svelte';
+export type { GraphMandalaProps } from './animated/GraphMandala.svelte';
+export { default as GraphPulse } from './animated/GraphPulse.svelte';
+export type { PulseStatus, GraphPulseProps } from './animated/GraphPulse.svelte';
+export { default as GraphRain } from './animated/GraphRain.svelte';
+export type { GraphRainProps } from './animated/GraphRain.svelte';
+export { default as GraphScatter } from './animated/GraphScatter.svelte';
+export type { ScatterPoint, GraphScatterProps } from './animated/GraphScatter.svelte';
+export { default as GraphScope } from './animated/GraphScope.svelte';
+export type { ScopeMode, GraphScopeProps } from './animated/GraphScope.svelte';
+export { default as GraphSequence } from './animated/GraphSequence.svelte';
+export type { GraphSequenceProps } from './animated/GraphSequence.svelte';
+export { default as GraphSpinners } from './animated/GraphSpinners.svelte';
+export type { SpinnerKind, GraphSpinnersProps } from './animated/GraphSpinners.svelte';
+export { default as GraphState } from './animated/GraphState.svelte';
+export type { GraphStateProps } from './animated/GraphState.svelte';
+export { default as GraphStream } from './animated/GraphStream.svelte';
+export type { StreamKind, GraphStreamProps } from './animated/GraphStream.svelte';
+export { default as GraphSurya } from './animated/GraphSurya.svelte';
+export type { GraphSuryaProps } from './animated/GraphSurya.svelte';
+export { default as GraphTerminal } from './animated/GraphTerminal.svelte';
+export type { TerminalLine, GraphTerminalProps } from './animated/GraphTerminal.svelte';
+export { default as GraphTicker } from './animated/GraphTicker.svelte';
+export type { TickerItem, GraphTickerProps } from './animated/GraphTicker.svelte';
+export { default as GraphTypewriter } from './animated/GraphTypewriter.svelte';
+export type { GraphTypewriterProps } from './animated/GraphTypewriter.svelte';
+export { default as GraphWorkflow } from './animated/GraphWorkflow.svelte';
+export type { WorkflowTone, WorkflowNode, WorkflowEdge, GraphWorkflowProps } from './animated/GraphWorkflow.svelte';

package/dist/index.js

@@ -0,0 +1,87 @@
+// Markgraphy — ASCII-framed Svelte graphs for markdown.
+// Glyphs draw the chart: a dashed frame, `+` corners, `[ TITLE ]` on the top
+// edge, one accent color. No SVG, no canvas, no dependencies.
+// Frame primitives
+export { default as Graph } from './frame/Graph.svelte';
+export { default as GraphBody } from './frame/GraphBody.svelte';
+export { default as GraphRule } from './frame/GraphRule.svelte';
+export { default as GraphTrack } from './frame/GraphTrack.svelte';
+export { default as GraphTick } from './frame/GraphTick.svelte';
+export { default as GraphArrow } from './frame/GraphArrow.svelte';
+// Glyphs, tones, motion, clock
+export * from './frame/glyphs';
+export * from './frame/tone';
+export * from './frame/motion';
+export * from './frame/clock';
+// Graphs
+export { default as GraphActivity } from './graphs/GraphActivity.svelte';
+export { default as GraphBars } from './graphs/GraphBars.svelte';
+export { default as GraphBullet } from './graphs/GraphBullet.svelte';
+export { default as GraphCalendar } from './graphs/GraphCalendar.svelte';
+export { default as GraphCells } from './graphs/GraphCells.svelte';
+export { default as GraphCompare } from './graphs/GraphCompare.svelte';
+export { default as GraphCountdown } from './graphs/GraphCountdown.svelte';
+export { default as GraphDiff } from './graphs/GraphDiff.svelte';
+export { default as GraphFlow } from './graphs/GraphFlow.svelte';
+export { default as GraphFunnel } from './graphs/GraphFunnel.svelte';
+export { default as GraphGantt } from './graphs/GraphGantt.svelte';
+export { default as GraphHeatmap } from './graphs/GraphHeatmap.svelte';
+export { default as GraphInvoice } from './graphs/GraphInvoice.svelte';
+export { default as GraphKpi } from './graphs/GraphKpi.svelte';
+export { default as GraphLatency } from './graphs/GraphLatency.svelte';
+export { default as GraphMeter } from './graphs/GraphMeter.svelte';
+export { default as GraphPlot } from './graphs/GraphPlot.svelte';
+export { default as GraphQuota } from './graphs/GraphQuota.svelte';
+export { default as GraphRank } from './graphs/GraphRank.svelte';
+export { default as GraphSlope } from './graphs/GraphSlope.svelte';
+export { default as GraphSlo } from './graphs/GraphSlo.svelte';
+export { default as GraphSpark } from './graphs/GraphSpark.svelte';
+export { default as GraphSpec } from './graphs/GraphSpec.svelte';
+export { default as GraphStack } from './graphs/GraphStack.svelte';
+export { default as GraphStat } from './graphs/GraphStat.svelte';
+export { default as GraphTable } from './graphs/GraphTable.svelte';
+export { default as GraphTimeline } from './graphs/GraphTimeline.svelte';
+export { default as GraphTimer } from './graphs/GraphTimer.svelte';
+export { default as GraphTree } from './graphs/GraphTree.svelte';
+export { default as GraphUptime } from './graphs/GraphUptime.svelte';
+export { default as GraphWaffle } from './graphs/GraphWaffle.svelte';
+export { default as GraphWaterfall } from './graphs/GraphWaterfall.svelte';
+// Diagrams — raw ASCII/Unicode figures with live tokens, plus players and an editor
+export { default as AmplifierDiagram } from './diagram/AmplifierDiagram.svelte';
+export { default as AsciiDiagram } from './diagram/AsciiDiagram.svelte';
+export { default as DiagramEditor } from './diagram/DiagramEditor.svelte';
+export { default as MetricsTableDiagram } from './diagram/MetricsTableDiagram.svelte';
+export { default as NestedRadiiDiagram } from './diagram/NestedRadiiDiagram.svelte';
+export { default as PromptLoopDiagram } from './diagram/PromptLoopDiagram.svelte';
+export { alignBoxLines, escapeHtml, formatDiagramHtml } from './diagram/parser';
+export { dashEdge, overlayRow, padEnd, padRow, padStart, splitLabeledEdge } from './diagram/ascii';
+// Animated — live glyph components: typewriters, scopes, sims, and strips
+export { default as GraphAgni } from './animated/GraphAgni.svelte';
+export { default as GraphAum } from './animated/GraphAum.svelte';
+export { default as GraphBoot } from './animated/GraphBoot.svelte';
+export { default as GraphCron } from './animated/GraphCron.svelte';
+export { default as GraphDamru } from './animated/GraphDamru.svelte';
+export { default as GraphDeps } from './animated/GraphDeps.svelte';
+export { default as GraphDiya } from './animated/GraphDiya.svelte';
+export { default as GraphFire } from './animated/GraphFire.svelte';
+export { default as GraphFlame } from './animated/GraphFlame.svelte';
+export { default as GraphFlowPlayer } from './animated/GraphFlowPlayer.svelte';
+export { default as GraphGanga } from './animated/GraphGanga.svelte';
+export { default as GraphHash } from './animated/GraphHash.svelte';
+export { default as GraphJapa } from './animated/GraphJapa.svelte';
+export { default as GraphLife } from './animated/GraphLife.svelte';
+export { default as GraphMandel } from './animated/GraphMandel.svelte';
+export { default as GraphMandala } from './animated/GraphMandala.svelte';
+export { default as GraphPulse } from './animated/GraphPulse.svelte';
+export { default as GraphRain } from './animated/GraphRain.svelte';
+export { default as GraphScatter } from './animated/GraphScatter.svelte';
+export { default as GraphScope } from './animated/GraphScope.svelte';
+export { default as GraphSequence } from './animated/GraphSequence.svelte';
+export { default as GraphSpinners } from './animated/GraphSpinners.svelte';
+export { default as GraphState } from './animated/GraphState.svelte';
+export { default as GraphStream } from './animated/GraphStream.svelte';
+export { default as GraphSurya } from './animated/GraphSurya.svelte';
+export { default as GraphTerminal } from './animated/GraphTerminal.svelte';
+export { default as GraphTicker } from './animated/GraphTicker.svelte';
+export { default as GraphTypewriter } from './animated/GraphTypewriter.svelte';
+export { default as GraphWorkflow } from './animated/GraphWorkflow.svelte';