@fairyhunter13/opentui-core 0.1.90 → 0.1.91

package/README.md

@@ -13,7 +13,7 @@ OpenTUI is a native terminal UI core written in Zig with TypeScript bindings. Th
 ## Install
 
 ```bash
-bun install @opentui/core
+bun install @fairyhunter13/opentui-core
 ```
 
 ## Build
@@ -52,7 +52,7 @@ NativeSpanFeed TypeScript benchmarks:
 Renderables are hierarchical objects that can be positioned, nested, styled and rendered to the terminal:
 
 ```typescript
-import { createCliRenderer, TextRenderable } from "@opentui/core"
+import { createCliRenderer, TextRenderable } from "@fairyhunter13/opentui-core"
 
 const renderer = await createCliRenderer()
 

package/docs/development.md

@@ -55,8 +55,8 @@ Link your local OpenTUI to another project:
 
 **Options:**
 
-- `--react` - Also link `@opentui/react` and React dependencies
-- `--solid` - Also link `@opentui/solid` and SolidJS dependencies
+- `--react` - Also link `@fairyhunter13/opentui-react` and React dependencies
+- `--solid` - Also link `@fairyhunter13/opentui-solid` and SolidJS dependencies
 - `--dist` - Link built `dist` directories instead of source
 - `--copy` - Copy instead of symlink (requires `--dist`)
 - `--subdeps` - Find and link packages that depend on opentui (e.g., `opentui-spinner`)
@@ -79,7 +79,7 @@ Link your local OpenTUI to another project:
 
 The script automatically links:
 
-- Main packages: `@opentui/core`, `@opentui/solid`, `@opentui/react`
+- Main packages: `@fairyhunter13/opentui-core`, `@fairyhunter13/opentui-solid`, `@fairyhunter13/opentui-react`
 - Peer dependencies: `yoga-layout`, `solid-js`, `react`, `react-dom`, `react-reconciler`
 - Subdependencies (with `--subdeps`): Packages like `opentui-spinner` that depend on opentui
 

package/docs/getting-started.md

@@ -15,7 +15,7 @@ By default, left-clicking auto-focuses the closest focusable renderable. Disable
 OpenTUI can detect the terminal's preferred color scheme (dark or light) when the terminal supports DEC mode 2031 color scheme updates. Read the current mode via `renderer.themeMode` and subscribe to `theme_mode` to react to changes. Possible values are `"dark"`, `"light"`, or `null` when unsupported, and no events fire in the unsupported case.
 
 ```typescript
-import { type ThemeMode } from "@opentui/core"
+import { type ThemeMode } from "@fairyhunter13/opentui-core"
 
 const mode = renderer.themeMode
 
@@ -43,7 +43,7 @@ OpenTUI includes a built-in console overlay that captures all `console.log`, `co
 ## Basic Setup
 
 ```typescript
-import { createCliRenderer, TextRenderable, Text } from "@opentui/core"
+import { createCliRenderer, TextRenderable, Text } from "@fairyhunter13/opentui-core"
 
 const renderer = await createCliRenderer()
 
@@ -76,7 +76,7 @@ renderer.root.add(greeting)
 When focused, you can use your arrow keys to scroll through the console. `renderer.console.toggle()` will toggle the console overlay, when open but not focused, it will focus the console. `+` and `-` will increase and decrease the size of the console.
 
 ```typescript
-import { createCliRenderer, ConsolePosition } from "@opentui/core"
+import { createCliRenderer, ConsolePosition } from "@fairyhunter13/opentui-core"
 
 const renderer = await createCliRenderer({
   consoleOptions: {
@@ -101,7 +101,7 @@ renderer.console.toggle()
 OpenTUI uses the `RGBA` class for consistent color representation throughout the library. Colors are internally stored as normalized float values (0.0-1.0) for efficient processing, but the class provides convenient methods for working with different color formats.
 
 ```typescript
-import { RGBA } from "@opentui/core"
+import { RGBA } from "@fairyhunter13/opentui-core"
 
 const redFromInts = RGBA.fromInts(255, 0, 0, 255) // RGB integers (0-255)
 const blueFromValues = RGBA.fromValues(0.0, 0.0, 1.0, 1.0) // Float values (0.0-1.0)
@@ -116,7 +116,7 @@ The `parseColor()` utility function accepts both RGBA objects and color strings
 OpenTUI provides a keyboard handler that parses terminal input and provides structured key events. Get the handler via `renderer.keyInput`, an EventEmitter that emits `keypress` and `paste` events with detailed key information.
 
 ```typescript
-import { type KeyEvent } from "@opentui/core"
+import { type KeyEvent } from "@fairyhunter13/opentui-core"
 
 const keyHandler = renderer.keyInput
 
@@ -147,7 +147,7 @@ OpenTUI provides several primitive components that you can use to build your int
 Display styled text content with support for colors, attributes, and text selection.
 
 ```typescript
-import { TextRenderable, TextAttributes, t, bold, underline, fg } from "@opentui/core"
+import { TextRenderable, TextAttributes, t, bold, underline, fg } from "@fairyhunter13/opentui-core"
 
 const plainText = new TextRenderable(renderer, {
   id: "plain-text",
@@ -174,7 +174,7 @@ const styledTextRenderable = new TextRenderable(renderer, {
 A container component with borders, background colors, and layout capabilities. Perfect for creating panels, frames, and organized sections.
 
 ```typescript
-import { BoxRenderable } from "@opentui/core"
+import { BoxRenderable } from "@fairyhunter13/opentui-core"
 
 const panel = new BoxRenderable(renderer, {
   id: "panel",
@@ -197,7 +197,7 @@ Text input field with cursor support, placeholder text, and focus states for use
 Has to be focused to receive input.
 
 ```typescript
-import { InputRenderable, InputRenderableEvents } from "@opentui/core"
+import { InputRenderable, InputRenderableEvents } from "@fairyhunter13/opentui-core"
 
 const nameInput = new InputRenderable(renderer, {
   id: "name-input",
@@ -222,7 +222,7 @@ A list selection component for choosing from multiple options.
 Has to be focused to receive input. Default keybindings are `up/k` and `down/j` to navigate the list, `enter` to select.
 
 ```typescript
-import { SelectRenderable, SelectRenderableEvents } from "@opentui/core"
+import { SelectRenderable, SelectRenderableEvents } from "@fairyhunter13/opentui-core"
 
 const menu = new SelectRenderable(renderer, {
   id: "menu",
@@ -251,7 +251,7 @@ Horizontal tab-based selection component with descriptions and scroll support.
 Has to be focused to receive input. Default keybindings are `left/[` and `right/]` to navigate the tabs, `enter` to select.
 
 ```typescript
-import { TabSelectRenderable, TabSelectRenderableEvents } from "@opentui/core"
+import { TabSelectRenderable, TabSelectRenderableEvents } from "@fairyhunter13/opentui-core"
 
 const tabs = new TabSelectRenderable(renderer, {
   id: "tabs",
@@ -279,7 +279,7 @@ tabs.focus()
 Display text using ASCII art fonts with multiple font styles available.
 
 ```typescript
-import { ASCIIFontRenderable, RGBA } from "@opentui/core"
+import { ASCIIFontRenderable, RGBA } from "@fairyhunter13/opentui-core"
 
 const title = new ASCIIFontRenderable(renderer, {
   id: "title",
@@ -297,7 +297,7 @@ const title = new ASCIIFontRenderable(renderer, {
 A low-level rendering surface for custom graphics and complex visual effects.
 
 ```typescript
-import { FrameBufferRenderable, RGBA } from "@opentui/core"
+import { FrameBufferRenderable, RGBA } from "@fairyhunter13/opentui-core"
 
 const canvas = new FrameBufferRenderable(renderer, {
   id: "canvas",
@@ -318,7 +318,7 @@ canvas.frameBuffer.drawText("Custom Graphics", 12, 7, RGBA.fromHex("#FFFFFF"))
 OpenTUI uses the Yoga layout engine, providing CSS Flexbox-like capabilities for responsive layouts:
 
 ```typescript
-import { BoxRenderable } from "@opentui/core"
+import { BoxRenderable } from "@fairyhunter13/opentui-core"
 
 const container = new BoxRenderable(renderer, {
   id: "container",

package/docs/renderables-vs-constructs.md

@@ -8,7 +8,7 @@ Assume we want to create a simple "login" form with a username and password inpu
 Creates concrete `Renderable` instances with a `RenderContext` and composes via `add()`. State/behavior are mutated directly on instances (setters/methods), with mouse/key events bubbling upward through `processMouseEvent` for example.
 
 ```typescript
-import { BoxRenderable, TextRenderable, InputRenderable, createCliRenderer, type RenderContext } from "@opentui/core"
+import { BoxRenderable, TextRenderable, InputRenderable, createCliRenderer, type RenderContext } from "@fairyhunter13/opentui-core"
 
 const renderer = await createCliRenderer()
 
@@ -105,7 +105,7 @@ renderer.root.add(loginForm)
 Builds an allegedly lightweight VNode graph using functional constructs that return VNodes; no instances exist until `instantiate(ctx, vnode)` is called. During instantiation, children are flattened, renderables are created and added, and any chained method/property calls made on VNodes are replayed on the created instance. `delegate(mapping, vnode)` can annotate the VNode so selected APIs (e.g., `focus`, `add`) are later routed to a specific descendant when the instance is created.
 
 ```typescript
-import { Text, Input, Box, createCliRenderer, delegate, instantiate } from "@opentui/core"
+import { Text, Input, Box, createCliRenderer, delegate, instantiate } from "@fairyhunter13/opentui-core"
 
 const renderer = await createCliRenderer()
 

package/docs/tree-sitter.md

@@ -9,7 +9,7 @@ There are two ways to add custom parsers to your application:
 Use `addDefaultParsers()` to add parsers globally before initializing any clients. This is useful when you want all Tree-Sitter clients in your application to support the same languages.
 
 ```typescript
-import { addDefaultParsers, getTreeSitterClient } from "@opentui/core"
+import { addDefaultParsers, getTreeSitterClient } from "@fairyhunter13/opentui-core"
 
 // Add Python parser globally
 addDefaultParsers([
@@ -36,7 +36,7 @@ const result = await client.highlightOnce(pythonCode, "python")
 Use `client.addFiletypeParser()` to add parsers to a specific client instance. This is useful when different parts of your application need different language support.
 
 ```typescript
-import { TreeSitterClient } from "@opentui/core"
+import { TreeSitterClient } from "@fairyhunter13/opentui-core"
 
 const client = new TreeSitterClient({ dataPath: "./cache" })
 await client.initialize()
@@ -178,7 +178,7 @@ Add the update script to your `package.json`:
 ```json
 {
   "scripts": {
-    "prebuild": "bun node_modules/@opentui/core/lib/tree-sitter/assets/update.ts --config ./parsers-config.json --assets ./src/parsers --output ./src/parsers.ts",
+    "prebuild": "bun node_modules/@fairyhunter13/opentui-core/lib/tree-sitter/assets/update.ts --config ./parsers-config.json --assets ./src/parsers --output ./src/parsers.ts",
     "build": "bun build ./src/index.ts"
   }
 }
@@ -189,7 +189,7 @@ Add the update script to your `package.json`:
 Or call it programmatically in your build script:
 
 ```typescript
-import { updateAssets } from "@opentui/core"
+import { updateAssets } from "@fairyhunter13/opentui-core"
 
 await updateAssets({
   configPath: "./parsers-config.json",
@@ -203,7 +203,7 @@ await updateAssets({
 The script generates a TypeScript file with all parsers pre-configured:
 
 ```typescript
-import { addDefaultParsers, getTreeSitterClient } from "@opentui/core"
+import { addDefaultParsers, getTreeSitterClient } from "@fairyhunter13/opentui-core"
 import { getParsers } from "./parsers" // Generated file
 
 addDefaultParsers(getParsers())
@@ -217,7 +217,7 @@ const result = await client.highlightOnce('def hello():\n    print("world")', "p
 ## Complete Example: Adding Multiple Languages
 
 ```typescript
-import { addDefaultParsers, getTreeSitterClient, SyntaxStyle } from "@opentui/core"
+import { addDefaultParsers, getTreeSitterClient, SyntaxStyle } from "@fairyhunter13/opentui-core"
 
 // Add support for multiple languages before initializing
 addDefaultParsers([
@@ -263,7 +263,7 @@ const goResult = await client.highlightOnce('func main() {\n    fmt.Println("Hel
 The `CodeRenderable` component automatically uses the Tree-Sitter client for syntax highlighting:
 
 ```typescript
-import { CodeRenderable, getTreeSitterClient } from "@opentui/core"
+import { CodeRenderable, getTreeSitterClient } from "@fairyhunter13/opentui-core"
 
 // Initialize the client with custom parsers
 const client = getTreeSitterClient()
@@ -297,7 +297,7 @@ const client = new TreeSitterClient({
 OpenTUI provides utilities to automatically determine filetypes from file paths:
 
 ```typescript
-import { pathToFiletype, extToFiletype } from "@opentui/core"
+import { pathToFiletype, extToFiletype } from "@fairyhunter13/opentui-core"
 
 // Get filetype from file path
 const ft1 = pathToFiletype("src/main.rs") // "rust"

package/package.json

@@ -9,7 +9,7 @@
   "types": "src/index.ts",
   "module": "src/index.ts",
   "main": "src/index.ts",
-  "version": "0.1.90",
+  "version": "0.1.91",
   "type": "module",
   "scripts": {
     "build": "bun run build:native && bun run build:lib",
@@ -50,12 +50,12 @@
     "bun-webgpu": "0.1.5",
     "planck": "^1.4.2",
     "three": "0.177.0",
-    "@opentui/core-darwin-x64": "0.1.87",
-    "@opentui/core-darwin-arm64": "0.1.87",
-    "@opentui/core-linux-x64": "0.1.87",
-    "@opentui/core-linux-arm64": "0.1.87",
-    "@opentui/core-win32-x64": "0.1.87",
-    "@opentui/core-win32-arm64": "0.1.87"
+    "@fairyhunter13/opentui-core-darwin-x64": "0.1.91",
+    "@fairyhunter13/opentui-core-darwin-arm64": "0.1.91",
+    "@fairyhunter13/opentui-core-linux-x64": "0.1.91",
+    "@fairyhunter13/opentui-core-linux-arm64": "0.1.91",
+    "@fairyhunter13/opentui-core-win32-x64": "0.1.91",
+    "@fairyhunter13/opentui-core-win32-arm64": "0.1.91"
   },
   "exports": {
     ".": {

package/scripts/publish.ts

@@ -16,7 +16,7 @@ const rootDir = resolve(__dirname, "..")
 
 const packageJson: PackageJson = JSON.parse(readFileSync(join(rootDir, "package.json"), "utf8"))
 
-console.log(`Publishing @opentui/core@${packageJson.version}...`)
+console.log(`Publishing @fairyhunter13/opentui-core@${packageJson.version}...`)
 console.log("Make sure you've run the pre-publish validation script first!")
 
 const libDir = join(rootDir, "dist")
@@ -57,4 +57,4 @@ Object.entries(packageJsons).forEach(([dir, { name, version }]) => {
   console.log(`Successfully published '${name}@${version}'`)
 })
 
-console.log(`\nAll @opentui/core packages published successfully!`)
+console.log(`\nAll @fairyhunter13/opentui-core packages published successfully!`)

package/src/3d/ThreeRenderable.ts

@@ -91,7 +91,7 @@ export class ThreeRenderable extends Renderable {
     }
   }
 
-  protected onResize(width: number, height: number): void {
+  protected override onResize(width: number, height: number): void {
     if (width > 0 && height > 0) {
       this.engine.setSize(width, height, true)
       this.updateCameraAspect(width, height)
@@ -99,14 +99,14 @@ export class ThreeRenderable extends Renderable {
     super.onResize(width, height)
   }
 
-  protected renderSelf(buffer: OptimizedBuffer, deltaTime: number): void {
+  protected override renderSelf(buffer: OptimizedBuffer, deltaTime: number): void {
     if (!this.visible || this.isDestroyed) return
     if (this.frameCallbackRegistered) return
     if (this.buffered && !this.frameBuffer) return
     void this.renderToBuffer(buffer, deltaTime / 1000)
   }
 
-  protected destroySelf(): void {
+  protected override destroySelf(): void {
     if (this.frameCallback && this.frameCallbackRegistered) {
       this.cliRenderer.removeFrameCallback(this.frameCallback)
       this.frameCallbackRegistered = false

package/src/Renderable.ts

@@ -34,7 +34,7 @@ import {
   isOverflowType,
 } from "./lib/renderable.validations.js"
 
-const BrandedRenderable: unique symbol = Symbol.for("@opentui/core/Renderable")
+const BrandedRenderable: unique symbol = Symbol.for("@fairyhunter13/opentui-core/Renderable")
 
 export enum LayoutEvents {
   LAYOUT_CHANGED = "layout-changed",
@@ -243,7 +243,7 @@ export abstract class Renderable extends BaseRenderable {
   protected _childrenInLayoutOrder: Renderable[] = []
   protected _childrenInZIndexOrder: Renderable[] = []
   private needsZIndexSort: boolean = false
-  public parent: Renderable | null = null
+  public override parent: Renderable | null = null
 
   private childrenPrimarySortDirty: boolean = true
   private childrenSortedByPrimaryAxis: Renderable[] = []
@@ -318,7 +318,7 @@ export abstract class Renderable extends BaseRenderable {
     return this._ctx
   }
 
-  public get visible(): boolean {
+  public override get visible(): boolean {
     return this._visible
   }
 
@@ -327,7 +327,7 @@ export abstract class Renderable extends BaseRenderable {
     return dir === 2 || dir === 3 ? "row" : "column"
   }
 
-  public set visible(value: boolean) {
+  public override set visible(value: boolean) {
     if (this._visible === value) return
 
     const wasVisible = this._visible
@@ -460,7 +460,7 @@ export abstract class Renderable extends BaseRenderable {
   public handleKeyPress?(key: KeyEvent): boolean
   public handlePaste?(event: PasteEvent): void
 
-  public findDescendantById(id: string): Renderable | undefined {
+  public override findDescendantById(id: string): Renderable | undefined {
     for (const child of this._childrenInLayoutOrder) {
       if (child.id === id) return child
       if (isRenderable(child)) {
@@ -471,7 +471,7 @@ export abstract class Renderable extends BaseRenderable {
     return undefined
   }
 
-  public requestRender() {
+  public override requestRender() {
     this.markDirty()
     this._ctx.requestRender()
   }
@@ -1099,7 +1099,7 @@ export abstract class Renderable extends BaseRenderable {
     obj.parent = this
   }
 
-  public add(obj: Renderable | VNode<any, any[]> | unknown, index?: number): number {
+  public override add(obj: Renderable | VNode<any, any[]> | unknown, index?: number): number {
     if (!obj) {
       return -1
     }
@@ -1153,7 +1153,7 @@ export abstract class Renderable extends BaseRenderable {
     return insertedIndex
   }
 
-  insertBefore(obj: Renderable | VNode<any, any[]> | unknown, anchor?: Renderable | unknown): number {
+  override insertBefore(obj: Renderable | VNode<any, any[]> | unknown, anchor?: Renderable | unknown): number {
     if (!anchor) {
       return this.add(obj)
     }
@@ -1233,11 +1233,11 @@ export abstract class Renderable extends BaseRenderable {
   }
 
   // TODO: that naming is meh
-  public getRenderable(id: string): Renderable | undefined {
+  public override getRenderable(id: string): Renderable | undefined {
     return this.renderableMapById.get(id)
   }
 
-  public remove(id: string): void {
+  public override remove(id: string): void {
     if (!id) {
       return
     }
@@ -1278,11 +1278,11 @@ export abstract class Renderable extends BaseRenderable {
     // Override this method to provide custom removal logic
   }
 
-  public getChildren(): Renderable[] {
+  public override getChildren(): Renderable[] {
     return [...this._childrenInLayoutOrder]
   }
 
-  public getChildrenCount(): number {
+  public override getChildrenCount(): number {
     return this._childrenInLayoutOrder.length
   }
 
@@ -1408,7 +1408,7 @@ export abstract class Renderable extends BaseRenderable {
     return this._isDestroyed
   }
 
-  public destroy(): void {
+  public override destroy(): void {
     if (this._isDestroyed) {
       return
     }
@@ -1444,7 +1444,7 @@ export abstract class Renderable extends BaseRenderable {
     }
   }
 
-  public destroyRecursively(): void {
+  public override destroyRecursively(): void {
     // Destroy children first to ensure removal as destroy clears child array
     // Make a copy of the children array to avoid iteration issues when children are destroyed
     const children = [...this._childrenInLayoutOrder]
@@ -1620,7 +1620,7 @@ export class RootRenderable extends Renderable {
     this.calculateLayout()
   }
 
-  public render(buffer: OptimizedBuffer, deltaTime: number): void {
+  public override render(buffer: OptimizedBuffer, deltaTime: number): void {
     if (!this.visible) return
 
     // 0. Run lifecycle pass
@@ -1673,7 +1673,7 @@ export class RootRenderable extends Renderable {
     }
   }
 
-  protected propagateLiveCount(delta: number): void {
+  protected override propagateLiveCount(delta: number): void {
     const oldCount = this._liveCount
     this._liveCount += delta
 

package/src/examples/console-demo.ts

@@ -69,7 +69,7 @@ class ConsoleButton extends BoxRenderable {
     this.pressBg = RGBA.fromValues(color.r * 0.8, color.g * 0.8, color.b * 0.8, color.a)
   }
 
-  protected renderSelf(buffer: OptimizedBuffer): void {
+  protected override renderSelf(buffer: OptimizedBuffer): void {
     if (this.isPressed) {
       this.backgroundColor = this.pressBg
     } else if (this.isHovered) {
@@ -93,7 +93,7 @@ class ConsoleButton extends BoxRenderable {
     }
   }
 
-  protected onMouseEvent(event: MouseEvent): void {
+  protected override onMouseEvent(event: MouseEvent): void {
     switch (event.type) {
       case "down":
         this.isPressed = true

package/src/examples/draggable-three-demo.ts

@@ -46,7 +46,7 @@ class DraggableThreeRenderable extends ThreeRenderable {
     this.dragBoundsTop = top
   }
 
-  protected onMouseEvent(event: MouseEvent): void {
+  protected override onMouseEvent(event: MouseEvent): void {
     switch (event.type) {
       case "down":
         this.isDragging = true

package/src/examples/full-unicode-demo.ts

@@ -50,7 +50,7 @@ class DraggableGraphemeBox extends FrameBufferRenderable {
     }
   }
 
-  protected onMouseEvent(event: MouseEvent): void {
+  protected override onMouseEvent(event: MouseEvent): void {
     switch (event.type) {
       case "down":
         this.isDragging = true
@@ -114,7 +114,7 @@ ${underline("Complex:")} a̐éö̲  Z͑͗͛̒͘a̴͈͚̐̓l̷͓̱͉g̶̙̗̓͘
     this.bg = RGBA.fromInts(0, 0, 0, 0)
   }
 
-  protected onMouseEvent(event: MouseEvent): void {
+  protected override onMouseEvent(event: MouseEvent): void {
     switch (event.type) {
       case "down":
         this.isDragging = true

package/src/examples/lib/HexList.ts

@@ -70,7 +70,7 @@ export class HexListRenderable extends FrameBufferRenderable {
     }
   }
 
-  protected onResize(width: number, height: number): void {
+  protected override onResize(width: number, height: number): void {
     super.onResize(width, height)
     this.renderHexList()
   }

package/src/examples/lib/PaletteGrid.ts

@@ -67,7 +67,7 @@ export class PaletteGridRenderable extends FrameBufferRenderable {
     }
   }
 
-  protected onResize(width: number, height: number): void {
+  protected override onResize(width: number, height: number): void {
     super.onResize(width, height)
     this.renderPalette()
   }

package/src/examples/lib/tab-controller.ts

@@ -189,21 +189,21 @@ export class TabControllerRenderable extends Renderable {
     return this.tabSelectElement
   }
 
-  public focus(): void {
+  public override focus(): void {
     this.tabSelectElement.focus()
     this.emit(RenderableEvents.FOCUSED)
   }
 
-  public blur(): void {
+  public override blur(): void {
     this.tabSelectElement.blur()
     this.emit(RenderableEvents.BLURRED)
   }
 
-  public get focused(): boolean {
+  public override get focused(): boolean {
     return this.tabSelectElement.focused
   }
 
-  public onResize(width: number, height: number): void {
+  public override onResize(width: number, height: number): void {
     if (this.width === width && this.height === height) return
 
     this.width = width
@@ -219,12 +219,12 @@ export class TabControllerRenderable extends Renderable {
     }
   }
 
-  protected renderSelf(buffer: OptimizedBuffer, deltaTime: number): void {
+  protected override renderSelf(buffer: OptimizedBuffer, deltaTime: number): void {
     // TabController doesn't render content directly, it manages tab selection and tab content
     // The tab select element and tab content groups handle their own rendering
   }
 
-  protected destroySelf(): void {
+  protected override destroySelf(): void {
     this.blur()
 
     if (this.frameCallback) {

package/src/examples/link-demo.ts

@@ -49,7 +49,7 @@ class DraggableBox extends BoxRenderable {
     })
   }
 
-  protected onMouseEvent(event: MouseEvent): void {
+  protected override onMouseEvent(event: MouseEvent): void {
     if (!dragModeEnabled) return
 
     switch (event.type) {

package/src/examples/markdown-demo.ts

@@ -39,7 +39,7 @@ Welcome to the **MarkdownRenderable** showcase! This demonstrates automatic tabl
 Here's how to use it:
 
 \`\`\`typescript
-import { MarkdownRenderable } from "@opentui/core"
+import { MarkdownRenderable } from "@fairyhunter13/opentui-core"
 
 const md = new MarkdownRenderable(renderer, {
   content: "# Hello World",

package/src/examples/mouse-interaction-demo.ts

@@ -228,7 +228,7 @@ class MouseInteractionFrameBuffer extends FrameBufferRenderable {
     })
   }
 
-  protected renderSelf(buffer: OptimizedBuffer): void {
+  protected override renderSelf(buffer: OptimizedBuffer): void {
     const currentTime = Date.now()
 
     this.frameBuffer.clear(this.BACKGROUND_COLOR)
@@ -271,7 +271,7 @@ class MouseInteractionFrameBuffer extends FrameBufferRenderable {
     super.renderSelf(buffer)
   }
 
-  protected onMouseEvent(event: MouseEvent): void {
+  protected override onMouseEvent(event: MouseEvent): void {
     if (event.propagationStopped) return
 
     const cellKey = `${event.x},${event.y}`

package/src/examples/transparency-demo.ts

@@ -46,7 +46,7 @@ class DraggableTransparentBox extends BoxRenderable {
     this.alphaPercentage = Math.round(bg.a * 100)
   }
 
-  protected renderSelf(buffer: OptimizedBuffer): void {
+  protected override renderSelf(buffer: OptimizedBuffer): void {
     super.renderSelf(buffer)
 
     const alphaText = `${this.alphaPercentage}%`
@@ -56,7 +56,7 @@ class DraggableTransparentBox extends BoxRenderable {
     buffer.drawText(alphaText, centerX, centerY, RGBA.fromInts(255, 255, 255, 220))
   }
 
-  protected onMouseEvent(event: MouseEvent): void {
+  protected override onMouseEvent(event: MouseEvent): void {
     switch (event.type) {
       case "down":
         this.isDragging = true

package/src/lib/KeyHandler.ts

@@ -134,7 +134,7 @@ export class KeyHandler extends EventEmitter<KeyHandlerEventMap> {
 export class InternalKeyHandler extends KeyHandler {
   private renderableHandlers: Map<keyof KeyHandlerEventMap, Set<Function>> = new Map()
 
-  public emit<K extends keyof KeyHandlerEventMap>(event: K, ...args: KeyHandlerEventMap[K]): boolean {
+  public override emit<K extends keyof KeyHandlerEventMap>(event: K, ...args: KeyHandlerEventMap[K]): boolean {
     return this.emitWithPriority(event, ...args)
   }
 

package/src/lib/output.capture.ts

@@ -46,7 +46,7 @@ export class CapturedWritableStream extends Writable {
     super()
   }
 
-  _write(chunk: any, encoding: BufferEncoding, callback: (error?: Error | null) => void): void {
+  override _write(chunk: any, encoding: BufferEncoding, callback: (error?: Error | null) => void): void {
     const data = chunk.toString()
     this.capture.write(this.stream, data)
     callback()

package/src/lib/singleton.ts

@@ -1,4 +1,4 @@
-const singletonCacheSymbol = Symbol.for("@opentui/core/singleton")
+const singletonCacheSymbol = Symbol.for("@fairyhunter13/opentui-core/singleton")
 
 /**
  * Ensures a value is initialized once per process,

package/src/lib/styled-text.ts

@@ -3,7 +3,7 @@ import type { TextBuffer, TextChunk } from "../text-buffer.js"
 import { createTextAttributes } from "../utils.js"
 import { parseColor, type ColorInput } from "./RGBA.js"
 
-const BrandedStyledText: unique symbol = Symbol.for("@opentui/core/StyledText")
+const BrandedStyledText: unique symbol = Symbol.for("@fairyhunter13/opentui-core/StyledText")
 
 export type Color = ColorInput