@silvery/examples 0.17.4 → 0.17.5

package/dist/apps/async-data.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 { Suspense, use, useState } from "react";
 import { Box, ErrorBoundary, H1, Kbd, Muted, Text, createTerm, render, useApp, useInput } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/async-data.tsx
 /**
 * Async Data Example
@@ -12,7 +12,6 @@ import { Box, ErrorBoundary, H1, Kbd, Muted, Text, createTerm, render, useApp, u
 * - Multiple independent suspending components
 * - Error handling with ErrorBoundary
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Async Data",
 	description: "React Suspense with independent data sources and error boundaries",
@@ -36,19 +35,19 @@ function UserProfile() {
 		email: "alice@example.com",
 		role: "Developer"
 	}));
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: "$success",
 		padding: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, {
+			/* @__PURE__ */ jsx(H1, {
 				color: "$success",
 				children: "User Profile"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: ["Name: ", user.name] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: ["Email: ", user.email] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: ["Role: ", user.role] })
+			/* @__PURE__ */ jsxs(Text, { children: ["Name: ", user.name] }),
+			/* @__PURE__ */ jsxs(Text, { children: ["Email: ", user.email] }),
+			/* @__PURE__ */ jsxs(Text, { children: ["Role: ", user.role] })
 		]
 	});
 }
@@ -58,16 +57,16 @@ function Statistics() {
 		commits: 847,
 		reviews: 156
 	}));
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: "$primary",
 		padding: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, { children: "Statistics" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: ["Projects: ", stats.projects] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: ["Commits: ", stats.commits] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: ["Reviews: ", stats.reviews] })
+			/* @__PURE__ */ jsx(H1, { children: "Statistics" }),
+			/* @__PURE__ */ jsxs(Text, { children: ["Projects: ", stats.projects] }),
+			/* @__PURE__ */ jsxs(Text, { children: ["Commits: ", stats.commits] }),
+			/* @__PURE__ */ jsxs(Text, { children: ["Reviews: ", stats.reviews] })
 		]
 	});
 }
@@ -89,16 +88,16 @@ function RecentActivity() {
 			time: "1d ago"
 		}
 	]));
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: "$warning",
 		padding: 1,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, {
+		children: [/* @__PURE__ */ jsx(H1, {
 			color: "$warning",
 			children: "Recent Activity"
-		}), activities.map((a) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		}), activities.map((a) => /* @__PURE__ */ jsxs(Text, { children: [
+			/* @__PURE__ */ jsx(Text, {
 				dim: true,
 				children: a.time
 			}),
@@ -108,11 +107,11 @@ function RecentActivity() {
 	});
 }
 function LoadingBox({ label }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		borderStyle: "round",
 		borderColor: "$border",
 		padding: 1,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+		children: /* @__PURE__ */ jsxs(Text, {
 			color: "$muted",
 			children: [
 				"Loading ",
@@ -135,50 +134,50 @@ function AsyncDataApp() {
 			setRefreshKey((k) => k + 1);
 		}
 	});
-	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, {
 			flexGrow: 1,
 			flexDirection: "row",
 			gap: 1,
 			children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
-					fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				/* @__PURE__ */ jsx(ErrorBoundary, {
+					fallback: /* @__PURE__ */ jsx(Text, {
 						color: "$error",
 						children: "User error"
 					}),
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Suspense, {
-						fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingBox, { label: "user" }),
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserProfile, {})
+					children: /* @__PURE__ */ jsx(Suspense, {
+						fallback: /* @__PURE__ */ jsx(LoadingBox, { label: "user" }),
+						children: /* @__PURE__ */ jsx(UserProfile, {})
 					})
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
-					fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				/* @__PURE__ */ jsx(ErrorBoundary, {
+					fallback: /* @__PURE__ */ jsx(Text, {
 						color: "$error",
 						children: "Stats error"
 					}),
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Suspense, {
-						fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingBox, { label: "stats" }),
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Statistics, {})
+					children: /* @__PURE__ */ jsx(Suspense, {
+						fallback: /* @__PURE__ */ jsx(LoadingBox, { label: "stats" }),
+						children: /* @__PURE__ */ jsx(Statistics, {})
 					})
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
-					fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				/* @__PURE__ */ jsx(ErrorBoundary, {
+					fallback: /* @__PURE__ */ jsx(Text, {
 						color: "$error",
 						children: "Activity error"
 					}),
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Suspense, {
-						fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingBox, { label: "activity" }),
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RecentActivity, {})
+					children: /* @__PURE__ */ jsx(Suspense, {
+						fallback: /* @__PURE__ */ jsx(LoadingBox, { label: "activity" }),
+						children: /* @__PURE__ */ jsx(RecentActivity, {})
 					})
 				})
 			]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+		}), /* @__PURE__ */ jsxs(Muted, { children: [
 			" ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "r" }),
+			/* @__PURE__ */ jsx(Kbd, { children: "r" }),
 			" refresh ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Esc/q" }),
+			/* @__PURE__ */ jsx(Kbd, { children: "Esc/q" }),
 			" quit"
 		] })]
 	}, refreshKey);
@@ -187,10 +186,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: "r refresh  Esc/q quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AsyncDataApp, {})
+			children: /* @__PURE__ */ jsx(AsyncDataApp, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {

package/dist/apps/cli-wizard.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 { useCallback, useEffect, useState } from "react";
 import { Box, Code, H1, Kbd, Lead, Muted, ProgressBar, SelectList, Spinner, Text, TextInput, createTerm, render, useApp, useInput } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/cli-wizard.tsx
 /**
 * CLI Wizard Example
@@ -21,7 +21,6 @@ import { Box, Code, H1, Kbd, Lead, Muted, ProgressBar, SelectList, Spinner, Text
 *   Type           - Enter project name (step 2)
 *   q or Esc       - Quit (when not typing)
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "CLI Wizard",
 	description: "Multi-step project scaffolding wizard with selection, input, and progress",
@@ -68,13 +67,13 @@ const INSTALL_STEPS = [
 ];
 /** Step indicator showing current position in the wizard */
 function StepIndicator({ current, total }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		paddingX: 1,
 		marginBottom: 1,
 		children: Array.from({ length: total }, (_, i) => {
 			const isDone = i < current;
 			const isCurrent = i === current;
-			return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			return /* @__PURE__ */ jsxs(Text, {
 				color: isDone ? "$success" : isCurrent ? "$primary" : "$muted",
 				bold: isCurrent,
 				children: [isDone ? "●" : isCurrent ? "○" : "○", i < total - 1 ? " ─ " : ""]
@@ -84,55 +83,55 @@ function StepIndicator({ current, total }) {
 }
 /** Step 1: Framework selection */
 function FrameworkStep({ onSelect }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		paddingX: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				marginBottom: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, { children: "? Select a framework:" })
+				children: /* @__PURE__ */ jsx(H1, { children: "? Select a framework:" })
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectList, {
+			/* @__PURE__ */ jsx(SelectList, {
 				items: FRAMEWORKS,
 				onSelect
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				marginTop: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Lead, { children: "(Angular is coming soon)" })
+				children: /* @__PURE__ */ jsx(Lead, { children: "(Angular is coming soon)" })
 			})
 		]
 	});
 }
 /** Step 2: Project name input */
 function NameStep({ value, onChange, onSubmit, framework }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		paddingX: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				marginBottom: 1,
 				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, { children: "? Project name" }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+					/* @__PURE__ */ jsx(H1, { children: "? Project name" }),
+					/* @__PURE__ */ jsxs(Muted, { children: [
 						" (",
 						framework,
 						")"
 					] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, { children: ":" })
+					/* @__PURE__ */ jsx(H1, { children: ":" })
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				children: "❯ "
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextInput, {
+			}), /* @__PURE__ */ jsx(TextInput, {
 				value,
 				onChange,
 				onSubmit,
 				prompt: ""
 			})] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				marginTop: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Press Enter to confirm" })
+				children: /* @__PURE__ */ jsx(Muted, { children: "Press Enter to confirm" })
 			})
 		]
 	});
@@ -140,59 +139,59 @@ function NameStep({ value, onChange, onSubmit, framework }) {
 /** Step 3: Installation progress */
 function InstallStep({ progress, stepIndex }) {
 	const currentStep = INSTALL_STEPS[Math.min(stepIndex, INSTALL_STEPS.length - 1)];
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		paddingX: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				marginBottom: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { type: "dots" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				children: [/* @__PURE__ */ jsx(Spinner, { type: "dots" }), /* @__PURE__ */ jsxs(Text, {
 					bold: true,
 					color: "$warning",
 					children: [" ", "Installing dependencies..."]
 				})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				marginBottom: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressBar, {
+				children: /* @__PURE__ */ jsx(ProgressBar, {
 					value: progress,
 					color: "$primary",
 					label: ""
 				})
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: currentStep })
+			/* @__PURE__ */ jsx(Muted, { children: currentStep })
 		]
 	});
 }
 /** Step 4: Completion summary */
 function DoneStep({ framework, projectName }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		paddingX: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				marginBottom: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(H1, {
+				children: /* @__PURE__ */ jsxs(H1, {
 					color: "$success",
 					children: ["✔", " Project created successfully!"]
 				})
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				flexDirection: "column",
 				borderStyle: "round",
 				borderColor: "$success",
 				paddingX: 2,
 				paddingY: 1,
 				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Framework: " }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Muted, { children: "Framework: " }), /* @__PURE__ */ jsx(Text, {
 						bold: true,
 						children: framework
 					})] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Project: " }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Muted, { children: "Project: " }), /* @__PURE__ */ jsx(Text, {
 						bold: true,
 						children: projectName
 					})] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Location: " }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Muted, { children: "Location: " }), /* @__PURE__ */ jsxs(Text, {
 						bold: true,
 						children: [
 							"./",
@@ -202,27 +201,27 @@ function DoneStep({ framework, projectName }) {
 					})] })
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				flexDirection: "column",
 				marginTop: 1,
 				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Get started:" }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Code, { children: [
+					/* @__PURE__ */ jsx(Muted, { children: "Get started:" }),
+					/* @__PURE__ */ jsxs(Code, { children: [
 						"  ",
 						"cd ",
 						projectName
 					] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Code, { children: ["  ", "bun install"] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Code, { children: ["  ", "bun dev"] })
+					/* @__PURE__ */ jsxs(Code, { children: ["  ", "bun install"] }),
+					/* @__PURE__ */ jsxs(Code, { children: ["  ", "bun dev"] })
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				marginTop: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+				children: /* @__PURE__ */ jsxs(Muted, { children: [
 					"Press ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "q" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "q" }),
 					" or ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Esc" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "Esc" }),
 					" to exit"
 				] })
 			})
@@ -285,33 +284,33 @@ function CliWizard() {
 	});
 	const installStepIndex = Math.floor(state.progress * (INSTALL_STEPS.length - 1));
 	const stepNumber = state.step === "framework" ? 0 : state.step === "name" ? 1 : state.step === "installing" ? 2 : 3;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				borderStyle: "single",
 				borderColor: "$primary",
 				paddingX: 2,
 				marginBottom: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, { children: "create-app" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: " v1.0.0" })]
+				children: [/* @__PURE__ */ jsx(H1, { children: "create-app" }), /* @__PURE__ */ jsx(Muted, { children: " v1.0.0" })]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StepIndicator, {
+			/* @__PURE__ */ jsx(StepIndicator, {
 				current: stepNumber,
 				total: 4
 			}),
-			state.step === "framework" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FrameworkStep, { onSelect: handleFrameworkSelect }),
-			state.step === "name" && state.framework && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NameStep, {
+			state.step === "framework" && /* @__PURE__ */ jsx(FrameworkStep, { onSelect: handleFrameworkSelect }),
+			state.step === "name" && state.framework && /* @__PURE__ */ jsx(NameStep, {
 				value: state.projectName,
 				onChange: handleNameChange,
 				onSubmit: handleNameSubmit,
 				framework: state.framework
 			}),
-			state.step === "installing" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InstallStep, {
+			state.step === "installing" && /* @__PURE__ */ jsx(InstallStep, {
 				progress: state.progress,
 				stepIndex: installStepIndex
 			}),
-			state.step === "done" && state.framework && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DoneStep, {
+			state.step === "done" && state.framework && /* @__PURE__ */ jsx(DoneStep, {
 				framework: state.framework,
 				projectName: state.projectName
 			})
@@ -322,10 +321,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  Enter select  q/Esc quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CliWizard, {})
+			children: /* @__PURE__ */ jsx(CliWizard, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {

package/dist/apps/clipboard.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, copyToClipboard, createTerm, parseClipboardResponse, render, requestClipboard, useApp, useInput, useStdout } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/clipboard.tsx
 /**
 * OSC 52 Clipboard Demo
@@ -19,7 +19,6 @@ import { Box, H1, Kbd, Lead, Muted, Small, Text, copyToClipboard, createTerm, pa
 *
 * Run: bun vendor/silvery/examples/apps/clipboard.tsx
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Clipboard (OSC 52)",
 	description: "Copy/paste via OSC 52 terminal protocol",
@@ -69,14 +68,14 @@ const allItems = [
 	value
 })));
 function ListItem({ item, isSelected }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(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,
 			children: [isSelected ? " > " : "   ", item.value]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Small, { children: [
+		}), /* @__PURE__ */ jsxs(Small, { children: [
 			" (",
 			item.category,
 			")"
@@ -84,23 +83,23 @@ function ListItem({ item, isSelected }) {
 	});
 }
 function StatusBar({ lastCopied, lastPasted }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: "$border",
 		paddingX: 1,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		children: [/* @__PURE__ */ jsxs(Box, {
 			gap: 1,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Copied:" }), lastCopied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			children: [/* @__PURE__ */ jsx(Muted, { children: "Copied:" }), lastCopied ? /* @__PURE__ */ jsx(Text, {
 				color: "$success",
 				children: lastCopied
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Lead, { children: "nothing yet" })]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			}) : /* @__PURE__ */ jsx(Lead, { children: "nothing yet" })]
+		}), /* @__PURE__ */ jsxs(Box, {
 			gap: 1,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Pasted:" }), lastPasted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			children: [/* @__PURE__ */ jsx(Muted, { children: "Pasted:" }), lastPasted ? /* @__PURE__ */ jsx(Text, {
 				color: "$warning",
 				children: lastPasted
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Lead, { children: "nothing yet" })]
+			}) : /* @__PURE__ */ jsx(Lead, { children: "nothing yet" })]
 		})]
 	});
 }
@@ -129,49 +128,49 @@ function ClipboardDemo() {
 		const parsed = parseClipboardResponse(input);
 		if (parsed) setLastPasted(parsed);
 	});
-	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,
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, { children: "Items" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Small, { children: [
+					children: [/* @__PURE__ */ jsx(H1, { children: "Items" }), /* @__PURE__ */ jsxs(Small, { children: [
 						" ",
 						"— ",
 						selectedIndex + 1,
 						"/",
 						allItems.length
 					] })]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				}), /* @__PURE__ */ jsx(Box, {
 					flexDirection: "column",
 					overflow: "scroll",
 					scrollTo: selectedIndex,
 					height: 10,
-					children: allItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItem, {
+					children: allItems.map((item, index) => /* @__PURE__ */ jsx(ListItem, {
 						item,
 						isSelected: index === selectedIndex
 					}, `${item.category}-${item.value}`))
 				})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, {
+			/* @__PURE__ */ jsx(StatusBar, {
 				lastCopied,
 				lastPasted
 			}),
-			/* @__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: "c" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "c" }),
 				" copy ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "v" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "v" }),
 				" paste ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Esc/q" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "Esc/q" }),
 				" quit"
 			] })
 		]
@@ -181,10 +180,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  c copy  v paste  Esc/q quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClipboardDemo, {})
+			children: /* @__PURE__ */ jsx(ClipboardDemo, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {