@flightlesslabs/dodo-ui 0.19.1 → 0.21.0

package/dist/stories/components/Layout/Menu/DynamicMenu/DynamicMenu.stories.svelte

@@ -1,51 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import DynamicMenu, {} from './DynamicMenu.svelte';
-export const storyDynamicMenuArgTypes = {};
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: DynamicMenu,
-    tags: ['autodocs'],
-    argTypes: storyDynamicMenuArgTypes,
-});
-export const dynamicMenuItemOptions = [
-    {
-        id: '1',
-        label: 'One',
-    },
-    {
-        id: '2',
-        label: 'Two',
-    },
-    {
-        id: '3',
-        label: 'Three',
-    },
-    {
-        id: '4',
-        label: 'Four',
-    },
-    {
-        id: '5',
-        label: 'Five',
-    },
-    {
-        id: '6',
-        disabled: true,
-        label: 'Five',
-    },
-];
-</script>
-
-<!-- Default DynamicMenu -->
-<Story name="Default" args={{ options: dynamicMenuItemOptions }} />
-
-<!-- Selected Option -->
-<Story
-  name="SelectedOption"
-  args={{ options: dynamicMenuItemOptions, selectedOption: dynamicMenuItemOptions[1] }}
-/>
-
-<Story
-  name="ShowPlaceholder"
-  args={{ options: [], showOptionsPlaceholder: true, optionsPlaceholder: 'No content found.' }}
-/>

package/dist/stories/components/Layout/Menu/DynamicMenu/DynamicMenu.stories.svelte.d.ts

@@ -1,22 +0,0 @@
-import DynamicMenu, { type DynamicMenuItemOption } from './DynamicMenu.svelte';
-import type { StoryBookArgTypes } from '../../../../../storybook-types.js';
-export declare const storyDynamicMenuArgTypes: StoryBookArgTypes;
-export declare const dynamicMenuItemOptions: DynamicMenuItemOption[];
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const DynamicMenu: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type DynamicMenu = InstanceType<typeof DynamicMenu>;
-export default DynamicMenu;

package/dist/stories/components/Layout/Menu/DynamicMenu/DynamicMenu.svelte

@@ -1,129 +0,0 @@
-<script lang="ts" module>export {};
-</script>
-
-<script lang="ts">import Menu from '../Menu.svelte';
-import { MenuItem } from '../../../../../index.js';
-let { id, class: className = '', ref = $bindable(), size, separator, width, height, options, selectedOption, customMenuItemContent, customPlaceholderMenuItemContent, menuItemProps, keyboardNavigation = false, onEnter, onEsc, onclick, showOptionsPlaceholder = false, optionsPlaceholder = 'No options found', } = $props();
-let menuItemIndex = $state(0);
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-let customMenuItemContentTyped = customMenuItemContent;
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-let customPlaceholderMenuItemContentTyped = customPlaceholderMenuItemContent;
-function onKeyboardNavigation(e) {
-    let keyHit = undefined;
-    if (!ref) {
-        return;
-    }
-    switch (e.key) {
-        case 'ArrowDown':
-        case 'ArrowUp':
-            keyHit = e.key;
-            e.preventDefault();
-            break;
-        case 'Enter':
-        case 'Esc':
-            keyHit = e.key;
-            break;
-        default:
-            break;
-    }
-    if (!keyHit) {
-        return;
-    }
-    if (keyHit === 'Enter') {
-        if (onEnter) {
-            onEnter(e, menuItemIndex);
-        }
-        return;
-    }
-    else if (keyHit === 'Escape') {
-        if (onEsc) {
-            onEsc(e, menuItemIndex);
-        }
-        return;
-    }
-    const listItems = ref.querySelectorAll(':scope > li.dodo-ui-MenuItem');
-    if (!listItems.length) {
-        return;
-    }
-    for (let index = 0; index < listItems.length; index++) {
-        const element = listItems[index];
-        element.classList.remove('hover');
-    }
-    let newMenuItemIndex = menuItemIndex;
-    if (keyHit === 'ArrowDown') {
-        if (listItems[newMenuItemIndex + 1]) {
-            newMenuItemIndex = newMenuItemIndex + 1;
-        }
-        else {
-            newMenuItemIndex = 0;
-        }
-    }
-    else if (keyHit === 'ArrowUp') {
-        if (listItems[newMenuItemIndex - 1]) {
-            newMenuItemIndex = newMenuItemIndex - 1;
-        }
-        else {
-            newMenuItemIndex = listItems.length - 1;
-        }
-    }
-    const targetItem = listItems[newMenuItemIndex];
-    targetItem.classList.add('hover');
-    targetItem.focus();
-    targetItem.scrollIntoView({ block: 'nearest' });
-    menuItemIndex = newMenuItemIndex;
-}
-$effect(() => {
-    if (!keyboardNavigation) {
-        return;
-    }
-    const targetItem = ref.querySelector(':scope > li.dodo-ui-MenuItem.selected');
-    if (targetItem) {
-        const selectedIndex = options?.findIndex((option) => option.id === selectedOption?.id);
-        if (selectedIndex !== undefined && selectedIndex >= 0) {
-            menuItemIndex = selectedIndex;
-        }
-        targetItem.focus();
-        targetItem.scrollIntoView({ block: 'nearest' });
-    }
-    window.addEventListener('keydown', onKeyboardNavigation);
-    return () => {
-        window.removeEventListener('keydown', onKeyboardNavigation);
-    };
-});
-</script>
-
-<Menu
-  class={['dodo-ui-DynamicMenu', className].join(' ')}
-  {id}
-  {size}
-  {width}
-  {height}
-  {separator}
-  bind:ref
->
-  {#if options?.length}
-    {#each options as option (option.id)}
-      <MenuItem
-        {...option}
-        selected={selectedOption?.id === option.id}
-        onclick={(e) => (onclick ? onclick(e, option) : undefined)}
-        {...menuItemProps}
-      >
-        {#if customMenuItemContentTyped}
-          {@render customMenuItemContentTyped(option, selectedOption)}
-        {:else}
-          {option.label || ''}
-        {/if}
-      </MenuItem>
-    {/each}
-  {:else if showOptionsPlaceholder}
-    <MenuItem type="text" disabled={true} {...menuItemProps}>
-      {#if customPlaceholderMenuItemContentTyped}
-        {@render customPlaceholderMenuItemContentTyped()}
-      {:else}
-        {optionsPlaceholder}
-      {/if}
-    </MenuItem>
-  {/if}
-</Menu>

package/dist/stories/components/Layout/Menu/DynamicMenu/DynamicMenu.svelte.d.ts

@@ -1,81 +0,0 @@
-import type { ComponentSize } from '../../../../../types/size.js';
-import type { MenuItemProps, MenuItemType } from '../MenuItem/MenuItem.svelte';
-export type DynamicMenuItemOption<TMeta = unknown> = {
-    id: string;
-    /** label  */
-    label?: string;
-    /** Custom Metadata  */
-    meta?: TMeta;
-    /** Menu Item type */
-    type?: MenuItemType;
-    /** Menu Separator */
-    separator?: boolean;
-    /** How large should the Menu Items be? */
-    size?: ComponentSize;
-    /** The onclick event handler */
-    onclick?: MouseEventHandler<HTMLButtonElement>;
-    /**  disabled state */
-    disabled?: boolean;
-    /** link href */
-    href?: string;
-    /** Link button: download  */
-    download?: any;
-    /** Link button: hreflang  */
-    hreflang?: string | undefined | null;
-    /** Link button: media  */
-    media?: string | undefined | null;
-    /** Link button: ping  */
-    ping?: string | undefined | null;
-    /** Link button: rel  */
-    rel?: string | undefined | null;
-    /** Link button: target  */
-    target?: ButtonLinkTarget;
-    /** Link button: Type  */
-    anchorMediaType?: string | undefined | null;
-    /** Link button: referrerpolicy  */
-    referrerpolicy?: ButtonLinkReferrerpolicy;
-};
-export interface DynamicMenuProps {
-    /** Menu ref */
-    ref?: HTMLUListElement;
-    /** Custom css class */
-    class?: string;
-    /** Menu Width */
-    width?: string;
-    /** Menu Height */
-    height?: string;
-    /** How large should the Menu Items be? */
-    size?: ComponentSize;
-    /** Menu Separator */
-    separator?: boolean;
-    /** Id */
-    id?: string;
-    /** Options */
-    options?: DynamicMenuItemOption[];
-    /** Selected Option */
-    selectedOption?: DynamicMenuItemOption;
-    /** Custom Menu Item Content */
-    customMenuItemContent?: (option: DynamicMenuItemOption, selectedOption?: DynamicMenuItemOption) => Snippet;
-    /** Show Placeholder if no options */
-    showOptionsPlaceholder?: boolean;
-    /** placeholder Text if no options */
-    optionsPlaceholder?: string;
-    /** Custom Menu Item Placeholder Content */
-    customPlaceholderMenuItemContent?: () => Snippet;
-    /** MenuItem: Menu component props */
-    menuItemProps?: Partial<MenuItemProps>;
-    /** Enable Keyboard Navigation */
-    keyboardNavigation?: boolean;
-    /** Keyboard Navigation onEnter */
-    onEnter?: (e: KeyboardEvent, menuItemIndex: number) => void;
-    /** Keyboard Navigation onEsc */
-    onEsc?: (e: KeyboardEvent, menuItemIndex: number) => void;
-    /** On menu item click */
-    onclick?: (e: MouseEvent, option: DynamicMenuItemOption) => void;
-}
-import type { MouseEventHandler } from 'svelte/elements';
-import type { ButtonLinkReferrerpolicy, ButtonLinkTarget } from '../../../Form/Button/Button.svelte';
-import type { Snippet } from 'svelte';
-declare const DynamicMenu: import("svelte").Component<DynamicMenuProps, {}, "ref">;
-type DynamicMenu = ReturnType<typeof DynamicMenu>;
-export default DynamicMenu;

package/dist/stories/components/Layout/Menu/DynamicMenu/Events/Events.stories.svelte

@@ -1,46 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import { dynamicMenuItemOptions, storyDynamicMenuArgTypes } from '../DynamicMenu.stories.svelte';
-import DynamicMenu, {} from '../DynamicMenu.svelte';
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: DynamicMenu,
-    tags: ['autodocs'],
-    argTypes: storyDynamicMenuArgTypes,
-});
-</script>
-
-<!-- Menu Item onclick -->
-<Story name="onclick" asChild>
-  <DynamicMenu
-    keyboardNavigation
-    options={dynamicMenuItemOptions}
-    onclick={(e: MouseEvent, option: DynamicMenuItemOption) => {
-      e.preventDefault();
-      console.log(option);
-    }}
-  />
-</Story>
-
-<!-- KeyboardNavigation Event: onEnter  -->
-<Story name="onEnter" asChild>
-  <DynamicMenu
-    keyboardNavigation
-    options={dynamicMenuItemOptions}
-    onEnter={(e: KeyboardEvent, menuItemIndex: number) => {
-      e.preventDefault();
-      console.log(menuItemIndex);
-    }}
-  />
-</Story>
-
-<!-- KeyboardNavigation Event: onEsc  -->
-<Story name="onEsc" asChild>
-  <DynamicMenu
-    keyboardNavigation
-    options={dynamicMenuItemOptions}
-    onEsc={(e: KeyboardEvent, menuItemIndex: number) => {
-      e.preventDefault();
-      console.log(menuItemIndex);
-    }}
-  />
-</Story>

package/dist/stories/components/Layout/Menu/DynamicMenu/Events/Events.stories.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Events: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Events = InstanceType<typeof Events>;
-export default Events;

package/dist/stories/components/Layout/Menu/DynamicMenu/KeybaordNavigation/KeybaordNavigation.stories.svelte

@@ -1,27 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import DynamicMenu from '../DynamicMenu.svelte';
-import { dynamicMenuItemOptions, storyDynamicMenuArgTypes } from '../DynamicMenu.stories.svelte';
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: DynamicMenu,
-    tags: ['autodocs'],
-    argTypes: storyDynamicMenuArgTypes,
-});
-</script>
-
-<!-- KeyboardNavigationOn -->
-<Story
-  name="KeyboardNavigationOn"
-  args={{
-    options: dynamicMenuItemOptions,
-    keyboardNavigation: true,
-    onEnter: (e: KeyboardEvent, menuItemIndex: number) => {
-      e.preventDefault();
-      console.log(menuItemIndex);
-    },
-    onEsc: (e: KeyboardEvent, menuItemIndex: number) => {
-      e.preventDefault();
-      console.log(menuItemIndex);
-    },
-  }}
-/>

package/dist/stories/components/Layout/Menu/DynamicMenu/KeybaordNavigation/KeybaordNavigation.stories.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const KeybaordNavigation: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type KeybaordNavigation = InstanceType<typeof KeybaordNavigation>;
-export default KeybaordNavigation;

package/dist/stories/components/Layout/Menu/DynamicMenu/Options/OptionFormat.mdx

@@ -1,72 +0,0 @@
-import { Source } from '@storybook/addon-docs/blocks';
-
-# Option Format
-
-## DynamicMenuItemOption
-
-<Source
-  dark
-  language="ts"
-  code={`
-type DynamicMenuItemOption<TMeta = unknown> = {
-    id: string;
-    /** label  */
-    label?: string;
-    /** Custom Metadata  */
-    meta?: TMeta;
-    /** Menu Item type */
-    type?: MenuItemType;
-    /** Menu Separator */
-    separator?: boolean;
-    /** How large should the Menu Items be? */
-    size?: ComponentSize;
-    /** The onclick event handler */
-    onclick?: MouseEventHandler<HTMLButtonElement>;
-    /**  disabled state */
-    disabled?: boolean;
-    /** link href */
-    href?: string;
-    /** Link button: download  */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    download?: any;
-    /** Link button: hreflang  */
-    hreflang?: string | undefined | null;
-    /** Link button: media  */
-    media?: string | undefined | null;
-    /** Link button: ping  */
-    ping?: string | undefined | null;
-    /** Link button: rel  */
-    rel?: string | undefined | null;
-    /** Link button: target  */
-    target?: ButtonLinkTarget;
-    /** Link button: Type  */
-    anchorMediaType?: string | undefined | null;
-    /** Link button: referrerpolicy  */
-    referrerpolicy?: ButtonLinkReferrerpolicy;
-  };
-`}
-/>
-
-## Example values
-
-<Source
-  dark
-  language="ts"
-  code={`
-const options: DynamicMenuItemOption[] = [
-   {
-    id: '1',
-    label: 'One',
-  },
-  {
-    id: '2',
-    label: 'Two',
-  },
-  {
-    id: '3',
-    label: 'Three',
-    disabled: true,
-  },
-];
-`}
-/>

package/dist/stories/components/Layout/Menu/Menu.stories.svelte

@@ -1,65 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import Menu from './Menu.svelte';
-import MenuItem from './MenuItem/MenuItem.svelte';
-import { Separator } from '../../../../index.js';
-export const storyMenuArgTypes = {};
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: Menu,
-    tags: ['autodocs'],
-    argTypes: storyMenuArgTypes,
-});
-</script>
-
-<!-- Default Menu -->
-<Story name="Default" asChild>
-  <Menu>
-    <MenuItem>Cut</MenuItem>
-    <MenuItem>Copy</MenuItem>
-    <MenuItem>Paste</MenuItem>
-  </Menu>
-</Story>
-
-<!-- Fixed width and height -->
-<Story name="FixedSize" asChild>
-  <Menu width="200px" height="300px">
-    <MenuItem>Cut</MenuItem>
-    <MenuItem>Copy</MenuItem>
-    <MenuItem>Paste</MenuItem>
-  </Menu>
-</Story>
-
-<!-- MenuItems With Separator -->
-<Story name="WithSeparator" asChild>
-  <Menu separator>
-    <MenuItem>Cut</MenuItem>
-    <MenuItem>Copy</MenuItem>
-    <MenuItem>Paste</MenuItem>
-  </Menu>
-</Story>
-
-<!-- MenuItems Grouped in Sections. [Separator](?path=/docs/components-layout-separator--docs) -->
-<Story name="Sections" asChild>
-  <Menu width="200px">
-    <MenuItem>Cut</MenuItem>
-    <MenuItem>Cut Special</MenuItem>
-    <MenuItem>Cut Selected</MenuItem>
-    <Separator />
-    <MenuItem>Copy</MenuItem>
-    <MenuItem>Copy Special</MenuItem>
-    <MenuItem>Copy Selected</MenuItem>
-    <Separator />
-    <MenuItem>Paste</MenuItem>
-    <MenuItem>Paste Special</MenuItem>
-    <MenuItem>Paste Selected</MenuItem>
-  </Menu>
-</Story>
-
-<!-- MenuItems With some options disabled -->
-<Story name="Disabled" asChild>
-  <Menu>
-    <MenuItem>Cut</MenuItem>
-    <MenuItem disabled>Copy</MenuItem>
-    <MenuItem>Paste</MenuItem>
-  </Menu>
-</Story>

package/dist/stories/components/Layout/Menu/Menu.stories.svelte.d.ts

@@ -1,21 +0,0 @@
-import Menu from './Menu.svelte';
-import type { StoryBookArgTypes } from '../../../../storybook-types.js';
-export declare const storyMenuArgTypes: StoryBookArgTypes;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Menu: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Menu = InstanceType<typeof Menu>;
-export default Menu;

package/dist/stories/components/Layout/Menu/Menu.svelte

@@ -1,30 +0,0 @@
-<script lang="ts" module>import {} from 'svelte';
-</script>
-
-<script lang="ts">import { setContext } from 'svelte';
-let { children, id, class: className = '', width, height, ref = $bindable(), size, separator, } = $props();
-setContext('MenuItemSize', () => size);
-setContext('MenuItemSeparator', () => separator);
-</script>
-
-<ul
-  class={['dodo-ui-Menu', className].join(' ')}
-  {id}
-  bind:this={ref}
-  style={`${width ? `width:${width};` : ''}
-  ${height ? `height:${height};` : ''}
-  `}
->
-  {#if children}
-    {@render children()}
-  {/if}
-</ul>
-
-<style>.dodo-ui-Menu {
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: inherit;
-  outline: 0;
-}</style>

package/dist/stories/components/Layout/Menu/Menu.svelte.d.ts

@@ -1,23 +0,0 @@
-import { type Snippet } from 'svelte';
-import type { ComponentSize } from '../../../../types/size.js';
-export interface MenuProps {
-    /** Menu contents goes here */
-    children?: Snippet;
-    /** Menu ref */
-    ref?: HTMLUListElement;
-    /** Custom css class */
-    class?: string;
-    /** Menu Width */
-    width?: string;
-    /** Menu Height */
-    height?: string;
-    /** How large should the Menu Items be? */
-    size?: ComponentSize;
-    /** Menu Separator */
-    separator?: boolean;
-    /** Id */
-    id?: string;
-}
-declare const Menu: import("svelte").Component<MenuProps, {}, "ref">;
-type Menu = ReturnType<typeof Menu>;
-export default Menu;

package/dist/stories/components/Layout/Menu/MenuItem/MenuItem.stories.svelte

@@ -1,30 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import MenuItem, { menuItemTypeArray } from './MenuItem.svelte';
-import { componentSizeArray } from '../../../../../types/size.js';
-export const storyMenuItemArgTypes = {
-    type: {
-        control: { type: 'select' },
-        options: menuItemTypeArray,
-    },
-    size: {
-        control: { type: 'select' },
-        options: componentSizeArray,
-    },
-};
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: MenuItem,
-    tags: ['autodocs'],
-    argTypes: storyMenuItemArgTypes,
-});
-</script>
-
-<!-- Default MenuItem -->
-<Story name="Default">Menu Item</Story>
-
-<!-- With Separator -->
-<Story name="WithSeparator" args={{ separator: true }}>Menu Item</Story>
-
-<Story name="Disabled" args={{ disabled: true }}>Menu Item</Story>
-
-<Story name="Selected" args={{ selected: true }}>Menu Item</Story>

package/dist/stories/components/Layout/Menu/MenuItem/MenuItem.stories.svelte.d.ts

@@ -1,21 +0,0 @@
-import type { StoryBookArgTypes } from '../../../../../storybook-types.js';
-import MenuItem from './MenuItem.svelte';
-export declare const storyMenuItemArgTypes: StoryBookArgTypes;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MenuItem: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type MenuItem = InstanceType<typeof MenuItem>;
-export default MenuItem;