@effect-tui/react 0.10.2 → 0.11.0

package/jsx-runtime.ts

@@ -36,9 +36,8 @@ export declare namespace JSX {
 
 	export interface IntrinsicAttributes extends React.Attributes {}
 
-	// Extend React's intrinsic elements but override our custom ones
-	export interface IntrinsicElements extends React.JSX.IntrinsicElements {
-		// Our custom TUI elements (override any React conflicts)
+	// Custom TUI elements only - no React DOM elements
+	export interface IntrinsicElements {
 		text: TextProps & { children?: React.ReactNode }
 		span: SpanProps & { children?: React.ReactNode }
 		styledtext: StyledTextProps

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@effect-tui/react",
-	"version": "0.10.2",
+	"version": "0.11.0",
 	"description": "React bindings for @effect-tui/core",
 	"type": "module",
 	"files": [
@@ -83,7 +83,7 @@
 		"prepublishOnly": "bun run typecheck && bun run build"
 	},
 	"dependencies": {
-		"@effect-tui/core": "^0.10.2",
+		"@effect-tui/core": "^0.11.0",
 		"@effect/platform": "^0.94.0",
 		"@effect/platform-bun": "^0.87.0",
 		"@effect/rpc": "^0.73.0",

package/src/hosts/box.ts

@@ -40,7 +40,7 @@ export class BoxHost extends SingleChildHost {
 
 	constructor(props: BoxProps, ctx: HostContext) {
 		super("box", props, ctx)
-		this.updateProps(props as Record<string, unknown>)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	private get borderThickness(): number {

package/src/hosts/canvas.ts

@@ -75,7 +75,7 @@ export class CanvasHost extends BaseHost {
 
 	constructor(props: CanvasProps, ctx: HostContext) {
 		super("canvas", props, ctx)
-		this.updateProps(props as Record<string, unknown>)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	measure(maxW: number, maxH: number): Size {

package/src/hosts/codeblock.ts

@@ -30,7 +30,7 @@ export class CodeBlockHost extends BaseHost {
 
 	constructor(props: CodeBlockProps, ctx: HostContext) {
 		super("codeblock", props, ctx)
-		this.updateProps(props as Record<string, unknown>)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	private computeGutterWidth(): number {

package/src/hosts/flex-container.ts

@@ -46,7 +46,7 @@ export class FlexContainerHost<A extends FlexAxis> extends BaseHost {
 	) {
 		super(elementType, props, ctx)
 		this.alignment = defaultAlignment
-		this.updateProps(props as Record<string, unknown>)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	/** Get children excluding __static nodes (which are rendered separately) */

package/src/hosts/overlay-item.ts

@@ -23,7 +23,7 @@ export class OverlayItemHost extends SingleChildHost {
 
 	constructor(props: OverlayItemProps, ctx: HostContext) {
 		super("overlayItem", props, ctx)
-		this.updateProps(props as Record<string, unknown>)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	override measure(maxW: number, maxH: number): Size {

package/src/hosts/scroll.ts

@@ -64,7 +64,7 @@ export class ScrollHost extends SingleChildHost {
 
 	constructor(props: ScrollProps, ctx: HostContext) {
 		super("scroll", props, ctx)
-		this.updateProps(props as Record<string, unknown>)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	measure(maxW: number, maxH: number): Size {

package/src/hosts/spacer.ts

@@ -18,7 +18,7 @@ export class SpacerHost extends BaseHost {
 
 	constructor(props: SpacerProps, ctx: HostContext) {
 		super("spacer", props, ctx)
-		this.updateProps(props as Record<string, unknown>)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	measure(_maxW: number, _maxH: number): Size {

package/src/hosts/text.ts

@@ -38,7 +38,7 @@ export class TextHost extends BaseHost {
 
 	constructor(props: TextProps, ctx: HostContext) {
 		super("text", props, ctx)
-		this.updateProps(props as Record<string, unknown>)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	/** Check if we have SpanHost children (requires styled rendering) */
@@ -447,7 +447,7 @@ export class SpanHost extends BaseHost {
 
 	constructor(props: SpanProps, ctx: HostContext) {
 		super("span", props, ctx)
-		this.updateProps(props as Record<string, unknown>)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	/** Get text content from RawTextHost children */
@@ -523,7 +523,7 @@ export class StyledTextHost extends BaseHost {
 
 	constructor(props: StyledTextProps, ctx: HostContext) {
 		super("styledtext", props, ctx)
-		this.updateProps(props as Record<string, unknown>)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	measure(maxW: number, maxH: number): Size {

package/src/hosts/zstack.ts

@@ -15,7 +15,7 @@ export class ZStackHost extends BaseHost {
 
 	constructor(props: ZStackProps, ctx: HostContext) {
 		super("zstack", props, ctx)
-		this.updateProps(props as Record<string, unknown>)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	measure(maxW: number, maxH: number): Size {

package/src/reconciler/types.ts

@@ -148,10 +148,4 @@ export interface CommonProps {
 
 	/** React key prop for list reconciliation */
 	key?: string | number
-
-	/**
-	 * Index signature for Record<string, unknown> compatibility.
-	 * TODO: Remove this and properly type all props to catch typos like "grow" instead of "greedy"
-	 */
-	[key: string]: unknown
 }