import { C as ColorToken } from './css-vars-BKB1fppA.js';
export { D as DesignTokens, j as applyCSSVarsToDocument, e as borderWidth, c as colors, o as cssVarsString, q as darkThemeCSS, a as darkThemeTokens, d as designTokens, g as generateCSSVars, i as generateCompleteCSS, h as generateDarkThemeCSS, f as generateLightThemeCSS, k as getCSSVar, l as layout, p as lightThemeCSS, m as motion, r as radius, n as setCSSVar, b as shadow, s as spacing, t as typography, z as zIndex } from './css-vars-BKB1fppA.js';
export { default as kodexaDesignTokensPlugin, default as tailwindPlugin } from './tailwind-plugin.js';
import 'tailwindcss/types/config';

/**
 * Utility: Deep merge two token objects
 * Useful for creating custom theme variations
 *
 * @param base - Base tokens object
 * @param overrides - Overrides to apply
 * @returns Merged tokens object
 *
 * @example
 * ```typescript
* const customTheme = mergeTokens(designTokens, {
*   color: {
*     brand: {
*       magenta: createColorToken(336, '98%', '60%', '#ff3d92'),
*     },
*   },
* });
 * ```
 */
declare function mergeTokens<T extends Record<string, any>>(base: T, overrides: Partial<T>): T;
/**
 * Utility: Create a custom color token
 *
 * @param h - Hue (0-360)
 * @param s - Saturation (percentage string)
 * @param l - Lightness (percentage string)
 * @param hex - Hex color code
 * @returns ColorToken object
 *
 * @example
 * ```typescript
 * const customPink = createColorToken(330, '85%', '60%', '#f25ca2');
 * ```
 */
declare function createColorToken(h: number, s: string, l: string, hex: string): ColorToken;
/**
 * Utility: Get a token value by path
 *
* @param path - Dot-separated path to token (e.g., 'color.brand.magenta.hsl')
 * @returns Token value or undefined
 *
 * @example
 * ```typescript
* const primaryColor = getTokenByPath('color.brand.magenta.hsl');
* // Returns: 'hsl(336 98% 52%)'
 * ```
 */
declare function getTokenByPath(path: string): any;
/**
 * Utility: Convert hex color to HSL
 *
 * @param hex - Hex color code (with or without #)
 * @returns HSL color string
 *
 * @example
 * ```typescript
 * const hsl = hexToHSL('#ed1468');
 * // Returns: 'hsl(338 85% 50%)'
 * ```
 */
declare function hexToHSL(hex: string): string;
/**
 * Utility: Convert RGB to HSL
 *
 * @param r - Red (0-255)
 * @param g - Green (0-255)
 * @param b - Blue (0-255)
 * @returns HSL color string
 *
 * @example
 * ```typescript
 * const hsl = rgbToHSL(237, 20, 104);
 * // Returns: 'hsl(338 85% 50%)'
 * ```
 */
declare function rgbToHSL(r: number, g: number, b: number): string;

export { ColorToken, createColorToken, getTokenByPath, hexToHSL, mergeTokens, rgbToHSL };