@opentui/solid 0.0.0-20250912-12c969f4 → 0.0.0-20250915-f5db043a

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export function useRenderer(): any;
 export function useKeyboard(callback: any): void;
 export function useKeyHandler(callback: any): void;
 export var use: <A, T>(fn: (element: any, arg: A) => T, element: any, arg: A) => T;
+export var textNodeKeys: string[];
 export var spread: <T>(node: any, accessor: (() => T) | T, skipChildren?: boolean) => void;
 export var setProp: <T>(node: any, name: string, value: T, prev?: T | undefined) => T;
 export function render(node: any, renderConfig?: {}): Promise<void>;
@@ -25,6 +26,12 @@ export function getComponentCatalogue(): {
     tab_select: typeof TabSelectRenderable;
     scrollbox: typeof ScrollBoxRenderable;
     span: typeof SpanRenderable;
+    strong: typeof BoldSpanRenderable;
+    b: typeof BoldSpanRenderable;
+    em: typeof ItalicSpanRenderable;
+    i: typeof ItalicSpanRenderable;
+    u: typeof UnderlineSpanRenderable;
+    br: typeof LineBreakRenderable;
 };
 export function extend(objects: any): void;
 export var effect: <T>(fn: (prev?: T) => T, init?: T) => void;
@@ -41,10 +48,28 @@ export namespace componentCatalogue {
     export { TabSelectRenderable as tab_select };
     export { ScrollBoxRenderable as scrollbox };
     export { SpanRenderable as span };
+    export { BoldSpanRenderable as strong };
+    export { BoldSpanRenderable as b };
+    export { ItalicSpanRenderable as em };
+    export { ItalicSpanRenderable as i };
+    export { UnderlineSpanRenderable as u };
+    export { LineBreakRenderable as br };
 }
 export namespace baseComponents { }
 export var _render: (code: () => any, node: any) => () => void;
+export class UnderlineSpanRenderable extends TextModifierRenderable {
+    constructor(options: any);
+}
 export var RendererContext: import("solid-js").Context<any>;
+export class LineBreakRenderable extends SpanRenderable {
+    add(): number;
+}
+export class ItalicSpanRenderable extends TextModifierRenderable {
+    constructor(options: any);
+}
+export class BoldSpanRenderable extends TextModifierRenderable {
+    constructor(options: any);
+}
 import { BoxRenderable } from "@opentui/core";
 import { TextRenderable } from "@opentui/core";
 import { InputRenderable } from "@opentui/core";
@@ -57,5 +82,7 @@ declare class SpanRenderable extends TextNodeRenderable {
     _ctx: any;
 }
 import { Timeline } from "@opentui/core";
+declare class TextModifierRenderable extends SpanRenderable {
+}
 import { TextNodeRenderable } from "@opentui/core";
 export {};

package/index.js

@@ -10,6 +10,7 @@ import {
   ScrollBoxRenderable,
   SelectRenderable,
   TabSelectRenderable,
+  TextAttributes,
   TextNodeRenderable,
   TextRenderable
 } from "@opentui/core";
@@ -103,6 +104,49 @@ class SpanRenderable extends TextNodeRenderable {
     this._ctx = _ctx;
   }
 }
+var textNodeKeys = ["span", "b", "strong", "i", "em", "u"];
+
+class TextModifierRenderable extends SpanRenderable {
+  constructor(options, modifier) {
+    super(null, options);
+    if (modifier === "b" || modifier === "strong") {
+      this.attributes = (this.attributes || 0) | TextAttributes.BOLD;
+    } else if (modifier === "i" || modifier === "em") {
+      this.attributes = (this.attributes || 0) | TextAttributes.ITALIC;
+    } else if (modifier === "u") {
+      this.attributes = (this.attributes || 0) | TextAttributes.UNDERLINE;
+    }
+  }
+}
+
+class BoldSpanRenderable extends TextModifierRenderable {
+  constructor(options) {
+    super(options, "b");
+  }
+}
+
+class ItalicSpanRenderable extends TextModifierRenderable {
+  constructor(options) {
+    super(options, "i");
+  }
+}
+
+class UnderlineSpanRenderable extends TextModifierRenderable {
+  constructor(options) {
+    super(options, "u");
+  }
+}
+
+class LineBreakRenderable extends SpanRenderable {
+  constructor(_ctx, options) {
+    super(null, options);
+    this.add();
+  }
+  add() {
+    return super.add(`
+`);
+  }
+}
 var baseComponents = {
   box: BoxRenderable,
   text: TextRenderable,
@@ -111,7 +155,13 @@ var baseComponents = {
   ascii_font: ASCIIFontRenderable,
   tab_select: TabSelectRenderable,
   scrollbox: ScrollBoxRenderable,
-  span: SpanRenderable
+  span: SpanRenderable,
+  strong: BoldSpanRenderable,
+  b: BoldSpanRenderable,
+  em: ItalicSpanRenderable,
+  i: ItalicSpanRenderable,
+  u: UnderlineSpanRenderable,
+  br: LineBreakRenderable
 };
 var componentCatalogue = { ...baseComponents };
 function extend(objects) {
@@ -426,6 +476,7 @@ export {
   useKeyboard,
   useKeyHandler,
   use,
+  textNodeKeys,
   spread,
   setProp,
   render,
@@ -444,5 +495,9 @@ export {
   componentCatalogue,
   baseComponents,
   _render,
-  RendererContext
+  UnderlineSpanRenderable,
+  RendererContext,
+  LineBreakRenderable,
+  ItalicSpanRenderable,
+  BoldSpanRenderable
 };

package/jsx-runtime.d.ts

@@ -28,6 +28,13 @@ declare namespace JSX {
     ascii_font: AsciiFontProps
     tab_select: TabSelectProps
     scrollbox: ScrollBoxProps
+
+    b: SpanProps
+    strong: SpanProps
+    i: SpanProps
+    em: SpanProps
+    u: SpanProps
+    br: {}
   }
 
   interface ElementChildrenAttribute {

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.0.0-20250912-12c969f4",
+  "version": "0.0.0-20250915-f5db043a",
   "description": "SolidJS renderer for OpenTUI",
   "license": "MIT",
   "repository": {
@@ -25,7 +25,7 @@
     "./jsx-dev-runtime": "./jsx-runtime.d.ts"
   },
   "dependencies": {
-    "@opentui/core": "0.0.0-20250912-12c969f4",
+    "@opentui/core": "0.0.0-20250915-f5db043a",
     "babel-plugin-module-resolver": "5.0.2",
     "@babel/core": "7.28.0",
     "@babel/preset-typescript": "7.27.1",

package/src/elements/index.d.ts

@@ -3,7 +3,25 @@ import type { RenderableConstructor } from "../types/elements";
 export * from "./hooks";
 declare class SpanRenderable extends TextNodeRenderable {
     private readonly _ctx;
-    constructor(_ctx: RenderContext, options: TextNodeOptions);
+    constructor(_ctx: RenderContext | null, options: TextNodeOptions);
+}
+export declare const textNodeKeys: readonly ["span", "b", "strong", "i", "em", "u"];
+export type TextNodeKey = (typeof textNodeKeys)[number];
+declare class TextModifierRenderable extends SpanRenderable {
+    constructor(options: any, modifier?: TextNodeKey);
+}
+export declare class BoldSpanRenderable extends TextModifierRenderable {
+    constructor(options: any);
+}
+export declare class ItalicSpanRenderable extends TextModifierRenderable {
+    constructor(options: any);
+}
+export declare class UnderlineSpanRenderable extends TextModifierRenderable {
+    constructor(options: any);
+}
+export declare class LineBreakRenderable extends SpanRenderable {
+    constructor(_ctx: RenderContext | null, options: TextNodeOptions);
+    add(): number;
 }
 export declare const baseComponents: {
     box: typeof BoxRenderable;
@@ -14,6 +32,12 @@ export declare const baseComponents: {
     tab_select: typeof TabSelectRenderable;
     scrollbox: typeof ScrollBoxRenderable;
     span: typeof SpanRenderable;
+    strong: typeof BoldSpanRenderable;
+    b: typeof BoldSpanRenderable;
+    em: typeof ItalicSpanRenderable;
+    i: typeof ItalicSpanRenderable;
+    u: typeof UnderlineSpanRenderable;
+    br: typeof LineBreakRenderable;
 };
 type ComponentCatalogue = Record<string, RenderableConstructor>;
 export declare const componentCatalogue: ComponentCatalogue;