@visulima/tui-kit 0.0.0 → 1.0.1

package/dist/index.d.ts

@@ -0,0 +1,125 @@
+export { Accordion, type AccordionItem, type AccordionProps } from "./accordion.js";
+export { Alert, type AlertProps, type AlertVariant } from "./alert.js";
+export { AnimatePresence, type AnimatePresenceProps } from "./animate-presence.js";
+export { type ApprovalDecision, ApprovalPrompt, type ApprovalPromptProps, type ApprovalRisk } from "./approval-prompt.js";
+export { AreaChart, type AreaChartProps } from "./area-chart.js";
+export { Badge, type BadgeProps } from "./badge.js";
+export { BarChart, type BarChartProps, type BarDatum } from "./bar-chart.js";
+export { BigText, type Align as BigTextAlign, type BackgroundColor as BigTextBackgroundColor, type BigTextFont, type BigTextProps } from "./big-text.js";
+export { BlinkDot, type BlinkDotProps } from "./blink-dot.js";
+export { Breadcrumb, type BreadcrumbItem, type BreadcrumbProps } from "./breadcrumb.js";
+export { Button, type ButtonProps, type ButtonVariant } from "./button.js";
+export { Calendar, type CalendarProps } from "./calendar.js";
+export { Card, type CardProps } from "./card.js";
+export { Checkbox, type CheckboxProps } from "./checkbox.js";
+export { CheckboxGroup, type CheckboxGroupProps, type CheckboxOption } from "./checkbox-group.js";
+export { Code, type CodeProps } from "./code.js";
+export { Collapsible, type CollapsibleProps } from "./collapsible.js";
+export { ColorPicker, type ColorPickerProps } from "./color-picker.js";
+export { CommandBlock, type CommandBlockProps, type CommandStatus } from "./command-block.js";
+export { type CommandEntry, CommandPalette, type CommandPaletteProps } from "./command-palette.js";
+export { ConfirmDialog, type ConfirmDialogProps, type ConfirmTone } from "./confirm-dialog.js";
+export { ConfirmInput, type ConfirmInputProps } from "./confirm-input.js";
+export { ConsoleOverlay, type ConsoleOverlayDock, type ConsoleOverlayProps } from "./console-overlay.js";
+export { ContentSwitcher, type ContentSwitcherOption, type ContentSwitcherProps } from "./content-switcher.js";
+export { DataGrid, type DataGridColumn, type DataGridProps } from "./data-grid.js";
+export { DatePicker, type DatePickerProps } from "./date-picker.js";
+export { type DefinitionItem, DefinitionList, type DefinitionListProps } from "./definition-list.js";
+export { Dialog, type DialogProps } from "./dialog.js";
+export { DiffView, type DiffViewMode, type DiffViewProps, type InlineDiffMode } from "./diff-view.js";
+export { Digits, type DigitsProps } from "./digits.js";
+export { type DirectoryNode, DirectoryTree, type DirectoryTreeProps } from "./directory-tree.js";
+export { Divider, type DividerProps } from "./divider.js";
+export { Drawer, type DrawerProps } from "./drawer.js";
+export { FileChange, type FileChangeProps, type FileChangeStatus } from "./file-change.js";
+export { type F as FileEntry, a as FilePicker, type b as FilePickerFilter, type P as FilePickerProps } from "./packem_shared/file-picker.d-CH7pccC7.js";
+export { Form, FormField, type FormFieldProps, type FormProps } from "./form.js";
+export { Gauge, type GaugeProps, type GaugeSize, type GaugeThreshold } from "./gauge.js";
+export { Gradient, type GradientColors, type GradientName, type GradientProps } from "./gradient.js";
+export { Grid, type GridProps } from "./grid.js";
+export { Heading, type HeadingLevel, type HeadingProps } from "./heading.js";
+export { Heatmap, type HeatmapProps } from "./heatmap.js";
+export { Help, type HelpProps } from "./help.js";
+export { Histogram, type HistogramProps } from "./histogram.js";
+export { Image, type ImageProps } from "./image.js";
+export { Json, type JsonProps, type JsonTheme } from "./json.js";
+export { Kbd, type KbdProps } from "./kbd.js";
+export { LineChart, type LineChartProps, type LineSeries } from "./line-chart.js";
+export { Link, type LinkProps } from "./link.js";
+export { LoadingIndicator, type LoadingIndicatorProps } from "./loading-indicator.js";
+export { Log, type LogEntry, type LogLevel, type LogProps } from "./log.js";
+export { Markdown, type MarkdownProps } from "./markdown.js";
+export { MaskedInput, type MaskedInputProps } from "./masked-input.js";
+export { Menu, type MenuItem, type MenuProps, type MenuSection } from "./menu.js";
+export { MessageBubble, type MessageBubbleProps, type MessageRole } from "./message-bubble.js";
+export { ModelBadge, type ModelBadgeProps } from "./model-badge.js";
+export { type ModelOption, ModelSelector, type ModelSelectorProps } from "./model-selector.js";
+export { MultiProgress, type MultiProgressProps, type ProgressItem } from "./multi-progress.js";
+export { MultiSelect, type MultiSelectOption, type MultiSelectProps } from "./multi-select.js";
+export { NotificationBadge, type NotificationBadgeProps } from "./notification-badge.js";
+export { NumberInput, type NumberInputProps } from "./number-input.js";
+export { type OperationNode, type OperationStatus, OperationTree, type OperationTreeProps } from "./operation-tree.js";
+export { OptionList, type OptionListEntry, type OptionListProps } from "./option-list.js";
+export { OrderedList, type OrderedListEntry, type OrderedListProps } from "./ordered-list.js";
+export { type PageMeta, Paginator, type PaginatorProps } from "./paginator.js";
+export { Paragraph, type ParagraphProps } from "./paragraph.js";
+export { PathInput, type PathInputProps } from "./path-input.js";
+export { PieChart, type PieChartProps, type PieSlice } from "./pie-chart.js";
+export { Placeholder, type PlaceholderProps } from "./placeholder.js";
+export { Popover, type PopoverProps } from "./popover.js";
+export { ProgressBar, type ProgressBarProps } from "./progress-bar.js";
+export { ProgressCircle, type ProgressCircleProps } from "./progress-circle.js";
+export { QrCode, type Props as QrCodeProps } from "./qr-code.js";
+export { RadioGroup, type Props as RadioGroupProps, type RadioOption } from "./radio-group.js";
+export { ScatterPlot, type Props as ScatterPlotProps } from "./scatter-plot.js";
+export { C as ControlledScrollView, type a as ControlledScrollViewProps, type b as ControlledScrollViewRef } from "./packem_shared/controlled-scroll-view.d-D3kZZzjI.js";
+export { S as ScrollBar, type a as ScrollBarPlacement, type b as ScrollBarProps, type c as ScrollBarStyle } from "./packem_shared/scroll-bar.d-B4sD1hBR.js";
+export { S as ScrollBarBox, type a as ScrollBarBoxProps } from "./packem_shared/scroll-bar-box.d-CpTYEcTZ.js";
+export { type S as ScrollAlignment, a as ScrollList, type b as ScrollListProps, type c as ScrollListRef } from "./packem_shared/scroll-list.d-CPCF0RwC.js";
+export { S as ScrollView, type a as ScrollViewProps, type b as ScrollViewRef } from "./packem_shared/scroll-view.d-GZcgAHl4.js";
+export { SearchInput, type Props as SearchInputProps } from "./search-input.js";
+export { SelectInput, type SelectInputEntry, type Item as SelectInputItemType, type Props as SelectInputProps, type SelectInputSeparator } from "./select-input.js";
+export { SelectInputIndicator, type Props as SelectInputIndicatorProps } from "./select-input-indicator.js";
+export { SelectInputItem, type Props as SelectInputItemProps } from "./select-input-item.js";
+export { ShimmerText, type Props as ShimmerTextProps } from "./shimmer-text.js";
+export { Sidebar, type Props as SidebarProps } from "./sidebar.js";
+export { Slider, type Props as SliderProps } from "./slider.js";
+export { Sparkline, type Props as SparklineProps } from "./sparkline.js";
+export { Spinner, type Props as SpinnerProps } from "./spinner.js";
+export { StatusLine, type Props as StatusLineProps } from "./status-line.js";
+export { StatusMessage, type Props as StatusMessageProps, type StatusMessageVariant } from "./status-message.js";
+export { type StepStatus, Stepper, type Props as StepperProps, type StepperStep } from "./stepper.js";
+export { Stopwatch, type Props as StopwatchProps, type StopwatchRef } from "./stopwatch.js";
+export { StreamingText, type Props as StreamingTextProps } from "./streaming-text.js";
+export { Switch, type Props as SwitchProps } from "./switch.js";
+export { Tab, type Props as TabProps } from "./tab.js";
+export { Table, type ColumnConfig as TableColumnConfig, type Props as TableProps, type Scalar as TableScalar, type ScalarDict as TableScalarDict } from "./table.js";
+export { type TabColors, Tabs, type KeyMap as TabsKeyMap, type Props as TabsProps } from "./tabs.js";
+export { Tag, type Props as TagProps, type TagVariant } from "./tag.js";
+export { TagInput, type Props as TagInputProps } from "./tag-input.js";
+export { TextInput, type Props as TextInputProps } from "./text-input.js";
+export { Textarea, type Props as TextareaProps } from "./textarea.js";
+export { ThinkingBlock, type Props as ThinkingBlockProps } from "./thinking-block.js";
+export { TimePicker, type Props as TimePickerProps, type TimeValue } from "./time-picker.js";
+export { Timer, type Props as TimerProps, type TimerRef } from "./timer.js";
+export { Toast, type Props as ToastProps, type ToastVariant } from "./toast.js";
+export { TokenUsage, type Props as TokenUsageProps } from "./token-usage.js";
+export { ToolCall, type Props as ToolCallProps, type ToolCallStatus } from "./tool-call.js";
+export { Tooltip, type TooltipPlacement, type Props as TooltipProps } from "./tooltip.js";
+export { default as Transition, type TransitionPhase, type TransitionPreset, type Props as TransitionProps } from "./transition.js";
+export { TreeSelect, type TreeSelectNode, type Props as TreeSelectProps } from "./tree-select.js";
+export { type A as AsyncChildrenFunction, type F as FlatNode, type S as SelectionMode, type T as TreeNode, a as TreeNodeMap, type b as TreeNodeRendererProps, type c as TreeNodeState, d as TreeView, type P as TreeViewProps, type e as TreeViewState, type f as TreeViewTheme, type U as UseTreeViewProps, type g as UseTreeViewStateProps, t as treeViewTheme, u as useTreeView, h as useTreeViewState } from "./packem_shared/use-tree-view.d-DeMQ6G2r.js";
+export { UnorderedList, type UnorderedListEntry, type Props as UnorderedListProps } from "./unordered-list.js";
+import '@visulima/colorize';
+import 'react';
+import 'type-fest';
+import "./packem_shared/variant-config.d-D5NnrrQK.js";
+import '@visulima/tui/hooks/use-console-capture';
+import '@visulima/tui/components/box';
+import '@visulima/colorize/gradient';
+import '@visulima/tui/hooks/use-key-bindings';
+import '@visulima/tui/canvas';
+import '@visulima/spinner';
+import '@visulima/tui/components/text';
+import '@visulima/tui/hooks/use-stopwatch';
+import '@visulima/tui/hooks/use-timer';

package/dist/index.js

@@ -0,0 +1 @@
+import{Accordion as e}from"./accordion.js";import{Alert as p}from"./alert.js";import{AnimatePresence as f}from"./animate-presence.js";import{ApprovalPrompt as a}from"./approval-prompt.js";import{AreaChart as l}from"./area-chart.js";import{Badge as d}from"./badge.js";import{BarChart as c}from"./bar-chart.js";import{BigText as u}from"./big-text.js";import{BlinkDot as T}from"./blink-dot.js";import{Breadcrumb as h}from"./breadcrumb.js";import{Button as k}from"./button.js";import{Calendar as I}from"./calendar.js";import{Card as w}from"./card.js";import{Checkbox as L}from"./checkbox.js";import{CheckboxGroup as V}from"./checkbox-group.js";import{Code as A}from"./code.js";import{Collapsible as v}from"./collapsible.js";import{ColorPicker as O}from"./color-picker.js";import{CommandBlock as y}from"./command-block.js";import{CommandPalette as J}from"./command-palette.js";import{ConfirmDialog as Q}from"./confirm-dialog.js";import{ConfirmInput as j}from"./confirm-input.js";import{ConsoleOverlay as z}from"./console-overlay.js";import{ContentSwitcher as W}from"./content-switcher.js";import{DataGrid as Y}from"./data-grid.js";import{DatePicker as _}from"./date-picker.js";import{DefinitionList as rr}from"./definition-list.js";import{Dialog as er}from"./dialog.js";import{DiffView as pr}from"./diff-view.js";import{Digits as fr}from"./digits.js";import{DirectoryTree as ar}from"./directory-tree.js";import{Divider as lr}from"./divider.js";import{Drawer as dr}from"./drawer.js";import{FileChange as cr}from"./file-change.js";import{Form as ur,FormField as Sr}from"./form.js";import{Gauge as Cr}from"./gauge.js";import{Gradient as Pr}from"./gradient.js";import{Grid as Br}from"./grid.js";import{Heading as br}from"./heading.js";import{Heatmap as Dr}from"./heatmap.js";import{Help as Mr}from"./help.js";import{Histogram as Gr}from"./histogram.js";import{Image as Fr}from"./image.js";import{Json as Hr}from"./json.js";import{Kbd as Nr}from"./kbd.js";import{h as Ur}from"./packem_shared/line-chart-BbhMhcZg.js";import{Link as Kr}from"./link.js";import{LoadingIndicator as Rr}from"./loading-indicator.js";import{Log as qr}from"./log.js";import{Markdown as Er}from"./markdown.js";import{MaskedInput as Xr}from"./masked-input.js";import{Menu as Zr}from"./menu.js";import{MessageBubble as $r}from"./message-bubble.js";import{ModelBadge as oo}from"./model-badge.js";import{ModelSelector as to}from"./model-selector.js";import{MultiProgress as mo}from"./multi-progress.js";import{MultiSelect as xo}from"./multi-select.js";import{NotificationBadge as io}from"./notification-badge.js";import{NumberInput as no}from"./number-input.js";import{OperationTree as co}from"./operation-tree.js";import{OptionList as uo}from"./option-list.js";import{OrderedList as To}from"./ordered-list.js";import{Paginator as ho}from"./paginator.js";import{Paragraph as ko}from"./paragraph.js";import{PathInput as Io}from"./path-input.js";import{PieChart as wo}from"./pie-chart.js";import{Placeholder as Lo}from"./placeholder.js";import{Popover as Vo}from"./popover.js";import{ProgressBar as Ao}from"./progress-bar.js";import{ProgressCircle as vo}from"./progress-circle.js";import{QrCode as Oo}from"./qr-code.js";import{RadioGroup as yo}from"./radio-group.js";import{ScatterPlot as Jo}from"./scatter-plot.js";import{SearchInput as Qo}from"./search-input.js";import{SelectInput as jo}from"./select-input.js";import{SelectInputIndicator as zo}from"./select-input-indicator.js";import{SelectInputItem as Wo}from"./select-input-item.js";import{ShimmerText as Yo}from"./shimmer-text.js";import{Sidebar as _o}from"./sidebar.js";import{Slider as re}from"./slider.js";import{Sparkline as ee}from"./sparkline.js";import{Spinner as pe}from"./spinner.js";import{StatusLine as fe}from"./status-line.js";import{StatusMessage as ae}from"./status-message.js";import{Stepper as le}from"./stepper.js";import{Stopwatch as de}from"./stopwatch.js";import{StreamingText as ce}from"./streaming-text.js";import{Switch as ue}from"./switch.js";import{Tab as Te}from"./tab.js";import{Table as he}from"./table.js";import{Tabs as ke}from"./tabs.js";import{Tag as Ie}from"./tag.js";import{TagInput as we}from"./tag-input.js";import{TextInput as Le}from"./text-input.js";import{Textarea as Ve}from"./textarea.js";import{ThinkingBlock as Ae}from"./thinking-block.js";import{TimePicker as ve}from"./time-picker.js";import{Timer as Oe}from"./timer.js";import{Toast as ye}from"./toast.js";import{TokenUsage as Je}from"./token-usage.js";import{ToolCall as Qe}from"./tool-call.js";import{Tooltip as je}from"./tooltip.js";import{default as ze}from"./transition.js";import{TreeSelect as We}from"./tree-select.js";import{UnorderedList as Ye}from"./unordered-list.js";import{default as _e}from"./packem_shared/FilePicker-V5H2fb-v.js";import{C as rt}from"./packem_shared/controlled-scroll-view-DerVKKv6.js";import{ScrollBar as et}from"./packem_shared/ScrollBar-C9i3z3Ft.js";import{ScrollBarBox as pt}from"./packem_shared/ScrollBarBox-DZEC8YnV.js";import{ScrollList as ft}from"./packem_shared/ScrollList-Djtb2vVy.js";import{ScrollView as at}from"./packem_shared/ScrollView-ESxpl6Hy.js";import{TreeNodeMap as lt}from"./packem_shared/TreeNodeMap-cJlYqckB.js";import{TreeView as dt}from"./packem_shared/TreeView-q0l446NV.js";import{theme as ct}from"./packem_shared/treeViewTheme-Dq3ekRAC.js";import{useTreeView as ut}from"./packem_shared/useTreeView-D0JEqT6W.js";import{useTreeViewState as Tt}from"./packem_shared/useTreeViewState-BiTJakkh.js";export{e as Accordion,p as Alert,f as AnimatePresence,a as ApprovalPrompt,l as AreaChart,d as Badge,c as BarChart,u as BigText,T as BlinkDot,h as Breadcrumb,k as Button,I as Calendar,w as Card,L as Checkbox,V as CheckboxGroup,A as Code,v as Collapsible,O as ColorPicker,y as CommandBlock,J as CommandPalette,Q as ConfirmDialog,j as ConfirmInput,z as ConsoleOverlay,W as ContentSwitcher,rt as ControlledScrollView,Y as DataGrid,_ as DatePicker,rr as DefinitionList,er as Dialog,pr as DiffView,fr as Digits,ar as DirectoryTree,lr as Divider,dr as Drawer,cr as FileChange,_e as FilePicker,ur as Form,Sr as FormField,Cr as Gauge,Pr as Gradient,Br as Grid,br as Heading,Dr as Heatmap,Mr as Help,Gr as Histogram,Fr as Image,Hr as Json,Nr as Kbd,Ur as LineChart,Kr as Link,Rr as LoadingIndicator,qr as Log,Er as Markdown,Xr as MaskedInput,Zr as Menu,$r as MessageBubble,oo as ModelBadge,to as ModelSelector,mo as MultiProgress,xo as MultiSelect,io as NotificationBadge,no as NumberInput,co as OperationTree,uo as OptionList,To as OrderedList,ho as Paginator,ko as Paragraph,Io as PathInput,wo as PieChart,Lo as Placeholder,Vo as Popover,Ao as ProgressBar,vo as ProgressCircle,Oo as QrCode,yo as RadioGroup,Jo as ScatterPlot,et as ScrollBar,pt as ScrollBarBox,ft as ScrollList,at as ScrollView,Qo as SearchInput,jo as SelectInput,zo as SelectInputIndicator,Wo as SelectInputItem,Yo as ShimmerText,_o as Sidebar,re as Slider,ee as Sparkline,pe as Spinner,fe as StatusLine,ae as StatusMessage,le as Stepper,de as Stopwatch,ce as StreamingText,ue as Switch,Te as Tab,he as Table,ke as Tabs,Ie as Tag,we as TagInput,Le as TextInput,Ve as Textarea,Ae as ThinkingBlock,ve as TimePicker,Oe as Timer,ye as Toast,Je as TokenUsage,Qe as ToolCall,je as Tooltip,ze as Transition,lt as TreeNodeMap,We as TreeSelect,dt as TreeView,Ye as UnorderedList,ct as treeViewTheme,ut as useTreeView,Tt as useTreeViewState};

package/dist/json.d.ts

@@ -0,0 +1,51 @@
+import { AnsiColors } from '@visulima/colorize';
+import { ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Color = LiteralUnion<AnsiColors, string>;
+type JsonTheme = {
+  readonly boolean: Color;
+  readonly bracket: Color;
+  readonly key: Color;
+  readonly null: Color;
+  readonly number: Color;
+  readonly string: Color;
+};
+type Props = {
+  /**
+   * Accent color for the focused row.
+   * @default "blue"
+   */
+  readonly accentColor?: Color;
+  /**
+   * Auto-focus for keyboard navigation.
+   */
+  readonly autoFocus?: boolean;
+  /**
+   * Depth at which nested containers start collapsed. `0` collapses
+   * everything below the root; `Infinity` expands all.
+   * @default Infinity
+   */
+  readonly collapseDepth?: number;
+  /**
+   * The value to render.
+   */
+  readonly data: unknown;
+  /**
+   * When true, arrow keys move a cursor and Space toggles the focused
+   * container. When false, the tree renders statically fully expanded down to
+   * `collapseDepth`.
+   * @default true
+   */
+  readonly interactive?: boolean;
+  /**
+   * Color theme for the different JSON token kinds.
+   */
+  readonly theme?: Partial<JsonTheme>;
+};
+/**
+ * A collapsible JSON viewer. Objects and arrays can be folded; when
+ * `interactive`, arrow keys move a cursor and Space toggles the focused
+ * container. Values are colored by type.
+ */
+declare function Json({ accentColor, autoFocus, collapseDepth, data, interactive, theme }: Props): ReactElement;
+export { Json, type Props as JsonProps, JsonTheme, Props, Json as default };

package/dist/json.js

@@ -0,0 +1 @@
+import{jsx as l,jsxs as $}from"react/jsx-runtime";import O from"@visulima/tui/components/box";import a from"@visulima/tui/components/text";import P from"@visulima/tui/hooks/use-focus";import V from"@visulima/tui/hooks/use-input";import{useMemo as I,useState as F,useCallback as N}from"react";const B={boolean:"yellow",bracket:"gray",key:"cyan",null:"gray",number:"green",string:"yellow"},D=e=>{if(e===null)return"null";if(Array.isArray(e))return"array";const o=typeof e;return o==="object"||o==="boolean"||o==="number"||o==="string"||o==="undefined"?o:"string"},C=e=>{const o=D(e);return o==="array"||o==="object"},M=e=>Array.isArray(e)?`[…${e.length}]`:`{…${Object.keys(e).length}}`,w=(e,o,d,c,s,y)=>{const i=C(e)&&(Array.isArray(e)?e.length>0:Object.keys(e).length>0);if(y.push({collapsible:i,depth:d,id:c,key:o,summary:i?M(e):void 0,value:e}),!(!i||s.has(c))){if(Array.isArray(e)){e.forEach((u,f)=>{w(u,String(f),d+1,`${c}.${f}`,s,y)});return}for(const[u,f]of Object.entries(e))w(f,u,d+1,`${c}.${u}`,s,y)}};function x(e,o){return o===0?0:(e%o+o)%o}function H({accentColor:e="blue",autoFocus:o=!1,collapseDepth:d=Number.POSITIVE_INFINITY,data:c,interactive:s=!0,theme:y}){const i={...B,...y},{isFocused:u}=P({autoFocus:o,isActive:s}),f=I(()=>{const r=new Set,n=(t,p,g)=>{if(!C(t))return;p>=d&&r.add(g);const m=Array.isArray(t)?t.map((v,k)=>[String(k),v]):Object.entries(t);for(const[v,k]of m)n(k,p+1,`${g}.${v}`)};return n(c,0,"$"),r},[d,c]),[h,J]=F(f),[A,S]=F(0),b=I(()=>{const r=[];return w(c,void 0,0,"$",h,r),r},[h,c]),j=N(r=>{J(n=>{const t=new Set(n);return t.has(r)?t.delete(r):t.add(r),t})},[]),T=N((r,n)=>{if(n.upArrow){S(m=>x(m-1,b.length));return}if(n.downArrow){S(m=>x(m+1,b.length));return}const t=b[A];if(!t?.collapsible)return;const p=n.rightArrow&&h.has(t.id),g=n.leftArrow&&!h.has(t.id);(r===" "||p||g)&&j(t.id)},[h,A,b,j]);V(T,{isActive:s&&u});const E=r=>{if(r.collapsible){const t=h.has(r.id)?"▸":"▾";return $(a,{color:i.bracket,children:[t," ",r.summary]})}const n=D(r.value);return n==="array"||n==="object"?l(a,{color:i.bracket,children:n==="array"?"[]":"{}"}):n==="string"?l(a,{color:i.string,children:JSON.stringify(r.value)}):n==="number"?l(a,{color:i.number,children:String(r.value)}):n==="boolean"?l(a,{color:i.boolean,children:String(r.value)}):l(a,{color:i.null,children:r.value===void 0?"undefined":"null"})};return l(O,{flexDirection:"column",children:b.map((r,n)=>{const t=s&&u&&n===A;return $(O,{children:[l(a,{color:t?e:void 0,children:t?"❯":" "}),l(a,{children:"  ".repeat(r.depth)}),r.key===void 0?void 0:$(a,{color:i.key,children:[r.key,":"," "]}),E(r)]},r.id)})})}export{H as Json,H as default};

package/dist/kbd.d.ts

@@ -0,0 +1,27 @@
+import { AnsiColors } from '@visulima/colorize';
+import { ReactNode, ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Props = {
+  /**
+   * Key cap content.
+   */
+  readonly children: ReactNode;
+  /**
+   * Background color of the key cap.
+   * @default "gray"
+   */
+  readonly color?: LiteralUnion<AnsiColors, string>;
+  /**
+   * Visual style.
+   * - `solid` (default): background filled
+   * - `outline`: border only
+   * - `bare`: no decoration, just dimmed text
+   */
+  readonly variant?: "bare" | "outline" | "solid";
+};
+/**
+ * Render a keyboard key (e.g. `&lt;Kbd>Enter&lt;/Kbd>`).
+ * @returns A `ReactElement` styled as a key cap (solid / outline / bare).
+ */
+declare function Kbd({ children, color, variant }: Props): ReactElement;
+export { Kbd, type Props as KbdProps, Props, Kbd as default };

package/dist/kbd.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as l}from"react/jsx-runtime";import n from"@visulima/tui/components/box";import d from"@visulima/tui/components/text";function m({children:r,color:o="gray",variant:i="solid"}){return i==="solid"?e(d,{backgroundColor:o,color:"black",children:[" ",r," "]}):i==="outline"?l(n,{borderColor:o,borderStyle:"round",paddingX:1,children:l(d,{color:o,children:r})}):l(d,{dimColor:!0,children:r})}export{m as Kbd,m as default};

package/dist/line-chart.d.ts

@@ -0,0 +1,100 @@
+import { AnsiColors } from '@visulima/colorize';
+import { CanvasContext } from '@visulima/tui/canvas';
+import { ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+/**
+ * A single 2D data point.
+ */
+type Point = {
+  readonly x: number;
+  readonly y: number;
+};
+type LineSeries = {
+  /**
+   * Per-series color override. Falls back to the chart-level palette.
+   */
+  readonly color?: LiteralUnion<AnsiColors, string>;
+  /**
+   * Numeric samples to plot. Pass either a list of y-values (x is the
+   * index) or {x, y} tuples.
+   */
+  readonly data: ReadonlyArray<number> | ReadonlyArray<{
+    readonly x: number;
+    readonly y: number;
+  }>;
+  /**
+   * Optional label shown in the legend.
+   */
+  readonly label?: string;
+};
+type LineChartProps = {
+  /**
+   * Color for axis ticks / labels.
+   * @default "gray"
+   */
+  readonly axisColor?: LiteralUnion<AnsiColors, string>;
+  /**
+   * Chart body height in character rows.
+   * @default 10
+   */
+  readonly height?: number;
+  /**
+   * Upper bound for the y-axis. When omitted the chart auto-scales.
+   */
+  readonly maxY?: number;
+  /**
+   * Lower bound for the y-axis. When omitted the chart auto-scales.
+   */
+  readonly minY?: number;
+  /**
+   * Fallback palette cycled through when a series does not set `color`.
+   * @default ["cyan", "magenta", "yellow", "green", "blue", "red"]
+   */
+  readonly palette?: ReadonlyArray<LiteralUnion<AnsiColors, string>>;
+  /**
+   * One or more line series.
+   */
+  readonly series: ReadonlyArray<LineSeries>;
+  /**
+   * Render the legend row under the plot.
+   * @default true
+   */
+  readonly showLegend?: boolean;
+  /**
+   * Chart body width in character columns.
+   * @default 40
+   */
+  readonly width?: number;
+};
+type RenderConfig = {
+  readonly axisColor: LiteralUnion<AnsiColors, string>;
+  readonly palette: ReadonlyArray<LiteralUnion<AnsiColors, string>>;
+  readonly seriesList: ReadonlyArray<{
+    color: LiteralUnion<AnsiColors, string>;
+    points: ReadonlyArray<Point>;
+    series: LineSeries;
+  }>;
+  readonly xMax: number;
+  readonly xMin: number;
+  readonly yMax: number;
+  readonly yMin: number;
+};
+/**
+ * Project an (x, y) data point into pixel-grid coordinates for the given
+ * canvas size. Used by every chart that paints on top of a braille grid.
+ */
+declare const projectPoint: (point: Point, config: Pick<RenderConfig, "xMax" | "xMin" | "yMax" | "yMin">, pixelWidth: number, pixelHeight: number) => {
+  px: number;
+  py: number;
+};
+/**
+ * Shared drawing path used by LineChart and ScatterPlot. AreaChart wraps
+ * this with a fill pass.
+ */
+declare const drawSeriesOnCanvas: (context: CanvasContext, mode: "line" | "scatter", config: RenderConfig) => void;
+/**
+ * Smooth multi-series line chart rendered at 2x4 sub-cell resolution using
+ * Unicode braille patterns. Auto-scales both axes by default.
+ */
+declare function LineChart({ axisColor, height, maxY, minY, palette, series, showLegend, width }: LineChartProps): ReactElement;
+export { LineChart, LineChartProps, type RenderConfig as LineChartRenderConfig, LineSeries, LineChart as default, drawSeriesOnCanvas, projectPoint };

package/dist/line-chart.js

@@ -0,0 +1 @@
+import"react/jsx-runtime";import"@visulima/tui/canvas";import"@visulima/tui/components/box";import"@visulima/tui/components/canvas";import"@visulima/tui/components/text";import"react";import{h as s,h as n,d,a as h}from"./packem_shared/line-chart-BbhMhcZg.js";export{s as LineChart,n as default,d as drawSeriesOnCanvas,h as projectPoint};

package/dist/link.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode, ReactElement } from 'react';
+type Props = {
+  readonly children: ReactNode;
+  /**
+   * Determines whether the URL should be printed for unsupported terminals.
+   *
+   * - `true` (default): appends the URL after the text, e.g. `"My website https://example.com"`
+   * - `false`: renders just the text with no URL
+   * - `function`: custom fallback formatting, e.g. `(text, url) => \`[\${text}](\${url})\``
+   * @default true
+   */
+  readonly fallback?: ((text: string, url: string) => string) | boolean;
+  /**
+   * The URL to link to.
+   */
+  readonly url: string;
+};
+/**
+ * An Ink component that creates clickable links in the terminal using OSC 8 hyperlink sequences.
+ *
+ * [Supported terminals.](https://gist.github.com/egmontkob/eb114294efbcd5adb1944c9f3cb5feda)
+ *
+ * For unsupported terminals, the link will be printed after the text: `My website https://example.com`.
+ *
+ * ```tsx
+ * import { Link, Text } from "@visulima/tui/ink";
+ *
+ * <Link url="https://example.com">
+ *     <Text color="cyan">My Website</Text>
+ * </Link>
+ * ```
+ */
+declare function Link({ children, fallback, url }: Props): ReactElement;
+export { Link, type Props as LinkProps, type Props, Link as default };

package/dist/link.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{hyperlink as u}from"@visulima/ansi";import c from"@visulima/tui/components/text";import f from"@visulima/tui/components/transform";import{useCallback as l}from"react";let n;const m=()=>{if(!process.stdout.isTTY)return!1;const o=process.env.TERM_PROGRAM??"",r=process.env.TERM_PROGRAM_VERSION??"";if(o==="iTerm.app")return Number.parseInt(r.split(".")[0]??"0",10)>=3;if(o==="WezTerm"||o==="ghostty")return!0;if(o==="vscode"){const s=r.split("."),t=Number.parseInt(s[0]??"0",10),p=Number.parseInt(s[1]??"0",10);return t>1||t===1&&p>=72}if(process.env.WT_SESSION)return!0;const e=process.env.VTE_VERSION;if(e){const s=Number.parseInt(e,10);return s>=5e3&&s!==5e3}return!1},a=()=>process.env.FORCE_HYPERLINK?process.env.FORCE_HYPERLINK!=="0":(n!==void 0||(n=m()),n);function T({children:o,fallback:r=!0,url:e}){const s=l(t=>a()?u(t,e):r===!1?t:typeof r=="function"?r(t,e):`${t} ${e}`,[r,e]);return i(f,{transform:s,children:i(c,{children:o})})}export{T as Link,T as default};

package/dist/loading-indicator.d.ts

@@ -0,0 +1,25 @@
+import { AnsiColors } from '@visulima/colorize';
+import { SpinnerName } from '@visulima/spinner';
+import { ReactNode, ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Props = {
+  /**
+   * Optional message rendered after the spinner.
+   */
+  readonly children?: ReactNode;
+  /**
+   * Color used for the spinner and label.
+   * @default "cyan"
+   */
+  readonly color?: LiteralUnion<AnsiColors, string>;
+  /**
+   * Spinner preset.
+   * @default "dots"
+   */
+  readonly type?: SpinnerName;
+};
+/**
+ * Compact spinner + label for loading states.
+ */
+declare function LoadingIndicator({ children, color, type }: Props): ReactElement;
+export { LoadingIndicator, type Props as LoadingIndicatorProps, Props, LoadingIndicator as default };

package/dist/loading-indicator.js

@@ -0,0 +1 @@
+import{jsxs as c,jsx as o}from"react/jsx-runtime";import d from"@visulima/tui/components/box";import n from"@visulima/tui/components/text";import{Spinner as e}from"./spinner.js";function s({children:r,color:i="cyan",type:t="dots"}){return c(d,{gap:1,children:[o(n,{color:i,children:o(e,{type:t})}),r===void 0?void 0:o(n,{color:i,children:r})]})}export{s as LoadingIndicator,s as default};

package/dist/log.d.ts

@@ -0,0 +1,33 @@
+import { ReactElement } from 'react';
+type LogLevel = "debug" | "error" | "info" | "success" | "warn";
+type LogEntry = {
+  readonly level?: LogLevel;
+  readonly message: string;
+  readonly timestamp?: string;
+};
+type Props = {
+  /**
+   * The log entries, oldest first.
+   */
+  readonly entries: ReadonlyArray<LogEntry>;
+  /**
+   * Keep only the last N entries (tail). Omit to render all.
+   */
+  readonly maxLines?: number;
+  /**
+   * Render the `[LEVEL]` badge before each message.
+   * @default true
+   */
+  readonly showLevel?: boolean;
+  /**
+   * Render each entry's timestamp, when present.
+   * @default true
+   */
+  readonly showTimestamp?: boolean;
+};
+/**
+ * A leveled log view. Renders entries with a colored level badge and optional
+ * timestamp; `maxLines` tails the buffer to the most recent entries.
+ */
+declare function Log({ entries, maxLines, showLevel, showTimestamp }: Props): ReactElement;
+export { Log, LogEntry, LogLevel, type Props as LogProps, Props, Log as default };

package/dist/log.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as d}from"react/jsx-runtime";import r from"@visulima/tui/components/box";import n from"@visulima/tui/components/text";const h={debug:{color:"gray",label:"DBG"},error:{color:"red",label:"ERR"},info:{color:"blue",label:"INF"},success:{color:"green",label:"OK "},warn:{color:"yellow",label:"WRN"}};function p({entries:l,maxLines:i,showLevel:t=!0,showTimestamp:s=!0}){const a=i!==void 0&&l.length>i?l.slice(l.length-i):l;return e(r,{flexDirection:"column",children:a.map((o,m)=>{const c=h[o.level??"info"];return d(r,{children:[s&&o.timestamp!==void 0?e(r,{marginRight:1,children:e(n,{dimColor:!0,children:o.timestamp})}):void 0,t?e(r,{marginRight:1,children:e(n,{bold:!0,color:c.color,children:c.label})}):void 0,e(n,{children:o.message})]},m)})})}export{p as Log,p as default};

package/dist/markdown.d.ts

@@ -0,0 +1,35 @@
+import { ReactElement } from 'react';
+type Props = {
+  /**
+   * The Markdown source string.
+   */
+  readonly children: string;
+  /**
+   * Shiki theme for code block syntax highlighting.
+   * @default "github-dark-default"
+   */
+  readonly codeTheme?: string;
+  /**
+   * Maximum width for text wrapping. Defaults to terminal width.
+   */
+  readonly maxWidth?: number;
+  /**
+   * Enable streaming mode for progressive rendering.
+   * When true, the component re-renders on every prop change and handles
+   * incomplete Markdown gracefully (e.g., unclosed code fences, partial lists).
+   * Useful for rendering AI-generated text arriving token-by-token.
+   * @default false
+   */
+  readonly streaming?: boolean;
+};
+/**
+ * Render Markdown content as Ink terminal UI elements.
+ *
+ * ```tsx
+ * <Markdown>{"# Hello\n\nThis is **bold** and *italic*."}</Markdown>
+ * <Markdown codeTheme="github-dark-default">{"```js\nconst x = 1;\n```"}</Markdown>
+ * <Markdown streaming>{"# Streaming\n\nText arriving..."}</Markdown>
+ * ```
+ */
+declare function Markdown({ children, codeTheme, maxWidth: maxWidthProp, streaming }: Props): ReactElement;
+export { Markdown, type Props as MarkdownProps, Props, Markdown as default };

package/dist/markdown.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as x}from"react/jsx-runtime";import l from"@visulima/tui/components/box";import w from"@visulima/tui/components/newline";import m from"@visulima/tui/components/text";import D from"@visulima/tui/hooks/use-window-size";import{Lexer as F}from"marked";import k,{useMemo as b}from"react";import{Code as M}from"./code.js";import{Link as j}from"./link.js";import{OrderedList as v}from"./ordered-list.js";import{Table as E}from"./table.js";import{UnorderedList as q}from"./unordered-list.js";const A={1:"cyan",2:"green",3:"yellow",4:"blue",5:"magenta",6:"gray"};function p(c){return!c||c.length===0?null:c.map((a,t)=>{switch(a.type){case"br":return r(w,{},t);case"codespan":return x(m,{inverse:!0,children:[" ",a.text," "]},t);case"del":return r(m,{strikethrough:!0,children:p(a.tokens)},t);case"em":return r(m,{italic:!0,children:p(a.tokens)},t);case"escape":return r(k.Fragment,{children:a.text},t);case"image":{const e=a;return x(m,{dimColor:!0,children:["[image:"," ",e.text||e.href,"]"]},t)}case"link":{const e=a;return r(j,{url:e.href,children:p(e.tokens)??e.text},t)}case"strong":return r(m,{bold:!0,children:p(a.tokens)},t);case"text":return r(k.Fragment,{children:a.text},t);default:{const e="raw"in a?a.raw:"";return r(k.Fragment,{children:e},t)}}})}function T(c){return c.map(a=>{const t=a.tokens??[],e=t.find(i=>i.type==="text"),n=p(e?.tokens??t),h=t.find(i=>i.type==="list");return{children:h?T(h.items):void 0,label:n}})}function y(c,a,t){const e=[];for(const[n,h]of c.entries()){const i=h,s=n>0?1:0;switch(i.type){case"blockquote":{const o=i;e.push(r(l,{borderLeft:!0,borderLeftColor:"gray",marginTop:s,paddingLeft:1,children:r(l,{flexDirection:"column",children:y(o.tokens,a,t-3)})},n));break}case"code":{const o=i;e.push(r(l,{marginTop:s,children:r(M,{code:o.text,language:o.lang,theme:a})},n));break}case"heading":{const o=i,d=A[o.depth]??"white",g=`${"#".repeat(o.depth)} `;e.push(r(l,{marginTop:s,children:x(m,{bold:!0,color:d,children:[g,p(o.tokens)]})},n));break}case"hr":{e.push(r(l,{marginTop:s,children:r(m,{dimColor:!0,children:"─".repeat(Math.min(t,40))})},n));break}case"html":{const o=i.text.replaceAll(/<[^>]*>/g,"");o.trim()&&e.push(r(l,{marginTop:s,children:r(m,{dimColor:!0,children:o})},n));break}case"list":{const o=i,d=T(o.items);o.ordered?e.push(r(l,{marginTop:s,children:r(v,{items:d})},n)):e.push(r(l,{marginTop:s,children:r(q,{items:d})},n));break}case"paragraph":{const o=i;e.push(r(l,{marginTop:s,children:r(m,{wrap:"wrap",children:p(o.tokens)})},n));break}case"space":{e.push(r(w,{},n));break}case"table":{const o=i,d=(o.header??[]).map(u=>u.text),g=(o.rows??[]).map(u=>u.map(f=>f.text)).map(u=>{const f={};return d.forEach((L,C)=>{f[L]=u[C]??""}),f});e.push(r(l,{marginTop:s,children:r(E,{data:g})},n));break}default:{const o="raw"in i?i.raw:"",d="text"in i?i.text:o;d&&e.push(r(l,{marginTop:s,children:r(m,{children:d})},n));break}}}return e}function B(c,a){const t=F.lex(c);if(!a||c.length===0)return t;let e=0;for(const n of t)e+=n.raw?.length??0;if(e<c.length){const n=c.slice(e);n.trim().length>0&&t.push({raw:n,text:n,tokens:[{raw:n,text:n,type:"text"}],type:"paragraph"})}return t}function Q({children:c,codeTheme:a="github-dark-default",maxWidth:t,streaming:e=!1}){const{columns:n}=D(),h=t??n??80,i=b(()=>B(c,e),[c,e]),s=b(()=>y(i,a,h),[i,a,h]);return r(l,{flexDirection:"column",children:s})}export{Q as Markdown,Q as default};

package/dist/masked-input.d.ts

@@ -0,0 +1,42 @@
+import { ReactElement } from 'react';
+type Props = {
+  /**
+   * Initial raw value (digits/characters only, without mask symbols).
+   */
+  readonly defaultValue?: string;
+  /**
+   * Disable input and dim the display.
+   */
+  readonly isDisabled?: boolean;
+  /**
+   * Mask definition. Each `#` is replaced with a user character; any other
+   * character is rendered literally. Example: `(###) ###-####`.
+   */
+  readonly mask: string;
+  /**
+   * Called whenever the underlying raw value changes.
+   */
+  readonly onChange?: (value: string) => void;
+  /**
+   * Called when the user presses Enter with the current raw value.
+   */
+  readonly onSubmit?: (value: string) => void;
+  /**
+   * Placeholder character used in the mask for empty positions.
+   * @default "_"
+   */
+  readonly placeholderChar?: string;
+  /**
+   * Sentinel character in the mask string used to mark editable positions.
+   * @default "#" (hash)
+   */
+  readonly token?: string;
+};
+/**
+ * Input with a fixed-width mask. The mask token (`#` by default) marks
+ * positions where the user can type; every other character is preserved.
+ * Supports ←/→ to move within the mask, Home/End to jump, and
+ * Backspace/Delete to clear characters.
+ */
+declare function MaskedInput({ defaultValue, isDisabled, mask, onChange, onSubmit, placeholderChar, token }: Props): ReactElement;
+export { MaskedInput, type Props as MaskedInputProps, Props, MaskedInput as default };

package/dist/masked-input.js

@@ -0,0 +1 @@
+import{jsxs as S,jsx as C}from"react/jsx-runtime";import V from"@visulima/tui/components/box";import x from"@visulima/tui/components/text";import I from"@visulima/tui/hooks/use-input";import{useMemo as L,useState as b,useCallback as A}from"react";const T=(m,n)=>{const o=[];let s=0;for(const[l,i]of[...m].entries())i===n&&(o.push({maskColumn:l,rawPosition:s}),s+=1);return o},_=(m,n,o,s)=>{let l=0,i="";for(const f of n)if(f===o){const u=m[l];u===void 0?i+=s:(i+=u,l+=1)}else i+=f;return i};function F({defaultValue:m="",isDisabled:n=!1,mask:o,onChange:s,onSubmit:l,placeholderChar:i="_",token:f="#"}){const u=L(()=>T(o,f),[o,f]),h=u.length,M=m.slice(0,h),[e,v]=b(M),[t,d]=b(M.length),g=A((c,r)=>{v(c),d(Math.max(0,Math.min(h,r))),s?.(c)},[h,s]);I(A((c,r)=>{if(r.return){l?.(e);return}if(r.leftArrow){d(a=>Math.max(0,a-1));return}if(r.rightArrow){d(a=>Math.min(e.length,a+1));return}if(r.home||r.ctrl&&c==="a"){d(0);return}if(r.end||r.ctrl&&c==="e"){d(e.length);return}if(r.backspace){if(t===0)return;const a=e.slice(0,t-1)+e.slice(t);g(a,t-1);return}if(r.delete){if(t>=e.length)return;const a=e.slice(0,t)+e.slice(t+1);g(a,t);return}if(c.length!==1||e.length>=h)return;const P=e.slice(0,t)+c+e.slice(t);g(P,t+1)},[e,t,h,g,l]),{isActive:!n});const p=_(e,o,f,i),k=u[t]?.maskColumn??o.length,w=p.slice(0,k),j=p.charAt(k)||" ",D=p.slice(k+1);return S(V,{children:[C(x,{dimColor:n,children:w}),C(x,{dimColor:n,inverse:!n,children:j}),C(x,{dimColor:n,children:D})]})}export{F as MaskedInput,F as default};

package/dist/menu.d.ts

@@ -0,0 +1,70 @@
+import { AnsiColors } from '@visulima/colorize';
+import { ReactNode, ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type MenuItem = {
+  /**
+   * Optional hotkey rendered on the right side of the row (e.g. `"Ctrl+S"`).
+   */
+  readonly hotkey?: string;
+  /**
+   * Optional icon rendered before the label.
+   */
+  readonly icon?: ReactNode;
+  /**
+   * Identifier returned by `onSelect`.
+   */
+  readonly id: string;
+  /**
+   * When true, renders the item dimmed and skips it during navigation.
+   */
+  readonly isDisabled?: boolean;
+  /**
+   * Human-readable label.
+   */
+  readonly label: ReactNode;
+};
+type MenuSection = {
+  readonly id: string;
+  readonly items: ReadonlyArray<MenuItem>;
+  readonly title?: string;
+};
+type Props = {
+  /**
+   * Accent color for the focused item.
+   * @default "blue"
+   */
+  readonly accentColor?: LiteralUnion<AnsiColors, string>;
+  /**
+   * Auto-focus the menu on mount.
+   */
+  readonly autoFocus?: boolean;
+  /**
+   * Render a border around the menu.
+   * @default true
+   */
+  readonly bordered?: boolean;
+  /**
+   * Flat list of items. Ignored if `sections` is provided.
+   */
+  readonly items?: ReadonlyArray<MenuItem>;
+  /**
+   * Called with the item id when the user presses Enter.
+   */
+  readonly onSelect: (id: string) => void;
+  /**
+   * Grouped items. Takes precedence over `items`.
+   */
+  readonly sections?: ReadonlyArray<MenuSection>;
+  /**
+   * Optional title rendered at the top of the menu.
+   */
+  readonly title?: string;
+};
+/**
+ * Dropdown / context menu with optional sections and disabled items.
+ * Keyboard: ↑/↓ (or j/k) to navigate, Enter to select, Esc to cancel.
+ * @returns A `ReactElement` rendering the menu, optionally wrapped in a
+ * rounded border when `bordered` is true.
+ */
+declare function Menu({ accentColor, autoFocus, bordered, items, onSelect, sections, title }: Props): ReactElement;
+export { Menu, MenuItem, type Props as MenuProps, MenuSection, Props, Menu as default };

package/dist/menu.js

@@ -0,0 +1 @@
+import{jsxs as b,jsx as l}from"react/jsx-runtime";import m from"@visulima/tui/components/box";import f from"@visulima/tui/components/text";import A from"@visulima/tui/hooks/use-focus";import F from"@visulima/tui/hooks/use-input";import{useMemo as g,useState as j,useRef as y,useEffect as M,useCallback as $}from"react";const B=(t,r)=>{if(r&&r.length>0){const o=[];for(const i of r){i.title!==void 0&&o.push({kind:"section-header",sectionId:i.id,title:i.title});for(const d of i.items)o.push({item:d,kind:"item",sectionId:i.id})}return o}return(t??[]).map(o=>({item:o,kind:"item",sectionId:void 0}))},w=(t,r,o)=>{const i=t.length;if(i===0)return r;for(let d=1;d<=i;d+=1){const a=(r+o*d+i*d)%i,h=t[a];if(h?.kind==="item"&&!h.item.isDisabled)return a}return r},I=t=>{for(const[r,o]of t.entries())if(o.kind==="item"&&!o.item.isDisabled)return r;return 0};function W({accentColor:t="blue",autoFocus:r=!1,bordered:o=!0,items:i,onSelect:d,sections:a,title:h}){const{isFocused:p}=A({autoFocus:r}),n=g(()=>B(i,a),[i,a]),S=g(()=>I(n),[n]),[k,v]=j(S),u=y(k);u.current=k,M(()=>{const{current:c}=u,s=n[c];if(!(s?.kind==="item"&&!s.item.isDisabled)){const e=I(n);v(e),u.current=e}},[n]),F($((c,s)=>{if(p){if(s.downArrow||c==="j")v(w(n,u.current,1));else if(s.upArrow||c==="k")v(w(n,u.current,-1));else if(s.return){const e=n[u.current];e?.kind==="item"&&!e.item.isDisabled&&d(e.item.id)}}},[p,n,d]),{isActive:p});const x=b(m,{flexDirection:"column",children:[h===void 0?void 0:l(m,{marginBottom:1,children:l(f,{bold:!0,color:t,children:h})}),n.map((c,s)=>{if(c.kind==="section-header")return l(m,{marginTop:s===0?0:1,children:l(f,{dimColor:!0,children:c.title.toUpperCase()})},`header:${c.sectionId}`);const{item:e}=c,C=p&&s===k,D=C?t:void 0;return b(m,{children:[l(f,{color:D,dimColor:e.isDisabled,children:C?"▸ ":"  "}),e.icon===void 0?void 0:b(f,{color:D,dimColor:e.isDisabled,children:[e.icon," "]}),l(m,{flexGrow:1,flexShrink:1,minWidth:0,children:l(f,{bold:C,color:D,dimColor:e.isDisabled,wrap:"truncate-end",children:e.label})}),e.hotkey===void 0?void 0:l(m,{flexShrink:0,children:b(f,{dimColor:!0,children:[" ",e.hotkey]})})]},`item:${e.id}`)})]});return o?l(m,{borderColor:p?t:void 0,borderStyle:"round",paddingX:1,children:x}):x}export{W as Menu,W as default};