
import { Styles } from "../tasty/styles/types.js";
import { TYPOGRAPHY_PRESETS, TypographyPreset } from "./typography.js";
import { COLOR_TOKENS } from "./colors.js";
import { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS, SizeKey, SizeName } from "./sizes.js";
import { SPACE_TOKENS } from "./spacing.js";
import { SHADOW_TOKENS } from "./shadows.js";
import { LAYOUT_TOKENS } from "./layout.js";
import { BASE_TOKENS } from "./base.js";

//#region src/tokens/index.d.ts
/**
 * All design tokens combined into a single Styles object.
 * Keys use $ prefix for CSS custom properties.
 *
 * Ready for use with useGlobalStyles('body', TOKENS).
 *
 * Includes:
 * - Base tokens ($gap, $radius, etc.)
 * - Space tokens ($space-xs, $space-sm, etc.)
 * - Size tokens ($size-xs, $size-sm, etc.)
 * - Shadow tokens ($shadow, $item-shadow, etc.)
 * - Layout tokens ($max-content-width, $topbar-height, etc.)
 * - Typography tokens ($h1-font-size, $t3-line-height, etc.)
 * - Color tokens ($purple-color, $purple-color-rgb, etc.)
 */
declare const TOKENS: Styles;
//#endregion
export { TOKENS };
//# sourceMappingURL=index.d.ts.map