@outfitter/tui 0.2.0

package/dist/shared/@outfitter/tui-jz5nws55.d.ts

@@ -0,0 +1,51 @@
+import { WidthMode } from "./tui-75bztyfp";
+/**
+* Separator style for headings.
+*/
+type SeparatorStyle = "=" | "-" | "─" | "━" | "═";
+/**
+* Width mode for headings.
+*
+* Note: Headings only support "text", "full", and numeric widths.
+* Use the shared WidthMode type for full container-relative support.
+*
+* @see WidthMode for the complete type definition
+*/
+type HeadingWidthMode = Extract<WidthMode, "text" | "full" | number>;
+/**
+* Case transformation for heading text.
+*/
+type CaseMode = "upper" | "lower" | "title" | "none";
+/**
+* Options for rendering a heading.
+*/
+interface HeadingOptions {
+	/** Separator character/style (default: "=") */
+	separator?: SeparatorStyle;
+	/** Width mode (default: "text") */
+	width?: HeadingWidthMode;
+	/** Case transformation (default: "upper") */
+	case?: CaseMode;
+}
+/**
+* Renders a section heading with a separator line below.
+*
+* @param text - The heading text
+* @param options - Rendering options
+* @returns Formatted heading string
+*
+* @example
+* ```typescript
+* import { renderHeading } from "@outfitter/tui/render";
+*
+* console.log(renderHeading("Theme Colors"));
+* // THEME COLORS
+* // ============
+*
+* console.log(renderHeading("Status", { separator: "─", case: "none" }));
+* // Status
+* // ──────
+* ```
+*/
+declare function renderHeading(text: string, options?: HeadingOptions): string;
+export { SeparatorStyle, HeadingWidthMode, CaseMode, HeadingOptions, renderHeading };

package/dist/shared/@outfitter/tui-k3mby2kk.js

@@ -0,0 +1,70 @@
+// @bun
+import {
+  getExample
+} from "./tui-nprd7g0d.js";
+import {
+  demoSection
+} from "./tui-733asbd8.js";
+import {
+  renderMarkdown
+} from "./tui-vt0wg6c4.js";
+
+// packages/tui/src/demo/renderers/markdown.ts
+function renderMarkdownDemo(config, theme) {
+  const showCode = config.showCode ?? true;
+  const lines = [];
+  lines.push(demoSection("Markdown Rendering"));
+  lines.push("");
+  if (showCode) {
+    lines.push('import { renderMarkdown } from "@outfitter/tui/render";');
+    lines.push("");
+  }
+  const sample = getExample("markdownSample", config.examples);
+  lines.push("Input:");
+  lines.push(theme.muted("\u2500".repeat(40)));
+  for (const line of sample.split(`
+`)) {
+    lines.push(theme.muted(line));
+  }
+  lines.push(theme.muted("\u2500".repeat(40)));
+  lines.push("");
+  lines.push("Output:");
+  lines.push("\u2500".repeat(40));
+  lines.push(renderMarkdown(sample));
+  lines.push("\u2500".repeat(40));
+  lines.push("");
+  lines.push(demoSection("Supported Elements"));
+  lines.push("");
+  const elements = [
+    {
+      name: "Headings",
+      markdown: `# Heading 1
+## Heading 2`,
+      desc: "Rendered bold"
+    },
+    { name: "Bold", markdown: "**bold text**", desc: "Rendered bold" },
+    { name: "Italic", markdown: "*italic text*", desc: "Rendered italic" },
+    { name: "Inline code", markdown: "`code`", desc: "Rendered cyan" },
+    {
+      name: "Code block",
+      markdown: "```\ncode block\n```",
+      desc: "Rendered dim"
+    }
+  ];
+  for (const el of elements) {
+    lines.push(`${el.name}:`);
+    lines.push(theme.muted(`  ${el.desc}`));
+    lines.push(`  Input: ${el.markdown.replace(/\n/g, "\\n")}`);
+    lines.push(`  Output: ${renderMarkdown(el.markdown).replace(/\n/g, " ")}`);
+    lines.push("");
+  }
+  lines.push(demoSection("Color Support"));
+  lines.push("");
+  lines.push("\u2022 Colors applied when terminal supports ANSI");
+  lines.push("\u2022 Respects NO_COLOR environment variable");
+  lines.push("\u2022 Markdown syntax stripped when colors disabled");
+  return lines.join(`
+`);
+}
+
+export { renderMarkdownDemo };

package/dist/shared/@outfitter/tui-kc4nxak0.js

@@ -0,0 +1,20 @@
+// @bun
+import {
+  defaultTheme
+} from "./tui-0mpqnyc1.js";
+
+// packages/tui/src/theme/context.ts
+function createThemedContext(options) {
+  const theme = options.theme ?? options.parent?.theme ?? defaultTheme;
+  const width = options.width ?? options.parent?.width ?? process.stdout.columns ?? 80;
+  return {
+    width,
+    theme,
+    ...options.parent && { parent: options.parent }
+  };
+}
+function getContextTheme(ctx) {
+  return ctx?.theme ?? defaultTheme;
+}
+
+export { createThemedContext, getContextTheme };

package/dist/shared/@outfitter/tui-kcxv8txp.js

@@ -0,0 +1,7 @@
+// @bun
+// packages/tui/src/prompt/types.ts
+function createCancelledError(message = "User cancelled") {
+  return { type: "cancelled", message };
+}
+
+export { createCancelledError };

package/dist/shared/@outfitter/tui-kydbggmj.js

@@ -0,0 +1,39 @@
+// @bun
+// packages/tui/src/render/tree.ts
+var TREE_GUIDES = {
+  single: { vertical: "\u2502   ", fork: "\u251C\u2500\u2500 ", end: "\u2514\u2500\u2500 " },
+  heavy: { vertical: "\u2503   ", fork: "\u2523\u2501\u2501 ", end: "\u2517\u2501\u2501 " },
+  double: { vertical: "\u2551   ", fork: "\u2560\u2550\u2550 ", end: "\u255A\u2550\u2550 " },
+  rounded: { vertical: "\u2502   ", fork: "\u251C\u2500\u2500 ", end: "\u2570\u2500\u2500 " }
+};
+function renderTree(tree, options) {
+  const guide = TREE_GUIDES[options?.guide ?? "single"];
+  const maxDepth = options?.maxDepth;
+  const renderLabel = options?.renderLabel ?? ((key) => key);
+  const lines = [];
+  const renderNode = (key, value, prefix, isLast, depth) => {
+    if (maxDepth !== undefined && depth >= maxDepth) {
+      return;
+    }
+    const connector = isLast ? guide.end : guide.fork;
+    const label = renderLabel(key, value, depth);
+    lines.push(prefix + connector + label);
+    if (value !== null && typeof value === "object") {
+      const entries2 = Object.entries(value);
+      const childPrefix = prefix + (isLast ? "    " : guide.vertical);
+      entries2.forEach(([childKey, childValue], index) => {
+        const childIsLast = index === entries2.length - 1;
+        renderNode(childKey, childValue, childPrefix, childIsLast, depth + 1);
+      });
+    }
+  };
+  const entries = Object.entries(tree);
+  entries.forEach(([key, value], index) => {
+    const isLast = index === entries.length - 1;
+    renderNode(key, value, "", isLast, 0);
+  });
+  return lines.join(`
+`);
+}
+
+export { TREE_GUIDES, renderTree };

package/dist/shared/@outfitter/tui-mch672g9.js

@@ -0,0 +1,30 @@
+// @bun
+import {
+  defaultTheme
+} from "./tui-0mpqnyc1.js";
+import {
+  BORDERS,
+  init_borders
+} from "./tui-2pwhzg55.js";
+
+// packages/tui/src/theme/presets/minimal.ts
+init_borders();
+var minimalTheme = {
+  ...defaultTheme,
+  name: "minimal",
+  border: "ascii",
+  borderChars: BORDERS.ascii,
+  treeGuide: "single",
+  delimiter: "bullet",
+  markers: {
+    ...defaultTheme.markers
+  },
+  listBullet: { unicode: "-", fallback: "-" },
+  checkbox: {
+    checked: { unicode: "[x]", fallback: "[x]" },
+    unchecked: { unicode: "[ ]", fallback: "[ ]" }
+  },
+  spinner: "line"
+};
+
+export { minimalTheme };

package/dist/shared/@outfitter/tui-n9kxkdrh.js

@@ -0,0 +1,82 @@
+// @bun
+import {
+  getTerminalWidth
+} from "./tui-06dntkse.js";
+
+// packages/tui/src/render/heading.ts
+var ANSI_PATTERN = /\x1b\[[0-9;]*m/g;
+function toTitleCase(text) {
+  return text.replace(/\w\S*/g, (word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase());
+}
+function applyCase(text, caseMode) {
+  if (caseMode === "none") {
+    return text;
+  }
+  const hasAnsi = ANSI_PATTERN.test(text);
+  ANSI_PATTERN.lastIndex = 0;
+  if (!hasAnsi) {
+    switch (caseMode) {
+      case "upper":
+        return text.toUpperCase();
+      case "lower":
+        return text.toLowerCase();
+      case "title":
+        return toTitleCase(text);
+      default: {
+        const _exhaustive = caseMode;
+        return _exhaustive;
+      }
+    }
+  }
+  const sequences = [];
+  for (const match of text.matchAll(ANSI_PATTERN)) {
+    sequences.push({ index: match.index, seq: match[0] });
+  }
+  const stripped = Bun.stripANSI(text);
+  let transformed;
+  switch (caseMode) {
+    case "upper":
+      transformed = stripped.toUpperCase();
+      break;
+    case "lower":
+      transformed = stripped.toLowerCase();
+      break;
+    case "title":
+      transformed = toTitleCase(stripped);
+      break;
+    default: {
+      const _exhaustive = caseMode;
+      return _exhaustive;
+    }
+  }
+  let result = transformed;
+  let offset = 0;
+  for (const { index, seq } of sequences) {
+    const insertPos = index + offset;
+    result = result.slice(0, insertPos) + seq + result.slice(insertPos);
+    offset += seq.length;
+  }
+  return result;
+}
+function getTextWidth(text) {
+  return Bun.stringWidth(text);
+}
+function renderHeading(text, options) {
+  const separator = options?.separator ?? "=";
+  const widthMode = options?.width ?? "text";
+  const caseMode = options?.case ?? "upper";
+  const transformedText = applyCase(text, caseMode);
+  let width;
+  if (widthMode === "text") {
+    width = getTextWidth(transformedText);
+  } else if (widthMode === "full") {
+    width = getTerminalWidth();
+  } else {
+    width = widthMode;
+  }
+  const separatorLine = separator.repeat(width);
+  return `${transformedText}
+${separatorLine}`;
+}
+
+export { renderHeading };

package/dist/shared/@outfitter/tui-na4dnjpw.js

@@ -0,0 +1,348 @@
+// @bun
+import {
+  TREE_GUIDES
+} from "./tui-kydbggmj.js";
+import {
+  joinHorizontal,
+  joinVertical
+} from "./tui-06dntkse.js";
+import {
+  exports_box,
+  init_box,
+  renderBox
+} from "./tui-t9vd88jr.js";
+import {
+  getIndicator,
+  isUnicodeSupported
+} from "./tui-pdwbbzwr.js";
+import {
+  __toCommonJS
+} from "./tui-hescagw2.js";
+
+// packages/tui/src/render/stack.ts
+init_box();
+import { getStringWidth } from "@outfitter/cli/text";
+var DELIMITERS = {
+  space: { unicode: " ", fallback: " " },
+  bullet: { unicode: "\u2022", fallback: "*" },
+  dot: { unicode: "\xB7", fallback: "." },
+  pipe: { unicode: "\u2502", fallback: "|" },
+  arrow: { unicode: "\u2192", fallback: "->" },
+  slash: { unicode: "/", fallback: "/" },
+  colon: { unicode: ":", fallback: ":" }
+};
+function getDelimiter(name, forceUnicode) {
+  const delimiter = DELIMITERS[name];
+  const useUnicode = forceUnicode ?? isUnicodeSupported();
+  return useUnicode ? delimiter.unicode : delimiter.fallback;
+}
+function getMarker(nameOrChar, forceUnicode) {
+  const knownMarkers = [
+    "circleDot",
+    "circleOutline",
+    "circle",
+    "checkbox",
+    "checkboxChecked",
+    "pointer",
+    "dash"
+  ];
+  if (knownMarkers.includes(nameOrChar)) {
+    return getIndicator("marker", nameOrChar, forceUnicode);
+  }
+  return nameOrChar;
+}
+var DEFAULT_STACK_THEME = {
+  markers: {
+    default: "circleOutline",
+    current: "circleDot",
+    focused: "pointer",
+    checked: "checkboxChecked",
+    disabled: "dash"
+  },
+  delimiter: "bullet",
+  guide: "single"
+};
+function isRenderable(value) {
+  return typeof value === "object" && value !== null && "output" in value && "width" in value && "height" in value && typeof value.output === "string" && typeof value.width === "number" && typeof value.height === "number";
+}
+function isDelimiterName(value) {
+  return value in DELIMITERS;
+}
+function resolveDelimiter(delimiter) {
+  if (delimiter === undefined) {
+    return getDelimiter("space");
+  }
+  if (isDelimiterName(delimiter)) {
+    return getDelimiter(delimiter);
+  }
+  return delimiter;
+}
+function normalizeItem(item) {
+  if (typeof item === "string") {
+    return { content: item };
+  }
+  if (isRenderable(item)) {
+    return { content: item.output };
+  }
+  return item;
+}
+function shouldShowMarker(item) {
+  return item.state !== undefined || item.marker !== undefined;
+}
+function resolveMarker(item, theme) {
+  if (!shouldShowMarker(item)) {
+    return { marker: "", show: false };
+  }
+  if (item.marker !== undefined) {
+    return { marker: getMarker(item.marker), show: true };
+  }
+  const state = item.state ?? "default";
+  const markerName = theme.markers[state];
+  return { marker: getMarker(markerName), show: true };
+}
+function getContentLines(content) {
+  if (typeof content === "string") {
+    return content.split(`
+`);
+  }
+  return content;
+}
+function applyStyle(content, style) {
+  return style ? style(content) : content;
+}
+function hstack(items, options) {
+  if (items.length === 0)
+    return "";
+  const normalizedItems = items.map(normalizeItem);
+  const delimiter = resolveDelimiter(options?.delimiter);
+  const gap = options?.gap ?? 0;
+  const align = options?.align ?? "top";
+  const gapStr = " ".repeat(gap);
+  const fullDelimiter = `${gapStr}${delimiter}${gapStr}`;
+  const contentStrings = normalizedItems.map((item) => {
+    const lines = getContentLines(item.content);
+    const styledLines = lines.map((line) => applyStyle(line, item.style));
+    return styledLines.join(`
+`);
+  });
+  const isMultiLine = contentStrings.some((s) => s.includes(`
+`));
+  if (!isMultiLine) {
+    return contentStrings.join(fullDelimiter);
+  }
+  const blocks = contentStrings.map((content, idx) => {
+    if (idx === contentStrings.length - 1) {
+      return content;
+    }
+    const lines = content.split(`
+`);
+    return lines.map((line) => line + fullDelimiter).join(`
+`);
+  });
+  return joinHorizontal(blocks, { gap: 0, align });
+}
+function createHStack(items, options) {
+  const output = hstack(items, options);
+  const lines = output.split(`
+`);
+  const width = Math.max(...lines.map(getStringWidth));
+  return {
+    output,
+    width,
+    height: lines.length
+  };
+}
+function vstackItem(header, body, options) {
+  const content = body && body.length > 0 ? [header, ...body] : [header];
+  const result = {
+    content,
+    state: options?.state ?? "default"
+  };
+  if (options?.marker !== undefined) {
+    result.marker = options.marker;
+  }
+  if (options?.compact !== undefined) {
+    result.compact = options.compact;
+  }
+  if (options?.style !== undefined) {
+    result.style = options.style;
+  }
+  return result;
+}
+var GUIDE_CHARS = {
+  single: "\u2502",
+  heavy: "\u2503",
+  double: "\u2551",
+  rounded: "\u2502"
+};
+function renderPlainMode(items, theme, gap) {
+  const lines = [];
+  for (const item of items) {
+    const { marker, show } = resolveMarker(item, theme);
+    const contentLines = getContentLines(item.content);
+    const prefix = show ? `${marker} ` : "";
+    const firstLine = contentLines[0];
+    if (firstLine !== undefined) {
+      const styled = applyStyle(firstLine, item.style);
+      lines.push(`${prefix}${styled}`);
+    }
+    const indent = show ? "  " : "";
+    for (let i = 1;i < contentLines.length; i++) {
+      const line = contentLines[i];
+      if (line !== undefined) {
+        const styled = applyStyle(line, item.style);
+        lines.push(`${indent}${styled}`);
+      }
+    }
+  }
+  return joinVertical(lines, { gap });
+}
+function renderGuideMode(items, theme, guideStyle) {
+  const lines = [];
+  const guideChar = GUIDE_CHARS[guideStyle];
+  for (let itemIdx = 0;itemIdx < items.length; itemIdx++) {
+    const item = items[itemIdx];
+    if (!item)
+      continue;
+    const { marker, show } = resolveMarker(item, theme);
+    const contentLines = getContentLines(item.content);
+    const isLastItem = itemIdx === items.length - 1;
+    const displayMarker = show ? marker : getMarker(theme.markers.default);
+    const firstLine = contentLines[0];
+    if (firstLine !== undefined) {
+      const styled = applyStyle(firstLine, item.style);
+      lines.push(`${displayMarker} ${styled}`);
+    }
+    for (let i = 1;i < contentLines.length; i++) {
+      const line = contentLines[i];
+      if (line !== undefined) {
+        const styled = applyStyle(line, item.style);
+        lines.push(`${guideChar} ${styled}`);
+      }
+    }
+    if (!isLastItem) {
+      lines.push(guideChar);
+    }
+  }
+  return lines.join(`
+`);
+}
+function renderTreeMode(items, guideStyle) {
+  const lines = [];
+  const guides = TREE_GUIDES[guideStyle];
+  for (let itemIdx = 0;itemIdx < items.length; itemIdx++) {
+    const item = items[itemIdx];
+    if (!item)
+      continue;
+    const contentLines = getContentLines(item.content);
+    const isLastItem = itemIdx === items.length - 1;
+    const connector = isLastItem ? guides.end : guides.fork;
+    const continuation = isLastItem ? "    " : guides.vertical;
+    const firstLine = contentLines[0];
+    if (firstLine !== undefined) {
+      const styled = applyStyle(firstLine, item.style);
+      lines.push(`${connector}${styled}`);
+    }
+    for (let i = 1;i < contentLines.length; i++) {
+      const line = contentLines[i];
+      if (line !== undefined) {
+        const styled = applyStyle(line, item.style);
+        lines.push(`${continuation}${styled}`);
+      }
+    }
+  }
+  return lines.join(`
+`);
+}
+function renderBoxedMode(items, gap) {
+  const boxes = [];
+  for (const item of items) {
+    const contentLines = getContentLines(item.content);
+    const styled = contentLines.map((line) => applyStyle(line, item.style));
+    boxes.push(renderBox(styled));
+  }
+  return joinVertical(boxes, { gap });
+}
+function renderCompactMode(items, theme) {
+  const lines = [];
+  for (const item of items) {
+    const { marker, show } = resolveMarker(item, theme);
+    const displayMarker = show ? marker : getMarker(theme.markers.default);
+    let displayText;
+    if (item.compact) {
+      displayText = item.compact;
+    } else {
+      const contentLines = getContentLines(item.content);
+      displayText = contentLines[0] ?? "";
+    }
+    const styled = applyStyle(displayText, item.style);
+    lines.push(`${displayMarker} ${styled}`);
+  }
+  return lines.join(`
+`);
+}
+function vstack(items, options) {
+  if (items.length === 0)
+    return "";
+  const normalizedItems = items.map(normalizeItem);
+  const mode = options?.mode ?? "guide";
+  const gap = options?.gap ?? 0;
+  const theme = {
+    ...DEFAULT_STACK_THEME,
+    ...options?.theme,
+    markers: {
+      ...DEFAULT_STACK_THEME.markers,
+      ...options?.theme?.markers
+    }
+  };
+  const guideStyle = options?.guide ?? theme.guide ?? "single";
+  switch (mode) {
+    case "plain":
+      return renderPlainMode(normalizedItems, theme, gap);
+    case "guide":
+      return renderGuideMode(normalizedItems, theme, guideStyle);
+    case "tree":
+      return renderTreeMode(normalizedItems, guideStyle);
+    case "boxed":
+      return renderBoxedMode(normalizedItems, gap);
+    case "compact":
+      return renderCompactMode(normalizedItems, theme);
+    default: {
+      const _exhaustive = mode;
+      return _exhaustive;
+    }
+  }
+}
+function createVStack(items, options) {
+  const output = vstack(items, options);
+  const lines = output.split(`
+`);
+  const width = Math.max(...lines.map(getStringWidth), 0);
+  return {
+    output,
+    width,
+    height: lines.length
+  };
+}
+function boxify(content, options) {
+  const { createBox: makeBox } = (init_box(), __toCommonJS(exports_box));
+  const boxContent = isRenderable(content) ? content.output : content;
+  const boxOptions = {
+    border: options?.border ?? "single"
+  };
+  if (options?.title !== undefined) {
+    boxOptions.title = options.title;
+  }
+  if (options?.padding !== undefined) {
+    boxOptions.padding = options.padding;
+  }
+  return makeBox(boxContent, boxOptions);
+}
+function unbox(content) {
+  if (isRenderable(content)) {
+    return content.output;
+  }
+  return content;
+}
+
+export { DELIMITERS, getDelimiter, getMarker, DEFAULT_STACK_THEME, isRenderable, hstack, createHStack, vstackItem, vstack, createVStack, boxify, unbox };

package/dist/shared/@outfitter/tui-ncaatp4j.js

@@ -0,0 +1,25 @@
+// @bun
+import {
+  getTerminalWidth
+} from "./tui-06dntkse.js";
+
+// packages/tui/src/render/separator.ts
+function renderSeparator(options) {
+  const style = options?.style ?? "\u2500";
+  const widthMode = options?.width ?? 40;
+  let width;
+  if (widthMode === "text") {
+    width = 40;
+  } else if (widthMode === "full") {
+    width = getTerminalWidth();
+  } else {
+    width = widthMode;
+  }
+  if (style.length === 2) {
+    const repetitions = Math.ceil(width / 2);
+    return style.repeat(repetitions).slice(0, width);
+  }
+  return style.repeat(width);
+}
+
+export { renderSeparator };