I noticed this Headless / TailwindCSS example from the docs, uses this class for the parent div:

<div className="flex rounded-lg bg-white shadow-lg ring-1 ring-black/5 w-full md:max-w-[364px] items-center p-4">

However, it seems counter intuitive, because the parent div doesnt sets itself as 100% in this case:

So in order of full-width to work in the custom component we have to:

<Toaster
position="bottom-center"
toastOptions={{
	className: 'w-full',
}}
/>

Is this undocumented? Any specific behind it @emilkowalski ? Shouldn't width 100% be added to data-sonner-toast?