@silvery/examples 0.17.4 → 0.17.5

package/dist/apps/outline.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 { useState } from "react";
 import { Box, Kbd, Muted, Text, createTerm, render, useApp, useBoxRect, useInput } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/outline.tsx
 /**
 * Outline vs Border Comparison
@@ -19,7 +19,6 @@ import { Box, Kbd, Muted, Text, createTerm, render, useApp, useBoxRect, useInput
 *
 * Run: bun vendor/silvery/examples/apps/outline.tsx
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Outline vs Border",
 	description: "Side-by-side comparison showing outline (no layout impact) vs border",
@@ -38,37 +37,37 @@ const STYLES = [
 ];
 function ContentWithSize({ label }) {
 	const { width, height } = useBoxRect();
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				children: label
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+			/* @__PURE__ */ jsxs(Text, { children: [
 				"Content area:",
 				" ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				/* @__PURE__ */ jsx(Text, {
 					color: "$success",
 					bold: true,
 					children: width
 				}),
 				"x",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				/* @__PURE__ */ jsx(Text, {
 					color: "$success",
 					bold: true,
 					children: height
 				})
 			] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				dim: true,
 				children: "The quick brown fox"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				dim: true,
 				children: "jumps over the lazy"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				dim: true,
 				children: "dog on a sunny day."
 			})
@@ -76,12 +75,12 @@ function ContentWithSize({ label }) {
 	});
 }
 function BorderPanel({ style, highlight }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		gap: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				bold: true,
 				color: highlight ? "$primary" : void 0,
 				children: [
@@ -90,25 +89,25 @@ function BorderPanel({ style, highlight }) {
 					"\""
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				borderStyle: style,
 				borderColor: highlight ? "$primary" : "$border",
 				width: 30,
 				height: 9,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentWithSize, { label: "Border Box" })
+				children: /* @__PURE__ */ jsx(ContentWithSize, { label: "Border Box" })
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Border adds to layout." }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Content is pushed inward." })
+			/* @__PURE__ */ jsx(Muted, { children: "Border adds to layout." }),
+			/* @__PURE__ */ jsx(Muted, { children: "Content is pushed inward." })
 		]
 	});
 }
 function OutlinePanel({ style, highlight }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		gap: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				bold: true,
 				color: highlight ? "$warning" : void 0,
 				children: [
@@ -117,15 +116,15 @@ function OutlinePanel({ style, highlight }) {
 					"\""
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				outlineStyle: style,
 				outlineColor: highlight ? "$warning" : "$border",
 				width: 30,
 				height: 9,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentWithSize, { label: "Outline Box" })
+				children: /* @__PURE__ */ jsx(ContentWithSize, { label: "Outline Box" })
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Outline overlaps content." }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "No layout impact at all." })
+			/* @__PURE__ */ jsx(Muted, { children: "Outline overlaps content." }),
+			/* @__PURE__ */ jsx(Muted, { children: "No layout impact at all." })
 		]
 	});
 }
@@ -143,40 +142,40 @@ function OutlineDemo() {
 		if (key.rightArrow || input === "l") setStyleIndex((prev) => (prev + 1) % STYLES.length);
 		if (key.leftArrow || input === "h") setStyleIndex((prev) => (prev - 1 + STYLES.length) % STYLES.length);
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
 		gap: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				gap: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				children: [/* @__PURE__ */ jsx(Text, {
 					bold: true,
 					children: "Style:"
-				}), STYLES.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				}), STYLES.map((s, i) => /* @__PURE__ */ jsx(Text, {
 					color: i === styleIndex ? "$primary" : "$muted",
 					bold: i === styleIndex,
 					children: i === styleIndex ? `[${s}]` : s
 				}, s))]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				flexDirection: "row",
 				gap: 2,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(BorderPanel, {
+				children: [/* @__PURE__ */ jsx(BorderPanel, {
 					style: currentStyle,
 					highlight: focusedSide === "border"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OutlinePanel, {
+				}), /* @__PURE__ */ jsx(OutlinePanel, {
 					style: currentStyle,
 					highlight: focusedSide === "outline"
 				})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+			/* @__PURE__ */ jsxs(Muted, { children: [
 				" ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Tab" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "Tab" }),
 				" toggle focus ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "h/l" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "h/l" }),
 				" change style ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Esc/q" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "Esc/q" }),
 				" quit"
 			] })
 		]
@@ -186,10 +185,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: "Tab toggle  h/l style  Esc/q quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OutlineDemo, {})
+			children: /* @__PURE__ */ jsx(OutlineDemo, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {

package/dist/apps/paste-demo.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 { useState } from "react";
 import { Box, H1, Kbd, Lead, Muted, Small, Text, createTerm, render, useApp, useInput } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/paste-demo.tsx
 /**
 * Bracketed Paste Demo
@@ -19,7 +19,6 @@ import { Box, H1, Kbd, Lead, Muted, Small, Text, createTerm, render, useApp, use
 *
 * Run: bun vendor/silvery/examples/apps/paste-demo.tsx
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Bracketed Paste",
 	description: "Receive pasted text as a single event via bracketed paste mode",
@@ -30,56 +29,56 @@ const meta = {
 	]
 };
 function PasteIndicator() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		gap: 1,
 		paddingX: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: "$success",
 				bold: true,
 				children: "●"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Paste mode:" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, { children: "Paste mode:" }),
+			/* @__PURE__ */ jsx(Text, {
 				color: "$success",
 				bold: true,
 				children: "ENABLED"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "(bracketed paste is automatic with render())" })
+			/* @__PURE__ */ jsx(Muted, { children: "(bracketed paste is automatic with render())" })
 		]
 	});
 }
 function PasteEventCard({ event, isLatest }) {
 	const displayText = (event.text.length > 60 ? event.text.slice(0, 57) + "..." : event.text).replace(/\n/g, "\\n").replace(/\t/g, "\\t");
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: isLatest ? "$primary" : "$border",
 		paddingX: 1,
 		marginBottom: 0,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				justifyContent: "space-between",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(H1, {
+				children: [/* @__PURE__ */ jsxs(H1, {
 					color: isLatest ? "$primary" : void 0,
 					children: ["Paste #", event.id]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Small, { children: event.timestamp })]
+				}), /* @__PURE__ */ jsx(Small, { children: event.timestamp })]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				gap: 2,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Small, { children: [
+				children: [/* @__PURE__ */ jsxs(Small, { children: [
 					event.charCount,
 					" char",
 					event.charCount !== 1 ? "s" : ""
-				] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Small, { children: [
+				] }), /* @__PURE__ */ jsxs(Small, { children: [
 					event.lineCount,
 					" line",
 					event.lineCount !== 1 ? "s" : ""
 				] })]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				marginTop: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				children: /* @__PURE__ */ jsx(Text, {
 					color: "$warning",
 					children: displayText
 				})
@@ -88,14 +87,14 @@ function PasteEventCard({ event, isLatest }) {
 	});
 }
 function EmptyState() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 2,
 		alignItems: "center",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "No paste events yet." }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Lead, { children: "Try pasting some text from your clipboard!" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Lead, { children: "(Cmd+V on macOS, Ctrl+Shift+V on Linux)" })
+			/* @__PURE__ */ jsx(Muted, { children: "No paste events yet." }),
+			/* @__PURE__ */ jsx(Lead, { children: "Try pasting some text from your clipboard!" }),
+			/* @__PURE__ */ jsx(Lead, { children: "(Cmd+V on macOS, Ctrl+Shift+V on Linux)" })
 		]
 	});
 }
@@ -125,44 +124,44 @@ function PasteDemo() {
 		setPasteHistory((prev) => [event, ...prev].slice(0, 10));
 		setNextId((prev) => prev + 1);
 	} });
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
 		gap: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PasteIndicator, {}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsx(PasteIndicator, {}),
+			/* @__PURE__ */ jsxs(Box, {
 				flexDirection: "column",
 				borderStyle: "round",
 				borderColor: "$primary",
 				paddingX: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				children: [/* @__PURE__ */ jsxs(Box, {
 					marginBottom: 1,
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, { children: "Paste History" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Small, { children: [
+					children: [/* @__PURE__ */ jsx(H1, { children: "Paste History" }), /* @__PURE__ */ jsxs(Small, { children: [
 						" ",
 						"— ",
 						pasteHistory.length,
 						" event",
 						pasteHistory.length !== 1 ? "s" : ""
 					] })]
-				}), pasteHistory.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyState, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				}), pasteHistory.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {}) : /* @__PURE__ */ jsx(Box, {
 					flexDirection: "column",
 					overflow: "scroll",
 					height: 12,
 					gap: 1,
-					children: pasteHistory.map((event, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PasteEventCard, {
+					children: pasteHistory.map((event, index) => /* @__PURE__ */ jsx(PasteEventCard, {
 						event,
 						isLatest: index === 0
 					}, event.id))
 				})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+			/* @__PURE__ */ jsxs(Muted, { children: [
 				" ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Paste text" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "Paste text" }),
 				" to see events ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "x" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "x" }),
 				" clear ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Esc/q" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "Esc/q" }),
 				" quit"
 			] })
 		]
@@ -172,10 +171,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: "Paste text to see events  x clear  Esc/q quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PasteDemo, {})
+			children: /* @__PURE__ */ jsx(PasteDemo, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {

package/dist/apps/scroll.mjs

@@ -1,15 +1,14 @@
 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 { useState } from "react";
 import { Box, Kbd, Muted, Text, createTerm, render, useApp, useInput } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/scroll.tsx
 /**
 * Scroll Example
 *
 * Demonstrates overflow="scroll" with keyboard navigation.
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Scroll",
 	description: "Native overflow=\"scroll\" with automatic scroll-to-selected",
@@ -32,12 +31,12 @@ function ScrollExample() {
 		if (key.upArrow || input === "k") setSelectedIndex((prev) => Math.max(0, prev - 1));
 		if (key.downArrow || input === "j") setSelectedIndex((prev) => Math.min(items.length - 1, prev + 1));
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
 		width: 60,
 		height: 20,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		children: [/* @__PURE__ */ jsx(Box, {
 			flexGrow: 1,
 			flexDirection: "column",
 			borderStyle: "round",
@@ -45,20 +44,20 @@ function ScrollExample() {
 			overflow: "scroll",
 			scrollTo: selectedIndex,
 			height: 10,
-			children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			children: items.map((item, index) => /* @__PURE__ */ jsx(Box, {
 				paddingX: 1,
 				backgroundColor: index === selectedIndex ? "$primary" : void 0,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				children: /* @__PURE__ */ jsx(Text, {
 					color: index === selectedIndex ? "$primary-fg" : void 0,
 					bold: index === selectedIndex,
 					children: item.title
 				})
 			}, item.id))
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { 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: "Esc/q" }),
+			/* @__PURE__ */ jsx(Kbd, { children: "Esc/q" }),
 			" quit | Selected: ",
 			selectedIndex + 1,
 			"/",
@@ -70,10 +69,10 @@ async function main() {
 	try {
 		var _usingCtx$1 = _usingCtx();
 		const term = _usingCtx$1.u(createTerm());
-		await render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExampleBanner, {
+		await render(/* @__PURE__ */ jsx(ExampleBanner, {
 			meta,
 			controls: "j/k navigate  Esc/q quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollExample, {})
+			children: /* @__PURE__ */ jsx(ScrollExample, {})
 		}), term);
 	} catch (_) {
 		_usingCtx$1.e = _;

package/dist/apps/search-filter.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 { useDeferredValue, useState, useTransition } from "react";
 import { Box, Kbd, Lead, Muted, Strong, Text, createTerm, render, useApp, useInput } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/search-filter.tsx
 /**
 * Search Filter Example
@@ -12,7 +12,6 @@ import { Box, Kbd, Lead, Muted, Strong, Text, createTerm, render, useApp, useInp
 * - useDeferredValue for deferred filtering
 * - Typing remains responsive even with heavy filtering
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Search Filter",
 	description: "useTransition + useDeferredValue for responsive concurrent search",
@@ -167,13 +166,13 @@ const items = [
 	}
 ];
 function SearchInput({ value, onChange }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Strong, {
+	return /* @__PURE__ */ jsxs(Box, { children: [
+		/* @__PURE__ */ jsx(Strong, {
 			color: "$primary",
 			children: "Search: "
 		}),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: value }),
-		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		/* @__PURE__ */ jsx(Text, { children: value }),
+		/* @__PURE__ */ jsx(Text, {
 			dim: true,
 			children: "|"
 		})
@@ -184,26 +183,26 @@ function FilteredList({ query, isPending }) {
 		const searchLower = query.toLowerCase();
 		return item.name.toLowerCase().includes(searchLower) || item.category.toLowerCase().includes(searchLower) || item.tags.some((tag) => tag.toLowerCase().includes(searchLower));
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		marginTop: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				marginBottom: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+				children: /* @__PURE__ */ jsxs(Muted, { children: [
 					filtered.length,
 					" results",
 					isPending && " (filtering...)"
 				] })
 			}),
-			filtered.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			filtered.map((item) => /* @__PURE__ */ jsxs(Box, {
 				marginBottom: 1,
 				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					/* @__PURE__ */ jsx(Text, {
 						bold: true,
 						children: item.name
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					/* @__PURE__ */ jsxs(Text, {
 						dim: true,
 						children: [
 							" [",
@@ -211,13 +210,13 @@ function FilteredList({ query, isPending }) {
 							"]"
 						]
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					/* @__PURE__ */ jsxs(Text, {
 						color: "$muted",
 						children: [" ", item.tags.join(", ")]
 					})
 				]
 			}, item.id)),
-			filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Lead, { children: "No matches found" })
+			filtered.length === 0 && /* @__PURE__ */ jsx(Lead, { children: "No matches found" })
 		]
 	});
 }
@@ -241,26 +240,26 @@ function SearchApp() {
 			setQuery((prev) => prev + input);
 		});
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchInput, {
+			/* @__PURE__ */ jsx(SearchInput, {
 				value: query,
 				onChange: setQuery
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				flexGrow: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilteredList, {
+				children: /* @__PURE__ */ jsx(FilteredList, {
 					query: deferredQuery,
 					isPending
 				})
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+			/* @__PURE__ */ jsxs(Muted, { children: [
 				" ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "type" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "type" }),
 				" to search ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Esc/q" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "Esc/q" }),
 				" quit"
 			] })
 		]
@@ -270,10 +269,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: "type to search  Esc quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchApp, {})
+			children: /* @__PURE__ */ jsx(SearchApp, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {