@effect-tui/react 0.1.0-alpha.1

package/dist/src/hosts/base.js

@@ -0,0 +1,53 @@
+let idCounter = 0;
+export class BaseHost {
+    id;
+    type;
+    parent = null;
+    children = [];
+    rect = null;
+    // Common flex props
+    flexGrow = 0;
+    flexShrink = 1;
+    ctx;
+    constructor(type, props, ctx) {
+        this.id = `${type}-${idCounter++}`;
+        this.type = type;
+        this.ctx = ctx;
+        this.updateProps(props);
+    }
+    layout(rect) {
+        this.rect = rect;
+    }
+    updateProps(props) {
+        if (props.flexGrow !== undefined)
+            this.flexGrow = props.flexGrow;
+        if (props.flexShrink !== undefined)
+            this.flexShrink = props.flexShrink;
+    }
+    destroy() {
+        // Override in subclasses if cleanup needed
+    }
+    // Child management helpers
+    appendChild(child) {
+        this.children.push(child);
+        child.parent = this;
+    }
+    removeChild(child) {
+        const idx = this.children.indexOf(child);
+        if (idx >= 0) {
+            this.children.splice(idx, 1);
+            child.parent = null;
+        }
+    }
+    insertBefore(child, before) {
+        const idx = this.children.indexOf(before);
+        if (idx >= 0) {
+            this.children.splice(idx, 0, child);
+        }
+        else {
+            this.children.push(child);
+        }
+        child.parent = this;
+    }
+}
+//# sourceMappingURL=base.js.map

package/dist/src/hosts/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/hosts/base.ts"],"names":[],"mappings":"AAGA,IAAI,SAAS,GAAG,CAAC,CAAA;AAEjB,MAAM,OAAgB,QAAQ;IAC5B,EAAE,CAAQ;IACV,IAAI,CAAQ;IACZ,MAAM,GAAwB,IAAI,CAAA;IAClC,QAAQ,GAAmB,EAAE,CAAA;IAC7B,IAAI,GAAgB,IAAI,CAAA;IAExB,oBAAoB;IACpB,QAAQ,GAAG,CAAC,CAAA;IACZ,UAAU,GAAG,CAAC,CAAA;IAEJ,GAAG,CAAa;IAE1B,YAAY,IAAY,EAAE,KAAkB,EAAE,GAAgB;QAC5D,IAAI,CAAC,EAAE,GAAG,GAAG,IAAI,IAAI,SAAS,EAAE,EAAE,CAAA;QAClC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;QACd,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC;IAKD,MAAM,CAAC,IAAU;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;IAClB,CAAC;IAED,WAAW,CAAC,KAA8B;QACxC,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS;YAAE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAkB,CAAA;QAC1E,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS;YAAE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,UAAoB,CAAA;IAClF,CAAC;IAED,OAAO;QACL,2CAA2C;IAC7C,CAAC;IAED,2BAA2B;IAC3B,WAAW,CAAC,KAAmB;QAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACzB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC;IAED,WAAW,CAAC,KAAmB;QAC7B,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACxC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;YACb,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;YAC5B,KAAK,CAAC,MAAM,GAAG,IAAI,CAAA;QACrB,CAAC;IACH,CAAC;IAED,YAAY,CAAC,KAAmB,EAAE,MAAoB;QACpD,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QACzC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;YACb,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;QACrC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC3B,CAAC;QACD,KAAK,CAAC,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC;CACF"}

package/dist/src/hosts/box.d.ts

@@ -0,0 +1,26 @@
+import type { CellBuffer, Palette, ColorValue } from "@effect-tui/core";
+import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js";
+import { BaseHost } from "./base.js";
+import { type BorderKind, type Padding, type PaddingInput } from "../utils/index.js";
+export type { BorderKind };
+export interface BoxProps extends CommonProps {
+    padding?: PaddingInput;
+    border?: BorderKind;
+    borderColor?: ColorValue;
+    bg?: ColorValue;
+}
+export declare class BoxHost extends BaseHost {
+    padding: Padding;
+    border: BorderKind;
+    borderColor?: ColorValue;
+    bg?: ColorValue;
+    constructor(props: BoxProps, ctx: HostContext);
+    private get borderThickness();
+    private get insetX();
+    private get insetY();
+    measure(maxW: number, maxH: number): Size;
+    layout(rect: Rect): void;
+    render(buffer: CellBuffer, palette: Palette): void;
+    updateProps(props: Record<string, unknown>): void;
+}
+//# sourceMappingURL=box.d.ts.map

package/dist/src/hosts/box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/hosts/box.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAEvE,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACpC,OAAO,EAAE,KAAK,UAAU,EAA2B,KAAK,OAAO,EAAE,KAAK,YAAY,EAAkB,MAAM,mBAAmB,CAAA;AAE7H,YAAY,EAAE,UAAU,EAAE,CAAA;AAE1B,MAAM,WAAW,QAAS,SAAQ,WAAW;IAC3C,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,EAAE,CAAC,EAAE,UAAU,CAAA;CAChB;AAED,qBAAa,OAAQ,SAAQ,QAAQ;IACnC,OAAO,EAAE,OAAO,CAA2C;IAC3D,MAAM,EAAE,UAAU,CAAS;IAC3B,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,EAAE,CAAC,EAAE,UAAU,CAAA;gBAEH,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,WAAW;IAK7C,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAmBhC,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAiBjC,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAuBzC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;CAO3D"}

package/dist/src/hosts/box.js

@@ -0,0 +1,84 @@
+import { Colors } from "@effect-tui/core";
+import { BaseHost } from "./base.js";
+import { borderChars, drawBorder, resolvePadding } from "../utils/index.js";
+export class BoxHost extends BaseHost {
+    padding = { top: 0, right: 0, bottom: 0, left: 0 };
+    border = "none";
+    borderColor;
+    bg;
+    constructor(props, ctx) {
+        super("box", props, ctx);
+        this.updateProps(props);
+    }
+    get borderThickness() {
+        return this.border === "none" ? 0 : 1;
+    }
+    get insetX() {
+        return this.borderThickness + this.padding.left + this.padding.right + this.borderThickness;
+    }
+    get insetY() {
+        return this.borderThickness + this.padding.top + this.padding.bottom + this.borderThickness;
+    }
+    measure(maxW, maxH) {
+        const innerMaxW = Math.max(0, maxW - this.insetX);
+        const innerMaxH = Math.max(0, maxH - this.insetY);
+        // Measure single child (box should have at most one child)
+        let childW = 0;
+        let childH = 0;
+        if (this.children.length > 0) {
+            const childSize = this.children[0].measure(innerMaxW, innerMaxH);
+            childW = childSize.w;
+            childH = childSize.h;
+        }
+        return {
+            w: childW + this.insetX,
+            h: childH + this.insetY,
+        };
+    }
+    layout(rect) {
+        super.layout(rect);
+        const t = this.borderThickness;
+        const innerRect = {
+            x: rect.x + t + this.padding.left,
+            y: rect.y + t + this.padding.top,
+            w: Math.max(0, rect.w - this.insetX),
+            h: Math.max(0, rect.h - this.insetY),
+        };
+        // Layout single child
+        if (this.children.length > 0) {
+            this.children[0].layout(innerRect);
+        }
+    }
+    render(buffer, palette) {
+        if (!this.rect)
+            return;
+        const { x, y, w, h } = this.rect;
+        // Draw background if set
+        if (this.bg !== undefined) {
+            const bgStyle = palette.id({ bg: this.bg });
+            buffer.fillRect(x, y, w, h, " ".codePointAt(0), bgStyle);
+        }
+        // Draw border
+        if (this.border !== "none" && w >= 2 && h >= 2) {
+            const chars = borderChars(this.border);
+            const borderStyle = palette.id({ fg: this.borderColor ?? Colors.gray(8) });
+            drawBorder(buffer, x, y, w, h, chars, borderStyle);
+        }
+        // Render children
+        for (const child of this.children) {
+            child.render(buffer, palette);
+        }
+    }
+    updateProps(props) {
+        super.updateProps(props);
+        if (props.padding !== undefined)
+            this.padding = resolvePadding(props.padding);
+        if (props.border !== undefined)
+            this.border = props.border;
+        if (props.borderColor !== undefined)
+            this.borderColor = props.borderColor;
+        if (props.bg !== undefined)
+            this.bg = props.bg;
+    }
+}
+//# sourceMappingURL=box.js.map

package/dist/src/hosts/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/hosts/box.ts"],"names":[],"mappings":"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"}

package/dist/src/hosts/canvas.d.ts

@@ -0,0 +1,48 @@
+import type { CellBuffer, Palette, ColorValue } from "@effect-tui/core";
+import type { HostContext, Size, CommonProps } from "../reconciler/types.js";
+import { BaseHost } from "./base.js";
+import { type BorderKind } from "../utils/index.js";
+export type { BorderKind };
+export interface DrawContext {
+    /** Canvas width in cells */
+    width: number;
+    /** Canvas height in cells */
+    height: number;
+    /** Draw text at position */
+    text(x: number, y: number, str: string, opts?: {
+        fg?: ColorValue;
+        bg?: ColorValue;
+    }): void;
+    /** Fill rectangle with character */
+    fill(x: number, y: number, w: number, h: number, char?: string, opts?: {
+        fg?: ColorValue;
+        bg?: ColorValue;
+    }): void;
+    /** Draw box with optional border */
+    box(x: number, y: number, w: number, h: number, opts?: {
+        border?: BorderKind;
+        borderColor?: ColorValue;
+        bg?: ColorValue;
+        fg?: ColorValue;
+    }): void;
+    /** Clear entire canvas */
+    clear(): void;
+}
+export interface CanvasProps extends CommonProps {
+    /** Draw function called each render */
+    draw: (ctx: DrawContext) => void;
+    /** Fixed width (default: fill available) */
+    width?: number;
+    /** Fixed height (default: fill available) */
+    height?: number;
+}
+export declare class CanvasHost extends BaseHost {
+    draw: CanvasProps["draw"];
+    fixedWidth?: number;
+    fixedHeight?: number;
+    constructor(props: CanvasProps, ctx: HostContext);
+    measure(maxW: number, maxH: number): Size;
+    render(buffer: CellBuffer, palette: Palette): void;
+    updateProps(props: Record<string, unknown>): void;
+}
+//# sourceMappingURL=canvas.d.ts.map

package/dist/src/hosts/canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../src/hosts/canvas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAEvE,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACpC,OAAO,EAAE,KAAK,UAAU,EAA2B,MAAM,mBAAmB,CAAA;AAE5E,YAAY,EAAE,UAAU,EAAE,CAAA;AAE1B,MAAM,WAAW,WAAW;IAC1B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAA;IAEd,4BAA4B;IAC5B,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,UAAU,CAAC;QAAC,EAAE,CAAC,EAAE,UAAU,CAAA;KAAE,GAAG,IAAI,CAAA;IAE1F,oCAAoC;IACpC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,UAAU,CAAC;QAAC,EAAE,CAAC,EAAE,UAAU,CAAA;KAAE,GAAG,IAAI,CAAA;IAElH,oCAAoC;IACpC,GAAG,CACD,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE,UAAU,CAAA;QACnB,WAAW,CAAC,EAAE,UAAU,CAAA;QACxB,EAAE,CAAC,EAAE,UAAU,CAAA;QACf,EAAE,CAAC,EAAE,UAAU,CAAA;KAChB,GACA,IAAI,CAAA;IAEP,0BAA0B;IAC1B,KAAK,IAAI,IAAI,CAAA;CACd;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,uCAAuC;IACvC,IAAI,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;IAChC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,qBAAa,UAAW,SAAQ,QAAQ;IACtC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAW;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;gBAER,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW;IAKhD,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAOzC,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAiFzC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;CAS3D"}

package/dist/src/hosts/canvas.js

@@ -0,0 +1,109 @@
+import { Colors } from "@effect-tui/core";
+import { BaseHost } from "./base.js";
+import { borderChars, drawBorder } from "../utils/index.js";
+export class CanvasHost extends BaseHost {
+    draw = () => { };
+    fixedWidth;
+    fixedHeight;
+    constructor(props, ctx) {
+        super("canvas", props, ctx);
+        this.updateProps(props);
+    }
+    measure(maxW, maxH) {
+        return {
+            w: this.fixedWidth ?? maxW,
+            h: this.fixedHeight ?? maxH,
+        };
+    }
+    render(buffer, palette) {
+        if (!this.rect)
+            return;
+        const { x: ox, y: oy, w, h } = this.rect;
+        // Create draw context
+        const ctx = {
+            width: w,
+            height: h,
+            text: (x, y, str, opts) => {
+                const px = Math.round(ox + x);
+                const py = Math.round(oy + y);
+                if (py < oy || py >= oy + h)
+                    return;
+                const style = palette.id({ fg: opts?.fg, bg: opts?.bg });
+                let col = px;
+                for (const char of str) {
+                    if (col >= ox + w)
+                        break;
+                    if (col >= ox) {
+                        buffer.drawCP(col, py, char.codePointAt(0), style);
+                    }
+                    col++;
+                }
+            },
+            fill: (x, y, fw, fh, char = " ", opts) => {
+                const px = Math.round(ox + x);
+                const py = Math.round(oy + y);
+                const cp = char.codePointAt(0);
+                const style = palette.id({ fg: opts?.fg, bg: opts?.bg });
+                for (let row = 0; row < fh; row++) {
+                    const yy = py + row;
+                    if (yy < oy || yy >= oy + h)
+                        continue;
+                    for (let col = 0; col < fw; col++) {
+                        const xx = px + col;
+                        if (xx < ox || xx >= ox + w)
+                            continue;
+                        buffer.drawCP(xx, yy, cp, style);
+                    }
+                }
+            },
+            box: (x, y, bw, bh, opts) => {
+                const px = Math.round(ox + x);
+                const py = Math.round(oy + y);
+                const border = opts?.border ?? "none";
+                const bgStyle = opts?.bg !== undefined ? palette.id({ bg: opts.bg }) : undefined;
+                // Fill background (with clipping)
+                if (bgStyle !== undefined) {
+                    for (let row = 0; row < bh; row++) {
+                        const yy = py + row;
+                        if (yy < oy || yy >= oy + h)
+                            continue;
+                        for (let col = 0; col < bw; col++) {
+                            const xx = px + col;
+                            if (xx < ox || xx >= ox + w)
+                                continue;
+                            buffer.drawCP(xx, yy, " ".codePointAt(0), bgStyle);
+                        }
+                    }
+                }
+                // Draw border (with clipping)
+                if (border !== "none" && bw >= 2 && bh >= 2) {
+                    const chars = borderChars(border);
+                    const borderStyle = palette.id({ fg: opts?.borderColor ?? opts?.fg ?? Colors.gray(8) });
+                    drawBorder(buffer, px, py, bw, bh, chars, borderStyle, { ox, oy, w, h });
+                }
+            },
+            clear: () => {
+                const style = palette.id({});
+                for (let row = 0; row < h; row++) {
+                    for (let col = 0; col < w; col++) {
+                        buffer.drawCP(ox + col, oy + row, " ".codePointAt(0), style);
+                    }
+                }
+            },
+        };
+        // Call user's draw function
+        this.draw(ctx);
+    }
+    updateProps(props) {
+        super.updateProps(props);
+        if (props.draw !== undefined) {
+            this.draw = props.draw;
+            this.ctx.requestRender(); // trigger repaint when draw function changes
+        }
+        if (props.width !== undefined)
+            this.fixedWidth = props.width;
+        if (props.height !== undefined)
+            this.fixedHeight = props.height;
+    }
+}
+//# sourceMappingURL=canvas.js.map

package/dist/src/hosts/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../../src/hosts/canvas.ts"],"names":[],"mappings":"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"}

package/dist/src/hosts/codeblock.d.ts

@@ -0,0 +1,32 @@
+import { type CellBuffer, type ColorLike, type Palette } from "@effect-tui/core";
+import type { HighlightLine } from "../highlight.js";
+import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js";
+import { BaseHost } from "./base.js";
+import { type Padding, type PaddingInput } from "../utils/index.js";
+export interface CodeBlockProps extends CommonProps {
+    lines: HighlightLine[];
+    lineNumbers?: boolean;
+    padding?: PaddingInput;
+    background?: ColorLike;
+    lineNumberColor?: ColorLike;
+    lineNumberBackground?: ColorLike;
+}
+export declare class CodeBlockHost extends BaseHost {
+    lines: HighlightLine[];
+    lineNumbers: boolean;
+    padding: Padding;
+    background?: ColorLike;
+    lineNumberColor?: ColorLike;
+    lineNumberBackground?: ColorLike;
+    private cachedLineWidths;
+    private gutterWidth;
+    constructor(props: CodeBlockProps, ctx: HostContext);
+    private computeGutterWidth;
+    private get insetX();
+    private get insetY();
+    measure(maxW: number, maxH: number): Size;
+    layout(rect: Rect): void;
+    render(buffer: CellBuffer, palette: Palette): void;
+    updateProps(props: Record<string, unknown>): void;
+}
+//# sourceMappingURL=codeblock.d.ts.map

package/dist/src/hosts/codeblock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock.d.ts","sourceRoot":"","sources":["../../../src/hosts/codeblock.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,OAAO,EAEb,MAAM,kBAAkB,CAAA;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACpC,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,YAAY,EAAkB,MAAM,mBAAmB,CAAA;AAEnF,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD,KAAK,EAAE,aAAa,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,SAAS,CAAA;CACjC;AAYD,qBAAa,aAAc,SAAQ,QAAQ;IACzC,KAAK,EAAE,aAAa,EAAE,CAAO;IAC7B,WAAW,UAAQ;IACnB,OAAO,EAAE,OAAO,CAA2C;IAC3D,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,eAAe,CAAC,EAAE,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,SAAS,CAAA;IAEhC,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,WAAW,CAAI;gBAEX,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,WAAW;IAKnD,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,KAAK,MAAM,GAEjB;IAED,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAehC,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAIjC,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAmDzC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;CAS3D"}

package/dist/src/hosts/codeblock.js

@@ -0,0 +1,118 @@
+import { Colors, displayWidth, parseColor, } from "@effect-tui/core";
+import { BaseHost } from "./base.js";
+import { resolvePadding } from "../utils/index.js";
+function normalizeColor(c) {
+    if (c === undefined || c === null)
+        return undefined;
+    if (typeof c === "number" || typeof c === "object")
+        return c;
+    return parseColor(c);
+}
+function lineDisplayWidth(line) {
+    return line.reduce((w, token) => w + displayWidth(token.text), 0);
+}
+export class CodeBlockHost extends BaseHost {
+    lines = [[]];
+    lineNumbers = false;
+    padding = { top: 0, right: 0, bottom: 0, left: 0 };
+    background;
+    lineNumberColor;
+    lineNumberBackground;
+    cachedLineWidths = [];
+    gutterWidth = 0;
+    constructor(props, ctx) {
+        super("codeblock", props, ctx);
+        this.updateProps(props);
+    }
+    computeGutterWidth() {
+        if (!this.lineNumbers)
+            return 0;
+        // Fix width so layout doesn't shift when moving from 1→2 digits.
+        const digits = Math.max(2, String(Math.max(1, this.lines.length)).length);
+        // digits plus a trailing space
+        return digits + 1;
+    }
+    get insetX() {
+        return this.padding.left + this.padding.right + this.gutterWidth;
+    }
+    get insetY() {
+        return this.padding.top + this.padding.bottom;
+    }
+    measure(maxW, maxH) {
+        this.cachedLineWidths = this.lines.map((l) => lineDisplayWidth(l));
+        this.gutterWidth = this.computeGutterWidth();
+        const maxLineW = this.cachedLineWidths.reduce((max, w) => (w > max ? w : max), 0);
+        const contentW = maxLineW + this.insetX;
+        const innerHeight = Math.max(1, this.lines.length) + this.insetY;
+        return {
+            w: Math.min(maxW, contentW),
+            h: Math.min(maxH, innerHeight),
+        };
+    }
+    layout(rect) {
+        super.layout(rect);
+    }
+    render(buffer, palette) {
+        if (!this.rect)
+            return;
+        const { x, y, w, h } = this.rect;
+        const contentWidth = Math.max(0, w - this.insetX);
+        const maxLines = Math.max(0, Math.min(this.lines.length, h - this.insetY));
+        const startX = x + this.padding.left + this.gutterWidth;
+        const startY = y + this.padding.top;
+        if (this.background !== undefined && w > 0 && h > 0) {
+            const bgStyle = palette.id({ bg: normalizeColor(this.background) });
+            buffer.fillRect(x, y, w, h, " ".codePointAt(0), bgStyle);
+        }
+        for (let i = 0; i < maxLines; i++) {
+            const lineY = startY + i;
+            let drawX = startX;
+            if (this.lineNumbers) {
+                const gutterStyle = palette.id({
+                    fg: normalizeColor(this.lineNumberColor) ?? Colors.gray(11),
+                    bg: normalizeColor(this.lineNumberBackground ?? this.background),
+                });
+                const digits = String(i + 1).padStart(this.gutterWidth - 1, " ");
+                buffer.drawText(x + this.padding.left, lineY, `${digits} `, gutterStyle, this.gutterWidth);
+            }
+            const line = this.lines[i] ?? [];
+            for (const token of line) {
+                if (contentWidth <= 0)
+                    break;
+                const remaining = x + w - drawX;
+                if (remaining <= 0)
+                    break;
+                const style = token.style ?? {};
+                const fg = normalizeColor(style.fg);
+                const bg = normalizeColor(style.bg ?? this.background);
+                const styleId = palette.id({
+                    fg,
+                    bg,
+                    bold: style.bold,
+                    italic: style.italic,
+                    underline: style.underline,
+                });
+                buffer.drawText(drawX, lineY, token.text, styleId, remaining);
+                drawX += displayWidth(token.text);
+                if (drawX >= x + w)
+                    break;
+            }
+        }
+    }
+    updateProps(props) {
+        super.updateProps(props);
+        if (props.lines !== undefined)
+            this.lines = props.lines;
+        if (props.lineNumbers !== undefined)
+            this.lineNumbers = !!props.lineNumbers;
+        if (props.padding !== undefined)
+            this.padding = resolvePadding(props.padding);
+        if (props.background !== undefined)
+            this.background = props.background;
+        if (props.lineNumberColor !== undefined)
+            this.lineNumberColor = props.lineNumberColor;
+        if (props.lineNumberBackground !== undefined)
+            this.lineNumberBackground = props.lineNumberBackground;
+    }
+}
+//# sourceMappingURL=codeblock.js.map

package/dist/src/hosts/codeblock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock.js","sourceRoot":"","sources":["../../../src/hosts/codeblock.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,YAAY,EACZ,UAAU,GAKX,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACpC,OAAO,EAAmC,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAWnF,SAAS,cAAc,CAAC,CAAU;IAChC,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI;QAAE,OAAO,SAAS,CAAA;IACnD,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ;QAAE,OAAO,CAAe,CAAA;IAC1E,OAAO,UAAU,CAAC,CAAW,CAAC,CAAA;AAChC,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAmB;IAC3C,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;AACnE,CAAC;AAED,MAAM,OAAO,aAAc,SAAQ,QAAQ;IACzC,KAAK,GAAoB,CAAC,EAAE,CAAC,CAAA;IAC7B,WAAW,GAAG,KAAK,CAAA;IACnB,OAAO,GAAY,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAA;IAC3D,UAAU,CAAY;IACtB,eAAe,CAAY;IAC3B,oBAAoB,CAAY;IAExB,gBAAgB,GAAa,EAAE,CAAA;IAC/B,WAAW,GAAG,CAAC,CAAA;IAEvB,YAAY,KAAqB,EAAE,GAAgB;QACjD,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;QAC9B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO,CAAC,CAAA;QAC/B,iEAAiE;QACjE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;QACzE,+BAA+B;QAC/B,OAAO,MAAM,GAAG,CAAC,CAAA;IACnB,CAAC;IAED,IAAY,MAAM;QAChB,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAA;IAClE,CAAC;IAED,IAAY,MAAM;QAChB,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA;IAC/C,CAAC;IAED,OAAO,CAAC,IAAY,EAAE,IAAY;QAChC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;QAClE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAA;QAE5C,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QACjF,MAAM,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAA;QAEvC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA;QAEhE,OAAO;YACL,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC;YAC3B,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC;SAC/B,CAAA;IACH,CAAC;IAEQ,MAAM,CAAC,IAAU;QACxB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC;IAED,MAAM,CAAC,MAAkB,EAAE,OAAgB;QACzC,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAM;QAEtB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,CAAA;QAChC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAA;QACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;QAC1E,MAAM,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAA;QACvD,MAAM,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAA;QAEnC,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,MAAM,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;YACnE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAE,EAAE,OAAO,CAAC,CAAA;QAC3D,CAAC;QAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;YAClC,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,CAAA;YACxB,IAAI,KAAK,GAAG,MAAM,CAAA;YAElB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,CAAC;oBAC7B,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC3D,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,UAAU,CAAC;iBACjE,CAAC,CAAA;gBACF,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE,GAAG,CAAC,CAAA;gBAChE,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;YAC5F,CAAC;YAED,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAA;YAChC,KAAK,MAAM,KAAK,IAAI,IAAI,EAAE,CAAC;gBACzB,IAAI,YAAY,IAAI,CAAC;oBAAE,MAAK;gBAC5B,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;gBAC/B,IAAI,SAAS,IAAI,CAAC;oBAAE,MAAK;gBAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;gBAC/B,MAAM,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;gBACnC,MAAM,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,CAAA;gBACtD,MAAM,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC;oBACzB,EAAE;oBACF,EAAE;oBACF,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,MAAM,EAAE,KAAK,CAAC,MAAM;oBACpB,SAAS,EAAE,KAAK,CAAC,SAAS;iBAC3B,CAAC,CAAA;gBAEF,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;gBAC7D,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;gBACjC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC;oBAAE,MAAK;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;IAEQ,WAAW,CAAC,KAA8B;QACjD,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QACxB,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS;YAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAwB,CAAA;QAC1E,IAAI,KAAK,CAAC,WAAW,KAAK,SAAS;YAAE,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,WAAW,CAAA;QAC3E,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS;YAAE,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,OAAoC,CAAC,CAAA;QAC1G,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS;YAAE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,UAAuB,CAAA;QACnF,IAAI,KAAK,CAAC,eAAe,KAAK,SAAS;YAAE,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,eAA4B,CAAA;QAClG,IAAI,KAAK,CAAC,oBAAoB,KAAK,SAAS;YAAE,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC,oBAAiC,CAAA;IACnH,CAAC;CACF"}

package/dist/src/hosts/hstack.d.ts

@@ -0,0 +1,18 @@
+import type { CellBuffer, Palette } from "@effect-tui/core";
+import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js";
+import { BaseHost } from "./base.js";
+export interface HStackProps extends CommonProps {
+    spacing?: number;
+    alignment?: "top" | "center" | "bottom";
+}
+export declare class HStackHost extends BaseHost {
+    spacing: number;
+    alignment: "top" | "center" | "bottom";
+    private cachedSizes;
+    constructor(props: HStackProps, ctx: HostContext);
+    measure(maxW: number, maxH: number): Size;
+    layout(rect: Rect): void;
+    render(buffer: CellBuffer, palette: Palette): void;
+    updateProps(props: Record<string, unknown>): void;
+}
+//# sourceMappingURL=hstack.d.ts.map

package/dist/src/hosts/hstack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hstack.d.ts","sourceRoot":"","sources":["../../../src/hosts/hstack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAGpC,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;CACxC;AAcD,qBAAa,UAAW,SAAQ,QAAQ;IACtC,OAAO,SAAI;IACX,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAQ;IAC9C,OAAO,CAAC,WAAW,CAAa;gBAEpB,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW;IAKhD,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAMhC,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAcjC,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI;IAMzC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;CAK3D"}

package/dist/src/hosts/hstack.js

@@ -0,0 +1,45 @@
+import { BaseHost } from "./base.js";
+import { measureFlex, layoutFlex } from "../utils/index.js";
+// Map HStack alignment names to generic flex alignment
+function toFlexAlignment(alignment) {
+    switch (alignment) {
+        case "top":
+            return "start";
+        case "center":
+            return "center";
+        case "bottom":
+            return "end";
+    }
+}
+export class HStackHost extends BaseHost {
+    spacing = 0;
+    alignment = "top";
+    cachedSizes = [];
+    constructor(props, ctx) {
+        super("hstack", props, ctx);
+        this.updateProps(props);
+    }
+    measure(maxW, maxH) {
+        const result = measureFlex("horizontal", this.children, this.spacing, maxW, maxH);
+        this.cachedSizes = result.sizes;
+        return result.totalSize;
+    }
+    layout(rect) {
+        super.layout(rect);
+        const stretchCross = this.alignment === "top";
+        layoutFlex("horizontal", this.children, this.cachedSizes, rect, this.spacing, toFlexAlignment(this.alignment), stretchCross);
+    }
+    render(buffer, palette) {
+        for (const child of this.children) {
+            child.render(buffer, palette);
+        }
+    }
+    updateProps(props) {
+        super.updateProps(props);
+        if (props.spacing !== undefined)
+            this.spacing = props.spacing;
+        if (props.alignment !== undefined)
+            this.alignment = props.alignment;
+    }
+}
+//# sourceMappingURL=hstack.js.map

package/dist/src/hosts/hstack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hstack.js","sourceRoot":"","sources":["../../../src/hosts/hstack.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAsB,MAAM,mBAAmB,CAAA;AAO/E,uDAAuD;AACvD,SAAS,eAAe,CAAC,SAAsC;IAC7D,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,KAAK;YACR,OAAO,OAAO,CAAA;QAChB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAA;QACjB,KAAK,QAAQ;YACX,OAAO,KAAK,CAAA;IAChB,CAAC;AACH,CAAC;AAED,MAAM,OAAO,UAAW,SAAQ,QAAQ;IACtC,OAAO,GAAG,CAAC,CAAA;IACX,SAAS,GAAgC,KAAK,CAAA;IACtC,WAAW,GAAW,EAAE,CAAA;IAEhC,YAAY,KAAkB,EAAE,GAAgB;QAC9C,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;QAC3B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC;IAED,OAAO,CAAC,IAAY,EAAE,IAAY;QAChC,MAAM,MAAM,GAAG,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QACjF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;QAC/B,OAAO,MAAM,CAAC,SAAS,CAAA;IACzB,CAAC;IAEQ,MAAM,CAAC,IAAU;QACxB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAClB,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,KAAK,KAAK,CAAA;QAC7C,UAAU,CACR,YAAY,EACZ,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,WAAW,EAChB,IAAI,EACJ,IAAI,CAAC,OAAO,EACZ,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,EAC/B,YAAY,CACb,CAAA;IACH,CAAC;IAED,MAAM,CAAC,MAAkB,EAAE,OAAgB;QACzC,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC;IAEQ,WAAW,CAAC,KAA8B;QACjD,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QACxB,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS;YAAE,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAiB,CAAA;QACvE,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS;YAAE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAwC,CAAA;IACpG,CAAC;CACF"}

package/dist/src/hosts/index.d.ts

@@ -0,0 +1,16 @@
+import type { HostContext, CommonProps } from "../reconciler/types.js";
+import type { BaseHost } from "./base.js";
+import { RawTextHost } from "./text.js";
+export { BaseHost } from "./base.js";
+export { TextHost, RawTextHost, type TextProps } from "./text.js";
+export { SpacerHost, type SpacerProps } from "./spacer.js";
+export { VStackHost, type VStackProps } from "./vstack.js";
+export { HStackHost, type HStackProps } from "./hstack.js";
+export { ZStackHost, type ZStackProps } from "./zstack.js";
+export { BoxHost, type BoxProps } from "./box.js";
+export { CanvasHost, type CanvasProps, type DrawContext } from "./canvas.js";
+export { CodeBlockHost, type CodeBlockProps } from "./codeblock.js";
+export declare const hostRegistry: Record<string, new (props: any, ctx: HostContext) => BaseHost>;
+export declare function createHostInstance(type: string, props: CommonProps, ctx: HostContext): BaseHost;
+export declare function createTextInstance(text: string, ctx: HostContext): RawTextHost;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hosts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hosts/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAY,WAAW,EAAE,MAAM,WAAW,CAAA;AASjD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAInE,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,KAAK,QAAQ,CASvF,CAAA;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,GAAG,QAAQ,CAM/F;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,GAAG,WAAW,CAE9E"}