export declare const mono: {
    readonly fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace";
};
export declare const muted: {
    readonly color: "var(--puck-color-grey-04, #6b7280)";
    readonly fontSize: 12;
};
export declare const card: {
    readonly border: "1px solid var(--puck-color-grey-09, #e5e7eb)";
    readonly borderRadius: 8;
};
export declare const infoPanel: {
    readonly marginBottom: 16;
    readonly padding: 12;
    readonly border: "1px solid var(--puck-color-azure-08, #bfdbfe)";
    readonly background: "var(--puck-color-azure-11, #eff6ff)";
    readonly borderRadius: 8;
};
export declare const sectionLabel: {
    fontSize: number;
    fontWeight: number;
    textTransform: "uppercase";
    letterSpacing: string;
    color: "var(--puck-color-grey-04, #6b7280)";
};
export declare const errorText: {
    readonly color: "var(--puck-color-rose-04, #be123c)";
    readonly margin: 0;
};
export declare const backdrop: {
    readonly position: "fixed";
    readonly inset: 0;
    readonly background: "rgba(15, 23, 42, 0.45)";
    readonly zIndex: 100000;
    readonly display: "flex";
    readonly alignItems: "center";
    readonly justifyContent: "center";
    readonly padding: 24;
};
export declare const modalPanel: {
    readonly background: "var(--puck-color-white, #fff)";
    readonly borderRadius: 12;
    readonly maxWidth: 720;
    readonly width: "100%";
    readonly maxHeight: "90vh";
    readonly overflow: "hidden";
    readonly display: "flex";
    readonly flexDirection: "column";
    readonly boxShadow: "0 25px 50px -12px rgba(0,0,0,0.25)";
};
export declare const primaryButton: {
    readonly padding: "6px 12px";
    readonly border: "none";
    readonly background: "var(--puck-color-azure-04, #2563eb)";
    readonly color: "#fff";
    readonly borderRadius: 4;
    readonly fontSize: 13;
    readonly cursor: "pointer";
};
export declare const secondaryButton: {
    readonly padding: "6px 12px";
    readonly border: "1px solid var(--puck-color-grey-09, #e5e7eb)";
    readonly background: "var(--puck-color-grey-11, #f9fafb)";
    readonly color: "inherit";
    readonly borderRadius: 4;
    readonly fontSize: 13;
    readonly cursor: "pointer";
};
export declare const dangerButton: {
    readonly padding: "4px 10px";
    readonly color: "#b91c1c";
    readonly background: "#fef2f2";
    readonly border: "1px solid #fecaca";
    readonly borderRadius: 4;
    readonly fontSize: 13;
    readonly cursor: "pointer";
};
export declare const ghostButton: {
    readonly padding: "4px 8px";
    readonly border: "none";
    readonly background: "transparent";
    readonly color: "var(--puck-color-grey-04, #6b7280)";
    readonly borderRadius: 4;
    readonly fontSize: 13;
    readonly cursor: "pointer";
};