@assistant-ui/react 0.14.7 → 0.14.8

package/dist/primitives/thread/useThreadViewportAutoScroll.js

@@ -1,135 +1,102 @@
 "use client";
-import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { useCallback, useLayoutEffect, useRef } from "react";
-import { useAuiEvent, useAuiState } from "@assistant-ui/store";
-import { useOnResizeContent } from "../../utils/hooks/useOnResizeContent.js";
+import { useThreadViewportStore } from "../../context/react/ThreadViewportContext.js";
+import { writableStore } from "../../context/ReadonlyStore.js";
 import { useOnScrollToBottom } from "../../utils/hooks/useOnScrollToBottom.js";
 import { useManagedRef } from "../../utils/hooks/useManagedRef.js";
-import { writableStore } from "../../context/ReadonlyStore.js";
-import { useThreadViewportStore } from "../../context/react/ThreadViewportContext.js";
-export const useThreadViewportAutoScroll = ({ autoScroll, scrollToBottomOnRunStart = true, scrollToBottomOnInitialize = true, scrollToBottomOnThreadSwitch = true, }) => {
-    const divRef = useRef(null);
-    const hasMessages = useAuiState((s) => s.thread.messages.length > 0);
-    const initializeScrollRequestedRef = useRef(false);
-    const scheduledFrameRef = useRef(null);
-    const threadViewportStore = useThreadViewportStore();
-    if (autoScroll === undefined) {
-        autoScroll = threadViewportStore.getState().turnAnchor !== "top";
-    }
-    const lastScrollTop = useRef(0);
-    // Pending bottom-scroll intent. Planted by initialize/run-start/switch/button
-    // triggers, cleared only when handleScroll confirms we reached bottom.
-    const scrollingToBottomBehaviorRef = useRef(null);
-    const scrollToBottom = useCallback((behavior) => {
-        const div = divRef.current;
-        if (!div)
-            return;
-        scrollingToBottomBehaviorRef.current = behavior;
-        div.scrollTo({ top: div.scrollHeight, behavior });
-    }, []);
-    const scheduleScrollToBottom = useCallback((behavior) => {
-        scrollingToBottomBehaviorRef.current = behavior;
-        if (scheduledFrameRef.current !== null) {
-            cancelAnimationFrame(scheduledFrameRef.current);
-        }
-        scheduledFrameRef.current = requestAnimationFrame(() => {
-            scheduledFrameRef.current = null;
-            scrollToBottom(behavior);
-        });
-    }, [scrollToBottom]);
-    useLayoutEffect(() => () => {
-        if (scheduledFrameRef.current !== null) {
-            cancelAnimationFrame(scheduledFrameRef.current);
-        }
-    }, []);
-    const hasActiveTopAnchor = useCallback(() => {
-        const state = threadViewportStore.getState();
-        return (state.turnAnchor === "top" &&
-            state.element.viewport === divRef.current &&
-            state.element.anchor !== null);
-    }, [threadViewportStore]);
-    const handleScroll = () => {
-        const div = divRef.current;
-        if (!div)
-            return;
-        const isAtBottom = threadViewportStore.getState().isAtBottom;
-        const newIsAtBottom = Math.abs(div.scrollHeight - div.scrollTop - div.clientHeight) < 1 ||
-            div.scrollHeight <= div.clientHeight;
-        const isInFlightDownwardScroll = !newIsAtBottom && lastScrollTop.current < div.scrollTop;
-        if (isInFlightDownwardScroll) {
-            // no-op: a smooth scroll-to-bottom fires many midpoint scroll events
-            // before landing, don't flicker isAtBottom or clear intent mid-animation
-        }
-        else {
-            if (newIsAtBottom) {
-                // newIsAtBottom is ambiguous when the viewport doesn't overflow —
-                // keep intent alive until content can actually scroll
-                const viewportOverflows = div.scrollHeight > div.clientHeight + 1;
-                if (viewportOverflows) {
-                    scrollingToBottomBehaviorRef.current = null;
-                }
-            }
-            const shouldUpdate = newIsAtBottom || scrollingToBottomBehaviorRef.current === null;
-            if (shouldUpdate && newIsAtBottom !== isAtBottom) {
-                writableStore(threadViewportStore).setState({
-                    isAtBottom: newIsAtBottom,
-                });
-            }
-        }
-        lastScrollTop.current = div.scrollTop;
-    };
-    const resizeRef = useOnResizeContent(() => {
-        const scrollBehavior = scrollingToBottomBehaviorRef.current;
-        if (scrollBehavior && hasActiveTopAnchor()) {
-            // Let the top-anchor reserve own scrolling while a run starts to avoid a bottom-scroll race.
-            scrollingToBottomBehaviorRef.current = null;
-        }
-        else if (scrollBehavior) {
-            scrollToBottom(scrollBehavior);
-        }
-        else if (autoScroll && threadViewportStore.getState().isAtBottom) {
-            scrollToBottom("instant");
-        }
-        handleScroll();
-    });
-    const scrollRef = useManagedRef((el) => {
-        el.addEventListener("scroll", handleScroll);
-        return () => {
-            el.removeEventListener("scroll", handleScroll);
-        };
-    });
-    useLayoutEffect(() => {
-        if (!scrollToBottomOnInitialize)
-            return;
-        if (!hasMessages) {
-            initializeScrollRequestedRef.current = false;
-            return;
-        }
-        if (initializeScrollRequestedRef.current)
-            return;
-        initializeScrollRequestedRef.current = true;
-        // defer to an in-flight run (e.g. first message on a new thread) that
-        // already planted intent — otherwise we'd downgrade its "auto" to "instant"
-        if (scrollingToBottomBehaviorRef.current !== null)
-            return;
-        scheduleScrollToBottom("instant");
-    }, [hasMessages, scheduleScrollToBottom, scrollToBottomOnInitialize]);
-    useOnScrollToBottom(({ behavior }) => {
-        scrollToBottom(behavior);
-    });
-    useAuiEvent("thread.runStart", () => {
-        if (!scrollToBottomOnRunStart)
-            return;
-        if (threadViewportStore.getState().turnAnchor === "top")
-            return;
-        scheduleScrollToBottom("auto");
-    });
-    useAuiEvent("threadListItem.switchedTo", () => {
-        if (!scrollToBottomOnThreadSwitch)
-            return;
-        scheduleScrollToBottom("instant");
-    });
-    const autoScrollRef = useComposedRefs(resizeRef, scrollRef, divRef);
-    return autoScrollRef;
+import { useOnResizeContent } from "../../utils/hooks/useOnResizeContent.js";
+import { useAuiEvent, useAuiState } from "@assistant-ui/store";
+import { useCallback, useLayoutEffect, useRef } from "react";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+//#region src/primitives/thread/useThreadViewportAutoScroll.ts
+const useThreadViewportAutoScroll = ({ autoScroll, scrollToBottomOnRunStart = true, scrollToBottomOnInitialize = true, scrollToBottomOnThreadSwitch = true }) => {
+	const divRef = useRef(null);
+	const hasMessages = useAuiState((s) => s.thread.messages.length > 0);
+	const initializeScrollRequestedRef = useRef(false);
+	const scheduledFrameRef = useRef(null);
+	const threadViewportStore = useThreadViewportStore();
+	if (autoScroll === void 0) autoScroll = threadViewportStore.getState().turnAnchor !== "top";
+	const lastScrollTop = useRef(0);
+	const scrollingToBottomBehaviorRef = useRef(null);
+	const scrollToBottom = useCallback((behavior) => {
+		const div = divRef.current;
+		if (!div) return;
+		scrollingToBottomBehaviorRef.current = behavior;
+		div.scrollTo({
+			top: div.scrollHeight,
+			behavior
+		});
+	}, []);
+	const scheduleScrollToBottom = useCallback((behavior) => {
+		scrollingToBottomBehaviorRef.current = behavior;
+		if (scheduledFrameRef.current !== null) cancelAnimationFrame(scheduledFrameRef.current);
+		scheduledFrameRef.current = requestAnimationFrame(() => {
+			scheduledFrameRef.current = null;
+			scrollToBottom(behavior);
+		});
+	}, [scrollToBottom]);
+	useLayoutEffect(() => () => {
+		if (scheduledFrameRef.current !== null) cancelAnimationFrame(scheduledFrameRef.current);
+	}, []);
+	const hasActiveTopAnchor = useCallback(() => {
+		const state = threadViewportStore.getState();
+		return state.turnAnchor === "top" && state.element.viewport === divRef.current && state.element.anchor !== null;
+	}, [threadViewportStore]);
+	const handleScroll = () => {
+		const div = divRef.current;
+		if (!div) return;
+		const isAtBottom = threadViewportStore.getState().isAtBottom;
+		const newIsAtBottom = Math.abs(div.scrollHeight - div.scrollTop - div.clientHeight) < 1 || div.scrollHeight <= div.clientHeight;
+		if (!newIsAtBottom && lastScrollTop.current < div.scrollTop) {} else {
+			if (newIsAtBottom) {
+				if (div.scrollHeight > div.clientHeight + 1) scrollingToBottomBehaviorRef.current = null;
+			}
+			if ((newIsAtBottom || scrollingToBottomBehaviorRef.current === null) && newIsAtBottom !== isAtBottom) writableStore(threadViewportStore).setState({ isAtBottom: newIsAtBottom });
+		}
+		lastScrollTop.current = div.scrollTop;
+	};
+	const resizeRef = useOnResizeContent(() => {
+		const scrollBehavior = scrollingToBottomBehaviorRef.current;
+		if (scrollBehavior && hasActiveTopAnchor()) scrollingToBottomBehaviorRef.current = null;
+		else if (scrollBehavior) scrollToBottom(scrollBehavior);
+		else if (autoScroll && threadViewportStore.getState().isAtBottom) scrollToBottom("instant");
+		handleScroll();
+	});
+	const scrollRef = useManagedRef((el) => {
+		el.addEventListener("scroll", handleScroll);
+		return () => {
+			el.removeEventListener("scroll", handleScroll);
+		};
+	});
+	useLayoutEffect(() => {
+		if (!scrollToBottomOnInitialize) return;
+		if (!hasMessages) {
+			initializeScrollRequestedRef.current = false;
+			return;
+		}
+		if (initializeScrollRequestedRef.current) return;
+		initializeScrollRequestedRef.current = true;
+		if (scrollingToBottomBehaviorRef.current !== null) return;
+		scheduleScrollToBottom("instant");
+	}, [
+		hasMessages,
+		scheduleScrollToBottom,
+		scrollToBottomOnInitialize
+	]);
+	useOnScrollToBottom(({ behavior }) => {
+		scrollToBottom(behavior);
+	});
+	useAuiEvent("thread.runStart", () => {
+		if (!scrollToBottomOnRunStart) return;
+		if (threadViewportStore.getState().turnAnchor === "top") return;
+		scheduleScrollToBottom("auto");
+	});
+	useAuiEvent("threadListItem.switchedTo", () => {
+		if (!scrollToBottomOnThreadSwitch) return;
+		scheduleScrollToBottom("instant");
+	});
+	return useComposedRefs(resizeRef, scrollRef, divRef);
 };
+//#endregion
+export { useThreadViewportAutoScroll };
+
 //# sourceMappingURL=useThreadViewportAutoScroll.js.map

package/dist/primitives/thread/useThreadViewportAutoScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThreadViewportAutoScroll.js","sourceRoot":"","sources":["../../../src/primitives/thread/useThreadViewportAutoScroll.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useThreadViewportAutoScroll.js","names":[],"sources":["../../../src/primitives/thread/useThreadViewportAutoScroll.ts"],"sourcesContent":["\"use client\";\n\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useCallback, useLayoutEffect, useRef, type RefCallback } from \"react\";\nimport { useAuiEvent, useAuiState } from \"@assistant-ui/store\";\nimport { useOnResizeContent } from \"../../utils/hooks/useOnResizeContent\";\nimport { useOnScrollToBottom } from \"../../utils/hooks/useOnScrollToBottom\";\nimport { useManagedRef } from \"../../utils/hooks/useManagedRef\";\nimport { writableStore } from \"../../context/ReadonlyStore\";\nimport { useThreadViewportStore } from \"../../context/react/ThreadViewportContext\";\n\nexport namespace useThreadViewportAutoScroll {\n  export type Options = {\n    /**\n     * Whether to automatically scroll to the bottom when new messages are added.\n     * When enabled, the viewport will automatically scroll to show the latest content.\n     *\n     * Default false if `turnAnchor` is \"top\", otherwise defaults to true.\n     */\n    autoScroll?: boolean | undefined;\n\n    /**\n     * Whether to scroll to bottom when a new run starts.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnRunStart?: boolean | undefined;\n\n    /**\n     * Whether to scroll to bottom when messages first appear in the thread.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnInitialize?: boolean | undefined;\n\n    /**\n     * Whether to scroll to bottom when switching to a different thread.\n     *\n     * Defaults to true.\n     */\n    scrollToBottomOnThreadSwitch?: boolean | undefined;\n  };\n}\n\nexport const useThreadViewportAutoScroll = <TElement extends HTMLElement>({\n  autoScroll,\n  scrollToBottomOnRunStart = true,\n  scrollToBottomOnInitialize = true,\n  scrollToBottomOnThreadSwitch = true,\n}: useThreadViewportAutoScroll.Options): RefCallback<TElement> => {\n  const divRef = useRef<TElement>(null);\n  const hasMessages = useAuiState((s) => s.thread.messages.length > 0);\n  const initializeScrollRequestedRef = useRef(false);\n  const scheduledFrameRef = useRef<number | null>(null);\n\n  const threadViewportStore = useThreadViewportStore();\n  if (autoScroll === undefined) {\n    autoScroll = threadViewportStore.getState().turnAnchor !== \"top\";\n  }\n\n  const lastScrollTop = useRef<number>(0);\n\n  // Pending bottom-scroll intent. Planted by initialize/run-start/switch/button\n  // triggers, cleared only when handleScroll confirms we reached bottom.\n  const scrollingToBottomBehaviorRef = useRef<ScrollBehavior | null>(null);\n\n  const scrollToBottom = useCallback((behavior: ScrollBehavior) => {\n    const div = divRef.current;\n    if (!div) return;\n\n    scrollingToBottomBehaviorRef.current = behavior;\n    div.scrollTo({ top: div.scrollHeight, behavior });\n  }, []);\n\n  const scheduleScrollToBottom = useCallback(\n    (behavior: ScrollBehavior) => {\n      scrollingToBottomBehaviorRef.current = behavior;\n      if (scheduledFrameRef.current !== null) {\n        cancelAnimationFrame(scheduledFrameRef.current);\n      }\n      scheduledFrameRef.current = requestAnimationFrame(() => {\n        scheduledFrameRef.current = null;\n        scrollToBottom(behavior);\n      });\n    },\n    [scrollToBottom],\n  );\n\n  useLayoutEffect(\n    () => () => {\n      if (scheduledFrameRef.current !== null) {\n        cancelAnimationFrame(scheduledFrameRef.current);\n      }\n    },\n    [],\n  );\n\n  const hasActiveTopAnchor = useCallback(() => {\n    const state = threadViewportStore.getState();\n    return (\n      state.turnAnchor === \"top\" &&\n      state.element.viewport === divRef.current &&\n      state.element.anchor !== null\n    );\n  }, [threadViewportStore]);\n\n  const handleScroll = () => {\n    const div = divRef.current;\n    if (!div) return;\n\n    const isAtBottom = threadViewportStore.getState().isAtBottom;\n    const newIsAtBottom =\n      Math.abs(div.scrollHeight - div.scrollTop - div.clientHeight) < 1 ||\n      div.scrollHeight <= div.clientHeight;\n\n    const isInFlightDownwardScroll =\n      !newIsAtBottom && lastScrollTop.current < div.scrollTop;\n    if (isInFlightDownwardScroll) {\n      // no-op: a smooth scroll-to-bottom fires many midpoint scroll events\n      // before landing, don't flicker isAtBottom or clear intent mid-animation\n    } else {\n      if (newIsAtBottom) {\n        // newIsAtBottom is ambiguous when the viewport doesn't overflow —\n        // keep intent alive until content can actually scroll\n        const viewportOverflows = div.scrollHeight > div.clientHeight + 1;\n        if (viewportOverflows) {\n          scrollingToBottomBehaviorRef.current = null;\n        }\n      }\n\n      const shouldUpdate =\n        newIsAtBottom || scrollingToBottomBehaviorRef.current === null;\n\n      if (shouldUpdate && newIsAtBottom !== isAtBottom) {\n        writableStore(threadViewportStore).setState({\n          isAtBottom: newIsAtBottom,\n        });\n      }\n    }\n\n    lastScrollTop.current = div.scrollTop;\n  };\n\n  const resizeRef = useOnResizeContent(() => {\n    const scrollBehavior = scrollingToBottomBehaviorRef.current;\n    if (scrollBehavior && hasActiveTopAnchor()) {\n      // Let the top-anchor reserve own scrolling while a run starts to avoid a bottom-scroll race.\n      scrollingToBottomBehaviorRef.current = null;\n    } else if (scrollBehavior) {\n      scrollToBottom(scrollBehavior);\n    } else if (autoScroll && threadViewportStore.getState().isAtBottom) {\n      scrollToBottom(\"instant\");\n    }\n\n    handleScroll();\n  });\n\n  const scrollRef = useManagedRef<HTMLElement>((el) => {\n    el.addEventListener(\"scroll\", handleScroll);\n    return () => {\n      el.removeEventListener(\"scroll\", handleScroll);\n    };\n  });\n\n  useLayoutEffect(() => {\n    if (!scrollToBottomOnInitialize) return;\n    if (!hasMessages) {\n      initializeScrollRequestedRef.current = false;\n      return;\n    }\n    if (initializeScrollRequestedRef.current) return;\n\n    initializeScrollRequestedRef.current = true;\n    // defer to an in-flight run (e.g. first message on a new thread) that\n    // already planted intent — otherwise we'd downgrade its \"auto\" to \"instant\"\n    if (scrollingToBottomBehaviorRef.current !== null) return;\n    scheduleScrollToBottom(\"instant\");\n  }, [hasMessages, scheduleScrollToBottom, scrollToBottomOnInitialize]);\n\n  useOnScrollToBottom(({ behavior }) => {\n    scrollToBottom(behavior);\n  });\n\n  useAuiEvent(\"thread.runStart\", () => {\n    if (!scrollToBottomOnRunStart) return;\n    if (threadViewportStore.getState().turnAnchor === \"top\") return;\n    scheduleScrollToBottom(\"auto\");\n  });\n\n  useAuiEvent(\"threadListItem.switchedTo\", () => {\n    if (!scrollToBottomOnThreadSwitch) return;\n    scheduleScrollToBottom(\"instant\");\n  });\n\n  const autoScrollRef = useComposedRefs<TElement>(resizeRef, scrollRef, divRef);\n  return autoScrollRef as RefCallback<TElement>;\n};\n"],"mappings":"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"}

package/dist/primitives/thread.d.ts

@@ -1,12 +1,18 @@
-export { ThreadPrimitiveRoot as Root } from "./thread/ThreadRoot.js";
-export { ThreadPrimitiveEmpty as Empty } from "./thread/ThreadEmpty.js";
-export { ThreadPrimitiveIf as If } from "./thread/ThreadIf.js";
-export { ThreadPrimitiveViewport as Viewport } from "./thread/ThreadViewport.js";
-export { ThreadPrimitiveViewportProvider as ViewportProvider } from "../context/providers/ThreadViewportProvider.js";
-export { ThreadPrimitiveViewportFooter as ViewportFooter } from "./thread/ThreadViewportFooter.js";
-export { ThreadPrimitiveMessages as Messages } from "./thread/ThreadMessages.js";
-export { ThreadPrimitiveMessageByIndex as MessageByIndex } from "./thread/ThreadMessages.js";
-export { ThreadPrimitiveScrollToBottom as ScrollToBottom } from "./thread/ThreadScrollToBottom.js";
-export { ThreadPrimitiveSuggestion as Suggestion } from "./thread/ThreadSuggestion.js";
-export { ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, } from "./thread/ThreadSuggestions.js";
+import { ThreadPrimitiveViewportProvider } from "../context/providers/ThreadViewportProvider.js";
+import { ThreadPrimitiveRoot } from "./thread/ThreadRoot.js";
+import { ThreadPrimitiveEmpty } from "./thread/ThreadEmpty.js";
+import { ThreadPrimitiveIf } from "./thread/ThreadIf.js";
+import { ThreadPrimitiveViewport } from "./thread/ThreadViewport.js";
+import { ThreadPrimitiveViewportFooter } from "./thread/ThreadViewportFooter.js";
+import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages } from "./thread/ThreadMessages.js";
+import { ThreadPrimitiveScrollToBottom } from "./thread/ThreadScrollToBottom.js";
+import { ThreadPrimitiveSuggestion } from "./thread/ThreadSuggestion.js";
+import { ThreadPrimitiveSuggestionByIndex, ThreadPrimitiveSuggestions } from "./thread/ThreadSuggestions.js";
+
+//#region src/primitives/thread.d.ts
+declare namespace thread_d_exports {
+  export { ThreadPrimitiveEmpty as Empty, ThreadPrimitiveIf as If, ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveMessages as Messages, ThreadPrimitiveRoot as Root, ThreadPrimitiveScrollToBottom as ScrollToBottom, ThreadPrimitiveSuggestion as Suggestion, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveViewport as Viewport, ThreadPrimitiveViewportFooter as ViewportFooter, ThreadPrimitiveViewportProvider as ViewportProvider };
+}
+//#endregion
+export { ThreadPrimitiveEmpty as Empty, ThreadPrimitiveIf as If, ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveMessages as Messages, ThreadPrimitiveRoot as Root, ThreadPrimitiveScrollToBottom as ScrollToBottom, ThreadPrimitiveSuggestion as Suggestion, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveViewport as Viewport, ThreadPrimitiveViewportFooter as ViewportFooter, ThreadPrimitiveViewportProvider as ViewportProvider, thread_d_exports };
 //# sourceMappingURL=thread.d.ts.map

package/dist/primitives/thread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../src/primitives/thread.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,IAAI,IAAI,EAAE,+BAA4B;AAClE,OAAO,EAAE,oBAAoB,IAAI,KAAK,EAAE,gCAA6B;AACrE,OAAO,EAAE,iBAAiB,IAAI,EAAE,EAAE,6BAA0B;AAC5D,OAAO,EAAE,uBAAuB,IAAI,QAAQ,EAAE,mCAAgC;AAC9E,OAAO,EAAE,+BAA+B,IAAI,gBAAgB,EAAE,uDAAoD;AAClH,OAAO,EAAE,6BAA6B,IAAI,cAAc,EAAE,yCAAsC;AAChG,OAAO,EAAE,uBAAuB,IAAI,QAAQ,EAAE,mCAAgC;AAC9E,OAAO,EAAE,6BAA6B,IAAI,cAAc,EAAE,mCAAgC;AAC1F,OAAO,EAAE,6BAA6B,IAAI,cAAc,EAAE,yCAAsC;AAChG,OAAO,EAAE,yBAAyB,IAAI,UAAU,EAAE,qCAAkC;AACpF,OAAO,EACL,0BAA0B,IAAI,WAAW,EACzC,gCAAgC,IAAI,iBAAiB,GACtD,sCAAmC"}
+{"version":3,"file":"thread.d.ts","names":[],"sources":["../../src/primitives/thread.ts"],"mappings":""}

package/dist/primitives/thread.js

@@ -1,12 +1,30 @@
-export { ThreadPrimitiveRoot as Root } from "./thread/ThreadRoot.js";
-export { ThreadPrimitiveEmpty as Empty } from "./thread/ThreadEmpty.js";
-export { ThreadPrimitiveIf as If } from "./thread/ThreadIf.js";
-export { ThreadPrimitiveViewport as Viewport } from "./thread/ThreadViewport.js";
-export { ThreadPrimitiveViewportProvider as ViewportProvider } from "../context/providers/ThreadViewportProvider.js";
-export { ThreadPrimitiveViewportFooter as ViewportFooter } from "./thread/ThreadViewportFooter.js";
-export { ThreadPrimitiveMessages as Messages } from "./thread/ThreadMessages.js";
-export { ThreadPrimitiveMessageByIndex as MessageByIndex } from "./thread/ThreadMessages.js";
-export { ThreadPrimitiveScrollToBottom as ScrollToBottom } from "./thread/ThreadScrollToBottom.js";
-export { ThreadPrimitiveSuggestion as Suggestion } from "./thread/ThreadSuggestion.js";
-export { ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, } from "./thread/ThreadSuggestions.js";
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { ThreadPrimitiveViewportProvider } from "../context/providers/ThreadViewportProvider.js";
+import { ThreadPrimitiveRoot } from "./thread/ThreadRoot.js";
+import { ThreadPrimitiveEmpty } from "./thread/ThreadEmpty.js";
+import { ThreadPrimitiveIf } from "./thread/ThreadIf.js";
+import { ThreadPrimitiveViewport } from "./thread/ThreadViewport.js";
+import { ThreadPrimitiveViewportFooter } from "./thread/ThreadViewportFooter.js";
+import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages } from "./thread/ThreadMessages.js";
+import { ThreadPrimitiveScrollToBottom } from "./thread/ThreadScrollToBottom.js";
+import { ThreadPrimitiveSuggestion } from "./thread/ThreadSuggestion.js";
+import { ThreadPrimitiveSuggestionByIndex, ThreadPrimitiveSuggestions } from "./thread/ThreadSuggestions.js";
+//#region src/primitives/thread.ts
+var thread_exports = /* @__PURE__ */ __exportAll({
+	Empty: () => ThreadPrimitiveEmpty,
+	If: () => ThreadPrimitiveIf,
+	MessageByIndex: () => ThreadPrimitiveMessageByIndex,
+	Messages: () => ThreadPrimitiveMessages,
+	Root: () => ThreadPrimitiveRoot,
+	ScrollToBottom: () => ThreadPrimitiveScrollToBottom,
+	Suggestion: () => ThreadPrimitiveSuggestion,
+	SuggestionByIndex: () => ThreadPrimitiveSuggestionByIndex,
+	Suggestions: () => ThreadPrimitiveSuggestions,
+	Viewport: () => ThreadPrimitiveViewport,
+	ViewportFooter: () => ThreadPrimitiveViewportFooter,
+	ViewportProvider: () => ThreadPrimitiveViewportProvider
+});
+//#endregion
+export { ThreadPrimitiveEmpty as Empty, ThreadPrimitiveIf as If, ThreadPrimitiveMessageByIndex as MessageByIndex, ThreadPrimitiveMessages as Messages, ThreadPrimitiveRoot as Root, ThreadPrimitiveScrollToBottom as ScrollToBottom, ThreadPrimitiveSuggestion as Suggestion, ThreadPrimitiveSuggestionByIndex as SuggestionByIndex, ThreadPrimitiveSuggestions as Suggestions, ThreadPrimitiveViewport as Viewport, ThreadPrimitiveViewportFooter as ViewportFooter, ThreadPrimitiveViewportProvider as ViewportProvider, thread_exports };
+
 //# sourceMappingURL=thread.js.map

package/dist/primitives/thread.js.map

@@ -1 +1 @@
-{"version":3,"file":"thread.js","sourceRoot":"","sources":["../../src/primitives/thread.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,IAAI,IAAI,EAAE,+BAA4B;AAClE,OAAO,EAAE,oBAAoB,IAAI,KAAK,EAAE,gCAA6B;AACrE,OAAO,EAAE,iBAAiB,IAAI,EAAE,EAAE,6BAA0B;AAC5D,OAAO,EAAE,uBAAuB,IAAI,QAAQ,EAAE,mCAAgC;AAC9E,OAAO,EAAE,+BAA+B,IAAI,gBAAgB,EAAE,uDAAoD;AAClH,OAAO,EAAE,6BAA6B,IAAI,cAAc,EAAE,yCAAsC;AAChG,OAAO,EAAE,uBAAuB,IAAI,QAAQ,EAAE,mCAAgC;AAC9E,OAAO,EAAE,6BAA6B,IAAI,cAAc,EAAE,mCAAgC;AAC1F,OAAO,EAAE,6BAA6B,IAAI,cAAc,EAAE,yCAAsC;AAChG,OAAO,EAAE,yBAAyB,IAAI,UAAU,EAAE,qCAAkC;AACpF,OAAO,EACL,0BAA0B,IAAI,WAAW,EACzC,gCAAgC,IAAI,iBAAiB,GACtD,sCAAmC"}
+{"version":3,"file":"thread.js","names":[],"sources":["../../src/primitives/thread.ts"],"sourcesContent":["export { ThreadPrimitiveRoot as Root } from \"./thread/ThreadRoot\";\nexport { ThreadPrimitiveEmpty as Empty } from \"./thread/ThreadEmpty\";\nexport { ThreadPrimitiveIf as If } from \"./thread/ThreadIf\";\nexport { ThreadPrimitiveViewport as Viewport } from \"./thread/ThreadViewport\";\nexport { ThreadPrimitiveViewportProvider as ViewportProvider } from \"../context/providers/ThreadViewportProvider\";\nexport { ThreadPrimitiveViewportFooter as ViewportFooter } from \"./thread/ThreadViewportFooter\";\nexport { ThreadPrimitiveMessages as Messages } from \"./thread/ThreadMessages\";\nexport { ThreadPrimitiveMessageByIndex as MessageByIndex } from \"./thread/ThreadMessages\";\nexport { ThreadPrimitiveScrollToBottom as ScrollToBottom } from \"./thread/ThreadScrollToBottom\";\nexport { ThreadPrimitiveSuggestion as Suggestion } from \"./thread/ThreadSuggestion\";\nexport {\n  ThreadPrimitiveSuggestions as Suggestions,\n  ThreadPrimitiveSuggestionByIndex as SuggestionByIndex,\n} from \"./thread/ThreadSuggestions\";\n"],"mappings":""}

package/dist/primitives/threadList/ThreadListItems.d.ts

@@ -1,2 +1,2 @@
-export { ThreadListPrimitiveItems, ThreadListPrimitiveItemByIndex, } from "@assistant-ui/core/react";
-//# sourceMappingURL=ThreadListItems.d.ts.map
+import { ThreadListPrimitiveItemByIndex, ThreadListPrimitiveItems } from "@assistant-ui/core/react";
+export { ThreadListPrimitiveItemByIndex, ThreadListPrimitiveItems };

package/dist/primitives/threadList/ThreadListItems.js

@@ -1,3 +1,3 @@
 "use client";
-export { ThreadListPrimitiveItems, ThreadListPrimitiveItemByIndex, } from "@assistant-ui/core/react";
-//# sourceMappingURL=ThreadListItems.js.map
+import { ThreadListPrimitiveItemByIndex, ThreadListPrimitiveItems } from "@assistant-ui/core/react";
+export { ThreadListPrimitiveItemByIndex, ThreadListPrimitiveItems };

package/dist/primitives/threadList/ThreadListLoadMore.d.ts

@@ -1,13 +1,16 @@
-import { type ActionButtonElement, type ActionButtonProps } from "../../utils/createActionButton.js";
+import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
+
+//#region src/primitives/threadList/ThreadListLoadMore.d.ts
 declare const useThreadListLoadMore: () => (() => void) | null;
-export declare namespace ThreadListPrimitiveLoadMore {
-    type Element = ActionButtonElement;
-    type Props = ActionButtonProps<typeof useThreadListLoadMore>;
+declare namespace ThreadListPrimitiveLoadMore {
+  type Element = ActionButtonElement;
+  type Props = ActionButtonProps<typeof useThreadListLoadMore>;
 }
-export declare const ThreadListPrimitiveLoadMore: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
+declare const ThreadListPrimitiveLoadMore: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+  asChild?: boolean;
 }, "ref"> & {
-    render?: import("react").ReactElement | undefined;
+  render?: import("react").ReactElement | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
+//#endregion
+export { ThreadListPrimitiveLoadMore };
 //# sourceMappingURL=ThreadListLoadMore.d.ts.map

package/dist/primitives/threadList/ThreadListLoadMore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListLoadMore.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadList/ThreadListLoadMore.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EAEvB,0CAAuC;AAGxC,QAAA,MAAM,qBAAqB,2BAI1B,CAAC;AAEF,yBAAiB,2BAA2B,CAAC;IAC3C,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,qBAAqB,CAAC,CAAC;CACrE;AAED,eAAO,MAAM,2BAA2B;;;;gHAGvC,CAAC"}
+{"version":3,"file":"ThreadListLoadMore.d.ts","names":[],"sources":["../../../src/primitives/threadList/ThreadListLoadMore.tsx"],"mappings":";;;cASM,qBAAA;AAAA,kBAMW,2BAAA;EAAA,KACH,OAAA,GAAU,mBAAA;EAAA,KACV,KAAA,GAAQ,iBAAA,QAAyB,qBAAA;AAAA;AAAA,cAGlC,2BAAA,kBAA2B,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,iBAAA,oBAAA,oBAAA,CAAA,iBAAA"}

package/dist/primitives/threadList/ThreadListLoadMore.js

@@ -1,11 +1,14 @@
 "use client";
-import { createActionButton, } from "../../utils/createActionButton.js";
-import { useThreadListLoadMore as useThreadListLoadMoreBehavior } from "@assistant-ui/core/react";
-const useThreadListLoadMore = () => {
-    const { loadMore, disabled } = useThreadListLoadMoreBehavior();
-    if (disabled)
-        return null;
-    return loadMore;
+import { createActionButton } from "../../utils/createActionButton.js";
+import { useThreadListLoadMore } from "@assistant-ui/core/react";
+//#region src/primitives/threadList/ThreadListLoadMore.tsx
+const useThreadListLoadMore$1 = () => {
+	const { loadMore, disabled } = useThreadListLoadMore();
+	if (disabled) return null;
+	return loadMore;
 };
-export const ThreadListPrimitiveLoadMore = createActionButton("ThreadListPrimitive.LoadMore", useThreadListLoadMore);
+const ThreadListPrimitiveLoadMore = createActionButton("ThreadListPrimitive.LoadMore", useThreadListLoadMore$1);
+//#endregion
+export { ThreadListPrimitiveLoadMore };
+
 //# sourceMappingURL=ThreadListLoadMore.js.map

package/dist/primitives/threadList/ThreadListLoadMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListLoadMore.js","sourceRoot":"","sources":["../../../src/primitives/threadList/ThreadListLoadMore.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAGL,kBAAkB,GACnB,0CAAuC;AACxC,OAAO,EAAE,qBAAqB,IAAI,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAElG,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,6BAA6B,EAAE,CAAC;IAC/D,IAAI,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC1B,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,2BAA2B,GAAG,kBAAkB,CAC3D,8BAA8B,EAC9B,qBAAqB,CACtB,CAAC"}
+{"version":3,"file":"ThreadListLoadMore.js","names":["useThreadListLoadMore","useThreadListLoadMoreBehavior"],"sources":["../../../src/primitives/threadList/ThreadListLoadMore.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ActionButtonElement,\n  type ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useThreadListLoadMore as useThreadListLoadMoreBehavior } from \"@assistant-ui/core/react\";\n\nconst useThreadListLoadMore = () => {\n  const { loadMore, disabled } = useThreadListLoadMoreBehavior();\n  if (disabled) return null;\n  return loadMore;\n};\n\nexport namespace ThreadListPrimitiveLoadMore {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadListLoadMore>;\n}\n\nexport const ThreadListPrimitiveLoadMore = createActionButton(\n  \"ThreadListPrimitive.LoadMore\",\n  useThreadListLoadMore,\n);\n"],"mappings":";;;;AASA,MAAMA,gCAA8B;CAClC,MAAM,EAAE,UAAU,aAAaC,sBAA8B;CAC7D,IAAI,UAAU,OAAO;CACrB,OAAO;AACT;AAOA,MAAa,8BAA8B,mBACzC,gCACAD,uBACF"}

package/dist/primitives/threadList/ThreadListNew.d.ts

@@ -1,11 +1,15 @@
-import type { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
-export declare namespace ThreadListPrimitiveNew {
-    type Element = ActionButtonElement;
-    type Props = ActionButtonProps<() => void>;
+import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
+
+//#region src/primitives/threadList/ThreadListNew.d.ts
+declare namespace ThreadListPrimitiveNew {
+  type Element = ActionButtonElement;
+  type Props = ActionButtonProps<() => void>;
 }
-export declare const ThreadListPrimitiveNew: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
+declare const ThreadListPrimitiveNew: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+  asChild?: boolean;
 }, "ref"> & {
-    render?: import("react").ReactElement | undefined;
+  render?: import("react").ReactElement | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { ThreadListPrimitiveNew };
 //# sourceMappingURL=ThreadListNew.d.ts.map

package/dist/primitives/threadList/ThreadListNew.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListNew.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAClB,0CAAuC;AAOxC,yBAAiB,sBAAsB,CAAC;IACtC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,sBAAsB;;;;gHAoBjC,CAAC"}
+{"version":3,"file":"ThreadListNew.d.ts","names":[],"sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"mappings":";;;kBAYiB,sBAAA;EAAA,KACH,OAAA,GAAU,mBAAA;EAAA,KACV,KAAA,GAAQ,iBAAiB;AAAA;AAAA,cAG1B,sBAAA,kBAAsB,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,iBAAA,oBAAA,oBAAA,CAAA,iBAAA"}

package/dist/primitives/threadList/ThreadListNew.js

@@ -1,14 +1,28 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { Primitive } from "../../utils/Primitive.js";
-import { composeEventHandlers } from "@radix-ui/primitive";
 import { useAuiState } from "@assistant-ui/store";
-import { useThreadListNew as useThreadListNewBehavior } from "@assistant-ui/core/react";
-export const ThreadListPrimitiveNew = forwardRef(({ onClick, disabled, ...props }, forwardedRef) => {
-    const isMain = useAuiState((s) => s.threads.newThreadId === s.threads.mainThreadId);
-    const { switchToNewThread } = useThreadListNewBehavior();
-    return (_jsx(Primitive.button, { type: "button", ...(isMain ? { "data-active": "true", "aria-current": "true" } : null), ...props, ref: forwardedRef, disabled: disabled, onClick: composeEventHandlers(onClick, switchToNewThread) }));
+import { useThreadListNew } from "@assistant-ui/core/react";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { composeEventHandlers } from "@radix-ui/primitive";
+//#region src/primitives/threadList/ThreadListNew.tsx
+const ThreadListPrimitiveNew = forwardRef(({ onClick, disabled, ...props }, forwardedRef) => {
+	const isMain = useAuiState((s) => s.threads.newThreadId === s.threads.mainThreadId);
+	const { switchToNewThread } = useThreadListNew();
+	return /* @__PURE__ */ jsx(Primitive.button, {
+		type: "button",
+		...isMain ? {
+			"data-active": "true",
+			"aria-current": "true"
+		} : null,
+		...props,
+		ref: forwardedRef,
+		disabled,
+		onClick: composeEventHandlers(onClick, switchToNewThread)
+	});
 });
 ThreadListPrimitiveNew.displayName = "ThreadListPrimitive.New";
+//#endregion
+export { ThreadListPrimitiveNew };
+
 //# sourceMappingURL=ThreadListNew.js.map

package/dist/primitives/threadList/ThreadListNew.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListNew.js","sourceRoot":"","sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAMb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAOxF,MAAM,CAAC,MAAM,sBAAsB,GAAG,UAAU,CAG9C,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAClD,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,KAAK,CAAC,CAAC,OAAO,CAAC,YAAY,CACxD,CAAC;IAEF,MAAM,EAAE,iBAAiB,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAEzD,OAAO,CACL,KAAC,SAAS,CAAC,MAAM,IACf,IAAI,EAAC,QAAQ,KACT,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KACnE,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,iBAAiB,CAAC,GACzD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,sBAAsB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
+{"version":3,"file":"ThreadListNew.js","names":["useThreadListNewBehavior"],"sources":["../../../src/primitives/threadList/ThreadListNew.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  ActionButtonElement,\n  ActionButtonProps,\n} from \"../../utils/createActionButton\";\nimport { forwardRef } from \"react\";\nimport { Primitive } from \"../../utils/Primitive\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\nimport { useThreadListNew as useThreadListNewBehavior } from \"@assistant-ui/core/react\";\n\nexport namespace ThreadListPrimitiveNew {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<() => void>;\n}\n\nexport const ThreadListPrimitiveNew = forwardRef<\n  ThreadListPrimitiveNew.Element,\n  ThreadListPrimitiveNew.Props\n>(({ onClick, disabled, ...props }, forwardedRef) => {\n  const isMain = useAuiState(\n    (s) => s.threads.newThreadId === s.threads.mainThreadId,\n  );\n\n  const { switchToNewThread } = useThreadListNewBehavior();\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      {...(isMain ? { \"data-active\": \"true\", \"aria-current\": \"true\" } : null)}\n      {...props}\n      ref={forwardedRef}\n      disabled={disabled}\n      onClick={composeEventHandlers(onClick, switchToNewThread)}\n    />\n  );\n});\n\nThreadListPrimitiveNew.displayName = \"ThreadListPrimitive.New\";\n"],"mappings":";;;;;;;;AAiBA,MAAa,yBAAyB,YAGnC,EAAE,SAAS,UAAU,GAAG,SAAS,iBAAiB;CACnD,MAAM,SAAS,aACZ,MAAM,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,YAC7C;CAEA,MAAM,EAAE,sBAAsBA,iBAAyB;CAEvD,OACE,oBAAC,UAAU,QAAX;EACE,MAAK;EACL,GAAK,SAAS;GAAE,eAAe;GAAQ,gBAAgB;EAAO,IAAI;EAClE,GAAI;EACJ,KAAK;EACK;EACV,SAAS,qBAAqB,SAAS,iBAAiB;CACzD,CAAA;AAEL,CAAC;AAED,uBAAuB,cAAc"}

package/dist/primitives/threadList/ThreadListRoot.d.ts

@@ -1,14 +1,17 @@
 import { Primitive } from "../../utils/Primitive.js";
-import { type ComponentPropsWithoutRef, type ComponentRef } from "react";
+import { ComponentPropsWithoutRef, ComponentRef } from "react";
+
+//#region src/primitives/threadList/ThreadListRoot.d.ts
 type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;
-export declare namespace ThreadListPrimitiveRoot {
-    type Element = ComponentRef<typeof Primitive.div>;
-    type Props = PrimitiveDivProps;
+declare namespace ThreadListPrimitiveRoot {
+  type Element = ComponentRef<typeof Primitive.div>;
+  type Props = PrimitiveDivProps;
 }
-export declare const ThreadListPrimitiveRoot: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    asChild?: boolean;
+declare const ThreadListPrimitiveRoot: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+  asChild?: boolean;
 }, "ref"> & {
-    render?: import("react").ReactElement | undefined;
+  render?: import("react").ReactElement | undefined;
 } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
+//#endregion
+export { ThreadListPrimitiveRoot };
 //# sourceMappingURL=ThreadListRoot.d.ts.map

package/dist/primitives/threadList/ThreadListRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadListRoot.d.ts","sourceRoot":"","sources":["../../../src/primitives/threadList/ThreadListRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AAEf,KAAK,iBAAiB,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AAExE,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACzD,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC;AAED,eAAO,MAAM,uBAAuB;;;;0GAKlC,CAAC"}
+{"version":3,"file":"ThreadListRoot.d.ts","names":[],"sources":["../../../src/primitives/threadList/ThreadListRoot.tsx"],"mappings":";;;;KASK,iBAAA,GAAoB,wBAAwB,QAAQ,SAAA,CAAU,GAAA;AAAA,kBAElD,uBAAA;EAAA,KACH,OAAA,GAAU,YAAA,QAAoB,SAAA,CAAU,GAAA;EAAA,KACxC,KAAA,GAAQ,iBAAA;AAAA;AAAA,cAGT,uBAAA,kBAAuB,yBAAA,CAAA,IAAA,CAAA,IAAA,iBAAA,eAAA,CAAA,cAAA,oBAAA,cAAA,CAAA,cAAA"}

package/dist/primitives/threadList/ThreadListRoot.js

@@ -1,9 +1,16 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Primitive } from "../../utils/Primitive.js";
-import { forwardRef, } from "react";
-export const ThreadListPrimitiveRoot = forwardRef((props, ref) => {
-    return _jsx(Primitive.div, { ...props, ref: ref });
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/threadList/ThreadListRoot.tsx
+const ThreadListPrimitiveRoot = forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(Primitive.div, {
+		...props,
+		ref
+	});
 });
 ThreadListPrimitiveRoot.displayName = "ThreadListPrimitive.Root";
+//#endregion
+export { ThreadListPrimitiveRoot };
+
 //# sourceMappingURL=ThreadListRoot.js.map