feat: add 'use client' directive to client rendered components

packages/raystack/components/avatar/avatar.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
 import { cva, cx, VariantProps } from 'class-variance-authority';
 import { ComponentProps, isValidElement, ReactElement, ReactNode } from 'react';

packages/raystack/components/button/button.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Button as ButtonPrimitive } from '@base-ui/react';
 import { cva, cx, type VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';

packages/raystack/components/flex/flex.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { mergeProps, useRender } from '@base-ui/react';
 import { cva, VariantProps } from 'class-variance-authority';
 import styles from './flex.module.css';

packages/raystack/components/grid/grid-item.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { mergeProps, useRender } from '@base-ui/react';
 import { AlignType } from './types';
 

packages/raystack/components/grid/grid.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { mergeProps, useRender } from '@base-ui/react';
 import { useMemo } from 'react';
 import { AlignExtendedType, AlignType } from './types';

packages/raystack/components/radio/radio.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Radio as RadioPrimitive } from '@base-ui/react/radio';
 import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
 import { cx } from 'class-variance-authority';

packages/raystack/components/separator/separator.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
 import { cva, type VariantProps } from 'class-variance-authority';
 

packages/raystack/components/switch/switch.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
 import { cva, type VariantProps } from 'class-variance-authority';
 

packages/raystack/components/tabs/tabs.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Tabs as TabsPrimitive } from '@base-ui/react';
 import { cva, cx, type VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';