import { Num, PathResolver, Shape as PenroseShape, PenroseState, Result, Value } from "@penrose/core";
import { HTMLHandler } from "mathjax-full/js/handlers/html/HTMLHandler.js";
import { Color, Shape, ShapeProps } from "./types.js";
export declare const fromPenroseColor: (colorV: Value.ColorV<Num>) => Color;
export declare const toPenroseColor: (color: Color) => Value.Color<Num>;
export declare const toPenroseShape: (shape: Partial<Shape> & Required<Pick<Shape, "shapeType">>, base?: Partial<PenroseShape<Num>>) => PenroseShape<Num>;
export declare const fromPenroseShape: (penroseShape: PenroseShape<Num>, base?: Partial<ShapeProps>) => Shape;
export declare const sortShapes: (shapes: PenroseShape<Num>[], partialLayering: [string, string][]) => PenroseShape<Num>[];
export declare class CallbackLooper {
    private messageChannel?;
    private messageChannelPromise?;
    private messageChannelResolve?;
    private activeId;
    private running;
    private queuer;
    constructor(loopType: "MessageChannel" | "AnimationFrame");
    setPromiseAndResolve: () => void;
    loop: (callback: () => Promise<boolean>) => void;
    isRunning: () => boolean;
    stop: () => void;
}
export declare const stateToSVG: (state: PenroseState, config: {
    pathResolver: PathResolver;
    texLabels: boolean;
    titleCache?: Map<string, SVGElement>;
    /** Unique per diagram so SVG ids (markers, clipPaths) do not collide across diagrams. */
    namespace: string;
}) => Promise<SVGSVGElement>;
export declare const mathjaxInitWithHandler: () => {
    convert: (input: string) => Result<HTMLElement, string>;
    handler: HTMLHandler<HTMLElement, Text, Document>;
};
export declare const setNoFillIfTransparent: (shape: SVGElement) => void;
export { makeCanvas as canvas } from "@penrose/core";
//# sourceMappingURL=utils.d.ts.map