@visulima/tui 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist/packem_shared/FilePicker-DNwFxRhq.js

@@ -1,254 +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);
-};
-
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect, useCallback } from 'react';
-import useInput from './useInput-Cfp5zB2s.js';
-import Box from './Box-D_pSJ9Jp.js';
-import Spinner from './Spinner-BuI-kN4p.js';
-import Text from './Text-DvAUdZcK.js';
-const {
-  readdir,
-  stat
-} = __cjs_getBuiltinModule("node:fs/promises");
-const {
-  resolve,
-  dirname,
-  join,
-  extname
-} = __cjs_getBuiltinModule("node:path");
-
-function formatPermissions(mode) {
-  const rwx = (m) => {
-    return `${m & 4 ? "r" : "-"}${m & 2 ? "w" : "-"}${m & 1 ? "x" : "-"}`;
-  };
-  return `${rwx(mode >> 6 & 7)}${rwx(mode >> 3 & 7)}${rwx(mode & 7)}`;
-}
-function matchesFilter(entry, filter) {
-  if (!(filter.showHidden ?? false) && entry.isHidden) {
-    return false;
-  }
-  if (!(filter.showDirectories ?? true) && entry.isDirectory) {
-    return false;
-  }
-  if (!(filter.showFiles ?? true) && !entry.isDirectory) {
-    return false;
-  }
-  if (filter.extensions && filter.extensions.length > 0 && !entry.isDirectory) {
-    const ext = extname(entry.name);
-    if (!filter.extensions.includes(ext)) {
-      return false;
-    }
-  }
-  return true;
-}
-function useFileSystem(options) {
-  const { filter, initialPath } = options;
-  const [currentPath, setCurrentPath] = useState(() => resolve(initialPath));
-  const [entries, setEntries] = useState([]);
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState();
-  const [refreshKey, setRefreshKey] = useState(0);
-  const filterRef = useRef(filter);
-  filterRef.current = filter;
-  useEffect(() => {
-    let cancelled = false;
-    const loadDirectory = async () => {
-      setIsLoading(true);
-      setError(void 0);
-      try {
-        const dirEntries = await readdir(currentPath, { withFileTypes: true });
-        const fileEntries = [];
-        for (const entry of dirEntries) {
-          const entryPath = join(currentPath, entry.name);
-          const isDirectory = entry.isDirectory();
-          const isHidden = entry.name.startsWith(".");
-          let size = 0;
-          let permissions = "---------";
-          try {
-            const stats = await stat(entryPath);
-            size = stats.size;
-            permissions = formatPermissions(stats.mode);
-          } catch {
-          }
-          fileEntries.push({
-            isDirectory,
-            isHidden,
-            name: entry.name,
-            path: entryPath,
-            permissions,
-            size
-          });
-        }
-        if (cancelled) {
-          return;
-        }
-        const filtered = fileEntries.filter((e) => matchesFilter(e, filterRef.current));
-        filtered.sort((a, b) => {
-          if (a.isDirectory !== b.isDirectory) {
-            return a.isDirectory ? -1 : 1;
-          }
-          return a.name.localeCompare(b.name, void 0, { sensitivity: "base" });
-        });
-        setEntries(filtered);
-      } catch (error_) {
-        if (!cancelled) {
-          setError(error_ instanceof Error ? error_.message : String(error_));
-          setEntries([]);
-        }
-      } finally {
-        if (!cancelled) {
-          setIsLoading(false);
-        }
-      }
-    };
-    void loadDirectory();
-    return () => {
-      cancelled = true;
-    };
-  }, [currentPath, refreshKey]);
-  const navigateTo = useCallback((path) => {
-    setCurrentPath(resolve(path));
-  }, []);
-  const goUp = useCallback(() => {
-    setCurrentPath((previous) => {
-      const parent = dirname(previous);
-      return parent === previous ? previous : parent;
-    });
-  }, []);
-  const refresh = useCallback(() => {
-    setRefreshKey((k) => k + 1);
-  }, []);
-  return { currentPath, entries, error, goUp, isLoading, navigateTo, refresh };
-}
-
-function formatSize(bytes) {
-  if (bytes < 1024) {
-    return `${bytes}B`;
-  }
-  if (bytes < 1024 * 1024) {
-    return `${(bytes / 1024).toFixed(1)}K`;
-  }
-  if (bytes < 1024 * 1024 * 1024) {
-    return `${(bytes / (1024 * 1024)).toFixed(1)}M`;
-  }
-  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)}G`;
-}
-function FilePicker({
-  accentColor = "cyan",
-  directoryColor = "blue",
-  fileColor = "white",
-  filter = {},
-  initialPath = process.cwd(),
-  isFocused = true,
-  limit = 10,
-  onCancel,
-  onSelect,
-  showPermissions = false,
-  showSize = false
-}) {
-  const fs = useFileSystem({ filter, initialPath });
-  const [focusedIndex, setFocusedIndex] = useState(0);
-  const maxIndex = Math.max(0, fs.entries.length - 1);
-  const safeIndex = Math.min(focusedIndex, maxIndex);
-  useInput(
-    useCallback(
-      (_input, key) => {
-        if (key.upArrow) {
-          setFocusedIndex((i) => Math.max(0, i - 1));
-        } else if (key.downArrow) {
-          setFocusedIndex((i) => Math.min(maxIndex, i + 1));
-        } else if (key.return) {
-          const entry = fs.entries[safeIndex];
-          if (entry) {
-            if (entry.isDirectory) {
-              fs.navigateTo(entry.path);
-              setFocusedIndex(0);
-            } else {
-              onSelect?.(entry);
-            }
-          }
-        } else if (key.backspace || key.leftArrow) {
-          fs.goUp();
-          setFocusedIndex(0);
-        } else if (key.escape) {
-          onCancel?.();
-        } else if (_input === ".") {
-          fs.refresh();
-        } else if (key.pageUp) {
-          setFocusedIndex((i) => Math.max(0, i - limit));
-        } else if (key.pageDown) {
-          setFocusedIndex((i) => Math.min(maxIndex, i + limit));
-        } else if (key.home) {
-          setFocusedIndex(0);
-        } else if (key.end) {
-          setFocusedIndex(maxIndex);
-        }
-      },
-      [maxIndex, safeIndex, fs, limit, onSelect, onCancel]
-    ),
-    { isActive: isFocused }
-  );
-  const halfLimit = Math.floor(limit / 2);
-  let windowStart = Math.max(0, safeIndex - halfLimit);
-  const windowEnd = Math.min(fs.entries.length, windowStart + limit);
-  windowStart = Math.max(0, windowEnd - limit);
-  const visibleEntries = fs.entries.slice(windowStart, windowEnd);
-  return jsxs(Box, { flexDirection: "column", children: [
-    jsx(Text, { bold: true, dimColor: true, children: fs.currentPath }),
-    fs.isLoading && jsxs(Box, { children: [
-      jsx(Spinner, {}),
-      jsx(Text, { children: " Loading..." })
-    ] }),
-    fs.error && jsxs(Text, { color: "red", children: [
-      "Error: ",
-      fs.error
-    ] }),
-    !fs.isLoading && !fs.error && fs.entries.length === 0 && jsx(Text, { dimColor: true, children: "(empty directory)" }),
-    visibleEntries.map((entry, viewIndex) => {
-      const absoluteIndex = windowStart + viewIndex;
-      const isFocusedEntry = absoluteIndex === safeIndex;
-      const icon = entry.isDirectory ? "📁 " : "📄 ";
-      const nameColor = entry.isDirectory ? directoryColor : fileColor;
-      return jsxs(Box, { children: [
-        jsx(Text, { color: isFocusedEntry ? accentColor : void 0, children: isFocusedEntry ? "▸ " : "  " }),
-        jsx(Text, { children: icon }),
-        jsxs(Text, { bold: entry.isDirectory, color: isFocusedEntry ? accentColor : nameColor, children: [
-          entry.name,
-          entry.isDirectory ? "/" : ""
-        ] }),
-        showSize && !entry.isDirectory && jsxs(Text, { dimColor: true, children: [
-          "  ",
-          formatSize(entry.size)
-        ] }),
-        showPermissions && jsxs(Text, { dimColor: true, children: [
-          "  ",
-          entry.permissions
-        ] })
-      ] }, entry.name);
-    }),
-    fs.entries.length > limit && jsxs(Text, { dimColor: true, children: [
-      safeIndex + 1,
-      "/",
-      fs.entries.length
-    ] })
-  ] });
-}
-
-export { FilePicker as default };

package/dist/packem_shared/FocusContext-CWkYtgcm.js

@@ -1,26 +0,0 @@
-import { createContext } from 'react';
-
-const FocusContext = createContext({
-  activate() {
-  },
-  activeId: void 0,
-  add() {
-  },
-  deactivate() {
-  },
-  disableFocus() {
-  },
-  enableFocus() {
-  },
-  focus() {
-  },
-  focusNext() {
-  },
-  focusPrevious() {
-  },
-  remove() {
-  }
-});
-FocusContext.displayName = "InternalFocusContext";
-
-export { FocusContext as F };

package/dist/packem_shared/FocusContext-D5wFxSRz.js

@@ -1,153 +0,0 @@
-import React, { createContext, useRef, useState, useCallback, useMemo, useContext, useEffect } from 'react';
-
-const FocusContext = createContext({
-  activate() {
-  },
-  activeId: void 0,
-  add() {
-  },
-  deactivate() {
-  },
-  disableFocus() {
-  },
-  enableFocus() {
-  },
-  focus() {
-  },
-  focusNext() {
-  },
-  focusPrevious() {
-  },
-  remove() {
-  }
-});
-FocusContext.displayName = "TuiFocusContext";
-const FocusProvider = ({ children }) => {
-  const itemsRef = useRef([]);
-  const [activeId, setActiveId] = useState(void 0);
-  const [isEnabled, setIsEnabled] = useState(true);
-  const add = useCallback((id, options) => {
-    if (itemsRef.current.some((e) => e.id === id)) {
-      return;
-    }
-    const entry = { autoFocus: options.autoFocus, id, isActive: true };
-    itemsRef.current = [...itemsRef.current, entry];
-    setActiveId((previous) => {
-      if (options.autoFocus && previous === void 0) {
-        return id;
-      }
-      if (itemsRef.current.filter((e) => e.isActive).length === 1 && previous === void 0) {
-        return id;
-      }
-      return previous;
-    });
-  }, []);
-  const remove = useCallback((id) => {
-    itemsRef.current = itemsRef.current.filter((e) => e.id !== id);
-    setActiveId((previous) => previous === id ? void 0 : previous);
-  }, []);
-  const activate = useCallback((id) => {
-    itemsRef.current = itemsRef.current.map((e) => e.id === id ? { ...e, isActive: true } : e);
-  }, []);
-  const deactivate = useCallback((id) => {
-    itemsRef.current = itemsRef.current.map((e) => e.id === id ? { ...e, isActive: false } : e);
-    setActiveId((previous) => previous === id ? void 0 : previous);
-  }, []);
-  const enableFocus = useCallback(() => setIsEnabled(true), []);
-  const disableFocus = useCallback(() => {
-    setIsEnabled(false);
-    setActiveId(void 0);
-  }, []);
-  const focusNext = useCallback(() => {
-    if (!isEnabled) {
-      return;
-    }
-    const active = itemsRef.current.filter((e) => e.isActive);
-    if (active.length === 0) {
-      return;
-    }
-    setActiveId((previous) => {
-      if (previous === void 0) {
-        return active[0]?.id;
-      }
-      const index = active.findIndex((e) => e.id === previous);
-      return active[(index + 1) % active.length]?.id ?? active[0]?.id;
-    });
-  }, [isEnabled]);
-  const focusPrevious = useCallback(() => {
-    if (!isEnabled) {
-      return;
-    }
-    const active = itemsRef.current.filter((e) => e.isActive);
-    if (active.length === 0) {
-      return;
-    }
-    setActiveId((previous) => {
-      if (previous === void 0) {
-        return active.at(-1)?.id;
-      }
-      const index = active.findIndex((e) => e.id === previous);
-      return active[(index - 1 + active.length) % active.length]?.id ?? active.at(-1)?.id;
-    });
-  }, [isEnabled]);
-  const focus = useCallback(
-    (id) => {
-      if (!isEnabled) {
-        return;
-      }
-      if (itemsRef.current.some((e) => e.id === id && e.isActive)) {
-        setActiveId(id);
-      }
-    },
-    [isEnabled]
-  );
-  const value = useMemo(() => {
-    return {
-      activate,
-      activeId,
-      add,
-      deactivate,
-      disableFocus,
-      enableFocus,
-      focus,
-      focusNext,
-      focusPrevious,
-      remove
-    };
-  }, [activeId, add, remove, activate, deactivate, enableFocus, disableFocus, focusNext, focusPrevious, focus]);
-  return React.createElement(FocusContext.Provider, { value }, children);
-};
-const useFocus = ({ autoFocus = false, id: customId, isActive = true } = {}) => {
-  const { activate, activeId, add, deactivate, focus, remove } = useContext(FocusContext);
-  const id = useMemo(() => customId ?? Math.random().toString(36).slice(2, 7), [customId]);
-  useEffect(() => {
-    add(id, { autoFocus });
-    return () => {
-      remove(id);
-    };
-  }, [id, autoFocus]);
-  useEffect(() => {
-    if (isActive) {
-      activate(id);
-    } else {
-      deactivate(id);
-    }
-  }, [isActive, id]);
-  return {
-    focus,
-    isFocused: Boolean(id) && activeId === id
-  };
-};
-const useFocusManager = () => {
-  const context = useContext(FocusContext);
-  return {
-    activeId: context.activeId,
-    disableFocus: context.disableFocus,
-    enableFocus: context.enableFocus,
-    focus: context.focus,
-    focusNext: context.focusNext,
-    focusPrevious: context.focusPrevious
-  };
-};
-
-export { FocusContext, FocusProvider, useFocus, useFocusManager };

package/dist/packem_shared/Fullscreen-DrElAE1o.js

@@ -1,11 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import Box from './Box-D_pSJ9Jp.js';
-import useWindowSize from './useWindowSize-ugEmGZJm.js';
-
-const Fullscreen = ({ children }) => {
-  const { columns, rows } = useWindowSize();
-  return jsx(Box, { flexGrow: 1, height: rows, width: columns, children });
-};
-
-export { Fullscreen as default };

package/dist/packem_shared/Gradient-Ql5P0GUd.js

@@ -1,136 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { strip } from '@visulima/ansi';
-import { multilineGradient } from '@visulima/colorize/gradient';
-import { useMemo, Children, isValidElement, cloneElement } from 'react';
-import Box from './Box-D_pSJ9Jp.js';
-import Text from './Text-DvAUdZcK.js';
-import Transform from './Transform-BHxY_dAM.js';
-
-const presets = {
-  atlas: { colors: ["#feac5e", "#c779d0", "#4bc0c8"] },
-  cristal: { colors: ["#bdfff3", "#4ac29a"] },
-  fruit: { colors: ["#ff4e50", "#f9d423"] },
-  instagram: { colors: ["#833ab4", "#fd1d1d", "#fcb045"] },
-  mind: { colors: ["#473b7b", "#3584a7", "#30d2be"] },
-  morning: { colors: ["#ff5f6d", "#ffc371"], options: { interpolation: "hsv" } },
-  passion: { colors: ["#f43b47", "#453a94"] },
-  pastel: { colors: ["#74ebd5", "#74ecd5"], options: { hsvSpin: "long", interpolation: "hsv" } },
-  rainbow: { colors: ["#ff0000", "#ff0100"], options: { hsvSpin: "long", interpolation: "hsv" } },
-  retro: { colors: ["#3f51b1", "#5a55ae", "#7b5fac", "#8f6aae", "#a86aa4", "#cc6b8e", "#f18271", "#f3a469", "#f7c978"] },
-  summer: { colors: ["#fdbb2d", "#22c1c3"] },
-  teen: { colors: ["#77a1d3", "#79cbca", "#e684ae"] },
-  vice: { colors: ["#5ee7df", "#b490ca"], options: { interpolation: "hsv" } }
-};
-const containsBoxDescendant = (nodeChildren) => {
-  let hasBox = false;
-  const search = (value) => {
-    Children.forEach(value, (child) => {
-      if (hasBox) {
-        return;
-      }
-      if (!isValidElement(child)) {
-        return;
-      }
-      if (child.type === Box) {
-        hasBox = true;
-        return;
-      }
-      const childProps = child.props;
-      if (Object.hasOwn(childProps, "children")) {
-        search(childProps["children"]);
-      }
-    });
-  };
-  search(nodeChildren);
-  return hasBox;
-};
-const hasChildrenProp = (properties) => Object.hasOwn(properties, "children");
-const isPlainTextNode = (node) => typeof node === "string" || typeof node === "number";
-const isNonRenderableChild = (node) => node === null || node === void 0 || typeof node === "boolean";
-function Gradient({ children, colors, name }) {
-  if (name && colors) {
-    throw new Error("The `name` and `colors` props are mutually exclusive");
-  }
-  if (!name && !colors) {
-    throw new Error("Either `name` or `colors` prop must be provided");
-  }
-  const gradientFunction = useMemo(
-    () => name ? multilineGradient(presets[name].colors, presets[name].options) : multilineGradient(colors ?? []),
-    [name, colors]
-  );
-  const applyGradient = (text) => gradientFunction(strip(text));
-  const childrenCount = Children.count(children);
-  if (isPlainTextNode(children)) {
-    return jsx(Transform, { transform: applyGradient, children });
-  }
-  if (childrenCount === 1 && !containsBoxDescendant(children)) {
-    return jsx(Transform, { transform: applyGradient, children });
-  }
-  const applyGradientToChildren = (nodeChildren) => {
-    const nodes = [];
-    let bufferedText = "";
-    let nodeIndex = 0;
-    const createKey = () => {
-      const key = `gradient-node-${String(nodeIndex)}`;
-      nodeIndex += 1;
-      return key;
-    };
-    const pushTransformed = (node, key) => {
-      nodes.push(
-        jsx(Transform, { transform: applyGradient, children: node }, key)
-      );
-    };
-    const flushText = () => {
-      if (bufferedText === "") {
-        return;
-      }
-      const text = bufferedText;
-      bufferedText = "";
-      pushTransformed(jsx(Text, { children: text }), createKey());
-    };
-    Children.forEach(nodeChildren, (child) => {
-      if (isNonRenderableChild(child)) {
-        return;
-      }
-      if (isPlainTextNode(child)) {
-        bufferedText += String(child);
-        return;
-      }
-      flushText();
-      if (isValidElement(child)) {
-        const childKey = child.key ?? createKey();
-        const childProps = child.props;
-        if (child.type === Text) {
-          pushTransformed(child, childKey);
-          return;
-        }
-        if (child.type === Box) {
-          if (hasChildrenProp(childProps)) {
-            const childChildren = childProps["children"];
-            nodes.push(cloneElement(child, { key: childKey }, applyGradientToChildren(childChildren)));
-            return;
-          }
-          nodes.push(cloneElement(child, { key: childKey }));
-          return;
-        }
-        if (hasChildrenProp(childProps)) {
-          const childChildren = childProps["children"];
-          if (!containsBoxDescendant(childChildren)) {
-            pushTransformed(child, childKey);
-            return;
-          }
-          nodes.push(cloneElement(child, { key: childKey }, applyGradientToChildren(childChildren)));
-          return;
-        }
-        pushTransformed(child, childKey);
-        return;
-      }
-      nodes.push(child);
-    });
-    flushText();
-    return nodes;
-  };
-  return jsx(Fragment, { children: applyGradientToChildren(children) });
-}
-
-export { Gradient as default };

package/dist/packem_shared/Help-6wanGG38.js

@@ -1,112 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import useWindowSize from './useWindowSize-ugEmGZJm.js';
-import Box from './Box-D_pSJ9Jp.js';
-import Text from './Text-DvAUdZcK.js';
-
-const keyLabels = {
-  backspace: "backspace",
-  delete: "del",
-  downArrow: "↓",
-  end: "end",
-  escape: "esc",
-  home: "home",
-  leftArrow: "←",
-  pageDown: "pgdn",
-  pageUp: "pgup",
-  return: "enter",
-  rightArrow: "→",
-  tab: "tab",
-  upArrow: "↑"
-};
-function formatKeyLabel(spec) {
-  const plusIndex = spec.indexOf("+");
-  if (plusIndex !== -1) {
-    const modifier = spec.slice(0, plusIndex);
-    const rest = spec.slice(plusIndex + 1);
-    return `${modifier}+${keyLabels[rest] ?? rest}`;
-  }
-  return keyLabels[spec] ?? spec;
-}
-function formatKeys(key) {
-  const keys = typeof key === "string" ? [key] : key;
-  return keys.map((k) => formatKeyLabel(k)).join("/");
-}
-function Help({
-  bindings,
-  descriptionColor,
-  keyColor = "cyan",
-  maxColumns = 3,
-  mode = "short",
-  separator = " · "
-}) {
-  const { columns } = useWindowSize();
-  if (mode === "full") {
-    return renderFull(bindings, { columns, descriptionColor, keyColor, maxColumns });
-  }
-  return renderShort(bindings, { columns, descriptionColor, keyColor, separator });
-}
-function renderShort(bindings, options) {
-  const items = [];
-  let totalWidth = 0;
-  for (const [index, binding] of bindings.entries()) {
-    const keys = formatKeys(binding.key);
-    const pairText = `${keys} ${binding.description}`;
-    const separatorWidth = index > 0 ? options.separator.length : 0;
-    const pairWidth = separatorWidth + pairText.length;
-    if (totalWidth + pairWidth > options.columns && items.length > 0) {
-      break;
-    }
-    if (index > 0) {
-      items.push(
-        jsx(Text, { dimColor: true, children: options.separator }, `sep-${index}`)
-      );
-    }
-    items.push(
-      jsxs(Box, { children: [
-        jsx(Text, { color: options.keyColor, children: keys }),
-        jsx(Text, { children: " " }),
-        options.descriptionColor ? jsx(Text, { color: options.descriptionColor, children: binding.description }) : jsx(Text, { dimColor: true, children: binding.description })
-      ] }, `pair-${index}`)
-    );
-    totalWidth += pairWidth;
-  }
-  return jsx(Box, { flexDirection: "row", children: items });
-}
-function renderFull(bindings, options) {
-  const groups = /* @__PURE__ */ new Map();
-  for (const binding of bindings) {
-    const group = binding.group ?? "";
-    if (!groups.has(group)) {
-      groups.set(group, []);
-    }
-    groups.get(group).push(binding);
-  }
-  const groupEntries = [...groups.entries()];
-  const columnCount = Math.min(options.maxColumns, groupEntries.length || 1);
-  const columnWidth = Math.floor(options.columns / columnCount);
-  const columnNodes = [];
-  for (const [index, [groupName, groupBindings]] of groupEntries.entries()) {
-    const rows = [];
-    if (groupName) {
-      rows.push(
-        jsx(Text, { bold: true, children: groupName }, "title")
-      );
-    }
-    for (const [bIndex, binding] of groupBindings.entries()) {
-      const keys = formatKeys(binding.key);
-      rows.push(
-        jsxs(Box, { children: [
-          jsx(Text, { color: options.keyColor, children: keys }),
-          jsx(Text, { children: " " }),
-          options.descriptionColor ? jsx(Text, { color: options.descriptionColor, children: binding.description }) : jsx(Text, { dimColor: true, children: binding.description })
-        ] }, `b-${bIndex}`)
-      );
-    }
-    columnNodes.push(
-      jsx(Box, { flexDirection: "column", width: columnWidth, children: rows }, `col-${index}`)
-    );
-  }
-  return jsx(Box, { flexDirection: "row", children: columnNodes });
-}
-
-export { Help as default };