diff --git a/src/components/ErrorBoundary/PdapErrorBoundary.vue b/src/components/ErrorBoundary/PdapErrorBoundary.vue
index 1a52795..afcd75b 100644
--- a/src/components/ErrorBoundary/PdapErrorBoundary.vue
+++ b/src/components/ErrorBoundary/PdapErrorBoundary.vue
@@ -1,8 +1,10 @@
 <template>
+	<slot v-if="!error$" />
 	<component
 		:is="component"
-		v-if="error"
+		v-else
 		class="pdap-flex-container-center h-[full]"
+		:v-bind="params"
 	>
 		<h1>Oops, something went wrong!</h1>
 		<p class="max-w-full" data-test="error-boundary-message">
@@ -10,16 +12,57 @@
 			<a href="mailto:contact@pdap.io">contact@pdap.io</a> for assistance.
 		</p>
 	</component>
-	<slot v-else />
 </template>
-<script>
+
+<script setup lang="ts">
+import { ComponentPublicInstance, onErrorCaptured, ref } from 'vue';
+import { PdapErrorBoundaryProps, PdapErrorEmitted } from './types';
+
+const props = withDefaults(defineProps<PdapErrorBoundaryProps>(), {
+	component: 'div',
+	onError: undefined,
+	params: undefined,
+});
+
+const emits = defineEmits<{
+	(event: 'onError', { error, vm, info }: PdapErrorEmitted): void;
+}>();
+const error$ = ref<Error>();
+const info$ = ref<string | undefined>('');
+
+function interceptError(
+	error: Error,
+	vm: ComponentPublicInstance | null,
+	info?: string
+) {
+	error$.value = error;
+	info$.value = info;
+
+	props.onError?.(error, vm, info);
+	emits('onError', { error, vm, info });
+}
+
+/* Impossible and unwise to try testing this, so we remove from the coverage report */
+/* c8 ignore next 3 */
+onErrorCaptured((err, vm, info) => {
+	interceptError(err, vm, info);
+});
+</script>
+
+<script lang="ts">
 /**
  * # `ErrorBoundary`
  * Intercepts uncaught errors from its children and renders an error UI in place of its children.
  *
+ * ## Props
  * @prop {string} component Optional: the component to render as a fallback, defaults to 'div'
+ * @prop {PdapErrorBoundaryProps['onError']} onError Optional: callback to run on error, accepts two arguments, the error and the element (optional)
+ * @prop {Record<string, string>} params Optional: parameters to be forwarded to fallback
+ *
+ * ## Emits
+ * @emits onError includes object with `error`, and optionally `info` and `vm
  *
- * @example
+ * @example Top level
  *
  * <template>
  * 	<AuthWrapper>
@@ -30,27 +73,24 @@
  * 		<Footer :logo-image-src="acronym" />
  * 	</AuthWrapper>
  * </template>
+ *
+ * @example Within a component
+		<ErrorBoundary
+			class="col-span-full items-start"
+			component="div"
+			@on-error="({ error, vm, info }) => console.debug({ error, vm, info })"
+		>
+			<div class="col-span-full">
+				<p>
+					This is the content that will render inside the error boundary if
+					there is no error
+				</p>
+				<Button @click="triggerError">Click here to trigger error</Button>
+			</div>
+		</ErrorBoundary>
+ *
  */
 export default {
-	props: {
-		component: {
-			type: String,
-			default: 'div',
-		},
-	},
-	data() {
-		return {
-			error: false,
-		};
-	},
-	/* TODO: figure out how to cover this lifecycle method in tests */
-	errorCaptured(error) {
-		this.interceptError(error);
-	},
-	methods: {
-		interceptError(error) {
-			this.error = error;
-		},
-	},
+	name: 'ErrorBoundary',
 };
 </script>
diff --git a/src/components/ErrorBoundary/README.md b/src/components/ErrorBoundary/README.md
index dfd13de..6346f43 100644
--- a/src/components/ErrorBoundary/README.md
+++ b/src/components/ErrorBoundary/README.md
@@ -2,9 +2,11 @@
 Intercepts uncaught errors from its children and renders an error UI in place of its children.
 
 ## Props
-| name        | required? | types    | description                     | default |
-| ----------- | --------- | -------- | ------------------------------- | ------- |
-| `component` | no        | `string` | component to render as fallback | `'div'` |
+| name        | required? | types                                                                           | description                     | default     |
+| ----------- | --------- | ------------------------------------------------------------------------------- | ------------------------------- | ----------- |
+| `component` | no        | `string`                                                                        | component to render as fallback | `'div'`     |
+| `onError`   | no        | `(error: Error, target?: ComponentPublicInstance \| null \| undefined) => void` | callback to run on error        | `undefined` |
+| `params`    | no        | `Record<string,string>`                                                         | params to forward to fallback   | `undefined` |
 
 ## Example
 _From data-sources `App.vue`: This will catch any uncaught error at the route level and render the error fallback_
diff --git a/src/components/ErrorBoundary/error-boundary.spec.ts b/src/components/ErrorBoundary/error-boundary.spec.ts
index 562f106..e8cf676 100644
--- a/src/components/ErrorBoundary/error-boundary.spec.ts
+++ b/src/components/ErrorBoundary/error-boundary.spec.ts
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils';
-import { beforeEach, describe, expect, it } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import ErrorBoundary from './PdapErrorBoundary.vue';
 import { nextTick } from 'vue';
 
@@ -28,4 +28,23 @@ describe('ErrorBoundary', () => {
 		);
 		expect(wrapper.html()).toMatchSnapshot();
 	});
+
+	it('calls the onError callback when an error occurs', async () => {
+		const onErrorSpy = vi.fn();
+
+		wrapper = mount(ErrorBoundary, {
+			props: {
+				onError: onErrorSpy,
+			},
+			slots: {
+				default: '<div>Default Content</div>',
+			},
+		});
+
+		const testError = new Error('Test Error');
+		wrapper.vm.interceptError(testError);
+		await nextTick();
+
+		expect(onErrorSpy).toHaveBeenCalledWith(testError, undefined, undefined);
+	});
 });
diff --git a/src/components/ErrorBoundary/index.ts b/src/components/ErrorBoundary/index.ts
new file mode 100644
index 0000000..0fac895
--- /dev/null
+++ b/src/components/ErrorBoundary/index.ts
@@ -0,0 +1 @@
+export { default as ErrorBoundary } from './PdapErrorBoundary.vue';
diff --git a/src/components/ErrorBoundary/types.ts b/src/components/ErrorBoundary/types.ts
new file mode 100644
index 0000000..6701e7b
--- /dev/null
+++ b/src/components/ErrorBoundary/types.ts
@@ -0,0 +1,17 @@
+import { ComponentPublicInstance } from 'vue';
+
+export interface PdapErrorEmitted {
+	error: Error;
+	vm: ComponentPublicInstance | null;
+	info?: string;
+}
+
+export interface PdapErrorBoundaryProps {
+	component: string;
+	onError?: (
+		error: Error,
+		target?: ComponentPublicInstance | null | undefined,
+		info?: string
+	) => void;
+	params?: Record<string, string>;
+}
diff --git a/src/components/FlexContainer/FlexContainer.vue b/src/components/FlexContainer/FlexContainer.vue
deleted file mode 100644
index 6cb3ee9..0000000
--- a/src/components/FlexContainer/FlexContainer.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-	<component :is="component" :class="classes">
-		<slot />
-	</component>
-</template>
-
-<script setup lang="ts">
-// Imports
-import { reactive } from 'vue';
-
-// Types
-import { PdapFlexContainerProps } from './types';
-
-// Props
-const props = withDefaults(defineProps<PdapFlexContainerProps>(), {
-	alignment: 'start',
-	component: 'div',
-});
-
-// CSS class map
-const classes = reactive({
-	'pdap-flex-container': true,
-	[`pdap-flex-container-${props.alignment}`]: true,
-});
-</script>
-
-<script lang="ts">
-/** @deprecated Please use TailwindCSS class instead */
-export default {
-	name: 'FlexContainer',
-};
-</script>
-
-<!-- <style>
-@tailwind components;
-
-@layer components {
-	/* Layout */
-	.pdap-flex-container {
-		/* Left and top aligned by default */
-		@apply items-start flex h-full justify-start flex-col gap-2 max-w-none mx-auto p-8 w-full;
-
-		/* Responsiveness */
-		@apply xs:max-w-3xl lg:max-w-4xl;
-	}
-
-	.pdap-flex-container-center {
-		/* Center-aligned (vert & hor) */
-		@apply pdap-flex-container items-center justify-center;
-	}
-
-	.pdap-flex-container-start {
-		@apply pdap-flex-container;
-	}
-
-	.pdap-flex-container > * {
-		@apply w-full;
-	}
-
-	.pdap-flex-container.pdap-grid-item {
-		@apply p-0;
-	}
-}
-</style> -->
diff --git a/src/components/FlexContainer/__snapshots__/flex-container.spec.ts.snap b/src/components/FlexContainer/__snapshots__/flex-container.spec.ts.snap
deleted file mode 100644
index 5555488..0000000
--- a/src/components/FlexContainer/__snapshots__/flex-container.spec.ts.snap
+++ /dev/null
@@ -1,3 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`Renders container component > Renders a container 1`] = `<div class="pdap-flex-container pdap-flex-container-start">Container Content</div>`;
diff --git a/src/components/FlexContainer/flex-container.spec.ts b/src/components/FlexContainer/flex-container.spec.ts
deleted file mode 100644
index 8aefe5a..0000000
--- a/src/components/FlexContainer/flex-container.spec.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-// Component
-import FlexContainer from './FlexContainer.vue';
-
-// Utils
-import { mount } from '@vue/test-utils';
-import { describe, expect, test } from 'vitest';
-
-// Test
-describe('Renders container component', () => {
-	// Render
-	test('Renders a container', () => {
-		const wrapper = mount(FlexContainer, {
-			slots: {
-				default: 'Container Content',
-			},
-		});
-
-		expect(wrapper.find('.pdap-flex-container').exists()).toBe(true);
-		expect(wrapper.classes()).toContain('pdap-flex-container');
-		expect(wrapper.html()).toContain('Container Content');
-		expect(wrapper.html()).toMatchSnapshot();
-	});
-
-	// Props
-	// Props - align
-	test('Renders start aligned container', () => {
-		const wrapper = mount(FlexContainer, { props: { alignment: 'start' } });
-		expect(wrapper.props().alignment).toBe('start');
-		expect(wrapper.classes()).toContain('pdap-flex-container-start');
-	});
-
-	test('Renders center aligned container', () => {
-		const wrapper = mount(FlexContainer, { props: { alignment: 'center' } });
-		expect(wrapper.props().alignment).toBe('center');
-		expect(wrapper.classes()).toContain('pdap-flex-container-center');
-	});
-});
diff --git a/src/components/FlexContainer/index.ts b/src/components/FlexContainer/index.ts
deleted file mode 100644
index 785e98b..0000000
--- a/src/components/FlexContainer/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import FlexContainer from './FlexContainer.vue';
-
-export { FlexContainer };
diff --git a/src/components/FlexContainer/types.ts b/src/components/FlexContainer/types.ts
deleted file mode 100644
index e1d831c..0000000
--- a/src/components/FlexContainer/types.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface PdapFlexContainerProps {
-	alignment?: 'center' | 'start';
-	component?: string;
-}
diff --git a/src/components/GridContainer/GridContainer.vue b/src/components/GridContainer/GridContainer.vue
deleted file mode 100644
index 58865d7..0000000
--- a/src/components/GridContainer/GridContainer.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-	<component :is="component" :class="classes" :style="styles">
-		<slot />
-	</component>
-</template>
-
-<script setup lang="ts">
-import { reactive } from 'vue';
-
-import { PdapGridContainerProps } from './types';
-
-const props = withDefaults(defineProps<PdapGridContainerProps>(), {
-	columns: 'auto',
-	component: 'div',
-	rows: 'auto',
-});
-
-// CSS class map
-const classes = reactive({
-	'pdap-grid-container': true,
-	[`pdap-grid-container-column-${props.columns}`]: props.columns !== 'auto',
-});
-// CSS styles map
-const renderTemplateRowsInline =
-	props.templateRows || typeof props.rows === 'number';
-const gridTemplateRows =
-	props.templateRows ?? `repeat(${props.rows}, minmax(0, 1fr))`;
-const styles = reactive({
-	...(renderTemplateRowsInline && {
-		gridTemplateRows,
-	}),
-	...(props.templateColumns && { gridTemplateColumns: props.templateColumns }),
-});
-</script>
-
-<script lang="ts">
-/** @deprecated use TailwindCSS class instead */
-export default {
-	name: 'GridContainer',
-};
-</script>
-
-<!-- <style>
-@tailwind components;
-
-@layer components {
-	.pdap-grid-container {
-		@apply grid grid-cols-[auto] grid-rows-[auto] h-full gap-4 mx-auto p-8 w-full;
-		@apply md:gap-8 xs:max-w-3xl lg:max-w-4xl;
-	}
-
-	.pdap-grid-container-column-1 {
-		@apply grid-cols-1;
-	}
-
-	.pdap-grid-container-column-2 {
-		@apply items-start grid-cols-1;
-		@apply md:grid-cols-2;
-	}
-
-	.pdap-grid-container-column-3 {
-		@apply grid-cols-1;
-		@apply md:grid-cols-2 lg:grid-cols-3;
-	}
-}
-</style> -->
diff --git a/src/components/GridContainer/__snapshots__/grid.spec.ts.snap b/src/components/GridContainer/__snapshots__/grid.spec.ts.snap
deleted file mode 100644
index 7b991e4..0000000
--- a/src/components/GridContainer/__snapshots__/grid.spec.ts.snap
+++ /dev/null
@@ -1,9 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`Renders container component > Renders a container 1`] = `
-<div class="pdap-grid-container">
-  <li class="pdap-grid-item"></li>
-  <img class="pdap-grid-item" src="https://mock.test.com">
-  <card class="pdap-grid-item" style="grid-row: span 2 / span 2;"></card>
-</div>
-`;
diff --git a/src/components/GridContainer/grid.spec.ts b/src/components/GridContainer/grid.spec.ts
deleted file mode 100644
index b8ee539..0000000
--- a/src/components/GridContainer/grid.spec.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-/* eslint-disable vue/one-component-per-file */
-// Component
-import GridContainer from './GridContainer.vue';
-import GridItem, { PdapGridItemProps } from '../GridItem/GridItem.vue';
-
-// Utils
-import { defineComponent } from 'vue';
-import { mount } from '@vue/test-utils';
-import { describe, expect, test, vi } from 'vitest';
-
-type TestSlotProps<T extends PdapGridItemProps = PdapGridItemProps> = T;
-
-const data = [
-	{ component: 'li' },
-	{ component: 'img', src: 'https://mock.test.com' },
-	{ component: 'card', spanColumn: 3, spanRow: 2 },
-];
-const template =
-	'<GridItem v-for="item in data" :key="`item.component + ${item.spanRow * Math.random()}`" :component="item.component" :src="item.src ?? undefined" :spanRow="item.spanRow"><slot /></GridItem>';
-
-const expectComponents = new Set(['li', 'img', 'card']);
-
-const MultipleItems = defineComponent({
-	components: {
-		GridItem,
-	},
-	props: {
-		data: {
-			type: Array<TestSlotProps>,
-			default: data,
-		},
-	},
-	template,
-});
-
-const SingleItem = defineComponent({
-	components: {
-		GridItem,
-	},
-	props: {
-		data: {
-			type: Array<TestSlotProps>,
-			default: data,
-		},
-	},
-	template: '<GridItem :spanRow="3"><slot /></GridItem>',
-});
-
-const getComputedStyle = vi.fn((el) => el.getComputedStyle());
-getComputedStyle.mockReturnValue({
-	gridTemplateRows: 'repeat(3, minmax(20px, 1fr))',
-	gridTemplateColumns: 'repeat(2, auto)',
-	gridRow: 'span 2 / span 2',
-});
-vi.stubGlobal('getComputedStyle', getComputedStyle);
-
-// Test
-describe('Renders container component', () => {
-	// Render
-	test('Renders a container', () => {
-		const wrapper = mount(GridContainer, {
-			slots: {
-				default: MultipleItems,
-			},
-		});
-
-		const container = wrapper.find('.pdap-grid-container');
-		const items = container.findAll('.pdap-grid-item');
-
-		// Container
-		expect(container.exists()).toBe(true);
-		expect(wrapper.classes()).toContain('pdap-grid-container');
-
-		// Renders all items passed
-		expect(items.length).toBe(3);
-
-		// Renders fall-through prop conditionally for img element
-		expect(container.find('[src="https://mock.test.com"]').exists()).toBe(true);
-
-		// Renders each type of component passed
-		expect(
-			items.every((item) =>
-				item.getRootNodes().some((node) => expectComponents.has(node.localName))
-			)
-		).toBe(true);
-
-		// Snapshot
-		expect(wrapper.html()).toMatchSnapshot();
-	});
-
-	test('Renders a container with template props passed', () => {
-		const wrapper = mount(GridContainer, {
-			slots: {
-				default: MultipleItems,
-			},
-			props: {
-				templateColumns: 'repeat(2, auto)',
-				templateRows: 'repeat(3, minmax(20px, 1fr))',
-			},
-		});
-
-		expect(window.getComputedStyle(wrapper.vm.$el).gridTemplateColumns).toBe(
-			'repeat(2, auto)'
-		);
-		expect(window.getComputedStyle(wrapper.vm.$el).gridTemplateRows).toBe(
-			'repeat(3, minmax(20px, 1fr))'
-		);
-	});
-
-	test('Renders a container with columns and rows props passed', () => {
-		const wrapper = mount(GridContainer, {
-			slots: {
-				default: MultipleItems,
-			},
-			props: {
-				rows: 2,
-				columns: 3,
-			},
-		});
-
-		expect(wrapper.vm.$props.rows).toBe(2);
-		expect(wrapper.vm.$props.columns).toBe(3);
-	});
-
-	test('Renders a grid item with custom row span prop', () => {
-		const wrapper = mount(GridContainer, {
-			slots: {
-				default: SingleItem,
-			},
-		});
-
-		expect(
-			window.getComputedStyle(wrapper.find('.pdap-grid-item').element).gridRow
-		).toBe('span 2 / span 2');
-	});
-});
diff --git a/src/components/GridContainer/index.ts b/src/components/GridContainer/index.ts
deleted file mode 100644
index e407d59..0000000
--- a/src/components/GridContainer/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import GridContainer from './GridContainer.vue';
-
-export { GridContainer };
diff --git a/src/components/GridContainer/types.ts b/src/components/GridContainer/types.ts
deleted file mode 100644
index 54eabca..0000000
--- a/src/components/GridContainer/types.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export interface PdapGridContainerProps {
-	columns?: 1 | 2 | 3 | 'auto';
-	component?: string;
-	rows?: number | 'auto';
-	templateColumns?: string;
-	templateRows?: string;
-}
diff --git a/src/components/GridItem/GridItem.vue b/src/components/GridItem/GridItem.vue
deleted file mode 100644
index 79dd56a..0000000
--- a/src/components/GridItem/GridItem.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<template>
-	<component :is="component" :class="classes" :style="styles">
-		<slot />
-	</component>
-</template>
-
-<script setup lang="ts">
-import { reactive } from 'vue';
-
-import { PdapGridItemProps } from './types';
-
-const props = withDefaults(defineProps<PdapGridItemProps>(), {
-	component: 'div',
-	spanColumn: 1,
-	spanRow: 1,
-});
-
-// CSS class map
-const classes = reactive({
-	'pdap-grid-item': true,
-	[`pdap-grid-item-span-column-${props.spanColumn}`]: props.spanColumn > 1,
-});
-// CSS styles
-const styles = reactive({
-	// Only add inline property if it is passed and exceeds the default
-	...(props.spanRow > 1 && {
-		gridRow: `span ${props.spanRow} / span ${props.spanRow}`,
-	}),
-});
-</script>
-
-<script lang="ts">
-/** @deprecated */
-export default {
-	name: 'GridItem',
-};
-</script>
-
-<style>
-@tailwind components;
-
-@layer components {
-	.pdap-grid-item {
-		@apply col-span-1 row-span-1;
-	}
-
-	.pdap-grid-item-span-column-2 {
-		@apply md:col-span-2;
-	}
-
-	.pdap-grid-item-span-column-3 {
-		@apply col-span-1;
-		@apply md:col-span-2 lg:col-span-3;
-	}
-}
-</style>
diff --git a/src/components/GridItem/index.ts b/src/components/GridItem/index.ts
deleted file mode 100644
index 2e0be61..0000000
--- a/src/components/GridItem/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import GridItem from './GridItem.vue';
-
-export { GridItem };
diff --git a/src/components/GridItem/types.ts b/src/components/GridItem/types.ts
deleted file mode 100644
index 70d1cd8..0000000
--- a/src/components/GridItem/types.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export interface PdapGridItemProps {
-	component?: string;
-	spanColumn?: 1 | 2 | 3;
-	spanRow?: number;
-}
diff --git a/src/components/index.ts b/src/components/index.ts
index 4e6d2f6..4d15c5f 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,9 +1,7 @@
 export { Button } from './Button';
-export { FlexContainer } from './FlexContainer';
+export { ErrorBoundary } from './ErrorBoundary';
 export { Footer } from './Footer';
 export { Form } from './Form';
-export { GridContainer } from './GridContainer';
-export { GridItem } from './GridItem';
 export { Input } from './Input';
 export { Header } from './Header';
 export { Nav } from './Nav';
diff --git a/src/demo/pages/ComponentDemo.vue b/src/demo/pages/ComponentDemo.vue
index b98a3d2..3e4935d 100644
--- a/src/demo/pages/ComponentDemo.vue
+++ b/src/demo/pages/ComponentDemo.vue
@@ -144,7 +144,7 @@
 			</template>
 		</Dropdown>
 
-		<h2>Here is a form using the <code>Form</code> component directly</h2>
+		<h2>Form</h2>
 		<Form
 			id="test"
 			name="test"
@@ -155,8 +155,23 @@
 			<Button type="submit">Say hello</Button>
 		</Form>
 
-		<h2>And here is the Quick Search Form component</h2>
+		<h2>Quick Search Form</h2>
 		<QuickSearchForm />
+
+		<h2>Error Boundary</h2>
+		<ErrorBoundary
+			class="col-span-full items-start"
+			component="div"
+			@on-error="({ error, vm, info }) => console.debug({ error, vm, info })"
+		>
+			<div class="col-span-full">
+				<p>
+					This is the content that will render inside the error boundary if
+					there is no error
+				</p>
+				<Button @click="triggerError">Click here to trigger error</Button>
+			</div>
+		</ErrorBoundary>
 	</main>
 </template>
 
@@ -166,6 +181,7 @@ import {
 	Breadcrumbs,
 	Button,
 	Dropdown,
+	ErrorBoundary,
 	Form,
 	QuickSearchForm,
 } from '../../components';
@@ -234,6 +250,10 @@ function buttonAlert(msg: string) {
 	alert(msg);
 }
 
+function triggerError() {
+	throw new Error('Trigger error fallback');
+}
+
 function submit(values: Record<'firstName' | 'lastName' | 'iceCream', string>) {
 	console.debug({ values });
 	const alertString = `Howdy, ${values.firstName} ${values.lastName}\n${
diff --git a/src/index.ts b/src/index.ts
index eb83c74..cf2bcaf 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,17 +1,15 @@
 // Components
 export * from './components';
 
-// Styles
+// Styles - compiled automatically
 import './styles/styles.css';
 
 // Types
 export * from './components/Button/types';
 export * from './components/Dropdown/types';
-export * from './components/FlexContainer/types';
+export * from './components/ErrorBoundary/types';
 export * from './components/Footer/types';
 export * from './components/Form/types';
-export * from './components/GridContainer/types';
-export * from './components/GridItem/types';
 export * from './components/Header/types';
 export * from './components/Input/types';
 export * from './components/Nav/types';