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

package/dist/packem_shared/MultiSelect-yz7-w0Zv.js

@@ -1,129 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useReducer, useState, useRef, useMemo, useCallback } from 'react';
-import useInput from './useInput-DKZbqMRc.js';
-import useWindowSize from './useWindowSize-D3UU41mv.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const EMPTY_DEFAULT = [];
-const multiSelectReducer = (state, action) => {
-  switch (action.type) {
-    case "focus": {
-      return { ...state, focusedIndex: action.index };
-    }
-    case "focus-next": {
-      const nextIndex = state.focusedIndex + 1;
-      const needsScroll = nextIndex >= state.visibleFrom + action.limit;
-      return {
-        ...state,
-        focusedIndex: nextIndex,
-        visibleFrom: needsScroll ? state.visibleFrom + 1 : state.visibleFrom
-      };
-    }
-    case "focus-prev": {
-      const previousIndex = state.focusedIndex - 1;
-      const needsScroll = previousIndex < state.visibleFrom;
-      return {
-        ...state,
-        focusedIndex: previousIndex,
-        visibleFrom: needsScroll ? state.visibleFrom - 1 : state.visibleFrom
-      };
-    }
-    default: {
-      return state;
-    }
-  }
-};
-function MultiSelect({
-  accentColor = "blue",
-  defaultColor,
-  defaultValue = EMPTY_DEFAULT,
-  isDisabled = false,
-  isFocused = true,
-  limit: customLimit,
-  onChange,
-  onSubmit,
-  options
-}) {
-  const { rows: terminalRows } = useWindowSize();
-  const effectiveLimit = typeof customLimit === "number" ? customLimit : terminalRows;
-  const limit = Math.min(effectiveLimit, options.length);
-  const [state, dispatch] = useReducer(multiSelectReducer, {
-    focusedIndex: 0,
-    visibleFrom: 0
-  });
-  const [selectedValues, setSelectedValues] = useState(defaultValue);
-  const selectedValuesRef = useRef(selectedValues);
-  selectedValuesRef.current = selectedValues;
-  const onSubmitRef = useRef(onSubmit);
-  onSubmitRef.current = onSubmit;
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const stateRef = useRef(state);
-  stateRef.current = state;
-  const visibleOptions = useMemo(() => options.slice(state.visibleFrom, state.visibleFrom + limit), [options, state.visibleFrom, limit]);
-  const handleToggle = useCallback(() => {
-    const focusedValue = options[stateRef.current.focusedIndex]?.value;
-    if (!focusedValue) {
-      return;
-    }
-    setSelectedValues((previous) => {
-      const next = previous.includes(focusedValue) ? previous.filter((v) => v !== focusedValue) : [...previous, focusedValue];
-      onChangeRef.current?.(next);
-      return next;
-    });
-  }, [options]);
-  const handleToggleAll = useCallback(() => {
-    setSelectedValues((previous) => {
-      const next = previous.length === options.length ? [] : options.map((o) => o.value);
-      onChangeRef.current?.(next);
-      return next;
-    });
-  }, [options]);
-  useInput(
-    useCallback(
-      (input, key) => {
-        const { focusedIndex } = stateRef.current;
-        if ((key.downArrow || input === "j") && focusedIndex < options.length - 1) {
-          dispatch({ limit, type: "focus-next" });
-        }
-        if ((key.upArrow || input === "k") && focusedIndex > 0) {
-          dispatch({ limit, type: "focus-prev" });
-        }
-        if (input === " ") {
-          handleToggle();
-        }
-        if (input === "a") {
-          handleToggleAll();
-        }
-        if (key.return) {
-          onSubmitRef.current?.(selectedValuesRef.current);
-        }
-      },
-      [options.length, limit, handleToggle, handleToggleAll]
-    ),
-    { isActive: !isDisabled && isFocused }
-  );
-  return jsx(Box, { flexDirection: "column", children: visibleOptions.map((option, visibleIndex) => {
-    const absoluteIndex = state.visibleFrom + visibleIndex;
-    const isFocusedOption = absoluteIndex === state.focusedIndex;
-    const isSelected = selectedValues.includes(option.value);
-    let labelColor = defaultColor;
-    if (isSelected) {
-      labelColor = "green";
-    } else if (isFocusedOption) {
-      labelColor = accentColor;
-    }
-    return jsxs(Box, { gap: 1, children: [
-      isFocusedOption ? jsx(Text, { color: accentColor, dimColor: !isFocused, children: "▸" }) : jsx(Text, { children: " " }),
-      jsxs(Text, { color: labelColor, dimColor: isDisabled, children: [
-        isSelected ? "◼" : "◻",
-        " ",
-        option.label
-      ] }),
-      isSelected ? jsx(Text, { color: "green", dimColor: !isFocused, children: "✓" }) : void 0
-    ] }, option.key ?? option.value);
-  }) });
-}
-
-export { MultiSelect as default };

package/dist/packem_shared/NAMED_COLORS-DcI3erCu.js

@@ -1,300 +0,0 @@
-import Yoga from 'yoga-layout';
-
-const NAMED_COLORS = {
-  black: 0,
-  // bright variants
-  blackBright: 8,
-  blue: 4,
-  blueBright: 12,
-  cyan: 6,
-  cyanBright: 14,
-  gray: 8,
-  green: 2,
-  greenBright: 10,
-  grey: 8,
-  magenta: 5,
-  magentaBright: 13,
-  red: 1,
-  redBright: 9,
-  white: 7,
-  whiteBright: 15,
-  yellow: 3,
-  yellowBright: 11
-};
-function rgbToAnsi256(r, g, b) {
-  const ri = Math.round(r / 51);
-  const gi = Math.round(g / 51);
-  const bi = Math.round(b / 51);
-  return 16 + 36 * ri + 6 * gi + bi;
-}
-function resolveColor(color) {
-  if (color === void 0) {
-    return 255;
-  }
-  if (typeof color === "number") {
-    return color;
-  }
-  if (color in NAMED_COLORS) {
-    return NAMED_COLORS[color];
-  }
-  const ansiMatch = /^ansi256\(\s*(\d+)\s*\)$/.exec(color);
-  if (ansiMatch) {
-    return Number(ansiMatch[1]);
-  }
-  const hex3Match = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(color);
-  if (hex3Match) {
-    return rgbToAnsi256(
-      Number.parseInt(hex3Match[1] + hex3Match[1], 16),
-      Number.parseInt(hex3Match[2] + hex3Match[2], 16),
-      Number.parseInt(hex3Match[3] + hex3Match[3], 16)
-    );
-  }
-  const hexMatch = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(color);
-  if (hexMatch) {
-    return rgbToAnsi256(Number.parseInt(hexMatch[1], 16), Number.parseInt(hexMatch[2], 16), Number.parseInt(hexMatch[3], 16));
-  }
-  const rgbMatch = /^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/.exec(color);
-  if (rgbMatch) {
-    return rgbToAnsi256(Number(rgbMatch[1]), Number(rgbMatch[2]), Number(rgbMatch[3]));
-  }
-  return 255;
-}
-const positionEdges = [
-  ["top", Yoga.EDGE_TOP],
-  ["right", Yoga.EDGE_RIGHT],
-  ["bottom", Yoga.EDGE_BOTTOM],
-  ["left", Yoga.EDGE_LEFT]
-];
-const applyPositionStyles = (node, style) => {
-  if ("position" in style) {
-    node.setPositionType(
-      style.position === "absolute" ? Yoga.POSITION_TYPE_ABSOLUTE : (
-        // static maps to relative because there is no static conceptually
-        Yoga.POSITION_TYPE_RELATIVE
-      )
-    );
-  }
-  for (const [property, edge] of positionEdges) {
-    if (property in style) {
-      const value = style[property];
-      if (typeof value === "string") {
-        node.setPositionPercent(edge, Number.parseFloat(value));
-      } else {
-        node.setPosition(edge, value);
-      }
-    }
-  }
-};
-const applyMarginStyles = (node, style) => {
-  if ("margin" in style) {
-    node.setMargin(Yoga.EDGE_ALL, style.margin ?? 0);
-  }
-  if ("marginX" in style) {
-    node.setMargin(Yoga.EDGE_HORIZONTAL, style.marginX ?? 0);
-  }
-  if ("marginY" in style) {
-    node.setMargin(Yoga.EDGE_VERTICAL, style.marginY ?? 0);
-  }
-  if ("marginLeft" in style) {
-    node.setMargin(Yoga.EDGE_LEFT, style.marginLeft ?? 0);
-  }
-  if ("marginRight" in style) {
-    node.setMargin(Yoga.EDGE_RIGHT, style.marginRight ?? 0);
-  }
-  if ("marginTop" in style) {
-    node.setMargin(Yoga.EDGE_TOP, style.marginTop ?? 0);
-  }
-  if ("marginBottom" in style) {
-    node.setMargin(Yoga.EDGE_BOTTOM, style.marginBottom ?? 0);
-  }
-};
-const applyPaddingStyles = (node, style) => {
-  if ("padding" in style) {
-    node.setPadding(Yoga.EDGE_ALL, style.padding ?? 0);
-  }
-  if ("paddingX" in style) {
-    node.setPadding(Yoga.EDGE_HORIZONTAL, style.paddingX ?? 0);
-  }
-  if ("paddingY" in style) {
-    node.setPadding(Yoga.EDGE_VERTICAL, style.paddingY ?? 0);
-  }
-  if ("paddingLeft" in style) {
-    node.setPadding(Yoga.EDGE_LEFT, style.paddingLeft ?? 0);
-  }
-  if ("paddingRight" in style) {
-    node.setPadding(Yoga.EDGE_RIGHT, style.paddingRight ?? 0);
-  }
-  if ("paddingTop" in style) {
-    node.setPadding(Yoga.EDGE_TOP, style.paddingTop ?? 0);
-  }
-  if ("paddingBottom" in style) {
-    node.setPadding(Yoga.EDGE_BOTTOM, style.paddingBottom ?? 0);
-  }
-};
-const applyFlexStyles = (node, style) => {
-  if ("flexGrow" in style) {
-    node.setFlexGrow(style.flexGrow ?? 0);
-  }
-  if ("flexShrink" in style) {
-    node.setFlexShrink(style.flexShrink ?? 1);
-  }
-  if ("flexWrap" in style) {
-    node.setFlexWrap(style.flexWrap === "nowrap" ? Yoga.WRAP_NO_WRAP : style.flexWrap === "wrap" ? Yoga.WRAP_WRAP : Yoga.WRAP_WRAP_REVERSE);
-  }
-  if ("flexDirection" in style) {
-    if (style.flexDirection === "row") {
-      node.setFlexDirection(Yoga.FLEX_DIRECTION_ROW);
-    }
-    if (style.flexDirection === "row-reverse") {
-      node.setFlexDirection(Yoga.FLEX_DIRECTION_ROW_REVERSE);
-    }
-    if (style.flexDirection === "column") {
-      node.setFlexDirection(Yoga.FLEX_DIRECTION_COLUMN);
-    }
-    if (style.flexDirection === "column-reverse") {
-      node.setFlexDirection(Yoga.FLEX_DIRECTION_COLUMN_REVERSE);
-    }
-  }
-  if ("flexBasis" in style) {
-    if (typeof style.flexBasis === "number") {
-      node.setFlexBasis(style.flexBasis);
-    } else if (typeof style.flexBasis === "string") {
-      node.setFlexBasisPercent(Number.parseInt(style.flexBasis, 10));
-    } else {
-      node.setFlexBasis(Number.NaN);
-    }
-  }
-  if ("alignItems" in style) {
-    const map = {
-      baseline: Yoga.ALIGN_BASELINE,
-      center: Yoga.ALIGN_CENTER,
-      "flex-end": Yoga.ALIGN_FLEX_END,
-      "flex-start": Yoga.ALIGN_FLEX_START,
-      stretch: Yoga.ALIGN_STRETCH
-    };
-    node.setAlignItems(map[style.alignItems || "stretch"]);
-  }
-  if ("alignSelf" in style) {
-    const map = {
-      auto: Yoga.ALIGN_AUTO,
-      baseline: Yoga.ALIGN_BASELINE,
-      center: Yoga.ALIGN_CENTER,
-      "flex-end": Yoga.ALIGN_FLEX_END,
-      "flex-start": Yoga.ALIGN_FLEX_START,
-      stretch: Yoga.ALIGN_STRETCH
-    };
-    node.setAlignSelf(map[style.alignSelf || "auto"]);
-  }
-  if ("alignContent" in style) {
-    const map = {
-      center: Yoga.ALIGN_CENTER,
-      "flex-end": Yoga.ALIGN_FLEX_END,
-      "flex-start": Yoga.ALIGN_FLEX_START,
-      "space-around": Yoga.ALIGN_SPACE_AROUND,
-      "space-between": Yoga.ALIGN_SPACE_BETWEEN,
-      stretch: Yoga.ALIGN_STRETCH
-    };
-    node.setAlignContent(map[style.alignContent || "flex-start"]);
-  }
-  if ("justifyContent" in style) {
-    const map = {
-      center: Yoga.JUSTIFY_CENTER,
-      "flex-end": Yoga.JUSTIFY_FLEX_END,
-      "flex-start": Yoga.JUSTIFY_FLEX_START,
-      "space-around": Yoga.JUSTIFY_SPACE_AROUND,
-      "space-between": Yoga.JUSTIFY_SPACE_BETWEEN,
-      "space-evenly": Yoga.JUSTIFY_SPACE_EVENLY
-    };
-    node.setJustifyContent(map[style.justifyContent || "flex-start"]);
-  }
-};
-const applyDimensionStyles = (node, style) => {
-  if ("width" in style) {
-    if (typeof style.width === "number") {
-      node.setWidth(style.width);
-    } else if (typeof style.width === "string") {
-      node.setWidthPercent(Number.parseInt(style.width, 10));
-    } else {
-      node.setWidthAuto();
-    }
-  }
-  if ("height" in style) {
-    if (typeof style.height === "number") {
-      node.setHeight(style.height);
-    } else if (typeof style.height === "string") {
-      node.setHeightPercent(Number.parseInt(style.height, 10));
-    } else {
-      node.setHeightAuto();
-    }
-  }
-  if ("minWidth" in style) {
-    if (typeof style.minWidth === "string") {
-      node.setMinWidthPercent(Number.parseInt(style.minWidth, 10));
-    } else {
-      node.setMinWidth(style.minWidth ?? 0);
-    }
-  }
-  if ("minHeight" in style) {
-    if (typeof style.minHeight === "string") {
-      node.setMinHeightPercent(Number.parseInt(style.minHeight, 10));
-    } else {
-      node.setMinHeight(style.minHeight ?? 0);
-    }
-  }
-  if ("maxWidth" in style) {
-    if (typeof style.maxWidth === "string") {
-      node.setMaxWidthPercent(Number.parseInt(style.maxWidth, 10));
-    } else {
-      node.setMaxWidth(style.maxWidth);
-    }
-  }
-  if ("maxHeight" in style) {
-    if (typeof style.maxHeight === "string") {
-      node.setMaxHeightPercent(Number.parseInt(style.maxHeight, 10));
-    } else {
-      node.setMaxHeight(style.maxHeight);
-    }
-  }
-  if ("aspectRatio" in style) {
-    node.setAspectRatio(style.aspectRatio);
-  }
-};
-const applyDisplayStyles = (node, style) => {
-  if ("display" in style) {
-    node.setDisplay(style.display === "flex" ? Yoga.DISPLAY_FLEX : Yoga.DISPLAY_NONE);
-  }
-};
-const applyBorderStyles = (node, style, currentStyle) => {
-  const hasBorderChanges = "borderStyle" in style || "borderTop" in style || "borderBottom" in style || "borderLeft" in style || "borderRight" in style;
-  if (!hasBorderChanges) {
-    return;
-  }
-  const borderWidth = currentStyle.borderStyle ? 1 : 0;
-  node.setBorder(Yoga.EDGE_TOP, currentStyle.borderTop === false ? 0 : borderWidth);
-  node.setBorder(Yoga.EDGE_BOTTOM, currentStyle.borderBottom === false ? 0 : borderWidth);
-  node.setBorder(Yoga.EDGE_LEFT, currentStyle.borderLeft === false ? 0 : borderWidth);
-  node.setBorder(Yoga.EDGE_RIGHT, currentStyle.borderRight === false ? 0 : borderWidth);
-};
-const applyGapStyles = (node, style) => {
-  if ("gap" in style) {
-    node.setGap(Yoga.GUTTER_ALL, style.gap ?? 0);
-  }
-  if ("columnGap" in style) {
-    node.setGap(Yoga.GUTTER_COLUMN, style.columnGap ?? 0);
-  }
-  if ("rowGap" in style) {
-    node.setGap(Yoga.GUTTER_ROW, style.rowGap ?? 0);
-  }
-};
-const applyStyles = (node, style = {}, currentStyle = style) => {
-  applyPositionStyles(node, style);
-  applyMarginStyles(node, style);
-  applyPaddingStyles(node, style);
-  applyFlexStyles(node, style);
-  applyDimensionStyles(node, style);
-  applyDisplayStyles(node, style);
-  applyBorderStyles(node, style, currentStyle);
-  applyGapStyles(node, style);
-};
-
-export { NAMED_COLORS, applyStyles, resolveColor };

package/dist/packem_shared/Newline-DBtYEg8x.js

@@ -1,7 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-function Newline({ count = 1 }) {
-  return jsx("ink-text", { children: "\n".repeat(count) });
-}
-
-export { Newline as default };

package/dist/packem_shared/OperationTree-Dudx5o1o.js

@@ -1,67 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import Spinner from './Spinner-BcO5BCAa.js';
-import Text from './Text-CtUwV89_.js';
-
-const STATUS_COLOR = {
-  completed: "green",
-  error: "red",
-  pending: "gray",
-  running: "cyan",
-  skipped: "yellow"
-};
-const STATUS_ICON = {
-  completed: "✔",
-  error: "✖",
-  pending: "○",
-  skipped: "⊘"
-};
-const formatDuration = (ms) => {
-  if (ms < 1e3) {
-    return `${Math.round(ms)}ms`;
-  }
-  if (ms < 6e4) {
-    return `${(ms / 1e3).toFixed(1)}s`;
-  }
-  const totalSeconds = Math.round(ms / 1e3);
-  const minutes = Math.floor(totalSeconds / 60);
-  const seconds = totalSeconds % 60;
-  return `${minutes}m ${seconds}s`;
-};
-const NodeLine = ({ isLast, node, prefix, showSpinner }) => {
-  const color = STATUS_COLOR[node.status];
-  const connector = prefix.length === 0 ? "" : isLast ? "└─ " : "├─ ";
-  const childPrefix = prefix + (isLast ? "   " : "│  ");
-  return jsxs(Fragment, { children: [
-    jsxs(Box, { children: [
-      jsx(Text, { dimColor: true, children: prefix }),
-      jsx(Text, { dimColor: true, children: connector }),
-      jsx(Box, { flexShrink: 0, children: jsx(Text, { color, children: node.status === "running" ? showSpinner ? jsx(Spinner, { type: "dots" }) : "…" : STATUS_ICON[node.status] }) }),
-      jsx(Text, { children: " " }),
-      jsx(Box, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: jsx(
-        Text,
-        {
-          bold: node.status === "running",
-          color: node.status === "pending" ? "gray" : void 0,
-          dimColor: node.status === "skipped",
-          wrap: "truncate-end",
-          children: node.label
-        }
-      ) }),
-      node.durationMs === void 0 ? void 0 : jsx(Box, { flexShrink: 0, children: jsxs(Text, { dimColor: true, children: [
-        " ",
-        formatDuration(node.durationMs)
-      ] }) })
-    ] }),
-    node.details === void 0 ? void 0 : jsxs(Box, { children: [
-      jsx(Text, { dimColor: true, children: childPrefix }),
-      jsx(Text, { dimColor: true, children: node.details })
-    ] }),
-    node.children?.map((child, index, all) => jsx(NodeLine, { isLast: index === all.length - 1, node: child, prefix: childPrefix, showSpinner }, child.id))
-  ] });
-};
-function OperationTree({ nodes, showSpinner = true }) {
-  return jsx(Box, { flexDirection: "column", children: nodes.map((node, index) => jsx(NodeLine, { isLast: index === nodes.length - 1, node, prefix: "", showSpinner }, node.id)) });
-}
-
-export { OperationTree as default };

package/dist/packem_shared/OptionList-CTyqQaZ1.js

@@ -1,24 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-function OptionList({ accentColor = "blue", bordered = false, currentId, iconColumnWidth = 2, options }) {
-  const list = jsx(Box, { flexDirection: "column", children: options.map((option) => {
-    const isCurrent = option.id === currentId;
-    const color = isCurrent ? accentColor : void 0;
-    return jsxs(Box, { flexDirection: "column", children: [
-      jsxs(Box, { children: [
-        jsx(Box, { flexShrink: 0, width: iconColumnWidth, children: jsx(Text, { color, children: option.icon ?? (isCurrent ? "▸" : " ") }) }),
-        jsx(Box, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: jsx(Text, { bold: isCurrent, color, wrap: "truncate-end", children: option.label }) }),
-        option.trailing === void 0 ? void 0 : jsx(Box, { flexShrink: 0, children: option.trailing })
-      ] }),
-      option.description === void 0 ? void 0 : jsx(Box, { marginLeft: iconColumnWidth, children: jsx(Text, { dimColor: true, wrap: "truncate-end", children: option.description }) })
-    ] }, option.id);
-  }) });
-  if (!bordered) {
-    return list;
-  }
-  return jsx(Box, { borderStyle: "round", paddingX: 1, children: list });
-}
-
-export { OptionList as default };

package/dist/packem_shared/OrderedList-VsvSmHUC.js

@@ -1,26 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const renderList = (items, parentMarker) => {
-  const maxWidth = String(items.length).length;
-  return jsx(Box, { flexDirection: "column", children: items.map((item, index) => {
-    const paddedNumber = `${String(index + 1).padStart(maxWidth)}.`;
-    const marker = `${parentMarker}${paddedNumber}`;
-    return (
-      // eslint-disable-next-line react-x/no-array-index-key -- list entries have no unique key
-      jsxs(Box, { gap: 1, children: [
-        jsx(Text, { dimColor: true, children: marker }),
-        jsxs(Box, { flexDirection: "column", children: [
-          jsx(Text, { children: item.label }),
-          item.children ? renderList(item.children, marker) : void 0
-        ] })
-      ] }, index)
-    );
-  }) });
-};
-function OrderedList({ items }) {
-  return renderList(items, "");
-}
-
-export { OrderedList as default };

package/dist/packem_shared/Paginator-DmGogvEI.js

@@ -1,104 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useCallback } from 'react';
-import useInput from './useInput-DKZbqMRc.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const Indicator = ({
-  color,
-  currentPage,
-  style,
-  totalPages
-}) => {
-  if (style === "fraction") {
-    return jsxs(Text, { children: [
-      jsx(Text, { color, children: currentPage + 1 }),
-      jsxs(Text, { dimColor: true, children: [
-        "/",
-        totalPages
-      ] })
-    ] });
-  }
-  if (style === "numeric") {
-    const previousArrow = currentPage > 0 ? jsx(Text, { color, children: "‹ " }) : jsx(Text, { dimColor: true, children: "‹ " });
-    const nextArrow = currentPage < totalPages - 1 ? jsx(Text, { color, children: " ›" }) : jsx(Text, { dimColor: true, children: " ›" });
-    return jsxs(Box, { children: [
-      previousArrow,
-      jsx(Text, { color, children: currentPage + 1 }),
-      jsxs(Text, { dimColor: true, children: [
-        " ",
-        "/",
-        totalPages
-      ] }),
-      nextArrow
-    ] });
-  }
-  const dots = Array.from({ length: totalPages }, (_, i) => {
-    if (i === currentPage) {
-      return jsx(Text, { color, children: "●" }, i);
-    }
-    return jsx(Text, { dimColor: true, children: "○" }, i);
-  });
-  return jsx(Box, { gap: 1, children: dots });
-};
-const Paginator = ({
-  children,
-  defaultPage = 0,
-  indicatorColor = "cyan",
-  isFocused = true,
-  items,
-  onChange,
-  page: controlledPage,
-  pageSize,
-  style = "dots"
-}) => {
-  const isControlled = controlledPage !== void 0;
-  const [internalPage, setInternalPage] = useState(defaultPage);
-  const currentPage = isControlled ? controlledPage : internalPage;
-  const totalPages = Math.max(1, Math.ceil(items.length / pageSize));
-  const safePage = Math.max(0, Math.min(currentPage, totalPages - 1));
-  const setPage = useCallback(
-    (newPage) => {
-      const clamped = Math.max(0, Math.min(newPage, totalPages - 1));
-      if (!isControlled) {
-        setInternalPage(clamped);
-      }
-      onChange?.(clamped);
-    },
-    [totalPages, isControlled, onChange]
-  );
-  useInput(
-    useCallback(
-      (_input, key) => {
-        if (key.leftArrow || key.pageUp) {
-          setPage(safePage - 1);
-        } else if (key.rightArrow || key.pageDown) {
-          setPage(safePage + 1);
-        } else if (key.home) {
-          setPage(0);
-        } else if (key.end) {
-          setPage(totalPages - 1);
-        }
-      },
-      [safePage, totalPages, setPage]
-    ),
-    { isActive: isFocused }
-  );
-  const startIndex = safePage * pageSize;
-  const endIndex = Math.min(startIndex + pageSize, items.length);
-  const pageItems = items.slice(startIndex, endIndex);
-  const meta = {
-    currentPage: safePage,
-    endIndex,
-    isFirstPage: safePage === 0,
-    isLastPage: safePage === totalPages - 1,
-    startIndex,
-    totalPages
-  };
-  return jsxs(Box, { flexDirection: "column", children: [
-    children(pageItems, meta),
-    totalPages > 1 && jsx(Indicator, { color: indicatorColor, currentPage: safePage, style, totalPages })
-  ] });
-};
-
-export { Paginator as default };

package/dist/packem_shared/Paragraph-CNNhfepo.js

@@ -1,9 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-function Paragraph({ children, color, dimColor = false, marginBottom = 1, marginTop = 0 }) {
-  return jsx(Box, { flexDirection: "column", marginBottom, marginTop, children: jsx(Text, { color, dimColor, children }) });
-}
-
-export { Paragraph as default };