import { BaseColor, BorderColor, ExtendedColor, SemanticColor, SurfaceColor, TextColor, ThemeColor } from '../types';
export type { CoreSemanticColor, CoreSurfaceColor, CoreThemeColor, CustomColors, SemanticBaseColor, OnColor, SemanticColor, ExtendedColor, OnExtendedColor, SurfaceColor, BaseColor, ThemeColor, BorderColor, TextColor, } from '../types';
export declare function getOnColorName(colorName: ThemeColor): ThemeColor | undefined;
/**
 * Returns all color names from the global registry for the selected type.
 *
 * @param type - Color type to filter by.
 * @returns List of color names matching the requested type.
 * @category Theme
 */
export declare function getColorNames(type: 'semantic'): SemanticColor[];
export declare function getColorNames(type: 'extended'): ExtendedColor[];
export declare function getColorNames(type: 'surface'): SurfaceColor[];
export declare function getColorNames(type: 'base'): BaseColor[];
export declare function getColorNames(type: 'border'): BorderColor[];
export declare function getColorNames(type: 'text'): TextColor[];
export declare function getColorNames(type: 'theme'): ThemeColor[];
/**
 * Returns basic CSS variable references for a **surface color**.
 *
 * @remarks
 * Generates `var(--uui-color-*)` tokens for surface-related colors
 * defined in {@link SurfaceColor} (e.g. `surface`, `surfaceContainer`, `background`).
 * Intended for quick surface/background styling.
 *
 * @param color - Surface color key (e.g. `'surface'`, `'background'`, `'surfaceContainerHigh'`).
 * @returns Object containing `{ color, onColor }` variable references.
 *
 * @example
 * ```ts
 * const vars = getSurfaceColorVar('surfaceContainer');
 * // → { color: "var(--uui-color-surface-container)", onColor: "var(--uui-color-on-surface)" }
 * ```
 * @category Color
 */
export declare const getSurfaceColorVar: (color: ThemeColor) => {
    color: string;
    onColor: string;
};
/**
 * Converts a HEX color string into an RGB tuple.
 *
 * @param hex - HEX color string (e.g. `#ff8800`).
 * @returns RGB tuple as `[r, g, b]` numeric values.
 *
 * @example
 * ```ts
 * hexToRgbValues('#ff8800');
 * // → [255, 136, 0]
 * ```
 * @category Color
 */
export declare const hexToRgbValues: (hex: string) => [number, number, number];
/**
 * Converts a HEX color string to an RGB string format.
 *
 * @param colorValue - HEX color string (e.g. `#ff8800`).
 * @returns Comma-separated RGB string (e.g. `"255,136,0"`).
 *
 * @example
 * ```ts
 * hexToRgb('#ff8800');
 * // → "255,136,0"
 * ```
 * @category Color
 */
export declare const hexToRgb: (colorValue: string) => string;
/**
 * Calculates the Material Design 3 surface tint overlay color
 * for a given elevation level and base tint color.
 *
 * @param elevation - Elevation level between 0–5.
 * @param tintColor - Base tint color in HEX format (e.g. `#ffcc00`).
 * @returns CSS color string in `rgba(r, g, b, a)` format with correct alpha applied.
 *
 * @example
 * ```ts
 * getTintOverlayColor(3, '#ffcc00');
 * // → "rgba(255, 204, 0, 0.11)"
 * ```
 * @category Color
 */
export declare function getTintOverlayColor(elevation: number, tintColor: string): string;
export declare function capitalize(s: string): string;
export declare function getBorderColor(borderColor?: BorderColor): BorderColor;