diff --git a/packages/react/src/components/Box/index.ts b/packages/react/src/components/Box/index.ts
index a3e93ac5..2bd401af 100644
--- a/packages/react/src/components/Box/index.ts
+++ b/packages/react/src/components/Box/index.ts
@@ -1 +1 @@
-export { default } from './Box';
+export { default, BoxProps } from './Box';
diff --git a/packages/react/src/components/Card/index.ts b/packages/react/src/components/Card/index.ts
index c68311df..e86666f9 100644
--- a/packages/react/src/components/Card/index.ts
+++ b/packages/react/src/components/Card/index.ts
@@ -1 +1 @@
-export { default } from './Card';
+export { default, CardProps } from './Card';
diff --git a/packages/react/src/components/Form/ChoiceInput.tsx b/packages/react/src/components/Form/ChoiceInput.tsx
index 9bccdd59..218e3be7 100644
--- a/packages/react/src/components/Form/ChoiceInput.tsx
+++ b/packages/react/src/components/Form/ChoiceInput.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { forwardRef, InputHTMLAttributes } from 'react';
 import styles from '@compassion-design-system/core/src/components/Form/radio-checkbox.module.css';
 import common from '@compassion-design-system/core/src/components/Form/form-common.module.css';
diff --git a/packages/react/src/components/Form/InputGroup.tsx b/packages/react/src/components/Form/InputGroup.tsx
index e58f4b58..122e6760 100644
--- a/packages/react/src/components/Form/InputGroup.tsx
+++ b/packages/react/src/components/Form/InputGroup.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { forwardRef } from 'react';
 
 import Input from './Input';
diff --git a/packages/react/src/components/Form/PinField.tsx b/packages/react/src/components/Form/PinField.tsx
index fe92a899..9db10606 100644
--- a/packages/react/src/components/Form/PinField.tsx
+++ b/packages/react/src/components/Form/PinField.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {
   ChangeEvent,
   KeyboardEvent,
diff --git a/packages/react/src/components/Form/Select.tsx b/packages/react/src/components/Form/Select.tsx
index 24290cfc..e353a44a 100644
--- a/packages/react/src/components/Form/Select.tsx
+++ b/packages/react/src/components/Form/Select.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { forwardRef, InputHTMLAttributes, ReactElement } from 'react';
 import styles from '@compassion-design-system/core/src/components/Form/input-group.module.css';
 import common from '@compassion-design-system/core/src/components/Form/form-common.module.css';
diff --git a/packages/react/src/components/Form/SelectField.tsx b/packages/react/src/components/Form/SelectField.tsx
index 47a877ad..d5998437 100644
--- a/packages/react/src/components/Form/SelectField.tsx
+++ b/packages/react/src/components/Form/SelectField.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { forwardRef } from 'react';
 
 import { FieldContainer } from './Helpers';
diff --git a/packages/react/src/components/Form/SelectGroup.tsx b/packages/react/src/components/Form/SelectGroup.tsx
index d97730d7..cc4ad158 100644
--- a/packages/react/src/components/Form/SelectGroup.tsx
+++ b/packages/react/src/components/Form/SelectGroup.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { forwardRef } from 'react';
 
 import { SelectFieldProps } from './SelectField';
diff --git a/packages/react/src/components/Form/TextArea.tsx b/packages/react/src/components/Form/TextArea.tsx
index cea45d28..8dd8bc30 100644
--- a/packages/react/src/components/Form/TextArea.tsx
+++ b/packages/react/src/components/Form/TextArea.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { forwardRef, InputHTMLAttributes, useCallback, useState } from 'react';
 import styles from '@compassion-design-system/core/src/components/Form/textarea.module.css';
 import common from '@compassion-design-system/core/src/components/Form/form-common.module.css';
diff --git a/packages/react/src/components/Form/TextField.tsx b/packages/react/src/components/Form/TextField.tsx
index b9e63d05..68930f52 100644
--- a/packages/react/src/components/Form/TextField.tsx
+++ b/packages/react/src/components/Form/TextField.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { forwardRef } from 'react';
 import '@compassion-design-system/core/src/components/Form/form-common.module.css';
 
diff --git a/packages/react/src/components/Form/index.ts b/packages/react/src/components/Form/index.ts
index 12fe134a..a6843adf 100644
--- a/packages/react/src/components/Form/index.ts
+++ b/packages/react/src/components/Form/index.ts
@@ -1,9 +1,9 @@
-export { default as Input } from './Input';
-export { default as TextField } from './TextField';
-export { default as InputGroup } from './InputGroup';
-export { default as TextArea } from './TextArea';
-export { default as Select } from './Select';
-export { default as SelectField } from './SelectField';
-export { default as SelectGroup } from './SelectGroup';
-export { default as ChoiceInput } from './ChoiceInput';
-export { default as PinField } from './PinField';
+export { default as Input, InputProps } from './Input';
+export { default as TextField, TextFieldProps } from './TextField';
+export { default as InputGroup, InputGroupProps } from './InputGroup';
+export { default as TextArea, TextAreaFieldProps } from './TextArea';
+export { default as Select, SelectProps } from './Select';
+export { default as SelectField, SelectFieldProps } from './SelectField';
+export { default as SelectGroup, SelectGroupProps } from './SelectGroup';
+export { default as ChoiceInput, ChoiceInputProps } from './ChoiceInput';
+export { default as PinField, PinFieldProps } from './PinField';
diff --git a/packages/react/src/components/Modal/Modal.tsx b/packages/react/src/components/Modal/Modal.tsx
index 840c72ab..2f39791f 100644
--- a/packages/react/src/components/Modal/Modal.tsx
+++ b/packages/react/src/components/Modal/Modal.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { forwardRef, MouseEvent, ReactNode, HTMLProps } from 'react';
 import styles from '@compassion-design-system/core/src/components/Modal/modal.module.css';
 import { X } from '../icons';
diff --git a/packages/react/src/components/Modal/index.ts b/packages/react/src/components/Modal/index.ts
index 0690fecf..a1d24b43 100644
--- a/packages/react/src/components/Modal/index.ts
+++ b/packages/react/src/components/Modal/index.ts
@@ -1 +1 @@
-export { default } from './Modal';
+export { default, ModalProps } from './Modal';
diff --git a/packages/react/src/components/Table/Table.test.tsx b/packages/react/src/components/Table/Table.test.tsx
index cf2b8776..af27c0a0 100644
--- a/packages/react/src/components/Table/Table.test.tsx
+++ b/packages/react/src/components/Table/Table.test.tsx
@@ -1,5 +1,5 @@
 import { render } from '@testing-library/react';
-import Table from './Table';
+import Table, { Column } from './Table';
 
 describe('Table', () => {
   it('should render 3 columns and 3 rows', () => {
diff --git a/packages/react/src/components/Table/Table.tsx b/packages/react/src/components/Table/Table.tsx
index 2c3abf5b..ac2dcd01 100644
--- a/packages/react/src/components/Table/Table.tsx
+++ b/packages/react/src/components/Table/Table.tsx
@@ -99,7 +99,7 @@ function TableInner<Row>(
 
 const TableWithRef = forwardRef(TableInner);
 
-type TableWithRefProps<T> = TableProps<T> & {
+export type TableWithRefProps<T> = TableProps<T> & {
   mRef?: Ref<HTMLTableElement>;
 };
 
diff --git a/packages/react/src/components/Table/index.ts b/packages/react/src/components/Table/index.ts
index ae769447..b1e8da05 100644
--- a/packages/react/src/components/Table/index.ts
+++ b/packages/react/src/components/Table/index.ts
@@ -1 +1 @@
-export { default } from './Table';
+export { default, Column, TableWithRefProps } from './Table';
diff --git a/packages/react/src/components/TextBox/index.ts b/packages/react/src/components/TextBox/index.ts
index 9d88e7cd..e9f5c463 100644
--- a/packages/react/src/components/TextBox/index.ts
+++ b/packages/react/src/components/TextBox/index.ts
@@ -1 +1 @@
-export { default } from './TextBox';
+export { default, TextBoxProps } from './TextBox';
diff --git a/packages/react/src/components/index.ts b/packages/react/src/components/index.ts
index 1ddf22c0..5aa07bfa 100644
--- a/packages/react/src/components/index.ts
+++ b/packages/react/src/components/index.ts
@@ -1,19 +1,32 @@
 export { default as Button, ButtonProps } from './Button';
-export { default as Modal } from './Modal';
+export { default as Modal, ModalProps } from './Modal';
 export { default as Icon, IconProps } from './Icon';
-export { default as Table } from './Table';
+export {
+  default as Table,
+  Column as TableColumn,
+  TableWithRefProps as TableProps,
+} from './Table';
 export { NavItem, NavItemProps } from './Nav';
-export { default as Card } from './Card';
-export { default as TextBox } from './TextBox';
-export { default as Box } from './Box';
+export { default as Card, CardProps } from './Card';
+export { default as TextBox, TextBoxProps } from './TextBox';
+export { default as Box, BoxProps } from './Box';
 export {
   Input,
+  InputProps,
   InputGroup,
+  InputGroupProps,
   TextField,
+  TextFieldProps,
   TextArea,
+  TextAreaFieldProps,
   Select,
+  SelectProps,
   SelectField,
+  SelectFieldProps,
   SelectGroup,
+  SelectGroupProps,
   ChoiceInput,
+  ChoiceInputProps,
   PinField,
+  PinFieldProps,
 } from './Form';