import { LitElement } from "lit";
export type SkyColAlign = "stretch" | "start" | "center" | "end" | "baseline";
export type SkyColJustify = "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
/**
 * @element sky-col
 *
 * @summary Grid/flex column helper with responsive spans and configurable alignment/justification.
 *
 * @status stable
 * @since 1.0.0
 *
 * @documentation https://sky-ui.com/components/grid
 *
 * @slot title - Optional title content shown before main content.
 * @slot - Default content for the column body.
 *
 * @csspart col - The column container.
 *
 * @property {number} span - Default column span.
 * @property {string} gap - Internal content gap CSS value.
 * @property {SkyColJustify} justify - Content justification within the column.
 * @property {SkyColAlign} align - Content alignment within the column.
 * @property {number | undefined} start - Optional explicit grid column start.
 * @property {number | undefined} end - Optional explicit grid column end.
 * @property {number | undefined} sm - Responsive span for small breakpoint.
 * @property {number | undefined} md - Responsive span for medium breakpoint.
 * @property {number | undefined} lg - Responsive span for large breakpoint.
 * @property {number | undefined} xl - Responsive span for extra-large breakpoint.
 * @property {string} preset - Named prop preset from nearest `sky-config-provider`. Default: `""`.
 * @method refreshLayout Reapplies internal CSS variables from current properties.
 *
 * @Behavior
 * - Applies span and responsive spans through host CSS variables.
 * - Supports explicit `start`/`end` grid positioning when provided.
 * - Automatically updates layout variables when relevant properties change.
 *
 * @example
 * ```html
 * <sky-col span="4" md="6" justify="space-between" align="center">
 *   <span slot="title">Revenue</span>
 *   Q2 performance details
 * </sky-col>
 * ```
 * ```vue
 * <template>
 *   <sky-col span="4" md="6" justify="space-between" align="center">
 *     <span slot="title">Revenue</span>
 *     Q2 performance details
 *   </sky-col>
 * </template>
 * ```
 * ```jsx
 * export default function Demo() {
 *   return (
 *     <sky-col span="4" md="6" justify="space-between" align="center">
 *       <span slot="title">Revenue</span>
 *       Q2 performance details
 *     </sky-col>
 *   );
 * }
 * ```
 */
export declare class SkyCol extends LitElement {
    span: number;
    gap: string;
    justify: SkyColJustify;
    align: SkyColAlign;
    start?: number;
    end?: number;
    sm?: number;
    md?: number;
    lg?: number;
    xl?: number;
    /** Named prop preset from nearest `sky-config-provider`. */
    preset: string;
    private _presets;
    static styles: import("lit").CSSResult;
    firstUpdated(): void;
    updated(changed: Map<string | number | symbol, unknown>): void;
    /**
     * Reapplies internal CSS variables from current properties.
     *
     * @returns {void}
     */
    refreshLayout(): void;
    private syncVars;
    render(): import("lit-html").TemplateResult<1>;
}