import { Palette } from "../core/color/palette.js";
import { InteractivePaintSet } from "../core/color/recipe.js";
import { Color } from "../core/color/color.js";
/**
 * Baseline values for light and dark mode for {@link layerFillBaseLuminance}.
 *
 * @remarks
 * These values represent reasonable starting points for light and dark modes, but custom values can be used instead.
 *
 * @public
 */
export declare const LayerBaseLuminance: Readonly<{
    readonly LightMode: 0.95;
    readonly DarkMode: 0.15;
}>;
/**
 * The {@link Palette} to use for Layer recipes.
 *
 * @remarks
 * By default this maps to the {@link neutralPalette}.
 * Use a custom palette like `layerPalette.withDefault(PaletteRGB.from("#[HEX_COLOR]"))`.
 *
 * @public
 */
export declare const layerPalette: import("../core/adaptive-design-tokens.js").TypedDesignToken<Palette<Color>>;
/**
 * The offset between "Fixed" layers, or from the container for "Interactive" rest state, {@link layerFillInteractiveRest}.
 *
 * @remarks
 * A negative value causes "Minus" recipes to go darker and "Plus" recipes to go lighter. A positive value causes the reverse.
 *
 * @public
 */
export declare const layerFillRestDelta: import("../core/adaptive-design-tokens.js").TypedDesignToken<number>;
/**
 * @public
 * @deprecated Use `layerFillLayerDelta` instead.
 */
export declare const layerFillDelta: import("../core/adaptive-design-tokens.js").TypedDesignToken<number>;
/**
 * The ideal luminance value for the "Base" layer, {@link layerFillFixedBase}.
 *
 * @remarks
 * 0...1, 0 = black, 1 = white.
 *
 * @public
 */
export declare const layerFillBaseLuminance: import("../core/adaptive-design-tokens.js").TypedDesignToken<number>;
/**
 * The "Fixed" layers represent background fills commonly used to define app structure.
 *
 * @remarks
 * The primary content is {@link layerFillFixedBase}.
 * Underlying sections like navigation or header are logically *beneath* using {@link layerFillFixedMinus1}, etc.
 * Layers above the "Base" like flyouts or dialogs use {@link layerFillFixedPlus1}, etc.
 *
 * See {@link layerFillRestDelta}.
 *
 * @public
 */
export declare const layerFillFixedRecipe: import("../core/adaptive-design-tokens.js").TypedDesignToken<import("../core/recipes.js").Recipe<number, Color>>;
/**
 * The fill of the "Base" or primary content layer.
 *
 * @remarks
 * See {@link layerFillFixedRecipe}.
 *
 * @public
 */
export declare const layerFillFixedBase: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<Color>;
/**
 * The fill of the layer 1 level beneath "Base".
 *
 * @remarks
 * See {@link layerFillFixedRecipe}.
 *
 * @public
 */
export declare const layerFillFixedMinus1: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<Color>;
/**
 * The fill of the layer 2 levels beneath "Base".
 *
 * @remarks
 * See {@link layerFillFixedRecipe}.
 *
 * @public
 */
export declare const layerFillFixedMinus2: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<Color>;
/**
 * The fill of the layer 3 levels beneath "Base".
 *
 * @remarks
 * See {@link layerFillFixedRecipe}.
 *
 * @public
 */
export declare const layerFillFixedMinus3: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<Color>;
/**
 * The fill of the layer 4 levels beneath "Base".
 *
 * @remarks
 * See {@link layerFillFixedRecipe}.
 *
 * @public
 */
export declare const layerFillFixedMinus4: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<Color>;
/**
 * The fill of the layer 1 level above "Base".
 *
 * @remarks
 * See {@link layerFillFixedRecipe}.
 *
 * @public
 */
export declare const layerFillFixedPlus1: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<Color>;
/**
 * The fill of the layer 2 levels above "Base".
 *
 * @remarks
 * See {@link layerFillFixedRecipe}.
 *
 * @public
 */
export declare const layerFillFixedPlus2: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<Color>;
/**
 * The fill of the layer 3 levels above "Base".
 *
 * @remarks
 * See {@link layerFillFixedRecipe}.
 *
 * @public
 */
export declare const layerFillFixedPlus3: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<Color>;
/**
 * The fill of the layer 4 levels above "Base".
 *
 * @remarks
 * See {@link layerFillFixedRecipe}.
 *
 * @public
 */
export declare const layerFillFixedPlus4: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<Color>;
/**
 * The offset from the container for "Interactive" hover state, {@link layerFillInteractiveHover}.
 *
 * @public
 */
export declare const layerFillHoverDelta: import("../core/adaptive-design-tokens.js").TypedDesignToken<number>;
/**
 * The offset from the container for "Interactive" active state, {@link layerFillInteractiveActive}.
 *
 * @public
 */
export declare const layerFillActiveDelta: import("../core/adaptive-design-tokens.js").TypedDesignToken<number>;
/**
 * The offset from the container for "Interactive" focus state, {@link layerFillInteractiveFocus}.
 *
 * @public
 */
export declare const layerFillFocusDelta: import("../core/adaptive-design-tokens.js").TypedDesignToken<number>;
/**
 * The offset from the container for "Interactive" disabled state, {@link layerFillInteractiveDisabled}.
 *
 * @public
 */
export declare const layerFillDisabledDelta: import("../core/adaptive-design-tokens.js").TypedDesignToken<number>;
/**
 * The recipe for a layer relative to its context (as opposed to {@link layerFillBaseLuminance}).
 *
 * @remarks
 * Useful for a `Card` or other container that's interactive.
 *
 * @public
 */
export declare const layerFillInteractiveRecipe: import("../core/adaptive-design-tokens.js").TypedDesignToken<import("../core/color/recipe.js").ColorRecipe<InteractivePaintSet>>;
export declare const layerFillInteractive: import("../core/types.js").InteractiveTokenGroup<import("../core/index.js").Paint>;
/**
 * The fill of an interactive layer at rest.
 *
 * @remarks
 * See {@link layerFillRestDelta}.
 *
 * @public
 */
export declare const layerFillInteractiveRest: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<import("../core/index.js").Paint>;
/**
 * The fill of an interactive layer while hovered.
 *
 * @remarks
 * See {@link layerFillHoverDelta}.
 *
 * @public
 */
export declare const layerFillInteractiveHover: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<import("../core/index.js").Paint>;
/**
 * The fill of an interactive layer while pressed.
 *
 * @remarks
 * See {@link layerFillActiveDelta}.
 *
 * @public
 */
export declare const layerFillInteractiveActive: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<import("../core/index.js").Paint>;
/**
 * The fill of an interactive layer while focused.
 *
 * @remarks
 * See {@link layerFillFocusDelta}.
 *
 * @public
 */
export declare const layerFillInteractiveFocus: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<import("../core/index.js").Paint>;
/**
 * The fill of an interactive layer while disabled.
 *
 * @remarks
 * See {@link layerFillDisabledDelta}.
 *
 * @public
 */
export declare const layerFillInteractiveDisabled: import("../core/adaptive-design-tokens.js").TypedCSSDesignToken<import("../core/index.js").Paint>;