import { CSSProperties } from "react";
//#region src/lib/matter-colors.d.ts
export declare const MATTER_SWATCHES: readonly ["--option-blue", "--option-emerald", "--option-amber", "--option-violet", "--option-red", "--option-cyan", "--option-orange", "--option-teal"];
export declare const getMatterSwatch: (id: string) => "--option-amber" | "--option-blue" | "--option-cyan" | "--option-emerald" | "--option-orange" | "--option-red" | "--option-teal" | "--option-violet";
export declare const getMatterColor: (id: string) => string;
export declare const getMatterPickerColor: (id: string, color: string | null) => string;
export declare const toStoredMatterColor: (color: string) => string;
/**
 * Resolves the swatch CSS variable for a matter, preferring the
 * explicit `color` token stored on the workspace record over the
 * deterministic id-hash fallback. One source of truth so trigger
 * pills, picker rows, and badges all paint the same matter the
 * same colour.
 */
export declare const resolveMatterColor: (id: string, color: string | null) => string;
/**
 * The ground a matter tint is mixed into: chrome rows or content. Root-resolved
 * tokens, so a subtree that re-points `--background` at the tint cannot feed
 * the tint back into itself.
 */
export declare const MATTER_TINT_GROUND: {
  readonly chrome: "var(--untinted-sidebar)";
  readonly content: "var(--untinted-background)";
};
type MatterTintGround = (typeof MATTER_TINT_GROUND)[keyof typeof MATTER_TINT_GROUND];
/**
 * The matter tint a surface paints: 2% of the matter colour over its ground.
 * Every separately painted row (app header, inspector tab header, page
 * organizer toolbar) reads this one formula, so adjacent rows cannot drift.
 */
export declare const matterTint: (color: string | null, ground: MatterTintGround) => string;
export type MatterChromeStyle = CSSProperties & {
  "--matter-background-tint": string;
  "--matter-sidebar-tint": string;
};
/** The tint variables a matter-scoped subtree paints its chrome and panes from. */
export declare const matterChromeStyle: (color: string | null) => MatterChromeStyle;
//#endregion