Refactor Button component to use React 19 ref pattern

- Remove React.forwardRef wrapper as per React 19 guidelines
- Add optional ref prop to ButtonProps interface with type React.Ref<HTMLButtonElement>
- Convert Button to normal function component that extracts ref from props
- Pass ref directly to rendered component (Comp)
- Maintain all existing functionality while aligning with modern React patterns

This change follows React 19's simplified ref handling where refs are treated as regular props instead of requiring forwardRef.

Author: codegen-sh[bot]

packages/components/src/ui/button.tsx

@@ -34,21 +34,20 @@ const buttonVariants = cva(
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
   asChild?: boolean;
+  ref?: React.Ref<HTMLButtonElement>;
 }
 
-export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : 'button';
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        data-slot="button"
-        ref={ref}
-        {...props}
-      />
-    );
-  }
-);
+export function Button({ className, variant, size, asChild = false, ref, ...props }: ButtonProps) {
+  const Comp = asChild ? Slot : 'button';
+  return (
+    <Comp
+      className={cn(buttonVariants({ variant, size, className }))}
+      data-slot="button"
+      ref={ref}
+      {...props}
+    />
+  );
+}
 
 Button.displayName = 'Button';