@effect-tui/react 0.10.1 → 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.1",
+	"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.1",
+		"@effect-tui/core": "^0.11.0",
 		"@effect/platform": "^0.94.0",
 		"@effect/platform-bun": "^0.87.0",
 		"@effect/rpc": "^0.73.0",

package/src/hooks/use-timer.ts

@@ -33,8 +33,8 @@ export interface UseTimerReturn {
 	start: () => void
 	/** Pause the timer */
 	pause: () => void
-	/** Reset timer to initialTime and stop */
-	reset: () => void
+	/** Reset timer to initialTime (or provided time) and stop */
+	reset: (newTime?: number) => void
 	/** Current timer status */
 	status: TimerStatus
 }
@@ -101,10 +101,13 @@ export function useTimer(config: UseTimerConfig): UseTimerReturn {
 		setStatus((prev) => (prev === "RUNNING" ? "PAUSED" : prev))
 	}, [])
 
-	const reset = useCallback(() => {
-		setTime(initialTime)
-		setStatus("STOPPED")
-	}, [initialTime])
+	const reset = useCallback(
+		(newTime?: number) => {
+			setTime(newTime ?? initialTime)
+			setStatus("STOPPED")
+		},
+		[initialTime],
+	)
 
 	// Timer effect
 	useEffect(() => {

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)
+		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)
+		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)
+		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)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	/** Get children excluding __static nodes (which are rendered separately) */

package/src/hosts/hstack.ts

@@ -1,10 +1,7 @@
-import type { CommonProps, HostContext } from "../reconciler/types.js"
+import type { HostContext } from "../reconciler/types.js"
 import { FlexContainerHost, type FlexContainerProps } from "./flex-container.js"
 
-export interface HStackProps extends CommonProps {
-	spacing?: number
-	alignment?: "top" | "center" | "bottom"
-}
+export interface HStackProps extends FlexContainerProps<"horizontal"> {}
 
 /**
  * HStackHost lays out children horizontally with optional spacing and cross-axis alignment.

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)
+		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)
+		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)
+		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)
+		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)
+		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)
+		this.updateProps(props as unknown as Record<string, unknown>)
 	}
 
 	measure(maxW: number, maxH: number): Size {

package/src/hosts/vstack.ts

@@ -1,10 +1,7 @@
-import type { CommonProps, HostContext } from "../reconciler/types.js"
+import type { HostContext } from "../reconciler/types.js"
 import { FlexContainerHost, type FlexContainerProps } from "./flex-container.js"
 
-export interface VStackProps extends CommonProps {
-	spacing?: number
-	alignment?: "leading" | "center" | "trailing"
-}
+export interface VStackProps extends FlexContainerProps<"vertical"> {}
 
 /**
  * VStackHost lays out children vertically with optional spacing and cross-axis alignment.

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)
+		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
 }