@silvery/examples 0.17.4 → 0.17.5

package/dist/apps/transform.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, Muted, Small, Text, Transform, createTerm, render, useApp, useInput } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/transform.tsx
 /**
 * Transform Component Demo
@@ -18,7 +18,6 @@ import { Box, H1, Kbd, Muted, Small, Text, Transform, createTerm, render, useApp
 *
 * Run: bun vendor/silvery/examples/apps/transform.tsx
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Transform",
 	description: "Text post-processing with the Transform component",
@@ -94,16 +93,16 @@ const sampleLines = [
 	"liquor jugs and enjoy them."
 ];
 function TransformSelector({ current, transforms: items }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		flexDirection: "column",
 		overflow: "scroll",
 		scrollTo: current,
 		height: 7,
 		children: items.map((t, index) => {
 			const isSelected = index === current;
-			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			return /* @__PURE__ */ jsx(Box, {
 				paddingX: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				children: /* @__PURE__ */ jsxs(Text, {
 					color: isSelected ? "$bg" : void 0,
 					backgroundColor: isSelected ? "$primary" : void 0,
 					bold: isSelected,
@@ -114,15 +113,15 @@ function TransformSelector({ current, transforms: items }) {
 	});
 }
 function TextPanel({ title, titleColor, children }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		borderStyle: "round",
 		borderColor: "$border",
 		paddingX: 1,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		children: [/* @__PURE__ */ jsx(Box, {
 			marginBottom: 1,
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, {
+			children: /* @__PURE__ */ jsx(H1, {
 				color: titleColor,
 				children: title
 			})
@@ -141,54 +140,54 @@ function TransformDemo() {
 		if (key.upArrow || input === "k") setCurrentIndex((prev) => Math.max(0, prev - 1));
 		if (key.downArrow || input === "j") setCurrentIndex((prev) => Math.min(transforms.length - 1, 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.jsxs)(Box, {
+			/* @__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,
 					gap: 1,
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, { children: "Transform" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Small, { children: [
+					children: [/* @__PURE__ */ jsx(H1, { children: "Transform" }), /* @__PURE__ */ jsxs(Small, { children: [
 						"— ",
 						current.name,
 						": ",
 						current.description
 					] })]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TransformSelector, {
+				}), /* @__PURE__ */ jsx(TransformSelector, {
 					current: currentIndex,
 					transforms
 				})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				flexDirection: "row",
 				gap: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextPanel, {
+				children: [/* @__PURE__ */ jsx(TextPanel, {
 					title: "Original",
 					titleColor: "$muted",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+					children: /* @__PURE__ */ jsx(Box, {
 						flexDirection: "column",
-						children: sampleLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: line || " " }, i))
+						children: sampleLines.map((line, i) => /* @__PURE__ */ jsx(Text, { children: line || " " }, i))
 					})
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextPanel, {
+				}), /* @__PURE__ */ jsx(TextPanel, {
 					title: `${current.name}`,
 					titleColor: "$warning",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Transform, {
+					children: /* @__PURE__ */ jsx(Transform, {
 						transform: current.fn,
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: sampleLines.join("\n") })
+						children: /* @__PURE__ */ jsx(Text, { children: sampleLines.join("\n") })
 					})
 				})]
 			}),
-			/* @__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" }),
 				" select transform ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Esc/q" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "Esc/q" }),
 				" quit"
 			] })
 		]
@@ -198,10 +197,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 select transform  Esc/q quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TransformDemo, {})
+			children: /* @__PURE__ */ jsx(TransformDemo, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {

package/dist/apps/virtual-10k.mjs

@@ -1,7 +1,7 @@
-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 { useCallback, useMemo, useState } from "react";
 import { Box, Divider, Kbd, ListView, Muted, Strong, Text, useBoxRect } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { run, useInput as useInput$1 } from "silvery/runtime";
 //#region apps/virtual-10k.tsx
 /**
@@ -26,7 +26,6 @@ import { run, useInput as useInput$1 } from "silvery/runtime";
 *   /                - Search by number
 *   Esc/q or Ctrl+C   - Quit
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Virtual 10K",
 	description: "ListView scrolling through 10,000 items with instant navigation",
@@ -153,26 +152,26 @@ function ProgressBar$1({ percent, width: barWidth }) {
 	const effectiveWidth = Math.max(5, barWidth);
 	const filled = Math.round(percent / 100 * effectiveWidth);
 	const empty = effectiveWidth - filled;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	return /* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
 		color: "$success",
 		children: "█".repeat(filled)
-	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	}), /* @__PURE__ */ jsx(Text, {
 		dim: true,
 		children: "░".repeat(empty)
 	})] });
 }
 function ItemRow({ item, isSelected, showDetail }) {
 	const idStr = String(item.id).padStart(5, " ");
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		paddingX: 1,
 		backgroundColor: isSelected ? "$primary" : void 0,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		children: [/* @__PURE__ */ jsxs(Box, { children: [
+			/* @__PURE__ */ jsx(Text, {
 				color: STATUS_COLORS[item.status],
 				children: STATUS_ICONS[item.status]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				dim: true,
 				children: [
 					" ",
@@ -180,18 +179,18 @@ function ItemRow({ item, isSelected, showDetail }) {
 					" "
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				color: PRIORITY_COLORS[item.priority],
 				children: item.priority
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, { children: " " }),
+			/* @__PURE__ */ jsx(Text, {
 				bold: isSelected,
 				children: item.title
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-			item.tags.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsx(Text, { children: " " }),
+			item.tags.map((tag) => /* @__PURE__ */ jsxs(Text, {
 				dim: true,
 				color: "$info",
 				children: [
@@ -200,19 +199,19 @@ function ItemRow({ item, isSelected, showDetail }) {
 					tag
 				]
 			}, tag))
-		] }), showDetail && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		] }), showDetail && /* @__PURE__ */ jsxs(Box, {
 			paddingLeft: 8,
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				/* @__PURE__ */ jsx(Text, {
 					dim: true,
 					children: item.description
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressBar$1, {
+				/* @__PURE__ */ jsx(Text, { children: " " }),
+				/* @__PURE__ */ jsx(ProgressBar$1, {
 					percent: item.progress,
 					width: 10
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				/* @__PURE__ */ jsxs(Text, {
 					dim: true,
 					children: [
 						" ",
@@ -229,27 +228,27 @@ function ScrollIndicator({ current, total, width }) {
 	const barWidth = Math.max(10, Math.min(30, width - 40));
 	const filled = Math.round(percent / 100 * barWidth);
 	const empty = barWidth - filled;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		gap: 2,
 		paddingX: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Strong, {
+			/* @__PURE__ */ jsx(Strong, {
 				color: "$primary",
 				children: (current + 1).toLocaleString()
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				dim: true,
 				children: "of"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Strong, { children: total.toLocaleString() }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Strong, { children: total.toLocaleString() }),
+			/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
 				color: "$primary",
 				children: "█".repeat(filled)
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			}), /* @__PURE__ */ jsx(Text, {
 				dim: true,
 				children: "░".repeat(empty)
 			})] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Strong, {
+			/* @__PURE__ */ jsxs(Strong, {
 				color: "$primary",
 				children: [percent, "%"]
 			})
@@ -281,31 +280,31 @@ function StatsBar({ items }) {
 			blocked
 		};
 	}, [items]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		gap: 2,
 		paddingX: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Strong, {
+			/* @__PURE__ */ jsxs(Strong, {
 				color: "$error",
 				children: ["P0:", stats.p0]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Strong, {
+			/* @__PURE__ */ jsxs(Strong, {
 				color: "$warning",
 				children: ["P1:", stats.p1]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: "$info",
 				children: ["P2:", stats.p2]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				dim: true,
 				children: ["P3:", stats.p3]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				dim: true,
 				children: "|"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: "$muted",
 				children: [
 					STATUS_ICONS.todo,
@@ -313,7 +312,7 @@ function StatsBar({ items }) {
 					stats.todo
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: "$warning",
 				children: [
 					STATUS_ICONS["in-progress"],
@@ -321,7 +320,7 @@ function StatsBar({ items }) {
 					stats.inProg
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: "$success",
 				children: [
 					STATUS_ICONS.done,
@@ -329,7 +328,7 @@ function StatsBar({ items }) {
 					stats.done
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: "$error",
 				children: [
 					STATUS_ICONS.blocked,
@@ -360,50 +359,50 @@ function VirtualBenchmark() {
 		if (input === "G" || key.end) setCursor(TOTAL_ITEMS - 1);
 		if (key.return || input === " ") setShowDetail((d) => !d);
 	}, [halfPage]));
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		width: "100%",
 		height: "100%",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatsBar, { items: ALL_ITEMS }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(StatsBar, { items: ALL_ITEMS }),
+			/* @__PURE__ */ jsx(Box, {
 				paddingX: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Divider, {})
+				children: /* @__PURE__ */ jsx(Divider, {})
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				flexGrow: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListView, {
+				children: /* @__PURE__ */ jsx(ListView, {
 					items: ALL_ITEMS,
 					height: listHeight,
 					estimateHeight,
 					scrollTo: cursor,
 					overscan: 5,
-					renderItem: (item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemRow, {
+					renderItem: (item, index) => /* @__PURE__ */ jsx(ItemRow, {
 						item,
 						isSelected: index === cursor,
 						showDetail: showDetail && index === cursor
 					}, item.id)
 				})
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollIndicator, {
+			/* @__PURE__ */ jsx(ScrollIndicator, {
 				current: cursor,
 				total: TOTAL_ITEMS,
 				width
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				paddingX: 1,
 				justifyContent: "center",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "j/k" }),
+				children: /* @__PURE__ */ jsxs(Muted, { children: [
+					/* @__PURE__ */ jsx(Kbd, { children: "j/k" }),
 					" navigate ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "d/u" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "d/u" }),
 					" half-page ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "g/G" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "g/G" }),
 					" start/end ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Enter" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "Enter" }),
 					" detail",
 					" ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Esc/q" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "Esc/q" }),
 					" quit"
 				] })
 			})
@@ -411,10 +410,10 @@ function VirtualBenchmark() {
 	});
 }
 async function main() {
-	await (await run(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExampleBanner, {
+	await (await run(/* @__PURE__ */ jsx(ExampleBanner, {
 		meta,
 		controls: "j/k navigate  d/u half-page  g/G start/end  Enter detail  Esc/q quit",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VirtualBenchmark, {})
+		children: /* @__PURE__ */ jsx(VirtualBenchmark, {})
 	}))).waitUntilExit();
 }
 if (import.meta.main) await main();

package/dist/{backends-Bahh9mKN.mjs → backends-Dj-11kZF.mjs}

@@ -443,7 +443,7 @@ var init_svg = __esmMin((() => {
 async function loadResvg() {
 	if (resvgModule) return resvgModule;
 	try {
-		resvgModule = await import("./resvg-js-C_8Wps1F.mjs").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
+		resvgModule = await import("./resvg-js-Cnk2o49d.mjs").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
 		return resvgModule;
 	} catch {
 		throw new Error("screenshotPng() requires @resvg/resvg-js. Install it:\n  bun add -d @resvg/resvg-js");

package/dist/backends-U3QwStfO.mjs

@@ -0,0 +1,3 @@
+import { s as init_backends, t as backend } from "./backends-Dj-11kZF.mjs";
+init_backends();
+export { backend };

package/dist/components/counter.mjs

@@ -1,6 +1,6 @@
-import { t as require_jsx_runtime } from "../jsx-runtime-dMs_8fNu.mjs";
 import { useState } from "react";
 import { Box, Text } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { run, useInput as useInput$1 } from "silvery/runtime";
 //#region components/counter.tsx
 /**
@@ -11,7 +11,6 @@ import { run, useInput as useInput$1 } from "silvery/runtime";
 *
 * Usage: bun examples/components/counter.tsx
 */
-var import_jsx_runtime = require_jsx_runtime();
 function Counter() {
 	const [count, setCount] = useState(0);
 	useInput$1((input, key) => {
@@ -20,17 +19,17 @@ function Counter() {
 		if (input === "r") setCount(0);
 		if (input === "q" || key.escape) return "exit";
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		children: [/* @__PURE__ */ jsxs(Box, {
 			gap: 1,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Count:" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			children: [/* @__PURE__ */ jsx(Text, { children: "Count:" }), /* @__PURE__ */ jsx(Text, {
 				bold: true,
 				color: count >= 0 ? "$success" : "$error",
 				children: count
 			})]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		}), /* @__PURE__ */ jsx(Text, {
 			color: "$muted",
 			children: "j/k: +/- r: reset q: quit"
 		})]
@@ -41,7 +40,7 @@ const meta = {
 	description: "Interactive counter with useState + useInput"
 };
 async function main() {
-	await (await run(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Counter, {}))).waitUntilExit();
+	await (await run(/* @__PURE__ */ jsx(Counter, {}))).waitUntilExit();
 }
 if (import.meta.main) await main();
 //#endregion

package/dist/components/hello.mjs

@@ -1,19 +1,18 @@
-import { t as require_jsx_runtime } from "../jsx-runtime-dMs_8fNu.mjs";
 import "react";
 import { Box, Text } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { run, useInput as useInput$1 } from "silvery/runtime";
 //#region components/hello.tsx
-var import_jsx_runtime = require_jsx_runtime();
 function Hello() {
 	useInput$1(() => "exit");
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		children: [/* @__PURE__ */ jsx(Text, {
 			bold: true,
 			color: "$primary",
 			children: "Hello, Silvery!"
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		}), /* @__PURE__ */ jsx(Text, {
 			color: "$muted",
 			children: "Press any key to exit."
 		})]
@@ -24,7 +23,7 @@ const meta = {
 	description: "The simplest silvery app — styled text, exit on keypress"
 };
 async function main() {
-	await (await run(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Hello, {}))).waitUntilExit();
+	await (await run(/* @__PURE__ */ jsx(Hello, {}))).waitUntilExit();
 }
 if (import.meta.main) await main();
 //#endregion

package/dist/components/progress-bar.mjs

@@ -1,6 +1,6 @@
-import { t as require_jsx_runtime } from "../jsx-runtime-dMs_8fNu.mjs";
 import { useState } from "react";
 import { Box, ProgressBar, Text } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { run, useInput as useInput$1 } from "silvery/runtime";
 //#region components/progress-bar.tsx
 /**
@@ -11,7 +11,6 @@ import { run, useInput as useInput$1 } from "silvery/runtime";
 *
 * Usage: bun examples/components/progress-bar.tsx
 */
-var import_jsx_runtime = require_jsx_runtime();
 function ProgressBarDemo() {
 	const [progress, setProgress] = useState(.4);
 	useInput$1((input, key) => {
@@ -19,28 +18,28 @@ function ProgressBarDemo() {
 		if (input === "k" || key.leftArrow) setProgress((p) => Math.max(0, p - .05));
 		if (input === "q" || key.escape) return "exit";
 	});
-	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)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				children: "Determinate"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				width: 40,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressBar, { value: progress })
+				children: /* @__PURE__ */ jsx(ProgressBar, { value: progress })
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				children: "Indeterminate"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				width: 40,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressBar, {})
+				children: /* @__PURE__ */ jsx(ProgressBar, {})
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				children: "j/k: adjust q: quit"
 			})
@@ -52,7 +51,7 @@ const meta = {
 	description: "Determinate and indeterminate progress bars"
 };
 async function main() {
-	await (await run(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressBarDemo, {}))).waitUntilExit();
+	await (await run(/* @__PURE__ */ jsx(ProgressBarDemo, {}))).waitUntilExit();
 }
 if (import.meta.main) await main();
 //#endregion

package/dist/components/select-list.mjs

@@ -1,6 +1,6 @@
-import { t as require_jsx_runtime } from "../jsx-runtime-dMs_8fNu.mjs";
 import { useState } from "react";
 import { Box, SelectList, Text } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { run, useInput as useInput$1 } from "silvery/runtime";
 //#region components/select-list.tsx
 /**
@@ -11,7 +11,6 @@ import { run, useInput as useInput$1 } from "silvery/runtime";
 *
 * Usage: bun examples/components/select-list.tsx
 */
-var import_jsx_runtime = require_jsx_runtime();
 const languages = [
 	{
 		label: "TypeScript",
@@ -44,29 +43,29 @@ function SelectListDemo() {
 	useInput$1((_, key) => {
 		if (key.escape) return "exit";
 	});
-	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)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				children: "Pick a language:"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				borderStyle: "round",
 				borderColor: "$border",
 				paddingX: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectList, {
+				children: /* @__PURE__ */ jsx(SelectList, {
 					items: languages,
 					onSelect: (opt) => setSelected(opt.value)
 				})
 			}),
-			selected && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			selected && /* @__PURE__ */ jsxs(Text, {
 				color: "$success",
 				children: ["Selected: ", selected]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				children: "j/k: navigate Enter: select Esc: quit"
 			})
@@ -78,7 +77,7 @@ const meta = {
 	description: "Keyboard-navigable single-select list"
 };
 async function main() {
-	await (await run(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectListDemo, {}))).waitUntilExit();
+	await (await run(/* @__PURE__ */ jsx(SelectListDemo, {}))).waitUntilExit();
 }
 if (import.meta.main) await main();
 //#endregion