INIT

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

@@ -0,0 +1,42 @@
+<script lang="ts">
+	import { boxWith } from "svelte-toolbelt";
+	import type { ContextMenuRootProps } from "../types.js";
+	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
+	import { noop } from "../../../internal/noop.js";
+	import { MenuMenuState, MenuRootState } from "../../menu/menu.svelte.js";
+
+	let {
+		open = $bindable(false),
+		dir = "ltr",
+		onOpenChange = noop,
+		onOpenChangeComplete = noop,
+		children,
+	}: ContextMenuRootProps = $props();
+
+	const root = MenuRootState.create({
+		variant: boxWith(() => "context-menu"),
+		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>