import type { Snippet } from "svelte";
import type { HTMLAttributes } from "svelte/elements";
export type ColSpan = number | "auto";
export type ColProps = Omit<HTMLAttributes<HTMLElement>, "class"> & {
    /** Number of 12-grid columns to span, or "auto" to size to content. */
    span?: ColSpan;
    /** Columns to offset (0..11) via margin-inline-start. */
    offset?: number;
    /** Responsive overrides applied at and above the breakpoint. */
    sm?: ColSpan;
    md?: ColSpan;
    lg?: ColSpan;
    as?: string;
    class?: string;
    children?: Snippet;
};
/** Width expression for a given span. Accounts for the shared row gutter so a
    full 12 columns still fit on one line (gap-based layout). */
export declare function spanBasis(span: ColSpan | undefined): string | undefined;
export declare function offsetMargin(offset: number | undefined): string | undefined;
declare const Col: import("svelte").Component<ColProps, {}, "">;
type Col = ReturnType<typeof Col>;
export default Col;
//# sourceMappingURL=Col.svelte.d.ts.map