@opentui/solid 0.0.0-20250917-afb89399 → 0.0.0-20250919-c2d2d461

package/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "types": "index.d.ts",
   "type": "module",
-  "version": "0.0.0-20250917-afb89399",
+  "version": "0.0.0-20250919-c2d2d461",
   "description": "SolidJS renderer for OpenTUI",
   "license": "MIT",
   "repository": {
@@ -25,11 +25,12 @@
     "./jsx-dev-runtime": "./jsx-runtime.d.ts"
   },
   "dependencies": {
-    "@opentui/core": "0.0.0-20250917-afb89399",
-    "babel-plugin-module-resolver": "5.0.2",
     "@babel/core": "7.28.0",
     "@babel/preset-typescript": "7.27.1",
-    "babel-preset-solid": "1.9.9"
+    "@opentui/core": "0.0.0-20250919-c2d2d461",
+    "babel-plugin-module-resolver": "5.0.2",
+    "babel-preset-solid": "1.9.9",
+    "s-js": "^0.4.9"
   },
   "devDependencies": {
     "@types/babel__core": "7.20.5",

package/src/elements/extras.d.ts

@@ -0,0 +1,41 @@
+import { type DomNode } from "../reconciler";
+import type { JSX } from "../../jsx-runtime";
+import type { ValidComponent, ComponentProps } from "solid-js";
+/**
+ * Renders components somewhere else in the DOM
+ *
+ * Useful for inserting modals and tooltips outside of an cropping layout. If no mount point is given, the portal is inserted on the root renderable; it is wrapped in a `<box>`
+ *
+ * @description https://docs.solidjs.com/reference/components/portal
+ */
+export declare function Portal(props: {
+    mount?: DomNode;
+    ref?: (el: {}) => void;
+    children: JSX.Element;
+}): DomNode;
+export type DynamicProps<T extends ValidComponent, P = ComponentProps<T>> = {
+    [K in keyof P]: P[K];
+} & {
+    component: T | undefined;
+};
+/**
+ * Renders an arbitrary component or element with the given props
+ *
+ * This is a lower level version of the `Dynamic` component, useful for
+ * performance optimizations in libraries. Do not use this unless you know
+ * what you are doing.
+ * ```typescript
+ * const element = () => multiline() ? 'textarea' : 'input';
+ * createDynamic(element, { value: value() });
+ * ```
+ * @description https://docs.solidjs.com/reference/components/dynamic
+ */
+export declare function createDynamic<T extends ValidComponent>(component: () => T | undefined, props: ComponentProps<T>): JSX.Element;
+/**
+ * Renders an arbitrary custom or native component and passes the other props
+ * ```typescript
+ * <Dynamic component={multiline() ? 'textarea' : 'input'} value={value()} />
+ * ```
+ * @description https://docs.solidjs.com/reference/components/dynamic
+ */
+export declare function Dynamic<T extends ValidComponent>(props: DynamicProps<T>): JSX.Element;

package/src/elements/index.d.ts

@@ -1,6 +1,8 @@
 import { ASCIIFontRenderable, BoxRenderable, InputRenderable, ScrollBoxRenderable, SelectRenderable, TabSelectRenderable, TextNodeRenderable, TextRenderable, type RenderContext, type TextNodeOptions } from "@opentui/core";
 import type { RenderableConstructor } from "../types/elements";
 export * from "./hooks";
+export * from "./extras";
+export * from "./slot";
 declare class SpanRenderable extends TextNodeRenderable {
     private readonly _ctx;
     constructor(_ctx: RenderContext | null, options: TextNodeOptions);

package/src/elements/slot.d.ts

@@ -0,0 +1,38 @@
+import { BaseRenderable, TextNodeRenderable } from "@opentui/core";
+import { type Node as YogaNode } from "yoga-layout";
+declare class SlotBaseRenderable extends BaseRenderable {
+    constructor(id: string);
+    add(obj: BaseRenderable | unknown, index?: number): number;
+    getChildren(): BaseRenderable[];
+    remove(id: string): void;
+    insertBefore(obj: BaseRenderable | unknown, anchor: BaseRenderable | unknown): void;
+    getRenderable(id: string): BaseRenderable | undefined;
+    getChildrenCount(): number;
+    requestRender(): void;
+}
+export declare class TextSlotRenderable extends TextNodeRenderable {
+    protected slotParent?: SlotRenderable;
+    protected destroyed: boolean;
+    constructor(id: string, parent?: SlotRenderable);
+    destroy(): void;
+}
+export declare class LayoutSlotRenderable extends SlotBaseRenderable {
+    protected yogaNode: YogaNode;
+    protected slotParent?: SlotRenderable;
+    protected destroyed: boolean;
+    constructor(id: string, parent?: SlotRenderable);
+    getLayoutNode(): YogaNode;
+    updateFromLayout(): void;
+    updateLayout(): void;
+    onRemove(): void;
+    destroy(): void;
+}
+export declare class SlotRenderable extends SlotBaseRenderable {
+    layoutNode?: LayoutSlotRenderable;
+    textNode?: TextSlotRenderable;
+    protected destroyed: boolean;
+    constructor(id: string);
+    getSlotChild(parent: BaseRenderable): TextSlotRenderable | LayoutSlotRenderable;
+    destroy(): void;
+}
+export {};

package/src/reconciler.d.ts

@@ -1,3 +1,5 @@
 import { BaseRenderable } from "@opentui/core";
+import { SlotRenderable } from "./elements";
 export type DomNode = BaseRenderable;
+export declare function createSlotNode(): SlotRenderable;
 export declare const _render: (code: () => BaseRenderable, node: BaseRenderable) => () => void, effect: <T>(fn: (prev?: T) => T, init?: T) => void, memo: <T>(fn: () => T, equal: boolean) => () => T, createComponent: <T>(Comp: (props: T) => BaseRenderable, props: T) => BaseRenderable, createElement: (tag: string) => BaseRenderable, createTextNode: (value: string) => BaseRenderable, insertNode: (parent: BaseRenderable, node: BaseRenderable, anchor?: BaseRenderable | undefined) => void, insert: <T>(parent: any, accessor: T | (() => T), marker?: any | null, initial?: any) => BaseRenderable, spread: <T>(node: any, accessor: (() => T) | T, skipChildren?: boolean) => void, setProp: <T>(node: BaseRenderable, name: string, value: T, prev?: T | undefined) => T, mergeProps: (...sources: unknown[]) => unknown, use: <A, T>(fn: (element: BaseRenderable, arg: A) => T, element: BaseRenderable, arg: A) => T;

package/src/renderer/index.d.ts

@@ -0,0 +1,3 @@
+import type { RendererOptions, Renderer } from "./universal.js";
+export type { RendererOptions, Renderer } from "./universal.js";
+export declare function createRenderer<NodeType>(options: RendererOptions<NodeType>): Renderer<NodeType>;

package/src/renderer/universal.d.ts

@@ -0,0 +1,29 @@
+export function createRenderer({ createElement, createTextNode, createSlotNode, isTextNode, replaceText, insertNode, removeNode, setProperty, getParentNode, getFirstChild, getNextSibling, }: {
+    createElement: any;
+    createTextNode: any;
+    createSlotNode: any;
+    isTextNode: any;
+    replaceText: any;
+    insertNode: any;
+    removeNode: any;
+    setProperty: any;
+    getParentNode: any;
+    getFirstChild: any;
+    getNextSibling: any;
+}): {
+    render(code: any, element: any): undefined;
+    insert: (parent: any, accessor: any, marker: any, initial: any) => any;
+    spread(node: any, accessor: any, skipChildren: any): void;
+    createElement: any;
+    createTextNode: any;
+    insertNode: any;
+    setProp(node: any, name: any, value: any, prev: any): any;
+    mergeProps: typeof mergeProps;
+    effect: typeof createRenderEffect;
+    memo: (fn: any) => import("solid-js").Accessor<any>;
+    createComponent: typeof createComponent;
+    use(fn: any, element: any, arg: any): any;
+};
+import { mergeProps } from "solid-js";
+import { createRenderEffect } from "solid-js";
+import { createComponent } from "solid-js";

package/src/types/elements.d.ts

@@ -20,7 +20,7 @@ type ContainerProps<TOptions> = TOptions & {
     children?: JSX.Element;
 };
 /** Smart component props that automatically determine excluded properties */
-type ComponentProps<TOptions extends RenderableOptions<TRenderable>, TRenderable extends BaseRenderable> = TOptions & {
+type ComponentProps<TOptions extends RenderableOptions<TRenderable>, TRenderable extends BaseRenderable> = Omit<TOptions, "id"> & {
     style?: Partial<Omit<TOptions, GetNonStyledProperties<RenderableConstructor<TRenderable>>>>;
 } & ElementProps<TRenderable>;
 /** Valid text content types for Text component children */