separate button component + stories

src/lib/components/Button/Button.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/svelte';
 
-import Button from '$lib/components/Button.svelte';
+import Button from './Button.svelte';
 
 // More on how to set up stories at: https://storybook.js.org/docs/7.0/svelte/writing-stories/introduction
 const meta: Meta<Button> = {

src/lib/components/Button/index.ts

@@ -0,0 +1,2 @@
+import Button from './Button.svelte';
+export default Button;

src/lib/components/ButtonGroup.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Button from '$lib/components/Button.svelte';
+	import { Button } from '$lib/components';
 
 	export let leftLabel: string;
 	export let leftAction: () => void;

src/lib/components/icons/index.ts

@@ -19,3 +19,4 @@ export { default as IconCircleCancel } from './IconCircleCancel.svelte';
 export { default as IconChevronLeft } from './IconChevronLeft.svelte';
 export { default as IconChevronRight } from './IconChevronRight.svelte';
 export { default as IconGitBranch } from './IconGitBranch.svelte';
+export { default as IconHome } from './IconHome.svelte';