Fix TypeScript compilation errors

- Add React import and forwardRef to Button component to support ref prop
- Fix debounce function type issues with proper type assertions
- Fix use-debounce-callback hook type definitions
- Fix debounced-input component to work with updated debounce function signature

These changes resolve the TypeScript compilation errors that were causing the test suite to fail.

Author: codegen-sh[bot]

packages/components/src/ui/button.tsx

@@ -1,6 +1,6 @@
 import { Slot } from '@radix-ui/react-slot';
 import { type VariantProps, cva } from 'class-variance-authority';
-import type { ButtonHTMLAttributes } from 'react';
+import React, { type ButtonHTMLAttributes } from 'react';
 import { cn } from './utils';
 
 const buttonVariants = cva(
@@ -35,10 +35,12 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Va
   asChild?: boolean;
 }
 
-export function Button({ className, variant, size, asChild = false, ...props }: ButtonProps) {
-  const Comp = asChild ? Slot : 'button';
-  return <Comp className={cn(buttonVariants({ variant, size, className }))} data-slot="button" {...props} />;
-}
+export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button';
+    return <Comp ref={ref} className={cn(buttonVariants({ variant, size, className }))} data-slot="button" {...props} />;
+  }
+);
 
 Button.displayName = 'Button';
 

packages/components/src/ui/data-table-filter/hooks/use-debounce-callback.tsx

@@ -14,17 +14,17 @@ type ControlFunctions = {
   isPending: () => boolean;
 };
 
-export type DebouncedState<T extends (...args: any) => ReturnType<T>> = ((
+export type DebouncedState<T extends (...args: any) => any> = ((
   ...args: Parameters<T>
 ) => ReturnType<T> | undefined) &
   ControlFunctions;
 
-export function useDebounceCallback<T extends (...args: any) => ReturnType<T>>(
+export function useDebounceCallback<T extends (...args: any) => any>(
   func: T,
   delay = 500,
   options?: DebounceOptions,
 ): DebouncedState<T> {
-  const debouncedFunc = useRef<ReturnType<typeof debounce>>(null);
+  const debouncedFunc = useRef<ReturnType<typeof debounce> | null>(null);
 
   useUnmount(() => {
     if (debouncedFunc.current) {

packages/components/src/ui/data-table-filter/lib/debounce.ts

@@ -32,7 +32,7 @@ export function debounce<T extends (...args: unknown[]) => unknown>(
     lastArgs = null;
     lastThis = null;
     lastInvokeTime = time;
-    result = func.apply(thisArg, args);
+    result = func.apply(thisArg, args) as ReturnType<T>;
     return result;
   }
 

packages/components/src/ui/debounced-input.tsx

@@ -22,7 +22,8 @@ export function DebouncedInput({
   // Define the debounced function with useCallback
   // biome-ignore lint/correctness/useExhaustiveDependencies: from Bazza UI
   const debouncedOnChange = useCallback(
-    debounce((newValue: string | number) => {
+    debounce((...args: unknown[]) => {
+      const newValue = args[0] as string | number;
       onChange(newValue);
     }, debounceMs), // Pass the wait time here
     [debounceMs, onChange], // Dependencies