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

package/dist/packem_shared/Static-DpTd6Eed.js

@@ -1,22 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useMemo, useLayoutEffect } from 'react';
-
-function Static(props) {
-  const { children: render, items, style: customStyle } = props;
-  const [index, setIndex] = useState(0);
-  const itemsToRender = useMemo(() => items.slice(index), [items, index]);
-  useLayoutEffect(() => {
-    setIndex(items.length);
-  }, [items.length]);
-  const children = itemsToRender.map((item, itemIndex) => render(item, index + itemIndex));
-  const style = useMemo(() => {
-    return {
-      flexDirection: "column",
-      position: "absolute",
-      ...customStyle
-    };
-  }, [customStyle]);
-  return jsx("ink-box", { internal_static: true, style, children });
-}
-
-export { Static as default };

package/dist/packem_shared/Static-xmD9giJj.js

@@ -1,18 +0,0 @@
-import React, { useRef, useMemo } from 'react';
-
-function Static({ children: renderItem, items, style }) {
-  const committedRef = useRef([]);
-  const lastIndexRef = useRef(0);
-  if (items.length > lastIndexRef.current) {
-    for (let i = lastIndexRef.current; i < items.length; i++) {
-      committedRef.current.push(renderItem(items[i], i));
-    }
-    lastIndexRef.current = items.length;
-  }
-  const containerStyle = useMemo(() => {
-    return { flexDirection: "column", ...style };
-  }, [style]);
-  return React.createElement("box", containerStyle, ...committedRef.current);
-}
-
-export { Static };

package/dist/packem_shared/StaticRender-C3XWvJdC.js

@@ -1,69 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useLayoutEffect, useEffect, useMemo } from 'react';
-
-const areDepsEqual = (previousDeps, nextDeps) => {
-  if (previousDeps === nextDeps) {
-    return true;
-  }
-  if (!previousDeps || !nextDeps) {
-    return false;
-  }
-  if (previousDeps.length !== nextDeps.length) {
-    return false;
-  }
-  for (const [index, previousDep] of previousDeps.entries()) {
-    if (!Object.is(previousDep, nextDeps[index])) {
-      return false;
-    }
-  }
-  return true;
-};
-const StaticRender = ({ children, deps, style, width }) => {
-  const ref = useRef(null);
-  const isRenderedRef = useRef(false);
-  const previousDepsRef = useRef(deps);
-  const previousChildrenRef = useRef(children);
-  let invalidated = false;
-  if (deps !== void 0) {
-    if (!areDepsEqual(previousDepsRef.current, deps)) {
-      invalidated = true;
-      previousDepsRef.current = deps;
-    }
-  } else if (children !== previousChildrenRef.current) {
-    invalidated = true;
-    previousChildrenRef.current = children;
-  }
-  if (invalidated) {
-    isRenderedRef.current = false;
-    if (ref.current) {
-      ref.current.cachedRender = void 0;
-    }
-  }
-  useLayoutEffect(() => {
-    const node = ref.current;
-    if (node) {
-      node.internal_onRendered = () => {
-        isRenderedRef.current = true;
-      };
-    }
-  });
-  useEffect(
-    () => () => {
-      const node = ref.current;
-      if (node) {
-        node.cachedRender = void 0;
-        node.internal_onRendered = void 0;
-      }
-    },
-    []
-  );
-  const mergedStyle = useMemo(() => {
-    return {
-      ...style,
-      width
-    };
-  }, [style, width]);
-  return jsx("ink-static-render", { ref, style: mergedStyle, children: isRenderedRef.current ? null : children() });
-};
-
-export { StaticRender as default };

package/dist/packem_shared/StatusLine-DQNUstN9.js

@@ -1,22 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const renderSlot = (content, color) => {
-  if (content === void 0) {
-    return void 0;
-  }
-  if (typeof content === "string" || typeof content === "number") {
-    return jsx(Text, { color, children: content });
-  }
-  return content;
-};
-function StatusLine({ backgroundColor, center, color, left, right }) {
-  return jsxs(Box, { backgroundColor, paddingX: 1, width: "100%", children: [
-    jsx(Box, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: renderSlot(left, color) }),
-    center === void 0 ? void 0 : jsx(Box, { flexGrow: 0, flexShrink: 0, justifyContent: "center", children: renderSlot(center, color) }),
-    jsx(Box, { flexGrow: 1, flexShrink: 1, justifyContent: "flex-end", minWidth: 0, children: renderSlot(right, color) })
-  ] });
-}
-
-export { StatusLine as default };

package/dist/packem_shared/StatusMessage-BYTL6Pl-.js

@@ -1,14 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-import { V as VARIANT_CONFIG } from './variant-config-DSZoX5TM.js';
-
-function StatusMessage({ children, variant }) {
-  const { color, icon } = VARIANT_CONFIG[variant];
-  return jsxs(Box, { gap: 1, children: [
-    jsx(Text, { color, children: icon }),
-    jsx(Text, { children })
-  ] });
-}
-
-export { StatusMessage as default };

package/dist/packem_shared/Stepper-CmUPRK3z.js

@@ -1,60 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Fragment } from 'react';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const STATUS_ICON = {
-  active: "●",
-  completed: "✔",
-  error: "✖",
-  pending: "○"
-};
-const resolveStatus = (step, index, activeIndex) => {
-  if (step.status !== void 0) {
-    return step.status;
-  }
-  if (index < activeIndex) {
-    return "completed";
-  }
-  if (index === activeIndex) {
-    return "active";
-  }
-  return "pending";
-};
-function Stepper({ accentColor = "blue", activeIndex = 0, errorColor = "red", orientation = "horizontal", steps }) {
-  if (orientation === "vertical") {
-    return jsx(Box, { flexDirection: "column", children: steps.map((step, index) => {
-      const status = resolveStatus(step, index, activeIndex);
-      const isLast = index === steps.length - 1;
-      const color = status === "error" ? errorColor : status === "pending" ? void 0 : accentColor;
-      return jsxs(Box, { flexDirection: "column", children: [
-        jsxs(Box, { children: [
-          jsxs(Text, { color, dimColor: status === "pending", children: [
-            STATUS_ICON[status],
-            " "
-          ] }),
-          jsx(Text, { bold: status === "active", color, dimColor: status === "pending", children: step.label })
-        ] }),
-        step.description === void 0 ? void 0 : jsx(Box, { marginLeft: 2, children: jsx(Text, { dimColor: true, children: step.description }) }),
-        isLast ? void 0 : jsx(Box, { marginLeft: 0, children: jsx(Text, { dimColor: true, children: "│" }) })
-      ] }, step.key ?? index);
-    }) });
-  }
-  return jsx(Box, { children: steps.map((step, index) => {
-    const status = resolveStatus(step, index, activeIndex);
-    const color = status === "error" ? errorColor : status === "pending" ? void 0 : accentColor;
-    const isLast = index === steps.length - 1;
-    return jsxs(Fragment, { children: [
-      jsxs(Box, { children: [
-        jsxs(Text, { color, dimColor: status === "pending", children: [
-          STATUS_ICON[status],
-          " "
-        ] }),
-        jsx(Text, { bold: status === "active", color, dimColor: status === "pending", children: step.label })
-      ] }),
-      isLast ? void 0 : jsx(Text, { dimColor: true, children: " ── " })
-    ] }, step.key ?? index);
-  }) });
-}
-
-export { Stepper as default };

package/dist/packem_shared/Stopwatch-zqLQAxXC.js

@@ -1,21 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useImperativeHandle } from 'react';
-import useStopwatch from './useStopwatch-C__Zu6hd.js';
-import { f as formatDuration } from './format-time-BGmnDukX.js';
-import Text from './Text-CtUwV89_.js';
-
-const Stopwatch = ({ autoStart, bold, color, format = formatDuration, interval, ref }) => {
-  const sw = useStopwatch({ autoStart, interval });
-  useImperativeHandle(ref, () => {
-    return {
-      lap: sw.lap,
-      reset: sw.reset,
-      start: sw.start,
-      stop: sw.stop,
-      toggle: sw.toggle
-    };
-  }, [sw.lap, sw.reset, sw.start, sw.stop, sw.toggle]);
-  return jsx(Text, { bold, color, children: format(sw.elapsed) });
-};
-
-export { Stopwatch as default };

package/dist/packem_shared/StreamingText-BmuoJtGu.js

@@ -1,38 +0,0 @@
-import { jsxs } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import Text from './Text-CtUwV89_.js';
-
-function StreamingText({ color, cursor = "▊", interval = 20, onComplete, showCursorWhenDone = false, text }) {
-  const [visibleLength, setVisibleLength] = useState(0);
-  const onCompleteRef = useRef(onComplete);
-  const hasCompletedRef = useRef(false);
-  onCompleteRef.current = onComplete;
-  useEffect(() => {
-    setVisibleLength(0);
-    hasCompletedRef.current = false;
-  }, [text]);
-  useEffect(() => {
-    if (visibleLength >= text.length) {
-      if (!hasCompletedRef.current) {
-        hasCompletedRef.current = true;
-        onCompleteRef.current?.();
-      }
-      return void 0;
-    }
-    const timer = setTimeout(() => {
-      setVisibleLength((previous) => Math.min(text.length, previous + 1));
-    }, interval);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [visibleLength, text, interval]);
-  const done = visibleLength >= text.length;
-  const showCursor = !done || showCursorWhenDone;
-  const visible = text.slice(0, visibleLength);
-  return jsxs(Text, { color, children: [
-    visible,
-    showCursor ? cursor : ""
-  ] });
-}
-
-export { StreamingText as default };

package/dist/packem_shared/Switch-DcPdy8nm.js

@@ -1,59 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, 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';
-
-function Switch({
-  accentColor = "green",
-  autoFocus = false,
-  children,
-  defaultValue = false,
-  isDisabled = false,
-  labels = ["off", "on"],
-  onChange,
-  value
-}) {
-  const { isFocused } = useFocus({ autoFocus, isActive: !isDisabled });
-  const [internal, setInternal] = useState(defaultValue);
-  const current = value ?? internal;
-  useInput(
-    useCallback(
-      (input, key) => {
-        if (!isFocused) {
-          return;
-        }
-        if (key.return || input === " ") {
-          const next = !current;
-          if (value === void 0) {
-            setInternal(next);
-          }
-          onChange?.(next);
-        }
-      },
-      [isFocused, current, value, onChange]
-    ),
-    { isActive: !isDisabled && isFocused }
-  );
-  const off = labels[0];
-  const on = labels[1];
-  const focusColor = isFocused ? accentColor : void 0;
-  return jsxs(Box, { gap: 1, children: [
-    jsxs(Box, { gap: 0, children: [
-      jsxs(Text, { backgroundColor: current ? void 0 : "gray", color: current ? void 0 : "black", dimColor: isDisabled, children: [
-        " ",
-        off,
-        " "
-      ] }),
-      jsxs(Text, { backgroundColor: current ? accentColor : void 0, color: current ? "black" : void 0, dimColor: isDisabled, children: [
-        " ",
-        on,
-        " "
-      ] })
-    ] }),
-    children === void 0 ? void 0 : jsx(Text, { color: focusColor, dimColor: isDisabled, children })
-  ] });
-}
-
-export { Switch as default };

package/dist/packem_shared/Tab-C6r5q4hR.js

@@ -1,7 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-function Tab({ children }) {
-  return jsx(Fragment, { children });
-}
-
-export { Tab as default };

package/dist/packem_shared/Table-Bgxo87Df.js

@@ -1,88 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Table } from '@visulima/tabular';
-import { THICK_BORDER, ROUNDED_BORDER, NO_BORDER, MINIMAL_BORDER, MARKDOWN_BORDER, DOUBLE_BORDER, DOTS_BORDER, DEFAULT_BORDER, BLOCK_BORDER, ASCII_BORDER } from '@visulima/tabular/style';
-import { useMemo } from 'react';
-import Text from './Text-CtUwV89_.js';
-
-const BORDER_PRESETS = {
-  ascii: ASCII_BORDER,
-  block: BLOCK_BORDER,
-  default: DEFAULT_BORDER,
-  dots: DOTS_BORDER,
-  double: DOUBLE_BORDER,
-  markdown: MARKDOWN_BORDER,
-  minimal: MINIMAL_BORDER,
-  none: NO_BORDER,
-  rounded: ROUNDED_BORDER,
-  thick: THICK_BORDER
-};
-const toColumnConfig = (col) => {
-  if (typeof col === "string") {
-    return { key: col };
-  }
-  return col;
-};
-const TableComponent = ({
-  borderStyle = "default",
-  columns: columnsProp,
-  data,
-  formatCell,
-  formatHeader,
-  maxWidth,
-  padding = 1,
-  showHeader = true,
-  skeleton = "",
-  wordWrap = false
-}) => {
-  const tableString = useMemo(() => {
-    if (data.length === 0) {
-      return "";
-    }
-    let resolvedColumns;
-    if (columnsProp) {
-      resolvedColumns = columnsProp.map((col) => toColumnConfig(col));
-    } else {
-      resolvedColumns = Object.keys(data[0]).map((key) => {
-        return { key };
-      });
-    }
-    if (resolvedColumns.length === 0) {
-      return "";
-    }
-    const border = typeof borderStyle === "string" ? BORDER_PRESETS[borderStyle] ?? DEFAULT_BORDER : borderStyle;
-    const columnWidths = resolvedColumns.map((col) => col.width);
-    const hasFixedWidths = columnWidths.some((w) => w !== void 0);
-    const table = new Table({
-      columnWidths: hasFixedWidths ? columnWidths : void 0,
-      maxWidth,
-      showHeader,
-      style: {
-        border,
-        paddingLeft: padding,
-        paddingRight: padding
-      },
-      wordWrap
-    });
-    if (showHeader) {
-      const headers = resolvedColumns.map((col) => {
-        const label = col.header ?? col.key;
-        return formatHeader ? formatHeader(col.key) : label;
-      });
-      table.setHeaders(headers);
-    }
-    for (const [rowIndex, row] of data.entries()) {
-      const cells = resolvedColumns.map((col) => {
-        const value = row[col.key];
-        if (formatCell) {
-          return formatCell(value, col.key, rowIndex);
-        }
-        return value === void 0 || value === null ? skeleton : String(value);
-      });
-      table.addRow(cells);
-    }
-    return table.toString();
-  }, [borderStyle, columnsProp, data, formatCell, formatHeader, maxWidth, padding, showHeader, skeleton, wordWrap]);
-  return jsx(Text, { children: tableString });
-};
-
-export { TableComponent as default };

package/dist/packem_shared/Tabs-DubuHdYV.js

@@ -1,164 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useState, useCallback, useEffect, useMemo, Children } from 'react';
-import useInput from './useInput-DKZbqMRc.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const NUMBER_KEY_PATTERN = /^\d$/u;
-const isTabElement = (child) => child != null && typeof child === "object" && "props" in child && "name" in child.props;
-const collectTabs = (children) => {
-  const result = [];
-  for (const child of Children.toArray(children)) {
-    if (isTabElement(child)) {
-      result.push(child);
-    }
-  }
-  return result;
-};
-const matchesAnyKey = (keys, key) => keys.some((keyName) => key[keyName]);
-const getActiveTabColors = (isActive, focused, colorsProp) => {
-  if (!isActive) {
-    return { backgroundColor: void 0, color: void 0 };
-  }
-  if (focused) {
-    return {
-      backgroundColor: colorsProp?.activeTab?.backgroundColor ?? "green",
-      color: colorsProp?.activeTab?.color ?? "black"
-    };
-  }
-  return { backgroundColor: "gray", color: "black" };
-};
-function Tabs({
-  children,
-  colors: colorsProp,
-  defaultValue,
-  flexDirection = "row",
-  isFocused,
-  keyMap: keyMapProp,
-  onChange,
-  showIndex = true,
-  value,
-  width
-}) {
-  const tabs = collectTabs(children);
-  const tabCount = tabs.length;
-  const tabsRef = useRef(tabs);
-  tabsRef.current = tabs;
-  const isColumn = flexDirection === "column" || flexDirection === "column-reverse";
-  const isControlled = value !== void 0;
-  const [internalTab, setInternalTab] = useState(() => {
-    const initial = value ?? defaultValue;
-    if (initial == null || tabCount === 0) {
-      return 0;
-    }
-    const foundIndex = tabs.findIndex((tab) => tab.props.name === initial);
-    return foundIndex === -1 ? 0 : foundIndex;
-  });
-  const activeTab = isControlled ? Math.max(
-    0,
-    tabs.findIndex((tab) => tab.props.name === value)
-  ) : internalTab;
-  const noopSetTab = useCallback(() => {
-  }, []);
-  const setActiveTab = isControlled ? noopSetTab : setInternalTab;
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  useEffect(() => {
-    if (isControlled) {
-      return;
-    }
-    const tab = tabsRef.current[activeTab];
-    if (tab) {
-      onChangeRef.current(tab.props.name, tab);
-    }
-  }, []);
-  const previousKeys = useMemo(() => keyMapProp?.previous ?? [isColumn ? "upArrow" : "leftArrow"], [keyMapProp?.previous, isColumn]);
-  const nextKeys = useMemo(() => keyMapProp?.next ?? [isColumn ? "downArrow" : "rightArrow"], [keyMapProp?.next, isColumn]);
-  const useNumbers = keyMapProp?.useNumbers ?? true;
-  const useTab = keyMapProp?.useTab ?? true;
-  const activeTabRef = useRef(activeTab);
-  activeTabRef.current = activeTab;
-  const handleTabChange = useCallback(
-    (index) => {
-      setActiveTab(index);
-      const tab = tabsRef.current[index];
-      if (tab) {
-        onChangeRef.current(tab.props.name, tab);
-      }
-    },
-    [setActiveTab]
-  );
-  const moveToNext = useCallback(() => {
-    const next = (activeTabRef.current + 1) % tabCount;
-    setActiveTab(next);
-    const tab = tabsRef.current[next];
-    if (tab) {
-      onChangeRef.current(tab.props.name, tab);
-    }
-  }, [tabCount, setActiveTab]);
-  const moveToPrevious = useCallback(() => {
-    const previous = (activeTabRef.current - 1 + tabCount) % tabCount;
-    setActiveTab(previous);
-    const tab = tabsRef.current[previous];
-    if (tab) {
-      onChangeRef.current(tab.props.name, tab);
-    }
-  }, [tabCount, setActiveTab]);
-  useInput(
-    useCallback(
-      (input, key) => {
-        if (matchesAnyKey(previousKeys, key)) {
-          moveToPrevious();
-          return;
-        }
-        if (matchesAnyKey(nextKeys, key)) {
-          moveToNext();
-          return;
-        }
-        if (key.tab && useTab && isFocused == null) {
-          if (key.shift) {
-            moveToPrevious();
-          } else {
-            moveToNext();
-          }
-          return;
-        }
-        if (useNumbers && key.meta && NUMBER_KEY_PATTERN.test(input)) {
-          const tabIndex = input === "0" ? 9 : Number.parseInt(input, 10) - 1;
-          if (tabIndex < tabCount) {
-            handleTabChange(tabIndex);
-          }
-        }
-      },
-      [previousKeys, nextKeys, useTab, useNumbers, isFocused, moveToPrevious, moveToNext, tabCount, handleTabChange]
-    ),
-    { isActive: isFocused !== false }
-  );
-  const separatorWidth = typeof width === "number" ? width : 6;
-  const separator = useMemo(
-    // eslint-disable-next-line @stylistic/no-extra-parens
-    () => isColumn ? "─".repeat(separatorWidth) : " | ",
-    [isColumn, separatorWidth]
-  );
-  return jsx(Box, { flexDirection, width, children: tabs.map((child, index) => {
-    const { name } = child.props;
-    const textColors = getActiveTabColors(activeTab === index, isFocused !== false, colorsProp);
-    let indexLabel = null;
-    if (showIndex) {
-      indexLabel = jsxs(Text, { color: "grey", children: [
-        index + 1,
-        ".",
-        " "
-      ] });
-    }
-    return jsxs(Box, { flexDirection, children: [
-      index !== 0 && jsx(Text, { color: "dim", children: separator }),
-      jsxs(Box, { children: [
-        indexLabel,
-        jsx(Text, { backgroundColor: textColors.backgroundColor, color: textColors.color, children: child })
-      ] })
-    ] }, name);
-  }) });
-}
-
-export { Tabs as default };

package/dist/packem_shared/Tag-CCqM7Ee9.js

@@ -1,35 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-function Tag({ children, color = "blue", icon, variant = "subtle" }) {
-  if (variant === "outline") {
-    return jsx(Box, { borderColor: color, borderStyle: "round", paddingX: 1, children: jsxs(Text, { color, children: [
-      icon === void 0 ? void 0 : jsxs(Fragment, { children: [
-        icon,
-        " "
-      ] }),
-      children
-    ] }) });
-  }
-  if (variant === "solid") {
-    return jsxs(Text, { backgroundColor: color, color: "black", children: [
-      " ",
-      icon === void 0 ? void 0 : jsxs(Fragment, { children: [
-        icon,
-        " "
-      ] }),
-      children,
-      " "
-    ] });
-  }
-  return jsxs(Text, { color, children: [
-    icon === void 0 ? void 0 : jsxs(Fragment, { children: [
-      icon,
-      " "
-    ] }),
-    children
-  ] });
-}
-
-export { Tag as default };