import { type DeepMapObjectLeafs } from '../types';
/**
 * This function could use a new name during a breaking change
 *
 * Given a Theme (which is the source of truth and doesn't contain any computed properties), add extra necessary properties to the tree such as `-rgb` suffixed keys with R, G, B triple values, and
 * convert the leaf values of a theme to a value like `var(--parent1key-parent2key-leafkey)` - a CSS variable with an identifier that represents it's hierarchy.
 *
 * Example:
 * ```
 * {
 *    color: {
 *        purple: {
 *          100: "#f0f1f4"
 *        }
 *    }
 * }
 * ```
 * Transforms into:
 * ```
 * {
 *    color: {
 *        purple: {
 *          100: "var(--color-purple-100, "#f0f1f4")",
 *          "100-rgb": "var(--color-purple-100-rgb, 240, 241, 244)",
 *          "100-id": "--color-purple-100",
 *          "100-rgb-id": "--color-purple-100-rgb"
 *        }
 *    }
 * }
 * ```
 *
 * See {@link addExtraThemeEntries} for how these extra entries are added.
 */
export declare function makeCSSVariableTheme<ThemeType extends Record<string | number, unknown>>(theme: ThemeType, printValue?: (path: string[], value: unknown) => string): DeepMapObjectLeafs<ThemeType, string>;