/** Grid item component properties */
export type OreGridItemProps = {
    /** Align self vertically within the grid cell */
    align?: 'start' | 'center' | 'end' | 'stretch';
    /** Named grid area to place the item into. */
    area?: string;
    /** Explicit grid-column value — overrides col-span (e.g. '2 / 5', 'span 3', '1 / -1'). */
    col?: string;
    /** Span N columns. Use 'full' to span all columns (1 / -1). */
    colSpan?: '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'full';
    /** Justify self horizontally within the grid cell */
    justify?: 'start' | 'center' | 'end' | 'stretch';
    /** Explicit grid-row value — overrides row-span (e.g. '1 / 3', 'span 2'). */
    row?: string;
    /** Span N rows. Use 'full' to span all rows (1 / -1). */
    rowSpan?: '1' | '2' | '3' | '4' | '5' | '6' | 'full';
};
/**
 * ore-grid-item — A grid cell with declarative placement and span control.
 *
 * Use `col-span` / `row-span` for the common case of spanning columns/rows.
 * Use `col` / `row` for full CSS grid-column / grid-row shorthand power
 * (e.g. explicit placement, mixed span + start, negative lines).
 *
 * @element ore-grid-item
 *
 * @attr {string} area - CSS grid-area value for named-area placement
 * @attr {string} col-span - Columns to span: '1'–'12' | 'full'
 * @attr {string} row-span - Rows to span: '1'–'6' | 'full'
 * @attr {string} col - CSS grid-column value (overrides col-span)
 * @attr {string} row - CSS grid-row value (overrides row-span)
 * @attr {string} align - align-self: 'start' | 'center' | 'end' | 'stretch'
 * @attr {string} justify - justify-self: 'start' | 'center' | 'end' | 'stretch'
 *
 * @slot - Grid item content
 *
 * @example
 * <!-- Span 2 columns -->
 * <ore-grid-item col-span="2">Wide</ore-grid-item>
 *
 * @example
 * <!-- Full-width row -->
 * <ore-grid-item col-span="full">Banner</ore-grid-item>
 *
 * @example
 * <!-- Named area placement -->
 * <ore-grid-item area="sidebar">Nav</ore-grid-item>
 *
 * @example
 * <!-- Explicit placement -->
 * <ore-grid-item col="2 / 5" row="1 / 3">Placed</ore-grid-item>
 */
export declare const GRID_ITEM_TAG: "ore-grid-item";
//# sourceMappingURL=grid-item.d.ts.map