child snippet that require wrapping should be named differently

[wighawag]

Ii think it should help if component that require 2 level childdren (floating component) would have a diffently name snippet, like wrappedChild instead of child so it can be type-safely infered by the user that it need that 2-level.

[huntabyte]

I've been thinking about something along these lines as well recently. It wouldn't happen until Bits v2 of course, as it would be a breaking change.

Something that I have been considering is simply renaming the props on the child so that it's immediately obvious as wrappedChild as the snippet name to me implies that I need to wrap that snippet vs the inside.

So something like:

<DropdownMenu.Content>
	{#snippet child({ wrapperProps, innerProps })
			<div {...wrapperProps}>
				<div {...innerProps} />
			</div>
   {/snippet}
</DropdownMenu.Content>

Or something along those lines. Definitely open to alt ideas on this as well though!