@silvery/examples 0.17.4 → 0.17.5

package/dist/apps/text-selection-demo.mjs

@@ -1,10 +1,10 @@
-import { W as CapabilityRegistryContext } from "../src-BTEVGpd9.mjs";
+import { W as CapabilityRegistryContext } from "../src-jO3Zuzjj.mjs";
 import { t as _usingCtx } from "../usingCtx-CsEf0xO3.mjs";
-import { a as createApp, i as pipe, n as withTerminal, r as withReact, t as withDomEvents } from "../plugins-D1KtkT4a.mjs";
-import { t as require_jsx_runtime } from "../jsx-runtime-dMs_8fNu.mjs";
-import { t as ExampleBanner } from "../_banner-DLPxCqVy.mjs";
+import { a as createApp, i as pipe, n as withTerminal, r as withReact, t as withDomEvents } from "../plugins-CT0DdV_E.mjs";
+import { t as ExampleBanner } from "../_banner-A70_y2Vi.mjs";
 import { useContext, useSyncExternalStore } from "react";
 import { Box, H1, H2, HR, Kbd, Muted, Small, Strong, Text } from "silvery";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region ../packages/ag-react/src/hooks/useSelection.ts
 /**
 * useSelection — React hook for accessing the selection feature from the capability registry.
@@ -41,7 +41,6 @@ function useSelection() {
 }
 //#endregion
 //#region apps/text-selection-demo.tsx
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Text Selection",
 	description: "Real selection via useSelection hook, userSelect modes, live state readout",
@@ -54,20 +53,20 @@ const meta = {
 	]
 };
 function SelectableTextPanel() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: "$border",
 		paddingX: 1,
 		flexGrow: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H2, { children: "Selectable Text" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Small, { children: "userSelect=\"text\" (default)" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, { height: 1 }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Drag your mouse over this text to select it." }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Multi-line selections work across paragraphs." }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, { height: 1 }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(H2, { children: "Selectable Text" }),
+			/* @__PURE__ */ jsx(Small, { children: "userSelect=\"text\" (default)" }),
+			/* @__PURE__ */ jsx(Box, { height: 1 }),
+			/* @__PURE__ */ jsx(Text, { children: "Drag your mouse over this text to select it." }),
+			/* @__PURE__ */ jsx(Text, { children: "Multi-line selections work across paragraphs." }),
+			/* @__PURE__ */ jsx(Box, { height: 1 }),
+			/* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				children: "The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs."
 			})
@@ -75,7 +74,7 @@ function SelectableTextPanel() {
 	});
 }
 function NonSelectablePanel() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: "$border",
@@ -83,47 +82,47 @@ function NonSelectablePanel() {
 		flexGrow: 1,
 		userSelect: "none",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H2, { children: "Non-Selectable" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Small, { children: "userSelect=\"none\"" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, { height: 1 }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "This area cannot be selected by mouse drag." }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Click events still work normally here." }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, { height: 1 }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Hold Alt and drag to override and select anyway." })
+			/* @__PURE__ */ jsx(H2, { children: "Non-Selectable" }),
+			/* @__PURE__ */ jsx(Small, { children: "userSelect=\"none\"" }),
+			/* @__PURE__ */ jsx(Box, { height: 1 }),
+			/* @__PURE__ */ jsx(Text, { children: "This area cannot be selected by mouse drag." }),
+			/* @__PURE__ */ jsx(Text, { children: "Click events still work normally here." }),
+			/* @__PURE__ */ jsx(Box, { height: 1 }),
+			/* @__PURE__ */ jsx(Muted, { children: "Hold Alt and drag to override and select anyway." })
 		]
 	});
 }
 function ContainedPanel() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: "$warning",
 		paddingX: 1,
 		flexGrow: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H2, {
+			/* @__PURE__ */ jsx(H2, {
 				color: "$warning",
 				children: "Contained Selection"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Small, { children: "userSelect=\"contain\"" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, { height: 1 }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsx(Small, { children: "userSelect=\"contain\"" }),
+			/* @__PURE__ */ jsx(Box, { height: 1 }),
+			/* @__PURE__ */ jsxs(Box, {
 				flexDirection: "column",
 				borderStyle: "round",
 				borderColor: "$primary",
 				paddingX: 1,
 				userSelect: "contain",
 				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					/* @__PURE__ */ jsx(Text, {
 						bold: true,
 						color: "$primary",
 						children: "Selection Boundary"
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, { height: 1 }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Selection cannot escape this container." }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Try dragging past the border — it clips." }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, { height: 1 }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					/* @__PURE__ */ jsx(Box, { height: 1 }),
+					/* @__PURE__ */ jsx(Text, { children: "Selection cannot escape this container." }),
+					/* @__PURE__ */ jsx(Text, { children: "Try dragging past the border — it clips." }),
+					/* @__PURE__ */ jsx(Box, { height: 1 }),
+					/* @__PURE__ */ jsx(Text, {
 						color: "$success",
 						children: "Useful for modals, side panes, overlays."
 					})
@@ -134,37 +133,37 @@ function ContainedPanel() {
 }
 function SelectionStatePanel() {
 	const selection = useSelection();
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: "$info",
 		paddingX: 1,
 		flexGrow: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H2, {
+			/* @__PURE__ */ jsx(H2, {
 				color: "$info",
 				children: "Selection State"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Small, { children: "Live readout from useSelection()" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, { height: 1 }),
-			!selection ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Small, { children: "Live readout from useSelection()" }),
+			/* @__PURE__ */ jsx(Box, { height: 1 }),
+			!selection ? /* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				children: "useSelection() returned undefined — feature not installed"
-			}) : selection.range ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			}) : selection.range ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsxs(Box, {
 					gap: 1,
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Strong, { children: "Status:" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					children: [/* @__PURE__ */ jsx(Strong, { children: "Status:" }), /* @__PURE__ */ jsx(Text, {
 						color: "$success",
 						children: selection.selecting ? "Selecting..." : "Selected"
 					})]
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				/* @__PURE__ */ jsxs(Box, {
 					gap: 1,
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Strong, { children: "Source:" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: selection.source ?? "unknown" })]
+					children: [/* @__PURE__ */ jsx(Strong, { children: "Source:" }), /* @__PURE__ */ jsx(Text, { children: selection.source ?? "unknown" })]
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				/* @__PURE__ */ jsxs(Box, {
 					gap: 1,
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Strong, { children: "Anchor:" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+					children: [/* @__PURE__ */ jsx(Strong, { children: "Anchor:" }), /* @__PURE__ */ jsxs(Text, { children: [
 						"(",
 						selection.range.anchor.col,
 						", ",
@@ -172,9 +171,9 @@ function SelectionStatePanel() {
 						")"
 					] })]
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				/* @__PURE__ */ jsxs(Box, {
 					gap: 1,
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Strong, { children: "Head:" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+					children: [/* @__PURE__ */ jsx(Strong, { children: "Head:" }), /* @__PURE__ */ jsxs(Text, { children: [
 						"(",
 						selection.range.head.col,
 						", ",
@@ -182,7 +181,7 @@ function SelectionStatePanel() {
 						")"
 					] })]
 				})
-			] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			] }) : /* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				children: "No active selection — drag to select text"
 			})
@@ -190,57 +189,57 @@ function SelectionStatePanel() {
 	});
 }
 function StatusBar() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		flexDirection: "row",
 		gap: 2,
 		paddingX: 1,
 		flexShrink: 0,
 		userSelect: "none",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Drag" }),
+		children: /* @__PURE__ */ jsxs(Muted, { children: [
+			/* @__PURE__ */ jsx(Kbd, { children: "Drag" }),
 			" select ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Alt+Drag" }),
+			/* @__PURE__ */ jsx(Kbd, { children: "Alt+Drag" }),
 			" force select ",
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Ctrl+C" }),
+			/* @__PURE__ */ jsx(Kbd, { children: "Ctrl+C" }),
 			" quit"
 		] })
 	});
 }
 function TextSelectionDemo() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
 		gap: 1,
 		height: "100%",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, {
+			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(H1, {
 				color: "$primary",
 				children: "Text Selection Demo"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: " — real selection via useSelection()" })] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			}), /* @__PURE__ */ jsx(Muted, { children: " — real selection via useSelection()" })] }),
+			/* @__PURE__ */ jsxs(Box, {
 				flexDirection: "row",
 				gap: 1,
 				flexGrow: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectableTextPanel, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NonSelectablePanel, {})]
+				children: [/* @__PURE__ */ jsx(SelectableTextPanel, {}), /* @__PURE__ */ jsx(NonSelectablePanel, {})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				flexDirection: "row",
 				gap: 1,
 				flexGrow: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContainedPanel, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectionStatePanel, {})]
+				children: [/* @__PURE__ */ jsx(ContainedPanel, {}), /* @__PURE__ */ jsx(SelectionStatePanel, {})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(HR, {}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, {})
+			/* @__PURE__ */ jsx(HR, {}),
+			/* @__PURE__ */ jsx(StatusBar, {})
 		]
 	});
 }
 async function main() {
 	try {
 		var _usingCtx$1 = _usingCtx();
-		const app = pipe(createApp(() => () => ({})), withReact(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExampleBanner, {
+		const app = pipe(createApp(() => () => ({})), withReact(/* @__PURE__ */ jsx(ExampleBanner, {
 			meta,
 			controls: "Drag select  Alt+Drag force select  Ctrl+C quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextSelectionDemo, {})
+			children: /* @__PURE__ */ jsx(TextSelectionDemo, {})
 		})), withTerminal(process, { mouse: true }), withDomEvents());
 		await _usingCtx$1.u(await app.run()).waitUntilExit();
 	} catch (_) {

package/dist/apps/textarea.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, Muted, Strong, Text, TextArea, createTerm, render, useApp, useInput } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/textarea.tsx
 /**
 * TextArea Example — Split-Pane Note Editor
@@ -16,7 +16,6 @@ import { Box, H1, Muted, Strong, Text, TextArea, createTerm, render, useApp, use
 * - Word/character stats in the header
 * - Submit with Ctrl+Enter to collect notes
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "TextArea",
 	description: "Split-pane note editor with word wrap, kill ring, and note collection",
@@ -70,25 +69,25 @@ function NoteEditor() {
 	const lines = value.split("\n").length;
 	const chars = value.length;
 	const words = value.split(/\s+/).filter(Boolean).length;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		padding: 1,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		children: /* @__PURE__ */ jsxs(Box, {
 			flexDirection: "row",
 			gap: 1,
 			flexGrow: 1,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			children: [/* @__PURE__ */ jsxs(Box, {
 				borderStyle: "round",
 				borderColor: focusIndex === 0 ? "$primary" : "$border",
 				flexDirection: "column",
 				flexGrow: 3,
 				flexBasis: 0,
 				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					/* @__PURE__ */ jsxs(Box, {
 						paddingX: 1,
 						justifyContent: "space-between",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, { children: "Editor" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+						children: [/* @__PURE__ */ jsx(H1, { children: "Editor" }), /* @__PURE__ */ jsxs(Muted, { children: [
 							lines,
 							" lines, ",
 							words,
@@ -97,11 +96,11 @@ function NoteEditor() {
 							" chars"
 						] })]
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+					/* @__PURE__ */ jsx(Text, { children: " " }),
+					/* @__PURE__ */ jsx(Box, {
 						paddingX: 1,
 						flexGrow: 1,
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextArea, {
+						children: /* @__PURE__ */ jsx(TextArea, {
 							value,
 							onChange: setValue,
 							onSubmit: handleSubmit,
@@ -110,41 +109,41 @@ function NoteEditor() {
 						})
 					})
 				]
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			}), /* @__PURE__ */ jsxs(Box, {
 				borderStyle: "round",
 				borderColor: focusIndex === 1 ? "$primary" : "$border",
 				flexDirection: "column",
 				flexGrow: 2,
 				flexBasis: 0,
 				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					/* @__PURE__ */ jsxs(Box, {
 						paddingX: 1,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, { children: "Notes" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+						children: [/* @__PURE__ */ jsx(H1, { children: "Notes" }), /* @__PURE__ */ jsxs(Muted, { children: [
 							" (",
 							notes.length,
 							")"
 						] })]
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+					/* @__PURE__ */ jsx(Text, { children: " " }),
+					/* @__PURE__ */ jsx(Box, {
 						flexDirection: "column",
 						paddingX: 1,
 						overflow: "scroll",
 						flexGrow: 1,
-						children: notes.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "No notes yet." }) : notes.map((note, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+						children: notes.length === 0 ? /* @__PURE__ */ jsx(Muted, { children: "No notes yet." }) : notes.map((note, i) => /* @__PURE__ */ jsxs(Box, {
 							flexDirection: "column",
 							marginBottom: 1,
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+							children: [/* @__PURE__ */ jsxs(Text, {
 								wrap: "truncate",
 								children: [
-									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Strong, {
+									/* @__PURE__ */ jsxs(Strong, {
 										color: "$success",
 										children: ["#", i + 1]
 									}),
 									" ",
 									note.split("\n")[0]
 								]
-							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+							}), /* @__PURE__ */ jsxs(Muted, { children: [
 								note.split("\n").length,
 								" lines, ",
 								note.length,
@@ -161,10 +160,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 switch pane  Ctrl+Enter submit  Esc quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NoteEditor, {})
+			children: /* @__PURE__ */ jsx(NoteEditor, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {