import { Breakpoints, Theme } from './theme';
/**
 * Fades a color toward transparent. Native CSS rather than a JS color library
 * so the input can be any valid CSS color value, including a `var(--token)`
 * reference that only the browser can resolve.
 */
export declare const alpha: (color: string, percent: number) => string;
/** Darkens a color by mixing it toward black. See `alpha` for why it is CSS. */
export declare const shade: (color: string, percent: number) => string;
/** Lightens a color by mixing it toward white. See `alpha` for why it is CSS. */
export declare const tint: (color: string, percent: number) => string;
/**
 * Text color for a label sitting on a brand-colored fill: the palette's
 * contrasting end, `light` in light mode and `dark` in dark mode.
 */
export declare const filledTextColor: (theme: Theme) => string;
/**
 * The same choice restated as a rule scoped to a `dark` class on <html>, which
 * is what apps resolving the mode in CSS key off before hydration can swap the
 * theme object. Additive: with an already-dark theme object both paths resolve
 * to the same color. Interpolate alongside `filledTextColor`.
 */
export declare const darkFilledTextRule: (theme: Theme) => string;
/**
 * Slim, theme-aware scrollbar for internal scroll areas (chat transcripts, code
 * blocks, tables) so the chunky native bar doesn't stand out, especially in
 * dark mode.
 */
export declare const thinScrollbar: import('styled-components').RuleSet<NoInfer<{
    theme: Theme;
}>>;
/**
 * Hover/focus/active affordance for interactive surfaces (cards, tiles,
 * links-as-blocks): a transparent 1px border that picks up the primary color
 * on hover, with a soft focus ring. Pair with resetButton for clickable
 * elements that aren't Buttons.
 */
export declare const interactiveStyles: import('styled-components').RuleSet<NoInfer<{
    theme: Theme;
}>>;
/**
 * The destructive-action sibling of interactiveStyles: identical
 * hover/focus/active border + ring behavior, but in the theme error red (the
 * same red the $error Button uses). Use for delete/remove affordances.
 */
export declare const errorInteractiveStyles: import('styled-components').RuleSet<NoInfer<{
    theme: Theme;
}>>;
export declare const resetButton: import('styled-components').RuleSet<object>;
export declare const resetInput: import('styled-components').RuleSet<object>;
export declare const fullWidthStyles: (fullWidth?: boolean) => import('styled-components').RuleSet<object> | undefined;
export declare const statusBorderStyles: ($error?: boolean, $success?: boolean, theme?: Theme) => import('styled-components').RuleSet<object> | undefined;
export declare const formElementHeightStyles: ($size?: "default" | "big" | "small") => import('styled-components').RuleSet<object>;
export declare const generateGapStyles: (size: keyof Breakpoints<number>, gap: number | "none") => import('styled-components').RuleSet<object>;
export declare const generateColsStyles: (size: keyof Breakpoints<number>, cols: number) => import('styled-components').RuleSet<object>;
export declare const generateColSpanStyles: (size: keyof Breakpoints<number>, span: number) => import('styled-components').RuleSet<object>;
export declare const generatePaddingStyles: (size: keyof Breakpoints<number>, padding: number | "none") => import('styled-components').RuleSet<object>;
export declare const generateJustifyContentStyles: (size: keyof Breakpoints<number>, justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly") => import('styled-components').RuleSet<object>;
export declare const generateAlignItemsStyles: (size: keyof Breakpoints<number>, alignItems?: "stretch" | "center" | "flex-start" | "flex-end" | "baseline") => import('styled-components').RuleSet<object>;
export declare const generateAlignContentStyles: (size: keyof Breakpoints<number>, alignContent?: "stretch" | "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly") => import('styled-components').RuleSet<object>;
export declare const generateDirectionStyles: (size: keyof Breakpoints<number>, direction?: "row" | "column" | "row-reverse" | "column-reverse") => import('styled-components').RuleSet<object>;