@effect-tui/react 0.1.0-alpha.1 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-tui/react",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.1",
   "description": "React bindings for @effect-tui/core",
   "type": "module",
   "files": [

package/src/index.ts

@@ -52,6 +52,7 @@ export type { TextProps } from "./hosts/text.js"
 export type { SpacerProps } from "./hosts/spacer.js"
 export type { VStackProps } from "./hosts/vstack.js"
 export type { HStackProps } from "./hosts/hstack.js"
+export type { ZStackProps } from "./hosts/zstack.js"
 export type { BoxProps, BorderKind } from "./hosts/box.js"
 export type { CanvasProps, DrawContext } from "./hosts/canvas.js"
 

package/src/renderer.ts

@@ -236,12 +236,13 @@ export function createRenderer(options?: RendererOptions): TuiRenderer {
         for (let y = 0; y < height; y++) {
           if (!rowChanged(prevBuffer, nextBuffer, y, width)) continue
           output += ANSI.cursor.to(1, y + 1)
-          output += ANSI.line.clear
+          // Clear the row using default style to avoid carrying stale backgrounds.
+          output += palette.sgr(0) + ANSI.line.clear
           output += emitRowWithReset(nextBuffer, palette, y, width)
         }
       } else {
         // Full redraw (tests/manual mode)
-        stdout.write(ANSI.cursor.to(1, 1))
+        stdout.write(ANSI.cursor.to(1, 1) + palette.sgr(0))
         for (let y = 0; y < height; y++) {
           output += emitRowWithReset(nextBuffer, palette, y, width)
           if (y < height - 1) output += "\r\n"