@effect-tui/react 0.2.0 → 0.2.2

package/src/hooks/use-quit.ts

@@ -1,4 +1,5 @@
 import { useCallback } from "react"
+import { requestExit } from "../exit.js"
 import { useRenderer } from "../renderer-context.js"
 
 /**
@@ -26,7 +27,7 @@ export function useQuit(): (code?: number) => void {
 	return useCallback(
 		(code = 0) => {
 			renderer.stop()
-			process.exit(code)
+			requestExit(code)
 		},
 		[renderer],
 	)

package/src/hooks/use-scroll.ts

@@ -1,8 +1,9 @@
 // use-scroll.ts — Hook for managing scroll state with keyboard/mouse input
-import { useState, useCallback, useRef, useMemo, useLayoutEffect } from "react"
+
 import type { KeyMsg } from "@effect-tui/core"
-import { useKeyboard } from "./use-keyboard.js"
+import { useCallback, useLayoutEffect, useMemo, useRef, useState } from "react"
 import { useTerminalSize } from "../renderer.js"
+import { useKeyboard } from "./use-keyboard.js"
 
 // ============================================================================
 // Scroll Acceleration (macOS-style)
@@ -356,15 +357,12 @@ export function useScroll(options: UseScrollOptions = {}): UseScrollReturn {
 	}
 
 	// Handle effective offset sync from host (when sticky adjusts the offset)
-	const handleEffectiveOffset = useCallback(
-		(effectiveOffset: number) => {
-			// Sync the ref so scrollToVisible uses the actual rendered position
-			offsetRef.current = effectiveOffset
-			// Also update state to keep in sync (but don't trigger wasAtEnd change)
-			setOffsetRaw(effectiveOffset)
-		},
-		[],
-	)
+	const handleEffectiveOffset = useCallback((effectiveOffset: number) => {
+		// Sync the ref so scrollToVisible uses the actual rendered position
+		offsetRef.current = effectiveOffset
+		// Also update state to keep in sync (but don't trigger wasAtEnd change)
+		setOffsetRaw(effectiveOffset)
+	}, [])
 
 	const scrollProps = {
 		offset,

package/src/hooks/useFrameStats.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react"
-import { useRenderer } from "../renderer.js"
 import type { FrameStats } from "../renderer.js"
+import { useRenderer } from "../renderer.js"
 
 /**
  * Subscribe to per-frame renderer stats (if enabled).

package/src/hosts/base.ts

@@ -1,5 +1,5 @@
-import type { CellBuffer, Palette, Color } from "@effect-tui/core"
-import type { HostInstance, Rect, Size, HostContext, CommonProps } from "../reconciler/types.js"
+import type { CellBuffer, Color, Palette } from "@effect-tui/core"
+import type { CommonProps, HostContext, HostInstance, Rect, Size } from "../reconciler/types.js"
 
 /** Host that may have a background color (e.g., BoxHost) */
 export interface HostWithBg extends HostInstance {

package/src/hosts/box.ts

@@ -1,17 +1,17 @@
-import type { CellBuffer, Palette, Color } from "@effect-tui/core"
+import type { CellBuffer, Color, Palette } from "@effect-tui/core"
 import { Colors } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
-import { SingleChildHost } from "./single-child.js"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import {
 	type BorderKind,
 	borderChars,
 	drawBorder,
 	type Padding,
 	type PaddingInput,
-	resolvePadding,
 	resolveInheritedBgStyle,
+	resolvePadding,
 	toColorValue,
 } from "../utils/index.js"
+import { SingleChildHost } from "./single-child.js"
 
 export type { BorderKind }
 

package/src/hosts/canvas.ts

@@ -1,15 +1,16 @@
-import type { CellBuffer, Palette, Color } from "@effect-tui/core"
+import type { CellBuffer, Color, Palette } from "@effect-tui/core"
 import { Colors } from "@effect-tui/core"
-import type { HostContext, Size, CommonProps } from "../reconciler/types.js"
-import { BaseHost } from "./base.js"
+import type { CommonProps, HostContext, Size } from "../reconciler/types.js"
 import {
 	type BorderKind,
 	borderChars,
 	drawBorder,
 	resolveBgStyle,
+	resolveInheritedBgStyle,
 	styleIdFromProps,
 	toColorValue,
 } from "../utils/index.js"
+import { BaseHost } from "./base.js"
 
 export type { BorderKind }
 
@@ -62,12 +63,15 @@ export interface CanvasProps extends CommonProps {
 	width?: number
 	/** Fixed height (default: fill available) */
 	height?: number
+	/** Inherit background color from parent and pre-fill canvas (default: false) */
+	inheritBg?: boolean
 }
 
 export class CanvasHost extends BaseHost {
 	draw: CanvasProps["draw"] = () => {}
 	fixedWidth?: number
 	fixedHeight?: number
+	inheritBg = false
 
 	constructor(props: CanvasProps, ctx: HostContext) {
 		super("canvas", props, ctx)
@@ -85,6 +89,12 @@ export class CanvasHost extends BaseHost {
 		if (!this.rect) return
 		const { x: ox, y: oy, w, h } = this.rect
 
+		// Pre-fill with inherited background if requested
+		if (this.inheritBg) {
+			const { styleId } = resolveInheritedBgStyle(palette, undefined, this.parent)
+			buffer.fillRect(ox, oy, w, h, " ".codePointAt(0)!, styleId)
+		}
+
 		// Create draw context
 		const ctx: DrawContext = {
 			width: w,
@@ -180,5 +190,6 @@ export class CanvasHost extends BaseHost {
 		}
 		if (props.width !== undefined) this.fixedWidth = props.width as number
 		if (props.height !== undefined) this.fixedHeight = props.height as number
+		if (props.inheritBg !== undefined) this.inheritBg = props.inheritBg as boolean
 	}
 }

package/src/hosts/codeblock.ts

@@ -1,8 +1,8 @@
-import { Colors, displayWidth, type CellBuffer, type Color, type Palette } from "@effect-tui/core"
+import { type CellBuffer, type Color, Colors, displayWidth, type Palette } from "@effect-tui/core"
 import type { HighlightLine } from "../highlight.js"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
+import { type Padding, type PaddingInput, resolveBgStyle, resolvePadding, styleIdFromProps } from "../utils/index.js"
 import { BaseHost } from "./base.js"
-import { type Padding, type PaddingInput, resolvePadding, resolveBgStyle, styleIdFromProps } from "../utils/index.js"
 
 export interface CodeBlockProps extends CommonProps {
 	lines: HighlightLine[]

package/src/hosts/flex-container.ts

@@ -1,9 +1,9 @@
 // flex-container.ts — Unified base class for VStackHost and HStackHost
-import type { CellBuffer, Palette, Color } from "@effect-tui/core"
+import type { CellBuffer, Color, Palette } from "@effect-tui/core"
 import { splitConstraints } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
+import { type FlexAlignment, type FlexAxis, layoutFlex, measureFlex, resolveBgStyle } from "../utils/index.js"
 import { BaseHost } from "./base.js"
-import { measureFlex, layoutFlex, type FlexAxis, type FlexAlignment, resolveBgStyle } from "../utils/index.js"
 
 export type CrossAlignment<A extends FlexAxis> = A extends "vertical"
 	? "leading" | "center" | "trailing"

package/src/hosts/hstack.ts

@@ -1,4 +1,4 @@
-import type { HostContext, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext } from "../reconciler/types.js"
 import { FlexContainerHost, type FlexContainerProps } from "./flex-container.js"
 
 export interface HStackProps extends CommonProps {

package/src/hosts/index.ts

@@ -1,30 +1,30 @@
-import type { HostContext, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext } from "../reconciler/types.js"
 import type { BaseHost } from "./base.js"
-import { TextHost, RawTextHost } from "./text.js"
-import { SpacerHost } from "./spacer.js"
-import { VStackHost } from "./vstack.js"
-import { HStackHost } from "./hstack.js"
-import { ZStackHost } from "./zstack.js"
 import { BoxHost } from "./box.js"
 import { CanvasHost } from "./canvas.js"
 import { CodeBlockHost } from "./codeblock.js"
-import { ScrollHost } from "./scroll.js"
+import { HStackHost } from "./hstack.js"
 import { OverlayHost } from "./overlay.js"
 import { OverlayItemHost } from "./overlay-item.js"
-export { SingleChildHost } from "./single-child.js"
+import { ScrollHost } from "./scroll.js"
+import { SpacerHost } from "./spacer.js"
+import { RawTextHost, TextHost } from "./text.js"
+import { VStackHost } from "./vstack.js"
+import { ZStackHost } from "./zstack.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 { ScrollHost, type ScrollProps } from "./scroll.js"
+export { HStackHost, type HStackProps } from "./hstack.js"
 export { OverlayHost, type OverlayProps } from "./overlay.js"
 export { OverlayItemHost, type OverlayItemProps } from "./overlay-item.js"
+export { ScrollHost, type ScrollProps } from "./scroll.js"
+export { SingleChildHost } from "./single-child.js"
+export { SpacerHost, type SpacerProps } from "./spacer.js"
+export { RawTextHost, TextHost, type TextProps } from "./text.js"
+export { VStackHost, type VStackProps } from "./vstack.js"
+export { ZStackHost, type ZStackProps } from "./zstack.js"
 
 // Use any to allow specialized props on each host type
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/hosts/overlay-item.ts

@@ -6,7 +6,7 @@
  */
 
 import type { CellBuffer, Palette, Rect, Size } from "@effect-tui/core"
-import type { HostContext, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext } from "../reconciler/types.js"
 import { SingleChildHost } from "./single-child.js"
 
 type HAlign = "left" | "center" | "right"

package/src/hosts/overlay.ts

@@ -17,9 +17,9 @@
  */
 
 import type { CellBuffer, Palette, Rect, Size } from "@effect-tui/core"
-import type { HostContext, CommonProps } from "../reconciler/types.js"
-import { BaseHost } from "./base.js"
+import type { CommonProps, HostContext } from "../reconciler/types.js"
 import { alignInRect } from "../utils/index.js"
+import { BaseHost } from "./base.js"
 import type { OverlayItemHost } from "./overlay-item.js"
 
 export interface OverlayProps extends CommonProps {}

package/src/hosts/scroll.ts

@@ -1,8 +1,8 @@
 // scroll.ts — Scrollable container host
-import type { CellBuffer, Palette, Color } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
-import { SingleChildHost } from "./single-child.js"
+import type { CellBuffer, Color, Palette } from "@effect-tui/core"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { resolveInheritedBgStyle } from "../utils/index.js"
+import { SingleChildHost } from "./single-child.js"
 
 export interface ScrollProps extends CommonProps {
 	/** Scroll axis: "vertical" (default), "horizontal", or "both" */

package/src/hosts/single-child.ts

@@ -1,4 +1,4 @@
-import type { HostInstance, CommonProps, HostContext } from "../reconciler/types.js"
+import type { CommonProps, HostContext, HostInstance } from "../reconciler/types.js"
 import { BaseHost } from "./base.js"
 
 /**

package/src/hosts/spacer.ts

@@ -1,5 +1,5 @@
 import type { CellBuffer, Palette } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { BaseHost } from "./base.js"
 
 export interface SpacerProps extends CommonProps {

package/src/hosts/text.ts

@@ -1,7 +1,7 @@
-import { displayWidth, type CellBuffer, type Palette, type Color } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
-import { BaseHost, getInheritedBg } from "./base.js"
+import { type CellBuffer, type Color, displayWidth, type Palette } from "@effect-tui/core"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { resolveInheritedBgStyle, styleIdFromProps } from "../utils/index.js"
+import { BaseHost, getInheritedBg } from "./base.js"
 
 export interface TextProps extends CommonProps {
 	fg?: Color

package/src/hosts/vstack.ts

@@ -1,4 +1,4 @@
-import type { HostContext, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext } from "../reconciler/types.js"
 import { FlexContainerHost, type FlexContainerProps } from "./flex-container.js"
 
 export interface VStackProps extends CommonProps {

package/src/hosts/zstack.ts

@@ -1,7 +1,7 @@
 import type { CellBuffer, Palette } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
-import { BaseHost } from "./base.js"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { alignInRect, type HAlign, type VAlign } from "../utils/index.js"
+import { BaseHost } from "./base.js"
 
 export interface ZStackProps extends CommonProps {
 	alignment?: { h?: "leading" | "center" | "trailing"; v?: "top" | "center" | "bottom" }

package/src/index.ts

@@ -1,88 +1,88 @@
 // Convenience: re-export core theming/types so apps can import from one place
 export * from "@effect-tui/core"
-
-// Renderer
-export {
-	createRenderer,
-	createRoot,
-	render,
-	useRenderer,
-	useTerminalSize,
-	RendererContext,
-} from "./renderer.js"
-export type { TuiRenderer, RendererOptions, Root, FrameStats, RenderInstance } from "./renderer.js"
-
+export type { CodeBlockProps } from "./codeblock.js"
 // CodeBlock (syntax highlighting)
 export { CodeBlock } from "./codeblock.js"
-export type { CodeBlockProps } from "./codeblock.js"
-
+// Input components
+export {
+	Markdown,
+	type MarkdownProps,
+	type MarkdownTheme,
+	MultilineTextInput,
+	type MultilineTextInputProps,
+	Overlay,
+	type OverlayItemProps,
+	type OverlayProps,
+	Static,
+	type StaticProps,
+	TextInput,
+	type TextInputProps,
+} from "./components/index.js"
+// Debug
+export { DiagnosticsPanel } from "./debug/DiagnosticsPanel.js"
+// Development utilities (HMR)
+export {
+	autoHmr,
+	type DevRenderOptions,
+	type DevRenderResult,
+	devMain,
+	devRender,
+	hmr,
+	hmrState,
+} from "./dev.js"
 // Highlight utilities
 export {
-	highlightCode,
-	toPlainLines,
 	type HighlightLine,
 	type HighlightToken,
 	type HighlightTokenStyle,
+	highlightCode,
+	toPlainLines,
 } from "./highlight.js"
-
-// Hooks
-export { useKeyboard, useMouse, usePaste, useScroll } from "./hooks/index.js"
-export { useFrameStats } from "./hooks/useFrameStats.js"
 export type {
+	ScrollState,
 	UseKeyboardOptions,
 	UseMouseOptions,
 	UseScrollOptions,
 	UseScrollReturn,
-	ScrollState,
 } from "./hooks/index.js"
-
+// Hooks
+export { useKeyboard, useMouse, usePaste, useQuit, useScroll } from "./hooks/index.js"
+export { useFrameStats } from "./hooks/useFrameStats.js"
+export type { BorderKind, BoxProps } from "./hosts/box.js"
+export type { CanvasProps, DrawContext } from "./hosts/canvas.js"
+export type { HStackProps } from "./hosts/hstack.js"
+export type { ScrollProps } from "./hosts/scroll.js"
+export type { SpacerProps } from "./hosts/spacer.js"
+export type { TextProps } from "./hosts/text.js"
+export type { VStackProps } from "./hosts/vstack.js"
+export type { ZStackProps } from "./hosts/zstack.js"
+export type { ColorInput, MotionValue, RGBA, SpringOptions } from "./motion/index.js"
 // Motion (spring animations)
 export {
-	useMotionValue,
-	useSpring,
-	useSprings,
-	useSpringRenderer,
-	useMotionValueEvent,
-	useAnimationFrame,
-	motionValue,
 	// Color springs
 	ColorMotionValue,
+	motionValue,
+	useAnimationFrame,
 	useColorMotionValue,
 	useColorSpring,
+	useMotionValue,
+	useMotionValueEvent,
+	useSpring,
+	useSpringRenderer,
+	useSprings,
 } from "./motion/index.js"
-export type { SpringOptions, MotionValue, RGBA, ColorInput } from "./motion/index.js"
-
 // Types
-export type { HostInstance, HostContext, Rect, Size, CommonProps } from "./reconciler/types.js"
-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"
-export type { ScrollProps } from "./hosts/scroll.js"
-
-// Debug
-export { DiagnosticsPanel } from "./debug/DiagnosticsPanel.js"
-
-// Input components
-export { TextInput, type TextInputProps } from "./components/index.js"
-export { MultilineTextInput, type MultilineTextInputProps } from "./components/index.js"
-export { Markdown, type MarkdownProps, type MarkdownTheme } from "./components/index.js"
-export { Static, type StaticProps } from "./components/index.js"
-export { Overlay, type OverlayProps, type OverlayItemProps } from "./components/index.js"
-
-// Development utilities (HMR)
+export type { CommonProps, HostContext, HostInstance, Rect, Size } from "./reconciler/types.js"
+export type { FrameStats, RendererOptions, RenderInstance, Root, TuiRenderer } from "./renderer.js"
+// Renderer
 export {
-	devRender,
-	devMain,
-	hmr,
-	hmrState,
-	autoHmr,
-	type DevRenderOptions,
-	type DevRenderResult,
-} from "./dev.js"
+	createRenderer,
+	createRoot,
+	RendererContext,
+	render,
+	useRenderer,
+	useTerminalSize,
+} from "./renderer.js"
 
 // JSX types are provided via jsxImportSource: "@effect-tui/react"
 // See jsx-runtime.ts at package root for the JSX namespace

package/src/inline/index.tsx

@@ -7,8 +7,8 @@
 //   }).pipe(Effect.provide(InlineRendererLive))
 //   Effect.runPromise(program)
 
-import { Context, Effect, Either, Layer } from "effect"
 import { Colors } from "@effect-tui/core"
+import { Context, Effect, Either, Layer } from "effect"
 import { createRenderer, createRoot } from "../renderer.js"
 
 // Spinner frames

package/src/motion/color-motion-value.ts

@@ -2,7 +2,7 @@
  * ColorMotionValue - animates RGBA colors using 4 internal numeric springs.
  */
 
-import { parseColor, type RGBA, type ColorInput } from "./color.js"
+import { type ColorInput, parseColor, type RGBA } from "./color.js"
 import { EventEmitter } from "./event-emitter.js"
 import { MotionValue } from "./motion-value.js"
 import type { SpringOptions } from "./types.js"

package/src/motion/color.test.ts

@@ -1,5 +1,5 @@
-import { describe, it, expect } from "vitest"
-import { parseColor, isColorInput } from "./color.js"
+import { describe, expect, it } from "vitest"
+import { isColorInput, parseColor } from "./color.js"
 
 describe("parseColor", () => {
 	describe("hex", () => {

package/src/motion/color.ts

@@ -2,9 +2,9 @@
 // Re-exports from @effect-tui/core with local aliases
 
 export {
-	parseColorRGBA as parseColor,
+	type ColorInput,
 	hslToRgba as hslToRgb,
 	isColorInput,
+	parseColorRGBA as parseColor,
 	type RGBA,
-	type ColorInput,
 } from "@effect-tui/core"

package/src/motion/hooks.ts

@@ -4,11 +4,11 @@
 
 import { useCallback, useEffect, useRef } from "react"
 import { useRenderer } from "../renderer.js"
-import { MotionValue } from "./motion-value.js"
+import type { ColorInput } from "./color.js"
 import { ColorMotionValue } from "./color-motion-value.js"
-import type { SpringOptions } from "./types.js"
 import type { EventName, Subscriber } from "./event-emitter.js"
-import type { ColorInput } from "./color.js"
+import { MotionValue } from "./motion-value.js"
+import type { SpringOptions } from "./types.js"
 
 // Global requestRender callback - set by useSpringRenderer hook
 let globalRequestRender: (() => void) | null = null

package/src/motion/index.ts

@@ -1,17 +1,17 @@
 // Motion-inspired animation system for TUI
 // Analytical spring physics (not Euler integration) + setTimeout-based frame loop
 
-export type { SpringOptions, MotionValue, RGBA, ColorInput } from "./motion-value.js"
+export { useAnimationFrame } from "./frame.js"
+export type { ColorInput, MotionValue, RGBA, SpringOptions } from "./motion-value.js"
 export {
-	motionValue,
-	useMotionValue,
-	useSpring,
-	useSprings,
-	useSpringRenderer,
-	useMotionValueEvent,
 	// Color springs
 	ColorMotionValue,
+	motionValue,
 	useColorMotionValue,
 	useColorSpring,
+	useMotionValue,
+	useMotionValueEvent,
+	useSpring,
+	useSpringRenderer,
+	useSprings,
 } from "./motion-value.js"
-export { useAnimationFrame } from "./frame.js"

package/src/motion/motion-value.test.ts

@@ -1,4 +1,4 @@
-import { describe, it, expect } from "vitest"
+import { describe, expect, it } from "vitest"
 import { motionValue } from "./motion-value.js"
 
 describe("MotionValue", () => {

package/src/motion/motion-value.ts

@@ -3,10 +3,10 @@
  * Inspired by framer-motion's MotionValue.
  */
 
-import { subscribeFrame } from "./frame.js"
 import { EventEmitter } from "./event-emitter.js"
+import { subscribeFrame } from "./frame.js"
 import { createSpringResolver, springFromVisualDuration } from "./spring-math.js"
-import { type SpringOptions, DEFAULT_SPRING_OPTIONS } from "./types.js"
+import { DEFAULT_SPRING_OPTIONS, type SpringOptions } from "./types.js"
 
 /** Create a MotionValue. Factory function like Motion's motionValue(). */
 export function motionValue<T>(initial: T): MotionValue<T> {
@@ -123,18 +123,18 @@ export class MotionValue<T = number> extends EventEmitter<T> {
 	}
 }
 
-// Re-export everything for backwards compatibility
-export { type SpringOptions, DEFAULT_SPRING_OPTIONS } from "./types.js"
-export type { EventName, Subscriber } from "./event-emitter.js"
-export { createSpringResolver, springFromVisualDuration, isSpringSettled } from "./spring-math.js"
+export type { ColorInput, RGBA } from "./color.js"
 export { ColorMotionValue } from "./color-motion-value.js"
+export type { EventName, Subscriber } from "./event-emitter.js"
 export {
+	useColorMotionValue,
+	useColorSpring,
 	useMotionValue,
+	useMotionValueEvent,
 	useSpring,
-	useSprings,
 	useSpringRenderer,
-	useMotionValueEvent,
-	useColorMotionValue,
-	useColorSpring,
+	useSprings,
 } from "./hooks.js"
-export type { RGBA, ColorInput } from "./color.js"
+export { createSpringResolver, isSpringSettled, springFromVisualDuration } from "./spring-math.js"
+// Re-export everything for backwards compatibility
+export { DEFAULT_SPRING_OPTIONS, type SpringOptions } from "./types.js"

package/src/reconciler/host-config.ts

@@ -1,8 +1,8 @@
-import Reconciler from "react-reconciler"
 import { createContext } from "react"
-import type { HostInstance, HostContext } from "./types.js"
-import { createHostInstance, createTextInstance, type RawTextHost, type BaseHost } from "../hosts/index.js"
+import Reconciler from "react-reconciler"
+import { type BaseHost, createHostInstance, createTextInstance, type RawTextHost } from "../hosts/index.js"
 import { noopMethods } from "./noop-methods.js"
+import type { HostContext, HostInstance } from "./types.js"
 
 // ============================================================================
 // Type Definitions

package/src/reconciler/types.ts

@@ -1,4 +1,4 @@
-import type { CellBuffer, Palette, Size, Rect } from "@effect-tui/core"
+import type { CellBuffer, Palette, Rect, Size } from "@effect-tui/core"
 
 // Re-export for backwards compatibility
 export type { Size, Rect }

package/src/remote/Procedures.ts

@@ -47,10 +47,4 @@ const Info = Rpc.make("Info", {
 })
 
 // Group all RPCs together
-export class TuiRpcs extends RpcGroup.make(
-	Screenshot,
-	SendKey,
-	Paste,
-	Resize,
-	Info,
-) {}
+export class TuiRpcs extends RpcGroup.make(Screenshot, SendKey, Paste, Resize, Info) {}