import type { GeneratedSemanticTokenName } from './generatedTheme';
export type CssColorVariableReference<Name extends string> = `var(--color-${Name})`;
export type CssTokenReference<Name extends GeneratedSemanticTokenName> = CssColorVariableReference<Name>;
export declare const cssColorVar: <Name extends string>(name: Name) => `var(--color-${Name})`;
export type CssTokenMap = {
    readonly [Name in GeneratedSemanticTokenName]: CssTokenReference<Name>;
};
export declare const cssToken: <Name extends "surface-depth" | "surface-base" | "surface-primary" | "surface-secondary" | "surface-tertiary" | "surface-quaternary" | "surface-subtle" | "surface-muted" | "surface-transparent" | "surface-disabled" | "surface-selected" | "surface-inverse" | "surface-accent" | "surface-accent-muted" | "surface-destructive" | "surface-destructive-muted" | "surface-attention" | "surface-attention-muted" | "surface-positive" | "surface-positive-muted" | "surface-special" | "surface-special-muted" | "fg-primary" | "fg-secondary" | "fg-tertiary" | "fg-quaternary" | "fg-disabled" | "fg-selected" | "fg-emphasis" | "fg-on-inverse" | "fg-on-accent" | "fg-on-destructive" | "fg-on-attention" | "fg-on-positive" | "fg-on-special" | "fg-accent" | "fg-destructive" | "fg-attention" | "fg-positive" | "fg-special" | "line-depth" | "line-base" | "line-primary" | "line-secondary" | "line-tertiary" | "line-quaternary" | "line-transparent" | "line-disabled" | "line-selected" | "line-focus" | "line-accent" | "line-destructive" | "line-attention" | "line-positive" | "line-special" | "overlay-hover-subtle" | "overlay-hover" | "overlay-hover-strong" | "overlay-selected" | "overlay-press" | "overlay-scrim" | "effect-ring-base" | "effect-ring-focus" | "_checkbox-gradient" | "_checkbox-gradient-checked" | "_checkbox-shadow" | "_checkbox-shadow-checked" | "_radio-gradient-checked" | "_radio-gradient-dot" | "_radio-gradient-outline" | "_radio-gradient-solid" | "_radio-shadow-checked" | "_radio-shadow-dot" | "_radio-shadow-outline" | "_radio-shadow-solid" | "_switch-gradient-thumb" | "_switch-gradient-track-off" | "_switch-gradient-track-on" | "_switch-shadow-thumb" | "_switch-shadow-thumb-active" | "_switch-shadow-track" | "border-glow-on-accent" | "border-glow-on-surface-hover" | "glow-neutral-hover" | "glow-neutral-pressed" | "glow-on-neutral-hover" | "glow-on-neutral-pressed" | "glow-on-accent-hover" | "glow-on-accent-pressed" | "glow-on-inverse-hover" | "glow-on-inverse-pressed" | "glow-accent-hover" | "glow-accent-pressed" | "glow-destructive-hover" | "glow-destructive-pressed" | "glow-attention-hover" | "glow-attention-pressed" | "glow-positive-hover" | "glow-positive-pressed" | "glow-special-hover" | "glow-special-pressed" | "drop-shadow-xs" | "drop-shadow-md" | "drop-shadow-xl" | "shadow-surface-xxs" | "shadow-surface-xs" | "shadow-surface-sm" | "shadow-surface-md" | "shadow-surface-lg" | "shadow-surface-xl" | "shadow-surface-border-alpha" | "shadow-button-neutral" | "shadow-button-inverse" | "shadow-button-accent" | "shadow-button-destructive" | "shadow-button-positive" | "shadow-button-attention" | "shadow-button-special" | "shadow-button-pressed-neutral" | "shadow-button-pressed-inverse" | "shadow-button-pressed-semantic" | "shadow-input-base" | "shadow-switch-thumb" | "shadow-switch-track" | "shadow-tooltip" | "gradient-button-inverse" | "gradient-button-neutral" | "gradient-button-semantic" | "gradient-input-fill" | "gradient-switch-thumb" | "gradient-switch-track-off" | "gradient-switch-track-on" | "gradient-surface" | "gradient-accent" | "categorical-1" | "categorical-2" | "categorical-3" | "categorical-4" | "categorical-5" | "categorical-6" | "chart-categorical-1" | "chart-categorical-2" | "chart-categorical-3" | "chart-categorical-4" | "chart-categorical-5" | "chart-categorical-6" | "chart-positive" | "chart-negative" | "chart-attention" | "chart-info">(name: Name) => `var(--color-${Name})`;
export declare const token: CssTokenMap;
type CssTokenGroup<Keys extends string> = {
    readonly [Key in Keys]: CssColorVariableReference<string>;
};
type CssColorVarGroup<Keys extends string> = {
    readonly [Key in Keys]: CssColorVariableReference<string>;
};
type SurfaceTokenKey = 'depth' | 'base' | 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'subtle' | 'muted' | 'transparent' | 'disabled' | 'selected' | 'inverse' | 'accent' | 'accentMuted' | 'destructive' | 'destructiveMuted' | 'attention' | 'attentionMuted' | 'positive' | 'positiveMuted' | 'special' | 'specialMuted';
export declare const surface: CssTokenGroup<SurfaceTokenKey>;
type ForegroundTokenKey = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'disabled' | 'selected' | 'emphasis' | 'onInverse' | 'onAccent' | 'onDestructive' | 'onAttention' | 'onPositive' | 'onSpecial' | 'accent' | 'destructive' | 'attention' | 'positive' | 'special';
export declare const fg: CssTokenGroup<ForegroundTokenKey>;
type LineTokenKey = 'depth' | 'base' | 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'transparent' | 'disabled' | 'selected' | 'focus' | 'accent' | 'destructive' | 'attention' | 'positive' | 'special';
export declare const line: CssTokenGroup<LineTokenKey>;
type OverlayTokenKey = 'hoverSubtle' | 'hover' | 'hoverStrong' | 'selected' | 'press' | 'scrim';
export declare const overlay: CssTokenGroup<OverlayTokenKey>;
type EffectTokenKey = 'ringBase' | 'ringFocus' | 'checkboxGradient' | 'checkboxGradientChecked' | 'checkboxShadow' | 'checkboxShadowChecked' | 'radioGradientChecked' | 'radioGradientDot' | 'radioGradientOutline' | 'radioGradientSolid' | 'radioShadowChecked' | 'radioShadowDot' | 'radioShadowOutline' | 'radioShadowSolid' | 'switchGradientThumb' | 'switchGradientTrackOff' | 'switchGradientTrackOn' | 'switchShadowThumb' | 'switchShadowThumbActive' | 'switchShadowTrack' | 'borderGlowOnAccent' | 'borderGlowOnSurfaceHover' | 'glowNeutralHover' | 'glowNeutralPressed' | 'glowOnNeutralHover' | 'glowOnNeutralPressed' | 'glowOnAccentHover' | 'glowOnAccentPressed' | 'glowOnInverseHover' | 'glowOnInversePressed' | 'glowAccentHover' | 'glowAccentPressed' | 'glowDestructiveHover' | 'glowDestructivePressed' | 'glowAttentionHover' | 'glowAttentionPressed' | 'glowPositiveHover' | 'glowPositivePressed' | 'glowSpecialHover' | 'glowSpecialPressed';
export declare const effect: CssTokenGroup<EffectTokenKey>;
export declare const ring: CssTokenGroup<"base" | "focus">;
export declare const dropShadow: CssTokenGroup<"xs" | "md" | "xl">;
type ShadowTokenKey = 'surfaceXxs' | 'surfaceXs' | 'surfaceSm' | 'surfaceMd' | 'surfaceLg' | 'surfaceXl' | 'surfaceBorderAlpha' | 'buttonNeutral' | 'buttonInverse' | 'buttonAccent' | 'buttonDestructive' | 'buttonPositive' | 'buttonAttention' | 'buttonSpecial' | 'buttonPressedNeutral' | 'buttonPressedInverse' | 'buttonPressedSemantic' | 'inputBase' | 'switchThumb' | 'switchTrack' | 'tooltip';
export declare const shadow: CssTokenGroup<ShadowTokenKey>;
type GradientTokenKey = 'buttonInverse' | 'buttonNeutral' | 'buttonSemantic' | 'inputFill' | 'switchThumb' | 'switchTrackOff' | 'switchTrackOn' | 'surface' | 'accent';
export declare const gradient: CssTokenGroup<GradientTokenKey>;
type CategoricalTokenKey = '1' | '2' | '3' | '4' | '5' | '6';
export declare const categorical: CssTokenGroup<CategoricalTokenKey>;
type ChartTokenKey = 'categorical1' | 'categorical2' | 'categorical3' | 'categorical4' | 'categorical5' | 'categorical6' | 'positive' | 'negative' | 'attention' | 'info';
export declare const chart: CssTokenGroup<ChartTokenKey>;
type GlowTokenKey = 'neutralHover' | 'neutralPressed' | 'onNeutralHover' | 'onNeutralPressed' | 'onAccentHover' | 'onAccentPressed' | 'onInverseHover' | 'onInversePressed' | 'accentHover' | 'accentPressed' | 'destructiveHover' | 'destructivePressed' | 'attentionHover' | 'attentionPressed' | 'positiveHover' | 'positivePressed' | 'specialHover' | 'specialPressed';
export declare const glow: CssTokenGroup<GlowTokenKey>;
type BorderTokenKey = 'glowOnAccent' | 'glowOnSurfaceHover';
export declare const border: CssTokenGroup<BorderTokenKey>;
type IntegrationTokenKey = 'coinbaseWallet' | 'discord' | 'evmApricot' | 'evmAqua' | 'evmBlue' | 'evmLavender' | 'evmStroke' | 'facebook' | 'github' | 'google' | 'go' | 'instagram' | 'javaPrimary' | 'javaSecondary' | 'javascript' | 'linkedin' | 'linkedinProfile' | 'metamask' | 'reddit' | 'registryDns' | 'spotify' | 'swift' | 'telegram' | 'telegramContact' | 'telegramListing' | 'tiktok' | 'twitter' | 'walletConnect' | 'whatsapp' | 'youtube';
type IntegrationTokenGroup = CssColorVarGroup<IntegrationTokenKey> & {
    readonly solanaGradient: readonly CssColorVariableReference<string>[];
};
export declare const integration: IntegrationTokenGroup;
export {};