@assistant-ui/react 0.15.21 → 0.15.22

package/dist/primitives/selectionToolbar/SelectionToolbarRoot.js

@@ -1,8 +1,9 @@
 "use client";
 import { Primitive as Primitive$1 } from "../../utils/Primitive.js";
+import { useThreadRootElementRef } from "../thread/ThreadRootElementContext.js";
 import { getSelectionMessageId } from "../../utils/getSelectionMessageId.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
-import { createContext, forwardRef, useContext, useEffect, useState } from "@assistant-ui/tap/react-shim";
+import { createContext, forwardRef, useContext, useEffect, useRef, useState } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "radix-ui/internal";
 import { createPortal } from "react-dom";
@@ -14,9 +15,9 @@ const useSelectionToolbarInfo = () => {
 /**
 * A floating toolbar that appears when text is selected within a message.
 *
-* Listens for mouse and keyboard selection events, validates that the
-* selection is within a single message, and renders a positioned portal
-* near the selection. Prevents mousedown from clearing the selection.
+* Listens for browser selection changes, validates that the selection is
+* within a single message, and renders a positioned portal near the
+* selection. Prevents mousedown from clearing the selection.
 *
 * @example
 * ```tsx
@@ -26,7 +27,7 @@ const useSelectionToolbarInfo = () => {
 * ```
 */
 const SelectionToolbarPrimitiveRoot = forwardRef((t0, forwardedRef) => {
-	const $ = c(20);
+	const $ = c(21);
 	let onMouseDown;
 	let props;
 	let style;
@@ -42,11 +43,14 @@ const SelectionToolbarPrimitiveRoot = forwardRef((t0, forwardedRef) => {
 		style = $[3];
 	}
 	const [info, setInfo] = useState(null);
+	const threadRootRef = useThreadRootElementRef();
+	const warnedAboutMissingThreadRootRef = useRef(false);
 	let t1;
 	let t2;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[4] !== threadRootRef) {
 		t1 = () => {
 			let pendingFrame = null;
+			let isMouseDragging = false;
 			const checkSelection = () => {
 				if (pendingFrame !== null) cancelAnimationFrame(pendingFrame);
 				pendingFrame = requestAnimationFrame(() => {
@@ -61,7 +65,13 @@ const SelectionToolbarPrimitiveRoot = forwardRef((t0, forwardedRef) => {
 						setInfo(null);
 						return;
 					}
-					const messageId = getSelectionMessageId(sel);
+					if (threadRootRef && !threadRootRef.current) {
+						if (process.env.NODE_ENV !== "production" && !warnedAboutMissingThreadRootRef.current) {
+							warnedAboutMissingThreadRootRef.current = true;
+							console.warn("[SelectionToolbarPrimitive.Root] ThreadPrimitive.Root did not provide a DOM element, so the selection cannot be scoped to its thread. Ensure a custom root child forwards its ref.");
+						}
+					}
+					const messageId = getSelectionMessageId(sel, threadRootRef?.current);
 					if (!messageId) {
 						setInfo(null);
 						return;
@@ -74,38 +84,67 @@ const SelectionToolbarPrimitiveRoot = forwardRef((t0, forwardedRef) => {
 					});
 				});
 			};
-			const handleSelectionCollapse = () => {
+			const handleSelectionChange = () => {
 				const sel_0 = window.getSelection();
-				if (!sel_0 || sel_0.isCollapsed) setInfo(null);
+				if (!sel_0 || sel_0.isCollapsed) {
+					if (pendingFrame !== null) {
+						cancelAnimationFrame(pendingFrame);
+						pendingFrame = null;
+					}
+					setInfo(null);
+					return;
+				}
+				if (!isMouseDragging) checkSelection();
 			};
 			const handleScroll = () => {
+				if (pendingFrame !== null) {
+					cancelAnimationFrame(pendingFrame);
+					pendingFrame = null;
+				}
 				setInfo(null);
 			};
-			document.addEventListener("mouseup", checkSelection);
-			document.addEventListener("keyup", checkSelection);
-			document.addEventListener("selectionchange", handleSelectionCollapse);
+			const handleMouseDown = () => {
+				isMouseDragging = true;
+			};
+			const handleMouseUp = () => {
+				isMouseDragging = false;
+				checkSelection();
+			};
+			const handleMouseCancel = () => {
+				isMouseDragging = false;
+			};
+			document.addEventListener("mousedown", handleMouseDown, true);
+			document.addEventListener("mouseup", handleMouseUp, true);
+			document.addEventListener("dragend", handleMouseUp, true);
+			document.addEventListener("contextmenu", handleMouseCancel, true);
+			window.addEventListener("blur", handleMouseCancel);
+			document.addEventListener("selectionchange", handleSelectionChange);
 			document.addEventListener("scroll", handleScroll, true);
 			return () => {
 				if (pendingFrame !== null) cancelAnimationFrame(pendingFrame);
-				document.removeEventListener("mouseup", checkSelection);
-				document.removeEventListener("keyup", checkSelection);
-				document.removeEventListener("selectionchange", handleSelectionCollapse);
+				document.removeEventListener("mousedown", handleMouseDown, true);
+				document.removeEventListener("mouseup", handleMouseUp, true);
+				document.removeEventListener("dragend", handleMouseUp, true);
+				document.removeEventListener("contextmenu", handleMouseCancel, true);
+				window.removeEventListener("blur", handleMouseCancel);
+				document.removeEventListener("selectionchange", handleSelectionChange);
 				document.removeEventListener("scroll", handleScroll, true);
 			};
 		};
-		t2 = [];
-		$[4] = t1;
-		$[5] = t2;
+		t2 = [threadRootRef];
+		$[4] = threadRootRef;
+		$[5] = t1;
+		$[6] = t2;
 	} else {
-		t1 = $[4];
-		t2 = $[5];
+		t1 = $[5];
+		t2 = $[6];
 	}
 	useEffect(t1, t2);
 	if (!info) return null;
 	const t3 = `${info.rect.top - 8}px`;
 	const t4 = `${info.rect.left + info.rect.width / 2}px`;
 	let t5;
-	if ($[6] !== style || $[7] !== t3 || $[8] !== t4) {
+	if ($[7] !== style || $[8] !== t3 || $[9] !== t4) {
 		t5 = {
 			position: "fixed",
 			top: t3,
@@ -114,42 +153,42 @@ const SelectionToolbarPrimitiveRoot = forwardRef((t0, forwardedRef) => {
 			zIndex: 50,
 			...style
 		};
-		$[6] = style;
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = t5;
-	} else t5 = $[9];
+		$[7] = style;
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
 	const positionStyle = t5;
 	let t6;
-	if ($[10] !== onMouseDown) {
+	if ($[11] !== onMouseDown) {
 		t6 = composeEventHandlers(onMouseDown, _temp);
-		$[10] = onMouseDown;
-		$[11] = t6;
-	} else t6 = $[11];
+		$[11] = onMouseDown;
+		$[12] = t6;
+	} else t6 = $[12];
 	let t7;
-	if ($[12] !== forwardedRef || $[13] !== positionStyle || $[14] !== props || $[15] !== t6) {
+	if ($[13] !== forwardedRef || $[14] !== positionStyle || $[15] !== props || $[16] !== t6) {
 		t7 = /* @__PURE__ */ jsx(Primitive$1.div, {
 			...props,
 			ref: forwardedRef,
 			style: positionStyle,
 			onMouseDown: t6
 		});
-		$[12] = forwardedRef;
-		$[13] = positionStyle;
-		$[14] = props;
-		$[15] = t6;
-		$[16] = t7;
-	} else t7 = $[16];
+		$[13] = forwardedRef;
+		$[14] = positionStyle;
+		$[15] = props;
+		$[16] = t6;
+		$[17] = t7;
+	} else t7 = $[17];
 	let t8;
-	if ($[17] !== info || $[18] !== t7) {
+	if ($[18] !== info || $[19] !== t7) {
 		t8 = createPortal(/* @__PURE__ */ jsx(SelectionToolbarContext.Provider, {
 			value: info,
 			children: t7
 		}), document.body);
-		$[17] = info;
-		$[18] = t7;
-		$[19] = t8;
-	} else t8 = $[19];
+		$[18] = info;
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
 	return t8;
 });
 SelectionToolbarPrimitiveRoot.displayName = "SelectionToolbarPrimitive.Root";

package/dist/primitives/selectionToolbar/SelectionToolbarRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionToolbarRoot.js","names":["c","_c","Primitive","composeEventHandlers","ComponentPropsWithoutRef","ComponentRef","createContext","forwardRef","useContext","useEffect","useState","createPortal","getSelectionMessageId","SelectionInfo","text","messageId","rect","DOMRect","SelectionToolbarContext","useSelectionToolbarInfo","SelectionToolbarPrimitiveRoot","Element","div","Props","t0","forwardedRef","$","onMouseDown","props","style","info","setInfo","t1","t2","Symbol","for","pendingFrame","checkSelection","cancelAnimationFrame","requestAnimationFrame","sel","window","getSelection","isCollapsed","toString","trim","range","getRangeAt","getBoundingClientRect","handleSelectionCollapse","sel_0","handleScroll","document","addEventListener","removeEventListener","t3","top","t4","left","width","t5","position","transform","zIndex","positionStyle","t6","_temp","t7","t8","body","displayName","e","preventDefault"],"sources":["../../../src/primitives/selectionToolbar/SelectionToolbarRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport { composeEventHandlers } from \"radix-ui/internal\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { getSelectionMessageId } from \"../../utils/getSelectionMessageId\";\n\ntype SelectionInfo = {\n  text: string;\n  messageId: string;\n  rect: DOMRect;\n};\n\nconst SelectionToolbarContext = createContext<SelectionInfo | null>(null);\n\nexport const useSelectionToolbarInfo = () =>\n  useContext(SelectionToolbarContext);\n\nexport namespace SelectionToolbarPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * A floating toolbar that appears when text is selected within a message.\n *\n * Listens for mouse and keyboard selection events, validates that the\n * selection is within a single message, and renders a positioned portal\n * near the selection. Prevents mousedown from clearing the selection.\n *\n * @example\n * ```tsx\n * <SelectionToolbarPrimitive.Root>\n *   <SelectionToolbarPrimitive.Quote>Quote</SelectionToolbarPrimitive.Quote>\n * </SelectionToolbarPrimitive.Root>\n * ```\n */\nexport const SelectionToolbarPrimitiveRoot = forwardRef<\n  SelectionToolbarPrimitiveRoot.Element,\n  SelectionToolbarPrimitiveRoot.Props\n>(({ onMouseDown, style, ...props }, forwardedRef) => {\n  const [info, setInfo] = useState<SelectionInfo | null>(null);\n\n  useEffect(() => {\n    // Read the selection on the next frame so the browser has settled it.\n    let pendingFrame: number | null = null;\n\n    const checkSelection = () => {\n      if (pendingFrame !== null) cancelAnimationFrame(pendingFrame);\n      pendingFrame = requestAnimationFrame(() => {\n        pendingFrame = null;\n        const sel = window.getSelection();\n        if (!sel || sel.isCollapsed) {\n          setInfo(null);\n          return;\n        }\n\n        const text = sel.toString().trim();\n        if (!text) {\n          setInfo(null);\n          return;\n        }\n\n        const messageId = getSelectionMessageId(sel);\n        if (!messageId) {\n          setInfo(null);\n          return;\n        }\n\n        const range = sel.getRangeAt(0);\n        const rect = range.getBoundingClientRect();\n        setInfo({ text, messageId, rect });\n      });\n    };\n\n    const handleSelectionCollapse = () => {\n      const sel = window.getSelection();\n      if (!sel || sel.isCollapsed) {\n        setInfo(null);\n      }\n    };\n\n    const handleScroll = () => {\n      setInfo(null);\n    };\n\n    document.addEventListener(\"mouseup\", checkSelection);\n    document.addEventListener(\"keyup\", checkSelection);\n    document.addEventListener(\"selectionchange\", handleSelectionCollapse);\n    document.addEventListener(\"scroll\", handleScroll, true);\n\n    return () => {\n      if (pendingFrame !== null) cancelAnimationFrame(pendingFrame);\n      document.removeEventListener(\"mouseup\", checkSelection);\n      document.removeEventListener(\"keyup\", checkSelection);\n      document.removeEventListener(\"selectionchange\", handleSelectionCollapse);\n      document.removeEventListener(\"scroll\", handleScroll, true);\n    };\n  }, []);\n\n  if (!info) return null;\n\n  const positionStyle: React.CSSProperties = {\n    position: \"fixed\",\n    top: `${info.rect.top - 8}px`,\n    left: `${info.rect.left + info.rect.width / 2}px`,\n    transform: \"translate(-50%, -100%)\",\n    zIndex: 50,\n    ...style,\n  };\n\n  return createPortal(\n    <SelectionToolbarContext.Provider value={info}>\n      <Primitive.div\n        {...props}\n        ref={forwardedRef}\n        style={positionStyle}\n        onMouseDown={composeEventHandlers(onMouseDown, (e) => {\n          // Prevent mousedown from clearing the text selection\n          e.preventDefault();\n        })}\n      />\n    </SelectionToolbarContext.Provider>,\n    document.body,\n  );\n});\n\nSelectionToolbarPrimitiveRoot.displayName = \"SelectionToolbarPrimitive.Root\";\n"],"mappings":"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"}
+{"version":3,"file":"SelectionToolbarRoot.js","names":["c","_c","Primitive","composeEventHandlers","ComponentPropsWithoutRef","ComponentRef","createContext","forwardRef","useContext","useEffect","useRef","useState","createPortal","getSelectionMessageId","useThreadRootElementRef","SelectionInfo","text","messageId","rect","DOMRect","SelectionToolbarContext","useSelectionToolbarInfo","SelectionToolbarPrimitiveRoot","Element","div","Props","t0","forwardedRef","$","onMouseDown","props","style","info","setInfo","threadRootRef","warnedAboutMissingThreadRootRef","t1","t2","pendingFrame","isMouseDragging","checkSelection","cancelAnimationFrame","requestAnimationFrame","sel","window","getSelection","isCollapsed","toString","trim","current","process","env","NODE_ENV","console","warn","range","getRangeAt","getBoundingClientRect","handleSelectionChange","sel_0","handleScroll","handleMouseDown","handleMouseUp","handleMouseCancel","document","addEventListener","removeEventListener","t3","top","t4","left","width","t5","position","transform","zIndex","positionStyle","t6","_temp","t7","t8","body","displayName","e","preventDefault"],"sources":["../../../src/primitives/selectionToolbar/SelectionToolbarRoot.tsx"],"sourcesContent":["\"use client\";\n\nimport { Primitive } from \"../../utils/Primitive\";\nimport { composeEventHandlers } from \"radix-ui/internal\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { getSelectionMessageId } from \"../../utils/getSelectionMessageId\";\nimport { useThreadRootElementRef } from \"../thread/ThreadRootElementContext\";\n\ntype SelectionInfo = {\n  text: string;\n  messageId: string;\n  rect: DOMRect;\n};\n\nconst SelectionToolbarContext = createContext<SelectionInfo | null>(null);\n\nexport const useSelectionToolbarInfo = () =>\n  useContext(SelectionToolbarContext);\n\nexport namespace SelectionToolbarPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\n/**\n * A floating toolbar that appears when text is selected within a message.\n *\n * Listens for browser selection changes, validates that the selection is\n * within a single message, and renders a positioned portal near the\n * selection. Prevents mousedown from clearing the selection.\n *\n * @example\n * ```tsx\n * <SelectionToolbarPrimitive.Root>\n *   <SelectionToolbarPrimitive.Quote>Quote</SelectionToolbarPrimitive.Quote>\n * </SelectionToolbarPrimitive.Root>\n * ```\n */\nexport const SelectionToolbarPrimitiveRoot = forwardRef<\n  SelectionToolbarPrimitiveRoot.Element,\n  SelectionToolbarPrimitiveRoot.Props\n>(({ onMouseDown, style, ...props }, forwardedRef) => {\n  const [info, setInfo] = useState<SelectionInfo | null>(null);\n  const threadRootRef = useThreadRootElementRef();\n  const warnedAboutMissingThreadRootRef = useRef(false);\n\n  useEffect(() => {\n    // Read the selection on the next frame so the browser has settled it.\n    let pendingFrame: number | null = null;\n    let isMouseDragging = false;\n\n    const checkSelection = () => {\n      if (pendingFrame !== null) cancelAnimationFrame(pendingFrame);\n      pendingFrame = requestAnimationFrame(() => {\n        pendingFrame = null;\n        const sel = window.getSelection();\n        if (!sel || sel.isCollapsed) {\n          setInfo(null);\n          return;\n        }\n\n        const text = sel.toString().trim();\n        if (!text) {\n          setInfo(null);\n          return;\n        }\n\n        if (threadRootRef && !threadRootRef.current) {\n          if (\n            process.env.NODE_ENV !== \"production\" &&\n            !warnedAboutMissingThreadRootRef.current\n          ) {\n            warnedAboutMissingThreadRootRef.current = true;\n            console.warn(\n              \"[SelectionToolbarPrimitive.Root] ThreadPrimitive.Root did not provide a DOM element, so the selection cannot be scoped to its thread. Ensure a custom root child forwards its ref.\",\n            );\n          }\n        }\n\n        const messageId = getSelectionMessageId(sel, threadRootRef?.current);\n        if (!messageId) {\n          setInfo(null);\n          return;\n        }\n\n        const range = sel.getRangeAt(0);\n        const rect = range.getBoundingClientRect();\n        setInfo({ text, messageId, rect });\n      });\n    };\n\n    const handleSelectionChange = () => {\n      const sel = window.getSelection();\n      if (!sel || sel.isCollapsed) {\n        if (pendingFrame !== null) {\n          cancelAnimationFrame(pendingFrame);\n          pendingFrame = null;\n        }\n        setInfo(null);\n        return;\n      }\n\n      if (!isMouseDragging) checkSelection();\n    };\n\n    const handleScroll = () => {\n      if (pendingFrame !== null) {\n        cancelAnimationFrame(pendingFrame);\n        pendingFrame = null;\n      }\n      setInfo(null);\n    };\n\n    const handleMouseDown = () => {\n      isMouseDragging = true;\n    };\n\n    const handleMouseUp = () => {\n      isMouseDragging = false;\n      checkSelection();\n    };\n\n    const handleMouseCancel = () => {\n      isMouseDragging = false;\n    };\n\n    document.addEventListener(\"mousedown\", handleMouseDown, true);\n    document.addEventListener(\"mouseup\", handleMouseUp, true);\n    document.addEventListener(\"dragend\", handleMouseUp, true);\n    // A context menu can consume the mouseup of the press that opened it.\n    document.addEventListener(\"contextmenu\", handleMouseCancel, true);\n    window.addEventListener(\"blur\", handleMouseCancel);\n    document.addEventListener(\"selectionchange\", handleSelectionChange);\n    document.addEventListener(\"scroll\", handleScroll, true);\n\n    return () => {\n      if (pendingFrame !== null) cancelAnimationFrame(pendingFrame);\n      document.removeEventListener(\"mousedown\", handleMouseDown, true);\n      document.removeEventListener(\"mouseup\", handleMouseUp, true);\n      document.removeEventListener(\"dragend\", handleMouseUp, true);\n      document.removeEventListener(\"contextmenu\", handleMouseCancel, true);\n      window.removeEventListener(\"blur\", handleMouseCancel);\n      document.removeEventListener(\"selectionchange\", handleSelectionChange);\n      document.removeEventListener(\"scroll\", handleScroll, true);\n    };\n  }, [threadRootRef]);\n\n  if (!info) return null;\n\n  const positionStyle: React.CSSProperties = {\n    position: \"fixed\",\n    top: `${info.rect.top - 8}px`,\n    left: `${info.rect.left + info.rect.width / 2}px`,\n    transform: \"translate(-50%, -100%)\",\n    zIndex: 50,\n    ...style,\n  };\n\n  return createPortal(\n    <SelectionToolbarContext.Provider value={info}>\n      <Primitive.div\n        {...props}\n        ref={forwardedRef}\n        style={positionStyle}\n        onMouseDown={composeEventHandlers(onMouseDown, (e) => {\n          // Prevent mousedown from clearing the text selection\n          e.preventDefault();\n        })}\n      />\n    </SelectionToolbarContext.Provider>,\n    document.body,\n  );\n});\n\nSelectionToolbarPrimitiveRoot.displayName = \"SelectionToolbarPrimitive.Root\";\n"],"mappings":"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"}

package/dist/primitives/selectionToolbar.d.ts

@@ -1,8 +1,3 @@
-import { SelectionToolbarPrimitiveRoot } from "./selectionToolbar/SelectionToolbarRoot.js";
-import { SelectionToolbarPrimitiveQuote } from "./selectionToolbar/SelectionToolbarQuote.js";
-declare namespace selectionToolbar_d_exports {
-  export { SelectionToolbarPrimitiveQuote as Quote, SelectionToolbarPrimitiveRoot as Root, SelectionToolbarPrimitiveQuote, SelectionToolbarPrimitiveRoot };
-}
-//#endregion
-export { SelectionToolbarPrimitiveQuote as Quote, SelectionToolbarPrimitiveRoot as Root, type SelectionToolbarPrimitiveQuote, type SelectionToolbarPrimitiveRoot, selectionToolbar_d_exports };
+export { SelectionToolbarPrimitiveRoot as Root, type SelectionToolbarPrimitiveRoot, } from "./selectionToolbar/SelectionToolbarRoot.js";
+export { SelectionToolbarPrimitiveQuote as Quote, type SelectionToolbarPrimitiveQuote, } from "./selectionToolbar/SelectionToolbarQuote.js";
 //# sourceMappingURL=selectionToolbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"selectionToolbar.d.ts","names":[],"sources":["../../src/primitives/selectionToolbar.ts"],"mappings":""}
+{"version":3,"file":"selectionToolbar.d.ts","sourceRoot":"","sources":["../../src/primitives/selectionToolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,6BAA6B,IAAI,IAAI,EACrC,KAAK,6BAA6B,GACnC,mDAAgD;AACjD,OAAO,EACL,8BAA8B,IAAI,KAAK,EACvC,KAAK,8BAA8B,GACpC,oDAAiD"}

package/dist/primitives/suggestion/SuggestionDescription.d.ts

@@ -1,9 +1,8 @@
 import { Primitive } from "../../utils/Primitive.js";
-import { ComponentPropsWithoutRef, ElementRef } from "react";
-//#region src/primitives/suggestion/SuggestionDescription.d.ts
+import { type ElementRef, type ComponentPropsWithoutRef } from "react";
 export declare namespace SuggestionPrimitiveDescription {
-  type Element = ElementRef<typeof Primitive.span>;
-  type Props = ComponentPropsWithoutRef<typeof Primitive.span>;
+    type Element = ElementRef<typeof Primitive.span>;
+    type Props = ComponentPropsWithoutRef<typeof Primitive.span>;
 }
 /**
  * Renders the description/label of the suggestion.
@@ -14,9 +13,8 @@ export declare namespace SuggestionPrimitiveDescription {
  * ```
  */
 export declare const SuggestionPrimitiveDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-  asChild?: boolean;
+    asChild?: boolean;
 }, "ref"> & {
-  render?: import("react").ReactElement | undefined;
+    render?: import("react").ReactElement | undefined;
 } & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-//#endregion
 //# sourceMappingURL=SuggestionDescription.d.ts.map

package/dist/primitives/suggestion/SuggestionDescription.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionDescription.d.ts","names":[],"sources":["../../../src/primitives/suggestion/SuggestionDescription.tsx"],"mappings":";;;yBAUiB;OACH,UAAU,kBAAkB,UAAU;OACtC,QAAQ,gCAAgC,UAAU;;;;;;;;;;qBAWnD,gDAA8B,0BAAA,KAAA,qBAAA,gBAAA,mCAAA,eAAA;;;;oBAWzC,cAAA,2CAAA,cAAA"}
+{"version":3,"file":"SuggestionDescription.d.ts","sourceRoot":"","sources":["../../../src/primitives/suggestion/SuggestionDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EACL,KAAK,UAAU,EAEf,KAAK,wBAAwB,EAC9B,MAAM,OAAO,CAAC;AAGf,yBAAiB,8BAA8B,CAAC;IAC9C,KAAY,OAAO,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;IACxD,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;CACrE;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,8BAA8B;;;;4GAWzC,CAAC"}

package/dist/primitives/suggestion/SuggestionDescription.js

@@ -1,8 +1,8 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
-import { useAuiState } from "@assistant-ui/store";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
+import { useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/suggestion/SuggestionDescription.tsx
 /**

package/dist/primitives/suggestion/SuggestionTitle.d.ts

@@ -1,9 +1,8 @@
 import { Primitive } from "../../utils/Primitive.js";
-import { ComponentPropsWithoutRef, ElementRef } from "react";
-//#region src/primitives/suggestion/SuggestionTitle.d.ts
+import { type ElementRef, type ComponentPropsWithoutRef } from "react";
 export declare namespace SuggestionPrimitiveTitle {
-  type Element = ElementRef<typeof Primitive.span>;
-  type Props = ComponentPropsWithoutRef<typeof Primitive.span>;
+    type Element = ElementRef<typeof Primitive.span>;
+    type Props = ComponentPropsWithoutRef<typeof Primitive.span>;
 }
 /**
  * Renders the title of the suggestion.
@@ -14,9 +13,8 @@ export declare namespace SuggestionPrimitiveTitle {
  * ```
  */
 export declare const SuggestionPrimitiveTitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-  asChild?: boolean;
+    asChild?: boolean;
 }, "ref"> & {
-  render?: import("react").ReactElement | undefined;
+    render?: import("react").ReactElement | undefined;
 } & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-//#endregion
 //# sourceMappingURL=SuggestionTitle.d.ts.map

package/dist/primitives/suggestion/SuggestionTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionTitle.d.ts","names":[],"sources":["../../../src/primitives/suggestion/SuggestionTitle.tsx"],"mappings":";;;yBAUiB;OACH,UAAU,kBAAkB,UAAU;OACtC,QAAQ,gCAAgC,UAAU;;;;;;;;;;qBAWnD,0CAAwB,0BAAA,KAAA,qBAAA,gBAAA,mCAAA,eAAA;;;;oBAWnC,cAAA,2CAAA,cAAA"}
+{"version":3,"file":"SuggestionTitle.d.ts","sourceRoot":"","sources":["../../../src/primitives/suggestion/SuggestionTitle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EACL,KAAK,UAAU,EAEf,KAAK,wBAAwB,EAC9B,MAAM,OAAO,CAAC;AAGf,yBAAiB,wBAAwB,CAAC;IACxC,KAAY,OAAO,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;IACxD,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;CACrE;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB;;;;4GAWnC,CAAC"}

package/dist/primitives/suggestion/SuggestionTitle.js

@@ -1,8 +1,8 @@
 "use client";
 import { Primitive } from "../../utils/Primitive.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
-import { useAuiState } from "@assistant-ui/store";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
+import { useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/suggestion/SuggestionTitle.tsx
 /**

package/dist/primitives/suggestion/SuggestionTrigger.d.ts

@@ -1,24 +1,23 @@
-import { ActionButtonElement, ActionButtonProps } from "../../utils/createActionButton.js";
-//#region src/primitives/suggestion/SuggestionTrigger.d.ts
-declare const useSuggestionTrigger: ({ send, clearComposer }: {
-  /**
-   * When true, automatically sends the message.
-   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
-   */
-  send?: boolean | undefined;
-  /**
-   * Whether to clear the composer after sending. A send queued while a run is
-   * in progress never clears the composer.
-   * When send is set to false, determines if composer text is replaced with suggestion (true, default),
-   * or if it's appended to the composer text (false).
-   *
-   * @default true
-   */
-  clearComposer?: boolean | undefined;
+import { type ActionButtonElement, type ActionButtonProps } from "../../utils/createActionButton.js";
+declare const useSuggestionTrigger: ({ send, clearComposer, }: {
+    /**
+     * When true, automatically sends the message.
+     * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
+     */
+    send?: boolean | undefined;
+    /**
+     * Whether to clear the composer after sending. A send queued while a run is
+     * in progress never clears the composer.
+     * When send is set to false, determines if composer text is replaced with suggestion (true, default),
+     * or if it's appended to the composer text (false).
+     *
+     * @default true
+     */
+    clearComposer?: boolean | undefined;
 }) => (() => void) | null;
 export declare namespace SuggestionPrimitiveTrigger {
-  type Element = ActionButtonElement;
-  type Props = ActionButtonProps<typeof useSuggestionTrigger>;
+    type Element = ActionButtonElement;
+    type Props = ActionButtonProps<typeof useSuggestionTrigger>;
 }
 /**
  * A button that triggers the suggestion action (send or insert into composer).
@@ -31,24 +30,24 @@ export declare namespace SuggestionPrimitiveTrigger {
  * ```
  */
 export declare const SuggestionPrimitiveTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-  asChild?: boolean;
+    asChild?: boolean;
 }, "ref"> & {
-  render?: import("react").ReactElement | undefined;
+    render?: import("react").ReactElement | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-  /**
-   * When true, automatically sends the message.
-   * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
-   */
-  send?: boolean | undefined;
-  /**
-   * Whether to clear the composer after sending. A send queued while a run is
-   * in progress never clears the composer.
-   * When send is set to false, determines if composer text is replaced with suggestion (true, default),
-   * or if it's appended to the composer text (false).
-   *
-   * @default true
-   */
-  clearComposer?: boolean | undefined;
+    /**
+     * When true, automatically sends the message.
+     * When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`.
+     */
+    send?: boolean | undefined;
+    /**
+     * Whether to clear the composer after sending. A send queued while a run is
+     * in progress never clears the composer.
+     * When send is set to false, determines if composer text is replaced with suggestion (true, default),
+     * or if it's appended to the composer text (false).
+     *
+     * @default true
+     */
+    clearComposer?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-//#endregion
+export {};
 //# sourceMappingURL=SuggestionTrigger.d.ts.map

package/dist/primitives/suggestion/SuggestionTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionTrigger.d.ts","names":[],"sources":["../../../src/primitives/suggestion/SuggestionTrigger.ts"],"mappings":";;cAUM,yBAAwB,MAAA;;;;;EAQ5B;;;;;;;;;EAUA;;yBAae;OACH,UAAU;OACV,QAAQ,yBAAyB;;;;;;;;;;;;qBAalC,4CAA0B,0BAAA,KAAA,qBAAA,gBAAA,qCAAA,qBAAA;;;;;;;;;EAtC9B;;;;;;;;;EAUS;oBAgCjB,cAAA"}
+{"version":3,"file":"SuggestionTrigger.d.ts","sourceRoot":"","sources":["../../../src/primitives/suggestion/SuggestionTrigger.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EAEvB,0CAAuC;AAIxC,QAAA,MAAM,oBAAoB,GAAI,0BAG3B;IACD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC,wBAUA,CAAC;AAEF,yBAAiB,0BAA0B,CAAC;IAC1C,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,KAAK,GAAG,iBAAiB,CAAC,OAAO,oBAAoB,CAAC,CAAC;CACpE;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,0BAA0B;;;;;IA1CrC;;;OAGG;WACI,OAAO,GAAG,SAAS;IAE1B;;;;;;;OAOG;oBACa,OAAO,GAAG,SAAS;qDAgCpC,CAAC"}

package/dist/primitives/suggestion.d.ts

@@ -1,9 +1,4 @@
-import { SuggestionPrimitiveTitle } from "./suggestion/SuggestionTitle.js";
-import { SuggestionPrimitiveDescription } from "./suggestion/SuggestionDescription.js";
-import { SuggestionPrimitiveTrigger } from "./suggestion/SuggestionTrigger.js";
-declare namespace suggestion_d_exports {
-  export { SuggestionPrimitiveDescription as Description, SuggestionPrimitiveTitle as Title, SuggestionPrimitiveTrigger as Trigger };
-}
-//#endregion
-export { SuggestionPrimitiveDescription as Description, SuggestionPrimitiveTitle as Title, SuggestionPrimitiveTrigger as Trigger, suggestion_d_exports };
+export { SuggestionPrimitiveTitle as Title } from "./suggestion/SuggestionTitle.js";
+export { SuggestionPrimitiveDescription as Description } from "./suggestion/SuggestionDescription.js";
+export { SuggestionPrimitiveTrigger as Trigger } from "./suggestion/SuggestionTrigger.js";
 //# sourceMappingURL=suggestion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"suggestion.d.ts","names":[],"sources":["../../src/primitives/suggestion.ts"],"mappings":""}
+{"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../src/primitives/suggestion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,IAAI,KAAK,EAAE,wCAAqC;AACjF,OAAO,EAAE,8BAA8B,IAAI,WAAW,EAAE,8CAA2C;AACnG,OAAO,EAAE,0BAA0B,IAAI,OAAO,EAAE,0CAAuC"}

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

@@ -1,11 +1,9 @@
-import { FC, PropsWithChildren } from "react";
-//#region src/primitives/thread/ThreadEmpty.d.ts
+import type { FC, PropsWithChildren } from "react";
 export declare namespace ThreadPrimitiveEmpty {
-  type Props = PropsWithChildren;
+    type Props = PropsWithChildren;
 }
 /**
  * @deprecated Use `<AuiIf condition={(s) => s.thread.isEmpty} />` instead.
  */
 export declare const ThreadPrimitiveEmpty: FC<ThreadPrimitiveEmpty.Props>;
-//#endregion
 //# sourceMappingURL=ThreadEmpty.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadEmpty.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadEmpty.ts"],"mappings":";;yBAKiB;OACH,QAAQ;;;;;qBAMT,sBAAsB,GAAG,qBAAqB"}
+{"version":3,"file":"ThreadEmpty.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadEmpty.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,yBAAiB,oBAAoB,CAAC;IACpC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAK/D,CAAC"}

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

@@ -1,18 +1,17 @@
-import { RequireAtLeastOne } from "../../utils/RequireAtLeastOne.js";
-import { FC, PropsWithChildren } from "react";
-//#region src/primitives/thread/ThreadIf.d.ts
+import type { FC, PropsWithChildren } from "react";
+import type { RequireAtLeastOne } from "../../utils/RequireAtLeastOne.js";
 type ThreadIfFilters = {
-  empty: boolean | undefined;
-  running: boolean | undefined;
-  disabled: boolean | undefined;
+    empty: boolean | undefined;
+    running: boolean | undefined;
+    disabled: boolean | undefined;
 };
 type UseThreadIfProps = RequireAtLeastOne<ThreadIfFilters>;
 export declare namespace ThreadPrimitiveIf {
-  type Props = PropsWithChildren<UseThreadIfProps>;
+    type Props = PropsWithChildren<UseThreadIfProps>;
 }
 /**
  * @deprecated Use `<AuiIf condition={(s) => s.thread...} />` instead.
  */
 export declare const ThreadPrimitiveIf: FC<ThreadPrimitiveIf.Props>;
-//#endregion
+export {};
 //# sourceMappingURL=ThreadIf.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadIf.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadIf.ts"],"mappings":";;;KAMK;EACH;EACA;EACA;;KAGG,mBAAmB,kBAAkB;yBAgBzB;OACH,QAAQ,kBAAkB;;;;;qBAM3B,mBAAmB,GAAG,kBAAkB"}
+{"version":3,"file":"ThreadIf.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadIf.ts"],"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/ThreadMessages.d.ts

@@ -1,2 +1,2 @@
-import { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveMessagesImpl, ThreadPrimitiveUnstable_MessageById } from "@assistant-ui/core/react";
-export { ThreadPrimitiveMessageByIndex, ThreadPrimitiveMessages, ThreadPrimitiveMessagesImpl, ThreadPrimitiveUnstable_MessageById };
+export { ThreadPrimitiveMessages, ThreadPrimitiveMessagesImpl, ThreadPrimitiveMessageByIndex, ThreadPrimitiveUnstable_MessageById, } from "@assistant-ui/core/react";
+//# sourceMappingURL=ThreadMessages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadMessages.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadMessages.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,6BAA6B,EAC7B,mCAAmC,GACpC,MAAM,0BAA0B,CAAC"}

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

@@ -1,13 +1,12 @@
 import { Primitive } from "../../utils/Primitive.js";
-import { ComponentPropsWithoutRef, ComponentRef } from "react";
-//#region src/primitives/thread/ThreadRoot.d.ts
+import { type ComponentRef, type ComponentPropsWithoutRef } from "react";
 export declare namespace ThreadPrimitiveRoot {
-  type Element = ComponentRef<typeof Primitive.div>;
-  /**
-   * Props for the ThreadPrimitive.Root component.
-   * Accepts all standard div element props.
-   */
-  type Props = ComponentPropsWithoutRef<typeof Primitive.div>;
+    type Element = ComponentRef<typeof Primitive.div>;
+    /**
+     * Props for the ThreadPrimitive.Root component.
+     * Accepts all standard div element props.
+     */
+    type Props = ComponentPropsWithoutRef<typeof Primitive.div>;
 }
 /**
  * The root container component for a thread.
@@ -30,9 +29,8 @@ export declare namespace ThreadPrimitiveRoot {
  * ```
  */
 export declare const ThreadPrimitiveRoot: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-  asChild?: boolean;
+    asChild?: boolean;
 }, "ref"> & {
-  render?: import("react").ReactElement | undefined;
+    render?: import("react").ReactElement | undefined;
 } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-//#endregion
 //# sourceMappingURL=ThreadRoot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadRoot.d.ts","names":[],"sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"mappings":";;;yBAWiB;OACH,UAAU,oBAAoB,UAAU;;;;;OAKxC,QAAQ,gCAAgC,UAAU;;;;;;;;;;;;;;;;;;;;;;qBAuBnD,qCAAmB,0BAAA,KAAA,qBAAA,gBAAA,kCAAA,eAAA;;;;oBAiC9B,cAAA,0CAAA,cAAA"}
+{"version":3,"file":"ThreadRoot.d.ts","sourceRoot":"","sources":["../../../src/primitives/thread/ThreadRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,iCAA8B;AAClD,OAAO,EACL,KAAK,YAAY,EAEjB,KAAK,wBAAwB,EAG9B,MAAM,OAAO,CAAC;AAKf,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,OAAO,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACzD;;;OAGG;IACH,KAAY,KAAK,GAAG,wBAAwB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;CACpE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,mBAAmB;;;;0GAuC9B,CAAC"}

package/dist/primitives/thread/ThreadRoot.js

@@ -1,9 +1,11 @@
 "use client";
-import { Primitive } from "../../utils/Primitive.js";
+import { Primitive as Primitive$1 } from "../../utils/Primitive.js";
+import { ThreadRootElementContext } from "./ThreadRootElementContext.js";
 import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { forwardRef, useEffect, useRef } from "@assistant-ui/tap/react-shim";
 import { useAui } from "@assistant-ui/store";
-import { forwardRef, useEffect } from "@assistant-ui/tap/react-shim";
 import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "radix-ui/internal";
 //#region src/primitives/thread/ThreadRoot.tsx
 /**
 * The root container component for a thread.
@@ -28,6 +30,8 @@ import { jsx } from "react/jsx-runtime";
 const ThreadPrimitiveRoot = forwardRef((props, ref) => {
 	const $ = c(6);
 	const aui = useAui();
+	const rootRef = useRef(null);
+	const composedRef = useComposedRefs(ref, rootRef);
 	let t0;
 	let t1;
 	if ($[0] !== aui) {
@@ -59,13 +63,16 @@ const ThreadPrimitiveRoot = forwardRef((props, ref) => {
 	}
 	useEffect(t0, t1);
 	let t2;
-	if ($[3] !== props || $[4] !== ref) {
-		t2 = /* @__PURE__ */ jsx(Primitive.div, {
-			...props,
-			ref
+	if ($[3] !== composedRef || $[4] !== props) {
+		t2 = /* @__PURE__ */ jsx(ThreadRootElementContext.Provider, {
+			value: rootRef,
+			children: /* @__PURE__ */ jsx(Primitive$1.div, {
+				...props,
+				ref: composedRef
+			})
 		});
-		$[3] = props;
-		$[4] = ref;
+		$[3] = composedRef;
+		$[4] = props;
 		$[5] = t2;
 	} else t2 = $[5];
 	return t2;