@visulima/tui 1.0.0-alpha.6 → 1.0.0-alpha.7

package/dist/packem_shared/Placeholder-DkM69Q8Z.js

@@ -1,29 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import useAnimation from './useAnimation-DV22qxiJ.js';
-import useWindowSize from './useWindowSize-D3UU41mv.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const DEFAULT_WIDTHS = [1, 0.85, 0.6];
-function Placeholder({
-  animated = true,
-  character = "█",
-  color = "gray",
-  interval = 500,
-  rows = 3,
-  width,
-  widths = DEFAULT_WIDTHS
-}) {
-  const { frame } = useAnimation({ interval, isActive: animated });
-  const { columns } = useWindowSize();
-  const dim = animated && frame % 2 === 0;
-  const baseWidth = width ?? Math.max(1, columns);
-  return jsx(Box, { flexDirection: "column", width, children: Array.from({ length: rows }, (_, index) => {
-    const ratio = widths.length > 0 ? widths[index % widths.length] ?? 1 : 1;
-    const effectiveWidth = Math.max(1, Math.round(baseWidth * ratio));
-    const fill = character.repeat(effectiveWidth);
-    return jsx(Box, { width: effectiveWidth, children: jsx(Text, { color, dimColor: dim, wrap: "truncate-end", children: fill }) }, index);
-  }) });
-}
-
-export { Placeholder as default };

package/dist/packem_shared/ProgressBar-B7cS4uQm.js

@@ -1,22 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import useWindowSize from './useWindowSize-D3UU41mv.js';
-import Text from './Text-CtUwV89_.js';
-
-function ProgressBar({
-  character = "█",
-  columns: columnsProp = 0,
-  left = 0,
-  percent = 1,
-  right = 0,
-  rightPad = false,
-  ...textProps
-}) {
-  const { columns: terminalColumns } = useWindowSize();
-  const screen = columnsProp || terminalColumns || 80;
-  const space = Math.max(0, screen - right - left);
-  const filled = Math.min(Math.floor(space * Math.max(0, Math.min(1, percent))), space);
-  const bar = character.repeat(filled) + (rightPad ? " ".repeat(space - filled) : "");
-  return jsx(Text, { ...textProps, children: bar });
-}
-
-export { ProgressBar as default };

package/dist/packem_shared/RadioGroup-B4F9PUyL.js

@@ -1,108 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useRef, useCallback } from 'react';
-import useFocus from './useFocus-DLoGQJd9.js';
-import useInput from './useInput-DKZbqMRc.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const initialFocusIndex = (options, selectedValue) => {
-  if (selectedValue === void 0) {
-    return 0;
-  }
-  const index = options.findIndex((option) => option.value === selectedValue);
-  return Math.max(index, 0);
-};
-function RadioGroup({
-  accentColor = "blue",
-  autoFocus = false,
-  commitOnNavigate = true,
-  defaultValue,
-  isDisabled = false,
-  onChange,
-  onSubmit,
-  options,
-  orientation = "vertical",
-  value
-}) {
-  const { isFocused } = useFocus({ autoFocus, isActive: !isDisabled });
-  const [internal, setInternal] = useState(defaultValue ?? options[0]?.value);
-  const current = value ?? internal;
-  const [focusedIndex, setFocusedIndex] = useState(() => initialFocusIndex(options, current));
-  const focusedIndexRef = useRef(focusedIndex);
-  focusedIndexRef.current = focusedIndex;
-  const commit = useCallback(
-    (index) => {
-      const target = options[index];
-      if (!target) {
-        return;
-      }
-      const currentValue = value ?? internal;
-      if (target.value === currentValue) {
-        return;
-      }
-      if (value === void 0) {
-        setInternal(target.value);
-      }
-      onChange?.(target.value);
-    },
-    [options, value, internal, onChange]
-  );
-  useInput(
-    useCallback(
-      (input, key) => {
-        if (!isFocused) {
-          return;
-        }
-        const total = options.length;
-        if (total === 0) {
-          return;
-        }
-        const moveNext = key.downArrow && orientation === "vertical" || key.rightArrow && orientation === "horizontal" || input === "j";
-        const movePrevious = key.upArrow && orientation === "vertical" || key.leftArrow && orientation === "horizontal" || input === "k";
-        if (moveNext) {
-          const nextIndex = Math.min(total - 1, focusedIndexRef.current + 1);
-          setFocusedIndex(nextIndex);
-          if (commitOnNavigate) {
-            commit(nextIndex);
-          }
-          return;
-        }
-        if (movePrevious) {
-          const nextIndex = Math.max(0, focusedIndexRef.current - 1);
-          setFocusedIndex(nextIndex);
-          if (commitOnNavigate) {
-            commit(nextIndex);
-          }
-          return;
-        }
-        if (input === " ") {
-          commit(focusedIndexRef.current);
-          return;
-        }
-        if (key.return) {
-          if (!commitOnNavigate) {
-            commit(focusedIndexRef.current);
-          }
-          const submitValue = options[focusedIndexRef.current]?.value ?? current;
-          if (submitValue !== void 0) {
-            onSubmit?.(submitValue);
-          }
-        }
-      },
-      [isFocused, options, orientation, commit, commitOnNavigate, current, onSubmit]
-    ),
-    { isActive: !isDisabled && isFocused }
-  );
-  return jsx(Box, { flexDirection: orientation === "vertical" ? "column" : "row", gap: orientation === "vertical" ? 0 : 2, children: options.map((option, index) => {
-    const isSelected = option.value === current;
-    const isItemFocused = isFocused && index === focusedIndex;
-    const color = (isSelected || isItemFocused) && isFocused ? accentColor : void 0;
-    return jsxs(Box, { gap: 1, children: [
-      jsx(Text, { color, dimColor: isDisabled, children: isSelected ? "●" : "○" }),
-      jsx(Text, { bold: isItemFocused, color, dimColor: isDisabled, children: option.label }),
-      option.description === void 0 ? void 0 : jsx(Text, { dimColor: true, children: option.description })
-    ] }, option.key ?? option.value);
-  }) });
-}
-
-export { RadioGroup as default };

package/dist/packem_shared/Renderer-zZ5O3vxc.js

@@ -1,31 +0,0 @@
-import { createRequire as __cjs_createRequire } from "node:module";
-
-const __cjs_require = __cjs_createRequire(import.meta.url);
-
-const __cjs_getProcess = typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" ? globalThis.process : process;
-
-const __cjs_getBuiltinModule = (module) => {
-    // Check if we're in Node.js and version supports getBuiltinModule
-    if (typeof __cjs_getProcess !== "undefined" && __cjs_getProcess.versions && __cjs_getProcess.versions.node) {
-        const [major, minor] = __cjs_getProcess.versions.node.split(".").map(Number);
-        // Node.js 20.16.0+ and 22.3.0+
-        if (major > 22 || (major === 22 && minor >= 3) || (major === 20 && minor >= 16)) {
-            return __cjs_getProcess.getBuiltinModule(module);
-        }
-    }
-    // Fallback to createRequire
-    return __cjs_require(module);
-};
-
-const {
-  createRequire
-} = __cjs_getBuiltinModule("node:module");
-
-const require$1 = createRequire(import.meta.url);
-const native = require$1("../../index.js");
-const _native = native;
-const Renderer = _native.Renderer;
-const TerminalGuard = _native.TerminalGuard;
-const terminalSize = _native.terminalSize;
-
-export { Renderer, TerminalGuard, terminalSize };

package/dist/packem_shared/ResizeObserverEntry-Vr8GZ74x.js

@@ -1,102 +0,0 @@
-class ResizeObserverEntry {
-  constructor(target, contentRect) {
-    this.target = target;
-    this.contentRect = contentRect;
-  }
-  target;
-  contentRect;
-}
-class ResizeObserver {
-  callback;
-  observedElements = /* @__PURE__ */ new Set();
-  constructor(callback) {
-    this.callback = callback;
-  }
-  observe(element) {
-    if (this.observedElements.has(element)) {
-      return;
-    }
-    this.observedElements.add(element);
-    element.resizeObservers ??= /* @__PURE__ */ new Set();
-    element.resizeObservers.add(this);
-    let lastMeasuredSize = element.internal_lastMeasuredSize;
-    if (lastMeasuredSize === void 0 && element.yogaNode) {
-      const width = Math.round(element.yogaNode.getComputedWidth());
-      const height = Math.round(element.yogaNode.getComputedHeight());
-      if (!Number.isNaN(width) && !Number.isNaN(height)) {
-        lastMeasuredSize = { height, width };
-        element.internal_lastMeasuredSize = lastMeasuredSize;
-      }
-    }
-    if (lastMeasuredSize) {
-      const entry = new ResizeObserverEntry(element, lastMeasuredSize);
-      try {
-        this.callback([entry], this);
-      } catch (error) {
-        console.error(error);
-      }
-    }
-  }
-  unobserve(element) {
-    this.observedElements.delete(element);
-    element.resizeObservers?.delete(this);
-  }
-  disconnect() {
-    for (const element of this.observedElements) {
-      element.resizeObservers?.delete(this);
-    }
-    this.observedElements.clear();
-  }
-  /**
-   * Internal method called by the layout engine after computing layout.
-   */
-  internalTrigger(entries) {
-    try {
-      this.callback(entries, this);
-    } catch (error) {
-      console.error(error);
-    }
-  }
-}
-function measureAndExtractObservers(node, observerEntries, forceCache = false) {
-  const hasObservers = node.resizeObservers && node.resizeObservers.size > 0;
-  if ((hasObservers || forceCache) && node.yogaNode) {
-    const width = Math.round(node.yogaNode.getComputedWidth());
-    const height = Math.round(node.yogaNode.getComputedHeight());
-    if (!Number.isNaN(width) && !Number.isNaN(height)) {
-      const lastSize = node.internal_lastMeasuredSize;
-      if (lastSize?.width !== width || lastSize.height !== height) {
-        node.internal_lastMeasuredSize = { height, width };
-        if (hasObservers) {
-          const entry = new ResizeObserverEntry(node, { height, width });
-          for (const observer of node.resizeObservers) {
-            if (!observerEntries.has(observer)) {
-              observerEntries.set(observer, []);
-            }
-            observerEntries.get(observer).push(entry);
-          }
-        }
-      }
-    }
-  }
-}
-function triggerResizeObservers(node, forceCache = false) {
-  const observerEntries = /* @__PURE__ */ new Map();
-  function traverse(n) {
-    measureAndExtractObservers(n, observerEntries, forceCache);
-    if (n.internal_static) {
-      return;
-    }
-    for (const child of n.childNodes) {
-      if (child.nodeName !== "#text") {
-        traverse(child);
-      }
-    }
-  }
-  traverse(node);
-  for (const [observer, entries] of observerEntries) {
-    observer.internalTrigger(entries);
-  }
-}
-
-export { ResizeObserverEntry, ResizeObserver as default, measureAndExtractObservers, triggerResizeObservers };

package/dist/packem_shared/ScatterPlot-CWOg4G5h.js

@@ -1,63 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import Box from './Box-W1w_NGin.js';
-import Canvas from './Canvas-COttmLPX.js';
-import { t as toPoints, p as pickSeriesColor, c as computeExtents, D as DEFAULT_CHART_PALETTE, d as drawSeriesOnCanvas } from './line-chart-VGU2l7pu.js';
-import Text from './Text-CtUwV89_.js';
-
-const DEFAULT_PALETTE = DEFAULT_CHART_PALETTE;
-function ScatterPlot({
-  axisColor = "gray",
-  height = 10,
-  maxX,
-  maxY,
-  minX,
-  minY,
-  palette = DEFAULT_PALETTE,
-  series,
-  showLegend = true,
-  width = 40
-}) {
-  const config = useMemo(() => {
-    const seriesList = series.map((input, index) => {
-      return {
-        color: pickSeriesColor(input, index, palette),
-        points: toPoints(input.data),
-        series: input
-      };
-    });
-    const extents = computeExtents(seriesList);
-    return {
-      axisColor,
-      palette,
-      seriesList,
-      xMax: maxX ?? (extents.xMax === Number.NEGATIVE_INFINITY ? 1 : extents.xMax),
-      xMin: minX ?? (extents.xMin === Number.POSITIVE_INFINITY ? 0 : extents.xMin),
-      yMax: maxY ?? (extents.yMax === Number.NEGATIVE_INFINITY ? 1 : extents.yMax),
-      yMin: minY ?? (extents.yMin === Number.POSITIVE_INFINITY ? 0 : extents.yMin)
-    };
-  }, [series, axisColor, palette, minX, maxX, minY, maxY]);
-  return jsxs(Box, { flexDirection: "column", children: [
-    jsx(
-      Canvas,
-      {
-        draw: (context) => {
-          drawSeriesOnCanvas(context, "scatter", config);
-        },
-        height,
-        version: [series, width, height, minX, maxX, minY, maxY, axisColor, palette],
-        width
-      }
-    ),
-    showLegend ? jsx(Box, { gap: 2, marginTop: 1, children: config.seriesList.map(({ color, series: input }, index) => (
-      // Composite key: series index plus label so two
-      // series sharing a label don't collide.
-      jsxs(Box, { gap: 1, children: [
-        jsx(Text, { color, children: "●" }),
-        jsx(Text, { children: input.label ?? `Series ${index + 1}` })
-      ] }, `${index}:${input.label ?? ""}`)
-    )) }) : void 0
-  ] });
-}
-
-export { ScatterPlot as default };

package/dist/packem_shared/ScrollBar-DFeWH43I.js

@@ -1,106 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const STYLE_CHARS = {
-  arrow: { lowerThumb: "╽", thumb: "┃", track: "|", upperThumb: "╿" },
-  block: { thumb: "█", track: "░" },
-  bold: { lowerThumb: "╿", thumb: "│", track: "┃", upperThumb: "╽" },
-  classic: { thumb: "┃", track: "|" },
-  dots: { thumb: "●", track: "·" },
-  double: { thumb: "┃", track: "║" },
-  doubleSingle: { lowerThumb: "╽", thumb: "┃", track: "│", upperThumb: "╿" },
-  line: { thumb: "│", track: " " },
-  round: { lowerThumb: "╽", thumb: "┃", track: "│", upperThumb: "╿" },
-  single: { lowerThumb: "╽", thumb: "┃", track: "│", upperThumb: "╿" },
-  singleDouble: { thumb: "┃", track: "║" },
-  thick: { thumb: "┃", track: "╏" }
-};
-const CORNER_CHARS = {
-  arrow: { bottomLeft: "└", bottomRight: "┘", topLeft: "┌", topRight: "┐" },
-  bold: { bottomLeft: "┗", bottomRight: "┛", topLeft: "┏", topRight: "┓" },
-  classic: { bottomLeft: "+", bottomRight: "+", topLeft: "+", topRight: "+" },
-  double: { bottomLeft: "╚", bottomRight: "╝", topLeft: "╔", topRight: "╗" },
-  doubleSingle: { bottomLeft: "╘", bottomRight: "╛", topLeft: "╒", topRight: "╕" },
-  round: { bottomLeft: "╰", bottomRight: "╯", topLeft: "╭", topRight: "╮" },
-  single: { bottomLeft: "└", bottomRight: "┘", topLeft: "┌", topRight: "┐" },
-  singleDouble: { bottomLeft: "╙", bottomRight: "╜", topLeft: "╓", topRight: "╖" }
-};
-const getStyleChars = (style) => {
-  const key = typeof style === "string" ? style : "single";
-  return STYLE_CHARS[key] ?? STYLE_CHARS["single"] ?? { thumb: "┃", track: "│" };
-};
-const getCornerChars = (style) => {
-  const key = typeof style === "string" ? style : "single";
-  return CORNER_CHARS[key] ?? CORNER_CHARS["single"] ?? { bottomLeft: "└", bottomRight: "┘", topLeft: "┌", topRight: "┐" };
-};
-const ScrollBar = ({
-  autoHide = false,
-  color,
-  contentHeight,
-  dimColor,
-  placement = "right",
-  scrollOffset,
-  style,
-  thumbChar,
-  trackChar,
-  viewportHeight
-}) => {
-  const chars = useMemo(() => {
-    const effectiveContentHeight = Math.max(contentHeight, viewportHeight);
-    if (autoHide && effectiveContentHeight <= viewportHeight) {
-      return null;
-    }
-    const styleChars = getStyleChars(style);
-    const resolvedThumbChar = thumbChar ?? styleChars.thumb;
-    const resolvedTrackChar = trackChar ?? styleChars.track;
-    const totalHalfSteps = viewportHeight * 2;
-    const viewportRatio = Math.min(viewportHeight / effectiveContentHeight, 1);
-    const thumbLengthHalf = Math.max(2, Math.round(totalHalfSteps * viewportRatio));
-    const maxScrollOffset = effectiveContentHeight - viewportHeight;
-    const scrollProgress = maxScrollOffset > 0 ? Math.min(Math.max(scrollOffset / maxScrollOffset, 0), 1) : 0;
-    const maxThumbStartHalf = totalHalfSteps - thumbLengthHalf;
-    const thumbStartHalf = Math.round(scrollProgress * maxThumbStartHalf);
-    const thumbEndHalf = thumbStartHalf + thumbLengthHalf;
-    const result = [];
-    for (let row = 0; row < viewportHeight; row += 1) {
-      const upperHalf = row * 2;
-      const lowerHalf = row * 2 + 1;
-      const upperIsThumb = upperHalf >= thumbStartHalf && upperHalf < thumbEndHalf;
-      const lowerIsThumb = lowerHalf >= thumbStartHalf && lowerHalf < thumbEndHalf;
-      if (upperIsThumb && lowerIsThumb) {
-        result.push(resolvedThumbChar);
-      } else if (upperIsThumb && !lowerIsThumb) {
-        result.push(styleChars.lowerThumb ?? resolvedThumbChar);
-      } else if (!upperIsThumb && lowerIsThumb) {
-        result.push(styleChars.upperThumb ?? resolvedThumbChar);
-      } else {
-        result.push(resolvedTrackChar);
-      }
-    }
-    return result;
-  }, [contentHeight, viewportHeight, scrollOffset, style, thumbChar, trackChar, autoHide]);
-  if (chars === null) {
-    return null;
-  }
-  if (placement === "inset") {
-    return jsx(Box, { flexDirection: "column", flexShrink: 0, width: 1, children: chars.map((char, index) => (
-      // eslint-disable-next-line react-x/no-array-index-key
-      jsx(Text, { color, dimColor, children: char }, index)
-    )) });
-  }
-  const cornerChars = getCornerChars(style);
-  const topCorner = placement === "left" ? cornerChars.topLeft : cornerChars.topRight;
-  const bottomCorner = placement === "left" ? cornerChars.bottomLeft : cornerChars.bottomRight;
-  return jsxs(Box, { flexDirection: "column", flexShrink: 0, width: 1, children: [
-    jsx(Text, { color, dimColor, children: topCorner }),
-    chars.map((char, index) => (
-      // eslint-disable-next-line react-x/no-array-index-key
-      jsx(Text, { color, dimColor, children: char }, index)
-    )),
-    jsx(Text, { color, dimColor, children: bottomCorner })
-  ] });
-};
-
-export { ScrollBar, ScrollBar as default };

package/dist/packem_shared/ScrollBarBox-C7VL6Izd.js

@@ -1,72 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import { ScrollBar } from './ScrollBar-DFeWH43I.js';
-
-const ScrollBarBox = ({
-  borderColor,
-  borderDimColor,
-  borderLeftColor,
-  borderLeftDimColor,
-  borderRightColor,
-  borderRightDimColor,
-  borderStyle = "single",
-  children,
-  contentHeight,
-  height,
-  scrollBarAutoHide = false,
-  scrollBarPosition = "right",
-  scrollOffset,
-  thumbChar,
-  viewportHeight,
-  ...boxProps
-}) => {
-  const isLeft = scrollBarPosition === "left";
-  const scrollBarPlacement = isLeft ? "left" : "right";
-  const scrollBarColor = isLeft ? borderLeftColor ?? borderColor : borderRightColor ?? borderColor;
-  const scrollBarDimColor = isLeft ? borderLeftDimColor ?? borderDimColor : borderRightDimColor ?? borderDimColor;
-  return jsxs(Box, { flexDirection: "row", height, ...boxProps, children: [
-    isLeft && jsx(
-      ScrollBar,
-      {
-        autoHide: scrollBarAutoHide,
-        color: scrollBarColor,
-        contentHeight,
-        dimColor: scrollBarDimColor,
-        placement: scrollBarPlacement,
-        scrollOffset,
-        style: borderStyle,
-        thumbChar,
-        viewportHeight
-      }
-    ),
-    jsx(
-      Box,
-      {
-        borderColor,
-        borderDimColor,
-        borderLeft: !isLeft,
-        borderRight: isLeft,
-        borderStyle,
-        flexGrow: 1,
-        overflow: "hidden",
-        children
-      }
-    ),
-    !isLeft && jsx(
-      ScrollBar,
-      {
-        autoHide: scrollBarAutoHide,
-        color: scrollBarColor,
-        contentHeight,
-        dimColor: scrollBarDimColor,
-        placement: scrollBarPlacement,
-        scrollOffset,
-        style: borderStyle,
-        thumbChar,
-        viewportHeight
-      }
-    )
-  ] });
-};
-
-export { ScrollBarBox, ScrollBarBox as default };