@opentuah/react 0.1.77 → 0.1.79

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-7627c4s7.js → chunk-r4pn6f9n.js}

@@ -17,10 +17,10 @@ import {
   TabSelectRenderable,
   TextareaRenderable,
   TextRenderable
-} from "@opentui/core";
+} from "@opentuah/core";
 
 // src/components/text.ts
-import { TextAttributes, TextNodeRenderable } from "@opentui/core";
+import { TextAttributes, TextNodeRenderable } from "@opentuah/core";
 var textNodeKeys = ["span", "b", "strong", "i", "em", "u", "br", "a"];
 
 class SpanRenderable extends TextNodeRenderable {
@@ -125,12 +125,12 @@ var useAppContext = () => {
 };
 
 // src/reconciler/renderer.ts
-import { CliRenderEvents, engine } from "@opentui/core";
+import { CliRenderEvents, engine } from "@opentuah/core";
 import React2 from "react";
 
 // src/components/error-boundary.tsx
 import React from "react";
-import { jsxDEV } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV } from "@opentuah/react/jsx-dev-runtime";
 
 class ErrorBoundary extends React.Component {
   constructor(props) {
@@ -159,11 +159,11 @@ import ReactReconciler from "react-reconciler";
 import { ConcurrentRoot } from "react-reconciler/constants";
 
 // src/reconciler/host-config.ts
-import { TextNodeRenderable as TextNodeRenderable2 } from "@opentui/core";
+import { TextNodeRenderable as TextNodeRenderable2 } from "@opentuah/core";
 // package.json
 var package_default = {
   name: "@opentuah/react",
-  version: "0.1.77",
+  version: "0.1.79",
   description: "React renderer for building terminal user interfaces using OpenTUI core",
   license: "MIT",
   repository: {
@@ -253,7 +253,7 @@ import {
   SelectRenderableEvents,
   TabSelectRenderable as TabSelectRenderable2,
   TabSelectRenderableEvents
-} from "@opentui/core";
+} from "@opentuah/core";
 function initEventListeners(instance, eventName, listener, previousListener) {
   if (previousListener) {
     instance.off(eventName, previousListener);
@@ -511,7 +511,7 @@ var hostConfig = {
   getInstanceFromScope() {
     return null;
   },
-  rendererPackageName: "@opentui/react",
+  rendererPackageName: "@opentuah/react",
   rendererVersion: package_default.version
 };
 

package/index.js

@@ -9,7 +9,7 @@ import {
   flushSync,
   getComponentCatalogue,
   useAppContext
-} from "./chunk-7627c4s7.js";
+} from "./chunk-r4pn6f9n.js";
 import"./chunk-eecw9x2f.js";
 // src/hooks/use-keyboard.ts
 import { useEffect } from "react";
@@ -80,7 +80,7 @@ var useTerminalDimensions = () => {
   return dimensions;
 };
 // src/hooks/use-timeline.ts
-import { engine, Timeline } from "@opentui/core";
+import { engine, Timeline } from "@opentuah/core";
 import { useEffect as useEffect3 } from "react";
 var useTimeline = (options = {}) => {
   const timeline = new Timeline(options);

package/package.json

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

package/src/components/app.d.ts

@@ -1,4 +1,4 @@
-import type { CliRenderer, KeyHandler } from "@opentui/core";
+import type { CliRenderer, KeyHandler } from "@opentuah/core";
 interface AppContext {
     keyHandler: KeyHandler | null;
     renderer: CliRenderer | null;

package/src/components/index.d.ts

@@ -1,4 +1,4 @@
-import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, DiffRenderable, InputRenderable, LineNumberRenderable, MarkdownRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextareaRenderable, TextRenderable } from "@opentui/core";
+import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, DiffRenderable, InputRenderable, LineNumberRenderable, MarkdownRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextareaRenderable, TextRenderable } from "@opentuah/core";
 import type { RenderableConstructor } from "../types/components";
 import { BoldSpanRenderable, ItalicSpanRenderable, LineBreakRenderable, LinkRenderable, SpanRenderable, UnderlineSpanRenderable } from "./text";
 export declare const baseComponents: {

package/src/components/text.d.ts

@@ -1,4 +1,4 @@
-import { TextNodeRenderable, type RenderContext, type TextNodeOptions } from "@opentui/core";
+import { TextNodeRenderable, type RenderContext, type TextNodeOptions } from "@opentuah/core";
 export declare const textNodeKeys: readonly ["span", "b", "strong", "i", "em", "u", "br", "a"];
 export type TextNodeKey = (typeof textNodeKeys)[number];
 export declare class SpanRenderable extends TextNodeRenderable {

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

@@ -1,4 +1,4 @@
-import type { KeyEvent } from "@opentui/core";
+import type { KeyEvent } from "@opentuah/core";
 export interface UseKeyboardOptions {
     /** Include release events - callback receives events with eventType: "release" */
     release?: boolean;

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/hooks/use-timeline.d.ts

@@ -1,2 +1,2 @@
-import { Timeline, type TimelineOptions } from "@opentui/core";
+import { Timeline, type TimelineOptions } from "@opentuah/core";
 export declare const useTimeline: (options?: TimelineOptions) => Timeline;

package/src/reconciler/reconciler.d.ts

@@ -1,5 +1,5 @@
-import type { RootRenderable } from "@opentui/core";
+import type { RootRenderable } from "@opentuah/core";
 import React from "react";
 import ReactReconciler from "react-reconciler";
-export declare const reconciler: ReactReconciler.Reconciler<RootRenderable, import("@opentui/core").BaseRenderable, import("@opentui/core").TextNodeRenderable, unknown, unknown, import("@opentui/core").BaseRenderable>;
+export declare const reconciler: ReactReconciler.Reconciler<RootRenderable, import("@opentuah/core").BaseRenderable, import("@opentuah/core").TextNodeRenderable, unknown, unknown, import("@opentuah/core").BaseRenderable>;
 export declare function _render(element: React.ReactNode, root: RootRenderable): any;

package/src/reconciler/renderer.d.ts

@@ -1,4 +1,4 @@
-import { CliRenderer } from "@opentui/core";
+import { CliRenderer } from "@opentuah/core";
 import { type ReactNode } from "react";
 declare const flushSync: {
     (): void;

package/src/test-utils.d.ts

@@ -1,11 +1,11 @@
-import { type TestRendererOptions } from "@opentui/core/testing";
+import { type TestRendererOptions } from "@opentuah/core/testing";
 import { type ReactNode } from "react";
 export declare function testRender(node: ReactNode, testRendererOptions: TestRendererOptions): Promise<{
-    renderer: import("@opentui/core/testing").TestRenderer;
-    mockInput: import("@opentui/core/testing").MockInput;
-    mockMouse: import("@opentui/core/testing").MockMouse;
+    renderer: import("@opentuah/core/testing").TestRenderer;
+    mockInput: import("@opentuah/core/testing").MockInput;
+    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/src/types/components.d.ts

@@ -1,4 +1,4 @@
-import type { ASCIIFontOptions, ASCIIFontRenderable, BaseRenderable, BoxOptions, BoxRenderable, CodeOptions, CodeRenderable, DiffRenderable, DiffRenderableOptions, InputRenderable, InputRenderableOptions, LineNumberOptions, LineNumberRenderable, MarkdownOptions, MarkdownRenderable, RenderableOptions, RenderContext, ScrollBoxOptions, ScrollBoxRenderable, SelectOption, SelectRenderable, SelectRenderableOptions, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextareaOptions, TextareaRenderable, TextNodeOptions, TextNodeRenderable, TextOptions, TextRenderable } from "@opentui/core";
+import type { ASCIIFontOptions, ASCIIFontRenderable, BaseRenderable, BoxOptions, BoxRenderable, CodeOptions, CodeRenderable, DiffRenderable, DiffRenderableOptions, InputRenderable, InputRenderableOptions, LineNumberOptions, LineNumberRenderable, MarkdownOptions, MarkdownRenderable, RenderableOptions, RenderContext, ScrollBoxOptions, ScrollBoxRenderable, SelectOption, SelectRenderable, SelectRenderableOptions, TabSelectOption, TabSelectRenderable, TabSelectRenderableOptions, TextareaOptions, TextareaRenderable, TextNodeOptions, TextNodeRenderable, TextOptions, TextRenderable } from "@opentuah/core";
 import type React from "react";
 /** Properties that should not be included in the style prop */
 export type NonStyledProps = "id" | "buffered" | "live" | "enableLayout" | "selectable" | "renderAfter" | "renderBefore" | `on${string}`;

package/src/types/host.d.ts

@@ -1,4 +1,4 @@
-import type { BaseRenderable, RootRenderable, TextNodeRenderable } from "@opentui/core";
+import type { BaseRenderable, RootRenderable, TextNodeRenderable } from "@opentuah/core";
 import { baseComponents } from "../components";
 export type Type = keyof typeof baseComponents;
 export type Props = Record<string, any>;

package/test-utils.js

@@ -1,11 +1,11 @@
 // @bun
 import {
   createRoot
-} from "./chunk-7627c4s7.js";
+} from "./chunk-r4pn6f9n.js";
 import"./chunk-eecw9x2f.js";
 
 // src/test-utils.ts
-import { createTestRenderer } from "@opentui/core/testing";
+import { createTestRenderer } from "@opentuah/core/testing";
 import { act } from "react";
 function setIsReactActEnvironment(isReactActEnvironment) {
   globalThis.IS_REACT_ACT_ENVIRONMENT = isReactActEnvironment;