bits-ui 1.0.0-next.8 → 1.0.0-next.81

package/dist/bits/menu/components/menu-sub-content-static.svelte

@@ -1,16 +1,15 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { SubContentProps } from "../index.js";
+	import { afterTick, box, mergeProps } from "svelte-toolbelt";
+	import type { MenuSubContentStaticProps } from "../types.js";
 	import { useMenuContent } from "../menu.svelte.js";
 	import { SUB_CLOSE_KEYS } from "../utils.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { isHTMLElement } from "../../../internal/is.js";
-	import { afterTick } from "../../../internal/afterTick.js";
 	import Mounted from "../../utilities/mounted.svelte";
 	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
+	import PopperLayerForceMount from "../../utilities/popper-layer/popper-layer-force-mount.svelte";
 
 	let {
 		id = useId(),
@@ -25,10 +24,9 @@
 		escapeKeydownBehavior = "defer-otherwise-close",
 		onOpenAutoFocus: onOpenAutoFocusProp = noop,
 		onCloseAutoFocus: onCloseAutoFocusProp = noop,
-		onFocusOutside: onFocusOutsideProp = noop,
-		side = "right",
+		onFocusOutside = noop,
 		...restProps
-	}: SubContentProps = $props();
+	}: MenuSubContentStaticProps = $props();
 
 	let isMounted = $state(false);
 
@@ -55,58 +53,47 @@
 		}
 	}
 
+	const dataAttr = $derived(subContentState.parentMenu.root.getAttr("sub-content"));
+
 	const mergedProps = $derived(
 		mergeProps(restProps, subContentState.props, {
-			side,
 			onkeydown,
-			"data-menu-sub-content": "",
+			[dataAttr]: "",
 		})
 	);
 
-	function onOpenAutoFocus(e: Event) {
+	function handleOpenAutoFocus(e: Event) {
+		onOpenAutoFocusProp(e);
+		if (e.defaultPrevented) return;
 		afterTick(() => {
 			e.preventDefault();
-			if (subContentState.parentMenu.root.isUsingKeyboard.current) {
+			if (subContentState.parentMenu.root.isUsingKeyboard) {
 				const subContentEl = subContentState.parentMenu.contentNode;
 				subContentEl?.focus();
 			}
 		});
 	}
 
-	function onCloseAutoFocus(e: Event) {
+	function handleCloseAutoFocus(e: Event) {
+		onCloseAutoFocusProp(e);
+		if (e.defaultPrevented) return;
 		e.preventDefault();
 	}
-</script>
 
-<PopperLayer
-	isStatic={true}
-	{...mergedProps}
-	{interactOutsideBehavior}
-	{escapeKeydownBehavior}
-	onCloseAutoFocus={(e) => {
-		onCloseAutoFocusProp(e);
-		if (e.defaultPrevented) return;
-		onCloseAutoFocus(e);
-	}}
-	onOpenAutoFocus={(e) => {
-		onOpenAutoFocusProp(e);
-		if (e.defaultPrevented) return;
-		onOpenAutoFocus(e);
-	}}
-	present={subContentState.parentMenu.open.current || forceMount}
-	onInteractOutside={(e) => {
+	function handleInteractOutside(e: PointerEvent) {
 		onInteractOutside(e);
 		if (e.defaultPrevented) return;
 		subContentState.parentMenu.onClose();
-	}}
-	onEscapeKeydown={(e) => {
-		// TODO: users should be able to cancel this
+	}
+
+	function handleEscapeKeydown(e: KeyboardEvent) {
 		onEscapeKeydown(e);
 		if (e.defaultPrevented) return;
 		subContentState.parentMenu.onClose();
-	}}
-	onFocusOutside={(e) => {
-		onFocusOutsideProp(e);
+	}
+
+	function handleOnFocusOutside(e: FocusEvent) {
+		onFocusOutside(e);
 		if (e.defaultPrevented) return;
 		// We prevent closing when the trigger is focused to avoid triggering a re-open animation
 		// on pointer interaction.
@@ -114,21 +101,67 @@
 		if (e.target.id !== subContentState.parentMenu.triggerNode?.id) {
 			subContentState.parentMenu.onClose();
 		}
-	}}
-	preventScroll={false}
-	{loop}
->
-	{#snippet popper({ props })}
-		{@const finalProps = mergeProps(props, mergedProps, {
-			style: getFloatingContentCSSVars("menu"),
-		})}
-		{#if child}
-			{@render child({ props: finalProps, ...subContentState.snippetProps })}
-		{:else}
-			<div {...finalProps}>
-				{@render children?.(subContentState.snippetProps)}
-			</div>
-		{/if}
-		<Mounted bind:isMounted />
-	{/snippet}
-</PopperLayer>
+	}
+</script>
+
+{#if forceMount}
+	<PopperLayerForceMount
+		{...mergedProps}
+		{interactOutsideBehavior}
+		{escapeKeydownBehavior}
+		onCloseAutoFocus={handleCloseAutoFocus}
+		onOpenAutoFocus={handleOpenAutoFocus}
+		enabled={subContentState.parentMenu.open.current}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		onFocusOutside={handleOnFocusOutside}
+		preventScroll={false}
+		{loop}
+		trapFocus={false}
+		isStatic
+	>
+		{#snippet popper({ props })}
+			{@const finalProps = mergeProps(props, mergedProps, {
+				style: getFloatingContentCSSVars("menu"),
+			})}
+			{#if child}
+				{@render child({ props: finalProps, ...subContentState.snippetProps })}
+			{:else}
+				<div {...finalProps}>
+					{@render children?.()}
+				</div>
+			{/if}
+			<Mounted bind:isMounted />
+		{/snippet}
+	</PopperLayerForceMount>
+{:else if !forceMount}
+	<PopperLayer
+		{...mergedProps}
+		{interactOutsideBehavior}
+		{escapeKeydownBehavior}
+		onCloseAutoFocus={handleCloseAutoFocus}
+		onOpenAutoFocus={handleOpenAutoFocus}
+		present={subContentState.parentMenu.open.current}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		onFocusOutside={handleOnFocusOutside}
+		preventScroll={false}
+		{loop}
+		trapFocus={false}
+		isStatic
+	>
+		{#snippet popper({ props })}
+			{@const finalProps = mergeProps(props, mergedProps, {
+				style: getFloatingContentCSSVars("menu"),
+			})}
+			{#if child}
+				{@render child({ props: finalProps, ...subContentState.snippetProps })}
+			{:else}
+				<div {...finalProps}>
+					{@render children?.()}
+				</div>
+			{/if}
+			<Mounted bind:isMounted />
+		{/snippet}
+	</PopperLayer>
+{/if}

package/dist/bits/menu/components/menu-sub-content-static.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { SubContentProps } from "../index.js";
-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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MenuSubContentStatic: $$__sveltets_2_IsomorphicComponent<SubContentProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type MenuSubContentStatic = InstanceType<typeof MenuSubContentStatic>;
+import type { MenuSubContentStaticProps } from "../types.js";
+declare const MenuSubContentStatic: import("svelte").Component<MenuSubContentStaticProps, {}, "ref">;
+type MenuSubContentStatic = ReturnType<typeof MenuSubContentStatic>;
 export default MenuSubContentStatic;

package/dist/bits/menu/components/menu-sub-content.svelte

@@ -1,16 +1,15 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { SubContentProps } from "../index.js";
-	import { useMenuContent } from "../menu.svelte.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { MenuSubContentProps } from "../types.js";
+	import { MenuOpenEvent, useMenuContent } from "../menu.svelte.js";
 	import { SUB_CLOSE_KEYS } from "../utils.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { isHTMLElement } from "../../../internal/is.js";
-	import { afterTick } from "../../../internal/afterTick.js";
 	import Mounted from "../../utilities/mounted.svelte";
 	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
+	import PopperLayerForceMount from "../../utilities/popper-layer/popper-layer-force-mount.svelte";
 
 	let {
 		id = useId(),
@@ -28,7 +27,7 @@
 		onFocusOutside = noop,
 		side = "right",
 		...restProps
-	}: SubContentProps = $props();
+	}: MenuSubContentProps = $props();
 
 	let isMounted = $state(false);
 
@@ -55,7 +54,7 @@
 		}
 	}
 
-	const dataAttr = $derived(subContentState.parentMenu.root.attrs.subContent);
+	const dataAttr = $derived(subContentState.parentMenu.root.getAttr("sub-content"));
 
 	const mergedProps = $derived(
 		mergeProps(restProps, subContentState.props, {
@@ -65,48 +64,37 @@
 		})
 	);
 
-	function onOpenAutoFocus(e: Event) {
-		afterTick(() => {
-			e.preventDefault();
-			if (subContentState.parentMenu.root.isUsingKeyboard.current) {
-				const subContentEl = subContentState.parentMenu.contentNode;
-				subContentEl?.focus();
-			}
-		});
-	}
-
-	function onCloseAutoFocus(e: Event) {
+	function handleOpenAutoFocus(e: Event) {
+		onOpenAutoFocusProp(e);
+		if (e.defaultPrevented) return;
 		e.preventDefault();
+		if (
+			subContentState.parentMenu.root.isUsingKeyboard &&
+			subContentState.parentMenu.contentNode
+		) {
+			MenuOpenEvent.dispatch(subContentState.parentMenu.contentNode);
+		}
 	}
-</script>
 
-<PopperLayer
-	{...mergedProps}
-	{interactOutsideBehavior}
-	{escapeKeydownBehavior}
-	onCloseAutoFocus={(e) => {
+	function handleCloseAutoFocus(e: Event) {
 		onCloseAutoFocusProp(e);
 		if (e.defaultPrevented) return;
-		onCloseAutoFocus(e);
-	}}
-	onOpenAutoFocus={(e) => {
-		onOpenAutoFocusProp(e);
-		if (e.defaultPrevented) return;
-		onOpenAutoFocus(e);
-	}}
-	present={subContentState.parentMenu.open.current || forceMount}
-	onInteractOutside={(e) => {
+		e.preventDefault();
+	}
+
+	function handleInteractOutside(e: PointerEvent) {
 		onInteractOutside(e);
 		if (e.defaultPrevented) return;
 		subContentState.parentMenu.onClose();
-	}}
-	onEscapeKeydown={(e) => {
-		// TODO: users should be able to cancel this
+	}
+
+	function handleEscapeKeydown(e: KeyboardEvent) {
 		onEscapeKeydown(e);
 		if (e.defaultPrevented) return;
 		subContentState.parentMenu.onClose();
-	}}
-	onFocusOutside={(e) => {
+	}
+
+	function handleOnFocusOutside(e: FocusEvent) {
 		onFocusOutside(e);
 		if (e.defaultPrevented) return;
 		// We prevent closing when the trigger is focused to avoid triggering a re-open animation
@@ -115,22 +103,77 @@
 		if (e.target.id !== subContentState.parentMenu.triggerNode?.id) {
 			subContentState.parentMenu.onClose();
 		}
-	}}
-	preventScroll={false}
-	{loop}
-	trapFocus={false}
->
-	{#snippet popper({ props })}
-		{@const finalProps = mergeProps(props, mergedProps, {
-			style: getFloatingContentCSSVars("menu"),
-		})}
-		{#if child}
-			{@render child({ props: finalProps, ...subContentState.snippetProps })}
-		{:else}
-			<div {...finalProps}>
-				{@render children?.(subContentState.snippetProps)}
-			</div>
-		{/if}
-		<Mounted bind:isMounted />
-	{/snippet}
-</PopperLayer>
+	}
+</script>
+
+{#if forceMount}
+	<PopperLayerForceMount
+		{...mergedProps}
+		{interactOutsideBehavior}
+		{escapeKeydownBehavior}
+		onCloseAutoFocus={handleCloseAutoFocus}
+		onOpenAutoFocus={handleOpenAutoFocus}
+		enabled={subContentState.parentMenu.open.current}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		onFocusOutside={handleOnFocusOutside}
+		preventScroll={false}
+		{loop}
+		trapFocus={false}
+	>
+		{#snippet popper({ props, wrapperProps })}
+			{@const finalProps = mergeProps(props, mergedProps, {
+				style: getFloatingContentCSSVars("menu"),
+			})}
+			{#if child}
+				{@render child({
+					props: finalProps,
+					wrapperProps,
+					...subContentState.snippetProps,
+				})}
+			{:else}
+				<div {...wrapperProps}>
+					<div {...finalProps}>
+						{@render children?.()}
+					</div>
+				</div>
+			{/if}
+			<Mounted bind:isMounted />
+		{/snippet}
+	</PopperLayerForceMount>
+{:else if !forceMount}
+	<PopperLayer
+		{...mergedProps}
+		{interactOutsideBehavior}
+		{escapeKeydownBehavior}
+		onCloseAutoFocus={handleCloseAutoFocus}
+		onOpenAutoFocus={handleOpenAutoFocus}
+		present={subContentState.parentMenu.open.current}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		onFocusOutside={handleOnFocusOutside}
+		preventScroll={false}
+		{loop}
+		trapFocus={false}
+	>
+		{#snippet popper({ props, wrapperProps })}
+			{@const finalProps = mergeProps(props, mergedProps, {
+				style: getFloatingContentCSSVars("menu"),
+			})}
+			{#if child}
+				{@render child({
+					props: finalProps,
+					wrapperProps,
+					...subContentState.snippetProps,
+				})}
+			{:else}
+				<div {...wrapperProps}>
+					<div {...finalProps}>
+						{@render children?.()}
+					</div>
+				</div>
+			{/if}
+			<Mounted bind:isMounted />
+		{/snippet}
+	</PopperLayer>
+{/if}

package/dist/bits/menu/components/menu-sub-content.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { SubContentProps } from "../index.js";
-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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MenuSubContent: $$__sveltets_2_IsomorphicComponent<SubContentProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type MenuSubContent = InstanceType<typeof MenuSubContent>;
+import type { MenuSubContentProps } from "../types.js";
+declare const MenuSubContent: import("svelte").Component<MenuSubContentProps, {}, "ref">;
+type MenuSubContent = ReturnType<typeof MenuSubContent>;
 export default MenuSubContent;

package/dist/bits/menu/components/menu-sub-trigger.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ItemProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { MenuItemProps } from "../types.js";
 	import { useMenuSubTrigger } from "../menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
+	import { useId } from "../../../internal/use-id.js";
+	import FloatingLayerAnchor from "../../utilities/floating-layer/components/floating-layer-anchor.svelte";
 	let {
 		id = useId(),
 		disabled = false,
@@ -12,7 +11,7 @@
 		children,
 		child,
 		...restProps
-	}: ItemProps = $props();
+	}: MenuItemProps = $props();
 
 	const subTriggerState = useMenuSubTrigger({
 		disabled: box.with(() => disabled),
@@ -26,7 +25,7 @@
 	const mergedProps = $derived(mergeProps(restProps, subTriggerState.props));
 </script>
 
-<FloatingLayer.Anchor {id}>
+<FloatingLayerAnchor {id}>
 	{#if child}
 		{@render child({ props: mergedProps })}
 	{:else}
@@ -34,4 +33,4 @@
 			{@render children?.()}
 		</div>
 	{/if}
-</FloatingLayer.Anchor>
+</FloatingLayerAnchor>

package/dist/bits/menu/components/menu-sub-trigger.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { ItemProps } from "../index.js";
-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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MenuSubTrigger: $$__sveltets_2_IsomorphicComponent<ItemProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type MenuSubTrigger = InstanceType<typeof MenuSubTrigger>;
+import type { MenuItemProps } from "../types.js";
+declare const MenuSubTrigger: import("svelte").Component<MenuItemProps, {}, "ref">;
+type MenuSubTrigger = ReturnType<typeof MenuSubTrigger>;
 export default MenuSubTrigger;

package/dist/bits/menu/components/menu-sub.svelte

@@ -1,32 +1,23 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { SubProps } from "../index.js";
+	import type { MenuSubProps } from "../types.js";
 	import { useMenuSubmenu } from "../menu.svelte.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
+	import { noop } from "../../../internal/noop.js";
 
-	let {
-		open = $bindable(false),
-		onOpenChange = noop,
-		controlledOpen = false,
-		children,
-	}: SubProps = $props();
+	let { open = $bindable(false), onOpenChange = noop, children }: MenuSubProps = $props();
 
 	useMenuSubmenu({
 		open: box.with(
 			() => open,
 			(v) => {
-				if (controlledOpen) {
-					onOpenChange(v);
-				} else {
-					open = v;
-					onOpenChange?.(v);
-				}
+				open = v;
+				onOpenChange?.(v);
 			}
 		),
 	});
 </script>
 
-<FloatingLayer.Root>
+<FloatingLayer>
 	{@render children?.()}
-</FloatingLayer.Root>
+</FloatingLayer>

package/dist/bits/menu/components/menu-sub.svelte.d.ts

@@ -1,19 +1,3 @@
-import type { SubProps } from "../index.js";
-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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MenuSub: $$__sveltets_2_IsomorphicComponent<SubProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "open">;
-type MenuSub = InstanceType<typeof MenuSub>;
+declare const MenuSub: import("svelte").Component<import("../types.js").MenuSubPropsWithoutHTML, {}, "open">;
+type MenuSub = ReturnType<typeof MenuSub>;
 export default MenuSub;

package/dist/bits/menu/components/menu-trigger.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { TriggerProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { MenuTriggerProps } from "../types.js";
 	import { useMenuDropdownTrigger } from "../menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
+	import { useId } from "../../../internal/use-id.js";
+	import FloatingLayerAnchor from "../../utilities/floating-layer/components/floating-layer-anchor.svelte";
 
 	let {
 		id = useId(),
@@ -12,8 +11,9 @@
 		child,
 		children,
 		disabled = false,
+		type = "button",
 		...restProps
-	}: TriggerProps = $props();
+	}: MenuTriggerProps = $props();
 
 	const triggerState = useMenuDropdownTrigger({
 		id: box.with(() => id),
@@ -24,10 +24,10 @@
 		),
 	});
 
-	const mergedProps = $derived(mergeProps(restProps, triggerState.props));
+	const mergedProps = $derived(mergeProps(restProps, triggerState.props, { type }));
 </script>
 
-<FloatingLayer.Anchor {id}>
+<FloatingLayerAnchor {id}>
 	{#if child}
 		{@render child({ props: mergedProps })}
 	{:else}
@@ -35,4 +35,4 @@
 			{@render children?.()}
 		</button>
 	{/if}
-</FloatingLayer.Anchor>
+</FloatingLayerAnchor>

package/dist/bits/menu/components/menu-trigger.svelte.d.ts

@@ -1,19 +1,4 @@
-import type { TriggerProps } from "../index.js";
-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: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MenuTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type MenuTrigger = InstanceType<typeof MenuTrigger>;
+import type { MenuTriggerProps } from "../types.js";
+declare const MenuTrigger: import("svelte").Component<MenuTriggerProps, {}, "ref">;
+type MenuTrigger = ReturnType<typeof MenuTrigger>;
 export default MenuTrigger;