@assistant-ui/react 0.1.5 → 0.1.7

package/dist/index.mjs

@@ -9,7 +9,7 @@ import {
   useContentPartContext,
   useMessageContext,
   useThreadContext
-} from "./chunk-KIP3YFVM.mjs";
+} from "./chunk-XVZ2GVQM.mjs";
 
 // src/actions/useCopyMessage.tsx
 import { useCallback } from "react";
@@ -150,9 +150,7 @@ __export(thread_exports, {
 });
 
 // src/primitives/thread/ThreadRoot.tsx
-import {
-  Primitive
-} from "@radix-ui/react-primitive";
+import { Primitive } from "@radix-ui/react-primitive";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var ThreadRoot = forwardRef(
@@ -160,6 +158,7 @@ var ThreadRoot = forwardRef(
     return /* @__PURE__ */ jsx(Primitive.div, { ...props, ref });
   }
 );
+ThreadRoot.displayName = "ThreadRoot";
 
 // src/primitives/thread/ThreadIf.tsx
 var useThreadIf = (props) => {
@@ -186,18 +185,19 @@ var ThreadEmpty = ({ children }) => {
 // src/primitives/thread/ThreadViewport.tsx
 import { composeEventHandlers } from "@radix-ui/primitive";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { Primitive as Primitive2 } from "@radix-ui/react-primitive";
 import {
-  Primitive as Primitive2
-} from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef2, useRef } from "react";
+  forwardRef as forwardRef2,
+  useRef
+} from "react";
 
 // src/utils/hooks/useOnResizeContent.tsx
 import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
 import { useEffect } from "react";
 var useOnResizeContent = (ref, callback) => {
   const callbackRef = useCallbackRef(callback);
+  const el = ref.current;
   useEffect(() => {
-    const el = ref.current;
     if (!el) return;
     const resizeObserver = new ResizeObserver(() => {
       callbackRef();
@@ -226,7 +226,7 @@ var useOnResizeContent = (ref, callback) => {
       resizeObserver.disconnect();
       mutationObserver.disconnect();
     };
-  }, [ref.current, callbackRef]);
+  }, [el, callbackRef]);
 };
 
 // src/utils/hooks/useOnScrollToBottom.tsx
@@ -295,6 +295,7 @@ var ThreadViewport = forwardRef2(({ autoScroll = true, onScroll, children, ...re
     }
   );
 });
+ThreadViewport.displayName = "ThreadViewport";
 
 // src/primitives/thread/ThreadMessages.tsx
 import { memo } from "react";
@@ -499,9 +500,7 @@ var ThreadMessages = ({ components }) => {
 
 // src/primitives/thread/ThreadScrollToBottom.tsx
 import { composeEventHandlers as composeEventHandlers2 } from "@radix-ui/primitive";
-import {
-  Primitive as Primitive3
-} from "@radix-ui/react-primitive";
+import { Primitive as Primitive3 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef3 } from "react";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var ThreadScrollToBottom = forwardRef3(({ onClick, ...rest }, ref) => {
@@ -520,12 +519,11 @@ var ThreadScrollToBottom = forwardRef3(({ onClick, ...rest }, ref) => {
     }
   );
 });
+ThreadScrollToBottom.displayName = "ThreadScrollToBottom";
 
 // src/primitives/thread/ThreadSuggestion.tsx
 import { composeEventHandlers as composeEventHandlers3 } from "@radix-ui/primitive";
-import {
-  Primitive as Primitive4
-} from "@radix-ui/react-primitive";
+import { Primitive as Primitive4 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef4 } from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var ThreadSuggestion = forwardRef4(({ onClick, prompt, method, autoSend: send, ...rest }, ref) => {
@@ -549,6 +547,7 @@ var ThreadSuggestion = forwardRef4(({ onClick, prompt, method, autoSend: send, .
     }
   );
 });
+ThreadSuggestion.displayName = "ThreadSuggestion";
 
 // src/primitives/composer/index.ts
 var composer_exports = {};
@@ -563,10 +562,11 @@ __export(composer_exports, {
 // src/primitives/composer/ComposerRoot.tsx
 import { composeEventHandlers as composeEventHandlers4 } from "@radix-ui/primitive";
 import { useComposedRefs as useComposedRefs2 } from "@radix-ui/react-compose-refs";
+import { Primitive as Primitive5 } from "@radix-ui/react-primitive";
 import {
-  Primitive as Primitive5
-} from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef5, useRef as useRef2 } from "react";
+  forwardRef as forwardRef5,
+  useRef as useRef2
+} from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var ComposerRoot = forwardRef5(
   ({ onSubmit, ...rest }, forwardedRef) => {
@@ -591,6 +591,7 @@ var ComposerRoot = forwardRef5(
     );
   }
 );
+ComposerRoot.displayName = "ComposerRoot";
 
 // src/primitives/composer/ComposerInput.tsx
 import { composeEventHandlers as composeEventHandlers5 } from "@radix-ui/primitive";
@@ -634,6 +635,7 @@ var ComposerInput = forwardRef6(
     const focus = useCallback6(() => {
       const textarea = textareaRef.current;
       if (!textarea || !autoFocusEnabled) return;
+      console.log("focus");
       textarea.focus();
       textarea.setSelectionRange(
         textareaRef.current.value.length,
@@ -652,6 +654,7 @@ var ComposerInput = forwardRef6(
         value,
         ...rest,
         ref,
+        autoFocus,
         disabled,
         onChange: composeEventHandlers5(onChange, (e) => {
           const composerState = useComposer.getState();
@@ -663,11 +666,10 @@ var ComposerInput = forwardRef6(
     );
   }
 );
+ComposerInput.displayName = "ComposerInput";
 
 // src/primitives/composer/ComposerSend.tsx
-import {
-  Primitive as Primitive6
-} from "@radix-ui/react-primitive";
+import { Primitive as Primitive6 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef7 } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var ComposerSend = forwardRef7(
@@ -685,12 +687,11 @@ var ComposerSend = forwardRef7(
     );
   }
 );
+ComposerSend.displayName = "ComposerSend";
 
 // src/primitives/composer/ComposerCancel.tsx
 import { composeEventHandlers as composeEventHandlers6 } from "@radix-ui/primitive";
-import {
-  Primitive as Primitive7
-} from "@radix-ui/react-primitive";
+import { Primitive as Primitive7 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef8 } from "react";
 import { jsx as jsx11 } from "react/jsx-runtime";
 var ComposerCancel = forwardRef8(({ onClick, ...rest }, ref) => {
@@ -708,6 +709,7 @@ var ComposerCancel = forwardRef8(({ onClick, ...rest }, ref) => {
     }
   );
 });
+ComposerCancel.displayName = "ComposerCancel";
 
 // src/primitives/message/index.ts
 var message_exports = {};
@@ -720,9 +722,7 @@ __export(message_exports, {
 
 // src/primitives/message/MessageRoot.tsx
 import { composeEventHandlers as composeEventHandlers7 } from "@radix-ui/primitive";
-import {
-  Primitive as Primitive8
-} from "@radix-ui/react-primitive";
+import { Primitive as Primitive8 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef9 } from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
 var MessageRoot = forwardRef9(
@@ -746,6 +746,7 @@ var MessageRoot = forwardRef9(
     );
   }
 );
+MessageRoot.displayName = "MessageRoot";
 
 // src/primitives/message/MessageContent.tsx
 import { memo as memo2 } from "react";
@@ -813,9 +814,7 @@ var ContentPartInProgressIndicator = () => {
 };
 
 // src/primitives/contentPart/ContentPartText.tsx
-import {
-  Primitive as Primitive9
-} from "@radix-ui/react-primitive";
+import { Primitive as Primitive9 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef10 } from "react";
 import { jsx as jsx14 } from "react/jsx-runtime";
 var ContentPartText = forwardRef10((props, forwardedRef) => {
@@ -829,6 +828,7 @@ var ContentPartText = forwardRef10((props, forwardedRef) => {
   });
   return /* @__PURE__ */ jsx14(Primitive9.span, { ...props, ref: forwardedRef, children: text });
 });
+ContentPartText.displayName = "ContentPartText";
 
 // src/primitives/message/MessageContent.tsx
 import { Fragment, jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -903,10 +903,11 @@ var MessageContent = ({ components }) => {
 };
 
 // src/primitives/message/MessageInProgress.tsx
+import { Primitive as Primitive10 } from "@radix-ui/react-primitive";
 import {
-  Primitive as Primitive10
-} from "@radix-ui/react-primitive";
-import { forwardRef as forwardRef11, useMemo as useMemo2 } from "react";
+  forwardRef as forwardRef11,
+  useMemo as useMemo2
+} from "react";
 import { jsx as jsx16 } from "react/jsx-runtime";
 var MessageInProgress = forwardRef11((props, ref) => {
   const { useMessage } = useMessageContext();
@@ -915,6 +916,7 @@ var MessageInProgress = forwardRef11((props, ref) => {
   }, [useMessage, props, ref]);
   return null;
 });
+MessageInProgress.displayName = "MessageInProgress";
 
 // src/primitives/branchPicker/index.ts
 var branchPicker_exports = {};
@@ -928,27 +930,25 @@ __export(branchPicker_exports, {
 
 // src/utils/createActionButton.tsx
 import { composeEventHandlers as composeEventHandlers8 } from "@radix-ui/primitive";
-import {
-  Primitive as Primitive11
-} from "@radix-ui/react-primitive";
+import { Primitive as Primitive11 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef12 } from "react";
 import { jsx as jsx17 } from "react/jsx-runtime";
 var createActionButton = (useActionButton) => {
-  return forwardRef12(
-    (props, forwardedRef) => {
-      const onClick = useActionButton(props);
-      return /* @__PURE__ */ jsx17(
-        Primitive11.button,
-        {
-          type: "button",
-          disabled: !onClick,
-          ...props,
-          ref: forwardedRef,
-          onClick: composeEventHandlers8(props.onClick, onClick ?? void 0)
-        }
-      );
-    }
-  );
+  const ActionButton = forwardRef12((props, forwardedRef) => {
+    const onClick = useActionButton(props);
+    return /* @__PURE__ */ jsx17(
+      Primitive11.button,
+      {
+        type: "button",
+        disabled: !onClick,
+        ...props,
+        ref: forwardedRef,
+        onClick: composeEventHandlers8(props.onClick, onClick ?? void 0)
+      }
+    );
+  });
+  ActionButton.displayName = "ActionButton";
+  return ActionButton;
 };
 
 // src/primitives/branchPicker/BranchPickerNext.tsx
@@ -974,14 +974,13 @@ var BranchPickerNumber = () => {
 };
 
 // src/primitives/branchPicker/BranchPickerRoot.tsx
-import {
-  Primitive as Primitive12
-} from "@radix-ui/react-primitive";
+import { Primitive as Primitive12 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef13 } from "react";
 import { jsx as jsx20 } from "react/jsx-runtime";
 var BranchPickerRoot = forwardRef13(({ hideWhenSingleBranch, ...rest }, ref) => {
   return /* @__PURE__ */ jsx20(MessageIf, { hasBranches: hideWhenSingleBranch ? true : void 0, children: /* @__PURE__ */ jsx20(Primitive12.div, { ...rest, ref }) });
 });
+BranchPickerRoot.displayName = "BranchPickerRoot";
 
 // src/primitives/actionBar/index.ts
 var actionBar_exports = {};
@@ -993,9 +992,7 @@ __export(actionBar_exports, {
 });
 
 // src/primitives/actionBar/ActionBarRoot.tsx
-import {
-  Primitive as Primitive13
-} from "@radix-ui/react-primitive";
+import { Primitive as Primitive13 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef14 } from "react";
 import { jsx as jsx21 } from "react/jsx-runtime";
 var ActionBarRoot = forwardRef14(({ hideWhenRunning, autohide, autohideFloat, ...rest }, ref) => {
@@ -1023,6 +1020,7 @@ var ActionBarRoot = forwardRef14(({ hideWhenRunning, autohide, autohideFloat, ..
     }
   );
 });
+ActionBarRoot.displayName = "ActionBarRoot";
 
 // src/primitives/actionBar/ActionBarCopy.tsx
 var ActionBarCopy = createActionButton(useCopyMessage);
@@ -1043,9 +1041,7 @@ __export(contentPart_exports, {
 });
 
 // src/primitives/contentPart/ContentPartImage.tsx
-import {
-  Primitive as Primitive14
-} from "@radix-ui/react-primitive";
+import { Primitive as Primitive14 } from "@radix-ui/react-primitive";
 import { forwardRef as forwardRef15 } from "react";
 import { jsx as jsx22 } from "react/jsx-runtime";
 var ContentPartImage = forwardRef15((props, forwardedRef) => {
@@ -1059,6 +1055,7 @@ var ContentPartImage = forwardRef15((props, forwardedRef) => {
   });
   return /* @__PURE__ */ jsx22(Primitive14.img, { src: image, ...props, ref: forwardedRef });
 });
+ContentPartImage.displayName = "ContentPartImage";
 
 // src/runtime/local/useLocalRuntime.tsx
 import { useInsertionEffect, useState as useState3 } from "react";