import type { TokenCollectionData, ThemeDefinition } from '@knapsack/types';
import { type TokenDataSummary } from '../converters/spec-src-to-token-data/index.js';
export declare function getCollectionModeDataAttr({ collection, modeId, }: {
    collection: TokenCollectionData;
    modeId: string;
}): string;
/**
 * Single collection
 */
export declare function getTokenCollectionCss({ collectionId, tokenData: { collectionsById }, minimize, modeId, }: {
    collectionId: string;
    tokenData: TokenDataSummary;
    minimize?: boolean;
    modeId?: string;
}): string;
/**
 * Multiple collections
 */
export declare function getTokenCollectionsCss({ tokenData, minimize, }: {
    tokenData: TokenDataSummary;
    minimize?: boolean;
}): string;
/**
 * Like {@link getTokenCollectionsCss} but only generates CSS for the active
 * mode per collection based on the given theme definition. This dramatically
 * reduces CSS size for playground iframes that only need one mode per collection.
 */
export declare function getTokenCollectionsCssForTheme({ tokenData, themeDefinition, minimize, }: {
    tokenData: TokenDataSummary;
    themeDefinition?: ThemeDefinition;
    minimize?: boolean;
}): string;
/**
 * Removes the first two parts of a group id:
 * the collections parent key and the collection ID
 * e.g. `collections.density.spacing.large` -> `spacing.large`
 */
export declare function getCollectionGroupIdFromGroupId(groupId: string): string;
//# sourceMappingURL=token-collection-utils.d.ts.map