@assistant-ui/react 0.7.34 → 0.7.35

package/src/ui/base/button.tsx

@@ -1,6 +1,6 @@
 import { cva, type VariantProps } from "class-variance-authority";
 import { Primitive } from "@radix-ui/react-primitive";
-import { ElementRef, forwardRef } from "react";
+import { ComponentPropsWithoutRef, ElementRef, forwardRef } from "react";
 
 const buttonVariants = cva("aui-button", {
   variants: {
@@ -22,9 +22,7 @@ const buttonVariants = cva("aui-button", {
 
 type ButtonElement = ElementRef<typeof Primitive.button>;
 
-export type ButtonProps = React.ComponentPropsWithoutRef<
-  typeof Primitive.button
-> &
+export type ButtonProps = ComponentPropsWithoutRef<typeof Primitive.button> &
   VariantProps<typeof buttonVariants>;
 
 const Button = forwardRef<ButtonElement, ButtonProps>(

package/src/ui/base/dialog.tsx

@@ -1,9 +1,7 @@
-"use client";
-
-import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 import classNames from "classnames";
+import { ComponentPropsWithoutRef, ElementRef, forwardRef } from "react";
 
 const Dialog = DialogPrimitive.Root;
 
@@ -13,9 +11,9 @@ const DialogPortal = DialogPrimitive.Portal;
 
 const DialogClose = DialogPrimitive.Close;
 
-const DialogOverlay = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+const DialogOverlay = forwardRef<
+  ElementRef<typeof DialogPrimitive.Overlay>,
+  ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
 >(({ className, ...props }, ref) => (
   <DialogPrimitive.Overlay
     ref={ref}
@@ -25,9 +23,9 @@ const DialogOverlay = React.forwardRef<
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 
-const DialogContent = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+const DialogContent = forwardRef<
+  ElementRef<typeof DialogPrimitive.Content>,
+  ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
 >(({ className, children, ...props }, ref) => (
   <DialogPortal>
     <DialogOverlay />
@@ -49,7 +47,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 // const DialogHeader = ({
 //   className,
 //   ...props
-// }: React.HTMLAttributes<HTMLDivElement>) => (
+// }: HTMLAttributes<HTMLDivElement>) => (
 //   <div
 //     className={classNames(
 //       "flex flex-col space-y-1.5 text-center sm:text-left",
@@ -63,7 +61,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 // const DialogFooter = ({
 //   className,
 //   ...props
-// }: React.HTMLAttributes<HTMLDivElement>) => (
+// }: HTMLAttributes<HTMLDivElement>) => (
 //   <div
 //     className={classNames(
 //       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
@@ -74,9 +72,9 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 // );
 // DialogFooter.displayName = "DialogFooter";
 
-// const DialogTitle = React.forwardRef<
-//   React.ElementRef<typeof DialogPrimitive.Title>,
-//   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+// const DialogTitle = forwardRef<
+//   ElementRef<typeof DialogPrimitive.Title>,
+//   ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
 // >(({ className, ...props }, ref) => (
 //   <DialogPrimitive.Title
 //     ref={ref}
@@ -89,9 +87,9 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 // ));
 // DialogTitle.displayName = DialogPrimitive.Title.displayName;
 
-// const DialogDescription = React.forwardRef<
-//   React.ElementRef<typeof DialogPrimitive.Description>,
-//   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+// const DialogDescription = forwardRef<
+//   ElementRef<typeof DialogPrimitive.Description>,
+//   ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
 // >(({ className, ...props }, ref) => (
 //   <DialogPrimitive.Description
 //     ref={ref}

package/src/ui/base/tooltip-icon-button.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { forwardRef } from "react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
 import { Button, ButtonProps } from "./button";

package/src/ui/base/tooltip.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { withDefaults } from "../utils/withDefaults";
 import { FC } from "react";

package/src/ui/content-part.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { FC } from "react";
 import { ContentPartPrimitive } from "../primitives";
 import { useSmoothStatus, withSmoothContextProvider } from "../utils/smooth";

package/src/ui/user-message.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { ComponentPropsWithoutRef, forwardRef, type FC } from "react";
 
 import BranchPicker from "./branch-picker";

package/src/utils/RequireAtLeastOne.tsx

@@ -1,4 +1,3 @@
-"use client";
 export type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<
   T,
   Exclude<keyof T, Keys>

package/src/utils/combined/useCombinedStore.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useMemo } from "react";
 import {
   type CombinedSelector,

package/src/utils/createActionButton.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import {
   ElementRef,
   forwardRef,

package/src/utils/hooks/useOnScrollToBottom.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
 import { useEffect } from "react";
 import { useThreadViewport } from "../../context/react/ThreadContext";

package/src/utils/smooth/SmoothContext.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {
   ComponentType,
   createContext,

package/src/utils/smooth/index.ts

@@ -1,3 +1,6 @@
+"use client";
+// TODO createContextStoreHook does not work well with server-side nextjs bundler
+// use client necessary here for now
+
 export { useSmooth } from "./useSmooth";
-export { useSmoothStatus } from "./SmoothContext";
-export { withSmoothContextProvider } from "./SmoothContext";
+export { useSmoothStatus, withSmoothContextProvider } from "./SmoothContext";