import type { ChannelMeta } from './channel-meta';
export declare const PERSON_GRID = "ds:grid ds:grid-cols-[var(--spacing-xl)_minmax(0,1fr)_var(--min-target-size)] ds:@[512px]/person:grid-cols-[var(--spacing-xl)_minmax(0,1fr)_max-content_var(--min-target-size)] ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-sm)]";
export declare const PERSON_AVATAR = "ds:col-start-1 ds:row-start-1 ds:flex ds:items-center ds:justify-center";
/** The name select, in a row that also has a channel select. */
export declare const PERSON_NAME = "ds:col-start-2 ds:row-start-1 ds:min-w-0";
/** The name select, in a row with no channel: it takes the channel's width. */
export declare const PERSON_NAME_FULL = "ds:col-[2/-2] ds:row-start-1 ds:min-w-0";
/**
 * The channel select: beside the name when wide, under it when narrow.
 * `-3/-2` is the name column in the 3-column grid and the channel column in
 * the 4-column one.
 */
export declare const PERSON_CHANNEL = "ds:col-[-3/-2] ds:row-start-2 ds:min-w-0 ds:@[512px]/person:row-start-1";
export declare const PERSON_ACTION = "ds:col-[-2/-1] ds:row-start-1 ds:flex ds:items-center ds:justify-center";
/** Rows under a person (OTP switch, notes, errors): name to channel edge. */
export declare const PERSON_UNDER = "ds:col-[2/-2] ds:min-w-0 ds:text-start";
/** A section header row: eyebrow at the avatar edge, action at the selects' end edge. */
export declare const PERSON_HEADER = "ds:col-[1/-2] ds:row-start-1 ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]";
/** Space between two person blocks: larger than the gap inside one. */
export declare const PERSON_LIST = "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]";
/** Put on each section that holds person grids: the container above. */
export declare const PERSON_SECTION = "ds:@container/person";
/**
 * Sizes the channel column to the longest channel label, in every row and
 * whatever is selected, so all channel selects share one width. A hidden,
 * zero-height copy of the select trigger per label; the column's
 * `max-content` width comes from the widest.
 */
export declare function ChannelColumnSizer({ meta }: {
    meta: ChannelMeta;
}): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=person-grid.d.ts.map