@zaly/tui 0.0.4

package/dist/widgets/log.mjs

@@ -0,0 +1,130 @@
+import { n as box } from "../box-DyaByEiG.mjs";
+import { text } from "./text.mjs";
+import { markdown } from "./markdown.mjs";
+import { widget } from "./widget.mjs";
+import { stringWidth } from "@zaly/shared/ansi";
+import { hasColors } from "@zaly/shared/env";
+//#region src/widgets/log.ts
+/** Per-level default prefix style + icon + color. Matches rekal's
+*  `defaultStyles` table, adapted to zaly's theme slots. */
+const defaultLogStyles = {
+	cancel: {
+		color: "warn",
+		icon: "✖ ",
+		style: "icon"
+	},
+	debug: {
+		color: "info",
+		icon: "⚙ ",
+		style: "prompt"
+	},
+	error: {
+		color: "error",
+		icon: "✖ ",
+		style: "badge",
+		textColor: "error"
+	},
+	fatal: {
+		color: "error",
+		icon: "☢ ",
+		style: "badge"
+	},
+	info: {
+		color: "info",
+		icon: "ℹ ",
+		style: "icon"
+	},
+	log: {
+		color: "muted",
+		icon: "●",
+		style: "icon"
+	},
+	success: {
+		color: "success",
+		icon: "✔ ",
+		style: "icon"
+	},
+	trace: {
+		color: "muted",
+		icon: "⠿",
+		style: "icon",
+		textColor: "muted"
+	},
+	warn: {
+		color: "warn",
+		icon: "⚠",
+		style: "badge",
+		textColor: "warn"
+	}
+};
+const noColorStyles = {
+	badge: "title",
+	icon: "text",
+	notif: "text",
+	prompt: "text",
+	text: "text",
+	title: "text"
+};
+function renderPrefix(s, ctx) {
+	const style = ctx.style;
+	const base = defaultLogStyles[s.level];
+	let ls = s.style ?? base.style;
+	if (!hasColors) ls = noColorStyles[ls];
+	let icon = s.icon ?? base.icon ?? "";
+	icon = icon === "" ? "" : `${icon}${" ".repeat(2 - stringWidth(icon))}`;
+	const color = s.color ?? base.color ?? "inherit";
+	let styledPrefix = "";
+	if (ls === "badge") styledPrefix = style.bg(color).fg("black").bold(` ${s.level} `);
+	else if (ls === "icon") styledPrefix = style.fg(color)(icon);
+	else if (ls === "prompt") styledPrefix = style.fg(color).bold(`${icon} ${s.level}`);
+	else if (ls === "title") styledPrefix = style.fg(color).bold(`${s.level}:`);
+	else if (ls === "notif") styledPrefix = style.fg(color).bold(`${icon} ${s.title ?? s.level}`);
+	if (s.prefix) styledPrefix = s.prefix + styledPrefix;
+	if (s.title && ls !== "notif") styledPrefix += style.bold(` ${s.title}`);
+	return styledPrefix;
+}
+/**
+* A single log entry — level-styled prefix (icon / badge / prompt / title /
+* plain text) followed by the body content. The body can be any Node, so
+* callers can stack markdown, code, images, etc. inside a log line.
+*
+* ```ts
+* log({ level: "info", content: "hello" })
+* log({ level: "error", content: markdown("**boom**") })
+* ```
+*/
+const log = widget((state, ...children) => {
+	const base = defaultLogStyles[state.level];
+	const color = state.color ?? base.color ?? "inherit";
+	const s = state;
+	const textColor = state.textColor ?? (s.style === "notif" ? "inherit" : base.textColor);
+	const style = {
+		style: textColor ? { fg: textColor } : void 0,
+		width: "fill"
+	};
+	if (state.content !== "") children = [state.markdown ?? true ? markdown(state.content, style) : text(state.content, style), ...children];
+	return box({
+		...s.style === "notif" ? {
+			border: "single",
+			borderStyle: { fg: color },
+			borderTitle: (ctx) => renderPrefix(state, ctx),
+			borderTitleAlign: "center",
+			padding: [0, 1],
+			width: "fill"
+		} : void 0,
+		flexDirection: "row",
+		gap: 1,
+		visible: state.visible
+	}, s.style === "notif" ? void 0 : text((ctx) => renderPrefix(state, ctx), {
+		flexShrink: 0,
+		wrap: "none"
+	}), box({
+		flexDirection: "column",
+		flexGrow: 1,
+		gap: 1
+	}, ...children));
+});
+//#endregion
+export { log };
+
+//# sourceMappingURL=log.mjs.map

package/dist/widgets/log.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"log.mjs","names":[],"sources":["../../src/widgets/log.ts"],"sourcesContent":["import type { LogLevel } from \"@zaly/shared/logger\"\nimport type { RenderCtx } from \"../core/ctx.ts\"\nimport type { Node } from \"../core/node.ts\"\nimport type { State } from \"../core/state.ts\"\nimport type { Color } from \"../style/types.ts\"\nimport type { TextContent } from \"./text.ts\"\n\nimport { stringWidth } from \"@zaly/shared/ansi\"\nimport { hasColors } from \"@zaly/shared/env\"\nimport { box } from \"./box.ts\"\nimport { markdown } from \"./markdown.ts\"\nimport { text } from \"./text.ts\"\nimport { widget } from \"./widget.ts\"\n\nexport type LogStyle = \"badge\" | \"icon\" | \"prompt\" | \"title\" | \"text\" | \"notif\"\n\nexport interface LogState {\n  level: LogLevel\n  content: TextContent\n  title?: string\n  /** Rendering of the per-level prefix chunk. Defaults by level. */\n  style?: LogStyle\n  /** Single-glyph icon for `icon` / `prompt` styles. */\n  icon?: string\n  /** Theme slot or color name used to tint the prefix. */\n  color?: Color\n  /** Extra plain text prepended to the auto prefix (unstyled). */\n  prefix?: string\n  /** Theme slot or color name for the body text. Defaults by level, except */\n  textColor?: Color\n  markdown?: boolean\n}\n\ninterface LevelDefaults {\n  style: LogStyle\n  icon?: string\n  color?: Color\n  textColor?: Color\n}\n\n/** Per-level default prefix style + icon + color. Matches rekal's\n *  `defaultStyles` table, adapted to zaly's theme slots. */\nconst defaultLogStyles: Record<LogLevel, LevelDefaults> = {\n  cancel: { color: \"warn\", icon: \"✖ \", style: \"icon\" },\n  debug: { color: \"info\", icon: \"⚙ \", style: \"prompt\" },\n  error: { color: \"error\", icon: \"✖ \", style: \"badge\", textColor: \"error\" },\n  fatal: { color: \"error\", icon: \"☢ \", style: \"badge\" },\n  info: { color: \"info\", icon: \"ℹ \", style: \"icon\" },\n  log: { color: \"muted\", icon: \"●\", style: \"icon\" },\n  success: { color: \"success\", icon: \"✔ \", style: \"icon\" },\n  trace: { color: \"muted\", icon: \"⠿\", style: \"icon\", textColor: \"muted\" },\n  warn: { color: \"warn\", icon: \"⚠\", style: \"badge\", textColor: \"warn\" },\n}\n\nconst noColorStyles: Record<LogStyle, LogStyle> = {\n  badge: \"title\",\n  icon: \"text\",\n  notif: \"text\",\n  prompt: \"text\",\n  text: \"text\",\n  title: \"text\",\n}\n\nfunction renderPrefix(s: LogState, ctx: RenderCtx): string {\n  const style = ctx.style\n\n  const base = defaultLogStyles[s.level]\n  let ls: LogStyle = s.style ?? base.style\n  if (!hasColors) ls = noColorStyles[ls]\n\n  let icon = s.icon ?? base.icon ?? \"\"\n  icon = icon === \"\" ? \"\" : `${icon}${\" \".repeat(2 - stringWidth(icon))}`\n  const color: Color = s.color ?? base.color ?? \"inherit\"\n\n  // text doesn't get a prefix\n  let styledPrefix = \"\"\n  if (ls === \"badge\") {\n    styledPrefix = style.bg(color).fg(\"black\").bold(` ${s.level} `)\n  } else if (ls === \"icon\") {\n    styledPrefix = style.fg(color)(icon)\n  } else if (ls === \"prompt\") {\n    styledPrefix = style.fg(color).bold(`${icon} ${s.level}`)\n  } else if (ls === \"title\") {\n    styledPrefix = style.fg(color).bold(`${s.level}:`)\n  } else if (ls === \"notif\") {\n    styledPrefix = style.fg(color).bold(`${icon} ${s.title ?? s.level}`)\n  }\n\n  if (s.prefix) styledPrefix = s.prefix + styledPrefix\n  if (s.title && ls !== \"notif\") styledPrefix += style.bold(` ${s.title}`)\n  return styledPrefix\n}\n\n/**\n * A single log entry — level-styled prefix (icon / badge / prompt / title /\n * plain text) followed by the body content. The body can be any Node, so\n * callers can stack markdown, code, images, etc. inside a log line.\n *\n * ```ts\n * log({ level: \"info\", content: \"hello\" })\n * log({ level: \"error\", content: markdown(\"**boom**\") })\n * ```\n */\nexport const log = widget((state: State<LogState>, ...children: Node[]) => {\n  const base = defaultLogStyles[state.level]\n  const color: Color = state.color ?? base.color ?? \"inherit\"\n  const s = state\n  const textColor = state.textColor ?? (s.style === \"notif\" ? \"inherit\" : base.textColor)\n  const style = {\n    style: textColor\n      ? {\n          fg: textColor,\n        }\n      : undefined,\n    width: \"fill\",\n  } as const\n  if (state.content !== \"\") {\n    children = [\n      (state.markdown ?? true) ? markdown(state.content, style) : text(state.content, style),\n      ...children,\n    ]\n  }\n  return box(\n    {\n      ...(s.style === \"notif\"\n        ? {\n            border: \"single\",\n            borderStyle: { fg: color },\n            borderTitle: (ctx) => renderPrefix(state, ctx),\n            borderTitleAlign: \"center\",\n            padding: [0, 1],\n            //style: \"overlay\",\n            width: \"fill\",\n          }\n        : undefined),\n      flexDirection: \"row\",\n      gap: 1,\n      visible: state.visible,\n    },\n    s.style === \"notif\"\n      ? undefined\n      : text((ctx) => renderPrefix(state, ctx), { flexShrink: 0, wrap: \"none\" }),\n    box({ flexDirection: \"column\", flexGrow: 1, gap: 1 }, ...children)\n  )\n})\n"],"mappings":"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"}

package/dist/widgets/markdown.d.mts

@@ -0,0 +1,45 @@
+import { J as Layout, P as RenderCtx, U as TextContent, X as State, p as Node } from "../queries-DH3bj74K.mjs";
+import { o as AnyStyle } from "../types-B9Eh7k2v.mjs";
+import { WrapMode } from "../text.mjs";
+import { n as MdOptions } from "../types-D3jk1rtk.mjs";
+import { Image } from "./image.mjs";
+//#region src/widgets/markdown.d.ts
+interface MarkdownState {
+  /** Markdown source. Accepts a plain string or a reactive accessor —
+   *  pass `signal()` / `memo()` for streaming content that re-parses on
+   *  each render and subscribes the node to the signal. */
+  content: TextContent;
+  /** Options forwarded to `renderMarkdown`. */
+  options?: MdOptions;
+  /**
+   * Enable shiki-backed syntax highlighting for fenced code blocks. Defaults
+   * to `true` — code blocks get per-token colors from the shiki theme, with
+   * `mdCodeBlock`'s bg applied as a backdrop. Unknown languages fall through
+   * as plain text.
+   */
+  syntax?: boolean;
+  wrap?: WrapMode;
+  style?: AnyStyle;
+}
+declare class Markdown extends Node<MarkdownState> {
+  #private;
+  readonly images: Map<string, Image>;
+  constructor(state: State<MarkdownState>);
+  protected _render(ctx: RenderCtx): Promise<string[]>;
+  layout(ctx: RenderCtx): Promise<Layout>;
+}
+/**
+ * Render a markdown string as a TUI node. Produces ANSI-styled text that
+ * resolves per-element styling through theme slots (`mdHeading1`, `mdCode`,
+ * `mdLink`, …). Links become clickable in terminals that support OSC 8.
+ *
+ * ```ts
+ * markdown("# Hello\n\nThis is **bold** and *italic*.")
+ * markdown({ content, wrap: "word", fg: "fg" })
+ * ```
+ */
+declare function markdown(content: TextContent, style?: Omit<State<MarkdownState>, "content">): Markdown;
+declare function markdown(state: State<MarkdownState>): Markdown;
+//#endregion
+export { Markdown, MarkdownState, markdown };
+//# sourceMappingURL=markdown.d.mts.map

package/dist/widgets/markdown.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.mts","names":[],"sources":["../../src/widgets/markdown.ts"],"mappings":";;;;;;UAoBiB;;;;EAIf,SAAS;;EAET,UAAU;;;;;;;EAOV;EACA,OAAO;EACP,QAAQ;;cAcG,iBAAiB,KAAK;;WAKxB,QAAM,YAAA;EASf,YAAY,OAAO,MAAM;YAwDT,QAAQ,KAAK,YAAY;EA0C1B,OAAO,KAAK,YAAS,QAAT;;;;;;;;;;;;iBAeb,SACd,SAAS,aACT,QAAQ,KAAK,MAAM,6BAClB;iBACa,SAAS,OAAO,MAAM,iBAAiB"}

package/dist/widgets/markdown.mjs

@@ -0,0 +1,124 @@
+import { S as unwrap, r as createAsync, w as useContext, y as signal } from "../reactive-f7NpAi69.mjs";
+import { t as Node } from "../node-BZ7f6HzU.mjs";
+import { calcLayout, expandTabs, formatText } from "../text.mjs";
+import { textContent } from "./text.mjs";
+import { t as RenderContext } from "../render-DxVLqqB9.mjs";
+import { t as codeToAnsi } from "../shiki-BrjVUkeh.mjs";
+import { n as shikiWorker } from "../client-D6C_uczF.mjs";
+import { hasColors } from "@zaly/shared/env";
+//#region src/widgets/markdown.ts
+var Markdown = class extends Node {
+	images = /* @__PURE__ */ new Map();
+	#renderer;
+	#code = /* @__PURE__ */ new Map();
+	#update = signal(0);
+	#gen = 0;
+	#worker;
+	#images;
+	constructor(state) {
+		super(state);
+		const context = useContext(RenderContext);
+		this.#images = context?.images;
+		this.#worker = createAsync(async () => {
+			const update = this.#update.get();
+			const todo = [...this.#code.values()].filter((c) => c.gen === this.#gen && !c.result);
+			if (!todo.length) return update;
+			await Promise.all(todo.map(async (req) => {
+				req.ac ??= new AbortController();
+				req.inflight ??= codeToAnsi(req.code, req.lang, {
+					signal: req.ac.signal,
+					theme: req.theme
+				});
+				try {
+					req.result = await req.inflight;
+				} catch (error) {
+					if (req.ac.signal.aborted) {
+						if (this.#code.get(req.key) === req) this.#code.delete(req.key);
+					} else throw error;
+				}
+			}));
+			return update + 1;
+		}, { initialValue: 0 });
+	}
+	/** Find a highlighted result for a prefix of `code` in the cache. This
+	* handles streaming updates where the full code block isn't available yet
+	* and prevents flashing un-highlighted text on each update. */
+	#streamingHighlight(code, lang, theme) {
+		let ret;
+		for (const c of this.#code.values()) {
+			if (!c.result || c.lang !== lang || c.theme !== theme) continue;
+			if (code.startsWith(c.code) && c.code.length > (ret?.code.length ?? 0)) ret = c;
+		}
+		if (ret) ret.gen = this.#gen;
+		return ret?.result ? ret.result + code.slice(ret.code.length) : code;
+	}
+	#highlight(code, lang, theme) {
+		if (!lang) return code;
+		const key = shikiWorker.key({
+			code,
+			lang,
+			theme
+		});
+		const ret = this.#code.get(key);
+		if (ret) ret.gen = this.#gen;
+		if (ret?.result) return ret.result;
+		else if (!ret) this.#code.set(key, {
+			code,
+			gen: this.#gen,
+			key,
+			lang,
+			theme
+		});
+		return this.#streamingHighlight(code, lang, theme);
+	}
+	async _render(ctx) {
+		if (!this.#renderer) {
+			const { MarkdownRenderer } = await import("../renderer-CdLCkJB-.mjs").then((n) => n.n);
+			this.#renderer = new MarkdownRenderer({
+				...this.state.options,
+				parent: this
+			});
+		}
+		let source = await textContent(this.state.content, ctx);
+		source = expandTabs(source);
+		let formatted;
+		if (!hasColors) formatted = this.#renderer.normalizeEol(source, source);
+		else {
+			this.#gen++;
+			formatted = await this.#renderer.render(source, {
+				...ctx,
+				highlight: (code, lang) => this.#highlight(code, lang, ctx.style.theme.shiki),
+				images: unwrap(this.#images) ?? true
+			});
+			for (const [k, c] of this.#code.entries()) if (c.gen !== this.#gen) {
+				c.ac?.abort();
+				if (c.result !== void 0) this.#code.delete(k);
+			}
+			if (this.#code.values().some((c) => !c.inflight)) {
+				this.#update.set(this.#gen);
+				this.#worker();
+			}
+		}
+		return formatText(formatted, {
+			indent: true,
+			style: this.state.style ? ctx.style.add(this.state.style) : void 0,
+			width: ctx.width,
+			wrap: this.state.wrap,
+			wrapBg: true
+		});
+	}
+	async layout(ctx) {
+		return calcLayout(await textContent(this.state.content, ctx));
+	}
+};
+function markdown(first, style) {
+	if (typeof first === "string" || typeof first === "function") return new Markdown({
+		content: first,
+		...style
+	});
+	return new Markdown(first);
+}
+//#endregion
+export { Markdown, markdown };
+
+//# sourceMappingURL=markdown.mjs.map

package/dist/widgets/markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.mjs","names":["#images","#worker","#update","#code","#gen","#streamingHighlight","#renderer","#highlight"],"sources":["../../src/widgets/markdown.ts"],"sourcesContent":["import type { RenderCtx } from \"../core/ctx.ts\"\nimport type { Accessor } from \"../core/reactive.ts\"\nimport type { State } from \"../core/state.ts\"\nimport type { WrapMode } from \"../layout/text.ts\"\nimport type { MarkdownRenderer } from \"../markdown/renderer.ts\"\nimport type { MdOptions } from \"../markdown/types.ts\"\nimport type { ShikiTheme } from \"../shiki/types.ts\"\nimport type { AnyStyle } from \"../style/types.ts\"\nimport type { Image } from \"./image.ts\"\nimport type { TextContent } from \"./text.ts\"\n\nimport { hasColors } from \"@zaly/shared/env\"\nimport { Node } from \"../core/node.ts\"\nimport { createAsync, signal, unwrap, useContext } from \"../core/reactive.ts\"\nimport { RenderContext } from \"../core/render.ts\"\nimport { calcLayout, expandTabs, formatText } from \"../layout/text.ts\"\nimport { shikiWorker } from \"../shiki/client.ts\"\nimport { codeToAnsi } from \"../shiki/shiki.ts\"\nimport { textContent } from \"./text.ts\"\n\nexport interface MarkdownState {\n  /** Markdown source. Accepts a plain string or a reactive accessor —\n   *  pass `signal()` / `memo()` for streaming content that re-parses on\n   *  each render and subscribes the node to the signal. */\n  content: TextContent\n  /** Options forwarded to `renderMarkdown`. */\n  options?: MdOptions\n  /**\n   * Enable shiki-backed syntax highlighting for fenced code blocks. Defaults\n   * to `true` — code blocks get per-token colors from the shiki theme, with\n   * `mdCodeBlock`'s bg applied as a backdrop. Unknown languages fall through\n   * as plain text.\n   */\n  syntax?: boolean\n  wrap?: WrapMode\n  style?: AnyStyle\n}\n\ntype ShikiCode = {\n  key: string\n  code: string\n  lang: string\n  theme?: ShikiTheme\n  inflight?: Promise<string>\n  ac?: AbortController\n  result?: string\n  gen: number\n}\n\nexport class Markdown extends Node<MarkdownState> {\n  // Image nodes cached per-src per-Markdown-instance. Re-rendering the\n  // same markdown (streaming updates) reuses the same `Image` — same\n  // `placementId`, which the KGP spec guarantees is a flicker-free\n  // move/resize of the existing placement.\n  readonly images = new Map<string, Image>()\n\n  #renderer?: MarkdownRenderer\n  #code = new Map<string, ShikiCode>()\n  #update = signal(0)\n  #gen = 0\n  #worker: Accessor<number>\n  #images?: Accessor<boolean>\n\n  constructor(state: State<MarkdownState>) {\n    super(state)\n\n    const context = useContext(RenderContext)\n    this.#images = context?.images\n\n    this.#worker = createAsync(\n      async () => {\n        const update = this.#update.get() // track\n        const todo = [...this.#code.values()].filter((c) => c.gen === this.#gen && !c.result)\n        if (!todo.length) return update // nothing to do, skip\n        await Promise.all(\n          todo.map(async (req) => {\n            req.ac ??= new AbortController()\n            req.inflight ??= codeToAnsi(req.code, req.lang, {\n              signal: req.ac.signal,\n              theme: req.theme,\n            })\n            try {\n              req.result = await req.inflight\n            } catch (error) {\n              if (req.ac.signal.aborted) {\n                if (this.#code.get(req.key) === req) this.#code.delete(req.key)\n              } else throw error\n            }\n          })\n        )\n        return update + 1\n      },\n      { initialValue: 0 }\n    )\n  }\n\n  /** Find a highlighted result for a prefix of `code` in the cache. This\n   * handles streaming updates where the full code block isn't available yet\n   * and prevents flashing un-highlighted text on each update. */\n  #streamingHighlight(code: string, lang: string, theme?: ShikiTheme) {\n    let ret: ShikiCode | undefined\n    for (const c of this.#code.values()) {\n      if (!c.result || c.lang !== lang || c.theme !== theme) continue\n      if (code.startsWith(c.code) && c.code.length > (ret?.code.length ?? 0)) ret = c\n    }\n    if (ret) ret.gen = this.#gen // bump gen to keep it alive in cache\n    return ret?.result ? ret.result + code.slice(ret.code.length) : code\n  }\n\n  #highlight(code: string, lang?: string, theme?: ShikiTheme): string {\n    if (!lang) return code\n    const key = shikiWorker.key({ code, lang, theme })\n    const ret = this.#code.get(key)\n    if (ret) ret.gen = this.#gen // bump gen to keep it alive in cache\n    if (ret?.result) return ret.result\n    else if (!ret) this.#code.set(key, { code, gen: this.#gen, key, lang, theme })\n    return this.#streamingHighlight(code, lang, theme)\n  }\n\n  protected async _render(ctx: RenderCtx): Promise<string[]> {\n    if (!this.#renderer) {\n      const { MarkdownRenderer } = await import(\"../markdown/renderer.ts\")\n      this.#renderer = new MarkdownRenderer({ ...this.state.options, parent: this })\n    }\n    let source = await textContent(this.state.content, ctx)\n    source = expandTabs(source)\n    let formatted: string\n\n    if (!hasColors) formatted = this.#renderer.normalizeEol(source, source)\n    else {\n      this.#gen++ // bump generation to track what is still used\n\n      formatted = await this.#renderer.render(source, {\n        ...ctx,\n        highlight: (code, lang) => this.#highlight(code, lang, ctx.style.theme.shiki),\n        images: unwrap(this.#images) ?? true,\n      })\n\n      // prune old entries\n      for (const [k, c] of this.#code.entries())\n        if (c.gen !== this.#gen) {\n          c.ac?.abort()\n          if (c.result !== undefined) this.#code.delete(k)\n        }\n\n      // Trigger the worker if needed\n      if (this.#code.values().some((c) => !c.inflight)) {\n        this.#update.set(this.#gen) // trigger worker\n        this.#worker() // tracked\n      }\n    }\n\n    return formatText(formatted, {\n      indent: true,\n      style: this.state.style ? ctx.style.add(this.state.style) : undefined,\n      width: ctx.width,\n      wrap: this.state.wrap,\n      wrapBg: true,\n    })\n  }\n\n  override async layout(ctx: RenderCtx) {\n    return calcLayout(await textContent(this.state.content, ctx))\n  }\n}\n\n/**\n * Render a markdown string as a TUI node. Produces ANSI-styled text that\n * resolves per-element styling through theme slots (`mdHeading1`, `mdCode`,\n * `mdLink`, …). Links become clickable in terminals that support OSC 8.\n *\n * ```ts\n * markdown(\"# Hello\\n\\nThis is **bold** and *italic*.\")\n * markdown({ content, wrap: \"word\", fg: \"fg\" })\n * ```\n */\nexport function markdown(\n  content: TextContent,\n  style?: Omit<State<MarkdownState>, \"content\">\n): Markdown\nexport function markdown(state: State<MarkdownState>): Markdown\nexport function markdown(\n  first: TextContent | MarkdownState,\n  style?: Omit<State<MarkdownState>, \"content\">\n): Markdown {\n  // Plain strings and accessor functions go through the content path;\n  // a non-function object is the full state form.\n  if (typeof first === \"string\" || typeof first === \"function\") {\n    return new Markdown({ content: first, ...style })\n  }\n  return new Markdown(first)\n}\n"],"mappings":"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"}

package/dist/widgets/overlay.d.mts

@@ -0,0 +1,2 @@
+import { F as Overlay, I as OverlayState, L as overlay } from "../queries-DH3bj74K.mjs";
+export { Overlay, OverlayState, overlay };

package/dist/widgets/overlay.mjs

@@ -0,0 +1,18 @@
+import { n as box } from "../box-DyaByEiG.mjs";
+//#region src/widgets/overlay.ts
+function overlay(state, ...children) {
+	const node = box({
+		visible: false,
+		...state
+	}, ...children);
+	node.withActions({ "overlay.close": {
+		desc: "Close overlay",
+		fn: () => node.state.removeOnClose ?? true ? node.ctx?.overlay.remove(node) : node.hide(),
+		keys: ["esc", "ctrl-c"]
+	} });
+	return node;
+}
+//#endregion
+export { overlay };
+
+//# sourceMappingURL=overlay.mjs.map

package/dist/widgets/overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.mjs","names":[],"sources":["../../src/widgets/overlay.ts"],"sourcesContent":["import type { Emitter } from \"@zaly/shared\"\nimport type { Node } from \"../core/node.ts\"\nimport type { State } from \"../core/state.ts\"\nimport type { Box, BoxStyle } from \"./box.ts\"\n\nimport { box } from \"./box.ts\"\n\nexport interface OverlayState {\n  /** Absolute column (1-based) of the overlay's left edge. */\n  x: number\n  /** Absolute row (1-based) of the overlay's top edge. */\n  y: number\n  /** Higher zIndex paints on top. Default: 0. */\n  zIndex?: number\n  verticalAnchor?: \"top\" | \"center\" | \"bottom\"\n  horizontalAnchor?: \"left\" | \"center\" | \"right\"\n  relative?: \"screen\" | \"ui\" | \"stream\"\n  /** If true, the overlay will be automatically removed from the renderer when closed.\n   * When false, the overlay will remain in the renderer but will be hidden.\n   * Default: true. */\n  removeOnClose?: boolean\n}\n\ntype OverlayEvents = {\n  close: {}\n}\n\nexport type Overlay<T extends Node[] = Node[]> = Box<OverlayState> & {\n  children: T\n} & Emitter<OverlayEvents>\n\nexport function overlay<T extends Node[] = Node[]>(\n  state: State<OverlayState & BoxStyle>,\n  ...children: T\n): Overlay<T> {\n  const node = box({ visible: false, ...state }, ...children) as Overlay<T>\n  node.withActions({\n    \"overlay.close\": {\n      desc: \"Close overlay\",\n      fn: () => ((node.state.removeOnClose ?? true) ? node.ctx?.overlay.remove(node) : node.hide()),\n      keys: [\"esc\", \"ctrl-c\"],\n    },\n  })\n  return node\n}\n"],"mappings":";;AA+BA,SAAgB,QACd,OACA,GAAG,UACS;CACZ,MAAM,OAAO,IAAI;EAAE,SAAS;EAAO,GAAG;CAAM,GAAG,GAAG,QAAQ;CAC1D,KAAK,YAAY,EACf,iBAAiB;EACf,MAAM;EACN,UAAY,KAAK,MAAM,iBAAiB,OAAQ,KAAK,KAAK,QAAQ,OAAO,IAAI,IAAI,KAAK,KAAK;EAC3F,MAAM,CAAC,OAAO,QAAQ;CACxB,EACF,CAAC;CACD,OAAO;AACT"}

package/dist/widgets/picker.d.mts

@@ -0,0 +1,2 @@
+import { a as picker, i as PickerTreeProps, n as PickerItem, r as PickerSelectProps, t as PickerActions } from "../picker-D8OLb6kZ.mjs";
+export { PickerActions, PickerItem, PickerSelectProps, PickerTreeProps, picker };

package/dist/widgets/picker.mjs

@@ -0,0 +1,2 @@
+import { t as picker } from "../picker-ndVVt6qF.mjs";
+export { picker };

package/dist/widgets/progress.d.mts

@@ -0,0 +1,48 @@
+import { Nt as Size, P as RenderCtx, X as State, nt as Reactive, p as Node } from "../queries-DH3bj74K.mjs";
+import { c as Color } from "../types-B9Eh7k2v.mjs";
+//#region src/widgets/progress.d.ts
+interface ProgressState {
+  /** Current value. Clamped to `[0, total]`. Accepts a signal accessor
+   *  so callers can drive the bar from reactive state without manual
+   *  `state.set` plumbing. */
+  value: Reactive<number>;
+  /** Maximum value. Defaults to `1` — pass a fraction in `[0, 1]` to value. */
+  total?: Reactive<number>;
+  /**
+   * Bar width in cells. Defaults to `fill` (uses the full `ctx.width`).
+   * Shrinks to fit if a `label` is provided.
+   */
+  width?: Size;
+  /**
+   * Optional label shown to the right of the bar. Pass a string, or a
+   * function to style it inline. `null`/`undefined` hides it; `"auto"`
+   * formats as a percentage.
+   */
+  label?: string | ((ctx: RenderCtx, fraction: number) => string);
+  /** Foreground theme slot for the filled portion. Defaults to `primary`. */
+  color?: Color;
+  /** Foreground theme slot for the empty portion. Defaults to `muted`. */
+  trackColor?: Color;
+  /** Filled glyph. Defaults to `█`. */
+  complete?: string;
+  /** Empty glyph. Defaults to `░`. */
+  incomplete?: string;
+}
+declare class Progress extends Node<ProgressState> {
+  protected _render(ctx: RenderCtx): string[];
+}
+/**
+ * Factory for `Progress`. Value is required; everything else has a
+ * sensible default — `progress({ value: 0.4 })` fills 40% of the
+ * available width with `█`, backed by `░` in the theme's `muted` slot.
+ *
+ * ```ts
+ * progress({ value: done, total, label: "auto" })
+ * progress({ value: p, color: "ok", width: 20 })
+ * progress({ value: 0.7, label: (ctx, f) => ctx.style.dim(`${f*100|0}%`) })
+ * ```
+ */
+declare function progress(state: State<ProgressState>): Progress;
+//#endregion
+export { Progress, ProgressState, progress };
+//# sourceMappingURL=progress.d.mts.map

package/dist/widgets/progress.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.mts","names":[],"sources":["../../src/widgets/progress.ts"],"mappings":";;;UAWiB;;;;EAIf,OAAO;;EAEP,QAAQ;;;;;EAKR,QAAQ;;;;;;EAMR,mBAAmB,KAAK,WAAW;;EAEnC,QAAQ;;EAER,aAAa;;EAEb;;EAEA;;cAGW,iBAAiB,KAAK;YACvB,QAAQ,KAAK;;;;;;;;;;;;;iBAwCT,SAAS,OAAO,MAAM,iBAAiB"}

package/dist/widgets/progress.mjs

@@ -0,0 +1,48 @@
+import { S as unwrap } from "../reactive-f7NpAi69.mjs";
+import { t as Node } from "../node-BZ7f6HzU.mjs";
+import { n as resolveSize } from "../size-D8JogYLy.mjs";
+import { stringWidth } from "@zaly/shared/ansi";
+//#region src/widgets/progress.ts
+var Progress = class extends Node {
+	_render(ctx) {
+		const total = unwrap(this.state.total ?? 1);
+		const raw = total > 0 ? unwrap(this.state.value) / total : 0;
+		const fraction = Math.max(0, Math.min(1, raw));
+		const complete = this.state.complete ?? "█";
+		const incomplete = this.state.incomplete ?? "░";
+		const colorFilled = this.state.color ?? "primary";
+		const colorTrack = this.state.trackColor ?? "muted";
+		const labelStr = resolveLabel(this.state.label, ctx, fraction);
+		const target = resolveSize(this.state.width ?? "fill", ctx.width) ?? ctx.width;
+		const labelW = labelStr === "" ? 0 : stringWidth(labelStr) + 1;
+		const barWidth = Math.max(1, target - labelW);
+		const filled = Math.round(fraction * barWidth);
+		const empty = barWidth - filled;
+		const bar = ctx.style.fg(colorFilled)(complete.repeat(filled)) + ctx.style.fg(colorTrack)(incomplete.repeat(empty));
+		return [labelStr === "" ? bar : `${bar} ${labelStr}`];
+	}
+};
+/**
+* Factory for `Progress`. Value is required; everything else has a
+* sensible default — `progress({ value: 0.4 })` fills 40% of the
+* available width with `█`, backed by `░` in the theme's `muted` slot.
+*
+* ```ts
+* progress({ value: done, total, label: "auto" })
+* progress({ value: p, color: "ok", width: 20 })
+* progress({ value: 0.7, label: (ctx, f) => ctx.style.dim(`${f*100|0}%`) })
+* ```
+*/
+function progress(state) {
+	return new Progress(state);
+}
+function resolveLabel(label, ctx, fraction) {
+	if (label === void 0) return "";
+	if (typeof label === "function") return label(ctx, fraction);
+	if (label === "auto") return `${Math.round(fraction * 100)}%`;
+	return label;
+}
+//#endregion
+export { Progress, progress };
+
+//# sourceMappingURL=progress.mjs.map

package/dist/widgets/progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.mjs","names":[],"sources":["../../src/widgets/progress.ts"],"sourcesContent":["import type { RenderCtx } from \"../core/ctx.ts\"\nimport type { Reactive } from \"../core/reactive.ts\"\nimport type { State } from \"../core/state.ts\"\nimport type { Size } from \"../layout/size.ts\"\nimport type { Color } from \"../style/types.ts\"\n\nimport { stringWidth } from \"@zaly/shared/ansi\"\nimport { Node } from \"../core/node.ts\"\nimport { unwrap } from \"../core/reactive.ts\"\nimport { resolveSize } from \"../layout/size.ts\"\n\nexport interface ProgressState {\n  /** Current value. Clamped to `[0, total]`. Accepts a signal accessor\n   *  so callers can drive the bar from reactive state without manual\n   *  `state.set` plumbing. */\n  value: Reactive<number>\n  /** Maximum value. Defaults to `1` — pass a fraction in `[0, 1]` to value. */\n  total?: Reactive<number>\n  /**\n   * Bar width in cells. Defaults to `fill` (uses the full `ctx.width`).\n   * Shrinks to fit if a `label` is provided.\n   */\n  width?: Size\n  /**\n   * Optional label shown to the right of the bar. Pass a string, or a\n   * function to style it inline. `null`/`undefined` hides it; `\"auto\"`\n   * formats as a percentage.\n   */\n  label?: string | ((ctx: RenderCtx, fraction: number) => string)\n  /** Foreground theme slot for the filled portion. Defaults to `primary`. */\n  color?: Color\n  /** Foreground theme slot for the empty portion. Defaults to `muted`. */\n  trackColor?: Color\n  /** Filled glyph. Defaults to `█`. */\n  complete?: string\n  /** Empty glyph. Defaults to `░`. */\n  incomplete?: string\n}\n\nexport class Progress extends Node<ProgressState> {\n  protected _render(ctx: RenderCtx): string[] {\n    const total = unwrap(this.state.total ?? 1)\n    const raw = total > 0 ? unwrap(this.state.value) / total : 0\n    const fraction = Math.max(0, Math.min(1, raw))\n\n    const complete = this.state.complete ?? \"█\"\n    const incomplete = this.state.incomplete ?? \"░\"\n    const colorFilled = this.state.color ?? \"primary\"\n    const colorTrack = this.state.trackColor ?? \"muted\"\n\n    // Decide the label (may be empty).\n    const labelStr = resolveLabel(this.state.label, ctx, fraction)\n\n    // Resolve target width, reserving space for the label (\" <label>\").\n    const target = resolveSize(this.state.width ?? \"fill\", ctx.width) ?? ctx.width\n    const labelW = labelStr === \"\" ? 0 : stringWidth(labelStr) + 1\n    const barWidth = Math.max(1, target - labelW)\n\n    const filled = Math.round(fraction * barWidth)\n    const empty = barWidth - filled\n\n    const bar =\n      ctx.style.fg(colorFilled)(complete.repeat(filled)) +\n      ctx.style.fg(colorTrack)(incomplete.repeat(empty))\n\n    return [labelStr === \"\" ? bar : `${bar} ${labelStr}`]\n  }\n}\n\n/**\n * Factory for `Progress`. Value is required; everything else has a\n * sensible default — `progress({ value: 0.4 })` fills 40% of the\n * available width with `█`, backed by `░` in the theme's `muted` slot.\n *\n * ```ts\n * progress({ value: done, total, label: \"auto\" })\n * progress({ value: p, color: \"ok\", width: 20 })\n * progress({ value: 0.7, label: (ctx, f) => ctx.style.dim(`${f*100|0}%`) })\n * ```\n */\nexport function progress(state: State<ProgressState>): Progress {\n  return new Progress(state)\n}\n\nfunction resolveLabel(label: ProgressState[\"label\"], ctx: RenderCtx, fraction: number): string {\n  if (label === undefined) return \"\"\n  if (typeof label === \"function\") return label(ctx, fraction)\n  if (label === \"auto\") return `${Math.round(fraction * 100)}%`\n  return label\n}\n"],"mappings":";;;;;AAuCA,IAAa,WAAb,cAA8B,KAAoB;CAChD,QAAkB,KAA0B;EAC1C,MAAM,QAAQ,OAAO,KAAK,MAAM,SAAS,CAAC;EAC1C,MAAM,MAAM,QAAQ,IAAI,OAAO,KAAK,MAAM,KAAK,IAAI,QAAQ;EAC3D,MAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,GAAG,CAAC;EAE7C,MAAM,WAAW,KAAK,MAAM,YAAY;EACxC,MAAM,aAAa,KAAK,MAAM,cAAc;EAC5C,MAAM,cAAc,KAAK,MAAM,SAAS;EACxC,MAAM,aAAa,KAAK,MAAM,cAAc;EAG5C,MAAM,WAAW,aAAa,KAAK,MAAM,OAAO,KAAK,QAAQ;EAG7D,MAAM,SAAS,YAAY,KAAK,MAAM,SAAS,QAAQ,IAAI,KAAK,KAAK,IAAI;EACzE,MAAM,SAAS,aAAa,KAAK,IAAI,YAAY,QAAQ,IAAI;EAC7D,MAAM,WAAW,KAAK,IAAI,GAAG,SAAS,MAAM;EAE5C,MAAM,SAAS,KAAK,MAAM,WAAW,QAAQ;EAC7C,MAAM,QAAQ,WAAW;EAEzB,MAAM,MACJ,IAAI,MAAM,GAAG,WAAW,CAAC,CAAC,SAAS,OAAO,MAAM,CAAC,IACjD,IAAI,MAAM,GAAG,UAAU,CAAC,CAAC,WAAW,OAAO,KAAK,CAAC;EAEnD,OAAO,CAAC,aAAa,KAAK,MAAM,GAAG,IAAI,GAAG,UAAU;CACtD;AACF;;;;;;;;;;;;AAaA,SAAgB,SAAS,OAAuC;CAC9D,OAAO,IAAI,SAAS,KAAK;AAC3B;AAEA,SAAS,aAAa,OAA+B,KAAgB,UAA0B;CAC7F,IAAI,UAAU,KAAA,GAAW,OAAO;CAChC,IAAI,OAAO,UAAU,YAAY,OAAO,MAAM,KAAK,QAAQ;CAC3D,IAAI,UAAU,QAAQ,OAAO,GAAG,KAAK,MAAM,WAAW,GAAG,EAAE;CAC3D,OAAO;AACT"}

package/dist/widgets/select.d.mts

@@ -0,0 +1,2 @@
+import { a as SelectEvents, i as Select, n as OptionRender, o as SelectState, r as OptionRenderCtx, s as select, t as Option } from "../select-CbmAZdpt.mjs";
+export { Option, OptionRender, OptionRenderCtx, Select, SelectEvents, SelectState, select };