You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
997 B
34 lines
997 B
import type { Morfo } from '../types';
|
|
|
|
/**
|
|
* AutoGrid — responsive grid container that fits columns to inline size
|
|
* without media queries (layout primitive).
|
|
*
|
|
* Eidos-native: composes through `<Grid>` (which already composes through
|
|
* `<Box>`), so the provider renders a single `<div data-box data-grid
|
|
* data-auto-grid>` shell. Every prop maps to a `--auto-grid-*`,
|
|
* `--grid-*` or `--box-*` custom property — same pattern as the rest of
|
|
* the layout primitives.
|
|
*
|
|
* Justification for 0-event surface: AutoGrid is a pure visual /
|
|
* structural primitive that arranges children. No commit, no emerge, no
|
|
* keyboard, no aria. Same passive justification as `box.ts` / `grid.ts`.
|
|
*/
|
|
export const autoGridMorfo = {
|
|
name: 'AutoGrid',
|
|
kebab: 'auto-grid',
|
|
scope: ['eidos'],
|
|
parts: [
|
|
{
|
|
name: 'Provider',
|
|
kebab: 'provider',
|
|
archetype: 'provider',
|
|
kind: 'public',
|
|
defaultElement: 'div',
|
|
optional: false,
|
|
data: [],
|
|
aria: []
|
|
}
|
|
]
|
|
} as const satisfies Morfo;
|