@assistant-ui/react 0.11.52 → 0.11.53

package/dist/primitives/reasoning/useScrollLock.js

@@ -1,50 +1,73 @@
 "use client";
-
-// src/primitives/reasoning/useScrollLock.tsx
 import { useCallback, useEffect, useRef } from "react";
-var useScrollLock = (animatedElementRef, animationDuration) => {
-  const scrollContainerRef = useRef(null);
-  const cleanupRef = useRef(null);
-  useEffect(() => {
-    return () => {
-      cleanupRef.current?.();
-    };
-  }, []);
-  const lockScroll = useCallback(() => {
-    cleanupRef.current?.();
-    (function findScrollableAncestor() {
-      if (scrollContainerRef.current || !animatedElementRef.current) return;
-      let el = animatedElementRef.current;
-      while (el) {
-        const { overflowY } = getComputedStyle(el);
-        if (overflowY === "scroll" || overflowY === "auto") {
-          scrollContainerRef.current = el;
-          break;
-        }
-        el = el.parentElement;
-      }
-    })();
-    const scrollContainer = scrollContainerRef.current;
-    if (!scrollContainer) return;
-    const scrollPosition = scrollContainer.scrollTop;
-    const scrollbarWidth = scrollContainer.style.scrollbarWidth;
-    scrollContainer.style.scrollbarWidth = "none";
-    const resetPosition = () => scrollContainer.scrollTop = scrollPosition;
-    scrollContainer.addEventListener("scroll", resetPosition);
-    const timeoutId = setTimeout(() => {
-      scrollContainer.removeEventListener("scroll", resetPosition);
-      scrollContainer.style.scrollbarWidth = scrollbarWidth;
-      cleanupRef.current = null;
-    }, animationDuration);
-    cleanupRef.current = () => {
-      clearTimeout(timeoutId);
-      scrollContainer.removeEventListener("scroll", resetPosition);
-      scrollContainer.style.scrollbarWidth = scrollbarWidth;
-    };
-  }, [animationDuration, animatedElementRef]);
-  return lockScroll;
-};
-export {
-  useScrollLock
+/**
+ * Locks scroll position during collapsible/height animations and hides scrollbar.
+ *
+ * This utility prevents page jumps when content height changes during animations,
+ * providing a smooth user experience. It finds the nearest scrollable ancestor and
+ * temporarily locks its scroll position while the animation completes.
+ *
+ * - Prevents forced reflows: no layout reads, mutations scoped to scrollable parent only
+ * - Reactive: only intercepts scroll events when browser actually adjusts
+ * - Cleans up automatically after animation duration
+ *
+ * @param animatedElementRef - Ref to the animated element
+ * @param animationDuration - Lock duration in milliseconds
+ * @returns Function to activate the scroll lock
+ *
+ * @example
+ * ```tsx
+ * const collapsibleRef = useRef<HTMLDivElement>(null);
+ * const lockScroll = useScrollLock(collapsibleRef, 200);
+ *
+ * const handleCollapse = () => {
+ *   lockScroll(); // Lock scroll before collapsing
+ *   setIsOpen(false);
+ * };
+ * ```
+ */
+export const useScrollLock = (animatedElementRef, animationDuration) => {
+    const scrollContainerRef = useRef(null);
+    const cleanupRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            cleanupRef.current?.();
+        };
+    }, []);
+    const lockScroll = useCallback(() => {
+        cleanupRef.current?.();
+        (function findScrollableAncestor() {
+            if (scrollContainerRef.current || !animatedElementRef.current)
+                return;
+            let el = animatedElementRef.current;
+            while (el) {
+                const { overflowY } = getComputedStyle(el);
+                if (overflowY === "scroll" || overflowY === "auto") {
+                    scrollContainerRef.current = el;
+                    break;
+                }
+                el = el.parentElement;
+            }
+        })();
+        const scrollContainer = scrollContainerRef.current;
+        if (!scrollContainer)
+            return;
+        const scrollPosition = scrollContainer.scrollTop;
+        const scrollbarWidth = scrollContainer.style.scrollbarWidth;
+        scrollContainer.style.scrollbarWidth = "none";
+        const resetPosition = () => (scrollContainer.scrollTop = scrollPosition);
+        scrollContainer.addEventListener("scroll", resetPosition);
+        const timeoutId = setTimeout(() => {
+            scrollContainer.removeEventListener("scroll", resetPosition);
+            scrollContainer.style.scrollbarWidth = scrollbarWidth;
+            cleanupRef.current = null;
+        }, animationDuration);
+        cleanupRef.current = () => {
+            clearTimeout(timeoutId);
+            scrollContainer.removeEventListener("scroll", resetPosition);
+            scrollContainer.style.scrollbarWidth = scrollbarWidth;
+        };
+    }, [animationDuration, animatedElementRef]);
+    return lockScroll;
 };
 //# sourceMappingURL=useScrollLock.js.map

package/dist/primitives/reasoning/useScrollLock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/primitives/reasoning/useScrollLock.tsx"],"sourcesContent":["\"use client\";\n\nimport { type RefObject, useCallback, useEffect, useRef } from \"react\";\n\n/**\n * Locks scroll position during collapsible/height animations and hides scrollbar.\n *\n * This utility prevents page jumps when content height changes during animations,\n * providing a smooth user experience. It finds the nearest scrollable ancestor and\n * temporarily locks its scroll position while the animation completes.\n *\n * - Prevents forced reflows: no layout reads, mutations scoped to scrollable parent only\n * - Reactive: only intercepts scroll events when browser actually adjusts\n * - Cleans up automatically after animation duration\n *\n * @param animatedElementRef - Ref to the animated element\n * @param animationDuration - Lock duration in milliseconds\n * @returns Function to activate the scroll lock\n *\n * @example\n * ```tsx\n * const collapsibleRef = useRef<HTMLDivElement>(null);\n * const lockScroll = useScrollLock(collapsibleRef, 200);\n *\n * const handleCollapse = () => {\n *   lockScroll(); // Lock scroll before collapsing\n *   setIsOpen(false);\n * };\n * ```\n */\nexport const useScrollLock = <T extends HTMLElement = HTMLElement>(\n  animatedElementRef: RefObject<T | null>,\n  animationDuration: number,\n) => {\n  const scrollContainerRef = useRef<HTMLElement | null>(null);\n  const cleanupRef = useRef<(() => void) | null>(null);\n\n  useEffect(() => {\n    return () => {\n      cleanupRef.current?.();\n    };\n  }, []);\n\n  const lockScroll = useCallback(() => {\n    cleanupRef.current?.();\n\n    (function findScrollableAncestor() {\n      if (scrollContainerRef.current || !animatedElementRef.current) return;\n\n      let el: HTMLElement | null = animatedElementRef.current;\n      while (el) {\n        const { overflowY } = getComputedStyle(el);\n        if (overflowY === \"scroll\" || overflowY === \"auto\") {\n          scrollContainerRef.current = el;\n          break;\n        }\n        el = el.parentElement;\n      }\n    })();\n\n    const scrollContainer = scrollContainerRef.current;\n    if (!scrollContainer) return;\n\n    const scrollPosition = scrollContainer.scrollTop;\n    const scrollbarWidth = scrollContainer.style.scrollbarWidth;\n\n    scrollContainer.style.scrollbarWidth = \"none\";\n\n    const resetPosition = () => (scrollContainer.scrollTop = scrollPosition);\n    scrollContainer.addEventListener(\"scroll\", resetPosition);\n\n    const timeoutId = setTimeout(() => {\n      scrollContainer.removeEventListener(\"scroll\", resetPosition);\n      scrollContainer.style.scrollbarWidth = scrollbarWidth;\n      cleanupRef.current = null;\n    }, animationDuration);\n\n    cleanupRef.current = () => {\n      clearTimeout(timeoutId);\n      scrollContainer.removeEventListener(\"scroll\", resetPosition);\n      scrollContainer.style.scrollbarWidth = scrollbarWidth;\n    };\n  }, [animationDuration, animatedElementRef]);\n\n  return lockScroll;\n};\n"],"mappings":";;;AAEA,SAAyB,aAAa,WAAW,cAAc;AA4BxD,IAAM,gBAAgB,CAC3B,oBACA,sBACG;AACH,QAAM,qBAAqB,OAA2B,IAAI;AAC1D,QAAM,aAAa,OAA4B,IAAI;AAEnD,YAAU,MAAM;AACd,WAAO,MAAM;AACX,iBAAW,UAAU;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,YAAY,MAAM;AACnC,eAAW,UAAU;AAErB,KAAC,SAAS,yBAAyB;AACjC,UAAI,mBAAmB,WAAW,CAAC,mBAAmB,QAAS;AAE/D,UAAI,KAAyB,mBAAmB;AAChD,aAAO,IAAI;AACT,cAAM,EAAE,UAAU,IAAI,iBAAiB,EAAE;AACzC,YAAI,cAAc,YAAY,cAAc,QAAQ;AAClD,6BAAmB,UAAU;AAC7B;AAAA,QACF;AACA,aAAK,GAAG;AAAA,MACV;AAAA,IACF,GAAG;AAEH,UAAM,kBAAkB,mBAAmB;AAC3C,QAAI,CAAC,gBAAiB;AAEtB,UAAM,iBAAiB,gBAAgB;AACvC,UAAM,iBAAiB,gBAAgB,MAAM;AAE7C,oBAAgB,MAAM,iBAAiB;AAEvC,UAAM,gBAAgB,MAAO,gBAAgB,YAAY;AACzD,oBAAgB,iBAAiB,UAAU,aAAa;AAExD,UAAM,YAAY,WAAW,MAAM;AACjC,sBAAgB,oBAAoB,UAAU,aAAa;AAC3D,sBAAgB,MAAM,iBAAiB;AACvC,iBAAW,UAAU;AAAA,IACvB,GAAG,iBAAiB;AAEpB,eAAW,UAAU,MAAM;AACzB,mBAAa,SAAS;AACtB,sBAAgB,oBAAoB,UAAU,aAAa;AAC3D,sBAAgB,MAAM,iBAAiB;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,mBAAmB,kBAAkB,CAAC;AAE1C,SAAO;AACT;","names":[]}
+{"version":3,"file":"useScrollLock.js","sourceRoot":"","sources":["../../../src/primitives/reasoning/useScrollLock.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAkB,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,kBAAuC,EACvC,iBAAyB,EACzB,EAAE;IACF,MAAM,kBAAkB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;QAEvB,CAAC,SAAS,sBAAsB;YAC9B,IAAI,kBAAkB,CAAC,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO;gBAAE,OAAO;YAEtE,IAAI,EAAE,GAAuB,kBAAkB,CAAC,OAAO,CAAC;YACxD,OAAO,EAAE,EAAE,CAAC;gBACV,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;gBAC3C,IAAI,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;oBACnD,kBAAkB,CAAC,OAAO,GAAG,EAAE,CAAC;oBAChC,MAAM;gBACR,CAAC;gBACD,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;QAEL,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,CAAC;QACnD,IAAI,CAAC,eAAe;YAAE,OAAO;QAE7B,MAAM,cAAc,GAAG,eAAe,CAAC,SAAS,CAAC;QACjD,MAAM,cAAc,GAAG,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC;QAE5D,eAAe,CAAC,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC;QAE9C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAAC,eAAe,CAAC,SAAS,GAAG,cAAc,CAAC,CAAC;QACzE,eAAe,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAE1D,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,eAAe,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;YAC7D,eAAe,CAAC,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC;YACtD,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC,EAAE,iBAAiB,CAAC,CAAC;QAEtB,UAAU,CAAC,OAAO,GAAG,GAAG,EAAE;YACxB,YAAY,CAAC,SAAS,CAAC,CAAC;YACxB,eAAe,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;YAC7D,eAAe,CAAC,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE5C,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC"}

package/dist/primitives/thread/ThreadEmpty.js

@@ -1,17 +1,8 @@
 "use client";
-
-// src/primitives/thread/ThreadEmpty.tsx
 import { useAssistantState } from "../../context/index.js";
-var ThreadPrimitiveEmpty = ({
-  children
-}) => {
-  const empty = useAssistantState(
-    ({ thread }) => thread.messages.length === 0 && !thread.isLoading
-  );
-  return empty ? children : null;
+export const ThreadPrimitiveEmpty = ({ children, }) => {
+    const empty = useAssistantState(({ thread }) => thread.messages.length === 0 && !thread.isLoading);
+    return empty ? children : null;
 };
 ThreadPrimitiveEmpty.displayName = "ThreadPrimitive.Empty";
-export {
-  ThreadPrimitiveEmpty
-};
 //# sourceMappingURL=ThreadEmpty.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/primitives/thread/ThreadEmpty.tsx"],"sourcesContent":["\"use client\";\n\nimport type { FC, PropsWithChildren } from \"react\";\nimport { useAssistantState } from \"../../context\";\n\nexport namespace ThreadPrimitiveEmpty {\n  export type Props = PropsWithChildren;\n}\n\nexport const ThreadPrimitiveEmpty: FC<ThreadPrimitiveEmpty.Props> = ({\n  children,\n}) => {\n  const empty = useAssistantState(\n    ({ thread }) => thread.messages.length === 0 && !thread.isLoading,\n  );\n  return empty ? children : null;\n};\n\nThreadPrimitiveEmpty.displayName = \"ThreadPrimitive.Empty\";\n"],"mappings":";;;AAGA,SAAS,yBAAyB;AAM3B,IAAM,uBAAuD,CAAC;AAAA,EACnE;AACF,MAAM;AACJ,QAAM,QAAQ;AAAA,IACZ,CAAC,EAAE,OAAO,MAAM,OAAO,SAAS,WAAW,KAAK,CAAC,OAAO;AAAA,EAC1D;AACA,SAAO,QAAQ,WAAW;AAC5B;AAEA,qBAAqB,cAAc;","names":[]}
+{"version":3,"file":"ThreadEmpty.js","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadEmpty.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAGb,OAAO,EAAE,iBAAiB,EAAE,+BAAsB;AAMlD,MAAM,CAAC,MAAM,oBAAoB,GAAmC,CAAC,EACnE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,iBAAiB,CAC7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAClE,CAAC;IACF,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AACjC,CAAC,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,uBAAuB,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { FC, PropsWithChildren } from "react";
-import type { RequireAtLeastOne } from "../../utils/RequireAtLeastOne";
+import type { RequireAtLeastOne } from "../../utils/RequireAtLeastOne.js";
 type ThreadIfFilters = {
     empty: boolean | undefined;
     running: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadIf.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadIf.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEF,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAgB3D,yBAAiB,iBAAiB,CAAC;IACjC,KAAY,KAAK,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACzD;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAMzD,CAAC"}
+{"version":3,"file":"ThreadIf.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadIf.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,yCAAsC;AAEvE,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B,CAAC;AAEF,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAgB3D,yBAAiB,iBAAiB,CAAC;IACjC,KAAY,KAAK,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACzD;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAMzD,CAAC"}

package/dist/primitives/thread/ThreadIf.js

@@ -1,27 +1,28 @@
 "use client";
-
-// src/primitives/thread/ThreadIf.tsx
 import { useAssistantState } from "../../context/index.js";
-var useThreadIf = (props) => {
-  return useAssistantState(({ thread }) => {
-    if (props.empty === true && !thread.isEmpty) return false;
-    if (props.empty === false && thread.isEmpty) return false;
-    if (props.running === true && !thread.isRunning) return false;
-    if (props.running === false && thread.isRunning) return false;
-    if (props.disabled === true && !thread.isDisabled) return false;
-    if (props.disabled === false && thread.isDisabled) return false;
-    return true;
-  });
+const useThreadIf = (props) => {
+    return useAssistantState(({ thread }) => {
+        if (props.empty === true && !thread.isEmpty)
+            return false;
+        if (props.empty === false && thread.isEmpty)
+            return false;
+        if (props.running === true && !thread.isRunning)
+            return false;
+        if (props.running === false && thread.isRunning)
+            return false;
+        if (props.disabled === true && !thread.isDisabled)
+            return false;
+        if (props.disabled === false && thread.isDisabled)
+            return false;
+        return true;
+    });
 };
-var ThreadPrimitiveIf = ({
-  children,
-  ...query
-}) => {
-  const result = useThreadIf(query);
-  return result ? children : null;
+/**
+ * @deprecated Use `<AssistantIf condition={({ thread }) => ...} />` instead.
+ */
+export const ThreadPrimitiveIf = ({ children, ...query }) => {
+    const result = useThreadIf(query);
+    return result ? children : null;
 };
 ThreadPrimitiveIf.displayName = "ThreadPrimitive.If";
-export {
-  ThreadPrimitiveIf
-};
 //# sourceMappingURL=ThreadIf.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/primitives/thread/ThreadIf.tsx"],"sourcesContent":["\"use client\";\n\nimport type { FC, PropsWithChildren } from \"react\";\nimport { useAssistantState } from \"../../context\";\nimport type { RequireAtLeastOne } from \"../../utils/RequireAtLeastOne\";\n\ntype ThreadIfFilters = {\n  empty: boolean | undefined;\n  running: boolean | undefined;\n  disabled: boolean | undefined;\n};\n\ntype UseThreadIfProps = RequireAtLeastOne<ThreadIfFilters>;\n\nconst useThreadIf = (props: UseThreadIfProps) => {\n  return useAssistantState(({ thread }) => {\n    if (props.empty === true && !thread.isEmpty) return false;\n    if (props.empty === false && thread.isEmpty) return false;\n\n    if (props.running === true && !thread.isRunning) return false;\n    if (props.running === false && thread.isRunning) return false;\n    if (props.disabled === true && !thread.isDisabled) return false;\n    if (props.disabled === false && thread.isDisabled) return false;\n\n    return true;\n  });\n};\n\nexport namespace ThreadPrimitiveIf {\n  export type Props = PropsWithChildren<UseThreadIfProps>;\n}\n\n/**\n * @deprecated Use `<AssistantIf condition={({ thread }) => ...} />` instead.\n */\nexport const ThreadPrimitiveIf: FC<ThreadPrimitiveIf.Props> = ({\n  children,\n  ...query\n}) => {\n  const result = useThreadIf(query);\n  return result ? children : null;\n};\n\nThreadPrimitiveIf.displayName = \"ThreadPrimitive.If\";\n"],"mappings":";;;AAGA,SAAS,yBAAyB;AAWlC,IAAM,cAAc,CAAC,UAA4B;AAC/C,SAAO,kBAAkB,CAAC,EAAE,OAAO,MAAM;AACvC,QAAI,MAAM,UAAU,QAAQ,CAAC,OAAO,QAAS,QAAO;AACpD,QAAI,MAAM,UAAU,SAAS,OAAO,QAAS,QAAO;AAEpD,QAAI,MAAM,YAAY,QAAQ,CAAC,OAAO,UAAW,QAAO;AACxD,QAAI,MAAM,YAAY,SAAS,OAAO,UAAW,QAAO;AACxD,QAAI,MAAM,aAAa,QAAQ,CAAC,OAAO,WAAY,QAAO;AAC1D,QAAI,MAAM,aAAa,SAAS,OAAO,WAAY,QAAO;AAE1D,WAAO;AAAA,EACT,CAAC;AACH;AASO,IAAM,oBAAiD,CAAC;AAAA,EAC7D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,YAAY,KAAK;AAChC,SAAO,SAAS,WAAW;AAC7B;AAEA,kBAAkB,cAAc;","names":[]}
+{"version":3,"file":"ThreadIf.js","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadIf.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAGb,OAAO,EAAE,iBAAiB,EAAE,+BAAsB;AAWlD,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,OAAO,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QACtC,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QAC1D,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK,IAAI,MAAM,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QAE1D,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS;YAAE,OAAO,KAAK,CAAC;QAC9D,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS;YAAE,OAAO,KAAK,CAAC;QAC9D,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU;YAAE,OAAO,KAAK,CAAC;QAChE,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,UAAU;YAAE,OAAO,KAAK,CAAC;QAEhE,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAMF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAgC,CAAC,EAC7D,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAClC,OAAO,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AAClC,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/dist/primitives/thread/ThreadMessages.js

@@ -1,82 +1,110 @@
 "use client";
-
-// src/primitives/thread/ThreadMessages.tsx
+import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useMemo } from "react";
 import { useAssistantState, MessageByIndexProvider } from "../../context/index.js";
-import { jsx } from "react/jsx-runtime";
-var isComponentsSame = (prev, next) => {
-  return prev.Message === next.Message && prev.EditComposer === next.EditComposer && prev.UserEditComposer === next.UserEditComposer && prev.AssistantEditComposer === next.AssistantEditComposer && prev.SystemEditComposer === next.SystemEditComposer && prev.UserMessage === next.UserMessage && prev.AssistantMessage === next.AssistantMessage && prev.SystemMessage === next.SystemMessage;
+const isComponentsSame = (prev, next) => {
+    return (prev.Message === next.Message &&
+        prev.EditComposer === next.EditComposer &&
+        prev.UserEditComposer === next.UserEditComposer &&
+        prev.AssistantEditComposer === next.AssistantEditComposer &&
+        prev.SystemEditComposer === next.SystemEditComposer &&
+        prev.UserMessage === next.UserMessage &&
+        prev.AssistantMessage === next.AssistantMessage &&
+        prev.SystemMessage === next.SystemMessage);
 };
-var DEFAULT_SYSTEM_MESSAGE = () => null;
-var getComponent = (components, role, isEditing) => {
-  switch (role) {
-    case "user":
-      if (isEditing) {
-        return components.UserEditComposer ?? components.EditComposer ?? components.UserMessage ?? components.Message;
-      } else {
-        return components.UserMessage ?? components.Message;
-      }
-    case "assistant":
-      if (isEditing) {
-        return components.AssistantEditComposer ?? components.EditComposer ?? components.AssistantMessage ?? components.Message;
-      } else {
-        return components.AssistantMessage ?? components.Message;
-      }
-    case "system":
-      if (isEditing) {
-        return components.SystemEditComposer ?? components.EditComposer ?? components.SystemMessage ?? components.Message;
-      } else {
-        return components.SystemMessage ?? DEFAULT_SYSTEM_MESSAGE;
-      }
-    default:
-      const _exhaustiveCheck = role;
-      throw new Error(`Unknown message role: ${_exhaustiveCheck}`);
-  }
+const DEFAULT_SYSTEM_MESSAGE = () => null;
+const getComponent = (components, role, isEditing) => {
+    switch (role) {
+        case "user":
+            if (isEditing) {
+                return (components.UserEditComposer ??
+                    components.EditComposer ??
+                    components.UserMessage ??
+                    components.Message);
+            }
+            else {
+                return components.UserMessage ?? components.Message;
+            }
+        case "assistant":
+            if (isEditing) {
+                return (components.AssistantEditComposer ??
+                    components.EditComposer ??
+                    components.AssistantMessage ??
+                    components.Message);
+            }
+            else {
+                return (components.AssistantMessage ?? components.Message);
+            }
+        case "system":
+            if (isEditing) {
+                return (components.SystemEditComposer ??
+                    components.EditComposer ??
+                    components.SystemMessage ??
+                    components.Message);
+            }
+            else {
+                return components.SystemMessage ?? DEFAULT_SYSTEM_MESSAGE;
+            }
+        default:
+            const _exhaustiveCheck = role;
+            throw new Error(`Unknown message role: ${_exhaustiveCheck}`);
+    }
 };
-var ThreadMessageComponent = ({
-  components
-}) => {
-  const role = useAssistantState(({ message }) => message.role);
-  const isEditing = useAssistantState(
-    ({ message }) => message.composer.isEditing
-  );
-  const Component = getComponent(components, role, isEditing);
-  return /* @__PURE__ */ jsx(Component, {});
+const ThreadMessageComponent = ({ components, }) => {
+    const role = useAssistantState(({ message }) => message.role);
+    const isEditing = useAssistantState(({ message }) => message.composer.isEditing);
+    const Component = getComponent(components, role, isEditing);
+    return _jsx(Component, {});
 };
-var ThreadPrimitiveMessageByIndex = memo(
-  ({ index, components }) => {
-    return /* @__PURE__ */ jsx(MessageByIndexProvider, { index, children: /* @__PURE__ */ jsx(ThreadMessageComponent, { components }) });
-  },
-  (prev, next) => prev.index === next.index && isComponentsSame(prev.components, next.components)
-);
+/**
+ * Renders a single message at the specified index in the current thread.
+ *
+ * This component provides message context for a specific message in the thread
+ * and renders it using the provided component configuration.
+ *
+ * @example
+ * ```tsx
+ * <ThreadPrimitive.MessageByIndex
+ *   index={0}
+ *   components={{
+ *     UserMessage: MyUserMessage,
+ *     AssistantMessage: MyAssistantMessage
+ *   }}
+ * />
+ * ```
+ */
+export const ThreadPrimitiveMessageByIndex = memo(({ index, components }) => {
+    return (_jsx(MessageByIndexProvider, { index: index, children: _jsx(ThreadMessageComponent, { components: components }) }));
+}, (prev, next) => prev.index === next.index &&
+    isComponentsSame(prev.components, next.components));
 ThreadPrimitiveMessageByIndex.displayName = "ThreadPrimitive.MessageByIndex";
-var ThreadPrimitiveMessagesImpl = ({
-  components
-}) => {
-  const messagesLength = useAssistantState(
-    ({ thread }) => thread.messages.length
-  );
-  const messageElements = useMemo(() => {
-    if (messagesLength === 0) return null;
-    return Array.from({ length: messagesLength }, (_, index) => /* @__PURE__ */ jsx(
-      ThreadPrimitiveMessageByIndex,
-      {
-        index,
-        components
-      },
-      index
-    ));
-  }, [messagesLength, components]);
-  return messageElements;
+/**
+ * Renders all messages in the current thread using the provided component configuration.
+ *
+ * This component automatically renders all messages in the thread, providing the appropriate
+ * message context for each message. It handles different message types (user, assistant, system)
+ * and supports editing mode through the provided edit composer components.
+ *
+ * @example
+ * ```tsx
+ * <ThreadPrimitive.Messages
+ *   components={{
+ *     UserMessage: MyUserMessage,
+ *     AssistantMessage: MyAssistantMessage,
+ *     EditComposer: MyEditComposer
+ *   }}
+ * />
+ * ```
+ */
+export const ThreadPrimitiveMessagesImpl = ({ components, }) => {
+    const messagesLength = useAssistantState(({ thread }) => thread.messages.length);
+    const messageElements = useMemo(() => {
+        if (messagesLength === 0)
+            return null;
+        return Array.from({ length: messagesLength }, (_, index) => (_jsx(ThreadPrimitiveMessageByIndex, { index: index, components: components }, index)));
+    }, [messagesLength, components]);
+    return messageElements;
 };
 ThreadPrimitiveMessagesImpl.displayName = "ThreadPrimitive.Messages";
-var ThreadPrimitiveMessages = memo(
-  ThreadPrimitiveMessagesImpl,
-  (prev, next) => isComponentsSame(prev.components, next.components)
-);
-export {
-  ThreadPrimitiveMessageByIndex,
-  ThreadPrimitiveMessages,
-  ThreadPrimitiveMessagesImpl
-};
+export const ThreadPrimitiveMessages = memo(ThreadPrimitiveMessagesImpl, (prev, next) => isComponentsSame(prev.components, next.components));
 //# sourceMappingURL=ThreadMessages.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/primitives/thread/ThreadMessages.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ComponentType, type FC, memo, useMemo } from \"react\";\nimport { useAssistantState, MessageByIndexProvider } from \"../../context\";\nimport { ThreadMessage as ThreadMessageType } from \"../../types\";\n\nexport namespace ThreadPrimitiveMessages {\n  export type Props = {\n    /**\n     * Component configuration for rendering different types of messages and composers.\n     *\n     * You can provide either:\n     * 1. A single `Message` component that handles all message types\n     * 2. Specific components for `UserMessage` and `AssistantMessage` (with optional `SystemMessage`)\n     *\n     * Optional edit composer components can be provided to customize the editing experience\n     * for different message types when users edit their messages.\n     */\n    components:\n      | {\n          /** Component used to render all message types */\n          Message: ComponentType;\n          /** Component used when editing any message type */\n          EditComposer?: ComponentType | undefined;\n          /** Component used when editing user messages specifically */\n          UserEditComposer?: ComponentType | undefined;\n          /** Component used when editing assistant messages specifically */\n          AssistantEditComposer?: ComponentType | undefined;\n          /** Component used when editing system messages specifically */\n          SystemEditComposer?: ComponentType | undefined;\n          /** Component used to render user messages specifically */\n          UserMessage?: ComponentType | undefined;\n          /** Component used to render assistant messages specifically */\n          AssistantMessage?: ComponentType | undefined;\n          /** Component used to render system messages specifically */\n          SystemMessage?: ComponentType | undefined;\n        }\n      | {\n          /** Component used to render all message types (fallback) */\n          Message?: ComponentType | undefined;\n          /** Component used when editing any message type */\n          EditComposer?: ComponentType | undefined;\n          /** Component used when editing user messages specifically */\n          UserEditComposer?: ComponentType | undefined;\n          /** Component used when editing assistant messages specifically */\n          AssistantEditComposer?: ComponentType | undefined;\n          /** Component used when editing system messages specifically */\n          SystemEditComposer?: ComponentType | undefined;\n          /** Component used to render user messages */\n          UserMessage: ComponentType;\n          /** Component used to render assistant messages */\n          AssistantMessage: ComponentType;\n          /** Component used to render system messages */\n          SystemMessage?: ComponentType | undefined;\n        };\n  };\n}\n\nconst isComponentsSame = (\n  prev: ThreadPrimitiveMessages.Props[\"components\"],\n  next: ThreadPrimitiveMessages.Props[\"components\"],\n) => {\n  return (\n    prev.Message === next.Message &&\n    prev.EditComposer === next.EditComposer &&\n    prev.UserEditComposer === next.UserEditComposer &&\n    prev.AssistantEditComposer === next.AssistantEditComposer &&\n    prev.SystemEditComposer === next.SystemEditComposer &&\n    prev.UserMessage === next.UserMessage &&\n    prev.AssistantMessage === next.AssistantMessage &&\n    prev.SystemMessage === next.SystemMessage\n  );\n};\n\nconst DEFAULT_SYSTEM_MESSAGE = () => null;\n\nconst getComponent = (\n  components: ThreadPrimitiveMessages.Props[\"components\"],\n  role: ThreadMessageType[\"role\"],\n  isEditing: boolean,\n) => {\n  switch (role) {\n    case \"user\":\n      if (isEditing) {\n        return (\n          components.UserEditComposer ??\n          components.EditComposer ??\n          components.UserMessage ??\n          (components.Message as ComponentType)\n        );\n      } else {\n        return components.UserMessage ?? (components.Message as ComponentType);\n      }\n    case \"assistant\":\n      if (isEditing) {\n        return (\n          components.AssistantEditComposer ??\n          components.EditComposer ??\n          components.AssistantMessage ??\n          (components.Message as ComponentType)\n        );\n      } else {\n        return (\n          components.AssistantMessage ?? (components.Message as ComponentType)\n        );\n      }\n    case \"system\":\n      if (isEditing) {\n        return (\n          components.SystemEditComposer ??\n          components.EditComposer ??\n          components.SystemMessage ??\n          (components.Message as ComponentType)\n        );\n      } else {\n        return components.SystemMessage ?? DEFAULT_SYSTEM_MESSAGE;\n      }\n    default:\n      const _exhaustiveCheck: never = role;\n      throw new Error(`Unknown message role: ${_exhaustiveCheck}`);\n  }\n};\n\ntype ThreadMessageComponentProps = {\n  components: ThreadPrimitiveMessages.Props[\"components\"];\n};\n\nconst ThreadMessageComponent: FC<ThreadMessageComponentProps> = ({\n  components,\n}) => {\n  const role = useAssistantState(({ message }) => message.role);\n  const isEditing = useAssistantState(\n    ({ message }) => message.composer.isEditing,\n  );\n  const Component = getComponent(components, role, isEditing);\n\n  return <Component />;\n};\nexport namespace ThreadPrimitiveMessageByIndex {\n  export type Props = {\n    index: number;\n    components: ThreadPrimitiveMessages.Props[\"components\"];\n  };\n}\n\n/**\n * Renders a single message at the specified index in the current thread.\n *\n * This component provides message context for a specific message in the thread\n * and renders it using the provided component configuration.\n *\n * @example\n * ```tsx\n * <ThreadPrimitive.MessageByIndex\n *   index={0}\n *   components={{\n *     UserMessage: MyUserMessage,\n *     AssistantMessage: MyAssistantMessage\n *   }}\n * />\n * ```\n */\nexport const ThreadPrimitiveMessageByIndex: FC<ThreadPrimitiveMessageByIndex.Props> =\n  memo(\n    ({ index, components }) => {\n      return (\n        <MessageByIndexProvider index={index}>\n          <ThreadMessageComponent components={components} />\n        </MessageByIndexProvider>\n      );\n    },\n    (prev, next) =>\n      prev.index === next.index &&\n      isComponentsSame(prev.components, next.components),\n  );\n\nThreadPrimitiveMessageByIndex.displayName = \"ThreadPrimitive.MessageByIndex\";\n\n/**\n * Renders all messages in the current thread using the provided component configuration.\n *\n * This component automatically renders all messages in the thread, providing the appropriate\n * message context for each message. It handles different message types (user, assistant, system)\n * and supports editing mode through the provided edit composer components.\n *\n * @example\n * ```tsx\n * <ThreadPrimitive.Messages\n *   components={{\n *     UserMessage: MyUserMessage,\n *     AssistantMessage: MyAssistantMessage,\n *     EditComposer: MyEditComposer\n *   }}\n * />\n * ```\n */\nexport const ThreadPrimitiveMessagesImpl: FC<ThreadPrimitiveMessages.Props> = ({\n  components,\n}) => {\n  const messagesLength = useAssistantState(\n    ({ thread }) => thread.messages.length,\n  );\n\n  const messageElements = useMemo(() => {\n    if (messagesLength === 0) return null;\n    return Array.from({ length: messagesLength }, (_, index) => (\n      <ThreadPrimitiveMessageByIndex\n        key={index}\n        index={index}\n        components={components}\n      />\n    ));\n  }, [messagesLength, components]);\n\n  return messageElements;\n};\n\nThreadPrimitiveMessagesImpl.displayName = \"ThreadPrimitive.Messages\";\n\nexport const ThreadPrimitiveMessages = memo(\n  ThreadPrimitiveMessagesImpl,\n  (prev, next) => isComponentsSame(prev.components, next.components),\n);\n"],"mappings":";;;AAEA,SAAsC,MAAM,eAAe;AAC3D,SAAS,mBAAmB,8BAA8B;AAqIjD;AA9ET,IAAM,mBAAmB,CACvB,MACA,SACG;AACH,SACE,KAAK,YAAY,KAAK,WACtB,KAAK,iBAAiB,KAAK,gBAC3B,KAAK,qBAAqB,KAAK,oBAC/B,KAAK,0BAA0B,KAAK,yBACpC,KAAK,uBAAuB,KAAK,sBACjC,KAAK,gBAAgB,KAAK,eAC1B,KAAK,qBAAqB,KAAK,oBAC/B,KAAK,kBAAkB,KAAK;AAEhC;AAEA,IAAM,yBAAyB,MAAM;AAErC,IAAM,eAAe,CACnB,YACA,MACA,cACG;AACH,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,UAAI,WAAW;AACb,eACE,WAAW,oBACX,WAAW,gBACX,WAAW,eACV,WAAW;AAAA,MAEhB,OAAO;AACL,eAAO,WAAW,eAAgB,WAAW;AAAA,MAC/C;AAAA,IACF,KAAK;AACH,UAAI,WAAW;AACb,eACE,WAAW,yBACX,WAAW,gBACX,WAAW,oBACV,WAAW;AAAA,MAEhB,OAAO;AACL,eACE,WAAW,oBAAqB,WAAW;AAAA,MAE/C;AAAA,IACF,KAAK;AACH,UAAI,WAAW;AACb,eACE,WAAW,sBACX,WAAW,gBACX,WAAW,iBACV,WAAW;AAAA,MAEhB,OAAO;AACL,eAAO,WAAW,iBAAiB;AAAA,MACrC;AAAA,IACF;AACE,YAAM,mBAA0B;AAChC,YAAM,IAAI,MAAM,yBAAyB,gBAAgB,EAAE;AAAA,EAC/D;AACF;AAMA,IAAM,yBAA0D,CAAC;AAAA,EAC/D;AACF,MAAM;AACJ,QAAM,OAAO,kBAAkB,CAAC,EAAE,QAAQ,MAAM,QAAQ,IAAI;AAC5D,QAAM,YAAY;AAAA,IAChB,CAAC,EAAE,QAAQ,MAAM,QAAQ,SAAS;AAAA,EACpC;AACA,QAAM,YAAY,aAAa,YAAY,MAAM,SAAS;AAE1D,SAAO,oBAAC,aAAU;AACpB;AAyBO,IAAM,gCACX;AAAA,EACE,CAAC,EAAE,OAAO,WAAW,MAAM;AACzB,WACE,oBAAC,0BAAuB,OACtB,8BAAC,0BAAuB,YAAwB,GAClD;AAAA,EAEJ;AAAA,EACA,CAAC,MAAM,SACL,KAAK,UAAU,KAAK,SACpB,iBAAiB,KAAK,YAAY,KAAK,UAAU;AACrD;AAEF,8BAA8B,cAAc;AAoBrC,IAAM,8BAAiE,CAAC;AAAA,EAC7E;AACF,MAAM;AACJ,QAAM,iBAAiB;AAAA,IACrB,CAAC,EAAE,OAAO,MAAM,OAAO,SAAS;AAAA,EAClC;AAEA,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,mBAAmB,EAAG,QAAO;AACjC,WAAO,MAAM,KAAK,EAAE,QAAQ,eAAe,GAAG,CAAC,GAAG,UAChD;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA;AAAA;AAAA,MAFK;AAAA,IAGP,CACD;AAAA,EACH,GAAG,CAAC,gBAAgB,UAAU,CAAC;AAE/B,SAAO;AACT;AAEA,4BAA4B,cAAc;AAEnC,IAAM,0BAA0B;AAAA,EACrC;AAAA,EACA,CAAC,MAAM,SAAS,iBAAiB,KAAK,YAAY,KAAK,UAAU;AACnE;","names":[]}
+{"version":3,"file":"ThreadMessages.js","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadMessages.tsx"],"names":[],"mappings":"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"}

package/dist/primitives/thread/ThreadRoot.js

@@ -1,14 +1,24 @@
 "use client";
-
-// src/primitives/thread/ThreadRoot.tsx
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Primitive } from "@radix-ui/react-primitive";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var ThreadPrimitiveRoot = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref });
+/**
+ * The root container component for a thread.
+ *
+ * This component serves as the foundational wrapper for all thread-related components.
+ * It provides the basic structure and context needed for thread functionality.
+ *
+ * @example
+ * ```tsx
+ * <ThreadPrimitive.Root>
+ *   <ThreadPrimitive.Viewport>
+ *     <ThreadPrimitive.Messages components={{ Message: MyMessage }} />
+ *   </ThreadPrimitive.Viewport>
+ * </ThreadPrimitive.Root>
+ * ```
+ */
+export const ThreadPrimitiveRoot = forwardRef((props, ref) => {
+    return _jsx(Primitive.div, { ...props, ref: ref });
 });
 ThreadPrimitiveRoot.displayName = "ThreadPrimitive.Root";
-export {
-  ThreadPrimitiveRoot
-};
 //# sourceMappingURL=ThreadRoot.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { type ComponentRef, forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nexport namespace ThreadPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  /**\n   * Props for the ThreadPrimitive.Root component.\n   * Accepts all standard div element props.\n   */\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * The root container component for a thread.\n *\n * This component serves as the foundational wrapper for all thread-related components.\n * It provides the basic structure and context needed for thread functionality.\n *\n * @example\n * ```tsx\n * <ThreadPrimitive.Root>\n *   <ThreadPrimitive.Viewport>\n *     <ThreadPrimitive.Messages components={{ Message: MyMessage }} />\n *   </ThreadPrimitive.Viewport>\n * </ThreadPrimitive.Root>\n * ```\n */\nexport const ThreadPrimitiveRoot = forwardRef<\n  ThreadPrimitiveRoot.Element,\n  ThreadPrimitiveRoot.Props\n>((props, ref) => {\n  return <Primitive.div {...props} ref={ref} />;\n});\n\nThreadPrimitiveRoot.displayName = \"ThreadPrimitive.Root\";\n"],"mappings":";;;AAEA,SAAS,iBAAiB;AAC1B,SAA4B,kBAA4C;AA8B/D;AAJF,IAAM,sBAAsB,WAGjC,CAAC,OAAO,QAAQ;AAChB,SAAO,oBAAC,UAAU,KAAV,EAAe,GAAG,OAAO,KAAU;AAC7C,CAAC;AAED,oBAAoB,cAAc;","names":[]}
+{"version":3,"file":"ThreadRoot.js","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAqB,UAAU,EAA4B,MAAM,OAAO,CAAC;AAWhF;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAG3C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,KAAC,SAAS,CAAC,GAAG,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAChD,CAAC,CAAC,CAAC;AAEH,mBAAmB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton";
+import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
 export declare namespace useThreadScrollToBottom {
     type Options = {
         behavior?: ScrollBehavior | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadScrollToBottom.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadScrollToBottom.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAElB,MAAM,gCAAgC,CAAC;AAOxC,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,OAAO,GAAG;QACpB,QAAQ,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;KACvC,CAAC;CACH;AAED,QAAA,MAAM,uBAAuB,GAAI,gBAE9B,uBAAuB,CAAC,OAAY,wBAWtC,CAAC;AAEF,yBAAiB,6BAA6B,CAAC;IAC7C,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,uBAAuB,CAAC,CAAC;CACvE;AAED,eAAO,MAAM,6BAA6B;;+FAIzC,CAAC"}
+{"version":3,"file":"ThreadScrollToBottom.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadScrollToBottom.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAElB,0CAAuC;AAOxC,yBAAiB,uBAAuB,CAAC;IACvC,KAAY,OAAO,GAAG;QACpB,QAAQ,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;KACvC,CAAC;CACH;AAED,QAAA,MAAM,uBAAuB,GAAI,gBAE9B,uBAAuB,CAAC,OAAY,wBAWtC,CAAC;AAEF,yBAAiB,6BAA6B,CAAC;IAC7C,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,uBAAuB,CAAC,CAAC;CACvE;AAED,eAAO,MAAM,6BAA6B;;+FAIzC,CAAC"}

package/dist/primitives/thread/ThreadScrollToBottom.js

@@ -1,31 +1,16 @@
 "use client";
-
-// src/primitives/thread/ThreadScrollToBottom.tsx
-import {
-  createActionButton
-} from "../../utils/createActionButton.js";
+import { createActionButton, } from "../../utils/createActionButton.js";
 import { useCallback } from "react";
-import {
-  useThreadViewport,
-  useThreadViewportStore
-} from "../../context/react/ThreadViewportContext.js";
-var useThreadScrollToBottom = ({
-  behavior
-} = {}) => {
-  const isAtBottom = useThreadViewport((s) => s.isAtBottom);
-  const threadViewportStore = useThreadViewportStore();
-  const handleScrollToBottom = useCallback(() => {
-    threadViewportStore.getState().scrollToBottom({ behavior });
-  }, [threadViewportStore, behavior]);
-  if (isAtBottom) return null;
-  return handleScrollToBottom;
-};
-var ThreadPrimitiveScrollToBottom = createActionButton(
-  "ThreadPrimitive.ScrollToBottom",
-  useThreadScrollToBottom,
-  ["behavior"]
-);
-export {
-  ThreadPrimitiveScrollToBottom
+import { useThreadViewport, useThreadViewportStore, } from "../../context/react/ThreadViewportContext.js";
+const useThreadScrollToBottom = ({ behavior, } = {}) => {
+    const isAtBottom = useThreadViewport((s) => s.isAtBottom);
+    const threadViewportStore = useThreadViewportStore();
+    const handleScrollToBottom = useCallback(() => {
+        threadViewportStore.getState().scrollToBottom({ behavior });
+    }, [threadViewportStore, behavior]);
+    if (isAtBottom)
+        return null;
+    return handleScrollToBottom;
 };
+export const ThreadPrimitiveScrollToBottom = createActionButton("ThreadPrimitive.ScrollToBottom", useThreadScrollToBottom, ["behavior"]);
 //# sourceMappingURL=ThreadScrollToBottom.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/primitives/thread/ThreadScrollToBottom.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ActionButtonElement,\n  ActionButtonProps,\n  createActionButton,\n} from \"../../utils/createActionButton\";\nimport { useCallback } from \"react\";\nimport {\n  useThreadViewport,\n  useThreadViewportStore,\n} from \"../../context/react/ThreadViewportContext\";\n\nexport namespace useThreadScrollToBottom {\n  export type Options = {\n    behavior?: ScrollBehavior | undefined;\n  };\n}\n\nconst useThreadScrollToBottom = ({\n  behavior,\n}: useThreadScrollToBottom.Options = {}) => {\n  const isAtBottom = useThreadViewport((s) => s.isAtBottom);\n\n  const threadViewportStore = useThreadViewportStore();\n\n  const handleScrollToBottom = useCallback(() => {\n    threadViewportStore.getState().scrollToBottom({ behavior });\n  }, [threadViewportStore, behavior]);\n\n  if (isAtBottom) return null;\n  return handleScrollToBottom;\n};\n\nexport namespace ThreadPrimitiveScrollToBottom {\n  export type Element = ActionButtonElement;\n  export type Props = ActionButtonProps<typeof useThreadScrollToBottom>;\n}\n\nexport const ThreadPrimitiveScrollToBottom = createActionButton(\n  \"ThreadPrimitive.ScrollToBottom\",\n  useThreadScrollToBottom,\n  [\"behavior\"],\n);\n"],"mappings":";;;AAEA;AAAA,EAGE;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAQP,IAAM,0BAA0B,CAAC;AAAA,EAC/B;AACF,IAAqC,CAAC,MAAM;AAC1C,QAAM,aAAa,kBAAkB,CAAC,MAAM,EAAE,UAAU;AAExD,QAAM,sBAAsB,uBAAuB;AAEnD,QAAM,uBAAuB,YAAY,MAAM;AAC7C,wBAAoB,SAAS,EAAE,eAAe,EAAE,SAAS,CAAC;AAAA,EAC5D,GAAG,CAAC,qBAAqB,QAAQ,CAAC;AAElC,MAAI,WAAY,QAAO;AACvB,SAAO;AACT;AAOO,IAAM,gCAAgC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA,CAAC,UAAU;AACb;","names":[]}
+{"version":3,"file":"ThreadScrollToBottom.js","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadScrollToBottom.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAGL,kBAAkB,GACnB,0CAAuC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EACL,iBAAiB,EACjB,sBAAsB,GACvB,qDAAkD;AAQnD,MAAM,uBAAuB,GAAG,CAAC,EAC/B,QAAQ,MAC2B,EAAE,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAE1D,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;IAErD,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,mBAAmB,CAAC,QAAQ,EAAE,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,IAAI,UAAU;QAAE,OAAO,IAAI,CAAC;IAC5B,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,6BAA6B,GAAG,kBAAkB,CAC7D,gCAAgC,EAChC,uBAAuB,EACvB,CAAC,UAAU,CAAC,CACb,CAAC"}

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

@@ -1,4 +1,4 @@
-import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton";
+import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
 declare const useThreadSuggestion: ({ prompt, send, clearComposer, autoSend, method: _method, }: {
     /** The suggestion prompt. */
     prompt: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadSuggestion.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadSuggestion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAElB,MAAM,gCAAgC,CAAC;AAIxC,QAAA,MAAM,mBAAmB,GAAI,6DAM1B;IACD,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE3B;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEpC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,wBA8BA,CAAC;AAEF,yBAAiB,yBAAyB,CAAC;IACzC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,yBAAyB;;;IA5DpC,6BAA6B;YACrB,MAAM;IAEd;;;OAGG;WACI,OAAO,GAAG,SAAS;IAE1B;;;;;;OAMG;oBACa,OAAO,GAAG,SAAS;IAEnC,sCAAsC;eAC3B,OAAO,GAAG,SAAS;IAE9B,+CAA+C;aACtC,SAAS;qDA0CnB,CAAC"}
+{"version":3,"file":"ThreadSuggestion.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadSuggestion.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EAElB,0CAAuC;AAIxC,QAAA,MAAM,mBAAmB,GAAI,6DAM1B;IACD,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE3B;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEpC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,wBA8BA,CAAC;AAEF,yBAAiB,yBAAyB,CAAC;IACzC,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,yBAAyB;;;IA5DpC,6BAA6B;YACrB,MAAM;IAEd;;;OAGG;WACI,OAAO,GAAG,SAAS;IAE1B;;;;;;OAMG;oBACa,OAAO,GAAG,SAAS;IAEnC,sCAAsC;eAC3B,OAAO,GAAG,SAAS;IAE9B,+CAA+C;aACtC,SAAS;qDA0CnB,CAAC"}