@opentuah/react 0.1.78 → 0.1.80

package/README.md

@@ -1,4 +1,4 @@
-# @opentui/react
+# @opentuah/react
 
 A React renderer for building terminal user interfaces using [OpenTUI core](https://github.com/anomalyco/opentui). Create rich, interactive console applications with familiar React patterns and components.
 
@@ -13,14 +13,14 @@ bun create tui --template react
 Manual installation:
 
 ```bash
-bun install @opentui/react @opentui/core react
+bun install @opentuah/react @opentuah/core react
 ```
 
 ## Quick Start
 
 ```tsx
-import { createCliRenderer } from "@opentui/core"
-import { createRoot } from "@opentui/react"
+import { createCliRenderer } from "@opentuah/core"
+import { createRoot } from "@opentuah/react"
 
 function App() {
   return <text>Hello, world!</text>
@@ -42,7 +42,7 @@ For optimal TypeScript support, configure your `tsconfig.json`:
     "module": "ESNext",
     "moduleResolution": "bundler",
     "jsx": "react-jsx",
-    "jsxImportSource": "@opentui/react",
+    "jsxImportSource": "@opentuah/react",
     "strict": true,
     "skipLibCheck": true
   }
@@ -138,8 +138,8 @@ Components can be styled using props or the `style` prop:
 Creates a root for rendering a React tree with the given CLI renderer.
 
 ```tsx
-import { createCliRenderer } from "@opentui/core"
-import { createRoot } from "@opentui/react"
+import { createCliRenderer } from "@opentuah/core"
+import { createRoot } from "@opentuah/react"
 
 const renderer = await createCliRenderer({
   // Optional renderer configuration
@@ -167,7 +167,7 @@ Renders a React element to the terminal. This function is deprecated in favor of
 Access the OpenTUI renderer instance.
 
 ```tsx
-import { useRenderer } from "@opentui/react"
+import { useRenderer } from "@opentuah/react"
 
 function App() {
   const renderer = useRenderer()
@@ -186,7 +186,7 @@ function App() {
 Handle keyboard events.
 
 ```tsx
-import { useKeyboard } from "@opentui/react"
+import { useKeyboard } from "@opentuah/react"
 
 function App() {
   useKeyboard((key) => {
@@ -210,7 +210,7 @@ By default, only receives press events (including key repeats with `repeated: tr
 **Example with release events:**
 
 ```tsx
-import { useKeyboard } from "@opentui/react"
+import { useKeyboard } from "@opentuah/react"
 import { useState } from "react"
 
 function App() {
@@ -244,7 +244,7 @@ function App() {
 Handle terminal resize events.
 
 ```tsx
-import { useOnResize, useRenderer } from "@opentui/react"
+import { useOnResize, useRenderer } from "@opentuah/react"
 import { useEffect } from "react"
 
 function App() {
@@ -267,7 +267,7 @@ function App() {
 Get current terminal dimensions and automatically update when the terminal is resized.
 
 ```tsx
-import { useTerminalDimensions } from "@opentui/react"
+import { useTerminalDimensions } from "@opentuah/react"
 
 function App() {
   const { width, height } = useTerminalDimensions()
@@ -292,7 +292,7 @@ function App() {
 Create and manage animations using OpenTUI's timeline system. This hook automatically registers and unregisters the timeline with the animation engine.
 
 ```tsx
-import { useTimeline } from "@opentui/react"
+import { useTimeline } from "@opentuah/react"
 import { useEffect, useState } from "react"
 
 function App() {
@@ -532,8 +532,8 @@ function App() {
 #### Textarea Component
 
 ```tsx
-import type { TextareaRenderable } from "@opentui/core"
-import { useKeyboard, useRenderer } from "@opentui/react"
+import type { TextareaRenderable } from "@opentuah/core"
+import { useKeyboard, useRenderer } from "@opentuah/react"
 import { useEffect, useRef } from "react"
 
 function App() {
@@ -563,7 +563,7 @@ function App() {
 Dropdown selection component.
 
 ```tsx
-import type { SelectOption } from "@opentui/core"
+import type { SelectOption } from "@opentuah/core"
 import { useState } from "react"
 
 function App() {
@@ -596,7 +596,7 @@ function App() {
 #### Code Component
 
 ```tsx
-import { RGBA, SyntaxStyle } from "@opentui/core"
+import { RGBA, SyntaxStyle } from "@opentuah/core"
 
 const syntaxStyle = SyntaxStyle.fromStyles({
   keyword: { fg: RGBA.fromHex("#ff6b6b"), bold: true }, // red, bold
@@ -629,8 +629,8 @@ function App() {
 Display code with line numbers, and optionally add diff highlights or diagnostic indicators.
 
 ```tsx
-import type { LineNumberRenderable } from "@opentui/core"
-import { RGBA, SyntaxStyle } from "@opentui/core"
+import type { LineNumberRenderable } from "@opentuah/core"
+import { RGBA, SyntaxStyle } from "@opentuah/core"
 import { useEffect, useRef } from "react"
 
 function App() {
@@ -691,8 +691,8 @@ For a complete interactive example with theme switching and keybindings, see [`e
 ### Login Form
 
 ```tsx
-import { createCliRenderer } from "@opentui/core"
-import { createRoot, useKeyboard } from "@opentui/react"
+import { createCliRenderer } from "@opentuah/core"
+import { createRoot, useKeyboard } from "@opentuah/react"
 import { useCallback, useState } from "react"
 
 function App() {
@@ -755,8 +755,8 @@ createRoot(renderer).render(<App />)
 ### Counter with Timer
 
 ```tsx
-import { createCliRenderer } from "@opentui/core"
-import { createRoot } from "@opentui/react"
+import { createCliRenderer } from "@opentuah/core"
+import { createRoot } from "@opentuah/react"
 import { useEffect, useState } from "react"
 
 function App() {
@@ -784,8 +784,8 @@ createRoot(renderer).render(<App />)
 ### System Monitor Animation
 
 ```tsx
-import { createCliRenderer, TextAttributes } from "@opentui/core"
-import { createRoot, useTimeline } from "@opentui/react"
+import { createCliRenderer, TextAttributes } from "@opentuah/core"
+import { createRoot, useTimeline } from "@opentuah/react"
 import { useEffect, useState } from "react"
 
 type Stats = {
@@ -868,8 +868,8 @@ createRoot(renderer).render(<App />)
 ### Styled Text Showcase
 
 ```tsx
-import { createCliRenderer } from "@opentui/core"
-import { createRoot } from "@opentui/react"
+import { createCliRenderer } from "@opentuah/core"
+import { createRoot } from "@opentuah/react"
 
 function App() {
   return (
@@ -913,8 +913,8 @@ import {
   RGBA,
   type BoxOptions,
   type RenderContext,
-} from "@opentui/core"
-import { createRoot, extend } from "@opentui/react"
+} from "@opentuah/core"
+import { createRoot, extend } from "@opentuah/react"
 
 // Create custom component class
 class ButtonRenderable extends BoxRenderable {
@@ -949,7 +949,7 @@ class ButtonRenderable extends BoxRenderable {
 }
 
 // Add TypeScript support
-declare module "@opentui/react" {
+declare module "@opentuah/react" {
   interface OpenTUIComponents {
     consoleButton: typeof ButtonRenderable
   }

package/{chunk-zr0nkmwe.js → chunk-79j2krnf.js}

@@ -163,7 +163,7 @@ import { TextNodeRenderable as TextNodeRenderable2 } from "@opentuah/core";
 // package.json
 var package_default = {
   name: "@opentuah/react",
-  version: "0.1.78",
+  version: "0.1.80",
   description: "React renderer for building terminal user interfaces using OpenTUI core",
   license: "MIT",
   repository: {

package/index.js

@@ -9,7 +9,7 @@ import {
   flushSync,
   getComponentCatalogue,
   useAppContext
-} from "./chunk-zr0nkmwe.js";
+} from "./chunk-79j2krnf.js";
 import"./chunk-eecw9x2f.js";
 // src/hooks/use-keyboard.ts
 import { useEffect } from "react";

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "src/index.d.ts",
   "type": "module",
-  "version": "0.1.78",
+  "version": "0.1.80",
   "description": "React renderer for building terminal user interfaces using OpenTUI core",
   "license": "MIT",
   "repository": {
@@ -40,7 +40,7 @@
     }
   },
   "dependencies": {
-    "@opentuah/core": "0.1.78",
+    "@opentuah/core": "0.1.80",
     "react-reconciler": "^0.32.0"
   },
   "devDependencies": {

package/src/hooks/use-renderer.d.ts

@@ -1 +1 @@
-export declare const useRenderer: () => import("node_modules/@opentuah/core/dist").CliRenderer;
+export declare const useRenderer: () => import("@opentuah/core").CliRenderer;

package/src/hooks/use-resize.d.ts

@@ -1 +1 @@
-export declare const useOnResize: (callback: (width: number, height: number) => void) => import("node_modules/@opentuah/core/dist").CliRenderer;
+export declare const useOnResize: (callback: (width: number, height: number) => void) => import("@opentuah/core").CliRenderer;

package/src/test-utils.d.ts

@@ -6,6 +6,6 @@ export declare function testRender(node: ReactNode, testRendererOptions: TestRen
     mockMouse: import("@opentuah/core/testing").MockMouse;
     renderOnce: () => Promise<void>;
     captureCharFrame: () => string;
-    captureSpans: () => import("node_modules/@opentuah/core/dist").CapturedFrame;
+    captureSpans: () => import("@opentuah/core").CapturedFrame;
     resize: (width: number, height: number) => void;
 }>;

package/test-utils.js

@@ -1,7 +1,7 @@
 // @bun
 import {
   createRoot
-} from "./chunk-zr0nkmwe.js";
+} from "./chunk-79j2krnf.js";
 import"./chunk-eecw9x2f.js";
 
 // src/test-utils.ts