@delightstack/components 0.1.0

package/dist/display/Tree.svelte.d.ts

@@ -0,0 +1,74 @@
+export interface TreeNode {
+    /** Unique identifier for the node */
+    id: string;
+    /** Display text for the node */
+    label: string;
+    /** Icon component shown before the label */
+    icon?: import('svelte').Component;
+    /** Child nodes (presence makes this a branch node) */
+    children?: TreeNode[];
+    /** Whether this node is disabled (cannot be selected or expanded) */
+    disabled?: boolean;
+    /** Whether this node can be selected. When undefined, inherits from the tree's selectable prop. Set to false to make clicking expand/collapse instead. */
+    selectable?: boolean;
+    /** Whether this node can accept children via drag-and-drop (defaults to true if node has children array) */
+    allowChildren?: boolean;
+    /** Arbitrary user data attached to the node (passed back in selection/drop callbacks) */
+    data?: unknown;
+}
+export interface FlatTreeNode {
+    /** Unique identifier for the node */
+    id: string;
+    /** The `id` of the parent node, or `null` for root-level nodes */
+    parentId: string | null;
+    /** Display text for the node */
+    label: string;
+    /** Icon component shown before the label */
+    icon?: import('svelte').Component;
+    /** Whether this node is disabled (cannot be selected or expanded) */
+    disabled?: boolean;
+    /** Whether this node can be selected. When undefined, inherits from the tree's selectable prop. */
+    selectable?: boolean;
+    /** Arbitrary user data attached to the node (passed back in selection/drop callbacks) */
+    data?: unknown;
+}
+import { type Snippet } from 'svelte';
+declare const Tree: import("svelte").Component<{
+    data: any;
+    selected?: string[];
+    expanded?: string[];
+    selectable?: boolean;
+    multi_select?: boolean;
+    checkboxes?: boolean;
+    show_lines?: boolean;
+    draggable?: boolean;
+    filter?: string | undefined;
+    dense?: boolean;
+    comfortable?: boolean;
+    skeleton?: boolean;
+    skeleton_count?: number;
+    skeleton_depth?: number;
+    id?: string;
+    class?: string;
+    load_children?: ((node: TreeNode) => Promise<TreeNode[]>) | undefined;
+    node_content?: Snippet<[{
+        node: TreeNode;
+        level: number;
+    }]> | undefined;
+    onselect?: ((detail: {
+        node: TreeNode;
+        selected: string[];
+    }) => void) | undefined;
+    onexpand?: ((detail: {
+        node: TreeNode;
+        expanded: boolean;
+    }) => void) | undefined;
+    ondrop?: ((detail: {
+        node: TreeNode;
+        target: TreeNode;
+        position: "before" | "after" | "inside";
+    }) => void) | undefined;
+}, {}, "selected" | "expanded">;
+type Tree = ReturnType<typeof Tree>;
+export default Tree;
+//# sourceMappingURL=Tree.svelte.d.ts.map

package/dist/display/Tree.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.svelte.d.ts","sourceRoot":"","sources":["../../src/display/Tree.svelte.ts"],"names":[],"mappings":"AAGC,MAAM,WAAW,QAAQ;IACxB,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,QAAQ,EAAE,SAAS,CAAC;IAClC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0JAA0J;IAC1J,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4GAA4G;IAC5G,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yFAAyF;IACzF,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC5B,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,kEAAkE;IAClE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,QAAQ,EAAE,SAAS,CAAC;IAClC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mGAAmG;IACnG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yFAAyF;IACzF,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAGF,OAAO,EAAc,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAk9BlD,QAAA,MAAM,IAAI;UAr2BqE,GAAG;eAAa,MAAM,EAAE;eAAa,MAAM,EAAE;iBAAe,OAAO;mBAAiB,OAAO;iBAAe,OAAO;iBAAe,OAAO;gBAAc,OAAO;aAAW,MAAM,GAAG,SAAS;YAAU,OAAO;kBAAgB,OAAO;eAAa,OAAO;qBAAmB,MAAM;qBAAmB,MAAM;;YAA8B,MAAM;oBAAkB,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,GAAG,SAAS;mBAAiB,OAAO,CAAC,CAAC;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,GAAG,SAAS;eAAe,CAAC,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC,GAC9mB,SAAS;eAAe,CAAC,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC,GACjF,SAAS;aAAa,CAAC,CAAC,MAAM,EAAE;QAChC,IAAI,EAAE,QAAQ,CAAC;QACf,MAAM,EAAE,QAAQ,CAAC;QACjB,QAAQ,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;KACvC,KAAK,IAAI,CAAC,GACX,SAAS;+BA81BoC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/display/Typewriter.svelte

@@ -0,0 +1,338 @@
+<script lang="ts">
+	const propId = $props.id();
+	let {
+		/** The text to type. A single string or array of strings to cycle through */
+		text,
+
+		/** Typing speed in milliseconds per character */
+		speed = 50,
+
+		/** Initial delay before typing starts (ms) */
+		delay = 1000,
+
+		/** Whether to loop through text array indefinitely */
+		loop = false,
+
+		/** Pause duration between cycling texts (ms) */
+		pause_between = 2000,
+
+		/** Cursor style: 'block', 'line', 'underscore', or false to hide */
+		cursor = 'line' as 'block' | 'line' | 'underscore' | false,
+
+		/** Whether the cursor blinks when idle */
+		cursor_blink = true,
+
+		/** Backspace speed in milliseconds per character */
+		delete_speed = 30,
+
+		/** Whether the animation is paused */
+		paused = false,
+
+		/** Element ID */
+		id = propId,
+
+		/** Additional CSS classes */
+		class: class_name = '',
+
+		/** Called when typing starts */
+		onstart = undefined as (() => void) | undefined,
+
+		/** Called when all text has been typed */
+		oncomplete = undefined as (() => void) | undefined,
+
+		/** Called when cycling loops back */
+		onloop = undefined as ((detail: { index: number }) => void) | undefined,
+	}: {
+		text: string | string[];
+		speed?: number;
+		delay?: number;
+		loop?: boolean;
+		pause_between?: number;
+		cursor?: 'block' | 'line' | 'underscore' | false;
+		cursor_blink?: boolean;
+		delete_speed?: number;
+		paused?: boolean;
+		id?: string;
+		class?: string;
+		onstart?: (() => void) | undefined;
+		oncomplete?: (() => void) | undefined;
+		onloop?: ((detail: { index: number }) => void) | undefined;
+	} = $props();
+
+	const texts = $derived(Array.isArray(text) ? text : [text]);
+	const is_multi = $derived(texts.length > 1);
+	const full_label = $derived(Array.isArray(text) ? text.join(', ') : text);
+
+	let displayed = $state('');
+	let is_typing = $state(false);
+	let prefers_reduced_motion = $state(false);
+
+	// Track all active timeouts so we can clean them up
+	let active_timeouts: ReturnType<typeof setTimeout>[] = [];
+
+	function safeTimeout(fn: () => void, ms: number): ReturnType<typeof setTimeout> {
+		const id = setTimeout(() => {
+			active_timeouts = active_timeouts.filter((t) => t !== id);
+			fn();
+		}, ms);
+		active_timeouts.push(id);
+		return id;
+	}
+
+	function clearAllTimeouts() {
+		for (const t of active_timeouts) {
+			clearTimeout(t);
+		}
+		active_timeouts = [];
+	}
+
+	function getCharDelay(char: string, base_speed: number): number {
+		let multiplier = 0.8 + Math.random() * 0.4;
+
+		// Smart punctuation pauses
+		if (char === '.' || char === '?' || char === '!') {
+			multiplier *= 3;
+		} else if (char === ',') {
+			multiplier *= 1.8;
+		} else if (char === ';' || char === ':') {
+			multiplier *= 2;
+		} else if (char === '\n') {
+			multiplier *= 2;
+		}
+
+		// 5% chance of a micro-pause (2x speed)
+		if (Math.random() < 0.05) {
+			multiplier *= 2;
+		}
+
+		return base_speed * multiplier;
+	}
+
+	function findCommonPrefixLength(a: string, b: string): number {
+		let i = 0;
+		while (i < a.length && i < b.length && a[i] === b[i]) {
+			i++;
+		}
+		return i;
+	}
+
+	function typeText(target: string, from_index: number, onDone: () => void) {
+		if (paused) {
+			// When paused, wait and retry
+			safeTimeout(() => typeText(target, from_index, onDone), 50);
+			return;
+		}
+
+		if (from_index >= target.length) {
+			onDone();
+			return;
+		}
+
+		const char = target[from_index];
+		const char_delay = getCharDelay(char, speed);
+
+		safeTimeout(() => {
+			displayed = target.slice(0, from_index + 1);
+			typeText(target, from_index + 1, onDone);
+		}, char_delay);
+	}
+
+	function deleteText(to_length: number, onDone: () => void) {
+		if (paused) {
+			safeTimeout(() => deleteText(to_length, onDone), 50);
+			return;
+		}
+
+		if (displayed.length <= to_length) {
+			onDone();
+			return;
+		}
+
+		const char_delay = delete_speed * (0.8 + Math.random() * 0.4);
+
+		safeTimeout(() => {
+			displayed = displayed.slice(0, -1);
+			deleteText(to_length, onDone);
+		}, char_delay);
+	}
+
+	function runSequence(text_index: number) {
+		const target = texts[text_index];
+		if (!target && target !== '') return;
+
+		is_typing = true;
+		onstart?.();
+
+		const common_prefix_len =
+			displayed.length > 0 ? findCommonPrefixLength(displayed, target) : 0;
+
+		function startTyping() {
+			typeText(target, common_prefix_len, () => {
+				is_typing = false;
+
+				if (is_multi) {
+					// Pause, then backspace, then type next
+					safeTimeout(() => {
+						const next_index = (text_index + 1) % texts.length;
+
+						if (next_index === 0 && !loop) {
+							oncomplete?.();
+							return;
+						}
+
+						if (next_index === 0) {
+							onloop?.({ index: next_index });
+						}
+
+						const next_target = texts[next_index];
+						const next_common = findCommonPrefixLength(displayed, next_target);
+
+						is_typing = true;
+						deleteText(next_common, () => {
+							runSequence(next_index);
+						});
+					}, pause_between);
+				} else {
+					// Single text: done
+					oncomplete?.();
+				}
+			});
+		}
+
+		// If we need to delete down to common prefix first
+		if (displayed.length > common_prefix_len) {
+			deleteText(common_prefix_len, startTyping);
+		} else {
+			startTyping();
+		}
+	}
+
+	function startAnimation() {
+		clearAllTimeouts();
+		displayed = '';
+		is_typing = false;
+
+		if (prefers_reduced_motion) {
+			// Show full text immediately for reduced motion
+			displayed = texts[0] || '';
+			oncomplete?.();
+			return;
+		}
+
+		safeTimeout(() => {
+			runSequence(0);
+		}, delay);
+	}
+
+	// Detect prefers-reduced-motion
+	$effect(() => {
+		const mql = window.matchMedia('(prefers-reduced-motion: reduce)');
+		prefers_reduced_motion = mql.matches;
+
+		function handleChange(e: MediaQueryListEvent) {
+			prefers_reduced_motion = e.matches;
+		}
+
+		mql.addEventListener('change', handleChange);
+		return () => mql.removeEventListener('change', handleChange);
+	});
+
+	// Start/restart animation when text changes or reduced motion changes
+	$effect(() => {
+		// Subscribe to reactive dependencies
+		const _texts = texts;
+		const _reduced = prefers_reduced_motion;
+
+		startAnimation();
+
+		return () => {
+			clearAllTimeouts();
+		};
+	});
+</script>
+
+<span
+	class={['typewriter', class_name].filter(Boolean).join(' ')}
+	class:cursor-line={cursor === 'line'}
+	class:cursor-block={cursor === 'block'}
+	class:cursor-underscore={cursor === 'underscore'}
+	class:cursor-blink={cursor_blink && !is_typing && cursor !== false}
+	class:has-cursor={cursor !== false}
+	class:is-typing={is_typing}
+	{id}
+	aria-label={full_label}>
+	<span aria-hidden="true">{displayed}</span>
+</span>
+
+<style>
+	.typewriter {
+		display: inline;
+		position: relative;
+
+		&.has-cursor > span {
+			position: relative;
+		}
+
+		/* Line cursor — thin vertical bar */
+		&.cursor-line > span::after {
+			content: '';
+			display: inline-block;
+			vertical-align: text-bottom;
+			width: 2px;
+			height: 1.1em;
+			margin-left: 1px;
+			background-color: currentColor;
+		}
+
+		/* Block cursor — filled rectangle */
+		&.cursor-block > span::after {
+			content: '';
+			display: inline-block;
+			vertical-align: text-bottom;
+			width: 0.6em;
+			height: 1.1em;
+			margin-left: 1px;
+			background-color: currentColor;
+		}
+
+		/* Underscore cursor — horizontal line at bottom */
+		&.cursor-underscore > span::after {
+			content: '';
+			display: inline-block;
+			vertical-align: baseline;
+			width: 0.6em;
+			height: 2px;
+			margin-left: 1px;
+			background-color: currentColor;
+		}
+
+		/* Blink animation — step-end for crisp on/off */
+		&.cursor-blink > span::after {
+			animation: typewriter-blink 1s step-end infinite;
+		}
+
+		/* Stop blinking while typing */
+		&.is-typing > span::after {
+			animation: none;
+			opacity: 1;
+		}
+	}
+
+	@keyframes typewriter-blink {
+		0%,
+		100% {
+			opacity: 1;
+		}
+		50% {
+			opacity: 0;
+		}
+	}
+
+	/* Reduced motion: no blinking */
+	@media (prefers-reduced-motion: reduce) {
+		.typewriter.cursor-blink > span::after {
+			animation: none;
+			opacity: 1;
+		}
+	}
+</style>

package/dist/display/Typewriter.svelte.d.ts

@@ -0,0 +1,22 @@
+type $$ComponentProps = {
+    text: string | string[];
+    speed?: number;
+    delay?: number;
+    loop?: boolean;
+    pause_between?: number;
+    cursor?: 'block' | 'line' | 'underscore' | false;
+    cursor_blink?: boolean;
+    delete_speed?: number;
+    paused?: boolean;
+    id?: string;
+    class?: string;
+    onstart?: (() => void) | undefined;
+    oncomplete?: (() => void) | undefined;
+    onloop?: ((detail: {
+        index: number;
+    }) => void) | undefined;
+};
+declare const Typewriter: import("svelte").Component<$$ComponentProps, {}, "">;
+type Typewriter = ReturnType<typeof Typewriter>;
+export default Typewriter;
+//# sourceMappingURL=Typewriter.svelte.d.ts.map

package/dist/display/Typewriter.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typewriter.svelte.d.ts","sourceRoot":"","sources":["../../src/display/Typewriter.svelte.ts"],"names":[],"mappings":"AAGC,KAAK,gBAAgB,GAAI;IACxB,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC3D,CAAC;AAuPH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/display/index.d.ts

@@ -0,0 +1,24 @@
+export { default as Accordion, AccordionItem } from './Accordion.svelte';
+export { default as Avatar } from './Avatar.svelte';
+export { default as AvatarGroup } from './AvatarGroup.svelte';
+export type { AvatarData } from './AvatarGroup.svelte';
+export { default as Calendar } from './Calendar.svelte';
+export { default as Chart } from './Chart.svelte';
+export type { ChartData, Dataset as ChartDataset } from './Chart.svelte';
+export type { CalendarEvent, MarkedDate } from './Calendar.svelte';
+export { default as Code } from './Code.svelte';
+export { default as Comparison } from './Comparison.svelte';
+export { default as Counter } from './Counter.svelte';
+export { default as Expand } from './Expand.svelte';
+export { default as List } from './List.svelte';
+export { default as ListItem } from './ListItem.svelte';
+export { default as QR } from './QR.svelte';
+export { default as SplitPane } from './SplitPane.svelte';
+export { default as Stat } from './Stat.svelte';
+export { default as Table } from './Table.svelte';
+export type { Column as TableColumn, PaginationConfig as TablePaginationConfig, VirtualScroll, VirtualScrollOptions, VirtualScroller, CellOption as TableCellOption, CellEditContext as TableCellEditContext, CellEditorContext as TableCellEditorContext, CellAutocompleteContext as TableCellAutocompleteContext, CellEditorType as TableCellEditorType, } from './Table.svelte';
+export { default as Timeline, TimelineItem } from './Timeline.svelte';
+export { default as Tree } from './Tree.svelte';
+export type { TreeNode, FlatTreeNode } from './Tree.svelte';
+export { default as Typewriter } from './Typewriter.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/display/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/display/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EACX,MAAM,IAAI,WAAW,EACrB,gBAAgB,IAAI,qBAAqB,EACzC,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,UAAU,IAAI,eAAe,EAC7B,eAAe,IAAI,oBAAoB,EACvC,iBAAiB,IAAI,sBAAsB,EAC3C,uBAAuB,IAAI,4BAA4B,EACvD,cAAc,IAAI,mBAAmB,GACrC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AAChD,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/display/index.js

@@ -0,0 +1,18 @@
+export { default as Accordion, AccordionItem } from './Accordion.svelte';
+export { default as Avatar } from './Avatar.svelte';
+export { default as AvatarGroup } from './AvatarGroup.svelte';
+export { default as Calendar } from './Calendar.svelte';
+export { default as Chart } from './Chart.svelte';
+export { default as Code } from './Code.svelte';
+export { default as Comparison } from './Comparison.svelte';
+export { default as Counter } from './Counter.svelte';
+export { default as Expand } from './Expand.svelte';
+export { default as List } from './List.svelte';
+export { default as ListItem } from './ListItem.svelte';
+export { default as QR } from './QR.svelte';
+export { default as SplitPane } from './SplitPane.svelte';
+export { default as Stat } from './Stat.svelte';
+export { default as Table } from './Table.svelte';
+export { default as Timeline, TimelineItem } from './Timeline.svelte';
+export { default as Tree } from './Tree.svelte';
+export { default as Typewriter } from './Typewriter.svelte';