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

package/dist/components/scroll-list.d.ts

@@ -0,0 +1,19 @@
+import React, { Ref } from 'react';
+import { a as ScrollViewProps, b as ScrollViewRef } from "../packem_shared/scroll-view.d-DtpsgHLg.js";
+import "./box.js";
+import 'type-fest';
+import "../packem_shared/dom.d-DgP_exKU.js";
+import 'yoga-layout';
+import "../packem_shared/cursor-helpers.d-BONB9tky.js";
+import "../packem_shared/styles.d-CLJdt-kg.js";
+import "../packem_shared/index.server.d-eZWyC2Ku.js";
+type ScrollAlignment = "auto" | "bottom" | "center" | "top";
+interface ScrollListProps extends ScrollViewProps {
+  readonly scrollAlignment?: ScrollAlignment;
+  readonly selectedIndex?: number;
+}
+type ScrollListRef = ScrollViewRef;
+declare const ScrollList: (props: ScrollListProps & {
+  ref?: Ref<ScrollListRef>;
+}) => React.JSX.Element;
+export { type ScrollAlignment, ScrollList, type ScrollListProps, type ScrollListRef };

package/dist/components/scroll-list.js

@@ -0,0 +1 @@
+import{ScrollList as l}from"../packem_shared/ScrollList-C7nZ9ufK.js";export{l as ScrollList};

package/dist/components/scroll-view.d.ts

@@ -0,0 +1,9 @@
+export { S as ScrollView, type a as ScrollViewProps, type b as ScrollViewRef } from "../packem_shared/scroll-view.d-DtpsgHLg.js";
+import 'react';
+import "./box.js";
+import 'type-fest';
+import "../packem_shared/dom.d-DgP_exKU.js";
+import 'yoga-layout';
+import "../packem_shared/cursor-helpers.d-BONB9tky.js";
+import "../packem_shared/styles.d-CLJdt-kg.js";
+import "../packem_shared/index.server.d-eZWyC2Ku.js";

package/dist/components/scroll-view.js

@@ -0,0 +1 @@
+import{ScrollView as e}from"../packem_shared/ScrollView-DKZ8OM-m.js";export{e as ScrollView};

package/dist/components/search-input.d.ts

@@ -0,0 +1,55 @@
+import { A as AnsiColors } from "../packem_shared/index.server.d-eZWyC2Ku.js";
+import { ReactNode, ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Props = {
+  /**
+  * Color of the accent elements (border, icon).
+  * @default "blue"
+  */
+  readonly accentColor?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Initial value.
+  */
+  readonly defaultValue?: string;
+  /**
+  * Node rendered before the input as a search affordance.
+  * @default "⌕" (telephone recorder)
+  */
+  readonly icon?: ReactNode;
+  /**
+  * Disable the input.
+  */
+  readonly isDisabled?: boolean;
+  /**
+  * Fired whenever the value changes.
+  */
+  readonly onChange?: (value: string) => void;
+  /**
+  * Fired when the user presses Enter.
+  */
+  readonly onSubmit?: (value: string) => void;
+  /**
+  * Placeholder text shown when the input is empty.
+  * @default "Search..."
+  */
+  readonly placeholder?: string;
+  /**
+  * Autocomplete suggestions.
+  */
+  readonly suggestions?: ReadonlyArray<string>;
+};
+/**
+* Search-styled text input with an icon and bordered container.
+* @returns A `ReactElement` wrapping `TextInput` with an icon column.
+*/
+declare function SearchInput({
+  accentColor,
+  defaultValue,
+  icon,
+  isDisabled,
+  onChange,
+  onSubmit,
+  placeholder,
+  suggestions
+}: Props): ReactElement;
+export { Props, SearchInput, type Props as SearchInputProps, SearchInput as default };

package/dist/components/search-input.js

@@ -0,0 +1 @@
+var d=Object.defineProperty;var o=(e,r)=>d(e,"name",{value:r,configurable:!0});import{jsxs as p,jsx as a}from"react/jsx-runtime";import{Box as n}from"./box.js";import{Text as f}from"./text.js";import{TextInput as m}from"./text-input.js";var h=Object.defineProperty,b=o((e,r)=>h(e,"name",{value:r,configurable:!0}),"t");function g({accentColor:e="blue",defaultValue:r="",icon:t="⌕",isDisabled:l=!1,onChange:i,onSubmit:s,placeholder:u="Search...",suggestions:c}){return p(n,{borderColor:e,borderStyle:"round",gap:1,paddingX:1,children:[a(f,{color:e,children:t}),a(n,{flexGrow:1,children:a(m,{defaultValue:r,isDisabled:l,onChange:i,onSubmit:s,placeholder:u,suggestions:c})})]})}o(g,"a");b(g,"SearchInput");export{g as SearchInput,g as default};

package/dist/components/select-input-indicator.d.ts

@@ -0,0 +1,32 @@
+import { A as AnsiColors } from "../packem_shared/index.server.d-eZWyC2Ku.js";
+import { ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Props = {
+  /**
+  * Color of the indicator when selected.
+  * @default "blue"
+  */
+  readonly accentColor?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Whether the parent SelectInput has focus.
+  * When `false`, the indicator is dimmed even if the item is selected.
+  * @default true
+  */
+  readonly isFocused?: boolean;
+  /**
+  * Whether this indicator's item is currently selected.
+  * @default false
+  */
+  readonly isSelected?: boolean;
+};
+/**
+* Renders a pointer indicator next to the selected item, or a blank space otherwise.
+* When unfocused, the indicator is rendered with `dimColor` to visually distinguish
+* the active select input from inactive ones.
+*/
+declare function SelectInputIndicator({
+  accentColor,
+  isFocused,
+  isSelected
+}: Props): ReactElement;
+export { Props, SelectInputIndicator, type Props as SelectInputIndicatorProps, SelectInputIndicator as default };

package/dist/components/select-input-indicator.js

@@ -0,0 +1 @@
+var n=Object.defineProperty;var t=(e,r)=>n(e,"name",{value:r,configurable:!0});import{jsx as o}from"react/jsx-runtime";import{Box as a}from"./box.js";import{Text as c}from"./text.js";var l=Object.defineProperty,u=t((e,r)=>l(e,"name",{value:r,configurable:!0}),"r");function d({accentColor:e="blue",isFocused:r=!0,isSelected:i=!1}){return o(a,{marginRight:1,children:i?o(c,{color:e,dimColor:!r,children:"❯"}):o(c,{children:" "})})}t(d,"l");u(d,"SelectInputIndicator");export{d as SelectInputIndicator,d as default};

package/dist/components/select-input-item.d.ts

@@ -0,0 +1,41 @@
+import { A as AnsiColors } from "../packem_shared/index.server.d-eZWyC2Ku.js";
+import { ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Props = {
+  /**
+  * Color of the label when selected.
+  * @default "blue"
+  */
+  readonly accentColor?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Color of the label when not selected.
+  */
+  readonly defaultColor?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Whether the parent SelectInput has focus.
+  * When `false`, the selected item is dimmed.
+  * @default true
+  */
+  readonly isFocused?: boolean;
+  /**
+  * Whether this item is currently selected.
+  * @default false
+  */
+  readonly isSelected?: boolean;
+  /**
+  * Text label to display for this item.
+  */
+  readonly label: string;
+};
+/**
+* Renders an item label, using `accentColor` when selected and `defaultColor` otherwise.
+* When unfocused, selected items are rendered with `dimColor`.
+*/
+declare function SelectInputItem({
+  accentColor,
+  defaultColor,
+  isFocused,
+  isSelected,
+  label
+}: Props): ReactElement;
+export { Props, SelectInputItem, type Props as SelectInputItemProps, SelectInputItem as default };

package/dist/components/select-input-item.js

@@ -0,0 +1 @@
+var c=Object.defineProperty;var t=(e,r)=>c(e,"name",{value:r,configurable:!0});import{jsx as u}from"react/jsx-runtime";import{Text as n}from"./text.js";var i=Object.defineProperty,f=t((e,r)=>i(e,"name",{value:r,configurable:!0}),"r");function m({accentColor:e="blue",defaultColor:r,isFocused:o=!0,isSelected:l=!1,label:a}){return u(n,{color:l?e:r,dimColor:l&&!o,children:a})}t(m,"l");f(m,"SelectInputItem");export{m as SelectInputItem,m as default};

package/dist/components/select-input.d.ts

@@ -0,0 +1,110 @@
+import { A as AnsiColors } from "../packem_shared/index.server.d-eZWyC2Ku.js";
+import { FC, ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+import { Props as Props$1 } from "./select-input-indicator.js";
+import { Props as Props$2 } from "./select-input-item.js";
+type Item<V> = {
+  /**
+  * Called automatically when this item is selected (via Enter or number key).
+  * Fires after `onSelect`. Useful for defining per-item behavior inline.
+  */
+  readonly action?: () => void;
+  readonly key?: string;
+  readonly label: string;
+  readonly value: V;
+};
+type SeparatorItem = {
+  /**
+  * Marks this entry as a non-focusable separator line.
+  */
+  readonly isSeparator: true;
+  readonly key?: string;
+  /**
+  * Custom separator text. Defaults to `"───"`.
+  */
+  readonly label?: string;
+};
+type SelectInputEntry<V> = Item<V> | SeparatorItem;
+type Props<V> = {
+  /**
+  * Color used for the selected item and indicator.
+  * @default "blue"
+  */
+  readonly accentColor?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Color used for unselected items.
+  */
+  readonly defaultColor?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Controlled selected index. When provided, the component becomes controlled
+  * and `initialIndex` is ignored. Update this value in the `onHighlight` callback
+  * to track selection externally. If the index points to a separator, the nearest
+  * selectable item is highlighted instead.
+  */
+  readonly index?: number;
+  /**
+  * Custom component to override the default indicator component.
+  */
+  readonly indicatorComponent?: FC<Props$1>;
+  /**
+  * Index of initially-selected item in `items` array.
+  * Ignored when `index` is provided.
+  * When omitted (`undefined`), no item is highlighted until the user presses a key.
+  * If the index points to a separator, the nearest selectable item is used.
+  */
+  readonly initialIndex?: number;
+  /**
+  * Whether the input is focused. Useful for when there are multiple
+  * inputs on the screen and you need to control which one captures input.
+  * @default true
+  */
+  readonly isFocused?: boolean;
+  /**
+  * Custom component to override the default item component.
+  */
+  readonly itemComponent?: FC<Props$2>;
+  /** @default [] */
+  readonly items?: ReadonlyArray<SelectInputEntry<V>>;
+  /**
+  * Number of visible items. Useful if the list is long and you want
+  * to limit the display with a scrolling window.
+  */
+  readonly limit?: number;
+  /**
+  * Called when the user highlights a new item via arrow keys or `j`/`k`.
+  * The second argument is the index of the highlighted item in the visible list.
+  */
+  readonly onHighlight?: (item: Item<V>, index: number) => void;
+  /**
+  * Called when the user selects an item via Enter or a number key (1-9).
+  */
+  readonly onSelect?: (item: Item<V>) => void;
+  /**
+  * Whether to reset the selection when items change.
+  * Set to `false` to preserve the current selection across item updates.
+  * @default true
+  */
+  readonly resetOnItemsChange?: boolean;
+};
+/**
+* A select input component for terminal UIs.
+*
+* Renders a list of items with an indicator showing the currently highlighted item.
+* Users can navigate with arrow keys or `j`/`k`, select with Enter, or jump to an
+* item by pressing a number key (1-9).
+*/
+declare function SelectInput<V>({
+  accentColor,
+  defaultColor,
+  index,
+  indicatorComponent,
+  initialIndex,
+  isFocused,
+  itemComponent,
+  items,
+  limit: customLimit,
+  onHighlight,
+  onSelect,
+  resetOnItemsChange
+}: Props<V>): ReactElement;
+export { Item, Props, SelectInput, SelectInputEntry, type Item as SelectInputItemType, type Props as SelectInputProps, type SeparatorItem as SelectInputSeparator, SeparatorItem, SelectInput as default };

package/dist/components/select-input.js

@@ -0,0 +1 @@
+var ne=Object.defineProperty;var F=(t,e)=>ne(t,"name",{value:e,configurable:!0});import{createRequire as re}from"node:module";import{jsx as T,jsxs as se}from"react/jsx-runtime";import{useReducer as ae,useRef as j,useMemo as le,useEffect as Y,useCallback as k,createElement as Z}from"react";import de from"../ink/hooks/use-input.js";import ue from"../ink/hooks/use-window-size.js";import{Box as A}from"./box.js";import{SelectInputIndicator as fe}from"./select-input-indicator.js";import{SelectInputItem as pe}from"./select-input-item.js";import{Text as me}from"./text.js";const oe=re(import.meta.url),R=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,ce=F(t=>{if(typeof R<"u"&&R.versions&&R.versions.node){const[e,o]=R.versions.node.split(".").map(Number);if(e>22||e===22&&o>=3||e===20&&o>=16)return R.getBuiltinModule(t)}return oe(t)},"__cjs_getBuiltinModule"),{isDeepStrictEqual:ie}=ce("node:util");var Ie=Object.defineProperty,S=F((t,e)=>Ie(t,"name",{value:e,configurable:!0}),"S");const y=S(t=>"isSeparator"in t&&t.isSeparator,"isSeparator"),xe=[],ge=/^[1-9]$/,l=-1,ye="───",he=Symbol("separator"),be=S((t,e)=>{switch(e.type){case"navigate":return{rotateIndex:e.rotateIndex,selectedIndex:e.selectedIndex};case"reset":return{rotateIndex:0,selectedIndex:e.hasInitialSelection?e.initialIndex:l};case"set":return{rotateIndex:e.selectedIndex,selectedIndex:e.selectedIndex};default:return t}},"selectionReducer"),Se=S((t,e)=>{const{length:o}=t;if(o===0)return[];const u=(e%o+o)%o;return[...t.slice(u),...t.slice(0,u)]},"rotateArray"),b=S((t,e,o,u)=>e?Se(t,o).slice(0,u):t,"getVisibleItems"),$=S((t,e,o)=>{const{length:u}=t;for(let v=0;v<u;v+=1){const _=((e+(v+1)*o)%u+u)%u;if(!y(t[_]))return _}return l},"findNextSelectableIndex"),G=S((t,e)=>{if(e<0||e>=t.length)return l;const o=t[e];return o&&!y(o)?e:$(t,e-1,1)},"resolveSelectableIndex");function ve({accentColor:t="blue",defaultColor:e,index:o,indicatorComponent:u=fe,initialIndex:v,isFocused:_=!0,itemComponent:X=pe,items:r=xe,limit:D,onHighlight:f,onSelect:O,resetOnItemsChange:P=!0}){const{rows:U}=ue(),V=typeof D=="number"?D:U,c=r.length>V,d=c?Math.min(V,r.length):r.length,w=d-1,B=typeof o=="number"||typeof v=="number",H=typeof o=="number"?o:v??l,M=H===l?l:G(r,Math.min(H,w)),[q,C]=ae(be,{rotateIndex:M>w?w-M:0,selectedIndex:M}),z=j(B),J=j(M),K=j(q);K.current=q;const N=j(O);N.current=O;const ee=j(r),E=le(()=>r.map(n=>y(n)?he:n.value),[r]),L=j(E);z.current=B,J.current=M,Y(()=>{P&&!ie(L.current,E)&&C({hasInitialSelection:z.current,initialIndex:J.current,type:"reset"}),L.current=E,ee.current=r},[r,E,P]),Y(()=>{if(typeof o=="number"){const n=G(r,Math.min(o,w));C({selectedIndex:n===l?0:n,type:"set"})}},[o,r,w]);const Q=k((n,s)=>{const i=b(r,c,n,d);if(s===l){const x=$(i,0,-1);if(x===l)return;C({rotateIndex:n,selectedIndex:x,type:"navigate"}),typeof f=="function"&&f(i[x],x);return}const g=(c?d:r.length)-1,a=s===0,p=a?g:s-1,m=a&&c?n+1:n,h=b(r,c,m,d),I=y(h[p])?$(h,p,-1):p;I!==l&&(C({rotateIndex:m,selectedIndex:I,type:"navigate"}),typeof f=="function"&&f(h[I],I))},[c,d,r,f]),W=k((n,s)=>{const i=b(r,c,n,d);if(s===l){const x=$(i,i.length-1,1);if(x===l)return;C({rotateIndex:n,selectedIndex:x,type:"navigate"}),typeof f=="function"&&f(i[x],x);return}const g=(c?d:r.length)-1,a=s===g,p=a?0:s+1,m=a&&c?n-1:n,h=b(r,c,m,d),I=y(h[p])?$(h,p,1):p;I!==l&&(C({rotateIndex:m,selectedIndex:I,type:"navigate"}),typeof f=="function"&&f(h[I],I))},[c,d,r,f]);de(k((n,s)=>{const{rotateIndex:i,selectedIndex:g}=K.current;if((n==="k"||s.upArrow)&&Q(i,g),(n==="j"||s.downArrow)&&W(i,g),ge.test(n)){const a=Number.parseInt(n,10)-1,p=b(r,c,i,d);if(a>=0&&a<p.length){const m=p[a];m&&!y(m)&&(N.current?.(m),m.action?.())}}if(s.return&&g!==l){const a=b(r,c,i,d)[g];a&&!y(a)&&(N.current?.(a),a.action?.())}},[Q,W,c,d,r]),{isActive:_});const te=b(r,c,q.rotateIndex,d);return T(A,{flexDirection:"column",children:te.map((n,s)=>{if(y(n))return T(A,{children:T(me,{dimColor:!0,children:n.label??ye})},n.key??`separator-${String(s)}`);const i=s===q.selectedIndex;return se(A,{children:[Z(u,{accentColor:t,isFocused:_,isSelected:i}),Z(X,{...n,accentColor:t,defaultColor:e,isFocused:_,isSelected:i})]},n.key??String(n.value))})})}F(ve,"Q");S(ve,"SelectInput");export{ve as SelectInput,ve as default};

package/dist/components/shimmer-text.d.ts

@@ -0,0 +1,47 @@
+import { A as AnsiColors } from "../packem_shared/index.server.d-eZWyC2Ku.js";
+import { ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Props = {
+  /**
+  * Width of the highlighted band in characters.
+  * @default 3
+  */
+  readonly bandWidth?: number;
+  /**
+  * Base color of the non-highlighted text.
+  */
+  readonly color?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Highlight color of the sweeping band.
+  * @default "white"
+  */
+  readonly highlightColor?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Milliseconds between frames of the shimmer.
+  * @default 60
+  */
+  readonly interval?: number;
+  /**
+  * Text to render with a shimmer sweep.
+  */
+  readonly text: string;
+};
+/**
+* Text with an animated highlight band that sweeps across the characters.
+* Perfect for "generating…" states.
+* @param props Component props.
+* @param props.bandWidth Number of characters in the bright band.
+* @param props.color Color applied to characters outside the band.
+* @param props.highlightColor Color applied to characters inside the band.
+* @param props.interval Milliseconds between frames.
+* @param props.text Content to shimmer.
+* @returns A single `Text` element composed of per-character `Text` children.
+*/
+declare function ShimmerText({
+  bandWidth,
+  color,
+  highlightColor,
+  interval,
+  text
+}: Props): ReactElement;
+export { Props, ShimmerText, type Props as ShimmerTextProps, ShimmerText as default };

package/dist/components/shimmer-text.js

@@ -0,0 +1 @@
+var g=Object.defineProperty;var h=(e,r)=>g(e,"name",{value:r,configurable:!0});import{jsx as i}from"react/jsx-runtime";import{useMemo as f}from"react";import T from"../ink/hooks/use-animation.js";import{Text as n}from"./text.js";var S=Object.defineProperty,j=h((e,r)=>S(e,"name",{value:r,configurable:!0}),"c");function C({bandWidth:e=3,color:r,highlightColor:u="white",interval:p=60,text:l}){const{frame:s}=T({interval:p}),t=f(()=>[...l],[l]),c=t.length,x=c+e,b=c===0?0:s%x,v=f(()=>t.map((o,a)=>i(n,{color:r,dimColor:r===void 0,children:o},a)),[t,r]);if(c===0)return i(n,{color:r,children:l});const m=[];for(const[o,a]of t.entries()){const d=b-o;if(!(d>=0&&d<e)){m.push(v[o]);continue}m.push(i(n,{bold:!0,color:u,children:a},`band-${o}`))}return i(n,{children:m})}h(C,"d");j(C,"ShimmerText");export{C as ShimmerText,C as default};

package/dist/components/slider.d.ts

@@ -0,0 +1,103 @@
+import { A as AnsiColors } from "../packem_shared/index.server.d-eZWyC2Ku.js";
+import { ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Props = {
+  /**
+  * Accent color for the filled portion of the track and thumb.
+  * @default "green"
+  */
+  readonly accentColor?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Color for the empty portion of the track.
+  * @default "gray"
+  */
+  readonly defaultColor?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Initial value when uncontrolled.
+  * @default 0
+  */
+  readonly defaultValue?: number;
+  /**
+  * Character used for the empty portion of the track.
+  * @default "░"
+  */
+  readonly emptyCharacter?: string;
+  /**
+  * Character used for the filled portion of the track.
+  * @default "█"
+  */
+  readonly filledCharacter?: string;
+  /**
+  * When true, all input is ignored and the slider is dimmed.
+  * @default false
+  */
+  readonly isDisabled?: boolean;
+  /**
+  * When true, the component responds to keyboard input.
+  * @default true
+  */
+  readonly isFocused?: boolean;
+  /**
+  * Maximum value.
+  * @default 100
+  */
+  readonly max?: number;
+  /**
+  * Minimum value.
+  * @default 0
+  */
+  readonly min?: number;
+  /**
+  * Fires whenever the value changes.
+  */
+  readonly onChange?: (value: number) => void;
+  /**
+  * Layout direction of the slider.
+  * @default "horizontal"
+  */
+  readonly orientation?: "horizontal" | "vertical";
+  /**
+  * Increment size for arrow key presses.
+  * @default 1
+  */
+  readonly step?: number;
+  /**
+  * Character used to indicate the current position.
+  * @default "●"
+  */
+  readonly thumbCharacter?: string;
+  /**
+  * Controlled value. When provided, `defaultValue` is ignored.
+  */
+  readonly value?: number;
+  /**
+  * Width of the slider track in columns (horizontal) or rows (vertical).
+  * @default 20
+  */
+  readonly width?: number;
+};
+/**
+* A keyboard-driven slider / range input.
+*
+* ```tsx
+* &lt;Slider defaultValue={50} min={0} max={100} onChange={setValue} />
+* ```
+*/
+declare function Slider({
+  accentColor,
+  defaultColor,
+  defaultValue,
+  emptyCharacter,
+  filledCharacter,
+  isDisabled,
+  isFocused,
+  max,
+  min,
+  onChange,
+  orientation,
+  step,
+  thumbCharacter,
+  value: controlledValue,
+  width
+}: Props): ReactElement;
+export { Props, Slider, type Props as SliderProps, Slider as default };

package/dist/components/slider.js

@@ -0,0 +1 @@
+var H=Object.defineProperty;var M=(t,i)=>H(t,"name",{value:i,configurable:!0});import{jsx as s,jsxs as L}from"react/jsx-runtime";import{useState as R,useRef as q,useCallback as E}from"react";import T from"../ink/hooks/use-input.js";import{Box as y}from"./box.js";import{Text as C}from"./text.js";var U=Object.defineProperty,G=M((t,i)=>U(t,"name",{value:i,configurable:!0}),"v");const j=G((t,i,v)=>Math.min(v,Math.max(i,t)),"clamp");function Z({accentColor:t="green",defaultColor:i="gray",defaultValue:v=0,emptyCharacter:D="░",filledCharacter:$="█",isDisabled:o=!1,isFocused:I=!0,max:z=100,min:O=0,onChange:P,orientation:d="horizontal",step:h=1,thumbCharacter:S="●",value:V,width:J=20}){const n=Math.min(O,z),c=Math.max(O,z),x=V!==void 0,[K,N]=R(j(v,n,c)),b=x?j(V,n,c):K,k=q(P);k.current=P;const m=q(b);m.current=b;const a=E(e=>{const r=j(e,n,c);x||N(r),k.current?.(r)},[n,c,x]),g=h*10,f=c-n,Q=E((e,r)=>{const A=d==="horizontal"?r.rightArrow:r.upArrow,p=d==="horizontal"?r.leftArrow:r.downArrow;if(A){a(m.current+h);return}if(p){a(m.current-h);return}if(r.pageUp){a(m.current+g);return}if(r.pageDown){a(m.current-g);return}if(r.home){a(n);return}if(r.end){a(c);return}if(e>="0"&&e<="9"){const F=Number.parseInt(e,10)/10;a(n+f*F)}},[h,g,n,c,f,d,a]);T(Q,{isActive:I&&!o});const w=Math.max(1,J),W=f===0?0:(b-n)/f,l=Math.round(W*(w-1));if(d==="vertical"){const e=[];for(let r=w-1;r>=0;r--){const A=r===l,p=r<=l;e.push(s(y,{children:s(C,{color:o?void 0:p?t:i,dimColor:o,children:A?S:p?$:D})},r))}return s(y,{flexDirection:"column",children:e})}let u="";for(let e=0;e<w;e++)e===l?u+=S:e<l?u+=$:u+=D;const X=u.slice(0,l),Y=u[l]??"",B=u.slice(l+1);return L(y,{children:[s(C,{color:o?void 0:t,dimColor:o,children:X}),s(C,{bold:!0,color:o?void 0:t,dimColor:o,children:Y}),s(C,{color:o?void 0:i,dimColor:o,children:B})]})}M(Z,"V");G(Z,"Slider");export{Z as Slider,Z as default};

package/dist/components/spacer.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+/**
+* A flexible space that expands along the major axis of its containing layout.
+*
+* It's useful as a shortcut for filling all the available space between elements.
+*/
+declare function Spacer(): ReactElement;
+export { Spacer, Spacer as default };

package/dist/components/spacer.js

@@ -0,0 +1 @@
+var o=Object.defineProperty;var a=(r,e)=>o(r,"name",{value:e,configurable:!0});import{jsx as t}from"react/jsx-runtime";import{Box as f}from"./box.js";var n=Object.defineProperty,p=a((r,e)=>n(r,"name",{value:e,configurable:!0}),"e");function u(){return t(f,{flexGrow:1})}a(u,"t");p(u,"Spacer");export{u as Spacer,u as default};

package/dist/components/sparkline.d.ts

@@ -0,0 +1,35 @@
+import { A as AnsiColors } from "../packem_shared/index.server.d-eZWyC2Ku.js";
+import { ReactElement } from 'react';
+import { LiteralUnion } from 'type-fest';
+type Props = {
+  /**
+  * Color applied to the chart glyphs.
+  */
+  readonly color?: LiteralUnion<AnsiColors, string>;
+  /**
+  * Data points to plot. Values may be any real numbers.
+  */
+  readonly data: ReadonlyArray<number>;
+  /**
+  * Optional fixed maximum for the vertical scale.
+  * When omitted the maximum data value is used.
+  */
+  readonly max?: number;
+  /**
+  * Optional fixed minimum for the vertical scale.
+  * When omitted the minimum data value is used.
+  */
+  readonly min?: number;
+};
+/**
+* Inline bar chart using Unicode block glyphs.
+* @returns A `ReactElement` containing the glyph string, or `null` when
+* `data` is empty.
+*/
+declare function Sparkline({
+  color,
+  data,
+  max,
+  min
+}: Props): ReactElement | null;
+export { Props, Sparkline, type Props as SparklineProps, Sparkline as default };

package/dist/components/sparkline.js

@@ -0,0 +1 @@
+var s=Object.defineProperty;var m=(t,r)=>s(t,"name",{value:r,configurable:!0});import{jsx as p}from"react/jsx-runtime";import{useMemo as d}from"react";import{Text as h}from"./text.js";var I=Object.defineProperty,l=m((t,r)=>I(t,"name",{value:r,configurable:!0}),"i");const i="▁▂▃▄▅▆▇█",v=l((t,r,o)=>{if(o===0)return i[0];const e=(t-r)/o,n=Math.max(0,Math.min(i.length-1,Math.floor(e*i.length)));return i[n]},"resolveGlyph"),x=l((t,r,o)=>{let e=r??Number.POSITIVE_INFINITY,n=o??Number.NEGATIVE_INFINITY;if(r===void 0||o===void 0)for(const a of t)r===void 0&&a<e&&(e=a),o===void 0&&a>n&&(n=a);return{max:n,min:e}},"computeExtent");function N({color:t,data:r,max:o,min:e}){const n=d(()=>{if(r.length===0)return"";const{max:a,min:u}=x(r,e,o),f=a-u;return r.map(c=>v(c,u,f)).join("")},[r,e,o]);return n.length===0?null:p(h,{color:t,children:n})}m(N,"s");l(N,"Sparkline");export{N as Sparkline,N as default};

package/dist/components/spinner.d.ts

@@ -0,0 +1,17 @@
+import { S as SpinnerName } from "../packem_shared/index.d-Bk52cbgN.js";
+import { ReactElement } from 'react';
+type Props = {
+  /**
+  * Type of a spinner.
+  * Accepts any preset from `@visulima/spinner` (cli-spinners + custom frame sets).
+  * @default "dots"
+  */
+  readonly type?: SpinnerName;
+};
+/**
+* Spinner component that renders an animated loading indicator.
+*/
+declare function Spinner({
+  type
+}: Props): ReactElement;
+export { Props, Spinner, type Props as SpinnerProps, Spinner as default };

package/dist/components/spinner.js

@@ -0,0 +1 @@
+var v=Object.defineProperty;var _=(r,e)=>v(r,"name",{value:e,configurable:!0});import{jsx as o}from"react/jsx-runtime";import c from"../ink/hooks/use-animation.js";import{Text as g}from"./text.js";var d=Object.defineProperty,f=_((r,e)=>d(r,"name",{value:e,configurable:!0}),"a"),u=Object.defineProperty,n=f((r,e)=>u(r,"name",{value:e,configurable:!0}),"e"),p={interval:80,frames:["⠋","⠙","⠹","⠸","⠼","⠴","⠦","⠧","⠇","⠏"]},b={interval:80,frames:["⣾","⣽","⣻","⢿","⡿","⣟","⣯","⣷"]},h={interval:80,frames:["⠋","⠙","⠚","⠞","⠖","⠦","⠴","⠲","⠳","⠓"]},w={interval:80,frames:["⠄","⠆","⠇","⠋","⠙","⠸","⠰","⠠","⠰","⠸","⠙","⠋","⠇","⠆"]},y={interval:80,frames:["⠋","⠙","⠚","⠒","⠂","⠂","⠒","⠲","⠴","⠦","⠖","⠒","⠐","⠐","⠒","⠓","⠋"]},O={interval:80,frames:["⠁","⠉","⠙","⠚","⠒","⠂","⠂","⠒","⠲","⠴","⠤","⠄","⠄","⠤","⠴","⠲","⠒","⠂","⠂","⠒","⠚","⠙","⠉","⠁"]},S={interval:80,frames:["⠈","⠉","⠋","⠓","⠒","⠐","⠐","⠒","⠖","⠦","⠤","⠠","⠠","⠤","⠦","⠖","⠒","⠐","⠐","⠒","⠓","⠋","⠉","⠈"]},k={interval:80,frames:["⠁","⠁","⠉","⠙","⠚","⠒","⠂","⠂","⠒","⠲","⠴","⠤","⠄","⠄","⠤","⠠","⠠","⠤","⠦","⠖","⠒","⠐","⠐","⠒","⠓","⠋","⠉","⠈","⠈"]},j={interval:80,frames:["⢹","⢺","⢼","⣸","⣇","⡧","⡗","⡏"]},P={interval:80,frames:["⢄","⢂","⢁","⡁","⡈","⡐","⡠"]},x={interval:100,frames:["⠁","⠂","⠄","⡀","⢀","⠠","⠐","⠈"]},B={interval:80,frames:["⢀⠀","⡀⠀","⠄⠀","⢂⠀","⡂⠀","⠅⠀","⢃⠀","⡃⠀","⠍⠀","⢋⠀","⡋⠀","⠍⠁","⢋⠁","⡋⠁","⠍⠉","⠋⠉","⠋⠉","⠉⠙","⠉⠙","⠉⠩","⠈⢙","⠈⡙","⢈⠩","⡀⢙","⠄⡙","⢂⠩","⡂⢘","⠅⡘","⢃⠨","⡃⢐","⠍⡐","⢋⠠","⡋⢀","⠍⡁","⢋⠁","⡋⠁","⠍⠉","⠋⠉","⠋⠉","⠉⠙","⠉⠙","⠉⠩","⠈⢙","⠈⡙","⠈⠩","⠀⢙","⠀⡙","⠀⠩","⠀⢘","⠀⡘","⠀⠨","⠀⢐","⠀⡐","⠀⠠","⠀⢀","⠀⡀"]},$={interval:80,frames:["⣼","⣹","⢻","⠿","⡟","⣏","⣧","⣶"]},q={interval:80,frames:["⠉⠉","⠈⠙","⠀⠹","⠀⢸","⠀⣰","⢀⣠","⣀⣀","⣄⡀","⣆⠀","⡇⠀","⠏⠀","⠋⠁"]},M={interval:80,frames:["⠀","⠁","⠂","⠃","⠄","⠅","⠆","⠇","⡀","⡁","⡂","⡃","⡄","⡅","⡆","⡇","⠈","⠉","⠊","⠋","⠌","⠍","⠎","⠏","⡈","⡉","⡊","⡋","⡌","⡍","⡎","⡏","⠐","⠑","⠒","⠓","⠔","⠕","⠖","⠗","⡐","⡑","⡒","⡓","⡔","⡕","⡖","⡗","⠘","⠙","⠚","⠛","⠜","⠝","⠞","⠟","⡘","⡙","⡚","⡛","⡜","⡝","⡞","⡟","⠠","⠡","⠢","⠣","⠤","⠥","⠦","⠧","⡠","⡡","⡢","⡣","⡤","⡥","⡦","⡧","⠨","⠩","⠪","⠫","⠬","⠭","⠮","⠯","⡨","⡩","⡪","⡫","⡬","⡭","⡮","⡯","⠰","⠱","⠲","⠳","⠴","⠵","⠶","⠷","⡰","⡱","⡲","⡳","⡴","⡵","⡶","⡷","⠸","⠹","⠺","⠻","⠼","⠽","⠾","⠿","⡸","⡹","⡺","⡻","⡼","⡽","⡾","⡿","⢀","⢁","⢂","⢃","⢄","⢅","⢆","⢇","⣀","⣁","⣂","⣃","⣄","⣅","⣆","⣇","⢈","⢉","⢊","⢋","⢌","⢍","⢎","⢏","⣈","⣉","⣊","⣋","⣌","⣍","⣎","⣏","⢐","⢑","⢒","⢓","⢔","⢕","⢖","⢗","⣐","⣑","⣒","⣓","⣔","⣕","⣖","⣗","⢘","⢙","⢚","⢛","⢜","⢝","⢞","⢟","⣘","⣙","⣚","⣛","⣜","⣝","⣞","⣟","⢠","⢡","⢢","⢣","⢤","⢥","⢦","⢧","⣠","⣡","⣢","⣣","⣤","⣥","⣦","⣧","⢨","⢩","⢪","⢫","⢬","⢭","⢮","⢯","⣨","⣩","⣪","⣫","⣬","⣭","⣮","⣯","⢰","⢱","⢲","⢳","⢴","⢵","⢶","⢷","⣰","⣱","⣲","⣳","⣴","⣵","⣶","⣷","⢸","⢹","⢺","⢻","⢼","⢽","⢾","⢿","⣸","⣹","⣺","⣻","⣼","⣽","⣾","⣿"]},D={interval:80,frames:["⢎ ","⠎⠁","⠊⠑","⠈⠱"," ⡱","⢀⡰","⢄⡠","⢆⡀"]},H={interval:80,frames:["⠁","⠂","⠄","⡀","⡈","⡐","⡠","⣀","⣁","⣂","⣄","⣌","⣔","⣤","⣥","⣦","⣮","⣶","⣷","⣿","⡿","⠿","⢟","⠟","⡛","⠛","⠫","⢋","⠋","⠍","⡉","⠉","⠑","⠡","⢁"]},C={interval:130,frames:["-","\\","|","/"]},R={interval:100,frames:["⠂","-","–","—","–","-"]},T={interval:80,frames:["/  "," - "," \\ ","  |","  |"," \\ "," - ","/  "]},z={interval:100,frames:["┤","┘","┴","└","├","┌","┬","┐"]},A={interval:400,frames:[".  ",".. ","...","   "]},F={interval:200,frames:[".  ",".. ","..."," ..","  .","   "]},I={interval:70,frames:["✶","✸","✹","✺","✹","✷"]},L={interval:80,frames:["+","x","*"]},N={interval:70,frames:["_","_","_","-","`","`","'","´","-","_","_","_"]},Q={interval:100,frames:["☱","☲","☴"]},V={interval:120,frames:["▁","▃","▄","▅","▆","▇","▆","▅","▄","▃"]},W={interval:120,frames:["▏","▎","▍","▌","▋","▊","▉","▊","▋","▌","▍","▎"]},E={interval:140,frames:[" ",".","o","O","@","*"," "]},G={interval:120,frames:[".","o","O","°","O","o","."]},J={interval:100,frames:["▓","▒","░"]},K={interval:120,frames:["⠁","⠂","⠄","⠂"]},X={interval:120,frames:["▖","▘","▝","▗"]},Y={interval:100,frames:["▌","▀","▐","▄"]},Z={interval:50,frames:["◢","◣","◤","◥"]},U={interval:80,frames:["010010","001100","100101","111010","111101","010111","101011","111000","110011","110101"]},rr={interval:100,frames:["◜","◠","◝","◞","◡","◟"]},er={interval:120,frames:["◡","⊙","◠"]},_r={interval:180,frames:["◰","◳","◲","◱"]},ar={interval:120,frames:["◴","◷","◶","◵"]},tr={interval:50,frames:["◐","◓","◑","◒"]},nr={interval:100,frames:["╫","╪"]},lr={interval:250,frames:["⊶","⊷"]},sr={interval:80,frames:["▫","▪"]},ir={interval:120,frames:["□","■"]},mr={interval:100,frames:["■","□","▪","▫"]},fr={interval:100,frames:["▮","▯"]},vr={interval:300,frames:["ဝ","၀"]},or={interval:80,frames:["⦾","⦿"]},cr={interval:100,frames:["◍","◌"]},gr={interval:100,frames:["◉","◎"]},dr={interval:100,frames:["㊂","㊀","㊁"]},ur={interval:50,frames:["⧇","⧆"]},pr={interval:120,frames:["☗","☖"]},br={interval:80,frames:["=","*","-"]},hr={interval:100,frames:["←","↖","↑","↗","→","↘","↓","↙"]},wr={interval:80,frames:["⬆️ ","↗️ ","➡️ ","↘️ ","⬇️ ","↙️ ","⬅️ ","↖️ "]},yr={interval:120,frames:["▹▹▹▹▹","▸▹▹▹▹","▹▸▹▹▹","▹▹▸▹▹","▹▹▹▸▹","▹▹▹▹▸"]},Or={interval:80,frames:["[    ]","[=   ]","[==  ]","[=== ]","[====]","[ ===]","[  ==]","[   =]","[    ]","[   =]","[  ==]","[ ===]","[====]","[=== ]","[==  ]","[=   ]"]},Sr={interval:80,frames:["( ●    )","(  ●   )","(   ●  )","(    ● )","(     ●)","(    ● )","(   ●  )","(  ●   )","( ●    )","(●     )"]},kr={interval:200,frames:["😄 ","😝 "]},jr={interval:300,frames:["🙈 ","🙈 ","🙉 ","🙊 "]},Pr={interval:100,frames:["💛 ","💙 ","💜 ","💚 ","💗 "]},xr={interval:100,frames:["🕛 ","🕐 ","🕑 ","🕒 ","🕓 ","🕔 ","🕕 ","🕖 ","🕗 ","🕘 ","🕙 ","🕚 "]},Br={interval:180,frames:["🌍 ","🌎 ","🌏 "]},$r={interval:17,frames:["█▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁","██▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁","███▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁","████▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁","██████▁▁▁▁▁▁▁▁▁▁▁▁▁▁","██████▁▁▁▁▁▁▁▁▁▁▁▁▁▁","███████▁▁▁▁▁▁▁▁▁▁▁▁▁","████████▁▁▁▁▁▁▁▁▁▁▁▁","█████████▁▁▁▁▁▁▁▁▁▁▁","█████████▁▁▁▁▁▁▁▁▁▁▁","██████████▁▁▁▁▁▁▁▁▁▁","███████████▁▁▁▁▁▁▁▁▁","█████████████▁▁▁▁▁▁▁","██████████████▁▁▁▁▁▁","██████████████▁▁▁▁▁▁","▁██████████████▁▁▁▁▁","▁██████████████▁▁▁▁▁","▁██████████████▁▁▁▁▁","▁▁██████████████▁▁▁▁","▁▁▁██████████████▁▁▁","▁▁▁▁█████████████▁▁▁","▁▁▁▁██████████████▁▁","▁▁▁▁██████████████▁▁","▁▁▁▁▁██████████████▁","▁▁▁▁▁██████████████▁","▁▁▁▁▁██████████████▁","▁▁▁▁▁▁██████████████","▁▁▁▁▁▁██████████████","▁▁▁▁▁▁▁█████████████","▁▁▁▁▁▁▁█████████████","▁▁▁▁▁▁▁▁████████████","▁▁▁▁▁▁▁▁████████████","▁▁▁▁▁▁▁▁▁███████████","▁▁▁▁▁▁▁▁▁███████████","▁▁▁▁▁▁▁▁▁▁██████████","▁▁▁▁▁▁▁▁▁▁██████████","▁▁▁▁▁▁▁▁▁▁▁▁████████","▁▁▁▁▁▁▁▁▁▁▁▁▁███████","▁▁▁▁▁▁▁▁▁▁▁▁▁▁██████","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁█████","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁█████","█▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁████","██▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁███","██▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁███","███▁▁▁▁▁▁▁▁▁▁▁▁▁▁███","████▁▁▁▁▁▁▁▁▁▁▁▁▁▁██","█████▁▁▁▁▁▁▁▁▁▁▁▁▁▁█","█████▁▁▁▁▁▁▁▁▁▁▁▁▁▁█","██████▁▁▁▁▁▁▁▁▁▁▁▁▁█","████████▁▁▁▁▁▁▁▁▁▁▁▁","█████████▁▁▁▁▁▁▁▁▁▁▁","█████████▁▁▁▁▁▁▁▁▁▁▁","█████████▁▁▁▁▁▁▁▁▁▁▁","█████████▁▁▁▁▁▁▁▁▁▁▁","███████████▁▁▁▁▁▁▁▁▁","████████████▁▁▁▁▁▁▁▁","████████████▁▁▁▁▁▁▁▁","██████████████▁▁▁▁▁▁","██████████████▁▁▁▁▁▁","▁██████████████▁▁▁▁▁","▁██████████████▁▁▁▁▁","▁▁▁█████████████▁▁▁▁","▁▁▁▁▁████████████▁▁▁","▁▁▁▁▁████████████▁▁▁","▁▁▁▁▁▁███████████▁▁▁","▁▁▁▁▁▁▁▁█████████▁▁▁","▁▁▁▁▁▁▁▁█████████▁▁▁","▁▁▁▁▁▁▁▁▁█████████▁▁","▁▁▁▁▁▁▁▁▁█████████▁▁","▁▁▁▁▁▁▁▁▁▁█████████▁","▁▁▁▁▁▁▁▁▁▁▁████████▁","▁▁▁▁▁▁▁▁▁▁▁████████▁","▁▁▁▁▁▁▁▁▁▁▁▁███████▁","▁▁▁▁▁▁▁▁▁▁▁▁███████▁","▁▁▁▁▁▁▁▁▁▁▁▁▁███████","▁▁▁▁▁▁▁▁▁▁▁▁▁███████","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁█████","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁████","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁████","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁████","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁███","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁███","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁██","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁██","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁██","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁█","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁█","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁█","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁","▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁"]},qr={interval:80,frames:["🌑 ","🌒 ","🌓 ","🌔 ","🌕 ","🌖 ","🌗 ","🌘 "]},Mr={interval:140,frames:["🚶 ","🏃 "]},Dr={interval:80,frames:["▐⠂       ▌","▐⠈       ▌","▐ ⠂      ▌","▐ ⠠      ▌","▐  ⡀     ▌","▐  ⠠     ▌","▐   ⠂    ▌","▐   ⠈    ▌","▐    ⠂   ▌","▐    ⠠   ▌","▐     ⡀  ▌","▐     ⠠  ▌","▐      ⠂ ▌","▐      ⠈ ▌","▐       ⠂▌","▐       ⠠▌","▐       ⡀▌","▐      ⠠ ▌","▐      ⠂ ▌","▐     ⠈  ▌","▐     ⠂  ▌","▐    ⠠   ▌","▐    ⡀   ▌","▐   ⠠    ▌","▐   ⠂    ▌","▐  ⠈     ▌","▐  ⠂     ▌","▐ ⠠      ▌","▐ ⡀      ▌","▐⠠       ▌"]},Hr={interval:120,frames:["▐|\\____________▌","▐_|\\___________▌","▐__|\\__________▌","▐___|\\_________▌","▐____|\\________▌","▐_____|\\_______▌","▐______|\\______▌","▐_______|\\_____▌","▐________|\\____▌","▐_________|\\___▌","▐__________|\\__▌","▐___________|\\_▌","▐____________|\\▌","▐____________/|▌","▐___________/|_▌","▐__________/|__▌","▐_________/|___▌","▐________/|____▌","▐_______/|_____▌","▐______/|______▌","▐_____/|_______▌","▐____/|________▌","▐___/|_________▌","▐__/|__________▌","▐_/|___________▌","▐/|____________▌"]},Cr={interval:100,frames:["d","q","p","b"]},Rr={interval:100,frames:["☀️ ","☀️ ","☀️ ","🌤 ","⛅️ ","🌥 ","☁️ ","🌧 ","🌨 ","🌧 ","🌨 ","🌧 ","🌨 ","⛈ ","🌨 ","🌧 ","🌨 ","☁️ ","🌥 ","⛅️ ","🌤 ","☀️ ","☀️ "]},Tr={interval:400,frames:["🌲","🎄"]},zr={interval:80,frames:["،  ","′  "," ´ "," ‾ ","  ⸌","  ⸊","  |","  ⁎","  ⁕"," ෴ ","  ⁓","   ","   ","   "]},Ar={interval:125,frames:["∙∙∙","●∙∙","∙●∙","∙∙●","∙∙∙"]},Fr={interval:150,frames:["-","=","≡"]},Ir={interval:80,frames:["ρββββββ","βρβββββ","ββρββββ","βββρβββ","ββββρββ","βββββρβ","ββββββρ"]},Lr={interval:160,frames:["🤘 ","🤟 ","🖖 ","✋ ","🤚 ","👆 "]},Nr={interval:80,frames:["🤜　　　　🤛 ","🤜　　　　🤛 ","🤜　　　　🤛 ","　🤜　　🤛　 ","　　🤜🤛　　 ","　🤜✨🤛　　 ","🤜　✨　🤛　 "]},Qr={interval:80,frames:[" 🧑⚽️       🧑 ","🧑  ⚽️      🧑 ","🧑   ⚽️     🧑 ","🧑    ⚽️    🧑 ","🧑     ⚽️   🧑 ","🧑      ⚽️  🧑 ","🧑       ⚽️🧑  ","🧑      ⚽️  🧑 ","🧑     ⚽️   🧑 ","🧑    ⚽️    🧑 ","🧑   ⚽️     🧑 ","🧑  ⚽️      🧑 "]},Vr={interval:160,frames:["😐 ","😐 ","😮 ","😮 ","😦 ","😦 ","😧 ","😧 ","🤯 ","💥 ","✨ ","　 ","　 ","　 "]},Wr={interval:160,frames:["🔈 ","🔉 ","🔊 ","🔉 "]},Er={interval:100,frames:["🔸 ","🔶 ","🟠 ","🟠 ","🔶 "]},Gr={interval:100,frames:["🔹 ","🔷 ","🔵 ","🔵 ","🔷 "]},Jr={interval:100,frames:["🔸 ","🔶 ","🟠 ","🟠 ","🔶 ","🔹 ","🔷 ","🔵 ","🔵 ","🔷 "]},Kr={interval:100,frames:["🕛 ","🕚 ","🕙 ","🕘 ","🕗 ","🕖 ","🕕 ","🕔 ","🕓 ","🕒 ","🕑 ","🕐 "]},Xr={interval:80,frames:["▰▱▱▱▱▱▱","▰▰▱▱▱▱▱","▰▰▰▱▱▱▱","▰▰▰▰▱▱▱","▰▰▰▰▰▱▱","▰▰▰▰▰▰▱","▰▰▰▰▰▰▰","▰▱▱▱▱▱▱"]},Yr={interval:80,frames:[" ██████£££  ","☺██████£££  ","☺██████£££  ","☺▓█████£££  ","☺▓█████£££  ","☺▒█████£££  ","☺▒█████£££  ","☺░█████£££  ","☺░█████£££  ","☺ █████£££  "," ☺█████£££  "," ☺█████£££  "," ☺▓████£££  "," ☺▓████£££  "," ☺▒████£££  "," ☺▒████£££  "," ☺░████£££  "," ☺░████£££  "," ☺ ████£££  ","  ☺████£££  ","  ☺████£££  ","  ☺▓███£££  ","  ☺▓███£££  ","  ☺▒███£££  ","  ☺▒███£££  ","  ☺░███£££  ","  ☺░███£££  ","  ☺ ███£££  ","   ☺███£££  ","   ☺███£££  ","   ☺▓██£££  ","   ☺▓██£££  ","   ☺▒██£££  ","   ☺▒██£££  ","   ☺░██£££  ","   ☺░██£££  ","   ☺ ██£££  ","    ☺██£££  ","    ☺██£££  ","    ☺▓█£££  ","    ☺▓█£££  ","    ☺▒█£££  ","    ☺▒█£££  ","    ☺░█£££  ","    ☺░█£££  ","    ☺ █£££  ","     ☺█£££  ","     ☺█£££  ","     ☺▓£££  ","     ☺▓£££  ","     ☺▒£££  ","     ☺▒£££  ","     ☺░£££  ","     ☺░£££  ","     ☺ £££  ","      ☺£££  ","      ☺£££  ","      ☺▓££  ","      ☺▓££  ","      ☺▒££  ","      ☺▒££  ","      ☺░££  ","      ☺░££  ","      ☺ ££  ","       ☺££  ","       ☺££  ","       ☺▓£  ","       ☺▓£  ","       ☺▒£  ","       ☺▒£  ","       ☺░£  ","       ☺░£  ","       ☺ £  ","        ☺£  ","        ☺£  ","        ☺▓  ","        ☺▓  ","        ☺▒  ","        ☺▒  ","        ☺░  ","        ☺░  ","        ☺   ","        ☺  &","        ☺ ☼&","       ☺ ☼ &","       ☺☼  &","      ☺☼  & ","      ‼   & ","     ☺   &  ","    ‼    &  ","   ☺    &   ","  ‼     &   "," ☺     &    ","‼      &    ","      &     ","      &     ","     &   ░  ","     &   ▒  ","    &    ▓  ","    &    £  ","   &    ░£  ","   &    ▒£  ","  &     ▓£  ","  &     ££  "," &     ░££  "," &     ▒££  ","&      ▓££  ","&      £££  ","      ░£££  ","      ▒£££  ","      ▓£££  ","      █£££  ","     ░█£££  ","     ▒█£££  ","     ▓█£££  ","     ██£££  ","    ░██£££  ","    ▒██£££  ","    ▓██£££  ","    ███£££  ","   ░███£££  ","   ▒███£££  ","   ▓███£££  ","   ████£££  ","  ░████£££  ","  ▒████£££  ","  ▓████£££  ","  █████£££  "," ░█████£££  "," ▒█████£££  "," ▓█████£££  "," ██████£££  "," ██████£££  "]},Zr={interval:80,frames:["~~~~~~~~~~~~~~~~~~~~","> ~~~~~~~~~~~~~~~~~~","º> ~~~~~~~~~~~~~~~~~","(º> ~~~~~~~~~~~~~~~~","((º> ~~~~~~~~~~~~~~~","<((º> ~~~~~~~~~~~~~~","><((º> ~~~~~~~~~~~~~"," ><((º> ~~~~~~~~~~~~","~ ><((º> ~~~~~~~~~~~","~~ <>((º> ~~~~~~~~~~","~~~ ><((º> ~~~~~~~~~","~~~~ <>((º> ~~~~~~~~","~~~~~ ><((º> ~~~~~~~","~~~~~~ <>((º> ~~~~~~","~~~~~~~ ><((º> ~~~~~","~~~~~~~~ <>((º> ~~~~","~~~~~~~~~ ><((º> ~~~","~~~~~~~~~~ <>((º> ~~","~~~~~~~~~~~ ><((º> ~","~~~~~~~~~~~~ <>((º> ","~~~~~~~~~~~~~ ><((º>","~~~~~~~~~~~~~~ <>((º","~~~~~~~~~~~~~~~ ><((","~~~~~~~~~~~~~~~~ <>(","~~~~~~~~~~~~~~~~~ ><","~~~~~~~~~~~~~~~~~~ <","~~~~~~~~~~~~~~~~~~~~"]};const l={dots:p,dots2:b,dots3:h,dots4:w,dots5:y,dots6:O,dots7:S,dots8:k,dots9:j,dots10:P,dots11:x,dots12:B,dots13:$,dots14:q,dots8Bit:M,dotsCircle:D,sand:H,line:C,line2:R,rollingLine:T,pipe:z,simpleDots:A,simpleDotsScrolling:F,star:I,star2:L,flip:N,hamburger:Q,growVertical:V,growHorizontal:W,balloon:E,balloon2:G,noise:J,bounce:K,boxBounce:X,boxBounce2:Y,triangle:Z,binary:U,arc:rr,circle:er,squareCorners:_r,circleQuarters:ar,circleHalves:tr,squish:nr,toggle:lr,toggle2:sr,toggle3:ir,toggle4:mr,toggle5:fr,toggle6:vr,toggle7:or,toggle8:cr,toggle9:gr,toggle10:dr,toggle11:ur,toggle12:pr,toggle13:br,arrow:hr,arrow2:wr,arrow3:yr,bouncingBar:Or,bouncingBall:Sr,smiley:kr,monkey:jr,hearts:Pr,clock:xr,earth:Br,material:$r,moon:qr,runner:Mr,pong:Dr,shark:Hr,dqpb:Cr,weather:Rr,christmas:Tr,grenade:zr,point:Ar,layer:Fr,betaWave:Ir,fingerDance:Lr,fistBump:Nr,soccerHeader:Qr,mindblown:Vr,speaker:Wr,orangePulse:Er,bluePulse:Gr,orangeBluePulse:Jr,timeTravel:Kr,aesthetic:Xr,dwarfFortress:Yr,fish:Zr};var Ur=Object.defineProperty,re=n((r,e)=>Ur(r,"name",{value:e,configurable:!0}),"o");const m=Object.keys(l);function s(){const r=Math.floor(Math.random()*m.length),e=m[r];return l[e]}_(s,"i");f(s,"Ir");n(s,"randomSpinner");re(s,"randomSpinner");var ee=Object.defineProperty,i=n((r,e)=>ee(r,"name",{value:e,configurable:!0}),"r");const _e={breathe:{frames:["⠀","⠂","⠌","⡑","⢕","⢝","⣫","⣟","⣿","⣟","⣫","⢝","⢕","⡑","⠌","⠂","⠀"],interval:100},cascade:{frames:["⠀⠀⠀⠀","⠁⠀⠀⠀","⠋⠀⠀⠀","⠞⠁⠀⠀","⡴⠋⠀⠀","⣠⠞⠁⠀","⢀⡴⠋⠀","⠀⣠⠞⠁","⠀⢀⡴⠋","⠀⠀⣠⠞","⠀⠀⢀⡴","⠀⠀⠀⣠","⠀⠀⠀⢀"],interval:60},checkerboard:{frames:["⢕⢕⢕","⡪⡪⡪","⢊⠔⡡","⡡⢊⠔"],interval:250},columns:{frames:["⡀⠀⠀","⡄⠀⠀","⡆⠀⠀","⡇⠀⠀","⣇⠀⠀","⣧⠀⠀","⣷⠀⠀","⣿⠀⠀","⣿⡀⠀","⣿⡄⠀","⣿⡆⠀","⣿⡇⠀","⣿⣇⠀","⣿⣧⠀","⣿⣷⠀","⣿⣿⠀","⣿⣿⡀","⣿⣿⡄","⣿⣿⡆","⣿⣿⡇","⣿⣿⣇","⣿⣿⣧","⣿⣿⣷","⣿⣿⣿","⣿⣿⣿","⠀⠀⠀"],interval:60},diagSwipe:{frames:["⠁⠀","⠋⠀","⠟⠁","⡿⠋","⣿⠟","⣿⡿","⣿⣿","⣿⣿","⣾⣿","⣴⣿","⣠⣾","⢀⣴","⠀⣠","⠀⢀","⠀⠀","⠀⠀"],interval:60},dna:{frames:["⠋⠉⠙⠚","⠉⠙⠚⠒","⠙⠚⠒⠂","⠚⠒⠂⠂","⠒⠂⠂⠒","⠂⠂⠒⠲","⠂⠒⠲⠴","⠒⠲⠴⠤","⠲⠴⠤⠄","⠴⠤⠄⠋","⠤⠄⠋⠉","⠄⠋⠉⠙"],interval:80},doubleArrow:{frames:["⇐","⇖","⇑","⇗","⇒","⇘","⇓","⇙"],interval:100},fillSweep:{frames:["⣀⣀","⣤⣤","⣶⣶","⣿⣿","⣿⣿","⣿⣿","⣶⣶","⣤⣤","⣀⣀","⠀⠀","⠀⠀"],interval:100},helix:{frames:["⢌⣉⢎⣉","⣉⡱⣉⡱","⣉⢎⣉⢎","⡱⣉⡱⣉","⢎⣉⢎⣉","⣉⡱⣉⡱","⣉⢎⣉⢎","⡱⣉⡱⣉","⢎⣉⢎⣉","⣉⡱⣉⡱","⣉⢎⣉⢎","⡱⣉⡱⣉","⢎⣉⢎⣉","⣉⡱⣉⡱","⣉⢎⣉⢎","⡱⣉⡱⣉"],interval:80},infinity:{frames:["⢎⡱⣉⠆","⢎⡱⣈⠆","⢎⡱⣀⠆","⢎⡱⣀⠄","⢎⡱⣀ ","⢎⡱⡀ ","⢎⡱  ","⢎⡱  ","⢎⡡  ","⢎⡠  ","⢆⡠  ","⢄⡠  ","⢀⡠  "," ⡠  "," ⠠  "," ⠰  "," ⠐  "," ⠐⠁ "," ⠐⠉ "," ⠐⠉⠂"," ⠐⠉⠆"," ⠐⢉⠆"," ⠐⣉⠆"," ⠰⣉⠆"," ⠰⣉⠆"," ⠱⣉⠆","⠈⠱⣉⠆","⠊⠱⣉⠆","⠎⠱⣉⠆","⢎⠱⣉⠆","⢎⡱⣉⠆","⢎⡱⣉⠆"],interval:60},orbit:{frames:["⠃","⠉","⠘","⠰","⢠","⣀","⡄","⠆"],interval:100},pulse:{frames:["⠀⠶⠀","⠰⣿⠆","⢾⣉⡷","⣏⠀⣹","⡁⠀⢈"],interval:180},rain:{frames:["⢁⠂⠔⠈","⠂⠌⡠⠐","⠄⡐⢀⠡","⡈⠠⠀⢂","⠐⢀⠁⠄","⠠⠁⠊⡀","⢁⠂⠔⠈","⠂⠌⡠⠐","⠄⡐⢀⠡","⡈⠠⠀⢂","⠐⢀⠁⠄","⠠⠁⠊⡀"],interval:100},scan:{frames:["⠀⠀⠀⠀","⡇⠀⠀⠀","⣿⠀⠀⠀","⢸⡇⠀⠀","⠀⣿⠀⠀","⠀⢸⡇⠀","⠀⠀⣿⠀","⠀⠀⢸⡇","⠀⠀⠀⣿","⠀⠀⠀⢸"],interval:70},scanline:{frames:["⠉⠉⠉","⠓⠓⠓","⠦⠦⠦","⣄⣄⣄","⠦⠦⠦","⠓⠓⠓"],interval:120},snake:{frames:["⣁⡀","⣉⠀","⡉⠁","⠉⠉","⠈⠙","⠀⠛","⠐⠚","⠒⠒","⠖⠂","⠶⠀","⠦⠄","⠤⠤","⠠⢤","⠀⣤","⢀⣠","⣀⣀"],interval:80},sparkle:{frames:["⡡⠊⢔⠡","⠊⡰⡡⡘","⢔⢅⠈⢢","⡁⢂⠆⡍","⢔⠨⢑⢐","⠨⡑⡠⠊"],interval:150},wave:{frames:["⠁⠂⠄⡀","⠂⠄⡀⢀","⠄⡀⢀⠠","⡀⢀⠠⠐","⢀⠠⠐⠈","⠠⠐⠈⠁","⠐⠈⠁⠂","⠈⠁⠂⠄"],interval:100},waveRows:{frames:["⠖⠉⠉⠑","⡠⠖⠉⠉","⣠⡠⠖⠉","⣄⣠⡠⠖","⠢⣄⣠⡠","⠙⠢⣄⣠","⠉⠙⠢⣄","⠊⠉⠙⠢","⠜⠊⠉⠙","⡤⠜⠊⠉","⣀⡤⠜⠊","⢤⣀⡤⠜","⠣⢤⣀⡤","⠑⠣⢤⣀","⠉⠑⠣⢤","⠋⠉⠑⠣"],interval:90}},a={...l,..._e},ae=i(r=>a[r],"getSpinner");i(()=>{const r=Object.keys(a),e=Math.floor(Math.random()*r.length),t=r[e];return a[t]},"getRandomSpinner");i(()=>Object.keys(a),"getSpinnerNames");var te=Object.defineProperty,ne=_((r,e)=>te(r,"name",{value:e,configurable:!0}),"t");function le({type:r="dots"}){const e=ae(r),{frame:t}=c({interval:e.interval});return o(g,{children:e.frames[t%e.frames.length]})}_(le,"n");ne(le,"Spinner");export{le as Spinner,le as default};