@assistant-ui/react 0.14.28 → 0.15.0

package/src/tests/generative-ui.test.tsx

@@ -66,37 +66,6 @@ describe("MessagePrimitive.GenerativeUI (same-realm renderer)", () => {
     expect(out).toContain("hello world");
   });
 
-  it("throws GenerativeUIRenderError for unknown components", () => {
-    const spec: GenerativeUISpec = {
-      root: { component: "NotAllowed", props: {} },
-    };
-
-    expect(() =>
-      renderToStaticMarkup(
-        <GenerativeUIRender spec={spec} components={{ Card }} />,
-      ),
-    ).toThrow(GenerativeUIRenderError);
-  });
-
-  it("uses Fallback when provided for unknown components", () => {
-    const spec: GenerativeUISpec = {
-      root: { component: "NotAllowed", props: { foo: 1 } },
-    };
-    const Fallback = ({ component }: any) => (
-      <span data-fallback={component}>missing</span>
-    );
-
-    const out = renderToStaticMarkup(
-      <GenerativeUIRender
-        spec={spec}
-        components={{ Card }}
-        Fallback={Fallback}
-      />,
-    );
-    expect(out).toContain('data-fallback="NotAllowed"');
-    expect(out).toContain("missing");
-  });
-
   it("handles empty / partial specs gracefully (stream-friendly)", () => {
     const out1 = renderToStaticMarkup(
       <GenerativeUIRender spec={{ root: [] }} components={{ Card }} />,
@@ -133,21 +102,7 @@ describe("MessagePrimitive.GenerativeUI (same-realm renderer)", () => {
     }
   });
 
-  it("respects user-provided keys", () => {
-    const spec: GenerativeUISpec = {
-      root: [
-        { component: "Card", props: { title: "x" }, key: "stable-1" },
-        { component: "Card", props: { title: "y" }, key: "stable-2" },
-      ],
-    };
-    expect(() =>
-      renderToStaticMarkup(
-        <GenerativeUIRender spec={spec} components={{ Card }} />,
-      ),
-    ).not.toThrow();
-  });
-
-  it("is a typed error subclass with the offending component name", () => {
+  it("throws a typed error naming the offending unknown component", () => {
     try {
       renderToStaticMarkup(
         <GenerativeUIRender

package/src/tests/local-runtime-queue.test.tsx

@@ -27,8 +27,7 @@ const createCountingAdapter = () => {
 };
 
 const userTexts = (aui: ReturnType<typeof useAui>) =>
-  aui
-    .thread()
+  aui.thread
     .getState()
     .messages.filter((m) => m.role === "user")
     .map((m) =>
@@ -57,8 +56,8 @@ const renderWithRuntime = (adapter: ChatModelAdapter, enableQueue: boolean) => {
 
 const send = async (aui: ReturnType<typeof useAui>, text: string) => {
   await act(async () => {
-    aui.thread().composer().setText(text);
-    aui.thread().composer().send();
+    aui.thread.composer().setText(text);
+    aui.thread.composer().send();
     await flush();
   });
 };
@@ -69,13 +68,12 @@ describe("local runtime message queue", () => {
     const aui = renderWithRuntime(adapter, true);
 
     await send(aui, "first");
-    expect(aui.thread().getState().isRunning).toBe(true);
-    expect(aui.thread().getState().capabilities.queue).toBe(true);
+    expect(aui.thread.getState().isRunning).toBe(true);
+    expect(aui.thread.getState().capabilities.queue).toBe(true);
 
     await send(aui, "second");
     expect(
-      aui
-        .thread()
+      aui.thread
         .composer()
         .getState()
         .queue.map((q) => q.prompt),
@@ -87,7 +85,7 @@ describe("local runtime message queue", () => {
       await flush();
       await flush();
     });
-    expect(aui.thread().composer().getState().queue).toEqual([]);
+    expect(aui.thread.composer().getState().queue).toEqual([]);
     expect(userTexts(aui)).toContain("second");
   });
 
@@ -100,7 +98,7 @@ describe("local runtime message queue", () => {
 
     await send(aui, "a");
     await send(aui, "b");
-    expect(aui.thread().composer().getState().queue).toHaveLength(2);
+    expect(aui.thread.composer().getState().queue).toHaveLength(2);
 
     await act(async () => {
       releases[0]!();
@@ -109,8 +107,7 @@ describe("local runtime message queue", () => {
     });
     expect(getRunCount()).toBe(2);
     expect(
-      aui
-        .thread()
+      aui.thread
         .composer()
         .getState()
         .queue.map((q) => q.prompt),
@@ -124,13 +121,13 @@ describe("local runtime message queue", () => {
     await send(aui, "first");
     await send(aui, "a");
     await send(aui, "b");
-    expect(aui.thread().composer().getState().queue).toHaveLength(2);
+    expect(aui.thread.composer().getState().queue).toHaveLength(2);
 
     await act(async () => {
-      aui.thread().composer().queueItem({ index: 0 }).remove();
+      aui.thread.composer().queueItem({ index: 0 }).remove();
       await flush();
     });
-    const queue = aui.thread().composer().getState().queue;
+    const queue = aui.thread.composer().getState().queue;
     expect(queue).toHaveLength(1);
     expect(queue[0]!.prompt).toBe("b");
   });
@@ -142,15 +139,15 @@ describe("local runtime message queue", () => {
     await send(aui, "first");
     await send(aui, "a");
     await send(aui, "b");
-    expect(aui.thread().composer().getState().queue).toHaveLength(2);
+    expect(aui.thread.composer().getState().queue).toHaveLength(2);
 
     await act(async () => {
-      aui.thread().cancelRun();
+      aui.thread.cancelRun();
       await flush();
       await flush();
     });
 
-    expect(aui.thread().composer().getState().queue).toEqual([]);
+    expect(aui.thread.composer().getState().queue).toEqual([]);
     // cancelling must not start the next queued message
     expect(getRunCount()).toBe(1);
   });
@@ -168,11 +165,11 @@ describe("local runtime message queue", () => {
     // start a second run and queue a message behind it
     await send(aui, "second");
     await send(aui, "queued");
-    expect(aui.thread().composer().getState().queue).toHaveLength(1);
+    expect(aui.thread.composer().getState().queue).toHaveLength(1);
 
     // edit the first message while the run is in progress
     await act(async () => {
-      const message = aui.thread().message({ index: 0 });
+      const message = aui.thread.message({ index: 0 });
       message.composer().beginEdit();
       message.composer().setText("edited");
       message.composer().send();
@@ -180,7 +177,7 @@ describe("local runtime message queue", () => {
     });
 
     // the edit is applied (branches the thread) and the stale queue is cleared
-    expect(aui.thread().composer().getState().queue).toEqual([]);
+    expect(aui.thread.composer().getState().queue).toEqual([]);
   });
 
   it("buffers a send during a regenerate instead of interrupting it", async () => {
@@ -196,22 +193,21 @@ describe("local runtime message queue", () => {
 
     // regenerate the assistant message: a run started outside the queue
     await act(async () => {
-      aui.thread().message({ index: 1 }).reload();
+      aui.thread.message({ index: 1 }).reload();
       await flush();
     });
     expect(getRunCount()).toBe(2);
-    expect(aui.thread().getState().isRunning).toBe(true);
+    expect(aui.thread.getState().isRunning).toBe(true);
 
     // sending now must buffer, not interrupt the regenerate
     await act(async () => {
-      aui.thread().composer().setText("Y");
-      aui.thread().composer().send();
+      aui.thread.composer().setText("Y");
+      aui.thread.composer().send();
       await flush();
     });
     expect(getRunCount()).toBe(2);
     expect(
-      aui
-        .thread()
+      aui.thread
         .composer()
         .getState()
         .queue.map((q) => q.prompt),
@@ -239,7 +235,7 @@ describe("local runtime message queue", () => {
     await send(aui, "first");
     await send(aui, "a");
     await send(aui, "b");
-    expect(aui.thread().composer().getState().queue).toHaveLength(2);
+    expect(aui.thread.composer().getState().queue).toHaveLength(2);
 
     // run 1 settles -> "a" drains (run 2 throws) -> "b" drains (run 3)
     await act(async () => {
@@ -248,18 +244,17 @@ describe("local runtime message queue", () => {
       await flush();
     });
     expect(runCount).toBe(3);
-    expect(aui.thread().composer().getState().queue).toEqual([]);
+    expect(aui.thread.composer().getState().queue).toEqual([]);
 
     // "b" is running; a new send must buffer behind it, not interrupt it
     await act(async () => {
-      aui.thread().composer().setText("c");
-      aui.thread().composer().send();
+      aui.thread.composer().setText("c");
+      aui.thread.composer().send();
       await flush();
     });
     expect(runCount).toBe(3);
     expect(
-      aui
-        .thread()
+      aui.thread
         .composer()
         .getState()
         .queue.map((q) => q.prompt),
@@ -269,7 +264,7 @@ describe("local runtime message queue", () => {
   it("does not expose the queue capability when the flag is off", async () => {
     const { adapter } = createCountingAdapter();
     const aui = renderWithRuntime(adapter, false);
-    expect(aui.thread().getState().capabilities.queue).toBe(false);
+    expect(aui.thread.getState().capabilities.queue).toBe(false);
   });
 
   it("tears the queue down when the flag is toggled off at runtime", async () => {

package/src/tests/messagePartSwitchRace.test.tsx

@@ -2,8 +2,8 @@
 
 import { act, cleanup, render, waitFor } from "@testing-library/react";
 import { flushSync } from "react-dom";
-import { useEffect, useState, type FC } from "react";
-import { afterEach, describe, expect, it } from "vitest";
+import { Component, useEffect, useState, type FC, type ReactNode } from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
 import { useAui, useAuiState } from "@assistant-ui/store";
 import { AssistantRuntimeProvider, PartByIndexProvider } from "../context";
 import { useLocalRuntime } from "../legacy-runtime/runtime-cores/local/useLocalRuntime";
@@ -83,14 +83,35 @@ const ChildrenMessage: FC = () => (
 );
 
 const InvalidPartReader: FC = () => {
-  useAuiState((s) => s.part.type);
-  return null;
+  const part = useAuiState((s) => s.part);
+  return (
+    <p data-testid="invalid-part">
+      {part.type === "text" ? part.text : part.type}
+    </p>
+  );
 };
 
+class PartErrorBoundary extends Component<
+  { children: ReactNode },
+  { error: Error | null }
+> {
+  override state: { error: Error | null } = { error: null };
+  static getDerivedStateFromError(error: Error) {
+    return { error };
+  }
+  override render() {
+    if (this.state.error)
+      return <p data-testid="part-error">{this.state.error.message}</p>;
+    return this.props.children;
+  }
+}
+
 const InvalidPartMessage: FC = () => (
-  <PartByIndexProvider index={2}>
-    <InvalidPartReader />
-  </PartByIndexProvider>
+  <PartErrorBoundary>
+    <PartByIndexProvider index={2}>
+      <InvalidPartReader />
+    </PartByIndexProvider>
+  </PartErrorBoundary>
 );
 
 const App: FC<{ MessageComponent?: FC }> = ({ MessageComponent = Message }) => {
@@ -111,8 +132,8 @@ afterEach(() => {
   harness.runtime = null;
 });
 
-describe("part hooks under a thread-switch race (#5118)", () => {
-  it("an out-of-band flushSync re-render during the swap window does not crash", async () => {
+describe("part hooks under a thread-switch race", () => {
+  it("swaps every part when the incoming message has different part types", async () => {
     let view!: ReturnType<typeof render>;
     await act(async () => {
       view = render(<App />);
@@ -148,11 +169,21 @@ describe("part hooks under a thread-switch race (#5118)", () => {
     },
   );
 
-  it("still rejects an index that was never valid", async () => {
-    await expect(
-      act(async () => {
-        render(<App MessageComponent={InvalidPartMessage} />);
-      }),
-    ).rejects.toThrow("useClientLookup: Index 2 out of bounds (length: 2)");
+  it("throws to the error boundary for an index that was never valid", async () => {
+    const consoleError = vi
+      .spyOn(console, "error")
+      .mockImplementation(() => {});
+    try {
+      let view!: ReturnType<typeof render>;
+      await act(async () => {
+        view = render(<App MessageComponent={InvalidPartMessage} />);
+      });
+      expect(view.queryByTestId("invalid-part")).toBeNull();
+      expect(view.getByTestId("part-error").textContent).toContain(
+        "useClientLookup: index 2 out of bounds (length: 2)",
+      );
+    } finally {
+      consoleError.mockRestore();
+    }
   });
 });

package/src/tests/messagePartTypeMismatch.test.tsx

@@ -69,7 +69,7 @@ const renderToolCallMessage = (renderPart: () => ReactNode) => {
   );
 };
 
-describe("part hooks tolerate a transient part-type mismatch (#5118)", () => {
+describe("part hooks tolerate a transient part-type mismatch", () => {
   it("MessagePartPrimitive.Text renders empty when the part is a tool-call", async () => {
     renderToolCallMessage(() => (
       <MessagePartPrimitive.Text data-testid="text" />
@@ -121,7 +121,7 @@ describe("part hooks tolerate a transient part-type mismatch (#5118)", () => {
     expect(file.textContent).toBe("");
   });
 
-  it("a real text part still renders its text (no regression in the happy path)", async () => {
+  it("a real text part still renders its text", async () => {
     const textMessage: ThreadMessageLike[] = [
       {
         role: "assistant",

package/src/tests/threadMessageById.test.tsx

@@ -215,10 +215,3 @@ describe("ThreadPrimitive.Unstable_MessageById", () => {
     expect(screen.getByTestId("by-id").textContent).toBe("first");
   });
 });
-
-describe("exports", () => {
-  it("exposes the unstable id-keyed surface", () => {
-    expect(typeof unstable_useThreadMessageIds).toBe("function");
-    expect(ThreadPrimitive.Unstable_MessageById).toBeDefined();
-  });
-});

package/src/unstable/useComposerInput.test.tsx

@@ -18,11 +18,11 @@ const flushTapSync = vi.fn((fn: () => void) => fn());
 
 vi.mock("@assistant-ui/store", () => ({
   useAui: () => ({
-    composer: () => ({
+    composer: {
       getState: () => ({ isEditing: fixture.composer.isEditing }),
       setText: composerSetText,
       send: composerSend,
-    }),
+    },
   }),
   useAuiState: (selector: (s: unknown) => unknown) =>
     selector({

package/src/unstable/useComposerInput.ts

@@ -83,9 +83,9 @@ export function unstable_useComposerInput(
 
   const setText = useCallback(
     (text: string) => {
-      if (!aui.composer().getState().isEditing) return;
+      if (!aui.composer.getState().isEditing) return;
       flushTapSync(() => {
-        aui.composer().setText(text);
+        aui.composer.setText(text);
       });
     },
     [aui],

package/src/unstable/useComposerInputHistory.test.tsx

@@ -12,11 +12,11 @@ const setText = vi.fn();
 
 vi.mock("@assistant-ui/store", () => ({
   useAui: () => ({
-    composer: () => ({
+    composer: {
       getState: () => ({ type: fixture.composerType }),
       setText,
-    }),
-    thread: () => ({ getState: () => ({ messages: fixture.messages }) }),
+    },
+    thread: { getState: () => ({ messages: fixture.messages }) },
     on: (_event: string, cb: () => void) => {
       fixture.switchedToHandlers.push(cb);
       return () => {};

package/src/unstable/useComposerInputHistory.ts

@@ -70,7 +70,7 @@ export function unstable_useComposerInputHistory(): Unstable_ComposerInputHistor
   const browseRef = useRef<BrowseState | null>(null);
 
   useEffect(() => {
-    if (aui.composer().getState().type !== "thread") return undefined;
+    if (aui.composer.getState().type !== "thread") return undefined;
 
     return aui.on("threadListItem.switchedTo", () => {
       browseRef.current = null;
@@ -84,7 +84,7 @@ export function unstable_useComposerInputHistory(): Unstable_ComposerInputHistor
       if (e.nativeEvent.isComposing) return;
       if (e.shiftKey || e.ctrlKey || e.metaKey || e.altKey) return;
       if (popoverCtx && popoverCtx.getActiveAria() !== null) return;
-      if (aui.composer().getState().type !== "thread") return;
+      if (aui.composer.getState().type !== "thread") return;
 
       const textarea = e.currentTarget;
       const { selectionStart, selectionEnd, value } = textarea;
@@ -96,7 +96,7 @@ export function unstable_useComposerInputHistory(): Unstable_ComposerInputHistor
       const browse = browseRef.current;
 
       const commitText = (text: string): void => {
-        flushTapSync(() => aui.composer().setText(text));
+        flushTapSync(() => aui.composer.setText(text));
         // React's controlled-value commit restores the pre-recall caret;
         // reposition after the commit, before paint.
         requestAnimationFrame(() => {
@@ -124,13 +124,13 @@ export function unstable_useComposerInputHistory(): Unstable_ComposerInputHistor
 
         if (!browse) {
           if (value.trim() !== "") return;
-          const history = deriveHistory(aui.thread().getState().messages);
+          const history = deriveHistory(aui.thread.getState().messages);
           if (history.length === 0) return;
           recall(history, 0, value);
           return;
         }
 
-        const history = deriveHistory(aui.thread().getState().messages);
+        const history = deriveHistory(aui.thread.getState().messages);
         const next = browse.cursor + 1;
         if (next >= history.length) {
           e.preventDefault();
@@ -150,7 +150,7 @@ export function unstable_useComposerInputHistory(): Unstable_ComposerInputHistor
         return;
       }
 
-      const history = deriveHistory(aui.thread().getState().messages);
+      const history = deriveHistory(aui.thread.getState().messages);
       recall(history, next, browse.draftSnapshot);
     },
     [aui, popoverCtx],

package/src/unstable/useMentionAdapter.ts

@@ -107,7 +107,7 @@ export function unstable_useMentionAdapter(
   const adapter = useMemo<Unstable_TriggerAdapter>(() => {
     const getModelContextTools = (): Unstable_TriggerItem[] => {
       if (!wantsTools) return [];
-      const ctx = aui.thread().getModelContext();
+      const ctx = aui.thread.getModelContext();
       const tools = ctx.tools;
       if (!tools) return [];
       const formatLabel = toolsConfig?.formatLabel;

package/src/utils/smooth/SmoothContext.tsx

@@ -38,7 +38,7 @@ export const SmoothContextProvider: FC<PropsWithChildren> = ({ children }) => {
   const aui = useAui();
 
   const [context] = useState(() =>
-    makeSmoothContext(aui.part().getState().status),
+    makeSmoothContext(aui.part.getState().status),
   );
 
   // do not wrap if there is an outer SmoothContextProvider

package/src/utils/smooth/useSmooth.test.tsx

@@ -9,7 +9,7 @@ import type {
 
 const part = {};
 vi.mock("@assistant-ui/store", () => ({
-  useAui: () => ({ part: () => part }),
+  useAui: () => ({ part }),
   useAuiState: (selector: () => unknown) => selector(),
 }));
 vi.mock("./SmoothContext", () => ({

package/src/utils/smooth/useSmooth.ts

@@ -58,10 +58,13 @@ class TextStreamAnimator {
   public maxCharsPerFrame: number = Infinity;
   public minCommitMs: number = 0;
 
-  constructor(
-    public currentText: string,
-    private setText: (newText: string) => void,
-  ) {}
+  public currentText: string;
+  private setText: (newText: string) => void;
+
+  constructor(currentText: string, setText: (newText: string) => void) {
+    this.currentText = currentText;
+    this.setText = setText;
+  }
 
   start() {
     if (this.animationFrameId !== null) return;
@@ -178,7 +181,7 @@ export const useSmooth = (
   // of relying on a render-time proxy reference that may be stable
   // across thread swaps.
   const aui = useAui();
-  const part = useAuiState(() => aui.part());
+  const part = useAuiState(() => aui.part);
   const [prevPart, setPrevPart] = useState(part);
   if (part !== prevPart || !text.startsWith(displayedText)) {
     setPrevPart(part);

package/dist/context/react/utils/createStateHookForRuntime.d.ts

@@ -1,34 +0,0 @@
-import { SubscribableRuntime } from "./useRuntimeState.js";
-//#region src/context/react/utils/createStateHookForRuntime.d.ts
-declare function createStateHookForRuntime<TState>(useRuntime: (options: {
-  optional: boolean | undefined;
-}) => SubscribableRuntime<TState> | null): {
-  (): TState;
-  <TSelected>(selector: (state: TState) => TSelected): TSelected;
-  <TSelected>(selector: ((state: TState) => TSelected) | undefined): TSelected | TState;
-  (options: {
-    optional?: false | undefined;
-  }): TState;
-  (options: {
-    optional?: boolean | undefined;
-  }): TState | null;
-  <TSelected>(options: {
-    optional?: false | undefined;
-    selector: (state: TState) => TSelected;
-  }): TSelected;
-  <TSelected>(options: {
-    optional?: false | undefined;
-    selector: ((state: TState) => TSelected) | undefined;
-  }): TSelected | TState;
-  <TSelected>(options: {
-    optional?: boolean | undefined;
-    selector: (state: TState) => TSelected;
-  }): TSelected | null;
-  <TSelected>(options: {
-    optional?: boolean | undefined;
-    selector: ((state: TState) => TSelected) | undefined;
-  }): TSelected | TState | null;
-};
-//#endregion
-export { createStateHookForRuntime };
-//# sourceMappingURL=createStateHookForRuntime.d.ts.map

package/dist/context/react/utils/createStateHookForRuntime.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createStateHookForRuntime.d.ts","names":[],"sources":["../../../../src/context/react/utils/createStateHookForRuntime.ts"],"mappings":";;iBAKgB,0BAA0B,QACxC,aAAa;EACX;MACI,oBAAoB;MAGD;GAGH,WAAS,WAClB,OAAO,WAAW,YAC5B;GAGmB,WAAS,YACjB,OAAO,WAAW,yBAC7B,YAAY;GAGgB;IAAE;MAAiC;GAGnC;IAC7B;MACE;GAGkB,WAAS;IAC7B;IACA,WAAW,OAAO,WAAW;MAC3B;GAGkB,WAAS;IAC7B;IACA,YAAY,OAAO,WAAW;MAC5B,YAAY;GAGM,WAAS;IAC7B;IACA,WAAW,OAAO,WAAW;MAC3B;GAGkB,WAAS;IAC7B;IACA,YAAY,OAAO,WAAW;MAC5B,YAAY"}

package/dist/context/react/utils/createStateHookForRuntime.js

@@ -1,21 +0,0 @@
-import { useRuntimeStateInternal } from "./useRuntimeState.js";
-//#region src/context/react/utils/createStateHookForRuntime.ts
-function createStateHookForRuntime(useRuntime) {
-	function useStoreHook(param) {
-		let optional = false;
-		let selector;
-		if (typeof param === "function") selector = param;
-		else if (param) {
-			optional = !!param.optional;
-			selector = param.selector;
-		}
-		const store = useRuntime({ optional });
-		if (!store) return null;
-		return useRuntimeStateInternal(store, selector);
-	}
-	return useStoreHook;
-}
-//#endregion
-export { createStateHookForRuntime };
-
-//# sourceMappingURL=createStateHookForRuntime.js.map

package/dist/context/react/utils/createStateHookForRuntime.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createStateHookForRuntime.js","names":["SubscribableRuntime","useRuntimeStateInternal","createStateHookForRuntime","useRuntime","options","optional","TState","useStoreHook","selector","state","TSelected","param","store"],"sources":["../../../../src/context/react/utils/createStateHookForRuntime.ts"],"sourcesContent":["import {\n  type SubscribableRuntime,\n  useRuntimeStateInternal,\n} from \"./useRuntimeState\";\n\nexport function createStateHookForRuntime<TState>(\n  useRuntime: (options: {\n    optional: boolean | undefined;\n  }) => SubscribableRuntime<TState> | null,\n) {\n  // empty\n  function useStoreHook(): TState;\n\n  // selector\n  function useStoreHook<TSelected>(\n    selector: (state: TState) => TSelected,\n  ): TSelected;\n\n  // selector?\n  function useStoreHook<TSelected>(\n    selector: ((state: TState) => TSelected) | undefined,\n  ): TSelected | TState;\n\n  // optional=false\n  function useStoreHook(options: { optional?: false | undefined }): TState;\n\n  // optional?\n  function useStoreHook(options: {\n    optional?: boolean | undefined;\n  }): TState | null;\n\n  // optional=false, selector\n  function useStoreHook<TSelected>(options: {\n    optional?: false | undefined;\n    selector: (state: TState) => TSelected;\n  }): TSelected;\n\n  // optional=false, selector?\n  function useStoreHook<TSelected>(options: {\n    optional?: false | undefined;\n    selector: ((state: TState) => TSelected) | undefined;\n  }): TSelected | TState;\n\n  // optional?, selector\n  function useStoreHook<TSelected>(options: {\n    optional?: boolean | undefined;\n    selector: (state: TState) => TSelected;\n  }): TSelected | null;\n\n  // optional?, selector?\n  function useStoreHook<TSelected>(options: {\n    optional?: boolean | undefined;\n    selector: ((state: TState) => TSelected) | undefined;\n  }): TSelected | TState | null;\n\n  function useStoreHook<TSelected>(\n    param?:\n      | ((state: TState) => TSelected)\n      | {\n          optional?: boolean | undefined;\n          selector?: ((state: TState) => TSelected) | undefined;\n        },\n  ): TSelected | TState | null {\n    let optional = false;\n    let selector: ((state: TState) => TSelected) | undefined;\n\n    if (typeof param === \"function\") {\n      selector = param;\n    } else if (param) {\n      optional = !!param.optional;\n      selector = param.selector;\n    }\n\n    const store = useRuntime({ optional });\n    if (!store) return null;\n\n    // it is ok to call useRuntimeStateInternal conditionally because it will never become null if its available\n    return useRuntimeStateInternal(store, selector);\n  }\n\n  return useStoreHook;\n}\n"],"mappings":";;AAKA,SAAgBE,0BACdC,YAGA;CA8CA,SAASI,aACPI,OAM2B;EAC3B,IAAIN,WAAW;EACf,IAAIG;EAEJ,IAAI,OAAOG,UAAU,YACnBH,WAAWG;OACN,IAAIA,OAAO;GAChBN,WAAW,CAAC,CAACM,MAAMN;GACnBG,WAAWG,MAAMH;EACnB;EAEA,MAAMI,QAAQT,WAAW,EAAEE,SAAS,CAAC;EACrC,IAAI,CAACO,OAAO,OAAO;EAGnB,OAAOX,wBAAwBW,OAAOJ,QAAQ;CAChD;CAEA,OAAOD;AACT"}