@opentui/core 0.1.87 → 0.1.89

package/post/filters.d.ts

@@ -1,22 +1,17 @@
-import type { OptimizedBuffer } from "../buffer";
+import type { OptimizedBuffer } from "../buffer.js";
 /**
- * Applies a scanline effect by darkening every nth row.
+ * Applies a scanline effect by darkening every nth row using native color matrix.
+ * Only affects the background buffer to maintain text readability.
  */
 export declare function applyScanlines(buffer: OptimizedBuffer, strength?: number, step?: number): void;
 /**
- * Converts the buffer colors to grayscale.
+ * Inverts the colors in the buffer using native color matrix.
+ * Uses negative matrix with alpha offset: output = 1.0 - input for each RGB channel.
  */
-export declare function applyGrayscale(buffer: OptimizedBuffer): void;
+export declare function applyInvert(buffer: OptimizedBuffer, strength?: number): void;
 /**
- * Applies a sepia tone to the buffer.
- */
-export declare function applySepia(buffer: OptimizedBuffer): void;
-/**
- * Inverts the colors in the buffer.
- */
-export declare function applyInvert(buffer: OptimizedBuffer): void;
-/**
- * Adds random noise to the buffer colors.
+ * Adds random noise to the buffer colors using colorMatrix with brightness matrix.
+ * Uses per-pixel random strength values to dim/brighten each cell.
  */
 export declare function applyNoise(buffer: OptimizedBuffer, strength?: number): void;
 /**
@@ -25,68 +20,33 @@ export declare function applyNoise(buffer: OptimizedBuffer, strength?: number):
 export declare function applyChromaticAberration(buffer: OptimizedBuffer, strength?: number): void;
 /**
  * Converts the buffer to ASCII art based on background brightness.
+ * Uses native colorMatrix for efficient color corrections.
  */
-export declare function applyAsciiArt(buffer: OptimizedBuffer, ramp?: string): void;
-export declare class DistortionEffect {
-    glitchChancePerSecond: number;
-    maxGlitchLines: number;
-    minGlitchDuration: number;
-    maxGlitchDuration: number;
-    maxShiftAmount: number;
-    shiftFlipRatio: number;
-    colorGlitchChance: number;
-    private lastGlitchTime;
-    private glitchDuration;
-    private activeGlitches;
-    constructor(options?: Partial<DistortionEffect>);
-    /**
-     * Applies the animated distortion/glitch effect to the buffer.
-     */
-    apply(buffer: OptimizedBuffer, deltaTime: number): void;
-}
+export declare function applyAsciiArt(buffer: OptimizedBuffer, ramp?: string, fgColor?: {
+    r: number;
+    g: number;
+    b: number;
+}, bgColor?: {
+    r: number;
+    g: number;
+    b: number;
+}): void;
 /**
- * Applies a vignette effect by darkening the corners, optimized with precomputation.
+ * Adjusts the brightness of the buffer using color matrix transformation.
+ * Brightness adds the brightness value to all RGB channels (additive brightness).
+ *                   If not provided, applies uniform brightness to entire buffer.
  */
-export declare class VignetteEffect {
-    private _strength;
-    private precomputedBaseAttenuation;
-    private cachedWidth;
-    private cachedHeight;
-    constructor(strength?: number);
-    set strength(newStrength: number);
-    get strength(): number;
-    private _computeFactors;
-    /**
-     * Applies the vignette effect using precomputed base attenuation and current strength.
-     */
-    apply(buffer: OptimizedBuffer): void;
-}
+export declare function applyBrightness(buffer: OptimizedBuffer, brightness?: number, cellMask?: Float32Array): void;
 /**
- * Adjusts the overall brightness of the buffer.
+ * Adjusts the gain of the buffer using color matrix transformation.
+ * Gain multiplies all RGB channels by the gain factor (no clamping).
+ *                   If not provided, applies uniform gain to entire buffer.
  */
-export declare class BrightnessEffect {
-    private _brightness;
-    constructor(brightness?: number);
-    set brightness(newBrightness: number);
-    get brightness(): number;
-    /**
-     * Applies the brightness adjustment to the buffer.
-     */
-    apply(buffer: OptimizedBuffer): void;
-}
+export declare function applyGain(buffer: OptimizedBuffer, gain?: number, cellMask?: Float32Array): void;
 /**
- * Applies a simple box blur. (Expensive and may look bad with text).
+ * Applies a saturation adjustment to the buffer.
  */
-export declare class BlurEffect {
-    private _radius;
-    constructor(radius?: number);
-    set radius(newRadius: number);
-    get radius(): number;
-    /**
-     * Applies an optimized separable box blur using a moving average (sliding window).
-     */
-    apply(buffer: OptimizedBuffer): void;
-}
+export declare function applySaturation(buffer: OptimizedBuffer, cellMask?: Float32Array, strength?: number): void;
 /**
  * Applies a bloom effect based on bright areas (Simplified).
  */

package/post/matrices.d.ts

@@ -0,0 +1,20 @@
+export declare const SEPIA_MATRIX: Float32Array<ArrayBuffer>;
+/**
+ * Colorblindness simulation and compensation filters using color matrix transformations.
+ */
+export declare const PROTANOPIA_SIM_MATRIX: Float32Array<ArrayBuffer>;
+export declare const DEUTERANOPIA_SIM_MATRIX: Float32Array<ArrayBuffer>;
+export declare const TRITANOPIA_SIM_MATRIX: Float32Array<ArrayBuffer>;
+export declare const ACHROMATOPSIA_MATRIX: Float32Array<ArrayBuffer>;
+export declare const PROTANOPIA_COMP_MATRIX: Float32Array<ArrayBuffer>;
+export declare const DEUTERANOPIA_COMP_MATRIX: Float32Array<ArrayBuffer>;
+export declare const TRITANOPIA_COMP_MATRIX: Float32Array<ArrayBuffer>;
+/**
+ * Creative color effect matrices.
+ */
+export declare const TECHNICOLOR_MATRIX: Float32Array<ArrayBuffer>;
+export declare const SOLARIZATION_MATRIX: Float32Array<ArrayBuffer>;
+export declare const SYNTHWAVE_MATRIX: Float32Array<ArrayBuffer>;
+export declare const GREENSCALE_MATRIX: Float32Array<ArrayBuffer>;
+export declare const GRAYSCALE_MATRIX: Float32Array<ArrayBuffer>;
+export declare const INVERT_MATRIX: Float32Array<ArrayBuffer>;

package/renderables/ASCIIFont.d.ts

@@ -1,9 +1,9 @@
-import { type ASCIIFontName, type fonts } from "../lib/ascii.font";
-import { type ColorInput } from "../lib/RGBA";
-import { Selection, type LocalSelectionBounds } from "../lib/selection";
-import type { RenderableOptions } from "../Renderable";
-import type { RenderContext } from "../types";
-import { FrameBufferRenderable } from "./FrameBuffer";
+import { type ASCIIFontName, type fonts } from "../lib/ascii.font.js";
+import { type ColorInput } from "../lib/RGBA.js";
+import { Selection, type LocalSelectionBounds } from "../lib/selection.js";
+import type { RenderableOptions } from "../Renderable.js";
+import type { RenderContext } from "../types.js";
+import { FrameBufferRenderable } from "./FrameBuffer.js";
 export interface ASCIIFontOptions extends Omit<RenderableOptions<ASCIIFontRenderable>, "width" | "height"> {
     text?: string;
     font?: ASCIIFontName;

package/renderables/Box.d.ts

@@ -1,8 +1,8 @@
-import { type RenderableOptions, Renderable } from "../Renderable";
-import type { OptimizedBuffer } from "../buffer";
-import { type BorderCharacters, type BorderSides, type BorderSidesConfig, type BorderStyle } from "../lib";
-import { type ColorInput, RGBA } from "../lib/RGBA";
-import type { RenderContext } from "../types";
+import { type RenderableOptions, Renderable } from "../Renderable.js";
+import type { OptimizedBuffer } from "../buffer.js";
+import { type BorderCharacters, type BorderSides, type BorderSidesConfig, type BorderStyle } from "../lib/index.js";
+import { type ColorInput, RGBA } from "../lib/RGBA.js";
+import type { RenderContext } from "../types.js";
 export interface BoxOptions<TRenderable extends Renderable = BoxRenderable> extends RenderableOptions<TRenderable> {
     backgroundColor?: string | RGBA;
     borderStyle?: BorderStyle;

package/renderables/Code.d.ts

@@ -1,10 +1,10 @@
-import { type RenderContext } from "../types";
-import { SyntaxStyle } from "../syntax-style";
-import { TreeSitterClient } from "../lib/tree-sitter";
-import { TextBufferRenderable, type TextBufferOptions } from "./TextBufferRenderable";
-import type { OptimizedBuffer } from "../buffer";
-import type { SimpleHighlight } from "../lib/tree-sitter/types";
-import type { TextChunk } from "../text-buffer";
+import { type RenderContext } from "../types.js";
+import { SyntaxStyle } from "../syntax-style.js";
+import { TreeSitterClient } from "../lib/tree-sitter/index.js";
+import { TextBufferRenderable, type TextBufferOptions } from "./TextBufferRenderable.js";
+import type { OptimizedBuffer } from "../buffer.js";
+import type { SimpleHighlight } from "../lib/tree-sitter/types.js";
+import type { TextChunk } from "../text-buffer.js";
 export interface HighlightContext {
     content: string;
     filetype: string;
@@ -42,6 +42,7 @@ export declare class CodeRenderable extends TextBufferRenderable {
     private _lastHighlights;
     private _onHighlight?;
     private _onChunks?;
+    private _highlightingPromise;
     protected _contentDefaultOptions: {
         content: string;
         conceal: true;
@@ -68,9 +69,10 @@ export declare class CodeRenderable extends TextBufferRenderable {
     get onChunks(): OnChunksCallback | undefined;
     set onChunks(value: OnChunksCallback | undefined);
     get isHighlighting(): boolean;
+    get highlightingDone(): Promise<void>;
     protected transformChunks(chunks: TextChunk[], context: ChunkRenderContext): Promise<TextChunk[]>;
     private ensureVisibleTextBeforeHighlight;
     private startHighlight;
-    getLineHighlights(lineIdx: number): import("..").Highlight[];
+    getLineHighlights(lineIdx: number): import("../types.js").Highlight[];
     protected renderSelf(buffer: OptimizedBuffer): void;
 }

package/renderables/Diff.d.ts

@@ -1,10 +1,10 @@
-import { Renderable, type RenderableOptions } from "../Renderable";
-import type { RenderContext } from "../types";
-import { type LineColorConfig } from "./LineNumberRenderable";
-import { RGBA } from "../lib/RGBA";
-import { SyntaxStyle } from "../syntax-style";
-import type { TreeSitterClient } from "../lib/tree-sitter";
-import type { MouseEvent } from "../renderer";
+import { Renderable, type RenderableOptions } from "../Renderable.js";
+import type { RenderContext } from "../types.js";
+import { type LineColorConfig } from "./LineNumberRenderable.js";
+import { RGBA } from "../lib/RGBA.js";
+import { SyntaxStyle } from "../syntax-style.js";
+import type { TreeSitterClient } from "../lib/tree-sitter/index.js";
+import type { MouseEvent } from "../renderer.js";
 export interface DiffRenderableOptions extends RenderableOptions<DiffRenderable> {
     diff?: string;
     syncScroll?: boolean;

package/renderables/EditBufferRenderable.d.ts

@@ -1,11 +1,11 @@
-import { Renderable, type RenderableOptions } from "../Renderable";
-import { Selection, type LocalSelectionBounds } from "../lib/selection";
-import { EditBuffer, type LogicalCursor } from "../edit-buffer";
-import { EditorView, type VisualCursor } from "../editor-view";
-import { RGBA } from "../lib/RGBA";
-import type { RenderContext, Highlight, CursorStyleOptions, LineInfoProvider, LineInfo } from "../types";
-import type { OptimizedBuffer } from "../buffer";
-import type { SyntaxStyle } from "../syntax-style";
+import { Renderable, type RenderableOptions } from "../Renderable.js";
+import { Selection, type LocalSelectionBounds } from "../lib/selection.js";
+import { EditBuffer, type LogicalCursor } from "../edit-buffer.js";
+import { EditorView, type VisualCursor } from "../editor-view.js";
+import { RGBA } from "../lib/RGBA.js";
+import type { RenderContext, Highlight, CursorStyleOptions, LineInfoProvider, LineInfo } from "../types.js";
+import type { OptimizedBuffer } from "../buffer.js";
+import type { SyntaxStyle } from "../syntax-style.js";
 export interface CursorChangeEvent {
     line: number;
     visualColumn: number;

package/renderables/FrameBuffer.d.ts

@@ -1,6 +1,6 @@
-import { type RenderableOptions, Renderable } from "../Renderable";
-import { OptimizedBuffer } from "../buffer";
-import type { RenderContext } from "../types";
+import { type RenderableOptions, Renderable } from "../Renderable.js";
+import { OptimizedBuffer } from "../buffer.js";
+import type { RenderContext } from "../types.js";
 export interface FrameBufferOptions extends RenderableOptions<FrameBufferRenderable> {
     width: number;
     height: number;

package/renderables/Input.d.ts

@@ -1,6 +1,6 @@
-import type { PasteEvent } from "../lib/KeyHandler";
-import type { RenderContext } from "../types";
-import { TextareaRenderable, type TextareaOptions, type TextareaAction, type KeyBinding as TextareaKeyBinding } from "./Textarea";
+import type { PasteEvent } from "../lib/KeyHandler.js";
+import type { RenderContext } from "../types.js";
+import { TextareaRenderable, type TextareaOptions, type TextareaAction, type KeyBinding as TextareaKeyBinding } from "./Textarea.js";
 export type InputAction = TextareaAction;
 export type InputKeyBinding = TextareaKeyBinding;
 export interface InputRenderableOptions extends Omit<TextareaOptions, "height" | "minHeight" | "maxHeight" | "initialValue"> {

package/renderables/LineNumberRenderable.d.ts

@@ -1,7 +1,7 @@
-import { Renderable, type RenderableOptions } from "../Renderable";
-import { OptimizedBuffer } from "../buffer";
-import type { RenderContext, LineInfoProvider } from "../types";
-import { RGBA } from "../lib/RGBA";
+import { Renderable, type RenderableOptions } from "../Renderable.js";
+import { OptimizedBuffer } from "../buffer.js";
+import type { RenderContext, LineInfoProvider } from "../types.js";
+import { RGBA } from "../lib/RGBA.js";
 export interface LineSign {
     before?: string;
     beforeColor?: string | RGBA;

package/renderables/Markdown.d.ts

@@ -1,13 +1,13 @@
-import { Renderable, type RenderableOptions } from "../Renderable";
-import { type RenderContext } from "../types";
-import { SyntaxStyle } from "../syntax-style";
-import type { BorderStyle } from "../lib/border";
-import type { ColorInput } from "../lib/RGBA";
+import { Renderable, type RenderableOptions } from "../Renderable.js";
+import { type RenderContext } from "../types.js";
+import { SyntaxStyle } from "../syntax-style.js";
+import type { BorderStyle } from "../lib/border.js";
+import { RGBA, type ColorInput } from "../lib/RGBA.js";
 import { type MarkedToken, type Token } from "marked";
-import { type TextTableColumnFitter, type TextTableColumnWidthMode, type TextTableContent } from "./TextTable";
-import type { TreeSitterClient } from "../lib/tree-sitter";
-import { type ParseState } from "./markdown-parser";
-import type { OptimizedBuffer } from "../buffer";
+import { type TextTableColumnFitter, type TextTableColumnWidthMode, type TextTableContent } from "./TextTable.js";
+import type { TreeSitterClient } from "../lib/tree-sitter/index.js";
+import { type ParseState } from "./markdown-parser.js";
+import type { OptimizedBuffer } from "../buffer.js";
 export interface MarkdownTableOptions {
     /**
      * Strategy for sizing table columns.
@@ -51,6 +51,8 @@ export interface MarkdownTableOptions {
 export interface MarkdownOptions extends RenderableOptions<MarkdownRenderable> {
     content?: string;
     syntaxStyle: SyntaxStyle;
+    fg?: ColorInput;
+    bg?: ColorInput;
     /** Controls concealment for markdown syntax markers in markdown text blocks. */
     conceal?: boolean;
     /** Controls concealment inside fenced code blocks rendered by CodeRenderable. */
@@ -102,6 +104,8 @@ export type { ParseState };
 export declare class MarkdownRenderable extends Renderable {
     private _content;
     private _syntaxStyle;
+    private _fg?;
+    private _bg?;
     private _conceal;
     private _concealCode;
     private _treeSitterClient?;
@@ -123,6 +127,10 @@ export declare class MarkdownRenderable extends Renderable {
     set content(value: string);
     get syntaxStyle(): SyntaxStyle;
     set syntaxStyle(value: SyntaxStyle);
+    get fg(): RGBA | undefined;
+    set fg(value: ColorInput | undefined);
+    get bg(): RGBA | undefined;
+    set bg(value: ColorInput | undefined);
     get conceal(): boolean;
     set conceal(value: boolean);
     get concealCode(): boolean;

package/renderables/ScrollBar.d.ts

@@ -1,9 +1,9 @@
-import type { OptimizedBuffer } from "../buffer";
-import { RGBA, type ColorInput } from "../lib";
-import type { KeyEvent } from "../lib/KeyHandler";
-import { Renderable, type RenderableOptions } from "../Renderable";
-import type { RenderContext } from "../types";
-import { SliderRenderable, type SliderOptions } from "./Slider";
+import type { OptimizedBuffer } from "../buffer.js";
+import { RGBA, type ColorInput } from "../lib/index.js";
+import type { KeyEvent } from "../lib/KeyHandler.js";
+import { Renderable, type RenderableOptions } from "../Renderable.js";
+import type { RenderContext } from "../types.js";
+import { SliderRenderable, type SliderOptions } from "./Slider.js";
 export interface ScrollBarOptions extends RenderableOptions<ScrollBarRenderable> {
     orientation: "vertical" | "horizontal";
     showArrows?: boolean;

package/renderables/ScrollBox.d.ts

@@ -1,11 +1,11 @@
-import { type KeyEvent } from "../lib";
-import { type ScrollAcceleration } from "../lib/scroll-acceleration";
-import type { Renderable, RenderableOptions } from "../Renderable";
-import type { MouseEvent } from "../renderer";
-import type { RenderContext } from "../types";
-import { BoxRenderable, type BoxOptions } from "./Box";
-import type { VNode } from "./composition/vnode";
-import { ScrollBarRenderable, type ScrollBarOptions, type ScrollUnit } from "./ScrollBar";
+import { type KeyEvent } from "../lib/index.js";
+import { type ScrollAcceleration } from "../lib/scroll-acceleration.js";
+import type { Renderable, RenderableOptions } from "../Renderable.js";
+import type { MouseEvent } from "../renderer.js";
+import type { RenderContext } from "../types.js";
+import { BoxRenderable, type BoxOptions } from "./Box.js";
+import type { VNode } from "./composition/vnode.js";
+import { ScrollBarRenderable, type ScrollBarOptions, type ScrollUnit } from "./ScrollBar.js";
 declare class ContentRenderable extends BoxRenderable {
     private viewport;
     private _viewportCulling;
@@ -79,6 +79,7 @@ export declare class ScrollBoxRenderable extends BoxRenderable {
         x: number;
         y: number;
     }, unit?: ScrollUnit): void;
+    scrollChildIntoView(childId: string): void;
     scrollTo(position: number | {
         x: number;
         y: number;

package/renderables/Select.d.ts

@@ -1,10 +1,10 @@
-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";
+import { OptimizedBuffer } from "../buffer.js";
+import { fonts } from "../lib/ascii.font.js";
+import type { KeyEvent } from "../lib/KeyHandler.js";
+import { type ColorInput } from "../lib/RGBA.js";
+import { Renderable, type RenderableOptions } from "../Renderable.js";
+import type { RenderContext } from "../types.js";
+import { type KeyBinding as BaseKeyBinding, type KeyAliasMap } from "../lib/keymapping.js";
 export interface SelectOption {
     name: string;
     description: string;

package/renderables/Slider.d.ts

@@ -1,4 +1,4 @@
-import { type ColorInput, OptimizedBuffer, Renderable, type RenderableOptions, type RenderContext, RGBA } from "../index";
+import { type ColorInput, OptimizedBuffer, Renderable, type RenderableOptions, type RenderContext, RGBA } from "../index.js";
 export interface SliderOptions extends RenderableOptions<SliderRenderable> {
     orientation: "vertical" | "horizontal";
     value?: number;

package/renderables/TabSelect.d.ts

@@ -1,9 +1,9 @@
-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";
+import { Renderable, type RenderableOptions } from "../Renderable.js";
+import { OptimizedBuffer } from "../buffer.js";
+import { type ColorInput } from "../lib/RGBA.js";
+import type { KeyEvent } from "../lib/KeyHandler.js";
+import type { RenderContext } from "../types.js";
+import { type KeyBinding as BaseKeyBinding, type KeyAliasMap } from "../lib/keymapping.js";
 export interface TabSelectOption {
     name: string;
     description: string;

package/renderables/Text.d.ts

@@ -1,10 +1,10 @@
-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";
+import { BaseRenderable } from "../Renderable.js";
+import { StyledText } from "../lib/styled-text.js";
+import { type TextChunk } from "../text-buffer.js";
+import { RGBA } from "../lib/RGBA.js";
+import { type RenderContext } from "../types.js";
+import { RootTextNodeRenderable, TextNodeRenderable } from "./TextNode.js";
+import { TextBufferRenderable, type TextBufferOptions } from "./TextBufferRenderable.js";
 export interface TextOptions extends TextBufferOptions {
     content?: StyledText | string;
 }

package/renderables/TextBufferRenderable.d.ts

@@ -1,12 +1,12 @@
-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";
-import { SyntaxStyle } from "../syntax-style";
+import { Renderable, type RenderableOptions } from "../Renderable.js";
+import { Selection, type LocalSelectionBounds } from "../lib/selection.js";
+import { TextBuffer } from "../text-buffer.js";
+import { TextBufferView } from "../text-buffer-view.js";
+import { RGBA } from "../lib/RGBA.js";
+import { type RenderContext, type LineInfoProvider } from "../types.js";
+import type { OptimizedBuffer } from "../buffer.js";
+import type { LineInfo } from "../zig.js";
+import { SyntaxStyle } from "../syntax-style.js";
 export interface TextBufferOptions extends RenderableOptions<TextBufferRenderable> {
     fg?: string | RGBA;
     bg?: string | RGBA;

package/renderables/TextNode.d.ts

@@ -1,9 +1,9 @@
-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";
+import type { TextRenderable } from "./index.js";
+import { BaseRenderable, type BaseRenderableOptions } from "../Renderable.js";
+import { RGBA } from "../lib/RGBA.js";
+import { StyledText } from "../lib/styled-text.js";
+import { type TextChunk } from "../text-buffer.js";
+import type { RenderContext } from "../types.js";
 export interface TextNodeOptions extends BaseRenderableOptions {
     fg?: string | RGBA;
     bg?: string | RGBA;

package/renderables/Textarea.d.ts

@@ -1,10 +1,10 @@
-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";
+import type { KeyEvent, PasteEvent } from "../lib/KeyHandler.js";
+import { RGBA, type ColorInput } from "../lib/RGBA.js";
+import { type RenderContext } from "../types.js";
+import { EditBufferRenderable, type EditBufferOptions } from "./EditBufferRenderable.js";
+import { type KeyBinding as BaseKeyBinding, type KeyAliasMap } from "../lib/keymapping.js";
+import { type StyledText } from "../lib/styled-text.js";
+import type { ExtmarksController } from "../lib/extmarks.js";
 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 {

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

@@ -1,7 +1,12 @@
-import { TextareaRenderable } from "../Textarea";
-import { type TestRenderer } from "../../testing/test-renderer";
-import { type TextareaOptions } from "../Textarea";
+import { TextareaRenderable } from "../Textarea.js";
+import { type TestRenderer } from "../../testing/test-renderer.js";
+import { type TextareaOptions } from "../Textarea.js";
+import type { DiffRenderable } from "../Diff.js";
+import type { MockTreeSitterClient } from "../../testing/mock-tree-sitter-client.js";
+import type { ManualClock } from "../../testing/manual-clock.js";
 export declare function createTextareaRenderable(renderer: TestRenderer, renderOnce: () => Promise<void>, options: TextareaOptions): Promise<{
     textarea: TextareaRenderable;
     root: any;
 }>;
+export declare function settleDiffHighlighting(diff: DiffRenderable, client: MockTreeSitterClient, render: () => Promise<void>): Promise<void>;
+export declare function simulateFrames(clock: ManualClock, renderOnce: () => Promise<void>, ms: number, frameInterval?: number): Promise<void>;

package/renderables/composition/VRenderable.d.ts

@@ -1,6 +1,6 @@
-import { Renderable, type RenderableOptions } from "../../Renderable";
-import type { OptimizedBuffer } from "../../buffer";
-import type { RenderContext } from "../../types";
+import { Renderable, type RenderableOptions } from "../../Renderable.js";
+import type { OptimizedBuffer } from "../../buffer.js";
+import type { RenderContext } from "../../types.js";
 export interface VRenderableOptions extends RenderableOptions<VRenderable> {
     render?: (this: VRenderable | VRenderableOptions, buffer: OptimizedBuffer, deltaTime: number, renderable: VRenderable) => void;
 }

package/renderables/composition/constructs.d.ts

@@ -1,19 +1,19 @@
-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>;
+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 "..//index.js";
+import { TextNodeRenderable } from "../TextNode.js";
+import { type VChild } from "./vnode.js";
+import type { RGBA } from "../../lib/RGBA.js";
+export declare function Generic(props?: VRenderableOptions, ...children: VChild[]): import("./vnode.js").ProxiedVNode<typeof VRenderable>;
+export declare function Box(props?: BoxOptions, ...children: VChild[]): import("./vnode.js").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>;
+}, ...children: VChild[] | TextNodeRenderable[]): import("./vnode.js").ProxiedVNode<typeof TextRenderable>;
+export declare function ASCIIFont(props?: ASCIIFontOptions, ...children: VChild[]): import("./vnode.js").ProxiedVNode<typeof ASCIIFontRenderable>;
+export declare function Input(props?: InputRenderableOptions, ...children: VChild[]): import("./vnode.js").ProxiedVNode<typeof InputRenderable>;
+export declare function Select(props?: SelectRenderableOptions, ...children: VChild[]): import("./vnode.js").ProxiedVNode<typeof SelectRenderable>;
+export declare function TabSelect(props?: TabSelectRenderableOptions, ...children: VChild[]): import("./vnode.js").ProxiedVNode<typeof TabSelectRenderable>;
+export declare function FrameBuffer(props: FrameBufferOptions, ...children: VChild[]): import("./vnode.js").ProxiedVNode<typeof FrameBufferRenderable>;
+export declare function Code(props: CodeOptions, ...children: VChild[]): import("./vnode.js").ProxiedVNode<typeof CodeRenderable>;
+export declare function ScrollBox(props?: ScrollBoxOptions, ...children: VChild[]): import("./vnode.js").ProxiedVNode<typeof ScrollBoxRenderable>;
 export declare const vstyles: {
     bold: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;
     italic: (...children: (string | TextNodeRenderable)[]) => TextNodeRenderable;

package/renderables/composition/vnode.d.ts

@@ -1,5 +1,5 @@
-import { Renderable, type RenderableOptions } from "../../Renderable";
-import type { RenderContext } from "../../types";
+import { Renderable, type RenderableOptions } from "../../Renderable.js";
+import type { RenderContext } from "../../types.js";
 export type VChild = VNode | Renderable | VChild[] | null | undefined | false;
 export interface PendingCall {
     method: string;