separate button group component + stories

src/lib/components/ButtonGroup/ButtonGroup.stories.ts

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

src/lib/components/ButtonGroup/index.ts

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

src/lib/components/Dialog.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import ButtonGroup from './ButtonGroup.svelte';
+	import { ButtonGroup } from '$lib/components';
 	import Modal from './Modal.svelte';
 
 	export let title: string;

src/lib/components/index.ts

@@ -4,7 +4,7 @@ export { default as Breadcrumbs } from './Breadcrumbs.svelte';
 export { default as CodeViewer } from './CodeViewer';
 export { default as CommandPalette } from './CommandPalette';
 export { default as Modal } from './Modal.svelte';
-export { default as ButtonGroup } from './ButtonGroup.svelte';
+export { default as ButtonGroup } from './ButtonGroup';
 export { default as Dialog } from './Dialog.svelte';
 export { default as Tooltip } from './Tooltip.svelte';
 export { default as Button } from './Button';