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

package/dist/packem_shared/ScatterPlot-CWOg4G5h.js

@@ -0,0 +1,63 @@
+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-EWAs2Uc7.js → ScrollBar-DFeWH43I.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import Box from './Box-D_pSJ9Jp.js';
-import Text from './Text-DvAUdZcK.js';
+import Box from './Box-W1w_NGin.js';
+import Text from './Text-CtUwV89_.js';
 
 const STYLE_CHARS = {
   arrow: { lowerThumb: "╽", thumb: "┃", track: "|", upperThumb: "╿" },

package/dist/packem_shared/{ScrollBarBox-DTNNlh7R.js → ScrollBarBox-C7VL6Izd.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import Box from './Box-D_pSJ9Jp.js';
-import { ScrollBar } from './ScrollBar-EWAs2Uc7.js';
+import Box from './Box-W1w_NGin.js';
+import { ScrollBar } from './ScrollBar-DFeWH43I.js';
 
 const ScrollBarBox = ({
   borderColor,

package/dist/packem_shared/{ScrollList-DCeIFL8M.js → ScrollList-DRcr_RrN.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useCallback, useImperativeHandle } from 'react';
-import useScrollInput from './useScrollInput-D3CpBq_a.js';
-import { C as ControlledScrollView } from './ControlledScrollView-BlOaxcsN.js';
+import useScrollInput from './useScrollInput-DfzRGQFe.js';
+import { C as ControlledScrollView } from './controlled-scroll-view-DJXfdWMm.js';
 
 const ScrollList = (props) => {
   const {

package/dist/packem_shared/{ScrollView-v3MCNIyX.js → ScrollView-C6rdlGwU.js}

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useCallback, useImperativeHandle } from 'react';
-import useScrollInput from './useScrollInput-D3CpBq_a.js';
-import Box from './Box-D_pSJ9Jp.js';
-import { u as useStateRef, C as ControlledScrollView } from './ControlledScrollView-BlOaxcsN.js';
-import { ScrollBar } from './ScrollBar-EWAs2Uc7.js';
+import useScrollInput from './useScrollInput-DfzRGQFe.js';
+import Box from './Box-W1w_NGin.js';
+import { u as useStateRef, C as ControlledScrollView } from './controlled-scroll-view-DJXfdWMm.js';
+import { ScrollBar } from './ScrollBar-DFeWH43I.js';
 
 const ScrollView = ({
   children,

package/dist/packem_shared/SearchInput-cB8zFhSg.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from './Box-W1w_NGin.js';
+import Text from './Text-CtUwV89_.js';
+import TextInput from './TextInput-C9r7zT0U.js';
+
+function SearchInput({
+  accentColor = "blue",
+  defaultValue = "",
+  icon = "⌕",
+  isDisabled = false,
+  onChange,
+  onSubmit,
+  placeholder = "Search...",
+  suggestions
+}) {
+  return jsxs(Box, { borderColor: accentColor, borderStyle: "round", gap: 1, paddingX: 1, children: [
+    jsx(Text, { color: accentColor, children: icon }),
+    jsx(Box, { flexGrow: 1, children: jsx(
+      TextInput,
+      {
+        defaultValue,
+        isDisabled,
+        onChange,
+        onSubmit,
+        placeholder,
+        suggestions
+      }
+    ) })
+  ] });
+}
+
+export { SearchInput as default };

package/dist/packem_shared/{SelectInput-BN2TMyxp.js → SelectInput-WzZSqp72.js}

@@ -22,12 +22,12 @@ const {
   isDeepStrictEqual
 } = __cjs_getBuiltinModule("node:util");
 import { useReducer, useRef, useMemo, useEffect, useCallback, createElement } from 'react';
-import useInput from './useInput-Cfp5zB2s.js';
-import useWindowSize from './useWindowSize-ugEmGZJm.js';
-import Box from './Box-D_pSJ9Jp.js';
-import SelectInputIndicator from './SelectInputIndicator-DkRMoH_b.js';
-import SelectInputItem from './SelectInputItem-BF9LQgKu.js';
-import Text from './Text-DvAUdZcK.js';
+import useInput from './useInput-DKZbqMRc.js';
+import useWindowSize from './useWindowSize-D3UU41mv.js';
+import Box from './Box-W1w_NGin.js';
+import SelectInputIndicator from './SelectInputIndicator-DKeN6v5Z.js';
+import SelectInputItem from './SelectInputItem-CxFL3spM.js';
+import Text from './Text-CtUwV89_.js';
 
 const isSeparator = (entry) => "isSeparator" in entry && entry.isSeparator;
 const EMPTY_ITEMS = [];

package/dist/packem_shared/{SelectInputIndicator-DkRMoH_b.js → SelectInputIndicator-DKeN6v5Z.js}

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import Box from './Box-D_pSJ9Jp.js';
-import Text from './Text-DvAUdZcK.js';
+import Box from './Box-W1w_NGin.js';
+import Text from './Text-CtUwV89_.js';
 
 function SelectInputIndicator({ accentColor = "blue", isFocused = true, isSelected = false }) {
   return jsx(Box, { marginRight: 1, children: isSelected ? jsx(Text, { color: accentColor, dimColor: !isFocused, children: "❯" }) : jsx(Text, { children: " " }) });

package/dist/packem_shared/{SelectInputItem-BF9LQgKu.js → SelectInputItem-CxFL3spM.js}

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import Text from './Text-DvAUdZcK.js';
+import Text from './Text-CtUwV89_.js';
 
 function SelectInputItem({ accentColor = "blue", defaultColor, isFocused = true, isSelected = false, label }) {
   return jsx(Text, { color: isSelected ? accentColor : defaultColor, dimColor: isSelected && !isFocused, children: label });

package/dist/packem_shared/ShimmerText-B2VbPUSB.js

@@ -0,0 +1,34 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import useAnimation from './useAnimation-DV22qxiJ.js';
+import Text from './Text-CtUwV89_.js';
+
+function ShimmerText({ bandWidth = 3, color, highlightColor = "white", interval = 60, text }) {
+  const { frame } = useAnimation({ interval });
+  const characters = useMemo(() => [...text], [text]);
+  const total = characters.length;
+  const cycle = total + bandWidth;
+  const position = total === 0 ? 0 : frame % cycle;
+  const baseElements = useMemo(
+    () => characters.map((char, index) => jsx(Text, { color, dimColor: color === void 0, children: char }, index)),
+    [characters, color]
+  );
+  if (total === 0) {
+    return jsx(Text, { color, children: text });
+  }
+  const parts = [];
+  for (const [index, char] of characters.entries()) {
+    const offset = position - index;
+    const inBand = offset >= 0 && offset < bandWidth;
+    if (!inBand) {
+      parts.push(baseElements[index]);
+      continue;
+    }
+    parts.push(
+      jsx(Text, { bold: true, color: highlightColor, children: char }, `band-${index}`)
+    );
+  }
+  return jsx(Text, { children: parts });
+}
+
+export { ShimmerText as default };

package/dist/packem_shared/{Slider-BWD7xZX6.js → Slider-BOrNTOQe.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useCallback } from 'react';
-import useInput from './useInput-Cfp5zB2s.js';
-import Box from './Box-D_pSJ9Jp.js';
-import Text from './Text-DvAUdZcK.js';
+import useInput from './useInput-DKZbqMRc.js';
+import Box from './Box-W1w_NGin.js';
+import Text from './Text-CtUwV89_.js';
 
 const clamp = (v, lo, hi) => Math.min(hi, Math.max(lo, v));
 function Slider({

package/dist/packem_shared/{Spacer-Bs4ER-HK.js → Spacer-DhmXyTb8.js}

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import Box from './Box-D_pSJ9Jp.js';
+import Box from './Box-W1w_NGin.js';
 
 function Spacer() {
   return jsx(Box, { flexGrow: 1 });

package/dist/packem_shared/Sparkline-BSbjPrwK.js

@@ -0,0 +1,44 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import Text from './Text-CtUwV89_.js';
+
+const GLYPHS = "▁▂▃▄▅▆▇█";
+const resolveGlyph = (value, min, range) => {
+  if (range === 0) {
+    return GLYPHS[0];
+  }
+  const ratio = (value - min) / range;
+  const index = Math.max(0, Math.min(GLYPHS.length - 1, Math.floor(ratio * GLYPHS.length)));
+  return GLYPHS[index];
+};
+const computeExtent = (data, minOverride, maxOverride) => {
+  let min = minOverride ?? Number.POSITIVE_INFINITY;
+  let max = maxOverride ?? Number.NEGATIVE_INFINITY;
+  if (minOverride === void 0 || maxOverride === void 0) {
+    for (const value of data) {
+      if (minOverride === void 0 && value < min) {
+        min = value;
+      }
+      if (maxOverride === void 0 && value > max) {
+        max = value;
+      }
+    }
+  }
+  return { max, min };
+};
+function Sparkline({ color, data, max, min }) {
+  const chart = useMemo(() => {
+    if (data.length === 0) {
+      return "";
+    }
+    const { max: hi, min: lo } = computeExtent(data, min, max);
+    const range = hi - lo;
+    return data.map((value) => resolveGlyph(value, lo, range)).join("");
+  }, [data, min, max]);
+  if (chart.length === 0) {
+    return null;
+  }
+  return jsx(Text, { color, children: chart });
+}
+
+export { Sparkline as default };