@visulima/tui 0.0.1 → 1.0.0-alpha.2

package/dist/packem_shared/AnimationContext-BcJg8Jr6.js

@@ -0,0 +1,15 @@
+import { createContext } from 'react';
+
+const animationContext = createContext({
+  renderThrottleMs: 0,
+  subscribe() {
+    return {
+      startTime: 0,
+      unsubscribe() {
+      }
+    };
+  }
+});
+animationContext.displayName = "InternalAnimationContext";
+
+export { animationContext as a };

package/dist/packem_shared/AppContext-CP0U6H7O.js

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+
+const AppContext = createContext({
+  exit() {
+  },
+  async waitUntilRenderFlush() {
+  }
+});
+AppContext.displayName = "InternalAppContext";
+
+export { AppContext as A };

package/dist/packem_shared/BackgroundContext-BAUaxfOb.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+const backgroundContext = createContext(void 0);
+
+export { backgroundContext as b };

package/dist/packem_shared/Badge-Dk7EGGM6.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Text from './Text-DvAUdZcK.js';
+
+function Badge({ children, color = "magenta" }) {
+  const formattedChildren = typeof children === "string" ? children.toUpperCase() : children;
+  return jsxs(Text, { backgroundColor: color, children: [
+    " ",
+    jsx(Text, { color: "black", children: formattedChildren }),
+    " "
+  ] });
+}
+
+export { Badge as default };

package/dist/packem_shared/BigText-CjMdY63X.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import CFonts from 'cfonts';
+import { useMemo } from 'react';
+import Text from './Text-DvAUdZcK.js';
+
+const defaults = {
+  align: "left",
+  backgroundColor: "transparent",
+  colors: ["system"],
+  font: "block",
+  letterSpacing: 1,
+  lineHeight: 1,
+  maxLength: 0,
+  space: true
+};
+function BigText({ align, backgroundColor, colors, font, letterSpacing, lineHeight, maxLength, space, text }) {
+  const rendered = useMemo(
+    () => CFonts.render(text, { ...defaults, align, backgroundColor, colors, font, letterSpacing, lineHeight, maxLength, space }),
+    [text, align, backgroundColor, colors, font, letterSpacing, lineHeight, maxLength, space]
+  );
+  return jsx(Text, { children: rendered && rendered.string });
+}
+
+export { BigText as default };

package/dist/packem_shared/Box-D_pSJ9Jp.js

@@ -0,0 +1,73 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useContext } from 'react';
+import { a as accessibilityContext } from './AccessibilityContext-BLelHhNU.js';
+import { b as backgroundContext } from './BackgroundContext-BAUaxfOb.js';
+
+const BOX_BASE_STYLE = {
+  flexDirection: "row",
+  flexGrow: 0,
+  flexShrink: 1,
+  flexWrap: "nowrap"
+};
+const Box = forwardRef(
+  ({
+    "aria-hidden": ariaHidden,
+    "aria-label": ariaLabel,
+    "aria-role": role,
+    "aria-state": ariaState,
+    backgroundColor,
+    children,
+    opaque,
+    scrollbar,
+    sticky,
+    stickyChildren,
+    ...style
+  }, ref) => {
+    const { isScreenReaderEnabled } = useContext(accessibilityContext);
+    const label = ariaLabel ? jsx("ink-text", { children: ariaLabel }) : void 0;
+    if (isScreenReaderEnabled && ariaHidden) {
+      return null;
+    }
+    const boxElement = jsxs(
+      "ink-box",
+      {
+        internal_accessibility: {
+          role,
+          state: ariaState
+        },
+        opaque,
+        ref,
+        scrollbar,
+        sticky,
+        style: {
+          ...BOX_BASE_STYLE,
+          ...style,
+          backgroundColor,
+          overflowX: style.overflowX ?? style.overflow ?? "visible",
+          overflowY: style.overflowY ?? style.overflow ?? "visible"
+        },
+        children: [
+          isScreenReaderEnabled && label ? label : children,
+          sticky && stickyChildren && !isScreenReaderEnabled ? jsx(
+            "ink-box",
+            {
+              internalStickyAlternate: true,
+              style: {
+                position: "absolute",
+                ...style
+              },
+              children: stickyChildren
+            }
+          ) : null
+        ]
+      }
+    );
+    if (backgroundColor) {
+      return jsx(backgroundContext.Provider, { value: backgroundColor, children: boxElement });
+    }
+    return boxElement;
+  }
+);
+Box.displayName = "Box";
+
+export { Box as default };

package/dist/packem_shared/COLOR_BLINDNESS_SIMULATION-BsMy5Ewl.js

@@ -0,0 +1,81 @@
+const COLOR_BLINDNESS_SIMULATION = {
+  // Achromatopsia (total color blindness, rod monochromacy)
+  achromatopsia: [
+    [0.299, 0.587, 0.114],
+    [0.299, 0.587, 0.114],
+    [0.299, 0.587, 0.114]
+  ],
+  // Deuteranopia (green-blind, ~1% of males)
+  deuteranopia: [
+    [0.625, 0.375, 0],
+    [0.7, 0.3, 0],
+    [0, 0.3, 0.7]
+  ],
+  // Protanopia (red-blind, ~1% of males)
+  protanopia: [
+    [0.567, 0.433, 0],
+    [0.558, 0.442, 0],
+    [0, 0.242, 0.758]
+  ],
+  // Tritanopia (blue-blind, ~0.003% of population)
+  tritanopia: [
+    [0.95, 0.05, 0],
+    [0, 0.433, 0.567],
+    [0, 0.475, 0.525]
+  ]
+};
+const COLOR_BLINDNESS_COMPENSATION = {
+  // Deuteranopia: redistribute lost green info into red and blue
+  deuteranopia: [
+    [1, 0.7, 0],
+    [0, 1, 0],
+    [0, 0.7, 1]
+  ],
+  // Protanopia: redistribute lost red info into green and blue
+  protanopia: [
+    [1, 0, 0],
+    [0.7, 1, 0],
+    [0.7, 0, 1]
+  ],
+  // Tritanopia: redistribute lost blue info into red and green
+  tritanopia: [
+    [1, 0, 0.7],
+    [0, 1, 0.7],
+    [0, 0, 1]
+  ]
+};
+const IDENTITY_MATRIX = [
+  [1, 0, 0],
+  [0, 1, 0],
+  [0, 0, 1]
+];
+const clamp = (value) => Math.max(0, Math.min(255, Math.round(value)));
+const applyColorMatrix = (r, g, b, matrix) => [
+  clamp(matrix[0][0] * r + matrix[0][1] * g + matrix[0][2] * b),
+  clamp(matrix[1][0] * r + matrix[1][1] * g + matrix[1][2] * b),
+  clamp(matrix[2][0] * r + matrix[2][1] * g + matrix[2][2] * b)
+];
+const HEX_6_RE = /^#?(?<r>[\da-f]{2})(?<g>[\da-f]{2})(?<b>[\da-f]{2})$/i;
+const HEX_3_RE = /^#?(?<r>[\da-f])(?<g>[\da-f])(?<b>[\da-f])$/i;
+const hexToRgb = (hex) => {
+  const match6 = HEX_6_RE.exec(hex);
+  if (match6) {
+    return [Number.parseInt(match6[1], 16), Number.parseInt(match6[2], 16), Number.parseInt(match6[3], 16)];
+  }
+  const match3 = HEX_3_RE.exec(hex);
+  if (match3) {
+    return [Number.parseInt(match3[1] + match3[1], 16), Number.parseInt(match3[2] + match3[2], 16), Number.parseInt(match3[3] + match3[3], 16)];
+  }
+  return null;
+};
+const rgbToHex = (r, g, b) => `#${clamp(r).toString(16).padStart(2, "0")}${clamp(g).toString(16).padStart(2, "0")}${clamp(b).toString(16).padStart(2, "0")}`;
+const transformHexColor = (hex, matrix) => {
+  const rgb = hexToRgb(hex);
+  if (!rgb) {
+    return hex;
+  }
+  const [r, g, b] = applyColorMatrix(rgb[0], rgb[1], rgb[2], matrix);
+  return rgbToHex(r, g, b);
+};
+
+export { COLOR_BLINDNESS_COMPENSATION, COLOR_BLINDNESS_SIMULATION, IDENTITY_MATRIX, applyColorMatrix, hexToRgb, rgbToHex, transformHexColor };

package/dist/packem_shared/Cell-DCg1kJY-.js

@@ -0,0 +1,48 @@
+const Cell = {
+  /** Read bg color from an attr slot value (buffer[idx*2+1]) — bits 15:8 */
+  getBg(attributeSlot) {
+    return attributeSlot >> 8 & 255;
+  },
+  /** Read the char character from a raw char slot value (buffer[idx*2]) */
+  getChar(charSlot) {
+    if (charSlot === 0) {
+      return " ";
+    }
+    if (charSlot > 1114111) {
+      return "";
+    }
+    return String.fromCodePoint(charSlot);
+  },
+  /** Read fg color from an attr slot value (buffer[idx*2+1]) — bits 7:0 */
+  getFg(attributeSlot) {
+    return attributeSlot & 255;
+  },
+  /** Read styles bitmask from an attr slot value (buffer[idx*2+1]) — bits 23:16 */
+  getStyles(attributeSlot) {
+    return attributeSlot >> 16 & 255;
+  },
+  /**
+   * Pack a cell into a [charCode, attrCode] tuple.
+   * charCode = char.codePointAt(0)
+   * attrCode = (styles & 0xFF) &lt;< 16 | (bg & 0xFF) &lt;< 8 | (fg & 0xFF)
+   *
+   * Write to buffer as: buffer[idx*2] = charCode; buffer[idx*2+1] = attrCode
+   */
+  pack(char, fg = 255, bg = 255, styles = 0) {
+    const charCode = char.codePointAt(0) ?? 32;
+    const attributeCode = (styles & 255) << 16 | (bg & 255) << 8 | fg & 255;
+    return [charCode, attributeCode];
+  }
+};
+const StyleMasks = {
+  BLINK: 16,
+  BOLD: 1,
+  DIM: 2,
+  HIDDEN: 64,
+  INVERT: 32,
+  ITALIC: 4,
+  STRIKETHROUGH: 128,
+  UNDERLINE: 8
+};
+
+export { Cell, StyleMasks };

package/dist/packem_shared/Code-DjQvPBD9.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { r as resolveLanguage, i as isLanguageSupported, g as getHighlighter, a as getCachedTokens, t as tokenLinesToElements } from './token-to-elements-BRFl_rzw.js';
+import Box from './Box-D_pSJ9Jp.js';
+import Text from './Text-DvAUdZcK.js';
+
+function Code({ code, highlightLines, language, showLineNumbers = false, startLine = 1, theme = "github-dark-default" }) {
+  const [tokens, setTokens] = useState(null);
+  const cancelledRef = useRef(false);
+  useEffect(() => {
+    cancelledRef.current = false;
+    const lang = language ? resolveLanguage(language) : "text";
+    if (lang !== "text" && !isLanguageSupported(lang)) {
+      setTokens(null);
+      return;
+    }
+    void (async () => {
+      try {
+        const highlighter = await getHighlighter(lang === "text" ? [] : [lang], theme);
+        const result = getCachedTokens(highlighter, code, lang, theme);
+        if (!cancelledRef.current) {
+          setTokens(result.tokens);
+        }
+      } catch {
+        if (!cancelledRef.current) {
+          setTokens(null);
+        }
+      }
+    })();
+    return () => {
+      cancelledRef.current = true;
+    };
+  }, [code, language, theme]);
+  const renderOptions = { highlightLines, showLineNumbers, startLine };
+  if (tokens) {
+    return tokenLinesToElements(tokens, renderOptions);
+  }
+  const lines = code.split("\n");
+  const gutterWidth = showLineNumbers ? String(startLine + lines.length - 1).length : 0;
+  return jsx(Box, { flexDirection: "column", children: lines.map((line, index) => {
+    const lineNumber = startLine + index;
+    const isHighlighted = highlightLines?.has(lineNumber) ?? false;
+    return jsxs(Box, { children: [
+      showLineNumbers ? jsxs(Text, { color: isHighlighted ? "yellow" : void 0, dimColor: !isHighlighted, children: [
+        String(lineNumber).padStart(gutterWidth),
+        " "
+      ] }) : void 0,
+      jsx(Text, { children: line })
+    ] }, index);
+  }) });
+}
+
+export { Code as default };

package/dist/packem_shared/ConfirmInput-85Y4kRQW.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useCallback } from 'react';
+import useInput from './useInput-Cfp5zB2s.js';
+import Box from './Box-D_pSJ9Jp.js';
+import Text from './Text-DvAUdZcK.js';
+
+function ConfirmInput({ defaultChoice = "confirm", isDisabled = false, onCancel, onConfirm, submitOnEnter = true }) {
+  const onConfirmRef = useRef(onConfirm);
+  onConfirmRef.current = onConfirm;
+  const onCancelRef = useRef(onCancel);
+  onCancelRef.current = onCancel;
+  useInput(
+    useCallback(
+      (input, key) => {
+        if (input.toLowerCase() === "y") {
+          onConfirmRef.current();
+          return;
+        }
+        if (input.toLowerCase() === "n") {
+          onCancelRef.current();
+          return;
+        }
+        if (key.return && submitOnEnter) {
+          if (defaultChoice === "confirm") {
+            onConfirmRef.current();
+          } else {
+            onCancelRef.current();
+          }
+        }
+      },
+      [submitOnEnter, defaultChoice]
+    ),
+    { isActive: !isDisabled }
+  );
+  const yesText = defaultChoice === "confirm" ? "Y" : "y";
+  const noText = defaultChoice === "cancel" ? "N" : "n";
+  return jsx(Box, { children: jsxs(Text, { dimColor: isDisabled, children: [
+    yesText,
+    "/",
+    noText
+  ] }) });
+}
+
+export { ConfirmInput as default };

package/dist/packem_shared/ConsoleOverlay-DBNa4vtj.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import useConsoleCapture from './useConsoleCapture-Dvt7G1W1.js';
+import Box from './Box-D_pSJ9Jp.js';
+import Text from './Text-DvAUdZcK.js';
+
+const LEVEL_COLORS = {
+  debug: "gray",
+  error: "red",
+  info: "blue",
+  log: "white",
+  warn: "yellow"
+};
+const LEVEL_LABELS = {
+  debug: "DBG",
+  error: "ERR",
+  info: "INF",
+  log: "LOG",
+  warn: "WRN"
+};
+const formatTimestamp = (ts) => {
+  const date = new Date(ts);
+  const hours = String(date.getHours()).padStart(2, "0");
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  const seconds = String(date.getSeconds()).padStart(2, "0");
+  return `${hours}:${minutes}:${seconds}`;
+};
+function ConsoleOverlay({ dock = "bottom", filter, height = 8, maxEntries = 200, showLevel = true, showTimestamp = true }) {
+  const { entries } = useConsoleCapture({ filter, maxEntries });
+  const visibleEntries = useMemo(() => entries.slice(-height), [entries, height]);
+  return jsx(
+    Box,
+    {
+      borderBottom: dock === "top",
+      borderBottomColor: "gray",
+      borderTop: dock === "bottom",
+      borderTopColor: "gray",
+      flexDirection: "column",
+      height: height + 1,
+      children: visibleEntries.length === 0 ? jsx(Text, { dimColor: true, children: "Console output will appear here..." }) : visibleEntries.map((entry) => jsxs(Box, { children: [
+        showTimestamp ? jsxs(Text, { dimColor: true, children: [
+          "[",
+          formatTimestamp(entry.timestamp),
+          "]",
+          " "
+        ] }) : void 0,
+        showLevel ? jsxs(Text, { color: LEVEL_COLORS[entry.level], children: [
+          LEVEL_LABELS[entry.level],
+          " "
+        ] }) : void 0,
+        jsx(Text, { color: entry.level === "error" ? "red" : entry.level === "warn" ? "yellow" : void 0, children: entry.message })
+      ] }, entry.id))
+    }
+  );
+}
+
+export { ConsoleOverlay as default };