Merge branch 'feat/form' of github.com:khalibloo/svelteui into feat/form

svelteuidev · Jul 21, 2023 · 5a7312e · 5a7312e
2 parents ea28235 + bd2c269
commit 5a7312e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/packages/svelteui-core/src/components/Menu/Menu.stories.svelte b/packages/svelteui-core/src/components/Menu/Menu.stories.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Meta, Template, Story } from '@storybook/addon-svelte-csf';
-	import { Menu } from './index';
+	import { Menu, type MenuComponent } from './index';
 	import { Button } from '../Button';
 	import { Kbd } from '../Kbd';
 	import { Divider } from '../Divider';
@@ -10,7 +10,7 @@
 	import { Camera, ChatBubble, Gear, MagnifyingGlass, Trash, Width } from 'radix-icons-svelte';
 
 	let menuEvents = [];
-	let element;
+	let element: MenuComponent;
 </script>
 
 <Meta title="Components/Menu" component={Menu} />

diff --git a/packages/svelteui-core/src/components/Menu/index.ts b/packages/svelteui-core/src/components/Menu/index.ts
@@ -2,6 +2,9 @@ export { Menu } from './combinator';
 export type { MenuStyleParams } from './Menu.styles';
 export type { MenuProps, MenuEvents } from './Menu';
 
+import type MenuComponent from './Menu.svelte';
+export type { MenuComponent };
+
 export { default as MenuIcon } from './MenuIcon.svelte';
 export type { MenuItemStylesParams } from './MenuItem/MenuItem.styles';
 export type { MenuItemProps, SharedMenuItemProps } from './MenuItem/MenuItem';
diff --git a/packages/svelteui-demos/src/demos/core/Menu/Menu.demo.outside.svelte b/packages/svelteui-demos/src/demos/core/Menu/Menu.demo.outside.svelte
@@ -2,7 +2,7 @@
 	import type { CodeDemoType, CodeDemoConfiguration } from '$lib/types';
 	const code = `
 <script>
-  import { Button, Menu } from '@svelteuidev/core';
+  import { Button, Menu, type MenuComponent } from '@svelteuidev/core';
   import { Camera, ChatBubble, Gear } from 'radix-icons-svelte';
 
   let element;
@@ -26,10 +26,10 @@
 </script>
 
 <script lang="ts">
-	import { Button, Center, Menu } from '@svelteuidev/core';
+	import { Button, Center, Menu, type MenuComponent } from '@svelteuidev/core';
 	import { Camera, ChatBubble, Gear } from 'radix-icons-svelte';
 
-	let element;
+	let element: MenuComponent;
 </script>
 
 <Center>