import type { CSSRulesInput } from "./serialize";
export type { CSSRulesInput };
/**
 * A `Cl<R>` is a plain readonly object with one string property per key in `R`.
 *
 * - `cl.blockName` → the generated CSS class name string, ready to drop into
 *   `class=${cl.card}` or `classes([cl.card, isActive && cl.active])`.
 * - Empty blocks (no valid properties) map to `""`.
 *
 * @example
 * ```ts
 * const cl = css({
 *   card: { display: "flex", padding: "1rem" },
 *   active: { backgroundColor: "blue" },
 * });
 *
 * // In template — direct class interpolation, zero overhead:
 * html`<div class="${cl.card} ${isActive ? cl.active : ""}">…</div>`
 *
 * // Or with the classes() directive for conditional logic:
 * html`<div ${classes([cl.card, [isActive, cl.active]])}>…</div>`
 * ```
 */
export type Cl<R extends CSSRulesInput> = {
    readonly [K in keyof R]: string;
};
/**
 * Build a `Cl<R>` from a pre-computed `classMap` (block name → class string)
 * that was returned by `serializeRules`.
 *
 * The returned object is frozen so block-name strings are immutable after
 * creation — class names never change for a given `css()` call.
 *
 * @param classMap - `{ blockName: "generatedClassName" }`
 */
export declare function createCl<R extends CSSRulesInput>(classMap: Record<string, string>): Cl<R>;
//# sourceMappingURL=cl.d.ts.map