@alcyone-labs/arg-parser 2.14.2 → 3.0.0

package/dist/tui.mjs

@@ -1,967 +0,0 @@
-import { createComponent, createComponent as createComponent$1, effect, insert, memo, mergeProps, render, render as render$1, spread, useKeyboard, useRenderer, useRenderer as useRenderer$1 } from "@opentui/solid";
-import { For, Show, createContext, createMemo, createSignal, onCleanup, onMount, useContext } from "solid-js";
-import { createComponent as createComponent$2, escape, ssr, ssrAttribute } from "solid-js/web";
-var EXIT_GUARD_STATE_KEY = Symbol.for("@alcyone-labs/arg-parser/tui/ExitGuardState");
-function getExitGuardState() {
-	return process[EXIT_GUARD_STATE_KEY];
-}
-function setExitGuardState(state) {
-	if (state) process[EXIT_GUARD_STATE_KEY] = state;
-	else delete process[EXIT_GUARD_STATE_KEY];
-}
-function ExitGuard(props) {
-	const renderer = useRenderer$1();
-	let state = getExitGuardState();
-	if (!state) {
-		const originalExit = process.exit.bind(process);
-		state = {
-			originalExit,
-			renderers: /* @__PURE__ */ new Set(),
-			activeCount: 0,
-			isExiting: false
-		};
-		setExitGuardState(state);
-		const guardedExit = ((code) => {
-			const currentState = getExitGuardState();
-			if (!currentState) return originalExit(code);
-			if (currentState.isExiting) return currentState.originalExit(code);
-			currentState.isExiting = true;
-			try {
-				if (typeof code === "number") process.exitCode = code;
-				for (const r of currentState.renderers) try {
-					r.destroy();
-				} catch {}
-			} finally {
-				return currentState.originalExit(code);
-			}
-		});
-		process.exit = guardedExit;
-	}
-	state.activeCount++;
-	state.renderers.add(renderer);
-	onCleanup(() => {
-		const state$1 = getExitGuardState();
-		if (!state$1) return;
-		state$1.renderers.delete(renderer);
-		state$1.activeCount = Math.max(0, state$1.activeCount - 1);
-		if (state$1.activeCount === 0) {
-			process.exit = state$1.originalExit;
-			setExitGuardState(void 0);
-		}
-	});
-	return props.children;
-}
-var ShortcutContext = createContext();
-function ShortcutProvider(props) {
-	const [registeredBindings, setRegisteredBindings] = createSignal(props.bindings ?? []);
-	const [pending, setPending] = createSignal(null);
-	const register = (binding) => {
-		setRegisteredBindings((prev) => [...prev, binding]);
-		return () => {
-			setRegisteredBindings((prev) => prev.filter((b) => b !== binding));
-		};
-	};
-	const value = {
-		register,
-		pending,
-		bindings: registeredBindings
-	};
-	return createComponent$1(ShortcutContext.Provider, {
-		value,
-		get children() {
-			return props.children;
-		}
-	});
-}
-function useShortcuts() {
-	const context = useContext(ShortcutContext);
-	if (!context) throw new Error("useShortcuts must be used within a ShortcutProvider");
-	return context;
-}
-const TuiThemes = {
-	dark: {
-		name: "dark",
-		colors: {
-			text: "#ffffff",
-			muted: "#888888",
-			background: "#1a1a1a",
-			accent: "#00d4ff",
-			success: "#00ff88",
-			warning: "#ffaa00",
-			error: "#ff4444",
-			border: "#444444",
-			selection: "#0066cc"
-		}
-	},
-	light: {
-		name: "light",
-		colors: {
-			text: "#000000",
-			muted: "#333333",
-			background: "#e8e8e8",
-			accent: "#0044aa",
-			success: "#005500",
-			warning: "#885500",
-			error: "#880000",
-			border: "#888888",
-			selection: "#0044aa"
-		}
-	},
-	monokai: {
-		name: "monokai",
-		colors: {
-			text: "#f8f8f2",
-			muted: "#75715e",
-			background: "#272822",
-			accent: "#ae81ff",
-			success: "#a6e22e",
-			warning: "#e6db74",
-			error: "#f92672",
-			border: "#49483e",
-			selection: "#49483e"
-		}
-	},
-	dracula: {
-		name: "dracula",
-		colors: {
-			text: "#f8f8f2",
-			muted: "#6272a4",
-			background: "#282a36",
-			accent: "#bd93f9",
-			success: "#50fa7b",
-			warning: "#f1fa8c",
-			error: "#ff5555",
-			border: "#44475a",
-			selection: "#44475a"
-		}
-	},
-	nord: {
-		name: "nord",
-		colors: {
-			text: "#eceff4",
-			muted: "#4c566a",
-			background: "#2e3440",
-			accent: "#88c0d0",
-			success: "#a3be8c",
-			warning: "#ebcb8b",
-			error: "#bf616a",
-			border: "#3b4252",
-			selection: "#4c566a"
-		}
-	},
-	solarized: {
-		name: "solarized",
-		colors: {
-			text: "#839496",
-			muted: "#586e75",
-			background: "#002b36",
-			accent: "#268bd2",
-			success: "#859900",
-			warning: "#b58900",
-			error: "#dc322f",
-			border: "#073642",
-			selection: "#073642"
-		}
-	}
-};
-const THEMES = TuiThemes;
-const Theme = {
-	from: (base) => ({ extend: (overrides) => ({
-		name: overrides.name ?? `${base.name}-extended`,
-		colors: {
-			...base.colors,
-			...overrides.colors
-		}
-	}) }),
-	create: (theme) => theme,
-	names: () => Object.keys(TuiThemes),
-	get: (name) => TuiThemes[name] ?? TuiThemes["dark"]
-};
-var ThemeContext = createContext();
-function ThemeProvider(props) {
-	const themes = { ...TuiThemes };
-	const [current, setCurrent] = createSignal(themes[props.initial ?? "dark"] ?? themes["dark"]);
-	const setTheme = (name) => {
-		if (themes[name]) setCurrent(themes[name]);
-	};
-	const cycle = () => {
-		const currentName = current().name;
-		const names$1 = Object.keys(themes);
-		setCurrent(themes[names$1[(names$1.indexOf(currentName) + 1) % names$1.length]]);
-	};
-	const register = (theme) => {
-		themes[theme.name] = theme;
-	};
-	const names = () => Object.keys(themes);
-	const value = {
-		current,
-		setTheme,
-		cycle,
-		register,
-		names
-	};
-	return createComponent$1(ThemeContext.Provider, {
-		value,
-		get children() {
-			return props.children;
-		}
-	});
-}
-function useTheme() {
-	const context = useContext(ThemeContext);
-	if (!context) throw new Error("useTheme must be used within a ThemeProvider");
-	return context;
-}
-var ToastContext = createContext();
-var DEFAULT_DURATION = 3e3;
-function ToastProvider(props) {
-	const [state, setState] = createSignal({
-		message: "",
-		type: "info",
-		visible: false
-	});
-	let hideTimeout = null;
-	const show = (message, type, duration) => {
-		if (hideTimeout) clearTimeout(hideTimeout);
-		setState({
-			message,
-			type,
-			visible: true
-		});
-		hideTimeout = setTimeout(() => {
-			setState((prev) => ({
-				...prev,
-				visible: false
-			}));
-		}, duration);
-	};
-	const hide = () => {
-		if (hideTimeout) {
-			clearTimeout(hideTimeout);
-			hideTimeout = null;
-		}
-		setState((prev) => ({
-			...prev,
-			visible: false
-		}));
-	};
-	const value = {
-		info: (message, duration = DEFAULT_DURATION) => show(message, "info", duration),
-		success: (message, duration = DEFAULT_DURATION) => show(message, "success", duration),
-		error: (message, duration = DEFAULT_DURATION) => show(message, "error", duration),
-		warning: (message, duration = DEFAULT_DURATION) => show(message, "warning", duration),
-		state,
-		hide
-	};
-	return createComponent$1(ToastContext.Provider, {
-		value,
-		get children() {
-			return props.children;
-		}
-	});
-}
-function useToast() {
-	const context = useContext(ToastContext);
-	if (!context) throw new Error("useToast must be used within a ToastProvider");
-	return context;
-}
-function enableMouseReporting() {
-	process.stdout.write("\x1B[?1000h");
-	process.stdout.write("\x1B[?1006h");
-}
-function disableMouseReporting() {
-	process.stdout.write("\x1B[?1000l");
-	process.stdout.write("\x1B[?1002l");
-	process.stdout.write("\x1B[?1003l");
-	process.stdout.write("\x1B[?1006l");
-	process.stdout.write("\x1B[?1015l");
-}
-function clearScreen() {
-	process.stdout.write("\x1B[2J\x1B[3J\x1B[H");
-}
-function resetAttributes() {
-	process.stdout.write("\x1B[0m");
-}
-function restoreStdin() {
-	if (process.stdin.isTTY && process.stdin.setRawMode) try {
-		process.stdin.setRawMode(false);
-	} catch {}
-}
-function switchToAlternateScreen() {
-	process.stdout.write("\x1B[?1049h");
-}
-function switchToMainScreen() {
-	process.stdout.write("\x1B[?1049l");
-}
-function cleanupTerminal() {
-	switchToMainScreen();
-	disableMouseReporting();
-	clearScreen();
-	resetAttributes();
-	restoreStdin();
-}
-function parseMouseScroll(data) {
-	const sgrMatch = data.toString().match(/\x1b\[<(\d+);(\d+);(\d+)([Mm])/);
-	if (sgrMatch) {
-		const button = parseInt(sgrMatch[1], 10);
-		if (button === 64) return -1;
-		if (button === 65) return 1;
-	}
-	return 0;
-}
-function createTuiApp(App, config = {}) {
-	const { theme = "dark", shortcuts = [], onDestroy } = config;
-	switchToAlternateScreen();
-	enableMouseReporting();
-	return render$1(() => createComponent$1(ExitGuard, { get children() {
-		return createComponent$1(ThemeProvider, {
-			get initial() {
-				return theme;
-			},
-			get children() {
-				return createComponent$1(ShortcutProvider, {
-					get bindings() {
-						return shortcuts;
-					},
-					get children() {
-						return createComponent$1(ToastProvider, { get children() {
-							return createComponent$1(App, {});
-						} });
-					}
-				});
-			}
-		});
-	} }), { onDestroy: () => {
-		cleanupTerminal();
-		onDestroy?.();
-	} });
-}
-var _tmpl$$4 = ["<box width=\"100%\" height=\"100%\">", "</box>"];
-var TuiContext = createContext();
-function useTui() {
-	const context = useContext(TuiContext);
-	if (!context) throw new Error("useTui must be used within a TuiProvider");
-	return context;
-}
-function TuiProvider(props) {
-	const renderer = useRenderer$1();
-	const reservedRows = props.reservedRows ?? 8;
-	props.scrollSpeed;
-	const [viewportHeight, setViewportHeight] = createSignal(Math.max(10, renderer.height - reservedRows));
-	const [viewportWidth, setViewportWidth] = createSignal(renderer.width);
-	const exit = (code = 0) => {
-		process.exitCode = code;
-		renderer.destroy();
-	};
-	const handleResize = (width, height) => {
-		setViewportHeight(Math.max(10, height - reservedRows));
-		setViewportWidth(width);
-	};
-	onMount(() => {
-		switchToAlternateScreen();
-		enableMouseReporting();
-		renderer.on("resize", handleResize);
-	});
-	onCleanup(() => {
-		renderer.off("resize", handleResize);
-		cleanupTerminal();
-	});
-	const contextValue = {
-		viewportHeight,
-		viewportWidth,
-		exit
-	};
-	const themeName = typeof props.theme === "string" ? props.theme : props.theme?.name ?? "dark";
-	return createComponent$1(ExitGuard, { get children() {
-		return createComponent$1(TuiContext.Provider, {
-			value: contextValue,
-			get children() {
-				return createComponent$1(ThemeProvider, {
-					initial: themeName,
-					get children() {
-						return createComponent$1(ShortcutProvider, {
-							get bindings() {
-								return props.shortcuts ?? [];
-							},
-							get children() {
-								return createComponent$1(ToastProvider, { get children() {
-									return ssr(_tmpl$$4, escape(props.children));
-								} });
-							}
-						});
-					}
-				});
-			}
-		});
-	} });
-}
-var _tmpl$$3 = ["<box height=\"1\" paddingleft=\"2\">", "</box>"], _tmpl$2$3 = [
-	"<text",
-	" bold>",
-	"</text>"
-], _tmpl$3$2 = [
-	"<text",
-	"> ",
-	" </text>"
-];
-function Breadcrumb(props) {
-	const { current: theme } = useTheme();
-	const separator = props.separator ?? "›";
-	const accentColor = () => props.accentColor ?? theme().colors.accent;
-	const mutedColor = () => props.mutedColor ?? theme().colors.muted;
-	return ssr(_tmpl$$3, escape(createComponent$2(For, {
-		get each() {
-			return props.segments;
-		},
-		children: (segment, idx) => [idx() > 0 && ssr(_tmpl$3$2, ssrAttribute("color", escape(mutedColor(), true), false), escape(separator)), ssr(_tmpl$2$3, ssrAttribute("color", escape(accentColor(), true), false), escape(segment))]
-	})));
-}
-var _tmpl$$2 = [
-	"<box height=\"1\"",
-	"><text",
-	">",
-	"",
-	"</text></box>"
-], _tmpl$2$2 = [
-	"<text bold",
-	" marginBottom=\"1\">",
-	" (",
-	"/",
-	")</text>"
-], _tmpl$3$1 = [
-	"<box flexdirection=\"column\" flexgrow=\"1\">",
-	"",
-	"</box>"
-];
-function unwrap(value) {
-	return typeof value === "function" ? value() : value;
-}
-function VirtualList(props) {
-	const { current: theme } = useTheme();
-	const [scrollOffset, setScrollOffset] = createSignal(0);
-	const items = () => unwrap(props.items);
-	const selectedIndex = () => unwrap(props.selectedIndex);
-	const viewportHeight = () => unwrap(props.viewportHeight ?? 20);
-	const showIndicator = props.showIndicator ?? true;
-	const visibleItems = createMemo(() => {
-		const allItems = items();
-		const vh = viewportHeight();
-		const start = scrollOffset();
-		const end = Math.min(start + vh, allItems.length);
-		return allItems.slice(start, end).map((item, localIdx) => ({
-			item,
-			globalIndex: start + localIdx
-		}));
-	});
-	const defaultRenderItem = (item, index, selected) => {
-		const label = props.getLabel ? props.getLabel(item) : String(item);
-		const t = theme();
-		return ssr(_tmpl$$2, ssrAttribute("backgroundcolor", selected ? escape(t.colors.selection, true) : escape(void 0, true), false), ssrAttribute("color", selected ? escape(t.colors.background, true) : escape(t.colors.text, true), false), showIndicator ? selected ? "› " : "  " : "", escape(label));
-	};
-	const renderItem = props.renderItem ?? defaultRenderItem;
-	return ssr(_tmpl$3$1, escape(createComponent$2(Show, {
-		get when() {
-			return props.title;
-		},
-		get children() {
-			return ssr(_tmpl$2$2, ssrAttribute("color", escape(theme().colors.text, true), false), escape(props.title), escape(selectedIndex()) + 1, escape(items().length));
-		}
-	})), escape(createComponent$2(For, {
-		get each() {
-			return visibleItems();
-		},
-		children: ({ item, globalIndex }) => renderItem(item, globalIndex, globalIndex === selectedIndex())
-	})));
-}
-function createVirtualListController(items, selectedIndex, setSelectedIndex, viewportHeight) {
-	const [scrollOffset, setScrollOffset] = createSignal(0);
-	const adjustScroll = (newIdx) => {
-		const vh = viewportHeight();
-		const currentOffset = scrollOffset();
-		if (newIdx < currentOffset) setScrollOffset(newIdx);
-		else if (newIdx >= currentOffset + vh) setScrollOffset(newIdx - vh + 1);
-	};
-	const scrollBy = (delta) => {
-		const maxOffset = Math.max(0, items().length - viewportHeight());
-		setScrollOffset((o) => Math.max(0, Math.min(maxOffset, o + delta)));
-	};
-	const selectPrevious = () => {
-		const newIdx = Math.max(0, selectedIndex() - 1);
-		setSelectedIndex(newIdx);
-		adjustScroll(newIdx);
-	};
-	const selectNext = () => {
-		const newIdx = Math.min(items().length - 1, selectedIndex() + 1);
-		setSelectedIndex(newIdx);
-		adjustScroll(newIdx);
-	};
-	return {
-		scrollOffset,
-		adjustScroll,
-		scrollBy,
-		selectPrevious,
-		selectNext
-	};
-}
-var _tmpl$$1 = [
-	"<box height=\"1\"",
-	"><text",
-	"> ",
-	"</text></box>"
-], _tmpl$2$1 = [
-	"<box width=\"100%\" height=\"100%\" flexdirection=\"column\"",
-	"><box height=\"3\" borderstyle=\"single\"",
-	" justifycontent=\"center\" alignitems=\"center\"><text bold",
-	">",
-	"",
-	" </text></box>",
-	"<box flexgrow=\"1\" flexdirection=\"row\"><box",
-	" borderstyle=\"single\"",
-	" flexdirection=\"column\" padding=\"1\">",
-	"</box><box flexgrow=\"1\" borderstyle=\"single\"",
-	" flexdirection=\"column\" padding=\"2\">",
-	"</box></box>",
-	"</box>"
-];
-function MasterDetail(props) {
-	const { current: theme } = useTheme();
-	const masterWidth = props.masterWidth ?? "35%";
-	return ssr(_tmpl$2$1, ssrAttribute("backgroundcolor", escape(theme().colors.background, true), false), ssrAttribute("bordercolor", escape(theme().colors.accent, true), false), ssrAttribute("color", escape(theme().colors.accent, true), false), props.headerIcon ? ` ${escape(props.headerIcon)} ` : " ", escape(props.header), escape(createComponent$2(Show, {
-		get when() {
-			return props.breadcrumb && props.breadcrumb.length > 0;
-		},
-		get children() {
-			return createComponent$2(Breadcrumb, { get segments() {
-				return props.breadcrumb;
-			} });
-		}
-	})), ssrAttribute("width", escape(masterWidth, true), false), ssrAttribute("bordercolor", escape(theme().colors.border, true), false), escape(props.master), ssrAttribute("bordercolor", escape(theme().colors.border, true), false), escape(props.detail), escape(createComponent$2(Show, {
-		get when() {
-			return props.footer;
-		},
-		get children() {
-			return ssr(_tmpl$$1, ssrAttribute("backgroundcolor", escape(theme().colors.background, true), false), ssrAttribute("color", escape(theme().colors.muted, true), false), escape(props.footer));
-		}
-	})));
-}
-function parseWidth(width) {
-	if (width === void 0) return "30%";
-	if (typeof width === "number") return width;
-	if (width.endsWith("%")) return `${parseInt(width.replace("%", ""), 10)}%`;
-	return width;
-}
-function MasterDetailLayout(props) {
-	const masterWidth = parseWidth(props.masterWidth);
-	const gap = props.gap ?? 1;
-	const showDivider = props.showDivider ?? true;
-	return {
-		type: "box",
-		props: {
-			flexDirection: "row",
-			width: "100%",
-			height: "100%"
-		},
-		children: [
-			{
-				type: "box",
-				props: {
-					flexBasis: masterWidth,
-					flexShrink: 0,
-					overflow: "scroll"
-				},
-				children: props.master
-			},
-			...showDivider ? [{
-				type: "box",
-				props: {
-					width: 1,
-					marginLeft: Math.floor(gap / 2),
-					marginRight: Math.ceil(gap / 2)
-				},
-				children: {
-					type: "text",
-					props: { style: { fg: "#444444" } },
-					children: "│".repeat(100)
-				}
-			}] : [],
-			{
-				type: "box",
-				props: {
-					flexGrow: 1,
-					overflow: "scroll"
-				},
-				children: props.detail
-			}
-		]
-	};
-}
-function DrillDownNavigator(props) {
-	const [stack, setStack] = createSignal([]);
-	const push = (view) => {
-		setStack((prev) => [...prev, view]);
-		props.onNavigate?.(stack().length + 1);
-	};
-	const pop = () => {
-		if (stack().length > 0) {
-			setStack((prev) => prev.slice(0, -1));
-			props.onNavigate?.(stack().length - 1);
-		}
-	};
-	const replace = (view) => {
-		if (stack().length > 0) setStack((prev) => [...prev.slice(0, -1), view]);
-		else push(view);
-	};
-	const reset = () => {
-		setStack([]);
-		props.onNavigate?.(0);
-	};
-	const depth = () => stack().length;
-	const canGoBack = () => stack().length > 0;
-	const api = {
-		push,
-		pop,
-		replace,
-		reset,
-		depth,
-		canGoBack
-	};
-	const currentView = () => {
-		const currentStack = stack();
-		if (currentStack.length > 0) return currentStack[currentStack.length - 1]();
-		return props.children(api);
-	};
-	return {
-		type: "box",
-		props: {
-			width: "100%",
-			height: "100%",
-			onKeyDown: (event) => {
-				if (event.defaultPrevented) return;
-				if ((event.key === "Escape" || event.key === "ArrowLeft") && canGoBack()) pop();
-			}
-		},
-		children: currentView()
-	};
-}
-function Card(props) {
-	const borderStyle = props.borderStyle ?? "single";
-	const padding = props.padding ?? 1;
-	let borderColor = props.borderColor;
-	if (!borderColor) try {
-		const { current } = useTheme();
-		borderColor = current().colors.border;
-	} catch {
-		borderColor = "#444444";
-	}
-	return {
-		type: "box",
-		props: {
-			flexDirection: "column",
-			width: props.width,
-			height: props.height,
-			...props.onClick && { onMouseDown: props.onClick },
-			style: {
-				border: borderStyle !== "none" ? borderStyle : void 0,
-				borderColor,
-				padding
-			}
-		},
-		children: [...props.title ? [{
-			type: "text",
-			props: { style: { bold: true } },
-			children: ` ${props.title} `
-		}] : [], props.children]
-	};
-}
-function formatValue(value, format, currency) {
-	if (typeof value === "string") return value;
-	switch (format) {
-		case "compact":
-			if (value >= 1e9) return `${(value / 1e9).toFixed(1)}B`;
-			if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
-			if (value >= 1e3) return `${(value / 1e3).toFixed(1)}K`;
-			return value.toString();
-		case "percent": return `${(value * 100).toFixed(1)}%`;
-		case "currency": return new Intl.NumberFormat("en-US", {
-			style: "currency",
-			currency: currency ?? "USD",
-			minimumFractionDigits: 0,
-			maximumFractionDigits: 2
-		}).format(value);
-		case "number":
-		default: return new Intl.NumberFormat("en-US").format(value);
-	}
-}
-function getTrendIndicator(trend) {
-	switch (trend) {
-		case "up": return {
-			symbol: "▲",
-			color: "#00ff88"
-		};
-		case "down": return {
-			symbol: "▼",
-			color: "#ff4444"
-		};
-		case "neutral":
-		default: return {
-			symbol: "─",
-			color: "#888888"
-		};
-	}
-}
-function StatCard(props) {
-	const formattedValue = formatValue(props.value, props.format ?? "number", props.currency);
-	const trendIndicator = props.trend ? getTrendIndicator(props.trend) : null;
-	return {
-		type: "box",
-		props: {
-			flexDirection: "column",
-			width: props.width,
-			padding: 1,
-			style: { border: "single" },
-			...props.onClick && { onMouseDown: props.onClick }
-		},
-		children: [{
-			type: "text",
-			props: { style: { fg: "#888888" } },
-			children: props.label
-		}, {
-			type: "box",
-			props: {
-				flexDirection: "row",
-				gap: 1
-			},
-			children: [{
-				type: "text",
-				props: { style: {
-					bold: true,
-					fg: "#ffffff"
-				} },
-				children: formattedValue
-			}, ...trendIndicator ? [{
-				type: "text",
-				props: { style: { fg: trendIndicator.color } },
-				children: trendIndicator.symbol
-			}] : []]
-		}]
-	};
-}
-function MarkdownBlock(props) {
-	const { current } = useTheme();
-	return {
-		type: "box",
-		props: {
-			flexDirection: "column",
-			width: props.width ?? "100%",
-			height: props.height,
-			padding: props.padding ?? 0,
-			overflow: "scroll"
-		},
-		children: [{
-			type: "text",
-			props: {
-				style: { fg: current().colors.text },
-				text: props.content
-			}
-		}]
-	};
-}
-function Button(props) {
-	const { current } = useTheme();
-	const [isHovered, setIsHovered] = createSignal(false);
-	const [isPressed, setIsPressed] = createSignal(false);
-	const getBackgroundColor = () => {
-		if (props.disabled) return current().colors.muted;
-		switch (props.variant) {
-			case "danger": return isPressed() ? "#bd2c00" : isHovered() ? "#c82829" : current().colors.error;
-			case "primary":
-			default: return isPressed() ? current().colors.selection : isHovered() ? current().colors.accent : current().colors.accent;
-		}
-	};
-	const getTextColor = () => {
-		if (props.disabled) return current().colors.background;
-		return props.variant === "primary" || props.variant === "danger" ? "#ffffff" : current().colors.text;
-	};
-	return {
-		type: "box",
-		props: {
-			width: props.width,
-			height: 3,
-			flexDirection: "row",
-			alignItems: "center",
-			justifyContent: "center",
-			style: {
-				border: "single",
-				borderColor: isHovered() && !props.disabled ? current().colors.text : current().colors.border,
-				bg: getBackgroundColor()
-			},
-			onMouseOver: () => !props.disabled && setIsHovered(true),
-			onMouseOut: () => {
-				setIsHovered(false);
-				setIsPressed(false);
-			},
-			onMouseDown: () => !props.disabled && setIsPressed(true),
-			onMouseUp: () => {
-				if (!props.disabled && isPressed()) {
-					setIsPressed(false);
-					props.onClick?.();
-				}
-			}
-		},
-		children: [{
-			type: "text",
-			props: {
-				style: {
-					fg: getTextColor(),
-					bold: true
-				},
-				text: ` ${props.label} `
-			}
-		}]
-	};
-}
-var _tmpl$ = [
-	"<box width=\"100%\" height=\"100%\" flexdirection=\"column\"",
-	"><box height=\"3\" borderstyle=\"single\"",
-	" justifycontent=\"center\" alignitems=\"center\"><text bold",
-	"> ",
-	" </text></box>",
-	"<box flexgrow=\"1\" flexdirection=\"row\">",
-	"</box>",
-	"</box>"
-], _tmpl$2 = [
-	"<box height=\"1\" paddingleft=\"2\"",
-	">",
-	"</box>"
-], _tmpl$3 = [
-	"<text",
-	" bold>",
-	"</text>"
-], _tmpl$4 = ["<text", "> › </text>"], _tmpl$5 = [
-	"<box height=\"1\"",
-	"><text",
-	"> ",
-	"</text></box>"
-], _tmpl$6 = [
-	"<box",
-	" borderstyle=\"single\"",
-	" flexdirection=\"column\" padding=\"1\">",
-	"</box>"
-], _tmpl$7 = [
-	"<box flexgrow=\"1\" borderstyle=\"single\"",
-	" flexdirection=\"column\" padding=\"2\">",
-	"</box>"
-], _tmpl$8 = [
-	"<box height=\"1\"",
-	"><text",
-	">",
-	"",
-	"</text></box>"
-];
-const LAYOUT_THEMES = {
-	dark: {
-		bg: "#0d0d0d",
-		fg: "#f5f5f5",
-		accent: "#00d4ff",
-		muted: "#999999",
-		error: "#ff4444",
-		success: "#44ff44",
-		border: "#444444",
-		selection: "#00d4ff",
-		selectionFg: "#000000"
-	},
-	light: {
-		bg: "#e8e8e8",
-		fg: "#000000",
-		accent: "#0044aa",
-		muted: "#333333",
-		error: "#880000",
-		success: "#005500",
-		border: "#888888",
-		selection: "#0044aa",
-		selectionFg: "#ffffff"
-	},
-	monokai: {
-		bg: "#272822",
-		fg: "#f8f8f2",
-		accent: "#a6e22e",
-		muted: "#75715e",
-		error: "#f92672",
-		success: "#a6e22e",
-		border: "#49483e",
-		selection: "#a6e22e",
-		selectionFg: "#272822"
-	}
-};
-function resolveTheme(theme) {
-	if (!theme) return LAYOUT_THEMES.dark;
-	if (typeof theme === "string") return LAYOUT_THEMES[theme] ?? LAYOUT_THEMES.dark;
-	return theme;
-}
-function MasterDetailLayout$1(props) {
-	const t = resolveTheme(props.theme);
-	props.masterWidth;
-	return ssr(_tmpl$, ssrAttribute("backgroundcolor", escape(t.bg, true), false), ssrAttribute("bordercolor", escape(t.accent, true), false), ssrAttribute("color", escape(t.accent, true), false), escape(props.header), props.breadcrumb && props.breadcrumb.length > 0 && ssr(_tmpl$2, ssrAttribute("backgroundcolor", escape(t.bg, true), false), escape(props.breadcrumb.map((segment, idx) => [idx > 0 && ssr(_tmpl$4, ssrAttribute("color", escape(t.muted, true), false)), ssr(_tmpl$3, ssrAttribute("color", escape(t.accent, true), false), escape(segment))]))), escape(props.children), props.footer && ssr(_tmpl$5, ssrAttribute("backgroundcolor", escape(t.bg, true), false), ssrAttribute("color", escape(t.muted, true), false), escape(props.footer)));
-}
-function MasterPanel(props) {
-	const t = resolveTheme(props.theme);
-	return ssr(_tmpl$6, ssrAttribute("width", escape(props.width, true) ?? "35%", false), ssrAttribute("bordercolor", escape(t.border, true), false), escape(props.children));
-}
-function DetailPanel(props) {
-	return ssr(_tmpl$7, ssrAttribute("bordercolor", escape(resolveTheme(props.theme).border, true), false), escape(props.children));
-}
-function ListItem(props) {
-	const t = resolveTheme(props.theme);
-	return ssr(_tmpl$8, ssrAttribute("backgroundcolor", props.selected ? escape(t.selection, true) : escape(void 0, true), false), ssrAttribute("color", props.selected ? escape(t.selectionFg, true) : escape(t.fg, true), false), props.selected ? "› " : "  ", escape(props.label));
-}
-function useVirtualScroll(items, _selectedIdx, viewportHeight) {
-	const [scrollOffset, setScrollOffset] = createSignal(0);
-	const adjustScroll = (newIdx) => {
-		const vh = viewportHeight();
-		const currentOffset = scrollOffset();
-		if (newIdx < currentOffset) setScrollOffset(newIdx);
-		else if (newIdx >= currentOffset + vh) setScrollOffset(newIdx - vh + 1);
-	};
-	const visibleItems = createMemo(() => {
-		const allItems = items();
-		const vh = viewportHeight();
-		const start = scrollOffset();
-		const end = Math.min(start + vh, allItems.length);
-		return allItems.slice(start, end).map((item, localIdx) => ({
-			item,
-			globalIndex: start + localIdx
-		}));
-	});
-	const scrollBy = (delta) => {
-		const maxOffset = Math.max(0, items().length - viewportHeight());
-		setScrollOffset((o) => Math.max(0, Math.min(maxOffset, o + delta)));
-	};
-	return {
-		visibleItems,
-		adjustScroll,
-		scrollOffset,
-		scrollBy
-	};
-}
-function getViewportHeight(reservedRows = 8, minHeight = 10) {
-	return Math.max(minHeight, (process.stdout.rows || 24) - reservedRows);
-}
-function useMouse(options = {}) {
-	const { onScroll, scrollSpeed = 3 } = options;
-	const handleInput = (data) => {
-		const scrollDir = parseMouseScroll(data);
-		if (scrollDir !== 0 && onScroll) onScroll(scrollDir * scrollSpeed);
-	};
-	onMount(() => {
-		enableMouseReporting();
-		if (process.stdin.isTTY) process.stdin.setRawMode(true);
-		process.stdin.on("data", handleInput);
-	});
-	onCleanup(() => {
-		disableMouseReporting();
-		process.stdin.off("data", handleInput);
-	});
-}
-export { Breadcrumb, Button, Card, DetailPanel, DrillDownNavigator, LAYOUT_THEMES, ListItem, MarkdownBlock, MasterDetail, MasterDetailLayout, MasterDetailLayout$1 as MasterDetailTemplate, MasterPanel, ShortcutProvider, StatCard, THEMES, Theme, ThemeProvider, ToastProvider, TuiProvider, TuiThemes, VirtualList, cleanupTerminal, clearScreen, createComponent, createTuiApp, createVirtualListController, disableMouseReporting, effect, enableMouseReporting, getViewportHeight, insert, memo, mergeProps, parseMouseScroll, render, resetAttributes, restoreStdin, spread, switchToAlternateScreen, switchToMainScreen, useKeyboard, useMouse, useRenderer, useShortcuts, useTheme, useToast, useTui, useVirtualScroll };
-
-//# sourceMappingURL=tui.mjs.map