import type { Morfo } from '../types';

/**
 * Container — max-width centred content shell (layout primitive).
 *
 * Eidos-native: caps content width at the `--container-width-{size}`
 * token and centers via auto inline margins. The provider is a single
 * `<div data-box data-container>` shell — Container composes through
 * `<Box>`.
 *
 * No semantic events — Container is a passive container that constrains
 * its children. See `box.ts` for the same 0-event justification.
 */
export const containerMorfo = {
	name: 'Container',
	kebab: 'container',
	scope: ['eidos'],
	parts: [
		{
			name: 'Provider',
			kebab: 'provider',
			archetype: 'provider',
			kind: 'public',
			defaultElement: 'div',
			optional: false,
			data: [],
			aria: []
		}
	]
} as const satisfies Morfo;