svelte-kit-vice/src/uix/eidos/components/container

Eidos Container

Wrapper de ancho máximo centrado. Limita el ancho del contenido a un tamaño canónico (sm/md/lg/xl/full) y aplica margen automático en los laterales para centrarlo.

Superficie

<Container size="md">
	<h1>Title</h1>
	<p>Body bounded to the medium max-width.</p>
</Container>

Baseline

Origen: air/components/layout/container. Adaptación estándar. Tamaños mapean a tokens --container-size-{xs,sm,md,lg,xl} en el recipe; full desactiva el max-width.

Comparativa

Capacidad	UIX	Radix Themes	Chakra UI	Mantine
size chip (sm/md/lg/xl/full)	Sí (xs–xl + full)	Sí (1–4)	Sí (sm–8xl)	Sí (xs–xl)
Centered margin-inline auto	Sí	Sí	Sí	Sí
padding inherited	Sí (vía Box)	Sí	Sí (px)	Sí
fluid mode (sin max-width)	No — gap conocido (usar size="full")	—	—	Sí (fluid)
align start/center/end	Sí (controla margin-inline)	—	—	—
Strategy block / grid	No	—	—	Sí

Decisiones

• size="full" cumple el rol de fluid — Mantine usa fluid boolean separado; nosotros lo metemos en el size chip para no duplicar API.
• align controla margin-inline — start/center/end mueven el container contra el lado izquierdo/derecho. Default center.
• Padding heredado de Box — Container no añade padding propio. El consumer controla padding-block/inline vía las props heredadas.
• Sin layout strategy grid — Container es un wrapper simple. Si quieres layout interno, anida un <Grid> o <Flex>.

Eventos Sema

0 eventos. Pasivo.

Gaps

Gap	Disposición	Detalle
fluid boolean separado	descartar	size="full" ya cumple. Evita superficie redundante.
Strategy block/grid (Mantine)	diferir	Composición con Grid/Flex anidados cubre el caso.
Documentación per-size con ejemplos visuales	implementar	Pasada de docs final.

Referencias

• Radix Themes Container: https://www.radix-ui.com/themes/docs/components/container
• Chakra UI Container: https://chakra-ui.com/docs/components/container
• Mantine Container: https://mantine.dev/core/container/

Passive justification

Visual-only (scope: ['eidos']). Marker [data-container]. Sin estado, sin keyboard, sin ARIA, sin eventos.