@opentui/solid 0.2.14 → 0.2.16

package/README.md

@@ -165,6 +165,8 @@ import { Dynamic } from "@opentui/solid"
 - `scrollbox`: scrollable container
 - `ascii_font`: ASCII art text renderer
 
+QR code support is available from `@opentui/qrcode/solid` and must be registered explicitly with `registerQRCode()`.
+
 ### Input
 
 - `input`: single-line text input

package/chunk-7fkmdv3h.js

@@ -0,0 +1,110 @@
+// @bun
+// src/elements/catalogue.ts
+import {
+  ASCIIFontRenderable,
+  BoxRenderable,
+  CodeRenderable,
+  DiffRenderable,
+  InputRenderable,
+  LineNumberRenderable,
+  MarkdownRenderable,
+  ScrollBoxRenderable,
+  SelectRenderable,
+  TabSelectRenderable,
+  TextareaRenderable,
+  TextAttributes,
+  TextNodeRenderable,
+  TextRenderable
+} from "@opentui/core";
+
+class SpanRenderable extends TextNodeRenderable {
+  _ctx;
+  constructor(_ctx, options) {
+    super(options);
+    this._ctx = _ctx;
+  }
+}
+var textNodeKeys = ["span", "b", "strong", "i", "em", "u", "a"];
+
+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(`
+`);
+  }
+}
+
+class LinkRenderable extends SpanRenderable {
+  constructor(_ctx, options) {
+    const linkOptions = {
+      ...options,
+      link: { url: options.href }
+    };
+    super(null, linkOptions);
+  }
+}
+var baseComponents = {
+  box: BoxRenderable,
+  text: TextRenderable,
+  input: InputRenderable,
+  select: SelectRenderable,
+  textarea: TextareaRenderable,
+  ascii_font: ASCIIFontRenderable,
+  tab_select: TabSelectRenderable,
+  scrollbox: ScrollBoxRenderable,
+  code: CodeRenderable,
+  diff: DiffRenderable,
+  line_number: LineNumberRenderable,
+  markdown: MarkdownRenderable,
+  span: SpanRenderable,
+  strong: BoldSpanRenderable,
+  b: BoldSpanRenderable,
+  em: ItalicSpanRenderable,
+  i: ItalicSpanRenderable,
+  u: UnderlineSpanRenderable,
+  br: LineBreakRenderable,
+  a: LinkRenderable
+};
+var componentCatalogue = { ...baseComponents };
+function extend(objects) {
+  Object.assign(componentCatalogue, objects);
+}
+function getComponentCatalogue() {
+  return componentCatalogue;
+}
+
+export { textNodeKeys, BoldSpanRenderable, ItalicSpanRenderable, UnderlineSpanRenderable, LineBreakRenderable, LinkRenderable, baseComponents, componentCatalogue, extend, getComponentCatalogue };

package/components.d.ts

@@ -0,0 +1,2 @@
+export { extend, getComponentCatalogue } from "./src/elements/catalogue.js";
+export type { ExtendedComponentProps, ExtendedIntrinsicElements, OpenTUIComponents } from "./src/types/elements.js";

package/components.js

@@ -0,0 +1,9 @@
+// @bun
+import {
+  extend,
+  getComponentCatalogue
+} from "./chunk-7fkmdv3h.js";
+export {
+  getComponentCatalogue,
+  extend
+};

package/dist/chunk-7fkmdv3h.d.ts

@@ -0,0 +1,81 @@
+export var textNodeKeys: string[];
+export class BoldSpanRenderable extends TextModifierRenderable {
+    constructor(options: any);
+}
+export class ItalicSpanRenderable extends TextModifierRenderable {
+    constructor(options: any);
+}
+export class UnderlineSpanRenderable extends TextModifierRenderable {
+    constructor(options: any);
+}
+export class LineBreakRenderable extends SpanRenderable {
+    add(): number;
+}
+export class LinkRenderable extends SpanRenderable {
+}
+export namespace baseComponents {
+    export { BoxRenderable as box };
+    export { TextRenderable as text };
+    export { InputRenderable as input };
+    export { SelectRenderable as select };
+    export { TextareaRenderable as textarea };
+    export { ASCIIFontRenderable as ascii_font };
+    export { TabSelectRenderable as tab_select };
+    export { ScrollBoxRenderable as scrollbox };
+    export { CodeRenderable as code };
+    export { DiffRenderable as diff };
+    export { LineNumberRenderable as line_number };
+    export { MarkdownRenderable as markdown };
+    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 { LinkRenderable as a };
+}
+export namespace componentCatalogue { }
+export function extend(objects: any): void;
+export function getComponentCatalogue(): {
+    box: typeof BoxRenderable;
+    text: typeof TextRenderable;
+    input: typeof InputRenderable;
+    select: typeof SelectRenderable;
+    textarea: typeof TextareaRenderable;
+    ascii_font: typeof ASCIIFontRenderable;
+    tab_select: typeof TabSelectRenderable;
+    scrollbox: typeof ScrollBoxRenderable;
+    code: typeof CodeRenderable;
+    diff: typeof DiffRenderable;
+    line_number: typeof LineNumberRenderable;
+    markdown: typeof MarkdownRenderable;
+    span: typeof SpanRenderable;
+    strong: typeof BoldSpanRenderable;
+    b: typeof BoldSpanRenderable;
+    em: typeof ItalicSpanRenderable;
+    i: typeof ItalicSpanRenderable;
+    u: typeof UnderlineSpanRenderable;
+    br: typeof LineBreakRenderable;
+    a: typeof LinkRenderable;
+};
+declare class TextModifierRenderable extends SpanRenderable {
+}
+declare class SpanRenderable extends TextNodeRenderable {
+    constructor(_ctx: any, options: any);
+    _ctx: any;
+}
+import { BoxRenderable } from "@opentui/core";
+import { TextRenderable } from "@opentui/core";
+import { InputRenderable } from "@opentui/core";
+import { SelectRenderable } from "@opentui/core";
+import { TextareaRenderable } from "@opentui/core";
+import { ASCIIFontRenderable } from "@opentui/core";
+import { TabSelectRenderable } from "@opentui/core";
+import { ScrollBoxRenderable } from "@opentui/core";
+import { CodeRenderable } from "@opentui/core";
+import { DiffRenderable } from "@opentui/core";
+import { LineNumberRenderable } from "@opentui/core";
+import { MarkdownRenderable } from "@opentui/core";
+import { TextNodeRenderable } from "@opentui/core";
+export {};

package/dist/index.d.ts

@@ -10,16 +10,8 @@ export function usePaste(callback: any): void;
 export function useKeyboard(callback: any, options: any): void;
 export function useKeyHandler(callback: any, options: any): void;
 export function use(fn: any, element: any, arg: any): any;
-export var textNodeKeys: string[];
-export function testRender(node: any, renderConfig?: {}): Promise<{
-    renderer: import("@opentui/core/testing").TestRenderer;
-    mockInput: import("@opentui/core/testing").MockInput;
-    mockMouse: import("@opentui/core/testing").MockMouse;
-    renderOnce: () => Promise<void>;
-    captureCharFrame: () => string;
-    captureSpans: () => import("@opentui/core").CapturedFrame;
-    resize: (width: number, height: number) => void;
-}>;
+import { textNodeKeys } from "./chunk-7fkmdv3h.js";
+export function testRender(node: any, renderConfig?: {}): Promise<import("@opentui/core/testing").TestRendererSetup>;
 export function spread(node: any, accessor: any, skipChildren: any): void;
 export function setProp(node: any, name: any, value: any, prev: any): any;
 export function render(node: any, rendererOrConfig?: {}): Promise<void>;
@@ -30,29 +22,8 @@ declare var mergeProps3: typeof mergeProps;
 declare function memo2(fn: any): import("solid-js").Accessor<any>;
 export var insertNode: any;
 export function insert(parent: any, accessor: any, marker: any, initial: any): any;
-export function getComponentCatalogue(): {
-    box: typeof BoxRenderable;
-    text: typeof TextRenderable3;
-    input: typeof InputRenderable2;
-    select: typeof SelectRenderable2;
-    textarea: typeof TextareaRenderable;
-    ascii_font: typeof ASCIIFontRenderable;
-    tab_select: typeof TabSelectRenderable2;
-    scrollbox: typeof ScrollBoxRenderable2;
-    code: typeof CodeRenderable;
-    diff: typeof DiffRenderable;
-    line_number: typeof LineNumberRenderable;
-    markdown: typeof MarkdownRenderable;
-    span: typeof SpanRenderable;
-    strong: typeof BoldSpanRenderable;
-    b: typeof BoldSpanRenderable;
-    em: typeof ItalicSpanRenderable;
-    i: typeof ItalicSpanRenderable;
-    u: typeof UnderlineSpanRenderable;
-    br: typeof LineBreakRenderable;
-    a: typeof LinkRenderable;
-};
-export function extend(objects: any): void;
+import { getComponentCatalogue } from "./chunk-7fkmdv3h.js";
+import { extend } from "./chunk-7fkmdv3h.js";
 export var effect: typeof createRenderEffect;
 export var createTextNode: any;
 export function createSolidSlotRegistry(renderer: any, context: any, options?: {}): import("@opentui/core").SlotRegistry<any, object, any>;
@@ -70,35 +41,12 @@ export function createScrollbackWriter(node: any, options?: {}): (ctx: any) => {
 export var createElement: any;
 export function createDynamic(component: any, props: any): import("solid-js").Accessor<any>;
 declare var createComponent2: typeof createComponent;
-export namespace componentCatalogue {
-    export { BoxRenderable as box };
-    export { TextRenderable3 as text };
-    export { InputRenderable2 as input };
-    export { SelectRenderable2 as select };
-    export { TextareaRenderable as textarea };
-    export { ASCIIFontRenderable as ascii_font };
-    export { TabSelectRenderable2 as tab_select };
-    export { ScrollBoxRenderable2 as scrollbox };
-    export { CodeRenderable as code };
-    export { DiffRenderable as diff };
-    export { LineNumberRenderable as line_number };
-    export { MarkdownRenderable as markdown };
-    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 { LinkRenderable as a };
-}
-export namespace baseComponents { }
+import { componentCatalogue } from "./chunk-7fkmdv3h.js";
+import { baseComponents } from "./chunk-7fkmdv3h.js";
 export function _render(code: any, element: any): undefined;
-export class UnderlineSpanRenderable extends TextModifierRenderable {
-    constructor(options: any);
-}
+import { UnderlineSpanRenderable } from "./chunk-7fkmdv3h.js";
 export function TimeToFirstDraw(props: any): any;
-export class TextSlotRenderable extends TextNodeRenderable3 {
+export class TextSlotRenderable extends TextNodeRenderable {
     constructor(id: any, parent: any);
     slotParent: any;
     destroyed: boolean;
@@ -113,7 +61,7 @@ export class SlotRenderable extends SlotBaseRenderable {
     textNodeCount: number;
     get layoutNode(): any;
     get textNode(): any;
-    isTextSlotParent(parent: any): parent is TextRenderable3 | TextNodeRenderable3;
+    isTextSlotParent(parent: any): parent is TextRenderable | TextNodeRenderable;
     getCurrentSlotChild(nodesByParent: any): any;
     getTextNodeForParent(parent: any): any;
     getLayoutNodeForParent(parent: any): any;
@@ -130,11 +78,8 @@ export class SlotRenderable extends SlotBaseRenderable {
 export function Slot(props: any): import("solid-js").Accessor<any>;
 export var RendererContext: import("solid-js").Context<any>;
 export function Portal(props: any): SlotRenderable;
-export class LinkRenderable extends SpanRenderable {
-}
-export class LineBreakRenderable extends SpanRenderable {
-    add(): number;
-}
+import { LinkRenderable } from "./chunk-7fkmdv3h.js";
+import { LineBreakRenderable } from "./chunk-7fkmdv3h.js";
 export class LayoutSlotRenderable extends SlotBaseRenderable {
     constructor(id: any, parent: any, layoutParent: any);
     yogaNode: any;
@@ -151,36 +96,15 @@ export class LayoutSlotRenderable extends SlotBaseRenderable {
     freeYogaNode(): void;
     disposeWithoutSlotCascade(): void;
 }
-export class ItalicSpanRenderable extends TextModifierRenderable {
-    constructor(options: any);
-}
+import { ItalicSpanRenderable } from "./chunk-7fkmdv3h.js";
 export function Dynamic(props: any): import("solid-js").Accessor<any>;
-export class BoldSpanRenderable extends TextModifierRenderable {
-    constructor(options: any);
-}
+import { BoldSpanRenderable } from "./chunk-7fkmdv3h.js";
 import { Timeline } from "@opentui/core";
 import { mergeProps } from "solid-js";
-import { BoxRenderable } from "@opentui/core";
-import { TextRenderable as TextRenderable3 } from "@opentui/core";
-import { InputRenderable as InputRenderable2 } from "@opentui/core";
-import { SelectRenderable as SelectRenderable2 } from "@opentui/core";
-import { TextareaRenderable } from "@opentui/core";
-import { ASCIIFontRenderable } from "@opentui/core";
-import { TabSelectRenderable as TabSelectRenderable2 } from "@opentui/core";
-import { ScrollBoxRenderable as ScrollBoxRenderable2 } from "@opentui/core";
-import { CodeRenderable } from "@opentui/core";
-import { DiffRenderable } from "@opentui/core";
-import { LineNumberRenderable } from "@opentui/core";
-import { MarkdownRenderable } from "@opentui/core";
-declare class SpanRenderable extends TextNodeRenderable3 {
-    constructor(_ctx: any, options: any);
-    _ctx: any;
-}
 import { createRenderEffect } from "solid-js";
+import { BoxRenderable } from "@opentui/core";
 import { createComponent } from "solid-js";
-declare class TextModifierRenderable extends SpanRenderable {
-}
-import { TextNodeRenderable as TextNodeRenderable3 } from "@opentui/core";
+import { TextNodeRenderable } from "@opentui/core";
 declare class SlotBaseRenderable extends BaseRenderable {
     constructor(id: any);
     add(obj: any, index: any): void;
@@ -189,5 +113,6 @@ declare class SlotBaseRenderable extends BaseRenderable {
     getRenderable(id: any): void;
     findDescendantById(id: any): void;
 }
+import { TextRenderable } from "@opentui/core";
 import { BaseRenderable } from "@opentui/core";
-export { mergeProps3 as mergeProps, memo2 as memo, createComponent2 as createComponent };
+export { textNodeKeys, mergeProps3 as mergeProps, memo2 as memo, getComponentCatalogue, extend, createComponent2 as createComponent, componentCatalogue, baseComponents, UnderlineSpanRenderable, LinkRenderable, LineBreakRenderable, ItalicSpanRenderable, BoldSpanRenderable };

package/index.d.ts

@@ -2,15 +2,7 @@ import { CliRenderer, type CliRendererConfig } from "@opentui/core";
 import { type TestRendererOptions } from "@opentui/core/testing";
 import type { JSX } from "./jsx-runtime";
 export declare const render: (node: () => JSX.Element, rendererOrConfig?: CliRenderer | CliRendererConfig) => Promise<void>;
-export declare const testRender: (node: () => JSX.Element, renderConfig?: TestRendererOptions) => Promise<{
-    renderer: import("@opentui/core/testing").TestRenderer;
-    mockInput: import("@opentui/core/testing").MockInput;
-    mockMouse: import("@opentui/core/testing").MockMouse;
-    renderOnce: () => Promise<void>;
-    captureCharFrame: () => string;
-    captureSpans: () => import("@opentui/core").CapturedFrame;
-    resize: (width: number, height: number) => void;
-}>;
+export declare const testRender: (node: () => JSX.Element, renderConfig?: TestRendererOptions) => Promise<import("@opentui/core/testing").TestRendererSetup>;
 export * from "./src/reconciler.js";
 export * from "./src/elements/index.js";
 export * from "./src/scrollback.js";

package/index.js

@@ -1,26 +1,20 @@
 // @bun
+import {
+  BoldSpanRenderable,
+  ItalicSpanRenderable,
+  LineBreakRenderable,
+  LinkRenderable,
+  UnderlineSpanRenderable,
+  baseComponents,
+  componentCatalogue,
+  extend,
+  getComponentCatalogue,
+  textNodeKeys
+} from "./chunk-7fkmdv3h.js";
+
 // index.ts
 import { CliRenderer, createCliRenderer, engine as engine2 } from "@opentui/core";
 import { createTestRenderer } from "@opentui/core/testing";
-
-// src/elements/index.ts
-import {
-  ASCIIFontRenderable,
-  BoxRenderable,
-  CodeRenderable,
-  DiffRenderable,
-  InputRenderable as InputRenderable2,
-  LineNumberRenderable,
-  MarkdownRenderable,
-  ScrollBoxRenderable as ScrollBoxRenderable2,
-  SelectRenderable as SelectRenderable2,
-  TabSelectRenderable as TabSelectRenderable2,
-  TextareaRenderable,
-  TextAttributes,
-  TextNodeRenderable as TextNodeRenderable3,
-  TextRenderable as TextRenderable3
-} from "@opentui/core";
-
 // src/elements/hooks.ts
 import {
   engine,
@@ -1067,100 +1061,9 @@ class SlotRenderable extends SlotBaseRenderable {
     }
   }
 }
-
-// src/elements/index.ts
-class SpanRenderable extends TextNodeRenderable3 {
-  _ctx;
-  constructor(_ctx, options) {
-    super(options);
-    this._ctx = _ctx;
-  }
-}
-var textNodeKeys = ["span", "b", "strong", "i", "em", "u", "a"];
-
-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(`
-`);
-  }
-}
-
-class LinkRenderable extends SpanRenderable {
-  constructor(_ctx, options) {
-    const linkOptions = {
-      ...options,
-      link: { url: options.href }
-    };
-    super(null, linkOptions);
-  }
-}
-var baseComponents = {
-  box: BoxRenderable,
-  text: TextRenderable3,
-  input: InputRenderable2,
-  select: SelectRenderable2,
-  textarea: TextareaRenderable,
-  ascii_font: ASCIIFontRenderable,
-  tab_select: TabSelectRenderable2,
-  scrollbox: ScrollBoxRenderable2,
-  code: CodeRenderable,
-  diff: DiffRenderable,
-  line_number: LineNumberRenderable,
-  markdown: MarkdownRenderable,
-  span: SpanRenderable,
-  strong: BoldSpanRenderable,
-  b: BoldSpanRenderable,
-  em: ItalicSpanRenderable,
-  i: ItalicSpanRenderable,
-  u: UnderlineSpanRenderable,
-  br: LineBreakRenderable,
-  a: LinkRenderable
-};
-var componentCatalogue = { ...baseComponents };
-function extend(objects) {
-  Object.assign(componentCatalogue, objects);
-}
-function getComponentCatalogue() {
-  return componentCatalogue;
-}
 // src/scrollback.ts
 import {
-  BoxRenderable as BoxRenderable2,
+  BoxRenderable,
   RootRenderable
 } from "@opentui/core";
 import { createSignal as createSignal2 } from "solid-js";
@@ -1257,7 +1160,7 @@ function createScrollbackWriter(node, options = {}) {
     const startOnNewLine = options.startOnNewLine ?? true;
     const firstLineWidth = !startOnNewLine && ctx.tailColumn > 0 && ctx.tailColumn < ctx.width ? Math.min(width, ctx.width - ctx.tailColumn) : width;
     const firstLineOffset = width - firstLineWidth;
-    const root = new BoxRenderable2(ctx.renderContext, {
+    const root = new BoxRenderable(ctx.renderContext, {
       id: `solid-scrollback-root-${solidScrollbackRootCounter++}`,
       position: "absolute",
       left: 0,

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "description": "SolidJS renderer for OpenTUI",
   "license": "MIT",
   "repository": {
@@ -33,13 +33,18 @@
       "types": "./scripts/runtime-plugin-support-configure.d.ts",
       "import": "./scripts/runtime-plugin-support-configure.ts"
     },
+    "./components": {
+      "types": "./components.d.ts",
+      "import": "./components.js",
+      "require": "./components.js"
+    },
     "./jsx-runtime": "./jsx-runtime.d.ts",
     "./jsx-dev-runtime": "./jsx-runtime.d.ts"
   },
   "dependencies": {
     "@babel/core": "7.28.0",
     "@babel/preset-typescript": "7.27.1",
-    "@opentui/core": "0.2.14",
+    "@opentui/core": "0.2.16",
     "babel-plugin-module-resolver": "5.0.2",
     "babel-preset-solid": "1.9.12",
     "entities": "7.0.1",

package/src/elements/catalogue.d.ts

@@ -0,0 +1,69 @@
+import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, DiffRenderable, InputRenderable, LineNumberRenderable, MarkdownRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextareaRenderable, TextNodeRenderable, TextRenderable, type RenderContext, type TextNodeOptions } from "@opentui/core";
+import type { RenderableConstructor } from "../types/elements.js";
+declare class SpanRenderable extends TextNodeRenderable {
+    private readonly _ctx;
+    constructor(_ctx: RenderContext | null, options: TextNodeOptions);
+}
+export declare const textNodeKeys: readonly ["span", "b", "strong", "i", "em", "u", "a"];
+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 interface LinkOptions extends TextNodeOptions {
+    href: string;
+}
+export declare class LinkRenderable extends SpanRenderable {
+    constructor(_ctx: RenderContext | null, options: LinkOptions);
+}
+export declare const baseComponents: {
+    box: typeof BoxRenderable;
+    text: typeof TextRenderable;
+    input: typeof InputRenderable;
+    select: typeof SelectRenderable;
+    textarea: typeof TextareaRenderable;
+    ascii_font: typeof ASCIIFontRenderable;
+    tab_select: typeof TabSelectRenderable;
+    scrollbox: typeof ScrollBoxRenderable;
+    code: typeof CodeRenderable;
+    diff: typeof DiffRenderable;
+    line_number: typeof LineNumberRenderable;
+    markdown: typeof MarkdownRenderable;
+    span: typeof SpanRenderable;
+    strong: typeof BoldSpanRenderable;
+    b: typeof BoldSpanRenderable;
+    em: typeof ItalicSpanRenderable;
+    i: typeof ItalicSpanRenderable;
+    u: typeof UnderlineSpanRenderable;
+    br: typeof LineBreakRenderable;
+    a: typeof LinkRenderable;
+};
+type ComponentCatalogue = Record<string, RenderableConstructor>;
+export declare const componentCatalogue: ComponentCatalogue;
+/**
+ * Extend the component catalogue with new renderable components
+ *
+ * @example
+ * ```tsx
+ * // Extend with an object of components
+ * extend({
+ *   consoleButton: ButtonRenderable,
+ *   customBox: CustomBoxRenderable
+ * })
+ * ```
+ */
+export declare function extend<T extends ComponentCatalogue>(objects: T): void;
+export declare function getComponentCatalogue(): ComponentCatalogue;
+export type { ExtendedComponentProps, ExtendedIntrinsicElements, RenderableConstructor } from "../types/elements.js";

package/src/elements/index.d.ts

@@ -1,72 +1,4 @@
-import { ASCIIFontRenderable, BoxRenderable, CodeRenderable, DiffRenderable, InputRenderable, LineNumberRenderable, MarkdownRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextareaRenderable, TextNodeRenderable, TextRenderable, type RenderContext, type TextNodeOptions } from "@opentui/core";
-import type { RenderableConstructor } from "../types/elements.js";
+export * from "./catalogue.js";
 export * from "./hooks.js";
 export * from "./extras.js";
 export * from "./slot.js";
-declare class SpanRenderable extends TextNodeRenderable {
-    private readonly _ctx;
-    constructor(_ctx: RenderContext | null, options: TextNodeOptions);
-}
-export declare const textNodeKeys: readonly ["span", "b", "strong", "i", "em", "u", "a"];
-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 interface LinkOptions extends TextNodeOptions {
-    href: string;
-}
-export declare class LinkRenderable extends SpanRenderable {
-    constructor(_ctx: RenderContext | null, options: LinkOptions);
-}
-export declare const baseComponents: {
-    box: typeof BoxRenderable;
-    text: typeof TextRenderable;
-    input: typeof InputRenderable;
-    select: typeof SelectRenderable;
-    textarea: typeof TextareaRenderable;
-    ascii_font: typeof ASCIIFontRenderable;
-    tab_select: typeof TabSelectRenderable;
-    scrollbox: typeof ScrollBoxRenderable;
-    code: typeof CodeRenderable;
-    diff: typeof DiffRenderable;
-    line_number: typeof LineNumberRenderable;
-    markdown: typeof MarkdownRenderable;
-    span: typeof SpanRenderable;
-    strong: typeof BoldSpanRenderable;
-    b: typeof BoldSpanRenderable;
-    em: typeof ItalicSpanRenderable;
-    i: typeof ItalicSpanRenderable;
-    u: typeof UnderlineSpanRenderable;
-    br: typeof LineBreakRenderable;
-    a: typeof LinkRenderable;
-};
-type ComponentCatalogue = Record<string, RenderableConstructor>;
-export declare const componentCatalogue: ComponentCatalogue;
-/**
- * Extend the component catalogue with new renderable components
- *
- * @example
- * ```tsx
- * // Extend with an object of components
- * extend({
- *   consoleButton: ConsoleButtonRenderable,
- *   customBox: CustomBoxRenderable
- * })
- * ```
- */
-export declare function extend<T extends ComponentCatalogue>(objects: T): void;
-export declare function getComponentCatalogue(): ComponentCatalogue;
-export type { ExtendedComponentProps, ExtendedIntrinsicElements, RenderableConstructor } from "../types/elements.js";

package/src/types/elements.d.ts

@@ -15,7 +15,7 @@ type ExtractRenderableOptions<TConstructor> = TConstructor extends new (ctx: Ren
 /** Extract the renderable type from a constructor */
 type ExtractRenderable<TConstructor> = TConstructor extends new (ctx: RenderContext, options: any) => infer TRenderable ? TRenderable : never;
 /** Determine which properties should be excluded from styling for different renderable types */
-export type GetNonStyledProperties<TConstructor> = TConstructor extends RenderableConstructor<TextRenderable> ? NonStyledProps | "content" : TConstructor extends RenderableConstructor<BoxRenderable> ? NonStyledProps | "title" | "bottomTitle" : TConstructor extends RenderableConstructor<ASCIIFontRenderable> ? NonStyledProps | "text" | "selectable" : TConstructor extends RenderableConstructor<InputRenderable> ? NonStyledProps | "placeholder" | "value" : TConstructor extends RenderableConstructor<CodeRenderable> ? NonStyledProps | "content" | "filetype" | "syntaxStyle" | "treeSitterClient" : TConstructor extends RenderableConstructor<MarkdownRenderable> ? NonStyledProps | "content" | "syntaxStyle" | "treeSitterClient" | "conceal" | "renderNode" : NonStyledProps;
+export type GetNonStyledProperties<TConstructor> = TConstructor extends RenderableConstructor<TextRenderable> ? NonStyledProps | "content" : TConstructor extends RenderableConstructor<BoxRenderable> ? NonStyledProps | "title" | "bottomTitle" : TConstructor extends RenderableConstructor<ASCIIFontRenderable> ? NonStyledProps | "text" | "selectable" : TConstructor extends RenderableConstructor<InputRenderable> ? NonStyledProps | "minLength" | "maxLength" | "placeholder" | "value" : TConstructor extends RenderableConstructor<CodeRenderable> ? NonStyledProps | "content" | "filetype" | "syntaxStyle" | "treeSitterClient" : TConstructor extends RenderableConstructor<MarkdownRenderable> ? NonStyledProps | "content" | "syntaxStyle" | "treeSitterClient" | "conceal" | "renderNode" : NonStyledProps;
 /** Base props for container components that accept children */
 type ContainerProps<TOptions> = TOptions & {
     children?: JSX.Element;