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

package/dist/packem_shared/ConfirmDialog-5XJv3Cc4.js

@@ -1,67 +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';
-
-const TONE_COLOR = {
-  danger: "red",
-  info: "blue",
-  warning: "yellow"
-};
-const ButtonLabel = ({ color, isFocused, label }) => jsx(Box, { backgroundColor: isFocused ? color : void 0, borderColor: isFocused ? color : void 0, borderStyle: "round", paddingX: 1, children: jsx(Text, { bold: isFocused, color: isFocused ? "black" : void 0, children: label }) });
-function ConfirmDialog({
-  autoFocus = true,
-  cancelLabel = "Cancel",
-  children,
-  confirmLabel = "Confirm",
-  defaultFocus = "confirm",
-  isDisabled = false,
-  onCancel,
-  onConfirm,
-  title,
-  tone = "info",
-  width
-}) {
-  const [focus, setFocus] = useState(defaultFocus);
-  const color = TONE_COLOR[tone];
-  const { isFocused } = useFocus({ autoFocus, isActive: !isDisabled });
-  useInput(
-    useCallback(
-      (input, key) => {
-        if (key.leftArrow || key.rightArrow || input === "h" || input === "l") {
-          setFocus((previous) => previous === "confirm" ? "cancel" : "confirm");
-          return;
-        }
-        if (key.return) {
-          if (focus === "confirm") {
-            onConfirm();
-          } else {
-            onCancel();
-          }
-          return;
-        }
-        if (key.escape || input === "n") {
-          onCancel();
-          return;
-        }
-        if (input === "y") {
-          onConfirm();
-        }
-      },
-      [focus, onConfirm, onCancel]
-    ),
-    { isActive: !isDisabled && isFocused }
-  );
-  return jsxs(Box, { borderColor: color, borderStyle: "round", flexDirection: "column", paddingX: 1, paddingY: 1, width, children: [
-    title === void 0 ? void 0 : jsx(Box, { marginBottom: 1, children: jsx(Text, { bold: true, color, children: title }) }),
-    children === void 0 ? void 0 : jsx(Box, { flexDirection: "column", marginBottom: 1, children: typeof children === "string" ? jsx(Text, { children }) : children }),
-    jsxs(Box, { gap: 2, justifyContent: "flex-end", children: [
-      jsx(ButtonLabel, { color, isFocused: focus === "cancel", label: cancelLabel }),
-      jsx(ButtonLabel, { color, isFocused: focus === "confirm", label: confirmLabel })
-    ] })
-  ] });
-}
-
-export { ConfirmDialog as default };

package/dist/packem_shared/ConfirmInput-CxUS0XAA.js

@@ -1,44 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useCallback } from 'react';
-import useInput from './useInput-DKZbqMRc.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.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-BvnCEgjG.js

@@ -1,57 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import useConsoleCapture from './useConsoleCapture-Dvt7G1W1.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.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 };

package/dist/packem_shared/ContentSwitcher-BHFpO5Za.js

@@ -1,81 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useMemo, 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 ContentSwitcher({
-  accentColor = "blue",
-  autoFocus = false,
-  defaultValue,
-  isDisabled = false,
-  onChange,
-  options,
-  value
-}) {
-  const { isFocused } = useFocus({ autoFocus, isActive: !isDisabled });
-  const initialId = defaultValue ?? options[0]?.id;
-  const [internal, setInternal] = useState(initialId);
-  const current = value ?? internal;
-  const currentIndex = useMemo(() => {
-    if (current === void 0) {
-      return 0;
-    }
-    const index = options.findIndex((option) => option.id === current);
-    return Math.max(index, 0);
-  }, [options, current]);
-  const commit = useCallback(
-    (index) => {
-      const target = options[index];
-      if (!target) {
-        return;
-      }
-      const currentId = value ?? internal;
-      if (target.id === currentId) {
-        return;
-      }
-      if (value === void 0) {
-        setInternal(target.id);
-      }
-      onChange?.(target.id);
-    },
-    [options, value, internal, onChange]
-  );
-  useInput(
-    useCallback(
-      (input, key) => {
-        if (!isFocused) {
-          return;
-        }
-        if (key.leftArrow || input === "h") {
-          commit(Math.max(0, currentIndex - 1));
-        } else if (key.rightArrow || input === "l") {
-          commit(Math.min(options.length - 1, currentIndex + 1));
-        }
-      },
-      [isFocused, currentIndex, options.length, commit]
-    ),
-    { isActive: !isDisabled && isFocused }
-  );
-  const activeOption = options[currentIndex];
-  return jsxs(Box, { flexDirection: "column", children: [
-    jsx(Box, { children: options.map((option, index) => {
-      const isActive = index === currentIndex;
-      const background = isActive ? accentColor : void 0;
-      const color = isActive ? "black" : void 0;
-      return jsxs(Text, { backgroundColor: background, color, dimColor: isDisabled && !isActive, children: [
-        " ",
-        option.icon === void 0 ? void 0 : jsxs(Fragment, { children: [
-          option.icon,
-          " "
-        ] }),
-        option.label,
-        " "
-      ] }, option.id);
-    }) }),
-    activeOption === void 0 ? void 0 : jsx(Box, { flexDirection: "column", marginTop: 1, children: activeOption.content })
-  ] });
-}
-
-export { ContentSwitcher as default };

package/dist/packem_shared/ControlledScrollView-C2wOOlJO.js

@@ -1,5 +0,0 @@
-import 'react/jsx-runtime';
-import 'react';
-import './measure-element-Bc6PEaIe.js';
-import './Box-W1w_NGin.js';
-export { C as ControlledScrollView } from './controlled-scroll-view-DJXfdWMm.js';

package/dist/packem_shared/Cursor-DiW7YoSK.js

@@ -1,18 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-
-function Cursor({ anchorRef, x = 0, y = 0 }) {
-  const normalizedAnchorReference = anchorRef ?? void 0;
-  const isInline = normalizedAnchorReference === void 0 && x === 0 && y === 0;
-  const internalCursor = useMemo(() => {
-    return {
-      anchorRef: normalizedAnchorReference,
-      inline: isInline,
-      x,
-      y
-    };
-  }, [normalizedAnchorReference, isInline, x, y]);
-  return jsx("ink-cursor", { internal_cursor: internalCursor });
-}
-
-export { Cursor as default };

package/dist/packem_shared/DatePicker-CPejKoqS.js

@@ -1,73 +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 Calendar from './Calendar-C2Qxt-LA.js';
-import Text from './Text-CtUwV89_.js';
-
-const defaultFormat = (date) => {
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-};
-function DatePicker({
-  accentColor = "blue",
-  autoFocus = false,
-  defaultValue,
-  formatValue = defaultFormat,
-  isDisabled = false,
-  maxDate,
-  minDate,
-  onChange,
-  placeholder = "Pick a date",
-  value
-}) {
-  const { isFocused } = useFocus({ autoFocus, isActive: !isDisabled });
-  const [isOpen, setIsOpen] = useState(false);
-  const [internal, setInternal] = useState(defaultValue);
-  const current = value ?? internal;
-  useInput(
-    useCallback(
-      (input, key) => {
-        if (!isFocused || isOpen) {
-          return;
-        }
-        if (key.return || input === " ") {
-          setIsOpen(true);
-        }
-      },
-      [isFocused, isOpen]
-    ),
-    { isActive: !isDisabled && isFocused && !isOpen }
-  );
-  useInput(
-    useCallback((_input, key) => {
-      if (key.escape) {
-        setIsOpen(false);
-      }
-    }, []),
-    { isActive: !isDisabled && isFocused && isOpen }
-  );
-  const handleCalendarSubmit = useCallback(
-    (date) => {
-      if (value === void 0) {
-        setInternal(date);
-      }
-      setIsOpen(false);
-      onChange?.(date);
-    },
-    [value, onChange]
-  );
-  return jsxs(Box, { flexDirection: "column", children: [
-    jsxs(Box, { borderColor: isFocused ? accentColor : void 0, borderStyle: "round", paddingX: 1, children: [
-      jsx(Text, { color: accentColor, children: "📅 " }),
-      current === void 0 ? jsx(Text, { dimColor: true, children: placeholder }) : jsx(Text, { bold: true, children: formatValue(current) }),
-      isFocused && !isOpen ? jsx(Box, { marginLeft: 1, children: jsx(Text, { dimColor: true, children: "(Enter to open)" }) }) : void 0
-    ] }),
-    isOpen ? jsx(Box, { marginTop: 1, children: jsx(Calendar, { accentColor, autoFocus: true, defaultValue: current, maxDate, minDate, onSubmit: handleCalendarSubmit }) }) : void 0
-  ] });
-}
-
-export { DatePicker as default };

package/dist/packem_shared/DefinitionList-BAwr0l5J.js

@@ -1,18 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-function DefinitionList({ columnGap = 2, items, layout = "inline", termColor = "cyan", termWidth }) {
-  if (layout === "stacked") {
-    return jsx(Box, { flexDirection: "column", gap: 1, children: items.map((item, index) => jsxs(Box, { flexDirection: "column", children: [
-      jsx(Text, { bold: true, color: termColor, children: item.term }),
-      jsx(Text, { children: item.description })
-    ] }, item.key ?? index)) });
-  }
-  return jsx(Box, { flexDirection: "column", children: items.map((item, index) => jsxs(Box, { gap: columnGap, children: [
-    jsx(Box, { flexShrink: 0, width: termWidth, children: jsx(Text, { color: termColor, children: item.term }) }),
-    jsx(Box, { flexGrow: 1, flexShrink: 1, children: jsx(Text, { children: item.description }) })
-  ] }, item.key ?? index)) });
-}
-
-export { DefinitionList as default };

package/dist/packem_shared/DevTools-BdxRSkhL.js

@@ -1,63 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { useWindowSize, useTuiContext } from './TuiContext-lXmJFd-x.js';
-import { _Box, _Spacer, _Text } from './render-CjlKdg4m.js';
-
-function useFpsCounter() {
-  const { app } = useTuiContext();
-  const [fps, setFps] = useState(0);
-  const frames = useRef(0);
-  const windowStart = useRef(Date.now());
-  const idleTimer = useRef(null);
-  useEffect(() => {
-    const onRender = () => {
-      if (idleTimer.current) {
-        clearTimeout(idleTimer.current);
-      }
-      idleTimer.current = setTimeout(() => {
-        setFps(0);
-        frames.current = 0;
-        windowStart.current = Date.now();
-      }, 2e3);
-      frames.current++;
-      const now = Date.now();
-      const elapsed = now - windowStart.current;
-      if (elapsed >= 500) {
-        setFps(Math.round(frames.current / elapsed * 1e3));
-        frames.current = 0;
-        windowStart.current = now;
-      }
-    };
-    const unsub = app.onBeforeFlush(() => {
-      onRender();
-    });
-    return () => {
-      unsub();
-      if (idleTimer.current) {
-        clearTimeout(idleTimer.current);
-      }
-    };
-  }, [app]);
-  return fps;
-}
-const FpsHud = ({ fps }) => {
-  const label = fps === 0 ? "--" : String(fps);
-  return jsx(_Box, { borderColor: "gray", borderStyle: "round", paddingX: 1, children: jsxs(_Text, { dim: true, children: [
-    label,
-    " ",
-    "updates/sec"
-  ] }) });
-};
-const DevTools = ({ children, enabled = true }) => {
-  const fps = useFpsCounter();
-  const { columns, rows } = useWindowSize();
-  return jsxs(_Box, { flexDirection: "column", height: rows, width: columns, children: [
-    jsx(_Box, { flexGrow: 1, children }),
-    enabled && jsxs(_Box, { flexDirection: "row", flexShrink: 0, children: [
-      jsx(_Spacer, {}),
-      jsx(FpsHud, { fps })
-    ] })
-  ] });
-};
-
-export { DevTools };

package/dist/packem_shared/Dialog-S9r7Izff.js

@@ -1,71 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef } from 'react';
-import useTerminalPalette from './useTerminalPalette-CtFG2JTq.js';
-import useWindowSize from './useWindowSize-D3UU41mv.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-import { ScrollView } from './ScrollView-C6rdlGwU.js';
-
-const Dialog = ({
-  backgroundColor: backgroundColorProp,
-  borderColor = "cyan",
-  borderStyle = "round",
-  children,
-  columns: columnsProp,
-  footer,
-  maxHeight: maxHeightProp = 0.8,
-  paddingX = 2,
-  paddingY = 1,
-  rows: rowsProp,
-  scrollbarStyle: scrollbarStyleProp = "block",
-  scrollRef: externalScrollRef,
-  title,
-  visible = true,
-  width = 60
-}) => {
-  const windowSize = useWindowSize();
-  const { isLoading: paletteLoading, palette } = useTerminalPalette();
-  const internalScrollRef = useRef(null);
-  const scrollViewRef = externalScrollRef ?? internalScrollRef;
-  if (!visible) {
-    return null;
-  }
-  const cols = columnsProp ?? (windowSize.columns || 80);
-  const termRows = rowsProp ?? (windowSize.rows || 24);
-  const bg = backgroundColorProp ?? (paletteLoading ? "black" : palette?.background ?? "black");
-  const resolvedMaxHeight = maxHeightProp <= 1 ? Math.floor(termRows * maxHeightProp) : Math.min(maxHeightProp, termRows - 2);
-  const titleElement = typeof title === "string" ? jsx(Box, { marginBottom: 1, children: jsx(Text, { bold: true, color: borderColor, children: title }) }) : title ?? null;
-  return jsx(Box, { alignItems: "center", height: termRows, justifyContent: "center", position: "absolute", width: cols, children: jsxs(
-    Box,
-    {
-      backgroundColor: bg,
-      borderBackgroundColor: bg,
-      borderColor,
-      borderStyle,
-      flexDirection: "column",
-      maxHeight: resolvedMaxHeight,
-      opaque: true,
-      paddingY,
-      width: Math.min(width, cols - 4),
-      children: [
-        titleElement != null && jsx(Box, { flexShrink: 0, paddingX, children: titleElement }),
-        jsx(
-          ScrollView,
-          {
-            flexGrow: 1,
-            flexShrink: 1,
-            paddingX,
-            ref: scrollViewRef,
-            scrollbar: true,
-            scrollbarColor: borderColor,
-            scrollbarStyle: scrollbarStyleProp,
-            children
-          }
-        ),
-        footer != null && jsx(Box, { alignItems: "center", flexDirection: "column", flexShrink: 0, marginTop: 1, paddingX, children: footer })
-      ]
-    }
-  ) });
-};
-
-export { Dialog as default };