@silvery/examples 0.17.4 → 0.17.5

package/dist/apps/selection.mjs

@@ -1,7 +1,7 @@
 import { t as _usingCtx } from "../usingCtx-CsEf0xO3.mjs";
-import { t as require_jsx_runtime } from "../jsx-runtime-dMs_8fNu.mjs";
 import { useCallback, useState } from "react";
 import { Box, Text } from "silvery";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { run, useInput as useInput$1 } from "silvery/runtime";
 //#region apps/selection.tsx
 /**
@@ -16,7 +16,6 @@ import { run, useInput as useInput$1 } from "silvery/runtime";
 *
 * Run: bun examples/apps/selection.tsx
 */
-var import_jsx_runtime = require_jsx_runtime();
 const S = {
 	cursor: (sel) => sel.nodes[0],
 	anchor: (sel) => sel.nodes.at(-1),
@@ -115,34 +114,34 @@ function ItemRow({ item, sel, onSelect }) {
 	const isEditing = isCursor && sel ? S.isEditing(sel) : false;
 	const marker = isCursor ? "►" : isSelected ? "●" : " ";
 	const anchorMark = isAnchor && !isCursor ? " ⚓" : "";
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		onClick: (e) => onSelect(item.id, e.metaKey, e.shiftKey),
 		onDoubleClick: () => onSelect(item.id, false, false),
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: isSelected ? "$primary" : "$muted",
 				children: [marker, " "]
 			}),
-			isEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			isEditing ? /* @__PURE__ */ jsxs(Text, {
 				backgroundColor: "$surface",
 				color: "$text",
 				bold: true,
 				children: [
 					" ",
 					item.label,
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					/* @__PURE__ */ jsx(Text, {
 						color: "$primary",
 						children: "│"
 					}),
 					" "
 				]
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			}) : /* @__PURE__ */ jsx(Text, {
 				bold: isCursor,
 				color: isCursor ? "$primary" : isSelected ? "$primary" : "$text",
 				dim: !isSelected && !isCursor,
 				children: item.label
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				dim: true,
 				children: anchorMark
@@ -152,48 +151,48 @@ function ItemRow({ item, sel, onSelect }) {
 }
 function StatusBar({ sel }) {
 	const mode = S.inputMode(sel);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "single",
 		borderColor: "$border",
 		paddingX: 1,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		children: [/* @__PURE__ */ jsxs(Box, {
 			gap: 2,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			children: [/* @__PURE__ */ jsx(Text, {
 				color: mode === "text" ? "$success" : mode === "node" ? "$primary" : "$muted",
 				bold: true,
 				children: mode.toUpperCase()
-			}), sel && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			}), sel && /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsxs(Text, {
 					color: "$muted",
-					children: ["cursor=", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					children: ["cursor=", /* @__PURE__ */ jsx(Text, {
 						color: "$primary",
 						children: S.cursor(sel)
 					})]
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				/* @__PURE__ */ jsxs(Text, {
 					color: "$muted",
-					children: ["anchor=", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					children: ["anchor=", /* @__PURE__ */ jsx(Text, {
 						color: "$text",
 						children: S.anchor(sel)
 					})]
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				/* @__PURE__ */ jsxs(Text, {
 					color: "$muted",
-					children: ["selected=", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					children: ["selected=", /* @__PURE__ */ jsx(Text, {
 						color: "$text",
 						children: sel.nodes.length
 					})]
 				}),
-				sel.text && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				sel.text && /* @__PURE__ */ jsxs(Text, {
 					color: "$muted",
-					children: ["text=", /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					children: ["text=", /* @__PURE__ */ jsxs(Text, {
 						color: "$success",
 						children: ["offset ", sel.text[0].offset]
 					})]
 				})
 			] })]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		}), /* @__PURE__ */ jsx(Text, {
 			color: "$muted",
 			dim: true,
 			children: "j/k nav · Enter edit · Esc back · Shift+j/k extend · Cmd+click toggle · q quit"
@@ -284,39 +283,39 @@ function SelectionDemo() {
 		...item,
 		label: editTexts[item.id] ?? item.label
 	}));
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
 		height: "100%",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				marginBottom: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				children: [/* @__PURE__ */ jsx(Text, {
 					bold: true,
 					color: "$primary",
 					children: "Selection Model Demo"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				}), /* @__PURE__ */ jsx(Text, {
 					color: "$muted",
 					children: " — silvery reactive selection"
 				})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				flexDirection: "column",
 				flexGrow: 1,
 				borderStyle: "round",
 				borderColor: "$border",
 				overflow: "hidden",
-				children: displayItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemRow, {
+				children: displayItems.map((item) => /* @__PURE__ */ jsx(ItemRow, {
 					item,
 					sel,
 					onSelect: handleSelect
 				}, item.id))
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, { sel }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(StatusBar, { sel }),
+			/* @__PURE__ */ jsx(Box, {
 				marginTop: 1,
 				flexDirection: "column",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				children: /* @__PURE__ */ jsxs(Text, {
 					color: "$muted",
 					dim: true,
 					children: [
@@ -343,7 +342,7 @@ const meta = {
 async function main() {
 	try {
 		var _usingCtx$1 = _usingCtx();
-		await _usingCtx$1.u(await run(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectionDemo, {}), { mode: "fullscreen" })).waitUntilExit();
+		await _usingCtx$1.u(await run(/* @__PURE__ */ jsx(SelectionDemo, {}), { mode: "fullscreen" })).waitUntilExit();
 	} catch (_) {
 		_usingCtx$1.e = _;
 	} finally {

package/dist/apps/spatial-focus-demo.mjs

@@ -1,7 +1,7 @@
 import { t as _usingCtx } from "../usingCtx-CsEf0xO3.mjs";
-import { t as require_jsx_runtime } from "../jsx-runtime-dMs_8fNu.mjs";
 import { useMemo, useState } from "react";
 import { Box, Text } from "silvery";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { run, useInput as useInput$1 } from "silvery/runtime";
 //#region apps/spatial-focus-demo.tsx
 /**
@@ -15,7 +15,6 @@ import { run, useInput as useInput$1 } from "silvery/runtime";
 *
 * Run: bun vendor/silvery/examples/apps/spatial-focus-demo.tsx
 */
-var import_jsx_runtime = require_jsx_runtime();
 const columns = [
 	{
 		id: "backlog",
@@ -200,7 +199,7 @@ const prioritySymbols = {
 	}
 };
 function Tag({ name }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+	return /* @__PURE__ */ jsxs(Text, {
 		color: tagColors[name] ?? "$muted",
 		dim: true,
 		children: ["#", name]
@@ -208,58 +207,58 @@ function Tag({ name }) {
 }
 function CardView({ card, focused }) {
 	const priority = card.priority ? prioritySymbols[card.priority] : null;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		testID: card.id,
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: focused ? "$warning" : "$border",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				paddingX: 1,
 				gap: 1,
-				children: [priority && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				children: [priority && /* @__PURE__ */ jsx(Text, {
 					color: priority.color,
 					children: priority.symbol
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				}), /* @__PURE__ */ jsx(Text, {
 					bold: focused,
 					color: focused ? "$warning" : void 0,
 					wrap: "truncate",
 					children: card.title
 				})]
 			}),
-			card.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			card.description && /* @__PURE__ */ jsx(Box, {
 				paddingX: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				children: /* @__PURE__ */ jsx(Text, {
 					color: "$muted",
 					dim: true,
 					wrap: "truncate",
 					children: card.description
 				})
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				gap: 1,
 				paddingX: 1,
-				children: card.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { name: tag }, tag))
+				children: card.tags.map((tag) => /* @__PURE__ */ jsx(Tag, { name: tag }, tag))
 			})
 		]
 	});
 }
 function ColumnView({ column, focusedCardId }) {
 	const hasFocus = column.cards.some((c) => c.id === focusedCardId);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		flexBasis: 0,
 		borderStyle: "single",
 		borderColor: hasFocus ? "$warning" : "$border",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		children: [/* @__PURE__ */ jsxs(Box, {
 			backgroundColor: hasFocus ? "$warning" : void 0,
 			paddingX: 1,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			children: [/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				color: hasFocus ? "$warning-fg" : void 0,
 				children: column.title
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			}), /* @__PURE__ */ jsxs(Text, {
 				color: hasFocus ? "$warning-fg" : "$muted",
 				children: [
 					" (",
@@ -267,11 +266,11 @@ function ColumnView({ column, focusedCardId }) {
 					")"
 				]
 			})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		}), /* @__PURE__ */ jsx(Box, {
 			flexDirection: "column",
 			paddingX: 1,
 			flexGrow: 1,
-			children: column.cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardView, {
+			children: column.cards.map((card) => /* @__PURE__ */ jsx(CardView, {
 				card,
 				focused: card.id === focusedCardId
 			}, card.id))
@@ -289,34 +288,34 @@ function StatusBar({ focusedId }) {
 			break;
 		}
 	}
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		paddingX: 1,
 		gap: 2,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				dim: true,
 				children: "←↑↓→/hjkl navigate"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				dim: true,
 				children: "q quit"
 			}),
-			focusedCard && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			focusedCard && /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(Text, {
 					color: "$border",
 					children: "│"
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				/* @__PURE__ */ jsx(Text, {
 					color: "$warning",
 					children: focusedColumn
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				/* @__PURE__ */ jsx(Text, {
 					color: "$muted",
 					children: "→"
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: focusedCard.title })
+				/* @__PURE__ */ jsx(Text, { children: focusedCard.title })
 			] })
 		]
 	});
@@ -330,35 +329,35 @@ function SpatialFocusBoard() {
 		const dir = key.upArrow ? "up" : key.downArrow ? "down" : key.leftArrow ? "left" : key.rightArrow ? "right" : !hasArrow && input === "k" ? "up" : !hasArrow && input === "j" ? "down" : !hasArrow && input === "h" ? "left" : !hasArrow && input === "l" ? "right" : null;
 		if (dir) setFocusedId((id) => navigate(id, dir, index));
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
 		height: "100%",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				marginBottom: 1,
 				paddingX: 1,
 				gap: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				children: [/* @__PURE__ */ jsx(Text, {
 					bold: true,
 					color: "$warning",
 					children: "Spatial Focus"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				}), /* @__PURE__ */ jsx(Text, {
 					color: "$muted",
 					children: "— arrow keys / hjkl navigate between cards across columns"
 				})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				flexGrow: 1,
 				flexDirection: "row",
 				gap: 1,
 				overflow: "hidden",
-				children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColumnView, {
+				children: columns.map((column) => /* @__PURE__ */ jsx(ColumnView, {
 					column,
 					focusedCardId: focusedId
 				}, column.id))
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, { focusedId })
+			/* @__PURE__ */ jsx(StatusBar, { focusedId })
 		]
 	});
 }
@@ -376,7 +375,7 @@ const meta = {
 async function main() {
 	try {
 		var _usingCtx$1 = _usingCtx();
-		await _usingCtx$1.u(await run(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SpatialFocusBoard, {}), { mode: "fullscreen" })).waitUntilExit();
+		await _usingCtx$1.u(await run(/* @__PURE__ */ jsx(SpatialFocusBoard, {}), { mode: "fullscreen" })).waitUntilExit();
 	} catch (_) {
 		_usingCtx$1.e = _;
 	} finally {

package/dist/apps/task-list.mjs

@@ -1,8 +1,8 @@
 import { t as _usingCtx } from "../usingCtx-CsEf0xO3.mjs";
-import { t as require_jsx_runtime } from "../jsx-runtime-dMs_8fNu.mjs";
-import { t as ExampleBanner } from "../_banner-DLPxCqVy.mjs";
+import { t as ExampleBanner } from "../_banner-A70_y2Vi.mjs";
 import { useMemo, useState } from "react";
 import { Box, Kbd, Muted, Text, createTerm, render, useApp, useInput } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/task-list.tsx
 /**
 * Task List Example
@@ -13,7 +13,6 @@ import { Box, Kbd, Muted, Text, createTerm, render, useApp, useInput } from "sil
 * - Toggle task completion with space
 * - Variable height items (some with subtasks)
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Task List",
 	description: "Scrollable list with priority badges, toggles, and expandable subtasks",
@@ -69,7 +68,7 @@ function generateTasks(count) {
 	}));
 }
 function PriorityBadge({ priority }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+	return /* @__PURE__ */ jsxs(Text, {
 		color: {
 			high: "$error",
 			medium: "$warning",
@@ -90,10 +89,10 @@ function PriorityBadge({ priority }) {
 function TaskItem({ task, isSelected, isExpanded }) {
 	const checkbox = task.completed ? "[x]" : "[ ]";
 	const hasSubtasks = task.subtasks && task.subtasks.length > 0;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [
-			isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+		children: [/* @__PURE__ */ jsxs(Box, { children: [
+			isSelected ? /* @__PURE__ */ jsxs(Text, {
 				backgroundColor: "$primary",
 				color: "$primary-fg",
 				children: [
@@ -103,7 +102,7 @@ function TaskItem({ task, isSelected, isExpanded }) {
 					task.title,
 					" "
 				]
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			}) : /* @__PURE__ */ jsxs(Text, {
 				strikethrough: task.completed,
 				dim: task.completed,
 				children: [
@@ -113,8 +112,8 @@ function TaskItem({ task, isSelected, isExpanded }) {
 				]
 			}),
 			" ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PriorityBadge, { priority: task.priority }),
-			hasSubtasks && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsx(PriorityBadge, { priority: task.priority }),
+			hasSubtasks && /* @__PURE__ */ jsxs(Text, {
 				dim: true,
 				children: [
 					" (",
@@ -122,10 +121,10 @@ function TaskItem({ task, isSelected, isExpanded }) {
 					" subtasks)"
 				]
 			})
-		] }), hasSubtasks && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		] }), hasSubtasks && isExpanded && /* @__PURE__ */ jsx(Box, {
 			flexDirection: "column",
 			marginLeft: 4,
-			children: task.subtasks.map((subtask, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			children: task.subtasks.map((subtask, idx) => /* @__PURE__ */ jsxs(Text, {
 				dim: true,
 				children: ["- ", subtask]
 			}, idx))
@@ -136,21 +135,21 @@ function StatusBar({ tasks, cursor, scrollOffset, visibleCount }) {
 	const completed = tasks.filter((t) => t.completed).length;
 	const total = tasks.length;
 	const percent = Math.round(completed / total * 100);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		justifyContent: "space-between",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+		children: [/* @__PURE__ */ jsxs(Muted, { children: [
 			" ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "j/k" }),
+			/* @__PURE__ */ jsx(Kbd, { children: "j/k" }),
 			" navigate ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "space" }),
+			/* @__PURE__ */ jsx(Kbd, { children: "space" }),
 			" toggle ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "enter" }),
+			/* @__PURE__ */ jsx(Kbd, { children: "enter" }),
 			" expand ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Esc/q" }),
+			/* @__PURE__ */ jsx(Kbd, { children: "Esc/q" }),
 			" quit"
-		] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+		] }), /* @__PURE__ */ jsxs(Muted, { children: [
 			" ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				children: completed
 			}),
@@ -212,10 +211,10 @@ function TaskList() {
 			});
 		}
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		children: [/* @__PURE__ */ jsx(Box, {
 			flexGrow: 1,
 			flexDirection: "column",
 			borderStyle: "round",
@@ -223,13 +222,13 @@ function TaskList() {
 			overflow: "hidden",
 			height: visibleCount + 2,
 			children: visibleTasks.map((task, visibleIndex) => {
-				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskItem, {
+				return /* @__PURE__ */ jsx(TaskItem, {
 					task,
 					isSelected: scrollOffset + visibleIndex === cursor,
 					isExpanded: expandedTasks.has(task.id)
 				}, task.id);
 			})
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, {
+		}), /* @__PURE__ */ jsx(StatusBar, {
 			tasks,
 			cursor,
 			scrollOffset,
@@ -241,10 +240,10 @@ async function main() {
 	try {
 		var _usingCtx$1 = _usingCtx();
 		const term = _usingCtx$1.u(createTerm());
-		const { waitUntilExit } = await render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExampleBanner, {
+		const { waitUntilExit } = await render(/* @__PURE__ */ jsx(ExampleBanner, {
 			meta,
 			controls: "j/k navigate  space toggle  enter expand  Esc/q quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TaskList, {})
+			children: /* @__PURE__ */ jsx(TaskList, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {