@opentuah/core 0.1.77

package/renderables/Select.d.ts

@@ -0,0 +1,115 @@
+import { OptimizedBuffer } from "../buffer";
+import { fonts } from "../lib/ascii.font";
+import type { KeyEvent } from "../lib/KeyHandler";
+import { type ColorInput } from "../lib/RGBA";
+import { Renderable, type RenderableOptions } from "../Renderable";
+import type { RenderContext } from "../types";
+import { type KeyBinding as BaseKeyBinding, type KeyAliasMap } from "../lib/keymapping";
+export interface SelectOption {
+    name: string;
+    description: string;
+    value?: any;
+}
+export type SelectAction = "move-up" | "move-down" | "move-up-fast" | "move-down-fast" | "select-current";
+export type SelectKeyBinding = BaseKeyBinding<SelectAction>;
+export interface SelectRenderableOptions extends RenderableOptions<SelectRenderable> {
+    backgroundColor?: ColorInput;
+    textColor?: ColorInput;
+    focusedBackgroundColor?: ColorInput;
+    focusedTextColor?: ColorInput;
+    options?: SelectOption[];
+    selectedIndex?: number;
+    selectedBackgroundColor?: ColorInput;
+    selectedTextColor?: ColorInput;
+    descriptionColor?: ColorInput;
+    selectedDescriptionColor?: ColorInput;
+    showScrollIndicator?: boolean;
+    wrapSelection?: boolean;
+    showDescription?: boolean;
+    font?: keyof typeof fonts;
+    itemSpacing?: number;
+    fastScrollStep?: number;
+    keyBindings?: SelectKeyBinding[];
+    keyAliasMap?: KeyAliasMap;
+}
+export declare enum SelectRenderableEvents {
+    SELECTION_CHANGED = "selectionChanged",
+    ITEM_SELECTED = "itemSelected"
+}
+export declare class SelectRenderable extends Renderable {
+    protected _focusable: boolean;
+    private _options;
+    private _selectedIndex;
+    private scrollOffset;
+    private maxVisibleItems;
+    private _backgroundColor;
+    private _textColor;
+    private _focusedBackgroundColor;
+    private _focusedTextColor;
+    private _selectedBackgroundColor;
+    private _selectedTextColor;
+    private _descriptionColor;
+    private _selectedDescriptionColor;
+    private _showScrollIndicator;
+    private _wrapSelection;
+    private _showDescription;
+    private _font?;
+    private _itemSpacing;
+    private linesPerItem;
+    private fontHeight;
+    private _fastScrollStep;
+    private _keyBindingsMap;
+    private _keyAliasMap;
+    private _keyBindings;
+    protected _defaultOptions: {
+        backgroundColor: string;
+        textColor: string;
+        focusedBackgroundColor: string;
+        focusedTextColor: string;
+        selectedBackgroundColor: string;
+        selectedTextColor: string;
+        selectedIndex: number;
+        descriptionColor: string;
+        selectedDescriptionColor: string;
+        showScrollIndicator: false;
+        wrapSelection: false;
+        showDescription: true;
+        itemSpacing: number;
+        fastScrollStep: number;
+    };
+    constructor(ctx: RenderContext, options: SelectRenderableOptions);
+    protected renderSelf(buffer: OptimizedBuffer, deltaTime: number): void;
+    private refreshFrameBuffer;
+    private renderScrollIndicatorToFrameBuffer;
+    get options(): SelectOption[];
+    set options(options: SelectOption[]);
+    getSelectedOption(): SelectOption | null;
+    getSelectedIndex(): number;
+    moveUp(steps?: number): void;
+    moveDown(steps?: number): void;
+    selectCurrent(): void;
+    setSelectedIndex(index: number): void;
+    private updateScrollOffset;
+    protected onResize(width: number, height: number): void;
+    handleKeyPress(key: KeyEvent): boolean;
+    get showScrollIndicator(): boolean;
+    set showScrollIndicator(show: boolean);
+    get showDescription(): boolean;
+    set showDescription(show: boolean);
+    get wrapSelection(): boolean;
+    set wrapSelection(wrap: boolean);
+    set backgroundColor(value: ColorInput);
+    set textColor(value: ColorInput);
+    set focusedBackgroundColor(value: ColorInput);
+    set focusedTextColor(value: ColorInput);
+    set selectedBackgroundColor(value: ColorInput);
+    set selectedTextColor(value: ColorInput);
+    set descriptionColor(value: ColorInput);
+    set selectedDescriptionColor(value: ColorInput);
+    set font(font: keyof typeof fonts);
+    set itemSpacing(spacing: number);
+    set fastScrollStep(step: number);
+    set keyBindings(bindings: SelectKeyBinding[]);
+    set keyAliasMap(aliases: KeyAliasMap);
+    set selectedIndex(value: number);
+}

package/renderables/Slider.d.ts

@@ -0,0 +1,44 @@
+import { type ColorInput, OptimizedBuffer, Renderable, type RenderableOptions, type RenderContext, RGBA } from "../index";
+export interface SliderOptions extends RenderableOptions<SliderRenderable> {
+    orientation: "vertical" | "horizontal";
+    value?: number;
+    min?: number;
+    max?: number;
+    viewPortSize?: number;
+    backgroundColor?: ColorInput;
+    foregroundColor?: ColorInput;
+    onChange?: (value: number) => void;
+}
+export declare class SliderRenderable extends Renderable {
+    readonly orientation: "vertical" | "horizontal";
+    private _value;
+    private _min;
+    private _max;
+    private _viewPortSize;
+    private _backgroundColor;
+    private _foregroundColor;
+    private _onChange?;
+    constructor(ctx: RenderContext, options: SliderOptions);
+    get value(): number;
+    set value(newValue: number);
+    get min(): number;
+    set min(newMin: number);
+    get max(): number;
+    set max(newMax: number);
+    set viewPortSize(size: number);
+    get viewPortSize(): number;
+    get backgroundColor(): RGBA;
+    set backgroundColor(value: ColorInput);
+    get foregroundColor(): RGBA;
+    set foregroundColor(value: ColorInput);
+    private calculateDragOffsetVirtual;
+    private setupMouseHandling;
+    private updateValueFromMouseDirect;
+    private updateValueFromMouseWithOffset;
+    private getThumbRect;
+    protected renderSelf(buffer: OptimizedBuffer): void;
+    private renderHorizontal;
+    private renderVertical;
+    private getVirtualThumbSize;
+    private getVirtualThumbStart;
+}

package/renderables/TabSelect.d.ts

@@ -0,0 +1,96 @@
+import { Renderable, type RenderableOptions } from "../Renderable";
+import { OptimizedBuffer } from "../buffer";
+import { type ColorInput } from "../lib/RGBA";
+import type { KeyEvent } from "../lib/KeyHandler";
+import type { RenderContext } from "../types";
+import { type KeyBinding as BaseKeyBinding, type KeyAliasMap } from "../lib/keymapping";
+export interface TabSelectOption {
+    name: string;
+    description: string;
+    value?: any;
+}
+export type TabSelectAction = "move-left" | "move-right" | "select-current";
+export type TabSelectKeyBinding = BaseKeyBinding<TabSelectAction>;
+export interface TabSelectRenderableOptions extends Omit<RenderableOptions<TabSelectRenderable>, "height"> {
+    height?: number;
+    options?: TabSelectOption[];
+    tabWidth?: number;
+    backgroundColor?: ColorInput;
+    textColor?: ColorInput;
+    focusedBackgroundColor?: ColorInput;
+    focusedTextColor?: ColorInput;
+    selectedBackgroundColor?: ColorInput;
+    selectedTextColor?: ColorInput;
+    selectedDescriptionColor?: ColorInput;
+    showScrollArrows?: boolean;
+    showDescription?: boolean;
+    showUnderline?: boolean;
+    wrapSelection?: boolean;
+    keyBindings?: TabSelectKeyBinding[];
+    keyAliasMap?: KeyAliasMap;
+}
+export declare enum TabSelectRenderableEvents {
+    SELECTION_CHANGED = "selectionChanged",
+    ITEM_SELECTED = "itemSelected"
+}
+export declare class TabSelectRenderable extends Renderable {
+    protected _focusable: boolean;
+    private _options;
+    private selectedIndex;
+    private scrollOffset;
+    private _tabWidth;
+    private maxVisibleTabs;
+    private _backgroundColor;
+    private _textColor;
+    private _focusedBackgroundColor;
+    private _focusedTextColor;
+    private _selectedBackgroundColor;
+    private _selectedTextColor;
+    private _selectedDescriptionColor;
+    private _showScrollArrows;
+    private _showDescription;
+    private _showUnderline;
+    private _wrapSelection;
+    private _keyBindingsMap;
+    private _keyAliasMap;
+    private _keyBindings;
+    constructor(ctx: RenderContext, options: TabSelectRenderableOptions);
+    private calculateDynamicHeight;
+    protected renderSelf(buffer: OptimizedBuffer, deltaTime: number): void;
+    private refreshFrameBuffer;
+    private truncateText;
+    private renderScrollArrowsToFrameBuffer;
+    setOptions(options: TabSelectOption[]): void;
+    getSelectedOption(): TabSelectOption | null;
+    getSelectedIndex(): number;
+    moveLeft(): void;
+    moveRight(): void;
+    selectCurrent(): void;
+    setSelectedIndex(index: number): void;
+    private updateScrollOffset;
+    protected onResize(width: number, height: number): void;
+    setTabWidth(tabWidth: number): void;
+    getTabWidth(): number;
+    handleKeyPress(key: KeyEvent): boolean;
+    get options(): TabSelectOption[];
+    set options(options: TabSelectOption[]);
+    set backgroundColor(color: ColorInput);
+    set textColor(color: ColorInput);
+    set focusedBackgroundColor(color: ColorInput);
+    set focusedTextColor(color: ColorInput);
+    set selectedBackgroundColor(color: ColorInput);
+    set selectedTextColor(color: ColorInput);
+    set selectedDescriptionColor(color: ColorInput);
+    get showDescription(): boolean;
+    set showDescription(show: boolean);
+    get showUnderline(): boolean;
+    set showUnderline(show: boolean);
+    get showScrollArrows(): boolean;
+    set showScrollArrows(show: boolean);
+    get wrapSelection(): boolean;
+    set wrapSelection(wrap: boolean);
+    get tabWidth(): number;
+    set tabWidth(tabWidth: number);
+    set keyBindings(bindings: TabSelectKeyBinding[]);
+    set keyAliasMap(aliases: KeyAliasMap);
+}

package/renderables/Text.d.ts

@@ -0,0 +1,36 @@
+import { BaseRenderable } from "../Renderable";
+import { StyledText } from "../lib/styled-text";
+import { type TextChunk } from "../text-buffer";
+import { RGBA } from "../lib/RGBA";
+import { type RenderContext } from "../types";
+import { RootTextNodeRenderable, TextNodeRenderable } from "./TextNode";
+import { TextBufferRenderable, type TextBufferOptions } from "./TextBufferRenderable";
+export interface TextOptions extends TextBufferOptions {
+    content?: StyledText | string;
+}
+export declare class TextRenderable extends TextBufferRenderable {
+    private _text;
+    private _hasManualStyledText;
+    protected rootTextNode: RootTextNodeRenderable;
+    protected _contentDefaultOptions: {
+        content: string;
+    };
+    constructor(ctx: RenderContext, options: TextOptions);
+    private updateTextBuffer;
+    private clearChunks;
+    get content(): StyledText;
+    get chunks(): TextChunk[];
+    get textNode(): RootTextNodeRenderable;
+    set content(value: StyledText | string);
+    private updateTextFromNodes;
+    add(obj: TextNodeRenderable | StyledText | string, index?: number): number;
+    remove(id: string): void;
+    insertBefore(obj: BaseRenderable | any, anchor?: TextNodeRenderable): number;
+    getTextChildren(): BaseRenderable[];
+    clear(): void;
+    onLifecyclePass: () => void;
+    protected onFgChanged(newColor: RGBA): void;
+    protected onBgChanged(newColor: RGBA): void;
+    protected onAttributesChanged(newAttributes: number): void;
+    destroy(): void;
+}

package/renderables/TextBufferRenderable.d.ts

@@ -0,0 +1,103 @@
+import { Renderable, type RenderableOptions } from "../Renderable";
+import { Selection, type LocalSelectionBounds } from "../lib/selection";
+import { TextBuffer } from "../text-buffer";
+import { TextBufferView } from "../text-buffer-view";
+import { RGBA } from "../lib/RGBA";
+import { type RenderContext, type LineInfoProvider } from "../types";
+import type { OptimizedBuffer } from "../buffer";
+import type { LineInfo } from "../zig";
+export interface TextBufferOptions extends RenderableOptions<TextBufferRenderable> {
+    fg?: string | RGBA;
+    bg?: string | RGBA;
+    selectionBg?: string | RGBA;
+    selectionFg?: string | RGBA;
+    selectable?: boolean;
+    attributes?: number;
+    wrapMode?: "none" | "char" | "word";
+    tabIndicator?: string | number;
+    tabIndicatorColor?: string | RGBA;
+    truncate?: boolean;
+}
+export declare abstract class TextBufferRenderable extends Renderable implements LineInfoProvider {
+    selectable: boolean;
+    protected _defaultFg: RGBA;
+    protected _defaultBg: RGBA;
+    protected _defaultAttributes: number;
+    protected _selectionBg: RGBA | undefined;
+    protected _selectionFg: RGBA | undefined;
+    protected _wrapMode: "none" | "char" | "word";
+    protected lastLocalSelection: LocalSelectionBounds | null;
+    protected _tabIndicator?: string | number;
+    protected _tabIndicatorColor?: RGBA;
+    protected _scrollX: number;
+    protected _scrollY: number;
+    protected _truncate: boolean;
+    protected textBuffer: TextBuffer;
+    protected textBufferView: TextBufferView;
+    protected _defaultOptions: {
+        fg: RGBA;
+        bg: RGBA;
+        selectionBg: undefined;
+        selectionFg: undefined;
+        selectable: true;
+        attributes: number;
+        wrapMode: "none" | "char" | "word";
+        tabIndicator: undefined;
+        tabIndicatorColor: undefined;
+        truncate: false;
+    };
+    constructor(ctx: RenderContext, options: TextBufferOptions);
+    protected onMouseEvent(event: any): void;
+    protected handleScroll(event: any): void;
+    get lineInfo(): LineInfo;
+    get lineCount(): number;
+    get virtualLineCount(): number;
+    get scrollY(): number;
+    set scrollY(value: number);
+    get scrollX(): number;
+    set scrollX(value: number);
+    get scrollWidth(): number;
+    get scrollHeight(): number;
+    get maxScrollY(): number;
+    get maxScrollX(): number;
+    protected updateViewportOffset(): void;
+    get plainText(): string;
+    get textLength(): number;
+    get fg(): RGBA;
+    set fg(value: RGBA | string | undefined);
+    get selectionBg(): RGBA | undefined;
+    set selectionBg(value: RGBA | string | undefined);
+    get selectionFg(): RGBA | undefined;
+    set selectionFg(value: RGBA | string | undefined);
+    get bg(): RGBA;
+    set bg(value: RGBA | string | undefined);
+    get attributes(): number;
+    set attributes(value: number);
+    get wrapMode(): "none" | "char" | "word";
+    set wrapMode(value: "none" | "char" | "word");
+    get tabIndicator(): string | number | undefined;
+    set tabIndicator(value: string | number | undefined);
+    get tabIndicatorColor(): RGBA | undefined;
+    set tabIndicatorColor(value: RGBA | string | undefined);
+    get truncate(): boolean;
+    set truncate(value: boolean);
+    protected onResize(width: number, height: number): void;
+    protected refreshLocalSelection(): boolean;
+    private updateLocalSelection;
+    protected updateTextInfo(): void;
+    private setupMeasureFunc;
+    shouldStartSelection(x: number, y: number): boolean;
+    onSelectionChanged(selection: Selection | null): boolean;
+    getSelectedText(): string;
+    hasSelection(): boolean;
+    getSelection(): {
+        start: number;
+        end: number;
+    } | null;
+    render(buffer: OptimizedBuffer, deltaTime: number): void;
+    protected renderSelf(buffer: OptimizedBuffer): void;
+    destroy(): void;
+    protected onFgChanged(newColor: RGBA): void;
+    protected onBgChanged(newColor: RGBA): void;
+    protected onAttributesChanged(newAttributes: number): void;
+}

package/renderables/TextNode.d.ts

@@ -0,0 +1,91 @@
+import type { TextRenderable } from ".";
+import { BaseRenderable, type BaseRenderableOptions } from "../Renderable";
+import { RGBA } from "../lib/RGBA";
+import { StyledText } from "../lib/styled-text";
+import { type TextChunk } from "../text-buffer";
+import type { RenderContext } from "../types";
+export interface TextNodeOptions extends BaseRenderableOptions {
+    fg?: string | RGBA;
+    bg?: string | RGBA;
+    attributes?: number;
+    link?: {
+        url: string;
+    };
+}
+declare const BrandedTextNodeRenderable: unique symbol;
+export declare function isTextNodeRenderable(obj: any): obj is TextNodeRenderable;
+export declare class TextNodeRenderable extends BaseRenderable {
+    [BrandedTextNodeRenderable]: boolean;
+    private _fg?;
+    private _bg?;
+    private _attributes;
+    private _link?;
+    private _children;
+    parent: TextNodeRenderable | null;
+    constructor(options: TextNodeOptions);
+    get children(): (string | TextNodeRenderable)[];
+    set children(children: (string | TextNodeRenderable)[]);
+    requestRender(): void;
+    add(obj: TextNodeRenderable | StyledText | string, index?: number): number;
+    replace(obj: TextNodeRenderable | string, index: number): void;
+    insertBefore(child: string | TextNodeRenderable | StyledText, anchorNode: TextNodeRenderable | string | unknown): this;
+    remove(id: string): this;
+    clear(): void;
+    mergeStyles(parentStyle: {
+        fg?: RGBA;
+        bg?: RGBA;
+        attributes: number;
+        link?: {
+            url: string;
+        };
+    }): {
+        fg?: RGBA;
+        bg?: RGBA;
+        attributes: number;
+        link?: {
+            url: string;
+        };
+    };
+    gatherWithInheritedStyle(parentStyle?: {
+        fg?: RGBA;
+        bg?: RGBA;
+        attributes: number;
+        link?: {
+            url: string;
+        };
+    }): TextChunk[];
+    static fromString(text: string, options?: Partial<TextNodeOptions>): TextNodeRenderable;
+    static fromNodes(nodes: TextNodeRenderable[], options?: Partial<TextNodeOptions>): TextNodeRenderable;
+    toChunks(parentStyle?: {
+        fg?: RGBA;
+        bg?: RGBA;
+        attributes: number;
+        link?: {
+            url: string;
+        };
+    }): TextChunk[];
+    getChildren(): BaseRenderable[];
+    getChildrenCount(): number;
+    getRenderable(id: string): BaseRenderable | undefined;
+    getRenderableIndex(id: string): number;
+    get fg(): RGBA | undefined;
+    set fg(fg: RGBA | string | undefined);
+    set bg(bg: RGBA | string | undefined);
+    get bg(): RGBA | undefined;
+    set attributes(attributes: number);
+    get attributes(): number;
+    set link(link: {
+        url: string;
+    } | undefined);
+    get link(): {
+        url: string;
+    } | undefined;
+    findDescendantById(id: string): BaseRenderable | undefined;
+}
+export declare class RootTextNodeRenderable extends TextNodeRenderable {
+    private readonly ctx;
+    textParent: TextRenderable;
+    constructor(ctx: RenderContext, options: TextNodeOptions, textParent: TextRenderable);
+    requestRender(): void;
+}
+export {};

package/renderables/Textarea.d.ts

@@ -0,0 +1,114 @@
+import { type RenderContext } from "../types";
+import { EditBufferRenderable, type EditBufferOptions } from "./EditBufferRenderable";
+import type { KeyEvent, PasteEvent } from "../lib/KeyHandler";
+import { RGBA, type ColorInput } from "../lib/RGBA";
+import { type KeyBinding as BaseKeyBinding, type KeyAliasMap } from "../lib/keymapping";
+import { type StyledText } from "../lib/styled-text";
+import type { ExtmarksController } from "../lib/extmarks";
+export type TextareaAction = "move-left" | "move-right" | "move-up" | "move-down" | "select-left" | "select-right" | "select-up" | "select-down" | "line-home" | "line-end" | "select-line-home" | "select-line-end" | "visual-line-home" | "visual-line-end" | "select-visual-line-home" | "select-visual-line-end" | "buffer-home" | "buffer-end" | "select-buffer-home" | "select-buffer-end" | "delete-line" | "delete-to-line-end" | "delete-to-line-start" | "backspace" | "delete" | "newline" | "undo" | "redo" | "word-forward" | "word-backward" | "select-word-forward" | "select-word-backward" | "delete-word-forward" | "delete-word-backward" | "select-all" | "submit";
+export type KeyBinding = BaseKeyBinding<TextareaAction>;
+export interface SubmitEvent {
+}
+export interface TextareaOptions extends EditBufferOptions {
+    initialValue?: string;
+    backgroundColor?: ColorInput;
+    textColor?: ColorInput;
+    focusedBackgroundColor?: ColorInput;
+    focusedTextColor?: ColorInput;
+    placeholder?: StyledText | string | null;
+    placeholderColor?: ColorInput;
+    keyBindings?: KeyBinding[];
+    keyAliasMap?: KeyAliasMap;
+    onSubmit?: (event: SubmitEvent) => void;
+}
+export declare class TextareaRenderable extends EditBufferRenderable {
+    private _placeholder;
+    private _placeholderColor;
+    private _unfocusedBackgroundColor;
+    private _unfocusedTextColor;
+    private _focusedBackgroundColor;
+    private _focusedTextColor;
+    private _keyBindingsMap;
+    private _keyAliasMap;
+    private _keyBindings;
+    private _actionHandlers;
+    private _initialValueSet;
+    private _submitListener;
+    private static readonly defaults;
+    constructor(ctx: RenderContext, options: TextareaOptions);
+    private applyPlaceholder;
+    private buildActionHandlers;
+    handlePaste(event: PasteEvent): void;
+    handleKeyPress(key: KeyEvent): boolean;
+    private updateColors;
+    insertChar(char: string): void;
+    insertText(text: string): void;
+    deleteChar(): boolean;
+    deleteCharBackward(): boolean;
+    private deleteSelectedText;
+    newLine(): boolean;
+    deleteLine(): boolean;
+    moveCursorLeft(options?: {
+        select?: boolean;
+    }): boolean;
+    moveCursorRight(options?: {
+        select?: boolean;
+    }): boolean;
+    moveCursorUp(options?: {
+        select?: boolean;
+    }): boolean;
+    moveCursorDown(options?: {
+        select?: boolean;
+    }): boolean;
+    gotoLine(line: number): void;
+    gotoLineHome(options?: {
+        select?: boolean;
+    }): boolean;
+    gotoLineEnd(options?: {
+        select?: boolean;
+    }): boolean;
+    gotoVisualLineHome(options?: {
+        select?: boolean;
+    }): boolean;
+    gotoVisualLineEnd(options?: {
+        select?: boolean;
+    }): boolean;
+    gotoBufferHome(options?: {
+        select?: boolean;
+    }): boolean;
+    gotoBufferEnd(options?: {
+        select?: boolean;
+    }): boolean;
+    selectAll(): boolean;
+    deleteToLineEnd(): boolean;
+    deleteToLineStart(): boolean;
+    undo(): boolean;
+    redo(): boolean;
+    moveWordForward(options?: {
+        select?: boolean;
+    }): boolean;
+    moveWordBackward(options?: {
+        select?: boolean;
+    }): boolean;
+    deleteWordForward(): boolean;
+    deleteWordBackward(): boolean;
+    focus(): void;
+    blur(): void;
+    get placeholder(): StyledText | string | null;
+    set placeholder(value: StyledText | string | null);
+    get placeholderColor(): RGBA;
+    set placeholderColor(value: ColorInput);
+    get backgroundColor(): RGBA;
+    set backgroundColor(value: RGBA | string | undefined);
+    get textColor(): RGBA;
+    set textColor(value: RGBA | string | undefined);
+    set focusedBackgroundColor(value: ColorInput);
+    set focusedTextColor(value: ColorInput);
+    set initialValue(value: string);
+    submit(): boolean;
+    set onSubmit(handler: ((event: SubmitEvent) => void) | undefined);
+    get onSubmit(): ((event: SubmitEvent) => void) | undefined;
+    set keyBindings(bindings: KeyBinding[]);
+    set keyAliasMap(aliases: KeyAliasMap);
+    get extmarks(): ExtmarksController;
+}

package/renderables/__tests__/renderable-test-utils.d.ts

@@ -0,0 +1,7 @@
+import { TextareaRenderable } from "../Textarea";
+import { type TestRenderer } from "../../testing/test-renderer";
+import { type TextareaOptions } from "../Textarea";
+export declare function createTextareaRenderable(renderer: TestRenderer, renderOnce: () => Promise<void>, options: TextareaOptions): Promise<{
+    textarea: TextareaRenderable;
+    root: any;
+}>;

package/renderables/composition/VRenderable.d.ts

@@ -0,0 +1,16 @@
+import { Renderable, type RenderableOptions } from "../../Renderable";
+import type { OptimizedBuffer } from "../../buffer";
+import type { RenderContext } from "../../types";
+export interface VRenderableOptions extends RenderableOptions<VRenderable> {
+    render?: (this: VRenderable | VRenderableOptions, buffer: OptimizedBuffer, deltaTime: number, renderable: VRenderable) => void;
+}
+/**
+ * A generic renderable that accepts a custom render function as a prop.
+ * This allows functional constructs to specify custom rendering behavior
+ * without needing to subclass Renderable.
+ */
+export declare class VRenderable extends Renderable {
+    private options;
+    constructor(ctx: RenderContext, options: VRenderableOptions);
+    protected renderSelf(buffer: OptimizedBuffer, deltaTime: number): void;
+}

package/renderables/composition/constructs.d.ts

@@ -0,0 +1,35 @@
+import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, InputRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextRenderable, VRenderable, FrameBufferRenderable, type ASCIIFontOptions, type BoxOptions, type CodeOptions, type TextOptions, type VRenderableOptions, type InputRenderableOptions, type ScrollBoxOptions, type SelectRenderableOptions, type TabSelectRenderableOptions, type FrameBufferOptions } from "../";
+import { TextNodeRenderable } from "../TextNode";
+import { type VChild } from "./vnode";
+import type { RGBA } from "../../lib/RGBA";
+export declare function Generic(props?: VRenderableOptions, ...children: VChild[]): import("./vnode").ProxiedVNode<typeof VRenderable>;
+export declare function Box(props?: BoxOptions, ...children: VChild[]): import("./vnode").ProxiedVNode<typeof BoxRenderable>;
+export declare function Text(props?: TextOptions & {
+    content?: any;
+}, ...children: VChild[] | TextNodeRenderable[]): import("./vnode").ProxiedVNode<typeof TextRenderable>;
+export declare function ASCIIFont(props?: ASCIIFontOptions, ...children: VChild[]): import("./vnode").ProxiedVNode<typeof ASCIIFontRenderable>;
+export declare function Input(props?: InputRenderableOptions, ...children: VChild[]): import("./vnode").ProxiedVNode<typeof InputRenderable>;
+export declare function Select(props?: SelectRenderableOptions, ...children: VChild[]): import("./vnode").ProxiedVNode<typeof SelectRenderable>;
+export declare function TabSelect(props?: TabSelectRenderableOptions, ...children: VChild[]): import("./vnode").ProxiedVNode<typeof TabSelectRenderable>;
+export declare function FrameBuffer(props: FrameBufferOptions, ...children: VChild[]): import("./vnode").ProxiedVNode<typeof FrameBufferRenderable>;
+export declare function Code(props: CodeOptions, ...children: VChild[]): import("./vnode").ProxiedVNode<typeof CodeRenderable>;
+export declare function ScrollBox(props?: ScrollBoxOptions, ...children: VChild[]): import("./vnode").ProxiedVNode<typeof ScrollBoxRenderable>;
+export declare const vstyles: {
+    bold: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    italic: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    underline: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    dim: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    blink: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    inverse: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    hidden: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    strikethrough: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    boldItalic: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    boldUnderline: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    italicUnderline: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    boldItalicUnderline: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    color: (color: string | RGBA, ...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    bgColor: (bgColor: string | RGBA, ...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    fg: (color: string | RGBA, ...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    bg: (bgColor: string | RGBA, ...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+    styled: (attributes?: number, ...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
+};