INIT

node_modules/bits-ui/dist/bits/menu/components/menu.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+	import { boxWith } from "svelte-toolbelt";
+	import type { MenuRootProps } from "../types.js";
+	import { MenuMenuState, MenuRootState } from "../menu.svelte.js";
+	import { noop } from "../../../internal/noop.js";
+	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
+
+	let {
+		open = $bindable(false),
+		dir = "ltr",
+		onOpenChange = noop,
+		onOpenChangeComplete = noop,
+		_internal_variant: variant = "dropdown-menu",
+		children,
+	}: MenuRootProps & {
+		_internal_variant?: "context-menu" | "dropdown-menu" | "menubar";
+	} = $props();
+
+	const root = MenuRootState.create({
+		variant: boxWith(() => variant),
+		dir: boxWith(() => dir),
+		onClose: () => {
+			open = false;
+			onOpenChange(false);
+		},
+	});
+
+	MenuMenuState.create(
+		{
+			open: boxWith(
+				() => open,
+				(v) => {
+					open = v;
+					onOpenChange(v);
+				}
+			),
+			onOpenChangeComplete: boxWith(() => onOpenChangeComplete),
+		},
+		root
+	);
+</script>
+
+<FloatingLayer>
+	{@render children?.()}
+</FloatingLayer>