import type { Snippet } from 'svelte';
type Props = {
    selected?: boolean;
    children: Snippet;
    on?: {
        /** Fires on checkbox click. Render the checkbox by either setting `selected` or wiring `select`. */
        select?: (value: boolean) => void;
        /**
         * Fires on whole-card activation: click on the card surface OR Enter/Space when focused.
         * When set, the card root becomes `role="button"` + `tabindex="0"` for keyboard a11y.
         * Inner interactive elements (checkbox, buttons inside fields) stopPropagation so they
         * don't double-fire `activate`.
         */
        activate?: () => void;
    };
};
/**
 * Media-first grid card primitive for catalog / browser views (ads, products, content lists,
 * short-videos). Composable: media in the top slot via `<GridCardMedia>`, key-value rows via
 * `<GridCardFields>` containing `<GridCardField>` / `<GridCardTextField>` / `<GridCardIdField>` /
 * `<GridCardBadgeField>` / `<GridCardSelectField>` / `<GridCardProgressField>` / `<GridCardActionsField>`.
 *
 * Selection: pass `selected` (and `on.select`) to render a checkbox at top-left. Whole-card
 * activation: pass `on.activate` to make the root a keyboard-accessible button (Enter / Space).
 * Inner interactive elements stop event propagation so they don't double-fire activation.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--grid-card--background` | Card background | `var(--sc-kit--color--bg--element)` |
 * | `--sc-kit--grid-card--padding` | Inner padding (container-query responsive) | `clamp(4px, 8cqi, 8px)` |
 * | `--sc-kit--grid-card--gap` | Gap between media and fields | `4px` |
 * | `--sc-kit--grid-card--border-radius` | Card border radius | `4px` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;