@langchain/langgraph-sdk 0.0.46 → 0.0.47-experimental.0

package/dist/react/stream.d.ts

@@ -110,7 +110,7 @@ interface UseStreamOptions<StateType extends Record<string, unknown> = Record<st
      */
     onThreadId?: (threadId: string) => void;
 }
-interface UseStream<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate> {
+export interface UseStream<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate> {
     /**
      * The current values of the thread.
      */

package/dist/react-ui/client.cjs

@@ -0,0 +1,153 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bootstrapUiContext = exports.LoadExternalComponent = exports.useStreamContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../react/index.cjs");
+const React = __importStar(require("react"));
+const ReactDOM = __importStar(require("react-dom"));
+const JsxRuntime = __importStar(require("react/jsx-runtime"));
+const UseStreamContext = React.createContext(null);
+function useStreamContext() {
+    const ctx = React.useContext(UseStreamContext);
+    if (!ctx) {
+        throw new Error("useStreamContext must be used within a LoadExternalComponent");
+    }
+    return new Proxy(ctx, {
+        get(target, prop) {
+            if (prop === "meta")
+                return target.meta;
+            return target.stream[prop];
+        },
+    });
+}
+exports.useStreamContext = useStreamContext;
+class ComponentStore {
+    constructor() {
+        Object.defineProperty(this, "cache", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "boundCache", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "callbacks", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+    }
+    respond(shadowRootId, comp, targetElement) {
+        this.cache[shadowRootId] = { comp, target: targetElement };
+        this.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));
+    }
+    getBoundStore(shadowRootId) {
+        this.boundCache[shadowRootId] ??= {
+            subscribe: (onStoreChange) => {
+                this.callbacks[shadowRootId] ??= [];
+                this.callbacks[shadowRootId].push(onStoreChange);
+                return () => {
+                    this.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter((c) => c !== onStoreChange);
+                };
+            },
+            getSnapshot: () => this.cache[shadowRootId],
+        };
+        return this.boundCache[shadowRootId];
+    }
+}
+const COMPONENT_STORE = new ComponentStore();
+const COMPONENT_PROMISE_CACHE = {};
+const EXT_STORE_SYMBOL = Symbol.for("LGUI_EXT_STORE");
+const REQUIRE_SYMBOL = Symbol.for("LGUI_REQUIRE");
+function fetchComponent(apiUrl, assistantId, agentName) {
+    const cacheKey = `${apiUrl}-${assistantId}-${agentName}`;
+    if (COMPONENT_PROMISE_CACHE[cacheKey] != null) {
+        return COMPONENT_PROMISE_CACHE[cacheKey];
+    }
+    const request = fetch(`${apiUrl}/ui/${assistantId}`, {
+        headers: { Accept: "text/html", "Content-Type": "application/json" },
+        method: "POST",
+        body: JSON.stringify({ name: agentName }),
+    }).then((a) => a.text());
+    COMPONENT_PROMISE_CACHE[cacheKey] = request;
+    return request;
+}
+function LoadExternalComponent({ apiUrl = "http://localhost:2024", assistantId, stream, message, meta, fallback, ...props }) {
+    const ref = React.useRef(null);
+    const id = React.useId();
+    const shadowRootId = `child-shadow-${id}`;
+    const store = React.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);
+    const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
+    React.useEffect(() => {
+        fetchComponent(apiUrl, assistantId, message.name).then((html) => {
+            const dom = ref.current;
+            if (!dom)
+                return;
+            const root = dom.shadowRoot ?? dom.attachShadow({ mode: "open" });
+            const fragment = document
+                .createRange()
+                .createContextualFragment(html.replace("{{shadowRootId}}", shadowRootId));
+            root.appendChild(fragment);
+        });
+    }, [apiUrl, assistantId, message.name, shadowRootId]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { id: shadowRootId, ref: ref, ...props }), (0, jsx_runtime_1.jsx)(UseStreamContext.Provider, { value: { stream, meta }, children: state?.target != null
+                    ? ReactDOM.createPortal(React.createElement(state.comp, message.content), state.target)
+                    : fallback })] }));
+}
+exports.LoadExternalComponent = LoadExternalComponent;
+function bootstrapUiContext() {
+    if (typeof window === "undefined") {
+        console.warn("Attempting to bootstrap UI context outside of browser environment. " +
+            "Avoid importing from `@langchain/langgraph-sdk/react-ui` in server context.");
+        return;
+    }
+    window[EXT_STORE_SYMBOL] = COMPONENT_STORE;
+    window[REQUIRE_SYMBOL] = (name) => {
+        if (name === "react")
+            return React;
+        if (name === "react-dom")
+            return ReactDOM;
+        if (name === "react/jsx-runtime")
+            return JsxRuntime;
+        if (name === "@langchain/langgraph-sdk/react")
+            return { useStream: index_js_1.useStream };
+        if (name === "@langchain/langgraph-sdk/react-ui") {
+            return {
+                useStreamContext,
+                LoadExternalComponent: () => {
+                    throw new Error("Nesting LoadExternalComponent is not supported");
+                },
+            };
+        }
+        throw new Error(`Unknown module...: ${name}`);
+    };
+}
+exports.bootstrapUiContext = bootstrapUiContext;

package/dist/react-ui/client.d.ts

@@ -0,0 +1,73 @@
+import { useStream } from "../react/index.js";
+import type { UIMessage } from "./types.js";
+import * as React from "react";
+import * as JsxRuntime from "react/jsx-runtime";
+import type { UseStream } from "../react/stream.js";
+declare const UseStreamContext: React.Context<{
+    stream: UseStream<Record<string, unknown>, {
+        ConfigurableType?: Record<string, unknown> | undefined;
+        InterruptType?: unknown;
+        CustomEventType?: unknown;
+        UpdateType?: unknown;
+    }>;
+    meta: unknown;
+}>;
+type BagTemplate = {
+    ConfigurableType?: Record<string, unknown>;
+    InterruptType?: unknown;
+    CustomEventType?: unknown;
+    UpdateType?: unknown;
+    MetaType?: unknown;
+};
+type GetMetaType<Bag extends BagTemplate> = Bag extends {
+    MetaType: unknown;
+} ? Bag["MetaType"] : unknown;
+interface UseStreamContext<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends BagTemplate = BagTemplate> extends UseStream<StateType, Bag> {
+    meta?: GetMetaType<Bag>;
+}
+export declare function useStreamContext<StateType extends Record<string, unknown> = Record<string, unknown>, Bag extends {
+    ConfigurableType?: Record<string, unknown>;
+    InterruptType?: unknown;
+    CustomEventType?: unknown;
+    UpdateType?: unknown;
+    MetaType?: unknown;
+} = BagTemplate>(): UseStreamContext<StateType, Bag>;
+interface ComponentTarget {
+    comp: React.FunctionComponent | React.ComponentClass;
+    target: HTMLElement;
+}
+declare class ComponentStore {
+    private cache;
+    private boundCache;
+    private callbacks;
+    respond(shadowRootId: string, comp: React.FunctionComponent | React.ComponentClass, targetElement: HTMLElement): void;
+    getBoundStore(shadowRootId: string): {
+        subscribe: (onStoreChange: () => void) => () => void;
+        getSnapshot: () => ComponentTarget | undefined;
+    };
+}
+declare const EXT_STORE_SYMBOL: unique symbol;
+declare const REQUIRE_SYMBOL: unique symbol;
+interface LoadExternalComponentProps extends Pick<React.HTMLAttributes<HTMLDivElement>, "style" | "className"> {
+    /** API URL of the LangGraph Platform */
+    apiUrl?: string;
+    /** ID of the assistant */
+    assistantId: string;
+    /** Stream of the assistant */
+    stream: ReturnType<typeof useStream>;
+    /** UI message to be rendered */
+    message: UIMessage;
+    /** Additional context to be passed to the child component */
+    meta?: unknown;
+    /** Fallback to be rendered when the component is loading */
+    fallback?: React.ReactNode;
+}
+export declare function LoadExternalComponent({ apiUrl, assistantId, stream, message, meta, fallback, ...props }: LoadExternalComponentProps): JsxRuntime.JSX.Element;
+declare global {
+    interface Window {
+        [EXT_STORE_SYMBOL]: ComponentStore;
+        [REQUIRE_SYMBOL]: (name: string) => unknown;
+    }
+}
+export declare function bootstrapUiContext(): void;
+export {};

package/dist/react-ui/client.js

@@ -0,0 +1,124 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useStream } from "../react/index.js";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import * as JsxRuntime from "react/jsx-runtime";
+const UseStreamContext = React.createContext(null);
+export function useStreamContext() {
+    const ctx = React.useContext(UseStreamContext);
+    if (!ctx) {
+        throw new Error("useStreamContext must be used within a LoadExternalComponent");
+    }
+    return new Proxy(ctx, {
+        get(target, prop) {
+            if (prop === "meta")
+                return target.meta;
+            return target.stream[prop];
+        },
+    });
+}
+class ComponentStore {
+    constructor() {
+        Object.defineProperty(this, "cache", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "boundCache", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "callbacks", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+    }
+    respond(shadowRootId, comp, targetElement) {
+        this.cache[shadowRootId] = { comp, target: targetElement };
+        this.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));
+    }
+    getBoundStore(shadowRootId) {
+        this.boundCache[shadowRootId] ??= {
+            subscribe: (onStoreChange) => {
+                this.callbacks[shadowRootId] ??= [];
+                this.callbacks[shadowRootId].push(onStoreChange);
+                return () => {
+                    this.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter((c) => c !== onStoreChange);
+                };
+            },
+            getSnapshot: () => this.cache[shadowRootId],
+        };
+        return this.boundCache[shadowRootId];
+    }
+}
+const COMPONENT_STORE = new ComponentStore();
+const COMPONENT_PROMISE_CACHE = {};
+const EXT_STORE_SYMBOL = Symbol.for("LGUI_EXT_STORE");
+const REQUIRE_SYMBOL = Symbol.for("LGUI_REQUIRE");
+function fetchComponent(apiUrl, assistantId, agentName) {
+    const cacheKey = `${apiUrl}-${assistantId}-${agentName}`;
+    if (COMPONENT_PROMISE_CACHE[cacheKey] != null) {
+        return COMPONENT_PROMISE_CACHE[cacheKey];
+    }
+    const request = fetch(`${apiUrl}/ui/${assistantId}`, {
+        headers: { Accept: "text/html", "Content-Type": "application/json" },
+        method: "POST",
+        body: JSON.stringify({ name: agentName }),
+    }).then((a) => a.text());
+    COMPONENT_PROMISE_CACHE[cacheKey] = request;
+    return request;
+}
+export function LoadExternalComponent({ apiUrl = "http://localhost:2024", assistantId, stream, message, meta, fallback, ...props }) {
+    const ref = React.useRef(null);
+    const id = React.useId();
+    const shadowRootId = `child-shadow-${id}`;
+    const store = React.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);
+    const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
+    React.useEffect(() => {
+        fetchComponent(apiUrl, assistantId, message.name).then((html) => {
+            const dom = ref.current;
+            if (!dom)
+                return;
+            const root = dom.shadowRoot ?? dom.attachShadow({ mode: "open" });
+            const fragment = document
+                .createRange()
+                .createContextualFragment(html.replace("{{shadowRootId}}", shadowRootId));
+            root.appendChild(fragment);
+        });
+    }, [apiUrl, assistantId, message.name, shadowRootId]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { id: shadowRootId, ref: ref, ...props }), _jsx(UseStreamContext.Provider, { value: { stream, meta }, children: state?.target != null
+                    ? ReactDOM.createPortal(React.createElement(state.comp, message.content), state.target)
+                    : fallback })] }));
+}
+export function bootstrapUiContext() {
+    if (typeof window === "undefined") {
+        console.warn("Attempting to bootstrap UI context outside of browser environment. " +
+            "Avoid importing from `@langchain/langgraph-sdk/react-ui` in server context.");
+        return;
+    }
+    window[EXT_STORE_SYMBOL] = COMPONENT_STORE;
+    window[REQUIRE_SYMBOL] = (name) => {
+        if (name === "react")
+            return React;
+        if (name === "react-dom")
+            return ReactDOM;
+        if (name === "react/jsx-runtime")
+            return JsxRuntime;
+        if (name === "@langchain/langgraph-sdk/react")
+            return { useStream };
+        if (name === "@langchain/langgraph-sdk/react-ui") {
+            return {
+                useStreamContext,
+                LoadExternalComponent: () => {
+                    throw new Error("Nesting LoadExternalComponent is not supported");
+                },
+            };
+        }
+        throw new Error(`Unknown module...: ${name}`);
+    };
+}

package/dist/react-ui/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadExternalComponent = exports.useStreamContext = void 0;
+const client_js_1 = require("./client.cjs");
+(0, client_js_1.bootstrapUiContext)();
+var client_js_2 = require("./client.cjs");
+Object.defineProperty(exports, "useStreamContext", { enumerable: true, get: function () { return client_js_2.useStreamContext; } });
+Object.defineProperty(exports, "LoadExternalComponent", { enumerable: true, get: function () { return client_js_2.LoadExternalComponent; } });

package/dist/react-ui/index.d.ts

@@ -0,0 +1,2 @@
+export { useStreamContext, LoadExternalComponent } from "./client.js";
+export type { UIMessage, RemoveUIMessage } from "./types.js";

package/dist/react-ui/index.js

@@ -0,0 +1,3 @@
+import { bootstrapUiContext } from "./client.js";
+bootstrapUiContext();
+export { useStreamContext, LoadExternalComponent } from "./client.js";

package/dist/react-ui/server/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uiMessageReducer = exports.typedUi = void 0;
+var server_js_1 = require("./server.cjs");
+Object.defineProperty(exports, "typedUi", { enumerable: true, get: function () { return server_js_1.typedUi; } });
+var types_js_1 = require("../types.cjs");
+Object.defineProperty(exports, "uiMessageReducer", { enumerable: true, get: function () { return types_js_1.uiMessageReducer; } });

package/dist/react-ui/server/index.d.ts

@@ -0,0 +1,2 @@
+export { typedUi } from "./server.js";
+export { uiMessageReducer, type UIMessage, type RemoveUIMessage, } from "../types.js";

package/dist/react-ui/server/index.js

@@ -0,0 +1,2 @@
+export { typedUi } from "./server.js";
+export { uiMessageReducer, } from "../types.js";

package/dist/react-ui/server/server.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.typedUi = void 0;
+const uuid_1 = require("uuid");
+const typedUi = (config) => {
+    let collect = [];
+    const runId = config.metadata?.run_id ?? config.runId;
+    if (!runId)
+        throw new Error("run_id is required");
+    const metadata = {
+        ...config.metadata,
+        tags: config.tags,
+        name: config.runName,
+        run_id: runId,
+    };
+    const create = (name, props) => ({
+        type: "ui",
+        id: (0, uuid_1.v4)(),
+        name,
+        content: props,
+        additional_kwargs: metadata,
+    });
+    const remove = (id) => ({ type: "remove-ui", id });
+    return {
+        create,
+        remove,
+        collect,
+        write: (name, props) => {
+            const evt = create(name, props);
+            collect.push(evt);
+            config.writer?.(evt);
+        },
+    };
+};
+exports.typedUi = typedUi;

package/dist/react-ui/server/server.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentPropsWithoutRef, ElementType } from "react";
+import type { RemoveUIMessage, UIMessage } from "../types.js";
+export declare const typedUi: <Decl extends Record<string, ElementType>>(config: {
+    writer?: (chunk: unknown) => void;
+    runId?: string;
+    metadata?: Record<string, unknown>;
+    tags?: string[];
+    runName?: string;
+}) => {
+    create: <K extends keyof Decl & string>(name: K, props: { [K_1 in keyof Decl]: ComponentPropsWithoutRef<Decl[K_1]>; }[K]) => UIMessage;
+    remove: (id: string) => RemoveUIMessage;
+    collect: (UIMessage | RemoveUIMessage)[];
+    write: <K_2 extends keyof Decl & string>(name: K_2, props: { [K_1 in keyof Decl]: ComponentPropsWithoutRef<Decl[K_1]>; }[K_2]) => void;
+};

package/dist/react-ui/server/server.js

@@ -0,0 +1,31 @@
+import { v4 as uuidv4 } from "uuid";
+export const typedUi = (config) => {
+    let collect = [];
+    const runId = config.metadata?.run_id ?? config.runId;
+    if (!runId)
+        throw new Error("run_id is required");
+    const metadata = {
+        ...config.metadata,
+        tags: config.tags,
+        name: config.runName,
+        run_id: runId,
+    };
+    const create = (name, props) => ({
+        type: "ui",
+        id: uuidv4(),
+        name,
+        content: props,
+        additional_kwargs: metadata,
+    });
+    const remove = (id) => ({ type: "remove-ui", id });
+    return {
+        create,
+        remove,
+        collect,
+        write: (name, props) => {
+            const evt = create(name, props);
+            collect.push(evt);
+            config.writer?.(evt);
+        },
+    };
+};

package/dist/react-ui/types.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uiMessageReducer = void 0;
+function uiMessageReducer(state, update) {
+    const events = Array.isArray(update) ? update : [update];
+    let newState = state.slice();
+    for (const event of events) {
+        if (event.type === "remove-ui") {
+            newState = newState.filter((ui) => ui.id !== event.id);
+            continue;
+        }
+        const index = state.findIndex((ui) => ui.id === event.id);
+        if (index !== -1) {
+            newState[index] = event;
+        }
+        else {
+            newState.push(event);
+        }
+    }
+    return newState;
+}
+exports.uiMessageReducer = uiMessageReducer;

package/dist/react-ui/types.d.ts

@@ -0,0 +1,15 @@
+export interface UIMessage {
+    type: "ui";
+    id: string;
+    name: string;
+    content: Record<string, unknown>;
+    additional_kwargs: {
+        run_id: string;
+        [key: string]: unknown;
+    };
+}
+export interface RemoveUIMessage {
+    type: "remove-ui";
+    id: string;
+}
+export declare function uiMessageReducer(state: UIMessage[], update: UIMessage | RemoveUIMessage | (UIMessage | RemoveUIMessage)[]): UIMessage[];

package/dist/react-ui/types.js

@@ -0,0 +1,18 @@
+export function uiMessageReducer(state, update) {
+    const events = Array.isArray(update) ? update : [update];
+    let newState = state.slice();
+    for (const event of events) {
+        if (event.type === "remove-ui") {
+            newState = newState.filter((ui) => ui.id !== event.id);
+            continue;
+        }
+        const index = state.findIndex((ui) => ui.id === event.id);
+        if (index !== -1) {
+            newState[index] = event;
+        }
+        else {
+            newState.push(event);
+        }
+    }
+    return newState;
+}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@langchain/langgraph-sdk",
-  "version": "0.0.46",
+  "version": "0.0.47-experimental.0",
   "description": "Client library for interacting with the LangGraph API",
   "type": "module",
   "packageManager": "yarn@1.22.19",
   "scripts": {
     "clean": "rm -rf dist/ dist-cjs/",
     "build": "yarn clean && yarn lc_build --create-entrypoints --pre --tree-shaking",
-    "prepublish": "yarn run build",
+    "prepack": "yarn run build",
     "format": "prettier --write src",
     "lint": "prettier --check src && tsc --noEmit",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest --testPathIgnorePatterns=\\.int\\.test.ts",
@@ -29,7 +29,8 @@
     "@types/jest": "^29.5.12",
     "@types/node": "^20.12.12",
     "@types/uuid": "^9.0.1",
-    "@types/react": "18.3.2",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
     "concat-md": "^0.5.1",
     "jest": "^29.7.0",
     "prettier": "^3.2.5",
@@ -37,7 +38,8 @@
     "typedoc": "^0.27.7",
     "typedoc-plugin-markdown": "^4.4.2",
     "typescript": "^5.4.5",
-    "react": "^18.3.1"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "peerDependencies": {
     "react": "^18 || ^19",
@@ -79,6 +81,24 @@
       "import": "./react.js",
       "require": "./react.cjs"
     },
+    "./react-ui": {
+      "types": {
+        "import": "./react-ui.d.ts",
+        "require": "./react-ui.d.cts",
+        "default": "./react-ui.d.ts"
+      },
+      "import": "./react-ui.js",
+      "require": "./react-ui.cjs"
+    },
+    "./react-ui/server": {
+      "types": {
+        "import": "./react-ui/server.d.ts",
+        "require": "./react-ui/server.d.cts",
+        "default": "./react-ui/server.d.ts"
+      },
+      "import": "./react-ui/server.js",
+      "require": "./react-ui/server.cjs"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -94,6 +114,14 @@
     "react.cjs",
     "react.js",
     "react.d.ts",
-    "react.d.cts"
+    "react.d.cts",
+    "react-ui.cjs",
+    "react-ui.js",
+    "react-ui.d.ts",
+    "react-ui.d.cts",
+    "react-ui/server.cjs",
+    "react-ui/server.js",
+    "react-ui/server.d.ts",
+    "react-ui/server.d.cts"
   ]
 }

package/react-ui/client.cjs

@@ -0,0 +1 @@
+module.exports = require('../dist/react-ui/client.cjs');

package/react-ui/client.d.cts

@@ -0,0 +1 @@
+export * from '../dist/react-ui/client.js'

package/react-ui/client.d.ts

@@ -0,0 +1 @@
+export * from '../dist/react-ui/client.js'

package/react-ui/client.js

@@ -0,0 +1 @@
+export * from '../dist/react-ui/client.js'

package/react-ui/server.cjs

@@ -0,0 +1 @@
+module.exports = require('../dist/react-ui/server/index.cjs');

package/react-ui/server.d.cts

@@ -0,0 +1 @@
+export * from '../dist/react-ui/server/index.js'

package/react-ui/server.d.ts

@@ -0,0 +1 @@
+export * from '../dist/react-ui/server/index.js'

package/react-ui/server.js

@@ -0,0 +1 @@
+export * from '../dist/react-ui/server/index.js'

package/react-ui.cjs

@@ -0,0 +1 @@
+module.exports = require('./dist/react-ui/index.cjs');

package/react-ui.d.cts

@@ -0,0 +1 @@
+export * from './dist/react-ui/index.js'

package/react-ui.d.ts

@@ -0,0 +1 @@
+export * from './dist/react-ui/index.js'

package/react-ui.js

@@ -0,0 +1 @@
+export * from './dist/react-ui/index.js'